@kubit-ui-web/react-charts 1.11.0 → 1.11.1

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

@@ -1,90 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useEffect } from 'react';
-import { Path } from '../../../components/path/path';
-import { buildInnerRadiusOutOfRangeError, buildInvalidGroupError, buildInvalidInnerRadiusError, buildInvalidRadiusError, buildSegmentNegativeValueError, buildSegmentValueError, } from '../../../utils/buildErrors/buildErrors';
-import { PieChartContext } from '../context/pieChartContext';
-import { calculateSegmentPath } from '../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.
- */
-export const PieChartSegment = ({ canvasHeight, canvasWidth, color = 'blue', dataKey, gap, halfChart, index, innerRadius, name, radius, singleStroke, startAngle, total, value, ...props }) => {
-    const { addError } = useContext(PieChartContext);
-    // Convert values to primitives for stable dependencies
-    const numericValue = Number(value);
-    const numericRadius = radius !== undefined ? Number(radius) : undefined;
-    const numericInnerRadius = innerRadius !== undefined ? Number(innerRadius) : undefined;
-    const trimmedName = name?.trim() || '';
-    // Segment error validations
-    useEffect(() => {
-        // Validate segment has non-empty name property
-        if (!trimmedName) {
-            addError?.('PIE_CHART_SEGMENT_ERROR', {
-                error: buildInvalidGroupError(dataKey || 'unknown', index || 0, 'name'),
-            });
-        }
-        // Validate segment value is numeric
-        if (isNaN(numericValue)) {
-            addError?.('PIE_CHART_SEGMENT_ERROR', {
-                error: buildSegmentValueError(value, trimmedName || `segment-${index}`),
-            });
-            return;
-        }
-        // Validate non-negative values
-        if (numericValue < 0) {
-            addError?.('PIE_CHART_SEGMENT_ERROR', {
-                error: buildSegmentNegativeValueError(numericValue, trimmedName || `segment-${index}`),
-            });
-        }
-        // Validate radius if provided
-        if (numericRadius !== undefined) {
-            if (isNaN(numericRadius) || numericRadius <= 0) {
-                addError?.('PIE_CHART_SEGMENT_ERROR', {
-                    error: buildInvalidRadiusError(radius),
-                });
-            }
-        }
-        // Validate innerRadius if provided
-        if (numericInnerRadius !== undefined) {
-            if (isNaN(numericInnerRadius) || numericInnerRadius < 0) {
-                addError?.('PIE_CHART_SEGMENT_ERROR', {
-                    error: buildInvalidInnerRadiusError(innerRadius),
-                });
-            }
-            // Validate innerRadius < radius
-            if (numericRadius !== undefined) {
-                if (!isNaN(numericRadius) && !isNaN(numericInnerRadius)) {
-                    if (numericInnerRadius >= numericRadius) {
-                        addError?.('PIE_CHART_SEGMENT_ERROR', {
-                            error: buildInnerRadiusOutOfRangeError(numericInnerRadius, numericRadius),
-                        });
-                    }
-                }
-            }
-        }
-    }, [dataKey, index, numericInnerRadius, numericRadius, numericValue, trimmedName]);
-    const pathData = calculateSegmentPath({
-        canvasHeight,
-        canvasWidth,
-        customRadius: radius,
-        gap: gap,
-        halfChart,
-        innerRadius: innerRadius,
-        singleStroke,
-        startAngle,
-        total,
-        value,
-    });
-    return (_jsx(Path, { ...props, d: pathData, dataValue: value, fill: color }));
-};
+const e=require(`../../../utils/buildErrors/charts/buildPieChartErrors.js`),t=require(`../../../components/path/path2.js`),n=require(`../context/pieChartContext.js`),r=require(`../utils/calculateSegmentPath.js`);let i=require(`react`),a=require(`react/jsx-runtime`);exports.PieChartSegment=({canvasHeight:o,canvasWidth:s,color:c=`blue`,dataKey:l,gap:u,halfChart:d,index:f,innerRadius:p,name:m,radius:h,singleStroke:g,startAngle:_,total:v,value:y,...b})=>{let{addError:x}=(0,i.useContext)(n.PieChartContext),S=Number(y),C=h===void 0?void 0:Number(h),w=p===void 0?void 0:Number(p),T=m?.trim()||``;(0,i.useEffect)(()=>{if(T||x?.(`PIE_CHART_SEGMENT_ERROR`,{error:e.buildInvalidGroupError(l||`unknown`,f||0,`name`)}),isNaN(S)){x?.(`PIE_CHART_SEGMENT_ERROR`,{error:e.buildSegmentValueError(y,T||`segment-${f}`)});return}S<0&&x?.(`PIE_CHART_SEGMENT_ERROR`,{error:e.buildSegmentNegativeValueError(S,T||`segment-${f}`)}),C!==void 0&&(isNaN(C)||C<=0)&&x?.(`PIE_CHART_SEGMENT_ERROR`,{error:e.buildInvalidRadiusError(h)}),w!==void 0&&((isNaN(w)||w<0)&&x?.(`PIE_CHART_SEGMENT_ERROR`,{error:e.buildInvalidInnerRadiusError(p)}),C!==void 0&&!isNaN(C)&&!isNaN(w)&&w>=C&&x?.(`PIE_CHART_SEGMENT_ERROR`,{error:e.buildInnerRadiusOutOfRangeError(w,C)}))},[l,f,w,C,S,T]);let E=r.calculateSegmentPath({canvasHeight:o,canvasWidth:s,customRadius:h,gap:u,halfChart:d,innerRadius:p,singleStroke:g,startAngle:_,total:v,value:y});return(0,a.jsx)(t.Path,{...b,d:E,dataValue:y,fill:c})};

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

