@dynatrace/strato-components 3.3.3 → 3.5.0

package/charts/pie/utils/iterate-slots.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -35,10 +34,12 @@ var import_DonutChartGrouping = require("../slots/DonutChartGrouping.js");
 var import_DonutChartInner = require("../slots/DonutChartInner.js");
 var import_DonutChartLabels = require("../slots/DonutChartLabels.js");
 var import_DonutChartLegend = require("../slots/DonutChartLegend.js");
+var import_DonutChartTooltip = require("../slots/DonutChartTooltip.js");
 var import_PieChartDownloadCSV = require("../slots/PieChartDownloadCSV.js");
 var import_PieChartGrouping = require("../slots/PieChartGrouping.js");
 var import_PieChartLabels = require("../slots/PieChartLabels.js");
 var import_PieChartLegend = require("../slots/PieChartLegend.js");
+var import_PieChartTooltip = require("../slots/PieChartTooltip.js");
 const iterateChartToolbarSlots = (children) => {
   let slots = {};
   import_react.Children.forEach(children, (childInteractions) => {
@@ -55,7 +56,8 @@ function iterateSlots(children) {
     legend: {},
     toolbar: void 0,
     innerElement: void 0,
-    colorRules: []
+    colorRules: [],
+    tooltip: void 0
   };
   let intents;
   import_react.Children.map(children, (child) => {
@@ -94,6 +96,14 @@ function iterateSlots(children) {
       slots = { ...slots, innerElement: inner };
     } else if ((0, import_is_slot.isSlot)(child, import_ColorRule.ColorRule)) {
       (0, import_ColorRule.isValidColorRule)(child.props) && slots.colorRules.push(child.props);
+    } else if ((0, import_is_slot.isSlot)(child, import_PieChartTooltip.Tooltip) || (0, import_is_slot.isSlot)(child, import_DonutChartTooltip.Tooltip)) {
+      slots = {
+        ...slots,
+        tooltip: {
+          hidden: child.props.hidden ?? false,
+          template: child.props.children
+        }
+      };
     }
   });
   if (intents?.length) {

package/charts/pie/utils/label-collisions.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/pie/utils/label-position.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -100,7 +99,8 @@ function buildPieChartConfig(props, contextConfig, slots) {
     toolbar,
     innerElement: slots.innerElement,
     seriesActions,
-    colorRules
+    colorRules,
+    tooltip: slots.tooltip ?? contextConfig.tooltip
   };
 }
 function deserializeConfig(serializedConfig) {

package/charts/pie/utils/plot-data.utils.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/pie/utils/slice-angle-distance.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/SingleValue.css

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

package/charts/single-value/SingleValue.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,4 +21,4 @@ __export(SingleValue_css_exports, {
 });
 module.exports = __toCommonJS(SingleValue_css_exports);
 var import_SingleValue_css_ts_vanilla = require("./SingleValue.css");
-var container = "_1sfgzlg0-3-3-3";
+var container = "_1sfgzlg0-3-5-0";

package/charts/single-value/defaults.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/hooks/use-single-value-config.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/slots/Sparkline.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/slots/Toolbar.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/slots/Trend.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/types/single-value-ref.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/types/single-value-toolbar.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/types/single-value.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/utils/iterate-slots.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value/utils/single-value-config.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

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

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

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,4 +21,4 @@ __export(SingleValueGrid_css_exports, {
 });
 module.exports = __toCommonJS(SingleValueGrid_css_exports);
 var import_SingleValueGrid_css_ts_vanilla = require("./SingleValueGrid.css");
-var gridRows = "_1mx9zjb0-3-3-3";
+var gridRows = "_1mx9zjb0-3-5-0";

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

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

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,4 +21,4 @@ __export(GlobalFontSizeVariables_css_exports, {
 });
 module.exports = __toCommonJS(GlobalFontSizeVariables_css_exports);
 var import_GlobalFontSizeVariables_css_ts_vanilla = require("./GlobalFontSizeVariables.css");
-var fontSizeWrapper = "_eom86z0-3-3-3";
+var fontSizeWrapper = "_eom86z0-3-5-0";

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/defaults.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/hooks/use-label-count.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/messages.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/providers/global-font-size-provider.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/slots/Sparkline.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/slots/Toolbar.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/slots/Trend.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/types/single-value-grid.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/utils/build-config.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/utils/calculate-grid-layout.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/utils/get-data-from-accessors.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/single-value-grid/utils/iterate-slots.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/sparkline/Sparkline.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/TimeseriesChart.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -38,7 +37,6 @@ var import_useChartInteractions = require("./hooks/useChartInteractions.js");
 var import_useTimeseriesFilteredData = require("./hooks/useTimeseriesFilteredData.js");
 var import_useTimeseriesFilteredYAxis = require("./hooks/useTimeseriesFilteredYAxis.js");
 var import_useTimeseriesLegend = require("./hooks/useTimeseriesLegend.js");
-var import_useTimeseriesLoading = require("./hooks/useTimeseriesLoading.js");
 var import_TimeseriesChartPlot = require("./layout/TimeseriesChartPlot.js");
 var import_TimeseriesChartImperativeHandler = require("./providers/TimeseriesChartImperativeHandler.js");
 var import_TimeseriesChartProviders = require("./providers/TimeseriesChartProviders.js");
@@ -48,6 +46,7 @@ var import_defaultChartValues_css = require("../../core/styles/defaultChartValue
 var import_constants3 = require("../core/components/annotations/constants.js");
 var import_get_annotations_visible_area = require("../core/components/annotations/utils/get-annotations-visible-area.js");
 var import_ChartGridRoot = require("../core/components/chart-grid/ChartGridRoot.js");
+var import_useChartLayoutLoading = require("../core/components/chart-layout/hooks/useChartLayoutLoading.js");
 var import_useChartLayoutOrientation = require("../core/components/chart-layout/hooks/useChartLayoutOrientation.js");
 var import_useGraphSize = require("../core/components/chart-layout/hooks/useGraphSize.js");
 var import_ChartLoaderOverlay = require("../core/components/chart-loader-overlay/ChartLoaderOverlay.js");
@@ -59,7 +58,7 @@ const timeseriesGridTemplateAreas = `
 `;
 const timeseriesGridTemplateColumns = "minmax(0, auto) auto minmax(60%, 1fr) auto minmax(0, auto)";
 const TimeseriesChart = /* @__PURE__ */ (0, import_react.forwardRef)(({ config }, forwardedRef) => {
-  const loading = (0, import_useTimeseriesLoading.useTimeseriesLoading)();
+  const loading = (0, import_useChartLayoutLoading.useChartLayoutLoading)();
   const annotations = (0, import_useAnnotationsConfig.useAnnotationsConfig)();
   const tracksQuantity = annotations.tracks.length;
   const numHiddenTracks = annotations.tracks.filter(

package/charts/timeseries/TimeseriesChartRoot.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -26,7 +25,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_TimeseriesChartLegend = require("./components/legend/TimeseriesChartLegend.js");
 var import_constants = require("./constants.js");
-var import_TimeseriesChartLoading_context = require("./context/TimeseriesChartLoading.context.js");
 var import_TimeseriesRawData_context = require("./context/TimeseriesRawData.context.js");
 var import_useTimeseriesChartConfig = require("./hooks/useTimeseriesChartConfig.js");
 var import_StoreProvider = require("./providers/StoreProvider.js");
@@ -58,6 +56,8 @@ var import_Intent = require("../../core/slots/Intent/Intent.js");
 var import_ChartLayout = require("../core/components/chart-layout/ChartLayout.js");
 var import_useAutoLegendRefresh = require("../core/components/chart-layout/hooks/useAutoLegendRefresh.js");
 var import_get_chart_states_template = require("../core/components/chart-states/utils/get-chart-states-template.js");
+var import_OverlayContext = require("../core/components/overlay-tooltip/contexts/OverlayContext.js");
+var import_TooltipContext = require("../core/components/overlay-tooltip/contexts/TooltipContext.js");
 var import_ChartSeriesActionContext = require("../core/components/series-action/ChartSeriesActionContext.js");
 var import_EmptyStateSlot = require("../core/slots/chart-states/EmptyStateSlot.js");
 var import_ErrorStateSlot = require("../core/slots/chart-states/ErrorStateSlot.js");
@@ -124,7 +124,7 @@ const TimeseriesChartRoot = (0, import_react.forwardRef)((props, forwardedRef) =
   } = config.legend;
   const legendRatio = initialRatio ?? ratio;
   const chartLayoutRef = (0, import_useAutoLegendRefresh.useAutoLegendRefresh)(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesChartIdProvider.TimeseriesChartIdProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesChartLoading_context.TimeseriesChartLoadingContext.Provider, { value: loading, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesConfigProviders.TimeseriesConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesRawData_context.TimeseriesRawDataContext.Provider, { value: rawDataPerVariant, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesChartIdProvider.TimeseriesChartIdProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesConfigProviders.TimeseriesConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesRawData_context.TimeseriesRawDataContext.Provider, { value: rawDataPerVariant, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_TimeseriesDataProvider.TimeseriesDataProvider,
     {
       data: dataPerVariant,
@@ -143,7 +143,7 @@ const TimeseriesChartRoot = (0, import_react.forwardRef)((props, forwardedRef) =
               currentDomain: config.currentZoom,
               initialDomain: config.initialZoom,
               infiniteZoom: config.infiniteZoom,
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesFilteredDataProvider.TimeseriesFilteredDataProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeseriesFilteredDataProvider.TimeseriesFilteredDataProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_OverlayContext.OverlayProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TooltipContext.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                 import_ChartLayout.ChartLayout,
                 {
                   ref: chartLayoutRef,
@@ -178,13 +178,13 @@ const TimeseriesChartRoot = (0, import_react.forwardRef)((props, forwardedRef) =
                     )
                   ]
                 }
-              ) })
+              ) }) }) })
             }
           )
         }
       ) })
     }
