@terraware/web-components 2.3.18 → 2.3.20

package/components/PageForm/index.js

@@ -1,50 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PageForm;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _material = require("@mui/material");
-
 var _useDeviceInfo2 = _interopRequireDefault(require("../../utils/useDeviceInfo"));
-
 var _FormBottomBar = _interopRequireDefault(require("../FormBottomBar"));
-
 var _BusySpinner = _interopRequireDefault(require("../BusySpinner"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function PageForm(props) {
   var children = props.children,
-      className = props.className,
-      hideEdit = props.hideEdit,
-      onSave = props.onSave,
-      bottomBarProps = (0, _objectWithoutProperties2.default)(props, ["children", "className", "hideEdit", "onSave"]);
+    className = props.className,
+    hideEdit = props.hideEdit,
+    onSave = props.onSave,
+    bottomBarProps = (0, _objectWithoutProperties2.default)(props, ["children", "className", "hideEdit", "onSave"]);
   var theme = (0, _material.useTheme)();
-
   var _useDeviceInfo = (0, _useDeviceInfo2.default)(),
-      isMobile = _useDeviceInfo.isMobile;
-
+    isMobile = _useDeviceInfo.isMobile;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      processing = _useState2[0],
-      setProcessing = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    processing = _useState2[0],
+    setProcessing = _useState2[1];
   var handleSave = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       return _regenerator.default.wrap(function _callee$(_context) {
@@ -54,11 +38,9 @@ function PageForm(props) {
               setProcessing(true);
               _context.next = 3;
               return onSave();
-
             case 3:
               // <-- we want all onSaves to be async
               setProcessing(false);
-
             case 4:
             case "end":
               return _context.stop();
@@ -66,12 +48,10 @@ function PageForm(props) {
         }
       }, _callee);
     }));
-
     return function handleSave() {
       return _ref.apply(this, arguments);
     };
   }();
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, processing && /*#__PURE__*/_react.default.createElement(_BusySpinner.default, {
     withSkrim: true
   }), /*#__PURE__*/_react.default.createElement(_material.Box, {

package/components/Pill/index.js

@@ -1,32 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Pill;
-
 var _material = require("@mui/material");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
 require("./styles.scss");
-
 function Pill(props) {
   var id = props.id,
-      label = props.label,
-      value = props.value,
-      _onClick = props.onClick,
-      onRemove = props.onRemove,
-      className = props.className;
+    label = props.label,
+    value = props.value,
+    _onClick = props.onClick,
+    onRemove = props.onRemove,
+    className = props.className;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "pill ".concat(className !== null && className !== void 0 ? className : ''),
     onClick: function onClick(ev) {
       ev.stopPropagation();
-
       if (_onClick) {
         _onClick(id);
       }

package/components/PillList/index.js

@@ -1,23 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PillList;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Pill = _interopRequireDefault(require("../Pill"));
-
 require("./styles.scss");
-
 function PillList(props) {
   var data = props.data,
-      onClick = props.onClick,
-      onRemove = props.onRemove,
-      className = props.className;
+    onClick = props.onClick,
+    onRemove = props.onRemove,
+    className = props.className;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "pill-list"
   }, data.map(function (item, index) {

package/components/PopoverMenu/Popover.js

@@ -1,37 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PopoverDropdown;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _material = require("@mui/material");
-
 function PopoverDropdown(props) {
   var sections = props.sections,
-      handleClick = props.handleClick,
-      anchorElement = props.anchorElement,
-      setAnchorElement = props.setAnchorElement;
+    handleClick = props.handleClick,
+    anchorElement = props.anchorElement,
+    setAnchorElement = props.setAnchorElement;
   var theme = (0, _material.useTheme)();
-
   var handleClose = function handleClose() {
     setAnchorElement(null);
   };
-
   var _onClick = function onClick(item) {
     if (item.onClick) {
       item.onClick();
     }
-
     handleClick(item);
   };
-
   var itemStyles = {
     color: theme.palette.TwClrTxt,
     '&.MuiMenuItem-root:hover': {
@@ -69,11 +60,9 @@ function PopoverDropdown(props) {
     }
   }, sections === null || sections === void 0 ? void 0 : sections.map(function (section, index) {
     var elements = [];
-
     if (index > 0) {
       elements.push( /*#__PURE__*/_react.default.createElement(_material.ListItem, null, "---"));
     }
-
     elements = [].concat((0, _toConsumableArray2.default)(elements), (0, _toConsumableArray2.default)(section.map(function (item, itemIndex) {
       return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
         onClick: function onClick() {

package/components/PopoverMenu/index.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PopoverMenu;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _Popover = _interopRequireDefault(require("./Popover"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     iconContainer: {
@@ -40,34 +30,27 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     }
   };
 });
-
 function PopoverMenu(_ref) {
   var anchor = _ref.anchor,
-      menuSections = _ref.menuSections,
-      onClick = _ref.onClick;
+    menuSections = _ref.menuSections,
+    onClick = _ref.onClick;
   var classes = useStyles();
-
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      anchorEl = _useState2[0],
-      setAnchorEl = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
   var handleClick = function handleClick(event) {
     setAnchorEl(event.currentTarget);
   };
-
   var handleClose = function handleClose() {
     setAnchorEl(null);
   };
-
   var onItemClick = function onItemClick(selectedItem) {
     if (onClick) {
       onClick(selectedItem);
     }
-
     handleClose();
   };
-
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     onClick: handleClick,
     size: "small",

package/components/ProgressCircle/ProgressCircle.js

@@ -1,25 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ProgressCircle;
-
 var _material = require("@mui/material");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("./styles.scss");
-
 function ProgressCircle(props) {
   var _props$size = props.size,
-      size = _props$size === void 0 ? 'small' : _props$size,
-      determinate = props.determinate,
-      value = props.value,
-      renderPercentText = props.renderPercentText,
-      hideValue = props.hideValue;
+    size = _props$size === void 0 ? 'small' : _props$size,
+    determinate = props.determinate,
+    value = props.value,
+    renderPercentText = props.renderPercentText,
+    hideValue = props.hideValue;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: "circle-container"
   }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {

package/components/RadioButton.js

@@ -1,23 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RadioButton;
-
 var _material = require("@mui/material");
-
 var _react = _interopRequireDefault(require("react"));
-
 function RadioButton(props) {
   var _props$value;
-
   var onChange = function onChange(event, checked) {
     props.onChange(checked);
   };
-
   return /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {
     id: props.id,
     onChange: onChange,

package/components/Select/Select.js

@@ -1,23 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Select;
-
 var _react = _interopRequireDefault(require("react"));
-
 require("./styles.scss");
-
 var _SelectT = _interopRequireDefault(require("./SelectT"));
-
 function Select(props) {
   var toString = function toString(option) {
     return option;
   };
-
   return /*#__PURE__*/_react.default.createElement(_SelectT.default, Object.assign({}, props, {
     isEqual: function isEqual(A, B) {
       return A === B;

package/components/Select/SelectT.js

@@ -1,54 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SelectT;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 require("./styles.scss");
-
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
 var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
-
 var _utils = require("../../utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function SelectT(props) {
   var selectedValue = props.selectedValue,
-      onChange = props.onChange,
-      label = props.label,
-      disabled = props.disabled,
-      id = props.id,
-      className = props.className,
-      helperText = props.helperText,
-      placeholder = props.placeholder,
-      errorText = props.errorText,
-      warningText = props.warningText,
-      readonly = props.readonly,
-      options = props.options,
-      fullWidth = props.fullWidth,
-      hideArrow = props.hideArrow,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      fixedMenu = props.fixedMenu,
-      isEqual = props.isEqual,
-      renderOption = props.renderOption,
-      toT = props.toT,
-      displayLabel = props.displayLabel,
-      tooltipTitle = props.tooltipTitle,
-      editable = props.editable;
+    onChange = props.onChange,
+    label = props.label,
+    disabled = props.disabled,
+    id = props.id,
+    className = props.className,
+    helperText = props.helperText,
+    placeholder = props.placeholder,
+    errorText = props.errorText,
+    warningText = props.warningText,
+    readonly = props.readonly,
+    options = props.options,
+    fullWidth = props.fullWidth,
+    hideArrow = props.hideArrow,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    fixedMenu = props.fixedMenu,
+    isEqual = props.isEqual,
+    renderOption = props.renderOption,
+    toT = props.toT,
+    displayLabel = props.displayLabel,
+    tooltipTitle = props.tooltipTitle,
+    editable = props.editable;
   var selectClass = (0, _classnames.default)({
     'textfield-value': true,
     'textfield-value--disabled': disabled,
@@ -60,33 +49,27 @@ function SelectT(props) {
     'select-value': true,
     'select-value--disabled': disabled
   });
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      openedOptions = _useState2[0],
-      setOpenedOptions = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    openedOptions = _useState2[0],
+    setOpenedOptions = _useState2[1];
   var _useState3 = (0, _react.useState)(-1),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      selectedIndex = _useState4[0],
-      setSelectedIndex = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    selectedIndex = _useState4[0],
+    setSelectedIndex = _useState4[1];
   var inputRef = (0, _react.useRef)(null);
   var dropdownRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     var newIndex = -1;
-
     if (options && selectedValue) {
       options.find(function (option, index) {
         if (isEqual(option, selectedValue)) {
           newIndex = index;
           return true;
         }
-
         return false;
       });
     }
-
     if (newIndex !== selectedIndex) {
       setSelectedIndex(newIndex);
     }
@@ -99,7 +82,6 @@ function SelectT(props) {
       window.removeEventListener('resize', handleResize);
     };
   }, []);
-
   var handleClick = function handleClick(event) {
     // Don't respond to user clicks inside the input box because those are
     // already handled by toggleOptions()
@@ -107,70 +89,54 @@ function SelectT(props) {
       setOpenedOptions(false);
     }
   };
-
   var handleResize = function handleResize() {
     setOpenedOptions(false);
   };
-
   (0, _react.useEffect)(function () {
     if (openedOptions) {
       scrollToSelectedElement();
-
       if (fixedMenu && inputRef.current && dropdownRef.current) {
         dropdownRef.current.style.width = "".concat(inputRef.current.offsetWidth, "px");
         var bbox = inputRef.current.getBoundingClientRect();
         dropdownRef.current.style.top = "".concat(bbox.top + bbox.height, "px");
         var dropdownBottom = dropdownRef.current.clientHeight + bbox.top + bbox.height;
         var windowHeightThreshold = window.innerHeight - bbox.height;
-
         if (dropdownBottom > windowHeightThreshold) {
           dropdownRef.current.style.maxHeight = "".concat(dropdownRef.current.clientHeight - (dropdownBottom - windowHeightThreshold), "px");
         }
       }
     }
   }, [fixedMenu, openedOptions]);
-
   var toggleOptions = function toggleOptions() {
     setOpenedOptions(function (isOpen) {
       return !isOpen;
     });
   };
-
   var onOptionSelected = function onOptionSelected(option, index) {
     if (onChange) {
       onChange(option);
     }
-
     setOpenedOptions(false);
     setSelectedIndex(index);
   };
-
   var onChangeHandler = function onChangeHandler(e) {
     var textValue = e.target.value;
-
     if ((0, _utils.isWhitespaces)(textValue)) {
       return;
     }
-
     if (onChange) {
       onChange(toT(textValue));
     }
-
     setOpenedOptions(true);
   };
-
   var onKeyDownHandler = function onKeyDownHandler(e) {
     var _dropdownRef$current;
-
     var pressedLetter = e.key.toUpperCase();
     var items = (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : _dropdownRef$current.getElementsByTagName('li');
-
     if (items) {
       var arrayOfItems = Array.from(items);
-
       for (var _i = 0, _arrayOfItems = arrayOfItems; _i < _arrayOfItems.length; _i++) {
         var item = _arrayOfItems[_i];
-
         if (item.dataset.key === pressedLetter) {
           item.scrollIntoView({
             behavior: 'smooth',
@@ -181,18 +147,13 @@ function SelectT(props) {
       }
     }
   };
-
   var scrollToSelectedElement = function scrollToSelectedElement() {
     var _dropdownRef$current2;
-
     var items = (_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 ? void 0 : _dropdownRef$current2.getElementsByTagName('li');
-
     if (items) {
       var arrayOfItems = Array.from(items);
-
       for (var _i2 = 0, _arrayOfItems2 = arrayOfItems; _i2 < _arrayOfItems2.length; _i2++) {
         var item = _arrayOfItems2[_i2];
-
         if (item.dataset.selected === 'true') {
           if (dropdownRef.current) {
             var topPos = item.offsetTop;
@@ -203,7 +164,6 @@ function SelectT(props) {
       }
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "select ".concat(className)
   }, label && /*#__PURE__*/_react.default.createElement("label", {

package/components/SummaryBox.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SummaryBox;
-
 var _iconsMaterial = require("@mui/icons-material");
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _react = _interopRequireDefault(require("react"));
-
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     bold: {
@@ -52,15 +46,14 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     }
   };
 });
-
 function SummaryBox(_ref) {
   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;
+    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, {