dynamic-mui 1.0.20 → 1.0.22

package/dist-modules/components/controls/Select/select.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,57 +14,43 @@ var _CheckBox = _interopRequireDefault(require("@mui/icons-material/CheckBox"));
 var _helper = require("../../../util/helper");
 var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable default-param-last */
-var icon = /*#__PURE__*/_react.default.createElement(_CheckBoxOutlineBlank.default, {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable default-param-last */
+const icon = /*#__PURE__*/_react.default.createElement(_CheckBoxOutlineBlank.default, {
   fontSize: "small"
 });
-var checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
+const checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
   fontSize: "small"
 });
-var getValue = function getValue() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return options.find(function (_ref) {
-    var value = _ref.value;
+const getValue = function () {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return options.find(_ref => {
+    let {
+      value
+    } = _ref;
     return defaultValue === value;
   });
 };
 function Select(_ref2) {
-  var attributes = _ref2.attributes,
-    onChange = _ref2.onChange;
-  var _attributes$MuiAttrib = attributes.MuiAttributes,
-    MuiAttributes = _attributes$MuiAttrib === void 0 ? {} : _attributes$MuiAttrib,
-    _attributes$options = attributes.options,
-    options = _attributes$options === void 0 ? [] : _attributes$options,
-    _attributes$MuiBoxAtt = attributes.MuiBoxAttributes,
-    MuiBoxAttributes = _attributes$MuiBoxAtt === void 0 ? {} : _attributes$MuiBoxAtt,
-    _attributes$id = attributes.id,
-    id = _attributes$id === void 0 ? '' : _attributes$id;
-  var _React$useState = _react.default.useState((attributes === null || attributes === void 0 ? void 0 : attributes.value) && getValue(options, attributes === null || attributes === void 0 ? void 0 : attributes.value)),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  var _React$useState3 = _react.default.useState(''),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    inputValue = _React$useState4[0],
-    setInputValue = _React$useState4[1];
-  var getMuiAttributes = function getMuiAttributes() {
+  let {
+    attributes,
+    onChange
+  } = _ref2;
+  const {
+    MuiAttributes = {},
+    options = [],
+    MuiBoxAttributes = {},
+    id = ''
+  } = attributes;
+  const [value, setValue] = _react.default.useState((attributes === null || attributes === void 0 ? void 0 : attributes.value) && getValue(options, attributes === null || attributes === void 0 ? void 0 : attributes.value));
+  const [inputValue, setInputValue] = _react.default.useState('');
+  const getMuiAttributes = () => {
     if (MuiAttributes.multiple) {
       MuiAttributes.renderOption = function (props) {
-        var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var _ref3 = arguments.length > 2 ? arguments[2] : undefined,
-          selected = _ref3.selected;
+        let option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        let {
+          selected
+        } = arguments.length > 2 ? arguments[2] : undefined;
         return /*#__PURE__*/_react.default.createElement("li", props, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
           icon: icon,
           checkedIcon: checkedIcon,
@@ -79,12 +64,10 @@ function Select(_ref2) {
     }
     return MuiAttributes;
   };
-  (0, _useUpdateEffect.default)(function () {
-    var newValue = MuiAttributes.multiple ? (value || []).map(function (option) {
-      return option.title || option.label || option.value;
-    }) : inputValue;
+  (0, _useUpdateEffect.default)(() => {
+    const newValue = MuiAttributes.multiple ? (value || []).map(option => option.title || option.label || option.value) : inputValue;
     onChange({
-      id: id,
+      id,
       value: newValue,
       option: value
     });
@@ -93,20 +76,19 @@ function Select(_ref2) {
     disablePortal: true,
     options: options,
     value: value,
-    onChange: function onChange(event, newValue) {
+    onChange: (event, newValue) => {
       setValue(newValue);
     },
     inputValue: inputValue,
-    onInputChange: function onInputChange(event, newInputValue) {
+    onInputChange: (event, newInputValue) => {
       setInputValue(newInputValue);
     },
-    renderInput: function renderInput(params) {
-      return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiBoxAttributes, {
-        inputProps: _objectSpread(_objectSpread({}, params.inputProps), {}, {
-          autoComplete: 'new-password'
-        })
-      }));
-    }
+    renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiBoxAttributes, {
+      inputProps: {
+        ...params.inputProps,
+        autoComplete: 'new-password'
+      }
+    }))
   }));
 }
 Select.propTypes = process.env.NODE_ENV !== "production" ? {

package/dist-modules/components/controls/Switch/switch.js

@@ -9,66 +9,52 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 var _styles = require("@mui/material/styles");
-var _excluded = ["color"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var ColorSwitch = (0, _styles.experimentalStyled)(function (_ref) {
-  var color = _ref.color,
-    other = _objectWithoutProperties(_ref, _excluded);
+const ColorSwitch = (0, _styles.experimentalStyled)(_ref => {
+  let {
+    color,
+    ...other
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Switch.default, other);
-})(function (_ref2) {
-  var theme = _ref2.theme;
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
   return {
     '& .MuiSwitch-switchBase.Mui-checked': {
-      color: function color(props) {
-        return props.color || 'green';
-      },
+      color: props => props.color || 'green',
       '&:hover': {
-        backgroundColor: function backgroundColor(props) {
-          return (0, _styles.alpha)(props.color || 'green', theme.palette.action.hoverOpacity);
-        }
+        backgroundColor: props => (0, _styles.alpha)(props.color || 'green', theme.palette.action.hoverOpacity)
       }
     },
     '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
-      backgroundColor: function backgroundColor(props) {
-        return props.color || 'green';
-      }
+      backgroundColor: props => props.color || 'green'
     }
   };
 });
 
 /** Switch Component */
 function Switch(_ref3) {
-  var attributes = _ref3.attributes,
-    onChange = _ref3.onChange;
-  var _attributes$MuiAttrib = attributes.MuiAttributes,
-    MuiAttributes = _attributes$MuiAttrib === void 0 ? {} : _attributes$MuiAttrib,
-    _attributes$MuiFCLAtt = attributes.MuiFCLAttributes,
-    MuiFCLAttributes = _attributes$MuiFCLAtt === void 0 ? {} : _attributes$MuiFCLAtt,
-    _attributes$color = attributes.color,
-    color = _attributes$color === void 0 ? '' : _attributes$color,
-    _attributes$id = attributes.id,
-    id = _attributes$id === void 0 ? '' : _attributes$id;
-  var _React$useState = _react.default.useState(MuiAttributes.defaultChecked || false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    checked = _React$useState2[0],
-    setChecked = _React$useState2[1];
-  var handleChange = function handleChange(event) {
+  let {
+    attributes,
+    onChange
+  } = _ref3;
+  const {
+    MuiAttributes = {},
+    MuiFCLAttributes = {},
+    color = '',
+    id = ''
+  } = attributes;
+  const [checked, setChecked] = _react.default.useState(MuiAttributes.defaultChecked || false);
+  const handleChange = event => {
     setChecked(event.target.checked);
     onChange({
-      id: id,
+      id,
       value: event.target.checked
     });
   };
-  var MSwitch = color ? ColorSwitch : _Switch.default;
+  const MSwitch = color ? ColorSwitch : _Switch.default;
   return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, _extends({}, MuiFCLAttributes, {
     control: /*#__PURE__*/_react.default.createElement(MSwitch, _extends({
       checked: checked,

package/dist-modules/components/controls/TextField/textfield.js

@@ -12,42 +12,32 @@ var _helper = require("../../../util/helper");
 var _validation = _interopRequireDefault(require("../../../util/validation"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function TextField(_ref) {
-  var attributes = _ref.attributes,
-    _ref$rules = _ref.rules,
-    rules = _ref$rules === void 0 ? {} : _ref$rules,
-    onChange = _ref.onChange;
-  var _attributes$MuiAttrib = attributes.MuiAttributes,
-    MuiAttributes = _attributes$MuiAttrib === void 0 ? {} : _attributes$MuiAttrib,
-    _attributes$InputProp = attributes.InputProps,
-    InputProps = _attributes$InputProp === void 0 ? {} : _attributes$InputProp,
-    _attributes$format = attributes.format,
-    format = _attributes$format === void 0 ? '' : _attributes$format,
-    _attributes$id = attributes.id,
-    id = _attributes$id === void 0 ? '' : _attributes$id;
-  var _React$useState = _react.default.useState({
-      value: attributes.value || '',
-      helperText: MuiAttributes.helperText || '',
-      error: false
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    textData = _React$useState2[0],
-    setTextData = _React$useState2[1];
-  var getValue = function getValue(v) {
-    return format ? (0, _numeral.default)(v).format(format) : v;
-  };
-  var validate = function validate(value) {
-    var isValid = false;
-    var validation = rules.validation;
+  let {
+    attributes,
+    rules = {},
+    onChange
+  } = _ref;
+  const {
+    MuiAttributes = {},
+    InputProps = {},
+    format = '',
+    id = ''
+  } = attributes;
+  const [textData, setTextData] = _react.default.useState({
+    value: attributes.value || '',
+    helperText: MuiAttributes.helperText || '',
+    error: false
+  });
+  const getValue = v => format ? (0, _numeral.default)(v).format(format) : v;
+  const validate = value => {
+    let isValid = false;
+    const {
+      validation
+    } = rules;
     if (validation) {
-      for (var i = 0; i < validation.length; i += 1) {
-        var data = validation[i];
+      for (let i = 0; i < validation.length; i += 1) {
+        const data = validation[i];
         isValid = _validation.default[data.rule](value, data.value);
         if (!isValid) {
           return {
@@ -62,26 +52,30 @@ function TextField(_ref) {
       message: ''
     };
   };
-  var handleOnChange = function handleOnChange() {
+  const handleOnChange = function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    var value = args[0].target.value;
+    const {
+      value
+    } = args[0].target;
     // const formatValue = value ? getValue(value) : '';
-    var validator = validate(value);
+    const validator = validate(value);
     setTextData({
-      value: value,
+      value,
       helperText: validator.message,
       error: !validator.isValid
     });
   };
-  var handleOnBlur = function handleOnBlur() {
+  const handleOnBlur = function () {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    var value = args[0].target.value;
-    var formatValue = getValue(value);
-    var validator = validate(formatValue);
+    const {
+      value
+    } = args[0].target;
+    const formatValue = getValue(value);
+    const validator = validate(formatValue);
     setTextData({
       value: formatValue,
       helperText: validator.message,
@@ -89,12 +83,12 @@ function TextField(_ref) {
     });
     if (typeof onChange === 'function') {
       onChange({
-        id: id,
+        id,
         value: formatValue
       });
     }
   };
-  var handleOnFocus = function handleOnFocus() {
+  const handleOnFocus = () => {
     // const { value } = args[0].target;
     // const formatValue = getValue(value);
     // const validator = validate(formatValue);
@@ -116,7 +110,7 @@ function TextField(_ref) {
   }));
 }
 TextField.propTypes = process.env.NODE_ENV !== "production" ? {
-  /** Attributes for TextField */
+  /** Attributes for Textfield */
   attributes: _propTypes.default.objectOf(_propTypes.default.object),
   /** Rules to be used */
   rules: _propTypes.default.objectOf(_propTypes.default.array),
@@ -127,4 +121,4 @@ TextField.defaultProps = {
   attributes: {},
   rules: {},
   onChange: null
-};
+};

package/dist-modules/components/controls/TimePicker/timepicker.js

@@ -13,49 +13,39 @@ var _helper = require("../../../util/helper");
 var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function TimePicker(_ref) {
-  var attributes = _ref.attributes,
-    _onChange = _ref.onChange;
-  var _attributes$MuiAttrib = attributes.MuiAttributes,
-    MuiAttributes = _attributes$MuiAttrib === void 0 ? {} : _attributes$MuiAttrib,
-    _attributes$name = attributes.name,
-    name = _attributes$name === void 0 ? 'TimePicker' : _attributes$name,
-    _attributes$id = attributes.id,
-    id = _attributes$id === void 0 ? '' : _attributes$id,
-    MuiTextAttributes = attributes.MuiTextAttributes;
-  var _React$useState = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value) : new Date()),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  (0, _useUpdateEffect.default)(function () {
+  let {
+    attributes,
+    onChange
+  } = _ref;
+  const {
+    MuiAttributes = {},
+    name = 'TimePicker',
+    id = '',
+    MuiTextAttributes
+  } = attributes;
+  const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value) : new Date());
+  (0, _useUpdateEffect.default)(() => {
     if (attributes !== null && attributes !== void 0 && attributes.value) setValue(new Date(attributes === null || attributes === void 0 ? void 0 : attributes.value));
   }, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
-  var MuiTimePicker = (0, _helper.DateComponent)(name);
+  const MuiTimePicker = (0, _helper.DateComponent)(name);
   return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
     dateAdapter: _AdapterDateFns.AdapterDateFns
   }, /*#__PURE__*/_react.default.createElement(MuiTimePicker, _extends({
     value: value,
-    onChange: function onChange(newValue) {
+    onChange: newValue => {
       setValue(newValue);
-      _onChange({
-        id: id,
+      onChange({
+        id,
         value: newValue
       });
     }
   }, MuiAttributes, {
-    renderInput: function renderInput(params) {
-      return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes));
-    }
+    renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes))
   })));
 }
 TimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
-  /** Attributes for TimePicker */
+  /** Attributes for Timepicker */
   attributes: _propTypes.default.objectOf(_propTypes.default.object),
   /** Function */
   onChange: _propTypes.default.func
@@ -63,4 +53,4 @@ TimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
 TimePicker.defaultProps = {
   attributes: {},
   onChange: null
-};
+};

package/dist-modules/components/controls/Typography/typography.js

@@ -10,11 +10,13 @@ var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /** Typography Component */
 function Typography(_ref) {
-  var attributes = _ref.attributes;
-  var _attributes$MuiAttrib = attributes.MuiAttributes,
-    MuiAttributes = _attributes$MuiAttrib === void 0 ? {} : _attributes$MuiAttrib,
-    _attributes$text = attributes.text,
-    text = _attributes$text === void 0 ? '' : _attributes$text;
+  let {
+    attributes
+  } = _ref;
+  const {
+    MuiAttributes = {},
+    text = ''
+  } = attributes;
   return /*#__PURE__*/_react.default.createElement(_Typography.default, MuiAttributes, text);
 }
 Typography.propTypes = process.env.NODE_ENV !== "production" ? {

package/dist-modules/components/controls/index.js

@@ -15,7 +15,7 @@ var _checkbox = _interopRequireDefault(require("./CheckBox/checkbox"));
 var _switch = _interopRequireDefault(require("./Switch/switch"));
 var _radio = _interopRequireDefault(require("./Radio/radio"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Controls = {
+const Controls = {
   Typography: _typography.default,
   TextField: _textfield.default,
   Table: _datatable.default,

package/dist-modules/config/mui.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var mui = {
+const mui = {
   textfield: {
     type: 'TextField',
     map: 'TextField'

package/dist-modules/data/checkbox.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkBoxCustom = exports.checkBox = void 0;
-var checkBox = exports.checkBox = [{
+const checkBox = exports.checkBox = [{
   type: 'checkbox',
   props: {
     id: 'defaultChecked',
@@ -68,7 +68,7 @@ var checkBox = exports.checkBox = [{
     sm: 3
   }
 }];
-var checkBoxCustom = exports.checkBoxCustom = [{
+const checkBoxCustom = exports.checkBoxCustom = [{
   type: 'checkbox',
   props: {
     id: 'label',

package/dist-modules/data/dataTable.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.denseTable = exports.basicTable = void 0;
-var basicTable = exports.basicTable = [{
+const basicTable = exports.basicTable = [{
   type: 'datatable',
   props: {
     id: 'datatable',
@@ -87,4 +87,4 @@ var basicTable = exports.basicTable = [{
     md: 12
   }
 }];
-var denseTable = exports.denseTable = [];
+const denseTable = exports.denseTable = [];

package/dist-modules/data/dateTime.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.timePicker = exports.responsiveness = exports.mui = exports.dateTimePicker = exports.dateRange = void 0;
-var mui = exports.mui = [{
+const mui = exports.mui = [{
   type: 'datetime',
   props: {
     id: 'datetime',
@@ -24,7 +24,7 @@ var mui = exports.mui = [{
     sm: 4
   }
 }];
-var responsiveness = exports.responsiveness = [{
+const responsiveness = exports.responsiveness = [{
   type: 'datetime',
   props: {
     id: 'datetimemobile',
@@ -75,7 +75,7 @@ var responsiveness = exports.responsiveness = [{
     sm: 4
   }
 }];
-var dateRange = exports.dateRange = [{
+const dateRange = exports.dateRange = [{
   type: 'daterangepicker',
   props: {
     id: 'daterangepicker',
@@ -92,7 +92,7 @@ var dateRange = exports.dateRange = [{
     sm: 12
   }
 }];
-var dateTimePicker = exports.dateTimePicker = [{
+const dateTimePicker = exports.dateTimePicker = [{
   type: 'datetimepicker',
   props: {
     id: 'datetimepicker',
@@ -108,7 +108,7 @@ var dateTimePicker = exports.dateTimePicker = [{
     sm: 12
   }
 }];
-var timePicker = exports.timePicker = [{
+const timePicker = exports.timePicker = [{
   type: 'timepicker',
   props: {
     id: 'timepicker',

package/dist-modules/data/radio.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.radioData = exports.customRadioData = void 0;
-var radioData = exports.radioData = [{
+const radioData = exports.radioData = [{
   id: 'staggerpenaltytype',
   type: 'radio',
   props: {
@@ -31,4 +31,4 @@ var radioData = exports.radioData = [{
     patchId: 'penalty'
   }]
 }];
-var customRadioData = exports.customRadioData = [];
+const customRadioData = exports.customRadioData = [];

package/dist-modules/data/select.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.select = exports.multiSelect = void 0;
-var options = [{
+const options = [{
   value: 'ocean',
   label: 'Ocean',
   color: '#00B8D9'
@@ -46,12 +46,12 @@ var options = [{
   label: 'Silver',
   color: '#666666'
 }];
-var select = exports.select = [{
+const select = exports.select = [{
   type: 'select',
   props: {
     id: 'simpleselect',
     MuiAttributes: {},
-    options: options,
+    options,
     MuiBoxAttributes: {
       label: 'Colors'
     }
@@ -62,7 +62,7 @@ var select = exports.select = [{
     sm: 12
   }
 }];
-var multiSelect = exports.multiSelect = [{
+const multiSelect = exports.multiSelect = [{
   type: 'select',
   props: {
     id: 'multiselect',
@@ -70,7 +70,7 @@ var multiSelect = exports.multiSelect = [{
       multiple: true,
       disableCloseOnSelect: true
     },
-    options: options,
+    options,
     MuiBoxAttributes: {
       label: 'Colors'
     }

package/dist-modules/data/switch.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.switchData = exports.switchCustom = void 0;
-var switchData = exports.switchData = [{
+const switchData = exports.switchData = [{
   type: 'switch',
   props: {
     id: 'switchdefault',
@@ -68,7 +68,7 @@ var switchData = exports.switchData = [{
     sm: 3
   }
 }];
-var switchCustom = exports.switchCustom = [{
+const switchCustom = exports.switchCustom = [{
   type: 'switch',
   props: {
     id: 'switchlabel',