dynamic-mui 0.1.8 → 1.0.0

package/dist-modules/components/controls/DateTimePicker/datetimepicker.js

@@ -4,54 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DateTimePicker;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _AdapterDateFns = _interopRequireDefault(require("@material-ui/lab/AdapterDateFns"));
-
-var _LocalizationProvider = _interopRequireDefault(require("@material-ui/lab/LocalizationProvider"));
-
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
+var _xDatePickers = require("@mui/x-date-pickers");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _helper = require("../../../util/helper");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 _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(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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 DateTimePicker(_ref) {
-  var attributes = _ref.attributes;
+  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 ? 'DateTimePicker' : _attributes$name;
-
+    MuiAttributes = _attributes$MuiAttrib === void 0 ? {} : _attributes$MuiAttrib,
+    _attributes$name = attributes.name,
+    name = _attributes$name === void 0 ? 'DateTimePicker' : _attributes$name,
+    _attributes$id = attributes.id,
+    id = _attributes$id === void 0 ? '' : _attributes$id;
   var _React$useState = _react.default.useState(new Date()),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
   var MuiDateTimePicker = (0, _helper.DateComponent)(name);
-  return /*#__PURE__*/_react.default.createElement(_LocalizationProvider.default, {
-    dateAdapter: _AdapterDateFns.default
+  return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
+    dateAdapter: _AdapterDateFns.AdapterDateFns
   }, /*#__PURE__*/_react.default.createElement(MuiDateTimePicker, _extends({
     value: value,
     onChange: function onChange(newValue) {
       setValue(newValue);
+      _onChange({
+        id: id,
+        value: newValue
+      });
     }
   }, MuiAttributes, {
     renderInput: function renderInput(params) {
@@ -59,11 +49,13 @@ function DateTimePicker(_ref) {
     }
   })));
 }
-
 DateTimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Attributes for DateTimePicker */
-  attributes: _propTypes.default.objectOf(_propTypes.default.object)
+  attributes: _propTypes.default.objectOf(_propTypes.default.object),
+  /** Function */
+  onChange: _propTypes.default.func
 } : {};
 DateTimePicker.defaultProps = {
-  attributes: {}
+  attributes: {},
+  onChange: null
 };

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

@@ -1,83 +1,62 @@
 "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
 });
 exports.default = Select;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _Autocomplete = _interopRequireDefault(require("@material-ui/core/Autocomplete"));
-
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _CheckBoxOutlineBlank = _interopRequireDefault(require("@material-ui/icons/CheckBoxOutlineBlank"));
-
-var _CheckBox = _interopRequireDefault(require("@material-ui/icons/CheckBox"));
-
+var _CheckBoxOutlineBlank = _interopRequireDefault(require("@mui/icons-material/CheckBoxOutlineBlank"));
+var _CheckBox = _interopRequireDefault(require("@mui/icons-material/CheckBox"));
 var _helper = require("../../../util/helper");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+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, {
   fontSize: "small"
 });
-
 var checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
   fontSize: "small"
 });
-
 function Select(_ref) {
-  var attributes = _ref.attributes;
+  var attributes = _ref.attributes,
+    onChange = _ref.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;
-
+    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(),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
-
+    _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];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    inputValue = _React$useState4[0],
+    setInputValue = _React$useState4[1];
   var getMuiAttributes = function getMuiAttributes() {
     if (MuiAttributes.multiple) {
       MuiAttributes.renderOption = function (props) {
         var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
         var _ref2 = arguments.length > 2 ? arguments[2] : undefined,
-            selected = _ref2.selected;
-
+          selected = _ref2.selected;
         return /*#__PURE__*/_react.default.createElement("li", props, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
           icon: icon,
           checkedIcon: checkedIcon,
@@ -89,10 +68,15 @@ function Select(_ref) {
         }), option.title || option.label || option.value);
       };
     }
-
     return MuiAttributes;
   };
-
+  _react.default.useEffect(function () {
+    onChange({
+      id: id,
+      value: value,
+      inputValue: inputValue
+    });
+  }, [value, inputValue]);
   return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, _extends({}, getMuiAttributes(), {
     disablePortal: true,
     options: options,
@@ -113,11 +97,13 @@ function Select(_ref) {
     }
   }));
 }
-
 Select.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Attributes for Select */
-  attributes: _propTypes.default.objectOf(_propTypes.default.object)
+  attributes: _propTypes.default.objectOf(_propTypes.default.object),
+  /** Function */
+  onChange: _propTypes.default.func
 } : {};
 Select.defaultProps = {
-  attributes: {}
+  attributes: {},
+  onChange: null
 };

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

@@ -4,41 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Switch;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
-
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
-var _styles = require("@material-ui/core/styles");
-
+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 || 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 _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(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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, ["color"]);
-
+    other = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Switch.default, other);
 })(function (_ref2) {
   var theme = _ref2.theme;
@@ -60,26 +44,30 @@ var ColorSwitch = (0, _styles.experimentalStyled)(function (_ref) {
     }
   };
 });
-/** CheckBox Component */
 
