@dynatrace/strato-components 3.5.2 → 3.7.0

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

@@ -1,100 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import {
-  useRef
-} from "react";
-import { AnnotationsCustomizedTooltip } from "./AnnotationsCustomizedTooltip.js";
-import { AnnotationsDefaultTooltip } from "./AnnotationsDefaultTooltip.js";
-import { tooltipContentContainer } from "./AnnotationsTooltip.sty.js";
-import { useAnnotationsTooltipConfig } from "./hooks/useAnnotationsTooltipConfig.js";
-import { useRegisterTooltipHandlerCallbacks } from "./hooks/useRegisterTooltipHandlerCallbacks.js";
-import { useScrollResponsiveChartBounds } from "../../../../hooks/useScrollResponsiveChartBounds.js";
-import { useChartActionsMenu } from "../../../series-action/hooks/useChartActionsMenu.js";
-import { ChartTooltip } from "../../../tooltip/ChartTooltip/ChartTooltip.js";
-import { useAnnotationsTooltipState } from "../../hooks/store/selectors.js";
-import {
-  useSetStateSelection,
-  useSetStateTooltip
-} from "../../hooks/store/state-setters.js";
-import { useMarkersInteractions } from "../../hooks/useMarkersInteractions.js";
-import { initialState } from "../../providers/AnnotationsDataInitialState.js";
-const AnnotationsTooltip = (props) => {
-  const { tooltipType, annotationsContainerRef } = props;
-  const { pinned, data, visibility, relativePosition } = useAnnotationsTooltipState();
-  const updateTooltipState = useSetStateTooltip();
-  const updateSelectionState = useSetStateSelection();
-  const onMarkersInteraction = useMarkersInteractions();
-  const ref = useRef(null);
-  const config = useAnnotationsTooltipConfig();
-  const {
-    selectedItem: selectedItemId,
-    updateSelectedItem,
-    actionsMenuRef,
-    onLeave: handleMenuLeave,
-    onScroll: handleMenuScroll,
-    isScrolling
-  } = useChartActionsMenu();
-  const hideTooltip = () => {
-    updateTooltipState(initialState.tooltip);
-    updateSelectionState(initialState.selection);
-    onMarkersInteraction?.(initialState.selection);
-  };
-  useRegisterTooltipHandlerCallbacks(ref, hideTooltip);
-  const showTooltip = !config?.hidden && !!(data && visibility && relativePosition);
-  const handleMouseLeave = (event) => {
-    const { hoveredListItem, hoverGroupListKey } = initialState.selection;
-    const newSelection = {
-      hoveredListItem,
-      hoverGroupListKey
-    };
-    updateSelectionState(newSelection);
-    onMarkersInteraction?.(newSelection);
-    handleMenuLeave(event);
-  };
-  const bounds = useScrollResponsiveChartBounds(
-    annotationsContainerRef,
-    pinned
-  )();
-  if (!bounds || !relativePosition) {
-    return null;
-  }
-  const position = {
-    x: bounds.left + relativePosition.x,
-    y: bounds.top + relativePosition.y
-  };
-  return showTooltip ? /* @__PURE__ */ jsx(
-    ChartTooltip,
-    {
-      position,
-      onMouseLeave: handleMouseLeave,
-      actionSelectionValue: {
-        selectedItemId,
-        actionsMenuRef,
-        updateSelectedItem
-      },
-      pinned,
-      ref,
-      style: { overflowY: "auto" },
-      updatePositionWhenPinned: true,
-      children: /* @__PURE__ */ jsx("div", { className: tooltipContentContainer, children: config?.template ? /* @__PURE__ */ jsx(
-        AnnotationsCustomizedTooltip,
-        {
-          tooltipTemplate: config?.template,
-          data
-        }
-      ) : /* @__PURE__ */ jsx(
-        AnnotationsDefaultTooltip,
-        {
-          data,
-          tooltipType,
-          isScrolling,
-          onScrollContent: handleMenuScroll
-        }
-      ) })
-    }
-  ) : null;
-};
-AnnotationsTooltip["displayName"] = "AnnotationsTooltip";
-export {
-  AnnotationsTooltip
-};
-//# sourceMappingURL=AnnotationsTooltip.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.tsx"],
-  "sourcesContent": ["import {\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n  type RefObject,\n} from 'react';\n\nimport { AnnotationsCustomizedTooltip } from './AnnotationsCustomizedTooltip.js';\nimport { AnnotationsDefaultTooltip } from './AnnotationsDefaultTooltip.js';\nimport { tooltipContentContainer } from './AnnotationsTooltip.sty.js';\nimport { useAnnotationsTooltipConfig } from './hooks/useAnnotationsTooltipConfig.js';\nimport { useRegisterTooltipHandlerCallbacks } from './hooks/useRegisterTooltipHandlerCallbacks.js';\nimport { useScrollResponsiveChartBounds } from '../../../../hooks/useScrollResponsiveChartBounds.js';\nimport { useChartActionsMenu } from '../../../series-action/hooks/useChartActionsMenu.js';\nimport { ChartTooltip } from '../../../tooltip/ChartTooltip/ChartTooltip.js';\nimport { useAnnotationsTooltipState } from '../../hooks/store/selectors.js';\nimport {\n  useSetStateSelection,\n  useSetStateTooltip,\n} from '../../hooks/store/state-setters.js';\nimport { useMarkersInteractions } from '../../hooks/useMarkersInteractions.js';\nimport { initialState } from '../../providers/AnnotationsDataInitialState.js';\n\ninterface AnnotationsTooltipProps {\n  tooltipType: 'time' | 'numerical';\n  annotationsContainerRef?: RefObject<HTMLDivElement>;\n}\n\n/**\n * Tooltip specific to the annotations chart\n */\nexport const AnnotationsTooltip = (props: AnnotationsTooltipProps) => {\n  const { tooltipType, annotationsContainerRef } = props;\n  const { pinned, data, visibility, relativePosition } =\n    useAnnotationsTooltipState();\n  const updateTooltipState = useSetStateTooltip();\n  const updateSelectionState = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n  const ref = useRef<HTMLDivElement>(null);\n  const config = useAnnotationsTooltipConfig();\n  const {\n    selectedItem: selectedItemId,\n    updateSelectedItem,\n    actionsMenuRef,\n    onLeave: handleMenuLeave,\n    onScroll: handleMenuScroll,\n    isScrolling,\n  } = useChartActionsMenu();\n\n  const hideTooltip = () => {\n    updateTooltipState(initialState.tooltip);\n    updateSelectionState(initialState.selection);\n    onMarkersInteraction?.(initialState.selection);\n  };\n  useRegisterTooltipHandlerCallbacks(ref, hideTooltip);\n\n  const showTooltip =\n    !config?.hidden && !!(data && visibility && relativePosition);\n\n  const handleMouseLeave = (event: ReactMouseEvent) => {\n    const { hoveredListItem, hoverGroupListKey } = initialState.selection;\n\n    const newSelection = {\n      hoveredListItem,\n      hoverGroupListKey,\n    };\n\n    updateSelectionState(newSelection);\n    onMarkersInteraction?.(newSelection);\n    handleMenuLeave(event);\n  };\n\n  const bounds = useScrollResponsiveChartBounds(\n    annotationsContainerRef,\n    pinned,\n  )();\n  if (!bounds || !relativePosition) {\n    return null;\n  }\n  const position = {\n    x: bounds.left + relativePosition.x,\n    y: bounds.top + relativePosition.y,\n  };\n\n  return showTooltip ? (\n    <ChartTooltip\n      position={position}\n      onMouseLeave={handleMouseLeave}\n      actionSelectionValue={{\n        selectedItemId,\n        actionsMenuRef,\n        updateSelectedItem,\n      }}\n      pinned={pinned}\n      ref={ref}\n      style={{ overflowY: 'auto' }}\n      updatePositionWhenPinned={true}\n    >\n      <div className={tooltipContentContainer}>\n        {config?.template ? (\n          <AnnotationsCustomizedTooltip\n            tooltipTemplate={config?.template}\n            data={data}\n          />\n        ) : (\n          <AnnotationsDefaultTooltip\n            data={data}\n            tooltipType={tooltipType}\n            isScrolling={isScrolling}\n            onScrollContent={handleMenuScroll}\n          />\n        )}\n      </div>\n    </ChartTooltip>\n  ) : null;\n};\nAnnotationsTooltip['displayName'] = 'AnnotationsTooltip';\n"],
-  "mappings": "AAmGU;AAnGV;AAAA,EACE;AAAA,OAGK;AAEP,SAAS,oCAAoC;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAC5C,SAAS,0CAA0C;AACnD,SAAS,sCAAsC;AAC/C,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAUtB,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,aAAa,wBAAwB,IAAI;AACjD,QAAM,EAAE,QAAQ,MAAM,YAAY,iBAAiB,IACjD,2BAA2B;AAC7B,QAAM,qBAAqB,mBAAmB;AAC9C,QAAM,uBAAuB,qBAAqB;AAClD,QAAM,uBAAuB,uBAAuB;AACpD,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,SAAS,4BAA4B;AAC3C,QAAM;AAAA,IACJ,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM,cAAc,MAAM;AACxB,uBAAmB,aAAa,OAAO;AACvC,yBAAqB,aAAa,SAAS;AAC3C,2BAAuB,aAAa,SAAS;AAAA,EAC/C;AACA,qCAAmC,KAAK,WAAW;AAEnD,QAAM,cACJ,CAAC,QAAQ,UAAU,CAAC,EAAE,QAAQ,cAAc;AAE9C,QAAM,mBAAmB,CAAC,UAA2B;AACnD,UAAM,EAAE,iBAAiB,kBAAkB,IAAI,aAAa;AAE5D,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,IACF;AAEA,yBAAqB,YAAY;AACjC,2BAAuB,YAAY;AACnC,oBAAgB,KAAK;AAAA,EACvB;AAEA,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EACF,EAAE;AACF,MAAI,CAAC,UAAU,CAAC,kBAAkB;AAChC,WAAO;AAAA,EACT;AACA,QAAM,WAAW;AAAA,IACf,GAAG,OAAO,OAAO,iBAAiB;AAAA,IAClC,GAAG,OAAO,MAAM,iBAAiB;AAAA,EACnC;AAEA,SAAO,cACL;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,sBAAsB;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,EAAE,WAAW,OAAO;AAAA,MAC3B,0BAA0B;AAAA,MAE1B,8BAAC,SAAI,WAAW,yBACb,kBAAQ,WACP;AAAA,QAAC;AAAA;AAAA,UACC,iBAAiB,QAAQ;AAAA,UACzB;AAAA;AAAA,MACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA;AAAA,MACnB,GAEJ;AAAA;AAAA,EACF,IACE;AACN;AACA,mBAAmB,aAAa,IAAI;",
-  "names": []
-}

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

