lint and format fix

Author: acharyakavita

packages/victory-pie/src/curved-label.tsx

@@ -147,7 +147,7 @@ const renderLabel = (calculatedProps, tspanValues) => {
     textPathComponent,
     href,
     startOffset,
-    dy
+    dy,
   } = calculatedProps;
   const userProps = UserProps.getSafeUserProps(calculatedProps);
 

packages/victory-pie/src/helper-methods.ts

@@ -268,21 +268,21 @@ const getCurvedLabelProps = (text, dataProps, calculatedValues) => {
     labelRadius,
     evaluatedStyle,
   );
-    const labelArc = getLabelArc(calculatedLabelRadius)
-                  .startAngle(slice.startAngle)
-                  .endAngle(slice.endAngle);
-    const path = labelArc(slice);
-  const pathId = uniqueId('label-path-');
+  const labelArc = getLabelArc(calculatedLabelRadius)
+    .startAngle(slice.startAngle)
+    .endAngle(slice.endAngle);
+  const path = labelArc(slice);
+  const pathId = uniqueId("label-path-");
 
-const curvedLabelProps = {
+  const curvedLabelProps = {
     index,
     datum,
     data,
     slice,
     text,
     style: labelStyle,
-    href:`#${pathId}`,
-    id:pathId,
+    href: `#${pathId}`,
+    id: pathId,
     path,
     startOffset,
     transform: defaultTransform,

packages/victory-pie/src/victory-pie.tsx

@@ -145,7 +145,7 @@ class VictoryPieBase extends React.Component<VictoryPieProps> {
     standalone: true,
     dataComponent: <Slice />,
     labelComponent: <VictoryLabel />,
-    curvedLabelComponent: <CurvedLabel/>,
+    curvedLabelComponent: <CurvedLabel />,
     containerComponent: <VictoryContainer />,
     groupComponent: <g />,
     sortOrder: "ascending",
@@ -176,7 +176,7 @@ class VictoryPieBase extends React.Component<VictoryPieProps> {
       labelIndicator,
       labelPosition,
       labelPlacement,
-      curvedLabelComponent
+      curvedLabelComponent,
     } = props;
 
     if (!groupComponent) {
@@ -212,28 +212,28 @@ class VictoryPieBase extends React.Component<VictoryPieProps> {
       children.push(...dataComponents);
     }
 
-    // For curved labels, we need to create a path component with id and path value of 
-    // label arc. We need to pass this id to the href of textPath component which will 
+    // For curved labels, we need to create a path component with id and path value of
+    // label arc. We need to pass this id to the href of textPath component which will
     // have label value(tspan) as child component.
     if (labelPlacement === "curved") {
-      const labelPathComponents= this.dataKeys.map((_dataKey, index) => {
-          const curvedLabelProps = this.getComponentProps(
-            curvedLabelComponent,
-            "curvedLabels",
-            index,
-          );
+      const labelPathComponents = this.dataKeys.map((_dataKey, index) => {
+        const curvedLabelProps = this.getComponentProps(
+          curvedLabelComponent,
+          "curvedLabels",
+          index,
+        );
+
+        // create labelPath
+        const pathComponent: React.ReactElement = <Path />;
+        return React.cloneElement(pathComponent, {
+          d: curvedLabelProps.path,
+          id: curvedLabelProps.id,
+          key: index,
+          textAnchor: "middle",
+        });
+      });
+      children.push(...labelPathComponents);
 
-          //create labelPath 
-          const pathComponent:React.ReactElement = <Path/>   
-          return  React.cloneElement(pathComponent, {
-            d: curvedLabelProps.path,
-            id: curvedLabelProps.id,
-            key: index,
-            textAnchor:"middle"
-          });
-        })
-        children.push( ...labelPathComponents);
-        
       const curvedLabelComponents = this.dataKeys
         .map((_dataKey, index) => {
           const curvedLabelProps = this.getComponentProps(
@@ -254,8 +254,7 @@ class VictoryPieBase extends React.Component<VictoryPieProps> {
           (comp: React.ReactElement | undefined): comp is React.ReactElement =>
             comp !== undefined,
         );
-        children.push( ...curvedLabelComponents);
-
+      children.push(...curvedLabelComponents);
     } else if (labelComponent) {
       const labelComponents = this.dataKeys
         .map((_dataKey, index) => {

stories/victory-pie.stories.tsx

@@ -605,7 +605,7 @@ export const LabelPlacement = () => {
         labels={({ datum }) => `${datum.l}`}
         labelRadius={85}
         startOffset={30}
-        curvedLabelComponent={<CurvedLabel style={{ fill: "red" }}/>}
+        curvedLabelComponent={<CurvedLabel style={{ fill: "red" }} />}
         data={[
           { x: 1, y: 1, l: 0 },
           { x: 2, y: 1, l: 45 },