@@ -1 +1 @@
-export * from './pieChart';
+module.exports = { ...module.exports, ...require('./pieChart.js') };

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

@@ -1,9 +1 @@
-import { PieChartForeign } from './fragments/pieChartForeign';
-import { PieChartPath } from './fragments/pieChartPath';
-import { PieChartStructure } from './pieChartStructure';
-const PieChart = Object.assign(PieChartStructure, {
-    Foreign: PieChartForeign,
-    Path: PieChartPath,
-});
-export { PieChart };
-export * from './pieChart.type';
+const e=require(`./fragments/pieChartForeign.js`),t=require(`./fragments/pieChartPath.js`),n=require(`./pieChartStructure.js`);var r=Object.assign(n.PieChartStructure,{Foreign:e.PieChartForeign,Path:t.PieChartPath});exports.PieChart=r;

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

@@ -1,76 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { SvgContainer } from '../../components/svgContainer/svgContainer';
-import { useId } from '../../hooks/useId/useId';
-import { useResponsiveCanvas } from '../../hooks/useResponsiveCanvas/useResponsiveCanvas';
-import { DefaultCanvasConfig } from '../../types/canvas.type';
-import { createErrorAccumulator } from '../../utils/createErrorAccumulator';
-import { getDataFingerprint } from '../../utils/getDataFingerprint/getDataFingerprint';
-import { buildPieContextValue } from './context/buildPieContextValue';
-import { PieChartContext } from './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.
- */
-export const PieChartStructure = ({ ariaHidden, ariaLabel, canvasConfig = DefaultCanvasConfig, caption, children, classNames, data, dataTestId: dataTestIdProp = 'pie-chart', halfChart, height = '100%', onErrors, radius = '50%', role, tabIndex, width = '100%', ...props }) => {
-    const dataTestId = useId(dataTestIdProp);
-    // Use the responsive canvas hook for dimension management
-    const { parsedCanvas, viewBox } = useResponsiveCanvas({
-        canvasConfig,
-        dataTestId,
-        height,
-        width,
-    });
-    const parsedCanvasWidth = parsedCanvas.width;
-    const parsedCanvasHeight = parsedCanvas.height;
-    const errorAccumulator = useMemo(() => createErrorAccumulator(onErrors), [onErrors]);
-    // Create a fingerprint of the data to avoid unnecessary contextValue updates
-    const dataFingerprint = getDataFingerprint(data);
-    const contextValue = useMemo(() => {
-        // Clear previous errors before building new context
-        errorAccumulator.clearErrors();
-        return buildPieContextValue({
-            addError: (errorType, error) => {
-                errorAccumulator.addError(errorType, error);
-            },
-            canvasHeight: parsedCanvasHeight,
-            canvasWidth: parsedCanvasWidth,
-            children,
-            halfChart,
-        });
-    }, [parsedCanvasHeight, parsedCanvasWidth, halfChart, dataFingerprint, errorAccumulator]);
-    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,
-                data,
-                dataTestId,
-                halfChart,
-            }, children: children }) }));
-};
+const e=require(`../../components/svgContainer/svgContainer.js`),t=require(`../../hooks/useId/useId.js`),n=require(`../../hooks/useResponsiveCanvas/useResponsiveCanvas.js`),r=require(`../../types/canvas.type.js`),i=require(`../../utils/createErrorAccumulator/createErrorAccumulator.js`),a=require(`../../utils/getDataFingerprint/getDataFingerprint.js`),o=require(`./context/pieChartContext.js`),s=require(`./context/buildPieContextValue.js`);let c=require(`react`),l=require(`react/jsx-runtime`);exports.PieChartStructure=({ariaHidden:u,ariaLabel:d,canvasConfig:f=r.DefaultCanvasConfig,caption:p,children:m,classNames:h,data:g,dataTestId:_=`pie-chart`,halfChart:v,height:y=`100%`,onErrors:b,radius:x=`50%`,role:S,tabIndex:C,width:w=`100%`,...T})=>{let E=t.useId(_),{parsedCanvas:D,viewBox:O}=n.useResponsiveCanvas({canvasConfig:f,dataTestId:E,height:y,width:w}),k=D.width,A=D.height,j=(0,c.useMemo)(()=>i.createErrorAccumulator(b),[b]),M=(0,c.useMemo)(()=>(j.clearErrors(),s.buildPieContextValue({addError:(e,t)=>{j.addError(e,t)},canvasHeight:A,canvasWidth:k,children:m,halfChart:v})),[A,k,v,a.getDataFingerprint(g),j]);return(0,l.jsx)(e.SvgContainer,{ariaHidden:u,ariaLabel:d,caption:p,className:h,dataTestId:E,height:y,radius:x,role:S,tabIndex:C,viewBox:O,width:w,...T,children:(0,l.jsx)(o.PieChartContext.Provider,{value:{...M,canvasHeight:A,canvasWidth:k,data:g,dataTestId:E,halfChart:v},children:m})})};

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

