@impulse-ui-native/charts 2.2.0 → 2.3.2

package/dist/hooks/use-pie-chart.hook.js

@@ -0,0 +1,29 @@
+import { useMemo } from "react";
+import { createPieChartModel } from "../utils";
+function usePieChart(props) {
+  const {
+    data,
+    endAngle,
+    innerRadius,
+    outerRadius,
+    padAngle,
+    plot,
+    startAngle
+  } = props;
+  return useMemo(
+    () => createPieChartModel({
+      data,
+      endAngle,
+      innerRadius,
+      outerRadius,
+      padAngle,
+      plot,
+      startAngle
+    }),
+    [data, endAngle, innerRadius, outerRadius, padAngle, plot, startAngle]
+  );
+}
+export {
+  usePieChart
+};
+//# sourceMappingURL=use-pie-chart.hook.js.map

package/dist/hooks/use-pie-chart.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-pie-chart.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { UsePieChartProps, UsePieChartResult } from \"../types\";\nimport { createPieChartModel } from \"../utils\";\n\nexport function usePieChart(props: UsePieChartProps): UsePieChartResult {\n  const {\n    data,\n    endAngle,\n    innerRadius,\n    outerRadius,\n    padAngle,\n    plot,\n    startAngle,\n  } = props;\n\n  return useMemo(\n    () =>\n      createPieChartModel({\n        data,\n        endAngle,\n        innerRadius,\n        outerRadius,\n        padAngle,\n        plot,\n        startAngle,\n      }),\n    [data, endAngle, innerRadius, outerRadius, padAngle, plot, startAngle],\n  );\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,SAAS,2BAA2B;AAE7B,SAAS,YAAY,OAA4C;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SAAO;AAAA,IACL,MACE,oBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,MAAM,UAAU,aAAa,aAAa,UAAU,MAAM,UAAU;AAAA,EACvE;AACF;","names":[]}

package/dist/index.d.mts

@@ -2,25 +2,32 @@ export { Bar } from './components/primitives/bar.mjs';
 export { Grid } from './components/primitives/grid.mjs';
 export { Label } from './components/primitives/label.mjs';
 export { Line } from './components/primitives/line.mjs';
+export { Pie } from './components/primitives/pie.mjs';
 export { XAxis } from './components/primitives/x-axis.mjs';
 export { YAxis } from './components/primitives/y-axis.mjs';
-export { BarChart } from './components/bar-chart.mjs';
-export { LineChart } from './components/line-chart.mjs';
-export { MultiBarChart } from './components/multi-bar-chart.mjs';
-export { MultiLineChart } from './components/multi-line-chart.mjs';
+export { BarChart } from './components/bar-chart/bar-chart.mjs';
+export { LineChart } from './components/line-chart/line-chart.mjs';
+export { MultiBarChart } from './components/multi-bar-chart/multi-bar-chart.mjs';
+export { MultiLineChart } from './components/multi-line-chart/multi-line-chart.mjs';
+export { MultiPieChart } from './components/multi-pie-chart/multi-pie-chart.mjs';
+export { PieChart } from './components/pie-chart/pie-chart.mjs';
 export { AxisDefaultLabelGap, AxisDefaultOpacity, AxisDefaultTickLength, AxisDefaultWidth } from './constants/axis.constants.mjs';
 export { BarDefaultColor, BarDefaultColors, BarDefaultOpacity, BarDefaultRadius } from './constants/bar.constants.mjs';
 export { BarChartDefaultCategoryPadding, MultiBarChartDefaultSeriesPadding } from './constants/bar-chart.constants.mjs';
+export { CartesianChartDefaultInsets } from './constants/chart-layout.constants.mjs';
 export { GridDefaultOpacity, GridDefaultWidth, GridDefaultXVisible, GridDefaultYVisible } from './constants/grid.constants.mjs';
 export { LabelDefaultHorizontalAlignment, LabelDefaultVerticalAlignment, TabularNumsFeature } from './constants/label.constants.mjs';
 export { LineDefaultCap, LineDefaultColor, LineDefaultColors, LineDefaultCurve, LineDefaultJoin, LineDefaultOpacity, LineDefaultWidth } from './constants/line.constants.mjs';
 export { LineChartDefaultNumericDomain, LineChartDefaultTickCount } from './constants/line-chart.constants.mjs';
+export { MultiPieDefaultRingPadding, PieDefaultColor, PieDefaultColors, PieDefaultCornerRadius, PieDefaultEndAngle, PieDefaultInnerRadius, PieDefaultOpacity, PieDefaultOuterRadius, PieDefaultPadAngle, PieDefaultStartAngle, PieDefaultStrokeWidth } from './constants/pie.constants.mjs';
 export { useChartCanvas } from './hooks/use-chart-canvas.hook.mjs';
 export { useChartLayout } from './hooks/use-chart-layout.hook.mjs';
 export { useBarChart } from './hooks/use-bar-chart.hook.mjs';
 export { useLineChart } from './hooks/use-line-chart.hook.mjs';
 export { useMultiBarChart } from './hooks/use-multi-bar-chart.hook.mjs';
 export { useMultiLineChart } from './hooks/use-multi-line-chart.hook.mjs';
+export { useMultiPieChart } from './hooks/use-multi-pie-chart.hook.mjs';
+export { usePieChart } from './hooks/use-pie-chart.hook.mjs';
 export { AxisLayout, AxisLineLayout, AxisProps, AxisTick, AxisTickLayout, CreateAxisLayoutProps, CreateYAxisLayoutProps, XAxisProps, YAxisProps } from './types/axis.types.mjs';
 export { BarProps } from './types/bar.types.mjs';
 export { BarChartBarOptions, BarChartCommonProps, BarChartCoordinate, BarChartPoint, BarChartProps } from './types/bar-chart.types.mjs';
@@ -30,11 +37,16 @@ export { LabelHorizontalAlignment, LabelProps, LabelVerticalAlignment } from './
 export { LineProps } from './types/line.types.mjs';
 export { MultiBarChartProps, MultiBarChartSeries, MultiBarChartSeriesModel } from './types/multi-bar-chart.types.mjs';
 export { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel } from './types/multi-line-chart.types.mjs';
+export { MultiPieChartProps, MultiPieChartSeries, MultiPieChartSeriesModel } from './types/multi-pie-chart.types.mjs';
+export { PieProps } from './types/pie.types.mjs';
+export { PieChartCommonProps, PieChartCoordinate, PieChartModel, PieChartPoint, PieChartProps, PieChartSliceOptions } from './types/pie-chart.types.mjs';
 export { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle } from './types/style.types.mjs';
 export { UseBarChartProps, UseBarChartResult } from './types/use-bar-chart.types.mjs';
 export { LineChartXScaleModel, UseLineChartProps, UseLineChartResult } from './types/use-line-chart.types.mjs';
 export { UseMultiBarChartProps, UseMultiBarChartResult } from './types/use-multi-bar-chart.types.mjs';
 export { UseMultiLineChartProps, UseMultiLineChartResult } from './types/use-multi-line-chart.types.mjs';
+export { UseMultiPieChartProps, UseMultiPieChartResult } from './types/use-multi-pie-chart.types.mjs';
+export { UsePieChartProps, UsePieChartResult } from './types/use-pie-chart.types.mjs';
 export { createAxisTicks, createXAxisLabelRect, createXAxisLayout, createYAxisLabelRect, createYAxisLayout, formatAxisTick } from './utils/axis.util.mjs';
 export { createBarChartCoordinates, createBarChartModel } from './utils/bar-chart.util.mjs';
 export { createChartLayout, createInsetRect } from './utils/chart-layout.util.mjs';
@@ -45,6 +57,9 @@ export { createLineChartCoordinates, createLineChartModel } from './utils/line-c
 export { createDrawableMultiLineChartSeries } from './utils/multi-line-chart.util.mjs';
 export { createDrawableMultiBarChartSeries, createMultiBarChartModel } from './utils/multi-bar-chart.util.mjs';
 export { createParagraphBuilder } from './utils/paragraph-builder.util.mjs';
+export { createMultiPieChartModel } from './utils/multi-pie-chart.util.mjs';
+export { createPieChartModel, createPieChartRadii, normalizeRadiusRatio } from './utils/pie-chart.util.mjs';
+export { createPieSlicePath } from './utils/pie.util.mjs';
 import 'react/jsx-runtime';
 import '@impulse-ui-native/theme';
 import '@shopify/react-native-skia';

package/dist/types/index.d.mts

@@ -7,10 +7,15 @@ export { LabelHorizontalAlignment, LabelProps, LabelVerticalAlignment } from './
 export { LineProps } from './line.types.mjs';
 export { MultiBarChartProps, MultiBarChartSeries, MultiBarChartSeriesModel } from './multi-bar-chart.types.mjs';
 export { MultiLineChartBodyProps, MultiLineChartProps, MultiLineChartSeries, MultiLineChartSeriesModel } from './multi-line-chart.types.mjs';
+export { MultiPieChartProps, MultiPieChartSeries, MultiPieChartSeriesModel } from './multi-pie-chart.types.mjs';
+export { PieProps } from './pie.types.mjs';
+export { PieChartCommonProps, PieChartCoordinate, PieChartModel, PieChartPoint, PieChartProps, PieChartSliceOptions } from './pie-chart.types.mjs';
 export { ChartLabelStyle, ChartStrokeCap, ChartStrokeJoin, ChartStrokeStyle } from './style.types.mjs';
 export { UseBarChartProps, UseBarChartResult } from './use-bar-chart.types.mjs';
 export { LineChartXScaleModel, UseLineChartProps, UseLineChartResult } from './use-line-chart.types.mjs';
 export { UseMultiBarChartProps, UseMultiBarChartResult } from './use-multi-bar-chart.types.mjs';
 export { UseMultiLineChartProps, UseMultiLineChartResult } from './use-multi-line-chart.types.mjs';
+export { UseMultiPieChartProps, UseMultiPieChartResult } from './use-multi-pie-chart.types.mjs';
+export { UsePieChartProps, UsePieChartResult } from './use-pie-chart.types.mjs';
 import '@shopify/react-native-skia';
 import '@impulse-ui-native/theme';

package/dist/types/index.js

@@ -8,9 +8,14 @@ export * from "./line.types";
 export * from "./line-chart.types";
 export * from "./multi-bar-chart.types";
 export * from "./multi-line-chart.types";
+export * from "./multi-pie-chart.types";
+export * from "./pie.types";
+export * from "./pie-chart.types";
 export * from "./style.types";
 export * from "./use-bar-chart.types";
 export * from "./use-line-chart.types";
 export * from "./use-multi-bar-chart.types";
 export * from "./use-multi-line-chart.types";
+export * from "./use-multi-pie-chart.types";
+export * from "./use-pie-chart.types";
 //# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./axis.types\";\nexport * from \"./bar.types\";\nexport * from \"./bar-chart.types\";\nexport * from \"./common.types\";\nexport * from \"./grid.types\";\nexport * from \"./label.types\";\nexport * from \"./line.types\";\nexport * from \"./line-chart.types\";\nexport * from \"./multi-bar-chart.types\";\nexport * from \"./multi-line-chart.types\";\nexport * from \"./style.types\";\nexport * from \"./use-bar-chart.types\";\nexport * from \"./use-line-chart.types\";\nexport * from \"./use-multi-bar-chart.types\";\nexport * from \"./use-multi-line-chart.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./axis.types\";\nexport * from \"./bar.types\";\nexport * from \"./bar-chart.types\";\nexport * from \"./common.types\";\nexport * from \"./grid.types\";\nexport * from \"./label.types\";\nexport * from \"./line.types\";\nexport * from \"./line-chart.types\";\nexport * from \"./multi-bar-chart.types\";\nexport * from \"./multi-line-chart.types\";\nexport * from \"./multi-pie-chart.types\";\nexport * from \"./pie.types\";\nexport * from \"./pie-chart.types\";\nexport * from \"./style.types\";\nexport * from \"./use-bar-chart.types\";\nexport * from \"./use-line-chart.types\";\nexport * from \"./use-multi-bar-chart.types\";\nexport * from \"./use-multi-line-chart.types\";\nexport * from \"./use-multi-pie-chart.types\";\nexport * from \"./use-pie-chart.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/types/multi-pie-chart.types.d.mts

@@ -0,0 +1,20 @@
+import { PieChartCommonProps, PieChartPoint, PieChartSliceOptions, PieChartCoordinate } from './pie-chart.types.mjs';
+import './common.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface MultiPieChartSeries {
+    id: string;
+    data: readonly PieChartPoint[];
+    slice?: PieChartSliceOptions;
+}
+interface MultiPieChartSeriesModel extends MultiPieChartSeries {
+    coordinates: readonly PieChartCoordinate[];
+    total: number;
+}
+interface MultiPieChartProps extends PieChartCommonProps {
+    series: readonly MultiPieChartSeries[];
+    ringPadding?: number;
+}
+
+export type { MultiPieChartProps, MultiPieChartSeries, MultiPieChartSeriesModel };

package/dist/types/multi-pie-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=multi-pie-chart.types.js.map

package/dist/types/multi-pie-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/pie-chart.types.d.mts

@@ -0,0 +1,46 @@
+import { ChartInsets, ChartPoint } from './common.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface PieChartPoint {
+    id: string;
+    value: number;
+    color?: string;
+}
+interface PieChartCoordinate {
+    datum: PieChartPoint;
+    index: number;
+    center: ChartPoint;
+    startAngle: number;
+    endAngle: number;
+    padAngle: number;
+    padRadius: number;
+    innerRadius: number;
+    outerRadius: number;
+}
+interface PieChartSliceOptions {
+    visible?: boolean;
+    colors?: readonly string[];
+    opacity?: number;
+    cornerRadius?: number;
+    strokeColor?: string;
+    strokeWidth?: number;
+}
+interface PieChartCommonProps {
+    insets?: Partial<ChartInsets>;
+    innerRadius?: number;
+    outerRadius?: number;
+    padAngle?: number;
+    startAngle?: number;
+    endAngle?: number;
+}
+interface PieChartProps extends PieChartCommonProps {
+    data: readonly PieChartPoint[];
+    slice?: PieChartSliceOptions;
+}
+interface PieChartModel {
+    coordinates: readonly PieChartCoordinate[];
+    total: number;
+}
+
+export type { PieChartCommonProps, PieChartCoordinate, PieChartModel, PieChartPoint, PieChartProps, PieChartSliceOptions };

package/dist/types/pie-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=pie-chart.types.js.map

package/dist/types/pie-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/pie.types.d.mts

@@ -0,0 +1,10 @@
+import { PieChartSliceOptions, PieChartCoordinate } from './pie-chart.types.mjs';
+import './common.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface PieProps extends PieChartSliceOptions {
+    coordinates: readonly PieChartCoordinate[];
+}
+
+export type { PieProps };

package/dist/types/pie.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=pie.types.js.map

package/dist/types/pie.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-multi-pie-chart.types.d.mts

@@ -0,0 +1,14 @@
+import { ChartRect } from './common.types.mjs';
+import { MultiPieChartProps, MultiPieChartSeriesModel } from './multi-pie-chart.types.mjs';
+import { PieChartCommonProps } from './pie-chart.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface UseMultiPieChartProps extends Pick<PieChartCommonProps, "endAngle" | "innerRadius" | "outerRadius" | "padAngle" | "startAngle">, Pick<MultiPieChartProps, "ringPadding" | "series"> {
+    plot: ChartRect;
+}
+interface UseMultiPieChartResult {
+    series: readonly MultiPieChartSeriesModel[];
+}
+
+export type { UseMultiPieChartProps, UseMultiPieChartResult };

package/dist/types/use-multi-pie-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-multi-pie-chart.types.js.map

package/dist/types/use-multi-pie-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/use-pie-chart.types.d.mts

@@ -0,0 +1,12 @@
+import { ChartRect } from './common.types.mjs';
+import { PieChartCommonProps, PieChartPoint, PieChartModel } from './pie-chart.types.mjs';
+import './style.types.mjs';
+import '@shopify/react-native-skia';
+
+interface UsePieChartProps extends Pick<PieChartCommonProps, "endAngle" | "innerRadius" | "outerRadius" | "padAngle" | "startAngle"> {
+    data: readonly PieChartPoint[];
+    plot: ChartRect;
+}
+type UsePieChartResult = PieChartModel;
+
+export type { UsePieChartProps, UsePieChartResult };

package/dist/types/use-pie-chart.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=use-pie-chart.types.js.map

package/dist/types/use-pie-chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/chart-layout.util.d.mts

@@ -2,7 +2,7 @@ import { ChartSize, ChartInsets, ChartLayout, ChartRect } from '../types/common.
 import '../types/style.types.mjs';
 import '@shopify/react-native-skia';
 
-declare function createChartLayout(size: ChartSize, insets?: Partial<ChartInsets>): ChartLayout;
+declare function createChartLayout(size: ChartSize, insets?: Partial<ChartInsets>, defaultInsets?: Partial<ChartInsets>): ChartLayout;
 declare function createInsetRect(rect: ChartRect, amount: number): ChartRect;
 
 export { createChartLayout, createInsetRect };

package/dist/utils/chart-layout.util.js

@@ -1,9 +1,9 @@
-function createChartLayout(size, insets = {}) {
+function createChartLayout(size, insets = {}, defaultInsets = {}) {
   const resolvedInsets = {
-    top: insets.top ?? 0,
-    right: insets.right ?? 0,
-    bottom: insets.bottom ?? 0,
-    left: insets.left ?? 0
+    top: insets.top ?? defaultInsets.top ?? 0,
+    right: insets.right ?? defaultInsets.right ?? 0,
+    bottom: insets.bottom ?? defaultInsets.bottom ?? 0,
+    left: insets.left ?? defaultInsets.left ?? 0
   };
   const plotWidth = Math.max(
     0,

package/dist/utils/chart-layout.util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/chart-layout.util.ts"],"sourcesContent":["import { ChartInsets, ChartLayout, ChartRect, ChartSize } from \"../types\";\n\nexport function createChartLayout(\n  size: ChartSize,\n  insets: Partial<ChartInsets> = {},\n): ChartLayout {\n  const resolvedInsets: ChartInsets = {\n    top: insets.top ?? 0,\n    right: insets.right ?? 0,\n    bottom: insets.bottom ?? 0,\n    left: insets.left ?? 0,\n  };\n\n  const plotWidth = Math.max(\n    0,\n    size.width - resolvedInsets.left - resolvedInsets.right,\n  );\n  const plotHeight = Math.max(\n    0,\n    size.height - resolvedInsets.top - resolvedInsets.bottom,\n  );\n\n  const plot = {\n    x: resolvedInsets.left,\n    y: resolvedInsets.top,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  return {\n    size,\n    insets: resolvedInsets,\n    plot,\n    xAxis: {\n      x: plot.x,\n      y: plot.y + plot.height,\n      width: plot.width,\n      height: resolvedInsets.bottom,\n    },\n    yAxis: {\n      x: 0,\n      y: plot.y,\n      width: resolvedInsets.left,\n      height: plot.height,\n    },\n  };\n}\n\nexport function createInsetRect(rect: ChartRect, amount: number): ChartRect {\n  const inset = Math.max(0, amount);\n  const horizontalInset = Math.min(inset, rect.width / 2);\n  const verticalInset = Math.min(inset, rect.height / 2);\n\n  return {\n    x: rect.x + horizontalInset,\n    y: rect.y + verticalInset,\n    width: Math.max(0, rect.width - horizontalInset * 2),\n    height: Math.max(0, rect.height - verticalInset * 2),\n  };\n}\n"],"mappings":"AAEO,SAAS,kBACd,MACA,SAA+B,CAAC,GACnB;AACb,QAAM,iBAA8B;AAAA,IAClC,KAAK,OAAO,OAAO;AAAA,IACnB,OAAO,OAAO,SAAS;AAAA,IACvB,QAAQ,OAAO,UAAU;AAAA,IACzB,MAAM,OAAO,QAAQ;AAAA,EACvB;AAEA,QAAM,YAAY,KAAK;AAAA,IACrB;AAAA,IACA,KAAK,QAAQ,eAAe,OAAO,eAAe;AAAA,EACpD;AACA,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,KAAK,SAAS,eAAe,MAAM,eAAe;AAAA,EACpD;AAEA,QAAM,OAAO;AAAA,IACX,GAAG,eAAe;AAAA,IAClB,GAAG,eAAe;AAAA,IAClB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,GAAG,KAAK;AAAA,MACR,GAAG,KAAK,IAAI,KAAK;AAAA,MACjB,OAAO,KAAK;AAAA,MACZ,QAAQ,eAAe;AAAA,IACzB;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG,KAAK;AAAA,MACR,OAAO,eAAe;AAAA,MACtB,QAAQ,KAAK;AAAA,IACf;AAAA,EACF;AACF;AAEO,SAAS,gBAAgB,MAAiB,QAA2B;AAC1E,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM;AAChC,QAAM,kBAAkB,KAAK,IAAI,OAAO,KAAK,QAAQ,CAAC;AACtD,QAAM,gBAAgB,KAAK,IAAI,OAAO,KAAK,SAAS,CAAC;AAErD,SAAO;AAAA,IACL,GAAG,KAAK,IAAI;AAAA,IACZ,GAAG,KAAK,IAAI;AAAA,IACZ,OAAO,KAAK,IAAI,GAAG,KAAK,QAAQ,kBAAkB,CAAC;AAAA,IACnD,QAAQ,KAAK,IAAI,GAAG,KAAK,SAAS,gBAAgB,CAAC;AAAA,EACrD;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/chart-layout.util.ts"],"sourcesContent":["import { ChartInsets, ChartLayout, ChartRect, ChartSize } from \"../types\";\n\nexport function createChartLayout(\n  size: ChartSize,\n  insets: Partial<ChartInsets> = {},\n  defaultInsets: Partial<ChartInsets> = {},\n): ChartLayout {\n  const resolvedInsets: ChartInsets = {\n    top: insets.top ?? defaultInsets.top ?? 0,\n    right: insets.right ?? defaultInsets.right ?? 0,\n    bottom: insets.bottom ?? defaultInsets.bottom ?? 0,\n    left: insets.left ?? defaultInsets.left ?? 0,\n  };\n\n  const plotWidth = Math.max(\n    0,\n    size.width - resolvedInsets.left - resolvedInsets.right,\n  );\n  const plotHeight = Math.max(\n    0,\n    size.height - resolvedInsets.top - resolvedInsets.bottom,\n  );\n\n  const plot = {\n    x: resolvedInsets.left,\n    y: resolvedInsets.top,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  return {\n    size,\n    insets: resolvedInsets,\n    plot,\n    xAxis: {\n      x: plot.x,\n      y: plot.y + plot.height,\n      width: plot.width,\n      height: resolvedInsets.bottom,\n    },\n    yAxis: {\n      x: 0,\n      y: plot.y,\n      width: resolvedInsets.left,\n      height: plot.height,\n    },\n  };\n}\n\nexport function createInsetRect(rect: ChartRect, amount: number): ChartRect {\n  const inset = Math.max(0, amount);\n  const horizontalInset = Math.min(inset, rect.width / 2);\n  const verticalInset = Math.min(inset, rect.height / 2);\n\n  return {\n    x: rect.x + horizontalInset,\n    y: rect.y + verticalInset,\n    width: Math.max(0, rect.width - horizontalInset * 2),\n    height: Math.max(0, rect.height - verticalInset * 2),\n  };\n}\n"],"mappings":"AAEO,SAAS,kBACd,MACA,SAA+B,CAAC,GAChC,gBAAsC,CAAC,GAC1B;AACb,QAAM,iBAA8B;AAAA,IAClC,KAAK,OAAO,OAAO,cAAc,OAAO;AAAA,IACxC,OAAO,OAAO,SAAS,cAAc,SAAS;AAAA,IAC9C,QAAQ,OAAO,UAAU,cAAc,UAAU;AAAA,IACjD,MAAM,OAAO,QAAQ,cAAc,QAAQ;AAAA,EAC7C;AAEA,QAAM,YAAY,KAAK;AAAA,IACrB;AAAA,IACA,KAAK,QAAQ,eAAe,OAAO,eAAe;AAAA,EACpD;AACA,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,KAAK,SAAS,eAAe,MAAM,eAAe;AAAA,EACpD;AAEA,QAAM,OAAO;AAAA,IACX,GAAG,eAAe;AAAA,IAClB,GAAG,eAAe;AAAA,IAClB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,GAAG,KAAK;AAAA,MACR,GAAG,KAAK,IAAI,KAAK;AAAA,MACjB,OAAO,KAAK;AAAA,MACZ,QAAQ,eAAe;AAAA,IACzB;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG,KAAK;AAAA,MACR,OAAO,eAAe;AAAA,MACtB,QAAQ,KAAK;AAAA,IACf;AAAA,EACF;AACF;AAEO,SAAS,gBAAgB,MAAiB,QAA2B;AAC1E,QAAM,QAAQ,KAAK,IAAI,GAAG,MAAM;AAChC,QAAM,kBAAkB,KAAK,IAAI,OAAO,KAAK,QAAQ,CAAC;AACtD,QAAM,gBAAgB,KAAK,IAAI,OAAO,KAAK,SAAS,CAAC;AAErD,SAAO;AAAA,IACL,GAAG,KAAK,IAAI;AAAA,IACZ,GAAG,KAAK,IAAI;AAAA,IACZ,OAAO,KAAK,IAAI,GAAG,KAAK,QAAQ,kBAAkB,CAAC;AAAA,IACnD,QAAQ,KAAK,IAAI,GAAG,KAAK,SAAS,gBAAgB,CAAC;AAAA,EACrD;AACF;","names":[]}

package/dist/utils/index.d.mts

@@ -8,6 +8,9 @@ export { createLineChartCoordinates, createLineChartModel } from './line-chart.u
 export { createDrawableMultiLineChartSeries } from './multi-line-chart.util.mjs';
 export { createDrawableMultiBarChartSeries, createMultiBarChartModel } from './multi-bar-chart.util.mjs';
 export { createParagraphBuilder } from './paragraph-builder.util.mjs';
+export { createMultiPieChartModel } from './multi-pie-chart.util.mjs';
+export { createPieChartModel, createPieChartRadii, normalizeRadiusRatio } from './pie-chart.util.mjs';
+export { createPieSlicePath } from './pie.util.mjs';
 import '../types/axis.types.mjs';
 import '@shopify/react-native-skia';
 import '@impulse-ui-native/theme';
