@terraware/web-components 2.12.8-rc.0 → 2.12.8

package/components/TextTruncated/index.js

@@ -1,33 +1,38 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TextTruncated;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _material = require("@mui/material");
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/styles");
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  arrow: {
-    color: "".concat(theme.palette.TwClrBg, " !important"),
-    '&:before': {
-      border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary)
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    arrow: {
+      color: "".concat(theme.palette.TwClrBg, " !important"),
+      '&:before': {
+        border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary)
+      }
+    },
+    popper: {
+      maxHeight: '200px',
+      overflow: 'auto'
+    },
+    tooltip: {
+      backgroundColor: "".concat(theme.palette.TwClrBg, " !important"),
+      color: "".concat(theme.palette.TwClrTxt, " !important"),
+      border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary, " !important"),
+      borderRadius: '8px !important',
+      boxShadow: "0px 3px 3px ".concat(theme.palette.TwClrBaseGray100),
+      padding: '8px'
     }
-  },
-  popper: {
-    maxHeight: '200px',
-    overflow: 'auto'
-  },
-  tooltip: {
-    backgroundColor: "".concat(theme.palette.TwClrBg, " !important"),
-    color: "".concat(theme.palette.TwClrTxt, " !important"),
-    border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary, " !important"),
-    borderRadius: '8px !important',
-    boxShadow: "0px 3px 3px ".concat(theme.palette.TwClrBaseGray100),
-    padding: '8px'
-  }
-}));
+  };
+});
 
 /**
  * Represents the result of truncating the string list
@@ -60,10 +65,10 @@ function computeFromStringList(strings, maxLength, listSeparator) {
   }
 
   // concatenate strings with ', ' and stop before exceeding max
-  let stringsRemaining = strings.length - 1;
-  let result = strings[0];
-  for (let i = 1; i < strings.length; i++) {
-    const tempResult = [result, strings[i]].join(listSeparator);
+  var stringsRemaining = strings.length - 1;
+  var result = strings[0];
+  for (var i = 1; i < strings.length; i++) {
+    var tempResult = [result, strings[i]].join(listSeparator);
     if (tempResult.length > maxLength) {
       break;
     }
@@ -76,44 +81,48 @@ function computeFromStringList(strings, maxLength, listSeparator) {
   };
 }
 function TextTruncated(props) {
-  const {
-    stringList,
-    listSeparator,
-    maxLengthPx,
-    moreSeparator,
-    moreText,
-    textStyle,
-    showAllStyle,
-    placeHolder
-  } = props;
-  const [showAllOpen, setShowAllOpen] = (0, _react.useState)(false);
-  const classes = useStyles();
-  const [canvasContext, setCanvasContext] = (0, _react.useState)();
-  const theme = (0, _material.useTheme)();
-  (0, _react.useEffect)(() => {
+  var stringList = props.stringList,
+    listSeparator = props.listSeparator,
+    maxLengthPx = props.maxLengthPx,
+    moreSeparator = props.moreSeparator,
+    moreText = props.moreText,
+    textStyle = props.textStyle,
+    showAllStyle = props.showAllStyle,
+    placeHolder = props.placeHolder;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showAllOpen = _useState2[0],
+    setShowAllOpen = _useState2[1];
+  var classes = useStyles();
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    canvasContext = _useState4[0],
+    setCanvasContext = _useState4[1];
+  var theme = (0, _material.useTheme)();
+  (0, _react.useEffect)(function () {
     var _canvas$getContext;
-    const canvas = document.createElement('canvas');
+    var canvas = document.createElement('canvas');
     setCanvasContext((_canvas$getContext = canvas === null || canvas === void 0 ? void 0 : canvas.getContext('2d')) !== null && _canvas$getContext !== void 0 ? _canvas$getContext : undefined);
   }, []);
-  const pixelsPerChar = (0, _react.useMemo)(() => {
+  var pixelsPerChar = (0, _react.useMemo)(function () {
     // compute the pixels per character, averaged over the comma-separated joined stringList
-    const fullText = stringList.join(listSeparator);
-    let result = 0;
+    var fullText = stringList.join(listSeparator);
+    var result = 0;
     if (canvasContext) {
-      const fontSize = textStyle && textStyle.fontSize || theme.typography.fontSize;
-      const fontFamily = textStyle && textStyle.fontFamily || theme.typography.fontFamily;
+      var fontSize = textStyle && textStyle.fontSize || theme.typography.fontSize;
+      var fontFamily = textStyle && textStyle.fontFamily || theme.typography.fontFamily;
       canvasContext.font = "".concat(fontSize, "px ").concat(fontFamily);
       result = canvasContext.measureText(fullText).width;
     }
     return result / fullText.length;
   }, [stringList, textStyle, canvasContext, theme.typography.fontFamily, theme.typography.fontSize]);
-  let maxExcludingSuffix = stringList.join(listSeparator).length;
+  var maxExcludingSuffix = stringList.join(listSeparator).length;
   if (pixelsPerChar > 0) {
-    const maxChars = maxLengthPx / pixelsPerChar;
+    var maxChars = maxLengthPx / pixelsPerChar;
     maxExcludingSuffix = maxChars - moreSeparator.length - moreText.length - 1 - Math.ceil(Math.log10(stringList.length));
   }
-  const textToDisplay = computeFromStringList(stringList, maxExcludingSuffix, listSeparator);
-  const onClickHandler = e => {
+  var textToDisplay = computeFromStringList(stringList, maxExcludingSuffix, listSeparator);
+  var onClickHandler = function onClickHandler(e) {
     e.stopPropagation();
     setShowAllOpen(!showAllOpen);
   };
@@ -134,15 +143,16 @@ function TextTruncated(props) {
   }, /*#__PURE__*/_react.default.createElement(_material.Link, {
     component: "button",
     onClick: onClickHandler,
-    onBlur: () => setShowAllOpen(false),
+    onBlur: function onBlur() {
+      return setShowAllOpen(false);
+    },
     sx: {
       color: theme.palette.TwClrTxtBrand,
       textDecorationColor: "".concat(theme.palette.TwClrTxtBrand, "80")
     }
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    sx: {
-      ...textStyle,
+    sx: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, textStyle), {}, {
       marginTop: '-3px'
-    }
+    })
   }, (textToDisplay.numberMore > 0 ? textToDisplay.numberMore + ' ' : '') + moreText))) : null) : placeHolder || /*#__PURE__*/_react.default.createElement("div", null);
 }

