@dynatrace/strato-components 3.7.1 → 3.8.0

package/esm/charts/pie/utils/pie-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/pie-config.ts"],
-  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { THRESHOLD_TYPE_OPTION } from '../constants.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  DonutChartSlots,\n  GroupConfig,\n  PieChartContextConfig,\n  PieChartLegendConfig,\n  PieChartProps,\n  PieChartSlots,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\nimport { PieChartToolbarConfig } from '../types/toolbar.js';\nimport { isValidThresholdType } from '../utils/is-valid-threshold-type.js';\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n): ColorPalette | CustomColorPalette {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultConfig.colorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultConfig.colorPalette;\n}\n\n/**\n * Builds a GroupConfig based on context and slots\n *\n * @param contextGrouping - grouping config in context\n * @param slotsGrouping - grouping config in slots\n */\nexport function getGroupingConfiguration(\n  contextGrouping?: GroupConfig,\n  slotsGrouping?: Partial<GroupConfig>,\n): GroupConfig {\n  let grouping = merge(\n    {},\n    defaultConfig.grouping,\n    contextGrouping,\n    slotsGrouping,\n  );\n\n  grouping = {\n    ...grouping,\n    threshold: {\n      ...grouping.threshold,\n      type: isValidThresholdType(grouping.threshold.type)\n        ? grouping.threshold.type\n        : THRESHOLD_TYPE_OPTION.Relative,\n    },\n  };\n\n  return grouping;\n}\n\n/**\n * Builds a LegendConfiguration configuration based on context and props\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: PieChartLegendConfig,\n  slotsLegendConfig?: PieChartLegendConfig,\n): PieChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\nconst validateToolbarContextConfig = (\n  contextConfig: PieChartToolbarConfig | undefined,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: PieChartToolbarConfig | undefined,\n  slots?: Partial<ChartToolbarProps> | undefined,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Build pie chart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from context\n * @param slots - config from components slots\n * @returns RequiredPieChartConfiguration\n */\nexport function buildPieChartConfig(\n  props: PropsWithChildren<PieChartProps>,\n  contextConfig: PieChartContextConfig,\n  slots: PieChartSlots | DonutChartSlots,\n): PieDonutConfig {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    props.colorPalette,\n  );\n\n  const grouping = getGroupingConfiguration(\n    contextConfig.grouping,\n    slots.grouping,\n  );\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n\n  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(props.data.unit, 0) as Formatter);\n\n  const truncationMode =\n    props.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);\n\n  const seriesActions =\n    props.seriesActions ?? contextConfig.seriesActions ?? undefined;\n\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  return {\n    height: props.height ?? defaultConfig.height,\n    colorPalette,\n    labels: merge({}, defaultConfig.labels, contextConfig.labels, slots.labels),\n    grouping,\n    legend,\n    formatter,\n    truncationMode,\n    toolbar,\n    innerElement: slots.innerElement,\n    seriesActions,\n    colorRules,\n    tooltip: slots.tooltip ?? contextConfig.tooltip,\n  };\n}\n\n/**\n * Get chart configuration merging the default one with the stringify json config.\n * In case there is a conflict property, default would prevail.\n * In case there is any parse error. It will return an empty config.\n *\n * @param serializedConfig - stringify json config\n * @returns - PieChartConfiguration\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): PieChartContextConfig {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa;AAGnC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAW9B,SAAS,4BAA4B;AAO9B,SAAS,6BACd,qBACA,mBACmC;AACnC,QAAM,eACJ,qBAAqB,uBAAuB,cAAc;AAE5D,SAAO,qBAAqB,YAAY,KAAK,oBAAoB,YAAY,IACzE,eACA,cAAc;AACpB;AAQO,SAAS,yBACd,iBACA,eACa;AACb,MAAI,WAAW;AAAA,IACb,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,aAAW;AAAA,IACT,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,SAAS;AAAA,MACZ,MAAM,qBAAqB,SAAS,UAAU,IAAI,IAC9C,SAAS,UAAU,OACnB,sBAAsB;AAAA,IAC5B;AAAA,EACF;AAEA,SAAO;AACT;AAQO,SAAS,uBACd,qBACA,mBACsB;AACtB,MAAI,SAAS;AAAA,IACX,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,OAAO,YAAY,sBAAsB,OAAO,QAAQ,IACpD,OAAO,WACP,cAAc,OAAO;AAE3B,WAAS;AAAA,IACP,GAAG;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,+BAA+B,CACnC,kBAEG,CAAC,YAAY,aAAa,KAAK,cAAc,cAAc;AAEhE,MAAM,0BAA0B,CAC9B,eACA,UACG;AACH,QAAM,wBACJ,6BAA6B,aAAa,KAAK,CAAC,YAAY,KAAK;AAEnE,SAAO,wBAAwB,MAAM,CAAC,GAAG,eAAe,KAAK,IAAI;AACnE;AAUO,SAAS,oBACd,OACA,eACA,OACgB;AAChB,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,WAAW;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,SAAS,uBAAuB,cAAc,QAAQ,MAAM,MAAM;AAExE,QAAM,YACJ,MAAM,aACN,cAAc,aACb,qBAAqB,MAAM,KAAK,MAAM,CAAC;AAE1C,QAAM,iBACJ,MAAM,kBACN,cAAc,kBACd;AAEF,QAAM,UAAU,wBAAwB,cAAc,SAAS,MAAM,OAAO;AAE5E,QAAM,gBACJ,MAAM,iBAAiB,cAAc,iBAAiB;AAExD,QAAM,cAAc,cAAc,cAAc,CAAC,GAC9C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,SAAO;AAAA,IACL,QAAQ,MAAM,UAAU,cAAc;AAAA,IACtC;AAAA,IACA,QAAQ,MAAM,CAAC,GAAG,cAAc,QAAQ,cAAc,QAAQ,MAAM,MAAM;AAAA,IAC1E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA,SAAS,MAAM,WAAW,cAAc;AAAA,EAC1C;AACF;AAUO,SAAS,kBACd,kBACuB;AACvB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,eAAe,KAAK,MAAM,gBAAgB,CAAC;AAAA,EAC9D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;",
+  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { THRESHOLD_TYPE_OPTION } from '../constants.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  DonutChartSlots,\n  GroupConfig,\n  PieChartContextConfig,\n  PieChartLegendConfig,\n  PieChartProps,\n  PieChartSlots,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\nimport { PieChartToolbarConfig } from '../types/toolbar.js';\nimport { isValidThresholdType } from '../utils/is-valid-threshold-type.js';\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n): ColorPalette | CustomColorPalette {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultConfig.colorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultConfig.colorPalette;\n}\n\n/**\n * Builds a GroupConfig based on context and slots\n *\n * @param contextGrouping - grouping config in context\n * @param slotsGrouping - grouping config in slots\n */\nexport function getGroupingConfiguration(\n  contextGrouping?: GroupConfig,\n  slotsGrouping?: Partial<GroupConfig>,\n): GroupConfig {\n  let grouping = merge(\n    {},\n    defaultConfig.grouping,\n    contextGrouping,\n    slotsGrouping,\n  );\n\n  grouping = {\n    ...grouping,\n    threshold: {\n      ...grouping.threshold,\n      type: isValidThresholdType(grouping.threshold.type)\n        ? grouping.threshold.type\n        : THRESHOLD_TYPE_OPTION.Relative,\n    },\n  };\n\n  return grouping;\n}\n\n/**\n * Builds a LegendConfiguration configuration based on context and props\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: PieChartLegendConfig,\n  slotsLegendConfig?: PieChartLegendConfig,\n): PieChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\nconst validateToolbarContextConfig = (\n  contextConfig: PieChartToolbarConfig | undefined,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: PieChartToolbarConfig | undefined,\n  slots?: Partial<ChartToolbarProps> | undefined,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Build pie chart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from context\n * @param slots - config from components slots\n * @returns RequiredPieChartConfiguration\n */\nexport function buildPieChartConfig(\n  props: PropsWithChildren<PieChartProps>,\n  contextConfig: PieChartContextConfig,\n  slots: PieChartSlots | DonutChartSlots,\n): PieDonutConfig {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    props.colorPalette,\n  );\n\n  const grouping = getGroupingConfiguration(\n    contextConfig.grouping,\n    slots.grouping,\n  );\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n\n  // The unit lives at the root in the unified `ChartData` format (where\n  // `props.data` is an array) and nested in the data object in the legacy format.\n  const resolvedUnit = Array.isArray(props.data) ? props.unit : props.data.unit;\n\n  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(resolvedUnit, 0) as Formatter);\n\n  const truncationMode =\n    props.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);\n\n  const seriesActions =\n    props.seriesActions ?? contextConfig.seriesActions ?? undefined;\n\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  return {\n    height: props.height ?? defaultConfig.height,\n    colorPalette,\n    labels: merge({}, defaultConfig.labels, contextConfig.labels, slots.labels),\n    grouping,\n    legend,\n    formatter,\n    truncationMode,\n    toolbar,\n    innerElement: slots.innerElement,\n    seriesActions,\n    colorRules,\n    tooltip: slots.tooltip ?? contextConfig.tooltip,\n  };\n}\n\n/**\n * Get chart configuration merging the default one with the stringify json config.\n * In case there is a conflict property, default would prevail.\n * In case there is any parse error. It will return an empty config.\n *\n * @param serializedConfig - stringify json config\n * @returns - PieChartConfiguration\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): PieChartContextConfig {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,aAAa;AAGnC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAW9B,SAAS,4BAA4B;AAO9B,SAAS,6BACd,qBACA,mBACmC;AACnC,QAAM,eACJ,qBAAqB,uBAAuB,cAAc;AAE5D,SAAO,qBAAqB,YAAY,KAAK,oBAAoB,YAAY,IACzE,eACA,cAAc;AACpB;AAQO,SAAS,yBACd,iBACA,eACa;AACb,MAAI,WAAW;AAAA,IACb,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,aAAW;AAAA,IACT,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,SAAS;AAAA,MACZ,MAAM,qBAAqB,SAAS,UAAU,IAAI,IAC9C,SAAS,UAAU,OACnB,sBAAsB;AAAA,IAC5B;AAAA,EACF;AAEA,SAAO;AACT;AAQO,SAAS,uBACd,qBACA,mBACsB;AACtB,MAAI,SAAS;AAAA,IACX,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,OAAO,YAAY,sBAAsB,OAAO,QAAQ,IACpD,OAAO,WACP,cAAc,OAAO;AAE3B,WAAS;AAAA,IACP,GAAG;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,+BAA+B,CACnC,kBAEG,CAAC,YAAY,aAAa,KAAK,cAAc,cAAc;AAEhE,MAAM,0BAA0B,CAC9B,eACA,UACG;AACH,QAAM,wBACJ,6BAA6B,aAAa,KAAK,CAAC,YAAY,KAAK;AAEnE,SAAO,wBAAwB,MAAM,CAAC,GAAG,eAAe,KAAK,IAAI;AACnE;AAUO,SAAS,oBACd,OACA,eACA,OACgB;AAChB,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,WAAW;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,SAAS,uBAAuB,cAAc,QAAQ,MAAM,MAAM;AAIxE,QAAM,eAAe,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM,OAAO,MAAM,KAAK;AAEzE,QAAM,YACJ,MAAM,aACN,cAAc,aACb,qBAAqB,cAAc,CAAC;AAEvC,QAAM,iBACJ,MAAM,kBACN,cAAc,kBACd;AAEF,QAAM,UAAU,wBAAwB,cAAc,SAAS,MAAM,OAAO;AAE5E,QAAM,gBACJ,MAAM,iBAAiB,cAAc,iBAAiB;AAExD,QAAM,cAAc,cAAc,cAAc,CAAC,GAC9C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,SAAO;AAAA,IACL,QAAQ,MAAM,UAAU,cAAc;AAAA,IACtC;AAAA,IACA,QAAQ,MAAM,CAAC,GAAG,cAAc,QAAQ,cAAc,QAAQ,MAAM,MAAM;AAAA,IAC1E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA,SAAS,MAAM,WAAW,cAAc;AAAA,EAC1C;AACF;AAUO,SAAS,kBACd,kBACuB;AACvB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,eAAe,KAAK,MAAM,gBAAgB,CAAC;AAAA,EAC9D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/esm/charts/pie/utils/sanitize-toolbar-intents.js

