@elliemae/ds-truncated-expandable-text 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/TruncatedExpandableText.js

@@ -3,6 +3,12 @@
 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.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');
@@ -22,10 +28,11 @@ 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 = ({
-  containerProps,
-  value
-}) => {
+const TruncatedExpandableText = _ref => {
+  let {
+    containerProps,
+    value
+  } = _ref;
   const [open, setOpen] = react.useState(false);
   const ref = react.useRef(null);
   react.useLayoutEffect(() => {
@@ -39,7 +46,7 @@ const TruncatedExpandableText = ({
     } = element.getBoundingClientRect();
     value.split('').forEach((char, index) => {
       // try the hyphen here
-      element.innerText = `${newHyphenizedValue}-${char}`;
+      element.innerText = "".concat(newHyphenizedValue, "-").concat(char);
       const {
         height: newHeight
       } = element.getBoundingClientRect(); // if it's the first line or the height didn't change, hyphen doesn't go here,
@@ -50,20 +57,20 @@ const TruncatedExpandableText = ({
         newHyphenizedValue += char;
       } else if (index < value.length - 1 && value[index + 1].match(/\s/)) {
         // end of word
-        element.innerText = `${newHyphenizedValue}${char}`; // sometimes the last character is wider and doesn't fit
+        element.innerText = "".concat(newHyphenizedValue).concat(char); // sometimes the last character is wider and doesn't fit
 
         const {
           height: endOfWordHeight
         } = element.getBoundingClientRect();
-        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;else newHyphenizedValue += `-${char}`;
+        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;else newHyphenizedValue += "-".concat(char);
       } else if (char.match(/\s/)) {
         // we dont want "- ", leave the space character only
         newHyphenizedValue += char;
       } else if (newHyphenizedValue.length && newHyphenizedValue[newHyphenizedValue.length - 1].match(/\s/)) {
         // we produce and empty space to make sure to start on the next line
-        newHyphenizedValue += ` ${char}`;
+        newHyphenizedValue += " ".concat(char);
       } else {
-        newHyphenizedValue += `-${char}`;
+        newHyphenizedValue += "-".concat(char);
       }
 
       previousHeight = newHeight;

package/esm/TruncatedExpandableText.js

@@ -1,4 +1,10 @@
 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';
@@ -13,10 +19,11 @@ 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');
 
-const TruncatedExpandableText = ({
-  containerProps,
-  value
-}) => {
+const TruncatedExpandableText = _ref => {
+  let {
+    containerProps,
+    value
+  } = _ref;
   const [open, setOpen] = useState(false);
   const ref = useRef(null);
   useLayoutEffect(() => {
@@ -30,7 +37,7 @@ const TruncatedExpandableText = ({
     } = element.getBoundingClientRect();
     value.split('').forEach((char, index) => {
       // try the hyphen here
-      element.innerText = `${newHyphenizedValue}-${char}`;
+      element.innerText = "".concat(newHyphenizedValue, "-").concat(char);
       const {
         height: newHeight
       } = element.getBoundingClientRect(); // if it's the first line or the height didn't change, hyphen doesn't go here,
@@ -41,20 +48,20 @@ const TruncatedExpandableText = ({
         newHyphenizedValue += char;
       } else if (index < value.length - 1 && value[index + 1].match(/\s/)) {
         // end of word
-        element.innerText = `${newHyphenizedValue}${char}`; // sometimes the last character is wider and doesn't fit
+        element.innerText = "".concat(newHyphenizedValue).concat(char); // sometimes the last character is wider and doesn't fit
 
         const {
           height: endOfWordHeight
         } = element.getBoundingClientRect();
-        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;else newHyphenizedValue += `-${char}`;
+        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;else newHyphenizedValue += "-".concat(char);
       } else if (char.match(/\s/)) {
         // we dont want "- ", leave the space character only
         newHyphenizedValue += char;
       } else if (newHyphenizedValue.length && newHyphenizedValue[newHyphenizedValue.length - 1].match(/\s/)) {
         // we produce and empty space to make sure to start on the next line
-        newHyphenizedValue += ` ${char}`;
+        newHyphenizedValue += " ".concat(char);
       } else {
-        newHyphenizedValue += `-${char}`;
+        newHyphenizedValue += "-".concat(char);
       }
 
       previousHeight = newHeight;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-truncated-expandable-text",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.14",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Truncated Expandable Text",
   "module": "./esm/index.js",
@@ -44,18 +44,19 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-alpha.10",
-    "@elliemae/ds-utilities": "2.0.0-alpha.10"
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@types/styled-components": "~5.1.14",
-    "styled-components": "~5.3.1"
+    "@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.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/TruncatedExpandableText.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 import { HTMLAttributes } from 'react';
 declare const TruncatedExpandableText: {
     ({ containerProps, value, }: {
@@ -5,14 +6,31 @@ declare const TruncatedExpandableText: {
         value: string;
     }): JSX.Element;
     propTypes: {
-        containerProps: any;
-        value: any;
+        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: any;
+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/props.d.ts

@@ -1,6 +1,17 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 export declare const textProps: {
     /** props injected to wrapper of page header */
-    containerProps: any;
+    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: any;
+    value: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
 };

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}