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

package/dist/esm/components/bar/bar.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"bar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,UAAU,cAAc;IACtB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAChE;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,cAAc;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/esm/components/bar/utils/accessibility.d.ts

@@ -0,0 +1,22 @@
+export declare const BAR_TEMPLATE_KEYS: {
+    readonly DATA_KEY: "{{dataKey}}";
+    readonly X_KEY: "{{xKey}}";
+    readonly Y_KEY: "{{yKey}}";
+    readonly X_DATA: "{{xData}}";
+    readonly Y_DATA: "{{yData}}";
+    readonly COVERAGE: "{{coverage}}";
+    readonly INDEX: "{{index}}";
+};
+type BuildAriaLabel = (params: {
+    ariaLabel?: string;
+    dataKey?: string;
+    xKey?: string;
+    yKey?: string;
+    xData?: string | number;
+    yData?: string | number;
+    coverage: number;
+    index: number;
+}) => string | undefined;
+export declare const buildAriaLabel: BuildAriaLabel;
+export {};
+//# sourceMappingURL=accessibility.d.ts.map

package/dist/esm/components/bar/utils/accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/bar/utils/accessibility.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC;AAEX,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,KAAK,MAAM,GAAG,SAAS,CAAC;AAEzB,eAAO,MAAM,cAAc,EAAE,cA8B5B,CAAC"}

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

@@ -0,0 +1,30 @@
+// Template keys for accessibility labels
+export const BAR_TEMPLATE_KEYS = {
+    DATA_KEY: '{{dataKey}}',
+    X_KEY: '{{xKey}}',
+    Y_KEY: '{{yKey}}',
+    X_DATA: '{{xData}}',
+    Y_DATA: '{{yData}}',
+    COVERAGE: '{{coverage}}',
+    INDEX: '{{index}}',
+};
+export const buildAriaLabel = ({ ariaLabel, dataKey, xKey, yKey, xData, yData, coverage, index, }) => {
+    if (!ariaLabel) {
+        return undefined;
+    }
+    const dataKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.DATA_KEY, 'g');
+    const xKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.X_KEY, 'g');
+    const yKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.Y_KEY, 'g');
+    const xDataRegExp = new RegExp(BAR_TEMPLATE_KEYS.X_DATA, 'g');
+    const yDataRegExp = new RegExp(BAR_TEMPLATE_KEYS.Y_DATA, 'g');
+    const coverageRegExp = new RegExp(BAR_TEMPLATE_KEYS.COVERAGE, 'g');
+    const indexRegExp = new RegExp(BAR_TEMPLATE_KEYS.INDEX, 'g');
+    return ariaLabel
+        .replace(dataKeyRegExp, dataKey ?? '')
+        .replace(xKeyRegExp, xKey ?? '')
+        .replace(yKeyRegExp, yKey ?? '')
+        .replace(xDataRegExp, String(xData ?? ''))
+        .replace(yDataRegExp, String(yData ?? ''))
+        .replace(coverageRegExp, String(coverage))
+        .replace(indexRegExp, String(index));
+};

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

