@dynatrace/strato-components 3.12.2 → 3.13.2

package/esm/charts/single-value-grid/components/SingleValueDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/single-value-grid/components/SingleValueDisplay.tsx"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { useIntl } from 'react-intl';\n\nimport { TrendProps } from '../../core/components/single-value-renderer/components/trend/types/trend-props.js';\nimport { SingleValueRenderer } from '../../core/components/single-value-renderer/SingleValueRenderer.js';\nimport type { SparklineDisplayProps } from '../../core/components/sparkline-display/types/sparkline-display-props.js';\nimport { SingleValueGridMessages } from '../messages.js';\nimport type {\n  SingleValueGridAccessorsConfig,\n  SingleValueGridConfigWithPropsFromGrid,\n} from '../types/single-value-grid.js';\nimport { buildConfig } from '../utils/build-config.js';\nimport { buildPropsFromGrid } from '../utils/build-props-from-grid.js';\nimport { getConfigFromAccessors } from '../utils/get-config-from-accessors.js';\nimport { getDataFromAccessors } from '../utils/get-data-from-accessors.js';\n\nexport const SingleValueDisplay = ({\n  record,\n  propsConfig,\n  accessors,\n}: {\n  record: string | number | Record<string, unknown>;\n  propsConfig: SingleValueGridConfigWithPropsFromGrid;\n  accessors: SingleValueGridAccessorsConfig;\n}) => {\n  const intl = useIntl();\n  const gridIntents = propsConfig.intents.grid;\n  const singleIntents = propsConfig.intents.single;\n  const propsFromGrid = buildPropsFromGrid(\n    propsConfig.toolbar,\n    singleIntents,\n    gridIntents,\n    intl.formatMessage(SingleValueGridMessages.gridIntentsLabel),\n  );\n\n  if (typeof record === 'string' || typeof record === 'number') {\n    // in case it is a simple array of strings or numbers, it will just use the props configuration or the defaults\n    const config = buildConfig(propsConfig);\n\n    return (\n      <SingleValueRenderer\n        data={record}\n        color={config.color}\n        formatter={config.value?.formatter}\n        unit={config.value?.unit}\n        colorRules={config.colorRules}\n        alignment={config.alignment}\n        trendProps={config.trend}\n        applyThresholdBackground={config.applyThresholdBackground}\n        propsFromGrid={propsFromGrid({ value: record })}\n      />\n    );\n  }\n\n  const { label, prefixIcon, value, trendData, sparkline } =\n    getDataFromAccessors(record, accessors);\n\n  // in case it is an array of records, it will override the config with the accessors configuration\n  const accessorsConfig = getConfigFromAccessors(record, accessors);\n\n  const config = buildConfig(propsConfig, accessorsConfig);\n\n  let sparklineProps: SparklineDisplayProps | undefined = undefined;\n\n  if (!isUndefined(sparkline?.data)) {\n    sparklineProps = {\n      ...config.sparkline,\n      data: sparkline.data,\n      xAxis: sparkline.xAxis,\n      yAxis: sparkline.yAxis,\n    };\n  }\n\n  let trendProps: TrendProps | undefined = undefined;\n\n  if (!isUndefined(config.trend) || !isUndefined(trendData)) {\n    trendProps = {\n      ...config.trend,\n      value: trendData?.value,\n      label: trendData?.label,\n      direction: trendData?.direction,\n    };\n  }\n\n  return (\n    <SingleValueRenderer\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      data={value!}\n      dataItem={record}\n      label={label}\n      prefixIcon={prefixIcon}\n      color={config.color}\n      formatter={config.value?.formatter}\n      unit={config.value?.unit}\n      colorRules={config.colorRules}\n      alignment={config.alignment}\n      sparklineProps={sparklineProps}\n      trendProps={trendProps}\n      applyThresholdBackground={config.applyThresholdBackground}\n      propsFromGrid={propsFromGrid(record)}\n    />\n  );\n};\n"],
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\nimport { useIntl } from 'react-intl';\n\nimport { TrendProps } from '../../core/components/single-value-renderer/components/trend/types/trend-props.js';\nimport { SingleValueRenderer } from '../../core/components/single-value-renderer/SingleValueRenderer.js';\nimport type { SparklineDisplayProps } from '../../core/components/sparkline-display/types/sparkline-display-props.js';\nimport { SingleValueGridMessages } from '../messages.js';\nimport type {\n  SingleValueGridAccessorsConfig,\n  SingleValueGridConfigWithPropsFromGrid,\n} from '../types/single-value-grid.js';\nimport { buildConfig } from '../utils/build-config.js';\nimport { buildPropsFromGrid } from '../utils/build-props-from-grid.js';\nimport { getConfigFromAccessors } from '../utils/get-config-from-accessors.js';\nimport { getDataFromAccessors } from '../utils/get-data-from-accessors.js';\n\nexport const SingleValueDisplay = ({\n  record,\n  propsConfig,\n  accessors,\n}: {\n  record: string | number | Record<string, unknown>;\n  propsConfig: SingleValueGridConfigWithPropsFromGrid;\n  accessors: SingleValueGridAccessorsConfig;\n}) => {\n  const intl = useIntl();\n  const gridIntents = propsConfig.intents.grid;\n  const singleIntents = propsConfig.intents.single;\n  const propsFromGrid = buildPropsFromGrid(\n    propsConfig.toolbar,\n    singleIntents,\n    gridIntents,\n    intl.formatMessage(SingleValueGridMessages.gridIntentsLabel),\n  );\n\n  if (typeof record === 'string' || typeof record === 'number') {\n    // in case it is a simple array of strings or numbers, it will just use the props configuration or the defaults\n    const config = buildConfig(propsConfig);\n\n    return (\n      <SingleValueRenderer\n        data={record}\n        color={config.color}\n        formatter={config.value?.formatter}\n        unit={config.value?.unit}\n        colorRules={config.colorRules}\n        alignment={config.alignment}\n        trendProps={config.trend}\n        applyThresholdBackground={config.applyThresholdBackground}\n        propsFromGrid={propsFromGrid({ value: record })}\n      />\n    );\n  }\n\n  const { label, prefixIcon, value, trendData, sparkline } =\n    getDataFromAccessors(record, accessors);\n\n  // in case it is an array of records, it will override the config with the accessors configuration\n  const accessorsConfig = getConfigFromAccessors(record, accessors);\n\n  const config = buildConfig(propsConfig, accessorsConfig);\n\n  let sparklineProps: SparklineDisplayProps | undefined = undefined;\n\n  if (!isUndefined(sparkline?.data)) {\n    sparklineProps = {\n      ...config.sparkline,\n      data: sparkline.data,\n      xAxis: sparkline.xAxis,\n      yAxis: sparkline.yAxis,\n    };\n  }\n\n  let trendProps: TrendProps | undefined = undefined;\n\n  if (!isUndefined(config.trend) || !isUndefined(trendData)) {\n    trendProps = {\n      ...config.trend,\n      value: trendData?.value,\n      label: trendData?.label,\n      direction: trendData?.direction,\n    };\n  }\n\n  return (\n    <SingleValueRenderer\n      // oxlint-disable-next-line typescript/no-non-null-assertion\n      data={value!}\n      dataItem={record}\n      label={label}\n      prefixIcon={prefixIcon}\n      color={config.color}\n      formatter={config.value?.formatter}\n      unit={config.value?.unit}\n      colorRules={config.colorRules}\n      alignment={config.alignment}\n      sparklineProps={sparklineProps}\n      trendProps={trendProps}\n      applyThresholdBackground={config.applyThresholdBackground}\n      propsFromGrid={propsFromGrid(record)}\n    />\n  );\n};\n"],
   "mappings": "AAwCM;AAxCN,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAGxB,SAAS,2BAA2B;AAEpC,SAAS,+BAA+B;AAKxC,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AAE9B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,OAAO,QAAQ;AACrB,QAAM,cAAc,YAAY,QAAQ;AACxC,QAAM,gBAAgB,YAAY,QAAQ;AAC1C,QAAM,gBAAgB;AAAA,IACpB,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,KAAK,cAAc,wBAAwB,gBAAgB;AAAA,EAC7D;AAEA,MAAI,OAAO,WAAW,YAAY,OAAO,WAAW,UAAU;AAE5D,UAAMA,UAAS,YAAY,WAAW;AAEtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAOA,QAAO;AAAA,QACd,WAAWA,QAAO,OAAO;AAAA,QACzB,MAAMA,QAAO,OAAO;AAAA,QACpB,YAAYA,QAAO;AAAA,QACnB,WAAWA,QAAO;AAAA,QAClB,YAAYA,QAAO;AAAA,QACnB,0BAA0BA,QAAO;AAAA,QACjC,eAAe,cAAc,EAAE,OAAO,OAAO,CAAC;AAAA;AAAA,IAChD;AAAA,EAEJ;AAEA,QAAM,EAAE,OAAO,YAAY,OAAO,WAAW,UAAU,IACrD,qBAAqB,QAAQ,SAAS;AAGxC,QAAM,kBAAkB,uBAAuB,QAAQ,SAAS;AAEhE,QAAM,SAAS,YAAY,aAAa,eAAe;AAEvD,MAAI,iBAAoD;AAExD,MAAI,CAAC,YAAY,WAAW,IAAI,GAAG;AACjC,qBAAiB;AAAA,MACf,GAAG,OAAO;AAAA,MACV,MAAM,UAAU;AAAA,MAChB,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,aAAqC;AAEzC,MAAI,CAAC,YAAY,OAAO,KAAK,KAAK,CAAC,YAAY,SAAS,GAAG;AACzD,iBAAa;AAAA,MACX,GAAG,OAAO;AAAA,MACV,OAAO,WAAW;AAAA,MAClB,OAAO,WAAW;AAAA,MAClB,WAAW,WAAW;AAAA,IACxB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,OAAO,OAAO;AAAA,MACd,WAAW,OAAO,OAAO;AAAA,MACzB,MAAM,OAAO,OAAO;AAAA,MACpB,YAAY,OAAO;AAAA,MACnB,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA,0BAA0B,OAAO;AAAA,MACjC,eAAe,cAAc,MAAM;AAAA;AAAA,EACrC;AAEJ;",
   "names": ["config"]
 }

package/esm/charts/single-value-grid/slots/Value.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/single-value-grid/slots/Value.ts"],
-  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { SingleValueUnit } from '../../core/components/single-value-renderer/types/single-value-base-props.js';\nimport type { Formatter } from '../../core/types/formatter.js';\n\n/**\n * Slot props for the value component within SingleValueGrid.\n * @public\n */\nexport interface SingleValueGridValueProps {\n  /** Accessor function to retrieve the data for the value. */\n  dataAccessor?: string;\n  /** Formatter options for formatting the value. */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /** Accessor function to retrieve the formatter options for the value. */\n  formatterAccessor?: string;\n  /** Unit for the value. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  unit?: SingleValueUnit;\n  /** Accessor function to retrieve the unit for the value. */\n  unitAccessor?: string;\n}\n/**\n * @public\n */\nexport const Value = (props: SingleValueGridValueProps) => null;\n\nValue['displayName'] = 'SingleValueGrid.Value';\n"],
+  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { SingleValueUnit } from '../../core/components/single-value-renderer/types/single-value-base-props.js';\nimport type { Formatter } from '../../core/types/formatter.js';\n\n/**\n * Slot props for the value component within SingleValueGrid.\n * @public\n */\nexport interface SingleValueGridValueProps {\n  /** Accessor function to retrieve the data for the value. */\n  dataAccessor?: string;\n  /** Formatter options for formatting the value. */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n  /** Accessor function to retrieve the formatter options for the value. */\n  formatterAccessor?: string;\n  /** Unit for the value. */\n  // oxlint-disable-next-line typescript/no-deprecated\n  unit?: SingleValueUnit;\n  /** Accessor function to retrieve the unit for the value. */\n  unitAccessor?: string;\n}\n/**\n * @public\n */\nexport const Value = (props: SingleValueGridValueProps) => null;\n\nValue['displayName'] = 'SingleValueGrid.Value';\n"],
   "mappings": "AA6BO,MAAM,QAAQ,CAAC,UAAqC;AAE3D,MAAM,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/single-value-grid/utils/build-props-from-grid.js

@@ -9,20 +9,23 @@ const getIntentsAsyncTemplate = (singleIntents, gridIntents, data, labelText) =>
   ] : [];
   if (singleIntents) {
     return (async () => singleIntents(data))().then((template) => {
-      return /* @__PURE__ */ jsx(Fragment, { children: template ? [
-        /* @__PURE__ */ jsx(
-          Menu.Group,
-          {
-            className: toolbarMenuGroup,
-            children: renderMenuActionChildren(template.props.children, {
-              divideActionsAndIntents: false
-            })
-          },
-          "individualIntents"
-        ),
-        gridIntents.length ? /* @__PURE__ */ jsx(Menu.Label, { children: labelText }, "label") : null,
-        ...intentsTemplate
-      ] : intentsTemplate });
+      return (
+        // oxlint-disable-next-line react/jsx-no-useless-fragment
+        /* @__PURE__ */ jsx(Fragment, { children: template ? [
+          /* @__PURE__ */ jsx(
+            Menu.Group,
+            {
+              className: toolbarMenuGroup,
+              children: renderMenuActionChildren(template.props.children, {
+                divideActionsAndIntents: false
+              })
+            },
+            "individualIntents"
+          ),
+          gridIntents.length ? /* @__PURE__ */ jsx(Menu.Label, { children: labelText }, "label") : null,
+          ...intentsTemplate
+        ] : intentsTemplate })
+      );
     }).catch(() => /* @__PURE__ */ jsx(Fragment, { children: intentsTemplate }));
   }
   return /* @__PURE__ */ jsx(Fragment, { children: intentsTemplate });

package/esm/charts/single-value-grid/utils/build-props-from-grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/single-value-grid/utils/build-props-from-grid.tsx"],
-  "sourcesContent": ["import { type ReactElement } from 'react';\n\nimport { Menu } from '../../../navigation/menu/Menu.js';\nimport type { PropsFromGrid } from '../../core/components/single-value-renderer/types/single-value-base-props.js';\nimport { toolbarMenuGroup } from '../../core/components/toolbar/components/ToolbarMenu.sty.js';\nimport { renderMenuActionChildren } from '../../core/utils/render-menu-action-children.js';\nimport type {\n  PartialSingleValueGridConfig,\n  SingleValueGridIntentsConfig,\n} from '../types/single-value-grid.js';\n\ntype SingleIntentsData = Record<string, unknown>;\n\nconst getIntentsAsyncTemplate =\n  (\n    singleIntents: SingleValueGridIntentsConfig['single'],\n    gridIntents: SingleValueGridIntentsConfig['grid'],\n    data: SingleIntentsData,\n    labelText: string,\n  ) =>\n  async (): Promise<ReactElement> => {\n    const intentsTemplate = gridIntents.length\n      ? [\n          <Menu.Group key=\"group\" className={toolbarMenuGroup}>\n            {gridIntents.map((item, key) => (\n              <Menu.Intent {...item} key={key} />\n            ))}\n          </Menu.Group>,\n        ]\n      : [];\n\n    if (singleIntents) {\n      return (async () => singleIntents(data))()\n        .then((template) => {\n          return (\n            <>\n              {template\n                ? [\n                    <Menu.Group\n                      key=\"individualIntents\"\n                      className={toolbarMenuGroup}\n                    >\n                      {renderMenuActionChildren(template.props.children, {\n                        divideActionsAndIntents: false,\n                      })}\n                    </Menu.Group>,\n                    gridIntents.length ? (\n                      <Menu.Label key=\"label\">{labelText}</Menu.Label>\n                    ) : null,\n                    ...intentsTemplate,\n                  ]\n                : intentsTemplate}\n            </>\n          );\n        })\n        .catch(() => <>{intentsTemplate}</>);\n    }\n\n    return <>{intentsTemplate}</>;\n  };\n\nexport const buildPropsFromGrid =\n  (\n    toolbar: PartialSingleValueGridConfig['toolbar'],\n    singleIntents: SingleValueGridIntentsConfig['single'],\n    gridIntents: SingleValueGridIntentsConfig['grid'],\n    labelText: string,\n  ) =>\n  (data: SingleIntentsData) => {\n    if (!singleIntents) {\n      return undefined;\n    }\n\n    return {\n      intentsAsyncTemplate: getIntentsAsyncTemplate(\n        singleIntents,\n        gridIntents,\n        data,\n        labelText,\n      ),\n      toolbar: {\n        ...toolbar,\n        draggable: false,\n      } as PropsFromGrid['toolbar'],\n    };\n  };\n"],
-  "mappings": "AAuBU,SAYE,UAZF;AAEI;AAvBd,SAAS,YAAY;AAErB,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAQzC,MAAM,0BACJ,CACE,eACA,aACA,MACA,cAEF,YAAmC;AACjC,QAAM,kBAAkB,YAAY,SAChC;AAAA,IACE,oBAAC,KAAK,OAAL,EAAuB,WAAW,kBAChC,sBAAY,IAAI,CAAC,MAAM,QACtB,8BAAC,KAAK,QAAL,EAAa,GAAG,MAAM,KAAU,CAClC,KAHa,OAIhB;AAAA,EACF,IACA,CAAC;AAEL,MAAI,eAAe;AACjB,YAAQ,YAAY,cAAc,IAAI,GAAG,EACtC,KAAK,CAAC,aAAa;AAClB,aACE,gCACG,qBACG;AAAA,QACE;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YAEC,WAAW;AAAA,YAEV,mCAAyB,SAAS,MAAM,UAAU;AAAA,cACjD,yBAAyB;AAAA,YAC3B,CAAC;AAAA;AAAA,UALG;AAAA,QAMN;AAAA,QACA,YAAY,SACV,oBAAC,KAAK,OAAL,EAAwB,uBAAT,OAAmB,IACjC;AAAA,QACJ,GAAG;AAAA,MACL,IACA,iBACN;AAAA,IAEJ,CAAC,EACA,MAAM,MAAM,gCAAG,2BAAgB,CAAG;AAAA,EACvC;AAEA,SAAO,gCAAG,2BAAgB;AAC5B;AAEK,MAAM,qBACX,CACE,SACA,eACA,aACA,cAEF,CAAC,SAA4B;AAC3B,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,sBAAsB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,WAAW;AAAA,IACb;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { type ReactElement } from 'react';\n\nimport { Menu } from '../../../navigation/menu/Menu.js';\nimport type { PropsFromGrid } from '../../core/components/single-value-renderer/types/single-value-base-props.js';\nimport { toolbarMenuGroup } from '../../core/components/toolbar/components/ToolbarMenu.sty.js';\nimport { renderMenuActionChildren } from '../../core/utils/render-menu-action-children.js';\nimport type {\n  PartialSingleValueGridConfig,\n  SingleValueGridIntentsConfig,\n} from '../types/single-value-grid.js';\n\ntype SingleIntentsData = Record<string, unknown>;\n\nconst getIntentsAsyncTemplate =\n  (\n    singleIntents: SingleValueGridIntentsConfig['single'],\n    gridIntents: SingleValueGridIntentsConfig['grid'],\n    data: SingleIntentsData,\n    labelText: string,\n  ) =>\n  async (): Promise<ReactElement> => {\n    const intentsTemplate = gridIntents.length\n      ? [\n          <Menu.Group key=\"group\" className={toolbarMenuGroup}>\n            {gridIntents.map((item, key) => (\n              <Menu.Intent {...item} key={key} />\n            ))}\n          </Menu.Group>,\n        ]\n      : [];\n\n    if (singleIntents) {\n      return (\n        (async () => singleIntents(data))()\n          .then((template) => {\n            return (\n              // oxlint-disable-next-line react/jsx-no-useless-fragment\n              <>\n                {template\n                  ? [\n                      <Menu.Group\n                        key=\"individualIntents\"\n                        className={toolbarMenuGroup}\n                      >\n                        {renderMenuActionChildren(template.props.children, {\n                          divideActionsAndIntents: false,\n                        })}\n                      </Menu.Group>,\n                      gridIntents.length ? (\n                        <Menu.Label key=\"label\">{labelText}</Menu.Label>\n                      ) : null,\n                      ...intentsTemplate,\n                    ]\n                  : intentsTemplate}\n              </>\n            );\n          })\n          // oxlint-disable-next-line react/jsx-no-useless-fragment\n          .catch(() => <>{intentsTemplate}</>)\n      );\n    }\n\n    // oxlint-disable-next-line react/jsx-no-useless-fragment\n    return <>{intentsTemplate}</>;\n  };\n\nexport const buildPropsFromGrid =\n  (\n    toolbar: PartialSingleValueGridConfig['toolbar'],\n    singleIntents: SingleValueGridIntentsConfig['single'],\n    gridIntents: SingleValueGridIntentsConfig['grid'],\n    labelText: string,\n  ) =>\n  (data: SingleIntentsData) => {\n    if (!singleIntents) {\n      return undefined;\n    }\n\n    return {\n      intentsAsyncTemplate: getIntentsAsyncTemplate(\n        singleIntents,\n        gridIntents,\n        data,\n        labelText,\n      ),\n      toolbar: {\n        ...toolbar,\n        draggable: false,\n      } as PropsFromGrid['toolbar'],\n    };\n  };\n"],
+  "mappings": "AAuBU,SAcI,UAdJ;AAEI;AAvBd,SAAS,YAAY;AAErB,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAQzC,MAAM,0BACJ,CACE,eACA,aACA,MACA,cAEF,YAAmC;AACjC,QAAM,kBAAkB,YAAY,SAChC;AAAA,IACE,oBAAC,KAAK,OAAL,EAAuB,WAAW,kBAChC,sBAAY,IAAI,CAAC,MAAM,QACtB,8BAAC,KAAK,QAAL,EAAa,GAAG,MAAM,KAAU,CAClC,KAHa,OAIhB;AAAA,EACF,IACA,CAAC;AAEL,MAAI,eAAe;AACjB,YACG,YAAY,cAAc,IAAI,GAAG,EAC/B,KAAK,CAAC,aAAa;AAClB;AAAA;AAAA,QAEE,gCACG,qBACG;AAAA,UACE;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cAEC,WAAW;AAAA,cAEV,mCAAyB,SAAS,MAAM,UAAU;AAAA,gBACjD,yBAAyB;AAAA,cAC3B,CAAC;AAAA;AAAA,YALG;AAAA,UAMN;AAAA,UACA,YAAY,SACV,oBAAC,KAAK,OAAL,EAAwB,uBAAT,OAAmB,IACjC;AAAA,UACJ,GAAG;AAAA,QACL,IACA,iBACN;AAAA;AAAA,IAEJ,CAAC,EAEA,MAAM,MAAM,gCAAG,2BAAgB,CAAG;AAAA,EAEzC;AAGA,SAAO,gCAAG,2BAAgB;AAC5B;AAEK,MAAM,qBACX,CACE,SACA,eACA,aACA,cAEF,CAAC,SAA4B;AAC3B,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,sBAAsB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,GAAG;AAAA,MACH,WAAW;AAAA,IACb;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/single-value-grid/utils/get-config-from-accessors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/single-value-grid/utils/get-config-from-accessors.ts"],
-  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport type { InverseTrendOptions } from '../../core/components/single-value-renderer/components/trend/types/inverse-trend-options.js';\nimport type { SingleValueUnit } from '../../core/components/single-value-renderer/types/single-value-base-props.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type {\n  PartialSingleValueGridConfig,\n  SingleValueGridAccessorsConfig,\n} from '../types/single-value-grid.js';\n\n/**\n * Retrieves configuration from the provided object using accessors specified in the accessors' configuration.\n *\n * @param data - The object containing the data.\n * @param accessors - The configuration specifying the accessors.\n * @returns The accessed configuration object.\n */\nexport function getConfigFromAccessors(\n  data: Record<string, unknown>,\n  accessors: SingleValueGridAccessorsConfig,\n): PartialSingleValueGridConfig {\n  const accessedConfig: PartialSingleValueGridConfig = {};\n\n  if (accessors.colorAccessor) {\n    accessedConfig.color = accessValue<string>(data, accessors.colorAccessor);\n  }\n\n  if (accessors.value) {\n    accessedConfig.value = {};\n\n    if (accessors.value.formatterAccessor) {\n      accessedConfig.value.formatter = accessValue<\n        Formatter | FormatOptions<Unit, ConvertibleUnit>\n      >(data, accessors.value.formatterAccessor);\n    }\n\n    if (accessors.value.unitAccessor) {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      accessedConfig.value.unit = accessValue<SingleValueUnit>(\n        data,\n        accessors.value.unitAccessor,\n      );\n    }\n  }\n\n  if (accessors.trend) {\n    accessedConfig.trend = {};\n\n    if (accessors.trend.formatterAccessor) {\n      accessedConfig.trend.formatter = accessValue<\n        Formatter | FormatOptions<Unit, ConvertibleUnit>\n      >(data, accessors.trend.formatterAccessor);\n    }\n\n    if (accessors.trend.inverseTrendAccessor) {\n      accessedConfig.trend.inverseTrend = accessValue<InverseTrendOptions>(\n        data,\n        accessors.trend.inverseTrendAccessor,\n      );\n    }\n  }\n\n  if (accessors.sparkline) {\n    accessedConfig.sparkline = {};\n\n    if (accessors.sparkline.colorAccessor) {\n      accessedConfig.sparkline.color = accessValue<string>(\n        data,\n        accessors.sparkline.colorAccessor,\n      );\n    }\n  }\n\n  return accessedConfig;\n}\n"],
+  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport type { InverseTrendOptions } from '../../core/components/single-value-renderer/components/trend/types/inverse-trend-options.js';\nimport type { SingleValueUnit } from '../../core/components/single-value-renderer/types/single-value-base-props.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type {\n  PartialSingleValueGridConfig,\n  SingleValueGridAccessorsConfig,\n} from '../types/single-value-grid.js';\n\n/**\n * Retrieves configuration from the provided object using accessors specified in the accessors' configuration.\n *\n * @param data - The object containing the data.\n * @param accessors - The configuration specifying the accessors.\n * @returns The accessed configuration object.\n */\nexport function getConfigFromAccessors(\n  data: Record<string, unknown>,\n  accessors: SingleValueGridAccessorsConfig,\n): PartialSingleValueGridConfig {\n  const accessedConfig: PartialSingleValueGridConfig = {};\n\n  if (accessors.colorAccessor) {\n    accessedConfig.color = accessValue<string>(data, accessors.colorAccessor);\n  }\n\n  if (accessors.value) {\n    accessedConfig.value = {};\n\n    if (accessors.value.formatterAccessor) {\n      accessedConfig.value.formatter = accessValue<\n        Formatter | FormatOptions<Unit, ConvertibleUnit>\n      >(data, accessors.value.formatterAccessor);\n    }\n\n    if (accessors.value.unitAccessor) {\n      // oxlint-disable-next-line typescript/no-deprecated\n      accessedConfig.value.unit = accessValue<SingleValueUnit>(\n        data,\n        accessors.value.unitAccessor,\n      );\n    }\n  }\n\n  if (accessors.trend) {\n    accessedConfig.trend = {};\n\n    if (accessors.trend.formatterAccessor) {\n      accessedConfig.trend.formatter = accessValue<\n        Formatter | FormatOptions<Unit, ConvertibleUnit>\n      >(data, accessors.trend.formatterAccessor);\n    }\n\n    if (accessors.trend.inverseTrendAccessor) {\n      accessedConfig.trend.inverseTrend = accessValue<InverseTrendOptions>(\n        data,\n        accessors.trend.inverseTrendAccessor,\n      );\n    }\n  }\n\n  if (accessors.sparkline) {\n    accessedConfig.sparkline = {};\n\n    if (accessors.sparkline.colorAccessor) {\n      accessedConfig.sparkline.color = accessValue<string>(\n        data,\n        accessors.sparkline.colorAccessor,\n      );\n    }\n  }\n\n  return accessedConfig;\n}\n"],
   "mappings": "AAMA,SAAS,mBAAmB;AAgBrB,SAAS,uBACd,MACA,WAC8B;AAC9B,QAAM,iBAA+C,CAAC;AAEtD,MAAI,UAAU,eAAe;AAC3B,mBAAe,QAAQ,YAAoB,MAAM,UAAU,aAAa;AAAA,EAC1E;AAEA,MAAI,UAAU,OAAO;AACnB,mBAAe,QAAQ,CAAC;AAExB,QAAI,UAAU,MAAM,mBAAmB;AACrC,qBAAe,MAAM,YAAY,YAE/B,MAAM,UAAU,MAAM,iBAAiB;AAAA,IAC3C;AAEA,QAAI,UAAU,MAAM,cAAc;AAEhC,qBAAe,MAAM,OAAO;AAAA,QAC1B;AAAA,QACA,UAAU,MAAM;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAEA,MAAI,UAAU,OAAO;AACnB,mBAAe,QAAQ,CAAC;AAExB,QAAI,UAAU,MAAM,mBAAmB;AACrC,qBAAe,MAAM,YAAY,YAE/B,MAAM,UAAU,MAAM,iBAAiB;AAAA,IAC3C;AAEA,QAAI,UAAU,MAAM,sBAAsB;AACxC,qBAAe,MAAM,eAAe;AAAA,QAClC;AAAA,QACA,UAAU,MAAM;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAEA,MAAI,UAAU,WAAW;AACvB,mBAAe,YAAY,CAAC;AAE5B,QAAI,UAAU,UAAU,eAAe;AACrC,qBAAe,UAAU,QAAQ;AAAA,QAC/B;AAAA,QACA,UAAU,UAAU;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/timeseries/TimeseriesChart.js

@@ -49,6 +49,8 @@ const TimeseriesChart = Object.assign(TimeseriesChartSwitcher, {
   ErrorState: ErrorStateSlot,
   ColorRule,
   Toolbar,
+  /** @deprecated `TimeseriesChart.DownloadCSV` is no longer required — download is always active. (APPDEV-18865) */
+  // oxlint-disable-next-line typescript/no-deprecated -- DEPRECATION: [APPDEV-18865] BREAKING-CHANGE: Remove TimeseriesChart.DownloadCSV.
   DownloadCSV: TimeseriesChartDownloadCSVSlot,
   Pan,
   Zoom

package/esm/charts/timeseries/TimeseriesChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/timeseries/TimeseriesChart.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren } from 'react';\n\nimport { Annotations } from './slots/annotations/Annotations.js';\nimport { Marker } from './slots/annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/annotations/Tooltip.js';\nimport { Track } from './slots/annotations/Track.js';\nimport { TimeseriesChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { Legend } from './slots/Legend.js';\nimport { Pan } from './slots/Pan.js';\nimport { Select } from './slots/Select.js';\nimport { Area } from './slots/shapes/Area.js';\nimport { Band } from './slots/shapes/Band.js';\nimport { Bar } from './slots/shapes/Bar.js';\nimport { Line } from './slots/shapes/Line.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport { Zoom } from './slots/Zoom.js';\nimport { TimeseriesChartRoot } from './TimeseriesChartRoot.js';\nimport type { TimeseriesChartProps } from './types/timeseries-props.js';\nimport type { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport type { _XYChartLegacyProps } from '../xy-chart-adoption/shared/types/legacy-props.js';\n// eslint-disable-next-line no-restricted-imports\nimport { TimeseriesToXY } from '../xy-chart-adoption/timeseries/TimeseriesToXY.js';\n\nexport const TimeseriesChartSwitcher = forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<TimeseriesChartProps & _XYChartLegacyProps>\n>((props, forwardedRef) => {\n  const { __useLegacy, ...rest } = props;\n  if (__useLegacy) {\n    return <TimeseriesChartRoot {...rest} ref={forwardedRef} />;\n  }\n  return <TimeseriesToXY {...rest} ref={forwardedRef} />;\n});\n\n(\n  TimeseriesChartSwitcher as typeof TimeseriesChartSwitcher & {\n    displayName: string;\n  }\n).displayName = 'TimeseriesChart';\n\n/**\n * The `TimeseriesChart` visually represents data in sequential order of time.\n * It's used to observe trends, patterns, and fluctuations in the data over a\n * specific time period.\n * @public\n */\nexport const TimeseriesChart = Object.assign(TimeseriesChartSwitcher, {\n  Band,\n  Legend,\n  YAxis,\n  XAxis,\n  Tooltip,\n  Annotations,\n  Line,\n  Area,\n  Bar,\n  ThresholdIndicator,\n  Select,\n  Intent,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: TimeseriesChartDownloadCSVSlot,\n  Pan,\n  Zoom,\n});\n\n/**\n * Annotations Slots\n * @public\n */\nexport const TimeseriesAnnotations = Object.assign(\n  {},\n  {\n    Marker,\n    Track,\n    Tooltip: AnnotationsTooltip,\n  },\n);\n"],
-  "mappings": "AAqCW;AArCX,SAAS,kBAA0C;AAEnD,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,aAAa;AACtB,SAAS,sCAAsC;AAC/C,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAGpC,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAG1B,SAAS,sBAAsB;AAExB,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,aAAa,GAAG,KAAK,IAAI;AACjC,MAAI,aAAa;AACf,WAAO,oBAAC,uBAAqB,GAAG,MAAM,KAAK,cAAc;AAAA,EAC3D;AACA,SAAO,oBAAC,kBAAgB,GAAG,MAAM,KAAK,cAAc;AACtD,CAAC;AAGC,wBAGA,cAAc;AAQT,MAAM,kBAAkB,OAAO,OAAO,yBAAyB;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AACF,CAAC;AAMM,MAAM,wBAAwB,OAAO;AAAA,EAC1C,CAAC;AAAA,EACD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren } from 'react';\n\nimport { Annotations } from './slots/annotations/Annotations.js';\nimport { Marker } from './slots/annotations/Marker.js';\nimport { AnnotationsTooltip } from './slots/annotations/Tooltip.js';\nimport { Track } from './slots/annotations/Track.js';\nimport { TimeseriesChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { Legend } from './slots/Legend.js';\nimport { Pan } from './slots/Pan.js';\nimport { Select } from './slots/Select.js';\nimport { Area } from './slots/shapes/Area.js';\nimport { Band } from './slots/shapes/Band.js';\nimport { Bar } from './slots/shapes/Bar.js';\nimport { Line } from './slots/shapes/Line.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { XAxis } from './slots/XAxis.js';\nimport { YAxis } from './slots/YAxis.js';\nimport { Zoom } from './slots/Zoom.js';\nimport { TimeseriesChartRoot } from './TimeseriesChartRoot.js';\nimport type { TimeseriesChartProps } from './types/timeseries-props.js';\nimport type { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport type { _XYChartLegacyProps } from '../xy-chart-adoption/shared/types/legacy-props.js';\n// oxlint-disable-next-line no-restricted-imports\nimport { TimeseriesToXY } from '../xy-chart-adoption/timeseries/TimeseriesToXY.js';\n\nexport const TimeseriesChartSwitcher = forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<TimeseriesChartProps & _XYChartLegacyProps>\n>((props, forwardedRef) => {\n  const { __useLegacy, ...rest } = props;\n  if (__useLegacy) {\n    return <TimeseriesChartRoot {...rest} ref={forwardedRef} />;\n  }\n  return <TimeseriesToXY {...rest} ref={forwardedRef} />;\n});\n\n(\n  TimeseriesChartSwitcher as typeof TimeseriesChartSwitcher & {\n    displayName: string;\n  }\n).displayName = 'TimeseriesChart';\n\n/**\n * The `TimeseriesChart` visually represents data in sequential order of time.\n * It's used to observe trends, patterns, and fluctuations in the data over a\n * specific time period.\n * @public\n */\nexport const TimeseriesChart = Object.assign(TimeseriesChartSwitcher, {\n  Band,\n  Legend,\n  YAxis,\n  XAxis,\n  Tooltip,\n  Annotations,\n  Line,\n  Area,\n  Bar,\n  ThresholdIndicator,\n  Select,\n  Intent,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  ColorRule,\n  Toolbar,\n  /** @deprecated `TimeseriesChart.DownloadCSV` is no longer required \u2014 download is always active. (APPDEV-18865) */\n  // oxlint-disable-next-line typescript/no-deprecated -- DEPRECATION: [APPDEV-18865] BREAKING-CHANGE: Remove TimeseriesChart.DownloadCSV.\n  DownloadCSV: TimeseriesChartDownloadCSVSlot,\n  Pan,\n  Zoom,\n});\n\n/**\n * Annotations Slots\n * @public\n */\nexport const TimeseriesAnnotations = Object.assign(\n  {},\n  {\n    Marker,\n    Track,\n    Tooltip: AnnotationsTooltip,\n  },\n);\n"],
+  "mappings": "AAqCW;AArCX,SAAS,kBAA0C;AAEnD,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,aAAa;AACtB,SAAS,sCAAsC;AAC/C,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAGpC,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAG1B,SAAS,sBAAsB;AAExB,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,aAAa,GAAG,KAAK,IAAI;AACjC,MAAI,aAAa;AACf,WAAO,oBAAC,uBAAqB,GAAG,MAAM,KAAK,cAAc;AAAA,EAC3D;AACA,SAAO,oBAAC,kBAAgB,GAAG,MAAM,KAAK,cAAc;AACtD,CAAC;AAGC,wBAGA,cAAc;AAQT,MAAM,kBAAkB,OAAO,OAAO,yBAAyB;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA;AAAA;AAAA,EAGA,aAAa;AAAA,EACb;AAAA,EACA;AACF,CAAC;AAMM,MAAM,wBAAwB,OAAO;AAAA,EAC1C,CAAC;AAAA,EACD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/esm/charts/timeseries/TimeseriesChartInternal.js

@@ -100,9 +100,6 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
   const annotationsRowHeight = showAnnotations ? annotationsVisibleArea : 0;
   const timeseriesGridTemplateRows = showAxes ? `minmax(0, ${annotationsRowHeight}px) minmax(60%, 1fr) minmax(0, auto)` : "0px 1fr 1px";
   useChartInteractions();
-  if (!height || !width) {
-    return null;
-  }
   return /* @__PURE__ */ jsx(
     "div",
     {

package/esm/charts/timeseries/TimeseriesChartInternal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/timeseries/TimeseriesChartInternal.tsx"],
-  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { TimeseriesAnnotationsIndicators } from './components/annotations-timeseries/TimeseriesAnnotationsIndicators.js';\nimport { TimeseriesChartAnnotationsArea } from './components/annotations-timeseries/TimeseriesChartAnnotationsArea.js';\nimport { TimeseriesTimeBottomAxisArea } from './components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.js';\nimport { TimeseriesValueLeftAxisArea } from './components/axes/TimeseriesValueLeftAxisArea.js';\nimport { TimeseriesValueRightAxisArea } from './components/axes/TimeseriesValueRightAxisArea.js';\nimport { TimeseriesChartOverlays } from './components/overlays/TimeseriesChartOverlays.js';\nimport { ThresholdIndicators } from './components/thresholds/ThresholdIndicators.js';\nimport { TimeseriesThresholdArea } from './components/thresholds/TimeseriesThresholdArea.js';\nimport { DISPLAY_NAME, TIMESERIES_ARIA_LABEL } from './constants.js';\nimport { useAnnotationsConfig } from './hooks/useAnnotationsConfig.js';\nimport { useChartInteractions } from './hooks/useChartInteractions.js';\nimport { useTimeseriesFilteredData } from './hooks/useTimeseriesFilteredData.js';\nimport { useTimeseriesFilteredYAxis } from './hooks/useTimeseriesFilteredYAxis.js';\nimport { useTimeseriesLegend } from './hooks/useTimeseriesLegend.js';\nimport { TimeseriesChartPlot } from './layout/TimeseriesChartPlot.js';\nimport { TimeseriesChartImperativeHandler } from './providers/TimeseriesChartImperativeHandler.js';\nimport { TimeseriesChartProviders } from './providers/TimeseriesChartProviders.js';\nimport type { TimeseriesChartConfiguration } from './types/timeseries-config.js';\nimport { AREAS } from './types/timeseries-grid-area-rules.js';\nimport type { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { SCROLLBAR_WIDTH } from '../core/components/annotations/constants.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport {\n  shouldShowAnnotations,\n  shouldShowAxes,\n} from '../core/components/chart-grid/constants.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\nimport {\n  BOTTOM_PADDING_ADJUSTMENT,\n  OVERLAY_PADDING,\n} from '../core/components/data-point/constants.js';\nimport { useAriaLabelingContext } from '../core/context/AriaLabelingContext.js';\n\nexport function computeChartPadding(\n  axisLeftConfig: unknown,\n  axisRightConfig: unknown,\n  unitsCount: number,\n  isLegendHiddenOrVertical: boolean,\n): { hasLeftPadding: boolean; hasRightPadding: boolean } {\n  const singleUnit = unitsCount === 1 && isLegendHiddenOrVertical;\n  const paddingRight = Boolean(\n    (!axisLeftConfig && !axisRightConfig && singleUnit) ||\n      (axisLeftConfig && axisRightConfig && singleUnit) ||\n      (axisLeftConfig && isLegendHiddenOrVertical),\n  );\n  const onlyRightAxis = !axisLeftConfig && Boolean(axisRightConfig);\n  return {\n    hasLeftPadding: onlyRightAxis,\n    hasRightPadding: onlyRightAxis || paddingRight,\n  };\n}\n\nconst timeseriesGridTemplateAreas = `\n  \"${AREAS.annotations} ${AREAS.annotations} ${AREAS.annotations} . .\"\n  \"${AREAS.leftAxis} ${AREAS.leftThreshold} plot ${AREAS.rightThreshold} ${AREAS.rightAxis}\"\n  \". . ${AREAS.bottomAxis} . .\"\n`;\nconst timeseriesGridTemplateColumns =\n  'minmax(0, auto) auto minmax(60%, 1fr) auto minmax(0, auto)';\n\nexport interface _TimeseriesChartProps {\n  config: TimeseriesChartConfiguration;\n}\n\nexport const TimeseriesChartInternal = /* @__PURE__ */ forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<_TimeseriesChartProps>\n>(({ config }, forwardedRef) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = useAriaLabelingContext();\n  const loading = useChartLayoutLoading();\n  const annotations = useAnnotationsConfig();\n  const tracksQuantity = annotations.tracks.length;\n  const numHiddenTracks = annotations.tracks.filter(\n    (value) => value.hidden,\n  ).length;\n\n  const chartRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs<TimeseriesChartRef | HTMLDivElement>([\n    forwardedRef,\n    chartRef,\n  ]);\n\n  const { width, height } = useGraphSize();\n  const { orientation } = useChartLayoutOrientation();\n  const { right: axisRightConfig, left: axisLeftConfig } =\n    useTimeseriesFilteredYAxis();\n  const { units } = useTimeseriesFilteredData();\n  const { hidden: legendHidden } = useTimeseriesLegend();\n\n  const annotationsVisibleArea = getAnnotationsVisibleArea(\n    tracksQuantity,\n    annotations.visibleTracksLimit,\n    numHiddenTracks,\n  );\n\n  const availableWidth =\n    tracksQuantity && orientation === 'vertical'\n      ? width - SCROLLBAR_WIDTH\n      : width;\n\n  const isLegendHiddenOrVertical = orientation === 'vertical' || legendHidden;\n  const isLegendHiddenOrRight = orientation === 'horizontal' || legendHidden;\n\n  const { hasLeftPadding, hasRightPadding } = computeChartPadding(\n    axisLeftConfig,\n    axisRightConfig,\n    units.length,\n    isLegendHiddenOrVertical,\n  );\n\n  const chartGridHeight =\n    height -\n    (!tracksQuantity || isLegendHiddenOrRight\n      ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT\n      : 0);\n\n  const showAnnotations = shouldShowAnnotations(\n    chartGridHeight,\n    tracksQuantity,\n  );\n\n  const showAxes = shouldShowAxes(chartGridHeight);\n  const chartGridRenderHeight =\n    tracksQuantity && !isLegendHiddenOrRight && !showAnnotations\n      ? chartGridHeight - OVERLAY_PADDING\n      : chartGridHeight;\n\n  const annotationsRowHeight = showAnnotations ? annotationsVisibleArea : 0;\n\n  const timeseriesGridTemplateRows = showAxes\n    ? `minmax(0, ${annotationsRowHeight}px) minmax(60%, 1fr) minmax(0, auto)`\n    : '0px 1fr 1px';\n\n  useChartInteractions();\n\n  if (!height || !width) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        paddingTop: showAnnotations ? 0 : OVERLAY_PADDING,\n        paddingLeft: hasLeftPadding ? OVERLAY_PADDING : 0,\n      }}\n      className={defaultChartSize}\n      aria-label={ariaLabel ?? TIMESERIES_ARIA_LABEL}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      aria-details={ariaDetails}\n      role=\"img\"\n    >\n      <ChartGrid\n        width={availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0)}\n        height={chartGridRenderHeight}\n        gridTemplateAreas={timeseriesGridTemplateAreas}\n        gridTemplateColumns={timeseriesGridTemplateColumns}\n        gridTemplateRows={timeseriesGridTemplateRows}\n        ref={mergedRef}\n      >\n        <TimeseriesChartProviders>\n          <TimeseriesChartImperativeHandler\n            config={config}\n            forwardedRef={forwardedRef}\n            chartRef={chartRef}\n          >\n            {showAxes && <TimeseriesValueLeftAxisArea />}\n            {showAxes && <TimeseriesTimeBottomAxisArea />}\n\n            <ChartGrid.PlotArea>\n              <TimeseriesChartPlot />\n              {showAnnotations && <TimeseriesAnnotationsIndicators />}\n              <ChartLoaderOverlay\n                loading={!!loading}\n                zoomEnabled={!!config.interactions?.zoom?.enabled}\n              >\n                <TimeseriesChartOverlays />\n              </ChartLoaderOverlay>\n\n              <ThresholdIndicators indicatorType=\"line\" />\n            </ChartGrid.PlotArea>\n\n            {showAxes && <TimeseriesValueRightAxisArea />}\n            <TimeseriesThresholdArea />\n\n            {showAnnotations && <TimeseriesChartAnnotationsArea />}\n          </TimeseriesChartImperativeHandler>\n        </TimeseriesChartProviders>\n      </ChartGrid>\n    </div>\n  );\n});\n\n(\n  TimeseriesChartInternal as typeof TimeseriesChartInternal & {\n    displayName: string;\n  }\n).displayName = DISPLAY_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { TimeseriesAnnotationsIndicators } from './components/annotations-timeseries/TimeseriesAnnotationsIndicators.js';\nimport { TimeseriesChartAnnotationsArea } from './components/annotations-timeseries/TimeseriesChartAnnotationsArea.js';\nimport { TimeseriesTimeBottomAxisArea } from './components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.js';\nimport { TimeseriesValueLeftAxisArea } from './components/axes/TimeseriesValueLeftAxisArea.js';\nimport { TimeseriesValueRightAxisArea } from './components/axes/TimeseriesValueRightAxisArea.js';\nimport { TimeseriesChartOverlays } from './components/overlays/TimeseriesChartOverlays.js';\nimport { ThresholdIndicators } from './components/thresholds/ThresholdIndicators.js';\nimport { TimeseriesThresholdArea } from './components/thresholds/TimeseriesThresholdArea.js';\nimport { DISPLAY_NAME, TIMESERIES_ARIA_LABEL } from './constants.js';\nimport { useAnnotationsConfig } from './hooks/useAnnotationsConfig.js';\nimport { useChartInteractions } from './hooks/useChartInteractions.js';\nimport { useTimeseriesFilteredData } from './hooks/useTimeseriesFilteredData.js';\nimport { useTimeseriesFilteredYAxis } from './hooks/useTimeseriesFilteredYAxis.js';\nimport { useTimeseriesLegend } from './hooks/useTimeseriesLegend.js';\nimport { TimeseriesChartPlot } from './layout/TimeseriesChartPlot.js';\nimport { TimeseriesChartImperativeHandler } from './providers/TimeseriesChartImperativeHandler.js';\nimport { TimeseriesChartProviders } from './providers/TimeseriesChartProviders.js';\nimport type { TimeseriesChartConfiguration } from './types/timeseries-config.js';\nimport { AREAS } from './types/timeseries-grid-area-rules.js';\nimport type { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { SCROLLBAR_WIDTH } from '../core/components/annotations/constants.js';\nimport { getAnnotationsVisibleArea } from '../core/components/annotations/utils/get-annotations-visible-area.js';\nimport { ChartGrid } from '../core/components/chart-grid/ChartGridRoot.js';\nimport {\n  shouldShowAnnotations,\n  shouldShowAxes,\n} from '../core/components/chart-grid/constants.js';\nimport { useChartLayoutLoading } from '../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { useGraphSize } from '../core/components/chart-layout/hooks/useGraphSize.js';\nimport { ChartLoaderOverlay } from '../core/components/chart-loader-overlay/ChartLoaderOverlay.js';\nimport {\n  BOTTOM_PADDING_ADJUSTMENT,\n  OVERLAY_PADDING,\n} from '../core/components/data-point/constants.js';\nimport { useAriaLabelingContext } from '../core/context/AriaLabelingContext.js';\n\nexport function computeChartPadding(\n  axisLeftConfig: unknown,\n  axisRightConfig: unknown,\n  unitsCount: number,\n  isLegendHiddenOrVertical: boolean,\n): { hasLeftPadding: boolean; hasRightPadding: boolean } {\n  const singleUnit = unitsCount === 1 && isLegendHiddenOrVertical;\n  const paddingRight = Boolean(\n    (!axisLeftConfig && !axisRightConfig && singleUnit) ||\n    (axisLeftConfig && axisRightConfig && singleUnit) ||\n    (axisLeftConfig && isLegendHiddenOrVertical),\n  );\n  const onlyRightAxis = !axisLeftConfig && Boolean(axisRightConfig);\n  return {\n    hasLeftPadding: onlyRightAxis,\n    hasRightPadding: onlyRightAxis || paddingRight,\n  };\n}\n\nconst timeseriesGridTemplateAreas = `\n  \"${AREAS.annotations} ${AREAS.annotations} ${AREAS.annotations} . .\"\n  \"${AREAS.leftAxis} ${AREAS.leftThreshold} plot ${AREAS.rightThreshold} ${AREAS.rightAxis}\"\n  \". . ${AREAS.bottomAxis} . .\"\n`;\nconst timeseriesGridTemplateColumns =\n  'minmax(0, auto) auto minmax(60%, 1fr) auto minmax(0, auto)';\n\nexport interface _TimeseriesChartProps {\n  config: TimeseriesChartConfiguration;\n}\n\nexport const TimeseriesChartInternal = /* @__PURE__ */ forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<_TimeseriesChartProps>\n>(({ config }, forwardedRef) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = useAriaLabelingContext();\n  const loading = useChartLayoutLoading();\n  const annotations = useAnnotationsConfig();\n  const tracksQuantity = annotations.tracks.length;\n  const numHiddenTracks = annotations.tracks.filter(\n    (value) => value.hidden,\n  ).length;\n\n  const chartRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs<TimeseriesChartRef | HTMLDivElement>([\n    forwardedRef,\n    chartRef,\n  ]);\n\n  const { width, height } = useGraphSize();\n  const { orientation } = useChartLayoutOrientation();\n  const { right: axisRightConfig, left: axisLeftConfig } =\n    useTimeseriesFilteredYAxis();\n  const { units } = useTimeseriesFilteredData();\n  const { hidden: legendHidden } = useTimeseriesLegend();\n\n  const annotationsVisibleArea = getAnnotationsVisibleArea(\n    tracksQuantity,\n    annotations.visibleTracksLimit,\n    numHiddenTracks,\n  );\n\n  const availableWidth =\n    tracksQuantity && orientation === 'vertical'\n      ? width - SCROLLBAR_WIDTH\n      : width;\n\n  const isLegendHiddenOrVertical = orientation === 'vertical' || legendHidden;\n  const isLegendHiddenOrRight = orientation === 'horizontal' || legendHidden;\n\n  const { hasLeftPadding, hasRightPadding } = computeChartPadding(\n    axisLeftConfig,\n    axisRightConfig,\n    units.length,\n    isLegendHiddenOrVertical,\n  );\n\n  const chartGridHeight =\n    height -\n    (!tracksQuantity || isLegendHiddenOrRight\n      ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT\n      : 0);\n\n  const showAnnotations = shouldShowAnnotations(\n    chartGridHeight,\n    tracksQuantity,\n  );\n\n  const showAxes = shouldShowAxes(chartGridHeight);\n  const chartGridRenderHeight =\n    tracksQuantity && !isLegendHiddenOrRight && !showAnnotations\n      ? chartGridHeight - OVERLAY_PADDING\n      : chartGridHeight;\n\n  const annotationsRowHeight = showAnnotations ? annotationsVisibleArea : 0;\n\n  const timeseriesGridTemplateRows = showAxes\n    ? `minmax(0, ${annotationsRowHeight}px) minmax(60%, 1fr) minmax(0, auto)`\n    : '0px 1fr 1px';\n\n  useChartInteractions();\n\n  return (\n    <div\n      style={{\n        paddingTop: showAnnotations ? 0 : OVERLAY_PADDING,\n        paddingLeft: hasLeftPadding ? OVERLAY_PADDING : 0,\n      }}\n      className={defaultChartSize}\n      aria-label={ariaLabel ?? TIMESERIES_ARIA_LABEL}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      aria-details={ariaDetails}\n      role=\"img\"\n    >\n      <ChartGrid\n        width={availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0)}\n        height={chartGridRenderHeight}\n        gridTemplateAreas={timeseriesGridTemplateAreas}\n        gridTemplateColumns={timeseriesGridTemplateColumns}\n        gridTemplateRows={timeseriesGridTemplateRows}\n        ref={mergedRef}\n      >\n        <TimeseriesChartProviders>\n          <TimeseriesChartImperativeHandler\n            config={config}\n            forwardedRef={forwardedRef}\n            chartRef={chartRef}\n          >\n            {showAxes && <TimeseriesValueLeftAxisArea />}\n            {showAxes && <TimeseriesTimeBottomAxisArea />}\n\n            <ChartGrid.PlotArea>\n              <TimeseriesChartPlot />\n              {showAnnotations && <TimeseriesAnnotationsIndicators />}\n              <ChartLoaderOverlay\n                loading={!!loading}\n                zoomEnabled={!!config.interactions?.zoom?.enabled}\n              >\n                <TimeseriesChartOverlays />\n              </ChartLoaderOverlay>\n\n              <ThresholdIndicators indicatorType=\"line\" />\n            </ChartGrid.PlotArea>\n\n            {showAxes && <TimeseriesValueRightAxisArea />}\n            <TimeseriesThresholdArea />\n\n            {showAnnotations && <TimeseriesChartAnnotationsArea />}\n          </TimeseriesChartImperativeHandler>\n        </TimeseriesChartProviders>\n      </ChartGrid>\n    </div>\n  );\n});\n\n(\n  TimeseriesChartInternal as typeof TimeseriesChartInternal & {\n    displayName: string;\n  }\n).displayName = DISPLAY_NAME;\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/timeseries/TimeseriesChartRoot.js

@@ -42,6 +42,7 @@ const TimeseriesChartRoot = forwardRef((props, forwardedRef) => {
     height: heightProp,
     width,
     seriesActions,
+    // oxlint-disable-next-line typescript/no-deprecated -- DEPRECATION: [APPDEV-18865] BREAKING-CHANGE: Remove onMessage prop.
     onMessage,
     loading = false,
     curve,
@@ -83,7 +84,7 @@ const TimeseriesChartRoot = forwardRef((props, forwardedRef) => {
   const {
     position: legendPosition,
     onRatioChange,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     ratio,
     initialRatio,
     hidden: isLegendHidden

package/esm/charts/timeseries/TimeseriesChartRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/timeseries/TimeseriesChartRoot.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  useMemo,\n} from 'react';\n\nimport { TimeseriesChartLegend } from './components/legend/TimeseriesChartLegend.js';\nimport { TIMESERIES_CHART_DEFAULT_VARIANT } from './constants.js';\nimport { TimeseriesRawDataContext } from './context/TimeseriesRawData.context.js';\nimport { useTimeseriesChartConfig } from './hooks/useTimeseriesChartConfig.js';\nimport { StoreProvider } from './providers/StoreProvider.js';\nimport { TimeseriesChartIdProvider } from './providers/TimeseriesChartIdProvider.js';\nimport { TimeseriesConfigProvider } from './providers/TimeseriesConfigProviders.js';\nimport { TimeseriesDataProvider } from './providers/TimeseriesDataProvider.js';\nimport { TimeseriesFilteredDataProvider } from './providers/TimeseriesFilteredDataProvider.js';\nimport { TimeseriesMinMaxXAxisProvider } from './providers/TimeseriesMinMaxXAxisProvider.js';\nimport { TimeseriesChartInternal } from './TimeseriesChartInternal.js';\nimport { TimeseriesChartProps } from './types/timeseries-props.js';\nimport { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport {\n  hasSeriesWithDatapoints,\n  splitTimeseriesPerVariant,\n} from './utils/timeseries.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { AriaLabelingContext } from '../core/context/AriaLabelingContext.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * The default max height used for the timeserieschart when no explicit\n * height is given\n */\nconst TIMESERIES_CHART_DEFAULT_HEIGHT = 300;\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'TimeseriesChart';\n\n/**\n * TimeseriesChart component\n */\nexport const TimeseriesChartRoot = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    data,\n    gapPolicy,\n    pointsDisplay,\n    colorPalette,\n    truncationMode,\n    variant = TIMESERIES_CHART_DEFAULT_VARIANT,\n    valueRepresentation,\n    height: heightProp,\n    width,\n    seriesActions,\n    onMessage,\n    loading = false,\n    curve,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const chartHeight =\n    coerceSizeValue(heightProp) || TIMESERIES_CHART_DEFAULT_HEIGHT;\n  const dataPerVariant = splitTimeseriesPerVariant(\n    data ?? [],\n    children,\n    variant,\n  );\n  const config = useTimeseriesChartConfig(children, {\n    gapPolicy,\n    pointsDisplay,\n    valueRepresentation,\n    colorPalette,\n    truncationMode,\n    curve,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const { shapePriority, ...rawDataPerVariant } = dataPerVariant;\n  const hasSeries = hasSeriesWithDatapoints(dataPerVariant);\n\n  const {\n    position: legendPosition,\n    onRatioChange,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    hidden: isLegendHidden,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartLayoutRef = useAutoLegendRefresh(data);\n  const ariaLabelingValue = useMemo(\n    () => ({\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n    }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaDetails],\n  );\n\n  return (\n    <AriaLabelingContext.Provider value={ariaLabelingValue}>\n      <TimeseriesChartIdProvider>\n        <TimeseriesConfigProvider config={config}>\n          <TimeseriesRawDataContext.Provider value={rawDataPerVariant}>\n            <TimeseriesDataProvider\n              data={dataPerVariant}\n              valueRepresentation={config.valueRepresentation}\n              onMessage={onMessage}\n            >\n              <TimeseriesMinMaxXAxisProvider>\n                <ChartSeriesActionContext.Provider\n                  value={{\n                    chartSeriesActions: seriesActions as (\n                      series: unknown,\n                      datapoint?: unknown,\n                    ) => ReactElement<PropsWithChildren>,\n                  }}\n                >\n                  <StoreProvider\n                    data={dataPerVariant}\n                    currentDomain={config.currentZoom}\n                    initialDomain={config.initialZoom}\n                    infiniteZoom={config.infiniteZoom}\n                  >\n                    <TimeseriesFilteredDataProvider>\n                      <OverlayProvider>\n                        <TooltipProvider>\n                          <ChartLayout\n                            ref={chartLayoutRef}\n                            chartHeight={chartHeight}\n                            chartWidth={width}\n                            isEmpty={!hasSeries}\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={\n                              COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                            }\n                          >\n                            <ChartLayout.Graph>\n                              <TimeseriesChartInternal\n                                ref={forwardedRef}\n                                config={config}\n                              />\n                            </ChartLayout.Graph>\n                            {!isLegendHidden && (\n                              <ChartLayout.Legend\n                                position={legendPosition}\n                                initialRatio={legendRatio}\n                                onResize={onRatioChange}\n                              >\n                                <TimeseriesChartLegend />\n                              </ChartLayout.Legend>\n                            )}\n                          </ChartLayout>\n                        </TooltipProvider>\n                      </OverlayProvider>\n                    </TimeseriesFilteredDataProvider>\n                  </StoreProvider>\n                </ChartSeriesActionContext.Provider>\n              </TimeseriesMinMaxXAxisProvider>\n            </TimeseriesDataProvider>\n          </TimeseriesRawDataContext.Provider>\n        </TimeseriesConfigProvider>\n      </TimeseriesChartIdProvider>\n    </AriaLabelingContext.Provider>\n  );\n});\n\n(\n  TimeseriesChartRoot as typeof TimeseriesChartRoot & { displayName: string }\n).displayName = 'TimeseriesChartRoot';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  useMemo,\n} from 'react';\n\nimport { TimeseriesChartLegend } from './components/legend/TimeseriesChartLegend.js';\nimport { TIMESERIES_CHART_DEFAULT_VARIANT } from './constants.js';\nimport { TimeseriesRawDataContext } from './context/TimeseriesRawData.context.js';\nimport { useTimeseriesChartConfig } from './hooks/useTimeseriesChartConfig.js';\nimport { StoreProvider } from './providers/StoreProvider.js';\nimport { TimeseriesChartIdProvider } from './providers/TimeseriesChartIdProvider.js';\nimport { TimeseriesConfigProvider } from './providers/TimeseriesConfigProviders.js';\nimport { TimeseriesDataProvider } from './providers/TimeseriesDataProvider.js';\nimport { TimeseriesFilteredDataProvider } from './providers/TimeseriesFilteredDataProvider.js';\nimport { TimeseriesMinMaxXAxisProvider } from './providers/TimeseriesMinMaxXAxisProvider.js';\nimport { TimeseriesChartInternal } from './TimeseriesChartInternal.js';\nimport { TimeseriesChartProps } from './types/timeseries-props.js';\nimport { TimeseriesChartRef } from './types/timeseries-ref.js';\nimport {\n  hasSeriesWithDatapoints,\n  splitTimeseriesPerVariant,\n} from './utils/timeseries.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { OverlayProvider } from '../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { AriaLabelingContext } from '../core/context/AriaLabelingContext.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\n/**\n * The default max height used for the timeserieschart when no explicit\n * height is given\n */\nconst TIMESERIES_CHART_DEFAULT_HEIGHT = 300;\n\n/**\n * Component name used for data-dt-component in behavioural tracking\n */\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'TimeseriesChart';\n\n/**\n * TimeseriesChart component\n */\nexport const TimeseriesChartRoot = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    data,\n    gapPolicy,\n    pointsDisplay,\n    colorPalette,\n    truncationMode,\n    variant = TIMESERIES_CHART_DEFAULT_VARIANT,\n    valueRepresentation,\n    height: heightProp,\n    width,\n    seriesActions,\n    // oxlint-disable-next-line typescript/no-deprecated -- DEPRECATION: [APPDEV-18865] BREAKING-CHANGE: Remove onMessage prop.\n    onMessage,\n    loading = false,\n    curve,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = props;\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const chartHeight =\n    coerceSizeValue(heightProp) || TIMESERIES_CHART_DEFAULT_HEIGHT;\n  const dataPerVariant = splitTimeseriesPerVariant(\n    data ?? [],\n    children,\n    variant,\n  );\n  const config = useTimeseriesChartConfig(children, {\n    gapPolicy,\n    pointsDisplay,\n    valueRepresentation,\n    colorPalette,\n    truncationMode,\n    curve,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const { shapePriority, ...rawDataPerVariant } = dataPerVariant;\n  const hasSeries = hasSeriesWithDatapoints(dataPerVariant);\n\n  const {\n    position: legendPosition,\n    onRatioChange,\n    // oxlint-disable-next-line typescript/no-deprecated\n    ratio,\n    initialRatio,\n    hidden: isLegendHidden,\n  } = config.legend;\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const chartLayoutRef = useAutoLegendRefresh(data);\n  const ariaLabelingValue = useMemo(\n    () => ({\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n    }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaDetails],\n  );\n\n  return (\n    <AriaLabelingContext.Provider value={ariaLabelingValue}>\n      <TimeseriesChartIdProvider>\n        <TimeseriesConfigProvider config={config}>\n          <TimeseriesRawDataContext.Provider value={rawDataPerVariant}>\n            <TimeseriesDataProvider\n              data={dataPerVariant}\n              valueRepresentation={config.valueRepresentation}\n              onMessage={onMessage}\n            >\n              <TimeseriesMinMaxXAxisProvider>\n                <ChartSeriesActionContext.Provider\n                  value={{\n                    chartSeriesActions: seriesActions as (\n                      series: unknown,\n                      datapoint?: unknown,\n                    ) => ReactElement<PropsWithChildren>,\n                  }}\n                >\n                  <StoreProvider\n                    data={dataPerVariant}\n                    currentDomain={config.currentZoom}\n                    initialDomain={config.initialZoom}\n                    infiniteZoom={config.infiniteZoom}\n                  >\n                    <TimeseriesFilteredDataProvider>\n                      <OverlayProvider>\n                        <TooltipProvider>\n                          <ChartLayout\n                            ref={chartLayoutRef}\n                            chartHeight={chartHeight}\n                            chartWidth={width}\n                            isEmpty={!hasSeries}\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={\n                              COMPONENT_NAME_BEHAVIOURAL_TRACKING\n                            }\n                          >\n                            <ChartLayout.Graph>\n                              <TimeseriesChartInternal\n                                ref={forwardedRef}\n                                config={config}\n                              />\n                            </ChartLayout.Graph>\n                            {!isLegendHidden && (\n                              <ChartLayout.Legend\n                                position={legendPosition}\n                                initialRatio={legendRatio}\n                                onResize={onRatioChange}\n                              >\n                                <TimeseriesChartLegend />\n                              </ChartLayout.Legend>\n                            )}\n                          </ChartLayout>\n                        </TooltipProvider>\n                      </OverlayProvider>\n                    </TimeseriesFilteredDataProvider>\n                  </StoreProvider>\n                </ChartSeriesActionContext.Provider>\n              </TimeseriesMinMaxXAxisProvider>\n            </TimeseriesDataProvider>\n          </TimeseriesRawDataContext.Provider>\n        </TimeseriesConfigProvider>\n      </TimeseriesChartIdProvider>\n    </AriaLabelingContext.Provider>\n  );\n});\n\n(\n  TimeseriesChartRoot as typeof TimeseriesChartRoot & { displayName: string }\n).displayName = 'TimeseriesChartRoot';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.css

@@ -1,6 +1,6 @@
-._19z0vdp0-3-12-2 {
+._19z0vdp0-3-13-2 {
   position: relative;
 }
-._19z0vdp1-3-12-2 {
+._19z0vdp1-3-13-2 {
   touch-action: none;
 }

package/esm/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.sty.js

@@ -1,6 +1,6 @@
 import "./TimeseriesTimeBottomAxisArea.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var timeBottomAxisContainer = _7a468({ defaultClassName: "_19z0vdp0-3-12-2", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
+var timeBottomAxisContainer = _7a468({ defaultClassName: "_19z0vdp0-3-13-2", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-13-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   timeBottomAxisContainer
 };

package/esm/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/timeseries/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.css.ts"],
-  "sourcesContent": ["import './TimeseriesTimeBottomAxisArea.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var timeBottomAxisContainer = _7a468({defaultClassName:'_19z0vdp0-3-12-2',variantClassNames:{isTouchableDevice:{true:'_19z0vdp1-3-12-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './TimeseriesTimeBottomAxisArea.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var timeBottomAxisContainer = _7a468({defaultClassName:'_19z0vdp0-3-13-2',variantClassNames:{isTouchableDevice:{true:'_19z0vdp1-3-13-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,mBAAkB,EAAC,MAAK,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/timeseries/components/overlays/TimeseriesChartOverlays.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/timeseries/components/overlays/TimeseriesChartOverlays.tsx"],
-  "sourcesContent": ["import { every } from 'lodash-es';\nimport { useEffect, useRef, type FocusEvent } from 'react';\n\nimport { useApplyPanDelta } from './hooks/useApplyPanDelta.js';\nimport { useApplyZoomDelta } from './hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from './hooks/useResetInteractions.js';\nimport { useResetOnResize } from './hooks/useResetOnResize.js';\nimport { TimeseriesCrosshair } from './TimeseriesExplore/TimeseriesCrosshair.js';\nimport { TimeseriesInspect } from './TimeseriesExplore/TimeseriesInspect.js';\nimport { TimeseriesSelectionArea } from './TimeseriesSelection/TimeseriesSelectionArea.js';\nimport { getPointsParsed } from './utils/get-points-parsed.js';\nimport { EMPTY_DATAPOINT } from './utils/tooltip/constants.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { InteractionsOverlay } from '../../../core/components/interactions-overlay/InteractionsOverlay.js';\nimport {\n  INTERACTION_MODE,\n  type InteractionMode,\n  type InteractionTriggers,\n  isSelectCancelled,\n  type ZoomBehavior,\n} from '../../../core/components/interactions-overlay/types.js';\nimport { isOwnEvent } from '../../../core/components/interactions-overlay/utils/is-own-event.js';\nimport {\n  reduceExploreCancelAll,\n  reduceExploreCancelSelect,\n  reduceExploreCancelTooltip,\n  reduceExploreEnd,\n  reduceExplorePin,\n  reduceExplorePosition,\n  reduceExploreReset,\n  reduceExploreSelect,\n  reduceExploreUnPin,\n} from '../../../core/components/interactions-state-helpers/reducers/explore-reducers.js';\nimport { reduceInteractionMode } from '../../../core/components/interactions-state-helpers/reducers/mode-reducers.js';\nimport type {\n  _SelectionRef,\n  SelectionAreaVariant,\n} from '../../../core/components/selection-area/types.js';\nimport { SynchronizedSelectionArea } from '../../../core/components/shared-chart-interactions/components/SynchronizedSelectionArea.js';\nimport { VerticalSynchronizedCrosshair } from '../../../core/components/shared-chart-interactions/components/VerticalSynchronizedCrosshair.js';\nimport { useSynchronizedCrosshair } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedCrosshair.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport type { RelativeAbsolutePosition } from '../../../core/types/pointer-events.js';\nimport { getPercentageFromPixel } from '../../../core/utils/get-percentage-from-pixel.js';\nimport { zIndicesTimeseriesAreas } from '../../constants.js';\nimport { TimeseriesChartOverlayRefContext } from '../../context/TimeseriesChartOverlayRefContext.js';\nimport { TimeseriesChartSelectionAreaRef } from '../../context/TimeseriesChartSelectionAreaRef.context.js';\nimport {\n  useExploreState,\n  useInteractionModeState,\n  useSelectState,\n  useSetState,\n  useZoomState,\n} from '../../hooks/store/selectors.js';\nimport { useZoomToSelection } from '../../hooks/store/state-setters.js';\nimport { useChartInteractions } from '../../hooks/useChartInteractions.js';\nimport { useChartToolbar } from '../../hooks/useChartToolbar.js';\nimport { useTimeseriesChartId } from '../../hooks/useTimeseriesChartId.js';\nimport { useTimeseriesFilteredData } from '../../hooks/useTimeseriesFilteredData.js';\nimport { useXScales } from '../../hooks/useXScale.js';\nimport { useYScales } from '../../hooks/useYScales.js';\nimport { TimeseriesChartToolbar } from '../toolbar/TimeseriesChartToolbar.js';\n\nexport const TimeseriesChartOverlays = () => {\n  const handlerRef = useToolbarHandlerRef();\n  /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n  const { zoomX, pan, zoom } = useChartInteractions();\n  const selectionRef = useRef<_SelectionRef>(null);\n\n  const { width, height } = useGridPlotSize();\n\n  const toolbar = useChartToolbar();\n\n  const exploreState = useExploreState();\n  const selectState = useSelectState();\n  const mode = useInteractionModeState();\n  const zoomState = useZoomState();\n\n  const setState = useSetState();\n  const applyPanDelta = useApplyPanDelta();\n  const applyZoomDelta = useApplyZoomDelta();\n  const resetInteractions = useResetInteractions();\n\n  useResetOnResize();\n\n  const synchronizedCrosshair = useSynchronizedCrosshair();\n  const synchronizedSelection = useSynchronizedSelection();\n  const chartId = useTimeseriesChartId();\n\n  const overlayRef = useRef<HTMLDivElement>(null);\n\n  const {\n    updateHoverState: updateSynchronizedCrosshair,\n    hoveredChartId,\n    disabled: synchronizedCrosshairDisabled,\n    setDisabled: disableSynchronizedCrosshair,\n  } = synchronizedCrosshair ?? {};\n\n  const {\n    updateSelectionState: updateSynchronizedSelection,\n    resetSelectionState: resetSynchronizedSelection,\n    selectedChartId,\n    disabled: synchronizedSelectionDisabled,\n  } = 'selectedChartId' in synchronizedSelection\n    ? synchronizedSelection\n    : { disabled: true };\n\n  useEffect(() => {\n    if (\n      every([\n        selectState,\n        !synchronizedSelection.selectedChartId,\n        !synchronizedSelectionDisabled,\n      ])\n    ) {\n      // clear current chart selection if the shared selection was removed\n      setState((s) => ({ ...s, select: undefined }));\n    }\n  }, [synchronizedSelection.selectedChartId]);\n\n  useEffect(() => {\n    if (synchronizedSelection.selectedChartId === chartId && !selectState) {\n      // clear shared chart selection if the current selection was removed\n      synchronizedSelection.resetSelectionState?.();\n    }\n  }, [!!selectState]);\n\n  const showVerticalCrosshair =\n    hoveredChartId !== chartId && !synchronizedCrosshairDisabled;\n  const showSynchronizedSelection =\n    selectedChartId !== chartId && !synchronizedSelectionDisabled;\n\n  const { currentScale: xScale } = useXScales();\n  const { datapointsMap, allDatapoints } = useTimeseriesFilteredData();\n  const yScale = useYScales();\n  const { position } = useExploreState();\n  const zoomToSelection = useZoomToSelection();\n\n  const { closestPoint, filteredPoints, groupedPoints } = getPointsParsed(\n    position?.relative,\n    allDatapoints,\n    xScale,\n    yScale,\n    datapointsMap,\n    width,\n    height,\n  );\n\n  const handleModeChange = (event: {\n    mode: InteractionMode;\n    keyboard: boolean;\n  }) => {\n    const canPan = zoomState.zoomOutEnabled;\n    const shouldSwitchToPanMode =\n      event.mode === 'pan' && pan?.enabled && canPan;\n    const shouldSwitchToZoomMode =\n      event.mode === 'zoom' && (zoomX?.enabled || zoom?.enabled);\n\n    if (shouldSwitchToPanMode || shouldSwitchToZoomMode) {\n      setState(reduceInteractionMode(event.mode));\n      setState(reduceExploreReset);\n      resetSynchronizedSelection?.();\n    } else if (event.mode === 'explore') {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    }\n  };\n\n  const handleHover = (payload: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (mode === 'explore') {\n      setState(reduceExplorePosition(payload.position));\n    }\n\n    const hoveredDate = xScale.invert(payload.position.relative.x);\n    disableSynchronizedCrosshair?.(false);\n    updateSynchronizedCrosshair?.(chartId, hoveredDate.valueOf());\n  };\n\n  const handleLeave = (_: { triggeredBy: InteractionTriggers }) => {\n    if (mode === 'explore') {\n      setState(reduceExploreEnd);\n    }\n\n    updateSynchronizedCrosshair?.(undefined);\n  };\n\n  const handlePanChange = (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => {\n    if (pan?.enabled) {\n      applyPanDelta(event.delta);\n    }\n  };\n\n  const handleTogglePin = (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition | undefined;\n    pin: boolean;\n  }) => {\n    const highlightedSeriesId =\n      closestPoint?.id && closestPoint.id !== EMPTY_DATAPOINT.id\n        ? closestPoint?.id\n        : undefined;\n\n    setState(\n      event.pin\n        ? reduceExplorePin(event.position, highlightedSeriesId)\n        : reduceExploreUnPin(event.position),\n    );\n\n    updateSynchronizedCrosshair?.(undefined);\n  };\n\n  const handleReset = (event: {\n    triggeredBy: InteractionTriggers;\n    mousePosition?: RelativeAbsolutePosition;\n  }) => {\n    disableSynchronizedCrosshair?.(false);\n    resetSynchronizedSelection?.();\n    resetInteractions(event.mousePosition);\n  };\n\n  const handleSelectStart = (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (mode === 'explore') {\n      updateSynchronizedSelection?.();\n    } else if (!zoomX?.enabled) {\n      handleTogglePin({\n        triggeredBy: event.triggeredBy,\n        position: event.position,\n        pin: !exploreState.pinned,\n      });\n    }\n\n    disableSynchronizedCrosshair?.(true);\n  };\n\n  const handleSelectChange = (event: {\n    triggeredBy: InteractionTriggers;\n    start: RelativeAbsolutePosition;\n    end: RelativeAbsolutePosition;\n    mode: 'zoom' | 'explore';\n  }): void => {\n    if (zoomX?.enabled || mode === 'explore') {\n      const variant: SelectionAreaVariant =\n        event.mode === 'explore' ? 'select' : 'zoom';\n\n      setState(\n        reduceExploreSelect({\n          start: event.start,\n          end: event.end,\n          finished: false,\n          accessible: false,\n          variant,\n          selectionPercentage: getPercentageFromPixel(\n            [event.start, event.end],\n            width,\n          ),\n        }),\n      );\n\n      updateSynchronizedSelection?.({\n        selection: [event.start, event.end],\n        chartId,\n        scale: xScale,\n      });\n    }\n  };\n\n  const handleSelectEnd = (\n    event:\n      | {\n          triggeredBy: InteractionTriggers;\n          start: RelativeAbsolutePosition;\n          end: RelativeAbsolutePosition;\n        }\n      | { cancelled: true },\n  ): void => {\n    if (isSelectCancelled(event)) {\n      setState(reduceExploreCancelSelect);\n      resetSynchronizedSelection?.();\n    } else if (mode === 'explore') {\n      setState(\n        reduceExploreSelect({\n          start: event.start,\n          end: event.end,\n          finished: true,\n          accessible: false,\n          selectionPercentage: getPercentageFromPixel(\n            [event.start, event.end],\n            width,\n          ),\n        }),\n      );\n      selectionRef.current?.focus();\n\n      updateSynchronizedSelection?.({\n        selection: [event.start, event.end],\n        chartId,\n        scale: xScale,\n      });\n    } else if (zoomX?.enabled) {\n      // in case select is disabled and zoomX is enabled, only zoom to selection interaction is possible\n      zoomToSelection();\n    }\n  };\n\n  const handleZoomChange = (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => {\n    setState(reduceExploreCancelAll);\n\n    applyZoomDelta(event.deltaStart, event.deltaEnd, event.behavior);\n  };\n\n  const handleToolbarMouseEnter = () => {\n    setState(reduceExploreCancelTooltip);\n  };\n\n  const handleFocus = (event?: FocusEvent) => {\n    if (!event || event.cancelable) {\n      return;\n    }\n    if (isOwnEvent(event)) {\n      handlerRef.current.handleFocus();\n    }\n  };\n\n  return (\n    <InteractionsOverlay\n      style={{\n        zIndex: zIndicesTimeseriesAreas.overlays,\n        userSelect: selectState?.finished === false ? 'none' : 'auto',\n      }}\n      ref={overlayRef}\n      mode={mode}\n      pinned={exploreState.pinned}\n      selectionArea={\n        selectState ? [selectState?.start, selectState?.end] : undefined\n      }\n      width={width}\n      height={height}\n      isZoomDisabled={!zoom?.enabled}\n      isZoomXDisabled={!zoomX?.enabled}\n      isPanDisabled={!(pan?.enabled && zoomState.zoomOutEnabled)}\n      onModeChange={handleModeChange}\n      onFocus={handleFocus}\n      onHover={handleHover}\n      onLeave={handleLeave}\n      onPanChange={handlePanChange}\n      onTogglePin={handleTogglePin}\n      onReset={handleReset}\n      onSelectStart={handleSelectStart}\n      onZoomChange={handleZoomChange}\n      onSelectEnd={handleSelectEnd}\n      onSelectChange={handleSelectChange}\n    >\n      <TimeseriesChartOverlayRefContext.Provider value={overlayRef}>\n        {exploreState.visible ? (\n          <>\n            <TimeseriesInspect\n              filteredPoints={filteredPoints}\n              closestPoint={closestPoint}\n              groupedPoints={groupedPoints}\n            />\n            <TimeseriesCrosshair closestPoint={closestPoint} />\n          </>\n        ) : null}\n        {showVerticalCrosshair && (\n          <VerticalSynchronizedCrosshair scale={xScale} />\n        )}\n\n        <TimeseriesChartSelectionAreaRef.Provider value={selectionRef}>\n          {toolbar?.enabled ? (\n            <TimeseriesChartToolbar\n              onMouseEnter={handleToolbarMouseEnter}\n              handlerRef={handlerRef}\n            />\n          ) : null}\n          <TimeseriesSelectionArea />\n        </TimeseriesChartSelectionAreaRef.Provider>\n        {showSynchronizedSelection && (\n          <SynchronizedSelectionArea scale={xScale} />\n        )}\n      </TimeseriesChartOverlayRefContext.Provider>\n    </InteractionsOverlay>\n  );\n};\n\nTimeseriesChartOverlays['displayName'] = 'TimeseriesChartOverlays';\n"],
+  "sourcesContent": ["import { every } from 'lodash-es';\nimport { useEffect, useRef, type FocusEvent } from 'react';\n\nimport { useApplyPanDelta } from './hooks/useApplyPanDelta.js';\nimport { useApplyZoomDelta } from './hooks/useApplyZoomDelta.js';\nimport { useResetInteractions } from './hooks/useResetInteractions.js';\nimport { useResetOnResize } from './hooks/useResetOnResize.js';\nimport { TimeseriesCrosshair } from './TimeseriesExplore/TimeseriesCrosshair.js';\nimport { TimeseriesInspect } from './TimeseriesExplore/TimeseriesInspect.js';\nimport { TimeseriesSelectionArea } from './TimeseriesSelection/TimeseriesSelectionArea.js';\nimport { getPointsParsed } from './utils/get-points-parsed.js';\nimport { EMPTY_DATAPOINT } from './utils/tooltip/constants.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { InteractionsOverlay } from '../../../core/components/interactions-overlay/InteractionsOverlay.js';\nimport {\n  INTERACTION_MODE,\n  type InteractionMode,\n  type InteractionTriggers,\n  isSelectCancelled,\n  type ZoomBehavior,\n} from '../../../core/components/interactions-overlay/types.js';\nimport { isOwnEvent } from '../../../core/components/interactions-overlay/utils/is-own-event.js';\nimport {\n  reduceExploreCancelAll,\n  reduceExploreCancelSelect,\n  reduceExploreCancelTooltip,\n  reduceExploreEnd,\n  reduceExplorePin,\n  reduceExplorePosition,\n  reduceExploreReset,\n  reduceExploreSelect,\n  reduceExploreUnPin,\n} from '../../../core/components/interactions-state-helpers/reducers/explore-reducers.js';\nimport { reduceInteractionMode } from '../../../core/components/interactions-state-helpers/reducers/mode-reducers.js';\nimport type {\n  _SelectionRef,\n  SelectionAreaVariant,\n} from '../../../core/components/selection-area/types.js';\nimport { SynchronizedSelectionArea } from '../../../core/components/shared-chart-interactions/components/SynchronizedSelectionArea.js';\nimport { VerticalSynchronizedCrosshair } from '../../../core/components/shared-chart-interactions/components/VerticalSynchronizedCrosshair.js';\nimport { useSynchronizedCrosshair } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedCrosshair.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport type { RelativeAbsolutePosition } from '../../../core/types/pointer-events.js';\nimport { getPercentageFromPixel } from '../../../core/utils/get-percentage-from-pixel.js';\nimport { zIndicesTimeseriesAreas } from '../../constants.js';\nimport { TimeseriesChartOverlayRefContext } from '../../context/TimeseriesChartOverlayRefContext.js';\nimport { TimeseriesChartSelectionAreaRef } from '../../context/TimeseriesChartSelectionAreaRef.context.js';\nimport {\n  useExploreState,\n  useInteractionModeState,\n  useSelectState,\n  useSetState,\n  useZoomState,\n} from '../../hooks/store/selectors.js';\nimport { useZoomToSelection } from '../../hooks/store/state-setters.js';\nimport { useChartInteractions } from '../../hooks/useChartInteractions.js';\nimport { useChartToolbar } from '../../hooks/useChartToolbar.js';\nimport { useTimeseriesChartId } from '../../hooks/useTimeseriesChartId.js';\nimport { useTimeseriesFilteredData } from '../../hooks/useTimeseriesFilteredData.js';\nimport { useXScales } from '../../hooks/useXScale.js';\nimport { useYScales } from '../../hooks/useYScales.js';\nimport { TimeseriesChartToolbar } from '../toolbar/TimeseriesChartToolbar.js';\n\nexport const TimeseriesChartOverlays = () => {\n  const handlerRef = useToolbarHandlerRef();\n  /* oxlint-disable-next-line typescript/no-deprecated */\n  const { zoomX, pan, zoom } = useChartInteractions();\n  const selectionRef = useRef<_SelectionRef>(null);\n\n  const { width, height } = useGridPlotSize();\n\n  const toolbar = useChartToolbar();\n\n  const exploreState = useExploreState();\n  const selectState = useSelectState();\n  const mode = useInteractionModeState();\n  const zoomState = useZoomState();\n\n  const setState = useSetState();\n  const applyPanDelta = useApplyPanDelta();\n  const applyZoomDelta = useApplyZoomDelta();\n  const resetInteractions = useResetInteractions();\n\n  useResetOnResize();\n\n  const synchronizedCrosshair = useSynchronizedCrosshair();\n  const synchronizedSelection = useSynchronizedSelection();\n  const chartId = useTimeseriesChartId();\n\n  const overlayRef = useRef<HTMLDivElement>(null);\n\n  const {\n    updateHoverState: updateSynchronizedCrosshair,\n    hoveredChartId,\n    disabled: synchronizedCrosshairDisabled,\n    setDisabled: disableSynchronizedCrosshair,\n  } = synchronizedCrosshair ?? {};\n\n  const {\n    updateSelectionState: updateSynchronizedSelection,\n    resetSelectionState: resetSynchronizedSelection,\n    selectedChartId,\n    disabled: synchronizedSelectionDisabled,\n  } = 'selectedChartId' in synchronizedSelection\n    ? synchronizedSelection\n    : { disabled: true };\n\n  useEffect(() => {\n    if (\n      every([\n        selectState,\n        !synchronizedSelection.selectedChartId,\n        !synchronizedSelectionDisabled,\n      ])\n    ) {\n      // clear current chart selection if the shared selection was removed\n      setState((s) => ({ ...s, select: undefined }));\n    }\n  }, [synchronizedSelection.selectedChartId]);\n\n  useEffect(() => {\n    if (synchronizedSelection.selectedChartId === chartId && !selectState) {\n      // clear shared chart selection if the current selection was removed\n      synchronizedSelection.resetSelectionState?.();\n    }\n  }, [!!selectState]);\n\n  const showVerticalCrosshair =\n    hoveredChartId !== chartId && !synchronizedCrosshairDisabled;\n  const showSynchronizedSelection =\n    selectedChartId !== chartId && !synchronizedSelectionDisabled;\n\n  const { currentScale: xScale } = useXScales();\n  const { datapointsMap, allDatapoints } = useTimeseriesFilteredData();\n  const yScale = useYScales();\n  const { position } = useExploreState();\n  const zoomToSelection = useZoomToSelection();\n\n  const { closestPoint, filteredPoints, groupedPoints } = getPointsParsed(\n    position?.relative,\n    allDatapoints,\n    xScale,\n    yScale,\n    datapointsMap,\n    width,\n    height,\n  );\n\n  const handleModeChange = (event: {\n    mode: InteractionMode;\n    keyboard: boolean;\n  }) => {\n    const canPan = zoomState.zoomOutEnabled;\n    const shouldSwitchToPanMode =\n      event.mode === 'pan' && pan?.enabled && canPan;\n    const shouldSwitchToZoomMode =\n      event.mode === 'zoom' && (zoomX?.enabled || zoom?.enabled);\n\n    if (shouldSwitchToPanMode || shouldSwitchToZoomMode) {\n      setState(reduceInteractionMode(event.mode));\n      setState(reduceExploreReset);\n      resetSynchronizedSelection?.();\n    } else if (event.mode === 'explore') {\n      setState(reduceInteractionMode(INTERACTION_MODE.Explore));\n    }\n  };\n\n  const handleHover = (payload: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (mode === 'explore') {\n      setState(reduceExplorePosition(payload.position));\n    }\n\n    const hoveredDate = xScale.invert(payload.position.relative.x);\n    disableSynchronizedCrosshair?.(false);\n    updateSynchronizedCrosshair?.(chartId, hoveredDate.valueOf());\n  };\n\n  const handleLeave = (_: { triggeredBy: InteractionTriggers }) => {\n    if (mode === 'explore') {\n      setState(reduceExploreEnd);\n    }\n\n    updateSynchronizedCrosshair?.(undefined);\n  };\n\n  const handlePanChange = (event: {\n    triggeredBy: InteractionTriggers;\n    delta: number;\n  }) => {\n    if (pan?.enabled) {\n      applyPanDelta(event.delta);\n    }\n  };\n\n  const handleTogglePin = (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition | undefined;\n    pin: boolean;\n  }) => {\n    const highlightedSeriesId =\n      closestPoint?.id && closestPoint.id !== EMPTY_DATAPOINT.id\n        ? closestPoint?.id\n        : undefined;\n\n    setState(\n      event.pin\n        ? reduceExplorePin(event.position, highlightedSeriesId)\n        : reduceExploreUnPin(event.position),\n    );\n\n    updateSynchronizedCrosshair?.(undefined);\n  };\n\n  const handleReset = (event: {\n    triggeredBy: InteractionTriggers;\n    mousePosition?: RelativeAbsolutePosition;\n  }) => {\n    disableSynchronizedCrosshair?.(false);\n    resetSynchronizedSelection?.();\n    resetInteractions(event.mousePosition);\n  };\n\n  const handleSelectStart = (event: {\n    triggeredBy: InteractionTriggers;\n    position: RelativeAbsolutePosition;\n  }) => {\n    if (mode === 'explore') {\n      updateSynchronizedSelection?.();\n    } else if (!zoomX?.enabled) {\n      handleTogglePin({\n        triggeredBy: event.triggeredBy,\n        position: event.position,\n        pin: !exploreState.pinned,\n      });\n    }\n\n    disableSynchronizedCrosshair?.(true);\n  };\n\n  const handleSelectChange = (event: {\n    triggeredBy: InteractionTriggers;\n    start: RelativeAbsolutePosition;\n    end: RelativeAbsolutePosition;\n    mode: 'zoom' | 'explore';\n  }): void => {\n    if (zoomX?.enabled || mode === 'explore') {\n      const variant: SelectionAreaVariant =\n        event.mode === 'explore' ? 'select' : 'zoom';\n\n      setState(\n        reduceExploreSelect({\n          start: event.start,\n          end: event.end,\n          finished: false,\n          accessible: false,\n          variant,\n          selectionPercentage: getPercentageFromPixel(\n            [event.start, event.end],\n            width,\n          ),\n        }),\n      );\n\n      updateSynchronizedSelection?.({\n        selection: [event.start, event.end],\n        chartId,\n        scale: xScale,\n      });\n    }\n  };\n\n  const handleSelectEnd = (\n    event:\n      | {\n          triggeredBy: InteractionTriggers;\n          start: RelativeAbsolutePosition;\n          end: RelativeAbsolutePosition;\n        }\n      | { cancelled: true },\n  ): void => {\n    if (isSelectCancelled(event)) {\n      setState(reduceExploreCancelSelect);\n      resetSynchronizedSelection?.();\n    } else if (mode === 'explore') {\n      setState(\n        reduceExploreSelect({\n          start: event.start,\n          end: event.end,\n          finished: true,\n          accessible: false,\n          selectionPercentage: getPercentageFromPixel(\n            [event.start, event.end],\n            width,\n          ),\n        }),\n      );\n      selectionRef.current?.focus();\n\n      updateSynchronizedSelection?.({\n        selection: [event.start, event.end],\n        chartId,\n        scale: xScale,\n      });\n    } else if (zoomX?.enabled) {\n      // in case select is disabled and zoomX is enabled, only zoom to selection interaction is possible\n      zoomToSelection();\n    }\n  };\n\n  const handleZoomChange = (event: {\n    triggeredBy: InteractionTriggers;\n    deltaStart: number;\n    deltaEnd: number;\n    behavior: ZoomBehavior;\n  }) => {\n    setState(reduceExploreCancelAll);\n\n    applyZoomDelta(event.deltaStart, event.deltaEnd, event.behavior);\n  };\n\n  const handleToolbarMouseEnter = () => {\n    setState(reduceExploreCancelTooltip);\n  };\n\n  const handleFocus = (event?: FocusEvent) => {\n    if (!event || event.cancelable) {\n      return;\n    }\n    if (isOwnEvent(event)) {\n      handlerRef.current.handleFocus();\n    }\n  };\n\n  return (\n    <InteractionsOverlay\n      style={{\n        zIndex: zIndicesTimeseriesAreas.overlays,\n        userSelect: selectState?.finished === false ? 'none' : 'auto',\n      }}\n      ref={overlayRef}\n      mode={mode}\n      pinned={exploreState.pinned}\n      selectionArea={\n        selectState ? [selectState?.start, selectState?.end] : undefined\n      }\n      width={width}\n      height={height}\n      isZoomDisabled={!zoom?.enabled}\n      isZoomXDisabled={!zoomX?.enabled}\n      isPanDisabled={!(pan?.enabled && zoomState.zoomOutEnabled)}\n      onModeChange={handleModeChange}\n      onFocus={handleFocus}\n      onHover={handleHover}\n      onLeave={handleLeave}\n      onPanChange={handlePanChange}\n      onTogglePin={handleTogglePin}\n      onReset={handleReset}\n      onSelectStart={handleSelectStart}\n      onZoomChange={handleZoomChange}\n      onSelectEnd={handleSelectEnd}\n      onSelectChange={handleSelectChange}\n    >\n      <TimeseriesChartOverlayRefContext.Provider value={overlayRef}>\n        {exploreState.visible ? (\n          <>\n            <TimeseriesInspect\n              filteredPoints={filteredPoints}\n              closestPoint={closestPoint}\n              groupedPoints={groupedPoints}\n            />\n            <TimeseriesCrosshair closestPoint={closestPoint} />\n          </>\n        ) : null}\n        {showVerticalCrosshair && (\n          <VerticalSynchronizedCrosshair scale={xScale} />\n        )}\n\n        <TimeseriesChartSelectionAreaRef.Provider value={selectionRef}>\n          {toolbar?.enabled ? (\n            <TimeseriesChartToolbar\n              onMouseEnter={handleToolbarMouseEnter}\n              handlerRef={handlerRef}\n            />\n          ) : null}\n          <TimeseriesSelectionArea />\n        </TimeseriesChartSelectionAreaRef.Provider>\n        {showSynchronizedSelection && (\n          <SynchronizedSelectionArea scale={xScale} />\n        )}\n      </TimeseriesChartOverlayRefContext.Provider>\n    </InteractionsOverlay>\n  );\n};\n\nTimeseriesChartOverlays['displayName'] = 'TimeseriesChartOverlays';\n"],
   "mappings": "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",
   "names": []
 }

package/esm/charts/timeseries/components/overlays/TimeseriesExplore/TimeseriesChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/timeseries/components/overlays/TimeseriesExplore/TimeseriesChartTooltip.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport {\n  type MouseEvent as ReactMouseEvent,\n  type PropsWithChildren,\n} from 'react';\n\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 { TimebasedTooltipHeader } from '../../../../core/components/tooltip/InteractiveChartTooltip/headers/TimebasedTooltipHeader.js';\nimport { useSeriesBasedItemEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/hooks/useSeriesBasedItemEstimatedSize.js';\nimport { useTooltipSeriesActions } from '../../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { TooltipItem } from '../../../../core/types/tooltip.js';\nimport { calculateAdjustedTooltipPosition } from '../../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { useExploreState } from '../../../hooks/store/selectors.js';\nimport { useTimeseriesFilteredData } from '../../../hooks/useTimeseriesFilteredData.js';\nimport { useTimeseriesOverlayRef } from '../../../hooks/useTimeseriesOverlayRef.js';\nimport { useTimeseriesUnits } from '../../../hooks/useTimeseriesUnits.js';\nimport { useTimeseriesYFormatter } from '../../../hooks/useTimeseriesYFormatter.js';\nimport { useTooltipConfig } from '../../../hooks/useTooltipConfig.js';\nimport { useTruncationMode } from '../../../hooks/useTruncationMode.js';\nimport { TimeseriesSlotProps } from '../../../types/timeseries.js';\nimport { TimeseriesChartTooltipProps } from '../../types/timeseries-chart-tooltip.js';\nimport { ADJUSTED_X_AXIS, SHARED_TOOLTIP_VARIANT } from '../constants.js';\nimport { useSeriesActionClickHandler } from '../hooks/useSeriesActionClickHandler.js';\nimport { sortTooltipItems } from '../utils/tooltip/sort-tooltip-items.js';\nimport {\n  filterGroupedPoints,\n  toTooltipItems,\n} from '../utils/tooltip/timeseries-tooltip.js';\n\n/**\n * This component is the outer wrapper of the Tooltip, and it's in charge of\n * changing the position of the tooltip without re-rendering the contents inside\n * if the contents don't change.\n */\nconst TooltipPositionWrapper = ({\n  tooltipItems,\n  onMouseLeave,\n  onScrollContent,\n  children,\n}: PropsWithChildren<{\n  tooltipItems: TooltipItem[];\n  onMouseLeave: (event?: ReactMouseEvent) => void;\n  onScrollContent: (event?: Event) => void;\n}>) => {\n  const { pinned, visible, position } = useExploreState();\n  const chartRef = useTimeseriesOverlayRef();\n  const bounds = useScrollResponsiveChartBounds(chartRef, pinned)();\n\n  const { seriesDisplayMode } = useTooltipConfig();\n  const estimatedItemSize = useSeriesBasedItemEstimatedSize(\n    tooltipItems,\n    seriesDisplayMode,\n  );\n\n  const adjustedTooltipPosition = calculateAdjustedTooltipPosition(\n    bounds,\n    position,\n    { x: ADJUSTED_X_AXIS, y: 0 },\n  );\n\n  const showTooltip = tooltipItems.length && visible && adjustedTooltipPosition;\n\n  return showTooltip ? (\n    <InteractiveChartTooltip\n      position={adjustedTooltipPosition}\n      pinned={pinned}\n      itemSize={estimatedItemSize}\n      updatePositionWhenPinned={true}\n      onMouseLeave={onMouseLeave}\n      onScrollContent={onScrollContent}\n    >\n      {children}\n    </InteractiveChartTooltip>\n  ) : null;\n};\n\n/**\n * Tooltip specific to the TimeseriesChart.\n */\nexport const TimeseriesChartTooltip = ({\n  series,\n  closestPoint,\n  xPoints,\n  groupedPoints,\n}: TimeseriesChartTooltipProps) => {\n  const { seriesDisplayMode, variant } = useTooltipConfig();\n  const truncationMode = useTruncationMode();\n  const { seriesMap, datapointsMap } = useTimeseriesFilteredData();\n\n  const {\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    selectedItem,\n    isScrolling,\n    updateSelectedItem,\n    actionsMenuRef,\n  } = useChartActionsMenu();\n\n  const formatters = useTimeseriesYFormatter();\n  const units = useTimeseriesUnits();\n\n  const getTooltipTimeframe = (): [Date, Date?] => [\n    closestPoint.datapoint.start,\n    closestPoint.datapoint.end,\n  ];\n\n  const pointsToDisplay =\n    variant === SHARED_TOOLTIP_VARIANT\n      ? sortTooltipItems(xPoints)\n      : sortTooltipItems(\n          filterGroupedPoints(closestPoint, xPoints, groupedPoints),\n        );\n\n  const tooltipItems = toTooltipItems(\n    pointsToDisplay,\n    formatters,\n    datapointsMap,\n    units,\n  );\n\n  const closestItem = tooltipItems.find((item) => item.id === closestPoint.id);\n\n  const actionClickHandler = useSeriesActionClickHandler(\n    tooltipItems.length > 1,\n  );\n\n  const actions = useTooltipSeriesActions<TimeseriesSlotProps>(\n    series,\n    (series) => safeGet(seriesMap, series).id,\n    tooltipItems.find((t) => t.id === selectedItem)?.datapoint,\n  );\n\n  const isShared = variant === SHARED_TOOLTIP_VARIANT;\n\n  return (\n    <TooltipPositionWrapper\n      tooltipItems={tooltipItems}\n      onMouseLeave={handleMenuLeave}\n      onScrollContent={handleMenuScroll}\n    >\n      <InteractiveChartTooltip.Header>\n        <TimebasedTooltipHeader\n          timeframe={getTooltipTimeframe()}\n          item={isShared && xPoints.length > 1 ? closestItem : undefined}\n          seriesDisplayMode={seriesDisplayMode}\n        />\n      </InteractiveChartTooltip.Header>\n      <InteractiveChartTooltip.Body>\n        {tooltipItems.map((item, index) => () => {\n          const isOpen = selectedItem === item.id;\n          return (\n            <ChartActionsMenu\n              key={`${item.id}`}\n              isOpen={isOpen}\n              actions={isOpen ? actions(item) : undefined}\n              defaultActions={getDefaultAction(item)}\n              ref={actionsMenuRef}\n              onActionClick={actionClickHandler}\n            >\n              <SeriesBasedContent\n                item={{ ...item, values: item.asyncValues() }}\n                onMouseHover={() => updateSelectedItem(item.id)}\n                seriesDisplayMode={seriesDisplayMode}\n                showDivider={index !== tooltipItems.length - 1}\n                truncationMode={truncationMode}\n                isScrolling={isScrolling}\n              />\n            </ChartActionsMenu>\n          );\n        })}\n      </InteractiveChartTooltip.Body>\n    </TooltipPositionWrapper>\n  );\n};\n"],
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated -- DEPRECATION: [APPDEV-17834] BREAKING-CHANGE: migrate to ChartTooltip before next major. */\nimport {\n  type MouseEvent as ReactMouseEvent,\n  type PropsWithChildren,\n} from 'react';\n\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 { TimebasedTooltipHeader } from '../../../../core/components/tooltip/InteractiveChartTooltip/headers/TimebasedTooltipHeader.js';\nimport { useSeriesBasedItemEstimatedSize } from '../../../../core/components/tooltip/InteractiveChartTooltip/hooks/useSeriesBasedItemEstimatedSize.js';\nimport { useTooltipSeriesActions } from '../../../../core/components/tooltip/shared/hooks/useTooltipSeriesActions.js';\nimport { useScrollResponsiveChartBounds } from '../../../../core/hooks/useScrollResponsiveChartBounds.js';\nimport { TooltipItem } from '../../../../core/types/tooltip.js';\nimport { calculateAdjustedTooltipPosition } from '../../../../core/utils/calculate-adjusted-tooltip-position.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport { useExploreState } from '../../../hooks/store/selectors.js';\nimport { useTimeseriesFilteredData } from '../../../hooks/useTimeseriesFilteredData.js';\nimport { useTimeseriesOverlayRef } from '../../../hooks/useTimeseriesOverlayRef.js';\nimport { useTimeseriesUnits } from '../../../hooks/useTimeseriesUnits.js';\nimport { useTimeseriesYFormatter } from '../../../hooks/useTimeseriesYFormatter.js';\nimport { useTooltipConfig } from '../../../hooks/useTooltipConfig.js';\nimport { useTruncationMode } from '../../../hooks/useTruncationMode.js';\nimport { TimeseriesSlotProps } from '../../../types/timeseries.js';\nimport { TimeseriesChartTooltipProps } from '../../types/timeseries-chart-tooltip.js';\nimport { ADJUSTED_X_AXIS, SHARED_TOOLTIP_VARIANT } from '../constants.js';\nimport { useSeriesActionClickHandler } from '../hooks/useSeriesActionClickHandler.js';\nimport { sortTooltipItems } from '../utils/tooltip/sort-tooltip-items.js';\nimport {\n  filterGroupedPoints,\n  toTooltipItems,\n} from '../utils/tooltip/timeseries-tooltip.js';\n\n/**\n * This component is the outer wrapper of the Tooltip, and it's in charge of\n * changing the position of the tooltip without re-rendering the contents inside\n * if the contents don't change.\n */\nconst TooltipPositionWrapper = ({\n  tooltipItems,\n  onMouseLeave,\n  onScrollContent,\n  children,\n}: PropsWithChildren<{\n  tooltipItems: TooltipItem[];\n  onMouseLeave: (event?: ReactMouseEvent) => void;\n  onScrollContent: (event?: Event) => void;\n}>) => {\n  const { pinned, visible, position } = useExploreState();\n  const chartRef = useTimeseriesOverlayRef();\n  const bounds = useScrollResponsiveChartBounds(chartRef, pinned)();\n\n  const { seriesDisplayMode } = useTooltipConfig();\n  const estimatedItemSize = useSeriesBasedItemEstimatedSize(\n    tooltipItems,\n    seriesDisplayMode,\n  );\n\n  const adjustedTooltipPosition = calculateAdjustedTooltipPosition(\n    bounds,\n    position,\n    { x: ADJUSTED_X_AXIS, y: 0 },\n  );\n\n  const showTooltip = tooltipItems.length && visible && adjustedTooltipPosition;\n\n  return showTooltip ? (\n    <InteractiveChartTooltip\n      position={adjustedTooltipPosition}\n      pinned={pinned}\n      itemSize={estimatedItemSize}\n      updatePositionWhenPinned={true}\n      onMouseLeave={onMouseLeave}\n      onScrollContent={onScrollContent}\n    >\n      {children}\n    </InteractiveChartTooltip>\n  ) : null;\n};\n\n/**\n * Tooltip specific to the TimeseriesChart.\n */\nexport const TimeseriesChartTooltip = ({\n  series,\n  closestPoint,\n  xPoints,\n  groupedPoints,\n}: TimeseriesChartTooltipProps) => {\n  const { seriesDisplayMode, variant } = useTooltipConfig();\n  const truncationMode = useTruncationMode();\n  const { seriesMap, datapointsMap } = useTimeseriesFilteredData();\n\n  const {\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    selectedItem,\n    isScrolling,\n    updateSelectedItem,\n    actionsMenuRef,\n  } = useChartActionsMenu();\n\n  const formatters = useTimeseriesYFormatter();\n  const units = useTimeseriesUnits();\n\n  const getTooltipTimeframe = (): [Date, Date?] => [\n    closestPoint.datapoint.start,\n    closestPoint.datapoint.end,\n  ];\n\n  const pointsToDisplay =\n    variant === SHARED_TOOLTIP_VARIANT\n      ? sortTooltipItems(xPoints)\n      : sortTooltipItems(\n          filterGroupedPoints(closestPoint, xPoints, groupedPoints),\n        );\n\n  const tooltipItems = toTooltipItems(\n    pointsToDisplay,\n    formatters,\n    datapointsMap,\n    units,\n  );\n\n  const closestItem = tooltipItems.find((item) => item.id === closestPoint.id);\n\n  const actionClickHandler = useSeriesActionClickHandler(\n    tooltipItems.length > 1,\n  );\n\n  const actions = useTooltipSeriesActions<TimeseriesSlotProps>(\n    series,\n    (series) => safeGet(seriesMap, series).id,\n    tooltipItems.find((t) => t.id === selectedItem)?.datapoint,\n  );\n\n  const isShared = variant === SHARED_TOOLTIP_VARIANT;\n\n  return (\n    <TooltipPositionWrapper\n      tooltipItems={tooltipItems}\n      onMouseLeave={handleMenuLeave}\n      onScrollContent={handleMenuScroll}\n    >\n      <InteractiveChartTooltip.Header>\n        <TimebasedTooltipHeader\n          timeframe={getTooltipTimeframe()}\n          item={isShared && xPoints.length > 1 ? closestItem : undefined}\n          seriesDisplayMode={seriesDisplayMode}\n        />\n      </InteractiveChartTooltip.Header>\n      <InteractiveChartTooltip.Body>\n        {tooltipItems.map((item, index) => () => {\n          const isOpen = selectedItem === item.id;\n          return (\n            <ChartActionsMenu\n              key={`${item.id}`}\n              isOpen={isOpen}\n              actions={isOpen ? actions(item) : undefined}\n              defaultActions={getDefaultAction(item)}\n              ref={actionsMenuRef}\n              onActionClick={actionClickHandler}\n            >\n              <SeriesBasedContent\n                item={{ ...item, values: item.asyncValues() }}\n                onMouseHover={() => updateSelectedItem(item.id)}\n                seriesDisplayMode={seriesDisplayMode}\n                showDivider={index !== tooltipItems.length - 1}\n                truncationMode={truncationMode}\n                isScrolling={isScrolling}\n              />\n            </ChartActionsMenu>\n          );\n        })}\n      </InteractiveChartTooltip.Body>\n    </TooltipPositionWrapper>\n  );\n};\n"],
   "mappings": "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",
   "names": ["series"]
 }

package/esm/charts/timeseries/components/overlays/TimeseriesOverlays.css

@@ -1,8 +1,8 @@
-._17fdb110-3-12-2 {
+._17fdb110-3-13-2 {
   z-index: 1;
   pointer-events: none;
 }
-._17fdb111-3-12-2 {
+._17fdb111-3-13-2 {
   top: -3.5px;
   left: -3.5px;
   width: calc(100% + 7px);
@@ -10,7 +10,7 @@
   z-index: 1;
   pointer-events: none;
 }
-._17fdb112-3-12-2 {
+._17fdb112-3-13-2 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -18,7 +18,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._17fdb113-3-12-2 {
+._17fdb113-3-13-2 {
   cursor: crosshair;
   overflow: visible;
   pointer-events: none;

package/esm/charts/timeseries/components/overlays/TimeseriesOverlays.sty.js

@@ -1,9 +1,9 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./TimeseriesOverlays.css";
-var canvasPlot = "_17fdb110-3-12-2 _13lzg4k0-3-12-2";
-var crosshairLayout = "_17fdb113-3-12-2 _13lzg4k0-3-12-2";
-var datapointCanvasPlot = "_17fdb111-3-12-2 _13lzg4k0-3-12-2";
-var datapointIndicatorLayout = "_17fdb112-3-12-2 _13lzg4k0-3-12-2";
+var canvasPlot = "_17fdb110-3-13-2 _13lzg4k0-3-13-2";
+var crosshairLayout = "_17fdb113-3-13-2 _13lzg4k0-3-13-2";
+var datapointCanvasPlot = "_17fdb111-3-13-2 _13lzg4k0-3-13-2";
+var datapointIndicatorLayout = "_17fdb112-3-13-2 _13lzg4k0-3-13-2";
 export {
   canvasPlot,
   crosshairLayout,

package/esm/charts/timeseries/components/overlays/TimeseriesOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/timeseries/components/overlays/TimeseriesOverlays.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './TimeseriesOverlays.css';\nexport var canvasPlot = '_17fdb110-3-12-2 _13lzg4k0-3-12-2';\nexport var crosshairLayout = '_17fdb113-3-12-2 _13lzg4k0-3-12-2';\nexport var datapointCanvasPlot = '_17fdb111-3-12-2 _13lzg4k0-3-12-2';\nexport var datapointIndicatorLayout = '_17fdb112-3-12-2 _13lzg4k0-3-12-2';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './TimeseriesOverlays.css';\nexport var canvasPlot = '_17fdb110-3-13-2 _13lzg4k0-3-13-2';\nexport var crosshairLayout = '_17fdb113-3-13-2 _13lzg4k0-3-13-2';\nexport var datapointCanvasPlot = '_17fdb111-3-13-2 _13lzg4k0-3-13-2';\nexport var datapointIndicatorLayout = '_17fdb112-3-13-2 _13lzg4k0-3-13-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,kBAAkB;AACtB,IAAI,sBAAsB;AAC1B,IAAI,2BAA2B;",
   "names": []
 }