@@ -21,3 +24,7 @@ import '../types/use-line-chart.types.mjs';
 import '../types/multi-line-chart.types.mjs';
 import '../types/multi-bar-chart.types.mjs';
 import '../types/use-multi-bar-chart.types.mjs';
+import '../types/use-multi-pie-chart.types.mjs';
+import '../types/multi-pie-chart.types.mjs';
+import '../types/pie-chart.types.mjs';
+import '../types/use-pie-chart.types.mjs';

package/dist/utils/index.js

@@ -28,6 +28,13 @@ import {
   createMultiBarChartModel
 } from "./multi-bar-chart.util";
 import { createParagraphBuilder } from "./paragraph-builder.util";
+import { createMultiPieChartModel } from "./multi-pie-chart.util";
+import {
+  createPieChartModel,
+  createPieChartRadii,
+  normalizeRadiusRatio
+} from "./pie-chart.util";
+import { createPieSlicePath } from "./pie.util";
 export {
   createAxisTicks,
   createBarChartCoordinates,
@@ -41,7 +48,11 @@ export {
   createLineChartModel,
   createLinePath,
   createMultiBarChartModel,
+  createMultiPieChartModel,
   createParagraphBuilder,
+  createPieChartModel,
+  createPieChartRadii,
+  createPieSlicePath,
   createVerticalGridPath,
   createXAxisLabelRect,
   createXAxisLayout,
@@ -51,6 +62,7 @@ export {
   formatAxisTick,
   getLabelTextAlign,
   getLabelY,
+  normalizeRadiusRatio,
   resolveGridLineOptions
 };
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  createAxisTicks,\n  createXAxisLayout,\n  createXAxisLabelRect,\n  createYAxisLayout,\n  createYAxisLabelRect,\n  formatAxisTick,\n} from \"./axis.util\";\nexport {\n  createBarChartCoordinates,\n  createBarChartModel,\n} from \"./bar-chart.util\";\nexport { createChartLayout, createInsetRect } from \"./chart-layout.util\";\nexport {\n  createHorizontalGridPath,\n  createVerticalGridPath,\n  resolveGridLineOptions,\n} from \"./grid.util\";\nexport { getLabelTextAlign, getLabelY } from \"./label.util\";\nexport { createLinePath, fitLineCoordinatesToRect } from \"./line.util\";\nexport {\n  createLineChartCoordinates,\n  createLineChartModel,\n} from \"./line-chart.util\";\nexport { createDrawableMultiLineChartSeries } from \"./multi-line-chart.util\";\nexport {\n  createDrawableMultiBarChartSeries,\n  createMultiBarChartModel,\n} from \"./multi-bar-chart.util\";\nexport { createParagraphBuilder } from \"./paragraph-builder.util\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,uBAAuB;AACnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,iBAAiB;AAC7C,SAAS,gBAAgB,gCAAgC;AACzD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  createAxisTicks,\n  createXAxisLayout,\n  createXAxisLabelRect,\n  createYAxisLayout,\n  createYAxisLabelRect,\n  formatAxisTick,\n} from \"./axis.util\";\nexport {\n  createBarChartCoordinates,\n  createBarChartModel,\n} from \"./bar-chart.util\";\nexport { createChartLayout, createInsetRect } from \"./chart-layout.util\";\nexport {\n  createHorizontalGridPath,\n  createVerticalGridPath,\n  resolveGridLineOptions,\n} from \"./grid.util\";\nexport { getLabelTextAlign, getLabelY } from \"./label.util\";\nexport { createLinePath, fitLineCoordinatesToRect } from \"./line.util\";\nexport {\n  createLineChartCoordinates,\n  createLineChartModel,\n} from \"./line-chart.util\";\nexport { createDrawableMultiLineChartSeries } from \"./multi-line-chart.util\";\nexport {\n  createDrawableMultiBarChartSeries,\n  createMultiBarChartModel,\n} from \"./multi-bar-chart.util\";\nexport { createParagraphBuilder } from \"./paragraph-builder.util\";\nexport { createMultiPieChartModel } from \"./multi-pie-chart.util\";\nexport {\n  createPieChartModel,\n  createPieChartRadii,\n  normalizeRadiusRatio,\n} from \"./pie-chart.util\";\nexport { createPieSlicePath } from \"./pie.util\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,uBAAuB;AACnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB,iBAAiB;AAC7C,SAAS,gBAAgB,gCAAgC;AACzD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;","names":[]}

package/dist/utils/multi-pie-chart.util.d.mts

@@ -0,0 +1,10 @@
+import { UseMultiPieChartProps, UseMultiPieChartResult } from '../types/use-multi-pie-chart.types.mjs';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+import '../types/multi-pie-chart.types.mjs';
+import '../types/pie-chart.types.mjs';
+
+declare function createMultiPieChartModel(props: UseMultiPieChartProps): UseMultiPieChartResult;
+
+export { createMultiPieChartModel };

package/dist/utils/multi-pie-chart.util.js

@@ -0,0 +1,59 @@
+import { MultiPieDefaultRingPadding } from "../constants";
+import { createPieChartModel, createPieChartRadii } from "./pie-chart.util";
+function createMultiPieChartModel(props) {
+  const { innerRadius, outerRadius } = createPieChartRadii(
+    props.plot,
+    props.innerRadius,
+    props.outerRadius
+  );
+  const ringCount = props.series.length;
+  const radialSpan = outerRadius - innerRadius;
+  const ringPadding = ringCount <= 1 ? 0 : Math.min(
+    normalizeRingPadding(props.ringPadding),
+    radialSpan / (ringCount - 1)
+  );
+  const availableWidth = Math.max(
+    0,
+    radialSpan - ringPadding * Math.max(0, ringCount - 1)
+  );
+  const ringWidth = ringCount === 0 ? 0 : availableWidth / ringCount;
+  const maximumRadius = Math.max(
+    0,
+    Math.min(props.plot.width, props.plot.height) / 2
+  );
+  const series = props.series.map(
+    (currentSeries, index) => {
+      const seriesOuterRadius = outerRadius - index * (ringWidth + ringPadding);
+      const seriesInnerRadius = Math.max(
+        innerRadius,
+        seriesOuterRadius - ringWidth
+      );
+      const model = createPieChartModel({
+        data: currentSeries.data,
+        plot: props.plot,
+        startAngle: props.startAngle,
+        endAngle: props.endAngle,
+        padAngle: props.padAngle,
+        innerRadius: maximumRadius === 0 ? 0 : seriesInnerRadius / maximumRadius,
+        outerRadius: maximumRadius === 0 ? 0 : seriesOuterRadius / maximumRadius
+      });
+      return {
+        ...currentSeries,
+        ...model,
+        coordinates: model.coordinates.map((coordinate) => ({
+          ...coordinate,
+          padRadius: outerRadius
+        }))
+      };
+    }
+  );
+  return { series };
+}
+function normalizeRingPadding(value) {
+  const padding = value === void 0 || !Number.isFinite(value) ? MultiPieDefaultRingPadding : value;
+  return Math.max(0, padding);
+}
+export {
+  createMultiPieChartModel
+};
+//# sourceMappingURL=multi-pie-chart.util.js.map

