@kubit-ui-web/react-charts 1.0.0 → 1.1.0

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

@@ -1,12 +1,9 @@
-"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");
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { useContext, useRef } from 'react';
+import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
+import { PieChartContext } from '../context/pieChartContext';
+import { PieChartSegment } from './pieChartSegment';
 /**
  * Renders the path for a pie chart.
  *
@@ -18,15 +15,14 @@ const pieChartSegment_1 = require("./pieChartSegment");
  * @param {number} props.radius - The radius of the pie chart.
  * @returns {ReactElement} The rendered PieChartPath component.
  */
-const PieChartPath = ({ dataKey, fill, gap, innerRadius, radius, ...props }) => {
+export 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 { canvasHeight, canvasWidth, data, dataTestId, halfChart } = useContext(PieChartContext);
     const chartInitAngle = halfChart ? 0 : -Math.PI / 2; // ? 0deg : -90deg
-    const startAngle = (0, react_2.useRef)(chartInitAngle);
+    const startAngle = 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, {}));
+    const parsedInnerRadius = innerRadius ? parseStringToNumberPx(innerRadius) : undefined;
+    const parsedRadius = radius ? parseStringToNumberPx(radius) : undefined;
+    return data[key]?.length ? (_jsx("g", { children: data[key].map((group, index) => (_createElement(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 }))) })) : (_jsx(_Fragment, {}));
 };
-exports.PieChartPath = PieChartPath;

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

@@ -1,9 +1,6 @@
-"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");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Path } from '../../../components/path/path';
+import { calculateSegmentPath } from '../utils/calculateSegmentPath';
 /**
  * Renders a segment of a pie chart.
  *
@@ -19,8 +16,8 @@ const calculateSegmentPath_1 = require("../utils/calculateSegmentPath");
  * @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)({
+export const PieChartSegment = ({ canvasHeight, canvasWidth, color = 'blue', gap, halfChart, innerRadius, radius, singleStroke, startAngle, total, value, ...props }) => {
+    const pathData = calculateSegmentPath({
         canvasHeight,
         canvasWidth,
         customRadius: radius,
@@ -32,6 +29,5 @@ const PieChartSegment = ({ canvasHeight, canvasWidth, color = 'blue', gap, halfC
         total,
         value,
     });
-    return ((0, jsx_runtime_1.jsx)(path_1.Path, { ...props, d: pathData, dataValue: value, fill: color }));
+    return (_jsx(Path, { ...props, d: pathData, dataValue: value, fill: color }));
 };
-exports.PieChartSegment = PieChartSegment;

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

@@ -1,17 +1 @@
-"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);
+export * from './pieChart';

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

@@ -1,26 +1,9 @@
-"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,
+import { PieChartForeign } from './fragments/pieChartForeign';
+import { PieChartPath } from './fragments/pieChartPath';
+import { PieChartStructure } from './pieChartStructure';
+const PieChart = Object.assign(PieChartStructure, {
+    Foreign: PieChartForeign,
+    Path: PieChartPath,
 });
-exports.PieChart = PieChart;
-__exportStar(require("./pieChart.type"), exports);
+export { PieChart };
+export * from './pieChart.type';

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

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

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

@@ -1,14 +1,11 @@
-"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");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { SvgContainer } from '../../components/svgContainer/svgContainer';
+import { buildViewBox } from '../../components/svgContainer/utils/buildViewBox/buildViewBox';
+import { DefaultCanvasConfig } from '../../types/canvas.type';
+import { parseStringToNumberPx } from '../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
+import { buildPieContextValue } from './context/buildPieContextValue';
+import { PieChartContext } from './context/pieChartContext';
 /**
  * Renders a pie chart component.
  *
@@ -39,25 +36,25 @@ const pieChartContext_1 = require("./context/pieChartContext");
  * @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 }) => {
+export const PieChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = 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 parsedCanvasWidth = parseStringToNumberPx(canvasWidth);
+    const parsedCanvasHeight = parseStringToNumberPx(canvasHeight);
     const parsedCanvasExtraSpace = canvasExtraSpace
-        ? (0, parseStringToNumberPx_1.parseStringToNumberPx)(canvasExtraSpace)
+        ? 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)({
+    const viewBox = buildViewBox(parsedCanvasWidth, parsedCanvasHeight, parsedCanvasExtraSpace);
+    const contextValue = useMemo(() => {
+        return 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: {
+    return (_jsx(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: _jsx(PieChartContext.Provider, { value: {
                 ...contextValue,
                 canvasHeight: parsedCanvasHeight,
                 canvasWidth: parsedCanvasWidth,
@@ -66,4 +63,3 @@ const PieChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = canvas_type_1
                 halfChart,
             }, children: children }) }));
 };
-exports.PieChartStructure = PieChartStructure;

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

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

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

@@ -1,6 +1,3 @@
-"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.
@@ -8,10 +5,9 @@ exports.calculatePoint = void 0;
  * @param angle - The angle in radians.
  * @returns The coordinates of the calculated point.
  */
-const calculatePoint = (center, radius, angle) => {
+export 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.js

@@ -1,9 +1,6 @@
-"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");
+import { calculatePoint } from './calculatePoint';
+import { drawSegmentPath } from './drawSegmentPath';
+import { rotationDirection } from './rotationDirection';
 /**
  * Calculates the SVG path for a segment of a pie chart.
  *
@@ -21,7 +18,7 @@ const rotationDirection_1 = require("./rotationDirection");
  * @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, }) => {
+export 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;
@@ -32,7 +29,7 @@ const calculateSegmentPath = ({ canvasHeight, canvasWidth, customRadius, gap, ha
     const piePortion = (value * 100) / segmentTotal;
     const angleEquivalent = (piePortion * maxAngle) / 100;
     const gapAngle = gap / radius;
-    const { carryAngle, finalAngle, initialAngle } = (0, rotationDirection_1.rotationDirection)({
+    const { carryAngle, finalAngle, initialAngle } = rotationDirection({
         angleEquivalent,
         direction: rotateDirection,
         gapAngle,
@@ -41,11 +38,11 @@ const calculateSegmentPath = ({ canvasHeight, canvasWidth, customRadius, gap, ha
     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)({
+    const innerStart = calculatePoint(center, innerRadius, initialAngle);
+    const innerEnd = calculatePoint(center, innerRadius, finalAngle);
+    const outerStart = calculatePoint(center, radius, initialAngle);
+    const outerEnd = calculatePoint(center, radius, finalAngle);
+    return drawSegmentPath({
         center,
         innerEnd,
         innerRadius,
@@ -58,4 +55,3 @@ const calculateSegmentPath = ({ canvasHeight, canvasWidth, customRadius, gap, ha
         singleStroke,
     });
 };
-exports.calculateSegmentPath = calculateSegmentPath;

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

@@ -1,14 +1,11 @@
-"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, }) => {
+import { buildL } from './buildL';
+import { RotateDirection } from './rotationDirection';
+export 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) {
+    if (rotateDirection === 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 });
+        L = buildL({ center, innerEnd: innerEnd, innerRadius, singleStroke });
         m = singleStroke ? `M ${innerEnd.x},${innerEnd.y}` : undefined;
         AA =
             innerRadius > 0
@@ -24,7 +21,7 @@ const drawSegmentPath = ({ center, innerEnd, innerRadius, innerStart, largeArcFl
     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 });
+        L = buildL({ center, innerEnd, innerRadius, singleStroke });
         m = singleStroke ? `M ${innerEnd.x},${innerEnd.y}` : undefined;
         AA =
             innerRadius > 0
@@ -42,4 +39,3 @@ const drawSegmentPath = ({ center, innerEnd, innerRadius, innerStart, largeArcFl
     const mirror = singleStroke ? [MR, AR, mR, AAR] : [];
     return base.concat(mirror).filter(Boolean).join(' ');
 };
-exports.drawSegmentPath = drawSegmentPath;

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

@@ -1,7 +1,2 @@
-"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; } });
+export { calculatePoint } from './calculatePoint';
+export { calculateSegmentPath } from './calculateSegmentPath';

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

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rotationDirection = exports.RotateDirection = void 0;
-exports.RotateDirection = {
+export const RotateDirection = {
     CLOCKWISE: 'CLOCKWISE',
     COUNTER_CLOCKWISE: 'COUNTER_CLOCKWISE',
 };
-const rotationDirection = ({ angleEquivalent, direction, gapAngle, startAngle, }) => {
-    const clockDir = direction === exports.RotateDirection.CLOCKWISE;
+export const rotationDirection = ({ angleEquivalent, direction, gapAngle, startAngle, }) => {
+    const clockDir = direction === RotateDirection.CLOCKWISE;
     const initialAngle = clockDir ? startAngle + gapAngle / 2 : startAngle - gapAngle / 2;
     const finalAngle = clockDir
         ? startAngle + angleEquivalent - gapAngle / 2
@@ -14,4 +11,3 @@ const rotationDirection = ({ angleEquivalent, direction, gapAngle, startAngle, }
     const carryAngle = clockDir ? startAngle + angleEquivalent : startAngle - angleEquivalent;
     return { carryAngle, finalAngle, initialAngle };
 };
-exports.rotationDirection = rotationDirection;

package/dist/cjs/components/axisChart/index.js

@@ -1,18 +1,2 @@
-"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("./xAxis"), exports);
-__exportStar(require("./yAxis"), exports);
+export * from './xAxis';
+export * from './yAxis';

package/dist/cjs/components/axisChart/utils/filterLineProps/filterLineProps.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterLineProps = void 0;
 /**
  * Filters and extracts line-related properties from a given object.
  *
@@ -16,7 +13,7 @@ exports.filterLineProps = void 0;
  * flexible input types. However, this means the function assumes the caller has ensured that
  * the input object contains properties compatible with `LineProps`.
  */
