@terraware/web-components 2.3.18 → 2.3.19

package/components/Autocomplete/Autocomplete.js

@@ -1,39 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Autocomplete;
-
 var _material = require("@mui/material");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
 var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
-
 require("../Select/styles.scss");
-
 require("./styles.scss");
-
 function Autocomplete(_ref) {
   var id = _ref.id,
-      label = _ref.label,
-      options = _ref.options,
-      onChange = _ref.onChange,
-      selected = _ref.selected,
-      freeSolo = _ref.freeSolo,
-      disabled = _ref.disabled,
-      className = _ref.className,
-      hideClearIcon = _ref.hideClearIcon,
-      isEqual = _ref.isEqual,
-      placeholder = _ref.placeholder,
-      errorText = _ref.errorText,
-      tooltipTitle = _ref.tooltipTitle;
-
+    label = _ref.label,
+    options = _ref.options,
+    onChange = _ref.onChange,
+    selected = _ref.selected,
+    freeSolo = _ref.freeSolo,
+    disabled = _ref.disabled,
+    className = _ref.className,
+    hideClearIcon = _ref.hideClearIcon,
+    isEqual = _ref.isEqual,
+    placeholder = _ref.placeholder,
+    errorText = _ref.errorText,
+    tooltipTitle = _ref.tooltipTitle;
   var onChangeHandler = function onChangeHandler(event, value) {
     if (event) {
       if (value) {
@@ -43,7 +34,6 @@ function Autocomplete(_ref) {
       }
     }
   };
-
   var renderInput = function renderInput(params) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "auto-complete ".concat(className)
@@ -68,17 +58,13 @@ function Autocomplete(_ref) {
       className: "textfield-error-text"
     }, errorText)));
   };
-
   var optionalArgs = {};
-
   if (hideClearIcon) {
     optionalArgs.clearIcon = null;
   }
-
   if (isEqual) {
     optionalArgs.isOptionEqualToValue = isEqual;
   }