package/dist/utils/multi-pie-chart.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/multi-pie-chart.util.ts"],"sourcesContent":["import { MultiPieDefaultRingPadding } from \"../constants\";\nimport {\n  MultiPieChartSeriesModel,\n  UseMultiPieChartProps,\n  UseMultiPieChartResult,\n} from \"../types\";\nimport { createPieChartModel, createPieChartRadii } from \"./pie-chart.util\";\n\nexport function createMultiPieChartModel(\n  props: UseMultiPieChartProps,\n): UseMultiPieChartResult {\n  const { innerRadius, outerRadius } = createPieChartRadii(\n    props.plot,\n    props.innerRadius,\n    props.outerRadius,\n  );\n  const ringCount = props.series.length;\n  const radialSpan = outerRadius - innerRadius;\n  const ringPadding =\n    ringCount <= 1\n      ? 0\n      : Math.min(\n          normalizeRingPadding(props.ringPadding),\n          radialSpan / (ringCount - 1),\n        );\n  const availableWidth = Math.max(\n    0,\n    radialSpan - ringPadding * Math.max(0, ringCount - 1),\n  );\n  const ringWidth = ringCount === 0 ? 0 : availableWidth / ringCount;\n  const maximumRadius = Math.max(\n    0,\n    Math.min(props.plot.width, props.plot.height) / 2,\n  );\n\n  const series: MultiPieChartSeriesModel[] = props.series.map(\n    (currentSeries, index) => {\n      const seriesOuterRadius = outerRadius - index * (ringWidth + ringPadding);\n      const seriesInnerRadius = Math.max(\n        innerRadius,\n        seriesOuterRadius - ringWidth,\n      );\n      const model = createPieChartModel({\n        data: currentSeries.data,\n        plot: props.plot,\n        startAngle: props.startAngle,\n        endAngle: props.endAngle,\n        padAngle: props.padAngle,\n        innerRadius:\n          maximumRadius === 0 ? 0 : seriesInnerRadius / maximumRadius,\n        outerRadius:\n          maximumRadius === 0 ? 0 : seriesOuterRadius / maximumRadius,\n      });\n\n      return {\n        ...currentSeries,\n        ...model,\n        coordinates: model.coordinates.map((coordinate) => ({\n          ...coordinate,\n          padRadius: outerRadius,\n        })),\n      };\n    },\n  );\n\n  return { series };\n}\n\nfunction normalizeRingPadding(value: number | undefined): number {\n  const padding =\n    value === undefined || !Number.isFinite(value)\n      ? MultiPieDefaultRingPadding\n      : value;\n\n  return Math.max(0, padding);\n}\n"],"mappings":"AAAA,SAAS,kCAAkC;AAM3C,SAAS,qBAAqB,2BAA2B;AAElD,SAAS,yBACd,OACwB;AACxB,QAAM,EAAE,aAAa,YAAY,IAAI;AAAA,IACnC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,YAAY,MAAM,OAAO;AAC/B,QAAM,aAAa,cAAc;AACjC,QAAM,cACJ,aAAa,IACT,IACA,KAAK;AAAA,IACH,qBAAqB,MAAM,WAAW;AAAA,IACtC,cAAc,YAAY;AAAA,EAC5B;AACN,QAAM,iBAAiB,KAAK;AAAA,IAC1B;AAAA,IACA,aAAa,cAAc,KAAK,IAAI,GAAG,YAAY,CAAC;AAAA,EACtD;AACA,QAAM,YAAY,cAAc,IAAI,IAAI,iBAAiB;AACzD,QAAM,gBAAgB,KAAK;AAAA,IACzB;AAAA,IACA,KAAK,IAAI,MAAM,KAAK,OAAO,MAAM,KAAK,MAAM,IAAI;AAAA,EAClD;AAEA,QAAM,SAAqC,MAAM,OAAO;AAAA,IACtD,CAAC,eAAe,UAAU;AACxB,YAAM,oBAAoB,cAAc,SAAS,YAAY;AAC7D,YAAM,oBAAoB,KAAK;AAAA,QAC7B;AAAA,QACA,oBAAoB;AAAA,MACtB;AACA,YAAM,QAAQ,oBAAoB;AAAA,QAChC,MAAM,cAAc;AAAA,QACpB,MAAM,MAAM;AAAA,QACZ,YAAY,MAAM;AAAA,QAClB,UAAU,MAAM;AAAA,QAChB,UAAU,MAAM;AAAA,QAChB,aACE,kBAAkB,IAAI,IAAI,oBAAoB;AAAA,QAChD,aACE,kBAAkB,IAAI,IAAI,oBAAoB;AAAA,MAClD,CAAC;AAED,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa,MAAM,YAAY,IAAI,CAAC,gBAAgB;AAAA,UAClD,GAAG;AAAA,UACH,WAAW;AAAA,QACb,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,OAAO;AAClB;AAEA,SAAS,qBAAqB,OAAmC;AAC/D,QAAM,UACJ,UAAU,UAAa,CAAC,OAAO,SAAS,KAAK,IACzC,6BACA;AAEN,SAAO,KAAK,IAAI,GAAG,OAAO;AAC5B;","names":[]}

package/dist/utils/pie-chart.util.d.mts

@@ -0,0 +1,18 @@
+import { ChartRect } from '../types/common.types.mjs';
+import { PieChartModel } from '../types/pie-chart.types.mjs';
+import { UsePieChartProps } from '../types/use-pie-chart.types.mjs';
+import '../types/style.types.mjs';
+import '@shopify/react-native-skia';
+
+declare function createPieChartModel(props: UsePieChartProps): PieChartModel;
+declare function createPieChartRadii(plot: ChartRect, innerRadiusRatio?: number, outerRadiusRatio?: number): {
+    center: {
+        x: number;
+        y: number;
+    };
+    innerRadius: number;
+    outerRadius: number;
+};
+declare function normalizeRadiusRatio(value: number): number;
+
+export { createPieChartModel, createPieChartRadii, normalizeRadiusRatio };

package/dist/utils/pie-chart.util.js

