@terraware/web-components 2.12.8-rc.0 → 2.12.8

package/components/Autocomplete/Autocomplete.d.ts

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

package/components/Autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8C,YAAY,EAAE,MAAM,eAAe,CAAC;AAIzF,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAsFrB"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8C,YAAY,EAAE,MAAM,eAAe,CAAC;AAIzF,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAsFrB"}

package/components/Autocomplete/Autocomplete.js

@@ -12,23 +12,21 @@ var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
 require("../Select/styles.scss");
 require("./styles.scss");
 function Autocomplete(_ref) {
-  let {
-    id,
-    label,
-    options,
-    onChange,
-    selected,
-    freeSolo,
-    disabled,
-    className,
-    hideClearIcon,
-    isEqual,
-    placeholder,
-    errorText,
-    tooltipTitle,
-    required
-  } = _ref;
-  const onChangeHandler = (event, value) => {
+  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,
+    required = _ref.required;
+  var onChangeHandler = function onChangeHandler(event, value) {
     if (event) {
       if (value) {
         onChange(value);
@@ -37,29 +35,31 @@ function Autocomplete(_ref) {
       }
     }
   };
-  const renderInput = params => /*#__PURE__*/_react.default.createElement("div", {
-    className: "auto-complete ".concat(className)
-  }, label && /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: id,
-    className: "textfield-label"
-  }, label, " ", required ? '*' : '', tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
-    placement: "top",
-    title: tooltipTitle
-  })), /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
-    variant: "outlined",
-    size: "small",
-    placeholder: placeholder,
-    className: errorText ? 'auto-complete--error' : ''
-  })), errorText && /*#__PURE__*/_react.default.createElement("div", {
-    className: "textfield-label-container"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    name: "error",
-    className: "textfield-error-text--icon"
-  }), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: id,
-    className: "textfield-error-text"
-  }, errorText)));
-  const optionalArgs = {};
+  var renderInput = function renderInput(params) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "auto-complete ".concat(className)
+    }, label && /*#__PURE__*/_react.default.createElement("label", {
+      htmlFor: id,
+      className: "textfield-label"
+    }, label, " ", required ? '*' : '', tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
+      placement: "top",
+      title: tooltipTitle
+    })), /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
+      variant: "outlined",
+      size: "small",
+      placeholder: placeholder,
+      className: errorText ? 'auto-complete--error' : ''
+    })), errorText && /*#__PURE__*/_react.default.createElement("div", {
+      className: "textfield-label-container"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: "error",
+      className: "textfield-error-text--icon"
+    }), /*#__PURE__*/_react.default.createElement("label", {
+      htmlFor: id,
+      className: "textfield-error-text"
+    }, errorText)));
+  };
+  var optionalArgs = {};
   if (hideClearIcon) {
     optionalArgs.clearIcon = null;
   }