@@ -1,21 +1 @@
-// Template keys for accessibility labels
-export const PIE_CHART_TEMPLATE_KEYS = {
-    DATA_KEY: '{{dataKey}}',
-    INDEX: '{{index}}',
-    GROUP_NAME: '{{groupName}}',
-    GROUP_VALUE: '{{groupValue}}',
-};
-export const buildAriaLabel = ({ ariaLabel, dataKey, index, groupName, groupValue, }) => {
-    if (!ariaLabel) {
-        return undefined;
-    }
-    const dataKeyRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.DATA_KEY, 'g');
-    const indexRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.INDEX, 'g');
-    const groupNameRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.GROUP_NAME, 'g');
-    const groupValueRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.GROUP_VALUE, 'g');
-    return ariaLabel
-        .replace(dataKeyRegExp, dataKey)
-        .replace(indexRegExp, String(index))
-        .replace(groupNameRegExp, groupName)
-        .replace(groupValueRegExp, String(groupValue));
-};
+const e={DATA_KEY:`{{dataKey}}`,INDEX:`{{index}}`,GROUP_NAME:`{{groupName}}`,GROUP_VALUE:`{{groupValue}}`};exports.buildAriaLabel=({ariaLabel:t,dataKey:n,index:r,groupName:i,groupValue:a})=>{if(!t)return;let o=new RegExp(e.DATA_KEY,`g`),s=new RegExp(e.INDEX,`g`),c=new RegExp(e.GROUP_NAME,`g`),l=new RegExp(e.GROUP_VALUE,`g`);return t.replace(o,n).replace(s,String(r)).replace(c,i).replace(l,String(a))};

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