-const filterLineProps = (props) => {
+export const filterLineProps = (props) => {
     const { ariaLabel, className, dataTestId, opacity, stroke, strokeDasharray, strokeDashoffset, strokeLinecap, strokeLinejoin, strokeOpacity, strokeWidth, style, tabIndex, transform, x1, x2, y1, y2, } = props;
     return {
         ariaLabel,
@@ -39,4 +36,3 @@ const filterLineProps = (props) => {
         y2,
     };
 };
-exports.filterLineProps = filterLineProps;

package/dist/cjs/components/axisChart/utils/index.js

@@ -1,17 +1 @@
-"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("./filterLineProps/filterLineProps"), exports);
+export * from './filterLineProps/filterLineProps';

package/dist/cjs/components/axisChart/xAxis/index.js

@@ -1,18 +1,2 @@
-"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("./xAxis"), exports);
-__exportStar(require("./xAxis.types"), exports);
+export * from './xAxis';
+export * from './xAxis.types';

package/dist/cjs/components/axisChart/xAxis/xAxis.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XAxis = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const line_1 = require("../../../components/line/line");
-const tick_1 = require("../../../components/tick/tick");
-const canvas_type_1 = require("../../../types/canvas.type");
-const position_enum_1 = require("../../../types/position.enum");
-const isNear_1 = require("../../../utils/cursorNear/isNear");
-const pickCustomAttributes_1 = require("../../../utils/pickCustomAttributes/pickCustomAttributes");
-const filterLineProps_1 = require("../utils/filterLineProps/filterLineProps");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Line } from '../../../components/line/line';
+import { Tick } from '../../../components/tick/tick';
+import { DefaultCanvasConfig } from '../../../types/canvas.type';
+import { Positions } from '../../../types/position.enum';
+import { isNear } from '../../../utils/cursorNear/isNear';
+import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
+import { filterLineProps } from '../utils/filterLineProps/filterLineProps';
 /**
  * Renders the X-axis of a chart, including tick marks and labels.
  *
@@ -16,23 +13,23 @@ const filterLineProps_1 = require("../utils/filterLineProps/filterLineProps");
  *
  * The component renders a `<g>` SVG element containing a `<Line>` component for the axis line and multiple `<Tick>` components for the tick marks and labels, adjusted for the canvas size and extra space.
  */
-const XAxis = ({ canvasHeight = canvas_type_1.DefaultCanvasConfig.height, canvasWidth = canvas_type_1.DefaultCanvasConfig.width, cursor = 0, extraSpace = {
+export const XAxis = ({ canvasHeight = DefaultCanvasConfig.height, canvasWidth = DefaultCanvasConfig.width, cursor = 0, extraSpace = {
     bottom: 0,
     left: 0,
     right: 0,
     top: 0,
-}, position = position_enum_1.Positions.BOTTOM, showTickLines = false, tickLine, tickLineHover, tickText, tickValues = [], ...props }) => {
+}, position = Positions.BOTTOM, showTickLines = false, tickLine, tickLineHover, tickText, tickValues = [], ...props }) => {
     // Extract custom attributes for the g element
-    const customAttributes = (0, pickCustomAttributes_1.pickCustomAttributes)(props);
-    return ((0, jsx_runtime_1.jsxs)("g", { ...customAttributes, children: [(0, jsx_runtime_1.jsx)(line_1.Line, { ...(0, filterLineProps_1.filterLineProps)(props) }), tickValues &&
+    const customAttributes = pickCustomAttributes(props);
+    return (_jsxs("g", { ...customAttributes, children: [_jsx(Line, { ...filterLineProps(props) }), tickValues &&
                 tickValues.length > 0 &&
                 tickValues.map((tick, index) => {
-                    const overrideTickLine = (0, isNear_1.isNear)(cursor, tick.position) && tickLineHover;
+                    const overrideTickLine = isNear(cursor, tick.position) && tickLineHover;
                     const tickLineProps = overrideTickLine ? { ...tickLine, ...tickLineHover } : tickLine;
                     const rotate = tickText?.transform === 'rotate'
                         ? `rotate(-30, ${tick.position}, ${tickText.y})`
                         : undefined;
-                    return ((0, jsx_runtime_1.jsx)(tick_1.Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
+                    return (_jsx(Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
                             ...tickLineProps,
                             x1: tick.position,
                             x2: tick.position,
@@ -43,4 +40,3 @@ const XAxis = ({ canvasHeight = canvas_type_1.DefaultCanvasConfig.height, canvas
                         } }, `${index.toString()}`));
                 })] }));
 };
-exports.XAxis = XAxis;

package/dist/cjs/components/axisChart/xAxis/xAxis.types.js

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

package/dist/cjs/components/axisChart/yAxis/index.js

@@ -1,18 +1,2 @@
-"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("./yAxis"), exports);
-__exportStar(require("./yAxis.types"), exports);
+export * from './yAxis';
+export * from './yAxis.types';

package/dist/cjs/components/axisChart/yAxis/yAxis.js

@@ -1,38 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YAxis = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const line_1 = require("../../../components/line/line");
-const tick_1 = require("../../../components/tick/tick");
-const position_enum_1 = require("../../../types/position.enum");
-const isNear_1 = require("../../../utils/cursorNear/isNear");
-const pickCustomAttributes_1 = require("../../../utils/pickCustomAttributes/pickCustomAttributes");
-const filterLineProps_1 = require("../utils/filterLineProps/filterLineProps");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Line } from '../../../components/line/line';
+import { Tick } from '../../../components/tick/tick';
+import { Positions } from '../../../types/position.enum';
+import { isNear } from '../../../utils/cursorNear/isNear';
+import { pickCustomAttributes } from '../../../utils/pickCustomAttributes/pickCustomAttributes';
+import { filterLineProps } from '../utils/filterLineProps/filterLineProps';
 /**
  * Renders a Y-axis for a chart, including tick marks and labels.
  * This component renders a `<g>` SVG element containing a `<Line>` component for the axis line and multiple `<Tick>` components for the tick marks and labels.
  */
-const YAxis = ({ canvasWidth, cursor = 0, extraSpace = {
+export const YAxis = ({ canvasWidth, cursor = 0, extraSpace = {
     bottom: 0,
     left: 0,
     right: 0,
     top: 0,
-}, position = position_enum_1.Positions.LEFT, showTickLines = true, tickLine, tickLineHover, tickText, tickValues = [], ...props }) => {
+}, position = Positions.LEFT, showTickLines = true, tickLine, tickLineHover, tickText, tickValues = [], ...props }) => {
     // Extract custom attributes for the g element
-    const customAttributes = (0, pickCustomAttributes_1.pickCustomAttributes)(props);
-    return ((0, jsx_runtime_1.jsxs)("g", { ...customAttributes, children: [(0, jsx_runtime_1.jsx)(line_1.Line, { ...(0, filterLineProps_1.filterLineProps)(props) }), tickValues &&
+    const customAttributes = pickCustomAttributes(props);
+    return (_jsxs("g", { ...customAttributes, children: [_jsx(Line, { ...filterLineProps(props) }), tickValues &&
                 tickValues.length > 0 &&
                 tickValues.map((tick, index) => {
-                    const overrideTickLine = (0, isNear_1.isNear)(cursor, tick.position) && tickLineHover;
+                    const overrideTickLine = isNear(cursor, tick.position) && tickLineHover;
                     const tickLineProps = overrideTickLine ? { ...tickLine, ...tickLineHover } : tickLine;
                     const rotate = tickText?.transform === 'rotate'
                         ? `rotate(-30, ${tickText.x}, ${tick.position})`
                         : undefined;
-                    return ((0, jsx_runtime_1.jsx)(tick_1.Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
+                    return (_jsx(Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
                             ...tickLineProps,
                             y1: tick.position,
                             y2: tick.position,
                         }, tickText: { ...tickText, transform: rotate, y: tick.position } }, `${index.toString()}`));
                 })] }));
 };
-exports.YAxis = YAxis;

package/dist/cjs/components/axisChart/yAxis/yAxis.types.js

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