@@ -1,6 +0,0 @@
-import "./AnnotationsTooltip.css";
-var tooltipContentContainer = "_1lrb03s0-3-5-2";
-export {
-  tooltipContentContainer
-};
-//# sourceMappingURL=AnnotationsTooltip.sty.js.map

package/esm/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.sty.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsTooltip.css.ts"],
-  "sourcesContent": ["import './AnnotationsTooltip.css';\nexport var tooltipContentContainer = '_1lrb03s0-3-5-2';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,0BAA0B;",
-  "names": []
-}

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

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useAnnotationsTooltipFormatter } from "./hooks/useAnnotationsTooltipFormatter.js";
-import { ChartTooltip } from "../../../tooltip/ChartTooltip/ChartTooltip.js";
-const AnnotationsNumericalTooltipHeader = (props) => {
-  const { from, to } = props;
-  const formatter = useAnnotationsTooltipFormatter();
-  return to > from ? /* @__PURE__ */ jsx(ChartTooltip.RangeHeader, { from, to, formatter }) : /* @__PURE__ */ jsx(ChartTooltip.TextHeader, { text: formatter(from) });
-};
-const AnnotationsTimeTooltipHeader = (props) => {
-  const { from, to } = props;
-  return to > from ? /* @__PURE__ */ jsx(
-    ChartTooltip.TimeFrameHeader,
-    {
-      from: new Date(from),
-      to: new Date(to),
-      clampFutureToDateToNow: false,
-      showDuration: true
-    }
-  ) : /* @__PURE__ */ jsx(ChartTooltip.TimestampHeader, { date: new Date(from) });
-};
-export {
-  AnnotationsNumericalTooltipHeader,
-  AnnotationsTimeTooltipHeader
-};
-//# sourceMappingURL=AnnotationsTooltipHeaders.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsTooltipHeaders.tsx"],
-  "sourcesContent": ["import { useAnnotationsTooltipFormatter } from './hooks/useAnnotationsTooltipFormatter.js';\nimport { ChartTooltip } from '../../../tooltip/ChartTooltip/ChartTooltip.js';\n\ninterface AnnotationsTooltipHeaderProps {\n  from: number;\n  to: number;\n}\n\nexport const AnnotationsNumericalTooltipHeader = (\n  props: AnnotationsTooltipHeaderProps,\n) => {\n  const { from, to } = props;\n  const formatter = useAnnotationsTooltipFormatter();\n  return to > from ? (\n    <ChartTooltip.RangeHeader from={from} to={to} formatter={formatter} />\n  ) : (\n    <ChartTooltip.TextHeader text={formatter(from)} />\n  );\n};\n\nexport const AnnotationsTimeTooltipHeader = (\n  props: AnnotationsTooltipHeaderProps,\n) => {\n  const { from, to } = props;\n  return to > from ? (\n    <ChartTooltip.TimeFrameHeader\n      from={new Date(from)}\n      to={new Date(to)}\n      clampFutureToDateToNow={false}\n      showDuration\n    />\n  ) : (\n    <ChartTooltip.TimestampHeader date={new Date(from)} />\n  );\n};\n"],
-  "mappings": "AAcI;AAdJ,SAAS,sCAAsC;AAC/C,SAAS,oBAAoB;AAOtB,MAAM,oCAAoC,CAC/C,UACG;AACH,QAAM,EAAE,MAAM,GAAG,IAAI;AACrB,QAAM,YAAY,+BAA+B;AACjD,SAAO,KAAK,OACV,oBAAC,aAAa,aAAb,EAAyB,MAAY,IAAQ,WAAsB,IAEpE,oBAAC,aAAa,YAAb,EAAwB,MAAM,UAAU,IAAI,GAAG;AAEpD;AAEO,MAAM,+BAA+B,CAC1C,UACG;AACH,QAAM,EAAE,MAAM,GAAG,IAAI;AACrB,SAAO,KAAK,OACV;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,MAAM,IAAI,KAAK,IAAI;AAAA,MACnB,IAAI,IAAI,KAAK,EAAE;AAAA,MACf,wBAAwB;AAAA,MACxB,cAAY;AAAA;AAAA,EACd,IAEA,oBAAC,aAAa,iBAAb,EAA6B,MAAM,IAAI,KAAK,IAAI,GAAG;AAExD;",
-  "names": []
-}

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