@@ -1,9 +1 @@
-export 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=({center:e,innerEnd:t,innerRadius:n,singleStroke:r})=>{if(!r)return n>0?`L ${t.x},${t.y}`:`L ${e.x},${e.y}`};

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

@@ -1,13 +1 @@
-/**
- * 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 const calculatePoint = (center, radius, angle) => {
-    return {
-        x: center.x + radius * Math.cos(angle),
-        y: center.y + radius * Math.sin(angle),
-    };
-};
+exports.calculatePoint=(e,t,n)=>({x:e.x+t*Math.cos(n),y:e.y+t*Math.sin(n)});

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

@@ -1,57 +1 @@
-import { calculatePoint } from './calculatePoint';
-import { drawSegmentPath } from './drawSegmentPath';
-import { rotationDirection } from './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.
- */
-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;
-    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 } = 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 = 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,
-        innerStart,
-        largeArcFlag,
-        outerEnd,
-        outerStart,
-        radius,
-        rotateDirection,
-        singleStroke,
-    });
-};
+const e=require(`./calculatePoint.js`),t=require(`./rotationDirection.js`),n=require(`./drawSegmentPath.js`);exports.calculateSegmentPath=({canvasHeight:r,canvasWidth:i,customRadius:a,gap:o,halfChart:s,innerRadius:c,rotateDirection:l,singleStroke:u,startAngle:d,total:f,value:p})=>{let m=s?r*2:r,h=Math.min(i,m)/2,g=a&&a<h?a:h,_=s?Math.PI:2*Math.PI,v={x:i/2,y:s?r:r/2},y=u?f*2:f,b=p*100/y*_/100,x=o/g,{carryAngle:S,finalAngle:C,initialAngle:w}=t.rotationDirection({angleEquivalent:b,direction:l,gapAngle:x,startAngle:d.current});d.current=S;let T=_*p/y-x<=Math.PI?`0`:`1`,E=e.calculatePoint(v,c,w),D=e.calculatePoint(v,c,C),O=e.calculatePoint(v,g,w);return n.drawSegmentPath({center:v,innerEnd:D,innerRadius:c,innerStart:E,largeArcFlag:T,outerEnd:e.calculatePoint(v,g,C),outerStart:O,radius:g,rotateDirection:l,singleStroke:u})};

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

@@ -1,41 +1 @@
-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 === RotateDirection.CLOCKWISE) {
-        M = `M ${outerStart.x},${outerStart.y}`;
-        A = `A ${radius},${radius} 0 ${largeArcFlag} 1 ${outerEnd.x}, ${outerEnd.y}`;
-        L = 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 = 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(' ');
-};
+const e=require(`./buildL.js`),t=require(`./rotationDirection.js`);exports.drawSegmentPath=({center:n,innerEnd:r,innerRadius:i,innerStart:a,largeArcFlag:o,outerEnd:s,outerStart:c,radius:l,rotateDirection:u,singleStroke:d})=>{let f,p,m,h,g,_,v,y,b,x;return u===t.RotateDirection.CLOCKWISE?(f=`M ${c.x},${c.y}`,p=`A ${l},${l} 0 ${o} 1 ${s.x}, ${s.y}`,m=e.buildL({center:n,innerEnd:r,innerRadius:i,singleStroke:d}),h=d?`M ${r.x},${r.y}`:void 0,g=i>0?`A ${i},${i} 0 ${o} 0 ${a.x},${a.y}`:void 0,_=`M ${c.x},${c.y}`,y=`M ${r.x},${r.y}`,v=`A ${l},${l} 0 ${o} 0 ${s.x},${s.y}`,b=`A ${i},${i} 0 ${o} 1 ${a.x},${a.y}`,x=d?void 0:`Z`):(f=`M ${c.x} ${c.y}`,p=`A ${l},${l} 0 ${o},0 ${s.x}, ${s.y}`,m=e.buildL({center:n,innerEnd:r,innerRadius:i,singleStroke:d}),h=d?`M ${r.x},${r.y}`:void 0,g=i>0?`A ${i}, ${i} 0 ${o},1 ${a.x},${a.y}`:void 0,_=`M ${c.x},${c.y}`,y=`M ${r.x},${r.y}`,v=`A ${l},${l} 0 ${o} 1 ${s.x},${s.y}`,b=`A ${i},${i} 0 ${o} 0 ${a.x},${a.y}`,x=d?void 0:`Z`),[f,p,m,h,g,x].concat(d?[_,v,y,b]:[]).filter(Boolean).join(` `)};

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