@@ -0,0 +1,82 @@
+import { pie } from "d3-shape";
+import {
+  PieDefaultEndAngle,
+  PieDefaultInnerRadius,
+  PieDefaultOuterRadius,
+  PieDefaultPadAngle,
+  PieDefaultStartAngle
+} from "../constants/pie.constants";
+const DegreesToRadians = Math.PI / 180;
+function createPieChartModel(props) {
+  const data = props.data.filter(isValidPieChartPoint);
+  const total = data.reduce((sum, datum) => sum + datum.value, 0);
+  const { center, innerRadius, outerRadius } = createPieChartRadii(
+    props.plot,
+    props.innerRadius,
+    props.outerRadius
+  );
+  if (data.length === 0 || outerRadius <= 0) {
+    return { coordinates: [], total: 0 };
+  }
+  const startAngle = degreesToRadians(
+    normalizeAngle(props.startAngle, PieDefaultStartAngle)
+  );
+  const endAngle = degreesToRadians(
+    normalizeAngle(props.endAngle, PieDefaultEndAngle)
+  );
+  const padAngle = Math.max(
+    0,
+    degreesToRadians(normalizeAngle(props.padAngle, PieDefaultPadAngle))
+  );
+  const arcs = pie().value((datum) => datum.value).sort(null).startAngle(startAngle).endAngle(endAngle).padAngle(padAngle)(data);
+  const coordinates = arcs.map((currentArc) => ({
+    datum: currentArc.data,
+    index: currentArc.index,
+    center,
+    startAngle: currentArc.startAngle,
+    endAngle: currentArc.endAngle,
+    padAngle: currentArc.padAngle,
+    padRadius: outerRadius,
+    innerRadius,
+    outerRadius
+  }));
+  return { coordinates, total };
+}
+function createPieChartRadii(plot, innerRadiusRatio = PieDefaultInnerRadius, outerRadiusRatio = PieDefaultOuterRadius) {
+  const maximumRadius = Math.max(0, Math.min(plot.width, plot.height) / 2);
+  const resolvedOuterRatio = normalizeRadiusRatio(
+    Number.isFinite(outerRadiusRatio) ? outerRadiusRatio : PieDefaultOuterRadius
+  );
+  const resolvedInnerRatio = Math.min(
+    normalizeRadiusRatio(
+      Number.isFinite(innerRadiusRatio) ? innerRadiusRatio : PieDefaultInnerRadius
+    ),
+    resolvedOuterRatio
+  );
+  return {
+    center: {
+      x: plot.x + plot.width / 2,
+      y: plot.y + plot.height / 2
+    },
+    innerRadius: maximumRadius * resolvedInnerRatio,
+    outerRadius: maximumRadius * resolvedOuterRatio
+  };
+}
+function normalizeRadiusRatio(value) {
+  return Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;
+}
+function degreesToRadians(value) {
+  return value * DegreesToRadians;
+}
+function normalizeAngle(value, fallback) {
+  return value === void 0 || !Number.isFinite(value) ? fallback : value;
+}
+function isValidPieChartPoint(datum) {
+  return Number.isFinite(datum.value) && datum.value > 0;
+}
+export {
+  createPieChartModel,
+  createPieChartRadii,
+  normalizeRadiusRatio
+};
+//# sourceMappingURL=pie-chart.util.js.map

