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

package/dist/cjs/components/plot/plot.js

@@ -8,6 +8,9 @@ import { Square } from './components/square/square';
 import { Triangle } from './components/triangle/triangle';
 import './plot.css';
 import { PLOT_SIZE_MAP, PlotSize, PlotType } from './plot.types';
+// The centroid of a triangle is at 1/3 of the height from the base.
+// When scaling, we need to compensate by (scaledSize - originalSize) / 6 to align centroids.
+const TRIANGLE_CENTROID_OFFSET_DIVISOR = 6;
 // Map of components by type
 const Component = {
     [PlotType.CIRCLE]: Circle,
@@ -17,6 +20,13 @@ const Component = {
 const PlotComponent = ({ className, data, dataTestId = 'plot', fill, fillOpacity, focusConfig, hasHoverEffect, hoverConfig, id, label, onBlur, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, opacity, position = { x: 0, y: 0 }, size = PlotSize.MEDIUM, stroke, strokeWidth, tabIndex, type = PlotType.CIRCLE, ...props }, ref) => {
     const { handleMouseEnter, handleMouseLeave, isHovered } = useHover(onMouseEnter, onMouseLeave);
     const { handleBlur, handleFocus, isFocused } = useFocus(onFocus, onBlur);
+    const handleKeyDown = event => {
+        if (onClick && (event.key === 'Enter' || event.key === ' ')) {
+            event.preventDefault();
+            onClick(event);
+        }
+        onKeyDown?.(event);
+    };
     // Extract properties from hoverConfig with default values
     const { fill: hoverFill = fill, opacity: hoverOpacity = 0.3, scale: hoverScale = 1.3, stroke: hoverStroke = fill, strokeWidth: hoverStrokeWidth = 0, } = hoverConfig || {};
     // Calculate size in pixels
@@ -33,7 +43,7 @@ const PlotComponent = ({ className, data, dataTestId = 'plot', fill, fillOpacity
         onBlur: handleBlur,
         onClick,
         onFocus: handleFocus,
-        onKeyDown,
+        onKeyDown: handleKeyDown,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         opacity, // Maintains original overall opacity
@@ -41,12 +51,20 @@ const PlotComponent = ({ className, data, dataTestId = 'plot', fill, fillOpacity
         role: 'button',
         size: sizeInPixels,
         stroke, // Maintains original stroke color
-        strokeWidth: hasHoverEffect && isHovered ? 0 : strokeWidth, // Removed isFocused dependency
+        strokeWidth: hasHoverEffect && isHovered && !isFocused ? 0 : strokeWidth,
         tabIndex,
     };
     // Get the correct component based on type
     const PlotShape = Component[type];
-    return (_jsxs(_Fragment, { children: [hasHoverEffect && isHovered && !isFocused && (_jsx(PlotShape, { dataTestId: `${dataTestId}-hover`, fill: hoverFill, opacity: hoverOpacity, position: position, size: sizeInPixels * hoverScale, stroke: hoverStroke, strokeWidth: hoverStrokeWidth })), _jsx(FocusRing, { dataTestId: dataTestId, focusConfig: { ...focusConfig, variant: focusConfig?.variant ?? 'bounding-box' }, isFocused: isFocused, children: _jsx(PlotShape, { ref: ref, ...plotShapeProps }) })] }));
+    // Calculate hover position with vertical offset for triangles
+    // Triangles need compensation because their centroid is not at the geometric center
+    const hoverPosition = type === PlotType.TRIANGLE
+        ? {
+            x: position.x,
+            y: position.y - (sizeInPixels * (hoverScale - 1)) / TRIANGLE_CENTROID_OFFSET_DIVISOR,
+        }
+        : position;
+    return (_jsxs(_Fragment, { children: [hasHoverEffect && isHovered && !isFocused && (_jsx(PlotShape, { dataTestId: `${dataTestId}-hover`, fill: hoverFill, opacity: hoverOpacity, position: hoverPosition, size: sizeInPixels * hoverScale, stroke: hoverStroke, strokeWidth: hoverStrokeWidth })), _jsx(FocusRing, { dataTestId: dataTestId, focusConfig: { ...focusConfig, variant: focusConfig?.variant ?? 'bounding-box' }, isFocused: isFocused, children: _jsx(PlotShape, { ref: ref, ...plotShapeProps }) })] }));
 };
 /**
  * `Plot` component which renders an interactive point in a chart with hover effects and accessibility features.

package/dist/cjs/types/errors.type.d.ts

@@ -4,6 +4,8 @@ export declare const ErrorType: {
     readonly BAR_CHART_SEPARATOR_ERROR: "BAR_CHART_SEPARATOR_ERROR";
     readonly BAR_CHART_X_AXIS_ERROR: "BAR_CHART_X_AXIS_ERROR";
     readonly BAR_CHART_Y_AXIS_ERROR: "BAR_CHART_Y_AXIS_ERROR";
+    readonly CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR: "CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR";
+    readonly CUSTOM_BACKGROUND_CHART_PLOT_ERROR: "CUSTOM_BACKGROUND_CHART_PLOT_ERROR";
     readonly GENERIC: "GENERIC";
     readonly LINE_CHART_CONTEXT_ERROR: "LINE_CHART_CONTEXT_ERROR";
     readonly LINE_CHART_PATH_ERROR: "LINE_CHART_PATH_ERROR";

package/dist/cjs/types/errors.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errors.type.d.ts","sourceRoot":"","sources":["../../../src/types/errors.type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;CAoBZ,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,SAAS,CAAC;CAC9B;AACD,MAAM,MAAM,oBAAoB,GAAG;KAChC,IAAI,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE;CACjF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,OAAO,UAAU,GAAG,UAAU,EAAE,KAAG,UAAU,EAE7E,CAAC"}
+{"version":3,"file":"errors.type.d.ts","sourceRoot":"","sources":["../../../src/types/errors.type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAuBZ,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,MAAM,OAAO,SAAS,CAAC;CAC9B;AACD,MAAM,MAAM,oBAAoB,GAAG;KAChC,IAAI,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE;CACjF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,OAAO,UAAU,GAAG,UAAU,EAAE,KAAG,UAAU,EAE7E,CAAC"}

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

@@ -5,6 +5,9 @@ export const ErrorType = {
     BAR_CHART_SEPARATOR_ERROR: 'BAR_CHART_SEPARATOR_ERROR',
     BAR_CHART_X_AXIS_ERROR: 'BAR_CHART_X_AXIS_ERROR',
     BAR_CHART_Y_AXIS_ERROR: 'BAR_CHART_Y_AXIS_ERROR',
+    // Custom Background Chart Error categories
+    CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR: 'CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR',
+    CUSTOM_BACKGROUND_CHART_PLOT_ERROR: 'CUSTOM_BACKGROUND_CHART_PLOT_ERROR',
     // Generic Error for backward compatibility
     GENERIC: 'GENERIC',
     // Line Chart Errors categories

package/dist/cjs/types/focusConfig.type.d.ts

@@ -1,11 +1,15 @@
 /**
  * Configuration for the focus effect.
  *
+ * **Important**: All numeric values (stroke widths and gap) are relative to the SVG viewBox coordinate system,
+ * not pixel values. This means the same values may appear different in size depending on the chart's viewBox dimensions.
+ * For example, a value of 2 in a chart with viewBox 200x200 will appear larger than the same value in a chart with viewBox 100x80.
+ *
  * - `outlineColor` - Color of the outer outline when focused. Defaults to #0078D7.
- * - `outlineStrokeWidth` - Stroke width of the outer outline. Defaults to 2.
+ * - `outlineStrokeWidth` - Stroke width of the outer outline (viewBox-relative). Defaults to 2.
  * - `innerColor` - Color of the inner outline when focused. Defaults to #FFFFFF.
- * - `innerStrokeWidth` - Stroke width of the inner outline. Defaults to 2.
- * - `gap` - Gap between the element and the focus rings. Defaults to 0.
+ * - `innerStrokeWidth` - Stroke width of the inner outline (viewBox-relative). Defaults to 2.
+ * - `gap` - Gap between the element and the focus rings (viewBox-relative). Defaults to 0.
  *   Note: Only applies when variant is 'bounding-box'. Ignored in 'adaptive' mode.
  * - `variant` - Focus ring rendering mode. Defaults to 'adaptive'.
  *   - 'adaptive': Ring follows the exact shape of the element (circle → circular ring, path → path ring)
@@ -13,10 +17,12 @@
  */
 export interface FocusConfig {
     outlineColor?: string;
+    /** Stroke width in viewBox coordinate units (not pixels) */
     outlineStrokeWidth?: number;
     innerColor?: string;
+    /** Stroke width in viewBox coordinate units (not pixels) */
     innerStrokeWidth?: number;
-    /** Only applicable when variant is 'bounding-box' */
+    /** Gap in viewBox coordinate units (not pixels). Only applicable when variant is 'bounding-box' */
     gap?: number;
     variant?: 'adaptive' | 'bounding-box';
 }
@@ -25,11 +31,11 @@ export declare const FOCUS_DEFAULT: {
     readonly FOCUS_COLOR: "#0078D4";
     /** Focus ring inner border */
     readonly FOCUS_INNER: "#ffffff";
-    /** Focus ring inner stroke width */
+    /** Focus ring inner stroke width (viewBox-relative units) */
     readonly INNER_FOCUS_STROKE_WIDTH: 2;
-    /** Focus ring outer stroke width */
+    /** Focus ring outer stroke width (viewBox-relative units) */
     readonly OUTER_FOCUS_STROKE_WIDTH: 2;
-    /** Gap between element and outlines (only applies in bounding-box variant) */
+    /** Gap between element and outlines in viewBox-relative units (only applies in bounding-box variant) */
     readonly OUTLINES_GAP: 0;
     /** Focus ring rendering variant */
     readonly VARIANT: "adaptive";

package/dist/cjs/types/focusConfig.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusConfig.type.d.ts","sourceRoot":"","sources":["../../../src/types/focusConfig.type.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,WAAW;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CACvC;AAED,eAAO,MAAM,aAAa;IACxB,uBAAuB;;IAEvB,8BAA8B;;IAE9B,oCAAoC;;IAEpC,oCAAoC;;IAEpC,8EAA8E;;IAE9E,mCAAmC;;CAE3B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,WAAW,KAAG,QAAQ,CAAC,WAAW,CAO7E,CAAC"}
+{"version":3,"file":"focusConfig.type.d.ts","sourceRoot":"","sources":["../../../src/types/focusConfig.type.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,WAAW;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mGAAmG;IACnG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CACvC;AAED,eAAO,MAAM,aAAa;IACxB,uBAAuB;;IAEvB,8BAA8B;;IAE9B,6DAA6D;;IAE7D,6DAA6D;;IAE7D,wGAAwG;;IAExG,mCAAmC;;CAE3B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,WAAW,KAAG,QAAQ,CAAC,WAAW,CAO7E,CAAC"}

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

@@ -3,11 +3,11 @@ export const FOCUS_DEFAULT = {
     FOCUS_COLOR: '#0078D4',
     /** Focus ring inner border */
     FOCUS_INNER: '#ffffff',
-    /** Focus ring inner stroke width */
+    /** Focus ring inner stroke width (viewBox-relative units) */
     INNER_FOCUS_STROKE_WIDTH: 2,
-    /** Focus ring outer stroke width */
+    /** Focus ring outer stroke width (viewBox-relative units) */
     OUTER_FOCUS_STROKE_WIDTH: 2,
-    /** Gap between element and outlines (only applies in bounding-box variant) */
+    /** Gap between element and outlines in viewBox-relative units (only applies in bounding-box variant) */
     OUTLINES_GAP: 0,
     /** Focus ring rendering variant */
     VARIANT: 'adaptive',

package/dist/cjs/utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.d.ts

@@ -0,0 +1,20 @@
+import type { StyleProps } from '../../components/path/path.types';
+import type { FocusConfig } from '../../types/focusConfig.type';
+/**
+ * Adapts legacy StyleProps focusConfig to the new FocusConfig format.
+ *
+ * Only maps properties that have semantic equivalence:
+ * - `stroke` → `outlineColor` (color of the focus ring outline)
+ * - `strokeWidth` → `outlineStrokeWidth` and `innerStrokeWidth` (width of both focus rings)
+ *
+ * Other StyleProps properties (fill, fillOpacity, strokeDasharray, etc.) are ignored
+ * as they don't have meaningful equivalents in the new FocusRing component.
+ *
+ * @deprecated This adapter exists for backward compatibility only.
+ * It will be removed in the next major version along with the legacy focusConfig prop.
+ *
+ * @param legacy - Legacy focusConfig using StyleProps interface
+ * @returns FocusConfig compatible object, or undefined if no legacy config provided
+ */
+export declare const adaptLegacyFocusConfig: (legacy?: StyleProps) => FocusConfig | undefined;
+//# sourceMappingURL=adaptLegacyFocusConfig.d.ts.map

package/dist/cjs/utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adaptLegacyFocusConfig.d.ts","sourceRoot":"","sources":["../../../../src/utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,sBAAsB,GAAI,SAAS,UAAU,KAAG,WAAW,GAAG,SAU1E,CAAC"}

package/dist/cjs/utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig.js

@@ -0,0 +1,27 @@
+/**
+ * Adapts legacy StyleProps focusConfig to the new FocusConfig format.
+ *
+ * Only maps properties that have semantic equivalence:
+ * - `stroke` → `outlineColor` (color of the focus ring outline)
+ * - `strokeWidth` → `outlineStrokeWidth` and `innerStrokeWidth` (width of both focus rings)
+ *
+ * Other StyleProps properties (fill, fillOpacity, strokeDasharray, etc.) are ignored
+ * as they don't have meaningful equivalents in the new FocusRing component.
+ *
+ * @deprecated This adapter exists for backward compatibility only.
+ * It will be removed in the next major version along with the legacy focusConfig prop.
+ *
+ * @param legacy - Legacy focusConfig using StyleProps interface
+ * @returns FocusConfig compatible object, or undefined if no legacy config provided
+ */
+export const adaptLegacyFocusConfig = (legacy) => {
+    if (!legacy) {
+        return undefined;
+    }
+    const strokeWidth = legacy.strokeWidth ? Number(legacy.strokeWidth) : undefined;
+    return {
+        innerStrokeWidth: strokeWidth,
+        outlineColor: legacy.stroke,
+        outlineStrokeWidth: strokeWidth,
+    };
+};

package/dist/cjs/utils/adaptLegacyFocusConfig/index.d.ts

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

package/dist/cjs/utils/adaptLegacyFocusConfig/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/adaptLegacyFocusConfig/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/cjs/utils/adaptLegacyFocusConfig/index.js

@@ -0,0 +1 @@
+export { adaptLegacyFocusConfig } from './adaptLegacyFocusConfig';

package/dist/esm/charts/barChart/barChart.type.d.ts

@@ -126,6 +126,14 @@ export interface BarChartPathProps {
     dataIdx: number;
     startRounded?: number;
     endRounded?: number;
+    /**
+     * @deprecated In the next major version, this prop will use a more restrictive interface
+     * based on FocusConfig type. Other StyleProps fields are currently ignored.
+     */
+    focusConfig?: StyleProps;
+    tabIndex?: number;
+    onFocus?: (event: React.FocusEvent<SVGPathElement>) => void;
+    onBlur?: (event: React.FocusEvent<SVGPathElement>) => void;
 }
 export {};
 //# sourceMappingURL=barChart.type.d.ts.map

package/dist/esm/charts/barChart/barChart.type.d.ts.map

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

package/dist/esm/charts/barChart/fragments/barChartPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuFpD,CAAC"}
+{"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+FpD,CAAC"}

package/dist/esm/charts/barChart/fragments/barChartPath.js

@@ -11,7 +11,7 @@ import { BarChartContext } from '../context/barChartContext';
  * @param key Key to extract values from
  * @returns Array of values for the given key
  */
-export const BarChartPath = ({ barConfig, dataIdx, dataKey, order, ...props }) => {
+export const BarChartPath = ({ barConfig, dataIdx, dataKey, focusConfig, onBlur, onFocus, order, tabIndex, ...props }) => {
     const { addError, xAxisCoordinates, yAxisCoordinates, ...context } = useContext(BarChartContext);
     const { coordinates: xACoord, tickValues: xTickValues } = xAxisCoordinates;
     const { coordinates: yACoord, tickValues: yTickValues } = yAxisCoordinates;
@@ -67,5 +67,5 @@ export const BarChartPath = ({ barConfig, dataIdx, dataKey, order, ...props }) =
             y1: yPoint,
             y2: yPoint,
         };
-    return (_jsx(Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, dataKey: dataKey, extraSpacing: context.gapBetweenBars, order: order, orientation: context.orientation, xData: xData, xKey: xKey, yData: yData, yKey: yKey, ...points, ...props }));
+    return (_jsx(Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, dataKey: dataKey, extraSpacing: context.gapBetweenBars, focusConfig: focusConfig, order: order, orientation: context.orientation, tabIndex: tabIndex, xData: xData, xKey: xKey, yData: yData, yKey: yKey, onBlur: onBlur, onFocus: onFocus, ...points, ...props }));
 };

package/dist/esm/charts/customBackgroundChart/context/customBackgroundChartContext.d.ts

@@ -0,0 +1,3 @@
+import type { CustomBackgroundChartContextType } from '../customBackgroundChart.type';
+export declare const CustomBackgroundChartContext: import("react").Context<CustomBackgroundChartContextType<any>>;
+//# sourceMappingURL=customBackgroundChartContext.d.ts.map

package/dist/esm/charts/customBackgroundChart/context/customBackgroundChartContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customBackgroundChartContext.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/context/customBackgroundChartContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAGtF,eAAO,MAAM,4BAA4B,gEAExC,CAAC"}

package/dist/esm/charts/customBackgroundChart/context/customBackgroundChartContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const CustomBackgroundChartContext = createContext({});

package/dist/esm/charts/customBackgroundChart/context/index.d.ts

@@ -0,0 +1,2 @@
+export { CustomBackgroundChartContext } from './customBackgroundChartContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/charts/customBackgroundChart/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/esm/charts/customBackgroundChart/context/index.js

@@ -0,0 +1 @@
+export { CustomBackgroundChartContext } from './customBackgroundChartContext';

package/dist/esm/charts/customBackgroundChart/customBackgroundChart.d.ts

@@ -0,0 +1,6 @@
+declare const CustomBackgroundChart: (<T = number>({ ariaHidden, ariaLabel, backgroundUrl, caption, children, className, data, dataTestId: dataTestIdProp, height, onBlur, onClick, onDoubleClick, onErrors, onFocus, onKeyDown, onKeyUp, onMouseEnter, onMouseLeave, role, tabIndex, viewBox, width, ...props }: import("./customBackgroundChart.type").CustomBackgroundChartProps<T>) => import("react").ReactElement) & {
+    Plot: <T = number>({ ariaLabel, dataKey, formatAriaValue, ...props }: import("./customBackgroundChart.type").CustomBackgroundChartPlotProps<T>) => import("react").ReactElement | null;
+};
+export { CustomBackgroundChart };
+export * from './customBackgroundChart.type';
+//# sourceMappingURL=customBackgroundChart.d.ts.map

package/dist/esm/charts/customBackgroundChart/customBackgroundChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customBackgroundChart.d.ts","sourceRoot":"","sources":["../../../../src/charts/customBackgroundChart/customBackgroundChart.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB;;CAEzB,CAAC;AAEH,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,cAAc,8BAA8B,CAAC"}

package/dist/esm/charts/customBackgroundChart/customBackgroundChart.js

@@ -0,0 +1,7 @@
+import { CustomBackgroundChartStructure } from './customBackgroundChartStructure';
+import { CustomBackgroundChartPlot } from './fragments/customBackgroundChartPlot';
+const CustomBackgroundChart = Object.assign(CustomBackgroundChartStructure, {
+    Plot: CustomBackgroundChartPlot,
+});
+export { CustomBackgroundChart };
+export * from './customBackgroundChart.type';

package/dist/esm/charts/customBackgroundChart/customBackgroundChart.type.d.ts

@@ -0,0 +1,50 @@
+import type { PlotProps } from '../../components/plot/plot.types';
+import type { ChartError, ChartErrorCollection, ErrorType } from '../../types/errors.type';
+export interface CustomBackgroundDataPoint<T = number> {
+    x: number;
+    y: number;
+    value: T;
+    name?: string;
+}
+export type CustomBackgroundData<T = number> = Record<string, CustomBackgroundDataPoint<T>>;
+export interface ViewBoxDimensions {
+    width: number;
+    height: number;
+}
+export interface CustomBackgroundChartProps<T = number> {
+    data: CustomBackgroundData<T>;
+    backgroundUrl: string;
+    viewBox: ViewBoxDimensions;
+    width?: string | number;
+    height?: string | number;
+    children?: React.ReactNode;
+    ariaLabel?: string;
+    ariaHidden?: boolean;
+    role?: string;
+    tabIndex?: number;
+    caption?: string;
+    className?: string;
+    dataTestId?: string;
+    onErrors?: (errors: ChartErrorCollection) => void;
+    onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onDoubleClick?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
+    onFocus?: (event: React.FocusEvent<SVGElement>) => void;
+    onBlur?: (event: React.FocusEvent<SVGElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<SVGSVGElement>) => void;
+}
+export interface CustomBackgroundChartPlotProps<T = number> extends Omit<PlotProps<T>, 'position' | 'data' | 'label'> {
+    dataKey: string;
+    /** Supports placeholders: {{dataKey}}, {{name}}, {{value}}, {{x}}, {{y}} */
+    ariaLabel?: string;
+    formatAriaValue?: (value: T) => string;
+}
+export interface CustomBackgroundChartContextType<T = number> {
+    data: CustomBackgroundData<T>;
+    viewBox: ViewBoxDimensions;
+    dataTestId: string;
+    addError?: (errorType: keyof typeof ErrorType, error: Omit<ChartError, 'type'>) => void;
+}
+//# sourceMappingURL=customBackgroundChart.type.d.ts.map

package/dist/esm/charts/customBackgroundChart/customBackgroundChart.type.d.ts.map

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

package/dist/esm/charts/customBackgroundChart/customBackgroundChart.type.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/charts/customBackgroundChart/customBackgroundChartStructure.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { CustomBackgroundChartProps } from './customBackgroundChart.type';
+export declare const CustomBackgroundChartStructure: <T = number>({ ariaHidden, ariaLabel, backgroundUrl, caption, children, className, data, dataTestId: dataTestIdProp, height, onBlur, onClick, onDoubleClick, onErrors, onFocus, onKeyDown, onKeyUp, onMouseEnter, onMouseLeave, role, tabIndex, viewBox, width, ...props }: CustomBackgroundChartProps<T>) => ReactElement;
+//# sourceMappingURL=customBackgroundChartStructure.d.ts.map

package/dist/esm/charts/customBackgroundChart/customBackgroundChartStructure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customBackgroundChartStructure.d.ts","sourceRoot":"","sources":["../../../../src/charts/customBackgroundChart/customBackgroundChartStructure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAsB,MAAM,OAAO,CAAC;AAQ9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE/E,eAAO,MAAM,8BAA8B,GAAI,CAAC,GAAG,MAAM,EAAG,+PAwBzD,0BAA0B,CAAC,CAAC,CAAC,KAAG,YAiFlC,CAAC"}

package/dist/esm/charts/customBackgroundChart/customBackgroundChartStructure.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { SvgContainer } from '../../components/svgContainer/svgContainer';
+import { useId } from '../../hooks/useId/useId';
+import { createErrorAccumulator } from '../../utils/createErrorAccumulator';
+import { CustomBackgroundChartContext } from './context/customBackgroundChartContext';
+export const CustomBackgroundChartStructure = ({ ariaHidden, ariaLabel, backgroundUrl, caption, children, className, data, dataTestId: dataTestIdProp = 'custom-background-chart', height = '100%', onBlur, onClick, onDoubleClick, onErrors, onFocus, onKeyDown, onKeyUp, onMouseEnter, onMouseLeave, role = 'img', tabIndex, viewBox, width = '100%', ...props }) => {
+    const dataTestId = useId(dataTestIdProp);
+    // Build viewBox string for SVG
+    const viewBoxString = `0 0 ${viewBox.width} ${viewBox.height}`;
+    // Error accumulator (existing pattern)
+    const errorAccumulator = useMemo(() => createErrorAccumulator(onErrors), [onErrors]);
+    // Validate props
+    useEffect(() => {
+        if (Object.keys(data).length === 0) {
+            errorAccumulator.addError('CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR', {
+                error: new Error('Data object is empty. At least one data point is required.'),
+            });
+        }
+        if (!backgroundUrl || backgroundUrl.trim() === '') {
+            errorAccumulator.addError('CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR', {
+                error: new Error('backgroundUrl is required and cannot be empty.'),
+            });
+        }
+        if (viewBox.width <= 0 || viewBox.height <= 0) {
+            errorAccumulator.addError('CUSTOM_BACKGROUND_CHART_CONTEXT_ERROR', {
+                error: new Error(`Invalid viewBox dimensions: width=${viewBox.width}, height=${viewBox.height} (both must be > 0)`),
+            });
+        }
+    }, [data, backgroundUrl, viewBox, errorAccumulator]);
+    // Context value
+    const contextValue = useMemo(() => ({
+        addError: (errorType, error) => {
+            errorAccumulator.addError(errorType, error);
+        },
+        data,
+        dataTestId,
+        viewBox,
+    }), [viewBox, data, dataTestId, errorAccumulator]);
+    return (_jsx(SvgContainer, { ariaHidden: ariaHidden, ariaLabel: ariaLabel, caption: caption, className: className, dataTestId: dataTestId, height: height, role: role, tabIndex: tabIndex, viewBox: viewBoxString, width: width, onBlur: onBlur, onClick: onClick, onDoubleClick: onDoubleClick, onFocus: onFocus, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...props, children: _jsxs(CustomBackgroundChartContext.Provider, { value: contextValue, children: [_jsx("image", { "data-testid": `${dataTestId}-background`, height: viewBox.height, href: backgroundUrl, preserveAspectRatio: "xMidYMid meet", width: viewBox.width, x: 0, y: 0 }), _jsx("g", { "data-testid": `${dataTestId}-plots`, children: children })] }) }));
+};

package/dist/esm/charts/customBackgroundChart/fragments/customBackgroundChartPlot.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { CustomBackgroundChartPlotProps } from '../customBackgroundChart.type';
+export declare const CustomBackgroundChartPlot: <T = number>({ ariaLabel, dataKey, formatAriaValue, ...props }: CustomBackgroundChartPlotProps<T>) => ReactElement | null;
+//# sourceMappingURL=customBackgroundChartPlot.d.ts.map

package/dist/esm/charts/customBackgroundChart/fragments/customBackgroundChartPlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customBackgroundChartPlot.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/fragments/customBackgroundChartPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,OAAO,CAAC;AAK1E,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAGpF,eAAO,MAAM,yBAAyB,GAAI,CAAC,GAAG,MAAM,EAAG,mDAKpD,8BAA8B,CAAC,CAAC,CAAC,KAAG,YAAY,GAAG,IAsErD,CAAC"}

package/dist/esm/charts/customBackgroundChart/fragments/customBackgroundChartPlot.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useMemo } from 'react';
+import { Plot } from '../../../components/plot/plot';
+import { CustomBackgroundChartContext } from '../context/customBackgroundChartContext';
+import { buildAriaLabel, formatValue } from '../utils/accessibility';
+export const CustomBackgroundChartPlot = ({ ariaLabel, dataKey, formatAriaValue, ...props }) => {
+    const { addError, data, dataTestId: parentTestId, viewBox, } = useContext(CustomBackgroundChartContext);
+    // Access data point by dataKey (PieChart pattern)
+    const dataPoint = useMemo(() => data[dataKey], [data, dataKey]);
+    // Validate dataKey and coordinates
+    useEffect(() => {
+        if (!dataPoint) {
+            addError?.('CUSTOM_BACKGROUND_CHART_PLOT_ERROR', {
+                error: new Error(`dataKey "${dataKey}" not found in data object.`),
+            });
+            return;
+        }
+        const { x, y } = dataPoint;
+        if (x < 0 || x > viewBox.width || y < 0 || y > viewBox.height) {
+            addError?.('CUSTOM_BACKGROUND_CHART_PLOT_ERROR', {
+                error: new Error(`Plot "${dataKey}" coordinates (${x}, ${y}) are outside viewBox bounds (0-${viewBox.width}, 0-${viewBox.height})`),
+            });
+        }
+    }, [dataPoint, dataKey, addError, viewBox.width, viewBox.height]);
+    // Generate accessible label using template system
+    const accessibleLabel = useMemo(() => {
+        if (!dataPoint) {
+            return dataKey;
+        }
+        // Format the value using custom formatter or default
+        const formattedValue = formatAriaValue
+            ? formatAriaValue(dataPoint.value)
+            : formatValue(dataPoint.value);
+        // Build label from template (uses default template if ariaLabel not provided)
+        return buildAriaLabel({
+            ariaLabel,
+            dataKey,
+            formattedValue,
+            name: dataPoint.name,
+            x: dataPoint.x,
+            y: dataPoint.y,
+        });
+    }, [ariaLabel, dataPoint, dataKey, formatAriaValue]);
+    const position = useMemo(() => ({ x: dataPoint?.x ?? 0, y: dataPoint?.y ?? 0 }), [dataPoint?.x, dataPoint?.y]);
+    if (!dataPoint) {
+        return null;
+    }
+    return (_jsx(Plot, { ...props, data: { value: dataPoint.value }, dataTestId: `${parentTestId}-plot-${dataKey}`, label: accessibleLabel, position: position }));
+};

package/dist/esm/charts/customBackgroundChart/fragments/index.d.ts

@@ -0,0 +1,2 @@
+export { CustomBackgroundChartPlot } from './customBackgroundChartPlot';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/charts/customBackgroundChart/fragments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/fragments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/esm/charts/customBackgroundChart/fragments/index.js

@@ -0,0 +1 @@
+export { CustomBackgroundChartPlot } from './customBackgroundChartPlot';

package/dist/esm/charts/customBackgroundChart/index.d.ts

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

package/dist/esm/charts/customBackgroundChart/index.d.ts.map

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

package/dist/esm/charts/customBackgroundChart/index.js

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

package/dist/esm/charts/customBackgroundChart/utils/accessibility.d.ts

@@ -0,0 +1,19 @@
+export declare const PLOT_TEMPLATE_KEYS: {
+    readonly DATA_KEY: "{{dataKey}}";
+    readonly NAME: "{{name}}";
+    readonly VALUE: "{{value}}";
+    readonly X: "{{x}}";
+    readonly Y: "{{y}}";
+};
+export declare const DEFAULT_ARIA_LABEL_TEMPLATE: string;
+export interface BuildAriaLabelParams {
+    ariaLabel?: string;
+    dataKey: string;
+    name?: string;
+    formattedValue: string;
+    x: number;
+    y: number;
+}
+export declare const buildAriaLabel: ({ ariaLabel, dataKey, name, formattedValue, x, y, }: BuildAriaLabelParams) => string;
+export declare const formatValue: <T>(value: T) => string;
+//# sourceMappingURL=accessibility.d.ts.map

package/dist/esm/charts/customBackgroundChart/utils/accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/charts/customBackgroundChart/utils/accessibility.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,2BAA2B,QAA4D,CAAC;AAQrG,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,eAAO,MAAM,cAAc,GAAI,qDAO5B,oBAAoB,KAAG,MAUzB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,MAQzC,CAAC"}

package/dist/esm/charts/customBackgroundChart/utils/accessibility.js

@@ -0,0 +1,32 @@
+export const PLOT_TEMPLATE_KEYS = {
+    DATA_KEY: '{{dataKey}}',
+    NAME: '{{name}}',
+    VALUE: '{{value}}',
+    X: '{{x}}',
+    Y: '{{y}}',
+};
+export const DEFAULT_ARIA_LABEL_TEMPLATE = `${PLOT_TEMPLATE_KEYS.NAME}, ${PLOT_TEMPLATE_KEYS.VALUE}`;
+const DATA_KEY_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.DATA_KEY, 'g');
+const NAME_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.NAME, 'g');
+const VALUE_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.VALUE, 'g');
+const X_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.X, 'g');
+const Y_REGEXP = new RegExp(PLOT_TEMPLATE_KEYS.Y, 'g');
+export const buildAriaLabel = ({ ariaLabel, dataKey, name, formattedValue, x, y, }) => {
+    const template = ariaLabel ?? DEFAULT_ARIA_LABEL_TEMPLATE;
+    const displayName = name ?? dataKey;
+    return template
+        .replace(DATA_KEY_REGEXP, dataKey)
+        .replace(NAME_REGEXP, displayName)
+        .replace(VALUE_REGEXP, formattedValue)
+        .replace(X_REGEXP, String(x))
+        .replace(Y_REGEXP, String(y));
+};
+export const formatValue = (value) => {
+    if (typeof value === 'number') {
+        return value.toLocaleString();
+    }
+    if (typeof value === 'string') {
+        return value;
+    }
+    return JSON.stringify(value);
+};

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

@@ -1,4 +1,5 @@
 export * from './barChart';
+export * from './customBackgroundChart';
 export * from './lineChart';
 export * from './pieChart/pieChart';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC"}

package/dist/esm/charts/index.js

@@ -1,3 +1,4 @@
 export * from './barChart';
+export * from './customBackgroundChart';
 export * from './lineChart';
 export * from './pieChart/pieChart';

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

@@ -1 +1 @@
-{"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAK3C,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAiE5B,CAAC"}
+{"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAK3C,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CA4E5B,CAAC"}