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

package/components/PopoverMultiSelect/index.js

@@ -1,52 +1,47 @@
 "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 = PopoverMultiSelect;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 require("./styles.scss");
 var _Popover = _interopRequireDefault(require("../PopoverMenu/Popover"));
 function PopoverMultiSelect(props) {
-  var anchorElement = props.anchorElement,
-    initialSelection = props.initialSelection,
-    menuAlign = props.menuAlign,
-    onChange = props.onChange,
-    sections = props.sections,
-    setAnchorElement = props.setAnchorElement;
-  var _useState = (0, _react.useState)(initialSelection),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selection = _useState2[0],
-    setSelection = _useState2[1];
-  var addToSelection = function addToSelection(value) {
-    var newSelection = (0, _toConsumableArray2.default)(selection);
+  const {
+    anchorElement,
+    initialSelection,
+    menuAlign,
+    onChange,
+    sections,
+    setAnchorElement
+  } = props;
+  const [selection, setSelection] = (0, _react.useState)(initialSelection);
+  const addToSelection = value => {
+    const newSelection = [...selection];
     newSelection.push(value);
     setSelection(newSelection);
     onChange(newSelection);
   };
-  var removeFromSelection = function removeFromSelection(index) {
-    var newSelection = (0, _toConsumableArray2.default)(selection);
+  const removeFromSelection = index => {
+    const newSelection = [...selection];
     newSelection.splice(index, 1);
     setSelection(newSelection);
     onChange(newSelection);
   };
-  var iconSpacer = function iconSpacer() {
+  const iconSpacer = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "popover-multi-select__checkmark-spacer"
     });
   };
   return /*#__PURE__*/_react.default.createElement(_Popover.default, {
     sections: sections,
-    handleClick: function handleClick(item) {
-      var itemIndex = selection.findIndex(function (s) {
-        return s === item.value;
-      });
+    handleClick: item => {
+      const itemIndex = selection.findIndex(s => s === item.value);
       if (itemIndex >= 0) {
         removeFromSelection(itemIndex);
       } else {
@@ -55,10 +50,8 @@ function PopoverMultiSelect(props) {
     },
     anchorElement: anchorElement,
     setAnchorElement: setAnchorElement,
-    itemRenderer: function itemRenderer(item) {
-      var selected = selection.find(function (s) {
-        return s === item.value;
-      });
+    itemRenderer: item => {
+      const selected = selection.find(s => s === item.value);
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selected ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
         name: "checkmark",
         className: "popover-multi-select__checkmark-selection"

package/components/ProgressCircle/ProgressCircle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './styles.scss';
 export interface Props {
     size?: 'small' | 'medium' | 'large';

package/components/ProgressCircle/ProgressCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBhE"}
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBhE"}

package/components/ProgressCircle/ProgressCircle.js

@@ -9,12 +9,13 @@ 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;
+  const {
+    size = 'small',
+    determinate,
+    value,
+    renderPercentText,
+    hideValue
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: "circle-container"
   }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {

package/components/RadioButton.js

@@ -9,7 +9,7 @@ var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 function RadioButton(props) {
   var _props$value;
-  var onChange = function onChange(event, checked) {
+  const onChange = (event, checked) => {
     props.onChange(checked);
   };
   return /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {

package/components/Select/Select.d.ts

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

package/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,eAAe,CAAC;AACvB,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAY9D"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,eAAe,CAAC;AACvB,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAY9D"}

package/components/Select/Select.js

@@ -9,17 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 require("./styles.scss");
 var _SelectT = _interopRequireDefault(require("./SelectT"));
 function Select(props) {
-  var toString = function toString(option) {
-    return option;
-  };
+  const toString = option => option;
   return /*#__PURE__*/_react.default.createElement(_SelectT.default, Object.assign({}, props, {
-    isEqual: function isEqual(A, B) {
-      return A === B;
-    },
+    isEqual: (A, B) => A === B,
     renderOption: toString,
     toT: toString,
-    displayLabel: function displayLabel(option) {
-      return option || '';
-    }
+    displayLabel: option => option || ''
   }));
 }

package/components/Select/SelectT.js

@@ -6,7 +6,6 @@ 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");
@@ -16,68 +15,59 @@ var _utils = require("../../utils");
 // Styles for overriding select dropdown
 
 function SelectT(props) {
-  var className = props.className,
-    disabled = props.disabled,
-    displayLabel = props.displayLabel,
-    editable = props.editable,
-    errorText = props.errorText,
-    fixedMenu = props.fixedMenu,
-    fullWidth = props.fullWidth,
-    helperText = props.helperText,
-    hideArrow = props.hideArrow,
-    id = props.id,
-    isEqual = props.isEqual,
-    label = props.label,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    options = props.options,
-    placeholder = props.placeholder,
-    readonly = props.readonly,
-    renderOption = props.renderOption,
-    required = props.required,
-    selectedValue = props.selectedValue,
-    selectStyles = props.selectStyles,
-    tooltipTitle = props.tooltipTitle,
-    toT = props.toT,
-    warningText = props.warningText;
-  var selectClass = (0, _classnames.default)({
+  const {
+    className,
+    disabled,
+    displayLabel,
+    editable,
+    errorText,
+    fixedMenu,
+    fullWidth,
+    helperText,
+    hideArrow,
+    id,
+    isEqual,
+    label,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    renderOption,
+    required,
+    selectedValue,
+    selectStyles,
+    tooltipTitle,
+    toT,
+    warningText
+  } = props;
+  const selectClass = (0, _classnames.default)({
     'textfield-value': true,
     'textfield-value--disabled': disabled,
     'textfield-value--error': !!errorText,
     'textfield-value--warning': !!warningText,
     'textfield-value--readonly': readonly
   });
-  var itemClass = (0, _classnames.default)({
+  const itemClass = (0, _classnames.default)({
     '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];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    fixedMenuPositioned = _useState4[0],
-    setFixedMenuPositioned = _useState4[1];
-  var _useState5 = (0, _react.useState)(-1),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    selectedIndex = _useState6[0],
-    setSelectedIndex = _useState6[1];
-  var inputRef = (0, _react.useRef)(null);
-  var dropdownRef = (0, _react.useRef)(null);
-  var hasOptions = (0, _react.useMemo)(function () {
-    return options !== undefined && options.length > 0;
-  }, [options]);
-  var repositionMenu = (0, _react.useCallback)(function (checkHeight) {
+  const [openedOptions, setOpenedOptions] = (0, _react.useState)(false);
+  const [fixedMenuPositioned, setFixedMenuPositioned] = (0, _react.useState)(false);
+  const [selectedIndex, setSelectedIndex] = (0, _react.useState)(-1);
+  const inputRef = (0, _react.useRef)(null);
+  const dropdownRef = (0, _react.useRef)(null);
+  const hasOptions = (0, _react.useMemo)(() => options !== undefined && options.length > 0, [options]);
+  const repositionMenu = (0, _react.useCallback)(checkHeight => {
     if (openedOptions && hasOptions) {
       scrollToSelectedElement();
       if (fixedMenu && inputRef.current && dropdownRef.current) {
         dropdownRef.current.style.width = "".concat(inputRef.current.offsetWidth, "px");
-        var bbox = inputRef.current.getBoundingClientRect();
+        const 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;
+        const dropdownBottom = dropdownRef.current.clientHeight + bbox.top + bbox.height;
+        const windowHeightThreshold = window.innerHeight - bbox.height;
         if (checkHeight && dropdownBottom > windowHeightThreshold) {
           dropdownRef.current.style.maxHeight = "".concat(dropdownRef.current.clientHeight - (dropdownBottom - windowHeightThreshold), "px");
         }
@@ -87,13 +77,13 @@ function SelectT(props) {
       setFixedMenuPositioned(false);
     }
   }, [fixedMenu, openedOptions, hasOptions]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     repositionMenu(true);
   }, [repositionMenu]);
-  (0, _react.useEffect)(function () {
-    var newIndex = -1;
+  (0, _react.useEffect)(() => {
+    let newIndex = -1;
     if (options && selectedValue) {
-      options.find(function (option, index) {
+      options.find((option, index) => {
         if (isEqual(option, selectedValue)) {
           newIndex = index;
           return true;
@@ -105,43 +95,41 @@ function SelectT(props) {
       setSelectedIndex(newIndex);
     }
   }, [options, selectedValue, selectedIndex, isEqual]);
-  var handleScroll = (0, _react.useCallback)(function () {
+  const handleScroll = (0, _react.useCallback)(() => {
     repositionMenu(false);
   }, [repositionMenu]);
-  var handleClick = (0, _react.useCallback)(function (event) {
+  const handleClick = (0, _react.useCallback)(event => {
     // Don't respond to user clicks inside the input box because those are
     // already handled by toggleOptions()
     if (dropdownRef.current && !dropdownRef.current.contains(event.target) && inputRef.current && !inputRef.current.contains(event.target)) {
       setOpenedOptions(false);
     }
   }, []);
-  var handleResize = (0, _react.useCallback)(function () {
+  const handleResize = (0, _react.useCallback)(() => {
     setOpenedOptions(false);
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     window.addEventListener('click', handleClick);
     window.addEventListener('resize', handleResize);
     window.addEventListener('scroll', handleScroll);
-    return function () {
+    return () => {
       window.removeEventListener('click', handleClick);
       window.removeEventListener('resize', handleResize);
       window.removeEventListener('scroll', handleScroll);
     };
   }, [handleClick, handleResize, handleScroll]);
-  var toggleOptions = function toggleOptions() {
-    setOpenedOptions(function (isOpen) {
-      return !isOpen;
-    });
+  const toggleOptions = () => {
+    setOpenedOptions(isOpen => !isOpen);
   };
-  var onOptionSelected = function onOptionSelected(option, index) {
+  const onOptionSelected = (option, index) => {
     if (onChange) {
       onChange(option);
     }
     setOpenedOptions(false);
     setSelectedIndex(index);
   };
-  var onChangeHandler = function onChangeHandler(e) {
-    var textValue = e.target.value;
+  const onChangeHandler = e => {
+    const textValue = e.target.value;
     if ((0, _utils.isWhitespaces)(textValue)) {
       return;
     }
@@ -150,14 +138,13 @@ function SelectT(props) {
     }
     setOpenedOptions(true);
   };
-  var onKeyDownHandler = function onKeyDownHandler(e) {
+  const 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');
+    const pressedLetter = e.key.toUpperCase();
+    const 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];
+      const arrayOfItems = Array.from(items);
+      for (const item of arrayOfItems) {
         if (item.dataset.key === pressedLetter) {
           item.scrollIntoView({
             behavior: 'smooth',
@@ -168,16 +155,15 @@ function SelectT(props) {
       }
     }
   };
-  var scrollToSelectedElement = function scrollToSelectedElement() {
+  const scrollToSelectedElement = () => {
     var _dropdownRef$current2;
-    var items = (_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 ? void 0 : _dropdownRef$current2.getElementsByTagName('li');
+    const 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];
+      const arrayOfItems = Array.from(items);
+      for (const item of arrayOfItems) {
         if (item.dataset.selected === 'true') {
           if (dropdownRef.current) {
-            var topPos = item.offsetTop;
+            const topPos = item.offsetTop;
             dropdownRef.current.scrollTop = topPos;
             return;
           }
@@ -220,14 +206,12 @@ function SelectT(props) {
     className: 'options-container' + (fixedMenu ? ' fixed-menu' : '') + (fixedMenuPositioned ? ' positioned' : ''),
     ref: dropdownRef,
     style: (selectStyles || {}).optionsContainer
-  }, options.map(function (option, index) {
+  }, options.map((option, index) => {
     return /*#__PURE__*/_react.default.createElement("li", {
       "data-key": displayLabel(option).charAt(0).toUpperCase(),
       "data-selected": selectedIndex === index,
       key: index,
-      onClick: function onClick() {
-        return !readonly ? onOptionSelected(option, index) : undefined;
-      },
+      onClick: () => !readonly ? onOptionSelected(option, index) : undefined,
       className: "".concat(itemClass, " ").concat(selectedIndex === index ? 'select-value--selected' : '', " "),
       style: (selectStyles || {}).optionContainer
     }, renderOption(option));

package/components/Separator/index.d.ts

@@ -1,6 +1,6 @@
 declare const Separator: (props: {
     height?: string;
     color?: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Separator;
 //# sourceMappingURL=index.d.ts.map

package/components/Separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,SAAS,UAAW;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,gBAW5D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,SAAS,UAAW;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,4CAW5D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Separator/index.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _theme = _interopRequireDefault(require("../../theme"));
-var Separator = function Separator(props) {
+const Separator = props => {
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       margin: _theme.default.spacing(0, 2),

package/components/Slider/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type SliderMark = {
     label?: string;
     value: number;

package/components/Slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;CAC3C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA8C9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;CAC3C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA8C9D"}

package/components/Slider/index.js

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

package/components/SummaryBox.d.ts

@@ -1,3 +1,4 @@
+/// <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,53 +9,52 @@ 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: {
-      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)
-    }
-  };
-});
+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)
+  }
+}));
 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;
-  var classes = useStyles();
-  var style = variant === 'default' ? classes.summaryDefault : variant === 'available' ? classes.summaryAvailable : variant === 'full' ? classes.full : classes.summaryZero;
+  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;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: style,
     id: id