package/components/Textfield/Textfield.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from '@mui/material';
 import { IconName } from '../Icon/icons';
 import './styles.scss';

package/components/Textfield/Textfield.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,eAAe,CAAC;AAKvB,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEpD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAExC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8J3D"}
+{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,eAAe,CAAC;AAKvB,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEpD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAExC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8J3D"}

package/components/Textfield/Textfield.js

@@ -14,44 +14,42 @@ var _utils = require("../../utils");
 var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
 var _TruncatedTextArea = _interopRequireDefault(require("./TruncatedTextArea"));
 function TextField(props) {
-  const {
-    autoFocus,
-    label,
-    className,
-    disabled,
-    disabledCharacters,
-    display,
-    errorText,
-    helperText,
-    iconLeft,
-    iconRight,
-    id,
-    min,
-    max,
-    onBlur,
-    onChange,
-    onClickRightIcon,
-    onKeyDown,
-    placeholder,
-    preserveNewlines,
-    readonly,
-    required,
-    styles,
-    tooltipTitle,
-    truncateConfig,
-    type,
-    value,
-    warningText
-  } = props;
-  const textfieldClass = (0, _classnames.default)({
+  var autoFocus = props.autoFocus,
+    label = props.label,
+    className = props.className,
+    disabled = props.disabled,
+    disabledCharacters = props.disabledCharacters,
+    display = props.display,
+    errorText = props.errorText,
+    helperText = props.helperText,
+    iconLeft = props.iconLeft,
+    iconRight = props.iconRight,
+    id = props.id,
+    min = props.min,
+    max = props.max,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
+    onClickRightIcon = props.onClickRightIcon,
+    onKeyDown = props.onKeyDown,
+    placeholder = props.placeholder,
+    preserveNewlines = props.preserveNewlines,
+    readonly = props.readonly,
+    required = props.required,
+    styles = props.styles,
+    tooltipTitle = props.tooltipTitle,
+    truncateConfig = props.truncateConfig,
+    type = props.type,
+    value = props.value,
+    warningText = props.warningText;
+  var textfieldClass = (0, _classnames.default)({
     'textfield-value': true,
     'textfield-value--disabled': disabled,
     'textfield-value--error': !!errorText,
     'textfield-value--warning': !!warningText,
     'textfield-value--readonly': readonly
   });
-  const textfieldOnChange = event => {
-    const textValue = event.target.value;
+  var textfieldOnChange = function textfieldOnChange(event) {
+    var textValue = event.target.value;
     if ((0, _utils.isWhitespaces)(textValue)) {
       return;
     }
@@ -59,7 +57,7 @@ function TextField(props) {
       onChange(textValue);
     }
   };
-  const onKeyDownHandler = e => {
+  var onKeyDownHandler = function onKeyDownHandler(e) {
     if (disabledCharacters && disabledCharacters.includes(e.key)) {
       e === null || e === void 0 ? void 0 : e.preventDefault();
       return;
@@ -68,7 +66,7 @@ function TextField(props) {
       onKeyDown(e.key);
     }
   };
-  const renderRightIcon = () => {
+  var renderRightIcon = function renderRightIcon() {
     if (iconRight === 'cancel' && !value) {
       return null;
     }
@@ -80,8 +78,8 @@ function TextField(props) {
       className: "textfield-value--icon-right".concat(iconRight === 'cancel' ? '--cancel' : '')
     }));
   };
-  const typeProps = {
-    type
+  var typeProps = {
+    type: type
   };
   if (type === 'number') {
     if (min !== undefined) {
@@ -91,7 +89,7 @@ function TextField(props) {
       typeProps.max = max;
     }
   }
-  const displayComponent = (0, _react.useMemo)(() => {
+  var displayComponent = (0, _react.useMemo)(function () {
     if (!display) {
       return null;
     }
@@ -128,7 +126,9 @@ function TextField(props) {
     onChange: textfieldOnChange,
     onBlur: onBlur,
     onKeyDown: onKeyDownHandler,
-    onWheel: e => e.currentTarget.blur(),
+    onWheel: function onWheel(e) {
+      return e.currentTarget.blur();
+    },
     required: required
   }, typeProps)), iconRight ? renderRightIcon() : null) : /*#__PURE__*/_react.default.createElement("textarea", {
     autoFocus: autoFocus,

package/components/Textfield/TruncatedTextArea.d.ts

@@ -4,6 +4,6 @@ interface TruncatedTextAreaProps {
     truncateConfig: TruncateConfig;
     value?: string | number;
 }
-declare const TruncatedTextArea: ({ preserveNewlines, truncateConfig, value }: TruncatedTextAreaProps) => import("react/jsx-runtime").JSX.Element;
+declare const TruncatedTextArea: ({ preserveNewlines, truncateConfig, value }: TruncatedTextAreaProps) => JSX.Element;
 export default TruncatedTextArea;
 //# sourceMappingURL=TruncatedTextArea.d.ts.map

package/components/Textfield/TruncatedTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TruncatedTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/TruncatedTextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,UAAU,sBAAsB;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,iBAAiB,gDAAiD,sBAAsB,4CAyD7F,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"TruncatedTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/TruncatedTextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,UAAU,sBAAsB;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,iBAAiB,gDAAiD,sBAAsB,gBAyD7F,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/Textfield/TruncatedTextArea.js

@@ -1,45 +1,56 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
-const TruncatedTextArea = _ref => {
-  let {
-    preserveNewlines,
-    truncateConfig,
-    value
-  } = _ref;
-  const {
-    maxHeight,
-    showLessText,
-    showMoreText,
-    showTextStyle,
-    valueTextStyle
-  } = truncateConfig;
-  const theme = (0, _material.useTheme)();
-  const [showAll, setShowAll] = (0, _react.useState)(false);
-  const [needsTruncating, setNeedsTruncating] = (0, _react.useState)(false);
-  const [totalHeight, setTotalHeight] = (0, _react.useState)(0);
-  const ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
+var TruncatedTextArea = function TruncatedTextArea(_ref) {
+  var preserveNewlines = _ref.preserveNewlines,
+    truncateConfig = _ref.truncateConfig,
+    value = _ref.value;
+  var maxHeight = truncateConfig.maxHeight,
+    showLessText = truncateConfig.showLessText,
+    showMoreText = truncateConfig.showMoreText,
+    showTextStyle = truncateConfig.showTextStyle,
+    valueTextStyle = truncateConfig.valueTextStyle;
+  var theme = (0, _material.useTheme)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showAll = _useState2[0],
+    setShowAll = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    needsTruncating = _useState4[0],
+    setNeedsTruncating = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    totalHeight = _useState6[0],
+    setTotalHeight = _useState6[1];
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
     if (ref && ref.current && !totalHeight) {
-      const height = ref.current.clientHeight;
+      var height = ref.current.clientHeight;
       setTotalHeight(height);
       setNeedsTruncating(height > maxHeight);
     }
   }, [maxHeight, ref, totalHeight]);
-  const toggleShowAll = () => setShowAll(prev => !prev);
-  const textStyle = {
-    ...valueTextStyle,
+  var toggleShowAll = function toggleShowAll() {
+    return setShowAll(function (prev) {
+      return !prev;
+    });
+  };
+  var textStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, valueTextStyle), {}, {
     margin: '8px 0',
     padding: 0,
     overflow: 'hidden',
     width: '100%'
-  };
+  });
   if (needsTruncating && !showAll) {
     textStyle.maxHeight = "".concat(maxHeight, "px");
   }
@@ -50,16 +61,18 @@ const TruncatedTextArea = _ref => {
   }, value), needsTruncating && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.Link, {
     component: "button",
     onClick: toggleShowAll,
-    onBlur: () => setShowAll(false),
+    onBlur: function onBlur() {
+      return setShowAll(false);
+    },
     sx: {
       color: theme.palette.TwClrTxtBrand,
       textDecorationColor: "".concat(theme.palette.TwClrTxtBrand, "80")
     }
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    sx: {
-      ...showTextStyle,
+    sx: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, showTextStyle), {}, {
       marginTop: '-3px'
-    }
+    })
   }, showAll ? showLessText : showMoreText))));
 };
-var _default = exports.default = TruncatedTextArea;
+var _default = TruncatedTextArea;
+exports.default = _default;

package/components/Tooltip/Tooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from '@mui/material';
 export default function Tooltip({ placement, title, children }: TooltipProps): JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgC,YAAY,EAAE,MAAM,eAAe,CAAC;AAmB3E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAkCvG"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgC,YAAY,EAAE,MAAM,eAAe,CAAC;AAmB3E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAkCvG"}

package/components/Tooltip/Tooltip.js

@@ -5,38 +5,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Tooltip;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _styles = require("@mui/styles");
 var _utils = require("../../utils");
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  arrow: {
-    color: theme.palette.TwClrBaseGray800
-  },
-  tooltip: {
-    backgroundColor: theme.palette.TwClrBaseGray800,
-    color: theme.palette.TwClrBaseWhite,
-    padding: '8px',
-    '& a': {
-      color: theme.palette.TwClrBaseWhite
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    arrow: {
+      color: theme.palette.TwClrBaseGray800
+    },
+    tooltip: {
+      backgroundColor: theme.palette.TwClrBaseGray800,
+      color: theme.palette.TwClrBaseWhite,
+      padding: '8px',
+      '& a': {
+        color: theme.palette.TwClrBaseWhite
+      }
     }
-  }
-}));
+  };
+});
 function Tooltip(_ref) {
-  let {
-    placement = 'top-start',
-    title,
-    children
-  } = _ref;
-  const [open, setOpen] = _react.default.useState(false);
-  const {
-    isMobile
-  } = (0, _utils.useDeviceInfo)();
-  const classes = useStyles();
-  const handleTooltipClose = () => {
+  var _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top-start' : _ref$placement,
+    title = _ref.title,
+    children = _ref.children;
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
+    isMobile = _useDeviceInfo.isMobile;
+  var classes = useStyles();
+  var handleTooltipClose = function handleTooltipClose() {
     setOpen(false);
   };
-  const handleTooltipOpen = event => {
+  var handleTooltipOpen = function handleTooltipOpen(event) {
     if (event.type === 'click' || event.type === 'mouseover' && !isMobile) {
       setOpen(true);
     }