@@ -70,7 +70,7 @@ function Autocomplete(_ref) {
     disabled: disabled,
     id: id,
     options: options,
-    getOptionLabel: option => {
+    getOptionLabel: function getOptionLabel(option) {
       if (typeof option === 'object') {
         var _option$label;
         return (_option$label = option.label) !== null && _option$label !== void 0 ? _option$label : '';
@@ -78,7 +78,9 @@ function Autocomplete(_ref) {
       return option !== null && option !== void 0 ? option : '';
     },
     onChange: onChangeHandler,
-    onInputChange: (event, value) => freeSolo && onChangeHandler(event, value),
+    onInputChange: function onInputChange(event, value) {
+      return freeSolo && onChangeHandler(event, value);
+    },
     value: selected,
     freeSolo: freeSolo,
     forcePopupIcon: true,

package/components/Badge/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BadgeProps {
     backgroundColor?: string;
     borderColor?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,UAAU;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,UAAW,UAAU,KAAG,WAqBlC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,UAAU;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,UAAW,UAAU,KAAG,WAqBlC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Badge/index.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
-const Badge = props => {
-  const theme = (0, _material.useTheme)();
-  const backgroundColor = props.backgroundColor || theme.palette.TwClrBgSecondary;
-  const borderColor = props.borderColor || theme.palette.TwClrBrdrSecondary;
-  const labelColor = props.labelColor || borderColor;
+var Badge = function Badge(props) {
+  var theme = (0, _material.useTheme)();
+  var backgroundColor = props.backgroundColor || theme.palette.TwClrBgSecondary;
+  var borderColor = props.borderColor || theme.palette.TwClrBrdrSecondary;
+  var labelColor = props.labelColor || borderColor;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
-      backgroundColor,
+      backgroundColor: backgroundColor,
       border: "1px solid ".concat(borderColor),
       borderRadius: theme.spacing(1),
       padding: theme.spacing(0.5, 1),
@@ -26,4 +26,5 @@ const Badge = props => {
     fontWeight: 500
   }, props.label));
 };
-var _default = exports.default = Badge;
+var _default = Badge;
+exports.default = _default;

package/components/BusySpinner/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type BusySpinnerProps = {
     withSkrim?: boolean;
     noBackground?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BusySpinner/index.tsx"],"names":[],"mappings":";AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkC9F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BusySpinner/index.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAkC9F"}

package/components/BusySpinner/index.js

@@ -9,11 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _hexRgb = _interopRequireDefault(require("hex-rgb"));
 function BusySpinner(_ref) {
-  let {
-    withSkrim,
-    noBackground
-  } = _ref;
-  const theme = (0, _material.useTheme)();
+  var withSkrim = _ref.withSkrim,
+    noBackground = _ref.noBackground;
+  var theme = (0, _material.useTheme)();
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       position: 'fixed',

package/components/Button/Button.js

@@ -9,28 +9,31 @@ var _react = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 require("./styles.scss");
 var _styles2 = require("@mui/styles");
-const useStyles = (0, _styles2.makeStyles)(() => ({
-  svgIconFill: {
-    '& path': {
-      fill: 'currentColor'
+var useStyles = (0, _styles2.makeStyles)(function () {
+  return {
+    svgIconFill: {
+      '& path': {
+        fill: 'currentColor'
+      }
     }
-  }
-}));
+  };
+});
 function Button(props) {
-  const {
-    onClick,
-    label,
-    type = 'productive',
-    priority = 'primary',
-    size = 'small',
-    disabled,
-    icon,
-    rightIcon,
-    processing,
-    id,
-    className
-  } = props;
-  const classes = useStyles();
+  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,
+    rightIcon = props.rightIcon,
+    processing = props.processing,
+    id = props.id,
+    className = props.className;
+  var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement("button", {
     id: id,
     onClick: onClick,

package/components/Button/button.test.js

@@ -4,8 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("./Button"));
-test('calls onClick prop when clicked', () => {
-  const handleClick = jest.fn();
+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"
@@ -13,8 +13,8 @@ test('calls onClick prop when clicked', () => {
   _react.fireEvent.click(_react.screen.getByText(/click me/i));
   expect(handleClick).toHaveBeenCalledTimes(1);
 });
-test('should not call onClick prop when button is disabled', () => {
-  const handleClick = jest.fn();
+test('should not call onClick prop when button is disabled', function () {
+  var handleClick = jest.fn();
   (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Button.default, {
     onClick: handleClick,
     label: "Click me",

package/components/Checkbox.js

@@ -8,34 +8,36 @@ exports.CheckboxStyle = void 0;
 exports.default = Checkbox;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
-const CheckboxStyle = theme => ({
-  padding: theme.spacing(0, 1, 0, 0),
-  '& .MuiSvgIcon-root': {
-    fill: theme.palette.TwClrBrdrSecondary
-  },
-  '&:hover > .MuiSvgIcon-root': {
-    fill: theme.palette.TwClrBrdrHover
-  },
-  '&.Mui-checked > .MuiSvgIcon-root': {
-    fill: theme.palette.TwClrBgSelected,
-    color: theme.palette.TwClrBgSelected
-  },
-  '&.MuiCheckbox-indeterminate > .MuiSvgIcon-root': {
-    fill: theme.palette.TwClrBgSelected,
-    color: theme.palette.TwClrBgSelected
-  },
-  '&:focus > .MuiSvgIcon-root': {
-    border: "2px solid ".concat(theme.palette.TwClrBgSelected)
-  },
-  '&.Mui-disabled': {
-    opacity: 0.5
-  }
-});
+var CheckboxStyle = function CheckboxStyle(theme) {
+  return {
+    padding: theme.spacing(0, 1, 0, 0),
+    '& .MuiSvgIcon-root': {
+      fill: theme.palette.TwClrBrdrSecondary
+    },
+    '&:hover > .MuiSvgIcon-root': {
+      fill: theme.palette.TwClrBrdrHover
+    },
+    '&.Mui-checked > .MuiSvgIcon-root': {
+      fill: theme.palette.TwClrBgSelected,
+      color: theme.palette.TwClrBgSelected
+    },
+    '&.MuiCheckbox-indeterminate > .MuiSvgIcon-root': {
+      fill: theme.palette.TwClrBgSelected,
+      color: theme.palette.TwClrBgSelected
+    },
+    '&:focus > .MuiSvgIcon-root': {
+      border: "2px solid ".concat(theme.palette.TwClrBgSelected)
+    },
+    '&.Mui-disabled': {
+      opacity: 0.5
+    }
+  };
+};
 exports.CheckboxStyle = CheckboxStyle;
 function Checkbox(props) {
   var _props$value;
-  const theme = (0, _material.useTheme)();
-  const onChange = (event, checked) => {
+  var theme = (0, _material.useTheme)();
+  var onChange = function onChange(event, checked) {
     props.onChange(checked);
   };
   return /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {

package/components/Confirm/index.js

@@ -1,11 +1,12 @@
 "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 = Confirm;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _DialogBox = _interopRequireDefault(require("../DialogBox/DialogBox"));
@@ -17,26 +18,24 @@ var _Button = _interopRequireDefault(require("../Button/Button"));
  */
 
 function Confirm(_ref) {
-  let {
-    confirmButtonDisabled,
-    confirmButtonIcon,
-    confirmButtonId,
-    confirmButtonPriority,
-    confirmButtonText,
-    confirmButtonType,
-    closeButtonId,
-    closeButtonText,
-    message,
-    onClose,
-    onConfirm,
-    open,
-    size,
-    textStyle,
-    title
-  } = _ref;
-  const theme = (0, _material.useTheme)();
-  const middleButtons = (0, _react.useMemo)(() => {
-    const buttons = [/*#__PURE__*/_react.default.createElement(_Button.default, {
+  var confirmButtonDisabled = _ref.confirmButtonDisabled,
+    confirmButtonIcon = _ref.confirmButtonIcon,
+    confirmButtonId = _ref.confirmButtonId,
+    confirmButtonPriority = _ref.confirmButtonPriority,
+    confirmButtonText = _ref.confirmButtonText,
+    confirmButtonType = _ref.confirmButtonType,
+    closeButtonId = _ref.closeButtonId,
+    closeButtonText = _ref.closeButtonText,
+    message = _ref.message,
+    onClose = _ref.onClose,
+    onConfirm = _ref.onConfirm,
+    open = _ref.open,
+    size = _ref.size,
+    textStyle = _ref.textStyle,
+    title = _ref.title;
+  var theme = (0, _material.useTheme)();
+  var middleButtons = (0, _react.useMemo)(function () {
+    var buttons = [/*#__PURE__*/_react.default.createElement(_Button.default, {
       disabled: confirmButtonDisabled,
       icon: confirmButtonIcon,
       id: confirmButtonId || 'confirm-submit',
@@ -58,8 +57,8 @@ function Confirm(_ref) {
     }
     return buttons;
   }, [confirmButtonDisabled, confirmButtonIcon, confirmButtonId, confirmButtonPriority, confirmButtonText, confirmButtonType, closeButtonId, closeButtonText, onClose, onConfirm]);
-  const content = (0, _react.useMemo)(() => {
-    const text = (str, key) => {
+  var content = (0, _react.useMemo)(function () {
+    var text = function text(str, key) {
       return /*#__PURE__*/_react.default.createElement(_material.Typography, {
         color: theme.palette.TwClrTxt,
         fontSize: "16px",
@@ -67,19 +66,20 @@ function Confirm(_ref) {
         key: key,
         lineHeight: "24px",
         textAlign: "center",
-        sx: {
+        sx: (0, _objectSpread2.default)({
           marginBottom: theme.spacing(1),
           '&:last-child': {
             marginBottom: 0
-          },
-          ...(textStyle || {})
-        }
+          }
+        }, textStyle || {})
       }, str);
     };
     if (typeof message === 'string') {
       return text(message);
     } else if (Array.isArray(message)) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message.map((str, i) => text(str, "".concat(str, "_").concat(i))));
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, message.map(function (str, i) {
+        return text(str, "".concat(str, "_").concat(i));
+      }));
     } else {
       return message;
     }

package/components/DatePicker/DatePicker.js

@@ -6,6 +6,7 @@ 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"));
@@ -16,29 +17,34 @@ var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 require("./styles.scss");
 function DatePicker(props) {
   var _props$locale, _props$defaultTimeZon;
-  const [temporalValue, setTemporalValue] = (0, _react.useState)(props.value || null);
-  const locale = (_props$locale = props.locale) !== null && _props$locale !== void 0 ? _props$locale : 'en';
-  _react.default.useEffect(() => {
+  var _useState = (0, _react.useState)(props.value || null),
+    _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(() => {
+  _react.default.useEffect(function () {
     if (props.value !== temporalValue && props.value !== null) {
       setTemporalValue(props.value || null);
     }
   }, [props.value]);
-  const renderInput = params => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
-    id: props.id,
-    autoFocus: props.autoFocus,
-    onKeyPress: props.onKeyPress
-  })), props.errorText && /*#__PURE__*/_react.default.createElement("div", {
-    className: "textfield-error-text-container"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    name: "error",
-    className: "textfield-error-text--icon"
-  }), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: props.id,
-    className: "textfield-error-text"
-  }, props.errorText)));
+  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,
+      autoFocus: props.autoFocus,
+      onKeyPress: props.onKeyPress
+    })), props.errorText && /*#__PURE__*/_react.default.createElement("div", {
+      className: "textfield-error-text-container"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: "error",
+      className: "textfield-error-text--icon"
+    }), /*#__PURE__*/_react.default.createElement("label", {
+      htmlFor: props.id,
+      className: "textfield-error-text"
+    }, props.errorText)));
+  };
 
   // set timezone, defaulting to 'UTC'
   _momentTimezone.default.tz.setDefault((_props$defaultTimeZon = props.defaultTimeZone) !== null && _props$defaultTimeZon !== void 0 ? _props$defaultTimeZon : 'UTC');
@@ -61,7 +67,7 @@ function DatePicker(props) {
     maxDate: props.maxDate ? (0, _momentTimezone.default)(props.maxDate) : undefined,
     inputFormat: "YYYY-MM-DD",
     value: temporalValue,
-    onChange: newValue => {
+    onChange: function onChange(newValue) {
       setTemporalValue(newValue);
       props.onChange(newValue !== null && newValue !== void 0 && newValue.isValid() ? newValue === null || newValue === void 0 ? void 0 : newValue.toDate() : null);
     },

package/components/DialogBox/DialogBox.js

@@ -5,29 +5,27 @@ 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) {
-  const {
-    title,
-    size,
-    message,
-    children,
-    leftButton,
-    rightButtons,
-    middleButtons,
-    onClose,
-    open,
-    scrolled,
-    skrim
-  } = props;
-  const hasFooter = leftButton || rightButtons || middleButtons;
-  const {
-    isMobile
-  } = (0, _utils.useDeviceInfo)();
+  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;
+  var hasFooter = leftButton || rightButtons || middleButtons;
+  var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
+    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", {
@@ -58,27 +56,23 @@ function DialogBox(props) {
     className: "left-button"
   }, leftButton), /*#__PURE__*/_react.default.createElement("div", {
     className: "right-buttons"
-  }, rightButtons === null || rightButtons === void 0 ? void 0 : rightButtons.map((rb, index) => {
-    const rbWithKey = {
-      ...rb,
+  }, rightButtons === null || rightButtons === void 0 ? void 0 : rightButtons.map(function (rb, index) {
+    var rbWithKey = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rb), {}, {
       key: "rb-".concat(index),
-      props: {
-        ...rb.props,
+      props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rb.props), {}, {
         size: rb.props.size || 'medium'
-      }
-    };
+      })
+    });
     return rbWithKey;
   }))), middleButtons && /*#__PURE__*/_react.default.createElement("div", {
     className: "dialog-box--actions-container"
-  }, middleButtons === null || middleButtons === void 0 ? void 0 : middleButtons.map((mb, index) => {
-    const mbWithKey = {
-      ...mb,
+  }, middleButtons === null || middleButtons === void 0 ? void 0 : middleButtons.map(function (mb, index) {
+    var mbWithKey = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mb), {}, {
       key: "mb-".concat(index),
-      props: {
-        ...mb.props,
+      props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mb.props), {}, {
         size: mb.props.size || 'medium'
-      }
-    };
+      })
+    });
     return mbWithKey;
   }))))) : null;
 }

package/components/Divisor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Props {
     mt?: number;
 }

package/components/Divisor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divisor.d.ts","sourceRoot":"","sources":["../../src/components/Divisor.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,EAAM,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAQ9D"}
+{"version":3,"file":"Divisor.d.ts","sourceRoot":"","sources":["../../src/components/Divisor.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,EAAM,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAQ9D"}

package/components/Divisor.js

@@ -8,9 +8,8 @@ exports.default = Divisor;
 var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 function Divisor(_ref) {
-  let {
-    mt = 3
-  } = _ref;
+  var _ref$mt = _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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from '@mui/material';
 import { DropdownItem } from './types';
 export interface Props {

package/components/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBlG;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAGrC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsClE"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBlG;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAGrC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsClE"}