@terraware/web-components 2.16.2 → 2.16.4-rc.0

package/components/Tabs/index.js

@@ -1,30 +1,29 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _lab = require("@mui/lab");
 var _material = require("@mui/material");
 var _utils = require("../../utils");
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-var Tabs = function Tabs(_ref) {
+const Tabs = _ref => {
   var _ref2, _tabs$;
-  var tabs = _ref.tabs,
-    onTabChange = _ref.onTabChange,
-    activeTab = _ref.activeTab;
-  var _useState = (0, _react.useState)((_ref2 = activeTab !== null && activeTab !== void 0 ? activeTab : (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id) !== null && _ref2 !== void 0 ? _ref2 : ''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selectedTab = _useState2[0],
-    setSelectedTab = _useState2[1];
-  var theme = (0, _material.useTheme)();
-  var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
-    isMobile = _useDeviceInfo.isMobile;
-  var tabStyles = {
+  let {
+    tabs,
+    onTabChange,
+    activeTab
+  } = _ref;
+  const [selectedTab, setSelectedTab] = (0, _react.useState)((_ref2 = activeTab !== null && activeTab !== void 0 ? activeTab : (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id) !== null && _ref2 !== void 0 ? _ref2 : '');
+  const theme = (0, _material.useTheme)();
+  const {
+    isMobile
+  } = (0, _utils.useDeviceInfo)();
+  const tabStyles = {
     fontSize: '14px',
     padding: theme.spacing(1, 2),
     minHeight: theme.spacing(4.5),
@@ -46,22 +45,22 @@ var Tabs = function Tabs(_ref) {
       fill: theme.palette.TwClrTxtBrand
     }
   };
-  var tabHeaderProps = {
+  const tabHeaderProps = {
     borderBottom: 1,
     borderColor: 'divider',
     margin: isMobile ? 0 : theme.spacing(0, 4)
   };
-  var tabPanelStyles = {
+  const tabPanelStyles = {
     padding: 0
   };
-  var setTab = function setTab(tab) {
+  const setTab = tab => {
     if (onTabChange) {
       onTabChange(tab);
     } else {
       setSelectedTab(tab);
     }
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (activeTab !== undefined) {
       setSelectedTab(activeTab);
     }
@@ -79,9 +78,7 @@ var Tabs = function Tabs(_ref) {
     sx: {
       minHeight: theme.spacing(4.5)
     },
-    onChange: function onChange(unused, value) {
-      return setTab(value);
-    },
+    onChange: (unused, value) => setTab(value),
     TabIndicatorProps: {
       style: {
         background: theme.palette.TwClrBgBrand,
@@ -89,23 +86,19 @@ var Tabs = function Tabs(_ref) {
         borderRadius: '4px 4px 0 0'
       }
     }
-  }, tabs.map(function (tab, index) {
-    return /*#__PURE__*/_react.default.createElement(_material.Tab, {
-      icon: tab.icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        name: tab.icon
-      }) : undefined,
-      label: tab.label,
-      value: tab.id,
-      sx: tabStyles,
-      key: index,
-      disabled: tab.disabled
-    });
-  }))), tabs.map(function (tab, index) {
-    return /*#__PURE__*/_react.default.createElement(_lab.TabPanel, {
-      value: tab.id,
-      key: index,
-      sx: tabPanelStyles
-    }, tab.children);
-  })));
+  }, tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(_material.Tab, {
+    icon: tab.icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: tab.icon
+    }) : undefined,
+    label: tab.label,
+    value: tab.id,
+    sx: tabStyles,
+    key: index,
+    disabled: tab.disabled
+  })))), tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(_lab.TabPanel, {
+    value: tab.id,
+    key: index,
+    sx: tabPanelStyles
+  }, tab.children))));
 };
 var _default = exports.default = Tabs;

package/components/TextTruncated/index.js

@@ -1,38 +1,33 @@
 "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");
