@dynatrace/strato-components 3.0.1 → 3.1.0

package/esm/charts/core/components/overlay-tooltip/_to-be-removed/_OverlayTooltipWIPStory.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/_to-be-removed/_OverlayTooltipWIPStory.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, useEffect, useRef, useState } from 'react';\n\n\nimport { DummyInteractionsOverlay } from './DummyInteractionsOverlay.js';\nimport { HeaderTestData } from './HeaderTestTooltip.js';\nimport { TooltipData } from './MyTooltip.js';\nimport { Button } from '../../../../../buttons/button/Button.js';\nimport { Select } from '../../../../../forms/select/Select.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { ToastContainer } from '../../../../../notifications/toast/ToastContainer.js';\nimport { OverlayProvider } from '../contexts/OverlayContext.js';\nimport { TooltipProvider, useTooltip } from '../contexts/TooltipContext.js';\nimport type { Data } from '../types.js';\nimport { useTooltipReducer } from '../useTooltipReducer.js';\n\nexport const TooltipProgrammaticActions = () => {\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  let snapshot = tooltip.getState();\n\n  const reset = () => {\n    snapshot = tooltip.getState();\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  };\n  const restore = () => {\n    snapshot.pinned && tooltip.setState(snapshot);\n  };\n\n  return (\n    <Flex gap={4}>\n      <Button variant=\"emphasized\" onClick={reset}>\n        Reset Tooltip\n      </Button>\n      <Button variant=\"emphasized\" onClick={restore}>\n        Restore tooltip\n      </Button>\n    </Flex>\n  );\n};\n\ntype Sub = Set<() => void>;\n\nconst createPinAllHandler = (sub: Sub) => () => {\n  sub.forEach((action) => {\n    action();\n  });\n};\n\nconst usePinAllSetup = () => {\n  const sub: Sub = new Set();\n  const onClick = createPinAllHandler(sub);\n  return { sub, onClick };\n};\n\ninterface TestDataItem {\n  description: string;\n  data: () => Data;\n  template: React.ReactNode;\n}\n\nconst chunkArray = <T,>(array: T[], size: number): T[][] => {\n  const rows: T[][] = [];\n  for (let i = 0; i < array.length; i += size) {\n    rows.push(array.slice(i, i + size));\n  }\n  return rows;\n};\n\nconst TooltipGrid = (props: {\n  sub: Sub;\n  items: TestDataItem[];\n  itemsPerRow?: number;\n  width?: string;\n  minHeight?: string;\n}) => {\n  const {\n    sub,\n    items,\n    itemsPerRow = 3,\n    width = '350px',\n    minHeight = '200px',\n  } = props;\n  const rows = chunkArray(items, itemsPerRow);\n\n  return (\n    <>\n      {rows.map((row, rowIndex) => (\n        <Flex flexDirection=\"row\" key={`row-${row[0].description}`}>\n          {row.map((item, itemIndex) => {\n            const key = rowIndex * itemsPerRow + itemIndex;\n            return (\n              <Flex flexDirection=\"column\" key={key}>\n                <h3>{item.description}</h3>\n                <Content\n                  sub={sub}\n                  width={width}\n                  minHeight={minHeight}\n                  getData={item.data}\n                >\n                  {item.template}\n                </Content>\n              </Flex>\n            );\n          })}\n        </Flex>\n      ))}\n    </>\n  );\n};\nconst TogglePinned = (props: { sub: Sub; getData?: () => Data }) => {\n  const dispatch = useTooltipReducer();\n  const isPinned = useRef(false);\n  useEffect(() => {\n    const cb = () => {\n      if (isPinned.current) {\n        dispatch({\n          type: 'RESET_TOOLTIP',\n        })();\n      } else {\n        dispatch({\n          type: 'SET_PINNED',\n          payload: {\n            pinned: true,\n            relativeX: 10,\n            relativeY: 30,\n            data: props.getData ? props.getData() : TooltipData[0].data(),\n          },\n        })();\n      }\n      isPinned.current = !isPinned.current;\n    };\n    props.sub.add(cb);\n    return () => {\n      props.sub.delete(cb);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return null;\n};\nconst Content = (\n  props: PropsWithChildren<{\n    sub: Sub;\n    actions?: boolean;\n    width?: string;\n    minHeight?: string;\n    getData?: () => Data;\n  }>,\n) => {\n  return (\n    <OverlayProvider>\n      <TooltipProvider>\n        {props.actions && <TooltipProgrammaticActions />}\n        <TogglePinned sub={props.sub} getData={props.getData} />\n        <div\n          style={{\n            width: props.width || '200px',\n            height: '100%',\n            maxWidth: '100%',\n            maxHeight: '100%',\n            resize: 'both',\n            minHeight: props.minHeight || '50px',\n            borderRight: '1px dashed #DDA0DD',\n            overflow: 'hidden',\n            position: 'relative',\n          }}\n        >\n          <DummyInteractionsOverlay\n            getData={props.getData || TooltipData[0].data}\n          >\n            {props.children}\n          </DummyInteractionsOverlay>\n        </div>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n};\n\nconst Selector = function <T>(props: {\n  options: T[];\n  value: T;\n  update: (n: T) => void;\n}) {\n  return (\n    <Select\n      value={props.value}\n      onChange={(newValue) => {\n        props.update(newValue as T);\n      }}\n    >\n      <Select.Content>\n        {props.options.map((option) => (\n          <Select.Option key={String(option)} value={option}>\n            {`${option}`}\n          </Select.Option>\n        ))}\n      </Select.Content>\n    </Select>\n  );\n};\n\n/**\n * WIP story to avoid exporting internal WIP OverlayTooltip components and utils\n * @internal\n */\nexport const OverlayTooltipCustomStory = () => {\n  const [nTooltips, setNTooltips] = useState(5);\n  const { sub, onClick } = usePinAllSetup();\n  const Shared = () => {\n    return (\n      <>\n        <Selector\n          options={[5, 50, 100, 150, 300]}\n          value={nTooltips}\n          update={setNTooltips}\n        />\n        <Button onClick={onClick}>Pin all</Button>\n      </>\n    );\n  };\n\n  if (nTooltips === 5) {\n    return (\n      <Flex\n        flexWrap=\"nowrap\"\n        gap={6}\n        style={{ marginTop: '10px' }}\n        flexDirection=\"column\"\n      >\n        <Shared />\n        {Array.from({ length: 5 }).map((_, index) => {\n          return (\n            <Content\n              sub={sub}\n              actions\n              width=\"100%\"\n              minHeight=\"400px\"\n              key={index}\n            >\n              {TooltipData[0].template}\n            </Content>\n          );\n        })}\n      </Flex>\n    );\n  }\n\n  return (\n    <>\n      <Shared />\n      {Array.from({ length: nTooltips / 10 }).map((_, index) => {\n        return (\n          <Flex\n            gap={6}\n            style={{ marginTop: '10px' }}\n            flexDirection=\"row\"\n            key={index}\n          >\n            {Array.from({ length: 10 }).map((_, index) => {\n              return (\n                <Content sub={sub} key={index}>\n                  {TooltipData[0].template}\n                </Content>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </>\n  );\n};\n\n/**\n * WIP story to avoid exporting internal WIP OverlayTooltip components and utils\n * @internal\n */\nexport const OverlayTooltipWIPStory = () => {\n  const { sub, onClick } = usePinAllSetup();\n\n  return (\n    <>\n      <ToastContainer />\n      <Button onClick={onClick}>Pin all</Button>\n      <TooltipGrid sub={sub} items={TooltipData} />\n    </>\n  );\n};\n\n/**\n * WIP story to test different header variations\n * @internal\n */\nexport const OverlayTooltipHeaderStory = () => {\n  const { sub, onClick } = usePinAllSetup();\n\n  return (\n    <>\n      <Button onClick={onClick}>Pin all</Button>\n      <TooltipGrid sub={sub} items={HeaderTestData} />\n    </>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useEffect,\n  useRef,\n  useState,\n  type JSX,\n} from 'react';\n\nimport { DummyInteractionsOverlay } from './DummyInteractionsOverlay.js';\nimport { HeaderTestData } from './HeaderTestTooltip.js';\nimport { TooltipData } from './MyTooltip.js';\nimport { Button } from '../../../../../buttons/button/Button.js';\nimport { Select } from '../../../../../forms/select/Select.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { ToastContainer } from '../../../../../notifications/toast/ToastContainer.js';\nimport { OverlayProvider } from '../contexts/OverlayContext.js';\nimport { TooltipProvider, useTooltip } from '../contexts/TooltipContext.js';\nimport type { Data } from '../types.js';\nimport { useTooltipReducer } from '../useTooltipReducer.js';\n\nexport const TooltipProgrammaticActions = () => {\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  let snapshot = tooltip.getState();\n\n  const reset = () => {\n    snapshot = tooltip.getState();\n    dispatch({ type: 'RESET_TOOLTIP' })();\n  };\n  const restore = () => {\n    snapshot.pinned && tooltip.setState(snapshot);\n  };\n\n  return (\n    <Flex gap={4}>\n      <Button variant=\"emphasized\" onClick={reset}>\n        Reset Tooltip\n      </Button>\n      <Button variant=\"emphasized\" onClick={restore}>\n        Restore tooltip\n      </Button>\n    </Flex>\n  );\n};\n\ntype Sub = Set<() => void>;\n\nconst createPinAllHandler = (sub: Sub) => () => {\n  sub.forEach((action) => {\n    action();\n  });\n};\n\nconst usePinAllSetup = () => {\n  const sub: Sub = new Set();\n  const onClick = createPinAllHandler(sub);\n  return { sub, onClick };\n};\n\ninterface TestDataItem {\n  description: JSX.Element;\n  data: () => Data;\n  template: JSX.Element;\n  testId?: string;\n}\n\nconst chunkArray = <T,>(array: T[], size: number): T[][] => {\n  const rows: T[][] = [];\n  for (let i = 0; i < array.length; i += size) {\n    rows.push(array.slice(i, i + size));\n  }\n  return rows;\n};\n\nconst TooltipGrid = (props: {\n  sub: Sub;\n  items: TestDataItem[];\n  itemsPerRow?: number;\n  width?: string;\n  minHeight?: string;\n}) => {\n  const {\n    sub,\n    items,\n    itemsPerRow = 3,\n    width = '350px',\n    minHeight = '200px',\n  } = props;\n  const rows = chunkArray(items, itemsPerRow);\n\n  return (\n    <>\n      {rows.map((row, rowIndex) => (\n        <Flex flexDirection=\"row\" key={rowIndex}>\n          {row.map((item, itemIndex) => {\n            const key = rowIndex * itemsPerRow + itemIndex;\n            return (\n              <Flex flexDirection=\"column\" key={key} data-testid={item.testId}>\n                {item.description}\n                <Content\n                  sub={sub}\n                  width={width}\n                  minHeight={minHeight}\n                  getData={item.data}\n                >\n                  {item.template}\n                </Content>\n              </Flex>\n            );\n          })}\n        </Flex>\n      ))}\n    </>\n  );\n};\nconst TogglePinned = (props: { sub: Sub; getData?: () => Data }) => {\n  const dispatch = useTooltipReducer();\n  const isPinned = useRef(false);\n  useEffect(() => {\n    const cb = () => {\n      if (isPinned.current) {\n        dispatch({\n          type: 'RESET_TOOLTIP',\n        })();\n      } else {\n        dispatch({\n          type: 'SET_PINNED',\n          payload: {\n            pinned: true,\n            relativeX: 10,\n            relativeY: 30,\n            data: props.getData ? props.getData() : TooltipData[0].data(),\n          },\n        })();\n      }\n      isPinned.current = !isPinned.current;\n    };\n    props.sub.add(cb);\n    return () => {\n      props.sub.delete(cb);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return null;\n};\nconst Content = (\n  props: PropsWithChildren<{\n    sub: Sub;\n    actions?: boolean;\n    width?: string;\n    minHeight?: string;\n    getData?: () => Data;\n  }>,\n) => {\n  return (\n    <OverlayProvider>\n      <TooltipProvider>\n        {props.actions && <TooltipProgrammaticActions />}\n        <TogglePinned sub={props.sub} getData={props.getData} />\n        <div\n          style={{\n            width: props.width || '200px',\n            height: '100%',\n            maxWidth: '100%',\n            maxHeight: '100%',\n            resize: 'both',\n            minHeight: props.minHeight || '50px',\n            borderRight: '1px dashed #DDA0DD',\n            overflow: 'hidden',\n            position: 'relative',\n          }}\n        >\n          <DummyInteractionsOverlay\n            getData={props.getData || TooltipData[0].data}\n          >\n            {props.children}\n          </DummyInteractionsOverlay>\n        </div>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n};\n\nconst Selector = function <T>(props: {\n  options: T[];\n  value: T;\n  update: (n: T) => void;\n}) {\n  return (\n    <Select\n      value={props.value}\n      onChange={(newValue) => {\n        props.update(newValue as T);\n      }}\n    >\n      <Select.Content>\n        {props.options.map((option) => (\n          <Select.Option key={String(option)} value={option}>\n            {`${option}`}\n          </Select.Option>\n        ))}\n      </Select.Content>\n    </Select>\n  );\n};\n\n/**\n * WIP story to avoid exporting internal WIP OverlayTooltip components and utils\n * @internal\n */\nexport const OverlayTooltipCustomStory = () => {\n  const [nTooltips, setNTooltips] = useState(5);\n  const { sub, onClick } = usePinAllSetup();\n  const Shared = () => {\n    return (\n      <>\n        <Selector\n          options={[5, 50, 100, 150, 300]}\n          value={nTooltips}\n          update={setNTooltips}\n        />\n        <Button onClick={onClick}>Pin all</Button>\n      </>\n    );\n  };\n\n  if (nTooltips === 5) {\n    return (\n      <Flex\n        flexWrap=\"nowrap\"\n        gap={6}\n        style={{ marginTop: '10px' }}\n        flexDirection=\"column\"\n      >\n        <Shared />\n        {Array.from({ length: 5 }).map((_, index) => {\n          return (\n            <Content\n              sub={sub}\n              actions\n              width=\"100%\"\n              minHeight=\"400px\"\n              key={index}\n            >\n              {TooltipData[0].template}\n            </Content>\n          );\n        })}\n      </Flex>\n    );\n  }\n\n  return (\n    <>\n      <Shared />\n      {Array.from({ length: nTooltips / 10 }).map((_, index) => {\n        return (\n          <Flex\n            gap={6}\n            style={{ marginTop: '10px' }}\n            flexDirection=\"row\"\n            key={index}\n          >\n            {Array.from({ length: 10 }).map((_, index) => {\n              return (\n                <Content sub={sub} key={index}>\n                  {TooltipData[0].template}\n                </Content>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </>\n  );\n};\n\n/**\n * WIP story to avoid exporting internal WIP OverlayTooltip components and utils\n * @internal\n */\nexport const OverlayTooltipWIPStory = () => {\n  const { sub, onClick } = usePinAllSetup();\n\n  return (\n    <>\n      <ToastContainer />\n      <Button onClick={onClick}>Pin all</Button>\n      <TooltipGrid sub={sub} items={TooltipData} />\n    </>\n  );\n};\n\n/**\n * WIP story to test different header variations\n * @internal\n */\nexport const OverlayTooltipHeaderStory = () => {\n  const { sub, onClick } = usePinAllSetup();\n\n  return (\n    <>\n      <Button onClick={onClick}>Pin all</Button>\n      <TooltipGrid sub={sub} items={HeaderTestData} />\n    </>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["_", "index"]
 }