@@ -0,0 +1,12 @@
+import { getToolbarConfigWithoutIntents } from "../../core/components/toolbar/utils/get-toolbar-config-without-intents.js";
+const sanitizeToolbarIntents = (config) => {
+  const toolbar = config.toolbar ? getToolbarConfigWithoutIntents(config.toolbar) : void 0;
+  return {
+    ...config,
+    toolbar
+  };
+};
+export {
+  sanitizeToolbarIntents
+};
+//# sourceMappingURL=sanitize-toolbar-intents.js.map

package/esm/charts/pie/utils/sanitize-toolbar-intents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/pie/utils/sanitize-toolbar-intents.ts"],
+  "sourcesContent": ["import { getToolbarConfigWithoutIntents } from '../../core/components/toolbar/utils/get-toolbar-config-without-intents.js';\nimport type { PieDonutConfig } from '../types/pie-chart.config.js';\n\nexport const sanitizeToolbarIntents = (\n  config: PieDonutConfig,\n): PieDonutConfig => {\n  const toolbar = config.toolbar\n    ? getToolbarConfigWithoutIntents(config.toolbar)\n    : undefined;\n\n  return {\n    ...config,\n    toolbar,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,sCAAsC;AAGxC,MAAM,yBAAyB,CACpC,WACmB;AACnB,QAAM,UAAU,OAAO,UACnB,+BAA+B,OAAO,OAAO,IAC7C;AAEJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/single-value/SingleValue.css

@@ -1,4 +1,4 @@
-._1sfgzlg0-3-7-1 {
+._1sfgzlg0-3-8-0 {
   height: inherit;
   width: inherit;
 }

package/esm/charts/single-value/SingleValue.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValue.css";
-var container = "_1sfgzlg0-3-7-1";
+var container = "_1sfgzlg0-3-8-0";
 export {
   container
 };

package/esm/charts/single-value/SingleValue.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value/SingleValue.css.ts"],
-  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-7-1';"],
+  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/single-value-grid/SingleValueGrid.css

@@ -1,7 +1,7 @@
-._1mx9zjb0-3-7-1 {
+._1mx9zjb0-3-8-0 {
   height: 100%;
   width: 100%;
 }
-._1mx9zjb0-3-7-1 > div {
+._1mx9zjb0-3-8-0 > div {
   overflow: hidden;
 }

package/esm/charts/single-value-grid/SingleValueGrid.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValueGrid.css";
-var gridRows = "_1mx9zjb0-3-7-1";
+var gridRows = "_1mx9zjb0-3-8-0";
 export {
   gridRows
 };

package/esm/charts/single-value-grid/SingleValueGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value-grid/SingleValueGrid.css.ts"],
-  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-7-1';"],
+  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.css

@@ -1,4 +1,4 @@
-._eom86z0-3-7-1 {
+._eom86z0-3-8-0 {
   position: relative;
   width: 100%;
   height: 100%;

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.sty.js

@@ -1,5 +1,5 @@
 import "./GlobalFontSizeVariables.css";
-var fontSizeWrapper = "_eom86z0-3-7-1";
+var fontSizeWrapper = "_eom86z0-3-8-0";
 export {
   fontSizeWrapper
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/single-value-grid/components/GlobalFontSizeVariables.css.ts"],
-  "sourcesContent": ["import './GlobalFontSizeVariables.css';\nexport var fontSizeWrapper = '_eom86z0-3-7-1';"],
+  "sourcesContent": ["import './GlobalFontSizeVariables.css';\nexport var fontSizeWrapper = '_eom86z0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

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 { isFeatureEnabled } from '../core/utils/is-feature-enabled.js';\n// eslint-disable-next-line no-restricted-imports\nimport { TimeseriesToXY } from '../xy-chart-adoption/timeseries/TimeseriesToXY.js';\nimport type { _XYChartAdoptionProps } from '../xy-chart-adoption/types/props.js';\n\nexport const TimeseriesChartSwitcher = forwardRef<\n  TimeseriesChartRef,\n  PropsWithChildren<TimeseriesChartProps & _XYChartAdoptionProps>\n>((props, forwardedRef) => {\n  const { __useXYAdoption, ...rest } = props;\n  if (__useXYAdoption ?? isFeatureEnabled('timeseriesToXY')) {\n    return <TimeseriesToXY {...rest} ref={forwardedRef} />;\n  }\n  return <TimeseriesChartRoot {...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": "AAsCW;AAtCX,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;AAC1B,SAAS,wBAAwB;AAEjC,SAAS,sBAAsB;AAGxB,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,iBAAiB,GAAG,KAAK,IAAI;AACrC,MAAI,mBAAmB,iBAAiB,gBAAgB,GAAG;AACzD,WAAO,oBAAC,kBAAgB,GAAG,MAAM,KAAK,cAAc;AAAA,EACtD;AACA,SAAO,oBAAC,uBAAqB,GAAG,MAAM,KAAK,cAAc;AAC3D,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 { isFeatureEnabled } from '../core/utils/is-feature-enabled.js';\nimport type { _XYChartAdoptionProps } from '../xy-chart-adoption/shared/types/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 & _XYChartAdoptionProps>\n>((props, forwardedRef) => {\n  const { __useXYAdoption, ...rest } = props;\n  if (__useXYAdoption ?? isFeatureEnabled('timeseriesToXY')) {\n    return <TimeseriesToXY {...rest} ref={forwardedRef} />;\n  }\n  return <TimeseriesChartRoot {...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": "AAsCW;AAtCX,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;AAC1B,SAAS,wBAAwB;AAGjC,SAAS,sBAAsB;AAExB,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,iBAAiB,GAAG,KAAK,IAAI;AACrC,MAAI,mBAAmB,iBAAiB,gBAAgB,GAAG;AACzD,WAAO,oBAAC,kBAAgB,GAAG,MAAM,KAAK,cAAc;AAAA,EACtD;AACA,SAAO,oBAAC,uBAAqB,GAAG,MAAM,KAAK,cAAc;AAC3D,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;",
   "names": []
 }

package/esm/charts/timeseries/TimeseriesChartInternal.js

@@ -24,6 +24,10 @@ import { defaultChartSize } from "../../core/styles/defaultChartValues.sty.js";
 import { SCROLLBAR_WIDTH } from "../core/components/annotations/constants.js";
 import { getAnnotationsVisibleArea } from "../core/components/annotations/utils/get-annotations-visible-area.js";
 import { ChartGrid } from "../core/components/chart-grid/ChartGridRoot.js";
+import {
+  shouldShowAnnotations,
+  shouldShowAxes
+} from "../core/components/chart-grid/constants.js";
 import { useChartLayoutLoading } from "../core/components/chart-layout/hooks/useChartLayoutLoading.js";
 import { useChartLayoutOrientation } from "../core/components/chart-layout/hooks/useChartLayoutOrientation.js";
 import { useGraphSize } from "../core/components/chart-layout/hooks/useGraphSize.js";
@@ -32,6 +36,17 @@ import {
   BOTTOM_PADDING_ADJUSTMENT,
   OVERLAY_PADDING
 } from "../core/components/data-point/constants.js";
+function computeChartPadding(axisLeftConfig, axisRightConfig, unitsCount, isLegendHiddenOrVertical) {
+  const singleUnit = unitsCount === 1 && isLegendHiddenOrVertical;
+  const paddingRight = Boolean(
+    !axisLeftConfig && !axisRightConfig && singleUnit || axisLeftConfig && axisRightConfig && singleUnit || axisLeftConfig && isLegendHiddenOrVertical
+  );
+  const onlyRightAxis = !axisLeftConfig && Boolean(axisRightConfig);
+  return {
+    hasLeftPadding: onlyRightAxis,
+    hasRightPadding: onlyRightAxis || paddingRight
+  };
+}
 const timeseriesGridTemplateAreas = `
   "${AREAS.annotations} ${AREAS.annotations} ${AREAS.annotations} . ."
   "${AREAS.leftAxis} ${AREAS.leftThreshold} plot ${AREAS.rightThreshold} ${AREAS.rightAxis}"
@@ -60,19 +75,25 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
     annotations.visibleTracksLimit,
     numHiddenTracks
   );
-  const timeseriesGridTemplateRows = `minmax(0, ${annotationsVisibleArea + (tracksQuantity && ANNOTATIONS_PADDING_BOTTOM)}px)  minmax(60%, 1fr) minmax(0, auto)`;
   const availableWidth = tracksQuantity && orientation === "vertical" ? width - SCROLLBAR_WIDTH : width;
   const isLegendHiddenOrVertical = orientation === "vertical" || legendHidden;
   const isLegendHiddenOrRight = orientation === "horizontal" || legendHidden;
-  const bothConfigsUndefinedAndOneUnit = !axisLeftConfig && !axisRightConfig && units.length === 1 && isLegendHiddenOrVertical;
-  const bothConfigsSetAndOneUnit = axisLeftConfig && axisRightConfig && units.length === 1 && isLegendHiddenOrVertical;
-  const leftConfigSetAndVertical = axisLeftConfig && isLegendHiddenOrVertical;
-  const rightConfigSet = axisRightConfig;
-  const paddingRight = bothConfigsUndefinedAndOneUnit || bothConfigsSetAndOneUnit || leftConfigSetAndVertical;
-  const onlyRightAxis = !axisLeftConfig && rightConfigSet;
-  const hasLeftPadding = onlyRightAxis;
-  const hasRightPadding = hasLeftPadding || paddingRight;
+  const { hasLeftPadding, hasRightPadding } = computeChartPadding(
+    axisLeftConfig,
+    axisRightConfig,
+    units.length,
+    isLegendHiddenOrVertical
+  );
   const chartGridHeight = height - (!tracksQuantity || isLegendHiddenOrRight ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT : 0);
+  const showAnnotations = shouldShowAnnotations(
+    chartGridHeight,
+    tracksQuantity
+  );
+  const showAxes = shouldShowAxes(chartGridHeight);
+  const chartGridRenderHeight = tracksQuantity && !isLegendHiddenOrRight && !showAnnotations ? chartGridHeight - OVERLAY_PADDING : chartGridHeight;
+  const annotationsPadding = tracksQuantity - numHiddenTracks > 0 ? ANNOTATIONS_PADDING_BOTTOM : 0;
+  const annotationsRowHeight = showAnnotations ? annotationsVisibleArea + annotationsPadding : 0;
+  const timeseriesGridTemplateRows = showAxes ? `minmax(0, ${annotationsRowHeight}px) minmax(60%, 1fr) minmax(0, auto)` : "0px 1fr 1px";
   useChartInteractions();
   if (!height || !width) {
     return null;
@@ -81,7 +102,7 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
     "div",
     {
       style: {
-        paddingTop: tracksQuantity ? 0 : OVERLAY_PADDING,
+        paddingTop: showAnnotations ? 0 : OVERLAY_PADDING,
         paddingLeft: hasLeftPadding ? OVERLAY_PADDING : 0
       },
       className: defaultChartSize,
@@ -91,7 +112,7 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
         ChartGrid,
         {
           width: availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0),
-          height: chartGridHeight,
+          height: chartGridRenderHeight,
           gridTemplateAreas: timeseriesGridTemplateAreas,
           gridTemplateColumns: timeseriesGridTemplateColumns,
           gridTemplateRows: timeseriesGridTemplateRows,
@@ -103,11 +124,11 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
               forwardedRef,
               chartRef,
               children: [
-                /* @__PURE__ */ jsx(TimeseriesValueLeftAxisArea, {}),
-                /* @__PURE__ */ jsx(TimeseriesTimeBottomAxisArea, {}),
+                showAxes && /* @__PURE__ */ jsx(TimeseriesValueLeftAxisArea, {}),
+                showAxes && /* @__PURE__ */ jsx(TimeseriesTimeBottomAxisArea, {}),
                 /* @__PURE__ */ jsxs(ChartGrid.PlotArea, { children: [
                   /* @__PURE__ */ jsx(TimeseriesChartPlot, {}),
-                  /* @__PURE__ */ jsx(TimeseriesAnnotationsIndicators, {}),
+                  showAnnotations && /* @__PURE__ */ jsx(TimeseriesAnnotationsIndicators, {}),
                   /* @__PURE__ */ jsx(
                     ChartLoaderOverlay,
                     {
@@ -118,9 +139,9 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
                   ),
                   /* @__PURE__ */ jsx(ThresholdIndicators, { indicatorType: "line" })
                 ] }),
-                /* @__PURE__ */ jsx(TimeseriesValueRightAxisArea, {}),
+                showAxes && /* @__PURE__ */ jsx(TimeseriesValueRightAxisArea, {}),
                 /* @__PURE__ */ jsx(TimeseriesThresholdArea, {}),
-                !!tracksQuantity && /* @__PURE__ */ jsx(TimeseriesChartAnnotationsArea, {})
+                showAnnotations && /* @__PURE__ */ jsx(TimeseriesChartAnnotationsArea, {})
               ]
             }
           ) })
@@ -131,6 +152,7 @@ const TimeseriesChartInternal = /* @__PURE__ */ forwardRef(({ config }, forwarde
 });
 TimeseriesChartInternal.displayName = DISPLAY_NAME;
 export {
-  TimeseriesChartInternal
+  TimeseriesChartInternal,
+  computeChartPadding
 };
 //# sourceMappingURL=TimeseriesChartInternal.js.map

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 { ANNOTATIONS_PADDING_BOTTOM } from './components/annotations-timeseries/constants.js';\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 { 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';\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 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 timeseriesGridTemplateRows = `minmax(0, ${\n    annotationsVisibleArea + (tracksQuantity && ANNOTATIONS_PADDING_BOTTOM)\n  }px)  minmax(60%, 1fr) minmax(0, auto)`;\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 bothConfigsUndefinedAndOneUnit =\n    !axisLeftConfig &&\n    !axisRightConfig &&\n    units.length === 1 &&\n    isLegendHiddenOrVertical;\n  const bothConfigsSetAndOneUnit =\n    axisLeftConfig &&\n    axisRightConfig &&\n    units.length === 1 &&\n    isLegendHiddenOrVertical;\n  const leftConfigSetAndVertical = axisLeftConfig && isLegendHiddenOrVertical;\n  const rightConfigSet = axisRightConfig;\n\n  const paddingRight =\n    bothConfigsUndefinedAndOneUnit ||\n    bothConfigsSetAndOneUnit ||\n    leftConfigSetAndVertical;\n  const onlyRightAxis = !axisLeftConfig && rightConfigSet;\n\n  const hasLeftPadding = onlyRightAxis;\n  const hasRightPadding = hasLeftPadding || paddingRight;\n\n  const chartGridHeight =\n    height -\n    (!tracksQuantity || isLegendHiddenOrRight\n      ? OVERLAY_PADDING + BOTTOM_PADDING_ADJUSTMENT\n      : 0);\n\n  useChartInteractions();\n\n  if (!height || !width) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        paddingTop: tracksQuantity ? 0 : OVERLAY_PADDING,\n        paddingLeft: hasLeftPadding ? OVERLAY_PADDING : 0,\n      }}\n      className={defaultChartSize}\n      aria-label={TIMESERIES_ARIA_LABEL}\n      role=\"img\"\n    >\n      <ChartGrid\n        width={availableWidth - (hasRightPadding ? OVERLAY_PADDING : 0)}\n        height={chartGridHeight}\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            <TimeseriesValueLeftAxisArea />\n            <TimeseriesTimeBottomAxisArea />\n\n            <ChartGrid.PlotArea>\n              <TimeseriesChartPlot />\n              <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            <TimeseriesValueRightAxisArea />\n            <TimeseriesThresholdArea />\n\n            {!!tracksQuantity && <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 { ANNOTATIONS_PADDING_BOTTOM } from './components/annotations-timeseries/constants.js';\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';\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 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 annotationsPadding =\n    tracksQuantity - numHiddenTracks > 0 ? ANNOTATIONS_PADDING_BOTTOM : 0;\n  const annotationsRowHeight = showAnnotations\n    ? annotationsVisibleArea + annotationsPadding\n    : 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={TIMESERIES_ARIA_LABEL}\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/components/axes/TimeseriesTimeBottomAxisArea/TimeseriesTimeBottomAxisArea.css

@@ -1,6 +1,6 @@
-._19z0vdp0-3-7-1 {
+._19z0vdp0-3-8-0 {
   position: relative;
 }
-._19z0vdp1-3-7-1 {
+._19z0vdp1-3-8-0 {
   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-7-1", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var timeBottomAxisContainer = _7a468({ defaultClassName: "_19z0vdp0-3-8-0", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-8-0" } }, 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-7-1',variantClassNames:{isTouchableDevice:{true:'_19z0vdp1-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './TimeseriesTimeBottomAxisArea.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var timeBottomAxisContainer = _7a468({defaultClassName:'_19z0vdp0-3-8-0',variantClassNames:{isTouchableDevice:{true:'_19z0vdp1-3-8-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,mBAAkB,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
-._17fdb110-3-7-1 {
+._17fdb110-3-8-0 {
   z-index: 1;
   pointer-events: none;
 }
-._17fdb111-3-7-1 {
+._17fdb111-3-8-0 {
   top: -3.5px;
   left: -3.5px;
   width: calc(100% + 7px);
@@ -10,7 +10,7 @@
   z-index: 1;
   pointer-events: none;
 }
-._17fdb112-3-7-1 {
+._17fdb112-3-8-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -18,7 +18,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._17fdb113-3-7-1 {
+._17fdb113-3-8-0 {
   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-7-1 _13lzg4k0-3-7-1";
-var crosshairLayout = "_17fdb113-3-7-1 _13lzg4k0-3-7-1";
-var datapointCanvasPlot = "_17fdb111-3-7-1 _13lzg4k0-3-7-1";
-var datapointIndicatorLayout = "_17fdb112-3-7-1 _13lzg4k0-3-7-1";
+var canvasPlot = "_17fdb110-3-8-0 _13lzg4k0-3-8-0";
+var crosshairLayout = "_17fdb113-3-8-0 _13lzg4k0-3-8-0";
+var datapointCanvasPlot = "_17fdb111-3-8-0 _13lzg4k0-3-8-0";
+var datapointIndicatorLayout = "_17fdb112-3-8-0 _13lzg4k0-3-8-0";
 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-7-1 _13lzg4k0-3-7-1';\nexport var crosshairLayout = '_17fdb113-3-7-1 _13lzg4k0-3-7-1';\nexport var datapointCanvasPlot = '_17fdb111-3-7-1 _13lzg4k0-3-7-1';\nexport var datapointIndicatorLayout = '_17fdb112-3-7-1 _13lzg4k0-3-7-1';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './TimeseriesOverlays.css';\nexport var canvasPlot = '_17fdb110-3-8-0 _13lzg4k0-3-8-0';\nexport var crosshairLayout = '_17fdb113-3-8-0 _13lzg4k0-3-8-0';\nexport var datapointCanvasPlot = '_17fdb111-3-8-0 _13lzg4k0-3-8-0';\nexport var datapointIndicatorLayout = '_17fdb112-3-8-0 _13lzg4k0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,kBAAkB;AACtB,IAAI,sBAAsB;AAC1B,IAAI,2BAA2B;",
   "names": []
 }

package/esm/charts/timeseries/components/thresholds/ThresholdIndicators.css

@@ -1,6 +1,6 @@
-._9p8qi20-3-7-1 {
+._9p8qi20-3-8-0 {
   z-index: 2;
 }
-._9p8qi21-3-7-1 {
+._9p8qi21-3-8-0 {
   z-index: 0;
 }

package/esm/charts/timeseries/components/thresholds/ThresholdIndicators.sty.js

@@ -1,7 +1,7 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./ThresholdIndicators.css";
-var thresholdPlotLine = "_9p8qi20-3-7-1 _13lzg4k0-3-7-1";
-var thresholdPlotRange = "_9p8qi21-3-7-1 _13lzg4k0-3-7-1";
+var thresholdPlotLine = "_9p8qi20-3-8-0 _13lzg4k0-3-8-0";
+var thresholdPlotRange = "_9p8qi21-3-8-0 _13lzg4k0-3-8-0";
 export {
   thresholdPlotLine,
   thresholdPlotRange

package/esm/charts/timeseries/components/thresholds/ThresholdIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/timeseries/components/thresholds/ThresholdIndicators.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './ThresholdIndicators.css';\nexport var thresholdPlotLine = '_9p8qi20-3-7-1 _13lzg4k0-3-7-1';\nexport var thresholdPlotRange = '_9p8qi21-3-7-1 _13lzg4k0-3-7-1';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './ThresholdIndicators.css';\nexport var thresholdPlotLine = '_9p8qi20-3-8-0 _13lzg4k0-3-8-0';\nexport var thresholdPlotRange = '_9p8qi21-3-8-0 _13lzg4k0-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/top-list/TopList.css

@@ -1,4 +1,4 @@
-._jwlby60-3-7-1 {
+._jwlby60-3-8-0 {
   width: 100%;
   overflow-y: auto;
 }

package/esm/charts/top-list/TopList.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   forwardRef,
-  useRef,
+  useCallback,
   useMemo,
-  useCallback
+  useRef
 } from "react";
 import {
   ROW_HEIGHT,
@@ -20,6 +20,7 @@ import {
 } from "../core/utils/coerceSizeValue.js";
 import { DEFAULT_CHART_HEIGHT } from "../xy-chart/constants/defaults.js";
 import { XYChart } from "../xy-chart/XYChartRoot.js";
+const COMPONENT_NAME_BEHAVIOURAL_TRACKING = "TopList";
 const TopList = forwardRef(function TopList2({
   data,
   labelAccessor,
@@ -29,22 +30,24 @@ const TopList = forwardRef(function TopList2({
   valueFormatter,
   seriesIdAccessor,
   seriesNameAccessor,
+  comparator,
   height = DEFAULT_CHART_HEIGHT,
+  // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.
+  "data-dt-component": componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING,
   ...xyChartProps
 }, forwardedRef) {
   const internalRef = useRef(null);
   const mergedRef = useMergeRefs([internalRef, forwardedRef]);
   const onScroll = useCallback(() => internalRef.current?.reset(), []);
   const dataWithSyntheticSeries = useMemo(() => {
-    if (seriesIdAccessor !== void 0) {
-      return data;
-    }
-    return data.map((d) => ({
+    const mapped = seriesIdAccessor !== void 0 ? data : data.map((d) => ({
       ...d,
       [SERIES_ID_KEY]: "series",
       [SERIES_NAME_KEY]: "Series"
     }));
-  }, [data, seriesIdAccessor]);
+    const sortDescending = (a, b) => Number(b[valueAccessor]) - Number(a[valueAccessor]);
+    return [...mapped].sort(comparator ?? sortDescending);
+  }, [comparator, data, seriesIdAccessor, valueAccessor]);
   const viewportPx = coerceSizeValueToPixels(height) ?? DEFAULT_CHART_HEIGHT;
   const contentHeight = Math.max(viewportPx, data.length * ROW_HEIGHT);
   const legend = seriesIdAccessor === void 0 && /* @__PURE__ */ jsx(XYChart.Legend, { hidden: true });
@@ -54,6 +57,7 @@ const TopList = forwardRef(function TopList2({
       className: scrollContainer,
       style: { height: coerceSizeValue(height) },
       onScroll,
+      "data-dt-component": componentName,
       children: /* @__PURE__ */ jsxs(
         XYChart,
         {

package/esm/charts/top-list/TopList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/top-list/TopList.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  useRef,\n  useMemo,\n  useCallback,\n  type ForwardedRef,\n} from 'react';\n\nimport {\n  ROW_HEIGHT,\n  SERIES_ID_KEY,\n  SERIES_NAME_KEY,\n  X_AXIS_ID,\n  Y_AXIS_ID,\n} from './constants.js';\nimport { scrollContainer } from './TopList.sty.js';\nimport type { TopListProps } from './types/top-list.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport {\n  coerceSizeValue,\n  coerceSizeValueToPixels,\n} from '../core/utils/coerceSizeValue.js';\nimport { DEFAULT_CHART_HEIGHT } from '../xy-chart/constants/defaults.js';\nimport type { XYChartRef } from '../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../xy-chart/XYChartRoot.js';\n\nexport type { TopListProps };\n\n/**\n * A horizontal ranked-bar chart with labels inside bars and a hidden numerical\n * axis, implemented as a wrapper around XYChart. When the list has more items\n * than fit in `height`, the viewport becomes scrollable.\n * @public\n */\nexport const TopList = forwardRef<XYChartRef, TopListProps>(function TopList(\n  {\n    data,\n    labelAccessor,\n    valueAccessor,\n    categoryAccessor,\n    categoryFormatter,\n    valueFormatter,\n    seriesIdAccessor,\n    seriesNameAccessor,\n    height = DEFAULT_CHART_HEIGHT,\n    ...xyChartProps\n  }: TopListProps,\n  forwardedRef: ForwardedRef<XYChartRef>,\n) {\n  const internalRef = useRef<XYChartRef>(null);\n  const mergedRef = useMergeRefs([internalRef, forwardedRef]);\n  const onScroll = useCallback(() => internalRef.current?.reset(), []);\n\n  const dataWithSyntheticSeries = useMemo(() => {\n    if (seriesIdAccessor !== undefined) {\n      return data;\n    }\n    return data.map((d) => ({\n      ...d,\n      [SERIES_ID_KEY]: 'series',\n      [SERIES_NAME_KEY]: 'Series',\n    }));\n  }, [data, seriesIdAccessor]);\n\n  const viewportPx = coerceSizeValueToPixels(height) ?? DEFAULT_CHART_HEIGHT;\n  const contentHeight = Math.max(viewportPx, data.length * ROW_HEIGHT);\n\n  const legend = seriesIdAccessor === undefined && <XYChart.Legend hidden />;\n\n  return (\n    <div\n      className={scrollContainer}\n      style={{ height: coerceSizeValue(height) }}\n      onScroll={onScroll}\n    >\n      <XYChart\n        data={dataWithSyntheticSeries}\n        height={contentHeight}\n        ref={mergedRef}\n        {...xyChartProps}\n      >\n        <XYChart.BarSeries\n          variant=\"single\"\n          y0Accessor={categoryAccessor}\n          x1Accessor={valueAccessor}\n          labelAccessor={labelAccessor}\n          seriesIdAccessor={seriesIdAccessor ?? SERIES_ID_KEY}\n          nameAccessor={seriesNameAccessor ?? SERIES_NAME_KEY}\n          yAxisId={Y_AXIS_ID}\n          xAxisId={X_AXIS_ID}\n        />\n        <XYChart.XAxis\n          id={X_AXIS_ID}\n          type=\"numerical\"\n          position=\"bottom\"\n          hidden\n          disableZoom\n          disablePan\n          formatter={valueFormatter}\n        />\n        <XYChart.YAxis\n          id={Y_AXIS_ID}\n          type=\"categorical\"\n          position=\"left\"\n          formatter={categoryFormatter}\n        />\n        {legend}\n      </XYChart>\n    </div>\n  );\n});\n"],
-  "mappings": "AAmEmD,cAQ7C,YAR6C;AAnEnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAErC,SAAS,eAAe;AAUjB,MAAM,UAAU,WAAqC,SAASA,SACnE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,GACA,cACA;AACA,QAAM,cAAc,OAAmB,IAAI;AAC3C,QAAM,YAAY,aAAa,CAAC,aAAa,YAAY,CAAC;AAC1D,QAAM,WAAW,YAAY,MAAM,YAAY,SAAS,MAAM,GAAG,CAAC,CAAC;AAEnE,QAAM,0BAA0B,QAAQ,MAAM;AAC5C,QAAI,qBAAqB,QAAW;AAClC,aAAO;AAAA,IACT;AACA,WAAO,KAAK,IAAI,CAAC,OAAO;AAAA,MACtB,GAAG;AAAA,MACH,CAAC,aAAa,GAAG;AAAA,MACjB,CAAC,eAAe,GAAG;AAAA,IACrB,EAAE;AAAA,EACJ,GAAG,CAAC,MAAM,gBAAgB,CAAC;AAE3B,QAAM,aAAa,wBAAwB,MAAM,KAAK;AACtD,QAAM,gBAAgB,KAAK,IAAI,YAAY,KAAK,SAAS,UAAU;AAEnE,QAAM,SAAS,qBAAqB,UAAa,oBAAC,QAAQ,QAAR,EAAe,QAAM,MAAC;AAExE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,QAAQ,gBAAgB,MAAM,EAAE;AAAA,MACzC;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,KAAK;AAAA,UACJ,GAAG;AAAA,UAEJ;AAAA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,SAAQ;AAAA,gBACR,YAAY;AAAA,gBACZ,YAAY;AAAA,gBACZ;AAAA,gBACA,kBAAkB,oBAAoB;AAAA,gBACtC,cAAc,sBAAsB;AAAA,gBACpC,SAAS;AAAA,gBACT,SAAS;AAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,QAAM;AAAA,gBACN,aAAW;AAAA,gBACX,YAAU;AAAA,gBACV,WAAW;AAAA;AAAA,YACb;AAAA,YACA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,WAAW;AAAA;AAAA,YACb;AAAA,YACC;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;",
+  "sourcesContent": ["import {\n  type ForwardedRef,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  ROW_HEIGHT,\n  SERIES_ID_KEY,\n  SERIES_NAME_KEY,\n  X_AXIS_ID,\n  Y_AXIS_ID,\n} from './constants.js';\nimport { scrollContainer } from './TopList.sty.js';\nimport type { TopListProps } from './types/top-list.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport {\n  coerceSizeValue,\n  coerceSizeValueToPixels,\n} from '../core/utils/coerceSizeValue.js';\nimport { DEFAULT_CHART_HEIGHT } from '../xy-chart/constants/defaults.js';\nimport type { XYChartData, XYChartRef } from '../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../xy-chart/XYChartRoot.js';\n\nexport type { TopListProps };\n\nconst COMPONENT_NAME_BEHAVIOURAL_TRACKING = 'TopList';\n\n/**\n * A horizontal ranked-bar chart with labels inside bars and a hidden numerical\n * axis, implemented as a wrapper around XYChart. When the list has more items\n * than fit in `height`, the viewport becomes scrollable.\n * @public\n */\nexport const TopList = forwardRef<XYChartRef, TopListProps>(function TopList(\n  {\n    data,\n    labelAccessor,\n    valueAccessor,\n    categoryAccessor,\n    categoryFormatter,\n    valueFormatter,\n    seriesIdAccessor,\n    seriesNameAccessor,\n    comparator,\n    height = DEFAULT_CHART_HEIGHT,\n    // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n    'data-dt-component': componentName = COMPONENT_NAME_BEHAVIOURAL_TRACKING,\n    ...xyChartProps\n  }: TopListProps,\n  forwardedRef: ForwardedRef<XYChartRef>,\n) {\n  const internalRef = useRef<XYChartRef>(null);\n  const mergedRef = useMergeRefs([internalRef, forwardedRef]);\n  const onScroll = useCallback(() => internalRef.current?.reset(), []);\n\n  const dataWithSyntheticSeries = useMemo(() => {\n    const mapped =\n      seriesIdAccessor !== undefined\n        ? data\n        : data.map((d) => ({\n            ...d,\n            [SERIES_ID_KEY]: 'series',\n            [SERIES_NAME_KEY]: 'Series',\n          }));\n\n    const sortDescending = (a: XYChartData, b: XYChartData) =>\n      Number(b[valueAccessor]) - Number(a[valueAccessor]);\n    return [...mapped].sort(comparator ?? sortDescending);\n  }, [comparator, data, seriesIdAccessor, valueAccessor]);\n\n  const viewportPx = coerceSizeValueToPixels(height) ?? DEFAULT_CHART_HEIGHT;\n  const contentHeight = Math.max(viewportPx, data.length * ROW_HEIGHT);\n\n  const legend = seriesIdAccessor === undefined && <XYChart.Legend hidden />;\n\n  return (\n    <div\n      className={scrollContainer}\n      style={{ height: coerceSizeValue(height) }}\n      onScroll={onScroll}\n      data-dt-component={componentName}\n    >\n      <XYChart\n        data={dataWithSyntheticSeries}\n        height={contentHeight}\n        ref={mergedRef}\n        {...xyChartProps}\n      >\n        <XYChart.BarSeries\n          variant=\"single\"\n          y0Accessor={categoryAccessor}\n          x1Accessor={valueAccessor}\n          labelAccessor={labelAccessor}\n          seriesIdAccessor={seriesIdAccessor ?? SERIES_ID_KEY}\n          nameAccessor={seriesNameAccessor ?? SERIES_NAME_KEY}\n          yAxisId={Y_AXIS_ID}\n          xAxisId={X_AXIS_ID}\n        />\n        <XYChart.XAxis\n          id={X_AXIS_ID}\n          type=\"numerical\"\n          position=\"bottom\"\n          hidden\n          disableZoom\n          disablePan\n          formatter={valueFormatter}\n        />\n        <XYChart.YAxis\n          id={Y_AXIS_ID}\n          type=\"categorical\"\n          position=\"left\"\n          formatter={categoryFormatter}\n        />\n        {legend}\n      </XYChart>\n    </div>\n  );\n});\n"],
+  "mappings": "AA4EmD,cAS7C,YAT6C;AA5EnD;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAErC,SAAS,eAAe;AAIxB,MAAM,sCAAsC;AAQrC,MAAM,UAAU,WAAqC,SAASA,SACnE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA;AAAA,EAET,qBAAqB,gBAAgB;AAAA,EACrC,GAAG;AACL,GACA,cACA;AACA,QAAM,cAAc,OAAmB,IAAI;AAC3C,QAAM,YAAY,aAAa,CAAC,aAAa,YAAY,CAAC;AAC1D,QAAM,WAAW,YAAY,MAAM,YAAY,SAAS,MAAM,GAAG,CAAC,CAAC;AAEnE,QAAM,0BAA0B,QAAQ,MAAM;AAC5C,UAAM,SACJ,qBAAqB,SACjB,OACA,KAAK,IAAI,CAAC,OAAO;AAAA,MACf,GAAG;AAAA,MACH,CAAC,aAAa,GAAG;AAAA,MACjB,CAAC,eAAe,GAAG;AAAA,IACrB,EAAE;AAER,UAAM,iBAAiB,CAAC,GAAgB,MACtC,OAAO,EAAE,aAAa,CAAC,IAAI,OAAO,EAAE,aAAa,CAAC;AACpD,WAAO,CAAC,GAAG,MAAM,EAAE,KAAK,cAAc,cAAc;AAAA,EACtD,GAAG,CAAC,YAAY,MAAM,kBAAkB,aAAa,CAAC;AAEtD,QAAM,aAAa,wBAAwB,MAAM,KAAK;AACtD,QAAM,gBAAgB,KAAK,IAAI,YAAY,KAAK,SAAS,UAAU;AAEnE,QAAM,SAAS,qBAAqB,UAAa,oBAAC,QAAQ,QAAR,EAAe,QAAM,MAAC;AAExE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,QAAQ,gBAAgB,MAAM,EAAE;AAAA,MACzC;AAAA,MACA,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,KAAK;AAAA,UACJ,GAAG;AAAA,UAEJ;AAAA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,SAAQ;AAAA,gBACR,YAAY;AAAA,gBACZ,YAAY;AAAA,gBACZ;AAAA,gBACA,kBAAkB,oBAAoB;AAAA,gBACtC,cAAc,sBAAsB;AAAA,gBACpC,SAAS;AAAA,gBACT,SAAS;AAAA;AAAA,YACX;AAAA,YACA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,QAAM;AAAA,gBACN,aAAW;AAAA,gBACX,YAAU;AAAA,gBACV,WAAW;AAAA;AAAA,YACb;AAAA,YACA;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,WAAW;AAAA;AAAA,YACb;AAAA,YACC;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;",
   "names": ["TopList"]
 }

package/esm/charts/top-list/TopList.sty.js

@@ -1,5 +1,5 @@
 import "./TopList.css";
-var scrollContainer = "_jwlby60-3-7-1";
+var scrollContainer = "_jwlby60-3-8-0";
 export {
   scrollContainer
 };

package/esm/charts/top-list/TopList.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/top-list/TopList.css.ts"],
-  "sourcesContent": ["import './TopList.css';\nexport var scrollContainer = '_jwlby60-3-7-1';"],
+  "sourcesContent": ["import './TopList.css';\nexport var scrollContainer = '_jwlby60-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }