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

package/dist/cjs/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/cjs/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/cjs/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/cjs/charts/customBackgroundChart/context/index.d.ts

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

package/dist/cjs/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/cjs/charts/customBackgroundChart/context/index.js

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/charts/customBackgroundChart/customBackgroundChart.type.js

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/charts/customBackgroundChart/fragments/index.d.ts

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

package/dist/cjs/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/cjs/charts/customBackgroundChart/fragments/index.js

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

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

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

package/dist/cjs/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/cjs/charts/customBackgroundChart/index.js

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/charts/index.js

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

package/dist/cjs/components/plot/plot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plot.d.ts","sourceRoot":"","sources":["../../../../src/components/plot/plot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAStD,OAAO,YAAY,CAAC;AACpB,OAAO,EAAiB,KAAK,SAAS,EAAsB,MAAM,cAAc,CAAC;AA2GjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,IAAI,EAAgC,CAAC,CAAC,GAAG,MAAM,EAC1D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IACpB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"plot.d.ts","sourceRoot":"","sources":["../../../../src/components/plot/plot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAStD,OAAO,YAAY,CAAC;AACpB,OAAO,EAAiB,KAAK,SAAS,EAAsB,MAAM,cAAc,CAAC;AAiIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,IAAI,EAAgC,CAAC,CAAC,GAAG,MAAM,EAC1D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IACpB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}

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/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"}