dynamic-mui 0.1.8 → 1.0.0

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

@@ -4,25 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Typography;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
+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;
+    MuiAttributes = _attributes$MuiAttrib === void 0 ? {} : _attributes$MuiAttrib,
+    _attributes$text = attributes.text,
+    text = _attributes$text === void 0 ? '' : _attributes$text;
   return /*#__PURE__*/_react.default.createElement(_Typography.default, MuiAttributes, text);
 }
-
 Typography.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Attributes for Typography */
   attributes: _propTypes.default.objectOf(_propTypes.default.object)

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

@@ -4,40 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _typography = _interopRequireDefault(require("./Typography/typography"));
-
 var _textfield = _interopRequireDefault(require("./TextField/textfield"));
-
 var _datatable = _interopRequireDefault(require("./DataTable/datatable"));
-
 var _datetime = _interopRequireDefault(require("./DateTime/datetime"));
-
-var _daterangepicker = _interopRequireDefault(require("./DateRangePicker/daterangepicker"));
-
 var _datetimepicker = _interopRequireDefault(require("./DateTimePicker/datetimepicker"));
-
 var _timepicker = _interopRequireDefault(require("./TimePicker/timepicker"));
-
 var _select = _interopRequireDefault(require("./Select/select"));
-
 var _checkbox = _interopRequireDefault(require("./CheckBox/checkbox"));