@@ -1,67 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import Text from "@dynatrace/strato-design-tokens/typography";
-import { getSymbol } from "./utils/get-symbol.js";
-import { getDefaultAction } from "../../../series-action/hooks/useDefaultAction.js";
-import { ChartTooltip } from "../../../tooltip/ChartTooltip/ChartTooltip.js";
-import { useAnnotationsSelectionState } from "../../hooks/store/selectors.js";
-import { useSetStateSelection } from "../../hooks/store/state-setters.js";
-import { useAnnotationsActions } from "../../hooks/useAnnotationsActions.js";
-import { useMarkersInteractions } from "../../hooks/useMarkersInteractions.js";
-const AnnotationsTooltipItem = forwardRef(({ marker, showDivider, markerGroupKey, isScrolling }, forwardedRef) => {
-  const actions = useAnnotationsActions();
-  const { hoveredItem } = useAnnotationsSelectionState();
-  const updateSelectionState = useSetStateSelection();
-  const onMarkersInteraction = useMarkersInteractions();
-  const handleMouseOver = (event) => {
-    const newSelection = {
-      hoveredListItem: marker.id,
-      hoverGroupListKey: markerGroupKey
-    };
-    updateSelectionState(newSelection);
-    onMarkersInteraction?.(newSelection);
-  };
-  const symbolContent = 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__ */ jsx(
-    ChartTooltip.EventItem,
-    {
-      icon: symbolContent,
-      title: marker.title,
-      description: marker.description,
-      onMouseOver: handleMouseOver,
-      actions: seriesActions ? () => seriesActions : void 0,
-      defaultActions: getDefaultAction(tooltipItem),
-      style: {
-        fontWeight: isEmphasized ? Text.Text.Base.Emphasized.Weight : Text.Text.Base.Default.Weight
-      },
-      showDivider
-    }
-  );
-});
-AnnotationsTooltipItem.displayName = "AnnotationsTooltipItem";
-export {
-  AnnotationsTooltipItem
-};
-//# sourceMappingURL=AnnotationsTooltipItem.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/charts/core/components/annotations/components/tooltip/AnnotationsTooltipItem.tsx"],
-  "sourcesContent": ["import { forwardRef, type MouseEvent as ReactMouseEvent } from 'react';\n\nimport Text from '@dynatrace/strato-design-tokens/typography';\n\nimport { getSymbol } from './utils/get-symbol.js';\nimport type { TooltipItem } from '../../../../types/tooltip.js';\nimport { getDefaultAction } from '../../../series-action/hooks/useDefaultAction.js';\nimport { ChartTooltip } from '../../../tooltip/ChartTooltip/ChartTooltip.js';\nimport { useAnnotationsSelectionState } from '../../hooks/store/selectors.js';\nimport { useSetStateSelection } from '../../hooks/store/state-setters.js';\nimport { useAnnotationsActions } from '../../hooks/useAnnotationsActions.js';\nimport { useMarkersInteractions } from '../../hooks/useMarkersInteractions.js';\nimport type { AnnotationsMarkerConfig } from '../../types/annotations-marker-props.js';\nimport type { AnnotationsActionsPayload } from '../../types/annotations.js';\n\ntype AnnotationsTooltipItemProps = {\n  marker: AnnotationsMarkerConfig;\n  showDivider: boolean;\n  markerGroupKey: string;\n  isScrolling?: boolean;\n};\n\nexport const AnnotationsTooltipItem = forwardRef<\n  HTMLDivElement,\n  AnnotationsTooltipItemProps\n>(({ marker, showDivider, markerGroupKey, isScrolling }, forwardedRef) => {\n  const actions = useAnnotationsActions();\n  const { hoveredItem } = useAnnotationsSelectionState();\n  const updateSelectionState = useSetStateSelection();\n  const onMarkersInteraction = useMarkersInteractions();\n  const handleMouseOver = (event: ReactMouseEvent) => {\n    const newSelection = {\n      hoveredListItem: marker.id,\n      hoverGroupListKey: markerGroupKey,\n    };\n    updateSelectionState(newSelection);\n    onMarkersInteraction?.(newSelection);\n  };\n\n  const symbolContent = getSymbol(marker);\n\n  const {\n    symbol,\n    title,\n    description,\n    start,\n    end,\n    color,\n    priority,\n    hidden,\n    ...extraFields\n  } = marker;\n\n  const tooltipItem: TooltipItem & AnnotationsActionsPayload = {\n    ...extraFields,\n    name: title ?? '',\n    symbol,\n    title,\n    description,\n    start,\n    end,\n  };\n\n  const isEmphasized = markerGroupKey === hoveredItem;\n  const seriesActions = !isScrolling ? actions?.(tooltipItem) : undefined;\n\n  return (\n    <ChartTooltip.EventItem\n      icon={symbolContent}\n      title={marker.title}\n      description={marker.description}\n      onMouseOver={handleMouseOver}\n      actions={seriesActions ? () => seriesActions : undefined}\n      defaultActions={getDefaultAction(tooltipItem)}\n      style={{\n        fontWeight: isEmphasized\n          ? Text.Text.Base.Emphasized.Weight\n          : Text.Text.Base.Default.Weight,\n      }}\n      showDivider={showDivider}\n    />\n  );\n});\n\n(\n  AnnotationsTooltipItem as typeof AnnotationsTooltipItem & {\n    displayName: string;\n  }\n).displayName = 'AnnotationsTooltipItem';\n"],
-  "mappings": "AAmEI;AAnEJ,SAAS,kBAAsD;AAE/D,OAAO,UAAU;AAEjB,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,oCAAoC;AAC7C,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AAWhC,MAAM,yBAAyB,WAGpC,CAAC,EAAE,QAAQ,aAAa,gBAAgB,YAAY,GAAG,iBAAiB;AACxE,QAAM,UAAU,sBAAsB;AACtC,QAAM,EAAE,YAAY,IAAI,6BAA6B;AACrD,QAAM,uBAAuB,qBAAqB;AAClD,QAAM,uBAAuB,uBAAuB;AACpD,QAAM,kBAAkB,CAAC,UAA2B;AAClD,UAAM,eAAe;AAAA,MACnB,iBAAiB,OAAO;AAAA,MACxB,mBAAmB;AAAA,IACrB;AACA,yBAAqB,YAAY;AACjC,2BAAuB,YAAY;AAAA,EACrC;AAEA,QAAM,gBAAgB,UAAU,MAAM;AAEtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,cAAuD;AAAA,IAC3D,GAAG;AAAA,IACH,MAAM,SAAS;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,eAAe,mBAAmB;AACxC,QAAM,gBAAgB,CAAC,cAAc,UAAU,WAAW,IAAI;AAE9D,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,MAAM;AAAA,MACN,OAAO,OAAO;AAAA,MACd,aAAa,OAAO;AAAA,MACpB,aAAa;AAAA,MACb,SAAS,gBAAgB,MAAM,gBAAgB;AAAA,MAC/C,gBAAgB,iBAAiB,WAAW;AAAA,MAC5C,OAAO;AAAA,QACL,YAAY,eACR,KAAK,KAAK,KAAK,WAAW,SAC1B,KAAK,KAAK,KAAK,QAAQ;AAAA,MAC7B;AAAA,MACA;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,uBAGA,cAAc;",
-  "names": []
-}

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

