@dynatrace/strato-components 3.6.0 → 3.7.0

package/editors/dql-editor/dql/messages.d.ts

@@ -0,0 +1,17 @@
+export declare const dqlEditorMessages: {
+    openPanel: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+    closePanel: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+    dqlSyntaxLink: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+};

package/editors/dql-editor/dql/messages.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var messages_exports = {};
+__export(messages_exports, {
+  dqlEditorMessages: () => dqlEditorMessages
+});
+module.exports = __toCommonJS(messages_exports);
+var import_react_intl = require("react-intl");
+const dqlEditorMessages = (0, import_react_intl.defineMessages)({
+  openPanel: {
+    defaultMessage: "Open",
+    id: "QPVwTdDxajDwh62B",
+    description: "Label next to the Ctrl+Space keyboard shortcut in the DQL editor autocomplete info section, describing the action the shortcut triggers."
+  },
+  closePanel: {
+    defaultMessage: "Close",
+    id: "i7ML7nsvim1vfXlT",
+    description: "Label next to the Esc keyboard shortcut in the DQL editor autocomplete info section, describing the action the shortcut triggers."
+  },
+  dqlSyntaxLink: {
+    defaultMessage: "DQL syntax",
+    id: "anCkyfyzovTz3qtv",
+    description: "Link text in the DQL editor autocomplete info section, pointing to the external DQL syntax documentation."
+  }
+});

package/editors/dql-editor/dql/suggestions-info-section-extension.d.ts

@@ -0,0 +1 @@
+export declare const suggestionsInfoSectionExtension: import("@codemirror/state").Extension[];

package/editors/dql-editor/dql/suggestions-info-section-extension.js

@@ -0,0 +1,126 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var suggestions_info_section_extension_exports = {};
+__export(suggestions_info_section_extension_exports, {
+  suggestionsInfoSectionExtension: () => suggestionsInfoSectionExtension
+});
+module.exports = __toCommonJS(suggestions_info_section_extension_exports);
+var import_autocomplete = require("@codemirror/autocomplete");
+var import_view = require("@codemirror/view");
+var import_react = require("react");
+var import_client = require("react-dom/client");
+var import_react_intl = require("react-intl");
+var import_borders = __toESM(require("@dynatrace/strato-design-tokens/borders"));
+var import_box_shadows = __toESM(require("@dynatrace/strato-design-tokens/box-shadows"));
+var import_colors = __toESM(require("@dynatrace/strato-design-tokens/colors"));
+var import_spacings = __toESM(require("@dynatrace/strato-design-tokens/spacings"));
+var import_SuggestionsInfoSection = require("./SuggestionsInfoSection.js");
+const SUGGESTIONS_INFO_ATTR = "data-dql-suggestions-info";
+function findTooltipElement() {
+  return document.querySelector(".cm-tooltip-autocomplete");
+}
+const suggestionsInfoSectionTheme = import_view.EditorView.baseTheme({
+  ".cm-tooltip.cm-tooltip-autocomplete": {
+    background: "transparent !important",
+    boxShadow: "none !important",
+    padding: "0 !important",
+    borderRadius: "0 !important",
+    display: "flex !important",
+    flexDirection: "column",
+    gap: import_spacings.default.Size4,
+    // Override the fixed `width: 500px` from the base editor config with a
+    // responsive width, so the tooltip shrinks on narrow viewports. This is
+    // what allows the container query in `SuggestionsInfoSection.css.ts` to
+    // actually fire and reflow the info section to a column layout.
+    width: `min(500px, calc(100vw - ${import_spacings.default.Size16}))`
+  },
+  ".cm-tooltip.cm-tooltip-autocomplete > ul": {
+    background: import_colors.default.Background.Surface.Default,
+    borderRadius: import_borders.default.Radius.Surface.Subdued,
+    boxShadow: import_box_shadows.default.Surface.Floating.Rest,
+    padding: `${import_spacings.default.Size4} !important`,
+    flex: "0 1 auto",
+    minHeight: 0
+  },
+  // Pin the info section to the bottom regardless of DOM insertion order:
+  // CodeMirror sometimes appends new children (e.g. the rebuilt `ul`) after our
+  // section, leaving it visually above the suggestions. Setting a higher `order`
+  // value forces flex to render it last while the `ul` keeps the default 0.
+  [`.cm-tooltip.cm-tooltip-autocomplete > [${SUGGESTIONS_INFO_ATTR}]`]: {
+    order: 1
+  }
+});
+const suggestionsInfoSectionPlugin = import_view.ViewPlugin.fromClass(
+  class {
+    container = null;
+    root = null;
+    update(update) {
+      const status = (0, import_autocomplete.completionStatus)(update.state);
+      if (status === null) {
+        this.unmount();
+        return;
+      }
+      queueMicrotask(() => {
+        if (this.container?.isConnected) {
+          return;
+        }
+        this.unmount();
+        const tooltipEl = findTooltipElement();
+        if (tooltipEl) {
+          this.mount(tooltipEl);
+        }
+      });
+    }
+    mount(tooltipEl) {
+      this.container = document.createElement("div");
+      this.container.setAttribute(SUGGESTIONS_INFO_ATTR, "");
+      tooltipEl.appendChild(this.container);
+      this.root = (0, import_client.createRoot)(this.container);
+      this.root.render(
+        (0, import_react.createElement)(
+          import_react_intl.IntlProvider,
+          { locale: "en", defaultLocale: "en", messages: {} },
+          (0, import_react.createElement)(import_SuggestionsInfoSection.SuggestionsInfoSection)
+        )
+      );
+    }
+    unmount() {
+      this.root?.unmount();
+      this.root = null;
+      this.container?.remove();
+      this.container = null;
+    }
+    destroy() {
+      this.unmount();
+    }
+  }
+);
+const suggestionsInfoSectionExtension = [
+  suggestionsInfoSectionTheme,
+  suggestionsInfoSectionPlugin
+];