package/esm/charts/core/components/overlay-tooltip/_to-be-removed/actions.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DatabaseIcon, MagnifyingGlassIcon } from "@dynatrace/strato-icons";
+import { showToast } from "../../../../../notifications/index.js";
+import { ChartSeriesAction } from "../../series-action/ChartSeriesAction.js";
+const TOASTER_LIFESPAN = 800;
+const IS_ASYNC = true;
+let toasterCounter = 0;
+const seriesActions = (data) => {
+  return /* @__PURE__ */ jsxs(ChartSeriesAction, { children: [
+    /* @__PURE__ */ jsxs(
+      ChartSeriesAction.Item,
+      {
+        onSelect: () => {
+          showToast({
+            title: `Inspecting ${data.name} ...`,
+            type: "info",
+            lifespan: 1e3
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsx(ChartSeriesAction.ItemIcon, { children: /* @__PURE__ */ jsx(MagnifyingGlassIcon, {}) }),
+          "Inspect"
+        ]
+      },
+      "custom-action"
+    ),
+    /* @__PURE__ */ jsxs(
+      ChartSeriesAction.Item,
+      {
+        disabled: true,
+        onSelect: () => void 0,
+        children: [
+          /* @__PURE__ */ jsx(ChartSeriesAction.ItemIcon, { children: /* @__PURE__ */ jsx(DatabaseIcon, {}) }),
+          "A disabled action"
+        ]
+      },
+      "disabled-action"
+    ),
+    /* @__PURE__ */ jsx(
+      ChartSeriesAction.Intent,
+      {
+        options: {
+          responseProperties: ["dt.share"]
+        },
+        payload: { "dt.query": "describe logs" },
+        onResponse: (response) => {
+          if (response.status === "success") {
+            showToast({
+              title: "done...",
+              type: "info",
+              lifespan: TOASTER_LIFESPAN
+            });
+          } else {
+            showToast({
+              title: response.error.message,
+              type: "critical",
+              lifespan: TOASTER_LIFESPAN
+            });
+          }
+        },
+        children: "Send intent with response"
+      }
+    )
+  ] });
+};
+const asyncSeriesActions = (data) => {
+  if (!IS_ASYNC) {
+    return seriesActions(data);
+  }
+  return new Promise((resolve, reject) => {
+    showToast({
+      title: `Loading series actions ...: ${toasterCounter++}`,
+      type: "warning",
+      lifespan: TOASTER_LIFESPAN
+    });
+    setTimeout(() => {
+      if (toasterCounter % 5 === 0) {
+        showToast({
+          title: `Failed to load series actions ...: ${toasterCounter++}`,
+          type: "critical",
+          lifespan: TOASTER_LIFESPAN
+        });
+        reject(new Error("Failed to load actions"));
+      } else {
+        resolve(seriesActions(data));
+      }
+    }, 500);
+  });
+};
+export {
+  asyncSeriesActions
+};
+//# sourceMappingURL=actions.js.map

package/esm/charts/core/components/overlay-tooltip/_to-be-removed/actions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/_to-be-removed/actions.tsx"],
+  "sourcesContent": ["import type { JSX } from 'react';\n\nimport { DatabaseIcon, MagnifyingGlassIcon } from '@dynatrace/strato-icons';\n\nimport type {\n  ErrorRes,\n  SuccessRes,\n} from '../../../../../core/slots/Intent/Intent.js';\nimport { showToast } from '../../../../../notifications/index.js';\nimport { ChartSeriesAction } from '../../series-action/ChartSeriesAction.js';\n\nconst TOASTER_LIFESPAN = 800;\nconst IS_ASYNC = true;\nlet toasterCounter = 0;\n\nconst seriesActions = (data: { name: string }) => {\n  return (\n    <ChartSeriesAction>\n      <ChartSeriesAction.Item\n        key=\"custom-action\"\n        onSelect={() => {\n          showToast({\n            title: `Inspecting ${data.name} ...`,\n            type: 'info',\n            lifespan: 1000,\n          });\n        }}\n      >\n        <ChartSeriesAction.ItemIcon>\n          <MagnifyingGlassIcon />\n        </ChartSeriesAction.ItemIcon>\n        Inspect\n      </ChartSeriesAction.Item>\n      <ChartSeriesAction.Item\n        disabled\n        onSelect={() => void 0}\n        key=\"disabled-action\"\n      >\n        <ChartSeriesAction.ItemIcon>\n          <DatabaseIcon />\n        </ChartSeriesAction.ItemIcon>\n        A disabled action\n      </ChartSeriesAction.Item>\n      <ChartSeriesAction.Intent\n        options={{\n          responseProperties: ['dt.share'],\n        }}\n        payload={{ 'dt.query': 'describe logs' }}\n        onResponse={(response: SuccessRes | ErrorRes) => {\n          if (response.status === 'success') {\n            showToast({\n              title: 'done...',\n              type: 'info',\n              lifespan: TOASTER_LIFESPAN,\n            });\n          } else {\n            showToast({\n              title: response.error.message,\n              type: 'critical',\n              lifespan: TOASTER_LIFESPAN,\n            });\n          }\n        }}\n      >\n        Send intent with response\n      </ChartSeriesAction.Intent>\n    </ChartSeriesAction>\n  );\n};\n\nexport const asyncSeriesActions = (data: { name: string }) => {\n  if (!IS_ASYNC) {\n    return seriesActions(data);\n  }\n\n  return new Promise<JSX.Element>((resolve, reject) => {\n    showToast({\n      title: `Loading series actions ...: ${toasterCounter++}`,\n      type: 'warning',\n      lifespan: TOASTER_LIFESPAN,\n    });\n    setTimeout(() => {\n      if (toasterCounter % 5 === 0) {\n        showToast({\n          title: `Failed to load series actions ...: ${toasterCounter++}`,\n          type: 'critical',\n          lifespan: TOASTER_LIFESPAN,\n        });\n        reject(new Error('Failed to load actions'));\n      } else {\n        resolve(seriesActions(data));\n      }\n    }, 500);\n  });\n};\n"],
+  "mappings": "AAkBM,SAWI,KAXJ;AAhBN,SAAS,cAAc,2BAA2B;AAMlD,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAElC,MAAM,mBAAmB;AACzB,MAAM,WAAW;AACjB,IAAI,iBAAiB;AAErB,MAAM,gBAAgB,CAAC,SAA2B;AAChD,SACE,qBAAC,qBACC;AAAA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QAEC,UAAU,MAAM;AACd,oBAAU;AAAA,YACR,OAAO,cAAc,KAAK,IAAI;AAAA,YAC9B,MAAM;AAAA,YACN,UAAU;AAAA,UACZ,CAAC;AAAA,QACH;AAAA,QAEA;AAAA,8BAAC,kBAAkB,UAAlB,EACC,8BAAC,uBAAoB,GACvB;AAAA,UAA6B;AAAA;AAAA;AAAA,MAXzB;AAAA,IAaN;AAAA,IACA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,UAAQ;AAAA,QACR,UAAU,MAAM;AAAA,QAGhB;AAAA,8BAAC,kBAAkB,UAAlB,EACC,8BAAC,gBAAa,GAChB;AAAA,UAA6B;AAAA;AAAA;AAAA,MAJzB;AAAA,IAMN;AAAA,IACA;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,SAAS;AAAA,UACP,oBAAoB,CAAC,UAAU;AAAA,QACjC;AAAA,QACA,SAAS,EAAE,YAAY,gBAAgB;AAAA,QACvC,YAAY,CAAC,aAAoC;AAC/C,cAAI,SAAS,WAAW,WAAW;AACjC,sBAAU;AAAA,cACR,OAAO;AAAA,cACP,MAAM;AAAA,cACN,UAAU;AAAA,YACZ,CAAC;AAAA,UACH,OAAO;AACL,sBAAU;AAAA,cACR,OAAO,SAAS,MAAM;AAAA,cACtB,MAAM;AAAA,cACN,UAAU;AAAA,YACZ,CAAC;AAAA,UACH;AAAA,QACF;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEO,MAAM,qBAAqB,CAAC,SAA2B;AAC5D,MAAI,CAAC,UAAU;AACb,WAAO,cAAc,IAAI;AAAA,EAC3B;AAEA,SAAO,IAAI,QAAqB,CAAC,SAAS,WAAW;AACnD,cAAU;AAAA,MACR,OAAO,+BAA+B,gBAAgB;AAAA,MACtD,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC;AACD,eAAW,MAAM;AACf,UAAI,iBAAiB,MAAM,GAAG;AAC5B,kBAAU;AAAA,UACR,OAAO,sCAAsC,gBAAgB;AAAA,UAC7D,MAAM;AAAA,UACN,UAAU;AAAA,QACZ,CAAC;AACD,eAAO,IAAI,MAAM,wBAAwB,CAAC;AAAA,MAC5C,OAAO;AACL,gBAAQ,cAAc,IAAI,CAAC;AAAA,MAC7B;AAAA,IACF,GAAG,GAAG;AAAA,EACR,CAAC;AACH;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/global-actions/Action.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { actionButton } from "./actions.sty.js";
+import { Button } from "../../../../../../buttons/button/Button.js";
+const Action = (props) => {
+  const { label, icon, onSelect } = props;
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      event.stopPropagation();
+      onSelect();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "default",
+      className: actionButton,
+      onClick: onSelect,
+      onKeyDown: handleKeyDown,
+      width: "full",
+      textAlign: "start",
+      children: [
+        icon && /* @__PURE__ */ jsx(Button.Prefix, { children: icon }),
+        /* @__PURE__ */ jsx(Button.Label, { children: label })
+      ]
+    }
+  );
+};
+export {
+  Action
+};
+//# sourceMappingURL=Action.js.map

package/esm/charts/core/components/overlay-tooltip/components/global-actions/Action.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/global-actions/Action.tsx"],
+  "sourcesContent": ["import type { KeyboardEvent, ReactElement, ReactNode } from 'react';\n\nimport { actionButton } from './actions.sty.js';\nimport { Button } from '../../../../../../buttons/button/Button.js';\n\n/** @internal */\nexport interface ActionProps {\n  /** Label text displayed for the action */\n  label: ReactNode;\n  /** Optional icon displayed to the left of the label */\n  icon?: ReactElement;\n  /** Callback executed when the action is selected */\n  onSelect: () => void;\n}\n\n/**\n * A global tooltip action component.\n * Used as a child of OverlayTooltip to provide actions that apply to the entire tooltip content.\n * The tooltip internally manages visibility based on pinned state.\n * @internal\n */\nexport const Action = (props: ActionProps) => {\n  const { label, icon, onSelect } = props;\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      event.stopPropagation();\n      onSelect();\n    }\n  };\n\n  return (\n    <Button\n      variant=\"default\"\n      className={actionButton}\n      onClick={onSelect}\n      onKeyDown={handleKeyDown}\n      width=\"full\"\n      textAlign=\"start\"\n    >\n      {icon && <Button.Prefix>{icon}</Button.Prefix>}\n      <Button.Label>{label}</Button.Label>\n    </Button>\n  );\n};\n"],
+  "mappings": "AAiCI,SAQW,KARX;AA/BJ,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAkBhB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,EAAE,OAAO,MAAM,SAAS,IAAI;AAElC,QAAM,gBAAgB,CAAC,UAAyB;AAC9C,QAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,eAAS;AAAA,IACX;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAW;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAM;AAAA,MACN,WAAU;AAAA,MAET;AAAA,gBAAQ,oBAAC,OAAO,QAAP,EAAe,gBAAK;AAAA,QAC9B,oBAAC,OAAO,OAAP,EAAc,iBAAM;AAAA;AAAA;AAAA,EACvB;AAEJ;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/global-actions/ActionsPlaceholder.js

