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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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":"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"}

package/dist/cjs/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/cjs/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/cjs/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/cjs/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);

package/dist/esm/charts/lineChart/context/buildLineContextValue.d.ts

@@ -4,8 +4,6 @@ interface BuildContextValue {
     children: ChildrenType;
     data: IDataPoint[];
     xKey: string;
-    ajustedX: number;
-    ajustedY: number;
     canvasHeight: number;
     canvasWidth: number;
     viewBox: string;
@@ -18,6 +16,6 @@ type OmitProps = 'data' | 'xKey' | 'canvasHeight' | 'canvasWidth' | 'canvasExtra
  * @param {BuildContextValue} options - The options for building the context value.
  * @returns {LineContextValue} - The built context value.
  */
-export declare const buildLineContextValue: ({ addError, ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }: BuildContextValue) => Omit<LineChartContextType, OmitProps>;
+export declare const buildLineContextValue: ({ addError, canvasHeight, canvasWidth, children, data, viewBox, xKey, }: BuildContextValue) => Omit<LineChartContextType, OmitProps>;
 export {};
 //# sourceMappingURL=buildLineContextValue.d.ts.map

package/dist/esm/charts/lineChart/context/buildLineContextValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildLineContextValue.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/context/buildLineContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAkBjE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGxF,UAAU,iBAAiB;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACzF;AAED,KAAK,SAAS,GACV,MAAM,GACN,MAAM,GACN,cAAc,GACd,aAAa,GACb,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,CAAC;AAEd;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,6FAUnC,iBAAiB,KAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAoR1D,CAAC"}
+{"version":3,"file":"buildLineContextValue.d.ts","sourceRoot":"","sources":["../../../../../src/charts/lineChart/context/buildLineContextValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAUjE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAaxF,UAAU,iBAAiB;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACzF;AAED,KAAK,SAAS,GACV,MAAM,GACN,MAAM,GACN,cAAc,GACd,aAAa,GACb,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,CAAC;AAEd;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,yEAQnC,iBAAiB,KAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAkN1D,CAAC"}

package/dist/esm/charts/lineChart/context/buildLineContextValue.js

@@ -1,40 +1,29 @@
 import { ErrorType } from '../../../types/errors.type';
 import { Positions } from '../../../types/position.enum';
-import { BuildError, buildCanvasDimensionsError, buildError, } from '../../../utils/buildErrors/buildErrors';
-import { getXCoordinates, getYCoordinates } from '../../../utils/getCoordinates/getCoordinates';
 import { getPoints } from '../../../utils/getPoints/getPoints';
-import { getXTicks, getYTicks } from '../../../utils/getTicks/getTicks';
-import { AXIS_VALIDATION, BREAK_AXIS_DEFAULTS, CHART_CANVAS_DEFAULTS, LINE_CHART_FALLBACK_DATA, SHARED_FALLBACK_DATA, } from '../../constants/chartDefaults';
+import { BREAK_AXIS_DEFAULTS, CHART_CANVAS_DEFAULTS, LINE_CHART_FALLBACK_DATA, SHARED_FALLBACK_DATA, } from '../../constants/chartDefaults';
+import { getXCoordinates, getYCoordinates } from '../utils/getCoordinates';
 import { getExtraSpacing } from '../utils/getExtraSpacing';
+import { getXTicks, getYTicks } from '../utils/getTicks';
+import { validateCanvasDimensions, validateData, validateXCoordinates, validateXTickValues, validateYCoordinates, validateYTickValues, } from '../utils/validations';
 /**
  * Builds the context value for the line chart.
  *
  * @param {BuildContextValue} options - The options for building the context value.
  * @returns {LineContextValue} - The built context value.
  */
-export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
+export const buildLineContextValue = ({ addError, canvasHeight, canvasWidth, children, data, viewBox, xKey, }) => {
     let error = undefined;
-    // 1. Validate data exists
-    if (!data || data.length === 0) {
-        const dataError = {
-            error: buildError(BuildError.LINE_CHART_NO_DATA),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', dataError);
+    const { error: dataError } = validateData({ data, addError });
+    if (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;
-    }
-    // 2. Validate canvas dimensions
-    if (canvasWidth <= 0 || canvasHeight <= 0) {
-        const canvasError = {
-            error: buildCanvasDimensionsError(canvasWidth, canvasHeight),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', canvasError);
+    const { error: canvasError } = validateCanvasDimensions({
+        canvasWidth,
+        canvasHeight,
+        addError,
+    });
+    if (canvasError) {
         error = canvasError;
     }
     // Use safe defaults for data processing if there are critical errors
@@ -55,9 +44,7 @@ export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeig
     /**
      * Get the extra spacings for the line chart.
      */
-    const { extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, lineChartXPosition, lineChartYPosition, securityXSpace, securityYSpace, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = getExtraSpacing({
-        ajustedX,
-        ajustedY,
+    const { xAxisLeftSpacing, xAxisTopSpacing, xAxisRightSpacing, xAxisBottomSpacing, yAxisLeftSpacing, yAxisTopSpacing, yAxisRightSpacing, yAxisBottomSpacing, lineChartXPosition, lineChartYPosition, xAxisText, xBreakAxis, xData, yAxisText, yBreakAxis, yData, } = getExtraSpacing({
         canvasHeight: safeCanvasHeight,
         canvasWidth: safeCanvasWidth,
         children,
@@ -65,85 +52,35 @@ export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeig
         viewBox,
         xKey,
     });
-    /**
-     * Calculate the tick values for the X Axis.
-     */
-    const crossXAxis = lineChartXPosition !== Positions.TOP && lineChartXPosition !== Positions.BOTTOM;
-    const yAxisSpace = extraSpaceLeftX + extraSpaceRightX;
     const xTickValues = getXTicks({
-        initPos: extraSpaceLeftX,
-        maxSpaceAvailable: safeCanvasWidth,
-        otherAxisSpace: yAxisSpace,
-        securitySpace: securityXSpace,
         tickValues: xData,
+        maxSpaceAvailable: safeCanvasWidth,
+        xAxisLeftSpacing,
+        xAxisRightSpacing,
+        yAxisLeftSpacing,
+        yAxisRightSpacing,
     });
-    if ((xTickValues ?? []).some(({ position }) => isNaN(position))) {
-        const xTickError = {
-            error: buildError(BuildError.INVALID_X_TICK),
-        };
-        addError?.('LINE_CHART_CONTEXT_ERROR', xTickError);
+    const { error: xTickError } = validateXTickValues({ xTickValues, addError });
+    if (!error && xTickError) {
         error = xTickError;
     }
-    // Validate X-axis tick values
-    if (xTickValues) {
-        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;
-            }
-        }
-    }
     /**
      * Calculate the tick values for the Y Axis.
      */
-    const crossYAxis = lineChartYPosition !== Positions.LEFT && lineChartYPosition !== Positions.RIGHT;
-    const otherAxisSpace = extraSpaceTopY + extraSpaceBottomY;
     const yTickValues = getYTicks({
-        initPos: safeCanvasHeight - extraSpaceBottomY,
         maxSpaceAvailable: safeCanvasHeight,
-        otherAxisSpace,
-        securitySpace: securityYSpace,
         tickValues: yData,
+        xAxisTopSpacing,
+        xAxisBottomSpacing,
+        yAxisTopSpacing,
+        yAxisBottomSpacing,
     });
-    // Validate Y-axis tick values
-    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;
-            }
-        }
+    const { error: yTickError } = validateYTickValues({ yTickValues, addError });
+    if (!error && yTickError) {
+        error = yTickError;
     }
+    const crossXAxis = lineChartXPosition !== Positions.TOP && lineChartXPosition !== Positions.BOTTOM;
+    const crossYAxis = lineChartYPosition !== Positions.LEFT && lineChartYPosition !== Positions.RIGHT;
     /**
      * Calculate the custom breakAxis for the X and Y Axis.
      */
@@ -160,12 +97,16 @@ export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeig
         canvasHeight: safeCanvasHeight,
         canvasWidth: safeCanvasWidth,
         customBreakAxis: Number(customBreakXAxis),
-        extraSpaceBottomY,
-        extraSpaceLeftX,
-        extraSpaceRightX,
-        extraSpaceTopY,
-        position: lineChartXPosition,
-        securityYSpace,
+        lineChartXPosition,
+        lineChartYPosition,
+        xAxisLeftSpacing,
+        xAxisTopSpacing,
+        xAxisRightSpacing,
+        xAxisBottomSpacing,
+        yAxisLeftSpacing,
+        yAxisTopSpacing,
+        yAxisRightSpacing,
+        yAxisBottomSpacing,
     });
     /**
      * Calculate the Y coordinates for the line chart.
@@ -174,42 +115,37 @@ export const buildLineContextValue = ({ addError, ajustedX, ajustedY, canvasHeig
         canvasHeight: safeCanvasHeight,
         canvasWidth: safeCanvasWidth,
         customBreakAxis: Number(customBreakYAxis),
-        extraSpaceBottomY,
-        extraSpaceLeftX,
-        extraSpaceRightX,
-        extraSpaceTopY,
-        position: lineChartYPosition,
-        securityYSpace,
+        lineChartXPosition,
+        lineChartYPosition,
+        xAxisLeftSpacing,
+        xAxisTopSpacing,
+        xAxisRightSpacing,
+        xAxisBottomSpacing,
+        yAxisLeftSpacing,
+        yAxisTopSpacing,
+        yAxisRightSpacing,
+        yAxisBottomSpacing,
     });
-    // Validate axis coordinates for zero-length axes
-    if (xCoordinates.x1 === xCoordinates.x2) {
-        const xAxisError = {
-            error: buildError(BuildError.LINE_CHART_X_AXIS_ZERO_LENGTH),
-        };
-        addError?.('LINE_CHART_X_AXIS_ERROR', xAxisError);
-        if (!error) {
-            error = xAxisError;
-        }
+    const { error: xCoordinatesError } = validateXCoordinates({ xCoordinates, addError });
+    if (!error && xCoordinatesError) {
+        error = xCoordinatesError;
     }
-    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;
-        }
+    const { error: yCoordinatesError } = validateYCoordinates({ yCoordinates, addError });
+    if (!error && yCoordinatesError) {
+        error = yCoordinatesError;
     }
     const baseContext = {
         addError,
         crossXAxis,
         crossYAxis,
-        extraSpaceBottomY,
-        extraSpaceLeftX,
-        extraSpaceRightX,
-        extraSpaceTopY,
-        securityXSpace,
-        securityYSpace,
+        xAxisLeftSpacing,
+        xAxisTopSpacing,
+        xAxisRightSpacing,
+        xAxisBottomSpacing,
+        yAxisLeftSpacing,
+        yAxisTopSpacing,
+        yAxisRightSpacing,
+        yAxisBottomSpacing,
         xAxisCoordinates: {
             coordinates: xCoordinates,
             tickValues: xTickValues ||

package/dist/esm/charts/lineChart/fragments/fixture/contextData.d.ts

@@ -1,44 +1,3 @@
-import type { TickData } from '../../../../components/tick/tick.types';
-export declare const CONTEXT: {
-    addError: undefined;
-    canvasExtraSpace: number;
-    canvasHeight: number;
-    canvasWidth: number;
-    crossXAxis: boolean;
-    crossYAxis: boolean;
-    data: {
-        testKey: number;
-        xKey: number;
-    }[];
-    dataTestId: string;
-    extraSpaceBottomY: number;
-    extraSpaceLeftX: number;
-    extraSpaceRightX: number;
-    extraSpaceTopY: number;
-    securityXSpace: number;
-    securityYSpace: number;
-    xAxisCoordinates: {
-        coordinates: {
-            x1: number;
-            x2: number;
-            y1: number;
-            y2: number;
-        };
-        tickValues: TickData[];
-    };
-    xAxisText: number;
-    xCursor: number;
-    xKey: string;
-    yAxisCoordinates: {
-        coordinates: {
-            x1: number;
-            x2: number;
-            y1: number;
-            y2: number;
-        };
-        tickValues: TickData[];
-    };
-    yAxisText: number;
-    yCursor: number;
-};
+import type { LineChartContextType } from '../../lineChart.type';
+export declare const CONTEXT: LineChartContextType;
 //# sourceMappingURL=contextData.d.ts.map