package/editors/index.d.ts

@@ -1,5 +1,5 @@
 export { BaseCodeEditor as _BaseCodeEditor } from './base-code-editor/BaseCodeEditor.js';
-export type { BaseCodeEditorProps as _BaseCodeEditorProps, BaseCodeEditorRef as _BaseCodeEditorRef, } from './base-code-editor/BaseCodeEditor.js';
+export type { BaseCodeEditorBaseProps as _BaseCodeEditorBaseProps, BaseCodeEditorControlledProps as _BaseCodeEditorControlledProps, BaseCodeEditorProps as _BaseCodeEditorProps, BaseCodeEditorRef as _BaseCodeEditorRef, BaseCodeEditorUncontrolledProps as _BaseCodeEditorUncontrolledProps, } from './base-code-editor/BaseCodeEditor.js';
 export type { AutocompleteProvider as _AutocompleteProvider, AutocompletionResult as _AutocompletionResult, Suggestion as _Suggestion, } from './base-code-editor/auto-completion/autocompletion.extension.js';
 export type { ListAutocompletionConfig as _ListAutocompletionConfig } from './base-code-editor/auto-completion/list/list-autocompletion-types.js';
 export type { AutocompletionOptions as _AutocompletionOptions, EditorLanguageConfiguration as _EditorLanguageConfiguration, } from './base-code-editor/configuration/configuration.js';
@@ -7,10 +7,10 @@ export { getAutocompleteExtensions as _getAutocompleteExtensions } from './base-
 export type { GutterConfiguration } from './base-code-editor/configuration/getDefaultConfigurations.js';
 export type { IntlProps as _IntlProps } from './base-code-editor/utils/render-node.js';
 export { CodeEditor } from './code-editor/CodeEditor.js';
-export type { CodeEditorProps, CodeEditorRef, } from './code-editor/CodeEditor.js';
+export type { CodeEditorBaseProps, CodeEditorControlledProps, CodeEditorProps, CodeEditorRef, CodeEditorUncontrolledProps, } from './code-editor/CodeEditor.js';
 export { codeEditorLanguages as _codeEditorLanguages } from './code-editor/languages/languages.js';
 export { DQLEditor } from './dql-editor/DQLEditor.js';
 export type { DQLEditorValidityInfo } from './dql-editor/dql-editor-types.js';
