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

package/dist/cjs/charts/lineChart/utils/getRoundedMaxValue.js

@@ -1,25 +1 @@
-/**
- * Extracts the maximum value from the data points that do not correspond to the provided key.
- * The maximum value is rounded up to the nearest multiple of 10.
- * @param data - The data points.
- * @param key - The key to exclude in the data.
- * @returns The rounded maximum value.
- */
-export const getRoundedMaxValue = (data, key) => {
-    const values = data.flatMap(point => Object.keys(point)
-        .filter(k => k !== key && typeof point[k] === 'number')
-        .map(k => point[k]));
-    const maxNumber = Math.max(...values);
-    return Math.ceil(maxNumber / 10) * 10;
-};
-/**
- * Returns an array of rounded maximum values for each yKey in the given data.
- * @param data - The array of data points.
- * @param xKey - The xKey used for filtering the data.
- * @returns An array of rounded maximum values.
- */
-export const getYKeyRoundMaxValue = (data, xKey) => {
-    return data.flatMap(point => Object.keys(point)
-        .filter(k => k !== xKey && typeof point[k] === 'number')
-        .map(k => point[k]));
-};
+exports.getYKeyRoundMaxValue=(e,t)=>e.flatMap(e=>Object.keys(e).filter(n=>n!==t&&typeof e[n]==`number`).map(t=>e[t]));

package/dist/cjs/charts/lineChart/utils/getTicks.js

@@ -1,36 +1 @@
-export const getXTicks = ({ tickValues, maxSpaceAvailable, xAxisLeftSpacing, xAxisRightSpacing, yAxisLeftSpacing, yAxisRightSpacing, }) => {
-    const initPos = Math.max(yAxisLeftSpacing, xAxisLeftSpacing);
-    const endPos = maxSpaceAvailable - Math.max(xAxisRightSpacing, yAxisRightSpacing);
-    if (tickValues.length <= 1) {
-        return [
-            {
-                position: initPos,
-                value: tickValues[0],
-            },
-        ];
-    }
-    const step = (endPos - initPos) / (tickValues.length - 1);
-    const ticks = tickValues.map((value, idx) => {
-        const position = initPos + step * idx;
-        return { position, value };
-    });
-    return ticks;
-};
-export const getYTicks = ({ maxSpaceAvailable, tickValues, xAxisTopSpacing, xAxisBottomSpacing, yAxisTopSpacing, yAxisBottomSpacing, }) => {
-    const initPos = maxSpaceAvailable - Math.max(xAxisBottomSpacing, yAxisBottomSpacing);
-    const endPos = Math.max(yAxisTopSpacing, xAxisTopSpacing);
-    if (tickValues.length <= 1) {
-        return [
-            {
-                position: initPos,
-                value: tickValues[0],
-            },
-        ];
-    }
-    const step = (initPos - endPos) / (tickValues.length - 1);
-    const ticks = tickValues.map((value, idx) => {
-        const position = initPos - step * idx;
-        return { position, value };
-    });
-    return ticks;
-};
+exports.getXTicks=({tickValues:e,maxSpaceAvailable:t,xAxisLeftSpacing:n,xAxisRightSpacing:r,yAxisLeftSpacing:i,yAxisRightSpacing:a})=>{let o=Math.max(i,n),s=t-Math.max(r,a);if(e.length<=1)return[{position:o,value:e[0]}];let c=(s-o)/(e.length-1);return e.map((e,t)=>({position:o+c*t,value:e}))},exports.getYTicks=({maxSpaceAvailable:e,tickValues:t,xAxisTopSpacing:n,xAxisBottomSpacing:r,yAxisTopSpacing:i,yAxisBottomSpacing:a})=>{let o=e-Math.max(r,a),s=Math.max(i,n);if(t.length<=1)return[{position:o,value:t[0]}];let c=(o-s)/(t.length-1);return t.map((e,t)=>({position:o-c*t,value:e}))};

package/dist/cjs/charts/lineChart/utils/handleNodesFocus.js