-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'
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  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'
+  }
+}));
 
 /**
  * Represents the result of truncating the string list
@@ -65,10 +60,10 @@ function computeFromStringList(strings, maxLength, listSeparator) {
   }
 
   // concatenate strings with ', ' and stop before exceeding max
-  var stringsRemaining = strings.length - 1;
-  var result = strings[0];
-  for (var i = 1; i < strings.length; i++) {
-    var tempResult = [result, strings[i]].join(listSeparator);
+  let stringsRemaining = strings.length - 1;
+  let result = strings[0];
+  for (let i = 1; i < strings.length; i++) {
+    const tempResult = [result, strings[i]].join(listSeparator);
     if (tempResult.length > maxLength) {
       break;
     }
@@ -81,48 +76,44 @@ function computeFromStringList(strings, maxLength, listSeparator) {
   };
 }
 function TextTruncated(props) {
-  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 () {
+  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 _canvas$getContext;
-    var canvas = document.createElement('canvas');
+    const 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);
   }, []);
-  var pixelsPerChar = (0, _react.useMemo)(function () {
+  const pixelsPerChar = (0, _react.useMemo)(() => {
     // compute the pixels per character, averaged over the comma-separated joined stringList
-    var fullText = stringList.join(listSeparator);
-    var result = 0;
+    const fullText = stringList.join(listSeparator);
+    let result = 0;
     if (canvasContext) {
-      var fontSize = textStyle && textStyle.fontSize || theme.typography.fontSize;
-      var fontFamily = textStyle && textStyle.fontFamily || theme.typography.fontFamily;
+      const fontSize = textStyle && textStyle.fontSize || theme.typography.fontSize;
+      const 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]);
-  var maxExcludingSuffix = stringList.join(listSeparator).length;
+  let maxExcludingSuffix = stringList.join(listSeparator).length;
   if (pixelsPerChar > 0) {
-    var maxChars = maxLengthPx / pixelsPerChar;
+    const maxChars = maxLengthPx / pixelsPerChar;
     maxExcludingSuffix = maxChars - moreSeparator.length - moreText.length - 1 - Math.ceil(Math.log10(stringList.length));
   }
-  var textToDisplay = computeFromStringList(stringList, maxExcludingSuffix, listSeparator);
-  var onClickHandler = function onClickHandler(e) {
+  const textToDisplay = computeFromStringList(stringList, maxExcludingSuffix, listSeparator);
+  const onClickHandler = e => {
     e.stopPropagation();
     setShowAllOpen(!showAllOpen);
   };
@@ -143,16 +134,15 @@ function TextTruncated(props) {
   }, /*#__PURE__*/_react.default.createElement(_material.Link, {
     component: "button",
     onClick: onClickHandler,
-    onBlur: function onBlur() {
-      return setShowAllOpen(false);
-    },
+    onBlur: () => setShowAllOpen(false),
     sx: {
       color: theme.palette.TwClrTxtBrand,
       textDecorationColor: "".concat(theme.palette.TwClrTxtBrand, "80")
     }
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    sx: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, textStyle), {}, {
+    sx: {
+      ...textStyle,
       marginTop: '-3px'
-    })
+    }
   }, (textToDisplay.numberMore > 0 ? textToDisplay.numberMore + ' ' : '') + moreText))) : null) : placeHolder || /*#__PURE__*/_react.default.createElement("div", null);
 }

package/components/Textfield/Textfield.d.ts

