@elliemae/ds-truncated-tooltip-text 3.0.0-next.1 → 3.0.0-next.5

package/dist/esm/truncateTextWithTooltip/DSTruncateTextWithTooltip.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2, { useState, useMemo, useEffect } from "react";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from "@elliemae/ds-props-helpers";
+import { defaultProps } from "./defaultProps";
+import { DSTruncateTextWithTooltipDatatestid } from "./DSTruncateTextWIthTooltipDatatestid";
+import { propTypes } from "./propTypes";
+import { Text } from "./styles";
+const DSTruncateTextWithTooltip = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, propTypes);
+  const { text, tooltipProps } = propsWithDefault;
+  const [textWrapperEl, setTextWrapperEl] = useState(null);
+  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
+  const resizeObserver = useMemo(() => new ResizeObserver((entries) => {
+    if (entries.length) {
+      const [textWrapperEntry] = entries;
+      const el = textWrapperEntry.target;
+      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
+    }
+  }), []);
+  useEffect(() => {
+    if (textWrapperEl) {
+      setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);
+      resizeObserver.observe(textWrapperEl);
+    }
+    return () => {
+      if (textWrapperEl) {
+        resizeObserver.unobserve(textWrapperEl);
+      }
+    };
+  }, [resizeObserver, textWrapperEl]);
+  if (isShowingEllipsis)
+    return /* @__PURE__ */ React2.createElement(DSTooltipV3, __spreadValues({
+      text
+    }, tooltipProps), /* @__PURE__ */ React2.createElement(Text, {
+      ref: setTextWrapperEl,
+      tabIndex: 0,
+      "data-testid": DSTruncateTextWithTooltipDatatestid.TEXT
+    }, text));
+  return /* @__PURE__ */ React2.createElement(Text, {
+    ref: setTextWrapperEl,
+    "data-testid": DSTruncateTextWithTooltipDatatestid.TEXT
+  }, text);
+};
+const DSTruncateTextWithTooltipWithSchema = describe(DSTruncateTextWithTooltip);
+DSTruncateTextWithTooltipWithSchema.propTypes = propTypes;
+export {
+  DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipWithSchema
+};
+//# sourceMappingURL=DSTruncateTextWithTooltip.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/DSTruncateTextWithTooltip.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useMemo, useEffect } from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from './defaultProps';\nimport { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid';\nimport { propTypes } from './propTypes';\nimport { Text } from './styles';\nimport type { DSTruncateTextWithTooltipT } from './propTypes';\n\nconst DSTruncateTextWithTooltip = (props: DSTruncateTextWithTooltipT.Props): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTruncateTextWithTooltipT.Props>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\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<DSTruncateTextWithTooltipT.Props>(DSTruncateTextWithTooltip);\n\nDSTruncateTextWithTooltipWithSchema.propTypes = propTypes;\n\nexport { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM,mBAAmB,6BAA+D,OAAO;AAE/F,iCAA+B,kBAAkB;AAEjD,QAAM,EAAE,MAAM,iBAAiB;AAE/B,QAAM,CAAC,eAAe,oBAAoB,SAAiC;AAC3E,QAAM,CAAC,mBAAmB,wBAAwB,SAAkB;AAEpE,QAAM,iBAAiB,QACrB,MACE,IAAI,eAAe,CAAC,YAAY;AAC9B,QAAI,QAAQ,QAAQ;AAClB,YAAM,CAAC,oBAAoB;AAC3B,YAAM,KAAK,iBAAiB;AAC5B,2BAAqB,IAAI,cAAc,IAAI;AAAA;AAAA,MAGjD;AAGF,YAAU,MAAM;AACd,QAAI,eAAe;AACjB,2BAAqB,eAAe,cAAc,eAAe;AACjE,qBAAe,QAAQ;AAAA;AAEzB,WAAO,MAAM;AACX,UAAI,eAAe;AACjB,uBAAe,UAAU;AAAA;AAAA;AAAA,KAG5B,CAAC,gBAAgB;AAEpB,MAAI;AACF,WACE,qCAAC,aAAD;AAAA,MAAa;AAAA,OAAgB,eAC3B,qCAAC,MAAD;AAAA,MAAM,KAAK;AAAA,MAAkB,UAAU;AAAA,MAAG,eAAa,oCAAoC;AAAA,OACxF;AAKT,SACE,qCAAC,MAAD;AAAA,IAAM,KAAK;AAAA,IAAkB,eAAa,oCAAoC;AAAA,KAC3E;AAAA;AAKP,MAAM,sCAAsC,SAA2C;AAEvF,oCAAoC,YAAY;",
+  "names": []
+}

package/dist/esm/truncateTextWithTooltip/defaultProps.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+const defaultProps = {
+  tooltipProps: {}
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/dist/esm/truncateTextWithTooltip/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSTruncateTextWithTooltipT } from './propTypes';\n\nexport const defaultProps: DSTruncateTextWithTooltipT.DefaultProps = {\n  tooltipProps: {},\n};\n"],
+  "mappings": "AAAA;ACEO,MAAM,eAAwD;AAAA,EACnE,cAAc;AAAA;",
+  "names": []
+}

package/dist/esm/truncateTextWithTooltip/index.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+export * from "./DSTruncateTextWithTooltip";
+export * from "./DSTruncateTextWIthTooltipDatatestid";
+//# sourceMappingURL=index.js.map

package/dist/esm/truncateTextWithTooltip/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSTruncateTextWithTooltip';\nexport * from './DSTruncateTextWIthTooltipDatatestid';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/dist/esm/truncateTextWithTooltip/propTypes.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const propTypes = {
+  text: PropTypes.string.description("Text to show.").isRequired,
+  tooltipProps: PropTypes.object.description("This component uses DSTooltip component, you can set properties directly to this component with this property.").defaultValue({})
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/truncateTextWithTooltip/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSTruncateTextWithTooltipT {\n  export interface PropsRequired {\n    text: string;\n  }\n\n  export interface DefaultProps {\n    tooltipProps: Record<string, unknown>;\n  }\n\n  export interface Props extends DefaultProps, PropsRequired {}\n}\n\nexport const propTypes = {\n  text: PropTypes.string.description('Text to show.').isRequired,\n  tooltipProps: PropTypes.object\n    .description(\n      'This component uses DSTooltip component, you can set properties directly to this component with this property.',\n    )\n    .defaultValue({}),\n};\n"],
+  "mappings": "AAAA;ACCA;AAcO,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,OAAO,YAAY,iBAAiB;AAAA,EACpD,cAAc,UAAU,OACrB,YACC,kHAED,aAAa;AAAA;",
+  "names": []
+}

package/dist/esm/truncateTextWithTooltip/styles.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+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: ${({ theme }) => theme.colors.brand[200]};
+  }
+`;
+export {
+  Text
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/truncateTextWithTooltip/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\n// reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755\nexport const Text = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n  &:focus {\n    border: none;\n    outline: none;\n    background: ${({ theme }) => theme.colors.brand[200]};\n  }\n`;\n"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAST,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,31 +1,34 @@
 {
   "name": "@elliemae/ds-truncated-tooltip-text",
-  "version": "3.0.0-next.1",
+  "version": "3.0.0-next.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Truncated Tooltip Text",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./TooltipTextProvider": {
-      "import": "./esm/TooltipTextProvider.js",
-      "require": "./cjs/TooltipTextProvider.js"
+      "import": "./dist/esm/TooltipTextProvider.js",
+      "require": "./dist/cjs/TooltipTextProvider.js"
     },
     "./SimpleTruncatedTooltipText": {
-      "import": "./esm/SimpleTruncatedTooltipText.js",
-      "require": "./cjs/SimpleTruncatedTooltipText.js"
+      "import": "./dist/esm/SimpleTruncatedTooltipText.js",
+      "require": "./dist/cjs/SimpleTruncatedTooltipText.js"
     },
     "./DSTruncateTextWithTooltip": {
-      "import": "./esm/DSTruncateTextWithTooltip.js",
-      "require": "./cjs/DSTruncateTextWithTooltip.js"
+      "import": "./dist/esm/DSTruncateTextWithTooltip.js",
+      "require": "./dist/cjs/DSTruncateTextWithTooltip.js"
     },
     "./DSTruncatedTooltipText": {
-      "import": "./esm/DSTruncatedTooltipText.js",
-      "require": "./cjs/DSTruncatedTooltipText.js"
+      "import": "./dist/esm/DSTruncatedTooltipText.js",
+      "require": "./dist/cjs/DSTruncatedTooltipText.js"
     }
   },
   "sideEffects": [
@@ -37,21 +40,22 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-popover": "3.0.0-next.1",
-    "@elliemae/ds-popper": "3.0.0-next.1",
-    "@elliemae/ds-tooltip": "3.0.0-next.1",
-    "@elliemae/ds-utilities": "3.0.0-next.1",
+    "@elliemae/ds-popover": "3.0.0-next.5",
+    "@elliemae/ds-popper": "3.0.0-next.5",
+    "@elliemae/ds-props-helpers": "3.0.0-next.5",
+    "@elliemae/ds-tooltip": "3.0.0-next.5",
+    "@elliemae/ds-utilities": "3.0.0-next.5",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
@@ -65,7 +69,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSTruncateTextWithTooltip.js

@@ -1,75 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 dsTooltip = require('@elliemae/ds-tooltip');
-var styled = require('styled-components');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-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 Text = /*#__PURE__*/styled__default["default"].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] = React.useState(); // const textWrapperEl = useRef<HTMLSpanElement>();
-
-  const [isShowingEllipsis, setIsShowingEllipsis] = React.useState(false); // const isShowingEllipsis = textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth;
-
-  const resizeObserver = React.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));
-    }
-  }), []);
-  React.useEffect(() => {
-    if (textWrapperEl) {
-      setIsShowingEllipsis((textWrapperEl === null || textWrapperEl === void 0 ? void 0 : textWrapperEl.scrollWidth) > (textWrapperEl === null || textWrapperEl === void 0 ? void 0 : textWrapperEl.clientWidth));
-      resizeObserver.observe(textWrapperEl);
-    }
-
-    return () => {
-      if (textWrapperEl) {
-        resizeObserver.unobserve(textWrapperEl);
-      }
-    };
-  }, [resizeObserver, textWrapperEl]);
-  if (isShowingEllipsis) return /*#__PURE__*/jsxRuntime.jsx(dsTooltip.DSTooltipV3, _objectSpread(_objectSpread({
-    text: text
-  }, tooltipProps), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Text, {
-      ref: setTextWrapperEl,
-      tabIndex: 0,
-      "data-testid": DSTruncateTextWithTooltipDatatestId,
-      children: text
-    })
-  }));
-  return /*#__PURE__*/jsxRuntime.jsx(Text, {
-    ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWithTooltipDatatestId,
-    children: text
-  });
-};
-
-exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip;
-exports.DSTruncateTextWithTooltipDatatestId = DSTruncateTextWithTooltipDatatestId;