-  ) }) }) }) });
+  ) }) }) });
 });
 TimeseriesChartRoot.displayName = "TimeseriesChartRoot";
 const TimeseriesChart = Object.assign(TimeseriesChartRoot, {

package/charts/timeseries/components/annotations-timeseries/TimeseriesAnnotationsIndicators.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/annotations-timeseries/TimeseriesChartAnnotationsArea.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/annotations-timeseries/constants.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/axes/TimeseriesPanningControls.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,6 +1,6 @@
-._19z0vdp0-3-3-3 {
+._19z0vdp0-3-5-0 {
   position: relative;
 }
-._19z0vdp1-3-3-3 {
+._19z0vdp1-3-5-0 {
   touch-action: none;
 }

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

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -23,4 +22,4 @@ __export(TimeseriesTimeBottomAxisArea_css_exports, {
 module.exports = __toCommonJS(TimeseriesTimeBottomAxisArea_css_exports);
 var import_TimeseriesTimeBottomAxisArea_css_ts_vanilla = require("./TimeseriesTimeBottomAxisArea.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var timeBottomAxisContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_19z0vdp0-3-3-3", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-3-3" } }, defaultVariants: {}, compoundVariants: [] });
+var timeBottomAxisContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_19z0vdp0-3-5-0", variantClassNames: { isTouchableDevice: { true: "_19z0vdp1-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/timeseries/components/axes/TimeseriesValueLeftAxisArea.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/axes/TimeseriesValueRightAxisArea.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/area/AreaChartDisplay.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/area/accessors.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/band/BandChartDisplay.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/band/accessors.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/band/band-style.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/bar/BarChartDisplay.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/bar/accessors.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/line/LineChartDisplay.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/line/accessors.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/shared/types.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/shared/utils/apply-value-representation.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/shared/utils/clamp-value.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/displays/shared/utils/datapoint-stacking.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/charts/timeseries/components/legend/TimeseriesChartLegend.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -36,6 +35,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_colors = __toESM(require("@dynatrace/strato-design-tokens/colors"));
 var import_strato_icons = require("@dynatrace/strato-icons");
+var import_useChartLayoutLoading = require("../../../core/components/chart-layout/hooks/useChartLayoutLoading.js");
 var import_useChartLayoutOrientation = require("../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js");
 var import_orientation = require("../../../core/components/chart-layout/utils/orientation.js");
 var import_explore_reducers = require("../../../core/components/interactions-state-helpers/reducers/explore-reducers.js");
@@ -83,6 +83,7 @@ const TimeseriesChartLegend = (0, import_react.memo)(() => {
   const truncationMode = (0, import_useTruncationMode.useTruncationMode)();
   const setState = (0, import_selectors.useSetState)();
   const { orientation: layoutOrientation } = (0, import_useChartLayoutOrientation.useChartLayoutOrientation)();
+  const isLoading = (0, import_useChartLayoutLoading.useChartLayoutLoading)();
   const legendOrientation = (0, import_orientation.getLegendOrientation)(layoutOrientation);
   const legendActions = (0, import_useLegendSeriesActions.useLegendSeriesActions)(
     data,
@@ -112,7 +113,7 @@ const TimeseriesChartLegend = (0, import_react.memo)(() => {
     {
       items: legendItems,
       orientation: legendOrientation,
-      interactionsDisabled: false,
+      interactionsDisabled: isLoading,
       onHover: updateHighlightedSeries,
       onClick: updateVisibleSeries,
       onSeriesAction: legendActions,

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -241,6 +240,7 @@ const TimeseriesChartOverlays = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_InteractionsOverlay.InteractionsOverlay,
     {
+      "aria-label": import_constants2.TIMESERIES_INTERACTIONS_ARIA_LABEL,
       style: {
         zIndex: import_constants2.zIndicesTimeseriesAreas.overlays,
         userSelect: selectState?.finished === false ? "none" : "auto"

package/charts/timeseries/components/overlays/TimeseriesChartOverlaysBorder.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;