@instructure/ui-truncate-text 8.18.0 → 8.18.1-snapshot.2

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 Instructure, Inc.
+
+**Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions.**
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/TruncateText/index.js

@@ -79,7 +79,7 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     const _this$props = this.props,
           children = _this$props.children,
           makeStyles = _this$props.makeStyles;
-    makeStyles?.();
+    makeStyles === null || makeStyles === void 0 ? void 0 : makeStyles();
 
     if (children) {
       this.checkChildren();
@@ -128,7 +128,7 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           children = _this$props2.children,
           onUpdate = _this$props2.onUpdate,
           makeStyles = _this$props2.makeStyles;
-    makeStyles?.();
+    makeStyles === null || makeStyles === void 0 ? void 0 : makeStyles();
     const _this$state = this.state,
           isTruncated = _this$state.isTruncated,
           needsSecondRender = _this$state.needsSecondRender,
@@ -149,7 +149,7 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       }
 
       if (!needsSecondRender && (isTruncated || this._wasTruncated)) {
-        onUpdate?.(isTruncated, truncatedText);
+        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(isTruncated, truncatedText);
         this._wasTruncated = isTruncated;
       } else {
         this.truncate();
@@ -182,9 +182,11 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     }
 
     if (canUseDOM) {
+      var _this$props$styles;
+
       const result = truncate(this._stage, { ...this.props,
         parent: this.ref ? this.ref : void 0,
-        lineHeight: this.props.styles?.lineHeight
+        lineHeight: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.lineHeight
       });
 
       if (result) {
@@ -197,7 +199,9 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         });
       }
     } else {
-      const textContent = this.ref?.textContent ? this.ref?.textContent : void 0; // if dom isn't available, use original children
+      var _this$ref, _this$ref2;
+
+      const textContent = (_this$ref = this.ref) !== null && _this$ref !== void 0 && _this$ref.textContent ? (_this$ref2 = this.ref) === null || _this$ref2 === void 0 ? void 0 : _this$ref2.textContent : void 0; // if dom isn't available, use original children
 
       this.setState({
         needsSecondRender: false,
@@ -209,6 +213,8 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   }
 
   renderChildren(truncated, data, width) {
+    var _this$props$styles2;
+
     if (!truncated) {
       return this._text;
     }
@@ -232,7 +238,7 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
 
 
     childElements.push(jsx("span", {
-      css: this.props.styles?.spacer,
+      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.spacer,
       style: {
         width: width || void 0
       }
@@ -242,10 +248,12 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   }
 
   render() {
+    var _this$props$styles3;
+
     const truncatedElement = this.state.truncatedElement;
     const children = this.props.children;
     return jsx("span", {
-      css: this.props.styles?.truncateText,
+      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.truncateText,
       ref: el => {
         this.ref = el;
       }

package/es/TruncateText/theme.js

@@ -30,8 +30,8 @@
 const generateComponentTheme = theme => {
   const typography = theme.typography;
   const componentVariables = {
-    fontFamily: typography?.fontFamily,
-    lineHeight: typography?.lineHeight
+    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeight
   };
   return { ...componentVariables
   };

package/es/TruncateText/utils/truncate.js

@@ -69,7 +69,7 @@ class Truncator {
     this._maxHeight = void 0;
     this._maxWidth = void 0;
     this._maxLines = void 0;
-    const parentElement = element?.parentElement ? element?.parentElement : void 0;
+    const parentElement = element !== null && element !== void 0 && element.parentElement ? element === null || element === void 0 ? void 0 : element.parentElement : void 0;
     this._options = {
       parent: options.parent || parentElement,
       maxLines: options.maxLines || 1,

package/lib/TruncateText/index.js

@@ -81,7 +81,7 @@ let TruncateText = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     const _this$props = this.props,
           children = _this$props.children,
           makeStyles = _this$props.makeStyles;
-    makeStyles?.();
+    makeStyles === null || makeStyles === void 0 ? void 0 : makeStyles();
 
     if (children) {
       this.checkChildren();
@@ -130,7 +130,7 @@ let TruncateText = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
           children = _this$props2.children,
           onUpdate = _this$props2.onUpdate,
           makeStyles = _this$props2.makeStyles;
-    makeStyles?.();
+    makeStyles === null || makeStyles === void 0 ? void 0 : makeStyles();
     const _this$state = this.state,
           isTruncated = _this$state.isTruncated,
           needsSecondRender = _this$state.needsSecondRender,
@@ -151,7 +151,7 @@ let TruncateText = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
       }
 
       if (!needsSecondRender && (isTruncated || this._wasTruncated)) {
-        onUpdate?.(isTruncated, truncatedText);
+        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(isTruncated, truncatedText);
         this._wasTruncated = isTruncated;
       } else {
         this.truncate();
@@ -186,9 +186,11 @@ let TruncateText = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     }
 
     if (_canUseDOM.canUseDOM) {
+      var _this$props$styles;
+
       const result = (0, _truncate.default)(this._stage, { ...this.props,
         parent: this.ref ? this.ref : void 0,
-        lineHeight: this.props.styles?.lineHeight
+        lineHeight: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.lineHeight
       });
 
       if (result) {
@@ -201,7 +203,9 @@ let TruncateText = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
         });
       }
     } else {
-      const textContent = this.ref?.textContent ? this.ref?.textContent : void 0; // if dom isn't available, use original children
+      var _this$ref, _this$ref2;
+
+      const textContent = (_this$ref = this.ref) !== null && _this$ref !== void 0 && _this$ref.textContent ? (_this$ref2 = this.ref) === null || _this$ref2 === void 0 ? void 0 : _this$ref2.textContent : void 0; // if dom isn't available, use original children
 
       this.setState({
         needsSecondRender: false,
@@ -213,6 +217,8 @@ let TruncateText = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }
 
   renderChildren(truncated, data, width) {
+    var _this$props$styles2;
+
     if (!truncated) {
       return this._text;
     }
@@ -236,7 +242,7 @@ let TruncateText = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
 
 
     childElements.push((0, _emotion.jsx)("span", {
-      css: this.props.styles?.spacer,
+      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.spacer,
       style: {
         width: width || void 0
       }
@@ -248,10 +254,12 @@ let TruncateText = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
   }
 
   render() {
+    var _this$props$styles3;
+
     const truncatedElement = this.state.truncatedElement;
     const children = this.props.children;
     return (0, _emotion.jsx)("span", {
-      css: this.props.styles?.truncateText,
+      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.truncateText,
       ref: el => {
         this.ref = el;
       }

package/lib/TruncateText/theme.js

@@ -37,8 +37,8 @@ exports.default = void 0;
 const generateComponentTheme = theme => {
   const typography = theme.typography;
   const componentVariables = {
-    fontFamily: typography?.fontFamily,
-    lineHeight: typography?.lineHeight
+    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
+    lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeight
   };
   return { ...componentVariables
   };

package/lib/TruncateText/utils/truncate.js

@@ -89,7 +89,7 @@ class Truncator {
     this._maxHeight = void 0;
     this._maxWidth = void 0;
     this._maxLines = void 0;
-    const parentElement = element?.parentElement ? element?.parentElement : void 0;
+    const parentElement = element !== null && element !== void 0 && element.parentElement ? element === null || element === void 0 ? void 0 : element.parentElement : void 0;
     this._options = {
       parent: options.parent || parentElement,
       maxLines: options.maxLines || 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-truncate-text",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.2+ca4c1ff9d",
   "description": "A TruncateText component made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,23 +24,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.18.0",
-    "@instructure/debounce": "8.18.0",
-    "@instructure/emotion": "8.18.0",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-dom-utils": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
-    "@instructure/ui-testable": "8.18.0",
-    "@instructure/ui-utils": "8.18.0",
+    "@instructure/console": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/debounce": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/emotion": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/shared-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-dom-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-testable": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-utils": "8.18.1-snapshot.2+ca4c1ff9d",
     "escape-html": "^1",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-color-utils": "8.18.0",
-    "@instructure/ui-test-utils": "8.18.0",
-    "@instructure/ui-text": "8.18.0",
-    "@instructure/ui-themes": "8.18.0",
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-color-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-text": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-themes": "8.18.1-snapshot.2+ca4c1ff9d",
     "@types/escape-html": "^1"
   },
   "peerDependencies": {
@@ -49,5 +49,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca4c1ff9d3985151ae0758fb596de41652dbb58b"
 }