@@ -1,13 +1 @@
-export const RotateDirection = {
-    CLOCKWISE: 'CLOCKWISE',
-    COUNTER_CLOCKWISE: 'COUNTER_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
-        : startAngle - angleEquivalent + gapAngle / 2;
-    const carryAngle = clockDir ? startAngle + angleEquivalent : startAngle - angleEquivalent;
-    return { carryAngle, finalAngle, initialAngle };
-};
+const e={CLOCKWISE:`CLOCKWISE`,COUNTER_CLOCKWISE:`COUNTER_CLOCKWISE`};exports.RotateDirection=e,exports.rotationDirection=({angleEquivalent:t,direction:n,gapAngle:r,startAngle:i})=>{let a=n===e.CLOCKWISE,o=a?i+r/2:i-r/2,s=a?i+t-r/2:i-t+r/2;return{carryAngle:a?i+t:i-t,finalAngle:s,initialAngle:o}};

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

@@ -1,38 +1 @@
-/**
- * Filters and extracts line-related properties from a given object.
- *
- * This utility function is designed to take a generic object `props` and extract from it
- * properties that are relevant to rendering a line in SVG. It's particularly useful when
- * you have a component that receives a mix of its own props and props that should be passed
- * directly to a child `<Line>` component.
- *
- * @param props - The input object containing potential line properties.
- * @returns An object containing only the properties relevant to a `<Line>` component.
- *
- * Note: The function uses a type assertion to treat the input `props` as any, allowing for
- * flexible input types. However, this means the function assumes the caller has ensured that
- * the input object contains properties compatible with `LineProps`.
- */
-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,
-        className,
-        dataTestId,
-        opacity,
-        stroke,
-        strokeDasharray,
-        strokeDashoffset,
-        strokeLinecap,
-        strokeLinejoin,
-        strokeOpacity,
-        strokeWidth,
-        style,
-        tabIndex,
-        transform,
-        x1,
-        x2,
-        y1,
-        y2,
-    };
-};
+exports.filterLineProps=e=>{let{ariaLabel:t,className:n,dataTestId:r,opacity:i,stroke:a,strokeDasharray:o,strokeDashoffset:s,strokeLinecap:c,strokeLinejoin:l,strokeOpacity:u,strokeWidth:d,style:f,tabIndex:p,transform:m,x1:h,x2:g,y1:_,y2:v}=e;return{ariaLabel:t,className:n,dataTestId:r,opacity:i,stroke:a,strokeDasharray:o,strokeDashoffset:s,strokeLinecap:c,strokeLinejoin:l,strokeOpacity:u,strokeWidth:d,style:f,tabIndex:p,transform:m,x1:h,x2:g,y1:_,y2:v}};

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

