@terraware/web-components 2.14.1-rc.1001 → 2.14.1-rc.3

package/components/Slider/index.js

@@ -8,18 +8,16 @@ exports.default = Slider;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 function Slider(props) {
-  const {
-    defaultValue,
-    value,
-    marks,
-    min,
-    max,
-    onChange,
-    step,
-    valueLabelDisplay
-  } = props;
-  const theme = (0, _material.useTheme)();
-  const sliderStyles = {
+  var defaultValue = props.defaultValue,
+    value = props.value,
+    marks = props.marks,
+    min = props.min,
+    max = props.max,
+    onChange = props.onChange,
+    step = props.step,
+    valueLabelDisplay = props.valueLabelDisplay;
+  var theme = (0, _material.useTheme)();
+  var sliderStyles = {
     '.MuiSlider-rail': {
       backgroundColor: theme.palette.TwClrBgBrandTertiary,
       height: theme.spacing(0.5)
@@ -40,7 +38,7 @@ function Slider(props) {
       borderRadius: '8px'
     }
   };
-  const handleChange = (event, val) => {
+  var handleChange = function handleChange(event, val) {
     if (!Array.isArray(val)) {
       onChange(val);
     }

package/components/SummaryBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Props {
     id?: string;
     title: string;

package/components/SummaryBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryBox.d.ts","sourceRoot":"","sources":["../../src/components/SummaryBox.tsx"],"names":[],"mappings":";AAyCA,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAmB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyBnH"}
+{"version":3,"file":"SummaryBox.d.ts","sourceRoot":"","sources":["../../src/components/SummaryBox.tsx"],"names":[],"mappings":"AAyCA,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAmB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyBnH"}

package/components/SummaryBox.js

@@ -9,52 +9,53 @@ var _iconsMaterial = require("@mui/icons-material");
 var _material = require("@mui/material");
 var _styles = require("@mui/styles");
 var _react = _interopRequireDefault(require("react"));
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  bold: {
-    fontWeight: theme.typography.fontWeightBold,
-    whiteSpace: 'pre-line'
-  },
-  summaryDefault: {
-    position: 'relative',
-    borderRadius: 8,
-    backgroundColor: theme.palette.neutral[200],
-    padding: theme.spacing(2)
-  },
-  summaryAvailable: {
-    borderRadius: 8,
-    backgroundColor: theme.palette.neutral[700],
-    padding: theme.spacing(2),
-    color: theme.palette.common.white
-  },
-  summaryZero: {
-    borderRadius: 8,
-    backgroundColor: theme.palette.state[5],
-    padding: theme.spacing(2),
-    color: theme.palette.common.white
-  },
-  full: {
-    borderRadius: 8,
-    backgroundColor: theme.palette.neutral[200],
-    padding: theme.spacing(2),
-    height: '100%',
-    boxSizing: 'border-box'
-  },
-  infoIcon: {
-    position: 'absolute',
-    right: theme.spacing(2)
-  }
-}));
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    bold: {
+      fontWeight: theme.typography.fontWeightBold,
+      whiteSpace: 'pre-line'
+    },
+    summaryDefault: {
+      position: 'relative',
+      borderRadius: 8,
+      backgroundColor: theme.palette.neutral[200],
+      padding: theme.spacing(2)
+    },
+    summaryAvailable: {
+      borderRadius: 8,
+      backgroundColor: theme.palette.neutral[700],
+      padding: theme.spacing(2),
+      color: theme.palette.common.white
+    },
+    summaryZero: {
+      borderRadius: 8,
+      backgroundColor: theme.palette.state[5],
+      padding: theme.spacing(2),
+      color: theme.palette.common.white
+    },
+    full: {
+      borderRadius: 8,
+      backgroundColor: theme.palette.neutral[200],
+      padding: theme.spacing(2),
+      height: '100%',
+      boxSizing: 'border-box'
+    },
+    infoIcon: {
+      position: 'absolute',
+      right: theme.spacing(2)
+    }
+  };
+});
 function SummaryBox(_ref) {
-  let {
-    title,
-    value,
-    variant = 'default',
-    id,
-    icon,
-    onIconClick
-  } = _ref;
-  const classes = useStyles();
-  const style = variant === 'default' ? classes.summaryDefault : variant === 'available' ? classes.summaryAvailable : variant === 'full' ? classes.full : classes.summaryZero;
+  var title = _ref.title,
+    value = _ref.value,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    id = _ref.id,
+    icon = _ref.icon,
+    onIconClick = _ref.onIconClick;
+  var classes = useStyles();
+  var style = variant === 'default' ? classes.summaryDefault : variant === 'available' ? classes.summaryAvailable : variant === 'full' ? classes.full : classes.summaryZero;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: style,
     id: id

package/components/Tabs/index.js

@@ -1,29 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _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"));
-const Tabs = _ref => {
+var Tabs = function Tabs(_ref) {
   var _ref2, _tabs$;
-  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 = {
+  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 = {
     fontSize: '14px',
     padding: theme.spacing(1, 2),
     minHeight: theme.spacing(4.5),
@@ -45,22 +46,22 @@ const Tabs = _ref => {
       fill: theme.palette.TwClrTxtBrand
     }
   };
-  const tabHeaderProps = {
+  var tabHeaderProps = {
     borderBottom: 1,
     borderColor: 'divider',
     margin: isMobile ? 0 : theme.spacing(0, 4)
   };
-  const tabPanelStyles = {
+  var tabPanelStyles = {
     padding: 0
   };
-  const setTab = tab => {
+  var setTab = function setTab(tab) {
     if (onTabChange) {
       onTabChange(tab);
     } else {
       setSelectedTab(tab);
     }
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (activeTab !== undefined) {
       setSelectedTab(activeTab);
     }
@@ -78,7 +79,9 @@ const Tabs = _ref => {
     sx: {
       minHeight: theme.spacing(4.5)
     },
-    onChange: (unused, value) => setTab(value),
+    onChange: function onChange(unused, value) {
+      return setTab(value);
+    },
     TabIndicatorProps: {
       style: {
         background: theme.palette.TwClrBgBrand,
@@ -86,19 +89,24 @@ const Tabs = _ref => {
         borderRadius: '4px 4px 0 0'
       }
     }
-  }, 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))));
+  }, 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);
+  })));
 };
-var _default = exports.default = Tabs;
+var _default = Tabs;
+exports.default = _default;

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"}