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

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

@@ -1,103 +0,0 @@
-import type { HTMLAttributes } from 'react';
-/**
- * Enum for node types.
- *
- * This enumeration defines the possible types of nodes that can be represented in a graphical interface or data structure.
- * It includes basic geometric shapes such as circles, squares, and triangles, allowing for simple categorization and differentiation
- * of node types in various applications.
- *
- * @enum {string}
- */
-export declare const NodeType: {
-    readonly Circle: "circle";
-    readonly Hexagon: "hexagon";
-    readonly Pentagon: "pentagon";
-    readonly Square: "square";
-    readonly Star: "star";
-    readonly Straight: "straight";
-    readonly Triangle: "triangle";
-};
-/**
- * Properties for a node component.
- *
- * This interface outlines the properties that can be set on a node component within a graphical interface or data structure.
- * It supports customization of the node's type, fill color, size, and position. Additionally, a data test ID can be specified
- * for testing purposes. The `type` property is optional and defaults to undefined, allowing for nodes to be type-agnostic
- * if desired.
- *
- * @interface
- */
-export interface NodeProps {
-    type?: (typeof NodeType)[keyof typeof NodeType];
-    size?: number;
-    fill?: string;
-    fillOpacity?: number;
-    hasHalo?: boolean;
-    position?: {
-        x: number;
-        y: number;
-    };
-    dataTestId?: string;
-    stroke?: string;
-    strokeWidth?: number | string;
-    opacity?: number;
-    tabIndex?: number;
-    id?: string;
-    className?: string;
-    ariaLabel?: string;
-    haloConfig?: {
-        fill?: string;
-        fillOpacity?: number;
-        stroke?: string;
-        strokeWidth?: number;
-        opacity?: number;
-    };
-    data?: {
-        index?: number;
-        dataValue?: any;
-        dataKey?: string;
-        xKey?: string;
-        nodePosition?: {
-            x: number;
-            y: number;
-        };
-    };
-    role?: HTMLAttributes<SVGElement>['role'];
-    onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, data?: {
-        index?: number;
-        dataValue?: any;
-        dataKey?: string;
-        xKey?: string;
-        nodePosition?: {
-            x: number;
-            y: number;
-        };
-    }, autoClick?: boolean) => void;
-    onDoubleClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, data?: {
-        index?: number;
-        dataValue?: any;
-        dataKey?: string;
-        xKey?: string;
-    }) => void;
-    onKeyDown?: (event: React.KeyboardEvent<SVGPathElement>, data?: {
-        index?: number;
-        dataValue?: any;
-        dataKey?: string;
-        xKey?: string;
-    }) => void;
-    onFocus?: (event: React.FocusEvent<SVGPathElement>, data?: {
-        index?: number;
-        dataValue?: any;
-        dataKey?: string;
-        xKey?: string;
-    }) => void;
-    onBlur?: (event: React.FocusEvent<SVGPathElement>) => void;
-    onMouseEnter?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, data?: {
-        index?: number;
-        dataValue?: any;
-        dataKey?: string;
-        xKey?: string;
-    }) => void;
-    onMouseLeave?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
-}
-//# sourceMappingURL=node.types.d.ts.map

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

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

package/dist/esm/components/node/utils/calculateShapePoints/calculateShapePoints.d.ts

@@ -1,2 +0,0 @@
-export declare const calculateShapePoints: (centerX: number, centerY: number, points: number, outerRadius: number, innerRadius: number) => string;
-//# sourceMappingURL=calculateShapePoints.d.ts.map

package/dist/esm/components/node/utils/calculateShapePoints/calculateShapePoints.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calculateShapePoints.d.ts","sourceRoot":"","sources":["../../../../../../src/components/node/utils/calculateShapePoints/calculateShapePoints.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,GAC/B,SAAS,MAAM,EACf,SAAS,MAAM,EACf,QAAQ,MAAM,EACd,aAAa,MAAM,EACnB,aAAa,MAAM,KAClB,MAoBF,CAAC"}

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