@@ -1,42 +1 @@
-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.
- *
- * This component dynamically calculates the position of each tick mark based on the provided `tickValues` and adjusts their positions to fit within the specified `canvasWidth`, taking into account any `extraSpace` margins.
- *
- * 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.
- */
-export const XAxis = ({ canvasHeight = DefaultCanvasConfig.height, canvasWidth = DefaultCanvasConfig.width, cursor = 0, extraSpace = {
-    bottom: 0,
-    left: 0,
-    right: 0,
-    top: 0,
-}, position = Positions.BOTTOM, showTickLines = false, tickLine, tickLineHover, tickText, tickValues = [], ...props }) => {
-    // Extract custom attributes for the g element
-    const customAttributes = pickCustomAttributes(props);
-    return (_jsxs("g", { ...customAttributes, children: [_jsx(Line, { ...filterLineProps(props) }), tickValues &&
-                tickValues.length > 0 &&
-                tickValues.map((tick, index) => {
-                    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 (_jsx(Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
-                            ...tickLineProps,
-                            x1: tick.position,
-                            x2: tick.position,
-                        }, tickText: {
-                            ...tickText,
-                            transform: rotate,
-                            x: tick.position,
-                        } }, `${index.toString()}`));
-                })] }));
-};
+const e=require(`../../../types/canvas.type.js`),t=require(`../../../types/position.enum.js`),n=require(`../../../utils/pickCustomAttributes/pickCustomAttributes.js`),r=require(`../../line/line.js`),i=require(`../../tick/tick.js`),a=require(`../../../utils/cursorNear/isNear.js`),o=require(`../utils/filterLineProps/filterLineProps.js`);let s=require(`react/jsx-runtime`);exports.XAxis=({canvasHeight:c=e.DefaultCanvasConfig.height,canvasWidth:l=e.DefaultCanvasConfig.width,cursor:u=0,extraSpace:d={bottom:0,left:0,right:0,top:0},position:f=t.Positions.BOTTOM,showTickLines:p=!1,tickLine:m,tickLineHover:h,tickText:g,tickValues:_=[],...v})=>(0,s.jsxs)(`g`,{...n.pickCustomAttributes(v),children:[(0,s.jsx)(r.Line,{...o.filterLineProps(v)}),_&&_.length>0&&_.map((e,t)=>{let n=a.isNear(u,e.position)&&h?{...m,...h}:m,r=g?.transform===`rotate`?`rotate(-30, ${e.position}, ${g.y})`:void 0;return(0,s.jsx)(i.Tick,{showTickLines:p,tick:e,tickLine:{...n,x1:e.position,x2:e.position},tickText:{...g,transform:r,x:e.position}},`${t.toString()}`)})]});

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

@@ -1,34 +1 @@
-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.
- */
-export const YAxis = ({ canvasWidth, cursor = 0, extraSpace = {
-    bottom: 0,
-    left: 0,
-    right: 0,
-    top: 0,
-}, position = Positions.LEFT, showTickLines = true, tickLine, tickLineHover, tickText, tickValues = [], ...props }) => {
-    // Extract custom attributes for the g element
-    const customAttributes = pickCustomAttributes(props);
-    return (_jsxs("g", { ...customAttributes, children: [_jsx(Line, { ...filterLineProps(props) }), tickValues &&
-                tickValues.length > 0 &&
-                tickValues.map((tick, index) => {
-                    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 (_jsx(Tick, { showTickLines: showTickLines, tick: tick, tickLine: {
-                            ...tickLineProps,
-                            y1: tick.position,
-                            y2: tick.position,
-                        }, tickText: { ...tickText, transform: rotate, y: tick.position } }, `${index.toString()}`));
-                })] }));
-};
+const e=require(`../../../types/position.enum.js`),t=require(`../../../utils/pickCustomAttributes/pickCustomAttributes.js`),n=require(`../../line/line.js`),r=require(`../../tick/tick.js`),i=require(`../../../utils/cursorNear/isNear.js`),a=require(`../utils/filterLineProps/filterLineProps.js`);let o=require(`react/jsx-runtime`);exports.YAxis=({canvasWidth:s,cursor:c=0,extraSpace:l={bottom:0,left:0,right:0,top:0},position:u=e.Positions.LEFT,showTickLines:d=!0,tickLine:f,tickLineHover:p,tickText:m,tickValues:h=[],...g})=>(0,o.jsxs)(`g`,{...t.pickCustomAttributes(g),children:[(0,o.jsx)(n.Line,{...a.filterLineProps(g)}),h&&h.length>0&&h.map((e,t)=>{let n=i.isNear(c,e.position)&&p?{...f,...p}:f,a=m?.transform===`rotate`?`rotate(-30, ${m.x}, ${e.position})`:void 0;return(0,o.jsx)(r.Tick,{showTickLines:d,tick:e,tickLine:{...n,y1:e.position,y2:e.position},tickText:{...m,transform:a,y:e.position}},`${t.toString()}`)})]});