-
   return /*#__PURE__*/_react.default.createElement(_material.Autocomplete, Object.assign({
     disabled: disabled,
     id: id,
@@ -86,10 +72,8 @@ function Autocomplete(_ref) {
     getOptionLabel: function getOptionLabel(option) {
       if (typeof option === 'object') {
         var _option$label;
-
         return (_option$label = option.label) !== null && _option$label !== void 0 ? _option$label : '';
       }
-
       return option !== null && option !== void 0 ? option : '';
     },
     onChange: onChangeHandler,

package/components/BusySpinner/index.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BusySpinner;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _material = require("@mui/material");
-
 var _hexRgb = _interopRequireDefault(require("hex-rgb"));
-
 function BusySpinner(_ref) {
   var withSkrim = _ref.withSkrim;
   var theme = (0, _material.useTheme)();

package/components/Button/Button.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Button;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
 require("./styles.scss");
-
 var _styles2 = require("@mui/styles");
-
 var useStyles = (0, _styles2.makeStyles)(function () {
   return {
     svgIconFill: {
@@ -24,21 +18,20 @@ var useStyles = (0, _styles2.makeStyles)(function () {
     }
   };
 });
-
 function Button(props) {
   var onClick = props.onClick,
-      label = props.label,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'productive' : _props$type,
-      _props$priority = props.priority,
-      priority = _props$priority === void 0 ? 'primary' : _props$priority,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'small' : _props$size,
-      disabled = props.disabled,
-      icon = props.icon,
-      processing = props.processing,
-      id = props.id,
-      className = props.className;
+    label = props.label,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'productive' : _props$type,
+    _props$priority = props.priority,
+    priority = _props$priority === void 0 ? 'primary' : _props$priority,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size,
+    disabled = props.disabled,
+    icon = props.icon,
+    processing = props.processing,
+    id = props.id,
+    className = props.className;
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement("button", {
     id: id,

package/components/Button/button.test.js

@@ -1,22 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = require("@testing-library/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("./Button"));
-
 test('calls onClick prop when clicked', function () {
   var handleClick = jest.fn();
   (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Button.default, {
     onClick: handleClick,
     label: "Click me"
   }));
-
   _react.fireEvent.click(_react.screen.getByText(/click me/i));
-
   expect(handleClick).toHaveBeenCalledTimes(1);
 });
 test('should not call onClick prop when button is disabled', function () {
@@ -26,8 +20,6 @@ test('should not call onClick prop when button is disabled', function () {
     label: "Click me",
     disabled: true
   }));
-
   _react.fireEvent.click(_react.screen.getByText(/click me/i));
-
   expect(handleClick).toHaveBeenCalledTimes(0);
 });

package/components/Checkbox.js

@@ -1,17 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Checkbox;
 exports.CheckboxStyle = void 0;
-
+exports.default = Checkbox;
 var _material = require("@mui/material");
-
 var _react = _interopRequireDefault(require("react"));
-
 var CheckboxStyle = function CheckboxStyle(theme) {
   return {
     padding: theme.spacing(0, 1, 0, 0),
@@ -37,18 +33,13 @@ var CheckboxStyle = function CheckboxStyle(theme) {
     }
   };
 };
-
 exports.CheckboxStyle = CheckboxStyle;
-
 function Checkbox(props) {
   var _props$value;
-
   var theme = (0, _material.useTheme)();
-
   var onChange = function onChange(event, checked) {
     props.onChange(checked);
   };
-
   return /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {
     id: props.id,
     onChange: onChange,

package/components/DatePicker/DatePicker.js

@@ -1,54 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DatePicker;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-
 require("moment/min/locales");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _material = require("@mui/material");
-
 var _xDatePickers = require("@mui/x-date-pickers");
-
 var _AdapterMoment = require("@mui/x-date-pickers/AdapterMoment");
-
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
 require("./styles.scss");
-
 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 DatePicker(props) {
   var _props$locale, _props$defaultTimeZon;
-
   var _useState = (0, _react.useState)(props.value || null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      temporalValue = _useState2[0],
-      setTemporalValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    temporalValue = _useState2[0],
+    setTemporalValue = _useState2[1];
   var locale = (_props$locale = props.locale) !== null && _props$locale !== void 0 ? _props$locale : 'en';
-
   _react.default.useEffect(function () {
     _momentTimezone.default.locale([locale]);
   }, [locale]);
-
   _react.default.useEffect(function () {
     if (props.value !== temporalValue && props.value !== null) {
       setTemporalValue(props.value || null);
     }
   }, [props.value]);
-
   var renderInput = function renderInput(params) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
       id: props.id,
@@ -63,14 +45,14 @@ function DatePicker(props) {
       htmlFor: props.id,
       className: "textfield-error-text"
     }, props.errorText)));
-  }; // set timezone, defaulting to 'UTC'
+  };
 
+  // set timezone, defaulting to 'UTC'
+  _momentTimezone.default.tz.setDefault((_props$defaultTimeZon = props.defaultTimeZone) !== null && _props$defaultTimeZon !== void 0 ? _props$defaultTimeZon : 'UTC');
 
-  _momentTimezone.default.tz.setDefault((_props$defaultTimeZon = props.defaultTimeZone) !== null && _props$defaultTimeZon !== void 0 ? _props$defaultTimeZon : 'UTC'); // TODO: Localize the yyyy-mm-dd placeholder string that is shown to users when the input is
+  // TODO: Localize the yyyy-mm-dd placeholder string that is shown to users when the input is
   //       empty. It appears to be generated programmatically deep in the guts of the MUI DatePicker
   //       code, and it most likely uses the browser's locale.
-
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "date-picker ".concat(props.className, " ").concat(props.errorText ? 'date-picker--error' : '')
   }, /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {

package/components/DialogBox/DialogBox.js

@@ -1,41 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DialogBox;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 require("./styles.scss");
-
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
 var _material = require("@mui/material");
-
 var _utils = require("../../utils");
-
 function DialogBox(props) {
   var title = props.title,
-      size = props.size,
-      message = props.message,
-      children = props.children,
-      leftButton = props.leftButton,
-      rightButtons = props.rightButtons,
-      middleButtons = props.middleButtons,
-      onClose = props.onClose,
-      open = props.open,
-      scrolled = props.scrolled,
-      skrim = props.skrim;
+    size = props.size,
+    message = props.message,
+    children = props.children,
+    leftButton = props.leftButton,
+    rightButtons = props.rightButtons,
+    middleButtons = props.middleButtons,
+    onClose = props.onClose,
+    open = props.open,
+    scrolled = props.scrolled,
+    skrim = props.skrim;
   var hasFooter = leftButton || rightButtons || middleButtons;
-
   var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
-      isMobile = _useDeviceInfo.isMobile;
-
+    isMobile = _useDeviceInfo.isMobile;
   return open ? /*#__PURE__*/_react.default.createElement("div", {
     className: "dialog-box-container".concat(skrim ? '--skrim' : '', " ").concat(open ? 'dialog-box--opened' : 'dialog-box--closed', " ").concat(isMobile ? 'mobile' : '')
   }, /*#__PURE__*/_react.default.createElement("div", {

package/components/Divisor.js

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Divisor;
-
 var _material = require("@mui/material");
-
 var _react = _interopRequireDefault(require("react"));
-
 function Divisor(_ref) {
   var _ref$mt = _ref.mt,
-      mt = _ref$mt === void 0 ? 3 : _ref$mt;
+    mt = _ref$mt === void 0 ? 3 : _ref$mt;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
     mt: mt
   }), /*#__PURE__*/_react.default.createElement(_material.Divider, {

package/components/Dropdown.js

@@ -1,25 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DropdownV1 = DropdownV1;
 exports.default = Dropdown;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _material = require("@mui/material");
-
 var _SelectT = _interopRequireDefault(require("./Select/SelectT"));
-
 var _Autocomplete = _interopRequireDefault(require("./Autocomplete/Autocomplete"));
-
 var _styles = require("@mui/styles");
-
 var _react = _interopRequireDefault(require("react"));
-
 var useStyles = (0, _styles.makeStyles)(function () {
   return {
     formControl: {
@@ -27,19 +19,16 @@ var useStyles = (0, _styles.makeStyles)(function () {
     }
   };
 });
-
 function DropdownV1(_ref) {
   var id = _ref.id,
-      label = _ref.label,
-      values = _ref.values,
-      onChange = _ref.onChange,
-      selected = _ref.selected,
-      disabled = _ref.disabled;
-
+    label = _ref.label,
+    values = _ref.values,
+    onChange = _ref.onChange,
+    selected = _ref.selected,
+    disabled = _ref.disabled;
   var onChangeH = function onChangeH(event, _child) {
     onChange(event.target.value);
   };
-
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
     variant: "outlined",
@@ -56,7 +45,7 @@ function DropdownV1(_ref) {
     value: selected
   }, values === null || values === void 0 ? void 0 : values.map(function (_ref2) {
     var inLabel = _ref2.label,
-        value = _ref2.value;
+      value = _ref2.value;
     return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
       id: value,
       key: value,
@@ -64,7 +53,6 @@ function DropdownV1(_ref) {
     }, inLabel);
   })));
 }
-
 /**
  * This is a simple dropdwn that takes in a tuple { label, value }
  * for list of options.
@@ -79,14 +67,13 @@ function DropdownV1(_ref) {
  */
 function Dropdown(props) {
   var selectedValue = props.selectedValue,
-      _onChange = props.onChange,
-      options = props.options,
-      autocomplete = props.autocomplete,
-      remainingProps = (0, _objectWithoutProperties2.default)(props, ["selectedValue", "onChange", "options", "autocomplete"]);
+    _onChange = props.onChange,
+    options = props.options,
+    autocomplete = props.autocomplete,
+    remainingProps = (0, _objectWithoutProperties2.default)(props, ["selectedValue", "onChange", "options", "autocomplete"]);
   var selectedItem = options === null || options === void 0 ? void 0 : options.find(function (option) {
     return option.value === selectedValue;
   });
-
   if (autocomplete) {
     return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, Object.assign({}, remainingProps, {
       options: options !== null && options !== void 0 ? options : [],
@@ -99,7 +86,6 @@ function Dropdown(props) {
       }
     }));
   }
-
   return /*#__PURE__*/_react.default.createElement(_SelectT.default, Object.assign({}, remainingProps, {
     options: options,
     selectedValue: selectedItem,

package/components/ErrorBox/ErrorBox.js

@@ -1,32 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ErrorBox;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("../Button/Button"));
-
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
 var _useDeviceInfo2 = _interopRequireDefault(require("../../utils/useDeviceInfo"));
-
 require("./styles.scss");
-
 function ErrorBox(props) {
   var text = props.text,
-      onClick = props.onClick,
-      buttonText = props.buttonText,
-      title = props.title,
-      className = props.className;
-
+    onClick = props.onClick,
+    buttonText = props.buttonText,
+    title = props.title,
+    className = props.className;
   var _useDeviceInfo = (0, _useDeviceInfo2.default)(),
-      isMobile = _useDeviceInfo.isMobile;
-
+    isMobile = _useDeviceInfo.isMobile;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "error-box ".concat(className, " ").concat(isMobile ? 'mobile' : '')
   }, /*#__PURE__*/_react.default.createElement("div", {

package/components/FormBottomBar/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FormBottomBar;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _material = require("@mui/material");
-
 var _Button = _interopRequireDefault(require("../Button/Button"));
-
 var _styles = require("@mui/styles");
-
 var _useDeviceInfo2 = _interopRequireDefault(require("../../utils/useDeviceInfo"));
-
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     bottomBar: {
@@ -57,21 +50,18 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     }
   };
 });
-
 function FormBottomBar(_ref) {
   var cancelID = _ref.cancelID,
-      saveID = _ref.saveID,
-      onCancel = _ref.onCancel,
-      cancelButtonText = _ref.cancelButtonText,
-      saveButtonText = _ref.saveButtonText,
-      saveDisabled = _ref.saveDisabled,
-      onSave = _ref.onSave,
-      additionalRightButtons = _ref.additionalRightButtons;
-
+    saveID = _ref.saveID,
+    onCancel = _ref.onCancel,
+    cancelButtonText = _ref.cancelButtonText,
+    saveButtonText = _ref.saveButtonText,
+    saveDisabled = _ref.saveDisabled,
+    onSave = _ref.onSave,
+    additionalRightButtons = _ref.additionalRightButtons;
   var _useDeviceInfo = (0, _useDeviceInfo2.default)(),
-      isMobile = _useDeviceInfo.isMobile,
-      isDesktop = _useDeviceInfo.isDesktop;
-
+    isMobile = _useDeviceInfo.isMobile,
+    isDesktop = _useDeviceInfo.isDesktop;
   var classes = useStyles({
     isMobile: isMobile,
     isDesktop: isDesktop

package/components/Icon/Icon.js

@@ -1,23 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Icon;
-
 var _icons = _interopRequireDefault(require("./icons"));
-
 require("./styles.scss");
-
 var _react = _interopRequireDefault(require("react"));
-
 function Icon(_ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'small' : _ref$size,
-      name = _ref.name,
-      className = _ref.className;
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    name = _ref.name,
+    className = _ref.className;
   var SVGComponent = _icons.default[name];
   return /*#__PURE__*/_react.default.createElement(SVGComponent, {
     className: "tw-icon tw-icon--".concat(size, " ").concat(className !== null && className !== void 0 ? className : className)