@@ -1,14 +0,0 @@
-import type { NodePathProps } from '../../path.types';
-export declare const NodePath: import("react").ForwardRefExoticComponent<{
-    nodeConfig?: NodePathProps;
-    data?: {
-        index?: number;
-        dataValue?: any;
-        dataKey?: string;
-        xKey?: string;
-    };
-    x: number;
-    y: number;
-    tabIndex?: number;
-} & import("react").RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=nodePath.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nodePath.d.ts","sourceRoot":"","sources":["../../../../../../src/components/path/components/nodePath/nodePath.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAwEtD,eAAO,MAAM,QAAQ;iBA5DJ,aAAa;WACnB;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,GAAG,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;OACE,MAAM;OACN,MAAM;eACE,MAAM;iDAmDgC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/path/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/esm/components/path/index.js

@@ -1,2 +0,0 @@
-export * from './path';
-export * from './path.types';

package/dist/esm/components/path/path.css

@@ -1,29 +0,0 @@
-.path {
-  &:focus {
-    outline: none;
-  }
-}
-
-/* Just for Node storybook example */
-.node-focus-border {
-  outline: none;
-
-  &:focus-visible {
-    outline-style: solid;
-    outline-offset: 2px;
-    outline-width: 2px;
-    outline-color: #2C71DB;
-  }
-}
-
-/* For Line Chart Nodes */
-.node-path-focus-border {
-  outline: none;
-
-  &:focus-visible {
-    outline-style: solid;
-    outline-offset: 1px;
-    outline-width: 1px;
-    outline-color: #2C71DB;
-  }
-}

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

@@ -1,4 +0,0 @@
-import './path.css';
-import type { PathProps } from './path.types';
-export declare const Path: import("react").ForwardRefExoticComponent<PathProps & import("react").RefAttributes<unknown>>;
-//# sourceMappingURL=path.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../src/components/path/path.tsx"],"names":[],"mappings":"AAoBA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAkO9C,eAAO,MAAM,IAAI,+FAA4B,CAAC"}