package/dist/cjs/components/bar/bar.js

@@ -1,44 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Path } from '../path/path';
-import { buildAriaLabel } from './utils/accessibility';
-import { buildD } from './utils/buildD';
-import { getSegments } from './utils/getSegments';
-export const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, focusConfig = {
-    stroke: '#0078D4',
-    strokeWidth: 0.2,
-}, onBlur, onFocus, order = 1, orientation, startRounded, tabIndex = 0, x1, x2, y1, y2, 
-// Allow to build a11y aria-labels with templates
-dataKey, xKey, yKey, xData, yData, }) => {
-    const { barWidth, singleConfig } = barConfig;
-    const segments = getSegments({ barConfig, orientation, x1, x2, y1, y2 });
-    return (_jsx("g", { children: singleConfig.map(({ color, 'aria-label': ariaLabel, ...singleProps }, index) => {
-            const [segmentX1, segmentX2] = orientation === 'HORIZONTAL' ? segments[index] : [x1, x2];
-            const [segmentY1, segmentY2] = orientation === 'VERTICAL' ? segments[index] : [y1, y2];
-            const d = buildD({
-                barWidth,
-                currentBars,
-                endRounded: index === singleConfig.length - 1 && endRounded ? endRounded : undefined,
-                extraSpacing,
-                order,
-                orientation,
-                startRounded: index === 0 && startRounded ? startRounded : undefined,
-                x1: segmentX1,
-                x2: segmentX2,
-                y1: segmentY1,
-                y2: segmentY2,
-            });
-            return (_jsx(Path, { "aria-label": buildAriaLabel({
-                    ariaLabel,
-                    dataKey,
-                    xKey,
-                    yKey,
-                    xData,
-                    yData,
-                    coverage: singleProps.coverage,
-                    index,
-                }), d: d, fill: color, focusConfig: focusConfig, hoverConfig: {
-                    stroke: 'transparent',
-                    strokeWidth: '0',
-                }, stroke: "transparent", tabIndex: tabIndex, onBlur: onBlur, onFocus: onFocus, ...singleProps }, `${index.toString()}`));
-        }) }));
-};
+const e=require(`../path/path2.js`),t=require(`./utils/accessibility.js`),n=require(`./utils/buildD.js`),r=require(`./utils/getSegments.js`);let i=require(`react/jsx-runtime`);exports.Bar=({barConfig:a,currentBars:o,endRounded:s,extraSpacing:c=0,focusConfig:l={stroke:`#0078D4`,strokeWidth:.2},onBlur:u,onFocus:d,order:f=1,orientation:p,startRounded:m,tabIndex:h=0,x1:g,x2:_,y1:v,y2:y,dataKey:b,xKey:x,yKey:S,xData:C,yData:w})=>{let{barWidth:T,singleConfig:E}=a,D=r.getSegments({barConfig:a,orientation:p,x1:g,x2:_,y1:v,y2:y});return(0,i.jsx)(`g`,{children:E.map(({color:r,"aria-label":a,...O},k)=>{let[A,j]=p===`HORIZONTAL`?D[k]:[g,_],[M,N]=p===`VERTICAL`?D[k]:[v,y],P=n.buildD({barWidth:T,currentBars:o,endRounded:k===E.length-1&&s?s:void 0,extraSpacing:c,order:f,orientation:p,startRounded:k===0&&m?m:void 0,x1:A,x2:j,y1:M,y2:N});return(0,i.jsx)(e.Path,{"aria-label":t.buildAriaLabel({ariaLabel:a,dataKey:b,xKey:x,yKey:S,xData:C,yData:w,coverage:O.coverage,index:k}),d:P,fill:r,focusConfig:l,hoverConfig:{stroke:`transparent`,strokeWidth:`0`},stroke:`transparent`,tabIndex:h,onBlur:u,onFocus:d,...O},`${k.toString()}`)})})};