+/** CheckBox Component */
 function Switch(_ref3) {
-  var attributes = _ref3.attributes;
+  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;
-
+    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];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    checked = _React$useState2[0],
+    setChecked = _React$useState2[1];
   var handleChange = function handleChange(event) {
     setChecked(event.target.checked);
+    onChange({
+      id: id,
+      value: event.target.checked
+    });
   };
-
   var MSwitch = color ? ColorSwitch : _Switch.default;
   return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, _extends({}, MuiFCLAttributes, {
     control: /*#__PURE__*/_react.default.createElement(MSwitch, _extends({
@@ -92,11 +80,13 @@ function Switch(_ref3) {
     }))
   }));
 }
-
 Switch.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Attributes for Typography */
-  attributes: _propTypes.default.objectOf(_propTypes.default.object)
+  attributes: _propTypes.default.objectOf(_propTypes.default.object),
+  /** Function */
+  onChange: _propTypes.default.func
 } : {};
 Switch.defaultProps = {
-  attributes: {}
+  attributes: {},
+  onChange: null
 };

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

@@ -4,68 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TextField;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _numeral = _interopRequireDefault(require("numeral"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 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 || 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 _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(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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;
+    _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;
-
+    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];
-
+      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;
-
     if (validation) {
       for (var i = 0; i < validation.length; i += 1) {
         var data = validation[i];
         isValid = _validation.default[data.rule](value, data.value);
-
         if (!isValid) {
           return {
             isValid: false,
@@ -74,20 +57,17 @@ function TextField(_ref) {
         }
       }
     }
-
     return {
       isValid: true,
       message: ''
     };
   };
-
   var handleOnChange = function handleOnChange() {
     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 formatValue = value ? getValue(value) : '';
-
+    var value = args[0].target.value;
+    // const formatValue = value ? getValue(value) : '';
     var validator = validate(value);
     setTextData({
       value: value,
@@ -95,12 +75,10 @@ function TextField(_ref) {
       error: !validator.isValid
     });
   };
-
   var handleOnBlur = function handleOnBlur() {
     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);
@@ -110,8 +88,8 @@ function TextField(_ref) {
       error: !validator.isValid
     });
   };
-
-  var handleOnFocus = function handleOnFocus() {// const { value } = args[0].target;
+  var handleOnFocus = function handleOnFocus() {
+    // const { value } = args[0].target;
     // const formatValue = getValue(value);
     // const validator = validate(formatValue);
     // setTextData({
@@ -119,7 +97,12 @@ function TextField(_ref) {
     //   helperText: validator.message,
     // });
   };
-
+  _react.default.useEffect(function () {
+    onChange({
+      id: id,
+      value: textData.value
+    });
+  }, [textData.value, textData.helperText]);
   return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
     fullWidth: true
   }, MuiAttributes, {
@@ -132,15 +115,16 @@ function TextField(_ref) {
     helperText: textData.helperText
   }));
 }
-
 TextField.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Attributes for TextField */
   attributes: _propTypes.default.objectOf(_propTypes.default.object),
-
   /** Rules to be used */
-  rules: _propTypes.default.objectOf(_propTypes.default.array)
+  rules: _propTypes.default.objectOf(_propTypes.default.array),
+  /** Function */
+  onChange: _propTypes.default.func
 } : {};
 TextField.defaultProps = {
   attributes: {},
-  rules: {}
+  rules: {},
+  onChange: null
 };

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

@@ -4,54 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TimePicker;
-
 var _react = _interopRequireDefault(require("react"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _AdapterDateFns = _interopRequireDefault(require("@material-ui/lab/AdapterDateFns"));
-
-var _LocalizationProvider = _interopRequireDefault(require("@material-ui/lab/LocalizationProvider"));
-
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
+var _xDatePickers = require("@mui/x-date-pickers");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _helper = require("../../../util/helper");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 _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(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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;
+  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;
-
+    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;
   var _React$useState = _react.default.useState(new Date()),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
   var MuiTimePicker = (0, _helper.DateComponent)(name);
-  return /*#__PURE__*/_react.default.createElement(_LocalizationProvider.default, {
-    dateAdapter: _AdapterDateFns.default
+  return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
+    dateAdapter: _AdapterDateFns.AdapterDateFns
   }, /*#__PURE__*/_react.default.createElement(MuiTimePicker, _extends({
     value: value,
     onChange: function onChange(newValue) {
       setValue(newValue);
+      _onChange({
+        id: id,
+        value: newValue
+      });
     }
   }, MuiAttributes, {
     renderInput: function renderInput(params) {
@@ -59,11 +49,13 @@ function TimePicker(_ref) {
     }
   })));
 }
-
 TimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Attributes for TimePicker */
-  attributes: _propTypes.default.objectOf(_propTypes.default.object)
+  attributes: _propTypes.default.objectOf(_propTypes.default.object),
+  /** Function */
+  onChange: _propTypes.default.func
 } : {};
 TimePicker.defaultProps = {
-  attributes: {}
+  attributes: {},
+  onChange: null
 };