@terraware/web-components 2.13.1-rc.4 → 2.14.0

package/components/Dropdown.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { TooltipProps } from '@mui/material';
 import { DropdownItem } from './types';
+import { SelectStyles } from './Select/SelectT';
 export interface Props {
     id: string;
     label: string;
@@ -29,6 +29,7 @@ export interface DropdownProps {
     onBlur?: () => void;
     onFocus?: () => void;
     fixedMenu?: boolean;
+    selectStyles?: SelectStyles;
     freeSolo?: boolean;
     hideClearIcon?: boolean;
     autocomplete?: boolean;

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;AACvC,OAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKzD,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;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAG5B,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"}

package/components/Dropdown.js

@@ -6,29 +6,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
-const useStyles = (0, _styles.makeStyles)(() => ({
-  formControl: {
-    width: '100%'
-  }
-}));
+var _excluded = ["selectedValue", "onChange", "options", "autocomplete"];
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    formControl: {
+      width: '100%'
+    }
+  };
+});
 function DropdownV1(_ref) {
-  let {
-    id,
-    label,
-    values,
-    onChange,
-    selected,
-    disabled
-  } = _ref;
-  const onChangeH = (event, _child) => {
+  var id = _ref.id,
+    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);
   };
-  const classes = useStyles();
+  var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_material.FormControl, {
     variant: "outlined",
     className: classes.formControl,
@@ -42,11 +44,9 @@ function DropdownV1(_ref) {
     label: label,
     onChange: onChangeH,
     value: selected
-  }, values === null || values === void 0 ? void 0 : values.map(_ref2 => {
-    let {
-      label: inLabel,
-      value
-    } = _ref2;
+  }, values === null || values === void 0 ? void 0 : values.map(function (_ref2) {
+    var inLabel = _ref2.label,
+      value = _ref2.value;
     return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
       id: value,
       key: value,
@@ -67,16 +67,16 @@ function DropdownV1(_ref) {
  * />
  */
 function Dropdown(props) {
-  const {
-    selectedValue,
-    onChange,
-    options,
-    autocomplete,
-    ...remainingProps
-  } = props;
-  const selectedItem = options === null || options === void 0 ? void 0 : options.find(option => option.value === selectedValue);
-  const renderOption = option => {
-    const styles = {
+  var selectedValue = props.selectedValue,
+    _onChange = props.onChange,
+    options = props.options,
+    autocomplete = props.autocomplete,
+    remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var selectedItem = options === null || options === void 0 ? void 0 : options.find(function (option) {
+    return option.value === selectedValue;
+  });
+  var renderOption = function renderOption(option) {
+    var styles = {
       fontWeight: option.fontWeight || 'normal',
       fontStyle: option.fontStyle || 'normal'
     };
@@ -88,20 +88,32 @@ function Dropdown(props) {
     return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, Object.assign({}, remainingProps, {
       options: options !== null && options !== void 0 ? options : [],
       selected: selectedItem || '',
-      isEqual: (A, B) => A.value === B.value,
-      onChange: option => onChange(option.value)
+      isEqual: function isEqual(A, B) {
+        return A.value === B.value;
+      },
+      onChange: function onChange(option) {
+        return _onChange(option.value);
+      }
     }));
   }
   return /*#__PURE__*/_react.default.createElement(_SelectT.default, Object.assign({}, remainingProps, {
     options: options,
     selectedValue: selectedItem,
-    isEqual: (A, B) => A.value === B.value,
+    isEqual: function isEqual(A, B) {
+      return A.value === B.value;
+    },
     renderOption: renderOption,
-    toT: str => ({
-      label: str,
-      value: str
-    }),
-    displayLabel: option => (option === null || option === void 0 ? void 0 : option.label) || '',
-    onChange: option => onChange(option.value)
+    toT: function toT(str) {
+      return {
+        label: str,
+        value: str
+      };
+    },
+    displayLabel: function displayLabel(option) {
+      return (option === null || option === void 0 ? void 0 : option.label) || '';
+    },
+    onChange: function onChange(option) {
+      return _onChange(option.value);
+    }
   }));
 }

package/components/ErrorBox/ErrorBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './styles.scss';
 export interface Props {
     text: string;

package/components/ErrorBox/ErrorBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBox.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBox/ErrorBox.tsx"],"names":[],"mappings":";AAIA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAoB1D"}
+{"version":3,"file":"ErrorBox.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBox/ErrorBox.tsx"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAoB1D"}

package/components/ErrorBox/ErrorBox.js

@@ -8,19 +8,16 @@ exports.default = ErrorBox;
 var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../Button/Button"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-var _useDeviceInfo = _interopRequireDefault(require("../../utils/useDeviceInfo"));
+var _useDeviceInfo2 = _interopRequireDefault(require("../../utils/useDeviceInfo"));
 require("./styles.scss");
 function ErrorBox(props) {
-  const {
-    text,
-    onClick,
-    buttonText,
-    title,
-    className
-  } = props;
-  const {
-    isMobile
-  } = (0, _useDeviceInfo.default)();
+  var text = props.text,
+    onClick = props.onClick,
+    buttonText = props.buttonText,
+    title = props.title,
+    className = props.className;
+  var _useDeviceInfo = (0, _useDeviceInfo2.default)(),
+    isMobile = _useDeviceInfo.isMobile;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "error-box ".concat(className, " ").concat(isMobile ? 'mobile' : '')
   }, /*#__PURE__*/_react.default.createElement("div", {

package/components/FileChooser/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconName } from '../Icon/icons';
 export type FileTemplate = {
     text: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileChooser/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA2BzC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAiHxE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileChooser/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA2BzC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAiHxE"}

package/components/FileChooser/index.js

@@ -1,94 +1,98 @@
 "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 = FileChooser;
+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 _styles = require("@mui/styles");
 var _utils = require("../../utils");
 var _Button = _interopRequireDefault(require("../Button/Button"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  hiddenInput: {
-    display: 'none'
-  },
-  icon: {
-    height: '120px',
-    width: '120px'
-  },
-  button: {
-    marginTop: theme.spacing(3)
-  },
-  link: {
-    color: theme.palette.TwClrTxtBrand,
-    fontFamily: 'Inter',
-    fontSize: '12px',
-    fontWeight: 500,
-    lineHeight: '16px',
-    marginTop: theme.spacing(2),
-    textDecoration: 'none',
-    '&:hover': {
-      textDecoration: 'underline'
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    hiddenInput: {
+      display: 'none'
+    },
+    icon: {
+      height: '120px',
+      width: '120px'
+    },
+    button: {
+      marginTop: theme.spacing(3)
+    },
+    link: {
+      color: theme.palette.TwClrTxtBrand,
+      fontFamily: 'Inter',
+      fontSize: '12px',
+      fontWeight: 500,
+      lineHeight: '16px',
+      marginTop: theme.spacing(2),
+      textDecoration: 'none',
+      '&:hover': {
+        textDecoration: 'underline'
+      }
     }
-  }
-}));
+  };
+});
 function FileChooser(props) {
-  const {
-    acceptFileType,
-    chooseFileText,
-    files,
-    fileSelectedText,
-    iconName,
-    maxFiles,
-    multipleSelection,
-    onChoosingFiles,
-    replaceFileText,
-    selectedFile,
-    setFiles,
-    template,
-    uploadDescription,
-    uploadMobileDescription,
-    uploadText
-  } = props;
-  const {
-    isMobile
-  } = (0, _utils.useDeviceInfo)();
-  const classes = useStyles();
-  const inputRef = (0, _react.useRef)(null);
-  const theme = (0, _material.useTheme)();
-  const [editing, setEditing] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
+  var acceptFileType = props.acceptFileType,
+    chooseFileText = props.chooseFileText,
+    files = props.files,
+    fileSelectedText = props.fileSelectedText,
+    iconName = props.iconName,
+    maxFiles = props.maxFiles,
+    multipleSelection = props.multipleSelection,
+    onChoosingFiles = props.onChoosingFiles,
+    replaceFileText = props.replaceFileText,
+    selectedFile = props.selectedFile,
+    setFiles = props.setFiles,
+    template = props.template,
+    uploadDescription = props.uploadDescription,
+    uploadMobileDescription = props.uploadMobileDescription,
+    uploadText = props.uploadText;
+  var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
+    isMobile = _useDeviceInfo.isMobile;
+  var classes = useStyles();
+  var inputRef = (0, _react.useRef)(null);
+  var theme = (0, _material.useTheme)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    editing = _useState2[0],
+    setEditing = _useState2[1];
+  (0, _react.useEffect)(function () {
     setEditing(!!selectedFile);
   }, [selectedFile]);
-  const addFiles = fileList => {
-    const newFiles = [];
-    for (let i = 0; i < fileList.length; i++) {
-      const fileItem = fileList.item(i);
+  var addFiles = function addFiles(fileList) {
+    var newFiles = [];
+    for (var i = 0; i < fileList.length; i++) {
+      var fileItem = fileList.item(i);
       if (fileItem) {
         newFiles.push(fileItem);
       }
     }
     if (newFiles.length) {
-      setFiles([...(files !== null && files !== void 0 ? files : []), ...newFiles].slice(0, maxFiles));
+      setFiles([].concat((0, _toConsumableArray2.default)(files !== null && files !== void 0 ? files : []), newFiles).slice(0, maxFiles));
     }
   };
-  const dropHandler = event => {
+  var dropHandler = function dropHandler(event) {
     event.preventDefault();
     addFiles(event.dataTransfer.files);
   };
-  const enableDropping = event => {
+  var enableDropping = function enableDropping(event) {
     event.preventDefault();
   };
-  const onChooseFileHandler = () => {
+  var onChooseFileHandler = function onChooseFileHandler() {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
     onChoosingFiles === null || onChoosingFiles === void 0 ? void 0 : onChoosingFiles();
   };
-  const onFileChosen = event => {
+  var onFileChosen = function onFileChosen(event) {
     if (editing) {
       setEditing(false);
     }

package/components/FormBottomBar/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormBottomBar/index.tsx"],"names":[],"mappings":";AA4CA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACzC,UAAU,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;CACvD;AAED,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,CAAC,EAAE,UAAU,EAAE,CAAC;CACvC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,MAAM,EACN,sBAAsB,GACvB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8CrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormBottomBar/index.tsx"],"names":[],"mappings":"AA4CA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACzC,UAAU,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;CACvD;AAED,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,CAAC,EAAE,UAAU,EAAE,CAAC;CACvC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,MAAM,EACN,sBAAsB,GACvB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8CrB"}

package/components/FormBottomBar/index.js

@@ -9,51 +9,62 @@ var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _Button = _interopRequireDefault(require("../Button/Button"));
 var _styles = require("@mui/styles");
-var _useDeviceInfo = _interopRequireDefault(require("../../utils/useDeviceInfo"));
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  bottomBar: {
-    background: "linear-gradient(to right, ".concat(theme.palette.TwClrBaseGray025, "00,") + "".concat(theme.palette.TwClrBaseGray025, "80, ").concat(theme.palette.TwClrBaseGray025, "80,") + "".concat(theme.palette.TwClrBaseGray025, "00)"),
-    backdropFilter: 'blur(16px)',
-    borderTop: '1px solid',
-    borderImage: "linear-gradient(to right, ".concat(theme.palette.TwClrBaseGray300, "00,") + "".concat(theme.palette.TwClrBaseGray300, "FF, ").concat(theme.palette.TwClrBaseGray300, "FF,") + "".concat(theme.palette.TwClrBaseGray300, "FF, ").concat(theme.palette.TwClrBaseGray300, "00) 1"),
-    boxShadow: 'none',
-    justifyContent: 'space-between',
-    display: 'flex',
-    flexDirection: props => props.isMobile ? 'column-reverse' : 'row',
-    padding: props => props.isDesktop ? '16px 24px' : "16px 24px ".concat(theme.spacing(5)),
-    width: props => props.isDesktop ? 'calc(100% - 200px)' : '100%',
-    zIndex: 1000
-  },
-  button: {
-    marginTop: props => props.isMobile ? theme.spacing(1) : 'auto'
-  },
-  rightButtons: {
-    marginTop: props => props.isMobile ? theme.spacing(1) : 'auto',
-    marginRight: theme.spacing(1)
-  },
-  rightButtonGroup: {
-    display: 'flex',
-    flexDirection: props => props.isMobile ? 'column-reverse' : 'row'
-  }
-}));
+var _useDeviceInfo2 = _interopRequireDefault(require("../../utils/useDeviceInfo"));
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    bottomBar: {
+      background: "linear-gradient(to right, ".concat(theme.palette.TwClrBaseGray025, "00,") + "".concat(theme.palette.TwClrBaseGray025, "80, ").concat(theme.palette.TwClrBaseGray025, "80,") + "".concat(theme.palette.TwClrBaseGray025, "00)"),
+      backdropFilter: 'blur(16px)',
+      borderTop: '1px solid',
+      borderImage: "linear-gradient(to right, ".concat(theme.palette.TwClrBaseGray300, "00,") + "".concat(theme.palette.TwClrBaseGray300, "FF, ").concat(theme.palette.TwClrBaseGray300, "FF,") + "".concat(theme.palette.TwClrBaseGray300, "FF, ").concat(theme.palette.TwClrBaseGray300, "00) 1"),
+      boxShadow: 'none',
+      justifyContent: 'space-between',
+      display: 'flex',
+      flexDirection: function flexDirection(props) {
+        return props.isMobile ? 'column-reverse' : 'row';
+      },
+      padding: function padding(props) {
+        return props.isDesktop ? '16px 24px' : "16px 24px ".concat(theme.spacing(5));
+      },
+      width: function width(props) {
+        return props.isDesktop ? 'calc(100% - 200px)' : '100%';
+      },
+      zIndex: 1000
+    },
+    button: {
+      marginTop: function marginTop(props) {
+        return props.isMobile ? theme.spacing(1) : 'auto';
+      }
+    },
+    rightButtons: {
+      marginTop: function marginTop(props) {
+        return props.isMobile ? theme.spacing(1) : 'auto';
+      },
+      marginRight: theme.spacing(1)
+    },
+    rightButtonGroup: {
+      display: 'flex',
+      flexDirection: function flexDirection(props) {
+        return props.isMobile ? 'column-reverse' : 'row';
+      }
+    }
+  };
+});
 function FormBottomBar(_ref) {
-  let {
-    cancelID,
-    saveID,
-    onCancel,
-    cancelButtonText,
-    saveButtonText,
-    saveDisabled,
-    onSave,
-    additionalRightButtons
-  } = _ref;
-  const {
-    isMobile,
-    isDesktop
-  } = (0, _useDeviceInfo.default)();
-  const classes = useStyles({
-    isMobile,
-    isDesktop
+  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;
+  var _useDeviceInfo = (0, _useDeviceInfo2.default)(),
+    isMobile = _useDeviceInfo.isMobile,
+    isDesktop = _useDeviceInfo.isDesktop;
+  var classes = useStyles({
+    isMobile: isMobile,
+    isDesktop: isDesktop
   });
   return /*#__PURE__*/_react.default.createElement(_material.AppBar, {
     position: "fixed",
@@ -75,17 +86,19 @@ function FormBottomBar(_ref) {
     className: classes.button
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.rightButtonGroup
-  }, additionalRightButtons && additionalRightButtons.map(btn => /*#__PURE__*/_react.default.createElement(_Button.default, {
-    id: btn.id,
-    key: btn.id,
-    priority: btn.buttonPriority,
-    type: btn.buttonType,
-    size: "medium",
-    label: btn.text,
-    onClick: btn.onClick,
-    className: classes.rightButtons,
-    disabled: btn.disabled
-  })), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, additionalRightButtons && additionalRightButtons.map(function (btn) {
+    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+      id: btn.id,
+      key: btn.id,
+      priority: btn.buttonPriority,
+      type: btn.buttonType,
+      size: "medium",
+      label: btn.text,
+      onClick: btn.onClick,
+      className: classes.rightButtons,
+      disabled: btn.disabled
+    });
+  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
     id: saveID || 'saveBottomBar',
     size: "medium",
     label: saveButtonText,

package/components/Icon/Icon.d.ts

@@ -1,13 +1,12 @@
-import { CSSProperties } from 'react';
 import { Size } from '../Size';
 import { IconName } from './icons';
 import './styles.scss';
 export interface Props {
-    name: IconName;
-    size?: Size;
     className?: string;
     fillColor?: string;
-    style?: CSSProperties;
+    name: IconName;
+    size?: Size;
+    style?: Record<string, unknown>;
 }
 export default function Icon({ size, name, className, fillColor, style }: Props): JSX.Element;
 //# sourceMappingURL=Icon.d.ts.map

package/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,eAAe,CAAC;AAcvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAc,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAUtG"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,eAAe,CAAC;AAcvB,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAc,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAUtG"}

package/components/Icon/Icon.js

@@ -9,25 +9,28 @@ var _react = _interopRequireDefault(require("react"));
 var _styles = require("@mui/styles");
 var _icons = _interopRequireDefault(require("./icons"));
 require("./styles.scss");
-const useStyles = (0, _styles.makeStyles)(() => ({
-  icon: {
-    '& path': {
-      fill: props => props.fillColor
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    icon: {
+      '& path': {
+        fill: function fill(props) {
+          return props.fillColor;
+        }
+      }
     }
-  }
-}));
+  };
+});
 function Icon(_ref) {
-  let {
-    size = 'small',
-    name,
-    className,
-    fillColor,
-    style
-  } = _ref;
-  const classes = useStyles({
-    fillColor
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    name = _ref.name,
+    className = _ref.className,
+    fillColor = _ref.fillColor,
+    style = _ref.style;
+  var classes = useStyles({
+    fillColor: fillColor
   });
-  const SVGComponent = _icons.default[name];
+  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 : '', " ").concat(fillColor ? classes.icon : ''),
     style: style

package/components/Icon/icons/index.js

@@ -105,7 +105,7 @@ var _UploadCloud = _interopRequireDefault(require("../../svg/UploadCloud"));
 var _Warning = _interopRequireDefault(require("../../svg/Warning"));
 var _IconWifi = _interopRequireDefault(require("../../svg/IconWifi"));
 var _IconMarker = _interopRequireDefault(require("../../svg/IconMarker"));
-const icons = {
+var icons = {
   blobbyGrayIconImage: _BlobbyGrayIconImage.default,
   blobbyGrayIconImport: _BlobbyGrayIconImport.default,
   blobbyGrayIconUploadToTheCloud: _BlobbyGrayIconUploadToTheCloud.default,
@@ -208,4 +208,5 @@ const icons = {
   warning: _Warning.default,
   wifi: _IconWifi.default
 };
-var _default = exports.default = icons;
+var _default = icons;
+exports.default = _default;

package/components/IconTooltip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from '@mui/material';
 import { IconName } from '../Icon/icons';
 export type IconTooltipProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconTooltip/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA2BzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAiB,EACjB,SAAuB,EACvB,KAAK,EACL,kBAAkB,GACnB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAiChC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconTooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA2BzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAiB,EACjB,SAAuB,EACvB,KAAK,EACL,kBAAkB,GACnB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAiChC"}