@dynatrace/strato-components 3.1.3 → 3.2.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/SeriesItem.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { isNil, noop } from 'lodash-es';\nimport { forwardRef, useRef, type MouseEventHandler } from 'react';\n\nimport { SeriesActionsHeader } from './SeriesActionsHeader.js';\nimport { SeriesSymbol } from './SeriesSymbol.js';\nimport { Flex } from '../../../../../../layouts/flex/Flex.js';\nimport { ChartActionsMenuAsync } from '../../../series-action/ChartActionsMenuAsync.js';\nimport { getDefaultAction } from '../../../series-action/hooks/useDefaultAction.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useSelector, useTooltipSnapshot } from '../../selectors.js';\nimport {\n  relativeValueStyle,\n  seriesItem,\n  seriesItemText,\n  symbolWrapper,\n  seriesItemActive,\n  symbolRight,\n} from '../../tooltip.sty.js';\nimport type {\n  InternalSeriesItemProps,\n  SeriesItemProps,\n} from '../../types/series.js';\nimport { useTooltipReducer } from '../../useTooltipReducer.js';\n\nconst ACTIVE_SERIES_HOVER_DELAY = 500;\n\nexport const SeriesItem = (props: SeriesItemProps) => {\n  const internalProps = props as InternalSeriesItemProps;\n  const { actions, ...restProps } = internalProps;\n  const { symbolPosition = 'left' } = useExternalConfig();\n  const actionsMenuRef = useRef<HTMLDivElement>(null);\n  const dispatch = useTooltipReducer();\n  const isOpen = useSelector(({ activeSeries }) => activeSeries === props.name);\n  const { activeSeries } = useTooltipSnapshot();\n  const menuDelayRef = useRef(0);\n  const asyncActions = actions ? async () => actions() : undefined;\n\n  const triggerLeftTooltip: MouseEventHandler<HTMLDivElement> = (event) => {\n    event.stopPropagation();\n    dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })();\n  };\n  const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n    event.stopPropagation();\n    menuDelayRef.current = 0;\n    dispatch({\n      type: 'SET_ACTIVE_SERIES',\n      payload: { activeSeries: props.name },\n    })();\n  };\n  const handlePointerMove = () => {\n    menuDelayRef.current = ACTIVE_SERIES_HOVER_DELAY;\n    dispatch({\n      type: 'SET_ACTIVE_SERIES',\n      payload: { activeSeries: props.name },\n    })();\n  };\n\n  return (\n    <div\n      className={clsx(\n        activeSeries === props.name && seriesItemActive,\n        seriesItem({ symbolPosition }),\n      )}\n      role=\"none\"\n      onClick={handleClick}\n      onPointerMove={handlePointerMove}\n      onKeyDown={noop}\n    >\n      <ChartActionsMenuAsync\n        ref={actionsMenuRef}\n        defaultActions={getDefaultAction(props)}\n        actions={asyncActions}\n        isOpen={isOpen}\n        header={<SeriesActionsHeader text={props.name} />}\n        onActionSelected={triggerLeftTooltip}\n        delay={menuDelayRef.current}\n      >\n        {symbolPosition === 'right' ? (\n          <WithRightSymbol {...restProps} />\n        ) : (\n          <WithLeftSymbol {...restProps} />\n        )}\n      </ChartActionsMenuAsync>\n    </div>\n  );\n};\n\ntype SeriesWithSymbolProps = Omit<InternalSeriesItemProps, 'actions'>;\n\nconst WithRightSymbol = forwardRef<HTMLDivElement, SeriesWithSymbolProps>(\n  (props, ref) => {\n    const {\n      name,\n      value,\n      color,\n      relativeValue,\n      valueUnit,\n      relativeValueUnit,\n      shape,\n      icon,\n      symbol,\n    } = props;\n\n    return (\n      <Flex gap={0} ref={ref}>\n        <Flex flexItem flexGrow={10} gap={0} className={seriesItemText}>\n          {name}\n        </Flex>\n        <Flex flexItem gap={0}>\n          <Flex gap={0}>\n            <Flex flexItem gap={0} className={seriesItemText}>\n              {`${value}`}\n              {valueUnit && `${' ' + valueUnit}`}\n            </Flex>\n            {isNil(relativeValue) || (\n              <Flex\n                flexItem\n                gap={0}\n                className={clsx(relativeValueStyle, seriesItemText)}\n              >\n                {relativeValue}\n                {relativeValueUnit}\n              </Flex>\n            )}\n            <Flex className={clsx(symbolWrapper, symbolRight)} gap={0}>\n              <SeriesSymbol\n                color={color}\n                shape={shape}\n                symbol={symbol}\n                icon={icon}\n              />\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n    );\n  },\n);\n\nconst WithLeftSymbol = forwardRef<HTMLDivElement, SeriesWithSymbolProps>(\n  (props, ref) => {\n    const {\n      name,\n      value,\n      color,\n      relativeValue,\n      valueUnit,\n      relativeValueUnit,\n      symbol,\n      shape,\n      icon,\n    } = props;\n    return (\n      <Flex gap={0} ref={ref}>\n        <Flex flexItem flexGrow={10} gap={0}>\n          <Flex gap={0}>\n            <Flex className={symbolWrapper} gap={0}>\n              <SeriesSymbol\n                color={color}\n                shape={shape}\n                symbol={symbol}\n                icon={icon}\n              />\n            </Flex>\n            <Flex flexItem gap={0} className={seriesItemText}>\n              {name}\n            </Flex>\n          </Flex>\n        </Flex>\n        <Flex flexItem gap={0}>\n          <Flex gap={0}>\n            <Flex flexItem gap={0} className={seriesItemText}>\n              {`${value}`}\n              {valueUnit && `${' ' + valueUnit}`}\n            </Flex>\n            {isNil(relativeValue) || (\n              <Flex\n                flexItem\n                gap={0}\n                className={clsx(relativeValueStyle, seriesItemText)}\n              >\n                {relativeValue}\n                {relativeValueUnit}\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    );\n  },\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { noop } from 'lodash-es';\nimport { forwardRef, useRef, type MouseEventHandler } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useSeriesItemDisplayState } from './hooks/use-series-item-display-state.js';\nimport { SeriesActionsHeader } from './SeriesActionsHeader.js';\nimport { SeriesItemContent } from './SeriesItemContent.js';\nimport { COPY_TO_CLIPBOARD_MESSAGES } from '../../../copy-to-clipboard/copy-to-clipboard-messages.js';\nimport { ChartActionsMenuAsync } from '../../../series-action/ChartActionsMenuAsync.js';\nimport { TOOLTIP_CONTENT_PADDING } from '../../constants.js';\nimport { useExternalConfig } from '../../contexts/ExternalConfigContext.js';\nimport { useDefaultLabels } from '../../hooks/useDefaultLabels.js';\nimport { useSelector, useTooltipSnapshot } from '../../selectors.js';\nimport {\n  seriesItemActive,\n  seriesItemWrapper,\n  TOOLTIP_MAX_WIDTH,\n} from '../../tooltip.sty.js';\nimport type { SeriesItemProps } from '../../types/series.js';\nimport { InternalSeriesItemProps } from '../../types/series.js';\nimport { useTooltipReducer } from '../../useTooltipReducer.js';\nimport { getDefaultAction } from '../../utils/get-copy-action.js';\n\nconst ACTIVE_SERIES_HOVER_DELAY = 500;\n\nexport const SeriesItem = (props: SeriesItemProps) => {\n  const intl = useIntl();\n  const { pinned } = useTooltipSnapshot();\n  const labelFor = useDefaultLabels();\n  const internalProps = props as InternalSeriesItemProps;\n  const { actions, ...restProps } = internalProps;\n  const { symbolPosition = 'left', defaultActionsConfig } = useExternalConfig();\n  const dispatch = useTooltipReducer();\n  const isOpen = useSelector(({ activeSeries }) => activeSeries === props.name);\n  const { activeSeries } = useTooltipSnapshot();\n  const menuDelayRef = useRef(0);\n  const asyncActions = actions ? async () => actions() : undefined;\n\n  const triggerLeftTooltip: MouseEventHandler<HTMLDivElement> = (event) => {\n    event.stopPropagation();\n    dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })();\n  };\n  const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n    event.stopPropagation();\n    menuDelayRef.current = 0;\n    dispatch({\n      type: 'SET_ACTIVE_SERIES',\n      payload: { activeSeries: props.name },\n    })();\n  };\n  const handlePointerMove = () => {\n    menuDelayRef.current = ACTIVE_SERIES_HOVER_DELAY;\n    dispatch({\n      type: 'SET_ACTIVE_SERIES',\n      payload: { activeSeries: props.name },\n    })();\n  };\n  const defaultActions = !pinned\n    ? null\n    : [...defaultActionsConfig.entries()].map(([accessor, config]) => {\n        const message = intl.formatMessage(\n          config.messageLabel ?? COPY_TO_CLIPBOARD_MESSAGES.copyField,\n          {\n            field: labelFor?.(\n              config.field,\n              config.customLabel,\n            )?.toLocaleLowerCase(),\n          },\n        );\n        return getDefaultAction(props, accessor, message);\n      });\n\n  return (\n    <div\n      className={clsx(\n        activeSeries === props.name && seriesItemActive,\n        seriesItemWrapper,\n      )}\n      role=\"none\"\n      onClick={handleClick}\n      onPointerMove={handlePointerMove}\n      onKeyDown={noop}\n    >\n      <ChartActionsMenuAsync\n        defaultActions={defaultActions}\n        actions={asyncActions}\n        isOpen={isOpen}\n        header={<SeriesActionsHeader text={props.name} />}\n        onActionSelected={triggerLeftTooltip}\n        delay={menuDelayRef.current}\n      >\n        <WithSymbol symbolPosition={symbolPosition} {...restProps} />\n      </ChartActionsMenuAsync>\n    </div>\n  );\n};\n\ntype SeriesWithSymbolProps = Omit<InternalSeriesItemProps, 'actions'> & {\n  symbolPosition: 'left' | 'right';\n};\n\nconst WithSymbol = forwardRef<HTMLDivElement, SeriesWithSymbolProps>(\n  (props, ref) => {\n    const containerWidth = TOOLTIP_MAX_WIDTH - TOOLTIP_CONTENT_PADDING;\n    const { color, multiLine = false, name, shape, symbol, icon } = props;\n    const { symbolPosition } = props;\n    const {\n      nameText,\n      displayValueText,\n      displayRelativeValueText,\n      fullValueText,\n      fullRelativeValueText,\n      nameTextStyle,\n      nameStyle,\n    } = useSeriesItemDisplayState({ ...props, maxWidth: containerWidth });\n    return (\n      <SeriesItemContent\n        ref={ref}\n        color={color}\n        name={name}\n        nameText={nameText}\n        displayValueText={displayValueText}\n        displayRelativeValueText={displayRelativeValueText}\n        fullValueText={fullValueText}\n        fullRelativeValueText={fullRelativeValueText}\n        nameTextStyle={nameTextStyle}\n        nameStyle={nameStyle}\n        multiLine={multiLine}\n        symbolPosition={symbolPosition}\n        shape={shape}\n        symbol={symbol}\n        icon={icon}\n        maxWidth={containerWidth}\n      />\n    );\n  },\n);\n"],
+  "mappings": "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",
   "names": ["activeSeries"]
 }

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

@@ -0,0 +1,97 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { SeriesSymbol } from "./SeriesSymbol.js";
+import { Tooltip } from "../../../../../../overlays/tooltip/Tooltip.js";
+import { GAP_BETWEEN_COLUMNS } from "../../constants.js";
+import {
+  multiLineName,
+  relativeValueStyle,
+  seriesItem,
+  seriesItemMaxWidthVar,
+  seriesItemText,
+  seriesNameCell,
+  seriesNameText,
+  seriesValueCell,
+  symbolWrapper
+} from "../../tooltip.sty.js";
+const SeriesItemContent = forwardRef((props, ref) => {
+  const {
+    color,
+    nameText,
+    displayValueText,
+    displayRelativeValueText,
+    fullValueText,
+    fullRelativeValueText,
+    nameTextStyle,
+    nameStyle,
+    multiLine = false,
+    symbolPosition,
+    shape,
+    symbol,
+    icon,
+    maxWidth
+  } = props;
+  const isRightPosition = symbolPosition === "right";
+  const renderNameContent = () => {
+    if (Array.isArray(nameText) && multiLine) {
+      return /* @__PURE__ */ jsx("ul", { className: multiLineName, children: nameText.map((line) => {
+        return /* @__PURE__ */ jsx(
+          "li",
+          {
+            className: nameTextStyle,
+            style: { ...nameStyle, padding: 0 },
+            children: /* @__PURE__ */ jsx("span", { className: seriesNameText, children: line })
+          },
+          `${line}`
+        );
+      }) });
+    }
+    return /* @__PURE__ */ jsx("span", { className: nameTextStyle, style: nameStyle, children: /* @__PURE__ */ jsx("span", { className: seriesNameText, children: nameText }) });
+  };
+  const renderSymbol = () => {
+    return /* @__PURE__ */ jsx("span", { className: symbolWrapper({ isRight: isRightPosition }), children: /* @__PURE__ */ jsx(SeriesSymbol, { color, shape, symbol, icon }) });
+  };
+  const renderValue = () => {
+    const isValueTruncated = displayValueText !== fullValueText;
+    const isRelativeValueTruncated = displayRelativeValueText !== fullRelativeValueText;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Tooltip, { text: fullValueText, disabled: !isValueTruncated, children: /* @__PURE__ */ jsx("span", { className: seriesItemText, children: displayValueText }) }),
+      displayRelativeValueText && /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          text: fullRelativeValueText,
+          disabled: !isRelativeValueTruncated,
+          children: /* @__PURE__ */ jsx("span", { className: clsx(relativeValueStyle, seriesItemText), children: displayRelativeValueText })
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: seriesItem({ symbolPosition }),
+      style: assignInlineVars({
+        [seriesItemMaxWidthVar]: `${maxWidth}px`
+      }),
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { gridArea: "symbol" }, children: renderSymbol() }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: seriesNameCell,
+            style: { gridArea: "name", marginRight: `${GAP_BETWEEN_COLUMNS}px` },
+            children: renderNameContent()
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: seriesValueCell, style: { gridArea: "value" }, children: renderValue() })
+      ]
+    }
+  );
+});
+export {
+  SeriesItemContent
+};
+//# sourceMappingURL=SeriesItemContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/SeriesItemContent.tsx"],
+  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport clsx from 'clsx';\nimport { CSSProperties, forwardRef } from 'react';\n\nimport { SeriesSymbol } from './SeriesSymbol.js';\nimport { Tooltip } from '../../../../../../overlays/tooltip/Tooltip.js';\nimport { GAP_BETWEEN_COLUMNS } from '../../constants.js';\nimport {\n  multiLineName,\n  relativeValueStyle,\n  seriesItem,\n  seriesItemMaxWidthVar,\n  seriesItemText,\n  seriesNameCell,\n  seriesNameText,\n  seriesValueCell,\n  symbolWrapper,\n} from '../../tooltip.sty.js';\nimport { InternalSeriesItemProps } from '../../types/series.js';\n\ninterface SeriesItemContentProps\n  extends Omit<InternalSeriesItemProps, 'value'> {\n  nameText: string | string[];\n  displayValueText: string;\n  displayRelativeValueText?: string;\n  fullValueText: string;\n  fullRelativeValueText?: string;\n  nameTextStyle: string;\n  nameStyle: CSSProperties;\n  multiLine: boolean;\n  symbolPosition: 'left' | 'right';\n  maxWidth?: number;\n}\n\nexport const SeriesItemContent = forwardRef<\n  HTMLDivElement,\n  SeriesItemContentProps\n>((props, ref) => {\n  const {\n    color,\n    nameText,\n    displayValueText,\n    displayRelativeValueText,\n    fullValueText,\n    fullRelativeValueText,\n    nameTextStyle,\n    nameStyle,\n    multiLine = false,\n    symbolPosition,\n    shape,\n    symbol,\n    icon,\n    maxWidth,\n  } = props;\n  const isRightPosition = symbolPosition === 'right';\n  const renderNameContent = () => {\n    if (Array.isArray(nameText) && multiLine) {\n      return (\n        <ul className={multiLineName}>\n          {nameText.map((line) => {\n            return (\n              <li\n                key={`${line}`}\n                className={nameTextStyle}\n                style={{ ...nameStyle, padding: 0 }}\n              >\n                <span className={seriesNameText}>{line}</span>\n              </li>\n            );\n          })}\n        </ul>\n      );\n    }\n\n    return (\n      <span className={nameTextStyle} style={nameStyle}>\n        <span className={seriesNameText}>{nameText}</span>\n      </span>\n    );\n  };\n\n  const renderSymbol = () => {\n    return (\n      <span className={symbolWrapper({ isRight: isRightPosition })}>\n        <SeriesSymbol color={color} shape={shape} symbol={symbol} icon={icon} />\n      </span>\n    );\n  };\n\n  const renderValue = () => {\n    const isValueTruncated = displayValueText !== fullValueText;\n    const isRelativeValueTruncated =\n      displayRelativeValueText !== fullRelativeValueText;\n\n    return (\n      <>\n        <Tooltip text={fullValueText} disabled={!isValueTruncated}>\n          <span className={seriesItemText}>{displayValueText}</span>\n        </Tooltip>\n        {displayRelativeValueText && (\n          <Tooltip\n            text={fullRelativeValueText}\n            disabled={!isRelativeValueTruncated}\n          >\n            <span className={clsx(relativeValueStyle, seriesItemText)}>\n              {displayRelativeValueText}\n            </span>\n          </Tooltip>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={seriesItem({ symbolPosition })}\n      style={assignInlineVars({\n        [seriesItemMaxWidthVar]: `${maxWidth}px`,\n      })}\n    >\n      <div style={{ gridArea: 'symbol' }}>{renderSymbol()}</div>\n      <div\n        className={seriesNameCell}\n        style={{ gridArea: 'name', marginRight: `${GAP_BETWEEN_COLUMNS}px` }}\n      >\n        {renderNameContent()}\n      </div>\n      <div className={seriesValueCell} style={{ gridArea: 'value' }}>\n        {renderValue()}\n      </div>\n    </div>\n  );\n});\n"],
+  "mappings": "AAkEgB,SA6BV,UA7BU,KA6BV,YA7BU;AAlEhB,SAAS,wBAAwB;AACjC,OAAO,UAAU;AACjB,SAAwB,kBAAkB;AAE1C,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiBA,MAAM,oBAAoB,WAG/B,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,oBAAoB,MAAM;AAC9B,QAAI,MAAM,QAAQ,QAAQ,KAAK,WAAW;AACxC,aACE,oBAAC,QAAG,WAAW,eACZ,mBAAS,IAAI,CAAC,SAAS;AACtB,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,YACX,OAAO,EAAE,GAAG,WAAW,SAAS,EAAE;AAAA,YAElC,8BAAC,UAAK,WAAW,gBAAiB,gBAAK;AAAA;AAAA,UAJlC,GAAG,IAAI;AAAA,QAKd;AAAA,MAEJ,CAAC,GACH;AAAA,IAEJ;AAEA,WACE,oBAAC,UAAK,WAAW,eAAe,OAAO,WACrC,8BAAC,UAAK,WAAW,gBAAiB,oBAAS,GAC7C;AAAA,EAEJ;AAEA,QAAM,eAAe,MAAM;AACzB,WACE,oBAAC,UAAK,WAAW,cAAc,EAAE,SAAS,gBAAgB,CAAC,GACzD,8BAAC,gBAAa,OAAc,OAAc,QAAgB,MAAY,GACxE;AAAA,EAEJ;AAEA,QAAM,cAAc,MAAM;AACxB,UAAM,mBAAmB,qBAAqB;AAC9C,UAAM,2BACJ,6BAA6B;AAE/B,WACE,iCACE;AAAA,0BAAC,WAAQ,MAAM,eAAe,UAAU,CAAC,kBACvC,8BAAC,UAAK,WAAW,gBAAiB,4BAAiB,GACrD;AAAA,MACC,4BACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,UAAU,CAAC;AAAA,UAEX,8BAAC,UAAK,WAAW,KAAK,oBAAoB,cAAc,GACrD,oCACH;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,WAAW,EAAE,eAAe,CAAC;AAAA,MACxC,OAAO,iBAAiB;AAAA,QACtB,CAAC,qBAAqB,GAAG,GAAG,QAAQ;AAAA,MACtC,CAAC;AAAA,MAED;AAAA,4BAAC,SAAI,OAAO,EAAE,UAAU,SAAS,GAAI,uBAAa,GAAE;AAAA,QACpD;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,UAAU,QAAQ,aAAa,GAAG,mBAAmB,KAAK;AAAA,YAElE,4BAAkB;AAAA;AAAA,QACrB;AAAA,QACA,oBAAC,SAAI,WAAW,iBAAiB,OAAO,EAAE,UAAU,QAAQ,GACzD,sBAAY,GACf;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/hooks/use-series-item-display-state.js

@@ -0,0 +1,101 @@
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { useMemo } from "react";
+import { useValueContainerDisplayText } from "./use-value-container-display-state.js";
+import {
+  DEFAULT_SERIES_NAME_LINES,
+  MAX_SERIES_NAME_LINES,
+  SYMBOL_AND_SPACING_WIDTH,
+  TOOLTIP_CONTENT_PADDING
+} from "../../../constants.js";
+import { useExternalConfig } from "../../../contexts/ExternalConfigContext.js";
+import {
+  seriesNameMaxLinesVar,
+  TOOLTIP_MAX_WIDTH
+} from "../../../tooltip.sty.js";
+import { calculateTotalWidth400 } from "../../../utils/width-calculation.js";
+import { formatSeriesNameForDisplay } from "../utils/format-series-name-for-display.js";
+import { getDisplayNameText } from "../utils/get-display-name-text.js";
+import { getDisplayText } from "../utils/get-display-text.js";
+import { getIsTruncated } from "../utils/get-is-truncated.js";
+import { getNameTextStyle } from "../utils/get-name-text-style.js";
+const calculateNameText = (name, multiLine, shouldUseMultiLineCss, availableNameWidth, truncationMode) => {
+  if (Array.isArray(name)) {
+    if (multiLine) {
+      return name.map(
+        (item) => shouldUseMultiLineCss ? item : getDisplayText(item, availableNameWidth, truncationMode)
+      );
+    }
+    return formatSeriesNameForDisplay(name);
+  }
+  return shouldUseMultiLineCss ? name : getDisplayText(name, availableNameWidth, truncationMode) || "";
+};
+const useSeriesItemDisplayState = (props) => {
+  const {
+    name,
+    value,
+    valueUnit,
+    relativeValue,
+    relativeValueUnit,
+    maxLines = DEFAULT_SERIES_NAME_LINES,
+    multiLine = false
+  } = props;
+  const { truncationMode } = useExternalConfig();
+  const validatedMaxLines = Math.min(maxLines, MAX_SERIES_NAME_LINES);
+  const isSingleLine = validatedMaxLines === 1;
+  const isTruncationEnd = truncationMode === "end";
+  const maxWidth = TOOLTIP_MAX_WIDTH - TOOLTIP_CONTENT_PADDING;
+  const {
+    displayValueText,
+    displayRelativeValueText,
+    actualValueWidth,
+    fullValueText,
+    fullRelativeValueText
+  } = useValueContainerDisplayText(
+    value?.toString(),
+    valueUnit,
+    relativeValue,
+    relativeValueUnit,
+    maxWidth,
+    truncationMode
+  );
+  const availableNameWidth = maxWidth && actualValueWidth > 0 ? maxWidth - actualValueWidth - SYMBOL_AND_SPACING_WIDTH - 6 : void 0;
+  const shouldUseMultiLineCss = !isSingleLine;
+  const nameText = calculateNameText(
+    name,
+    multiLine,
+    shouldUseMultiLineCss,
+    availableNameWidth,
+    truncationMode
+  );
+  const displayNameText = getDisplayNameText(name, multiLine);
+  const totalTextWidth = useMemo(() => {
+    return Array.isArray(displayNameText) ? calculateTotalWidth400(...displayNameText) : calculateTotalWidth400(displayNameText);
+  }, [displayNameText]);
+  const isMultiLineCssClamped = isTruncationEnd && shouldUseMultiLineCss && !!availableNameWidth && Math.ceil(totalTextWidth / availableNameWidth) > validatedMaxLines;
+  const isTruncated = getIsTruncated(
+    isMultiLineCssClamped,
+    name,
+    multiLine,
+    nameText,
+    displayNameText
+  );
+  const nameTextStyle = getNameTextStyle(isSingleLine, multiLine);
+  const nameStyle = shouldUseMultiLineCss ? assignInlineVars({ [seriesNameMaxLinesVar]: String(validatedMaxLines) }) : {};
+  return {
+    nameText,
+    displayNameText,
+    displayValueText,
+    displayRelativeValueText,
+    fullValueText,
+    fullRelativeValueText,
+    shouldUseMultiLineCss,
+    nameTextStyle,
+    nameStyle,
+    isTruncated,
+    actualValueWidth
+  };
+};
+export {
+  useSeriesItemDisplayState
+};
+//# sourceMappingURL=use-series-item-display-state.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/hooks/use-series-item-display-state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/hooks/use-series-item-display-state.ts"],
+  "sourcesContent": ["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { useMemo } from 'react';\n\nimport { useValueContainerDisplayText } from './use-value-container-display-state.js';\nimport { TruncationMode } from '../../../../text-ellipsis/ChartTextEllipsis.js';\nimport {\n  DEFAULT_SERIES_NAME_LINES,\n  MAX_SERIES_NAME_LINES,\n  SYMBOL_AND_SPACING_WIDTH,\n  TOOLTIP_CONTENT_PADDING,\n} from '../../../constants.js';\nimport { useExternalConfig } from '../../../contexts/ExternalConfigContext.js';\nimport {\n  seriesNameMaxLinesVar,\n  TOOLTIP_MAX_WIDTH,\n} from '../../../tooltip.sty.js';\nimport { InternalSeriesItemProps } from '../../../types/series.js';\nimport { calculateTotalWidth400 } from '../../../utils/width-calculation.js';\nimport { formatSeriesNameForDisplay } from '../utils/format-series-name-for-display.js';\nimport { getDisplayNameText } from '../utils/get-display-name-text.js';\nimport { getDisplayText } from '../utils/get-display-text.js';\nimport { getIsTruncated } from '../utils/get-is-truncated.js';\nimport { getNameTextStyle } from '../utils/get-name-text-style.js';\n\nconst calculateNameText = (\n  name: string | string[],\n  multiLine: boolean,\n  shouldUseMultiLineCss: boolean,\n  availableNameWidth: number | undefined,\n  truncationMode: TruncationMode,\n): string | string[] => {\n  if (Array.isArray(name)) {\n    if (multiLine) {\n      return name.map((item) =>\n        shouldUseMultiLineCss\n          ? item\n          : getDisplayText(item, availableNameWidth, truncationMode),\n      );\n    }\n    return formatSeriesNameForDisplay(name);\n  }\n\n  return shouldUseMultiLineCss\n    ? name\n    : getDisplayText(name, availableNameWidth, truncationMode) || '';\n};\n\nexport const useSeriesItemDisplayState = (\n  props: InternalSeriesItemProps & { maxWidth?: number },\n) => {\n  const {\n    name,\n    value,\n    valueUnit,\n    relativeValue,\n    relativeValueUnit,\n\n    maxLines = DEFAULT_SERIES_NAME_LINES,\n    multiLine = false,\n  } = props;\n  const { truncationMode } = useExternalConfig();\n  const validatedMaxLines = Math.min(maxLines, MAX_SERIES_NAME_LINES);\n  const isSingleLine = validatedMaxLines === 1;\n  const isTruncationEnd = truncationMode === 'end';\n\n  const maxWidth = TOOLTIP_MAX_WIDTH - TOOLTIP_CONTENT_PADDING;\n\n  const {\n    displayValueText,\n    displayRelativeValueText,\n    actualValueWidth,\n    fullValueText,\n    fullRelativeValueText,\n  } = useValueContainerDisplayText(\n    value?.toString(),\n    valueUnit,\n    relativeValue,\n    relativeValueUnit,\n    maxWidth,\n    truncationMode,\n  );\n\n  const availableNameWidth =\n    maxWidth && actualValueWidth > 0\n      ? maxWidth - actualValueWidth - SYMBOL_AND_SPACING_WIDTH - 6\n      : undefined;\n\n  const shouldUseMultiLineCss = !isSingleLine;\n\n  const nameText = calculateNameText(\n    name,\n    multiLine,\n    shouldUseMultiLineCss,\n    availableNameWidth,\n    truncationMode,\n  );\n\n  const displayNameText = getDisplayNameText(name, multiLine);\n\n  const totalTextWidth = useMemo(() => {\n    return Array.isArray(displayNameText)\n      ? calculateTotalWidth400(...displayNameText)\n      : calculateTotalWidth400(displayNameText);\n  }, [displayNameText]);\n\n  const isMultiLineCssClamped =\n    isTruncationEnd &&\n    shouldUseMultiLineCss &&\n    !!availableNameWidth &&\n    Math.ceil(totalTextWidth / availableNameWidth) > validatedMaxLines;\n\n  const isTruncated = getIsTruncated(\n    isMultiLineCssClamped,\n    name,\n    multiLine,\n    nameText,\n    displayNameText,\n  );\n\n  const nameTextStyle = getNameTextStyle(isSingleLine, multiLine);\n  const nameStyle = shouldUseMultiLineCss\n    ? assignInlineVars({ [seriesNameMaxLinesVar]: String(validatedMaxLines) })\n    : {};\n\n  return {\n    nameText,\n    displayNameText,\n    displayValueText,\n    displayRelativeValueText,\n    fullValueText,\n    fullRelativeValueText,\n    shouldUseMultiLineCss,\n    nameTextStyle,\n    nameStyle,\n    isTruncated,\n    actualValueWidth,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AACjC,SAAS,eAAe;AAExB,SAAS,oCAAoC;AAE7C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,8BAA8B;AACvC,SAAS,kCAAkC;AAC3C,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAEjC,MAAM,oBAAoB,CACxB,MACA,WACA,uBACA,oBACA,mBACsB;AACtB,MAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,QAAI,WAAW;AACb,aAAO,KAAK;AAAA,QAAI,CAAC,SACf,wBACI,OACA,eAAe,MAAM,oBAAoB,cAAc;AAAA,MAC7D;AAAA,IACF;AACA,WAAO,2BAA2B,IAAI;AAAA,EACxC;AAEA,SAAO,wBACH,OACA,eAAe,MAAM,oBAAoB,cAAc,KAAK;AAClE;AAEO,MAAM,4BAA4B,CACvC,UACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,WAAW;AAAA,IACX,YAAY;AAAA,EACd,IAAI;AACJ,QAAM,EAAE,eAAe,IAAI,kBAAkB;AAC7C,QAAM,oBAAoB,KAAK,IAAI,UAAU,qBAAqB;AAClE,QAAM,eAAe,sBAAsB;AAC3C,QAAM,kBAAkB,mBAAmB;AAE3C,QAAM,WAAW,oBAAoB;AAErC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF,OAAO,SAAS;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,qBACJ,YAAY,mBAAmB,IAC3B,WAAW,mBAAmB,2BAA2B,IACzD;AAEN,QAAM,wBAAwB,CAAC;AAE/B,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,kBAAkB,mBAAmB,MAAM,SAAS;AAE1D,QAAM,iBAAiB,QAAQ,MAAM;AACnC,WAAO,MAAM,QAAQ,eAAe,IAChC,uBAAuB,GAAG,eAAe,IACzC,uBAAuB,eAAe;AAAA,EAC5C,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,wBACJ,mBACA,yBACA,CAAC,CAAC,sBACF,KAAK,KAAK,iBAAiB,kBAAkB,IAAI;AAEnD,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,gBAAgB,iBAAiB,cAAc,SAAS;AAC9D,QAAM,YAAY,wBACd,iBAAiB,EAAE,CAAC,qBAAqB,GAAG,OAAO,iBAAiB,EAAE,CAAC,IACvE,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/hooks/use-value-container-display-state.js

@@ -0,0 +1,115 @@
+import { useMemo } from "react";
+import {
+  GAP_BETWEEN_COLUMNS,
+  SPACE_CHARACTER_WIDTH
+} from "../../../constants.js";
+import { calculateTotalWidth400 } from "../../../utils/width-calculation.js";
+import { buildRelativeValueText } from "../utils/build-relative-value-text.js";
+import { getDisplayText } from "../utils/get-display-text.js";
+const useValueContainerDisplayText = (value, valueUnit, relativeValue, relativeValueUnit, availableContainerWidth, truncationMode) => {
+  return useMemo(() => {
+    const relativeValueText = buildRelativeValueText(
+      relativeValue,
+      relativeValueUnit
+    );
+    const valueUnitWithSpace = ` ${valueUnit}`;
+    const fullValueText = `${value}${valueUnit ? valueUnitWithSpace : ""}`;
+    if (!availableContainerWidth || availableContainerWidth <= 0) {
+      const valueWidth2 = relativeValueText ? calculateTotalWidth400(fullValueText, relativeValueText) : calculateTotalWidth400(fullValueText);
+      return {
+        displayValueText: fullValueText,
+        displayRelativeValueText: relativeValueText,
+        actualValueWidth: valueWidth2,
+        fullValueText,
+        fullRelativeValueText: relativeValueText
+      };
+    }
+    const maxValueContainerWidth = availableContainerWidth / 2 - GAP_BETWEEN_COLUMNS;
+    if (!relativeValueText) {
+      const truncatedValueText = getDisplayText(
+        fullValueText,
+        maxValueContainerWidth,
+        truncationMode
+      );
+      const actualValueWidth = calculateTotalWidth400(truncatedValueText);
+      return {
+        displayValueText: truncatedValueText,
+        displayRelativeValueText: void 0,
+        actualValueWidth,
+        fullValueText,
+        fullRelativeValueText: void 0
+      };
+    }
+    const relativeValueWidth = calculateTotalWidth400(relativeValueText);
+    const valueWidth = calculateTotalWidth400(fullValueText);
+    const totalValueContainerWidth = calculateTotalWidth400(
+      relativeValueText,
+      fullValueText,
+      " "
+    );
+    if (totalValueContainerWidth <= maxValueContainerWidth) {
+      return {
+        displayValueText: fullValueText,
+        displayRelativeValueText: relativeValueText,
+        actualValueWidth: totalValueContainerWidth,
+        fullValueText,
+        fullRelativeValueText: relativeValueText
+      };
+    }
+    const maxRelativeValueWidth = Math.min(
+      maxValueContainerWidth * 0.6,
+      maxValueContainerWidth - SPACE_CHARACTER_WIDTH
+    );
+    if (relativeValueWidth + SPACE_CHARACTER_WIDTH >= maxRelativeValueWidth) {
+      const truncatedRelativeValue = getDisplayText(
+        relativeValueText,
+        maxRelativeValueWidth,
+        truncationMode
+      );
+      const actualRelativeValueWidth = calculateTotalWidth400(
+        truncatedRelativeValue
+      );
+      const remainingSpaceForValue = maxValueContainerWidth - actualRelativeValueWidth - SPACE_CHARACTER_WIDTH;
+      const doesFitInAvailableSpace = valueWidth <= remainingSpaceForValue;
+      const displayValueText = doesFitInAvailableSpace ? fullValueText : getDisplayText(fullValueText, remainingSpaceForValue, truncationMode);
+      return {
+        displayValueText,
+        displayRelativeValueText: truncatedRelativeValue,
+        actualValueWidth: calculateTotalWidth400(
+          displayValueText,
+          truncatedRelativeValue,
+          " "
+        ),
+        fullValueText,
+        fullRelativeValueText: relativeValueText
+      };
+    } else {
+      const actualRelativeValueWidth = calculateTotalWidth400(relativeValueText);
+      const remainingSpaceForValue = maxValueContainerWidth - actualRelativeValueWidth - SPACE_CHARACTER_WIDTH;
+      const doesFitInAvailableSpace = valueWidth <= remainingSpaceForValue;
+      const displayValueText = doesFitInAvailableSpace ? fullValueText : getDisplayText(fullValueText, remainingSpaceForValue, truncationMode);
+      return {
+        displayValueText,
+        displayRelativeValueText: relativeValueText,
+        actualValueWidth: calculateTotalWidth400(
+          displayValueText,
+          relativeValueText,
+          " "
+        ),
+        fullValueText,
+        fullRelativeValueText: relativeValueText
+      };
+    }
+  }, [
+    value,
+    valueUnit,
+    relativeValue,
+    relativeValueUnit,
+    availableContainerWidth,
+    truncationMode
+  ]);
+};
+export {
+  useValueContainerDisplayText
+};
+//# sourceMappingURL=use-value-container-display-state.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/hooks/use-value-container-display-state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/hooks/use-value-container-display-state.ts"],
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { TruncationMode } from '../../../../text-ellipsis/ChartTextEllipsis.js';\nimport {\n  GAP_BETWEEN_COLUMNS,\n  SPACE_CHARACTER_WIDTH,\n} from '../../../constants.js';\nimport { calculateTotalWidth400 } from '../../../utils/width-calculation.js';\nimport { buildRelativeValueText } from '../utils/build-relative-value-text.js';\nimport { getDisplayText } from '../utils/get-display-text.js';\n\nexport const useValueContainerDisplayText = (\n  value: string,\n  valueUnit: string | undefined,\n  relativeValue: string | number | undefined,\n  relativeValueUnit: string | undefined,\n  availableContainerWidth: number | undefined,\n  truncationMode: TruncationMode,\n): {\n  displayValueText: string;\n  displayRelativeValueText: string | undefined;\n  actualValueWidth: number;\n  fullValueText: string;\n  fullRelativeValueText: string | undefined;\n} => {\n  return useMemo(() => {\n    const relativeValueText = buildRelativeValueText(\n      relativeValue,\n      relativeValueUnit,\n    );\n\n    const valueUnitWithSpace = ` ${valueUnit}`;\n    const fullValueText = `${value}${valueUnit ? valueUnitWithSpace : ''}`;\n\n    if (!availableContainerWidth || availableContainerWidth <= 0) {\n      const valueWidth = relativeValueText\n        ? calculateTotalWidth400(fullValueText, relativeValueText)\n        : calculateTotalWidth400(fullValueText);\n\n      return {\n        displayValueText: fullValueText,\n        displayRelativeValueText: relativeValueText,\n        actualValueWidth: valueWidth,\n        fullValueText,\n        fullRelativeValueText: relativeValueText,\n      };\n    }\n\n    const maxValueContainerWidth =\n      availableContainerWidth / 2 - GAP_BETWEEN_COLUMNS;\n\n    if (!relativeValueText) {\n      const truncatedValueText = getDisplayText(\n        fullValueText,\n        maxValueContainerWidth,\n        truncationMode,\n      );\n      const actualValueWidth = calculateTotalWidth400(truncatedValueText);\n\n      return {\n        displayValueText: truncatedValueText,\n        displayRelativeValueText: undefined,\n        actualValueWidth,\n        fullValueText,\n        fullRelativeValueText: undefined,\n      };\n    }\n\n    const relativeValueWidth = calculateTotalWidth400(relativeValueText);\n    const valueWidth = calculateTotalWidth400(fullValueText);\n\n    const totalValueContainerWidth = calculateTotalWidth400(\n      relativeValueText,\n      fullValueText,\n      ' ',\n    );\n\n    if (totalValueContainerWidth <= maxValueContainerWidth) {\n      return {\n        displayValueText: fullValueText,\n        displayRelativeValueText: relativeValueText,\n        actualValueWidth: totalValueContainerWidth,\n        fullValueText,\n        fullRelativeValueText: relativeValueText,\n      };\n    }\n\n    const maxRelativeValueWidth = Math.min(\n      maxValueContainerWidth * 0.6,\n      maxValueContainerWidth - SPACE_CHARACTER_WIDTH,\n    );\n    if (relativeValueWidth + SPACE_CHARACTER_WIDTH >= maxRelativeValueWidth) {\n      const truncatedRelativeValue = getDisplayText(\n        relativeValueText,\n        maxRelativeValueWidth,\n        truncationMode,\n      );\n      const actualRelativeValueWidth = calculateTotalWidth400(\n        truncatedRelativeValue,\n      );\n\n      const remainingSpaceForValue =\n        maxValueContainerWidth -\n        actualRelativeValueWidth -\n        SPACE_CHARACTER_WIDTH;\n      const doesFitInAvailableSpace = valueWidth <= remainingSpaceForValue;\n      const displayValueText = doesFitInAvailableSpace\n        ? fullValueText\n        : getDisplayText(fullValueText, remainingSpaceForValue, truncationMode);\n\n      return {\n        displayValueText,\n        displayRelativeValueText: truncatedRelativeValue,\n        actualValueWidth: calculateTotalWidth400(\n          displayValueText,\n          truncatedRelativeValue,\n          ' ',\n        ),\n        fullValueText,\n        fullRelativeValueText: relativeValueText,\n      };\n    } else {\n      const actualRelativeValueWidth =\n        calculateTotalWidth400(relativeValueText);\n      const remainingSpaceForValue =\n        maxValueContainerWidth -\n        actualRelativeValueWidth -\n        SPACE_CHARACTER_WIDTH;\n      const doesFitInAvailableSpace = valueWidth <= remainingSpaceForValue;\n      const displayValueText = doesFitInAvailableSpace\n        ? fullValueText\n        : getDisplayText(fullValueText, remainingSpaceForValue, truncationMode);\n\n      return {\n        displayValueText,\n        displayRelativeValueText: relativeValueText,\n        actualValueWidth: calculateTotalWidth400(\n          displayValueText,\n          relativeValueText,\n          ' ',\n        ),\n        fullValueText,\n        fullRelativeValueText: relativeValueText,\n      };\n    }\n  }, [\n    value,\n    valueUnit,\n    relativeValue,\n    relativeValueUnit,\n    availableContainerWidth,\n    truncationMode,\n  ]);\n};\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAExB,MAAM,+BAA+B,CAC1C,OACA,WACA,eACA,mBACA,yBACA,mBAOG;AACH,SAAO,QAAQ,MAAM;AACnB,UAAM,oBAAoB;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AAEA,UAAM,qBAAqB,IAAI,SAAS;AACxC,UAAM,gBAAgB,GAAG,KAAK,GAAG,YAAY,qBAAqB,EAAE;AAEpE,QAAI,CAAC,2BAA2B,2BAA2B,GAAG;AAC5D,YAAMA,cAAa,oBACf,uBAAuB,eAAe,iBAAiB,IACvD,uBAAuB,aAAa;AAExC,aAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B,kBAAkBA;AAAA,QAClB;AAAA,QACA,uBAAuB;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,yBACJ,0BAA0B,IAAI;AAEhC,QAAI,CAAC,mBAAmB;AACtB,YAAM,qBAAqB;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,YAAM,mBAAmB,uBAAuB,kBAAkB;AAElE,aAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,uBAAuB;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,qBAAqB,uBAAuB,iBAAiB;AACnE,UAAM,aAAa,uBAAuB,aAAa;AAEvD,UAAM,2BAA2B;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,4BAA4B,wBAAwB;AACtD,aAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,0BAA0B;AAAA,QAC1B,kBAAkB;AAAA,QAClB;AAAA,QACA,uBAAuB;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,wBAAwB,KAAK;AAAA,MACjC,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,IAC3B;AACA,QAAI,qBAAqB,yBAAyB,uBAAuB;AACvE,YAAM,yBAAyB;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,YAAM,2BAA2B;AAAA,QAC/B;AAAA,MACF;AAEA,YAAM,yBACJ,yBACA,2BACA;AACF,YAAM,0BAA0B,cAAc;AAC9C,YAAM,mBAAmB,0BACrB,gBACA,eAAe,eAAe,wBAAwB,cAAc;AAExE,aAAO;AAAA,QACL;AAAA,QACA,0BAA0B;AAAA,QAC1B,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACA,uBAAuB;AAAA,MACzB;AAAA,IACF,OAAO;AACL,YAAM,2BACJ,uBAAuB,iBAAiB;AAC1C,YAAM,yBACJ,yBACA,2BACA;AACF,YAAM,0BAA0B,cAAc;AAC9C,YAAM,mBAAmB,0BACrB,gBACA,eAAe,eAAe,wBAAwB,cAAc;AAExE,aAAO;AAAA,QACL;AAAA,QACA,0BAA0B;AAAA,QAC1B,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACA,uBAAuB;AAAA,MACzB;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": ["valueWidth"]
+}

package/esm/charts/core/components/overlay-tooltip/components/series/seriesSymbol.css

@@ -1,4 +1,4 @@
-._1ydozsr0-3-1-3 {
+._1ydozsr0-3-2-0 {
   height: var(--dt-spacings-size-12, 12px);
   width: var(--dt-spacings-size-12, 12px);
   font-size: var(--dt-spacings-size-12, 12px);

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

@@ -1,5 +1,5 @@
 import "./seriesSymbol.css";
-var customSymbol = "_1ydozsr0-3-1-3";
+var customSymbol = "_1ydozsr0-3-2-0";
 export {
   customSymbol
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/seriesSymbol.css.ts"],
-  "sourcesContent": ["import './seriesSymbol.css';\nexport var customSymbol = '_1ydozsr0-3-1-3';"],
+  "sourcesContent": ["import './seriesSymbol.css';\nexport var customSymbol = '_1ydozsr0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/series/utils/build-relative-value-text.js

@@ -0,0 +1,11 @@
+const buildRelativeValueText = (relativeValue, relativeValueUnit) => {
+  if (!relativeValue) {
+    return void 0;
+  }
+  const value = relativeValue?.toString();
+  return `${value ?? ""}${relativeValueUnit ?? ""}`;
+};
+export {
+  buildRelativeValueText
+};
+//# sourceMappingURL=build-relative-value-text.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/utils/build-relative-value-text.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/utils/build-relative-value-text.ts"],
+  "sourcesContent": ["export const buildRelativeValueText = (\n  relativeValue: string | number | undefined,\n  relativeValueUnit: string | undefined,\n): string | undefined => {\n  if (!relativeValue) {\n    return undefined;\n  }\n  const value = relativeValue?.toString();\n\n  return `${value ?? ''}${relativeValueUnit ?? ''}`;\n};\n"],
+  "mappings": "AAAO,MAAM,yBAAyB,CACpC,eACA,sBACuB;AACvB,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,eAAe,SAAS;AAEtC,SAAO,GAAG,SAAS,EAAE,GAAG,qBAAqB,EAAE;AACjD;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/utils/format-series-name-for-display.js

@@ -0,0 +1,7 @@
+const formatSeriesNameForDisplay = (name) => {
+  return Array.isArray(name) ? name.join(" \u2022 ") : name || "";
+};
+export {
+  formatSeriesNameForDisplay
+};
+//# sourceMappingURL=format-series-name-for-display.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/utils/format-series-name-for-display.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/utils/format-series-name-for-display.ts"],
+  "sourcesContent": ["import type { SeriesName } from '../../../types.js';\n\n/**\n * Formats a SeriesName for consistent display across tooltip components.\n * Converts string arrays to a dot-separated string, returns strings as-is.\n */\nexport const formatSeriesNameForDisplay = (name: SeriesName): string => {\n  return Array.isArray(name) ? name.join(' \u2022 ') : name || '';\n};\n"],
+  "mappings": "AAMO,MAAM,6BAA6B,CAAC,SAA6B;AACtE,SAAO,MAAM,QAAQ,IAAI,IAAI,KAAK,KAAK,UAAK,IAAI,QAAQ;AAC1D;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/utils/get-display-name-text.js

@@ -0,0 +1,11 @@
+import { formatSeriesNameForDisplay } from "./format-series-name-for-display.js";
+const getDisplayNameText = (name, multiLine) => {
+  if (Array.isArray(name)) {
+    return multiLine ? name : formatSeriesNameForDisplay(name);
+  }
+  return name || "";
+};
+export {
+  getDisplayNameText
+};
+//# sourceMappingURL=get-display-name-text.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/utils/get-display-name-text.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/utils/get-display-name-text.ts"],
+  "sourcesContent": ["import { formatSeriesNameForDisplay } from './format-series-name-for-display.js';\nimport type { SeriesName } from '../../../types.js';\n\nexport const getDisplayNameText = (\n  name: SeriesName,\n  multiLine: boolean,\n): SeriesName => {\n  if (Array.isArray(name)) {\n    return multiLine ? name : formatSeriesNameForDisplay(name);\n  }\n  return name || '';\n};\n"],
+  "mappings": "AAAA,SAAS,kCAAkC;AAGpC,MAAM,qBAAqB,CAChC,MACA,cACe;AACf,MAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,WAAO,YAAY,OAAO,2BAA2B,IAAI;AAAA,EAC3D;AACA,SAAO,QAAQ;AACjB;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/utils/get-display-text.js

@@ -0,0 +1,26 @@
+import { isValidNumber } from "./is-valid-number.js";
+import { charsFontWidth12pixelsSize400Map } from "../../../../text-ellipsis/chars-font-width-map.js";
+import { truncateString } from "../../../../text-ellipsis/truncate-string.js";
+import { calculateTotalWidth400 } from "../../../utils/width-calculation.js";
+const getDisplayText = (text, availableWidth, truncationMode) => {
+  if (!text || text.trim() === "") {
+    return text;
+  }
+  if (!isValidNumber(availableWidth)) {
+    return text;
+  }
+  const textWidth = calculateTotalWidth400(text);
+  if (textWidth <= availableWidth) {
+    return text;
+  }
+  return truncateString(
+    text,
+    availableWidth,
+    charsFontWidth12pixelsSize400Map,
+    truncationMode
+  );
+};
+export {
+  getDisplayText
+};
+//# sourceMappingURL=get-display-text.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/utils/get-display-text.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/utils/get-display-text.ts"],
+  "sourcesContent": ["import { isValidNumber } from './is-valid-number.js';\nimport { charsFontWidth12pixelsSize400Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport { TruncationMode } from '../../../../text-ellipsis/ChartTextEllipsis.js';\nimport { truncateString } from '../../../../text-ellipsis/truncate-string.js';\nimport { calculateTotalWidth400 } from '../../../utils/width-calculation.js';\n\n/**\n * @param text - The text to display\n * @param availableWidth - Maximum available width in pixels\n * @param truncationMode - The truncation mode to use\n * @returns The truncated text if necessary, or original text if it fits\n */\nexport const getDisplayText = (\n  text: string,\n  availableWidth: number | undefined,\n  truncationMode: TruncationMode,\n): string => {\n  if (!text || text.trim() === '') {\n    return text;\n  }\n\n  if (!isValidNumber(availableWidth)) {\n    return text;\n  }\n\n  const textWidth = calculateTotalWidth400(text);\n  if (textWidth <= availableWidth) {\n    return text;\n  }\n\n  return truncateString(\n    text,\n    availableWidth,\n    charsFontWidth12pixelsSize400Map,\n    truncationMode,\n  );\n};\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,wCAAwC;AAEjD,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;AAQhC,MAAM,iBAAiB,CAC5B,MACA,gBACA,mBACW;AACX,MAAI,CAAC,QAAQ,KAAK,KAAK,MAAM,IAAI;AAC/B,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,cAAc,cAAc,GAAG;AAClC,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,uBAAuB,IAAI;AAC7C,MAAI,aAAa,gBAAgB;AAC/B,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/utils/get-is-truncated.js

@@ -0,0 +1,19 @@
+import { formatSeriesNameForDisplay } from "./format-series-name-for-display.js";
+const getIsTruncated = (isMultiLineCssClamped, name, multiLine, nameText, displayNameText) => {
+  if (isMultiLineCssClamped) {
+    return true;
+  }
+  if (Array.isArray(name)) {
+    if (multiLine) {
+      return name.some(
+        (original, index) => original !== nameText[index]
+      );
+    }
+    return formatSeriesNameForDisplay(name) !== nameText;
+  }
+  return nameText !== displayNameText;
+};
+export {
+  getIsTruncated
+};
+//# sourceMappingURL=get-is-truncated.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/utils/get-is-truncated.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/utils/get-is-truncated.ts"],
+  "sourcesContent": ["import { formatSeriesNameForDisplay } from './format-series-name-for-display.js';\nimport type { SeriesName } from '../../../types.js';\n\nexport const getIsTruncated = (\n  isMultiLineCssClamped: boolean,\n  name: SeriesName,\n  multiLine: boolean,\n  nameText: SeriesName,\n  displayNameText: SeriesName,\n): boolean => {\n  if (isMultiLineCssClamped) {\n    return true;\n  }\n\n  if (Array.isArray(name)) {\n    if (multiLine) {\n      return name.some(\n        (original, index) => original !== (nameText as string[])[index],\n      );\n    }\n    return formatSeriesNameForDisplay(name) !== nameText;\n  }\n\n  return nameText !== displayNameText;\n};\n"],
+  "mappings": "AAAA,SAAS,kCAAkC;AAGpC,MAAM,iBAAiB,CAC5B,uBACA,MACA,WACA,UACA,oBACY;AACZ,MAAI,uBAAuB;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,QAAI,WAAW;AACb,aAAO,KAAK;AAAA,QACV,CAAC,UAAU,UAAU,aAAc,SAAsB,KAAK;AAAA,MAChE;AAAA,IACF;AACA,WAAO,2BAA2B,IAAI,MAAM;AAAA,EAC9C;AAEA,SAAO,aAAa;AACtB;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/utils/get-name-text-style.js

@@ -0,0 +1,18 @@
+import clsx from "clsx";
+import {
+  seriesItemText,
+  seriesNameTextMultiLine
+} from "../../../tooltip.sty.js";
+const getNameTextStyle = (isSingleLine, multiLine) => {
+  if (!isSingleLine) {
+    return clsx(seriesItemText, seriesNameTextMultiLine);
+  }
+  if (multiLine) {
+    return seriesNameTextMultiLine;
+  }
+  return seriesItemText;
+};
+export {
+  getNameTextStyle
+};
+//# sourceMappingURL=get-name-text-style.js.map

package/esm/charts/core/components/overlay-tooltip/components/series/utils/get-name-text-style.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../../src/charts/core/components/overlay-tooltip/components/series/utils/get-name-text-style.ts"],
+  "sourcesContent": ["import clsx from 'clsx';\n\nimport {\n  seriesItemText,\n  seriesNameTextMultiLine,\n} from '../../../tooltip.sty.js';\n\nexport const getNameTextStyle = (\n  isSingleLine: boolean,\n  multiLine: boolean,\n): string => {\n  if (!isSingleLine) {\n    return clsx(seriesItemText, seriesNameTextMultiLine);\n  }\n\n  if (multiLine) {\n    return seriesNameTextMultiLine;\n  }\n\n  return seriesItemText;\n};\n"],
+  "mappings": "AAAA,OAAO,UAAU;AAEjB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,mBAAmB,CAC9B,cACA,cACW;AACX,MAAI,CAAC,cAAc;AACjB,WAAO,KAAK,gBAAgB,uBAAuB;AAAA,EACrD;AAEA,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/components/overlay-tooltip/components/series/utils/is-valid-number.js

@@ -0,0 +1,8 @@
+import { isUndefined } from "lodash-es";
+const isValidNumber = (value) => {
+  return !isUndefined(value) && !isNaN(value) && value >= 0;
+};
+export {
+  isValidNumber
+};
+//# sourceMappingURL=is-valid-number.js.map