package/dist/cjs/components/bar/bar.type.js

@@ -1,4 +1 @@
-export const BarOrientation = {
-    HORIZONTAL: 'HORIZONTAL',
-    VERTICAL: 'VERTICAL',
-};
+exports.BarOrientation={HORIZONTAL:`HORIZONTAL`,VERTICAL:`VERTICAL`};

package/dist/cjs/components/bar/utils/accessibility.js

@@ -1,30 +1 @@
-// Template keys for accessibility labels
-export const BAR_TEMPLATE_KEYS = {
-    DATA_KEY: '{{dataKey}}',
-    X_KEY: '{{xKey}}',
-    Y_KEY: '{{yKey}}',
-    X_DATA: '{{xData}}',
-    Y_DATA: '{{yData}}',
-    COVERAGE: '{{coverage}}',
-    INDEX: '{{index}}',
-};
-export const buildAriaLabel = ({ ariaLabel, dataKey, xKey, yKey, xData, yData, coverage, index, }) => {
-    if (!ariaLabel) {
-        return undefined;
-    }
-    const dataKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.DATA_KEY, 'g');
-    const xKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.X_KEY, 'g');
-    const yKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.Y_KEY, 'g');
-    const xDataRegExp = new RegExp(BAR_TEMPLATE_KEYS.X_DATA, 'g');
-    const yDataRegExp = new RegExp(BAR_TEMPLATE_KEYS.Y_DATA, 'g');
-    const coverageRegExp = new RegExp(BAR_TEMPLATE_KEYS.COVERAGE, 'g');
-    const indexRegExp = new RegExp(BAR_TEMPLATE_KEYS.INDEX, 'g');
-    return ariaLabel
-        .replace(dataKeyRegExp, dataKey ?? '')
-        .replace(xKeyRegExp, xKey ?? '')
-        .replace(yKeyRegExp, yKey ?? '')
-        .replace(xDataRegExp, String(xData ?? ''))
-        .replace(yDataRegExp, String(yData ?? ''))
-        .replace(coverageRegExp, String(coverage))
-        .replace(indexRegExp, String(index));
-};
+const e={DATA_KEY:`{{dataKey}}`,X_KEY:`{{xKey}}`,Y_KEY:`{{yKey}}`,X_DATA:`{{xData}}`,Y_DATA:`{{yData}}`,COVERAGE:`{{coverage}}`,INDEX:`{{index}}`};exports.buildAriaLabel=({ariaLabel:t,dataKey:n,xKey:r,yKey:i,xData:a,yData:o,coverage:s,index:c})=>{if(!t)return;let l=new RegExp(e.DATA_KEY,`g`),u=new RegExp(e.X_KEY,`g`),d=new RegExp(e.Y_KEY,`g`),f=new RegExp(e.X_DATA,`g`),p=new RegExp(e.Y_DATA,`g`),m=new RegExp(e.COVERAGE,`g`),h=new RegExp(e.INDEX,`g`);return t.replace(l,n??``).replace(u,r??``).replace(d,i??``).replace(f,String(a??``)).replace(p,String(o??``)).replace(m,String(s)).replace(h,String(c))};