@kubit-ui-web/react-charts 0.1.0

package/dist/cjs/charts/pieChart/fragments/pieChartPath.d.ts

@@ -0,0 +1,15 @@
+import { type FC } from 'react';
+import type { PathProps } from '../../../components/path/path.types';
+/**
+ * Renders the path for a pie chart.
+ *
+ * @component
+ * @param {PathProps} props - The props for the PieChartPath component.
+ * @param {string} props.dataKey - The key for the data to be rendered.
+ * @param {number} props.innerRadius - The inner radius of the pie chart.
+ * @param {number} props.gap - The gap between segments in the pie chart.
+ * @param {number} props.radius - The radius of the pie chart.
+ * @returns {ReactElement} The rendered PieChartPath component.
+ */
+export declare const PieChartPath: FC<PathProps>;
+//# sourceMappingURL=pieChartPath.d.ts.map

package/dist/cjs/charts/pieChart/fragments/pieChartPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pieChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/fragments/pieChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAyC,MAAM,OAAO,CAAC;AAEvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAM9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CAyCtC,CAAC"}

package/dist/cjs/charts/pieChart/fragments/pieChartPath.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieChartPath = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("react");
+const parseStringToNumberPx_1 = require("../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx");
+const pieChartContext_1 = require("../context/pieChartContext");
+const pieChartSegment_1 = require("./pieChartSegment");
+/**
+ * Renders the path for a pie chart.
+ *
+ * @component
+ * @param {PathProps} props - The props for the PieChartPath component.
+ * @param {string} props.dataKey - The key for the data to be rendered.
+ * @param {number} props.innerRadius - The inner radius of the pie chart.
+ * @param {number} props.gap - The gap between segments in the pie chart.
+ * @param {number} props.radius - The radius of the pie chart.
+ * @returns {ReactElement} The rendered PieChartPath component.
+ */
+const PieChartPath = ({ dataKey, fill, gap, innerRadius, radius, ...props }) => {
+    const key = String(dataKey);
+    const { canvasHeight, canvasWidth, data, dataTestId, halfChart } = (0, react_2.useContext)(pieChartContext_1.PieChartContext);
+    const chartInitAngle = halfChart ? 0 : -Math.PI / 2; // ? 0deg : -90deg
+    const startAngle = (0, react_2.useRef)(chartInitAngle);
+    const total = data[key]?.reduce((acc, group) => acc + group.value, 0);
+    const singleStroke = data[key]?.length === 1;
+    const parsedInnerRadius = innerRadius ? (0, parseStringToNumberPx_1.parseStringToNumberPx)(innerRadius) : undefined;
+    const parsedRadius = radius ? (0, parseStringToNumberPx_1.parseStringToNumberPx)(radius) : undefined;
+    return data[key]?.length ? ((0, jsx_runtime_1.jsx)("g", { children: data[key].map((group, index) => ((0, react_1.createElement)(pieChartSegment_1.PieChartSegment, { ...props, ...group, key: `${index.toString()}`, canvasHeight: canvasHeight, canvasWidth: canvasWidth, color: group.color || fill, dataTestId: `${dataTestId}path-${index}`, gap: gap, halfChart: halfChart, innerRadius: parsedInnerRadius, radius: parsedRadius, singleStroke: singleStroke, startAngle: startAngle, total: total }))) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+};
+exports.PieChartPath = PieChartPath;

package/dist/cjs/charts/pieChart/fragments/pieChartSegment.d.ts

@@ -0,0 +1,18 @@
+import type { PieChartSegmentProps } from '../pieChart.type';
+/**
+ * Renders a segment of a pie chart.
+ *
+ * @param total - The total value of the pie chart.
+ * @param startAngle - The starting angle of the segment.
+ * @param canvasWidth - The width of the canvas.
+ * @param canvasHeight - The height of the canvas.
+ * @param innerRadius - The inner radius of the segment.
+ * @param gap - The gap between segments.
+ * @param radius - The radius of the segment.
+ * @param value - The value of the segment.
+ * @param color - The color of the segment (default: 'blue').
+ * @param props - Additional props to pass to the Path component.
+ * @returns A React element representing the pie chart segment.
+ */
+export declare const PieChartSegment: React.FC<PieChartSegmentProps>;
+//# sourceMappingURL=pieChartSegment.d.ts.map

package/dist/cjs/charts/pieChart/fragments/pieChartSegment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pieChartSegment.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/fragments/pieChartSegment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG7D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmC1D,CAAC"}

package/dist/cjs/charts/pieChart/fragments/pieChartSegment.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieChartSegment = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const path_1 = require("../../../components/path/path");
+const calculateSegmentPath_1 = require("../utils/calculateSegmentPath");
+/**
+ * Renders a segment of a pie chart.
+ *
+ * @param total - The total value of the pie chart.
+ * @param startAngle - The starting angle of the segment.
+ * @param canvasWidth - The width of the canvas.
+ * @param canvasHeight - The height of the canvas.
+ * @param innerRadius - The inner radius of the segment.
+ * @param gap - The gap between segments.
+ * @param radius - The radius of the segment.
+ * @param value - The value of the segment.
+ * @param color - The color of the segment (default: 'blue').
+ * @param props - Additional props to pass to the Path component.
+ * @returns A React element representing the pie chart segment.
+ */
+const PieChartSegment = ({ canvasHeight, canvasWidth, color = 'blue', gap, halfChart, innerRadius, radius, singleStroke, startAngle, total, value, ...props }) => {
+    const pathData = (0, calculateSegmentPath_1.calculateSegmentPath)({
+        canvasHeight,
+        canvasWidth,
+        customRadius: radius,
+        gap: gap,
+        halfChart,
+        innerRadius: innerRadius,
+        singleStroke,
+        startAngle,
+        total,
+        value,
+    });
+    return ((0, jsx_runtime_1.jsx)(path_1.Path, { ...props, d: pathData, dataValue: value, fill: color }));
+};
+exports.PieChartSegment = PieChartSegment;

package/dist/cjs/charts/pieChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pieChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/charts/pieChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/charts/pieChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/cjs/charts/pieChart/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./pieChart"), exports);

package/dist/cjs/charts/pieChart/pieChart.d.ts

@@ -0,0 +1,7 @@
+declare const PieChart: import("react").FC<import("./pieChart.type").PieChartProps> & {
+    Foreign: import("react").FC<import("../..").ForeignObjectProps>;
+    Path: import("react").FC<import("../..").PathProps>;
+};
+export { PieChart };
+export * from './pieChart.type';
+//# sourceMappingURL=pieChart.d.ts.map

package/dist/cjs/charts/pieChart/pieChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pieChart.d.ts","sourceRoot":"","sources":["../../../../src/charts/pieChart/pieChart.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,QAAQ;;;CAGZ,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,cAAc,iBAAiB,CAAC"}

package/dist/cjs/charts/pieChart/pieChart.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieChart = void 0;
+const pieChartForeign_1 = require("./fragments/pieChartForeign");
+const pieChartPath_1 = require("./fragments/pieChartPath");
+const pieChartStructure_1 = require("./pieChartStructure");
+const PieChart = Object.assign(pieChartStructure_1.PieChartStructure, {
+    Foreign: pieChartForeign_1.PieChartForeign,
+    Path: pieChartPath_1.PieChartPath,
+});
+exports.PieChart = PieChart;
+__exportStar(require("./pieChart.type"), exports);

package/dist/cjs/charts/pieChart/pieChart.type.d.ts

@@ -0,0 +1,65 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { PathProps } from '../../components/path/path.types';
+import type { CanvasConfig } from '../../types/canvas.type';
+interface Group {
+    name: string;
+    value: number;
+    color?: string;
+}
+export interface DataItem {
+    [key: string]: Group[];
+}
+export type PieChartChildrenType = ReactNode | ReactElement<PathProps>[];
+export interface PieChartProps {
+    role?: string;
+    ariaLabel?: string;
+    ariaHidden?: boolean;
+    caption?: string;
+    canvasConfig?: CanvasConfig;
+    dataTestId?: string;
+    width?: string;
+    height?: string;
+    radius?: string;
+    children?: PieChartChildrenType;
+    data: DataItem;
+    classNames?: string;
+    segmentClassNames?: string;
+    tabIndex?: number;
+    halfChart?: boolean;
+    onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onDoubleClick?: (eevent: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onFocus?: (event: React.FocusEvent<SVGElement>) => void;
+    onBlur?: (event: React.FocusEvent<SVGElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+}
+export interface PieChartContextType {
+    foreignObject?: {
+        height?: number;
+        width?: number;
+        x: number;
+        y: number;
+    };
+    canvasWidth: number;
+    canvasHeight: number;
+    data: DataItem;
+    dataTestId?: string;
+    halfChart?: boolean;
+}
+export type PieChartSegmentProps = PathProps & {
+    total: number;
+    startAngle: React.MutableRefObject<number>;
+    canvasWidth: number;
+    canvasHeight: number;
+    innerRadius?: number;
+    gap?: number;
+    radius?: number;
+    value: number;
+    color?: string;
+    singleStroke: boolean;
+    halfChart?: boolean;
+};
+export {};
+//# sourceMappingURL=pieChart.type.d.ts.map

package/dist/cjs/charts/pieChart/pieChart.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pieChart.type.d.ts","sourceRoot":"","sources":["../../../../src/charts/pieChart/pieChart.type.ts"],"names":[],"mappings":"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"}

package/dist/cjs/charts/pieChart/pieChart.type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/charts/pieChart/pieChartStructure.d.ts

@@ -0,0 +1,34 @@
+import { type FC } from 'react';
+import type { PieChartProps } from './pieChart.type';
+/**
+ * Renders a pie chart component.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PieChart
+ *   caption="Pie Chart"
+ *   canvasConfig={DefaultCanvasConfig}
+ *   dataTestId="pie-chart"
+ *   width="100%"
+ *   height="100%"
+ *   classNames="pie-chart"
+ *   data={chartData}
+ * >
+ *   {chartChildren}
+ * </PieChart>
+ * ```
+ *
+ * @param {PieChartProps} props - The props for the PieChart component.
+ * @param {string} props.caption - The caption for the pie chart.
+ * @param {DefaultCanvasConfig} props.canvasConfig - The canvas configuration for the pie chart.
+ * @param {string} props.dataTestId - The data test ID for the pie chart.
+ * @param {string} props.width - The width of the pie chart.
+ * @param {string} props.height - The height of the pie chart.
+ * @param {string} props.classNames - The class names for the pie chart.
+ * @param {ReactNode} props.children - The children components of the pie chart.
+ * @param {ChartData[]} props.data - The data for the pie chart.
+ * @returns {ReactElement} The rendered pie chart component.
+ */
+export declare const PieChartStructure: FC<PieChartProps>;
+//# sourceMappingURL=pieChartStructure.d.ts.map

package/dist/cjs/charts/pieChart/pieChartStructure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pieChartStructure.d.ts","sourceRoot":"","sources":["../../../../src/charts/pieChart/pieChartStructure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAS5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,aAAa,CAkE/C,CAAC"}

package/dist/cjs/charts/pieChart/pieChartStructure.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieChartStructure = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const svgContainer_1 = require("../../components/svgContainer/svgContainer");
+const buildViewBox_1 = require("../../components/svgContainer/utils/buildViewBox/buildViewBox");
+const canvas_type_1 = require("../../types/canvas.type");
+const parseStringToNumberPx_1 = require("../../utils/parseStringToNumberPx.ts/parseStringToNumberPx");
+const buildPieContextValue_1 = require("./context/buildPieContextValue");
+const pieChartContext_1 = require("./context/pieChartContext");
+/**
+ * Renders a pie chart component.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PieChart
+ *   caption="Pie Chart"
+ *   canvasConfig={DefaultCanvasConfig}
+ *   dataTestId="pie-chart"
+ *   width="100%"
+ *   height="100%"
+ *   classNames="pie-chart"
+ *   data={chartData}
+ * >
+ *   {chartChildren}
+ * </PieChart>
+ * ```
+ *
+ * @param {PieChartProps} props - The props for the PieChart component.
+ * @param {string} props.caption - The caption for the pie chart.
+ * @param {DefaultCanvasConfig} props.canvasConfig - The canvas configuration for the pie chart.
+ * @param {string} props.dataTestId - The data test ID for the pie chart.
+ * @param {string} props.width - The width of the pie chart.
+ * @param {string} props.height - The height of the pie chart.
+ * @param {string} props.classNames - The class names for the pie chart.
+ * @param {ReactNode} props.children - The children components of the pie chart.
+ * @param {ChartData[]} props.data - The data for the pie chart.
+ * @returns {ReactElement} The rendered pie chart component.
+ */
+const PieChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = canvas_type_1.DefaultCanvasConfig, caption, children, classNames, data, dataTestId = 'pie-chart', halfChart, height = '100%', radius = '50%', role, tabIndex, width = '100%', ...props }) => {
+    // Destructure the canvas configuration to obtain width, height, and extra space.
+    const { extraSpace: canvasExtraSpace, height: canvasHeight, width: canvasWidth } = canvasConfig;
+    const parsedCanvasWidth = (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasWidth);
+    const parsedCanvasHeight = (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasHeight);
+    const parsedCanvasExtraSpace = canvasExtraSpace
+        ? (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasExtraSpace)
+        : undefined;
+    // Build the viewBox string based on canvas dimensions and extra space.
+    const viewBox = (0, buildViewBox_1.buildViewBox)(parsedCanvasWidth, parsedCanvasHeight, parsedCanvasExtraSpace);
+    const contextValue = (0, react_1.useMemo)(() => {
+        return (0, buildPieContextValue_1.buildPieContextValue)({
+            canvasHeight: parsedCanvasHeight,
+            canvasWidth: parsedCanvasWidth,
+            children,
+            halfChart,
+        });
+    }, [canvasHeight, canvasWidth, halfChart]);
+    return ((0, jsx_runtime_1.jsx)(svgContainer_1.SvgContainer, { ariaHidden: ariaHidden, ariaLabel: ariaLabel, caption: caption, className: classNames, dataTestId: dataTestId, height: height, radius: radius, role: role, tabIndex: tabIndex, viewBox: viewBox, width: width, ...props, children: (0, jsx_runtime_1.jsx)(pieChartContext_1.PieChartContext.Provider, { value: {
+                ...contextValue,
+                canvasHeight: parsedCanvasHeight,
+                canvasWidth: parsedCanvasWidth,
+                data,
+                dataTestId,
+                halfChart,
+            }, children: children }) }));
+};
+exports.PieChartStructure = PieChartStructure;

package/dist/cjs/charts/pieChart/utils/buildL.d.ts

@@ -0,0 +1,13 @@
+interface CoordinatesType {
+    x: number;
+    y: number;
+}
+interface BuildLProps {
+    singleStroke?: boolean;
+    innerRadius: number;
+    innerEnd: CoordinatesType;
+    center: CoordinatesType;
+}
+export declare const buildL: ({ center, innerEnd, innerRadius, singleStroke, }: BuildLProps) => string | undefined;
+export {};
+//# sourceMappingURL=buildL.d.ts.map

package/dist/cjs/charts/pieChart/utils/buildL.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildL.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/utils/buildL.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,eAAe,CAAC;IAC1B,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,MAAM,GAAI,kDAKpB,WAAW,KAAG,MAAM,GAAG,SAQzB,CAAC"}

package/dist/cjs/charts/pieChart/utils/buildL.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildL = void 0;
+const buildL = ({ center, innerEnd, innerRadius, singleStroke, }) => {
+    if (singleStroke) {
+        return undefined;
+    }
+    if (innerRadius > 0) {
+        return `L ${innerEnd.x},${innerEnd.y}`;
+    }
+    return `L ${center.x},${center.y}`;
+};
+exports.buildL = buildL;

package/dist/cjs/charts/pieChart/utils/calculatePoint.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Calculates the coordinates of a point on a circle given the center, radius, and angle.
+ * @param center - The coordinates of the center of the circle.
+ * @param radius - The radius of the circle.
+ * @param angle - The angle in radians.
+ * @returns The coordinates of the calculated point.
+ */
+export declare const calculatePoint: (center: {
+    x: number;
+    y: number;
+}, radius: number, angle: number) => {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=calculatePoint.d.ts.map

package/dist/cjs/charts/pieChart/utils/calculatePoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculatePoint.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/utils/calculatePoint.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GACzB,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,QAAQ,MAAM,EACd,OAAO,MAAM,KACZ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAKxB,CAAC"}

package/dist/cjs/charts/pieChart/utils/calculatePoint.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculatePoint = void 0;
+/**
+ * Calculates the coordinates of a point on a circle given the center, radius, and angle.
+ * @param center - The coordinates of the center of the circle.
+ * @param radius - The radius of the circle.
+ * @param angle - The angle in radians.
+ * @returns The coordinates of the calculated point.
+ */
+const calculatePoint = (center, radius, angle) => {
+    return {
+        x: center.x + radius * Math.cos(angle),
+        y: center.y + radius * Math.sin(angle),
+    };
+};
+exports.calculatePoint = calculatePoint;

package/dist/cjs/charts/pieChart/utils/calculateSegmentPath.d.ts

@@ -0,0 +1,34 @@
+import { type RotateDirection } from './rotationDirection';
+interface CalculateSegmanentPathProps {
+    value: number;
+    total: number;
+    startAngle: React.MutableRefObject<number>;
+    canvasWidth: number;
+    canvasHeight: number;
+    innerRadius: number;
+    gap: number;
+    customRadius?: number | null;
+    singleStroke: boolean;
+    halfChart?: boolean;
+    rotateDirection?: (typeof RotateDirection)[keyof typeof RotateDirection];
+}
+/**
+ * Calculates the SVG path for a segment of a pie chart.
+ *
+ * @param {Object} params - The parameters for the segment path calculation.
+ * @param {number} params.value - The value of the segment.
+ * @param {number} params.total - The total value of all segments.
+ * @param {Object} params.startAngle - The starting angle for the segment.
+ * @param {number} params.canvasWidth - The width of the canvas.
+ * @param {number} params.canvasHeight - The height of the canvas.
+ * @param {number} params.innerRadius - The inner radius of the segment.
+ * @param {number} params.gap - The gap between segments.
+ * @param {number} [params.customRadius] - A custom radius for the segment.
+ * @param {boolean} params.singleStroke - Whether the segment is a single stroke.
+ * @param {boolean} params.halfChart - Whether the chart is a half chart.
+ * @param {string} params.rotateDirection - The direction of rotation for the segment.
+ * @returns {string} The SVG path for the segment.
+ */
+export declare const calculateSegmentPath: ({ canvasHeight, canvasWidth, customRadius, gap, halfChart, innerRadius, rotateDirection, singleStroke, startAngle, total, value, }: CalculateSegmanentPathProps) => string;
+export {};
+//# sourceMappingURL=calculateSegmentPath.d.ts.map

package/dist/cjs/charts/pieChart/utils/calculateSegmentPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateSegmentPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/utils/calculateSegmentPath.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,qBAAqB,CAAC;AAE9E,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;CAC1E;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,oBAAoB,GAAI,oIAYlC,2BAA2B,KAAG,MAyChC,CAAC"}

package/dist/cjs/charts/pieChart/utils/calculateSegmentPath.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateSegmentPath = void 0;
+const calculatePoint_1 = require("./calculatePoint");
+const drawSegmentPath_1 = require("./drawSegmentPath");
+const rotationDirection_1 = require("./rotationDirection");
+/**
+ * Calculates the SVG path for a segment of a pie chart.
+ *
+ * @param {Object} params - The parameters for the segment path calculation.
+ * @param {number} params.value - The value of the segment.
+ * @param {number} params.total - The total value of all segments.
+ * @param {Object} params.startAngle - The starting angle for the segment.
+ * @param {number} params.canvasWidth - The width of the canvas.
+ * @param {number} params.canvasHeight - The height of the canvas.
+ * @param {number} params.innerRadius - The inner radius of the segment.
+ * @param {number} params.gap - The gap between segments.
+ * @param {number} [params.customRadius] - A custom radius for the segment.
+ * @param {boolean} params.singleStroke - Whether the segment is a single stroke.
+ * @param {boolean} params.halfChart - Whether the chart is a half chart.
+ * @param {string} params.rotateDirection - The direction of rotation for the segment.
+ * @returns {string} The SVG path for the segment.
+ */
+const calculateSegmentPath = ({ canvasHeight, canvasWidth, customRadius, gap, halfChart, innerRadius, rotateDirection, singleStroke, startAngle, total, value, }) => {
+    const segmentCanvasHeight = halfChart ? canvasHeight * 2 : canvasHeight;
+    const maxRadius = Math.min(canvasWidth, segmentCanvasHeight) / 2;
+    const radius = customRadius && customRadius < maxRadius ? customRadius : maxRadius;
+    const maxAngle = halfChart ? Math.PI : 2 * Math.PI; // ? 180deg : 360deg
+    const center = { x: canvasWidth / 2, y: halfChart ? canvasHeight : canvasHeight / 2 };
+    // Total * 2 is needed when a single stroke is used, to prevent the segment from being drawn as a full circle
+    const segmentTotal = singleStroke ? total * 2 : total;
+    const piePortion = (value * 100) / segmentTotal;
+    const angleEquivalent = (piePortion * maxAngle) / 100;
+    const gapAngle = gap / radius;
+    const { carryAngle, finalAngle, initialAngle } = (0, rotationDirection_1.rotationDirection)({
+        angleEquivalent,
+        direction: rotateDirection,
+        gapAngle,
+        startAngle: startAngle.current,
+    });
+    startAngle.current = carryAngle;
+    const segmentAngle = (maxAngle * value) / segmentTotal;
+    const largeArcFlag = segmentAngle - gapAngle <= Math.PI ? '0' : '1';
+    const innerStart = (0, calculatePoint_1.calculatePoint)(center, innerRadius, initialAngle);
+    const innerEnd = (0, calculatePoint_1.calculatePoint)(center, innerRadius, finalAngle);
+    const outerStart = (0, calculatePoint_1.calculatePoint)(center, radius, initialAngle);
+    const outerEnd = (0, calculatePoint_1.calculatePoint)(center, radius, finalAngle);
+    return (0, drawSegmentPath_1.drawSegmentPath)({
+        center,
+        innerEnd,
+        innerRadius,
+        innerStart,
+        largeArcFlag,
+        outerEnd,
+        outerStart,
+        radius,
+        rotateDirection,
+        singleStroke,
+    });
+};
+exports.calculateSegmentPath = calculateSegmentPath;

package/dist/cjs/charts/pieChart/utils/drawSegmentPath.d.ts

@@ -0,0 +1,20 @@
+import { RotateDirection } from './rotationDirection';
+interface CoordinatesType {
+    x: number;
+    y: number;
+}
+interface DrawSegmentPathProps {
+    center: CoordinatesType;
+    outerStart: CoordinatesType;
+    outerEnd: CoordinatesType;
+    innerStart: CoordinatesType;
+    innerEnd: CoordinatesType;
+    radius: number;
+    innerRadius: number;
+    singleStroke?: boolean;
+    largeArcFlag: string;
+    rotateDirection?: (typeof RotateDirection)[keyof typeof RotateDirection];
+}
+export declare const drawSegmentPath: ({ center, innerEnd, innerRadius, innerStart, largeArcFlag, outerEnd, outerStart, radius, rotateDirection, singleStroke, }: DrawSegmentPathProps) => string;
+export {};
+//# sourceMappingURL=drawSegmentPath.d.ts.map

package/dist/cjs/charts/pieChart/utils/drawSegmentPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawSegmentPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/utils/drawSegmentPath.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,UAAU,eAAe;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,oBAAoB;IAC5B,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,eAAe,CAAC;IAC1B,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,EAAE,eAAe,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;CAC1E;AAED,eAAO,MAAM,eAAe,GAAI,2HAW7B,oBAAoB,KAAG,MA2CzB,CAAC"}

package/dist/cjs/charts/pieChart/utils/drawSegmentPath.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawSegmentPath = void 0;
+const buildL_1 = require("./buildL");
+const rotationDirection_1 = require("./rotationDirection");
+const drawSegmentPath = ({ center, innerEnd, innerRadius, innerStart, largeArcFlag, outerEnd, outerStart, radius, rotateDirection, singleStroke, }) => {
+    let M, A, L, m, AA, MR, AR, mR, AAR, Z;
+    if (rotateDirection === rotationDirection_1.RotateDirection.CLOCKWISE) {
+        M = `M ${outerStart.x},${outerStart.y}`;
+        A = `A ${radius},${radius} 0 ${largeArcFlag} 1 ${outerEnd.x}, ${outerEnd.y}`;
+        L = (0, buildL_1.buildL)({ center, innerEnd: innerEnd, innerRadius, singleStroke });
+        m = singleStroke ? `M ${innerEnd.x},${innerEnd.y}` : undefined;
+        AA =
+            innerRadius > 0
+                ? `A ${innerRadius},${innerRadius} 0 ${largeArcFlag} 0 ${innerStart.x},${innerStart.y}`
+                : undefined;
+        // mirror rounder value, needed for a single circle
+        MR = `M ${outerStart.x},${outerStart.y}`;
+        mR = `M ${innerEnd.x},${innerEnd.y}`;
+        AR = `A ${radius},${radius} 0 ${largeArcFlag} 0 ${outerEnd.x},${outerEnd.y}`;
+        AAR = `A ${innerRadius},${innerRadius} 0 ${largeArcFlag} 1 ${innerStart.x},${innerStart.y}`;
+        Z = singleStroke ? undefined : 'Z';
+    }
+    else {
+        M = `M ${outerStart.x} ${outerStart.y}`;
+        A = `A ${radius},${radius} 0 ${largeArcFlag},0 ${outerEnd.x}, ${outerEnd.y}`;
+        L = (0, buildL_1.buildL)({ center, innerEnd, innerRadius, singleStroke });
+        m = singleStroke ? `M ${innerEnd.x},${innerEnd.y}` : undefined;
+        AA =
+            innerRadius > 0
+                ? `A ${innerRadius}, ${innerRadius} 0 ${largeArcFlag},1 ${innerStart.x},${innerStart.y}`
+                : undefined;
+        // mirror rounder value, needed for a single circle
+        MR = `M ${outerStart.x},${outerStart.y}`;
+        mR = `M ${innerEnd.x},${innerEnd.y}`;
+        AR = `A ${radius},${radius} 0 ${largeArcFlag} 1 ${outerEnd.x},${outerEnd.y}`;
+        AAR = `A ${innerRadius},${innerRadius} 0 ${largeArcFlag} 0 ${innerStart.x},${innerStart.y}`;
+        Z = singleStroke ? undefined : 'Z';
+    }
+    // values
+    const base = [M, A, L, m, AA, Z];
+    const mirror = singleStroke ? [MR, AR, mR, AAR] : [];
+    return base.concat(mirror).filter(Boolean).join(' ');
+};
+exports.drawSegmentPath = drawSegmentPath;

package/dist/cjs/charts/pieChart/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { calculatePoint } from './calculatePoint';
+export { calculateSegmentPath } from './calculateSegmentPath';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/charts/pieChart/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/cjs/charts/pieChart/utils/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateSegmentPath = exports.calculatePoint = void 0;
+var calculatePoint_1 = require("./calculatePoint");
+Object.defineProperty(exports, "calculatePoint", { enumerable: true, get: function () { return calculatePoint_1.calculatePoint; } });
+var calculateSegmentPath_1 = require("./calculateSegmentPath");
+Object.defineProperty(exports, "calculateSegmentPath", { enumerable: true, get: function () { return calculateSegmentPath_1.calculateSegmentPath; } });