-export type { DQLEditorProps, DQLEditorRef } from './dql-editor/DQLEditor.js';
+export type { DQLEditorBaseProps, DQLEditorControlledProps, DQLEditorProps, DQLEditorRef, DQLEditorUncontrolledProps, } from './dql-editor/DQLEditor.js';
 export { getDqlConfig as _getDqlConfig } from './dql-editor/dql/dql-language.js';
 export { useValidityInfo as _useValidityInfo } from './dql-editor/useValidityInfo.js';

package/esm/buttons/button/Button.css

@@ -1,13 +1,13 @@
-._10kgnsa0-3-6-0 {
+._10kgnsa0-3-7-0 {
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-default-size, 14px);
   line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: none;
-  background: var(--_bx32h3-3-6-0);
-  box-shadow: var(--_bx32h4-3-6-0);
-  color: var(--_bx32h0-3-6-0);
+  background: var(--_bx32h3-3-7-0);
+  box-shadow: var(--_bx32h4-3-7-0);
+  color: var(--_bx32h0-3-7-0);
   display: inline-flex;
   position: relative;
   align-items: center;
@@ -24,38 +24,38 @@
   transition-duration: var(--dt-animations-hover-duration-base, 150ms);
   transition-property: color, background-color, box-shadow, transform;
 }