package/cjs/DSTruncatedTooltipText.js

@@ -1,112 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var dsPopper = require('@elliemae/ds-popper');
-var TooltipTextProvider = require('./TooltipTextProvider.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const _excluded = ["containerProps", "value", "zIndex"];
-
-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 isEllipsisActive = _ref => {
-  let {
-    offsetWidth,
-    scrollWidth
-  } = _ref;
-  return offsetWidth < scrollWidth;
-}; // 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-1olo1o7-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;"]);
-
-const DSTruncatedTooltipText = _ref2 => {
-  let {
-    containerProps = {},
-    value = '',
-    zIndex = 110
-  } = _ref2,
-      otherTextProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
-
-  const tooltipContext = React.useContext(TooltipTextProvider.TruncatedTooltipContext);
-  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__*/jsxRuntime.jsx(Text, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTextProps), handlers), {}, {
-    children: value
-  }));
-};
-
-DSTruncatedTooltipText.defaultProps = {
-  value: '',
-  zIndex: 110
-};
-const truncatedTooltipTextProps = {
-  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
-  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Text that when truncated will trigger the tooltip interaction'),
-  tooltipPlacement: reactDesc.PropTypes.oneOf([dsPopper.PopperPositions.AUTO_START, dsPopper.PopperPositions.AUTO_END, dsPopper.PopperPositions.AUTO, dsPopper.PopperPositions.TOP_START, dsPopper.PopperPositions.TOP, dsPopper.PopperPositions.TOP_END, dsPopper.PopperPositions.RIGHT_START, dsPopper.PopperPositions.RIGHT, dsPopper.PopperPositions.RIGHT_END, dsPopper.PopperPositions.BOTTOM_START, dsPopper.PopperPositions.BOTTOM, dsPopper.PopperPositions.BOTTOM_END, dsPopper.PopperPositions.LEFT_START, dsPopper.PopperPositions.LEFT, dsPopper.PopperPositions.LEFT_END]).description('Position of the tooltip'),
-  tooltipDelay: reactDesc.PropTypes.number.description('Delay to show the tooltip'),
-  zIndex: reactDesc.PropTypes.number.description('override default zIndex').defaultValue(110)
-};
-DSTruncatedTooltipText.defaultProps = {
-  containerProps: {},
-  value: '',
-  tooltipPlacement: undefined,
-  tooltipDelay: undefined
-};
-const TruncatedTooltipTextWithSchema = reactDesc.describe(DSTruncatedTooltipText);
-TruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;
-
-exports.DSTruncatedTooltipText = DSTruncatedTooltipText;
-exports.TruncatedTooltipTextWithSchema = TruncatedTooltipTextWithSchema;
-exports["default"] = DSTruncatedTooltipText;

package/cjs/SimpleTruncatedTooltipText.js

@@ -1,148 +0,0 @@
-'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;
-};
-
-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
-  };
-}; // 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
-    }));
-  }, [tooltipState]);
-  const hideTooltip = React.useCallback(newState => {
-    setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, 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, "\"]"));
-
-    if (SimpleTruncatedTextEl && isEllipsisActive(SimpleTruncatedTextEl)) {
-      showTooltip({
-        value,
-        reference: SimpleTruncatedTextEl
-      });
-    }
-  }, [showTooltip, value]);
-  const handleMouseLeave = React.useCallback(() => {
-    cancelShowTooltip();
-    hideTooltip({
-      reference: null
-    });
-  }, [hideTooltip, cancelShowTooltip]);
-  const handlers = 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]);
-  return PureSimpleTruncatedTooltipText;
-};
-
-SimpleTruncatedTooltipText.defaultProps = {
-  containerProps: {},
-  tooltipOptions: {},
-  textOptions: {},
-  value: '',
-  placement: DSPopover.PopperPositions.TOP,
-  tooltipDelay: 200,
-  zIndex: 110
-};
-
-exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText;
-exports["default"] = SimpleTruncatedTooltipText;