@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.css.ts"],
-  "sourcesContent": ["import './InnerDonut.css';\nexport var container = '_1gn0gqx0-3-5-2';"],
+  "sourcesContent": ["import './InnerDonut.css';\nexport var container = '_1gn0gqx0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.css

@@ -1,4 +1,4 @@
-._jxp4cr0-3-5-2 {
+._jxp4cr0-3-7-0 {
   position: relative;
   height: 100%;
   z-index: 1;

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js

@@ -1,5 +1,5 @@
 import "./PieChartOverlays.css";
-var container = "_jxp4cr0-3-5-2";
+var container = "_jxp4cr0-3-7-0";
 export {
   container
 };

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartOverlays/PieChartOverlays.css.ts"],
-  "sourcesContent": ["import './PieChartOverlays.css';\nexport var container = '_jxp4cr0-3-5-2';"],
+  "sourcesContent": ["import './PieChartOverlays.css';\nexport var container = '_jxp4cr0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.css

@@ -1,3 +1,3 @@
-._1iotdmn0-3-5-2 {
+._1iotdmn0-3-7-0 {
   position: relative;
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.sty.js

@@ -1,5 +1,5 @@
 import "./PieChartPlot.css";
-var container = "_1iotdmn0-3-5-2";
+var container = "_1iotdmn0-3-7-0";
 export {
   container
 };

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartPlot/PieChartPlot.css.ts"],
-  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-5-2';"],
+  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/hooks/usePieHandlers.js

@@ -1,18 +1,18 @@
 import { useSetHighlightedIdState } from "./store/use-set-highlighted-ids-state.js";
 import { useSetVisibleSlicesState } from "./store/use-set-visible-slices-state.js";
-import { useTooltipReducer } from "../../core/components/overlay-tooltip/useTooltipReducer.js";
+import { useTooltipActions } from "../../core/components/overlay-tooltip/useTooltipActions.js";
 import { getSlicesMap } from "../utils/get-slices-map.js";
 import { getSlicesWithRelativeValues } from "../utils/plot-data.utils.js";
 function usePieHandlers(data) {
   const setVisibleSlicesState = useSetVisibleSlicesState();
   const setHighlightedIdState = useSetHighlightedIdState();
-  const dispatch = useTooltipReducer();
+  const { reset } = useTooltipActions();
   const slicesMap = getSlicesMap(data);
   const onLegendItemHover = (hoveredSeries) => {
     setHighlightedIdState(hoveredSeries?.id);
   };
   const onLegendItemClicked = (visibleSlices) => {
-    dispatch({ type: "RESET_TOOLTIP" })();
+    reset();
     const newVisibleSlices = visibleSlices.map(
       (legendItem) => ({
         ...slicesMap.get(legendItem.id)

package/esm/charts/pie/hooks/usePieHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/hooks/usePieHandlers.ts"],
-  "sourcesContent": ["import { useSetHighlightedIdState } from './store/use-set-highlighted-ids-state.js';\nimport { useSetVisibleSlicesState } from './store/use-set-visible-slices-state.js';\nimport { LegendItem } from '../../core/components/legend/categorical/types/legend.js';\nimport { useTooltipReducer } from '../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { getSlicesMap } from '../utils/get-slices-map.js';\nimport { getSlicesWithRelativeValues } from '../utils/plot-data.utils.js';\n\n/**\n * Hook that generates the corresponding handlers to interact with the Pie\n * @param data - array of the pie slices\n * @returns Handlers to interact with the Pie slices\n */\nexport function usePieHandlers(data: InternalSliceData[]) {\n  const setVisibleSlicesState = useSetVisibleSlicesState();\n  const setHighlightedIdState = useSetHighlightedIdState();\n  const dispatch = useTooltipReducer();\n\n  const slicesMap = getSlicesMap(data);\n\n  const onLegendItemHover = (hoveredSeries?: LegendItem) => {\n    setHighlightedIdState(hoveredSeries?.id);\n  };\n\n  const onLegendItemClicked = (visibleSlices: LegendItem[]) => {\n    dispatch({ type: 'RESET_TOOLTIP' })();\n\n    const newVisibleSlices: InternalSliceData[] = visibleSlices.map(\n      (legendItem) => ({\n        ...(slicesMap.get(legendItem.id) as InternalSliceData),\n      }),\n    );\n\n    setVisibleSlicesState(\n      getSlicesWithRelativeValues(newVisibleSlices) as InternalSliceData[],\n    );\n  };\n\n  return { onLegendItemHover, onLegendItemClicked };\n}\n"],
-  "mappings": "AAAA,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAEzC,SAAS,yBAAyB;AAElC,SAAS,oBAAoB;AAC7B,SAAS,mCAAmC;AAOrC,SAAS,eAAe,MAA2B;AACxD,QAAM,wBAAwB,yBAAyB;AACvD,QAAM,wBAAwB,yBAAyB;AACvD,QAAM,WAAW,kBAAkB;AAEnC,QAAM,YAAY,aAAa,IAAI;AAEnC,QAAM,oBAAoB,CAAC,kBAA+B;AACxD,0BAAsB,eAAe,EAAE;AAAA,EACzC;AAEA,QAAM,sBAAsB,CAAC,kBAAgC;AAC3D,aAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAEpC,UAAM,mBAAwC,cAAc;AAAA,MAC1D,CAAC,gBAAgB;AAAA,QACf,GAAI,UAAU,IAAI,WAAW,EAAE;AAAA,MACjC;AAAA,IACF;AAEA;AAAA,MACE,4BAA4B,gBAAgB;AAAA,IAC9C;AAAA,EACF;AAEA,SAAO,EAAE,mBAAmB,oBAAoB;AAClD;",
+  "sourcesContent": ["import { useSetHighlightedIdState } from './store/use-set-highlighted-ids-state.js';\nimport { useSetVisibleSlicesState } from './store/use-set-visible-slices-state.js';\nimport { LegendItem } from '../../core/components/legend/categorical/types/legend.js';\nimport { useTooltipActions } from '../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { getSlicesMap } from '../utils/get-slices-map.js';\nimport { getSlicesWithRelativeValues } from '../utils/plot-data.utils.js';\n\n/**\n * Hook that generates the corresponding handlers to interact with the Pie\n * @param data - array of the pie slices\n * @returns Handlers to interact with the Pie slices\n */\nexport function usePieHandlers(data: InternalSliceData[]) {\n  const setVisibleSlicesState = useSetVisibleSlicesState();\n  const setHighlightedIdState = useSetHighlightedIdState();\n  const { reset } = useTooltipActions();\n\n  const slicesMap = getSlicesMap(data);\n\n  const onLegendItemHover = (hoveredSeries?: LegendItem) => {\n    setHighlightedIdState(hoveredSeries?.id);\n  };\n\n  const onLegendItemClicked = (visibleSlices: LegendItem[]) => {\n    reset();\n\n    const newVisibleSlices: InternalSliceData[] = visibleSlices.map(\n      (legendItem) => ({\n        ...(slicesMap.get(legendItem.id) as InternalSliceData),\n      }),\n    );\n\n    setVisibleSlicesState(\n      getSlicesWithRelativeValues(newVisibleSlices) as InternalSliceData[],\n    );\n  };\n\n  return { onLegendItemHover, onLegendItemClicked };\n}\n"],
+  "mappings": "AAAA,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AAEzC,SAAS,yBAAyB;AAElC,SAAS,oBAAoB;AAC7B,SAAS,mCAAmC;AAOrC,SAAS,eAAe,MAA2B;AACxD,QAAM,wBAAwB,yBAAyB;AACvD,QAAM,wBAAwB,yBAAyB;AACvD,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,QAAM,YAAY,aAAa,IAAI;AAEnC,QAAM,oBAAoB,CAAC,kBAA+B;AACxD,0BAAsB,eAAe,EAAE;AAAA,EACzC;AAEA,QAAM,sBAAsB,CAAC,kBAAgC;AAC3D,UAAM;AAEN,UAAM,mBAAwC,cAAc;AAAA,MAC1D,CAAC,gBAAgB;AAAA,QACf,GAAI,UAAU,IAAI,WAAW,EAAE;AAAA,MACjC;AAAA,IACF;AAEA;AAAA,MACE,4BAA4B,gBAAgB;AAAA,IAC9C;AAAA,EACF;AAEA,SAAO,EAAE,mBAAmB,oBAAoB;AAClD;",
   "names": []
 }

package/esm/charts/pie/hooks/useSliceHandlers.js

@@ -1,9 +1,6 @@
-import { useOverlay } from "../../core/components/overlay-tooltip/contexts/OverlayContext.js";
 import { useTooltip } from "../../core/components/overlay-tooltip/contexts/TooltipContext.js";
-import { useTooltipReducer } from "../../core/components/overlay-tooltip/useTooltipReducer.js";
-import { emptyData } from "../../core/components/overlay-tooltip/utils.js";
+import { useTooltipActions } from "../../core/components/overlay-tooltip/useTooltipActions.js";
 import { useEventErrorHandler } from "../../core/hooks/useEventErrorHandler.js";
-import { calculateMousePositions } from "../../core/utils/calculate-mouse-positions.js";
 import { getTooltipContent } from "../utils/get-tooltip-content.js";
 const buildTooltipData = (sliceId, data, handlerCatch, formatter) => {
   const tooltipContent = getTooltipContent(
@@ -31,8 +28,7 @@ const buildTooltipData = (sliceId, data, handlerCatch, formatter) => {
 function useSliceHandlers(sliceId, data, formatter) {
   const handlerCatch = useEventErrorHandler();
   const tooltipState = useTooltip();
-  const dispatchReducer = useTooltipReducer();
-  const { overlayRef } = useOverlay();
+  const { hover, pin, unpin, reset } = useTooltipActions();
   const onPointerMoveHandler = (event) => {
     if (tooltipState.getState().pinned || sliceId === "slice-thinner-slices") {
       return;
@@ -43,18 +39,12 @@ function useSliceHandlers(sliceId, data, formatter) {
       handlerCatch,
       formatter
     );
-    dispatchReducer({
-      type: "SET_POSITION",
-      payload: tooltipData
-    })({
-      clientX: event.clientX,
-      clientY: event.clientY
-    });
+    hover(event, tooltipData);
   };
   const onMouseClickHandler = (event) => {
     event.stopPropagation();
     if (sliceId === "slice-thinner-slices") {
-      dispatchReducer({ type: "RESET_TOOLTIP" })();
+      reset();
     } else {
       const tooltipData = buildTooltipData(
         sliceId,
@@ -63,34 +53,10 @@ function useSliceHandlers(sliceId, data, formatter) {
         formatter
       );
       if (tooltipState.getState().pinned) {
-        dispatchReducer({
-          type: "SET_PINNED",
-          payload: {
-            pinned: false,
-            data: emptyData()
-          }
-        })();
-        dispatchReducer({
-          type: "SET_POSITION",
-          payload: tooltipData
-        })({
-          clientX: event.clientX,
-          clientY: event.clientY
-        });
+        unpin();
+        hover(event, tooltipData);
       } else {
-        if (!overlayRef.current) {
-          return;
-        }
-        const position = calculateMousePositions(event, overlayRef.current);
-        dispatchReducer({
-          type: "SET_PINNED",
-          payload: {
-            pinned: true,
-            relativeX: position.relative.x,
-            relativeY: position.relative.y,
-            data: tooltipData
-          }
-        })();
+        pin(event, tooltipData);
       }
     }
   };

package/esm/charts/pie/hooks/useSliceHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/hooks/useSliceHandlers.ts"],
-  "sourcesContent": ["import { MouseEvent as ReactMouseEvent } from 'react';\n\nimport { useOverlay } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltip } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data } from '../../core/components/overlay-tooltip/types.js';\nimport { useTooltipReducer } from '../../core/components/overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../../core/components/overlay-tooltip/utils.js';\nimport { useEventErrorHandler } from '../../core/hooks/useEventErrorHandler.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport { calculateMousePositions } from '../../core/utils/calculate-mouse-positions.js';\nimport type { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { getTooltipContent } from '../utils/get-tooltip-content.js';\n\nconst buildTooltipData = (\n  sliceId: string,\n  data: InternalSliceData,\n  handlerCatch: (callback: unknown) => number,\n  formatter: Formatter,\n): Data => {\n  const tooltipContent = getTooltipContent(\n    sliceId,\n    data,\n    handlerCatch,\n    formatter,\n  );\n\n  return {\n    metadata: {\n      sliceId: data.id,\n    },\n    geometry: 'pie',\n    series: [\n      {\n        name: tooltipContent.name,\n        value: tooltipContent.absoluteValue,\n        color: tooltipContent.color,\n        relativeValue: tooltipContent.relativeValue,\n        relativeValueUnit: '%',\n      },\n    ],\n  };\n};\n\n/**\n * Hook that generates handlers for mouse interactions.\n * @param sliceId - Id of the slice.\n * @param data - Slice data for this slice.\n * @param formatter - Formatter to be used.\n * @returns Handlers to perform mouse interactions.\n */\nexport function useSliceHandlers(\n  sliceId: string,\n  data: InternalSliceData,\n  formatter: Formatter,\n) {\n  const handlerCatch = useEventErrorHandler();\n  const tooltipState = useTooltip();\n  const dispatchReducer = useTooltipReducer();\n  const { overlayRef } = useOverlay();\n\n  const onPointerMoveHandler = (event: ReactMouseEvent) => {\n    if (tooltipState.getState().pinned || sliceId === 'slice-thinner-slices') {\n      return;\n    }\n\n    const tooltipData = buildTooltipData(\n      sliceId,\n      data,\n      handlerCatch,\n      formatter,\n    );\n\n    dispatchReducer({\n      type: 'SET_POSITION',\n      payload: tooltipData,\n    })({\n      clientX: event.clientX,\n      clientY: event.clientY,\n    });\n  };\n\n  const onMouseClickHandler = (event: ReactMouseEvent) => {\n    event.stopPropagation();\n\n    if (sliceId === 'slice-thinner-slices') {\n      dispatchReducer({ type: 'RESET_TOOLTIP' })();\n    } else {\n      const tooltipData = buildTooltipData(\n        sliceId,\n        data,\n        handlerCatch,\n        formatter,\n      );\n\n      if (tooltipState.getState().pinned) {\n        dispatchReducer({\n          type: 'SET_PINNED',\n          payload: {\n            pinned: false,\n            data: emptyData(),\n          },\n        })();\n\n        dispatchReducer({\n          type: 'SET_POSITION',\n          payload: tooltipData,\n        })({\n          clientX: event.clientX,\n          clientY: event.clientY,\n        });\n      } else {\n        if (!overlayRef.current) {\n          return;\n        }\n\n        const position = calculateMousePositions(event, overlayRef.current);\n\n        dispatchReducer({\n          type: 'SET_PINNED',\n          payload: {\n            pinned: true,\n            relativeX: position.relative.x,\n            relativeY: position.relative.y,\n            data: tooltipData,\n          },\n        })();\n      }\n    }\n  };\n\n  return {\n    onPointerMoveHandler,\n    onMouseClickHandler,\n  };\n}\n"],
-  "mappings": "AAEA,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAErC,SAAS,+BAA+B;AAExC,SAAS,yBAAyB;AAElC,MAAM,mBAAmB,CACvB,SACA,MACA,cACA,cACS;AACT,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,MACR,SAAS,KAAK;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,MACN;AAAA,QACE,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,QACtB,OAAO,eAAe;AAAA,QACtB,eAAe,eAAe;AAAA,QAC9B,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF;AASO,SAAS,iBACd,SACA,MACA,WACA;AACA,QAAM,eAAe,qBAAqB;AAC1C,QAAM,eAAe,WAAW;AAChC,QAAM,kBAAkB,kBAAkB;AAC1C,QAAM,EAAE,WAAW,IAAI,WAAW;AAElC,QAAM,uBAAuB,CAAC,UAA2B;AACvD,QAAI,aAAa,SAAS,EAAE,UAAU,YAAY,wBAAwB;AACxE;AAAA,IACF;AAEA,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,oBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACX,CAAC,EAAE;AAAA,MACD,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,IACjB,CAAC;AAAA,EACH;AAEA,QAAM,sBAAsB,CAAC,UAA2B;AACtD,UAAM,gBAAgB;AAEtB,QAAI,YAAY,wBAAwB;AACtC,sBAAgB,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,IAC7C,OAAO;AACL,YAAM,cAAc;AAAA,QAClB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,UAAI,aAAa,SAAS,EAAE,QAAQ;AAClC,wBAAgB;AAAA,UACd,MAAM;AAAA,UACN,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,MAAM,UAAU;AAAA,UAClB;AAAA,QACF,CAAC,EAAE;AAEH,wBAAgB;AAAA,UACd,MAAM;AAAA,UACN,SAAS;AAAA,QACX,CAAC,EAAE;AAAA,UACD,SAAS,MAAM;AAAA,UACf,SAAS,MAAM;AAAA,QACjB,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,WAAW,SAAS;AACvB;AAAA,QACF;AAEA,cAAM,WAAW,wBAAwB,OAAO,WAAW,OAAO;AAElE,wBAAgB;AAAA,UACd,MAAM;AAAA,UACN,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,WAAW,SAAS,SAAS;AAAA,YAC7B,WAAW,SAAS,SAAS;AAAA,YAC7B,MAAM;AAAA,UACR;AAAA,QACF,CAAC,EAAE;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { MouseEvent as ReactMouseEvent } from 'react';\n\nimport { useTooltip } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data } from '../../core/components/overlay-tooltip/types.js';\nimport { useTooltipActions } from '../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { useEventErrorHandler } from '../../core/hooks/useEventErrorHandler.js';\nimport type { Formatter } from '../../core/types/formatter.js';\nimport type { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { getTooltipContent } from '../utils/get-tooltip-content.js';\n\nconst buildTooltipData = (\n  sliceId: string,\n  data: InternalSliceData,\n  handlerCatch: (callback: unknown) => number,\n  formatter: Formatter,\n): Data => {\n  const tooltipContent = getTooltipContent(\n    sliceId,\n    data,\n    handlerCatch,\n    formatter,\n  );\n\n  return {\n    metadata: {\n      sliceId: data.id,\n    },\n    geometry: 'pie',\n    series: [\n      {\n        name: tooltipContent.name,\n        value: tooltipContent.absoluteValue,\n        color: tooltipContent.color,\n        relativeValue: tooltipContent.relativeValue,\n        relativeValueUnit: '%',\n      },\n    ],\n  };\n};\n\n/**\n * Hook that generates handlers for mouse interactions.\n * @param sliceId - Id of the slice.\n * @param data - Slice data for this slice.\n * @param formatter - Formatter to be used.\n * @returns Handlers to perform mouse interactions.\n */\nexport function useSliceHandlers(\n  sliceId: string,\n  data: InternalSliceData,\n  formatter: Formatter,\n) {\n  const handlerCatch = useEventErrorHandler();\n  const tooltipState = useTooltip();\n  const { hover, pin, unpin, reset } = useTooltipActions();\n\n  const onPointerMoveHandler = (event: ReactMouseEvent) => {\n    if (tooltipState.getState().pinned || sliceId === 'slice-thinner-slices') {\n      return;\n    }\n\n    const tooltipData = buildTooltipData(\n      sliceId,\n      data,\n      handlerCatch,\n      formatter,\n    );\n\n    hover(event, tooltipData);\n  };\n\n  const onMouseClickHandler = (event: ReactMouseEvent) => {\n    event.stopPropagation();\n\n    if (sliceId === 'slice-thinner-slices') {\n      reset();\n    } else {\n      const tooltipData = buildTooltipData(\n        sliceId,\n        data,\n        handlerCatch,\n        formatter,\n      );\n\n      if (tooltipState.getState().pinned) {\n        unpin();\n        hover(event, tooltipData);\n      } else {\n        pin(event, tooltipData);\n      }\n    }\n  };\n\n  return {\n    onPointerMoveHandler,\n    onMouseClickHandler,\n  };\n}\n"],
+  "mappings": "AAEA,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AAGrC,SAAS,yBAAyB;AAElC,MAAM,mBAAmB,CACvB,SACA,MACA,cACA,cACS;AACT,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,MACR,SAAS,KAAK;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,MACN;AAAA,QACE,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,QACtB,OAAO,eAAe;AAAA,QACtB,eAAe,eAAe;AAAA,QAC9B,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF;AASO,SAAS,iBACd,SACA,MACA,WACA;AACA,QAAM,eAAe,qBAAqB;AAC1C,QAAM,eAAe,WAAW;AAChC,QAAM,EAAE,OAAO,KAAK,OAAO,MAAM,IAAI,kBAAkB;AAEvD,QAAM,uBAAuB,CAAC,UAA2B;AACvD,QAAI,aAAa,SAAS,EAAE,UAAU,YAAY,wBAAwB;AACxE;AAAA,IACF;AAEA,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,OAAO,WAAW;AAAA,EAC1B;AAEA,QAAM,sBAAsB,CAAC,UAA2B;AACtD,UAAM,gBAAgB;AAEtB,QAAI,YAAY,wBAAwB;AACtC,YAAM;AAAA,IACR,OAAO;AACL,YAAM,cAAc;AAAA,QAClB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,UAAI,aAAa,SAAS,EAAE,QAAQ;AAClC,cAAM;AACN,cAAM,OAAO,WAAW;AAAA,MAC1B,OAAO;AACL,YAAI,OAAO,WAAW;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

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

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

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

@@ -37,6 +37,8 @@ const SingleValueRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
     "data-testid": dataTestId,
+    "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedBy,
     applyThresholdBackground,
     ...restProps
   } = props;
@@ -80,7 +82,8 @@ const SingleValueRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       "data-testid": dataTestId,
       "data-dt-component": COMPONENT_NAME,
       ref,
-      "aria-label": SINGLE_VALUE_ARIA_LABEL,
+      "aria-label": ariaLabel ?? SINGLE_VALUE_ARIA_LABEL,
+      "aria-describedby": ariaDescribedBy,
       children: /* @__PURE__ */ jsx(
         SingleValueRenderer,
         {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value/SingleValue.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { SINGLE_VALUE_ARIA_LABEL } from './defaults.js';\nimport { useSingleValueConfig } from './hooks/use-single-value-config.js';\nimport { container } from './SingleValue.sty.js';\nimport { Sparkline } from './slots/Sparkline.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Trend } from './slots/Trend.js';\nimport type { SingleValueRef } from './types/single-value-ref.js';\nimport type { SingleValueProps } from './types/single-value.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { normalizeConfig } from './utils/single-value-config.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { SingleValueRenderer } from '../core/components/single-value-renderer/SingleValueRenderer.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 { ChartType } from '../core/types/chart-types.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst COMPONENT_NAME = 'SingleValue';\n\n/**\n * Single Value component\n */\nconst SingleValueRoot = /* @__PURE__ */ forwardRef<\n  SingleValueRef,\n  PropsWithChildren<SingleValueProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    prefixIcon,\n    children,\n    loading = false,\n    width,\n    height,\n    style: customerStyle,\n    className: customerClassNames,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    applyThresholdBackground,\n    ...restProps\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const { slots, sparklineChildren } = iterateSlots(children);\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const config = useSingleValueConfig(restProps, slots);\n\n  const sparklineProps = slots.sparkline\n    ? {\n        data: slots.sparkline?.data ?? [],\n        ...config.sparkline,\n      }\n    : undefined;\n  const singleValueRef = useRef<HTMLDivElement>(null);\n\n  const ref = useMergeRefs<SingleValueRef | HTMLDivElement>([\n    forwardedRef,\n    singleValueRef,\n  ]);\n\n  useImperativeHandle(forwardedRef, () => ({\n    getConfig: () => {\n      return JSON.stringify({\n        type: ChartType.SingleValue,\n        ...normalizeConfig(config),\n      });\n    },\n  }));\n\n  const chartWidth = coerceSizeValue(width);\n  const chartHeight = coerceSizeValue(height);\n\n  const mergedStyle = {\n    ...customerStyle,\n    ...(chartWidth && { width: chartWidth }),\n    ...(chartHeight && { height: chartHeight }),\n  };\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      role=\"img\"\n      className={clsx(container, customerClassNames)}\n      style={mergedStyle}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      data-dt-component={COMPONENT_NAME}\n      ref={ref}\n      aria-label={SINGLE_VALUE_ARIA_LABEL}\n    >\n      <SingleValueRenderer\n        data={data}\n        prefixIcon={prefixIcon}\n        {...config}\n        sparklineProps={sparklineProps}\n        sparklineChildren={sparklineChildren}\n        trendProps={slots.trend}\n        emptyState={emptyState}\n        errorState={errorState}\n        loading={loading}\n        applyThresholdBackground={applyThresholdBackground}\n      >\n        {children}\n      </SingleValueRenderer>\n    </div>\n  );\n});\n\n(\n  SingleValueRoot as typeof SingleValueRoot & { displayName: string }\n).displayName = 'SingleValue';\n\n/**\n * The `SingleValue` is a simple and concise representation of a single data point\n * or metric , which can either be a text or a number.\n * @public\n */\nexport const SingleValue = Object.assign(SingleValueRoot, {\n  Sparkline,\n  Trend,\n  ColorRule,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Intent,\n  Toolbar,\n});\n"],
-  "mappings": "AA0GM;AA1GN,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,aAAa;AAGtB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,MAAM,iBAAiB;AAKvB,MAAM,kBAAkC,2BAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM,EAAE,OAAO,kBAAkB,IAAI,aAAa,QAAQ;AAE1D,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,QAAM,SAAS,qBAAqB,WAAW,KAAK;AAEpD,QAAM,iBAAiB,MAAM,YACzB;AAAA,IACE,MAAM,MAAM,WAAW,QAAQ,CAAC;AAAA,IAChC,GAAG,OAAO;AAAA,EACZ,IACA;AACJ,QAAM,iBAAiB,OAAuB,IAAI;AAElD,QAAM,MAAM,aAA8C;AAAA,IACxD;AAAA,IACA;AAAA,EACF,CAAC;AAED,sBAAoB,cAAc,OAAO;AAAA,IACvC,WAAW,MAAM;AACf,aAAO,KAAK,UAAU;AAAA,QACpB,MAAM,UAAU;AAAA,QAChB,GAAG,gBAAgB,MAAM;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,EACF,EAAE;AAEF,QAAM,aAAa,gBAAgB,KAAK;AACxC,QAAM,cAAc,gBAAgB,MAAM;AAE1C,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAI,cAAc,EAAE,OAAO,WAAW;AAAA,IACtC,GAAI,eAAe,EAAE,QAAQ,YAAY;AAAA,EAC3C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,WAAW,KAAK,WAAW,kBAAkB;AAAA,MAC7C,OAAO;AAAA,MACP,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,qBAAmB;AAAA,MACnB;AAAA,MACA,cAAY;AAAA,MAEZ;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA,YAAY,MAAM;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,gBACA,cAAc;AAOT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { SINGLE_VALUE_ARIA_LABEL } from './defaults.js';\nimport { useSingleValueConfig } from './hooks/use-single-value-config.js';\nimport { container } from './SingleValue.sty.js';\nimport { Sparkline } from './slots/Sparkline.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Trend } from './slots/Trend.js';\nimport type { SingleValueRef } from './types/single-value-ref.js';\nimport type { SingleValueProps } from './types/single-value.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { normalizeConfig } from './utils/single-value-config.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { SingleValueRenderer } from '../core/components/single-value-renderer/SingleValueRenderer.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 { ChartType } from '../core/types/chart-types.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst COMPONENT_NAME = 'SingleValue';\n\n/**\n * Single Value component\n */\nconst SingleValueRoot = /* @__PURE__ */ forwardRef<\n  SingleValueRef,\n  PropsWithChildren<SingleValueProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    prefixIcon,\n    children,\n    loading = false,\n    width,\n    height,\n    style: customerStyle,\n    className: customerClassNames,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n    applyThresholdBackground,\n    ...restProps\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const { slots, sparklineChildren } = iterateSlots(children);\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const config = useSingleValueConfig(restProps, slots);\n\n  const sparklineProps = slots.sparkline\n    ? {\n        data: slots.sparkline?.data ?? [],\n        ...config.sparkline,\n      }\n    : undefined;\n  const singleValueRef = useRef<HTMLDivElement>(null);\n\n  const ref = useMergeRefs<SingleValueRef | HTMLDivElement>([\n    forwardedRef,\n    singleValueRef,\n  ]);\n\n  useImperativeHandle(forwardedRef, () => ({\n    getConfig: () => {\n      return JSON.stringify({\n        type: ChartType.SingleValue,\n        ...normalizeConfig(config),\n      });\n    },\n  }));\n\n  const chartWidth = coerceSizeValue(width);\n  const chartHeight = coerceSizeValue(height);\n\n  const mergedStyle = {\n    ...customerStyle,\n    ...(chartWidth && { width: chartWidth }),\n    ...(chartHeight && { height: chartHeight }),\n  };\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      role=\"img\"\n      className={clsx(container, customerClassNames)}\n      style={mergedStyle}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      data-dt-component={COMPONENT_NAME}\n      ref={ref}\n      aria-label={ariaLabel ?? SINGLE_VALUE_ARIA_LABEL}\n      aria-describedby={ariaDescribedBy}\n    >\n      <SingleValueRenderer\n        data={data}\n        prefixIcon={prefixIcon}\n        {...config}\n        sparklineProps={sparklineProps}\n        sparklineChildren={sparklineChildren}\n        trendProps={slots.trend}\n        emptyState={emptyState}\n        errorState={errorState}\n        loading={loading}\n        applyThresholdBackground={applyThresholdBackground}\n      >\n        {children}\n      </SingleValueRenderer>\n    </div>\n  );\n});\n\n(\n  SingleValueRoot as typeof SingleValueRoot & { displayName: string }\n).displayName = 'SingleValue';\n\n/**\n * The `SingleValue` is a simple and concise representation of a single data point\n * or metric , which can either be a text or a number.\n * @public\n */\nexport const SingleValue = Object.assign(SingleValueRoot, {\n  Sparkline,\n  Trend,\n  ColorRule,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Intent,\n  Toolbar,\n});\n"],
+  "mappings": "AA6GM;AA7GN,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,aAAa;AAGtB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,MAAM,iBAAiB;AAKvB,MAAM,kBAAkC,2BAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM,EAAE,OAAO,kBAAkB,IAAI,aAAa,QAAQ;AAE1D,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,QAAM,SAAS,qBAAqB,WAAW,KAAK;AAEpD,QAAM,iBAAiB,MAAM,YACzB;AAAA,IACE,MAAM,MAAM,WAAW,QAAQ,CAAC;AAAA,IAChC,GAAG,OAAO;AAAA,EACZ,IACA;AACJ,QAAM,iBAAiB,OAAuB,IAAI;AAElD,QAAM,MAAM,aAA8C;AAAA,IACxD;AAAA,IACA;AAAA,EACF,CAAC;AAED,sBAAoB,cAAc,OAAO;AAAA,IACvC,WAAW,MAAM;AACf,aAAO,KAAK,UAAU;AAAA,QACpB,MAAM,UAAU;AAAA,QAChB,GAAG,gBAAgB,MAAM;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,EACF,EAAE;AAEF,QAAM,aAAa,gBAAgB,KAAK;AACxC,QAAM,cAAc,gBAAgB,MAAM;AAE1C,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAI,cAAc,EAAE,OAAO,WAAW;AAAA,IACtC,GAAI,eAAe,EAAE,QAAQ,YAAY;AAAA,EAC3C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,WAAW,KAAK,WAAW,kBAAkB;AAAA,MAC7C,OAAO;AAAA,MACP,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,qBAAmB;AAAA,MACnB;AAAA,MACA,cAAY,aAAa;AAAA,MACzB,oBAAkB;AAAA,MAElB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA,YAAY,MAAM;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,gBACA,cAAc;AAOT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import "./SingleValue.css";
-var container = "_1sfgzlg0-3-5-2";
+var container = "_1sfgzlg0-3-7-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-5-2';"],
+  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

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

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

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

@@ -35,6 +35,8 @@ const SingleValueGridRoot = (props) => {
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
     "data-testid": dataTestId,
+    "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedBy,
     seriesActions: individualSeriesActions,
     ...gridConfig
   } = props;
@@ -117,7 +119,8 @@ const SingleValueGridRoot = (props) => {
                       ...displayingGridToolbar ? { pointerEvents: "none" } : {}
                     },
                     role: "img",
-                    "aria-label": SINGLE_VALUE_GRID_ARIA_LABEL,
+                    "aria-label": ariaLabel ?? SINGLE_VALUE_GRID_ARIA_LABEL,
+                    "aria-describedby": ariaDescribedBy,
                     children: [
                       gridItems.map((record, index) => /* @__PURE__ */ jsx(
                         SingleValueDisplay,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value-grid/SingleValueGrid.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { type PropsWithChildren } from 'react';\n\nimport { GlobalFontSizeVariables } from './components/GlobalFontSizeVariables.js';\nimport { SingleValueDisplay } from './components/SingleValueDisplay.js';\nimport { DISPLAY_NAME, SINGLE_VALUE_GRID_ARIA_LABEL } from './defaults.js';\nimport { useLabelCount } from './hooks/use-label-count.js';\nimport { GlobalFontSizeProvider } from './providers/global-font-size-provider.js';\nimport { gridRows } from './SingleValueGrid.sty.js';\nimport { Sparkline } from './slots/Sparkline.js';\nimport { SingleValueGridToolbarSlot } from './slots/Toolbar.js';\nimport { Trend } from './slots/Trend.js';\nimport { Value } from './slots/Value.js';\nimport type {\n  SingleValueGridAccessorsConfig,\n  SingleValueGridProps,\n} from './types/single-value-grid.js';\nimport { calculateGridLayout } from './utils/calculate-grid-layout.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { Grid } from '../../layouts/grid/Grid.js';\nimport { ChartStateHandler } from '../core/components/chart-states/ChartStateHandler.js';\nimport { SingleValueToolbar } from '../core/components/single-value-renderer/components/SingleValueToolbar.js';\nimport { useThrottledResizeObserver } from '../core/hooks/useThrottledResizeObserver.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\n\nconst COMPONENT_NAME = 'SingleValueGrid';\n\nconst SingleValueGridRoot = (\n  props: PropsWithChildren<SingleValueGridProps>,\n) => {\n  const {\n    loading,\n    data,\n    children,\n    colorAccessor,\n    labelAccessor,\n    prefixIconAccessor,\n    applyThresholdBackground,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    seriesActions: individualSeriesActions,\n    ...gridConfig\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const labelCount = useLabelCount(data, labelAccessor);\n\n  const { accessors: slotAccessors, ...slotsConfig } = iterateSlots(\n    children,\n    props,\n  );\n\n  const trendCount = slotsConfig.trend !== undefined ? data.length : 0;\n\n  const accessors: SingleValueGridAccessorsConfig = {\n    colorAccessor,\n    labelAccessor,\n    prefixIconAccessor,\n    ...slotAccessors,\n  };\n\n  const propsConfig = {\n    ...gridConfig,\n    ...slotsConfig,\n    applyThresholdBackground,\n  };\n\n  const { height = 0, width = 0, refCallback } = useThrottledResizeObserver();\n\n  const { rowCount, columnCount, lastRowColumnCount, gap } =\n    calculateGridLayout(width, height, data.length);\n\n  const gridItems = data.slice(0, data.length - lastRowColumnCount);\n  const lastRowItems = data.slice(-lastRowColumnCount);\n  const { intents, toolbar } = propsConfig;\n  const displayingGridToolbar = !intents.single;\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      ref={refCallback}\n      style={{\n        ...consumerStyle,\n      }}\n      className={clsx(gridRows)}\n    >\n      <ChartStateHandler\n        height={height}\n        isLoading={!!loading}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        style={consumerStyle}\n        className={consumerClassName}\n        empty={false}\n        emptyState={undefined}\n        errorState={undefined}\n      >\n        {/* Empty children as the loader overlay will be shown */}\n        <GlobalFontSizeProvider\n          valueCount={data.length}\n          labelCount={labelCount}\n          trendCount={trendCount}\n        >\n          <GlobalFontSizeVariables>\n            {displayingGridToolbar ? (\n              <SingleValueToolbar\n                parentHeight={height}\n                intents={displayingGridToolbar ? intents.grid : []}\n                placement={toolbar.placement}\n                hidden={toolbar.hidden}\n              />\n            ) : null}\n\n            <Grid\n              className={clsx(gridRows, consumerClassName)}\n              data-dtrum-mask={dataDtrumMask}\n              data-dtrum-allow={dataDtrumAllow}\n              data-testid={dataTestId}\n              data-dt-component={COMPONENT_NAME}\n              gridTemplateRows={`repeat(${rowCount}, 1fr)`}\n              gridTemplateColumns={`repeat(${columnCount}, 1fr)`}\n              style={{\n                ...consumerStyle,\n                // Explicitly set this one via the style, as the `gridGap` settable via the\n                // props on the `Grid` component needs to be a valid spacing token\n                gridGap: gap,\n                ...(displayingGridToolbar ? { pointerEvents: 'none' } : {}),\n              }}\n              // NOSONAR: Complex data visualization treated as single image for screen readers\n              role=\"img\"\n              aria-label={SINGLE_VALUE_GRID_ARIA_LABEL}\n            >\n              {gridItems.map((record, index) => (\n                <SingleValueDisplay\n                  key={index}\n                  record={record}\n                  propsConfig={propsConfig}\n                  accessors={accessors}\n                />\n              ))}\n              <Flex\n                className={gridRows}\n                style={{\n                  // Explicitly set this one via the style, as the `gridGap` settable via the\n                  // props on the `Grid` component needs to be a valid spacing token\n                  columnGap: gap,\n                }}\n                gridColumn=\"1 / -1\"\n              >\n                {lastRowItems.map((record, index) => (\n                  <SingleValueDisplay\n                    key={index}\n                    record={record}\n                    propsConfig={propsConfig}\n                    accessors={accessors}\n                  />\n                ))}\n              </Flex>\n            </Grid>\n          </GlobalFontSizeVariables>\n        </GlobalFontSizeProvider>\n      </ChartStateHandler>\n    </div>\n  );\n};\n\nSingleValueGridRoot['displayName'] = DISPLAY_NAME;\n\n/**\n * The SingleValueGrid component\n * @public\n */\nexport const SingleValueGrid = Object.assign(SingleValueGridRoot, {\n  ColorRule,\n  Intent,\n  Sparkline,\n  Toolbar: SingleValueGridToolbarSlot,\n  Trend,\n  Value,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { type PropsWithChildren } from 'react';\n\nimport { GlobalFontSizeVariables } from './components/GlobalFontSizeVariables.js';\nimport { SingleValueDisplay } from './components/SingleValueDisplay.js';\nimport { DISPLAY_NAME, SINGLE_VALUE_GRID_ARIA_LABEL } from './defaults.js';\nimport { useLabelCount } from './hooks/use-label-count.js';\nimport { GlobalFontSizeProvider } from './providers/global-font-size-provider.js';\nimport { gridRows } from './SingleValueGrid.sty.js';\nimport { Sparkline } from './slots/Sparkline.js';\nimport { SingleValueGridToolbarSlot } from './slots/Toolbar.js';\nimport { Trend } from './slots/Trend.js';\nimport { Value } from './slots/Value.js';\nimport type {\n  SingleValueGridAccessorsConfig,\n  SingleValueGridProps,\n} from './types/single-value-grid.js';\nimport { calculateGridLayout } from './utils/calculate-grid-layout.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { Grid } from '../../layouts/grid/Grid.js';\nimport { ChartStateHandler } from '../core/components/chart-states/ChartStateHandler.js';\nimport { SingleValueToolbar } from '../core/components/single-value-renderer/components/SingleValueToolbar.js';\nimport { useThrottledResizeObserver } from '../core/hooks/useThrottledResizeObserver.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\n\nconst COMPONENT_NAME = 'SingleValueGrid';\n\nconst SingleValueGridRoot = (\n  props: PropsWithChildren<SingleValueGridProps>,\n) => {\n  const {\n    loading,\n    data,\n    children,\n    colorAccessor,\n    labelAccessor,\n    prefixIconAccessor,\n    applyThresholdBackground,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n    seriesActions: individualSeriesActions,\n    ...gridConfig\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const labelCount = useLabelCount(data, labelAccessor);\n\n  const { accessors: slotAccessors, ...slotsConfig } = iterateSlots(\n    children,\n    props,\n  );\n\n  const trendCount = slotsConfig.trend !== undefined ? data.length : 0;\n\n  const accessors: SingleValueGridAccessorsConfig = {\n    colorAccessor,\n    labelAccessor,\n    prefixIconAccessor,\n    ...slotAccessors,\n  };\n\n  const propsConfig = {\n    ...gridConfig,\n    ...slotsConfig,\n    applyThresholdBackground,\n  };\n\n  const { height = 0, width = 0, refCallback } = useThrottledResizeObserver();\n\n  const { rowCount, columnCount, lastRowColumnCount, gap } =\n    calculateGridLayout(width, height, data.length);\n\n  const gridItems = data.slice(0, data.length - lastRowColumnCount);\n  const lastRowItems = data.slice(-lastRowColumnCount);\n  const { intents, toolbar } = propsConfig;\n  const displayingGridToolbar = !intents.single;\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      ref={refCallback}\n      style={{\n        ...consumerStyle,\n      }}\n      className={clsx(gridRows)}\n    >\n      <ChartStateHandler\n        height={height}\n        isLoading={!!loading}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        style={consumerStyle}\n        className={consumerClassName}\n        empty={false}\n        emptyState={undefined}\n        errorState={undefined}\n      >\n        {/* Empty children as the loader overlay will be shown */}\n        <GlobalFontSizeProvider\n          valueCount={data.length}\n          labelCount={labelCount}\n          trendCount={trendCount}\n        >\n          <GlobalFontSizeVariables>\n            {displayingGridToolbar ? (\n              <SingleValueToolbar\n                parentHeight={height}\n                intents={displayingGridToolbar ? intents.grid : []}\n                placement={toolbar.placement}\n                hidden={toolbar.hidden}\n              />\n            ) : null}\n\n            <Grid\n              className={clsx(gridRows, consumerClassName)}\n              data-dtrum-mask={dataDtrumMask}\n              data-dtrum-allow={dataDtrumAllow}\n              data-testid={dataTestId}\n              data-dt-component={COMPONENT_NAME}\n              gridTemplateRows={`repeat(${rowCount}, 1fr)`}\n              gridTemplateColumns={`repeat(${columnCount}, 1fr)`}\n              style={{\n                ...consumerStyle,\n                // Explicitly set this one via the style, as the `gridGap` settable via the\n                // props on the `Grid` component needs to be a valid spacing token\n                gridGap: gap,\n                ...(displayingGridToolbar ? { pointerEvents: 'none' } : {}),\n              }}\n              // NOSONAR: Complex data visualization treated as single image for screen readers\n              role=\"img\"\n              aria-label={ariaLabel ?? SINGLE_VALUE_GRID_ARIA_LABEL}\n              aria-describedby={ariaDescribedBy}\n            >\n              {gridItems.map((record, index) => (\n                <SingleValueDisplay\n                  key={index}\n                  record={record}\n                  propsConfig={propsConfig}\n                  accessors={accessors}\n                />\n              ))}\n              <Flex\n                className={gridRows}\n                style={{\n                  // Explicitly set this one via the style, as the `gridGap` settable via the\n                  // props on the `Grid` component needs to be a valid spacing token\n                  columnGap: gap,\n                }}\n                gridColumn=\"1 / -1\"\n              >\n                {lastRowItems.map((record, index) => (\n                  <SingleValueDisplay\n                    key={index}\n                    record={record}\n                    propsConfig={propsConfig}\n                    accessors={accessors}\n                  />\n                ))}\n              </Flex>\n            </Grid>\n          </GlobalFontSizeVariables>\n        </GlobalFontSizeProvider>\n      </ChartStateHandler>\n    </div>\n  );\n};\n\nSingleValueGridRoot['displayName'] = DISPLAY_NAME;\n\n/**\n * The SingleValueGrid component\n * @public\n */\nexport const SingleValueGrid = Object.assign(SingleValueGridRoot, {\n  ColorRule,\n  Intent,\n  Sparkline,\n  Toolbar: SingleValueGridToolbarSlot,\n  Trend,\n  Value,\n});\n"],
+  "mappings": "AAkHc,cAQF,YARE;AAlHd,OAAO,UAAU;AAGjB,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,cAAc,oCAAoC;AAC3D,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAC3C,SAAS,aAAa;AACtB,SAAS,aAAa;AAKtB,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,kCAAkC;AAC3C,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB;AAEvB,MAAM,sBAAsB,CAC1B,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM,aAAa,cAAc,MAAM,aAAa;AAEpD,QAAM,EAAE,WAAW,eAAe,GAAG,YAAY,IAAI;AAAA,IACnD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,YAAY,UAAU,SAAY,KAAK,SAAS;AAEnE,QAAM,YAA4C;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AAEA,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AAEA,QAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,YAAY,IAAI,2BAA2B;AAE1E,QAAM,EAAE,UAAU,aAAa,oBAAoB,IAAI,IACrD,oBAAoB,OAAO,QAAQ,KAAK,MAAM;AAEhD,QAAM,YAAY,KAAK,MAAM,GAAG,KAAK,SAAS,kBAAkB;AAChE,QAAM,eAAe,KAAK,MAAM,CAAC,kBAAkB;AACnD,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,QAAM,wBAAwB,CAAC,QAAQ;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,OAAO;AAAA,QACL,GAAG;AAAA,MACL;AAAA,MACA,WAAW,KAAK,QAAQ;AAAA,MAExB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW,CAAC,CAAC;AAAA,UACb,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,OAAO;AAAA,UACP,WAAW;AAAA,UACX,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,YAAY;AAAA,UAGZ;AAAA,YAAC;AAAA;AAAA,cACC,YAAY,KAAK;AAAA,cACjB;AAAA,cACA;AAAA,cAEA,+BAAC,2BACE;AAAA,wCACC;AAAA,kBAAC;AAAA;AAAA,oBACC,cAAc;AAAA,oBACd,SAAS,wBAAwB,QAAQ,OAAO,CAAC;AAAA,oBACjD,WAAW,QAAQ;AAAA,oBACnB,QAAQ,QAAQ;AAAA;AAAA,gBAClB,IACE;AAAA,gBAEJ;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,KAAK,UAAU,iBAAiB;AAAA,oBAC3C,mBAAiB;AAAA,oBACjB,oBAAkB;AAAA,oBAClB,eAAa;AAAA,oBACb,qBAAmB;AAAA,oBACnB,kBAAkB,UAAU,QAAQ;AAAA,oBACpC,qBAAqB,UAAU,WAAW;AAAA,oBAC1C,OAAO;AAAA,sBACL,GAAG;AAAA;AAAA;AAAA,sBAGH,SAAS;AAAA,sBACT,GAAI,wBAAwB,EAAE,eAAe,OAAO,IAAI,CAAC;AAAA,oBAC3D;AAAA,oBAEA,MAAK;AAAA,oBACL,cAAY,aAAa;AAAA,oBACzB,oBAAkB;AAAA,oBAEjB;AAAA,gCAAU,IAAI,CAAC,QAAQ,UACtB;AAAA,wBAAC;AAAA;AAAA,0BAEC;AAAA,0BACA;AAAA,0BACA;AAAA;AAAA,wBAHK;AAAA,sBAIP,CACD;AAAA,sBACD;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAW;AAAA,0BACX,OAAO;AAAA;AAAA;AAAA,4BAGL,WAAW;AAAA,0BACb;AAAA,0BACA,YAAW;AAAA,0BAEV,uBAAa,IAAI,CAAC,QAAQ,UACzB;AAAA,4BAAC;AAAA;AAAA,8BAEC;AAAA,8BACA;AAAA,8BACA;AAAA;AAAA,4BAHK;AAAA,0BAIP,CACD;AAAA;AAAA,sBACH;AAAA;AAAA;AAAA,gBACF;AAAA,iBACF;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;AAM9B,MAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import "./SingleValueGrid.css";
-var gridRows = "_1mx9zjb0-3-5-2";
+var gridRows = "_1mx9zjb0-3-7-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-5-2';"],
+  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._eom86z0-3-5-2 {
+._eom86z0-3-7-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-5-2";
+var fontSizeWrapper = "_eom86z0-3-7-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-5-2';"],
+  "sourcesContent": ["import './GlobalFontSizeVariables.css';\nexport var fontSizeWrapper = '_eom86z0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }