@elliemae/ds-truncated-tooltip-text 2.2.0 → 2.3.0-alpha.3

package/cjs/SimpleTruncatedTooltipText.js

@@ -1,148 +1,137 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx2 = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var styled = require('styled-components');
-var DSPopover = require('@elliemae/ds-popover');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const dsTestId = 'DS-SimpleTruncateText';
-
-const isEllipsisActive = _ref => {
-  let {
-    offsetWidth,
-    scrollWidth
-  } = _ref;
-  return offsetWidth < scrollWidth;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-const initialTooltipState = function () {
-  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return {
-    reference: null,
-    visible: false,
-    value,
-    options
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
-}; // reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755
-
-
-const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-2f4vtq-0"
-})(["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; // not using "usePopoverProviderState" because usePopoverState has memory leak issues
-
-  const [tooltipState, setTooltipState] = React.useState(initialTooltipState(value, tooltipOptions));
-  const show = React.useCallback(newState => {
-    setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
-      visible: true
-    }));
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SimpleTruncatedTooltipText_exports = {};
+__export(SimpleTruncatedTooltipText_exports, {
+  SimpleTruncatedTooltipText: () => SimpleTruncatedTooltipText,
+  default: () => SimpleTruncatedTooltipText_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+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_styled_components.default.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 = React.useCallback(newState => {
-    setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
-      visible: false
-    }));
+  const hideTooltip = (0, import_react.useCallback)((newState) => {
+    setTooltipState({ ...tooltipState, ...newState, visible: false });
   }, [tooltipState]);
-  const [showTooltip, cancelShowTooltip] = dsUtilities.useCancellableDelayedCallback(show, tooltipDelay);
-  const handleMouseEnter = React.useCallback(e => {
-    const {
-      target
-    } = e; // we search for the closest parent with data-testid matching this component
-    //  this is required because the target may not be this component itself
-    //  when the user gives JSX as a value.
-    //  JSX as a value is required for features like text highlight during research
-    //    wich would still allow the truncation behaviour (see tree view for example)
-    // when the target has the test-id itself target===SimpleTruncatedTextEl
-
-    const SimpleTruncatedTextEl = target.closest("[data-testid=\"".concat(dsTestId, "\"]"));
-
+  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, reference: SimpleTruncatedTextEl });
     }
   }, [showTooltip, value]);
-  const handleMouseLeave = React.useCallback(() => {
+  const handleMouseLeave = (0, import_react.useCallback)(() => {
     cancelShowTooltip();
-    hideTooltip({
-      reference: null
-    });
+    hideTooltip({ reference: null });
   }, [hideTooltip, cancelShowTooltip]);
-  const handlers = React.useMemo(() => {
-    if (!showTooltip) return {};
+  const handlers = (0, import_react.useMemo)(() => {
+    if (!showTooltip)
+      return {};
     return {
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave
     };
   }, [showTooltip, handleMouseEnter, handleMouseLeave]);
-  const PurePopover = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: tooltipState.visible ? /*#__PURE__*/_jsx2__default["default"](DSPopover__default["default"], {
-      boundaries: "window",
-      style: {
-        pointerEvents: 'none',
-        zIndex
-      },
-      placement: placement,
-      content: tooltipState.value,
-      referenceEl: tooltipState.reference,
-      visible: tooltipState.visible,
-      showArrow: true
-    }) : null
-  }), [tooltipState, placement, zIndex]);
-  const PureText = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Text, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, containerProps && _objectSpread({}, containerProps)), textOptions && _objectSpread({}, textOptions)), handlers && _objectSpread({}, handlers)), {}, {
-      "data-testid": dsTestId // this is used by mouse enter too. required to support value as JSX
-      ,
-      children: value
-    }))
-  }), [containerProps, textOptions, handlers, value]);
-  const PureSimpleTruncatedTooltipText = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [PureText, PurePopover]
-  }), [PureText, PurePopover]);
+  const PurePopover = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, tooltipState.visible ? /* @__PURE__ */ import_react.default.createElement(import_ds_popover.DSPopover, {
+    boundaries: "window",
+    style: { pointerEvents: "none", zIndex },
+    placement,
+    content: tooltipState.value,
+    referenceEl: tooltipState.reference,
+    visible: tooltipState.visible,
+    showArrow: true
+  }) : null), [tooltipState, placement, zIndex]);
+  const PureText = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Text, {
+    ...containerProps && { ...containerProps },
+    ...textOptions && { ...textOptions },
+    ...handlers && { ...handlers },
+    "data-testid": dsTestId
+  }, value)), [containerProps, textOptions, handlers, value]);
+  const PureSimpleTruncatedTooltipText = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, 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,
+  value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number, import_prop_types.default.node]),
+  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
+  ]),
+  tooltipDelay: import_prop_types.default.number,
+  zIndex: import_prop_types.default.number
+};
 SimpleTruncatedTooltipText.defaultProps = {
   containerProps: {},
   tooltipOptions: {},
   textOptions: {},
-  value: '',
-  placement: DSPopover.PopperPositions.TOP,
+  value: "",
+  placement: import_ds_popover.PopperPositions.TOP,
   tooltipDelay: 200,
   zIndex: 110
 };
-
-exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText;
-exports["default"] = SimpleTruncatedTooltipText;
+var SimpleTruncatedTooltipText_default = SimpleTruncatedTooltipText;
+module.exports = __toCommonJS(SimpleTruncatedTooltipText_exports);
+//# sourceMappingURL=SimpleTruncatedTooltipText.js.map

package/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, useMemo, useState } from 'react';\nimport { useCancellableDelayedCallback } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\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\nconst SimpleTruncatedTooltipText = (props) => {\n  const { containerProps, tooltipDelay, placement, value, zIndex, tooltipOptions, textOptions } = props;\n\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 PurePopover = useMemo(\n    () => (\n      <>\n        {tooltipState.visible ? (\n          <DSPopover\n            boundaries=\"window\"\n            style={{ pointerEvents: 'none', zIndex }}\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  zIndex: 110,\n};\n\nexport { SimpleTruncatedTooltipText };\nexport default SimpleTruncatedTooltipText;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/TooltipTextProvider.js

@@ -1,78 +1,74 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx2 = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var DSPopover = require('@elliemae/ds-popover');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
-
-const _excluded = ["children", "tooltipDelay", "placement"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const TruncatedTooltipContext = /*#__PURE__*/React__default["default"].createContext();
-const {
-  Provider
-} = TruncatedTooltipContext;
-
-function TooltipTextProvider(_ref) {
-  let {
-    children,
-    tooltipDelay = 200,
-    placement = 'top'
-  } = _ref,
-      tooltipOptions = _objectWithoutProperties__default["default"](_ref, _excluded);
-
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TooltipTextProvider_exports = {};
+__export(TooltipTextProvider_exports, {
+  TooltipTextProvider: () => TooltipTextProvider,
+  TruncatedTooltipContext: () => TruncatedTooltipContext,
+  default: () => TooltipTextProvider_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_popover = require("@elliemae/ds-popover");
+const TruncatedTooltipContext = import_react.default.createContext();
+const { Provider } = TruncatedTooltipContext;
+function TooltipTextProvider({
+  children,
+  tooltipDelay = 200,
+  placement = "top",
+  ...tooltipOptions
+}) {
   const {
     show: showTooltip,
     hide: hideTooltip,
     state: tooltipState
-  } = DSPopover.usePopoverProviderState({
-    delay: tooltipDelay
-  });
-  const [zIndex, setZIndex] = React.useState(110);
-  const value = React.useMemo(() => ({
+  } = (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__*/_jsx2__default["default"](Provider, {
-    value: value
-  }, void 0, children, tooltipState.visible ? /*#__PURE__*/jsxRuntime.jsx(DSPopover__default["default"], _objectSpread(_objectSpread(_objectSpread({
+  return /* @__PURE__ */ import_react.default.createElement(Provider, {
+    value
+  }, children, tooltipState.visible ? /* @__PURE__ */ import_react.default.createElement(import_ds_popover.DSPopover, {
     boundaries: "window",
-    placement: placement,
-    showArrow: true
-  }, tooltipOptions), tooltipState.options || {}), {}, {
+    placement,
+    showArrow: true,
+    ...tooltipOptions,
+    ...tooltipState.options || {},
     content: tooltipState.value,
     referenceEl: tooltipState.reference,
-    style: {
-      pointerEvents: 'none',
-      zIndex
-    },
+    style: { pointerEvents: "none", zIndex },
     visible: tooltipState.visible
-  })) : null);
+  }) : null);
 }
-
+TooltipTextProvider.propTypes = {};
 TooltipTextProvider.defaultProps = {};
-
-exports.TooltipTextProvider = TooltipTextProvider;
-exports.TruncatedTooltipContext = TruncatedTooltipContext;
-exports["default"] = TooltipTextProvider;
+var TooltipTextProvider_default = TooltipTextProvider;
+module.exports = __toCommonJS(TooltipTextProvider_exports);
+//# sourceMappingURL=TooltipTextProvider.js.map

package/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\nfunction TooltipTextProvider({\n  children,\n  tooltipDelay = 200,\n  placement = 'top',\n  ...tooltipOptions\n}) {\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;ACAA,YAAuB;ADCvB,mBAAyC;AACzC,wBAAmD;AAEnD,MAAM,0BAA0B,qBAAM;AAEtC,MAAM,EAAE,aAAa;AAErB,6BAA6B;AAAA,EAC3B;AAAA,EACA,eAAe;AAAA,EACf,YAAY;AAAA,KACT;AAAA,GACF;AACD,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,MACL,+CAAwB,EAAE,OAAO;AACrC,QAAM,CAAC,QAAQ,aAAa,2BAAS;AAErC,QAAM,QAAQ,0BACZ,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAGF,SACE,mDAAC,UAAD;AAAA,IAAU;AAAA,KACP,UACA,aAAa,UACZ,mDAAC,6BAAD;AAAA,IACE,YAAW;AAAA,IACX;AAAA,IACA,WAAS;AAAA,OACL;AAAA,OACC,aAAa,WAAW;AAAA,IAC7B,SAAS,aAAa;AAAA,IACtB,aAAa,aAAa;AAAA,IAC1B,OAAO,EAAE,eAAe,QAAQ;AAAA,IAChC,SAAS,aAAa;AAAA,OAEtB;AAAA;AAKV,oBAAoB,YAAY;AAChC,oBAAoB,eAAe;AAGnC,IAAO,8BAAQ;",
+  "names": []
+}

package/cjs/index.js

@@ -1,19 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TooltipTextProvider = require('./TooltipTextProvider.js');
-var SimpleTruncatedTooltipText = require('./SimpleTruncatedTooltipText.js');
-var DSTruncatedTooltipText = require('./DSTruncatedTooltipText.js');
-var DSTruncateTextWithTooltip = require('./DSTruncateTextWithTooltip.js');
-
-
-
-exports.TooltipTextProvider = TooltipTextProvider.TooltipTextProvider;
-exports.TruncatedTooltipContext = TooltipTextProvider.TruncatedTooltipContext;
-exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText.SimpleTruncatedTooltipText;
-exports.DSTruncatedTooltipText = DSTruncatedTooltipText.DSTruncatedTooltipText;
-exports.TruncatedTooltipTextWithSchema = DSTruncatedTooltipText.TruncatedTooltipTextWithSchema;
-exports["default"] = DSTruncatedTooltipText.DSTruncatedTooltipText;
-exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip.DSTruncateTextWithTooltip;
-exports.DSTruncateTextWithTooltipDatatestId = DSTruncateTextWithTooltip.DSTruncateTextWithTooltipDatatestId;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  DSTruncateTextWithTooltip: () => import_DSTruncateTextWithTooltip.DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipDatatestId: () => import_DSTruncateTextWithTooltip.DSTruncateTextWithTooltipDatatestId,
+  DSTruncatedTooltipText: () => import_DSTruncatedTooltipText.DSTruncatedTooltipText,
+  SimpleTruncatedTooltipText: () => import_SimpleTruncatedTooltipText.SimpleTruncatedTooltipText,
+  TooltipTextProvider: () => import_TooltipTextProvider.TooltipTextProvider,
+  TruncatedTooltipContext: () => import_TooltipTextProvider.TruncatedTooltipContext,
+  TruncatedTooltipTextWithSchema: () => import_DSTruncatedTooltipText.TruncatedTooltipTextWithSchema,
+  default: () => import_DSTruncatedTooltipText.default
+});
+var React = __toESM(require("react"));
+var import_TooltipTextProvider = require("./TooltipTextProvider");
+var import_SimpleTruncatedTooltipText = require("./SimpleTruncatedTooltipText");
+var import_DSTruncatedTooltipText = __toESM(require("./DSTruncatedTooltipText"));
+var import_DSTruncateTextWithTooltip = require("./DSTruncateTextWithTooltip");
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvider';\nexport { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText';\nexport { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, default } from './DSTruncatedTooltipText';\nexport { DSTruncateTextWithTooltipDatatestId, DSTruncateTextWithTooltip } from './DSTruncateTextWithTooltip';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAA6D;AAC7D,wCAA2C;AAC3C,oCAAgF;AAChF,uCAA+E;",
+  "names": []
+}

package/esm/DSTruncateTextWithTooltip.js

@@ -1,65 +1,57 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useMemo, useEffect } from 'react';
-import { DSTooltipV3 } from '@elliemae/ds-tooltip';
-import styled from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Text = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1w57q5j-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;:focus{border:none;outline:none;background:", ";}"], props => props.theme.colors.brand['200']);
-const DSTruncateTextWithTooltipDatatestId = 'DS-TruncateTextWithTooltip';
-const DSTruncateTextWithTooltip = _ref => {
-  let {
-    text,
-    tooltipProps = {}
-  } = _ref;
-  const [textWrapperEl, setTextWrapperEl] = useState(); // const textWrapperEl = useRef<HTMLSpanElement>();
-
-  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false); // const isShowingEllipsis = textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth;
-
-  const resizeObserver = useMemo(() => new ResizeObserver(entries => {
+import * as React from "react";
+import React2, { useState, useMemo, useEffect } from "react";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+import styled from "styled-components";
+const Text = styled.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+  :focus {
+    border: none;
+    outline: none;
+    background: ${(props) => props.theme.colors.brand["200"]};
+  }
+`;
+const DSTruncateTextWithTooltipDatatestId = "DS-TruncateTextWithTooltip";
+const DSTruncateTextWithTooltip = ({ text, tooltipProps = {} }) => {
+  const [textWrapperEl, setTextWrapperEl] = useState();
+  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
+  const resizeObserver = useMemo(() => new ResizeObserver((entries) => {
     if (entries.length) {
       const [textWrapperEntry] = entries;
       const el = textWrapperEntry.target;
-      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
+      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
     }
   }), []);
   useEffect(() => {
     if (textWrapperEl) {
-      setIsShowingEllipsis((textWrapperEl === null || textWrapperEl === void 0 ? void 0 : textWrapperEl.scrollWidth) > (textWrapperEl === null || textWrapperEl === void 0 ? void 0 : textWrapperEl.clientWidth));
+      setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);
       resizeObserver.observe(textWrapperEl);
     }
-
     return () => {
       if (textWrapperEl) {
         resizeObserver.unobserve(textWrapperEl);
       }
     };
   }, [resizeObserver, textWrapperEl]);
-  if (isShowingEllipsis) return /*#__PURE__*/jsx(DSTooltipV3, _objectSpread(_objectSpread({
-    text: text
-  }, tooltipProps), {}, {
-    children: /*#__PURE__*/jsx(Text, {
+  if (isShowingEllipsis)
+    return /* @__PURE__ */ React2.createElement(DSTooltipV3, {
+      text,
+      ...tooltipProps
+    }, /* @__PURE__ */ React2.createElement(Text, {
       ref: setTextWrapperEl,
       tabIndex: 0,
-      "data-testid": DSTruncateTextWithTooltipDatatestId,
-      children: text
-    })
-  }));
-  return /*#__PURE__*/jsx(Text, {
+      "data-testid": DSTruncateTextWithTooltipDatatestId
+    }, text));
+  return /* @__PURE__ */ React2.createElement(Text, {
     ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWithTooltipDatatestId,
-    children: text
-  });
+    "data-testid": DSTruncateTextWithTooltipDatatestId
+  }, text);
 };
-
-export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipDatatestId };
+export {
+  DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipDatatestId
+};
+//# sourceMappingURL=DSTruncateTextWithTooltip.js.map