package/dist/utils/pie-chart.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/pie-chart.util.ts"],"sourcesContent":["import { pie } from \"d3-shape\";\n\nimport {\n  PieDefaultEndAngle,\n  PieDefaultInnerRadius,\n  PieDefaultOuterRadius,\n  PieDefaultPadAngle,\n  PieDefaultStartAngle,\n} from \"../constants/pie.constants\";\nimport {\n  ChartRect,\n  PieChartCoordinate,\n  PieChartModel,\n  PieChartPoint,\n  UsePieChartProps,\n} from \"../types\";\n\nconst DegreesToRadians = Math.PI / 180;\n\nexport function createPieChartModel(props: UsePieChartProps): PieChartModel {\n  const data = props.data.filter(isValidPieChartPoint);\n  const total = data.reduce((sum, datum) => sum + datum.value, 0);\n  const { center, innerRadius, outerRadius } = createPieChartRadii(\n    props.plot,\n    props.innerRadius,\n    props.outerRadius,\n  );\n\n  if (data.length === 0 || outerRadius <= 0) {\n    return { coordinates: [], total: 0 };\n  }\n\n  const startAngle = degreesToRadians(\n    normalizeAngle(props.startAngle, PieDefaultStartAngle),\n  );\n  const endAngle = degreesToRadians(\n    normalizeAngle(props.endAngle, PieDefaultEndAngle),\n  );\n  const padAngle = Math.max(\n    0,\n    degreesToRadians(normalizeAngle(props.padAngle, PieDefaultPadAngle)),\n  );\n  const arcs = pie<PieChartPoint>()\n    .value((datum) => datum.value)\n    .sort(null)\n    .startAngle(startAngle)\n    .endAngle(endAngle)\n    .padAngle(padAngle)(data);\n  const coordinates: PieChartCoordinate[] = arcs.map((currentArc) => ({\n    datum: currentArc.data,\n    index: currentArc.index,\n    center,\n    startAngle: currentArc.startAngle,\n    endAngle: currentArc.endAngle,\n    padAngle: currentArc.padAngle,\n    padRadius: outerRadius,\n    innerRadius,\n    outerRadius,\n  }));\n\n  return { coordinates, total };\n}\n\nexport function createPieChartRadii(\n  plot: ChartRect,\n  innerRadiusRatio = PieDefaultInnerRadius,\n  outerRadiusRatio = PieDefaultOuterRadius,\n) {\n  const maximumRadius = Math.max(0, Math.min(plot.width, plot.height) / 2);\n  const resolvedOuterRatio = normalizeRadiusRatio(\n    Number.isFinite(outerRadiusRatio)\n      ? outerRadiusRatio\n      : PieDefaultOuterRadius,\n  );\n  const resolvedInnerRatio = Math.min(\n    normalizeRadiusRatio(\n      Number.isFinite(innerRadiusRatio)\n        ? innerRadiusRatio\n        : PieDefaultInnerRadius,\n    ),\n    resolvedOuterRatio,\n  );\n\n  return {\n    center: {\n      x: plot.x + plot.width / 2,\n      y: plot.y + plot.height / 2,\n    },\n    innerRadius: maximumRadius * resolvedInnerRatio,\n    outerRadius: maximumRadius * resolvedOuterRatio,\n  };\n}\n\nexport function normalizeRadiusRatio(value: number): number {\n  return Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;\n}\n\nfunction degreesToRadians(value: number): number {\n  return value * DegreesToRadians;\n}\n\nfunction normalizeAngle(value: number | undefined, fallback: number): number {\n  return value === undefined || !Number.isFinite(value) ? fallback : value;\n}\n\nfunction isValidPieChartPoint(datum: PieChartPoint): boolean {\n  return Number.isFinite(datum.value) && datum.value > 0;\n}\n"],"mappings":"AAAA,SAAS,WAAW;AAEpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP,MAAM,mBAAmB,KAAK,KAAK;AAE5B,SAAS,oBAAoB,OAAwC;AAC1E,QAAM,OAAO,MAAM,KAAK,OAAO,oBAAoB;AACnD,QAAM,QAAQ,KAAK,OAAO,CAAC,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC;AAC9D,QAAM,EAAE,QAAQ,aAAa,YAAY,IAAI;AAAA,IAC3C,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,MAAI,KAAK,WAAW,KAAK,eAAe,GAAG;AACzC,WAAO,EAAE,aAAa,CAAC,GAAG,OAAO,EAAE;AAAA,EACrC;AAEA,QAAM,aAAa;AAAA,IACjB,eAAe,MAAM,YAAY,oBAAoB;AAAA,EACvD;AACA,QAAM,WAAW;AAAA,IACf,eAAe,MAAM,UAAU,kBAAkB;AAAA,EACnD;AACA,QAAM,WAAW,KAAK;AAAA,IACpB;AAAA,IACA,iBAAiB,eAAe,MAAM,UAAU,kBAAkB,CAAC;AAAA,EACrE;AACA,QAAM,OAAO,IAAmB,EAC7B,MAAM,CAAC,UAAU,MAAM,KAAK,EAC5B,KAAK,IAAI,EACT,WAAW,UAAU,EACrB,SAAS,QAAQ,EACjB,SAAS,QAAQ,EAAE,IAAI;AAC1B,QAAM,cAAoC,KAAK,IAAI,CAAC,gBAAgB;AAAA,IAClE,OAAO,WAAW;AAAA,IAClB,OAAO,WAAW;AAAA,IAClB;AAAA,IACA,YAAY,WAAW;AAAA,IACvB,UAAU,WAAW;AAAA,IACrB,UAAU,WAAW;AAAA,IACrB,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,EAAE;AAEF,SAAO,EAAE,aAAa,MAAM;AAC9B;AAEO,SAAS,oBACd,MACA,mBAAmB,uBACnB,mBAAmB,uBACnB;AACA,QAAM,gBAAgB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,OAAO,KAAK,MAAM,IAAI,CAAC;AACvE,QAAM,qBAAqB;AAAA,IACzB,OAAO,SAAS,gBAAgB,IAC5B,mBACA;AAAA,EACN;AACA,QAAM,qBAAqB,KAAK;AAAA,IAC9B;AAAA,MACE,OAAO,SAAS,gBAAgB,IAC5B,mBACA;AAAA,IACN;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,GAAG,KAAK,IAAI,KAAK,QAAQ;AAAA,MACzB,GAAG,KAAK,IAAI,KAAK,SAAS;AAAA,IAC5B;AAAA,IACA,aAAa,gBAAgB;AAAA,IAC7B,aAAa,gBAAgB;AAAA,EAC/B;AACF;AAEO,SAAS,qBAAqB,OAAuB;AAC1D,SAAO,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,CAAC,IAAI;AACpE;AAEA,SAAS,iBAAiB,OAAuB;AAC/C,SAAO,QAAQ;AACjB;AAEA,SAAS,eAAe,OAA2B,UAA0B;AAC3E,SAAO,UAAU,UAAa,CAAC,OAAO,SAAS,KAAK,IAAI,WAAW;AACrE;AAEA,SAAS,qBAAqB,OAA+B;AAC3D,SAAO,OAAO,SAAS,MAAM,KAAK,KAAK,MAAM,QAAQ;AACvD;","names":[]}

package/dist/utils/pie.util.d.mts

@@ -0,0 +1,8 @@
+import { SkPath } from '@shopify/react-native-skia';
+import { PieChartCoordinate } from '../types/pie-chart.types.mjs';
+import '../types/common.types.mjs';
+import '../types/style.types.mjs';
+
+declare function createPieSlicePath(coordinate: PieChartCoordinate, cornerRadius?: number): SkPath | null;
+
+export { createPieSlicePath };

package/dist/utils/pie.util.js

@@ -0,0 +1,19 @@
+import { Skia } from "@shopify/react-native-skia";
+import { arc } from "d3-shape";
+function createPieSlicePath(coordinate, cornerRadius = 0) {
+  const pathData = arc().cornerRadius(Math.max(0, cornerRadius)).padRadius(coordinate.padRadius)({
+    innerRadius: coordinate.innerRadius,
+    outerRadius: coordinate.outerRadius,
+    startAngle: coordinate.startAngle,
+    endAngle: coordinate.endAngle,
+    padAngle: coordinate.padAngle
+  });
+  if (!pathData) {
+    return null;
+  }
+  return Skia.Path.MakeFromSVGString(pathData);
+}
+export {
+  createPieSlicePath
+};
+//# sourceMappingURL=pie.util.js.map

package/dist/utils/pie.util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/pie.util.ts"],"sourcesContent":["import { Skia, SkPath } from \"@shopify/react-native-skia\";\nimport { arc } from \"d3-shape\";\n\nimport { PieChartCoordinate } from \"../types\";\n\nexport function createPieSlicePath(\n  coordinate: PieChartCoordinate,\n  cornerRadius = 0,\n): SkPath | null {\n  const pathData = arc()\n    .cornerRadius(Math.max(0, cornerRadius))\n    .padRadius(coordinate.padRadius)({\n    innerRadius: coordinate.innerRadius,\n    outerRadius: coordinate.outerRadius,\n    startAngle: coordinate.startAngle,\n    endAngle: coordinate.endAngle,\n    padAngle: coordinate.padAngle,\n  });\n\n  if (!pathData) {\n    return null;\n  }\n\n  return Skia.Path.MakeFromSVGString(pathData);\n}\n"],"mappings":"AAAA,SAAS,YAAoB;AAC7B,SAAS,WAAW;AAIb,SAAS,mBACd,YACA,eAAe,GACA;AACf,QAAM,WAAW,IAAI,EAClB,aAAa,KAAK,IAAI,GAAG,YAAY,CAAC,EACtC,UAAU,WAAW,SAAS,EAAE;AAAA,IACjC,aAAa,WAAW;AAAA,IACxB,aAAa,WAAW;AAAA,IACxB,YAAY,WAAW;AAAA,IACvB,UAAU,WAAW;AAAA,IACrB,UAAU,WAAW;AAAA,EACvB,CAAC;AAED,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,KAAK,kBAAkB,QAAQ;AAC7C;","names":[]}