package/dist/esm/components/path/path.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useRef, } from 'react';
-import { FocusRing } from '../../components/focusRing/focusRing';
-import { useFocus } from '../../hooks/useFocus/useFocus';
-import { useHover } from '../../hooks/useHover/useHover';
-import { adaptLegacyFocusConfig } from '../../utils/adaptLegacyFocusConfig/adaptLegacyFocusConfig';
-import { cssGradientToSVG } from '../../utils/cssGradientToSvg/cssGradientToSvg';
-import { pickCustomAttributes } from '../../utils/pickCustomAttributes/pickCustomAttributes';
-import { ShadowSvg } from '../../utils/shadowSvg/shadowSvg';
-import { NodePath } from './components/nodePath/nodePath';
-import './path.css';
-const ENTER = {
-    code: 'Enter',
-    key: 'Enter',
-    keyCode: 13,
-    which: 13,
-};
-const SHADOW_FILTER_ID = 'shadow';
-/**
- * Represents a customizable SVG path component with FocusRing integration
- *
- * This component renders an SVG path with various customizable properties such as fill color, stroke color, and stroke width.
- * It supports dynamic SVG gradients through a utility function, interactive event handlers, and accessibility features.
- * Additionally, it can render optional nodes (control points) along the path for visual editing or debugging purposes.
- *
- * @param {PathProps} props - The properties for the path component.
- * @param {string} [props.fill='transparent'] - The fill color of the path. Defaults to 'transparent'.
- * @param {string} [props.gradient] - A CSS gradient string that will be converted to an SVG gradient.
- * @param {string | number} [props.dataValue] - The value of the represented data.
- * @param {string} [props.d] - The SVG path data string.
- * @param {number} [props.tabIndex=0] - The tab index for keyboard navigation. Defaults to 0 (focusable). Set to -1 to exclude from tab order.
- * @param {FocusConfig} [props.focusConfig] - Configuration for the focus ring appearance and behavior. Defaults to adaptive variant.
- * @param {Function} [props.onClick] - Click event handler.
- * @param {Function} [props.onMouseEnter] - Mouse enter event handler.
- * @param {Function} [props.onMouseLeave] - Mouse leave event handler.
- * @param {Function} [props.onFocus] - Focus event handler.
- * @param {Function} [props.onBlur] - Blur event handler.
- * @param {Function} [props.onKeyDown] - KeyDown event handler.
- * @param {string} [props.title] - A text title for the path, used for accessibility.
- * @param {string} [props.role='img'] - ARIA role for the path.
- * @param {string} [props.ariaLabel] - ARIA label for the path.
- * @param {string} [props.classNames=''] - Additional CSS class names for the path.
- * @param {string} [props.stroke='none'] - The stroke color of the path.
- * @param {string} [props.strokeWidth='0'] - The stroke width of the path.
- * @param {string} [props.dataTestId] - A data attribute used for testing.
- * @param {Array} [props.points] - An array of points for rendering nodes along the path.
- * @param {Object} [props.nodeConfig] - Configuration for the nodes.
- *
- * @returns {ReactElement} A React element representing the SVG path with FocusRing.
- */
-const PathComponent = ({ classNames = '', fill = 'transparent', stroke = '#0000FF', 
-// NOTE: Default strokeWidth='1' affects FocusRing calculations in adaptive variant.
-// FocusRing adds originalStrokeWidth to focus ring widths. If using fill-only paths
-// (like Bar), pass strokeWidth="0" explicitly to avoid inflated focus rings.
-strokeWidth = '1', focusConfig, hoverConfig = {
-    stroke: '#0000FF',
-    strokeWidth: '0.5',
-}, role = 'img', tabIndex = 0, // Default to 0 for keyboard accessibility
-...props }, ref) => {
-    const { handleBlur, handleFocus, isFocused } = useFocus(props.onFocus, props.onBlur);
-    /**
-     * Translate StyleProps focusConfig to FocusConfig for FocusRing component.
-     * Maps: stroke → outlineColor, strokeWidth → outlineStrokeWidth
-     *
-     * @deprecated This adapter will be removed in the next major version when
-     * focusConfig prop uses FocusConfig type directly.
-     */
-    const resolvedFocusConfig = adaptLegacyFocusConfig(focusConfig);
-    const { handleMouseEnter, handleMouseLeave, isHovered } = useHover(props.onMouseEnter, props.onMouseLeave);
-    const pathRef = useRef(null);
-    const nodeRef = useRef([]);
-    const mainRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        get main() {
-            return mainRef.current;
-        },
-        get node() {
-            return nodeRef.current;
-        },
-        get path() {
-            return pathRef.current;
-        },
-    }));
-    const handleKeyDown = (event) => {
-        if (event.key === ENTER.key) {
-            props.onKeyDown?.(props.dataValue);
-        }
-    };
-    const handleClick = () => {
-        props.onClick?.(props.dataValue);
-    };
-    const handleDoubleClick = (e) => {
-        props.onDoubleClick?.(e, props.dataValue);
-    };
-    const handleMouseDown = (e) => {
-        e.preventDefault();
-    };
-    const gradientSvgElement = props.gradient && cssGradientToSVG(props.gradient);
-    // Extract custom data-* and aria-* attributes
-    const customAttributes = pickCustomAttributes(props);
-    // Merge props to include hover styles (focus is now handled by FocusRing)
-    const defaultProps = {
-        ...props,
-        classNames: `path ${classNames}`,
-        fill: gradientSvgElement ? 'url(#gradientePath)' : fill,
-        filter: 'url(#shadow)',
-        role,
-        stroke,
-        strokeWidth,
-        tabIndex,
-    };
-    const mergedProps = {
-        ...defaultProps,
-        ...(isHovered && hoverConfig),
-    };
-    return (_jsxs("g", { ref: mainRef, children: [gradientSvgElement && gradientSvgElement, mergedProps.shadowSvgConfig && (_jsx(ShadowSvg, { id: SHADOW_FILTER_ID, shadowSvgConfig: mergedProps.shadowSvgConfig })), _jsx(FocusRing, { dataTestId: `${mergedProps.dataTestId}-focus-ring`, focusConfig: resolvedFocusConfig, isFocused: isFocused, targetRef: pathRef }), _jsxs("g", { "aria-label": mergedProps.ariaLabel, className: mergedProps.classNames, "data-draw": true, filter: mergedProps.shadowSvgConfig && mergedProps.filter, opacity: mergedProps.opacity, orientation: mergedProps.orientation, role: mergedProps.role, rotate: mergedProps.rotate, tabIndex: mergedProps.tabIndex, transform: mergedProps.transform, visibility: mergedProps.visibility, ...customAttributes, onBlur: handleBlur, onClick: handleClick, onDoubleClick: handleDoubleClick, onFocus: handleFocus, onKeyDown: handleKeyDown, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx("path", { ref: pathRef, d: mergedProps.d, "data-testid": mergedProps.dataTestId, fill: mergedProps.dFill ? 'transparent' : mergedProps.fill, fillOpacity: mergedProps.fillOpacity, fillRule: mergedProps.fillRule, stroke: mergedProps.stroke, strokeDasharray: mergedProps.strokeDasharray, strokeDashoffset: mergedProps.strokeDashoffset, strokeLinecap: mergedProps.strokeLinecap, strokeLinejoin: mergedProps.strokeLinejoin, strokeMiterlimit: mergedProps.strokeMiterlimit, strokeOpacity: mergedProps.strokeOpacity, strokeWidth: mergedProps.strokeWidth, children: mergedProps.title && _jsx("title", { children: mergedProps.title }) }), mergedProps.dFill && (_jsx("path", { d: mergedProps.dFill, fill: mergedProps.fill, fillOpacity: mergedProps.fillOpacity, fillRule: mergedProps.fillRule }))] }), mergedProps.points &&
-                mergedProps.nodeConfig &&
-                mergedProps.points.map(([x, y], index) => {
-                    const nodeData = {
-                        dataKey: mergedProps.dataKey,
-                        dataValue: mergedProps.dataValue,
-                        index,
-                        xKey: mergedProps?.xKey,
-                    };
-                    return (_jsx(NodePath, { ref: rf => (nodeRef.current[index] = rf), data: nodeData, nodeConfig: mergedProps.nodeConfig, tabIndex: -1, x: x, y: y }, `${index.toString()}`));
-                })] }));
-};
-export const Path = forwardRef(PathComponent);

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