@@ -1,31 +0,0 @@
-import { useLayoutEffect } from "react";
-import { useAnnotationsTooltipState } from "../../../hooks/store/selectors.js";
-const useRegisterTooltipHandlerCallbacks = (ref, hideTooltip) => {
-  const { pinned } = useAnnotationsTooltipState();
-  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]);
-};
-export {
-  useRegisterTooltipHandlerCallbacks
-};
-//# sourceMappingURL=useRegisterTooltipHandlerCallbacks.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../../src/charts/core/components/annotations/components/tooltip/hooks/useRegisterTooltipHandlerCallbacks.ts"],
-  "sourcesContent": ["import { type RefObject, useLayoutEffect } from 'react';\n\nimport { useAnnotationsTooltipState } from '../../../hooks/store/selectors.js';\n\n/**\n * Attaches event listeners to the referenced component to enable calling\n * the HideTooltip method whenever a click event occurs outside of it or\n * the escape key is pressed.\n *\n * @param ref - Ref object of the component to attach the event listeners to.\n * @param hideTooltip - Function that hides the tooltip when triggered.\n */\nexport const useRegisterTooltipHandlerCallbacks = (\n  ref: RefObject<HTMLElement | null>,\n  hideTooltip: () => void,\n) => {\n  const { pinned } = useAnnotationsTooltipState();\n  useLayoutEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (pinned && event.key === 'Escape') {\n        hideTooltip();\n      }\n    };\n\n    const handleOutsideClick = (event: MouseEvent) => {\n      const currentTarget = event.target;\n      const refCurrent = ref.current;\n\n      if (pinned && refCurrent && !refCurrent.contains(currentTarget as Node)) {\n        hideTooltip();\n      }\n    };\n\n    if (pinned) {\n      document.addEventListener('keydown', handleKeyDown);\n      document.addEventListener('click', handleOutsideClick);\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.removeEventListener('click', handleOutsideClick);\n    };\n  }, [pinned, ref]);\n};\n"],
-  "mappings": "AAAA,SAAyB,uBAAuB;AAEhD,SAAS,kCAAkC;AAUpC,MAAM,qCAAqC,CAChD,KACA,gBACG;AACH,QAAM,EAAE,OAAO,IAAI,2BAA2B;AAC9C,kBAAgB,MAAM;AACpB,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,UAAI,UAAU,MAAM,QAAQ,UAAU;AACpC,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,UAAM,qBAAqB,CAAC,UAAsB;AAChD,YAAM,gBAAgB,MAAM;AAC5B,YAAM,aAAa,IAAI;AAEvB,UAAI,UAAU,cAAc,CAAC,WAAW,SAAS,aAAqB,GAAG;AACvE,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,QAAI,QAAQ;AACV,eAAS,iBAAiB,WAAW,aAAa;AAClD,eAAS,iBAAiB,SAAS,kBAAkB;AAAA,IACvD;AAEA,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,aAAa;AACrD,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,QAAQ,GAAG,CAAC;AAClB;",
-  "names": []
-}

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