@@ -50,6 +50,9 @@ export interface PathProps extends StyleProps, AriaAttributes, DataAttributes {
     dataValue?: string | number | IDataPoint[];
     title?: string;
     role?: string;
+    /**
+     * @deprecated Use 'aria-label' instead.
+     */
     ariaLabel?: string;
     ariaHidden?: boolean;
     tabIndex?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"path.types.d.ts","sourceRoot":"","sources":["../../../../src/components/path/path.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,UAAU,UAAU;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAChE;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC,EACxD,cAAc,EACd,cAAc;CAAG;AACrB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,EAAE,CAAC;AAE3D;;;;;;;GAOG;AACH,MAAM,WAAW,SAAU,SAAQ,UAAU,EAAE,cAAc,EAAE,cAAc;IAC3E,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EACnD,SAAS,CAAC,EAAE,aAAa,KACtB,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CACjD"}
+{"version":3,"file":"path.types.d.ts","sourceRoot":"","sources":["../../../../src/components/path/path.types.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/zoomArea/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export { useDragInteraction } from './useDragInteraction';
 export { useKeyboardNavigation } from './useKeyboardNavigation';
-export { useResponsiveCanvas } from './useResponsiveCanvas';
 export { useZoomAreaFocus } from './useZoomAreaFocus';
 export { useZoomData } from './useZoomData';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/zoomArea/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/zoomArea/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/esm/components/zoomArea/hooks/index.js

@@ -1,5 +1,4 @@
 export { useDragInteraction } from './useDragInteraction';
 export { useKeyboardNavigation } from './useKeyboardNavigation';
-export { useResponsiveCanvas } from './useResponsiveCanvas';
 export { useZoomAreaFocus } from './useZoomAreaFocus';
 export { useZoomData } from './useZoomData';

package/dist/esm/components/zoomArea/zoomArea.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
 import { SvgContainer } from '../../components/svgContainer/svgContainer';
+import { useResponsiveCanvas } from '../../hooks/useResponsiveCanvas/useResponsiveCanvas';
 import { getDataFingerprint } from '../../utils/getDataFingerprint/getDataFingerprint';
 import { FocusRing } from '../focusRing/focusRing';
 import { LineRenderer } from './components/LineRenderer';
@@ -8,7 +9,6 @@ import { SelectionArea } 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';

package/dist/esm/hooks/index.d.ts

@@ -1,3 +1,5 @@
 export * from './useFocus/useFocus';
 export * from './useHover/useHover';
+export * from './useId/useId';
+export * from './useResponsiveCanvas/useResponsiveCanvas';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,2CAA2C,CAAC"}

package/dist/esm/hooks/index.js

@@ -1,2 +1,4 @@
 export * from './useFocus/useFocus';
 export * from './useHover/useHover';
+export * from './useId/useId';
+export * from './useResponsiveCanvas/useResponsiveCanvas';

package/dist/esm/hooks/useId/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useId';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/useId/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useId/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/hooks/useId/index.js

@@ -0,0 +1 @@
+export * from './useId';

package/dist/esm/hooks/useId/useId.d.ts

@@ -0,0 +1,2 @@
+export declare const useId: (prefix?: string) => string;
+//# sourceMappingURL=useId.d.ts.map

package/dist/esm/hooks/useId/useId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useId/useId.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,KAAK,GAAI,SAAS,MAAM,KAAG,MAIvC,CAAC"}

package/dist/esm/hooks/useId/useId.js

@@ -0,0 +1,13 @@
+import { useState } from 'react';
+const DEFAULT_PREFIX = '$component$';
+const uniqueId = {};
+const generateUniqueId = (prefix) => {
+    if (!uniqueId[prefix]) {
+        uniqueId[prefix] = 0;
+    }
+    return uniqueId[prefix]++;
+};
+export const useId = (prefix) => {
+    const [id] = useState(() => generateUniqueId(prefix || DEFAULT_PREFIX));
+    return `${prefix}${id}`;
+};

package/dist/esm/hooks/useResponsiveCanvas/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useResponsiveCanvas';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/useResponsiveCanvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useResponsiveCanvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/esm/hooks/useResponsiveCanvas/index.js

@@ -0,0 +1 @@
+export * from './useResponsiveCanvas';

package/dist/{cjs/components/zoomArea/hooks → esm/hooks/useResponsiveCanvas}/useResponsiveCanvas.d.ts

@@ -1,4 +1,4 @@
-import type { CanvasConfig } from '../../../types/canvas.type';
+import type { CanvasConfig } from '../../types/canvas.type';
 /**
  * Universal responsive canvas hook for chart components.
  *
@@ -56,6 +56,8 @@ interface UseResponsiveCanvasReturn {
     };
     /** SVG viewBox string */
     viewBox: string;
+    /** Parsed extra space in pixels (optional) */
+    parsedCanvasExtraSpace?: number;
 }
 export declare const useResponsiveCanvas: ({ canvasConfig, dataTestId, extraSpace, height, width, }: UseResponsiveCanvasParams) => UseResponsiveCanvasReturn;
 export {};

package/dist/esm/hooks/useResponsiveCanvas/useResponsiveCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveCanvas.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useResponsiveCanvas/useResponsiveCanvas.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,UAAU,yBAAyB;IACjC,yCAAyC;IACzC,YAAY,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,mBAAmB,GAAI,0DAMjC,yBAAyB,KAAG,yBA+F9B,CAAC"}

package/dist/esm/{components/zoomArea/hooks → hooks/useResponsiveCanvas}/useResponsiveCanvas.js

@@ -1,8 +1,8 @@
 import { useEffect, useMemo, useState } from 'react';
-import { buildViewBox } from '../../../components/svgContainer/utils/buildViewBox/buildViewBox';
-import { getCanvasDimensions } from '../../../utils/getCanvasDimensions/getCanvasDimensions';
-import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
-import { isBrowser, safeQuerySelector } from '../../../utils/ssr/ssr';
+import { buildViewBox } from '../../components/svgContainer/utils/buildViewBox/buildViewBox';
+import { getCanvasDimensions } from '../../utils/getCanvasDimensions/getCanvasDimensions';
+import { parseStringToNumberPx } from '../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
+import { isBrowser, safeQuerySelector } from '../../utils/ssr/ssr';
 export const useResponsiveCanvas = ({ canvasConfig, dataTestId, extraSpace = 0, height, width, }) => {
     // State for parsed/calculated dimensions
     const [parsedCanvas, setParsedCanvas] = useState({
@@ -70,6 +70,7 @@ export const useResponsiveCanvas = ({ canvasConfig, dataTestId, extraSpace = 0,
     }, [parsedCanvas.width, parsedCanvas.height, parsedCanvasExtraSpace]);
     return {
         parsedCanvas,
+        parsedCanvasExtraSpace,
         viewBox,
     };
 };