@@ -1,86 +0,0 @@
-import type { AriaAttributes } from 'react';
-import type { ShadowSvgConfig } from '../../utils/shadowSvg/shadowSvg.types';
-import type { NodeProps } from '../node/node.types';
-interface IDataPoint {
-    [key: string]: any;
-}
-export interface StyleProps {
-    fill?: string;
-    fillOpacity?: number | string;
-    fillRule?: 'nonzero' | 'evenodd';
-    opacity?: number | string;
-    orientation?: number | string;
-    rotate?: number | string;
-    stroke?: string;
-    strokeDasharray?: string | number;
-    strokeDashoffset?: string | number;
-    strokeLinecap?: 'butt' | 'round' | 'square';
-    strokeLinejoin?: 'miter' | 'round' | 'bevel';
-    strokeMiterlimit?: number | string;
-    strokeOpacity?: number | string;
-    strokeWidth?: number | string;
-    transform?: string;
-    visibility?: number | string;
-}
-/**
- * Shared interface for custom data-* attributes.
- */
-export interface DataAttributes {
-    [key: `data-${string}`]: string | number | boolean | undefined;
-}
-export interface NodePathProps extends Omit<NodeProps, 'position' | 'data' | 'ariaLabel'>, AriaAttributes, DataAttributes {
-}
-export type DataValueType = string | number | IDataPoint[];
-/**
- * Defines the properties for a Path component in an SVG.
- *
- * This interface outlines the various properties that can be set on a Path component within an SVG, allowing for
- * detailed customization of appearance and behavior. Properties include standard SVG attributes like `fill`, `stroke`,
- * and `d` (path data), as well as React-specific event handlers such as `onClick` and `onMouseOver`. Additional
- * properties support accessibility, styling, and interaction enhancements.
- */
-export interface PathProps extends StyleProps, AriaAttributes, DataAttributes {
-    d?: string;
-    dFill?: string;
-    classNames?: string;
-    gradient?: string;
-    shadowSvgConfig?: ShadowSvgConfig;
-    /**
-     * Focus styling configuration.
-     * Uses StyleProps interface - internally translated to FocusRing configuration.
-     * Only `stroke` and `strokeWidth` are mapped to the FocusRing component
-     * (stroke → outlineColor, strokeWidth → outlineStrokeWidth).
-     *
-     * @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;
-    hoverConfig?: StyleProps;
-    dataValue?: string | number | IDataPoint[];
-    title?: string;
-    role?: string;
-    /**
-     * @deprecated Use 'aria-label' instead.
-     */
-    ariaLabel?: string;
-    ariaHidden?: boolean;
-    tabIndex?: number;
-    dataTestId?: string;
-    dataKey?: string;
-    xKey?: string;
-    curved?: boolean;
-    gap?: number;
-    innerRadius?: number | string;
-    radius?: number | string;
-    points?: [number, number][];
-    nodeConfig?: NodePathProps;
-    onClick?: (dataValue?: DataValueType) => void;
-    onDoubleClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>, dataValue?: DataValueType) => void;
-    onMouseEnter?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
-    onMouseLeave?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
-    onFocus?: (event: React.FocusEvent<SVGPathElement>) => void;
-    onBlur?: (event: React.FocusEvent<SVGPathElement>) => void;
-    onKeyDown?: (dataValue?: DataValueType) => void;
-}
-export {};
-//# sourceMappingURL=path.types.d.ts.map

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