-
 var _switch = _interopRequireDefault(require("./Switch/switch"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Controls = {
   Typography: _typography.default,
   TextField: _textfield.default,
   Table: _datatable.default,
   DateTime: _datetime.default,
-  DateRangePicker: _daterangepicker.default,
   DateTimePicker: _datetimepicker.default,
   TimePicker: _timepicker.default,
   Select: _select.default,
   CheckBox: _checkbox.default,
   Switch: _switch.default
 };
-var _default = Controls;
-exports.default = _default;
+var _default = exports.default = Controls;

package/dist-modules/config/mui.js

@@ -46,5 +46,4 @@ var mui = {
     map: 'Switch'
   }
 };
-var _default = mui;
-exports.default = _default;
+var _default = exports.default = mui;

package/dist-modules/data/checkbox.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkBoxCustom = exports.checkBox = void 0;
-var checkBox = [{
+var checkBox = exports.checkBox = [{
   type: 'checkbox',
   props: {
+    id: 'defaultChecked',
     MuiAttributes: {
       defaultChecked: true
     },
@@ -22,6 +23,7 @@ var checkBox = [{
 }, {
   type: 'checkbox',
   props: {
+    id: 'simple',
     MuiAttributes: {},
     MuiFCLAttributes: {
       label: ''
@@ -35,6 +37,7 @@ var checkBox = [{
 }, {
   type: 'checkbox',
   props: {
+    id: 'disabled',
     MuiAttributes: {
       disabled: true
     },
@@ -50,6 +53,7 @@ var checkBox = [{
 }, {
   type: 'checkbox',
   props: {
+    id: 'disabledchecked',
     MuiAttributes: {
       disabled: true,
       checked: true
@@ -64,10 +68,10 @@ var checkBox = [{
     sm: 3
   }
 }];
-exports.checkBox = checkBox;
-var checkBoxCustom = [{
+var checkBoxCustom = exports.checkBoxCustom = [{
   type: 'checkbox',
   props: {
+    id: 'label',
     MuiAttributes: {
       defaultChecked: true
     },
@@ -83,6 +87,7 @@ var checkBoxCustom = [{
 }, {
   type: 'checkbox',
   props: {
+    id: 'labelsmall',
     MuiAttributes: {
       size: 'small',
       defaultChecked: true,
@@ -100,6 +105,7 @@ var checkBoxCustom = [{
 }, {
   type: 'checkbox',
   props: {
+    id: 'labelcolordefault',
     MuiAttributes: {
       defaultChecked: true,
       color: 'default'
@@ -116,6 +122,7 @@ var checkBoxCustom = [{
 }, {
   type: 'checkbox',
   props: {
+    id: 'labelcolorgreen',
     MuiAttributes: {
       defaultChecked: true,
       sx: {
@@ -134,5 +141,4 @@ var checkBoxCustom = [{
     xs: 3,
     sm: 3
   }
-}];
-exports.checkBoxCustom = checkBoxCustom;
+}];

package/dist-modules/data/dataTable.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.denseTable = exports.basicTable = void 0;
-var basicTable = [{
+var basicTable = exports.basicTable = [{
   type: 'datatable',
   props: {
+    id: 'datatable',
     container: {
       style: {
         height: 400,
@@ -86,6 +87,4 @@ var basicTable = [{
     md: 12
   }
 }];
-exports.basicTable = basicTable;
-var denseTable = [];
-exports.denseTable = denseTable;
+var denseTable = exports.denseTable = [];

package/dist-modules/data/dateTime.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.timePicker = exports.dateTimePicker = exports.dateRange = exports.responsiveness = exports.mui = void 0;
-var mui = [{
+exports.timePicker = exports.responsiveness = exports.mui = exports.dateTimePicker = exports.dateRange = void 0;
+var mui = exports.mui = [{
   type: 'datetime',
   props: {
+    id: 'datetime',
     MuiAttributes: {
       placeholder: 'Standard',
       fullWidth: true,
@@ -19,10 +20,10 @@ var mui = [{
     sm: 4
   }
 }];
-exports.mui = mui;
-var responsiveness = [{
+var responsiveness = exports.responsiveness = [{
   type: 'datetime',
   props: {
+    id: 'datetimemobile',
     MuiAttributes: {
       label: 'For mobile',
       fullWidth: true,
@@ -38,6 +39,7 @@ var responsiveness = [{
 }, {
   type: 'datetime',
   props: {
+    id: 'datetimestandard',
     MuiAttributes: {
       label: 'For desktop',
       fullWidth: true,
@@ -53,6 +55,7 @@ var responsiveness = [{
 }, {
   type: 'datetime',
   props: {
+    id: 'datetimeresponsive',
     MuiAttributes: {
       label: 'Responsive',
       fullWidth: true,
@@ -68,10 +71,10 @@ var responsiveness = [{
     sm: 4
   }
 }];
-exports.responsiveness = responsiveness;
-var dateRange = [{
+var dateRange = exports.dateRange = [{
   type: 'daterangepicker',
   props: {
+    id: 'daterangepicker',
     MuiAttributes: {
       fullWidth: true,
       variant: 'standard',
@@ -85,10 +88,10 @@ var dateRange = [{
     sm: 12
   }
 }];
-exports.dateRange = dateRange;
-var dateTimePicker = [{
+var dateTimePicker = exports.dateTimePicker = [{
   type: 'datetimepicker',
   props: {
+    id: 'datetimepicker',
     MuiAttributes: {
       label: 'Standard',
       fullWidth: true,
@@ -101,10 +104,10 @@ var dateTimePicker = [{
     sm: 12
   }
 }];
-exports.dateTimePicker = dateTimePicker;
-var timePicker = [{
+var timePicker = exports.timePicker = [{
   type: 'timepicker',
   props: {
+    id: 'timepicker',
     MuiAttributes: {
       label: 'Standard',
       fullWidth: true,
@@ -116,5 +119,4 @@ var timePicker = [{
     xs: 12,
     sm: 12
   }
-}];
-exports.timePicker = timePicker;
+}];

package/dist-modules/data/select.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.multiSelect = exports.select = void 0;
+exports.select = exports.multiSelect = void 0;
 var options = [{
   value: 'ocean',
   label: 'Ocean',
@@ -46,9 +46,10 @@ var options = [{
   label: 'Silver',
   color: '#666666'
 }];
-var select = [{
+var select = exports.select = [{
   type: 'select',
   props: {
+    id: 'simpleselect',
     MuiAttributes: {},
     options: options,
     MuiBoxAttributes: {
@@ -61,10 +62,10 @@ var select = [{
     sm: 12
   }
 }];
-exports.select = select;
-var multiSelect = [{
+var multiSelect = exports.multiSelect = [{
   type: 'select',
   props: {
+    id: 'multiselect',
     MuiAttributes: {
       multiple: true,
       disableCloseOnSelect: true
@@ -79,5 +80,4 @@ var multiSelect = [{
     xs: 12,
     sm: 12
   }
-}];
-exports.multiSelect = multiSelect;
+}];

package/dist-modules/data/switch.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.switchCustom = exports.switchData = void 0;
-var switchData = [{
+exports.switchData = exports.switchCustom = void 0;
+var switchData = exports.switchData = [{
   type: 'switch',
   props: {
+    id: 'switchdefault',
     MuiAttributes: {
       defaultChecked: true
     },
@@ -22,6 +23,7 @@ var switchData = [{
 }, {
   type: 'switch',
   props: {
+    id: 'switch',
     MuiAttributes: {},
     MuiFCLAttributes: {
       label: ''
@@ -35,6 +37,7 @@ var switchData = [{
 }, {
   type: 'switch',
   props: {
+    id: 'switchdisabled',
     MuiAttributes: {
       disabled: true
     },
@@ -50,6 +53,7 @@ var switchData = [{
 }, {
   type: 'switch',
   props: {
+    id: 'switchdisabledchecked',
     MuiAttributes: {
       disabled: true,
       checked: true
@@ -64,10 +68,10 @@ var switchData = [{
     sm: 3
   }
 }];
-exports.switchData = switchData;
-var switchCustom = [{
+var switchCustom = exports.switchCustom = [{
   type: 'switch',
   props: {
+    id: 'switchlabel',
     MuiAttributes: {
       defaultChecked: true
     },
@@ -83,6 +87,7 @@ var switchCustom = [{
 }, {
   type: 'switch',
   props: {
+    id: 'switchlabelsmall',
     MuiAttributes: {
       size: 'small',
       defaultChecked: true,
@@ -100,6 +105,7 @@ var switchCustom = [{
 }, {
   type: 'switch',
   props: {
+    id: 'switchlabelcolor',
     MuiAttributes: {
       defaultChecked: true,
       color: 'default'
@@ -113,5 +119,4 @@ var switchCustom = [{
     xs: 4,
     sm: 4
   }
-}];
-exports.switchCustom = switchCustom;
+}];

package/dist-modules/data/textfield.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizesAndLayout = exports.inputAdornment = exports.validation = exports.mui = void 0;
-var mui = [{
+exports.validation = exports.sizesAndLayout = exports.mui = exports.inputAdornment = void 0;
+var mui = exports.mui = [{
   type: 'textfield',
   props: {
     MuiAttributes: {
@@ -47,8 +47,7 @@ var mui = [{
     sm: 4
   }
 }];
-exports.mui = mui;
-var validation = [{
+var validation = exports.validation = [{
   type: 'textfield',
   props: {
     MuiAttributes: {
@@ -118,8 +117,7 @@ var validation = [{
     format: '$0,0.00'
   }
 }];
-exports.validation = validation;
-var inputAdornment = [{
+var inputAdornment = exports.inputAdornment = [{
   id: 'firstname',
   type: 'textfield',
   props: {
@@ -177,8 +175,7 @@ var inputAdornment = [{
     sm: 6
   }
 }];
-exports.inputAdornment = inputAdornment;
-var sizesAndLayout = [{
+var sizesAndLayout = exports.sizesAndLayout = [{
   id: 'textfieldoutlined',
   type: 'textfield',
   props: {
@@ -240,5 +237,4 @@ var sizesAndLayout = [{
     xs: 12,
     sm: 12
   }
-}];
-exports.sizesAndLayout = sizesAndLayout;
+}];

package/dist-modules/index.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 require("./index.css");
-
 var _App = _interopRequireDefault(require("./App"));
-
 var _reportWebVitals = _interopRequireDefault(require("./reportWebVitals"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)), document.getElementById('root'));
 
-_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)), document.getElementById('root')); // If you want to start measuring performance in your app, pass a function
+// If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-
-
 (0, _reportWebVitals.default)();

package/dist-modules/reportWebVitals.js

@@ -4,23 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+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); }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var reportWebVitals = function reportWebVitals(onPerfEntry) {
   if (onPerfEntry && onPerfEntry instanceof Function) {
     Promise.resolve().then(function () {
       return _interopRequireWildcard(require('web-vitals'));
     }).then(function (_ref) {
       var getCLS = _ref.getCLS,
-          getFID = _ref.getFID,
-          getFCP = _ref.getFCP,
-          getLCP = _ref.getLCP,
-          getTTFB = _ref.getTTFB;
+        getFID = _ref.getFID,
+        getFCP = _ref.getFCP,
+        getLCP = _ref.getLCP,
+        getTTFB = _ref.getTTFB;
       getCLS(onPerfEntry);
       getFID(onPerfEntry);
       getFCP(onPerfEntry);
@@ -29,6 +25,4 @@ var reportWebVitals = function reportWebVitals(onPerfEntry) {
     });
   }
 };
-
-var _default = reportWebVitals;
-exports.default = _default;
+var _default = exports.default = reportWebVitals;

package/dist-modules/util/helper.js

@@ -3,42 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.generateKey = exports.default = exports.checkboxSX = exports.DateComponent = void 0;
 exports.generateLayout = generateLayout;
 exports.getInputProps = getInputProps;
-exports.default = exports.checkboxSX = exports.DateComponent = exports.updatePatchData = exports.generateKey = void 0;
-
+exports.updatePatchData = void 0;
 var _lodash = require("lodash");
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _core = require("@material-ui/core");
-
-var _lab = require("@material-ui/lab");
-
+var _material = require("@mui/material");
+var _xDatePickers = require("@mui/x-date-pickers");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _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); }
+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); }
 var response = {};
-
 function generateLayout(data) {
   var layout = {
     wrows: [],
     worows: []
-  }; // All Items
-
-  var wrows = (0, _lodash.clone)(data); // Remove Without Rows
-
+  };
+  // All Items
+  var wrows = (0, _lodash.clone)(data);
+  // Remove Without Rows
   layout.worows = (0, _lodash.remove)(wrows, function (item) {
     var isLayout = item.layout ? item.layout.row : item.layout;
     return isLayout === undefined;
   }); // Concat all items without rows
-  // All row indices
 
+  // All row indices
   var rowIndex = (0, _lodash.map)(wrows, 'layout.row');
   var uniqIndex = (0, _lodash.uniq)(rowIndex);
   var sortedIndex = (0, _lodash.sortBy)(uniqIndex);
@@ -55,70 +49,56 @@ function generateLayout(data) {
   });
   return layout;
 }
-
 function getInputProps(InputProps) {
   if (!(0, _isEmpty.default)(InputProps)) {
     var _InputProps$MuiInputA = InputProps.MuiInputAdornment,
-        MuiInputAdornment = _InputProps$MuiInputA === void 0 ? {} : _InputProps$MuiInputA,
-        _InputProps$position = InputProps.position,
-        position = _InputProps$position === void 0 ? 'start' : _InputProps$position,
-        icon = InputProps.icon,
-        text = InputProps.text,
-        _InputProps$textstyle = InputProps.textstyle,
-        textstyle = _InputProps$textstyle === void 0 ? {} : _InputProps$textstyle;
-    return _defineProperty({}, "".concat(position, "Adornment"), /*#__PURE__*/React.createElement(_core.InputAdornment, MuiInputAdornment, icon && /*#__PURE__*/React.createElement(_core.Icon, null, icon), !(0, _isEmpty.default)(textstyle) ? /*#__PURE__*/React.createElement("div", {
+      MuiInputAdornment = _InputProps$MuiInputA === void 0 ? {} : _InputProps$MuiInputA,
+      _InputProps$position = InputProps.position,
+      position = _InputProps$position === void 0 ? 'start' : _InputProps$position,
+      icon = InputProps.icon,
+      text = InputProps.text,
+      _InputProps$textstyle = InputProps.textstyle,
+      textstyle = _InputProps$textstyle === void 0 ? {} : _InputProps$textstyle;
+    return _defineProperty({}, "".concat(position, "Adornment"), /*#__PURE__*/React.createElement(_material.InputAdornment, MuiInputAdornment, icon && /*#__PURE__*/React.createElement(_material.Icon, null, icon), !(0, _isEmpty.default)(textstyle) ? /*#__PURE__*/React.createElement("div", {
       style: textstyle
     }, text || '') : text || ''));
   }
-
   return {};
 }
-
-var generateKey = function generateKey() {
+var generateKey = exports.generateKey = function generateKey() {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var random = Math.random().toString(36).substr(2, 9);
   var currentTime = new Date().toLocaleTimeString('en').trim();
   return "".concat(prefix, "_").concat(index, "_").concat(random, "_").concat(currentTime);
 };
-
-exports.generateKey = generateKey;
-
-var updatePatchData = function updatePatchData(fields, patch, guid) {
+var updatePatchData = exports.updatePatchData = function updatePatchData(fields, patch, guid) {
   response[guid] = patch;
-  var formData = Object.assign([], fields); // if (isEmpty(patch)) return fields;
-
+  var formData = Object.assign([], fields);
+  // if (isEmpty(patch)) return fields;
   return (0, _lodash.map)(formData, function (field) {
     var newField = _objectSpread({}, field);
-
     if (newField.id && response[guid][field.id]) {
       newField.props.value = response[guid][field.id] || '';
     }
-
     return newField;
   });
 };
-
-exports.updatePatchData = updatePatchData;
-
-var DateComponent = function DateComponent(name) {
-  if (name === 'MobileDatePicker') return _lab.MobileDatePicker;
-  if (name === 'DesktopDatePicker') return _lab.DesktopDatePicker;
-  if (name === 'DateRangePicker') return _lab.DateRangePicker;
-  if (name === 'MobileDateRangePicker') return _lab.MobileDateRangePicker;
-  if (name === 'DesktopDateRangePicker') return _lab.DesktopDateRangePicker;
-  if (name === 'DateTimePicker') return _lab.DateTimePicker;
-  if (name === 'MobileDateTimePicker') return _lab.MobileDateTimePicker;
-  if (name === 'DesktopDateTimePicker') return _lab.DesktopDateTimePicker;
-  if (name === 'TimePicker') return _lab.TimePicker;
-  if (name === 'MobileTimePicker') return _lab.MobileTimePicker;
-  if (name === 'DesktopTimePicker') return _lab.DesktopTimePicker;
-  return _lab.DatePicker;
+var DateComponent = exports.DateComponent = function DateComponent(name) {
+  if (name === 'MobileDatePicker') return _xDatePickers.MobileDatePicker;
+  if (name === 'DesktopDatePicker') return _xDatePickers.DesktopDatePicker;
+  // if (name === 'DateRangePicker') return DateRangePicker;
+  // if (name === 'MobileDateRangePicker') return MobileDateRangePicker;
+  // if (name === 'DesktopDateRangePicker') return DesktopDateRangePicker;
+  if (name === 'DateTimePicker') return _xDatePickers.DateTimePicker;
+  if (name === 'MobileDateTimePicker') return _xDatePickers.MobileDateTimePicker;
+  if (name === 'DesktopDateTimePicker') return _xDatePickers.DesktopDateTimePicker;
+  if (name === 'TimePicker') return _xDatePickers.TimePicker;
+  if (name === 'MobileTimePicker') return _xDatePickers.MobileTimePicker;
+  if (name === 'DesktopTimePicker') return _xDatePickers.DesktopTimePicker;
+  return _xDatePickers.DatePicker;
 };
-
-exports.DateComponent = DateComponent;
-
-var checkboxSX = function checkboxSX(color) {
+var checkboxSX = exports.checkboxSX = function checkboxSX(color) {
   if (color) return {
     color: color,
     '&.Mui-checked': {
@@ -127,14 +107,11 @@ var checkboxSX = function checkboxSX(color) {
   };
   return {};
 };
-
-exports.checkboxSX = checkboxSX;
-var _default = {
+var _default = exports.default = {
   generateLayout: generateLayout,
   getInputProps: getInputProps,
   generateKey: generateKey,
   updatePatchData: updatePatchData,
   DateComponent: DateComponent,
   checkboxSX: checkboxSX
-};
-exports.default = _default;
+};