@kubit-ui-web/react-charts 1.6.0 → 1.7.0

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

@@ -1,45 +1,34 @@
 export const handleNodesFocus = ({ data, getNodeFocusInfo, nodes, ref, }) => {
-    let refFocused = false;
     let currentNode = undefined;
     const g = ref.querySelector('[data-draw]');
-    //* callbacks
     const handleKeyDown = (e) => {
-        if (refFocused) {
-            if (e.key === 'ArrowRight') {
-                currentNode =
-                    currentNode === undefined || currentNode === nodes.length - 1 ? 0 : currentNode + 1;
-                nodes[currentNode].focus();
-                getNodeFocusInfo?.(data[currentNode]);
-            }
-            else if (e.key === 'ArrowLeft') {
-                currentNode =
-                    currentNode === undefined || currentNode === 0 ? nodes.length - 1 : currentNode - 1;
+        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 handleFocusin = () => {
-        refFocused = true;
-    };
-    const handleFocusout = () => {
-        refFocused = false;
-    };
     const handleFocus = () => {
         currentNode = undefined;
     };
-    //* listeners
     const mount = () => {
-        ref.addEventListener('focusin', handleFocusin);
-        ref.addEventListener('focusout', handleFocusout);
         g?.addEventListener('focus', handleFocus);
-        window.addEventListener('keydown', (e) => handleKeyDown(e));
+        ref.addEventListener('keydown', (e) => handleKeyDown(e));
     };
     const unmount = () => {
-        ref.removeEventListener('focusin', handleFocusin);
-        ref.removeEventListener('focusout', handleFocusout);
         g?.removeEventListener('focus', handleFocus);
-        window.removeEventListener('keydown', (e) => handleKeyDown(e));
+        ref.removeEventListener('keydown', (e) => handleKeyDown(e));
     };
     return { mount, unmount };
 };

package/dist/esm/charts/lineChart/utils/tickTextPosition.d.ts

@@ -0,0 +1,33 @@
+import { Positions } from '../../../types/position.enum';
+import type { LineChartXAxisProps, LineChartYAxisProps } from '../lineChart.type';
+type GetYAxisTextXCoordinate = (params: {
+    tickText?: LineChartYAxisProps['tickText'];
+    yAxisPosition: LineChartYAxisProps['position'];
+    textWidth: number;
+    yAxisX1: number;
+}) => number;
+export declare const getYAxisTextXCoordinate: GetYAxisTextXCoordinate;
+type GetYAxisLeftTextSpacing = (params: {
+    tickText?: LineChartYAxisProps['tickText'];
+    textWidth: number;
+    yAxisPosition: (typeof Positions)[keyof typeof Positions];
+}) => number;
+export declare const getYAxisLeftTextSpacing: GetYAxisLeftTextSpacing;
+type GetYAxisRightTextSpacing = (params: {
+    tickText?: LineChartYAxisProps['tickText'];
+    textWidth: number;
+    yAxisPosition: (typeof Positions)[keyof typeof Positions];
+}) => number;
+export declare const getYAxisRightTextSpacing: GetYAxisRightTextSpacing;
+type GetXAxisLeftTextSpacing = (params: {
+    tickText?: LineChartXAxisProps['tickText'];
+    textWidth: number;
+}) => number;
+export declare const getXAxisLeftTextSpacing: GetXAxisLeftTextSpacing;
+type GetXAxisRightTextSpacing = (params: {
+    tickText?: LineChartXAxisProps['tickText'];
+    textWidth: number;
+}) => number;
+export declare const getXAxisRightTextSpacing: GetXAxisRightTextSpacing;
+export {};
+//# sourceMappingURL=tickTextPosition.d.ts.map

package/dist/esm/charts/lineChart/utils/tickTextPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tickTextPosition.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/utils/tickTextPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElF,KAAK,uBAAuB,GAAG,CAAC,MAAM,EAAE;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,uBAAuB,EAAE,uBA8BrC,CAAC;AAEF,KAAK,uBAAuB,GAAG,CAAC,MAAM,EAAE;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;CAC3D,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,uBAAuB,EAAE,uBAmCrC,CAAC;AAEF,KAAK,wBAAwB,GAAG,CAAC,MAAM,EAAE;IACvC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;CAC3D,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,wBAmCtC,CAAC;AAEF,KAAK,uBAAuB,GAAG,CAAC,MAAM,EAAE;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACnB,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,uBAAuB,EAAE,uBASrC,CAAC;AAEF,KAAK,wBAAwB,GAAG,CAAC,MAAM,EAAE;IACvC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACnB,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,wBAStC,CAAC"}

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

@@ -0,0 +1,109 @@
+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;
+};

package/dist/esm/charts/lineChart/utils/validations.d.ts

@@ -0,0 +1,54 @@
+import type { TickData } from '../../../components/tick/tick.types';
+import type { ChartError, ErrorType } from '../../../types/errors.type';
+import type { IDataPoint } from '../lineChart.type';
+type ValidateData = (params: {
+    data: IDataPoint[];
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateData: ValidateData;
+type ValidateCanvasDimensions = (params: {
+    canvasWidth: number;
+    canvasHeight: number;
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateCanvasDimensions: ValidateCanvasDimensions;
+type ValidateYTickValues = (params: {
+    yTickValues: TickData[];
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateYTickValues: ValidateYTickValues;
+type ValidateXTickValues = (params: {
+    xTickValues: TickData[];
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateXTickValues: ValidateXTickValues;
+type ValidateXCoordinates = (params: {
+    xCoordinates: {
+        x1: number;
+        x2: number;
+    };
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateXCoordinates: ValidateXCoordinates;
+type ValidateYCoordinates = (params: {
+    yCoordinates: {
+        y1: number;
+        y2: number;
+    };
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}) => {
+    error: Omit<ChartError, 'type'> | undefined;
+};
+export declare const validateYCoordinates: ValidateYCoordinates;
+export {};
+//# sourceMappingURL=validations.d.ts.map

package/dist/esm/charts/lineChart/utils/validations.d.ts.map

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

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

@@ -0,0 +1,117 @@
+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 };
+};

package/dist/esm/components/chartText/chartText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartText.d.ts","sourceRoot":"","sources":["../../../../src/components/chartText/chartText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAWxC,CAAC"}
+{"version":3,"file":"chartText.d.ts","sourceRoot":"","sources":["../../../../src/components/chartText/chartText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAMxC,CAAC"}

package/dist/esm/components/chartText/chartText.js

@@ -13,6 +13,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @param {React.ReactNode} props.children - The text content to be rendered within the `<text>` element.
  * @returns {React.ReactElement} A React element representing the SVG text.
  */
-export const ChartText = ({ children, className = 'circle', tabIndex = -1, ...props }) => {
-    return (_jsx("text", { className: className, tabIndex: tabIndex, ...props, children: children }));
+export const ChartText = ({ children, className = 'circle', ...props }) => {
+    return (_jsx("text", { className: className, ...props, children: children }));
 };

package/dist/esm/components/line/line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["../../../../src/components/line/line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAgB9B,CAAC"}
+{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["../../../../src/components/line/line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAE9B,CAAC"}

package/dist/esm/components/line/line.js

@@ -4,6 +4,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * @returns A `line` SVG element with the specified properties and attributes.
  */
-export const Line = ({ ariaLabel = '', className = 'line', dataTestId, tabIndex = -1, ...props }) => {
-    return (_jsx("line", { ...props, "aria-label": ariaLabel, className: className, "data-testid": dataTestId, tabIndex: tabIndex }));
+export const Line = ({ ariaLabel, className = 'line', dataTestId, ...props }) => {
+    return _jsx("line", { ...props, "aria-label": ariaLabel, className: className, "data-testid": dataTestId });
 };

package/dist/esm/components/line/line.types.d.ts

@@ -1,3 +1,4 @@
+import type { HTMLAttributes } from 'react';
 /**
  * Props for the `Line` component, defining the visual appearance and behavior of a line element.
  *
@@ -38,6 +39,7 @@ export interface LineProps {
     className?: string;
     tabIndex?: number;
     ariaLabel?: string;
+    role?: HTMLAttributes<SVGElement>['role'];
     dataTestId?: string;
 }
 //# sourceMappingURL=line.types.d.ts.map

package/dist/esm/components/line/line.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line.types.d.ts","sourceRoot":"","sources":["../../../../src/components/line/line.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"line.types.d.ts","sourceRoot":"","sources":["../../../../src/components/line/line.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/esm/components/node/node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../../src/components/node/node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAIlB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,cAAc,CAAC;AA4IxD,eAAO,MAAM,IAAI,EAAgC,CAC/C,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../../src/components/node/node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAIlB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,cAAc,CAAC;AA2IxD,eAAO,MAAM,IAAI,EAAgC,CAC/C,KAAK,EAAE,SAAS,GAAG;IACjB,GAAG,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CACnC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/node/node.js

@@ -93,6 +93,6 @@ const NodeComponent = ({ dataTestId = 'node', haloConfig, hasHalo = false, onBlu
         strokeWidth: haloConfig?.strokeWidth || props.strokeWidth,
     };
     const InnerNode = Component[type];
-    return (_jsxs(_Fragment, { children: [hasHalo && (_jsx(InnerNode, { ...haloProps, "aria-hidden": "true", dataTestId: `${dataTestId}-halo`, position: position, size: size + size / 2, tabIndex: -1 })), _jsx(InnerNode, { ...nodeProps, ref: clickRef, dataTestId: dataTestId, position: position, size: size })] }));
+    return (_jsxs(_Fragment, { children: [hasHalo && (_jsx(InnerNode, { ...haloProps, "aria-hidden": "true", dataTestId: `${dataTestId}-halo`, position: position, size: size + size / 2 })), _jsx(InnerNode, { ...nodeProps, ref: clickRef, dataTestId: dataTestId, position: position, size: size })] }));
 };
 export const Node = forwardRef(NodeComponent);

package/dist/esm/components/node/node.types.d.ts

@@ -1,3 +1,4 @@
+import type { HTMLAttributes } from 'react';
 /**
  * Enum for node types.
  *
@@ -61,6 +62,7 @@ export interface NodeProps {
             y: number;
         };
     };
+    role?: HTMLAttributes<SVGElement>['role'];
     onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, data?: {
         index?: number;
         dataValue?: any;

package/dist/esm/components/node/node.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.types.d.ts","sourceRoot":"","sources":["../../../../src/components/node/node.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"node.types.d.ts","sourceRoot":"","sources":["../../../../src/components/node/node.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;;;;;;;;CAQX,CAAC;AAEX;;;;;;;;;GASG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,GAAG,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,YAAY,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACzC,CAAC;IACF,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAE1C,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EACnD,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,GAAG,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,YAAY,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACzC,EACD,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EACnD,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,GAAG,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KACxE,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,EAC1C,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,GAAG,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KACxE,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,EACvC,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,GAAG,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KACxE,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EACnD,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,GAAG,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KACxE,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC9E"}

package/dist/esm/components/path/path.js

@@ -100,7 +100,7 @@ const PathComponent = ({ classNames = '', fill = 'transparent', stroke = '#0000F
         ...(isFocused && focusConfig),
         ...(isHovered && hoverConfig),
     };
-    return (_jsxs("g", { ref: mainRef, tabIndex: -1, children: [gradientSvgElement && gradientSvgElement, mergedProps.shadowSvgConfig && (_jsx(ShadowSvg, { id: SHADOW_FILTER_ID, shadowSvgConfig: mergedProps.shadowSvgConfig })), _jsxs("g", { "aria-label": mergedProps.ariaLabel, className: mergedProps.classNames, "data-draw": true, filter: mergedProps.shadowSvgConfig && mergedProps.filter, opacity: mergedProps.opacity, orientation: mergedProps.orientation, role: mergedProps.role, rotate: mergedProps.rotate, tabIndex: mergedProps.tabIndex, transform: mergedProps.transform, visibility: mergedProps.visibility, ...customAttributes, onBlur: handleBlur, onClick: handleClick, onDoubleClick: handleDoubleClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx("path", { ref: pathRef, d: mergedProps.d, "data-testid": mergedProps.dataTestId, fill: mergedProps.dFill ? 'transparent' : mergedProps.fill, fillOpacity: mergedProps.fillOpacity, fillRule: mergedProps.fillRule, stroke: mergedProps.stroke, strokeDasharray: mergedProps.strokeDasharray, strokeDashoffset: mergedProps.strokeDashoffset, strokeLinecap: mergedProps.strokeLinecap, strokeLinejoin: mergedProps.strokeLinejoin, strokeMiterlimit: mergedProps.strokeMiterlimit, strokeOpacity: mergedProps.strokeOpacity, strokeWidth: mergedProps.strokeWidth, children: mergedProps.title && _jsx("title", { children: mergedProps.title }) }), mergedProps.dFill && (_jsx("path", { d: mergedProps.dFill, fill: mergedProps.fill, fillOpacity: mergedProps.fillOpacity, fillRule: mergedProps.fillRule }))] }), mergedProps.points &&
+    return (_jsxs("g", { ref: mainRef, children: [gradientSvgElement && gradientSvgElement, mergedProps.shadowSvgConfig && (_jsx(ShadowSvg, { id: SHADOW_FILTER_ID, shadowSvgConfig: mergedProps.shadowSvgConfig })), _jsxs("g", { "aria-label": mergedProps.ariaLabel, className: mergedProps.classNames, "data-draw": true, filter: mergedProps.shadowSvgConfig && mergedProps.filter, opacity: mergedProps.opacity, orientation: mergedProps.orientation, role: mergedProps.role, rotate: mergedProps.rotate, tabIndex: mergedProps.tabIndex, transform: mergedProps.transform, visibility: mergedProps.visibility, ...customAttributes, onBlur: handleBlur, onClick: handleClick, onDoubleClick: handleDoubleClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx("path", { ref: pathRef, d: mergedProps.d, "data-testid": mergedProps.dataTestId, fill: mergedProps.dFill ? 'transparent' : mergedProps.fill, fillOpacity: mergedProps.fillOpacity, fillRule: mergedProps.fillRule, stroke: mergedProps.stroke, strokeDasharray: mergedProps.strokeDasharray, strokeDashoffset: mergedProps.strokeDashoffset, strokeLinecap: mergedProps.strokeLinecap, strokeLinejoin: mergedProps.strokeLinejoin, strokeMiterlimit: mergedProps.strokeMiterlimit, strokeOpacity: mergedProps.strokeOpacity, strokeWidth: mergedProps.strokeWidth, children: mergedProps.title && _jsx("title", { children: mergedProps.title }) }), mergedProps.dFill && (_jsx("path", { d: mergedProps.dFill, fill: mergedProps.fill, fillOpacity: mergedProps.fillOpacity, fillRule: mergedProps.fillRule }))] }), mergedProps.points &&
                 mergedProps.nodeConfig &&
                 mergedProps.points.map(([x, y], index) => {
                     const nodeData = {

package/dist/esm/utils/pickCustomAttributes/pickCustomAttributes.d.ts

@@ -1,5 +1,5 @@
 /**
- * Filters and extracts only aria-* and data-* attributes from a given object,
+ * Filters and extracts only aria-*, data-* and role attributes from a given object,
  * converting all values to strings for HTML compatibility.
  *
  * This function is useful for extracting accessibility and data attributes
@@ -10,8 +10,8 @@
  *   - Keys can be strings representing attribute names.
  *   - Values can be strings, booleans, numbers, or any other type.
  *
- * @returns A new object containing only aria-* and data-* attributes:
- *   - Only includes attributes that start with `aria-` or `data-`.
+ * @returns A new object containing only aria-*, data-* and role attributes:
+ *   - Only includes attributes that start with `aria-` or `data-` or are exactly `role`.
  *   - All values are converted to strings for HTML compatibility.
  *   - Null and undefined values are excluded.
  *
@@ -20,13 +20,14 @@
  * const props = {
  *   'aria-label': 'Button',
  *   'data-testid': 'my-button',
- *   'onClick': () => {},
+ *   'onClick': () => {},g
  *   'className': 'btn',
- *   'aria-hidden': true
+ *   'aria-hidden': true,
+ *   'role': 'button',
  * };
  *
  * const result = pickCustomAttributes(props);
- * // Result: { 'aria-label': 'Button', 'data-testid': 'my-button', 'aria-hidden': 'true' }
+ * // Result: { 'aria-label': 'Button', 'data-testid': 'my-button', 'aria-hidden': 'true', 'role': 'button' }
  * ```
  */
 export declare const pickCustomAttributes: (attributes?: Record<string, any>) => Record<string, string>;

package/dist/esm/utils/pickCustomAttributes/pickCustomAttributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pickCustomAttributes.d.ts","sourceRoot":"","sources":["../../../../src/utils/pickCustomAttributes/pickCustomAttributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,oBAAoB,GAE/B,aAAa,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC/B,MAAM,CAAC,MAAM,EAAE,MAAM,CAkBvB,CAAC"}
+{"version":3,"file":"pickCustomAttributes.d.ts","sourceRoot":"","sources":["../../../../src/utils/pickCustomAttributes/pickCustomAttributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,oBAAoB,GAE/B,aAAa,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC/B,MAAM,CAAC,MAAM,EAAE,MAAM,CAkBvB,CAAC"}

package/dist/esm/utils/pickCustomAttributes/pickCustomAttributes.js

@@ -1,5 +1,5 @@
 /**
- * Filters and extracts only aria-* and data-* attributes from a given object,
+ * Filters and extracts only aria-*, data-* and role attributes from a given object,
  * converting all values to strings for HTML compatibility.
  *
  * This function is useful for extracting accessibility and data attributes
@@ -10,8 +10,8 @@
  *   - Keys can be strings representing attribute names.
  *   - Values can be strings, booleans, numbers, or any other type.
  *
- * @returns A new object containing only aria-* and data-* attributes:
- *   - Only includes attributes that start with `aria-` or `data-`.
+ * @returns A new object containing only aria-*, data-* and role attributes:
+ *   - Only includes attributes that start with `aria-` or `data-` or are exactly `role`.
  *   - All values are converted to strings for HTML compatibility.
  *   - Null and undefined values are excluded.
  *
@@ -20,13 +20,14 @@
  * const props = {
  *   'aria-label': 'Button',
  *   'data-testid': 'my-button',
- *   'onClick': () => {},
+ *   'onClick': () => {},g
  *   'className': 'btn',
- *   'aria-hidden': true
+ *   'aria-hidden': true,
+ *   'role': 'button',
  * };
  *
  * const result = pickCustomAttributes(props);
- * // Result: { 'aria-label': 'Button', 'data-testid': 'my-button', 'aria-hidden': 'true' }
+ * // Result: { 'aria-label': 'Button', 'data-testid': 'my-button', 'aria-hidden': 'true', 'role': 'button' }
  * ```
  */
 export const pickCustomAttributes = (
@@ -36,7 +37,7 @@ attributes) => {
         return {};
     }
     return Object.entries(attributes).reduce((acc, [key, value]) => {
-        if ((key.startsWith('aria-') || key.startsWith('data-')) &&
+        if ((key.startsWith('aria-') || key.startsWith('data-') || key === 'role') &&
             value !== null &&
             value !== undefined) {
             acc[key] = String(value);