@@ -1 +0,0 @@
-{"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/path/path.types.js

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

package/dist/esm/components/plot/components/circle/circle.d.ts

@@ -1,6 +0,0 @@
-import { type ForwardedRef } from 'react';
-import type { PlotShapeProps } from '../../plot.types';
-export declare const Circle: (props: PlotShapeProps & {
-    ref?: ForwardedRef<SVGElement>;
-}) => JSX.Element;
-//# sourceMappingURL=circle.d.ts.map

package/dist/esm/components/plot/components/circle/circle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/circle/circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,eAAO,MAAM,MAAM,EAAkC,CACnD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/plot/components/index.d.ts

@@ -1,4 +0,0 @@
-export * from './circle/circle';
-export * from './square/square';
-export * from './triangle/triangle';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/plot/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/plot/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dist/esm/components/plot/components/index.js

@@ -1,3 +0,0 @@
-export * from './circle/circle';
-export * from './square/square';
-export * from './triangle/triangle';

package/dist/esm/components/plot/components/square/square.d.ts

@@ -1,6 +0,0 @@
-import { type ForwardedRef } from 'react';
-import type { PlotShapeProps } from '../../plot.types';
-export declare const Square: (props: PlotShapeProps & {
-    ref?: ForwardedRef<SVGElement>;
-}) => JSX.Element;
-//# sourceMappingURL=square.d.ts.map

package/dist/esm/components/plot/components/square/square.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"square.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/square/square.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,eAAO,MAAM,MAAM,EAAkC,CACnD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/plot/components/triangle/triangle.d.ts

@@ -1,6 +0,0 @@
-import { type ForwardedRef } from 'react';
-import type { PlotShapeProps } from '../../plot.types';
-export declare const Triangle: (props: PlotShapeProps & {
-    ref?: ForwardedRef<SVGElement>;
-}) => JSX.Element;
-//# sourceMappingURL=triangle.d.ts.map

package/dist/esm/components/plot/components/triangle/triangle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"triangle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/plot/components/triangle/triangle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAsBvD,eAAO,MAAM,QAAQ,EAAoC,CACvD,KAAK,EAAE,cAAc,GAAG;IACtB,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CAChC,KACE,GAAG,CAAC,OAAO,CAAC"}

package/dist/esm/components/plot/index.d.ts

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

package/dist/esm/components/plot/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/plot/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/esm/components/plot/index.js

@@ -1,2 +0,0 @@
-export * from './plot';
-export * from './plot.types';

package/dist/esm/components/plot/plot.css

@@ -1,12 +0,0 @@
-.plot {
-  outline: none;
-  /* Removes the browser's default outline */
-}
-
-/* Keep classes for compatibility with existing customizations via CSS */
-.plot-focus-outer,
-.plot-focus-inner {
-  /* Basic styles that are not overridden by properties */
-  pointer-events: none;
-  /* So they don't intercept events */
-}

package/dist/esm/components/plot/plot.d.ts

