@elliemae/ds-truncated-expandable-text 1.60.0 → 2.0.0-alpha.12

package/cjs/TruncatedExpandableText.js

@@ -2,68 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var react = require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
 var props = require('./props.js');
 var defaultProps = require('./defaultProps.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Text = /*#__PURE__*/styled__default['default'].span.withConfig({
-  componentId: "sc-1wjt65j-0"
-})(["text-overflow:ellipsis;white-space:", ";overflow:hidden;display:", ";-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;word-break:break-all;"], function (props) {
-  return props.isExpanded ? 'wrap' : 'nowrap';
-}, function (props) {
-  return props.isExpanded ? '-webkit-box' : 'inline-block';
-});
-
-var TruncatedExpandableText = function TruncatedExpandableText(_ref) {
-  var containerProps = _ref.containerProps,
-      value = _ref.value;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var ref = React.useRef(null);
-  React.useLayoutEffect(function () {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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-1wjt65j-0"
+})(["text-overflow:ellipsis;white-space:", ";overflow:hidden;display:", ";-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;word-break:break-all;"], props => props.isExpanded ? 'wrap' : 'nowrap', props => props.isExpanded ? '-webkit-box' : 'inline-block');
+
+const TruncatedExpandableText = _ref => {
+  let {
+    containerProps,
+    value
+  } = _ref;
+  const [open, setOpen] = react.useState(false);
+  const ref = react.useRef(null);
+  react.useLayoutEffect(() => {
     if (typeof value !== 'string') return;
     if (!open) return;
-    var newHyphenizedValue = '';
-    var element = ref.current;
+    let newHyphenizedValue = '';
+    const element = ref.current;
     element.innerText = newHyphenizedValue;
-
-    var _element$getBoundingC = element.getBoundingClientRect(),
-        previousHeight = _element$getBoundingC.height;
-
-    value.split('').forEach(function (char, index) {
+    let {
+      height: previousHeight
+    } = element.getBoundingClientRect();
+    value.split('').forEach((char, index) => {
       // try the hyphen here
       element.innerText = "".concat(newHyphenizedValue, "-").concat(char);
-
-      var _element$getBoundingC2 = element.getBoundingClientRect(),
-          newHeight = _element$getBoundingC2.height; // if it's the first line or the height didn't change, hyphen doesn't go here,
+      const {
+        height: newHeight
+      } = element.getBoundingClientRect(); // if it's the first line or the height didn't change, hyphen doesn't go here,
       // since we tried "-c", we are sure that "c-" fits in the line (so we don't
       // ever have a case where the hyphen goes to the next line
 
-
       if (!index || previousHeight === newHeight) {
         newHyphenizedValue += char;
       } else if (index < value.length - 1 && value[index + 1].match(/\s/)) {
         // end of word
         element.innerText = "".concat(newHyphenizedValue).concat(char); // sometimes the last character is wider and doesn't fit
 
-        var _element$getBoundingC3 = element.getBoundingClientRect(),
-            endOfWordHeight = _element$getBoundingC3.height;
-
+        const {
+          height: endOfWordHeight
+        } = element.getBoundingClientRect();
         if (endOfWordHeight === previousHeight) newHyphenizedValue += char;else newHyphenizedValue += "-".concat(char);
       } else if (char.match(/\s/)) {
         // we dont want "- ", leave the space character only
@@ -79,25 +77,24 @@ var TruncatedExpandableText = function TruncatedExpandableText(_ref) {
     });
     element.innerText = newHyphenizedValue;
   }, [open, value]);
-  return /*#__PURE__*/React__default['default'].createElement(Text, _extends__default['default']({
+  return /*#__PURE__*/jsxRuntime.jsx(Text, _objectSpread(_objectSpread({
     ref: ref
-  }, containerProps, {
+  }, containerProps), {}, {
     isExpanded: open,
-    onClick: function onClick(e) {
+    onClick: e => {
       e.persist();
       setOpen(!open);
       if (containerProps.onClick) containerProps.onClick(e);
     },
-    "data-testid": "ds-truncated-expandable-text"
-  }), value);
+    "data-testid": "ds-truncated-expandable-text",
+    children: value
+  }));
 };
 
-TruncatedExpandableText.propTypes = props.textProps;
 TruncatedExpandableText.defaultProps = defaultProps.defaultProps;
-var DSTruncatedExpandableTextWithSchema = reactDesc.describe(TruncatedExpandableText);
+const DSTruncatedExpandableTextWithSchema = reactDesc.describe(TruncatedExpandableText);
 DSTruncatedExpandableTextWithSchema.propTypes = props.textProps;
 
 exports.DSTruncatedExpandableTextWithSchema = DSTruncatedExpandableTextWithSchema;
 exports.TruncatedExpandableText = TruncatedExpandableText;
-exports['default'] = TruncatedExpandableText;
-//# sourceMappingURL=TruncatedExpandableText.js.map
+exports["default"] = TruncatedExpandableText;

package/cjs/defaultProps.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   value: ''
 };
 
 exports.defaultProps = defaultProps;
-//# sourceMappingURL=defaultProps.js.map

package/cjs/index.js

@@ -3,17 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var TruncatedExpandableText = require('./TruncatedExpandableText.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('react-desc');
-require('styled-components');
-require('./props.js');
-require('./defaultProps.js');
 
 
 
 exports.DSTruncatedExpandableTextWithSchema = TruncatedExpandableText.DSTruncatedExpandableTextWithSchema;
 exports.TruncatedExpandableText = TruncatedExpandableText.TruncatedExpandableText;
-exports.default = TruncatedExpandableText.TruncatedExpandableText;
-//# sourceMappingURL=index.js.map
+exports["default"] = TruncatedExpandableText.TruncatedExpandableText;

package/cjs/props.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var textProps = {
+const textProps = {
   /** props injected to wrapper of page header */
   containerProps: reactDesc.PropTypes.object.description('props injected to wrapper of truncated expandable text'),
 
@@ -13,4 +13,3 @@ var textProps = {
 };
 
 exports.textProps = textProps;
-//# sourceMappingURL=props.js.map

package/esm/TruncatedExpandableText.js

@@ -1,58 +1,58 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useRef, useLayoutEffect } from 'react';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import { useState, useRef, useLayoutEffect } from 'react';
 import { describe } from 'react-desc';
 import styled from 'styled-components';
 import { textProps } from './props.js';
 import { defaultProps } from './defaultProps.js';
+import { jsx } from 'react/jsx-runtime';
 
-var Text = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1wjt65j-0"
-})(["text-overflow:ellipsis;white-space:", ";overflow:hidden;display:", ";-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;word-break:break-all;"], function (props) {
-  return props.isExpanded ? 'wrap' : 'nowrap';
-}, function (props) {
-  return props.isExpanded ? '-webkit-box' : 'inline-block';
-});
-
-var TruncatedExpandableText = function TruncatedExpandableText(_ref) {
-  var containerProps = _ref.containerProps,
-      value = _ref.value;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const Text = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-1wjt65j-0"
+})(["text-overflow:ellipsis;white-space:", ";overflow:hidden;display:", ";-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;word-break:break-all;"], props => props.isExpanded ? 'wrap' : 'nowrap', props => props.isExpanded ? '-webkit-box' : 'inline-block');
 
-  var ref = useRef(null);
-  useLayoutEffect(function () {
+const TruncatedExpandableText = _ref => {
+  let {
+    containerProps,
+    value
+  } = _ref;
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  useLayoutEffect(() => {
     if (typeof value !== 'string') return;
     if (!open) return;
-    var newHyphenizedValue = '';
-    var element = ref.current;
+    let newHyphenizedValue = '';
+    const element = ref.current;
     element.innerText = newHyphenizedValue;
-
-    var _element$getBoundingC = element.getBoundingClientRect(),
-        previousHeight = _element$getBoundingC.height;
-
-    value.split('').forEach(function (char, index) {
+    let {
+      height: previousHeight
+    } = element.getBoundingClientRect();
+    value.split('').forEach((char, index) => {
       // try the hyphen here
       element.innerText = "".concat(newHyphenizedValue, "-").concat(char);
-
-      var _element$getBoundingC2 = element.getBoundingClientRect(),
-          newHeight = _element$getBoundingC2.height; // if it's the first line or the height didn't change, hyphen doesn't go here,
+      const {
+        height: newHeight
+      } = element.getBoundingClientRect(); // if it's the first line or the height didn't change, hyphen doesn't go here,
       // since we tried "-c", we are sure that "c-" fits in the line (so we don't
       // ever have a case where the hyphen goes to the next line
 
-
       if (!index || previousHeight === newHeight) {
         newHyphenizedValue += char;
       } else if (index < value.length - 1 && value[index + 1].match(/\s/)) {
         // end of word
         element.innerText = "".concat(newHyphenizedValue).concat(char); // sometimes the last character is wider and doesn't fit
 
-        var _element$getBoundingC3 = element.getBoundingClientRect(),
-            endOfWordHeight = _element$getBoundingC3.height;
-
+        const {
+          height: endOfWordHeight
+        } = element.getBoundingClientRect();
         if (endOfWordHeight === previousHeight) newHyphenizedValue += char;else newHyphenizedValue += "-".concat(char);
       } else if (char.match(/\s/)) {
         // we dont want "- ", leave the space character only
@@ -68,23 +68,22 @@ var TruncatedExpandableText = function TruncatedExpandableText(_ref) {
     });
     element.innerText = newHyphenizedValue;
   }, [open, value]);
-  return /*#__PURE__*/React.createElement(Text, _extends({
+  return /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({
     ref: ref
-  }, containerProps, {
+  }, containerProps), {}, {
     isExpanded: open,
-    onClick: function onClick(e) {
+    onClick: e => {
       e.persist();
       setOpen(!open);
       if (containerProps.onClick) containerProps.onClick(e);
     },
-    "data-testid": "ds-truncated-expandable-text"
-  }), value);
+    "data-testid": "ds-truncated-expandable-text",
+    children: value
+  }));
 };
 
-TruncatedExpandableText.propTypes = textProps;
 TruncatedExpandableText.defaultProps = defaultProps;
-var DSTruncatedExpandableTextWithSchema = describe(TruncatedExpandableText);
+const DSTruncatedExpandableTextWithSchema = describe(TruncatedExpandableText);
 DSTruncatedExpandableTextWithSchema.propTypes = textProps;
 
 export { DSTruncatedExpandableTextWithSchema, TruncatedExpandableText, TruncatedExpandableText as default };
-//# sourceMappingURL=TruncatedExpandableText.js.map

package/esm/defaultProps.js

@@ -1,7 +1,6 @@
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   value: ''
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

package/esm/index.js

@@ -1,9 +1 @@
 export { DSTruncatedExpandableTextWithSchema, TruncatedExpandableText, TruncatedExpandableText as default } from './TruncatedExpandableText.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'react-desc';
-import 'styled-components';
-import './props.js';
-import './defaultProps.js';
-//# sourceMappingURL=index.js.map

package/esm/props.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var textProps = {
+const textProps = {
   /** props injected to wrapper of page header */
   containerProps: PropTypes.object.description('props injected to wrapper of truncated expandable text'),
 
@@ -9,4 +9,3 @@ var textProps = {
 };
 
 export { textProps };
-//# sourceMappingURL=props.js.map

package/package.json

@@ -1,14 +1,42 @@
 {
   "name": "@elliemae/ds-truncated-expandable-text",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Truncated Expandable Text",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Truncated Expandable Text",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./TruncatedExpandableText": {
+      "import": "./esm/TruncatedExpandableText.js",
+      "require": "./cjs/TruncatedExpandableText.js"
+    },
+    "./props": {
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
+    },
+    "./defaultProps": {
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,20 +44,23 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "react-desc": "^4.1.2"
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@types/styled-components": "^5.1.9",
-    "styled-components": "~5.3.0"
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "@types/styled-components": "~5.1.15",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/TruncatedExpandableText.d.ts

@@ -0,0 +1,36 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+import { HTMLAttributes } from 'react';
+declare const TruncatedExpandableText: {
+    ({ containerProps, value, }: {
+        containerProps: HTMLAttributes<HTMLSpanElement>;
+        value: string;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        value: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+    defaultProps: {
+        containerProps: {};
+        value: string;
+    };
+};
+declare const DSTruncatedExpandableTextWithSchema: {
+    (props?: {
+        containerProps: HTMLAttributes<HTMLSpanElement>;
+        value: string;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { TruncatedExpandableText, DSTruncatedExpandableTextWithSchema };
+export default TruncatedExpandableText;

package/types/defaultProps.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultProps: {
+    containerProps: {};
+    value: string;
+};

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TruncatedExpandableText';
+export { default } from './TruncatedExpandableText';

package/types/props.d.ts

@@ -0,0 +1,17 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const textProps: {
+    /** props injected to wrapper of page header */
+    containerProps: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    /** Text that when truncated will trigger the tooltip interaction */
+    value: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};

package/types/tests/TruncatedExpandableText.test.d.ts

@@ -0,0 +1 @@
+export {};

package/TruncatedExpandableText/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-truncated-expandable-text/TruncatedExpandableText",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/TruncatedExpandableText.js",
-  "module": "../esm/TruncatedExpandableText.js"
-}

package/cjs/TruncatedExpandableText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatedExpandableText.js","sources":["../../src/TruncatedExpandableText.tsx"],"sourcesContent":["import React, {\n  useRef,\n  useState,\n  useLayoutEffect,\n  HTMLAttributes,\n} from 'react';\nimport { describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { textProps } from './props';\nimport { defaultProps } from './defaultProps';\n\ntype TextProps = HTMLAttributes<HTMLSpanElement> & { isExpanded: boolean };\n\nconst Text = styled.span<TextProps>`\n  text-overflow: ellipsis;\n  white-space: ${(props) => (props.isExpanded ? 'wrap' : 'nowrap')};\n  overflow: hidden;\n  display: ${(props) => (props.isExpanded ? '-webkit-box' : 'inline-block')};\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  max-width: 100%;\n  word-break: break-all;\n`;\n\nconst TruncatedExpandableText = ({\n  containerProps,\n  value,\n}: {\n  containerProps: HTMLAttributes<HTMLSpanElement>;\n  value: string;\n}): JSX.Element => {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLSpanElement>(null);\n\n  useLayoutEffect(() => {\n    if (typeof value !== 'string') return;\n    if (!open) return;\n\n    let newHyphenizedValue = '';\n\n    const element = ref.current;\n    element.innerText = newHyphenizedValue;\n    let { height: previousHeight } = element.getBoundingClientRect();\n\n    value.split('').forEach((char, index) => {\n      // try the hyphen here\n      element.innerText = `${newHyphenizedValue}-${char}`;\n      const { height: newHeight } = element.getBoundingClientRect();\n      // if it's the first line or the height didn't change, hyphen doesn't go here,\n      // since we tried \"-c\", we are sure that \"c-\" fits in the line (so we don't\n      // ever have a case where the hyphen goes to the next line\n      if (!index || previousHeight === newHeight) {\n        newHyphenizedValue += char;\n      } else if (index < value.length - 1 && value[index + 1].match(/\\s/)) {\n        // end of word\n        element.innerText = `${newHyphenizedValue}${char}`;\n\n        // sometimes the last character is wider and doesn't fit\n        const { height: endOfWordHeight } = element.getBoundingClientRect();\n        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;\n        else newHyphenizedValue += `-${char}`;\n      } else if (char.match(/\\s/)) {\n        // we dont want \"- \", leave the space character only\n        newHyphenizedValue += char;\n      } else if (\n        newHyphenizedValue.length &&\n        newHyphenizedValue[newHyphenizedValue.length - 1].match(/\\s/)\n      ) {\n        // we produce and empty space to make sure to start on the next line\n        newHyphenizedValue += ` ${char}`;\n      } else {\n        newHyphenizedValue += `-${char}`;\n      }\n      previousHeight = newHeight;\n    });\n    element.innerText = newHyphenizedValue;\n  }, [open, value]);\n\n  return (\n    <Text\n      ref={ref}\n      {...containerProps}\n      isExpanded={open}\n      onClick={(e) => {\n        e.persist();\n        setOpen(!open);\n        if (containerProps.onClick) containerProps.onClick(e);\n      }}\n      data-testid=\"ds-truncated-expandable-text\"\n    >\n      {value}\n    </Text>\n  );\n};\n\nTruncatedExpandableText.propTypes = textProps;\n\nTruncatedExpandableText.defaultProps = defaultProps;\n\nconst DSTruncatedExpandableTextWithSchema = describe(TruncatedExpandableText);\n\nDSTruncatedExpandableTextWithSchema.propTypes = textProps;\n\nexport { TruncatedExpandableText, DSTruncatedExpandableTextWithSchema };\nexport default TruncatedExpandableText;\n"],"names":["Text","styled","span","props","isExpanded","TruncatedExpandableText","containerProps","value","useState","open","setOpen","ref","useRef","useLayoutEffect","newHyphenizedValue","element","current","innerText","getBoundingClientRect","previousHeight","height","split","forEach","char","index","newHeight","length","match","endOfWordHeight","React","e","persist","onClick","propTypes","textProps","defaultProps","DSTruncatedExpandableTextWithSchema","describe"],"mappings":"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"}

package/cjs/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["export const defaultProps = { containerProps: {}, value: '' };\n"],"names":["defaultProps","containerProps","value"],"mappings":";;;;IAAaA,YAAY,GAAG;AAAEC,EAAAA,cAAc,EAAE,EAAlB;AAAsBC,EAAAA,KAAK,EAAE;AAA7B;;;;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/cjs/props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const textProps = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.object.description(\n    'props injected to wrapper of truncated expandable text',\n  ),\n  /** Text that when truncated will trigger the tooltip interaction */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Text that when truncated will trigger the tooltip interaction',\n  ),\n};\n"],"names":["textProps","containerProps","PropTypes","object","description","value","oneOfType","string","number"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvB;AACAC,EAAAA,cAAc,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,wDADc,CAFO;;AAKvB;AACAC,EAAAA,KAAK,EAAEH,mBAAS,CAACI,SAAV,CAAoB,CAACJ,mBAAS,CAACK,MAAX,EAAmBL,mBAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CACL,+DADK;AANgB;;;;"}

package/defaultProps/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-truncated-expandable-text/defaultProps",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/defaultProps.js",
-  "module": "../esm/defaultProps.js"
-}

package/esm/TruncatedExpandableText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatedExpandableText.js","sources":["../../src/TruncatedExpandableText.tsx"],"sourcesContent":["import React, {\n  useRef,\n  useState,\n  useLayoutEffect,\n  HTMLAttributes,\n} from 'react';\nimport { describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { textProps } from './props';\nimport { defaultProps } from './defaultProps';\n\ntype TextProps = HTMLAttributes<HTMLSpanElement> & { isExpanded: boolean };\n\nconst Text = styled.span<TextProps>`\n  text-overflow: ellipsis;\n  white-space: ${(props) => (props.isExpanded ? 'wrap' : 'nowrap')};\n  overflow: hidden;\n  display: ${(props) => (props.isExpanded ? '-webkit-box' : 'inline-block')};\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  max-width: 100%;\n  word-break: break-all;\n`;\n\nconst TruncatedExpandableText = ({\n  containerProps,\n  value,\n}: {\n  containerProps: HTMLAttributes<HTMLSpanElement>;\n  value: string;\n}): JSX.Element => {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLSpanElement>(null);\n\n  useLayoutEffect(() => {\n    if (typeof value !== 'string') return;\n    if (!open) return;\n\n    let newHyphenizedValue = '';\n\n    const element = ref.current;\n    element.innerText = newHyphenizedValue;\n    let { height: previousHeight } = element.getBoundingClientRect();\n\n    value.split('').forEach((char, index) => {\n      // try the hyphen here\n      element.innerText = `${newHyphenizedValue}-${char}`;\n      const { height: newHeight } = element.getBoundingClientRect();\n      // if it's the first line or the height didn't change, hyphen doesn't go here,\n      // since we tried \"-c\", we are sure that \"c-\" fits in the line (so we don't\n      // ever have a case where the hyphen goes to the next line\n      if (!index || previousHeight === newHeight) {\n        newHyphenizedValue += char;\n      } else if (index < value.length - 1 && value[index + 1].match(/\\s/)) {\n        // end of word\n        element.innerText = `${newHyphenizedValue}${char}`;\n\n        // sometimes the last character is wider and doesn't fit\n        const { height: endOfWordHeight } = element.getBoundingClientRect();\n        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;\n        else newHyphenizedValue += `-${char}`;\n      } else if (char.match(/\\s/)) {\n        // we dont want \"- \", leave the space character only\n        newHyphenizedValue += char;\n      } else if (\n        newHyphenizedValue.length &&\n        newHyphenizedValue[newHyphenizedValue.length - 1].match(/\\s/)\n      ) {\n        // we produce and empty space to make sure to start on the next line\n        newHyphenizedValue += ` ${char}`;\n      } else {\n        newHyphenizedValue += `-${char}`;\n      }\n      previousHeight = newHeight;\n    });\n    element.innerText = newHyphenizedValue;\n  }, [open, value]);\n\n  return (\n    <Text\n      ref={ref}\n      {...containerProps}\n      isExpanded={open}\n      onClick={(e) => {\n        e.persist();\n        setOpen(!open);\n        if (containerProps.onClick) containerProps.onClick(e);\n      }}\n      data-testid=\"ds-truncated-expandable-text\"\n    >\n      {value}\n    </Text>\n  );\n};\n\nTruncatedExpandableText.propTypes = textProps;\n\nTruncatedExpandableText.defaultProps = defaultProps;\n\nconst DSTruncatedExpandableTextWithSchema = describe(TruncatedExpandableText);\n\nDSTruncatedExpandableTextWithSchema.propTypes = textProps;\n\nexport { TruncatedExpandableText, DSTruncatedExpandableTextWithSchema };\nexport default TruncatedExpandableText;\n"],"names":["Text","styled","span","props","isExpanded","TruncatedExpandableText","containerProps","value","useState","open","setOpen","ref","useRef","useLayoutEffect","newHyphenizedValue","element","current","innerText","getBoundingClientRect","previousHeight","height","split","forEach","char","index","newHeight","length","match","endOfWordHeight","e","persist","onClick","propTypes","textProps","defaultProps","DSTruncatedExpandableTextWithSchema","describe"],"mappings":"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"}

package/esm/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["export const defaultProps = { containerProps: {}, value: '' };\n"],"names":["defaultProps","containerProps","value"],"mappings":"IAAaA,YAAY,GAAG;AAAEC,EAAAA,cAAc,EAAE,EAAlB;AAAsBC,EAAAA,KAAK,EAAE;AAA7B;;;;"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/esm/props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const textProps = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.object.description(\n    'props injected to wrapper of truncated expandable text',\n  ),\n  /** Text that when truncated will trigger the tooltip interaction */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Text that when truncated will trigger the tooltip interaction',\n  ),\n};\n"],"names":["textProps","containerProps","PropTypes","object","description","value","oneOfType","string","number"],"mappings":";;IAEaA,SAAS,GAAG;AACvB;AACAC,EAAAA,cAAc,EAAEC,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,wDADc,CAFO;;AAKvB;AACAC,EAAAA,KAAK,EAAEH,SAAS,CAACI,SAAV,CAAoB,CAACJ,SAAS,CAACK,MAAX,EAAmBL,SAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CACL,+DADK;AANgB;;;;"}

package/props/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-truncated-expandable-text/props",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/props.js",
-  "module": "../esm/props.js"
-}