@@ -1,127 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { isNil } from "lodash-es";
-import { ChartOverlaysElevation } from "../../../constants.js";
-import { plotLayout } from "../../chart-grid/ChartGrid.sty.js";
-import { HorizontalCrosshair } from "../../crosshair/HorizontalCrosshair.js";
-import { VerticalCrosshair } from "../../crosshair/VerticalCrosshair.js";
-import { interactionsOverlay } from "../../interactions-overlay/InteractionsOverlay.sty.js";
-import { useOverlay } from "../contexts/OverlayContext.js";
-import { useTooltip } from "../contexts/TooltipContext.js";
-import { useSelector, useTooltipSnapshot } from "../selectors.js";
-import { useTooltipReducer } from "../useTooltipReducer.js";
-import { isOwnEvent } from "../utils.js";
-const DummyInteractionsOverlay = (props) => {
-  const dispatch = useTooltipReducer();
-  const tooltip = useTooltip();
-  const overlay = useOverlay();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "none",
-      ref: overlay.overlayRef,
-      className: interactionsOverlay,
-      onPointerMove: (event) => isOwnEvent(event) && dispatch({
-        type: "SET_POSITION",
-        payload: props.getData()
-      })(event),
-      onPointerLeave: dispatch({ type: "SET_OUT_BOUNDS" }),
-      onClick: (event) => {
-        if (!isOwnEvent(event)) {
-          return;
-        }
-        if (tooltip.getState().pinned) {
-          dispatch({
-            type: "SET_PINNED",
-            payload: {
-              pinned: false,
-              data: {
-                geometry: "none",
-                series: void 0,
-                header1: void 0,
-                subheader: void 0
-              }
-            }
-          })();
-        } else {
-          const { offsetX, offsetY } = event.nativeEvent;
-          dispatch({
-            type: "SET_PINNED",
-            payload: {
-              pinned: true,
-              data: props.getData(),
-              relativeX: offsetX,
-              relativeY: offsetY
-            }
-          })();
-        }
-      },
-      style: {
-        background: "#E6E6FA",
-        position: "absolute",
-        width: "98%",
-        height: "98%",
-        top: "1%",
-        left: "1%"
-      },
-      children: [
-        /* @__PURE__ */ jsx(Crosshair, {}),
-        props.children
-      ]
-    }
-  );
-};
-const Crosshair = () => {
-  const overlay = useOverlay();
-  useSelector(
-    ({ absoluteX, absoluteY, pinned: pinned2 }) => `${absoluteX}-${absoluteY}-${pinned2}`
-  );
-  const { relativeX, relativeY, pinned } = useTooltipSnapshot();
-  const bounds = overlay.getBounds();
-  if (isNil(bounds && relativeX && relativeY)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: clsx(
-        plotLayout,
-        {
-          overflow: "visible",
-          cursor: "crosshair",
-          zIndex: ChartOverlaysElevation.crosshair,
-          pointerEvents: "none"
-        },
-        interactionsOverlay
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          HorizontalCrosshair,
-          {
-            dashed: !pinned,
-            y: relativeY,
-            width: bounds?.width,
-            height: bounds?.height,
-            chartBounds: bounds,
-            leftOffset: 0,
-            rightOffset: 0
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          VerticalCrosshair,
-          {
-            dashed: !pinned,
-            x: relativeX,
-            height: bounds?.height,
-            width: bounds?.width,
-            chartBounds: bounds
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  DummyInteractionsOverlay
-};
-//# sourceMappingURL=DummyInteractionsOverlay.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/_to-be-removed/DummyInteractionsOverlay.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { isNil } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { ChartOverlaysElevation } from '../../../constants.js';\nimport { plotLayout } from '../../chart-grid/ChartGrid.sty.js';\nimport { HorizontalCrosshair } from '../../crosshair/HorizontalCrosshair.js';\nimport { VerticalCrosshair } from '../../crosshair/VerticalCrosshair.js';\nimport { interactionsOverlay } from '../../interactions-overlay/InteractionsOverlay.sty.js';\nimport { useOverlay } from '../contexts/OverlayContext.js';\nimport { useTooltip } from '../contexts/TooltipContext.js';\nimport { useSelector, useTooltipSnapshot } from '../selectors.js';\nimport type { Data } from '../types.js';\nimport { useTooltipReducer } from '../useTooltipReducer.js';\nimport { isOwnEvent } from '../utils.js';\n\nexport const DummyInteractionsOverlay = (\n  props: PropsWithChildren<{\n    getData: () => Data;\n  }>,\n) => {\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  const overlay = useOverlay();\n\n  return (\n    <div\n      role=\"none\"\n      ref={overlay.overlayRef}\n      className={interactionsOverlay}\n      onPointerMove={(event) =>\n        isOwnEvent(event) &&\n        dispatch({\n          type: 'SET_POSITION',\n          payload: props.getData(),\n        })(event)\n      }\n      onPointerLeave={dispatch({ type: 'SET_OUT_BOUNDS' })}\n      onClick={(event) => {\n        if (!isOwnEvent(event)) {\n          return;\n        }\n        if (tooltip.getState().pinned) {\n          dispatch({\n            type: 'SET_PINNED',\n            payload: {\n              pinned: false,\n              data: {\n                geometry: 'none',\n                series: undefined,\n                header1: undefined,\n                subheader: undefined,\n              },\n            },\n          })();\n        } else {\n          const { offsetX, offsetY } = event.nativeEvent;\n          dispatch({\n            type: 'SET_PINNED',\n            payload: {\n              pinned: true,\n              data: props.getData(),\n              relativeX: offsetX,\n              relativeY: offsetY,\n            },\n          })();\n        }\n      }}\n      style={{\n        background: '#E6E6FA',\n        position: 'absolute',\n        width: '98%',\n        height: '98%',\n        top: '1%',\n        left: '1%',\n      }}\n    >\n      <Crosshair />\n      {props.children}\n    </div>\n  );\n};\n\nconst Crosshair = () => {\n  const overlay = useOverlay();\n  useSelector(\n    ({ absoluteX, absoluteY, pinned }) => `${absoluteX}-${absoluteY}-${pinned}`,\n  );\n  const { relativeX, relativeY, pinned } = useTooltipSnapshot();\n  const bounds = overlay.getBounds();\n\n  if (isNil(bounds && relativeX && relativeY)) {\n    return null;\n  }\n\n  return (\n    <svg\n      className={clsx(\n        plotLayout,\n        {\n          overflow: 'visible',\n          cursor: 'crosshair',\n          zIndex: ChartOverlaysElevation.crosshair,\n          pointerEvents: 'none',\n        },\n        interactionsOverlay,\n      )}\n    >\n      <HorizontalCrosshair\n        dashed={!pinned}\n        y={relativeY as number}\n        width={bounds?.width as number}\n        height={bounds?.height as number}\n        chartBounds={bounds}\n        leftOffset={0}\n        rightOffset={0}\n      />\n      <VerticalCrosshair\n        dashed={!pinned}\n        x={relativeX as number}\n        height={bounds?.height as number}\n        width={bounds?.width as number}\n        chartBounds={bounds}\n      />\n    </svg>\n  );\n};\n"],
-  "mappings": "AA0BI,SAmDE,KAnDF;AA1BJ,OAAO,UAAU;AACjB,SAAS,aAAa;AAGtB,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,aAAa,0BAA0B;AAEhD,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAEpB,MAAM,2BAA2B,CACtC,UAGG;AACH,QAAM,WAAW,kBAAkB;AACnC,QAAM,UAAU,WAAW;AAC3B,QAAM,UAAU,WAAW;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAK,QAAQ;AAAA,MACb,WAAW;AAAA,MACX,eAAe,CAAC,UACd,WAAW,KAAK,KAChB,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS,MAAM,QAAQ;AAAA,MACzB,CAAC,EAAE,KAAK;AAAA,MAEV,gBAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAAA,MACnD,SAAS,CAAC,UAAU;AAClB,YAAI,CAAC,WAAW,KAAK,GAAG;AACtB;AAAA,QACF;AACA,YAAI,QAAQ,SAAS,EAAE,QAAQ;AAC7B,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,SAAS;AAAA,cACP,QAAQ;AAAA,cACR,MAAM;AAAA,gBACJ,UAAU;AAAA,gBACV,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,WAAW;AAAA,cACb;AAAA,YACF;AAAA,UACF,CAAC,EAAE;AAAA,QACL,OAAO;AACL,gBAAM,EAAE,SAAS,QAAQ,IAAI,MAAM;AACnC,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,SAAS;AAAA,cACP,QAAQ;AAAA,cACR,MAAM,MAAM,QAAQ;AAAA,cACpB,WAAW;AAAA,cACX,WAAW;AAAA,YACb;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MAEA;AAAA,4BAAC,aAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEA,MAAM,YAAY,MAAM;AACtB,QAAM,UAAU,WAAW;AAC3B;AAAA,IACE,CAAC,EAAE,WAAW,WAAW,QAAAA,QAAO,MAAM,GAAG,SAAS,IAAI,SAAS,IAAIA,OAAM;AAAA,EAC3E;AACA,QAAM,EAAE,WAAW,WAAW,OAAO,IAAI,mBAAmB;AAC5D,QAAM,SAAS,QAAQ,UAAU;AAEjC,MAAI,MAAM,UAAU,aAAa,SAAS,GAAG;AAC3C,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,QAAQ,uBAAuB;AAAA,UAC/B,eAAe;AAAA,QACjB;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,GAAG;AAAA,YACH,OAAO,QAAQ;AAAA,YACf,QAAQ,QAAQ;AAAA,YAChB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aAAa;AAAA;AAAA,QACf;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,GAAG;AAAA,YACH,QAAQ,QAAQ;AAAA,YAChB,OAAO,QAAQ;AAAA,YACf,aAAa;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": ["pinned"]
-}