@@ -0,0 +1,7 @@
+const ActionsPlaceholder = (_props) => {
+  return null;
+};
+export {
+  ActionsPlaceholder
+};
+//# sourceMappingURL=ActionsPlaceholder.js.map

package/esm/charts/core/components/overlay-tooltip/components/global-actions/ActionsPlaceholder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/global-actions/ActionsPlaceholder.tsx"],
+  "sourcesContent": ["/** @internal */\nexport interface ActionsPlaceholderProps {\n  /** Placeholder text shown when tooltip is not pinned */\n  text: string;\n}\n\n/**\n * Placeholder shown in the tooltip footer when not pinned.\n * When the tooltip becomes pinned, this is replaced by the Action components.\n * @internal\n */\nexport const ActionsPlaceholder = (_props: ActionsPlaceholderProps) => {\n  return null;\n};\n"],
+  "mappings": "AAWO,MAAM,qBAAqB,CAAC,WAAoC;AACrE,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/global-actions/GlobalActions.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import useIntl from "react-intl/src/components/useIntl.js";
+import { actionsPlaceholderTextAnimated } from "./actions.sty.js";
+import { Divider } from "../../../../../../layouts/divider/Divider.js";
+import { OVERLAY_TOOLTIP_MESSAGES } from "../../messages.js";
+import { useTooltipSnapshot } from "../../selectors.js";
+import { divider, actionsContainer } from "../../tooltip.sty.js";
+import { useTooltipReducer } from "../../useTooltipReducer.js";
+const GlobalActions = ({
+  actions,
+  globalActionsUnpinnedMessage
+}) => {
+  const intl = useIntl();
+  const { pinned } = useTooltipSnapshot();
+  const dispatch = useTooltipReducer();
+  if (pinned) {
+    if (actions.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: actionsContainer,
+        "aria-label": "Tooltip actions",
+        onPointerMove: dispatch({ type: "TOOLTIP_MOUSE_LEAVE" }),
+        children: [
+          /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", className: divider }, "divider"),
+          actions
+        ]
+      }
+    );
+  }
+  const placeholderText = globalActionsUnpinnedMessage ?? intl.formatMessage(OVERLAY_TOOLTIP_MESSAGES.globalActionsUnpinnedMessage);
+  return /* @__PURE__ */ jsx("div", { className: actionsPlaceholderTextAnimated, children: placeholderText });
+};
+export {
+  GlobalActions
+};
+//# sourceMappingURL=GlobalActions.js.map

package/esm/charts/core/components/overlay-tooltip/components/global-actions/GlobalActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/global-actions/GlobalActions.tsx"],
+  "sourcesContent": ["import { type JSX } from 'react';\nimport useIntl from 'react-intl/src/components/useIntl.js';\n\nimport { actionsPlaceholderTextAnimated } from './actions.sty.js';\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport { OVERLAY_TOOLTIP_MESSAGES } from '../../messages.js';\nimport { useTooltipSnapshot } from '../../selectors.js';\nimport { divider, actionsContainer } from '../../tooltip.sty.js';\nimport { useTooltipReducer } from '../../useTooltipReducer.js';\n\n/**\n * Renders global actions in a vertical stack with a separator when pinned.\n * Renders the placeholder text when not pinned.\n * @internal\n */\n\ninterface GlobalActionsProps {\n  actions: JSX.Element[];\n  globalActionsUnpinnedMessage: string | undefined;\n}\n\nexport const GlobalActions = ({\n  actions,\n  globalActionsUnpinnedMessage,\n}: GlobalActionsProps) => {\n  const intl = useIntl();\n  const { pinned } = useTooltipSnapshot();\n  const dispatch = useTooltipReducer();\n\n  if (pinned) {\n    if (actions.length === 0) {\n      return null;\n    }\n\n    return (\n      <div\n        className={actionsContainer}\n        aria-label=\"Tooltip actions\"\n        onPointerMove={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n      >\n        <Divider orientation=\"horizontal\" key=\"divider\" className={divider} />\n        {actions}\n      </div>\n    );\n  }\n  const placeholderText =\n    globalActionsUnpinnedMessage ??\n    intl.formatMessage(OVERLAY_TOOLTIP_MESSAGES.globalActionsUnpinnedMessage);\n\n  return (\n    <div className={actionsPlaceholderTextAnimated}>{placeholderText}</div>\n  );\n};\n"],
+  "mappings": "AAmCM,SAKE,KALF;AAlCN,OAAO,aAAa;AAEpB,SAAS,sCAAsC;AAC/C,SAAS,eAAe;AACxB,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,yBAAyB;AAa3B,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,OAAO,IAAI,mBAAmB;AACtC,QAAM,WAAW,kBAAkB;AAEnC,MAAI,QAAQ;AACV,QAAI,QAAQ,WAAW,GAAG;AACxB,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,cAAW;AAAA,QACX,eAAe,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAAA,QAEvD;AAAA,8BAAC,WAAQ,aAAY,cAA2B,WAAW,WAArB,SAA8B;AAAA,UACnE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,QAAM,kBACJ,gCACA,KAAK,cAAc,yBAAyB,4BAA4B;AAE1E,SACE,oBAAC,SAAI,WAAW,gCAAiC,2BAAgB;AAErE;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/global-actions/actions.css

@@ -0,0 +1,50 @@
+@keyframes _15am2yg1-3-1-0 {
+  from {
+    opacity: 0;
+    max-height: 0;
+    padding: 0;
+    margin-top: 0;
+  }
+  to {
+    opacity: 1;
+    max-height: 100px;
+    padding: var(--dt-spacings-size-6, 6px);
+    margin-top: var(--dt-spacings-size-4, 4px);
+  }
+}
+._15am2yg0-3-1-0 {
+  gap: var(--dt-spacings-size-4, 4px);
+  padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-8, 8px);
+  width: 100%;
+  box-sizing: border-box;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-size: var(--dt-typography-text-base-emphasized-size, 14px);
+  font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
+  line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
+  color: var(--dt-colors-text-neutral-default, #2f2f4f);
+  border-radius: var(--dt-borders-radius-field-default, 6px);
+}
+._15am2yg0-3-1-0:hover {
+  background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
+}
+._15am2yg0-3-1-0:active {
+  background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
+}
+._15am2yg2-3-1-0 {
+  box-sizing: border-box;
+  border-top: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
+  color: var(--dt-colors-text-neutral-subdued, #595a7d);
+  font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-size: var(--dt-typography-text-small-default-size, 12px);
+  line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
+  opacity: 0;
+  max-height: 0;
+  padding: 0;
+  margin-top: 0;
+  overflow: hidden;
+  animation: _15am2yg1-3-1-0 var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
+  animation-delay: 1200ms;
+}

package/esm/charts/core/components/overlay-tooltip/components/global-actions/actions.sty.js

@@ -0,0 +1,8 @@
+import "./actions.css";
+var actionButton = "_15am2yg0-3-1-0";
+var actionsPlaceholderTextAnimated = "_15am2yg2-3-1-0";
+export {
+  actionButton,
+  actionsPlaceholderTextAnimated
+};
+//# sourceMappingURL=actions.sty.js.map

package/esm/charts/core/components/overlay-tooltip/components/global-actions/actions.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/global-actions/actions.css.ts"],
+  "sourcesContent": ["import './actions.css';\nexport var actionButton = '_15am2yg0-3-1-0';\nexport var actionsPlaceholderTextAnimated = '_15am2yg2-3-1-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;AACnB,IAAI,iCAAiC;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/Header.css

@@ -1,10 +1,10 @@
-._1p9126h0-3-0-1 {
+._1ldhlar0-3-1-0 {
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-6, 6px);
   width: 100%;
   height: 100%;
   display: inline-block;
 }
-._1p9126h1-3-0-1 {
+._1ldhlar1-3-1-0 {
   font-family: var(--dt-typography-text-small-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-emphasized-size, 12px);
   line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
@@ -13,7 +13,7 @@
   margin: 0;
   padding: 0;
 }
-._1p9126h2-3-0-1 {
+._1ldhlar2-3-1-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/Header.js

@@ -16,6 +16,7 @@ import {
 import { useExternalConfig } from "../../contexts/ExternalConfigContext.js";
 import { useDefaultConfig } from "../../hooks/useDefaultConfig.js";
 import { useDefaultLabels } from "../../hooks/useDefaultLabels.js";
+import { divider } from "../../tooltip.sty.js";
 const getValue = (data) => {
   if (data === void 0) {
     return void 0;
@@ -58,7 +59,7 @@ const Header = (props) => {
       ] }),
       subheaderContent && /* @__PURE__ */ jsx("p", { className: headerSubText, children: subheaderContent })
     ] }),
-    displayHeaderDivider && /* @__PURE__ */ jsx(Divider, { orientation: "horizontal" }, "divider")
+    displayHeaderDivider && /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", className: divider }, "divider")
   ] });
 };
 export {

package/esm/charts/core/components/overlay-tooltip/components/header/Header.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/Header.tsx"],
+  "sourcesContent": ["import { isArray, isEmpty, isNil } from 'lodash-es';\n\nimport { headerContainer, headerSubText, headerText } from './Header.sty.js';\nimport { Divider } from '../../../../../../layouts/divider/Divider.js';\nimport { HeaderData, TooltipValue } from '../../types.js';\nimport { HeaderProps } from './types/header.js';\nimport {\n  isFromTo,\n  isNonEmptyRange,\n  isSingleValue,\n} from './types/type-guards.js';\nimport { getDurationContent } from './utils/get-duration-content.js';\nimport { getShowRangeDuration } from './utils/get-show-range-duration.js';\nimport {\n  defaultLabelFormatterStrategy,\n  formatValueRange,\n} from './utils/value-formatters.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useDefaultConfig } from '../../hooks/useDefaultConfig.js';\nimport { useDefaultLabels } from '../../hooks/useDefaultLabels.js';\nimport { divider } from '../../tooltip.sty.js';\n\nconst getValue = (\n  data?: HeaderData,\n): TooltipValue | [TooltipValue, TooltipValue] | undefined => {\n  if (data === undefined) {\n    return undefined;\n  }\n  if (isSingleValue(data)) {\n    return isArray(data) ? data[0] : data;\n  } else if (isFromTo(data)) {\n    return data;\n  }\n};\n\nconst getNonGeometryHeader = (value: HeaderData) => {\n  if (isNonEmptyRange(value)) {\n    return formatValueRange;\n  }\n\n  return defaultLabelFormatterStrategy;\n};\nexport const Header = (props: HeaderProps) => {\n  const { header1, subheader, label } = props;\n  const labelFor = useDefaultLabels();\n  const defaultConfig = useDefaultConfig();\n  const defaultStrategy =\n    defaultConfig?.headerFormatStrategy ?? defaultLabelFormatterStrategy;\n  const { displayHeaderDivider } = useExternalConfig();\n  if (\n    (isNil(header1) || isEmpty(header1)) &&\n    (isNil(subheader) || isEmpty(subheader))\n  ) {\n    return null;\n  }\n\n  const showRangeDuration = getShowRangeDuration(defaultConfig, props);\n  const value = getValue(header1);\n  const subheaderValue = getValue(subheader);\n\n  const formatStrategy = defaultStrategy ?? getNonGeometryHeader(header1);\n\n  const formattedValue = formatStrategy(value);\n\n  const headerLabel = labelFor?.('headerLabel', label);\n  const headerContent = headerLabel\n    ? `${headerLabel}: ${formattedValue}`\n    : formattedValue;\n\n  const subheaderContent = subheaderValue\n    ? formatStrategy(subheader)\n    : undefined;\n  const durationContent = getDurationContent(showRangeDuration, header1);\n\n  return (\n    <>\n      <div className={headerContainer}>\n        <p className={headerText}>\n          {headerContent}\n          {durationContent && (\n            <span className={headerSubText}>{` (${durationContent})`}</span>\n          )}\n        </p>\n\n        {subheaderContent && (\n          <p className={headerSubText}>{subheaderContent}</p>\n        )}\n      </div>\n      {displayHeaderDivider && (\n        <Divider orientation=\"horizontal\" key=\"divider\" className={divider} />\n      )}\n    </>\n  );\n};\n"],
+  "mappings": "AA2EI,mBAKQ,KAHJ,YAFJ;AA3EJ,SAAS,SAAS,SAAS,aAAa;AAExC,SAAS,iBAAiB,eAAe,kBAAkB;AAC3D,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,eAAe;AAExB,MAAM,WAAW,CACf,SAC4D;AAC5D,MAAI,SAAS,QAAW;AACtB,WAAO;AAAA,EACT;AACA,MAAI,cAAc,IAAI,GAAG;AACvB,WAAO,QAAQ,IAAI,IAAI,KAAK,CAAC,IAAI;AAAA,EACnC,WAAW,SAAS,IAAI,GAAG;AACzB,WAAO;AAAA,EACT;AACF;AAEA,MAAM,uBAAuB,CAAC,UAAsB;AAClD,MAAI,gBAAgB,KAAK,GAAG;AAC1B,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AACO,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,EAAE,SAAS,WAAW,MAAM,IAAI;AACtC,QAAM,WAAW,iBAAiB;AAClC,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,kBACJ,eAAe,wBAAwB;AACzC,QAAM,EAAE,qBAAqB,IAAI,kBAAkB;AACnD,OACG,MAAM,OAAO,KAAK,QAAQ,OAAO,OACjC,MAAM,SAAS,KAAK,QAAQ,SAAS,IACtC;AACA,WAAO;AAAA,EACT;AAEA,QAAM,oBAAoB,qBAAqB,eAAe,KAAK;AACnE,QAAM,QAAQ,SAAS,OAAO;AAC9B,QAAM,iBAAiB,SAAS,SAAS;AAEzC,QAAM,iBAAiB,mBAAmB,qBAAqB,OAAO;AAEtE,QAAM,iBAAiB,eAAe,KAAK;AAE3C,QAAM,cAAc,WAAW,eAAe,KAAK;AACnD,QAAM,gBAAgB,cAClB,GAAG,WAAW,KAAK,cAAc,KACjC;AAEJ,QAAM,mBAAmB,iBACrB,eAAe,SAAS,IACxB;AACJ,QAAM,kBAAkB,mBAAmB,mBAAmB,OAAO;AAErE,SACE,iCACE;AAAA,yBAAC,SAAI,WAAW,iBACd;AAAA,2BAAC,OAAE,WAAW,YACX;AAAA;AAAA,QACA,mBACC,oBAAC,UAAK,WAAW,eAAgB,eAAK,eAAe,KAAI;AAAA,SAE7D;AAAA,MAEC,oBACC,oBAAC,OAAE,WAAW,eAAgB,4BAAiB;AAAA,OAEnD;AAAA,IACC,wBACC,oBAAC,WAAQ,aAAY,cAA2B,WAAW,WAArB,SAA8B;AAAA,KAExE;AAEJ;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/Header.sty.js

@@ -1,7 +1,7 @@
 import "./Header.css";
-var headerContainer = "_1p9126h0-3-0-1";
-var headerSubText = "_1p9126h2-3-0-1";
-var headerText = "_1p9126h1-3-0-1";
+var headerContainer = "_1ldhlar0-3-1-0";
+var headerSubText = "_1ldhlar2-3-1-0";
+var headerText = "_1ldhlar1-3-1-0";
 export {
   headerContainer,
   headerSubText,

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/Header.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/Header/Header.css.ts"],
-  "sourcesContent": ["import './Header.css';\nexport var headerContainer = '_1p9126h0-3-0-1';\nexport var headerSubText = '_1p9126h2-3-0-1';\nexport var headerText = '_1p9126h1-3-0-1';"],
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/Header.css.ts"],
+  "sourcesContent": ["import './Header.css';\nexport var headerContainer = '_1ldhlar0-3-1-0';\nexport var headerSubText = '_1ldhlar2-3-1-0';\nexport var headerText = '_1ldhlar1-3-1-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/header/hooks/use-format-strategy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/hooks/use-format-strategy.ts"],
+  "sourcesContent": ["import { useDefaultConfig } from '../../../hooks/useDefaultConfig.js';\nimport type { FormatStrategy } from '../../../types.js';\nimport { defaultLabelFormatterStrategy } from '../utils/value-formatters.js';\n\nexport const useFormatStrategy = (): FormatStrategy => {\n  const defaultConfig = useDefaultConfig();\n\n  return defaultConfig?.headerFormatStrategy ?? defaultLabelFormatterStrategy;\n};\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AAEjC,SAAS,qCAAqC;AAEvC,MAAM,oBAAoB,MAAsB;AACrD,QAAM,gBAAgB,iBAAiB;AAEvC,SAAO,eAAe,wBAAwB;AAChD;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/types/type-guards.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/Header/types/type-guards.ts"],
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/types/type-guards.ts"],
   "sourcesContent": ["import { isNil, isUndefined } from 'lodash-es';\n\nimport type { HeaderData, TooltipValue } from '../../../types.js';\n\ntype DefinedTooltipData = string | number | Date;\n\nexport const isDateRange = (data: HeaderData): data is [Date, Date] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => item instanceof Date)\n  );\n};\n\nexport const isNumericRange = (data: HeaderData): data is [number, number] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => typeof item === 'number')\n  );\n};\n\nexport const isStringRange = (data: HeaderData): data is [string, string] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => typeof item === 'string')\n  );\n};\n\nexport const isNonEmptyRange = (\n  data: HeaderData,\n): data is [DefinedTooltipData, DefinedTooltipData] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => !isUndefined(item))\n  );\n};\n\nexport const isFromTo = (\n  data: HeaderData,\n): data is [TooltipValue, TooltipValue] => {\n  return (\n    data instanceof Array &&\n    data.length === 2 &&\n    data.every((item) => !isNil(item))\n  );\n};\nexport const isSingleValue = (\n  data: HeaderData,\n): data is TooltipValue | [TooltipValue] =>\n  (data instanceof Array && data.length === 1 && !isNil(data[0])) ||\n  (!(data instanceof Array) && !isNil(data));\n"],
   "mappings": "AAAA,SAAS,OAAO,mBAAmB;AAM5B,MAAM,cAAc,CAAC,SAA2C;AACrE,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,gBAAgB,IAAI;AAE7C;AAEO,MAAM,iBAAiB,CAAC,SAA+C;AAC5E,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,OAAO,SAAS,QAAQ;AAEjD;AAEO,MAAM,gBAAgB,CAAC,SAA+C;AAC3E,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,OAAO,SAAS,QAAQ;AAEjD;AAEO,MAAM,kBAAkB,CAC7B,SACqD;AACrD,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC;AAE3C;AAEO,MAAM,WAAW,CACtB,SACyC;AACzC,SACE,gBAAgB,SAChB,KAAK,WAAW,KAChB,KAAK,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC;AAErC;AACO,MAAM,gBAAgB,CAC3B,SAEC,gBAAgB,SAAS,KAAK,WAAW,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,KAC5D,EAAE,gBAAgB,UAAU,CAAC,MAAM,IAAI;",
   "names": []

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/utils/format-date-range.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/Header/utils/format-date-range.ts"],
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/format-date-range.ts"],
   "sourcesContent": ["import {\n  isSameDay,\n  isSameHour,\n  isSameMinute,\n  isSameMonth,\n  isSameYear,\n} from 'date-fns';\n\nimport { formatDate } from '@dynatrace-sdk/units';\n\nimport { formatDateTicks } from '../../../../../utils/format-date-ticks.js';\nimport {\n  formatWeekday,\n  formatYear,\n} from '../../../../../utils/format-dates.js';\n\nconst shouldIncludeSeconds = (date: Date): boolean => date.getSeconds() !== 0;\n\nconst createFullDateTimeFormatOptions = (includeSeconds: boolean) => ({\n  day: '2-digit' as const,\n  month: 'short' as const,\n  year: 'numeric' as const,\n  hour: '2-digit' as const,\n  minute: '2-digit' as const,\n  second: includeSeconds ? ('numeric' as const) : undefined,\n});\n\nconst formatRange = (from: string, to: string, prefix?: string): string => {\n  const base = `${from} - ${to}`;\n  return prefix ? `${prefix}, ${base}` : base;\n};\n\nconst formatTimeRange = (from: Date, to: Date): string => {\n  return formatRange(formatDateTicks(from), formatDateTicks(to));\n};\n\nconst formatHourRange = (from: Date, to: Date): string => {\n  const commonDay = formatDate(from, {\n    day: '2-digit',\n    month: 'short',\n    year: 'numeric',\n  });\n  const fromHour = formatDate(from, { hour: '2-digit' });\n  const toHour = formatDate(to, { hour: '2-digit' });\n  return formatRange(fromHour, toHour, commonDay);\n};\n\nconst formatDayRange = (from: Date, to: Date): string => {\n  const commonMonth = formatDate(from, {\n    month: 'short',\n    year: 'numeric',\n  });\n  const fromDay = formatDate(from, { day: '2-digit' });\n  const toDay = formatDate(to, { day: '2-digit' });\n  return formatRange(fromDay, toDay, commonMonth);\n};\n\nconst formatYearRange = (from: Date, to: Date): string => {\n  const commonYear = formatYear(from.getTime());\n  const fromWeekday = formatWeekday(from.getTime());\n  const toWeekday = formatWeekday(to.getTime());\n  return formatRange(fromWeekday, toWeekday, commonYear);\n};\n\nexport const formatDateRange = (from: Date, to: Date): string => {\n  if (isSameMinute(from, to)) {\n    return formatTimeRange(from, to);\n  }\n  if (isSameHour(from, to)) {\n    const weekday = formatWeekday(from.getDay());\n    return formatRange(formatDateTicks(from), formatDateTicks(to), weekday);\n  }\n  if (isSameDay(from, to)) {\n    return formatHourRange(from, to);\n  }\n  if (isSameMonth(from, to)) {\n    return formatDayRange(from, to);\n  }\n  if (isSameYear(from, to)) {\n    return formatYearRange(from, to);\n  }\n\n  const fromFull = formatDate(\n    from,\n    createFullDateTimeFormatOptions(shouldIncludeSeconds(from)),\n  );\n  const toFull = formatDate(\n    to,\n    createFullDateTimeFormatOptions(shouldIncludeSeconds(to)),\n  );\n  return formatRange(fromFull, toFull);\n};\n"],
   "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,uBAAuB,CAAC,SAAwB,KAAK,WAAW,MAAM;AAE5E,MAAM,kCAAkC,CAAC,oBAA6B;AAAA,EACpE,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ,iBAAkB,YAAsB;AAClD;AAEA,MAAM,cAAc,CAAC,MAAc,IAAY,WAA4B;AACzE,QAAM,OAAO,GAAG,IAAI,MAAM,EAAE;AAC5B,SAAO,SAAS,GAAG,MAAM,KAAK,IAAI,KAAK;AACzC;AAEA,MAAM,kBAAkB,CAAC,MAAY,OAAqB;AACxD,SAAO,YAAY,gBAAgB,IAAI,GAAG,gBAAgB,EAAE,CAAC;AAC/D;AAEA,MAAM,kBAAkB,CAAC,MAAY,OAAqB;AACxD,QAAM,YAAY,WAAW,MAAM;AAAA,IACjC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,QAAM,WAAW,WAAW,MAAM,EAAE,MAAM,UAAU,CAAC;AACrD,QAAM,SAAS,WAAW,IAAI,EAAE,MAAM,UAAU,CAAC;AACjD,SAAO,YAAY,UAAU,QAAQ,SAAS;AAChD;AAEA,MAAM,iBAAiB,CAAC,MAAY,OAAqB;AACvD,QAAM,cAAc,WAAW,MAAM;AAAA,IACnC,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,QAAM,UAAU,WAAW,MAAM,EAAE,KAAK,UAAU,CAAC;AACnD,QAAM,QAAQ,WAAW,IAAI,EAAE,KAAK,UAAU,CAAC;AAC/C,SAAO,YAAY,SAAS,OAAO,WAAW;AAChD;AAEA,MAAM,kBAAkB,CAAC,MAAY,OAAqB;AACxD,QAAM,aAAa,WAAW,KAAK,QAAQ,CAAC;AAC5C,QAAM,cAAc,cAAc,KAAK,QAAQ,CAAC;AAChD,QAAM,YAAY,cAAc,GAAG,QAAQ,CAAC;AAC5C,SAAO,YAAY,aAAa,WAAW,UAAU;AACvD;AAEO,MAAM,kBAAkB,CAAC,MAAY,OAAqB;AAC/D,MAAI,aAAa,MAAM,EAAE,GAAG;AAC1B,WAAO,gBAAgB,MAAM,EAAE;AAAA,EACjC;AACA,MAAI,WAAW,MAAM,EAAE,GAAG;AACxB,UAAM,UAAU,cAAc,KAAK,OAAO,CAAC;AAC3C,WAAO,YAAY,gBAAgB,IAAI,GAAG,gBAAgB,EAAE,GAAG,OAAO;AAAA,EACxE;AACA,MAAI,UAAU,MAAM,EAAE,GAAG;AACvB,WAAO,gBAAgB,MAAM,EAAE;AAAA,EACjC;AACA,MAAI,YAAY,MAAM,EAAE,GAAG;AACzB,WAAO,eAAe,MAAM,EAAE;AAAA,EAChC;AACA,MAAI,WAAW,MAAM,EAAE,GAAG;AACxB,WAAO,gBAAgB,MAAM,EAAE;AAAA,EACjC;AAEA,QAAM,WAAW;AAAA,IACf;AAAA,IACA,gCAAgC,qBAAqB,IAAI,CAAC;AAAA,EAC5D;AACA,QAAM,SAAS;AAAA,IACb;AAAA,IACA,gCAAgC,qBAAqB,EAAE,CAAC;AAAA,EAC1D;AACA,SAAO,YAAY,UAAU,MAAM;AACrC;",
   "names": []

package/esm/charts/core/components/overlay-tooltip/components/header/utils/format-value.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/format-value.ts"],
+  "sourcesContent": ["import {\n  defaultLabelFormatterStrategy,\n  formatValueRange,\n  getSingleValue,\n} from './value-formatters.js';\nimport type { HeaderData } from '../../../types.js';\nimport { isNonEmptyRange } from '../types/type-guards.js';\n\nexport const dotFormatterStrategy = (value: HeaderData) => {\n  if (isNonEmptyRange(value)) {\n    return formatValueRange(value);\n  }\n\n  const returnValue = getSingleValue(value);\n  return returnValue.toString();\n};\n\nexport const getFormatStrategy = (value: HeaderData) => {\n  if (isNonEmptyRange(value)) {\n    return formatValueRange;\n  }\n\n  return defaultLabelFormatterStrategy;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB;AAEzB,MAAM,uBAAuB,CAAC,UAAsB;AACzD,MAAI,gBAAgB,KAAK,GAAG;AAC1B,WAAO,iBAAiB,KAAK;AAAA,EAC/B;AAEA,QAAM,cAAc,eAAe,KAAK;AACxC,SAAO,YAAY,SAAS;AAC9B;AAEO,MAAM,oBAAoB,CAAC,UAAsB;AACtD,MAAI,gBAAgB,KAAK,GAAG;AAC1B,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/utils/get-duration-content.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/Header/utils/get-duration-content.ts"],
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/get-duration-content.ts"],
   "sourcesContent": ["import { formatResolution } from '../../../../tooltip/utils/resolution-formatter.js';\nimport type { HeaderData } from '../../../types.js';\nimport { isDateRange, isNumericRange } from '../types/type-guards.js';\n\nconst DISPLAY_UNITS_LIMIT = 3;\nexport const getDurationContent = (\n  showRangeDuration: boolean,\n  value: HeaderData,\n) => {\n  if (!showRangeDuration) {\n    return null;\n  }\n\n  if (isDateRange(value)) {\n    return formatResolution(value[0], value[1], DISPLAY_UNITS_LIMIT);\n  }\n\n  if (isNumericRange(value)) {\n    return Math.abs(value[1] - value[0]);\n  }\n\n  return null;\n};\n"],
   "mappings": "AAAA,SAAS,wBAAwB;AAEjC,SAAS,aAAa,sBAAsB;AAE5C,MAAM,sBAAsB;AACrB,MAAM,qBAAqB,CAChC,mBACA,UACG;AACH,MAAI,CAAC,mBAAmB;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,YAAY,KAAK,GAAG;AACtB,WAAO,iBAAiB,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,mBAAmB;AAAA,EACjE;AAEA,MAAI,eAAe,KAAK,GAAG;AACzB,WAAO,KAAK,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC;AAAA,EACrC;AAEA,SAAO;AACT;",
   "names": []

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/utils/get-show-range-duration.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/Header/utils/get-show-range-duration.ts"],
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/get-show-range-duration.ts"],
   "sourcesContent": ["import { DefaultConfigByGeometry } from '../../../types.js';\nimport { HeaderProps } from '../types/header.js';\n\nexport const getShowRangeDuration = (\n  defaultConfig: DefaultConfigByGeometry[keyof DefaultConfigByGeometry] | null,\n  props: HeaderProps,\n) => defaultConfig?.headerShowRangeDuration ?? props.showRangeDuration ?? false;\n"],
   "mappings": "AAGO,MAAM,uBAAuB,CAClC,eACA,UACG,eAAe,2BAA2B,MAAM,qBAAqB;",
   "names": []

package/esm/charts/core/components/overlay-tooltip/components/{Header → header}/utils/value-formatters.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/Header/utils/value-formatters.ts"],
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/header/utils/value-formatters.ts"],
   "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { formatDateRange } from './format-date-range.js';\nimport type { HeaderData } from '../../../types.js';\nimport {\n  isDateRange,\n  isNonEmptyRange,\n  isSingleValue,\n} from '../types/type-guards.js';\n\nexport const getSingleValue = (value: HeaderData): string => {\n  if (isSingleValue(value)) {\n    const rawValue = Array.isArray(value) ? value[0] : value;\n    return isUndefined(rawValue) ? '' : rawValue.toString();\n  }\n\n  return '';\n};\n\nexport const defaultLabelFormatterStrategy = (\n  value: HeaderData,\n  label?: string,\n): string => {\n  const returnValue = getSingleValue(value);\n  return label ? `${label}: ${returnValue}` : returnValue.toString();\n};\n\nexport const emptyHeaderFormatter = (_: HeaderData): null => {\n  return null;\n};\n\nexport const formatValueRange = (values: HeaderData): string => {\n  if (isNonEmptyRange(values)) {\n    let base = `${values[0]} - ${values[1]}`;\n\n    if (isDateRange(values)) {\n      base = formatDateRange(values[0], values[1]);\n    }\n\n    return base;\n  }\n\n  if (!Array.isArray(values)) {\n    return !isUndefined(values) ? defaultLabelFormatterStrategy(values) : '';\n  }\n\n  if (values.some((i) => !isUndefined(i))) {\n    return defaultLabelFormatterStrategy(values[0] ?? values[1]);\n  }\n\n  return '';\n};\n"],
   "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,uBAAuB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,iBAAiB,CAAC,UAA8B;AAC3D,MAAI,cAAc,KAAK,GAAG;AACxB,UAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,MAAM,CAAC,IAAI;AACnD,WAAO,YAAY,QAAQ,IAAI,KAAK,SAAS,SAAS;AAAA,EACxD;AAEA,SAAO;AACT;AAEO,MAAM,gCAAgC,CAC3C,OACA,UACW;AACX,QAAM,cAAc,eAAe,KAAK;AACxC,SAAO,QAAQ,GAAG,KAAK,KAAK,WAAW,KAAK,YAAY,SAAS;AACnE;AAEO,MAAM,uBAAuB,CAAC,MAAwB;AAC3D,SAAO;AACT;AAEO,MAAM,mBAAmB,CAAC,WAA+B;AAC9D,MAAI,gBAAgB,MAAM,GAAG;AAC3B,QAAI,OAAO,GAAG,OAAO,CAAC,CAAC,MAAM,OAAO,CAAC,CAAC;AAEtC,QAAI,YAAY,MAAM,GAAG;AACvB,aAAO,gBAAgB,OAAO,CAAC,GAAG,OAAO,CAAC,CAAC;AAAA,IAC7C;AAEA,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,MAAM,QAAQ,MAAM,GAAG;AAC1B,WAAO,CAAC,YAAY,MAAM,IAAI,8BAA8B,MAAM,IAAI;AAAA,EACxE;AAEA,MAAI,OAAO,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG;AACvC,WAAO,8BAA8B,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC;AAAA,EAC7D;AAEA,SAAO;AACT;",
   "names": []

package/esm/charts/core/components/overlay-tooltip/components/{Series.js → series/Series.js}

@@ -2,12 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import clsx from "clsx";
 import { Fragment, useRef } from "react";
-import { useExternalConfig } from "../contexts/ExternalConfigContext.js";
+import { useExternalConfig } from "../../contexts/ExternalConfigContext.js";
+import { useSelector } from "../../selectors.js";
 import {
-  seriesItemActive,
+  seriesItemHighlighted,
   seriesOverflowContainer,
   seriesWrapper
-} from "../tooltip.sty.js";
+} from "../../tooltip.sty.js";
 const Series = (props) => {
   const { data, seriesItemTemplate, variant, activeItem } = props;
   const config = useExternalConfig();
@@ -28,6 +29,7 @@ const Series = (props) => {
 };
 const SeriesWithVirtualizer = (props) => {
   const { data, seriesItemTemplate, activeItem } = props;
+  const isItemSelected = useSelector(({ activeSeries }) => !!activeSeries);
   const parentRef = useRef(null);
   const virtualizer = useVirtualizer({
     count: data.length,
@@ -51,7 +53,9 @@ const SeriesWithVirtualizer = (props) => {
           return /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx(item.index === activeItem && seriesItemActive),
+              className: clsx(
+                item.index === activeItem && !isItemSelected && seriesItemHighlighted
+              ),
               style: {
                 position: "absolute",
                 top: 0,

package/esm/charts/core/components/overlay-tooltip/components/series/Series.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/Series.tsx"],
+  "sourcesContent": ["import { useVirtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { Fragment, useRef, type JSX } from 'react';\n\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useSelector } from '../../selectors.js';\nimport {\n  seriesItemHighlighted,\n  seriesOverflowContainer,\n  seriesWrapper,\n} from '../../tooltip.sty.js';\n\nexport const Series = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  variant?: 'shared' | 'single';\n  activeItem: number;\n}) => {\n  const { data, seriesItemTemplate, variant, activeItem } = props;\n  const config = useExternalConfig();\n  if (variant !== 'shared' || data.length === 1) {\n    return [\n      <Fragment key=\"seriesHeader\">{config.seriesHeader}</Fragment>,\n      <Fragment key=\"series\">{seriesItemTemplate(data[0])}</Fragment>,\n    ];\n  }\n\n  return (\n    <SeriesWithVirtualizer\n      data={data}\n      activeItem={activeItem}\n      seriesItemTemplate={seriesItemTemplate}\n    />\n  );\n};\n\nconst SeriesWithVirtualizer = <T extends Record<string, unknown>>(props: {\n  data: T[];\n  seriesItemTemplate: (item: T) => JSX.Element;\n  activeItem: number;\n}) => {\n  const { data, seriesItemTemplate, activeItem } = props;\n  const isItemSelected = useSelector(({ activeSeries }) => !!activeSeries);\n  const parentRef = useRef(null);\n\n  const virtualizer = useVirtualizer({\n    count: data.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => 24,\n    paddingStart: 24,\n    paddingEnd: 0,\n    overscan: 3,\n  });\n  const config = useExternalConfig();\n\n  return (\n    <div ref={parentRef} className={seriesWrapper}>\n      <div\n        className={seriesOverflowContainer}\n        style={{\n          height: `${virtualizer.getTotalSize()}px`,\n        }}\n      >\n        {config.seriesHeader}\n        {virtualizer.getVirtualItems().map((item) => {\n          return (\n            <div\n              key={item.key}\n              className={clsx(\n                item.index === activeItem &&\n                  !isItemSelected &&\n                  seriesItemHighlighted,\n              )}\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                width: '100%',\n                height: `${item.size}px`,\n                transform: `translateY(${item.start}px)`,\n              }}\n            >\n              {seriesItemTemplate(data[item.index])}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "AAsBM,cAmCA,YAnCA;AAtBN,SAAS,sBAAsB;AAC/B,OAAO,UAAU;AACjB,SAAS,UAAU,cAAwB;AAE3C,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,SAAS,CAAoC,UAKpD;AACJ,QAAM,EAAE,MAAM,oBAAoB,SAAS,WAAW,IAAI;AAC1D,QAAM,SAAS,kBAAkB;AACjC,MAAI,YAAY,YAAY,KAAK,WAAW,GAAG;AAC7C,WAAO;AAAA,MACL,oBAAC,YAA6B,iBAAO,gBAAvB,cAAoC;AAAA,MAClD,oBAAC,YAAuB,6BAAmB,KAAK,CAAC,CAAC,KAApC,QAAsC;AAAA,IACtD;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,wBAAwB,CAAoC,UAI5D;AACJ,QAAM,EAAE,MAAM,oBAAoB,WAAW,IAAI;AACjD,QAAM,iBAAiB,YAAY,CAAC,EAAE,aAAa,MAAM,CAAC,CAAC,YAAY;AACvE,QAAM,YAAY,OAAO,IAAI;AAE7B,QAAM,cAAc,eAAe;AAAA,IACjC,OAAO,KAAK;AAAA,IACZ,kBAAkB,MAAM,UAAU;AAAA,IAClC,cAAc,MAAM;AAAA,IACpB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,SAAS,kBAAkB;AAEjC,SACE,oBAAC,SAAI,KAAK,WAAW,WAAW,eAC9B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL,QAAQ,GAAG,YAAY,aAAa,CAAC;AAAA,MACvC;AAAA,MAEC;AAAA,eAAO;AAAA,QACP,YAAY,gBAAgB,EAAE,IAAI,CAAC,SAAS;AAC3C,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,gBACT,KAAK,UAAU,cACb,CAAC,kBACD;AAAA,cACJ;AAAA,cACA,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,QAAQ,GAAG,KAAK,IAAI;AAAA,gBACpB,WAAW,cAAc,KAAK,KAAK;AAAA,cACrC;AAAA,cAEC,6BAAmB,KAAK,KAAK,KAAK,CAAC;AAAA;AAAA,YAf/B,KAAK;AAAA,UAgBZ;AAAA,QAEJ,CAAC;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/SeriesActionsHeader.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { seriesActionHeader } from "../../tooltip.sty.js";
+const SeriesActionsHeader = (props) => {
+  return /* @__PURE__ */ jsx("div", { className: seriesActionHeader, children: props.text }, "text");
+};
+export {
+  SeriesActionsHeader
+};
+//# sourceMappingURL=SeriesActionsHeader.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/SeriesActionsHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/SeriesActionsHeader.tsx"],
+  "sourcesContent": ["import { seriesActionHeader } from '../../tooltip.sty.js';\n\nexport const SeriesActionsHeader = (props: { text: string }) => {\n  return (\n    <div key=\"text\" className={seriesActionHeader}>\n      {props.text}\n    </div>\n  );\n};\n"],
+  "mappings": "AAII;AAJJ,SAAS,0BAA0B;AAE5B,MAAM,sBAAsB,CAAC,UAA4B;AAC9D,SACE,oBAAC,SAAe,WAAW,oBACxB,gBAAM,QADA,MAET;AAEJ;",
+  "names": []
+}