@dynatrace/strato-components 3.5.0 → 3.6.0

package/typography/link/Link.sty.js

@@ -22,4 +22,4 @@ __export(Link_css_exports, {
 module.exports = __toCommonJS(Link_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_Link_css_ts_vanilla = require("./Link.css");
-var link = "_1iksxp40-3-5-0 _z0fq9b4-3-5-0 _z0fq9be-3-5-0 _z0fq9b5-3-5-0 _z0fq9b9-3-5-0";
+var link = "_1iksxp40-3-6-0 _z0fq9b4-3-6-0 _z0fq9be-3-6-0 _z0fq9b5-3-6-0 _z0fq9b9-3-6-0";

package/typography/list/List.css

@@ -1,16 +1,16 @@
-._16276mt0-3-5-0 {
+._16276mt0-3-6-0 {
   margin: 0;
   padding-left: var(--dt-spacings-size-40, 40px);
 }
-._16276mt0-3-5-0 ._16276mt0-3-5-0 {
+._16276mt0-3-6-0 ._16276mt0-3-6-0 {
   margin-block: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-28, 28px);
 }
-._16276mt1-3-5-0 {
+._16276mt1-3-6-0 {
   position: relative;
   overflow-wrap: break-word;
   margin-block: var(--dt-spacings-size-2, 2px);
 }
-._16276mt1-3-5-0::marker {
+._16276mt1-3-6-0::marker {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }

package/typography/list/List.sty.js

@@ -22,5 +22,5 @@ __export(List_css_exports, {
 });
 module.exports = __toCommonJS(List_css_exports);
 var import_List_css_ts_vanilla = require("./List.css");
-var listCSS = "_16276mt0-3-5-0";
-var listItemCSS = "_16276mt1-3-5-0";
+var listCSS = "_16276mt0-3-6-0";
+var listItemCSS = "_16276mt1-3-6-0";

package/typography/paragraph/Paragraph.css

@@ -1,17 +1,17 @@
-._487p2n0-3-5-0 {
+._487p2n0-3-6-0 {
   margin-top: 0;
   margin-bottom: 0;
   overflow-wrap: break-word;
   color: inherit;
   font-style: normal;
 }
-._487p2n1-3-5-0 {
+._487p2n1-3-6-0 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._487p2n2-3-5-0 {
+._487p2n2-3-6-0 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/paragraph/Paragraph.sty.js

@@ -22,4 +22,4 @@ __export(Paragraph_css_exports, {
 module.exports = __toCommonJS(Paragraph_css_exports);
 var import_Paragraph_css_ts_vanilla = require("./Paragraph.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-3-5-0", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-5-0", multiLine: "_487p2n2-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-3-6-0", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-6-0", multiLine: "_487p2n2-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/strikethrough/Strikethrough.css

@@ -1,4 +1,4 @@
-._4oao6y0-3-5-0 {
+._4oao6y0-3-6-0 {
   text-decoration: line-through;
   text-decoration-style: solid;
   overflow-wrap: break-word;

package/typography/strikethrough/Strikethrough.sty.js

@@ -21,4 +21,4 @@ __export(Strikethrough_css_exports, {
 });
 module.exports = __toCommonJS(Strikethrough_css_exports);
 var import_Strikethrough_css_ts_vanilla = require("./Strikethrough.css");
-var strikethroughCSS = "_4oao6y0-3-5-0";
+var strikethroughCSS = "_4oao6y0-3-6-0";

package/typography/strong/Strong.css

@@ -1,4 +1,4 @@
-._wxp4dd0-3-5-0 {
+._wxp4dd0-3-6-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   overflow-wrap: break-word;
 }

package/typography/strong/Strong.sty.js

@@ -21,4 +21,4 @@ __export(Strong_css_exports, {
 });
 module.exports = __toCommonJS(Strong_css_exports);
 var import_Strong_css_ts_vanilla = require("./Strong.css");
-var strongCSS = "_wxp4dd0-3-5-0";
+var strongCSS = "_wxp4dd0-3-6-0";

package/typography/text/Text.css

@@ -1,16 +1,16 @@
-._rup8ap0-3-5-0 {
+._rup8ap0-3-6-0 {
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   overflow-wrap: break-word;
 }
-._rup8ap1-3-5-0 {
+._rup8ap1-3-6-0 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._rup8ap2-3-5-0 {
+._rup8ap2-3-6-0 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/text/Text.sty.js

@@ -22,4 +22,4 @@ __export(Text_css_exports, {
 module.exports = __toCommonJS(Text_css_exports);
 var import_Text_css_ts_vanilla = require("./Text.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-3-5-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-5-0", multiLine: "_rup8ap2-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-3-6-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-6-0", multiLine: "_rup8ap2-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/text-ellipsis/TextEllipsis.css

@@ -1,4 +1,4 @@
-._1mnpbqs1-3-5-0 {
+._1mnpbqs1-3-6-0 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,18 +9,18 @@
   text-decoration: inherit;
   width: 100%;
 }
-._1mnpbqs2-3-5-0 {
+._1mnpbqs2-3-6-0 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._1mnpbqs2-3-5-0::after, ._1mnpbqs2-3-5-0::before {
+._1mnpbqs2-3-6-0::after, ._1mnpbqs2-3-6-0::before {
   content: "‎";
 }
-._1mnpbqs3-3-5-0 {
+._1mnpbqs3-3-6-0 {
   text-overflow: clip;
 }
-._1mnpbqs3-3-5-0._1mnpbqs0-3-5-0:after {
+._1mnpbqs3-3-6-0._1mnpbqs0-3-6-0:after {
   content: attr(data-sourcetext) / "";
   color: transparent;
   display: table;
@@ -28,6 +28,6 @@
   line-height: 0;
   user-select: none;
 }
-._1mnpbqs4-3-5-0 {
+._1mnpbqs4-3-6-0 {
   text-overflow: ellipsis;
 }

package/typography/text-ellipsis/TextEllipsis.js

@@ -112,7 +112,6 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
   const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
   const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
   const forwardProps = (0, import_useSafeForwardProps.useSafeForwardProps)(restProps, ariaLabelingProps);
-  const { "aria-label": ariaLabel, ...remainingAriaLabelingProps } = ariaLabelingProps;
   const { ref: observerContainerRef, width } = (0, import_use_resize_observer.default)();
   const containerRef = (0, import_react.useRef)(null);
   const ellipsisStateRef = (0, import_react.useRef)(false);
@@ -137,7 +136,6 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
     "span",
     {
       ref: mergedRef,
-      "aria-label": ariaLabel ?? children,
       className: (0, import_clsx.default)(
         styles.ellipsis({ truncationMode }),
         {
@@ -151,7 +149,7 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
       "data-testid": dataTestId,
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
-      ...remainingAriaLabelingProps,
+      ...ariaLabelingProps,
       ...behavioralTrackingProps,
       ...forwardProps,
       "data-dt-component": COMPONENT_NAME,
@@ -174,19 +172,17 @@ const CssTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props, for
   const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
   const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
   const forwardProps = (0, import_useSafeForwardProps.useSafeForwardProps)(restProps, ariaLabelingProps);
-  const { "aria-label": ariaLabel, ...remainingAriaLabelingProps } = ariaLabelingProps;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     {
       ref: forwardedRef,
-      "aria-label": ariaLabel ?? children,
       "data-ellipsis": true,
       "data-testid": dataTestId,
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
       className: (0, import_clsx.default)(styles.ellipsis({ truncationMode }), consumerClassName),
       style: consumerStyle,
-      ...remainingAriaLabelingProps,
+      ...ariaLabelingProps,
       ...behavioralTrackingProps,
       ...forwardProps,
       "data-dt-component": COMPONENT_NAME,

package/typography/text-ellipsis/TextEllipsis.sty.js

@@ -23,5 +23,5 @@ __export(TextEllipsis_css_exports, {
 module.exports = __toCommonJS(TextEllipsis_css_exports);
 var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var active = "_1mnpbqs0-3-5-0";
-var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-3-5-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-5-0", middle: "_1mnpbqs3-3-5-0", end: "_1mnpbqs4-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var active = "_1mnpbqs0-3-6-0";
+var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-3-6-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-6-0", middle: "_1mnpbqs3-3-6-0", end: "_1mnpbqs4-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/core/components/annotations/components/tooltip/AnnotationsDefaultTooltip.d.ts

@@ -1,7 +0,0 @@
-import { AnnotationsMarkerGroup } from '../../types/annotations.js';
-export declare const AnnotationsDefaultTooltip: ({ data, tooltipType, isScrolling, onScrollContent, }: {
-    data: AnnotationsMarkerGroup[];
-    tooltipType: "time" | "numerical";
-    isScrolling?: boolean;
-    onScrollContent?: (event: Event) => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/charts/core/components/annotations/components/tooltip/AnnotationsDefaultTooltip.js

@@ -1,61 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AnnotationsDefaultTooltip_exports = {};
-__export(AnnotationsDefaultTooltip_exports, {
-  AnnotationsDefaultTooltip: () => AnnotationsDefaultTooltip
-});
-module.exports = __toCommonJS(AnnotationsDefaultTooltip_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_AnnotationsTooltipHeaders = require("./AnnotationsTooltipHeaders.js");
-var import_AnnotationsTooltipItem = require("./AnnotationsTooltipItem.js");
-var import_ChartTooltip = require("../../../tooltip/ChartTooltip/ChartTooltip.js");
-var import_InteractiveChartTooltip_styles = require("../../../tooltip/InteractiveChartTooltip/components/InteractiveChartTooltip.styles.js");
-var import_serialize_marker_range = require("../../utils/serialize-marker-range.js");
-const AnnotationsDefaultTooltip = ({
-  data,
-  tooltipType,
-  isScrolling,
-  onScrollContent
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ChartTooltip.ChartTooltip.Body,
-    {
-      style: { minWidth: import_InteractiveChartTooltip_styles.DEFAULT_TOOLTIP_MIN_WIDTH },
-      onScrollContent,
-      children: data.map((annotationGroup, index) => {
-        const [from, to] = (0, import_serialize_marker_range.deserializeMarkerRange)(annotationGroup.key);
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
-          tooltipType === "numerical" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AnnotationsTooltipHeaders.AnnotationsNumericalTooltipHeader, { from, to }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AnnotationsTooltipHeaders.AnnotationsTimeTooltipHeader, { from, to }),
-          annotationGroup.markers.map((marker) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_AnnotationsTooltipItem.AnnotationsTooltipItem,
-              {
-                markerGroupKey: annotationGroup.key,
-                marker,
-                showDivider: index < data.length - 1,
-                isScrolling
-              },
-              marker.id
-            );
-          })
-        ] }, annotationGroup.key);
-      })
-    }
-  );
-};

package/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.css

@@ -1,4 +0,0 @@
-._1lrb03s0-3-5-0 {
-  min-width: 225px;
-  max-width: 480px;
-}

package/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.d.ts

@@ -1,13 +0,0 @@
-import { type RefObject } from 'react';
-interface AnnotationsTooltipProps {
-    tooltipType: 'time' | 'numerical';
-    annotationsContainerRef?: RefObject<HTMLDivElement>;
-}
-/**
- * Tooltip specific to the annotations chart
- */
-export declare const AnnotationsTooltip: {
-    (props: AnnotationsTooltipProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export {};

package/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.js

@@ -1,113 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AnnotationsTooltip_exports = {};
-__export(AnnotationsTooltip_exports, {
-  AnnotationsTooltip: () => AnnotationsTooltip
-});
-module.exports = __toCommonJS(AnnotationsTooltip_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_AnnotationsCustomizedTooltip = require("./AnnotationsCustomizedTooltip.js");
-var import_AnnotationsDefaultTooltip = require("./AnnotationsDefaultTooltip.js");
-var import_AnnotationsTooltip_css = require("./AnnotationsTooltip.sty.js");
-var import_useAnnotationsTooltipConfig = require("./hooks/useAnnotationsTooltipConfig.js");
-var import_useRegisterTooltipHandlerCallbacks = require("./hooks/useRegisterTooltipHandlerCallbacks.js");
-var import_useScrollResponsiveChartBounds = require("../../../../hooks/useScrollResponsiveChartBounds.js");
-var import_useChartActionsMenu = require("../../../series-action/hooks/useChartActionsMenu.js");
-var import_ChartTooltip = require("../../../tooltip/ChartTooltip/ChartTooltip.js");
-var import_selectors = require("../../hooks/store/selectors.js");
-var import_state_setters = require("../../hooks/store/state-setters.js");
-var import_useMarkersInteractions = require("../../hooks/useMarkersInteractions.js");
-var import_AnnotationsDataInitialState = require("../../providers/AnnotationsDataInitialState.js");
-const AnnotationsTooltip = (props) => {
-  const { tooltipType, annotationsContainerRef } = props;
-  const { pinned, data, visibility, relativePosition } = (0, import_selectors.useAnnotationsTooltipState)();
-  const updateTooltipState = (0, import_state_setters.useSetStateTooltip)();
-  const updateSelectionState = (0, import_state_setters.useSetStateSelection)();
-  const onMarkersInteraction = (0, import_useMarkersInteractions.useMarkersInteractions)();
-  const ref = (0, import_react.useRef)(null);
-  const config = (0, import_useAnnotationsTooltipConfig.useAnnotationsTooltipConfig)();
-  const {
-    selectedItem: selectedItemId,
-    updateSelectedItem,
-    actionsMenuRef,
-    onLeave: handleMenuLeave,
-    onScroll: handleMenuScroll,
-    isScrolling
-  } = (0, import_useChartActionsMenu.useChartActionsMenu)();
-  const hideTooltip = () => {
-    updateTooltipState(import_AnnotationsDataInitialState.initialState.tooltip);
-    updateSelectionState(import_AnnotationsDataInitialState.initialState.selection);
-    onMarkersInteraction?.(import_AnnotationsDataInitialState.initialState.selection);
-  };
-  (0, import_useRegisterTooltipHandlerCallbacks.useRegisterTooltipHandlerCallbacks)(ref, hideTooltip);
-  const showTooltip = !config?.hidden && !!(data && visibility && relativePosition);
-  const handleMouseLeave = (event) => {
-    const { hoveredListItem, hoverGroupListKey } = import_AnnotationsDataInitialState.initialState.selection;
-    const newSelection = {
-      hoveredListItem,
-      hoverGroupListKey
-    };
-    updateSelectionState(newSelection);
-    onMarkersInteraction?.(newSelection);
-    handleMenuLeave(event);
-  };
-  const bounds = (0, import_useScrollResponsiveChartBounds.useScrollResponsiveChartBounds)(
-    annotationsContainerRef,
-    pinned
-  )();
-  if (!bounds || !relativePosition) {
-    return null;
-  }
-  const position = {
-    x: bounds.left + relativePosition.x,
-    y: bounds.top + relativePosition.y
-  };
-  return showTooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ChartTooltip.ChartTooltip,
-    {
-      position,
-      onMouseLeave: handleMouseLeave,
-      actionSelectionValue: {
-        selectedItemId,
-        actionsMenuRef,
-        updateSelectedItem
-      },
-      pinned,
-      ref,
-      style: { overflowY: "auto" },
-      updatePositionWhenPinned: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_AnnotationsTooltip_css.tooltipContentContainer, children: config?.template ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_AnnotationsCustomizedTooltip.AnnotationsCustomizedTooltip,
-        {
-          tooltipTemplate: config?.template,
-          data
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_AnnotationsDefaultTooltip.AnnotationsDefaultTooltip,
-        {
-          data,
-          tooltipType,
-          isScrolling,
-          onScrollContent: handleMenuScroll
-        }
-      ) })
-    }
-  ) : null;
-};
-AnnotationsTooltip["displayName"] = "AnnotationsTooltip";

package/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.sty.d.ts

@@ -1 +0,0 @@
-export declare const tooltipContentContainer: string;

package/charts/core/components/annotations/components/tooltip/AnnotationsTooltipHeaders.d.ts

@@ -1,7 +0,0 @@
-interface AnnotationsTooltipHeaderProps {
-    from: number;
-    to: number;
-}
-export declare const AnnotationsNumericalTooltipHeader: (props: AnnotationsTooltipHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AnnotationsTimeTooltipHeader: (props: AnnotationsTooltipHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/charts/core/components/annotations/components/tooltip/AnnotationsTooltipHeaders.js

@@ -1,43 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AnnotationsTooltipHeaders_exports = {};
-__export(AnnotationsTooltipHeaders_exports, {
-  AnnotationsNumericalTooltipHeader: () => AnnotationsNumericalTooltipHeader,
-  AnnotationsTimeTooltipHeader: () => AnnotationsTimeTooltipHeader
-});
-module.exports = __toCommonJS(AnnotationsTooltipHeaders_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_useAnnotationsTooltipFormatter = require("./hooks/useAnnotationsTooltipFormatter.js");
-var import_ChartTooltip = require("../../../tooltip/ChartTooltip/ChartTooltip.js");
-const AnnotationsNumericalTooltipHeader = (props) => {
-  const { from, to } = props;
-  const formatter = (0, import_useAnnotationsTooltipFormatter.useAnnotationsTooltipFormatter)();
-  return to > from ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartTooltip.ChartTooltip.RangeHeader, { from, to, formatter }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartTooltip.ChartTooltip.TextHeader, { text: formatter(from) });
-};
-const AnnotationsTimeTooltipHeader = (props) => {
-  const { from, to } = props;
-  return to > from ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ChartTooltip.ChartTooltip.TimeFrameHeader,
-    {
-      from: new Date(from),
-      to: new Date(to),
-      clampFutureToDateToNow: false,
-      showDuration: true
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartTooltip.ChartTooltip.TimestampHeader, { date: new Date(from) });
-};

package/charts/core/components/annotations/components/tooltip/AnnotationsTooltipItem.d.ts

@@ -1,9 +0,0 @@
-import type { AnnotationsMarkerConfig } from '../../types/annotations-marker-props.js';
-type AnnotationsTooltipItemProps = {
-    marker: AnnotationsMarkerConfig;
-    showDivider: boolean;
-    markerGroupKey: string;
-    isScrolling?: boolean;
-};
-export declare const AnnotationsTooltipItem: (props: AnnotationsTooltipItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
-export {};

package/charts/core/components/annotations/components/tooltip/AnnotationsTooltipItem.js

@@ -1,95 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AnnotationsTooltipItem_exports = {};
-__export(AnnotationsTooltipItem_exports, {
-  AnnotationsTooltipItem: () => AnnotationsTooltipItem
-});
-module.exports = __toCommonJS(AnnotationsTooltipItem_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_typography = __toESM(require("@dynatrace/strato-design-tokens/typography"));
-var import_get_symbol = require("./utils/get-symbol.js");
-var import_useDefaultAction = require("../../../series-action/hooks/useDefaultAction.js");
-var import_ChartTooltip = require("../../../tooltip/ChartTooltip/ChartTooltip.js");
-var import_selectors = require("../../hooks/store/selectors.js");
-var import_state_setters = require("../../hooks/store/state-setters.js");
-var import_useAnnotationsActions = require("../../hooks/useAnnotationsActions.js");
-var import_useMarkersInteractions = require("../../hooks/useMarkersInteractions.js");
-const AnnotationsTooltipItem = (0, import_react.forwardRef)(({ marker, showDivider, markerGroupKey, isScrolling }, forwardedRef) => {
-  const actions = (0, import_useAnnotationsActions.useAnnotationsActions)();
-  const { hoveredItem } = (0, import_selectors.useAnnotationsSelectionState)();
-  const updateSelectionState = (0, import_state_setters.useSetStateSelection)();
-  const onMarkersInteraction = (0, import_useMarkersInteractions.useMarkersInteractions)();
-  const handleMouseOver = (event) => {
-    const newSelection = {
-      hoveredListItem: marker.id,
-      hoverGroupListKey: markerGroupKey
-    };
-    updateSelectionState(newSelection);
-    onMarkersInteraction?.(newSelection);
-  };
-  const symbolContent = (0, import_get_symbol.getSymbol)(marker);
-  const {
-    symbol,
-    title,
-    description,
-    start,
-    end,
-    color,
-    priority,
-    hidden,
-    ...extraFields
-  } = marker;
-  const tooltipItem = {
-    ...extraFields,
-    name: title ?? "",
-    symbol,
-    title,
-    description,
-    start,
-    end
-  };
-  const isEmphasized = markerGroupKey === hoveredItem;
-  const seriesActions = !isScrolling ? actions?.(tooltipItem) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ChartTooltip.ChartTooltip.EventItem,
-    {
-      icon: symbolContent,
-      title: marker.title,
-      description: marker.description,
-      onMouseOver: handleMouseOver,
-      actions: seriesActions ? () => seriesActions : void 0,
-      defaultActions: (0, import_useDefaultAction.getDefaultAction)(tooltipItem),
-      style: {
-        fontWeight: isEmphasized ? import_typography.default.Text.Base.Emphasized.Weight : import_typography.default.Text.Base.Default.Weight
-      },
-      showDivider
-    }
-  );
-});
-AnnotationsTooltipItem.displayName = "AnnotationsTooltipItem";

package/charts/core/components/annotations/components/tooltip/hooks/useRegisterTooltipHandlerCallbacks.d.ts

@@ -1,10 +0,0 @@
-import { type RefObject } from 'react';
-/**
- * Attaches event listeners to the referenced component to enable calling
- * the HideTooltip method whenever a click event occurs outside of it or
- * the escape key is pressed.
- *
- * @param ref - Ref object of the component to attach the event listeners to.
- * @param hideTooltip - Function that hides the tooltip when triggered.
- */
-export declare const useRegisterTooltipHandlerCallbacks: (ref: RefObject<HTMLElement | null>, hideTooltip: () => void) => void;

package/charts/core/components/annotations/components/tooltip/hooks/useRegisterTooltipHandlerCallbacks.js

@@ -1,49 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useRegisterTooltipHandlerCallbacks_exports = {};
-__export(useRegisterTooltipHandlerCallbacks_exports, {
-  useRegisterTooltipHandlerCallbacks: () => useRegisterTooltipHandlerCallbacks
-});
-module.exports = __toCommonJS(useRegisterTooltipHandlerCallbacks_exports);
-var import_react = require("react");
-var import_selectors = require("../../../hooks/store/selectors.js");
-const useRegisterTooltipHandlerCallbacks = (ref, hideTooltip) => {
-  const { pinned } = (0, import_selectors.useAnnotationsTooltipState)();
-  (0, import_react.useLayoutEffect)(() => {
-    const handleKeyDown = (event) => {
-      if (pinned && event.key === "Escape") {
-        hideTooltip();
-      }
-    };
-    const handleOutsideClick = (event) => {
-      const currentTarget = event.target;
-      const refCurrent = ref.current;
-      if (pinned && refCurrent && !refCurrent.contains(currentTarget)) {
-        hideTooltip();
-      }
-    };
-    if (pinned) {
-      document.addEventListener("keydown", handleKeyDown);
-      document.addEventListener("click", handleOutsideClick);
-    }
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-      document.removeEventListener("click", handleOutsideClick);
-    };
-  }, [pinned, ref]);
-};