@@ -1,34 +1 @@
-export const handleNodesFocus = ({ data, getNodeFocusInfo, nodes, ref, }) => {
-    let currentNode = undefined;
-    const g = ref.querySelector('[data-draw]');
-    const handleKeyDown = (e) => {
-        let newCurrentNode = undefined;
-        if (e.key === 'ArrowRight') {
-            newCurrentNode =
-                currentNode === undefined || currentNode === nodes.length - 1 ? 0 : currentNode + 1;
-        }
-        else if (e.key === 'ArrowLeft') {
-            newCurrentNode =
-                currentNode === undefined || currentNode === 0 ? nodes.length - 1 : currentNode - 1;
-        }
-        if (newCurrentNode !== undefined) {
-            currentNode = newCurrentNode;
-            if (nodes[currentNode]) {
-                nodes[currentNode].focus();
-                getNodeFocusInfo?.(data[currentNode]);
-            }
-        }
-    };
-    const handleFocus = () => {
-        currentNode = undefined;
-    };
-    const mount = () => {
-        g?.addEventListener('focus', handleFocus);
-        ref.addEventListener('keydown', (e) => handleKeyDown(e));
-    };
-    const unmount = () => {
-        g?.removeEventListener('focus', handleFocus);
-        ref.removeEventListener('keydown', (e) => handleKeyDown(e));
-    };
-    return { mount, unmount };
-};
+exports.handleNodesFocus=({data:e,getNodeFocusInfo:t,nodes:n,ref:r})=>{let i,a=r.querySelector(`[data-draw]`),o=r=>{let a;r.key===`ArrowRight`?a=i===void 0||i===n.length-1?0:i+1:r.key===`ArrowLeft`&&(a=i===void 0||i===0?n.length-1:i-1),a!==void 0&&(i=a,n[i]&&(n[i].focus(),t?.(e[i])))},s=()=>{i=void 0};return{mount:()=>{a?.addEventListener(`focus`,s),r.addEventListener(`keydown`,e=>o(e))},unmount:()=>{a?.removeEventListener(`focus`,s),r.removeEventListener(`keydown`,e=>o(e))}}};

package/dist/cjs/charts/lineChart/utils/tickTextPosition.js

