Migrate victory-pie to TypeScript (#2740)

.changeset/kind-rivers-kick.md

@@ -0,0 +1,5 @@
+---
+"victory-pie": patch
+---
+
+Migrate victory-pie to TypeScript

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

@@ -53,7 +53,7 @@ const getSlices = (props, data) => {
     .startAngle(Helpers.degreesToRadians(props.startAngle))
     .endAngle(Helpers.degreesToRadians(props.endAngle))
     .padAngle(Helpers.degreesToRadians(padAngle))
-    .value((datum) => {
+    .value((datum: any) => {
       return datum._y;
     });
   return layoutFunction(data);
@@ -62,7 +62,7 @@ const getSlices = (props, data) => {
 const getCalculatedValues = (props) => {
   const { colorScale } = props;
   const styleObject = Helpers.getDefaultStyles(props, "pie");
-  const style = Helpers.getStyles(props.style, styleObject, "auto", "100%");
+  const style = Helpers.getStyles(props.style, styleObject);
   const colors = Array.isArray(colorScale)
     ? colorScale
     : Style.getColorScale(colorScale);

packages/victory-pie/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./victory-pie";
+export * from "./slice";

packages/victory-pie/src/slice.js → packages/victory-pie/src/slice.tsx

@@ -1,9 +1,51 @@
 import React from "react";
 import PropTypes from "prop-types";
-import { Helpers, CommonProps, Path } from "victory-core";
+import {
+  Helpers,
+  CommonProps,
+  Path,
+  NumberOrCallback,
+  SliceNumberOrCallback,
+  StringOrCallback,
+  VictoryCommonProps,
+  VictoryStyleInterface,
+} from "victory-core";
 import { defaults, isFunction, assign } from "lodash";
 import * as d3Shape from "victory-vendor/d3-shape";
 
+export type VictorySliceLabelPositionType =
+  | "startAngle"
+  | "centroid"
+  | "endAngle";
+export type VictorySliceLabelPlacementType =
+  | "vertical"
+  | "parallel"
+  | "perpendicular";
+export type VictorySliceTTargetType = "data" | "labels" | "parent";
+
+export interface SliceProps extends VictoryCommonProps {
+  ariaLabel?: StringOrCallback;
+  cornerRadius?: SliceNumberOrCallback<SliceProps, "cornerRadius">;
+  datum?: any;
+  innerRadius?: NumberOrCallback;
+  padAngle?: SliceNumberOrCallback<SliceProps, "padAngle">;
+  pathComponent?: React.ReactElement;
+  pathFunction?: (props: SliceProps) => string;
+  radius?: SliceNumberOrCallback<SliceProps, "radius">;
+  slice?: {
+    startAngle?: number;
+    endAngle?: number;
+    padAngle?: number;
+    data?: any[];
+  };
+  sliceEndAngle?: SliceNumberOrCallback<SliceProps, "sliceEndAngle">;
+  sliceStartAngle?: SliceNumberOrCallback<SliceProps, "sliceStartAngle">;
+  style?: VictoryStyleInterface;
+  tabIndex?: NumberOrCallback;
+  role?: string;
+  shapeRendering?: string;
+}
+
 const getPath = (props) => {
   const { slice, radius, innerRadius, cornerRadius } = props;
   if (isFunction(props.pathFunction)) {
@@ -68,13 +110,13 @@ const evaluateProps = (props) => {
   });
 };
 
-const defaultProps = {
+const defaultProps: SliceProps = {
   pathComponent: <Path />,
   role: "presentation",
   shapeRendering: "auto",
 };
 
-const Slice = (initialProps) => {
+export const Slice = (initialProps: SliceProps) => {
   const props = evaluateProps({ ...defaultProps, ...initialProps });
   const defaultTransform = props.origin
     ? `translate(${props.origin.x}, ${props.origin.y})`
@@ -107,5 +149,3 @@ Slice.propTypes = {
   sliceEndAngle: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
   sliceStartAngle: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
 };
-
-export default Slice;