@@ -1,3 +1,4 @@
+/// <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,42 +14,44 @@ var _utils = require("../../utils");
 var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
 var _TruncatedTextArea = _interopRequireDefault(require("./TruncatedTextArea"));
 function TextField(props) {
-  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)({
+  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)({
     'textfield-value': true,
     'textfield-value--disabled': disabled,
     'textfield-value--error': !!errorText,
     'textfield-value--warning': !!warningText,
     'textfield-value--readonly': readonly
   });
-  var textfieldOnChange = function textfieldOnChange(event) {
-    var textValue = event.target.value;
+  const textfieldOnChange = event => {
+    const textValue = event.target.value;
     if ((0, _utils.isWhitespaces)(textValue)) {
       return;
     }
@@ -57,7 +59,7 @@ function TextField(props) {
       onChange(textValue);
     }
   };
-  var onKeyDownHandler = function onKeyDownHandler(e) {
+  const onKeyDownHandler = e => {
     if (disabledCharacters && disabledCharacters.includes(e.key)) {
       e === null || e === void 0 ? void 0 : e.preventDefault();
       return;
@@ -66,7 +68,7 @@ function TextField(props) {
       onKeyDown(e.key);
     }
   };
-  var renderRightIcon = function renderRightIcon() {
+  const renderRightIcon = () => {
     if (iconRight === 'cancel' && !value) {
       return null;
     }
@@ -78,8 +80,8 @@ function TextField(props) {
       className: "textfield-value--icon-right".concat(iconRight === 'cancel' ? '--cancel' : '')
     }));
   };
-  var typeProps = {
-    type: type
+  const typeProps = {
+    type
   };
   if (type === 'number') {
     if (min !== undefined) {
@@ -89,7 +91,7 @@ function TextField(props) {
       typeProps.max = max;
     }
   }
-  var displayComponent = (0, _react.useMemo)(function () {
+  const displayComponent = (0, _react.useMemo)(() => {
     if (!display) {
       return null;
     }
@@ -126,9 +128,7 @@ function TextField(props) {
     onChange: textfieldOnChange,
     onBlur: onBlur,
     onKeyDown: onKeyDownHandler,
-    onWheel: function onWheel(e) {
-      return e.currentTarget.blur();
-    },
+    onWheel: e => 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) => JSX.Element;
+declare const TruncatedTextArea: ({ preserveNewlines, truncateConfig, value }: TruncatedTextAreaProps) => import("react/jsx-runtime").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,gBAyD7F,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,4CAyD7F,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/Textfield/TruncatedTextArea.js

@@ -1,56 +1,45 @@
 "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");
-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 () {
+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)(() => {
     if (ref && ref.current && !totalHeight) {
-      var height = ref.current.clientHeight;
+      const height = ref.current.clientHeight;
       setTotalHeight(height);
       setNeedsTruncating(height > maxHeight);
     }
   }, [maxHeight, ref, totalHeight]);
-  var toggleShowAll = function toggleShowAll() {
-    return setShowAll(function (prev) {
-      return !prev;
-    });
-  };
-  var textStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, valueTextStyle), {}, {
+  const toggleShowAll = () => setShowAll(prev => !prev);
+  const textStyle = {
+    ...valueTextStyle,
     margin: '8px 0',
     padding: 0,
     overflow: 'hidden',
     width: '100%'
-  });
+  };
   if (needsTruncating && !showAll) {
     textStyle.maxHeight = "".concat(maxHeight, "px");
   }
@@ -61,17 +50,16 @@ var TruncatedTextArea = function TruncatedTextArea(_ref) {
   }, value), needsTruncating && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.Link, {
     component: "button",
     onClick: toggleShowAll,
-    onBlur: function onBlur() {
-      return setShowAll(false);
-    },
+    onBlur: () => setShowAll(false),
     sx: {
       color: theme.palette.TwClrTxtBrand,
       textDecorationColor: "".concat(theme.palette.TwClrTxtBrand, "80")
     }
   }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    sx: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, showTextStyle), {}, {
+    sx: {
+      ...showTextStyle,
       marginTop: '-3px'
-    })
+    }
   }, showAll ? showLessText : showMoreText))));
 };
 var _default = exports.default = TruncatedTextArea;

package/components/Tooltip/Tooltip.d.ts

@@ -1,3 +1,4 @@
+/// <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,42 +5,38 @@ 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");
-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
-      }
+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
     }
-  };
-});
+  }
+}));
 function Tooltip(_ref) {
-  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() {
+  let {
+    placement = 'top-start',
+    title,
+    children
+  } = _ref;
+  const [open, setOpen] = _react.default.useState(false);
+  const {
+    isMobile
+  } = (0, _utils.useDeviceInfo)();
+  const classes = useStyles();
+  const handleTooltipClose = () => {
     setOpen(false);
   };
-  var handleTooltipOpen = function handleTooltipOpen(event) {
+  const handleTooltipOpen = event => {
     if (event.type === 'click' || event.type === 'mouseover' && !isMobile) {
       setOpen(true);
     }