@@ -1,109 +1 @@
-import { Positions } from '../../../types/position.enum';
-import { ajustedTextSpace } from '../../../utils/ajustedTextSpace/ajustedTextSpace';
-import { getTickTextXCoordinate } from '../../../utils/getTickTextCoordinate/getTickTextCoordinates';
-export const getYAxisTextXCoordinate = ({ tickText, yAxisPosition, textWidth, yAxisX1, }) => {
-    if (tickText?.useAxisAsOrigin) {
-        let xTickText = yAxisX1;
-        xTickText += tickText.right ?? 0;
-        xTickText -= tickText.left ?? 0;
-        return xTickText;
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // Maybe it only makes sense when anchor is middle
-    // IMPORTANT: When changing or deleting this logic, review the getYAxisLeftTextSpacing and getYAxisRightTextSpacing functions
-    const textAnchor = tickText?.textAnchor || 'middle';
-    let ajustedSpace = 0;
-    if (yAxisPosition === Positions.RIGHT) {
-        ajustedSpace = tickText?.right ?? 0;
-    }
-    else if (yAxisPosition === Positions.LEFT) {
-        ajustedSpace = tickText?.left ?? 0;
-    }
-    const ajustedText = ajustedTextSpace(textAnchor, textWidth, ajustedSpace);
-    const xTickText = getTickTextXCoordinate(yAxisPosition, yAxisX1, ajustedText);
-    return xTickText;
-};
-export const getYAxisLeftTextSpacing = ({ tickText, textWidth, yAxisPosition, }) => {
-    if (yAxisPosition !== Positions.LEFT) {
-        return 0;
-    }
-    if (tickText?.useAxisAsOrigin) {
-        const { textAnchor = 'start' } = tickText;
-        let res = 0;
-        if (textAnchor === 'end') {
-            res = textWidth;
-        }
-        if (textAnchor === 'middle') {
-            res = textWidth / 2;
-        }
-        res += tickText.left ?? 0;
-        res -= tickText.right ?? 0;
-        return Math.max(0, res);
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // This left spacing is applied because the logic in getYAxisTextXCoordinate
-    const textAnchor = tickText?.textAnchor;
-    const extraSpace = tickText?.left ?? 0;
-    if (textAnchor === 'start') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth + extraSpace;
-    }
-    if (textAnchor === 'end') {
-        return 2 * textWidth + extraSpace;
-    }
-    return textWidth / 2 + extraSpace;
-};
-export const getYAxisRightTextSpacing = ({ tickText, textWidth, yAxisPosition, }) => {
-    if (yAxisPosition !== Positions.RIGHT) {
-        return 0;
-    }
-    if (tickText?.useAxisAsOrigin) {
-        const { textAnchor = 'start' } = tickText;
-        let res = textWidth;
-        if (textAnchor === 'end') {
-            res = 0;
-        }
-        if (textAnchor === 'middle') {
-            res = textWidth / 2;
-        }
-        res -= tickText.left ?? 0;
-        res += tickText.right ?? 0;
-        return Math.max(0, res);
-    }
-    // TODO Review this logic, I don't understand the logic behind it
-    // This size is applied because the logic in getYAxisTextXCoordinate
-    const textAnchor = tickText?.textAnchor;
-    const extraSpace = tickText?.right ?? 0;
-    if (textAnchor === 'start') {
-        return textWidth;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth + extraSpace;
-    }
-    if (textAnchor === 'end') {
-        return textWidth + extraSpace;
-    }
-    return 2 * textWidth - textWidth / 2 + extraSpace;
-};
-export const getXAxisLeftTextSpacing = ({ tickText, textWidth }) => {
-    const textAnchor = tickText?.textAnchor ?? 'start';
-    if (textAnchor === 'start') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth / 2;
-    }
-    return textWidth;
-};
-export const getXAxisRightTextSpacing = ({ tickText, textWidth }) => {
-    const textAnchor = tickText?.textAnchor ?? 'start';
-    if (textAnchor === 'end') {
-        return 0;
-    }
-    if (textAnchor === 'middle') {
-        return textWidth / 2;
-    }
-    return textWidth;
-};
+const e=require(`../../../types/position.enum.js`),t=require(`../../../utils/getTickTextCoordinate/getTickTextCoordinates.js`),n=require(`../../../utils/ajustedTextSpace/ajustedTextSpace.js`);exports.getXAxisLeftTextSpacing=({tickText:e,textWidth:t})=>{let n=e?.textAnchor??`start`;return n===`start`?0:n===`middle`?t/2:t},exports.getXAxisRightTextSpacing=({tickText:e,textWidth:t})=>{let n=e?.textAnchor??`start`;return n===`end`?0:n===`middle`?t/2:t},exports.getYAxisLeftTextSpacing=({tickText:t,textWidth:n,yAxisPosition:r})=>{if(r!==e.Positions.LEFT)return 0;if(t?.useAxisAsOrigin){let{textAnchor:e=`start`}=t,r=0;return e===`end`&&(r=n),e===`middle`&&(r=n/2),r+=t.left??0,r-=t.right??0,Math.max(0,r)}let i=t?.textAnchor,a=t?.left??0;return i===`start`?0:i===`middle`?n+a:i===`end`?2*n+a:n/2+a},exports.getYAxisRightTextSpacing=({tickText:t,textWidth:n,yAxisPosition:r})=>{if(r!==e.Positions.RIGHT)return 0;if(t?.useAxisAsOrigin){let{textAnchor:e=`start`}=t,r=n;return e===`end`&&(r=0),e===`middle`&&(r=n/2),r-=t.left??0,r+=t.right??0,Math.max(0,r)}let i=t?.textAnchor,a=t?.right??0;return i===`start`?n:i===`middle`||i===`end`?n+a:2*n-n/2+a},exports.getYAxisTextXCoordinate=({tickText:r,yAxisPosition:i,textWidth:a,yAxisX1:o})=>{if(r?.useAxisAsOrigin){let e=o;return e+=r.right??0,e-=r.left??0,e}let s=r?.textAnchor||`middle`,c=0;return i===e.Positions.RIGHT?c=r?.right??0:i===e.Positions.LEFT&&(c=r?.left??0),t.getTickTextXCoordinate(i,o,n.ajustedTextSpace(s,a,c))};

package/dist/cjs/charts/lineChart/utils/validations.js

@@ -1,117 +1 @@
-import { BuildError, buildCanvasDimensionsError, buildError, } from '../../../utils/buildErrors/buildErrors';
-import { AXIS_VALIDATION } from '../../constants/chartDefaults';
-export const validateData = ({ data, addError }) => {
-    let error = undefined;
-    if (!data || data.length === 0) {
-        const dataError = {
-            error: buildError(BuildError.LINE_CHART_NO_DATA),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', dataError);
-        error = dataError;
-    }
-    if (data && data.length === 1) {
-        const singlePointError = {
-            error: buildError(BuildError.LINE_CHART_SINGLE_POINT),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', singlePointError);
-        error = singlePointError;
-    }
-    return { error };
-};
-export const validateCanvasDimensions = ({ canvasWidth, canvasHeight, addError, }) => {
-    let error = undefined;
-    if (canvasWidth <= 0 || canvasHeight <= 0) {
-        const canvasError = {
-            error: buildCanvasDimensionsError(canvasWidth, canvasHeight),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', canvasError);
-        error = canvasError;
-    }
-    return { error };
-};
-export const validateYTickValues = ({ yTickValues, addError }) => {
-    let error = undefined;
-    if (yTickValues) {
-        const hasInsufficientTicks = yTickValues.length < AXIS_VALIDATION.MIN_TICK_COUNT;
-        const hasIdenticalValues = yTickValues.length >= AXIS_VALIDATION.MIN_TICK_COUNT &&
-            new Set(yTickValues.map(tick => tick.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
-        if (hasInsufficientTicks) {
-            const yAxisError = {
-                error: buildError(BuildError.LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS),
-            };
-            addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-            if (!error) {
-                error = yAxisError;
-            }
-        }
-        if (hasIdenticalValues) {
-            const yAxisError = {
-                error: buildError(BuildError.LINE_CHART_Y_AXIS_IDENTICAL_VALUES),
-            };
-            addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-            if (!error) {
-                error = yAxisError;
-            }
-        }
-    }
-    return { error };
-};
-export const validateXTickValues = ({ xTickValues, addError }) => {
-    let error = undefined;
-    // Validate X-axis tick values
-    if (xTickValues) {
-        if ((xTickValues ?? []).some(({ position }) => isNaN(position))) {
-            const xTickError = {
-                error: buildError(BuildError.INVALID_X_TICK),
-            };
-            addError?.('LINE_CHART_CONTEXT_ERROR', xTickError);
-            error = xTickError;
-        }
-        const hasInsufficientTicks = xTickValues.length < AXIS_VALIDATION.MIN_TICK_COUNT;
-        const hasIdenticalValues = xTickValues.length >= AXIS_VALIDATION.MIN_TICK_COUNT &&
-            new Set(xTickValues.map(tick => tick.value)).size === AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;
-        if (hasInsufficientTicks) {
-            const xAxisError = {
-                error: buildError(BuildError.LINE_CHART_X_AXIS_INSUFFICIENT_TICKS),
-            };
-            addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-            if (!error) {
-                error = xAxisError;
-            }
-        }
-        if (hasIdenticalValues) {
-            const xAxisError = {
-                error: buildError(BuildError.LINE_CHART_X_AXIS_IDENTICAL_VALUES),
-            };
-            addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-            if (!error) {
-                error = xAxisError;
-            }
-        }
-    }
-    return { error };
-};
-export const validateXCoordinates = ({ xCoordinates, addError }) => {
-    let error = undefined;
-    if (xCoordinates.x1 === xCoordinates.x2) {
-        const xAxisError = {
-            error: buildError(BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH),
-        };
-        addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-        error = xAxisError;
-    }
-    return { error };
-};
-export const validateYCoordinates = ({ yCoordinates, addError }) => {
-    let error = undefined;
-    if (yCoordinates.y1 === yCoordinates.y2) {
-        const yAxisError = {
-            error: buildError(BuildError.LINE_CHART_Y_AXIS_ZERO_LENGTH),
-        };
-        addError?.('LINE_CHART_Y_AXIS_ERROR', yAxisError);
-        if (!error) {
-            error = yAxisError;
-        }
-    }
-    return { error };
-};
+const e=require(`../../../utils/buildErrors/buildErrors.js`),t=require(`../../constants/chartDefaults.js`);exports.validateCanvasDimensions=({canvasWidth:t,canvasHeight:n,addError:r})=>{let i;if(t<=0||n<=0){let a={error:e.buildCanvasDimensionsError(t,n)};r?.(`LINE_CHART_CONTEXT_ERROR`,a),i=a}return{error:i}},exports.validateData=({data:t,addError:n})=>{let r;if(!t||t.length===0){let t={error:e.buildError(e.BuildError.LINE_CHART_NO_DATA)};n?.(`LINE_CHART_CONTEXT_ERROR`,t),r=t}if(t&&t.length===1){let t={error:e.buildError(e.BuildError.LINE_CHART_SINGLE_POINT)};n?.(`LINE_CHART_CONTEXT_ERROR`,t),r=t}return{error:r}},exports.validateXCoordinates=({xCoordinates:t,addError:n})=>{let r;if(t.x1===t.x2){let t={error:e.buildError(e.BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH)};n?.(`LINE_CHART_X_AXIS_ERROR`,t),r=t}return{error:r}},exports.validateXTickValues=({xTickValues:n,addError:r})=>{let i;if(n){if((n??[]).some(({position:e})=>isNaN(e))){let t={error:e.buildError(e.BuildError.INVALID_X_TICK)};r?.(`LINE_CHART_CONTEXT_ERROR`,t),i=t}let a=n.length<t.AXIS_VALIDATION.MIN_TICK_COUNT,o=n.length>=t.AXIS_VALIDATION.MIN_TICK_COUNT&&new Set(n.map(e=>e.value)).size===t.AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;if(a){let t={error:e.buildError(e.BuildError.LINE_CHART_X_AXIS_INSUFFICIENT_TICKS)};r?.(`LINE_CHART_X_AXIS_ERROR`,t),i||=t}if(o){let t={error:e.buildError(e.BuildError.LINE_CHART_X_AXIS_IDENTICAL_VALUES)};r?.(`LINE_CHART_X_AXIS_ERROR`,t),i||=t}}return{error:i}},exports.validateYCoordinates=({yCoordinates:t,addError:n})=>{let r;if(t.y1===t.y2){let t={error:e.buildError(e.BuildError.LINE_CHART_Y_AXIS_ZERO_LENGTH)};n?.(`LINE_CHART_Y_AXIS_ERROR`,t),r||=t}return{error:r}},exports.validateYTickValues=({yTickValues:n,addError:r})=>{let i;if(n){let a=n.length<t.AXIS_VALIDATION.MIN_TICK_COUNT,o=n.length>=t.AXIS_VALIDATION.MIN_TICK_COUNT&&new Set(n.map(e=>e.value)).size===t.AXIS_VALIDATION.UNIQUE_VALUE_THRESHOLD;if(a){let t={error:e.buildError(e.BuildError.LINE_CHART_Y_AXIS_INSUFFICIENT_TICKS)};r?.(`LINE_CHART_Y_AXIS_ERROR`,t),i||=t}if(o){let t={error:e.buildError(e.BuildError.LINE_CHART_Y_AXIS_IDENTICAL_VALUES)};r?.(`LINE_CHART_Y_AXIS_ERROR`,t),i||=t}}return{error:i}};

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

@@ -1,57 +1 @@
-import { Children, isValidElement } from 'react';
-import { buildCanvasDimensionsError } from '../../../utils/buildErrors/buildErrors';
-import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
-import { CHART_CANVAS_DEFAULTS } from '../../constants/chartDefaults';
-import { PieChartPath } from '../fragments/pieChartPath';
-/**
- * Builds the context value for the PieChart component.
- *
- * @param {BuildPieContextValueProps} props - The props for building the context value.
- * @returns {Omit<PieChartContextType, 'canvasHeight' | 'canvasWidth' | 'data'>} The context value.
- */
-export const buildPieContextValue = ({ addError, canvasHeight, canvasWidth, children, halfChart, }) => {
-    // Validate canvas dimensions
-    if (canvasWidth <= 0 || canvasHeight <= 0) {
-        addError?.('PIE_CHART_CONTEXT_ERROR', {
-            error: buildCanvasDimensionsError(canvasWidth, canvasHeight),
-        });
-    }
-    // Use safe canvas dimensions with defaults if invalid
-    const safeCanvasWidth = canvasWidth > 0 ? canvasWidth : CHART_CANVAS_DEFAULTS.SAFE_WIDTH;
-    const safeCanvasHeight = canvasHeight > 0 ? canvasHeight : CHART_CANVAS_DEFAULTS.SAFE_HEIGHT;
-    // Use the min inner radious of the paths to calculate the size
-    let minRadius = undefined;
-    let foreignObjectSize = undefined;
-    Children.forEach(children, (child) => {
-        if (!isValidElement(child)) {
-            return;
-        }
-        if (child.type === PieChartPath) {
-            const { innerRadius } = child.props;
-            if (!innerRadius) {
-                return;
-            }
-            const parsedInnerRadius = parseStringToNumberPx(innerRadius);
-            if (!minRadius || parsedInnerRadius < minRadius) {
-                minRadius = parsedInnerRadius;
-            }
-        }
-    });
-    if (minRadius) {
-        foreignObjectSize = minRadius * 2;
-    }
-    const sizeFixed = foreignObjectSize ?? 0;
-    const height = halfChart ? sizeFixed / 2 : sizeFixed;
-    const width = sizeFixed;
-    const x = safeCanvasWidth / 2;
-    const y = halfChart ? safeCanvasHeight : safeCanvasHeight / 2;
-    return {
-        addError,
-        foreignObject: {
-            height,
-            width,
-            x: x - width / 2,
-            y: halfChart ? y - height : y - height / 2,
-        },
-    };
-};
+const e=require(`../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`),t=require(`../../../utils/buildErrors/buildErrors.js`),n=require(`../../constants/chartDefaults.js`),r=require(`../fragments/pieChartPath.js`);let i=require(`react`);exports.buildPieContextValue=({addError:a,canvasHeight:o,canvasWidth:s,children:c,halfChart:l})=>{(s<=0||o<=0)&&a?.(`PIE_CHART_CONTEXT_ERROR`,{error:t.buildCanvasDimensionsError(s,o)});let u=s>0?s:n.CHART_CANVAS_DEFAULTS.SAFE_WIDTH,d=o>0?o:n.CHART_CANVAS_DEFAULTS.SAFE_HEIGHT,f,p;i.Children.forEach(c,t=>{if((0,i.isValidElement)(t)&&t.type===r.PieChartPath){let{innerRadius:n}=t.props;if(!n)return;let r=e.parseStringToNumberPx(n);(!f||r<f)&&(f=r)}}),f&&(p=f*2);let m=p??0,h=l?m/2:m,g=m,_=u/2,v=l?d:d/2;return{addError:a,foreignObject:{height:h,width:g,x:_-g/2,y:l?v-h:v-h/2}}};

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

@@ -1,2 +1 @@
-import { createContext } from 'react';
-export const PieChartContext = createContext({});
+const e=(0,require(`react`).createContext)({});exports.PieChartContext=e;

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

@@ -1,13 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ForeignObject } from '../../../components/foreignObject/foreignObject';
-import { PieChartContext } from '../context/pieChartContext';
-export const PieChartForeign = ({ children, dataTestId: childDataTestId, height: childHeight, width: childWidth, x: childX, y: childY, ...props }) => {
-    const { dataTestId: canvasDataTestId, foreignObject } = useContext(PieChartContext);
-    const width = !childWidth && foreignObject?.width ? foreignObject.width : childWidth;
-    const height = !childHeight && foreignObject?.height ? foreignObject.height : childHeight;
-    const x = !childX && foreignObject?.x ? foreignObject.x : childX;
-    const y = !childY && foreignObject?.y ? foreignObject.y : childY;
-    const dataTestId = !childDataTestId && canvasDataTestId ? `${canvasDataTestId}-foreign-object` : childDataTestId;
-    return (_jsx(ForeignObject, { ...props, dataTestId: dataTestId, height: height, width: width, x: x, y: y, children: children }));
-};
+const e=require(`../../../components/foreignObject/foreignObject.js`),t=require(`../context/pieChartContext.js`);let n=require(`react`),r=require(`react/jsx-runtime`);exports.PieChartForeign=({children:i,dataTestId:a,height:o,width:s,x:c,y:l,...u})=>{let{dataTestId:d,foreignObject:f}=(0,n.useContext)(t.PieChartContext),p=!s&&f?.width?f.width:s,m=!o&&f?.height?f.height:o,h=!c&&f?.x?f.x:c,g=!l&&f?.y?f.y:l,_=!a&&d?`${d}-foreign-object`:a;return(0,r.jsx)(e.ForeignObject,{...u,dataTestId:_,height:m,width:p,x:h,y:g,children:i})};

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

@@ -1,63 +1 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { useContext, useEffect, useRef } from 'react';
-import { buildEmptyDataArrayError, buildInvalidTotalError, buildPieDataKeyNotFoundError, } from '../../../utils/buildErrors/buildErrors';
-import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
-import { PieChartContext } from '../context/pieChartContext';
-import { buildAriaLabel } from '../utils/accessibility';
-import { PieChartSegment } from './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.
- */
-export const PieChartPath = ({ ariaLabel: deprecatedAriaLabel, ['aria-label']: ariaLabel, dataKey, fill, gap, innerRadius, radius, ...props }) => {
-    const key = String(dataKey);
-    const { addError, canvasHeight, canvasWidth, data, dataTestId, halfChart } = useContext(PieChartContext);
-    const chartInitAngle = halfChart ? 0 : -Math.PI / 2; // ? 0deg : -90deg
-    const startAngle = useRef(chartInitAngle);
-    // Extract data for this key to optimize useEffect dependencies
-    const dataArray = data[key];
-    const hasDataKey = Object.prototype.hasOwnProperty.call(data, key);
-    // Path error validations
-    useEffect(() => {
-        // Validate dataKey exists in dataset
-        if (!hasDataKey) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildPieDataKeyNotFoundError(key),
-            });
-            return;
-        }
-        // Validate data array exists and is not empty
-        if (!dataArray || dataArray.length === 0) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildEmptyDataArrayError(key),
-            });
-            return;
-        }
-        // Calculate total and validate
-        const calculatedTotal = dataArray.reduce((acc, group) => acc + group.value, 0);
-        if (calculatedTotal <= 0 || isNaN(calculatedTotal)) {
-            addError?.('PIE_CHART_PATH_ERROR', {
-                error: buildInvalidTotalError(key, calculatedTotal),
-            });
-        }
-    }, [dataArray, hasDataKey, key]);
-    const total = data[key]?.reduce((acc, group) => acc + group.value, 0);
-    const singleStroke = data[key]?.length === 1;
-    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()}`, ariaLabel: buildAriaLabel({
-                ariaLabel: ariaLabel || deprecatedAriaLabel,
-                dataKey: key,
-                index: index,
-                groupName: group.name,
-                groupValue: group.value,
-            }), canvasHeight: canvasHeight, canvasWidth: canvasWidth, color: group.color || fill, dataKey: key, dataTestId: `${dataTestId}path-${index}`, gap: gap, halfChart: halfChart, index: index, innerRadius: parsedInnerRadius, radius: parsedRadius, singleStroke: singleStroke, startAngle: startAngle, total: total }))) })) : (_jsx(_Fragment, {}));
-};
+const e=require(`../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx.js`),t=require(`../../../utils/buildErrors/charts/buildPieChartErrors.js`),n=require(`../context/pieChartContext.js`),r=require(`../utils/accessibility.js`),i=require(`./pieChartSegment.js`);let a=require(`react`),o=require(`react/jsx-runtime`);exports.PieChartPath=({ariaLabel:s,"aria-label":c,dataKey:l,fill:u,gap:d,innerRadius:f,radius:p,...m})=>{let h=String(l),{addError:g,canvasHeight:_,canvasWidth:v,data:y,dataTestId:b,halfChart:x}=(0,a.useContext)(n.PieChartContext),S=(0,a.useRef)(x?0:-Math.PI/2),C=y[h],w=Object.prototype.hasOwnProperty.call(y,h);(0,a.useEffect)(()=>{if(!w){g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildPieDataKeyNotFoundError(h)});return}if(!C||C.length===0){g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildEmptyDataArrayError(h)});return}let e=C.reduce((e,t)=>e+t.value,0);(e<=0||isNaN(e))&&g?.(`PIE_CHART_PATH_ERROR`,{error:t.buildInvalidTotalError(h,e)})},[C,w,h]);let T=y[h]?.reduce((e,t)=>e+t.value,0),E=y[h]?.length===1,D=f?e.parseStringToNumberPx(f):void 0,O=p?e.parseStringToNumberPx(p):void 0;return y[h]?.length?(0,o.jsx)(`g`,{children:y[h].map((e,t)=>(0,a.createElement)(i.PieChartSegment,{...m,...e,key:`${t.toString()}`,ariaLabel:r.buildAriaLabel({ariaLabel:c||s,dataKey:h,index:t,groupName:e.name,groupValue:e.value}),canvasHeight:_,canvasWidth:v,color:e.color||u,dataKey:h,dataTestId:`${b}path-${t}`,gap:d,halfChart:x,index:t,innerRadius:D,radius:O,singleStroke:E,startAngle:S,total:T}))}):(0,o.jsx)(o.Fragment,{})};

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;