@dynatrace/strato-components 3.12.1 → 3.13.0

package/esm/buttons/inline-button/InlineButton.js

@@ -0,0 +1,188 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  forwardRef,
+  useState
+} from "react";
+import { useIntl } from "react-intl";
+import * as styles from "./InlineButton.sty.js";
+import { Prefix } from "./Prefix.js";
+import { Suffix } from "./Suffix.js";
+import { ProgressCircle } from "../../content/progress/ProgressCircle.js";
+import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
+import { useSlots } from "../../core/hooks/useSlots.js";
+import { mergeProps } from "../../core/utils/merge-props.js";
+import { parseBoolean } from "../../core/utils/parse-boolean.js";
+const COMPONENT_NAME = "InlineButton";
+const _InlineButton = forwardRef(
+  (props, forwardedRef) => {
+    const {
+      children,
+      onClick,
+      disabled,
+      color = "neutral",
+      loading = false,
+      "aria-disabled": ariaDisabledProp,
+      className: consumerClassName,
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      "data-dtrum-mask": dataDtrumMask,
+      "data-dtrum-allow": dataDtrumAllow,
+      "data-dt-component": dataDtComponent = COMPONENT_NAME,
+      as,
+      ...remainingProps
+    } = props;
+    const [slots, label] = useSlots(children, {
+      prefix: Prefix,
+      suffix: Suffix
+    });
+    const [behavioralTrackingProps, restProps] = useBehavioralTrackingProps(remainingProps);
+    const ariaLabelingProps = useAriaLabelingProps(restProps);
+    const ariaDisabled = parseBoolean(ariaDisabledProp);
+    const nativeDisabledOrLoading = loading ? true : disabled;
+    const isVisuallyDisabled = nativeDisabledOrLoading || ariaDisabled;
+    const isTrulyDisabled = disabled || ariaDisabled;
+    const isRemovedFromTabOrder = !!disabled;
+    const tabIndex = isRemovedFromTabOrder ? -1 : 0;
+    const [isKeyboardActive, setIsKeyboardActive] = useState(false);
+    const isOpen = restProps["data-state"] === "open";
+    const isPopupTrigger = props["aria-haspopup"] !== void 0 && props["aria-haspopup"] !== false && props["aria-haspopup"] !== "false";
+    const isNativeButton = (as ?? "span") === "button";
+    const handleClick = (event) => {
+      if (nativeDisabledOrLoading) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      onClick?.(event);
+    };
+    const handlePointerEvent = (event) => {
+      if (nativeDisabledOrLoading) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (event.key !== " " && event.key !== "Enter") {
+        return;
+      }
+      if (nativeDisabledOrLoading) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      if (!ariaDisabled) {
+        setIsKeyboardActive(true);
+      }
+      if (isPopupTrigger) {
+        return;
+      }
+      if (isNativeButton) {
+        return;
+      }
+      event.preventDefault();
+      if (event.key === "Enter") {
+        event.currentTarget.click();
+      }
+    };
+    const handleKeyUp = (event) => {
+      if (event.key !== " " && event.key !== "Enter") {
+        return;
+      }
+      setIsKeyboardActive(false);
+      if (event.key !== " ") {
+        return;
+      }
+      if (nativeDisabledOrLoading) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      if (isPopupTrigger || isNativeButton) {
+        return;
+      }
+      event.preventDefault();
+      event.currentTarget.click();
+    };
+    const Component = as ?? "span";
+    const intl = useIntl();
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref: forwardedRef,
+        role: "button",
+        tabIndex,
+        "aria-disabled": loading || disabled ? true : ariaDisabledProp,
+        "aria-busy": loading,
+        ...isNativeButton && disabled ? { disabled: true } : {},
+        className: clsx(
+          consumerClassName,
+          styles.outerButton({
+            color,
+            visuallyDisabled: isVisuallyDisabled
+          }),
+          { [styles.keyboardActive]: isKeyboardActive },
+          { [styles.openState]: isOpen }
+        ),
+        style: consumerStyle,
+        ...mergeProps(
+          {
+            "data-testid": dataTestId,
+            "data-dtrum-mask": dataDtrumMask,
+            "data-dtrum-allow": dataDtrumAllow,
+            ...ariaLabelingProps,
+            onClick: handleClick,
+            onPointerDown: handlePointerEvent,
+            onPointerUp: handlePointerEvent,
+            onKeyDown: handleKeyDown,
+            onKeyUp: handleKeyUp,
+            onBlur: () => setIsKeyboardActive(false)
+          },
+          // Need to cast: restProps inference is too complex with the polymorphic E to spread directly.
+          restProps,
+          behavioralTrackingProps
+        ),
+        "data-dt-component": dataDtComponent,
+        children: /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: styles.innerChrome({
+              visuallyDisabled: isVisuallyDisabled,
+              loadingText: loading && !isTrulyDisabled,
+              iconOnly: label.length === 0,
+              hasPrefix: Boolean(slots.prefix),
+              hasSuffix: Boolean(slots.suffix)
+            }),
+            children: [
+              slots.prefix,
+              label,
+              slots.suffix,
+              loading && /* @__PURE__ */ jsx("span", { className: styles.loadingSpinner, children: /* @__PURE__ */ jsx(
+                ProgressCircle,
+                {
+                  size: "small",
+                  color,
+                  "aria-label": intl.formatMessage({
+                    defaultMessage: "Loading",
+                    id: "cycz+bYG+VH7Of4e",
+                    description: "Label for the loading state."
+                  })
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+_InlineButton.displayName = COMPONENT_NAME;
+const InlineButton = Object.assign(_InlineButton, {
+  Prefix,
+  Suffix
+});
+export {
+  InlineButton
+};
+//# sourceMappingURL=InlineButton.js.map

package/esm/buttons/inline-button/InlineButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/buttons/inline-button/InlineButton.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type ElementType,\n  forwardRef,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type PointerEventHandler,\n  type ReactElement,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './InlineButton.sty.js';\nimport { Prefix } from './Prefix.js';\nimport { Suffix } from './Suffix.js';\nimport { ProgressCircle } from '../../content/progress/ProgressCircle.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSlots } from '../../core/hooks/useSlots.js';\nimport type {\n  AriaDisabledProps,\n  AriaLabelingProps,\n} from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport { type PolymorphicComponentProps } from '../../core/types/polymorph.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport { parseBoolean } from '../../core/utils/parse-boolean.js';\n\nconst COMPONENT_NAME = 'InlineButton';\n\n/**\n * Accepted properties for the InlineButton.\n * @public\n */\nexport interface InlineButtonOwnProps\n  extends\n    AriaDisabledProps,\n    AriaLabelingProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    BehaviorTrackingProps,\n    WithChildren {\n  /** Called when the button is clicked. Not invoked while the button is disabled or loading. */\n  onClick?: MouseEventHandler;\n\n  /**\n   * If a button is disabled, it cannot be interacted with: it leaves the tab order\n   * and its pointer and click events are blocked.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n\n  /**\n   * The text, icon, and underline/hover color.\n   * @defaultValue 'neutral'\n   */\n  color?: 'primary' | 'neutral' | 'success' | 'warning' | 'critical';\n\n  /**\n   * The current loading state of the button. If true, a loading icon is shown with aria-disabled=true\n   * and aria-busy=true. The button stays in the tab order unless `disabled` is also set.\n   * @defaultValue false\n   */\n  loading?: boolean;\n\n  /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */\n  'aria-expanded'?: boolean | 'true' | 'false';\n\n  /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */\n  'aria-haspopup'?:\n    | boolean\n    | 'menu'\n    | 'listbox'\n    | 'tree'\n    | 'grid'\n    | 'dialog'\n    | 'true'\n    | 'false';\n\n  /** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n  'aria-controls'?: string;\n}\n\n/**\n * Props for InlineButton combined with the props of the underlying element type.\n * @public\n */\nexport type InlineButtonProps<E extends ElementType> =\n  PolymorphicComponentProps<E, InlineButtonOwnProps>;\n\nconst _InlineButton: <E extends ElementType = 'span'>(\n  props: InlineButtonProps<E>,\n) => ReactElement | null = forwardRef(\n  <E extends ElementType>(\n    props: InlineButtonProps<E>,\n    forwardedRef: typeof props.ref,\n  ) => {\n    const {\n      children,\n      onClick,\n      disabled,\n      color = 'neutral',\n      loading = false,\n      'aria-disabled': ariaDisabledProp,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'data-dt-component': dataDtComponent = COMPONENT_NAME,\n      as,\n      ...remainingProps\n    }: InlineButtonProps<E> = props;\n    const [slots, label] = useSlots(children, {\n      prefix: Prefix,\n      suffix: Suffix,\n    });\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const ariaDisabled = parseBoolean(ariaDisabledProp);\n    const nativeDisabledOrLoading = loading ? true : disabled;\n    const isVisuallyDisabled = nativeDisabledOrLoading || ariaDisabled;\n    const isTrulyDisabled = disabled || ariaDisabled;\n\n    const isRemovedFromTabOrder = !!disabled;\n    const tabIndex = isRemovedFromTabOrder ? -1 : 0;\n\n    const [isKeyboardActive, setIsKeyboardActive] = useState(false);\n\n    const isOpen =\n      (restProps as Record<string, unknown>)['data-state'] === 'open';\n\n    const isPopupTrigger =\n      props['aria-haspopup'] !== undefined &&\n      props['aria-haspopup'] !== false &&\n      props['aria-haspopup'] !== 'false';\n\n    // Native <button> elements have their own click semantics for Enter/Space, so\n    // the polyfilled keyboard handlers that call .click() are only needed for non-button tags.\n    const isNativeButton = (as ?? 'span') === 'button';\n\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (nativeDisabledOrLoading) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      onClick?.(event);\n    };\n\n    // Popup triggers like Menu.Trigger open on pointerdown, so blocking onClick\n    // alone wouldn't prevent them from firing while disabled/loading. Also stops\n    // pointer events from reaching ancestor listeners.\n    const handlePointerEvent: PointerEventHandler<HTMLElement> = (event) => {\n      if (nativeDisabledOrLoading) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLElement> = (event) => {\n      if (event.key !== ' ' && event.key !== 'Enter') {\n        return;\n      }\n      if (nativeDisabledOrLoading) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      if (!ariaDisabled) {\n        setIsKeyboardActive(true);\n      }\n      if (isPopupTrigger) {\n        // Composed inside a Radix popup trigger (Menu.Trigger, etc. via\n        // asChild/Slot) \u2014 its chained handler respects defaultPrevented, so\n        // skip preventDefault here to let it open the popup. Radix prevents\n        // the Space page-scroll itself.\n        return;\n      }\n      if (isNativeButton) {\n        // A real <button> fires click on Enter/Space itself as part of its\n        // native default action (Enter on keydown, Space on keyup) \u2014 calling\n        // preventDefault() here would suppress that default action entirely.\n        // Since we also intentionally skip the manual .click() call below for\n        // native buttons, calling preventDefault() unconditionally would leave\n        // no code path that ever fires a click.\n        return;\n      }\n      // Space here would otherwise scroll the page; Enter has no default\n      // action to prevent on non-native elements, so this call is a\n      // harmless no-op for Enter, kept for a single shared code path.\n      event.preventDefault();\n      if (event.key === 'Enter') {\n        event.currentTarget.click();\n      }\n    };\n\n    const handleKeyUp: KeyboardEventHandler<HTMLElement> = (event) => {\n      if (event.key !== ' ' && event.key !== 'Enter') {\n        return;\n      }\n      setIsKeyboardActive(false);\n      if (event.key !== ' ') {\n        return; // Enter already fired click on keydown\n      }\n      if (nativeDisabledOrLoading) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      if (isPopupTrigger || isNativeButton) {\n        return;\n      }\n      event.preventDefault();\n      event.currentTarget.click();\n    };\n\n    const Component = as ?? 'span';\n\n    const intl = useIntl();\n    return (\n      <Component\n        ref={forwardedRef}\n        // Redundant on a native <button>; required for all other tags.\n        role=\"button\"\n        tabIndex={tabIndex}\n        aria-disabled={loading || disabled ? true : ariaDisabledProp}\n        aria-busy={loading}\n        // React handlers don't block native form submission; the native attribute does.\n        {...(isNativeButton && disabled ? { disabled: true } : {})}\n        className={clsx(\n          consumerClassName,\n          styles.outerButton({\n            color,\n            visuallyDisabled: isVisuallyDisabled,\n          }),\n          { [styles.keyboardActive]: isKeyboardActive },\n          { [styles.openState]: isOpen },\n        )}\n        style={consumerStyle}\n        // Our handlers must come first in this merge: Radix's own trigger handlers\n        // (arriving via restProps) respect event.preventDefault(), so calling\n        // it here (when disabled) suppresses Radix's injected open-menu logic too.\n        // Reversing this order would silently break disabled + Menu.Trigger composition.\n        {...mergeProps(\n          {\n            'data-testid': dataTestId,\n            'data-dtrum-mask': dataDtrumMask,\n            'data-dtrum-allow': dataDtrumAllow,\n            ...ariaLabelingProps,\n            onClick: handleClick,\n            onPointerDown: handlePointerEvent,\n            onPointerUp: handlePointerEvent,\n            onKeyDown: handleKeyDown,\n            onKeyUp: handleKeyUp,\n            onBlur: () => setIsKeyboardActive(false),\n          },\n          // Need to cast: restProps inference is too complex with the polymorphic E to spread directly.\n          restProps as Record<string, unknown>,\n          behavioralTrackingProps,\n        )}\n        data-dt-component={dataDtComponent}\n      >\n        <span\n          className={styles.innerChrome({\n            visuallyDisabled: isVisuallyDisabled,\n            loadingText: loading && !isTrulyDisabled,\n            iconOnly: label.length === 0,\n            hasPrefix: Boolean(slots.prefix),\n            hasSuffix: Boolean(slots.suffix),\n          })}\n        >\n          {slots.prefix}\n          {label}\n          {slots.suffix}\n          {loading && (\n            <span className={styles.loadingSpinner}>\n              <ProgressCircle\n                size=\"small\"\n                color={color}\n                aria-label={intl.formatMessage({\n                  defaultMessage: 'Loading',\n                  id: 'cycz+bYG+VH7Of4e',\n                  description: 'Label for the loading state.',\n                })}\n              />\n            </span>\n          )}\n        </span>\n      </Component>\n    );\n  },\n);\n\n(_InlineButton as typeof _InlineButton & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\n/**\n * InlineButton is an inline, text-flowing action trigger. It flows with surrounding\n * text, wraps naturally across line breaks, and supports `color`, `loading`, and\n * `disabled`/`aria-disabled` states.\n *\n * Use the `as` prop to render a different underlying element. The default (`'span'`)\n * preserves full multi-line wrapping with `box-decoration-break: clone`. Any other\n * value (e.g. `as=\"button\"`) opts out of that wrapping behavior \u2014 the element will\n * be a block-like inline-flex container that does not clone the background/padding\n * across line breaks. This is an accepted trade-off for consumers that need a\n * specific element type (e.g. to keep a forwarded ref typed as `HTMLButtonElement`).\n * @public\n */\nexport const InlineButton = Object.assign(_InlineButton, {\n  Prefix,\n  Suffix,\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/buttons/inline-button/InlineButton.sty.js

@@ -0,0 +1,22 @@
+import "../../content/progress/ProgressCircle.css";
+import "./InlineButton.css";
+import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var iconSlot = "_19ncm8an-3-13-0";
+var innerChrome = _7a468({ defaultClassName: "_19ncm8ag-3-13-0", variantClassNames: { visuallyDisabled: { true: "_19ncm8ah-3-13-0" }, loadingText: { true: "_19ncm8ai-3-13-0" }, iconOnly: { true: "_19ncm8aj-3-13-0" }, hasPrefix: { true: "_19ncm8ak-3-13-0" }, hasSuffix: { true: "_19ncm8al-3-13-0" } }, defaultVariants: { visuallyDisabled: false, loadingText: false, iconOnly: false, hasPrefix: false, hasSuffix: false }, compoundVariants: [[{ visuallyDisabled: true, loadingText: true }, "_19ncm8am-3-13-0"]] });
+var keyboardActive = "_19ncm8ae-3-13-0";
+var loadingSpinner = "_19ncm8aq-3-13-0";
+var openState = "_19ncm8af-3-13-0";
+var outerButton = _7a468({ defaultClassName: "_19ncm8a7-3-13-0", variantClassNames: { color: { neutral: "_19ncm8a8-3-13-0", primary: "_19ncm8a9-3-13-0", success: "_19ncm8aa-3-13-0", warning: "_19ncm8ab-3-13-0", critical: "_19ncm8ac-3-13-0" }, visuallyDisabled: { true: "_19ncm8ad-3-13-0" } }, defaultVariants: { color: "neutral", visuallyDisabled: false }, compoundVariants: [] });
+var prefixSlot = "_19ncm8ao-3-13-0 _19ncm8an-3-13-0";
+var suffixSlot = "_19ncm8ap-3-13-0 _19ncm8an-3-13-0";
+export {
+  iconSlot,
+  innerChrome,
+  keyboardActive,
+  loadingSpinner,
+  openState,
+  outerButton,
+  prefixSlot,
+  suffixSlot
+};
+//# sourceMappingURL=InlineButton.sty.js.map

package/esm/buttons/inline-button/InlineButton.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/buttons/inline-button/InlineButton.css.ts"],
+  "sourcesContent": ["import '../../content/progress/ProgressCircle.css';\nimport './InlineButton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconSlot = '_19ncm8an-3-13-0';\nexport var innerChrome = _7a468({defaultClassName:'_19ncm8ag-3-13-0',variantClassNames:{visuallyDisabled:{true:'_19ncm8ah-3-13-0'},loadingText:{true:'_19ncm8ai-3-13-0'},iconOnly:{true:'_19ncm8aj-3-13-0'},hasPrefix:{true:'_19ncm8ak-3-13-0'},hasSuffix:{true:'_19ncm8al-3-13-0'}},defaultVariants:{visuallyDisabled:false,loadingText:false,iconOnly:false,hasPrefix:false,hasSuffix:false},compoundVariants:[[{visuallyDisabled:true,loadingText:true},'_19ncm8am-3-13-0']]});\nexport var keyboardActive = '_19ncm8ae-3-13-0';\nexport var loadingSpinner = '_19ncm8aq-3-13-0';\nexport var openState = '_19ncm8af-3-13-0';\nexport var outerButton = _7a468({defaultClassName:'_19ncm8a7-3-13-0',variantClassNames:{color:{neutral:'_19ncm8a8-3-13-0',primary:'_19ncm8a9-3-13-0',success:'_19ncm8aa-3-13-0',warning:'_19ncm8ab-3-13-0',critical:'_19ncm8ac-3-13-0'},visuallyDisabled:{true:'_19ncm8ad-3-13-0'}},defaultVariants:{color:'neutral',visuallyDisabled:false},compoundVariants:[]});\nexport var prefixSlot = '_19ncm8ao-3-13-0 _19ncm8an-3-13-0';\nexport var suffixSlot = '_19ncm8ap-3-13-0 _19ncm8an-3-13-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,WAAW;AACf,IAAI,cAAc,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,kBAAiB,EAAC,MAAK,mBAAkB,GAAE,aAAY,EAAC,MAAK,mBAAkB,GAAE,UAAS,EAAC,MAAK,mBAAkB,GAAE,WAAU,EAAC,MAAK,mBAAkB,GAAE,WAAU,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,kBAAiB,OAAM,aAAY,OAAM,UAAS,OAAM,WAAU,OAAM,WAAU,MAAK,GAAE,kBAAiB,CAAC,CAAC,EAAC,kBAAiB,MAAK,aAAY,KAAI,GAAE,kBAAkB,CAAC,EAAC,CAAC;AACzc,IAAI,iBAAiB;AACrB,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,cAAc,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,oBAAmB,SAAQ,oBAAmB,SAAQ,oBAAmB,SAAQ,oBAAmB,UAAS,mBAAkB,GAAE,kBAAiB,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1V,IAAI,aAAa;AACjB,IAAI,aAAa;",
+  "names": []
+}

package/esm/buttons/inline-button/Prefix.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import * as styles from "./InlineButton.sty.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
+const Prefix = forwardRef(
+  (props, forwardedRef) => {
+    const {
+      children,
+      className: consumerClassName,
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      ...remainingProps
+    } = props;
+    const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: forwardedRef,
+        className: clsx(styles.prefixSlot, consumerClassName),
+        style: consumerStyle,
+        "data-testid": dataTestId,
+        ...behavioralTrackingProps,
+        children
+      }
+    );
+  }
+);
+Prefix.displayName = "InlineButton.Prefix";
+export {
+  Prefix
+};
+//# sourceMappingURL=Prefix.js.map

package/esm/buttons/inline-button/Prefix.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/buttons/inline-button/Prefix.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport * as styles from './InlineButton.sty.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\n\n/**\n * Accepted properties for the InlineButton Prefix.\n * @public\n */\nexport interface InlineButtonPrefixProps\n  extends StylingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  children: ReactNode;\n}\n\nexport const Prefix = forwardRef<HTMLSpanElement, InlineButtonPrefixProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      ...remainingProps\n    }: InlineButtonPrefixProps = props;\n\n    const [behavioralTrackingProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    return (\n      <span\n        ref={forwardedRef}\n        className={clsx(styles.prefixSlot, consumerClassName)}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        {...behavioralTrackingProps}\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\n(Prefix as typeof Prefix & { displayName: string }).displayName =\n  'InlineButton.Prefix';\n"],
+  "mappings": "AAkCM;AAlCN,OAAO,UAAU;AACjB,SAAS,kBAAkC;AAE3C,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAgBpC,MAAM,SAAS;AAAA,EACpB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,GAAG;AAAA,IACL,IAA6B;AAE7B,UAAM,CAAC,uBAAuB,IAC5B,2BAA2B,cAAc;AAE3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,KAAK,OAAO,YAAY,iBAAiB;AAAA,QACpD,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEC,OAAmD,cAClD;",
+  "names": []
+}

package/esm/buttons/inline-button/Suffix.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import * as styles from "./InlineButton.sty.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
+const Suffix = forwardRef(
+  (props, forwardedRef) => {
+    const {
+      children,
+      className: consumerClassName,
+      style: consumerStyle,
+      "data-testid": dataTestId,
+      ...remainingProps
+    } = props;
+    const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: forwardedRef,
+        className: clsx(styles.suffixSlot, consumerClassName),
+        style: consumerStyle,
+        "data-testid": dataTestId,
+        ...behavioralTrackingProps,
+        children
+      }
+    );
+  }
+);
+Suffix.displayName = "InlineButton.Suffix";
+export {
+  Suffix
+};
+//# sourceMappingURL=Suffix.js.map

package/esm/buttons/inline-button/Suffix.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/buttons/inline-button/Suffix.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport * as styles from './InlineButton.sty.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\n\n/**\n * Accepted properties for the InlineButton Suffix.\n * @public\n */\nexport interface InlineButtonSuffixProps\n  extends StylingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  children: ReactNode;\n}\n\nexport const Suffix = forwardRef<HTMLSpanElement, InlineButtonSuffixProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      ...remainingProps\n    }: InlineButtonSuffixProps = props;\n\n    const [behavioralTrackingProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    return (\n      <span\n        ref={forwardedRef}\n        className={clsx(styles.suffixSlot, consumerClassName)}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        {...behavioralTrackingProps}\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\n(Suffix as typeof Suffix & { displayName: string }).displayName =\n  'InlineButton.Suffix';\n"],
+  "mappings": "AAkCM;AAlCN,OAAO,UAAU;AACjB,SAAS,kBAAkC;AAE3C,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAgBpC,MAAM,SAAS;AAAA,EACpB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,GAAG;AAAA,IACL,IAA6B;AAE7B,UAAM,CAAC,uBAAuB,IAC5B,2BAA2B,cAAc;AAE3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,KAAK,OAAO,YAAY,iBAAiB;AAAA,QACpD,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEC,OAAmD,cAClD;",
+  "names": []
+}

package/esm/buttons/intent-button/IntentButton.css

@@ -1,3 +1,3 @@
-._1xe9ern0-3-12-1 {
+._1xe9ern0-3-13-0 {
   opacity: 0.5;
 }

package/esm/buttons/intent-button/IntentButton.sty.js

@@ -1,5 +1,5 @@
 import "./IntentButton.css";
-var disabledAppIconOpacity = "_1xe9ern0-3-12-1";
+var disabledAppIconOpacity = "_1xe9ern0-3-13-0";
 export {
   disabledAppIconOpacity
 };

package/esm/buttons/intent-button/IntentButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/intent-button/IntentButton.css.ts"],
-  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-12-1';"],
+  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,yBAAyB;",
   "names": []
 }

package/esm/buttons/notify-button/NotifyButton.css

@@ -1,10 +1,10 @@
-._1j9pkom0-3-12-1 {
+._1j9pkom0-3-13-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-16, 16px);
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
 }
-._1j9pkom1-3-12-1 {
+._1j9pkom1-3-13-0 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-6, 6px);

package/esm/buttons/notify-button/NotifyButton.sty.js

@@ -1,6 +1,6 @@
 import "./NotifyButton.css";
-var overlay = "_1j9pkom0-3-12-1";
-var toast = "_1j9pkom1-3-12-1";
+var overlay = "_1j9pkom0-3-13-0";
+var toast = "_1j9pkom1-3-13-0";
 export {
   overlay,
   toast

package/esm/buttons/notify-button/NotifyButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/notify-button/NotifyButton.css.ts"],
-  "sourcesContent": ["import './NotifyButton.css';\nexport var overlay = '_1j9pkom0-3-12-1';\nexport var toast = '_1j9pkom1-3-12-1';"],
+  "sourcesContent": ["import './NotifyButton.css';\nexport var overlay = '_1j9pkom0-3-13-0';\nexport var toast = '_1j9pkom1-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,QAAQ;",
   "names": []
 }

package/esm/charts/categorical-bar/CategoricalBarChartLayout.js

@@ -29,7 +29,7 @@ const CategoricalBarChartLayout = /* @__PURE__ */ forwardRef((props, forwardedRe
   const canShowLegend = isGrouped(groupMode) || isStacked(groupMode) && uniqueDimensions.length > 1;
   const {
     position: legendPosition,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     ratio,
     initialRatio,
     onRatioChange

package/esm/charts/categorical-bar/CategoricalBarChartLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/categorical-bar/CategoricalBarChartLayout.tsx"],
-  "sourcesContent": ["import { forwardRef, type JSX, type ReactNode, type RefObject } from 'react';\n\nimport { CategoricalBarChartInternal } from './CategoricalBarChartInternal.js';\nimport { CategoricalBarChartLegend } from './components/legend/CategoricalBarChartLegend.js';\nimport { useCategoricalBarChartBaseConfig } from './hooks/useCategoricalBarChartBaseConfig.js';\nimport { useCategoricalBarChartData } from './hooks/useCategoricalBarChartData.js';\nimport { CategoricalBarChartLegendConfiguration } from './types/categorical-bar-chart.js';\nimport { isGrouped, isStacked } from './utils/layout.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport type { ChartLayoutRef } from '../core/components/chart-layout/types/chart-layout.js';\n\ninterface CategoricalBarChartLayoutProps extends StylingProps, MaskingProps {\n  emptyState?: ReactNode;\n  errorState: ReactNode | ((errorMessage: string) => JSX.Element) | undefined;\n  legend: CategoricalBarChartLegendConfiguration;\n  isEmpty: boolean;\n  loading: boolean;\n  height?: string;\n  width?: number | string;\n  chartLayoutRef: RefObject<ChartLayoutRef | null>;\n  /**\n   * Component identifier for behavioral tracking\n   * @internal\n   */\n  'data-dt-component'?: string;\n}\n\nexport const CategoricalBarChartLayout = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  CategoricalBarChartLayoutProps\n>((props, forwardedRef) => {\n  const {\n    height,\n    width,\n    legend,\n    isEmpty,\n    loading,\n    errorState,\n    emptyState,\n    className,\n    style,\n    chartLayoutRef,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dt-component': dataDtComponent,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const { uniqueDimensions } = useCategoricalBarChartData();\n  const { groupMode } = useCategoricalBarChartBaseConfig();\n\n  const canShowLegend =\n    isGrouped(groupMode) ||\n    (isStacked(groupMode) && uniqueDimensions.length > 1);\n  const {\n    position: legendPosition,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n  } = legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const showLegend = canShowLegend && !legend.hidden;\n\n  return (\n    <ChartLayout\n      ref={chartLayoutRef}\n      chartHeight={height}\n      chartWidth={width}\n      isEmpty={isEmpty}\n      emptyState={emptyState}\n      errorState={errorState}\n      showLoader={loading}\n      className={className}\n      style={style}\n      {...behaviorTrackingProps}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component={dataDtComponent}\n    >\n      <ChartLayout.Graph>\n        <CategoricalBarChartInternal ref={forwardedRef} />\n      </ChartLayout.Graph>\n      {showLegend && (\n        <ChartLayout.Legend\n          position={legendPosition}\n          initialRatio={legendRatio}\n          onResize={onRatioChange}\n        >\n          <CategoricalBarChartLegend />\n        </ChartLayout.Legend>\n      )}\n    </ChartLayout>\n  );\n});\n\n(\n  CategoricalBarChartLayout as typeof CategoricalBarChartLayout & {\n    displayName: string;\n  }\n).displayName = 'CategoricalBarChartLayout';\n"],
+  "sourcesContent": ["import { forwardRef, type JSX, type ReactNode, type RefObject } from 'react';\n\nimport { CategoricalBarChartInternal } from './CategoricalBarChartInternal.js';\nimport { CategoricalBarChartLegend } from './components/legend/CategoricalBarChartLegend.js';\nimport { useCategoricalBarChartBaseConfig } from './hooks/useCategoricalBarChartBaseConfig.js';\nimport { useCategoricalBarChartData } from './hooks/useCategoricalBarChartData.js';\nimport { CategoricalBarChartLegendConfiguration } from './types/categorical-bar-chart.js';\nimport { isGrouped, isStacked } from './utils/layout.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport type { ChartLayoutRef } from '../core/components/chart-layout/types/chart-layout.js';\n\ninterface CategoricalBarChartLayoutProps extends StylingProps, MaskingProps {\n  emptyState?: ReactNode;\n  errorState: ReactNode | ((errorMessage: string) => JSX.Element) | undefined;\n  legend: CategoricalBarChartLegendConfiguration;\n  isEmpty: boolean;\n  loading: boolean;\n  height?: string;\n  width?: number | string;\n  chartLayoutRef: RefObject<ChartLayoutRef | null>;\n  /**\n   * Component identifier for behavioral tracking\n   * @internal\n   */\n  'data-dt-component'?: string;\n}\n\nexport const CategoricalBarChartLayout = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  CategoricalBarChartLayoutProps\n>((props, forwardedRef) => {\n  const {\n    height,\n    width,\n    legend,\n    isEmpty,\n    loading,\n    errorState,\n    emptyState,\n    className,\n    style,\n    chartLayoutRef,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dt-component': dataDtComponent,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n  const { uniqueDimensions } = useCategoricalBarChartData();\n  const { groupMode } = useCategoricalBarChartBaseConfig();\n\n  const canShowLegend =\n    isGrouped(groupMode) ||\n    (isStacked(groupMode) && uniqueDimensions.length > 1);\n  const {\n    position: legendPosition,\n    // oxlint-disable-next-line typescript/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n  } = legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const showLegend = canShowLegend && !legend.hidden;\n\n  return (\n    <ChartLayout\n      ref={chartLayoutRef}\n      chartHeight={height}\n      chartWidth={width}\n      isEmpty={isEmpty}\n      emptyState={emptyState}\n      errorState={errorState}\n      showLoader={loading}\n      className={className}\n      style={style}\n      {...behaviorTrackingProps}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component={dataDtComponent}\n    >\n      <ChartLayout.Graph>\n        <CategoricalBarChartInternal ref={forwardedRef} />\n      </ChartLayout.Graph>\n      {showLegend && (\n        <ChartLayout.Legend\n          position={legendPosition}\n          initialRatio={legendRatio}\n          onResize={onRatioChange}\n        >\n          <CategoricalBarChartLegend />\n        </ChartLayout.Legend>\n      )}\n    </ChartLayout>\n  );\n});\n\n(\n  CategoricalBarChartLayout as typeof CategoricalBarChartLayout & {\n    displayName: string;\n  }\n).displayName = 'CategoricalBarChartLayout';\n"],
   "mappings": "AAqEI,SAgBI,KAhBJ;AArEJ,SAAS,kBAA4D;AAErE,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,wCAAwC;AACjD,SAAS,kCAAkC;AAE3C,SAAS,WAAW,iBAAiB;AACrC,SAAS,kCAAkC;AAG3C,SAAS,mBAAmB;AAmBrB,MAAM,4BAA4C,2BAGvD,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,EACvB,IAAI;AACJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAChE,QAAM,EAAE,iBAAiB,IAAI,2BAA2B;AACxD,QAAM,EAAE,UAAU,IAAI,iCAAiC;AAEvD,QAAM,gBACJ,UAAU,SAAS,KAClB,UAAU,SAAS,KAAK,iBAAiB,SAAS;AACrD,QAAM;AAAA,IACJ,UAAU;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,cAAc,gBAAgB;AAEpC,QAAM,aAAa,iBAAiB,CAAC,OAAO;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAa;AAAA,MACb,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,qBAAmB;AAAA,MAEnB;AAAA,4BAAC,YAAY,OAAZ,EACC,8BAAC,+BAA4B,KAAK,cAAc,GAClD;AAAA,QACC,cACC;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YACC,UAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YAEV,8BAAC,6BAA0B;AAAA;AAAA,QAC7B;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAGC,0BAGA,cAAc;",
   "names": []
 }

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.css

@@ -1,9 +1,9 @@
-._1wi8enr0-3-12-1 {
+._1wi8enr0-3-13-0 {
   cursor: crosshair;
   overflow: visible;
   z-index: 1;
 }
-._1wi8enr1-3-12-1 {
+._1wi8enr1-3-13-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.sty.js

@@ -1,7 +1,7 @@
 import "../../../../core/components/chart-grid/ChartGrid.css";
 import "./CategoricalBarChartInspectOverlay.css";
-var crosshairLayout = "_1wi8enr0-3-12-1 _13lzg4k0-3-12-1";
-var dataPointLayout = "_1wi8enr1-3-12-1 _13lzg4k0-3-12-1";
+var crosshairLayout = "_1wi8enr0-3-13-0 _13lzg4k0-3-13-0";
+var dataPointLayout = "_1wi8enr1-3-13-0 _13lzg4k0-3-13-0";
 export {
   crosshairLayout,
   dataPointLayout

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-12-1 _13lzg4k0-3-12-1';\nexport var dataPointLayout = '_1wi8enr1-3-12-1 _13lzg4k0-3-12-1';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-13-0 _13lzg4k0-3-13-0';\nexport var dataPointLayout = '_1wi8enr1-3-13-0 _13lzg4k0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/categorical-bar/components/interactions/tooltip/CategoricalBarChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/categorical-bar/components/interactions/tooltip/CategoricalBarChartTooltip.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { useMemo, type MouseEvent as ReactMouseEvent } from 'react';\n\nimport {\n  getClosestCategory,\n  getSortedTooltipItems,\n} from './categorical-tooltip.js';\nimport { CategoricalBarChartTooltipWrapper } from './CategoricalBarChartTooltipWrapper.js';\nimport { ChartActionsMenu } from '../../../../core/components/series-action/ChartActionsMenu.js';\nimport { useChartActionsMenu } from '../../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { getDefaultAction } from '../../../../core/components/series-action/hooks/useDefaultAction.js';\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { SeriesBasedContent } from '../../../../core/components/tooltip/InteractiveChartTooltip/contents/SeriesBasedContent.js';\nimport { CategoricalTooltipHeader } from '../../../../core/components/tooltip/InteractiveChartTooltip/headers/CategoricalTooltipHeader.js';\nimport { useSeriesBasedItemEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/hooks/useSeriesBasedItemEstimatedSize.js';\nimport { useTooltipSeriesActions } from '../../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport type { ChartUnit } from '../../../../core/types/chart-unit.js';\nimport { Formatter } from '../../../../core/types/formatter.js';\nimport { TooltipItem } from '../../../../core/types/tooltip.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { VARIANT_GROUPED } from '../../../constants.js';\nimport { useTooltipState } from '../../../hooks/store/selectors.js';\nimport { useCategoricalBarChartScales } from '../../../hooks/useCategoricalBarChartScales.js';\nimport { useCategoricalBarChartTooltip } from '../../../hooks/useCategoricalBarChartTooltip.js';\nimport { useCategoricalBarFilteredData } from '../../../hooks/useCategoricalBarFilteredData.js';\nimport { useTruncationMode } from '../../../hooks/useTruncationMode.js';\nimport {\n  Dimension,\n  DimensionXYPoint,\n} from '../../../types/categorical-bar-chart-data.js';\nimport { useSeriesActionClickHandler } from '../hooks/useSeriesActionClickHandler.js';\n\ninterface CategoricalBarChartTooltipProps {\n  /** Closest point to the mouse position & the x and y position of the tooltip */\n  closestDimensionPoint?: DimensionXYPoint;\n  hasHeader: boolean;\n  formatter: Formatter;\n  unit?: ChartUnit;\n}\n\n/**\n * Tooltip specific to the CategoricalBarChart.\n */\nexport function CategoricalBarChartTooltip({\n  closestDimensionPoint,\n  hasHeader,\n  formatter,\n  unit,\n}: CategoricalBarChartTooltipProps) {\n  const { visibleTooltip } = useTooltipState();\n  const { variant } = useCategoricalBarChartTooltip();\n  const truncationMode = useTruncationMode();\n  const {\n    filteredCategories: categories,\n    dimensionMap,\n    categoryMap,\n  } = useCategoricalBarFilteredData();\n  const {\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    selectedItem,\n    updateSelectedItem,\n    actionsMenuRef,\n    isScrolling,\n  } = useChartActionsMenu();\n  const grouped = variant === VARIANT_GROUPED;\n  const closestCategory = useMemo(\n    () => getClosestCategory(categories, dimensionMap, closestDimensionPoint),\n    [categories, dimensionMap, closestDimensionPoint],\n  );\n  const { valueScale } = useCategoricalBarChartScales();\n  const sortedTooltipItems = useMemo(\n    () =>\n      getSortedTooltipItems(\n        dimensionMap,\n        closestDimensionPoint,\n        grouped,\n        closestCategory,\n        formatter,\n        valueScale,\n        unit,\n      ),\n    [\n      dimensionMap,\n      closestDimensionPoint,\n      grouped,\n      closestCategory,\n      formatter,\n      valueScale,\n      unit,\n    ],\n  );\n\n  const actionClickHandler = useSeriesActionClickHandler(\n    sortedTooltipItems.length > 1,\n  );\n  const handleActionClick = (event: ReactMouseEvent) => {\n    actionClickHandler(event);\n    // Close this item's action menu once its action has run; the tooltip\n    // itself must stay open/pinned exactly as it was.\n    updateSelectedItem('');\n  };\n\n  const seriesActions = useTooltipSeriesActions<Dimension>(\n    closestCategory?.dimensions,\n    (dimension) => safeGet(dimensionMap, dimension).id,\n  );\n\n  const estimatedItemSize = useSeriesBasedItemEstimatedSize(\n    sortedTooltipItems,\n    'single-line',\n  );\n\n  const showTooltip = sortedTooltipItems.length && visibleTooltip;\n\n  const headerItem = hasHeader\n    ? closestDimensionPoint &&\n      sortedTooltipItems.find(\n        (item) => item.id === closestDimensionPoint.datapoint.id,\n      )\n    : undefined;\n\n  const bodyItems = headerItem\n    ? sortedTooltipItems.filter((item) => item !== headerItem)\n    : sortedTooltipItems;\n\n  const renderBodyItem = (item: TooltipItem, index: number) => {\n    const isOpen = selectedItem === item.id;\n\n    const handleRowClickCapture = (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (isOpen) {\n        return;\n      }\n      // ChartActionsMenu treats any bubbled click as an executed action.\n      // Stop the opening tap/click here so it only opens the menu instead\n      // of misfiring the (not yet visible) action.\n      event.stopPropagation();\n      updateSelectedItem(item.id);\n    };\n\n    return (\n      <div\n        key={item.id}\n        role=\"none\"\n        style={{ pointerEvents: 'auto' }}\n        onClickCapture={handleRowClickCapture}\n      >\n        <ChartActionsMenu\n          isOpen={isOpen}\n          actions={isOpen ? seriesActions(item) : undefined}\n          defaultActions={getDefaultAction(item)}\n          ref={actionsMenuRef}\n          onActionClick={handleActionClick}\n        >\n          <SeriesBasedContent\n            item={item}\n            onMouseHover={() => updateSelectedItem(item.id)}\n            showDivider={index !== bodyItems.length - 1}\n            truncationMode={truncationMode}\n            isScrolling={isScrolling}\n          />\n        </ChartActionsMenu>\n      </div>\n    );\n  };\n\n  return showTooltip ? (\n    <div\n      role=\"none\"\n      onClick={(event) => event.stopPropagation()}\n      onMouseMove={(event) => event.stopPropagation()}\n    >\n      <CategoricalBarChartTooltipWrapper\n        onMouseLeave={handleMenuLeave}\n        onScrollContent={handleMenuScroll}\n        estimatedItemSize={estimatedItemSize}\n      >\n        <InteractiveChartTooltip.Header>\n          {hasHeader && (\n            <CategoricalTooltipHeader\n              name={safeGet(categoryMap, closestCategory).name}\n              item={headerItem}\n            />\n          )}\n        </InteractiveChartTooltip.Header>\n        {bodyItems && (\n          <InteractiveChartTooltip.Body>\n            {bodyItems.map(\n              (item, index) => () =>\n                item !== headerItem && renderBodyItem(item, index),\n            )}\n          </InteractiveChartTooltip.Body>\n        )}\n      </CategoricalBarChartTooltipWrapper>\n    </div>\n  ) : null;\n}\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { useMemo, type MouseEvent as ReactMouseEvent } from 'react';\n\nimport {\n  getClosestCategory,\n  getSortedTooltipItems,\n} from './categorical-tooltip.js';\nimport { CategoricalBarChartTooltipWrapper } from './CategoricalBarChartTooltipWrapper.js';\nimport { ChartActionsMenu } from '../../../../core/components/series-action/ChartActionsMenu.js';\nimport { useChartActionsMenu } from '../../../../core/components/series-action/hooks/useChartActionsMenu.js';\nimport { getDefaultAction } from '../../../../core/components/series-action/hooks/useDefaultAction.js';\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { SeriesBasedContent } from '../../../../core/components/tooltip/InteractiveChartTooltip/contents/SeriesBasedContent.js';\nimport { CategoricalTooltipHeader } from '../../../../core/components/tooltip/InteractiveChartTooltip/headers/CategoricalTooltipHeader.js';\nimport { useSeriesBasedItemEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/hooks/useSeriesBasedItemEstimatedSize.js';\nimport { useTooltipSeriesActions } from '../../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport type { ChartUnit } from '../../../../core/types/chart-unit.js';\nimport { Formatter } from '../../../../core/types/formatter.js';\nimport { TooltipItem } from '../../../../core/types/tooltip.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { VARIANT_GROUPED } from '../../../constants.js';\nimport { useTooltipState } from '../../../hooks/store/selectors.js';\nimport { useCategoricalBarChartScales } from '../../../hooks/useCategoricalBarChartScales.js';\nimport { useCategoricalBarChartTooltip } from '../../../hooks/useCategoricalBarChartTooltip.js';\nimport { useCategoricalBarFilteredData } from '../../../hooks/useCategoricalBarFilteredData.js';\nimport { useTruncationMode } from '../../../hooks/useTruncationMode.js';\nimport {\n  Dimension,\n  DimensionXYPoint,\n} from '../../../types/categorical-bar-chart-data.js';\nimport { useSeriesActionClickHandler } from '../hooks/useSeriesActionClickHandler.js';\n\ninterface CategoricalBarChartTooltipProps {\n  /** Closest point to the mouse position & the x and y position of the tooltip */\n  closestDimensionPoint?: DimensionXYPoint;\n  hasHeader: boolean;\n  formatter: Formatter;\n  unit?: ChartUnit;\n}\n\n/**\n * Tooltip specific to the CategoricalBarChart.\n */\nexport function CategoricalBarChartTooltip({\n  closestDimensionPoint,\n  hasHeader,\n  formatter,\n  unit,\n}: CategoricalBarChartTooltipProps) {\n  const { visibleTooltip } = useTooltipState();\n  const { variant } = useCategoricalBarChartTooltip();\n  const truncationMode = useTruncationMode();\n  const {\n    filteredCategories: categories,\n    dimensionMap,\n    categoryMap,\n  } = useCategoricalBarFilteredData();\n  const {\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    selectedItem,\n    updateSelectedItem,\n    actionsMenuRef,\n    isScrolling,\n  } = useChartActionsMenu();\n  const grouped = variant === VARIANT_GROUPED;\n  const closestCategory = useMemo(\n    () => getClosestCategory(categories, dimensionMap, closestDimensionPoint),\n    [categories, dimensionMap, closestDimensionPoint],\n  );\n  const { valueScale } = useCategoricalBarChartScales();\n  const sortedTooltipItems = useMemo(\n    () =>\n      getSortedTooltipItems(\n        dimensionMap,\n        closestDimensionPoint,\n        grouped,\n        closestCategory,\n        formatter,\n        valueScale,\n        unit,\n      ),\n    [\n      dimensionMap,\n      closestDimensionPoint,\n      grouped,\n      closestCategory,\n      formatter,\n      valueScale,\n      unit,\n    ],\n  );\n\n  const actionClickHandler = useSeriesActionClickHandler(\n    sortedTooltipItems.length > 1,\n  );\n  const handleActionClick = (event: ReactMouseEvent) => {\n    actionClickHandler(event);\n    // Close this item's action menu once its action has run; the tooltip\n    // itself must stay open/pinned exactly as it was.\n    updateSelectedItem('');\n  };\n\n  const seriesActions = useTooltipSeriesActions<Dimension>(\n    closestCategory?.dimensions,\n    (dimension) => safeGet(dimensionMap, dimension).id,\n  );\n\n  const estimatedItemSize = useSeriesBasedItemEstimatedSize(\n    sortedTooltipItems,\n    'single-line',\n  );\n\n  const showTooltip = sortedTooltipItems.length && visibleTooltip;\n\n  const headerItem = hasHeader\n    ? closestDimensionPoint &&\n      sortedTooltipItems.find(\n        (item) => item.id === closestDimensionPoint.datapoint.id,\n      )\n    : undefined;\n\n  const bodyItems = headerItem\n    ? sortedTooltipItems.filter((item) => item !== headerItem)\n    : sortedTooltipItems;\n\n  const renderBodyItem = (item: TooltipItem, index: number) => {\n    const isOpen = selectedItem === item.id;\n\n    const handleRowClickCapture = (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (isOpen) {\n        return;\n      }\n      // ChartActionsMenu treats any bubbled click as an executed action.\n      // Stop the opening tap/click here so it only opens the menu instead\n      // of misfiring the (not yet visible) action.\n      event.stopPropagation();\n      updateSelectedItem(item.id);\n    };\n\n    return (\n      <div\n        key={item.id}\n        role=\"none\"\n        style={{ pointerEvents: 'auto' }}\n        onClickCapture={handleRowClickCapture}\n      >\n        <ChartActionsMenu\n          isOpen={isOpen}\n          actions={isOpen ? seriesActions(item) : undefined}\n          defaultActions={getDefaultAction(item)}\n          ref={actionsMenuRef}\n          onActionClick={handleActionClick}\n        >\n          <SeriesBasedContent\n            item={item}\n            onMouseHover={() => updateSelectedItem(item.id)}\n            showDivider={index !== bodyItems.length - 1}\n            truncationMode={truncationMode}\n            isScrolling={isScrolling}\n          />\n        </ChartActionsMenu>\n      </div>\n    );\n  };\n\n  return showTooltip ? (\n    <div\n      role=\"none\"\n      onClick={(event) => event.stopPropagation()}\n      onMouseMove={(event) => event.stopPropagation()}\n    >\n      <CategoricalBarChartTooltipWrapper\n        onMouseLeave={handleMenuLeave}\n        onScrollContent={handleMenuScroll}\n        estimatedItemSize={estimatedItemSize}\n      >\n        <InteractiveChartTooltip.Header>\n          {hasHeader && (\n            <CategoricalTooltipHeader\n              name={safeGet(categoryMap, closestCategory).name}\n              item={headerItem}\n            />\n          )}\n        </InteractiveChartTooltip.Header>\n        {bodyItems && (\n          <InteractiveChartTooltip.Body>\n            {bodyItems.map(\n              (item, index) => () =>\n                item !== headerItem && renderBodyItem(item, index),\n            )}\n          </InteractiveChartTooltip.Body>\n        )}\n      </CategoricalBarChartTooltipWrapper>\n    </div>\n  ) : null;\n}\n"],
   "mappings": "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",
   "names": []
 }

package/esm/charts/categorical-bar/components/interactions/tooltip/CategoricalBarChartTooltipWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/categorical-bar/components/interactions/tooltip/CategoricalBarChartTooltipWrapper.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { isUndefined } from 'lodash-es';\nimport {\n  type PropsWithChildren,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\n\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { VirtualEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/types/virtual-estimated-size.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { calculateAdjustedTooltipPosition } from '../../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport {\n  useMousePositionState,\n  useTooltipState,\n} from '../../../hooks/store/selectors.js';\nimport { useCategoricalBarChartOverlayRef } from '../../../hooks/useCategoricalBarChartOverlayRef.js';\n\ninterface CategoricalBarChartTooltipWrapperProps {\n  onMouseLeave: (event?: ReactMouseEvent) => void;\n  onScrollContent: (event?: Event) => void;\n  estimatedItemSize: VirtualEstimatedSize;\n}\n\nconst ADJUSTED_LAYOUT_OFFSET = { x: -10, y: 30 };\n\nexport const CategoricalBarChartTooltipWrapper = ({\n  onMouseLeave,\n  onScrollContent,\n  estimatedItemSize,\n  children,\n}: PropsWithChildren<CategoricalBarChartTooltipWrapperProps>) => {\n  const { pinnedTooltip } = useTooltipState();\n  const mousePosition = useMousePositionState();\n  const chartRef = useCategoricalBarChartOverlayRef();\n  const bounds = useScrollResponsiveChartBounds(chartRef, pinnedTooltip)();\n\n  if (isUndefined(mousePosition?.absolute)) {\n    return null;\n  }\n\n  const adjustedPosition = calculateAdjustedTooltipPosition(\n    bounds,\n    mousePosition,\n    ADJUSTED_LAYOUT_OFFSET,\n  );\n\n  if (!adjustedPosition) {\n    return null;\n  }\n\n  return (\n    <InteractiveChartTooltip\n      position={adjustedPosition}\n      pinned={pinnedTooltip}\n      itemSize={estimatedItemSize}\n      updatePositionWhenPinned={true}\n      onMouseLeave={onMouseLeave}\n      onScrollContent={onScrollContent}\n    >\n      {children}\n    </InteractiveChartTooltip>\n  );\n};\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { isUndefined } from 'lodash-es';\nimport {\n  type PropsWithChildren,\n  type MouseEvent as ReactMouseEvent,\n} from 'react';\n\nimport { InteractiveChartTooltip } from '../../../../core/components/tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.js';\nimport { VirtualEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/types/virtual-estimated-size.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { calculateAdjustedTooltipPosition } from '../../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport {\n  useMousePositionState,\n  useTooltipState,\n} from '../../../hooks/store/selectors.js';\nimport { useCategoricalBarChartOverlayRef } from '../../../hooks/useCategoricalBarChartOverlayRef.js';\n\ninterface CategoricalBarChartTooltipWrapperProps {\n  onMouseLeave: (event?: ReactMouseEvent) => void;\n  onScrollContent: (event?: Event) => void;\n  estimatedItemSize: VirtualEstimatedSize;\n}\n\nconst ADJUSTED_LAYOUT_OFFSET = { x: -10, y: 30 };\n\nexport const CategoricalBarChartTooltipWrapper = ({\n  onMouseLeave,\n  onScrollContent,\n  estimatedItemSize,\n  children,\n}: PropsWithChildren<CategoricalBarChartTooltipWrapperProps>) => {\n  const { pinnedTooltip } = useTooltipState();\n  const mousePosition = useMousePositionState();\n  const chartRef = useCategoricalBarChartOverlayRef();\n  const bounds = useScrollResponsiveChartBounds(chartRef, pinnedTooltip)();\n\n  if (isUndefined(mousePosition?.absolute)) {\n    return null;\n  }\n\n  const adjustedPosition = calculateAdjustedTooltipPosition(\n    bounds,\n    mousePosition,\n    ADJUSTED_LAYOUT_OFFSET,\n  );\n\n  if (!adjustedPosition) {\n    return null;\n  }\n\n  return (\n    <InteractiveChartTooltip\n      position={adjustedPosition}\n      pinned={pinnedTooltip}\n      itemSize={estimatedItemSize}\n      updatePositionWhenPinned={true}\n      onMouseLeave={onMouseLeave}\n      onScrollContent={onScrollContent}\n    >\n      {children}\n    </InteractiveChartTooltip>\n  );\n};\n"],
   "mappings": "AAmDI;AAlDJ,SAAS,mBAAmB;AAM5B,SAAS,+BAA+B;AAExC,SAAS,sCAAsC;AAC/C,SAAS,wCAAwC;AACjD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wCAAwC;AAQjD,MAAM,yBAAyB,EAAE,GAAG,KAAK,GAAG,GAAG;AAExC,MAAM,oCAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiE;AAC/D,QAAM,EAAE,cAAc,IAAI,gBAAgB;AAC1C,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,WAAW,iCAAiC;AAClD,QAAM,SAAS,+BAA+B,UAAU,aAAa,EAAE;AAEvE,MAAI,YAAY,eAAe,QAAQ,GAAG;AACxC,WAAO;AAAA,EACT;AAEA,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,CAAC,kBAAkB;AACrB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/categorical-bar/providers/StoreProvider.js

@@ -5,7 +5,7 @@ import { CategoricalBarChartStateContext } from "../contexts/CategoricalBarChart
 import { initialState } from "../types/state.js";
 const StoreProvider = ({ children }) => {
   const storeRef = useRef(null);
-  storeRef.current = createStore(initialState);
+  storeRef.current ??= createStore(initialState);
   return /* @__PURE__ */ jsx(CategoricalBarChartStateContext.Provider, { value: storeRef.current, children });
 };
 export {

package/esm/charts/categorical-bar/providers/StoreProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/categorical-bar/providers/StoreProvider.tsx"],
-  "sourcesContent": ["import { type ReactNode, useRef } from 'react';\n\nimport { createStore, type Store } from '../../../core/store/store.js';\nimport { CategoricalBarChartStateContext } from '../contexts/CategoricalBarChartState.context.js';\nimport { type CategoricalBarChartState, initialState } from '../types/state.js';\n\nexport const StoreProvider = ({ children }: { children: ReactNode }) => {\n  const storeRef = useRef<Store<CategoricalBarChartState> | null>(null);\n\n  storeRef.current = createStore<CategoricalBarChartState>(initialState);\n\n  return (\n    <CategoricalBarChartStateContext.Provider value={storeRef.current}>\n      {children}\n    </CategoricalBarChartStateContext.Provider>\n  );\n};\n"],
-  "mappings": "AAYI;AAZJ,SAAyB,cAAc;AAEvC,SAAS,mBAA+B;AACxC,SAAS,uCAAuC;AAChD,SAAwC,oBAAoB;AAErD,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA+B;AACtE,QAAM,WAAW,OAA+C,IAAI;AAEpE,WAAS,UAAU,YAAsC,YAAY;AAErE,SACE,oBAAC,gCAAgC,UAAhC,EAAyC,OAAO,SAAS,SACvD,UACH;AAEJ;",
+  "sourcesContent": ["import { type ReactNode, useRef } from 'react';\n\nimport { createStore, type Store } from '../../../core/store/store.js';\nimport { CategoricalBarChartStateContext } from '../contexts/CategoricalBarChartState.context.js';\nimport { type CategoricalBarChartState, initialState } from '../types/state.js';\n\nexport const StoreProvider = ({ children }: { children: ReactNode }) => {\n  const storeRef = useRef<Store<CategoricalBarChartState> | null>(null);\n\n  storeRef.current ??= createStore<CategoricalBarChartState>(initialState);\n\n  return (\n    <CategoricalBarChartStateContext.Provider value={storeRef.current}>\n      {children}\n    </CategoricalBarChartStateContext.Provider>\n  );\n};\n"],
+  "mappings": "AAYI;AAZJ,SAAyB,cAAc;AAEvC,SAAS,mBAA+B;AACxC,SAAS,uCAAuC;AAChD,SAAwC,oBAAoB;AAErD,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA+B;AACtE,QAAM,WAAW,OAA+C,IAAI;AAEpE,WAAS,YAAY,YAAsC,YAAY;AAEvE,SACE,oBAAC,gCAAgC,UAAhC,EAAyC,OAAO,SAAS,SACvD,UACH;AAEJ;",
   "names": []
 }