@@ -1,39 +0,0 @@
-import { type ForwardedRef } from 'react';
-import './plot.css';
-import { type PlotProps } from './plot.types';
-/**
- * `Plot` component which renders an interactive point in a chart with hover effects and accessibility features.
- *
- * @template T - The type of the value represented by this plot point's data. Defaults to string.
- *
- * @param props - `PlotProps` include:
- *
- * - `type`: Type of the plot point (circle, square, triangle). By default is `PlotType.Circle`.
- * - `size`: Size of the plot point. Can be a predefined size from PlotSize enum or a direct pixel size.
- * - `fill`: Fill color of the plot point.
- * - `fillOpacity`: Fill color opacity. By default is 1.
- * - `hasHoverEffect`: Whether the plot has a hover effect. By default is `true`.
- * - `position`: Required. The position of the plot point on the plane.
- * - `dataTestId`: Identifier for testing. By default is 'Plot'.
- * - `stroke`: Stroke color of the plot point. By default is 'transparent'.
- * - `strokeWidth`: Stroke width of the plot point. By default is 0.
- * - `opacity`: Overall opacity of the plot point. By default is 1.
- * - `label`: Accessible label for the plot point.
- * - `tabIndex`: Tab index for keyboard navigation. By default is -1 to support programmatic focus management.
- * - `id`: Unique identifier for the plot point.
- * - `className`: Additional CSS classes for the plot point.
- * - `hoverConfig`: Configuration for the hover effect.
- * - `data`: Data associated with this plot point, with value of type T.
- * - `onClick`: Function executed when clicking on the plot point.
- * - `onKeyDown`: Function executed when pressing a key while the plot point has focus.
- * - `onFocus`: Function executed when focusing the plot point.
- * - `onBlur`: Function executed when removing focus from the plot point.
- * - `onMouseEnter`: Function executed when hovering over the plot point.
- * - `onMouseLeave`: Function executed when moving the mouse away from the plot point.
- *
- * @returns An SVG element representing the plot point with event handlers and accessibility features.
- */
-export declare const Plot: <T = string>(props: PlotProps<T> & {
-    ref?: ForwardedRef<SVGElement>;
-}) => JSX.Element;
-//# sourceMappingURL=plot.d.ts.map

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

@@ -1 +0,0 @@
-{"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/esm/components/plot/plot.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { FocusRing } from '../../components/focusRing/focusRing';
-import { useFocus } from '../../hooks/useFocus/useFocus';
-import { useHover } from '../../hooks/useHover/useHover';
-import { Circle } from './components/circle/circle';
-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,
-    [PlotType.SQUARE]: Square,
-    [PlotType.TRIANGLE]: Triangle,
-};
-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
-    const sizeInPixels = typeof size === 'number' ? size : PLOT_SIZE_MAP[size];
-    // Properties for the main plot shape - focus handlers managed by FocusRing
-    const plotShapeProps = {
-        ...props,
-        ['aria-label']: label,
-        className: `plot ${className || ''}`,
-        dataTestId,
-        fill, // Maintains original fill color
-        fillOpacity, // Maintains original opacity
-        id,
-        onBlur: handleBlur,
-        onClick,
-        onFocus: handleFocus,
-        onKeyDown: handleKeyDown,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        opacity, // Maintains original overall opacity
-        position,
-        role: 'button',
-        size: sizeInPixels,
-        stroke, // Maintains original stroke color
-        strokeWidth: hasHoverEffect && isHovered && !isFocused ? 0 : strokeWidth,
-        tabIndex,
-    };
-    // Get the correct component based on type
-    const PlotShape = Component[type];
-    // 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.
- *
- * @template T - The type of the value represented by this plot point's data. Defaults to string.
- *
- * @param props - `PlotProps` include:
- *
- * - `type`: Type of the plot point (circle, square, triangle). By default is `PlotType.Circle`.
- * - `size`: Size of the plot point. Can be a predefined size from PlotSize enum or a direct pixel size.
- * - `fill`: Fill color of the plot point.
- * - `fillOpacity`: Fill color opacity. By default is 1.
- * - `hasHoverEffect`: Whether the plot has a hover effect. By default is `true`.
- * - `position`: Required. The position of the plot point on the plane.
- * - `dataTestId`: Identifier for testing. By default is 'Plot'.
- * - `stroke`: Stroke color of the plot point. By default is 'transparent'.
- * - `strokeWidth`: Stroke width of the plot point. By default is 0.
- * - `opacity`: Overall opacity of the plot point. By default is 1.
- * - `label`: Accessible label for the plot point.
- * - `tabIndex`: Tab index for keyboard navigation. By default is -1 to support programmatic focus management.
- * - `id`: Unique identifier for the plot point.
- * - `className`: Additional CSS classes for the plot point.
- * - `hoverConfig`: Configuration for the hover effect.
- * - `data`: Data associated with this plot point, with value of type T.
- * - `onClick`: Function executed when clicking on the plot point.
- * - `onKeyDown`: Function executed when pressing a key while the plot point has focus.
- * - `onFocus`: Function executed when focusing the plot point.
- * - `onBlur`: Function executed when removing focus from the plot point.
- * - `onMouseEnter`: Function executed when hovering over the plot point.
- * - `onMouseLeave`: Function executed when moving the mouse away from the plot point.
- *
- * @returns An SVG element representing the plot point with event handlers and accessibility features.
- */
-export const Plot = forwardRef(PlotComponent);