-._10kgnsa1-3-6-0 {
+._10kgnsa1-3-7-0 {
   text-align: start;
   justify-content: space-between;
 }
-._10kgnsa2-3-6-0 {
+._10kgnsa2-3-7-0 {
   text-align: center;
   justify-content: center;
 }
-._10kgnsa3-3-6-0 {
+._10kgnsa3-3-7-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   gap: var(--dt-spacings-size-2, 2px);
 }
-._10kgnsa4-3-6-0 {
+._10kgnsa4-3-7-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
   gap: var(--dt-spacings-size-4, 4px);
 }
-._10kgnsa5-3-6-0 {
+._10kgnsa5-3-7-0 {
   cursor: not-allowed;
 }
-._10kgnsa6-3-6-0 {
+._10kgnsa6-3-7-0 {
   width: 100%;
 }
-._10kgnsa7-3-6-0 {
+._10kgnsa7-3-7-0 {
   width: fit-content;
 }
-._10kgnsa8-3-6-0 {
+._10kgnsa8-3-7-0 {
   position: absolute;
   top: 0;
   left: 0;
@@ -67,19 +67,19 @@
   align-items: center;
   z-index: 1;
 }
-._10kgnsa3-3-6-0 ._10kgnsa9-3-6-0:not(:has(svg:only-child)) {
+._10kgnsa3-3-7-0 ._10kgnsa9-3-7-0:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 2px;
   padding-right: 2px;
 }
-._10kgnsa4-3-6-0 ._10kgnsa9-3-6-0:not(:has(svg:only-child)) {
+._10kgnsa4-3-7-0 ._10kgnsa9-3-7-0:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 4px;
   padding-right: 4px;
 }
-._10kgnsab-3-6-0 {
+._10kgnsab-3-7-0 {
   display: inline-flex;
   min-width: 0;
   max-width: 100%;

package/esm/buttons/button/Button.sty.js

@@ -3,10 +3,10 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./Button.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var button = _7a468({ defaultClassName: "_10kgnsa0-3-6-0", variantClassNames: { textAlign: { start: "_10kgnsa1-3-6-0", center: "_10kgnsa2-3-6-0" }, size: { condensed: "_10kgnsa3-3-6-0", "default": "_10kgnsa4-3-6-0" }, disabled: { true: "_10kgnsa5-3-6-0" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
-var label = _7a468({ defaultClassName: "_10kgnsa9-3-6-0", variantClassNames: { textual: { true: "_oqqp1n0-3-6-0", false: "_10kgnsab-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
-var loading = "_10kgnsa8-3-6-0";
-var widths = { full: "_10kgnsa6-3-6-0", content: "_10kgnsa7-3-6-0" };
+var button = _7a468({ defaultClassName: "_10kgnsa0-3-7-0", variantClassNames: { textAlign: { start: "_10kgnsa1-3-7-0", center: "_10kgnsa2-3-7-0" }, size: { condensed: "_10kgnsa3-3-7-0", "default": "_10kgnsa4-3-7-0" }, disabled: { true: "_10kgnsa5-3-7-0" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
+var label = _7a468({ defaultClassName: "_10kgnsa9-3-7-0", variantClassNames: { textual: { true: "_oqqp1n0-3-7-0", false: "_10kgnsab-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var loading = "_10kgnsa8-3-7-0";
+var widths = { full: "_10kgnsa6-3-7-0", content: "_10kgnsa7-3-7-0" };
 export {
   button,
   label,

package/esm/buttons/button/Button.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/button/Button.css.ts"],
-  "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_10kgnsa0-3-6-0',variantClassNames:{textAlign:{start:'_10kgnsa1-3-6-0',center:'_10kgnsa2-3-6-0'},size:{condensed:'_10kgnsa3-3-6-0','default':'_10kgnsa4-3-6-0'},disabled:{true:'_10kgnsa5-3-6-0'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var label = _7a468({defaultClassName:'_10kgnsa9-3-6-0',variantClassNames:{textual:{true:'_oqqp1n0-3-6-0',false:'_10kgnsab-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var loading = '_10kgnsa8-3-6-0';\nexport var widths = {full:'_10kgnsa6-3-6-0',content:'_10kgnsa7-3-6-0'};"],
+  "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_10kgnsa0-3-7-0',variantClassNames:{textAlign:{start:'_10kgnsa1-3-7-0',center:'_10kgnsa2-3-7-0'},size:{condensed:'_10kgnsa3-3-7-0','default':'_10kgnsa4-3-7-0'},disabled:{true:'_10kgnsa5-3-7-0'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var label = _7a468({defaultClassName:'_10kgnsa9-3-7-0',variantClassNames:{textual:{true:'_oqqp1n0-3-7-0',false:'_10kgnsab-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var loading = '_10kgnsa8-3-7-0';\nexport var widths = {full:'_10kgnsa6-3-7-0',content:'_10kgnsa7-3-7-0'};"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,OAAM,mBAAkB,QAAO,kBAAiB,GAAE,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,UAAS,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjU,IAAI,QAAQ,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,UAAU;AACd,IAAI,SAAS,EAAC,MAAK,mBAAkB,SAAQ,kBAAiB;",
   "names": []
 }

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

@@ -1,3 +1,3 @@
-._1xe9ern0-3-6-0 {
+._1xe9ern0-3-7-0 {
   opacity: 0.5;
 }

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

@@ -1,5 +1,5 @@
 import "./IntentButton.css";
-var disabledAppIconOpacity = "_1xe9ern0-3-6-0";
+var disabledAppIconOpacity = "_1xe9ern0-3-7-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-6-0';"],
+  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,yBAAyB;",
   "names": []
 }

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

@@ -1,10 +1,10 @@
-._1j9pkom0-3-6-0 {
+._1j9pkom0-3-7-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-6-0 {
+._1j9pkom1-3-7-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-6-0";
-var toast = "_1j9pkom1-3-6-0";
+var overlay = "_1j9pkom0-3-7-0";
+var toast = "_1j9pkom1-3-7-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-6-0';\nexport var toast = '_1j9pkom1-3-6-0';"],
+  "sourcesContent": ["import './NotifyButton.css';\nexport var overlay = '_1j9pkom0-3-7-0';\nexport var toast = '_1j9pkom1-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,QAAQ;",
   "names": []
 }

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

@@ -1,9 +1,9 @@
-._1wi8enr0-3-6-0 {
+._1wi8enr0-3-7-0 {
   cursor: crosshair;
   overflow: visible;
   z-index: 1;
 }
-._1wi8enr1-3-6-0 {
+._1wi8enr1-3-7-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-6-0 _13lzg4k0-3-6-0";
-var dataPointLayout = "_1wi8enr1-3-6-0 _13lzg4k0-3-6-0";
+var crosshairLayout = "_1wi8enr0-3-7-0 _13lzg4k0-3-7-0";
+var dataPointLayout = "_1wi8enr1-3-7-0 _13lzg4k0-3-7-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-6-0 _13lzg4k0-3-6-0';\nexport var dataPointLayout = '_1wi8enr1-3-6-0 _13lzg4k0-3-6-0';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-7-0 _13lzg4k0-3-7-0';\nexport var dataPointLayout = '_1wi8enr1-3-7-0 _13lzg4k0-3-7-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": ["import { useMemo } 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 { 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\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  return showTooltip ? (\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((item, index) => () => {\n            const isBodyItem = item !== headerItem;\n            const isOpen = selectedItem === item.id;\n            return (\n              isBodyItem && (\n                <ChartActionsMenu\n                  key={`${item.id}`}\n                  isOpen={isOpen}\n                  actions={isOpen ? seriesActions(item) : undefined}\n                  defaultActions={getDefaultAction(item)}\n                  ref={actionsMenuRef}\n                  onActionClick={actionClickHandler}\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              )\n            );\n          })}\n        </InteractiveChartTooltip.Body>\n      )}\n    </CategoricalBarChartTooltipWrapper>\n  ) : null;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport { useMemo } 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 { 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\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  return showTooltip ? (\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((item, index) => () => {\n            const isBodyItem = item !== headerItem;\n            const isOpen = selectedItem === item.id;\n            return (\n              isBodyItem && (\n                <ChartActionsMenu\n                  key={`${item.id}`}\n                  isOpen={isOpen}\n                  actions={isOpen ? seriesActions(item) : undefined}\n                  defaultActions={getDefaultAction(item)}\n                  ref={actionsMenuRef}\n                  onActionClick={actionClickHandler}\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              )\n            );\n          })}\n        </InteractiveChartTooltip.Body>\n      )}\n    </CategoricalBarChartTooltipWrapper>\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": ["import { 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": "AAkDI;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;",
+  "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"],
+  "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/core/components/annotations/AnnotationsAtom.css

@@ -1,3 +1,3 @@
-._145zb630-3-6-0 {
+._145zb630-3-7-0 {
   position: relative;
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsAtom.css";
-var wrapper = "_145zb630-3-6-0";
+var wrapper = "_145zb630-3-7-0";
 export {
   wrapper
 };

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/annotations/AnnotationsAtom.css.ts"],
-  "sourcesContent": ["import './AnnotationsAtom.css';\nexport var wrapper = '_145zb630-3-6-0';"],
+  "sourcesContent": ["import './AnnotationsAtom.css';\nexport var wrapper = '_145zb630-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/core/components/annotations/components/AnnotationsRenderer.js

@@ -31,14 +31,16 @@ const AnnotationsRenderer = (props) => {
       labelsWidth: labelsOffset,
       showLabels,
       children: groupedData.map((track, trackNumber) => {
-        const currentTrack = Array.from(track.markers.entries());
+        const currentTrack = Array.from(track.markers.entries()).sort(
+          ([, a], [, b]) => Math.max(...a.map((g) => g.priority)) - Math.max(...b.map((g) => g.priority))
+        );
         return /* @__PURE__ */ jsx(
           TrackAtom,
           {
             label: track.label,
             hidden: track.hidden,
             children: currentTrack.map(([groupId, annotationsGroup]) => {
-              return [...annotationsGroup].sort((a, b) => a.priority - b.priority).map(({ key: markerId, markers }) => {
+              return annotationsGroup.toSorted((a, b) => a.priority - b.priority).map(({ key: markerId, markers }) => {
                 const [marker] = markers;
                 const color = defineMarkerColor(markers);
                 const state = defineMarkerBrightnessState(

package/esm/charts/core/components/annotations/components/AnnotationsRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/annotations/components/AnnotationsRenderer.tsx"],
-  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { useOverlay } from '../../overlay-tooltip/contexts/OverlayContext.js';\nimport { AnnotationsAtom } from '../AnnotationsAtom.js';\nimport { useAnnotationsSelectionState } from '../hooks/store/selectors.js';\nimport { useGroupedAnnotationsData } from '../hooks/useGroupedAnnotationsData.js';\nimport { useMarkerEventHandlers } from '../hooks/useMarkerEventHandlers.js';\nimport { MarkerAtom } from '../slots/MarkerAtom.js';\nimport { TrackAtom } from '../slots/TrackAtom.js';\nimport type { AnnotationsTrackConfig } from '../types/annotations-track-props.js';\nimport type { TextOverflowOptions } from '../types/marker.js';\nimport { calculateMarkerDimension } from '../utils/calculate-marker-dimension.js';\nimport { defineMarkerBrightnessState } from '../utils/define-marker-brightness-state.js';\nimport { defineMarkerColor } from '../utils/define-marker-color.js';\nimport { defineMarkerContent } from '../utils/define-marker-content.js';\n\ntype AnnotationsRendererProps = {\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>;\n  width: number;\n  labelsOffset: number;\n  showLabels: boolean;\n  tracks: AnnotationsTrackConfig[];\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n};\n\nexport const AnnotationsRenderer = (props: AnnotationsRendererProps) => {\n  const {\n    scale,\n    width,\n    labelsOffset,\n    showLabels,\n    tracks,\n    textOverflow,\n    truncateMode,\n  } = props;\n  const overlay = useOverlay();\n  const groupedData = useGroupedAnnotationsData(tracks, scale.domain());\n\n  const selection = useAnnotationsSelectionState();\n  const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleClick } =\n    useMarkerEventHandlers(overlay.overlayRef);\n\n  return (\n    <AnnotationsAtom\n      width={width}\n      labelsWidth={labelsOffset}\n      showLabels={showLabels}\n    >\n      {groupedData.map((track, trackNumber) => {\n        const currentTrack = Array.from(track.markers.entries());\n\n        return (\n          <TrackAtom\n            label={track.label}\n            hidden={track.hidden}\n            key={trackNumber}\n          >\n            {currentTrack.map(([groupId, annotationsGroup]) => {\n              return [...annotationsGroup] // this is needed because sort method mutates the original array, and affects the order of the tooltip items\n                .sort((a, b) => a.priority - b.priority)\n                .map(({ key: markerId, markers }) => {\n                  const [marker] = markers;\n\n                  const color = defineMarkerColor(markers);\n\n                  const state = defineMarkerBrightnessState(\n                    markerId,\n                    selection,\n                  );\n\n                  const { x, width } = calculateMarkerDimension(marker, scale);\n\n                  const markerContent = defineMarkerContent(markers);\n\n                  return (\n                    <MarkerAtom\n                      key={markerId}\n                      x={x}\n                      width={width}\n                      color={color}\n                      onMouseEnter={handleMouseEnter(\n                        markerId,\n                        groupId,\n                        annotationsGroup,\n                      )}\n                      onMouseMove={handleMouseMove}\n                      onMouseLeave={handleMouseLeave}\n                      onClick={handleClick(groupId, annotationsGroup)}\n                      content={markerContent}\n                      interactionState={state}\n                      textOverflow={textOverflow}\n                      truncateMode={truncateMode}\n                    />\n                  );\n                });\n            })}\n          </TrackAtom>\n        );\n      })}\n    </AnnotationsAtom>\n  );\n};\n\n(\n  AnnotationsRenderer as typeof AnnotationsRenderer & {\n    displayName: string;\n  }\n).displayName = 'AnnotationsContent';\n"],
-  "mappings": "AAsFoB;AA9EpB,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAG1B,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAgB7B,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,UAAU,WAAW;AAC3B,QAAM,cAAc,0BAA0B,QAAQ,MAAM,OAAO,CAAC;AAEpE,QAAM,YAAY,6BAA6B;AAC/C,QAAM,EAAE,kBAAkB,iBAAiB,kBAAkB,YAAY,IACvE,uBAAuB,QAAQ,UAAU;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,sBAAY,IAAI,CAAC,OAAO,gBAAgB;AACvC,cAAM,eAAe,MAAM,KAAK,MAAM,QAAQ,QAAQ,CAAC;AAEvD,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,QAAQ,MAAM;AAAA,YAGb,uBAAa,IAAI,CAAC,CAAC,SAAS,gBAAgB,MAAM;AACjD,qBAAO,CAAC,GAAG,gBAAgB,EACxB,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,EACtC,IAAI,CAAC,EAAE,KAAK,UAAU,QAAQ,MAAM;AACnC,sBAAM,CAAC,MAAM,IAAI;AAEjB,sBAAM,QAAQ,kBAAkB,OAAO;AAEvC,sBAAM,QAAQ;AAAA,kBACZ;AAAA,kBACA;AAAA,gBACF;AAEA,sBAAM,EAAE,GAAG,OAAAA,OAAM,IAAI,yBAAyB,QAAQ,KAAK;AAE3D,sBAAM,gBAAgB,oBAAoB,OAAO;AAEjD,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC;AAAA,oBACA,OAAOA;AAAA,oBACP;AAAA,oBACA,cAAc;AAAA,sBACZ;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,oBACA,aAAa;AAAA,oBACb,cAAc;AAAA,oBACd,SAAS,YAAY,SAAS,gBAAgB;AAAA,oBAC9C,SAAS;AAAA,oBACT,kBAAkB;AAAA,oBAClB;AAAA,oBACA;AAAA;AAAA,kBAfK;AAAA,gBAgBP;AAAA,cAEJ,CAAC;AAAA,YACL,CAAC;AAAA;AAAA,UAxCI;AAAA,QAyCP;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAGE,oBAGA,cAAc;",
+  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\nimport type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { useOverlay } from '../../overlay-tooltip/contexts/OverlayContext.js';\nimport { AnnotationsAtom } from '../AnnotationsAtom.js';\nimport { useAnnotationsSelectionState } from '../hooks/store/selectors.js';\nimport { useGroupedAnnotationsData } from '../hooks/useGroupedAnnotationsData.js';\nimport { useMarkerEventHandlers } from '../hooks/useMarkerEventHandlers.js';\nimport { MarkerAtom } from '../slots/MarkerAtom.js';\nimport { TrackAtom } from '../slots/TrackAtom.js';\nimport type { AnnotationsTrackConfig } from '../types/annotations-track-props.js';\nimport type { TextOverflowOptions } from '../types/marker.js';\nimport { calculateMarkerDimension } from '../utils/calculate-marker-dimension.js';\nimport { defineMarkerBrightnessState } from '../utils/define-marker-brightness-state.js';\nimport { defineMarkerColor } from '../utils/define-marker-color.js';\nimport { defineMarkerContent } from '../utils/define-marker-content.js';\n\ntype AnnotationsRendererProps = {\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>;\n  width: number;\n  labelsOffset: number;\n  showLabels: boolean;\n  tracks: AnnotationsTrackConfig[];\n  textOverflow: TextOverflowOptions;\n  truncateMode?: TruncationMode;\n};\n\nexport const AnnotationsRenderer = (props: AnnotationsRendererProps) => {\n  const {\n    scale,\n    width,\n    labelsOffset,\n    showLabels,\n    tracks,\n    textOverflow,\n    truncateMode,\n  } = props;\n  const overlay = useOverlay();\n  const groupedData = useGroupedAnnotationsData(tracks, scale.domain());\n\n  const selection = useAnnotationsSelectionState();\n  const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleClick } =\n    useMarkerEventHandlers(overlay.overlayRef);\n\n  return (\n    <AnnotationsAtom\n      width={width}\n      labelsWidth={labelsOffset}\n      showLabels={showLabels}\n    >\n      {groupedData.map((track, trackNumber) => {\n        const currentTrack = Array.from(track.markers.entries()).sort(\n          ([, a], [, b]) =>\n            Math.max(...a.map((g) => g.priority)) -\n            Math.max(...b.map((g) => g.priority)),\n        );\n\n        return (\n          <TrackAtom\n            label={track.label}\n            hidden={track.hidden}\n            key={trackNumber}\n          >\n            {currentTrack.map(([groupId, annotationsGroup]) => {\n              return annotationsGroup\n                .toSorted((a, b) => a.priority - b.priority)\n                .map(({ key: markerId, markers }) => {\n                  const [marker] = markers;\n\n                  const color = defineMarkerColor(markers);\n\n                  const state = defineMarkerBrightnessState(\n                    markerId,\n                    selection,\n                  );\n\n                  const { x, width } = calculateMarkerDimension(marker, scale);\n\n                  const markerContent = defineMarkerContent(markers);\n\n                  return (\n                    <MarkerAtom\n                      key={markerId}\n                      x={x}\n                      width={width}\n                      color={color}\n                      onMouseEnter={handleMouseEnter(\n                        markerId,\n                        groupId,\n                        annotationsGroup,\n                      )}\n                      onMouseMove={handleMouseMove}\n                      onMouseLeave={handleMouseLeave}\n                      onClick={handleClick(groupId, annotationsGroup)}\n                      content={markerContent}\n                      interactionState={state}\n                      textOverflow={textOverflow}\n                      truncateMode={truncateMode}\n                    />\n                  );\n                });\n            })}\n          </TrackAtom>\n        );\n      })}\n    </AnnotationsAtom>\n  );\n};\n\n(\n  AnnotationsRenderer as typeof AnnotationsRenderer & {\n    displayName: string;\n  }\n).displayName = 'AnnotationsContent';\n"],
+  "mappings": "AA0FoB;AAlFpB,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAG1B,SAAS,gCAAgC;AACzC,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAgB7B,MAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,UAAU,WAAW;AAC3B,QAAM,cAAc,0BAA0B,QAAQ,MAAM,OAAO,CAAC;AAEpE,QAAM,YAAY,6BAA6B;AAC/C,QAAM,EAAE,kBAAkB,iBAAiB,kBAAkB,YAAY,IACvE,uBAAuB,QAAQ,UAAU;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,sBAAY,IAAI,CAAC,OAAO,gBAAgB;AACvC,cAAM,eAAe,MAAM,KAAK,MAAM,QAAQ,QAAQ,CAAC,EAAE;AAAA,UACvD,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MACV,KAAK,IAAI,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,IACpC,KAAK,IAAI,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA,QACxC;AAEA,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,QAAQ,MAAM;AAAA,YAGb,uBAAa,IAAI,CAAC,CAAC,SAAS,gBAAgB,MAAM;AACjD,qBAAO,iBACJ,SAAS,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,EAC1C,IAAI,CAAC,EAAE,KAAK,UAAU,QAAQ,MAAM;AACnC,sBAAM,CAAC,MAAM,IAAI;AAEjB,sBAAM,QAAQ,kBAAkB,OAAO;AAEvC,sBAAM,QAAQ;AAAA,kBACZ;AAAA,kBACA;AAAA,gBACF;AAEA,sBAAM,EAAE,GAAG,OAAAA,OAAM,IAAI,yBAAyB,QAAQ,KAAK;AAE3D,sBAAM,gBAAgB,oBAAoB,OAAO;AAEjD,uBACE;AAAA,kBAAC;AAAA;AAAA,oBAEC;AAAA,oBACA,OAAOA;AAAA,oBACP;AAAA,oBACA,cAAc;AAAA,sBACZ;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,oBACA,aAAa;AAAA,oBACb,cAAc;AAAA,oBACd,SAAS,YAAY,SAAS,gBAAgB;AAAA,oBAC9C,SAAS;AAAA,oBACT,kBAAkB;AAAA,oBAClB;AAAA,oBACA;AAAA;AAAA,kBAfK;AAAA,gBAgBP;AAAA,cAEJ,CAAC;AAAA,YACL,CAAC;AAAA;AAAA,UAxCI;AAAA,QAyCP;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAGE,oBAGA,cAAc;",
   "names": ["width"]
 }

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.css

@@ -1,4 +1,4 @@
-._1yc349j0-3-6-0 {
+._1yc349j0-3-7-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsCanvasLayout.css";
-var canvasContainer = "_1yc349j0-3-6-0";
+var canvasContainer = "_1yc349j0-3-7-0";
 export {
   canvasContainer
 };

package/esm/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/annotations/components/canvas/AnnotationsCanvasLayout.css.ts"],
-  "sourcesContent": ["import './AnnotationsCanvasLayout.css';\nexport var canvasContainer = '_1yc349j0-3-6-0';"],
+  "sourcesContent": ["import './AnnotationsCanvasLayout.css';\nexport var canvasContainer = '_1yc349j0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }