@elliemae/ds-truncated-tooltip-text 3.32.2-next.1 → 3.33.0-next.0

package/dist/cjs/DSTruncatedTooltipText.js

@@ -0,0 +1,124 @@
+"use strict";
+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 DSTruncatedTooltipText_exports = {};
+__export(DSTruncatedTooltipText_exports, {
+  DSTruncatedTooltipText: () => DSTruncatedTooltipText,
+  TruncatedTooltipTextWithSchema: () => TruncatedTooltipTextWithSchema,
+  default: () => DSTruncatedTooltipText_default
+});
+module.exports = __toCommonJS(DSTruncatedTooltipText_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_popper = require("@elliemae/ds-popper");
+var import_TooltipTextProvider = require("./TooltipTextProvider.js");
+const isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;
+const Text = import_ds_system.styled.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`;
+const DSTruncatedTooltipText = ({
+  containerProps = {},
+  value = "",
+  zIndex = 3e3,
+  // https://jira.elliemae.io/browse/PUI-1755 https://jira.elliemae.io/browse/PUI-8732
+  ...otherTextProps
+}) => {
+  const tooltipContext = (0, import_react.useContext)(import_TooltipTextProvider.TruncatedTooltipContext);
+  (0, import_react.useEffect)(() => {
+    if (zIndex && tooltipContext)
+      tooltipContext.setZIndex(zIndex);
+  }, [zIndex]);
+  if (!tooltipContext)
+    return value;
+  const { showTooltip, hideTooltip } = tooltipContext;
+  const handleMouseEnter = (e) => {
+    const { target } = e;
+    if (target && isEllipsisActive(target, target.getBoundingClientRect())) {
+      showTooltip(
+        {
+          value,
+          reference: target
+        },
+        e
+      );
+    }
+  };
+  const handleMouseLeave = (e) => {
+    hideTooltip({ reference: e.target });
+  };
+  const handlers = showTooltip ? { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { ...containerProps, ...otherTextProps, ...handlers, children: value });
+};
+DSTruncatedTooltipText.defaultProps = {
+  value: "",
+  zIndex: 110
+};
+const truncatedTooltipTextProps = {
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
+  value: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description(
+    "Text that when truncated will trigger the tooltip interaction"
+  ),
+  tooltipPlacement: import_ds_props_helpers.PropTypes.oneOf([
+    import_ds_popper.PopperPositions.AUTO_START,
+    import_ds_popper.PopperPositions.AUTO_END,
+    import_ds_popper.PopperPositions.AUTO,
+    import_ds_popper.PopperPositions.TOP_START,
+    import_ds_popper.PopperPositions.TOP,
+    import_ds_popper.PopperPositions.TOP_END,
+    import_ds_popper.PopperPositions.RIGHT_START,
+    import_ds_popper.PopperPositions.RIGHT,
+    import_ds_popper.PopperPositions.RIGHT_END,
+    import_ds_popper.PopperPositions.BOTTOM_START,
+    import_ds_popper.PopperPositions.BOTTOM,
+    import_ds_popper.PopperPositions.BOTTOM_END,
+    import_ds_popper.PopperPositions.LEFT_START,
+    import_ds_popper.PopperPositions.LEFT,
+    import_ds_popper.PopperPositions.LEFT_END
+  ]).description("Position of the tooltip"),
+  tooltipDelay: import_ds_props_helpers.PropTypes.number.description("Delay to show the tooltip"),
+  zIndex: import_ds_props_helpers.PropTypes.number.description("override default zIndex").defaultValue(110)
+};
+DSTruncatedTooltipText.defaultProps = {
+  containerProps: {},
+  value: "",
+  tooltipPlacement: void 0,
+  tooltipDelay: void 0
+};
+DSTruncatedTooltipText.propTypes = truncatedTooltipTextProps;
+DSTruncatedTooltipText.displayName = "DSTruncatedTooltipText";
+const TruncatedTooltipTextWithSchema = (0, import_ds_props_helpers.describe)(DSTruncatedTooltipText);
+TruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;
+var DSTruncatedTooltipText_default = DSTruncatedTooltipText;
+//# sourceMappingURL=DSTruncatedTooltipText.js.map

package/dist/cjs/DSTruncatedTooltipText.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSTruncatedTooltipText.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useEffect } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { PopperPositions as positions } from '@elliemae/ds-popper';\nimport { TruncatedTooltipContext } from './TooltipTextProvider.js';\n\nconst isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;\n\n// reduce the possibility of error showing the tooltip (text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755\nconst Text = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\nconst DSTruncatedTooltipText = ({\n  containerProps = {},\n  value = '',\n  zIndex = 3000, // https://jira.elliemae.io/browse/PUI-1755 https://jira.elliemae.io/browse/PUI-8732\n  ...otherTextProps\n}) => {\n  const tooltipContext = useContext(TruncatedTooltipContext);\n  useEffect(() => {\n    if (zIndex && tooltipContext) tooltipContext.setZIndex(zIndex);\n  }, [zIndex]);\n\n  if (!tooltipContext) return value;\n\n  const { showTooltip, hideTooltip } = tooltipContext;\n\n  const handleMouseEnter = (e) => {\n    const { target } = e;\n    if (target && isEllipsisActive(target, target.getBoundingClientRect())) {\n      showTooltip(\n        {\n          value,\n          reference: target,\n        },\n        e,\n      );\n    }\n  };\n\n  const handleMouseLeave = (e) => {\n    hideTooltip({ reference: e.target });\n  };\n\n  const handlers = showTooltip ? { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave } : {};\n  return (\n    <Text {...containerProps} {...otherTextProps} {...handlers}>\n      {value}\n    </Text>\n  );\n};\n\nDSTruncatedTooltipText.defaultProps = {\n  value: '',\n  zIndex: 110,\n};\n\nconst truncatedTooltipTextProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Text that when truncated will trigger the tooltip interaction',\n  ),\n  tooltipPlacement: PropTypes.oneOf([\n    positions.AUTO_START,\n    positions.AUTO_END,\n    positions.AUTO,\n    positions.TOP_START,\n    positions.TOP,\n    positions.TOP_END,\n    positions.RIGHT_START,\n    positions.RIGHT,\n    positions.RIGHT_END,\n    positions.BOTTOM_START,\n    positions.BOTTOM,\n    positions.BOTTOM_END,\n    positions.LEFT_START,\n    positions.LEFT,\n    positions.LEFT_END,\n  ]).description('Position of the tooltip'),\n  tooltipDelay: PropTypes.number.description('Delay to show the tooltip'),\n  zIndex: PropTypes.number.description('override default zIndex').defaultValue(110),\n};\n\nDSTruncatedTooltipText.defaultProps = {\n  containerProps: {},\n  value: '',\n  tooltipPlacement: undefined,\n  tooltipDelay: undefined,\n};\n\nDSTruncatedTooltipText.propTypes = truncatedTooltipTextProps;\nDSTruncatedTooltipText.displayName = 'DSTruncatedTooltipText';\nconst TruncatedTooltipTextWithSchema = describe(DSTruncatedTooltipText);\nTruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;\n\nexport { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema };\nexport default DSTruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDnB;AAnDJ,mBAA6C;AAC7C,8BAAoC;AACpC,uBAAuB;AACvB,uBAA6C;AAC7C,iCAAwC;AAExC,MAAM,mBAAmB,CAAC,EAAE,aAAa,YAAY,MAAM,cAAc;AAGzE,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpB,MAAM,yBAAyB,CAAC;AAAA,EAC9B,iBAAiB,CAAC;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,qBAAiB,yBAAW,kDAAuB;AACzD,8BAAU,MAAM;AACd,QAAI,UAAU;AAAgB,qBAAe,UAAU,MAAM;AAAA,EAC/D,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,CAAC;AAAgB,WAAO;AAE5B,QAAM,EAAE,aAAa,YAAY,IAAI;AAErC,QAAM,mBAAmB,CAAC,MAAM;AAC9B,UAAM,EAAE,OAAO,IAAI;AACnB,QAAI,UAAU,iBAAiB,QAAQ,OAAO,sBAAsB,CAAC,GAAG;AACtE;AAAA,QACE;AAAA,UACE;AAAA,UACA,WAAW;AAAA,QACb;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,MAAM;AAC9B,gBAAY,EAAE,WAAW,EAAE,OAAO,CAAC;AAAA,EACrC;AAEA,QAAM,WAAW,cAAc,EAAE,cAAc,kBAAkB,cAAc,iBAAiB,IAAI,CAAC;AACrG,SACE,4CAAC,QAAM,GAAG,gBAAiB,GAAG,gBAAiB,GAAG,UAC/C,iBACH;AAEJ;AAEA,uBAAuB,eAAe;AAAA,EACpC,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,4BAA4B;AAAA,EAChC,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,kBAAkB,kCAAU,MAAM;AAAA,IAChC,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,IACV,iBAAAA,gBAAU;AAAA,EACZ,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACxC,cAAc,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EACtE,QAAQ,kCAAU,OAAO,YAAY,yBAAyB,EAAE,aAAa,GAAG;AAClF;AAEA,uBAAuB,eAAe;AAAA,EACpC,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,cAAc;AAChB;AAEA,uBAAuB,YAAY;AACnC,uBAAuB,cAAc;AACrC,MAAM,qCAAiC,kCAAS,sBAAsB;AACtE,+BAA+B,YAAY;AAG3C,IAAO,iCAAQ;",
+  "names": ["positions"]
+}

package/dist/cjs/SimpleTruncatedTooltipText.js

@@ -0,0 +1,171 @@
+"use strict";
+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 SimpleTruncatedTooltipText_exports = {};
+__export(SimpleTruncatedTooltipText_exports, {
+  SimpleTruncatedTooltipText: () => SimpleTruncatedTooltipText,
+  default: () => SimpleTruncatedTooltipText_default
+});
+module.exports = __toCommonJS(SimpleTruncatedTooltipText_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_popover = require("@elliemae/ds-popover");
+const dsTestId = "DS-SimpleTruncateText";
+const isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;
+const initialTooltipState = (value = "", options = {}) => ({
+  reference: null,
+  visible: false,
+  value,
+  options
+});
+const Text = import_ds_system.styled.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`;
+const SimpleTruncatedTooltipText = (props) => {
+  const { containerProps, tooltipDelay, placement, value, zIndex, tooltipOptions, textOptions } = props;
+  const [tooltipState, setTooltipState] = (0, import_react.useState)(initialTooltipState(value, tooltipOptions));
+  const show = (0, import_react.useCallback)(
+    (newState) => {
+      setTooltipState({ ...tooltipState, ...newState, visible: true });
+    },
+    [tooltipState]
+  );
+  const hideTooltip = (0, import_react.useCallback)(
+    (newState) => {
+      setTooltipState({ ...tooltipState, ...newState, visible: false });
+    },
+    [tooltipState]
+  );
+  const [showTooltip, cancelShowTooltip] = (0, import_ds_utilities.useCancellableDelayedCallback)(show, tooltipDelay);
+  const handleMouseEnter = (0, import_react.useCallback)(
+    (e) => {
+      const { target } = e;
+      const SimpleTruncatedTextEl = target.closest(`[data-testid="${dsTestId}"]`);
+      if (SimpleTruncatedTextEl && isEllipsisActive(SimpleTruncatedTextEl)) {
+        showTooltip({ value, reference: SimpleTruncatedTextEl });
+      }
+    },
+    [showTooltip, value]
+  );
+  const handleMouseLeave = (0, import_react.useCallback)(() => {
+    cancelShowTooltip();
+    hideTooltip({ reference: null });
+  }, [hideTooltip, cancelShowTooltip]);
+  const handlers = (0, import_react.useMemo)(() => {
+    if (!showTooltip)
+      return {};
+    return {
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave
+    };
+  }, [showTooltip, handleMouseEnter, handleMouseLeave]);
+  const theme = (0, import_react.useContext)(import_ds_system.ThemeContext);
+  const PurePopover = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: tooltipState.visible ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_popover.DSPopover,
+      {
+        boundaries: "window",
+        style: { pointerEvents: "none", zIndex: zIndex ?? theme.zIndex.tooltip },
+        placement,
+        content: tooltipState.value,
+        referenceEl: tooltipState.reference,
+        visible: tooltipState.visible,
+        showArrow: true
+      }
+    ) : null }),
+    [tooltipState, placement, zIndex]
+  );
+  const PureText = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Text,
+      {
+        ...containerProps && { ...containerProps },
+        ...textOptions && { ...textOptions },
+        ...handlers && { ...handlers },
+        "data-testid": dsTestId,
+        children: value
+      }
+    ) }),
+    [containerProps, textOptions, handlers, value]
+  );
+  const PureSimpleTruncatedTooltipText = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      PureText,
+      PurePopover
+    ] }),
+    [PureText, PurePopover]
+  );
+  return PureSimpleTruncatedTooltipText;
+};
+SimpleTruncatedTooltipText.propTypes = {
+  containerProps: import_prop_types.default.object,
+  tooltipOptions: import_prop_types.default.object,
+  textOptions: import_prop_types.default.object,
+  /** Text that when truncated will trigger the tooltip interaction */
+  value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number, import_prop_types.default.node]),
+  /** Position of the tooltip */
+  placement: import_prop_types.default.oneOf([
+    import_ds_popover.PopperPositions.AUTO_START,
+    import_ds_popover.PopperPositions.AUTO_END,
+    import_ds_popover.PopperPositions.AUTO,
+    import_ds_popover.PopperPositions.TOP_START,
+    import_ds_popover.PopperPositions.TOP,
+    import_ds_popover.PopperPositions.TOP_END,
+    import_ds_popover.PopperPositions.RIGHT_START,
+    import_ds_popover.PopperPositions.RIGHT,
+    import_ds_popover.PopperPositions.RIGHT_END,
+    import_ds_popover.PopperPositions.BOTTOM_START,
+    import_ds_popover.PopperPositions.BOTTOM,
+    import_ds_popover.PopperPositions.BOTTOM_END,
+    import_ds_popover.PopperPositions.LEFT_START,
+    import_ds_popover.PopperPositions.LEFT,
+    import_ds_popover.PopperPositions.LEFT_END
+  ]),
+  /** Delay to show the tooltip */
+  tooltipDelay: import_prop_types.default.number,
+  /** override default zIndex */
+  zIndex: import_prop_types.default.number
+};
+SimpleTruncatedTooltipText.defaultProps = {
+  containerProps: {},
+  tooltipOptions: {},
+  textOptions: {},
+  value: "",
+  placement: import_ds_popover.PopperPositions.TOP,
+  tooltipDelay: 200
+};
+var SimpleTruncatedTooltipText_default = SimpleTruncatedTooltipText;
+//# sourceMappingURL=SimpleTruncatedTooltipText.js.map

package/dist/cjs/SimpleTruncatedTooltipText.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SimpleTruncatedTooltipText.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useCallback, useContext, useMemo, useState } from 'react';\nimport { useCancellableDelayedCallback } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { styled, ThemeContext } from '@elliemae/ds-system';\nimport { DSPopover, PopperPositions as positions } from '@elliemae/ds-popover';\n\nconst dsTestId = 'DS-SimpleTruncateText';\n\nconst isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;\n\nconst initialTooltipState = (value = '', options = {}) => ({\n  reference: null,\n  visible: false,\n  value,\n  options,\n});\n// reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755\nconst Text = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\ninterface SimpleTruncatedTooltipTextProps {\n  containerProps?: Record<string, unknown>;\n  tooltipDelay?: number;\n  placement?: string;\n  value?: string | JSX.Element;\n  zIndex?: number;\n  tooltipOptions?: Record<string, unknown>;\n  textOptions?: Record<string, unknown>;\n}\n\nconst SimpleTruncatedTooltipText = (props: SimpleTruncatedTooltipTextProps) => {\n  const { containerProps, tooltipDelay, placement, value, zIndex, tooltipOptions, textOptions } = props;\n  // not using \"usePopoverProviderState\" because usePopoverState has memory leak issues\n  const [tooltipState, setTooltipState] = useState(initialTooltipState(value, tooltipOptions));\n  const show = useCallback(\n    (newState) => {\n      setTooltipState({ ...tooltipState, ...newState, visible: true });\n    },\n    [tooltipState],\n  );\n  const hideTooltip = useCallback(\n    (newState) => {\n      setTooltipState({ ...tooltipState, ...newState, visible: false });\n    },\n    [tooltipState],\n  );\n  const [showTooltip, cancelShowTooltip] = useCancellableDelayedCallback(show, tooltipDelay);\n\n  const handleMouseEnter = useCallback(\n    (e) => {\n      const { target } = e;\n      // we search for the closest parent with data-testid matching this component\n      //  this is required because the target may not be this component itself\n      //  when the user gives JSX as a value.\n      //  JSX as a value is required for features like text highlight during research\n      //    wich would still allow the truncation behaviour (see tree view for example)\n      // when the target has the test-id itself target===SimpleTruncatedTextEl\n      const SimpleTruncatedTextEl = target.closest(`[data-testid=\"${dsTestId}\"]`);\n      if (SimpleTruncatedTextEl && isEllipsisActive(SimpleTruncatedTextEl)) {\n        showTooltip({ value, reference: SimpleTruncatedTextEl });\n      }\n    },\n    [showTooltip, value],\n  );\n\n  const handleMouseLeave = useCallback(() => {\n    cancelShowTooltip();\n    hideTooltip({ reference: null });\n  }, [hideTooltip, cancelShowTooltip]);\n\n  const handlers = useMemo(() => {\n    if (!showTooltip) return {};\n    return {\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n    };\n  }, [showTooltip, handleMouseEnter, handleMouseLeave]);\n\n  const theme = useContext(ThemeContext);\n\n  const PurePopover = useMemo(\n    () => (\n      <>\n        {tooltipState.visible ? (\n          <DSPopover\n            boundaries=\"window\"\n            style={{ pointerEvents: 'none', zIndex: zIndex ?? theme.zIndex.tooltip }}\n            placement={placement}\n            content={tooltipState.value}\n            referenceEl={tooltipState.reference}\n            visible={tooltipState.visible}\n            showArrow\n          />\n        ) : null}\n      </>\n    ),\n    [tooltipState, placement, zIndex],\n  );\n  const PureText = useMemo(\n    () => (\n      <>\n        <Text\n          {...(containerProps && { ...containerProps })}\n          {...(textOptions && { ...textOptions })}\n          {...(handlers && { ...handlers })}\n          data-testid={dsTestId} // this is used by mouse enter too. required to support value as JSX\n        >\n          {value}\n        </Text>\n      </>\n    ),\n    [containerProps, textOptions, handlers, value],\n  );\n\n  const PureSimpleTruncatedTooltipText = useMemo(\n    () => (\n      <>\n        {PureText}\n        {PurePopover}\n      </>\n    ),\n    [PureText, PurePopover],\n  );\n\n  return PureSimpleTruncatedTooltipText;\n};\n\nSimpleTruncatedTooltipText.propTypes = {\n  containerProps: PropTypes.object,\n  tooltipOptions: PropTypes.object,\n  textOptions: PropTypes.object,\n  /** Text that when truncated will trigger the tooltip interaction */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]),\n  /** Position of the tooltip */\n  placement: PropTypes.oneOf([\n    positions.AUTO_START,\n    positions.AUTO_END,\n    positions.AUTO,\n    positions.TOP_START,\n    positions.TOP,\n    positions.TOP_END,\n    positions.RIGHT_START,\n    positions.RIGHT,\n    positions.RIGHT_END,\n    positions.BOTTOM_START,\n    positions.BOTTOM,\n    positions.BOTTOM_END,\n    positions.LEFT_START,\n    positions.LEFT,\n    positions.LEFT_END,\n  ]),\n  /** Delay to show the tooltip */\n  tooltipDelay: PropTypes.number,\n  /** override default zIndex */\n  zIndex: PropTypes.number,\n};\n\nSimpleTruncatedTooltipText.defaultProps = {\n  containerProps: {},\n  tooltipOptions: {},\n  textOptions: {},\n  value: '',\n  placement: positions.TOP,\n  tooltipDelay: 200,\n};\n\nexport { SimpleTruncatedTooltipText };\nexport default SimpleTruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["PropTypes", "positions"]
+}

package/dist/cjs/TooltipTextProvider.js

@@ -0,0 +1,78 @@
+"use strict";
+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 TooltipTextProvider_exports = {};
+__export(TooltipTextProvider_exports, {
+  TooltipTextProvider: () => TooltipTextProvider,
+  TruncatedTooltipContext: () => TruncatedTooltipContext,
+  default: () => TooltipTextProvider_default
+});
+module.exports = __toCommonJS(TooltipTextProvider_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_popover = require("@elliemae/ds-popover");
+const TruncatedTooltipContext = import_react.default.createContext();
+const { Provider } = TruncatedTooltipContext;
+const TooltipTextProvider = ({ children, tooltipDelay = 200, placement = "top", ...tooltipOptions }) => {
+  const {
+    show: showTooltip,
+    hide: hideTooltip,
+    state: tooltipState
+  } = (0, import_ds_popover.usePopoverProviderState)({ delay: tooltipDelay });
+  const [zIndex, setZIndex] = (0, import_react.useState)(110);
+  const value = (0, import_react.useMemo)(
+    () => ({
+      showTooltip,
+      hideTooltip,
+      setZIndex
+    }),
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Provider, { value, children: [
+    children,
+    tooltipState.visible ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_popover.DSPopover,
+      {
+        boundaries: "window",
+        placement,
+        showArrow: true,
+        ...tooltipOptions,
+        ...tooltipState.options || {},
+        content: tooltipState.value,
+        referenceEl: tooltipState.reference,
+        style: { pointerEvents: "none", zIndex },
+        visible: tooltipState.visible
+      }
+    ) : null
+  ] });
+};
+TooltipTextProvider.propTypes = {};
+TooltipTextProvider.defaultProps = {};
+var TooltipTextProvider_default = TooltipTextProvider;
+//# sourceMappingURL=TooltipTextProvider.js.map

package/dist/cjs/TooltipTextProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TooltipTextProvider.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useMemo, useState } from 'react';\nimport { DSPopover, usePopoverProviderState } from '@elliemae/ds-popover';\n\nconst TruncatedTooltipContext = React.createContext();\n\nconst { Provider } = TruncatedTooltipContext;\n\nconst TooltipTextProvider = ({ children, tooltipDelay = 200, placement = 'top', ...tooltipOptions }) => {\n  const {\n    show: showTooltip,\n    hide: hideTooltip,\n    state: tooltipState,\n  } = usePopoverProviderState({ delay: tooltipDelay });\n  const [zIndex, setZIndex] = useState(110);\n\n  const value = useMemo(\n    () => ({\n      showTooltip,\n      hideTooltip,\n      setZIndex,\n    }),\n    [],\n  );\n\n  return (\n    <Provider value={value}>\n      {children}\n      {tooltipState.visible ? (\n        <DSPopover\n          boundaries=\"window\"\n          placement={placement}\n          showArrow\n          {...tooltipOptions}\n          {...(tooltipState.options || {})}\n          content={tooltipState.value}\n          referenceEl={tooltipState.reference}\n          style={{ pointerEvents: 'none', zIndex }}\n          visible={tooltipState.visible}\n        />\n      ) : null}\n    </Provider>\n  );\n};\n\nTooltipTextProvider.propTypes = {};\nTooltipTextProvider.defaultProps = {};\n\nexport { TooltipTextProvider, TruncatedTooltipContext };\nexport default TooltipTextProvider;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AAzBJ,mBAAyC;AACzC,wBAAmD;AAEnD,MAAM,0BAA0B,aAAAA,QAAM,cAAc;AAEpD,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,sBAAsB,CAAC,EAAE,UAAU,eAAe,KAAK,YAAY,OAAO,GAAG,eAAe,MAAM;AACtG,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT,QAAI,2CAAwB,EAAE,OAAO,aAAa,CAAC;AACnD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,GAAG;AAExC,QAAM,YAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,6CAAC,YAAS,OACP;AAAA;AAAA,IACA,aAAa,UACZ;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX;AAAA,QACA,WAAS;AAAA,QACR,GAAG;AAAA,QACH,GAAI,aAAa,WAAW,CAAC;AAAA,QAC9B,SAAS,aAAa;AAAA,QACtB,aAAa,aAAa;AAAA,QAC1B,OAAO,EAAE,eAAe,QAAQ,OAAO;AAAA,QACvC,SAAS,aAAa;AAAA;AAAA,IACxB,IACE;AAAA,KACN;AAEJ;AAEA,oBAAoB,YAAY,CAAC;AACjC,oBAAoB,eAAe,CAAC;AAGpC,IAAO,8BAAQ;",
+  "names": ["React"]
+}

package/dist/cjs/index.js

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -29,10 +28,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  default: () => import_ds_legacy_truncated_tooltip_text.default
+  DSTruncateTextWithTooltip: () => import_truncateTextWithTooltip.DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipDatatestid: () => import_truncateTextWithTooltip.DSTruncateTextWithTooltipDatatestid,
+  DSTruncateTextWithTooltipWithSchema: () => import_truncateTextWithTooltip.DSTruncateTextWithTooltipWithSchema,
+  DSTruncatedTooltipText: () => import_DSTruncatedTooltipText.DSTruncatedTooltipText,
+  SimpleTruncatedTooltipText: () => import_SimpleTruncatedTooltipText.SimpleTruncatedTooltipText,
+  TooltipTextProvider: () => import_TooltipTextProvider.TooltipTextProvider,
+  TruncatedTooltipContext: () => import_TooltipTextProvider.TruncatedTooltipContext,
+  TruncatedTooltipTextWithSchema: () => import_DSTruncatedTooltipText.TruncatedTooltipTextWithSchema,
+  default: () => import_DSTruncatedTooltipText.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("@elliemae/ds-legacy-truncated-tooltip-text"), module.exports);
-var import_ds_legacy_truncated_tooltip_text = __toESM(require("@elliemae/ds-legacy-truncated-tooltip-text"));
+var import_TooltipTextProvider = require("./TooltipTextProvider.js");
+var import_SimpleTruncatedTooltipText = require("./SimpleTruncatedTooltipText.js");
+var import_DSTruncatedTooltipText = __toESM(require("./DSTruncatedTooltipText.js"));
+var import_truncateTextWithTooltip = require("./truncateTextWithTooltip/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from '@elliemae/ds-legacy-truncated-tooltip-text';\nexport { default } from '@elliemae/ds-legacy-truncated-tooltip-text';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,uDAAd;AACA,8CAAwB;",
+  "sourcesContent": ["export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvider.js';\nexport { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText.js';\nexport { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, default } from './DSTruncatedTooltipText.js';\nexport {\n  DSTruncateTextWithTooltipDatatestid,\n  DSTruncateTextWithTooltip,\n  DSTruncateTextWithTooltipWithSchema,\n} from './truncateTextWithTooltip/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAA6D;AAC7D,wCAA2C;AAC3C,oCAAgF;AAChF,qCAIO;",
   "names": []
 }

package/dist/cjs/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js

@@ -0,0 +1,38 @@
+"use strict";
+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 DSTruncateTextWIthTooltipDatatestid_exports = {};
+__export(DSTruncateTextWIthTooltipDatatestid_exports, {
+  DSTruncateTextWithTooltipDatatestid: () => DSTruncateTextWithTooltipDatatestid
+});
+module.exports = __toCommonJS(DSTruncateTextWIthTooltipDatatestid_exports);
+var React = __toESM(require("react"));
+const DSTruncateTextWithTooltipDatatestid = {
+  TEXT: "ds-truncatetextwithtooltip-text"
+};
+//# sourceMappingURL=DSTruncateTextWIthTooltipDatatestid.js.map

package/dist/cjs/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSTruncateTextWithTooltipDatatestid = {\n  TEXT: 'ds-truncatetextwithtooltip-text',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sCAAsC;AAAA,EACjD,MAAM;AACR;",
+  "names": []
+}

package/dist/cjs/truncateTextWithTooltip/DSTruncateTextWithTooltip.js

@@ -0,0 +1,80 @@
+"use strict";
+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 DSTruncateTextWithTooltip_exports = {};
+__export(DSTruncateTextWithTooltip_exports, {
+  DSTruncateTextWithTooltip: () => DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipWithSchema: () => DSTruncateTextWithTooltipWithSchema
+});
+module.exports = __toCommonJS(DSTruncateTextWithTooltip_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_tooltip = require("@elliemae/ds-tooltip");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_DSTruncateTextWIthTooltipDatatestid = require("./DSTruncateTextWIthTooltipDatatestid.js");
+var import_styles = require("./styles.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+const DSTruncateTextWithTooltip = (props) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(
+    propsWithDefault,
+    import_react_desc_prop_types.DSTruncateTextWithTooltipPropTypesSchema,
+    "DSTruncateTextWithTooltip"
+  );
+  const { text, tooltipProps } = propsWithDefault;
+  const [textWrapperEl, setTextWrapperEl] = (0, import_react.useState)(null);
+  const [isShowingEllipsis, setIsShowingEllipsis] = (0, import_react.useState)(false);
+  const resizeObserver = (0, import_react.useMemo)(
+    () => new ResizeObserver((entries) => {
+      if (entries.length) {
+        const [textWrapperEntry] = entries;
+        const el = textWrapperEntry.target;
+        setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
+      }
+    }),
+    []
+  );
+  (0, import_react.useEffect)(() => {
+    if (textWrapperEl) {
+      setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);
+      resizeObserver.observe(textWrapperEl);
+    }
+    return () => {
+      if (textWrapperEl) {
+        resizeObserver.unobserve(textWrapperEl);
+      }
+    };
+  }, [resizeObserver, textWrapperEl]);
+  if (isShowingEllipsis)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.DSTooltipV3, { text, ...tooltipProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Text, { ref: setTextWrapperEl, tabIndex: 0, "data-testid": import_DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid.TEXT, children: text }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Text, { ref: setTextWrapperEl, "data-testid": import_DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid.TEXT, children: text });
+};
+const DSTruncateTextWithTooltipWithSchema = (0, import_ds_props_helpers.describe)(DSTruncateTextWithTooltip);
+DSTruncateTextWithTooltipWithSchema.propTypes = import_react_desc_prop_types.DSTruncateTextWithTooltipPropTypesSchema;
+//# sourceMappingURL=DSTruncateTextWithTooltip.js.map

package/dist/cjs/truncateTextWithTooltip/DSTruncateTextWithTooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/truncateTextWithTooltip/DSTruncateTextWithTooltip.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useMemo, useEffect } from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';\nimport { Text } from './styles.js';\nimport {\n  type DSTruncateTextWithTooltipT,\n  DSTruncateTextWithTooltipPropTypesSchema,\n  defaultProps,\n} from './react-desc-prop-types.js';\n\nconst DSTruncateTextWithTooltip = (props: DSTruncateTextWithTooltipT.Props): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTruncateTextWithTooltipT.InternalProps>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(\n    propsWithDefault,\n    DSTruncateTextWithTooltipPropTypesSchema,\n    'DSTruncateTextWithTooltip',\n  );\n\n  const { text, tooltipProps } = propsWithDefault;\n\n  const [textWrapperEl, setTextWrapperEl] = useState<HTMLSpanElement | null>(null);\n  const [isShowingEllipsis, setIsShowingEllipsis] = useState<boolean>(false);\n\n  const resizeObserver = useMemo(\n    () =>\n      new ResizeObserver((entries) => {\n        if (entries.length) {\n          const [textWrapperEntry] = entries;\n          const el = textWrapperEntry.target;\n          setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);\n        }\n      }),\n    [],\n  );\n\n  useEffect(() => {\n    if (textWrapperEl) {\n      setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);\n      resizeObserver.observe(textWrapperEl);\n    }\n    return () => {\n      if (textWrapperEl) {\n        resizeObserver.unobserve(textWrapperEl);\n      }\n    };\n  }, [resizeObserver, textWrapperEl]);\n\n  if (isShowingEllipsis)\n    return (\n      <DSTooltipV3 text={text} {...tooltipProps}>\n        <Text ref={setTextWrapperEl} tabIndex={0} data-testid={DSTruncateTextWithTooltipDatatestid.TEXT}>\n          {text}\n        </Text>\n      </DSTooltipV3>\n    );\n\n  return (\n    <Text ref={setTextWrapperEl} data-testid={DSTruncateTextWithTooltipDatatestid.TEXT}>\n      {text}\n    </Text>\n  );\n};\n\nconst DSTruncateTextWithTooltipWithSchema = describe(DSTruncateTextWithTooltip);\n\nDSTruncateTextWithTooltipWithSchema.propTypes = DSTruncateTextWithTooltipPropTypesSchema;\n\nexport { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDf;AApDR,mBAAoD;AACpD,wBAA4B;AAC5B,8BAAuF;AACvF,iDAAoD;AACpD,oBAAqB;AACrB,mCAIO;AAEP,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM,uBAAmB,sDAAuE,OAAO,yCAAY;AAEnH;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,aAAa,IAAI;AAE/B,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAiC,IAAI;AAC/E,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAkB,KAAK;AAEzE,QAAM,qBAAiB;AAAA,IACrB,MACE,IAAI,eAAe,CAAC,YAAY;AAC9B,UAAI,QAAQ,QAAQ;AAClB,cAAM,CAAC,gBAAgB,IAAI;AAC3B,cAAM,KAAK,iBAAiB;AAC5B,6BAAqB,IAAI,cAAc,IAAI,WAAW;AAAA,MACxD;AAAA,IACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,8BAAU,MAAM;AACd,QAAI,eAAe;AACjB,2BAAqB,eAAe,cAAc,eAAe,WAAW;AAC5E,qBAAe,QAAQ,aAAa;AAAA,IACtC;AACA,WAAO,MAAM;AACX,UAAI,eAAe;AACjB,uBAAe,UAAU,aAAa;AAAA,MACxC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,MAAI;AACF,WACE,4CAAC,iCAAY,MAAa,GAAG,cAC3B,sDAAC,sBAAK,KAAK,kBAAkB,UAAU,GAAG,eAAa,+EAAoC,MACxF,gBACH,GACF;AAGJ,SACE,4CAAC,sBAAK,KAAK,kBAAkB,eAAa,+EAAoC,MAC3E,gBACH;AAEJ;AAEA,MAAM,0CAAsC,kCAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
+  "names": []
+}