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

package/dist/cjs/components/zoomArea/utils/rangeAndPositions.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFullRange = exports.createDefaultRange = exports.clampRange = exports.mouseToDataIndex = exports.calculateHandlerPositions = void 0;
 /**
  * Range operations and position calculation utilities for ZoomArea
  */
@@ -12,12 +9,11 @@ exports.isFullRange = exports.createDefaultRange = exports.clampRange = exports.
  * @param width - Canvas width for scaling
  * @returns Object with startX and endX positions
  */
-const calculateHandlerPositions = (currentRange, dataLength, width) => {
+export const calculateHandlerPositions = (currentRange, dataLength, width) => {
     const startX = (currentRange.start / Math.max(1, dataLength - 1)) * width;
     const endX = (currentRange.end / Math.max(1, dataLength - 1)) * width;
     return { endX, startX };
 };
-exports.calculateHandlerPositions = calculateHandlerPositions;
 /**
  * Converts mouse position to continuous data index
  *
@@ -26,12 +22,11 @@ exports.calculateHandlerPositions = calculateHandlerPositions;
  * @param dataLength - Total length of the dataset
  * @returns Data index
  */
-const mouseToDataIndex = (mouseX, width, dataLength) => {
+export const mouseToDataIndex = (mouseX, width, dataLength) => {
     const relativeX = Math.max(0, Math.min(width, mouseX));
     const normalizedPosition = relativeX / width;
     return Math.round(normalizedPosition * (dataLength - 1));
 };
-exports.mouseToDataIndex = mouseToDataIndex;
 /**
  * Clamps a range to valid bounds
  *
@@ -40,7 +35,7 @@ exports.mouseToDataIndex = mouseToDataIndex;
  * @param minDistance - Minimum distance between start and end (default: 0.1)
  * @returns Clamped range within valid bounds
  */
-const clampRange = (range, dataLength, minDistance = 0.1) => {
+export const clampRange = (range, dataLength, minDistance = 0.1) => {
     const clampedStart = Math.max(0, Math.min(range.start, dataLength - 1 - minDistance));
     const clampedEnd = Math.min(dataLength - 1, Math.max(range.end, clampedStart + minDistance));
     return {
@@ -48,18 +43,16 @@ const clampRange = (range, dataLength, minDistance = 0.1) => {
         start: clampedStart,
     };
 };
-exports.clampRange = clampRange;
 /**
  * Creates a default range for the given data length
  *
  * @param dataLength - Total length of the dataset
  * @returns Default range covering the full dataset
  */
-const createDefaultRange = (dataLength) => ({
+export const createDefaultRange = (dataLength) => ({
     end: Math.max(0, dataLength - 1),
     start: 0,
 });
-exports.createDefaultRange = createDefaultRange;
 /**
  * Determines if the current range covers the full dataset.
  * According to design specs: overlay is "only visible when a range is defined".
@@ -77,7 +70,6 @@ exports.createDefaultRange = createDefaultRange;
  * isFullRange({ start: 0, end: 7 }, 10); // false - partial selection
  * ```
  */
-const isFullRange = (range, dataLength) => {
+export const isFullRange = (range, dataLength) => {
     return range.start === 0 && range.end === dataLength - 1;
 };
-exports.isFullRange = isFullRange;

package/dist/cjs/components/zoomArea/utils/selectionConfig.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSelectionConfig = void 0;
 /**
  * Default configuration for ZoomArea selection area
  */
@@ -23,11 +20,10 @@ const DEFAULT_SELECTION_CONFIG = {
  * @param config - Optional user configuration
  * @returns Complete selection configuration with defaults applied
  */
-const getSelectionConfig = (config) => ({
+export const getSelectionConfig = (config) => ({
     fill: config?.fill ?? DEFAULT_SELECTION_CONFIG.FILL,
     fillOpacity: config?.fillOpacity ?? DEFAULT_SELECTION_CONFIG.FILL_OPACITY,
     hideOverlayOnFullRange: config?.hideOverlayOnFullRange ?? DEFAULT_SELECTION_CONFIG.HIDE_OVERLAY_ON_FULL_RANGE,
     stroke: config?.stroke ?? DEFAULT_SELECTION_CONFIG.STROKE,
     strokeWidth: config?.strokeWidth ?? DEFAULT_SELECTION_CONFIG.STROKE_WIDTH,
 });
-exports.getSelectionConfig = getSelectionConfig;

package/dist/cjs/components/zoomArea/zoomArea.js

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZoomArea = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const svgContainer_1 = require("../../components/svgContainer/svgContainer");
-const calculateFocusOutline_1 = require("../../utils/calculateFocusOutline/calculateFocusOutline");
-const getDataFingerprint_1 = require("../../utils/getDataFingerprint/getDataFingerprint");
-const LineRenderer_1 = require("./components/LineRenderer");
-const SelectionArea_1 = require("./components/SelectionArea");
-const ZoomHandler_1 = require("./components/ZoomHandler");
-const useDragInteraction_1 = require("./hooks/useDragInteraction");
-const useKeyboardNavigation_1 = require("./hooks/useKeyboardNavigation");
-const useResponsiveCanvas_1 = require("./hooks/useResponsiveCanvas");
-const useZoomAreaFocus_1 = require("./hooks/useZoomAreaFocus");
-const useZoomData_1 = require("./hooks/useZoomData");
-const accessibilityLabels_1 = require("./utils/accessibilityLabels");
-const interactionConfig_1 = require("./utils/interactionConfig");
-const pathGeneration_1 = require("./utils/pathGeneration");
-const rangeAndPositions_1 = require("./utils/rangeAndPositions");
-const selectionConfig_1 = require("./utils/selectionConfig");
-const zoomArea_type_1 = require("./zoomArea.type");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { SvgContainer } from '../../components/svgContainer/svgContainer';
+import { getFocusConfig } from '../../utils/calculateFocusOutline/calculateFocusOutline';
+import { getDataFingerprint } from '../../utils/getDataFingerprint/getDataFingerprint';
+import { LineRenderer } from './components/LineRenderer';
+import { SelectionArea, SelectionAreaFocusRing } from './components/SelectionArea';
+import { ZoomHandler } from './components/ZoomHandler';
+import { useDragInteraction } from './hooks/useDragInteraction';
+import { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
+import { useResponsiveCanvas } from './hooks/useResponsiveCanvas';
+import { useZoomAreaFocus } from './hooks/useZoomAreaFocus';
+import { useZoomData } from './hooks/useZoomData';
+import { generateAccessibilityLabels } from './utils/accessibilityLabels';
+import { getInteractionConfig } from './utils/interactionConfig';
+import { calculateLinesPathData } from './utils/pathGeneration';
+import { calculateHandlerPositions } from './utils/rangeAndPositions';
+import { getSelectionConfig } from './utils/selectionConfig';
+import { ZoomAreaElements } from './zoomArea.type';
 /**
  * `ZoomArea` component that renders a scaled chart with draggable zoom handlers for interactive data filtering.
  *
@@ -29,56 +26,55 @@ const zoomArea_type_1 = require("./zoomArea.type");
  *
  * @returns A React functional component that renders an SVG-based zoom area with interactive handlers and accessibility features.
  */
-const ZoomArea = ({ ariaHidden, ariaLabel, backgroundColor, canvasConfig, // Optional - auto-calculated based on width/height if not provided
+export const ZoomArea = ({ ariaHidden, ariaLabel, backgroundColor, canvasConfig, // Optional - auto-calculated based on width/height if not provided
 caption, classNames, data, focusConfig, handlerConfig, height = '40px', // 2.5rem, defined by size_400 token in Figma
 initialRange, interactionConfig, lines, onDataChange, role, screenReaderTextConfig, selectionConfig, width = '100%', xKey, ...eventHandlers }) => {
     const dataTestId = 'zoom-area';
     // Resolve interaction config with defaults
-    const resolvedInteractionConfig = (0, interactionConfig_1.getInteractionConfig)(interactionConfig);
+    const resolvedInteractionConfig = getInteractionConfig(interactionConfig);
     // Resolve selection config with defaults
-    const resolvedSelectionConfig = (0, selectionConfig_1.getSelectionConfig)(selectionConfig);
+    const resolvedSelectionConfig = getSelectionConfig(selectionConfig);
     // Resolve focus config with defaults
-    const resolvedFocusConfig = (0, calculateFocusOutline_1.getFocusConfig)(focusConfig);
+    const resolvedFocusConfig = getFocusConfig(focusConfig);
     // Hook for core data filtering functionality
-    const { currentRange, handleRangeChange } = (0, useZoomData_1.useZoomData)({
+    const { currentRange, handleRangeChange } = useZoomData({
         data,
         initialRange,
         onDataChange,
     });
     // Hook for responsive dimensions of the component when set as percentage
-    const { parsedCanvas, viewBox } = (0, useResponsiveCanvas_1.useResponsiveCanvas)({
+    const { parsedCanvas, viewBox } = useResponsiveCanvas({
         canvasConfig,
         dataTestId,
         height,
         width,
     });
     // Create a fingerprint of the data/lines to avoid unnecessary updates
-    const dataFingerprint = (0, getDataFingerprint_1.getDataFingerprint)(data);
+    const dataFingerprint = getDataFingerprint(data);
     const linesFingerprint = JSON.stringify(lines);
-    const accessibilityLabels = (0, accessibilityLabels_1.generateAccessibilityLabels)(data, xKey, currentRange, screenReaderTextConfig);
+    const accessibilityLabels = generateAccessibilityLabels(data, xKey, currentRange, screenReaderTextConfig);
     // Memoize expensive line calculations
-    const linesData = (0, react_1.useMemo)(() => {
-        return (0, pathGeneration_1.calculateLinesPathData)(data, lines, parsedCanvas.width, parsedCanvas.height);
+    const linesData = useMemo(() => {
+        return calculateLinesPathData(data, lines, parsedCanvas.width, parsedCanvas.height);
     }, [dataFingerprint, linesFingerprint, parsedCanvas.width, parsedCanvas.height]);
     // Memoize handler positions calculation
-    const { endX, startX } = (0, react_1.useMemo)(() => (0, rangeAndPositions_1.calculateHandlerPositions)(currentRange, data.length, parsedCanvas.width), [currentRange, dataFingerprint, parsedCanvas.width]);
+    const { endX, startX } = useMemo(() => calculateHandlerPositions(currentRange, data.length, parsedCanvas.width), [currentRange, dataFingerprint, parsedCanvas.width]);
     // Interaction hooks
-    const { handleBlur, handleFocus, isFocused } = (0, useZoomAreaFocus_1.useZoomAreaFocus)();
-    const { handleKeyDown } = (0, useKeyboardNavigation_1.useKeyboardNavigation)({
+    const { handleBlur, handleFocus, isFocused } = useZoomAreaFocus();
+    const { handleKeyDown } = useKeyboardNavigation({
         currentRange,
         dataLength: data.length,
         interactionConfig: resolvedInteractionConfig,
         onRangeChange: handleRangeChange,
     });
-    const { groupRef, handleMouseDown, handleTouchStart } = (0, useDragInteraction_1.useDragInteraction)({
+    const { groupRef, handleMouseDown, handleTouchStart } = useDragInteraction({
         currentRange,
         dataLength: data.length,
         interactionConfig: resolvedInteractionConfig,
         onRangeChange: handleRangeChange,
         width: parsedCanvas.width,
     });
-    return ((0, jsx_runtime_1.jsxs)(svgContainer_1.SvgContainer, { ref: groupRef, ariaHidden: ariaHidden, ariaLabel: ariaLabel, backgroundColor: backgroundColor, caption: caption, className: classNames, "data-testid": dataTestId, height: height, 
+    return (_jsxs(SvgContainer, { ref: groupRef, ariaHidden: ariaHidden, ariaLabel: ariaLabel, backgroundColor: backgroundColor, caption: caption, className: classNames, "data-testid": dataTestId, height: height, 
         // set overflow visible so handlers and focus rings are visible always
-        overflow: "visible", role: role, viewBox: viewBox, width: width, ...eventHandlers, children: [(0, jsx_runtime_1.jsx)(LineRenderer_1.LineRenderer, { linesData: linesData }), (0, jsx_runtime_1.jsx)(SelectionArea_1.SelectionArea, { currentRange: currentRange, dataLength: data.length, dataTestId: `${dataTestId}-selection-area`, endX: endX, height: parsedCanvas.height, screenReaderText: accessibilityLabels.selectionArea, selectionConfig: resolvedSelectionConfig, startX: startX, onBlur: handleBlur, onFocus: handleFocus(zoomArea_type_1.ZoomAreaElements.SELECTION_AREA), onKeyDown: handleKeyDown(zoomArea_type_1.ZoomAreaElements.SELECTION_AREA), onMouseDown: handleMouseDown(zoomArea_type_1.ZoomAreaElements.SELECTION_AREA), onTouchStart: handleTouchStart(zoomArea_type_1.ZoomAreaElements.SELECTION_AREA) }), (0, jsx_runtime_1.jsx)(ZoomHandler_1.ZoomHandler, { dataTestId: `${dataTestId}-start-handler`, focusConfig: resolvedFocusConfig, handlerConfig: handlerConfig, height: parsedCanvas.height, isFocused: isFocused(zoomArea_type_1.ZoomAreaElements.START_HANDLER), max: currentRange.end - resolvedInteractionConfig.minHandlerDistance, min: 0, screenReaderText: accessibilityLabels.startHandler, type: zoomArea_type_1.ZoomAreaElements.START_HANDLER, value: currentRange.start, x: startX, onBlur: handleBlur, onFocus: handleFocus(zoomArea_type_1.ZoomAreaElements.START_HANDLER), onKeyDown: handleKeyDown(zoomArea_type_1.ZoomAreaElements.START_HANDLER), onMouseDown: handleMouseDown(zoomArea_type_1.ZoomAreaElements.START_HANDLER), onTouchStart: handleTouchStart(zoomArea_type_1.ZoomAreaElements.START_HANDLER) }), (0, jsx_runtime_1.jsx)(ZoomHandler_1.ZoomHandler, { dataTestId: `${dataTestId}-end-handler`, focusConfig: resolvedFocusConfig, handlerConfig: handlerConfig, height: parsedCanvas.height, isFocused: isFocused(zoomArea_type_1.ZoomAreaElements.END_HANDLER), max: data.length - 1, min: currentRange.start + resolvedInteractionConfig.minHandlerDistance, screenReaderText: accessibilityLabels.endHandler, type: zoomArea_type_1.ZoomAreaElements.END_HANDLER, value: currentRange.end, x: endX, onBlur: handleBlur, onFocus: handleFocus(zoomArea_type_1.ZoomAreaElements.END_HANDLER), onKeyDown: handleKeyDown(zoomArea_type_1.ZoomAreaElements.END_HANDLER), onMouseDown: handleMouseDown(zoomArea_type_1.ZoomAreaElements.END_HANDLER), onTouchStart: handleTouchStart(zoomArea_type_1.ZoomAreaElements.END_HANDLER) }), (0, jsx_runtime_1.jsx)(SelectionArea_1.SelectionAreaFocusRing, { endX: endX, focusConfig: resolvedFocusConfig, height: parsedCanvas.height, isFocused: isFocused(zoomArea_type_1.ZoomAreaElements.SELECTION_AREA), startX: startX })] }));
+        overflow: "visible", role: role, viewBox: viewBox, width: width, ...eventHandlers, children: [_jsx(LineRenderer, { linesData: linesData }), _jsx(SelectionArea, { currentRange: currentRange, dataLength: data.length, dataTestId: `${dataTestId}-selection-area`, endX: endX, height: parsedCanvas.height, screenReaderText: accessibilityLabels.selectionArea, selectionConfig: resolvedSelectionConfig, startX: startX, onBlur: handleBlur, onFocus: handleFocus(ZoomAreaElements.SELECTION_AREA), onKeyDown: handleKeyDown(ZoomAreaElements.SELECTION_AREA), onMouseDown: handleMouseDown(ZoomAreaElements.SELECTION_AREA), onTouchStart: handleTouchStart(ZoomAreaElements.SELECTION_AREA) }), _jsx(ZoomHandler, { dataTestId: `${dataTestId}-start-handler`, focusConfig: resolvedFocusConfig, handlerConfig: handlerConfig, height: parsedCanvas.height, isFocused: isFocused(ZoomAreaElements.START_HANDLER), max: currentRange.end - resolvedInteractionConfig.minHandlerDistance, min: 0, screenReaderText: accessibilityLabels.startHandler, type: ZoomAreaElements.START_HANDLER, value: currentRange.start, x: startX, onBlur: handleBlur, onFocus: handleFocus(ZoomAreaElements.START_HANDLER), onKeyDown: handleKeyDown(ZoomAreaElements.START_HANDLER), onMouseDown: handleMouseDown(ZoomAreaElements.START_HANDLER), onTouchStart: handleTouchStart(ZoomAreaElements.START_HANDLER) }), _jsx(ZoomHandler, { dataTestId: `${dataTestId}-end-handler`, focusConfig: resolvedFocusConfig, handlerConfig: handlerConfig, height: parsedCanvas.height, isFocused: isFocused(ZoomAreaElements.END_HANDLER), max: data.length - 1, min: currentRange.start + resolvedInteractionConfig.minHandlerDistance, screenReaderText: accessibilityLabels.endHandler, type: ZoomAreaElements.END_HANDLER, value: currentRange.end, x: endX, onBlur: handleBlur, onFocus: handleFocus(ZoomAreaElements.END_HANDLER), onKeyDown: handleKeyDown(ZoomAreaElements.END_HANDLER), onMouseDown: handleMouseDown(ZoomAreaElements.END_HANDLER), onTouchStart: handleTouchStart(ZoomAreaElements.END_HANDLER) }), _jsx(SelectionAreaFocusRing, { endX: endX, focusConfig: resolvedFocusConfig, height: parsedCanvas.height, isFocused: isFocused(ZoomAreaElements.SELECTION_AREA), startX: startX })] }));
 };
-exports.ZoomArea = ZoomArea;

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

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZoomAreaElements = void 0;
 /**
  * Target enumeration for zoom area elements
  */
-exports.ZoomAreaElements = {
+export const ZoomAreaElements = {
     END_HANDLER: 'END_HANDLER',
     SELECTION_AREA: 'SELECTION_AREA',
     START_HANDLER: 'START_HANDLER',

package/dist/cjs/hooks/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useFocus/useFocus"), exports);
-__exportStar(require("./useHover/useHover"), exports);
+export * from './useFocus/useFocus';
+export * from './useHover/useHover';

package/dist/cjs/hooks/useFocus/useFocus.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocus = void 0;
-const react_1 = require("react");
+import { useCallback, useState } from 'react';
 /**
  * Custom React hook to manage focus state and handle focus/blur events for an element.
  *
@@ -14,16 +11,15 @@ const react_1 = require("react");
  * @param onBlur - An optional custom blur event handler of type `FocusHandler<T>`. It is called when the element loses focus.
  * @returns An object of type `UseFocusReturn<T>` containing the focus state (`isFocused`), and functions to handle focus (`handleFocus`) and blur (`handleBlur`) events.
  */
-const useFocus = (onFocus, onBlur) => {
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const handleFocus = (0, react_1.useCallback)((event) => {
+export const useFocus = (onFocus, onBlur) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const handleFocus = useCallback((event) => {
         setIsFocused(true);
         onFocus?.(event);
     }, [onFocus]);
-    const handleBlur = (0, react_1.useCallback)((event) => {
+    const handleBlur = useCallback((event) => {
         setIsFocused(false);
         onBlur?.(event);
     }, [onBlur]);
     return { handleBlur, handleFocus, isFocused };
 };
-exports.useFocus = useFocus;

package/dist/cjs/hooks/useFocus/useFocus.types.js

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

package/dist/cjs/hooks/useHover/useHover.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHover = void 0;
-const react_1 = require("react");
+import { useCallback, useState } from 'react';
 /**
  * A custom hook that manages hover state and provides event handlers for mouse enter and leave events,
  * with optional custom handlers. It returns the hover state and functions to handle mouse enter and leave events,
@@ -12,13 +9,13 @@ const react_1 = require("react");
  * @param onMouseLeave - An optional custom mouse leave event handler of type `MouseHandler<T>`. It is called when the element is no longer hovered.
  * @returns An object of type `UseHoverReturn<T>` containing the hover state (`isHovered`), and functions to handle mouse enter (`handleMouseEnter`) and leave (`handleMouseLeave`) events.
  */
-const useHover = (onMouseEnter, onMouseLeave) => {
-    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
-    const handleMouseEnter = (0, react_1.useCallback)((event) => {
+export const useHover = (onMouseEnter, onMouseLeave) => {
+    const [isHovered, setIsHovered] = useState(false);
+    const handleMouseEnter = useCallback((event) => {
         setIsHovered(true);
         onMouseEnter?.(event);
     }, [onMouseEnter]);
-    const handleMouseLeave = (0, react_1.useCallback)((event) => {
+    const handleMouseLeave = useCallback((event) => {
         setIsHovered(false);
         onMouseLeave?.(event);
     }, [onMouseLeave]);
@@ -28,4 +25,3 @@ const useHover = (onMouseEnter, onMouseLeave) => {
         isHovered,
     };
 };
-exports.useHover = useHover;

package/dist/cjs/hooks/useHover/useHover.types.js

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

package/dist/cjs/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./charts"), exports);
-__exportStar(require("./components"), exports);
-__exportStar(require("./types"), exports);
+export * from './charts';
+export * from './components';
+export * from './types';

package/dist/cjs/types/canvas.type.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultCanvasConfig = void 0;
 /**
  * Provides default configuration for a canvas element.
  *
  * This configuration sets the canvas width to 100 pixels, height to 80 pixels,
  * and includes no additional extra space around the canvas by default.
  */
-exports.DefaultCanvasConfig = {
+export const DefaultCanvasConfig = {
     extraSpace: 0,
     height: 80,
     width: 100,

package/dist/cjs/types/errors.type.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorType = void 0;
-exports.ErrorType = {
+export const ErrorType = {
     GENERIC: 'GENERIC',
 };

package/dist/cjs/types/focusConfig.type.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FOCUS_DEFAULT = void 0;
-exports.FOCUS_DEFAULT = {
+export const FOCUS_DEFAULT = {
     /** Focus ring color */
     FOCUS_COLOR: '#0078D4',
     /** Focus ring inner border */

package/dist/cjs/types/index.js

@@ -1,20 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./canvas.type"), exports);
-__exportStar(require("./errors.type"), exports);
-__exportStar(require("./focusConfig.type"), exports);
-__exportStar(require("./position.enum"), exports);
+export * from './canvas.type';
+export * from './errors.type';
+export * from './focusConfig.type';
+export * from './position.enum';

package/dist/cjs/types/position.enum.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  * Enum for specifying the position of elements or components.
  *
@@ -8,9 +7,7 @@
  *
  * @enum {string}
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Positions = void 0;
-exports.Positions = {
+export const Positions = {
     BOTTOM: 'BOTTOM',
     CENTER: 'CENTER',
     CUSTOM: 'CUSTOM',

package/dist/cjs/types/unit.enum.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Unit = void 0;
 /**
  * Enumeration representing units of measurement that need some transformation to pixels (px).
  *
@@ -8,7 +5,7 @@ exports.Unit = void 0;
  * @property {string} PERCENTAGE - Represents a percentage unit ('%').
  * @property {string} REM - Represents a rem unit ('rem')
  */
-exports.Unit = {
+export const Unit = {
     PERCENTAGE: '%',
     REM: 'rem',
 };

package/dist/cjs/types/valueFormatter.type.js

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

package/dist/cjs/utils/ajustedTextSpace/ajustedTextSpace.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ajustedTextSpace = void 0;
-const ajustedTextSpace = (textAnchor, value, extra) => {
+export const ajustedTextSpace = (textAnchor, value, extra) => {
     let ajusted = 0;
     switch (textAnchor) {
         case 'middle':
@@ -16,4 +13,3 @@ const ajustedTextSpace = (textAnchor, value, extra) => {
     }
     return ajusted;
 };
-exports.ajustedTextSpace = ajustedTextSpace;

package/dist/cjs/utils/buildErrors/buildErrors.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildError = exports.ErrorsRecord = exports.BuildError = void 0;
-exports.BuildError = {
+export const BuildError = {
     INVALID_X_TICK: 'INVALID_X_TICK',
 };
 const INVALID_X_TICK_ERROR = '[getXTicks] Invalid X tick values calculated';
-exports.ErrorsRecord = {
+export const ErrorsRecord = {
     INVALID_X_TICK: new Error(INVALID_X_TICK_ERROR),
 };
-const buildError = (error) => exports.ErrorsRecord[error];
-exports.buildError = buildError;
+export const buildError = (error) => ErrorsRecord[error];

package/dist/cjs/utils/buildTickValues/buildTickValues.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildTickValues = exports.getDivisor = void 0;
 /**
  * Returns the divisor for a given number.
  * The divisor is determined based on the number's divisibility by 2, 3, 4, or 5.
@@ -9,7 +6,7 @@ exports.buildTickValues = exports.getDivisor = void 0;
  * @param number - The number for which to determine the divisor.
  * @returns The divisor for the given number.
  */
-const getDivisor = (number) => {
+export const getDivisor = (number) => {
     if (number % 3 === 0) {
         return 3;
     }
@@ -24,7 +21,6 @@ const getDivisor = (number) => {
     }
     return 1;
 };
-exports.getDivisor = getDivisor;
 /**
  * Builds the tick values for YAxis of a chart based on the provided data.
  * This is a fallback function that is used just in case no tickValues are provided as prop
@@ -33,7 +29,7 @@ exports.getDivisor = getDivisor;
  * @param data - An array of string values representing the data points.
  * @returns An object containing the numeric fallback tickValues for the YAxis of the chart.
  */
-const buildTickValues = (data) => {
+export const buildTickValues = (data) => {
     if (data.length === 0) {
         return { numeric: { max: 2, min: 0, step: 1 } };
     }
@@ -49,4 +45,3 @@ const buildTickValues = (data) => {
         },
     };
 };
-exports.buildTickValues = buildTickValues;

package/dist/cjs/utils/calculateFocusOutline/calculateFocusOutline.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFocusConfig = exports.calculateFocusOutline = void 0;
-const focusConfig_type_1 = require("../../types/focusConfig.type");
+import { FOCUS_DEFAULT } from '../../types/focusConfig.type';
 /**
  * Calculates the dimensions of the focus outlines (outer and inner) for an SVG element.
  * Supports elements with different width and height dimensions.
@@ -9,7 +6,7 @@ const focusConfig_type_1 = require("../../types/focusConfig.type");
  * @param config - Configuration for the calculation.
  * @returns Object with the dimensions and positions of the outer and inner rectangles.
  */
-const calculateFocusOutline = ({ elementHeight, elementPosition, elementStrokeWidth = 0, elementType, elementWidth, gap = 0, innerStrokeWidth = 2, outlineStrokeWidth = 2, }) => {
+export const calculateFocusOutline = ({ elementHeight, elementPosition, elementStrokeWidth = 0, elementType, elementWidth, gap = 0, innerStrokeWidth = 2, outlineStrokeWidth = 2, }) => {
     if (elementType === 'circle') {
         // For circles, work with radius
         const elementRadius = elementWidth / 2;
@@ -71,15 +68,13 @@ const calculateFocusOutline = ({ elementHeight, elementPosition, elementStrokeWi
         type: 'rectangle',
     };
 };
-exports.calculateFocusOutline = calculateFocusOutline;
 /**
  * Helper function to get focus complete config
  */
-const getFocusConfig = (focusConfig) => ({
-    gap: focusConfig?.gap ?? focusConfig_type_1.FOCUS_DEFAULT.OUTLINES_GAP,
-    innerColor: focusConfig?.innerColor ?? focusConfig_type_1.FOCUS_DEFAULT.FOCUS_INNER,
-    innerStrokeWidth: focusConfig?.innerStrokeWidth ?? focusConfig_type_1.FOCUS_DEFAULT.INNER_FOCUS_STROKE_WIDTH,
-    outlineColor: focusConfig?.outlineColor ?? focusConfig_type_1.FOCUS_DEFAULT.FOCUS_COLOR,
-    outlineStrokeWidth: focusConfig?.outlineStrokeWidth ?? focusConfig_type_1.FOCUS_DEFAULT.OUTER_FOCUS_STROKE_WIDTH,
+export const getFocusConfig = (focusConfig) => ({
+    gap: focusConfig?.gap ?? FOCUS_DEFAULT.OUTLINES_GAP,
+    innerColor: focusConfig?.innerColor ?? FOCUS_DEFAULT.FOCUS_INNER,
+    innerStrokeWidth: focusConfig?.innerStrokeWidth ?? FOCUS_DEFAULT.INNER_FOCUS_STROKE_WIDTH,
+    outlineColor: focusConfig?.outlineColor ?? FOCUS_DEFAULT.FOCUS_COLOR,
+    outlineStrokeWidth: focusConfig?.outlineStrokeWidth ?? FOCUS_DEFAULT.OUTER_FOCUS_STROKE_WIDTH,
 });
-exports.getFocusConfig = getFocusConfig;

package/dist/cjs/utils/classNames/classNames.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.classNames = void 0;
 /**
  * Generates a string of class names based on the provided arguments.
  * Each argument can be:
@@ -11,7 +8,7 @@ exports.classNames = void 0;
  * @param args - A rest parameter that accepts an array of strings, arrays of strings, or objects with string keys and boolean values.
  * @returns A string of class names, separated by spaces.
  */
-const classNames = (...args) => {
+export const classNames = (...args) => {
     return args
         .flatMap(arg => {
         if (typeof arg === 'string') {
@@ -26,4 +23,3 @@ const classNames = (...args) => {
     })
         .join(' ');
 };
-exports.classNames = classNames;

package/dist/cjs/utils/cssGradientToSvg/cssGradientToSvg.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssGradientToSVG = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /**
  * Converts a CSS linear gradient string into an SVG linear gradient.
  *
@@ -21,7 +18,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *          CSS gradient string. If the angle is not supported, it returns an empty
  *          React fragment.
  */
-const cssGradientToSVG = (cssGradient, id = 'gradientePath') => {
+export const cssGradientToSVG = (cssGradient, id = 'gradientePath') => {
     const parts = cssGradient.split(',').map(part => part.trim());
     const angle = parseInt(parts[0], 10); // Extract the angle
     const stops = parts.slice(1).map(part => {
@@ -43,8 +40,7 @@ const cssGradientToSVG = (cssGradient, id = 'gradientePath') => {
         default:
             // eslint-disable-next-line no-console
             console.error('Unsupported angle');
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}); // Return an empty fragment for unsupported angles
+            return _jsx(_Fragment, {}); // Return an empty fragment for unsupported angles
     }
-    return ((0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("linearGradient", { id: id, x1: x1, x2: x2, y1: y1, y2: y2, children: stops.map((stop, index) => ((0, jsx_runtime_1.jsx)("stop", { offset: stop.offset, stopColor: stop.color }, `${index}-${stop.offset}`.toString()))) }) }));
+    return (_jsx("defs", { children: _jsx("linearGradient", { id: id, x1: x1, x2: x2, y1: y1, y2: y2, children: stops.map((stop, index) => (_jsx("stop", { offset: stop.offset, stopColor: stop.color }, `${index}-${stop.offset}`.toString()))) }) }));
 };
-exports.cssGradientToSVG = cssGradientToSVG;

package/dist/cjs/utils/cssGradientToSvg/cssGradientToSvg.types.js

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

package/dist/cjs/utils/cursorNear/isNear.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNear = void 0;
-const isNear = (cursor, position, extraArea = 1) => {
+export const isNear = (cursor, position, extraArea = 1) => {
     return cursor >= position - extraArea && cursor <= position + extraArea;
 };
-exports.isNear = isNear;