dynamic-mui 1.0.18 → 1.0.20

package/dist-modules/components/FormGenerator.js

@@ -1,12 +1,13 @@
 "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.FormData = exports.ClearFormData = void 0;
 exports.FormGenerator = FormGenerator;
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
@@ -14,6 +15,8 @@ var _mui = _interopRequireDefault(require("../config/mui"));
 var _DynamicComponent = _interopRequireDefault(require("./DynamicComponent"));
 var _helper = require("../util/helper");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
 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); }
 var LIBMap = {
   MUI: {
@@ -21,135 +24,109 @@ var LIBMap = {
   }
 };
 var response = {};
-var handleSubmit = function handleSubmit(callback, data) {
-  if (typeof callback === 'function') {
-    callback(response, null, data);
-  }
-};
 var FormData = exports.FormData = function FormData(id) {
-  if (id) return response[id];
-  return response;
+  return id ? response[id] : response;
 };
 var ClearFormData = exports.ClearFormData = function ClearFormData(id) {
-  if (id) delete response[id];else Object.keys(response).map(function (key) {
-    return delete response[key];
-  });
+  var responseKeys = Object.keys(response);
+  if (id) {
+    delete response[id];
+  } else {
+    responseKeys.forEach(function (key) {
+      return delete response[key];
+    });
+  }
 };
-
-/** FormGenerator */
-function FormGenerator(props) {
-  try {
-    var _props$data = props.data,
-      data = _props$data === void 0 ? [] : _props$data,
-      _props$patch = props.patch,
-      patch = _props$patch === void 0 ? {} : _props$patch,
-      guid = props.guid,
-      formRef = props.formRef,
-      onSubmit = props.onSubmit,
-      onChange = props.onChange,
-      _props$MuiGridAttribu = props.MuiGridAttributes,
-      MuiGridAttributes = _props$MuiGridAttribu === void 0 ? {
-        spacing: 2
-      } : _props$MuiGridAttribu;
-    var config = LIBMap.MUI;
-    var dataObj = JSON.parse(JSON.stringify(data));
-    var layout = (0, _helper.generateLayout)((0, _helper.updatePatchData)(JSON.parse(JSON.stringify(dataObj)), patch, guid, response));
-    var onUpdate = function onUpdate(_ref) {
-      var id = _ref.id,
-        value = _ref.value,
-        option = _ref.option;
-      try {
-        if ((0, _isEmpty.default)(response[guid])) response[guid] = patch;
-        response[guid][id] = value;
-        if (typeof onChange === 'function') {
-          onChange({
-            id: id,
-            value: value,
-            option: option
-          });
-        }
-      } catch (e) {
-        // eslint-disable-next-line no-console
-        console.log(e);
-      }
-    };
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
-      key: (0, _helper.generateKey)('layout-grid'),
-      container: true
-    }, MuiGridAttributes), layout.wrows.map(function (row) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row.map(function (field, index) {
-        var _field$type = field.type,
-          type = _field$type === void 0 ? '' : _field$type,
-          _field$style = field.style,
-          style = _field$style === void 0 ? {} : _field$style,
-          _field$className = field.className,
-          className = _field$className === void 0 ? '' : _field$className,
-          _field$visible = field.visible,
-          visible = _field$visible === void 0 ? false : _field$visible,
-          _field$rules = field.rules,
-          rules = _field$rules === void 0 ? {} : _field$rules;
-        var cProps = field.props || {};
-        var cLayout = field.layout || {};
-        var configObj = config.map[type] || {};
-        var _configObj$options = configObj.options,
-          options = _configObj$options === void 0 ? {} : _configObj$options;
-        return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
-          key: (0, _helper.generateKey)('layout-comp', index),
-          item: true,
-          style: style
-        }, cLayout, {
-          className: "".concat(className, " ").concat(visible === false ? 'hidden' : 'show')
-        }), /*#__PURE__*/_react.default.createElement(_DynamicComponent.default, {
-          key: (0, _helper.generateKey)('dynamic-comp', index),
-          map: configObj.map,
-          option: options.type || '',
-          control: field,
-          attributes: cProps,
-          rules: rules,
-          onChange: onUpdate
-        }));
-      }));
-    })), layout.worows.map(function (field, index) {
-      var _field$type2 = field.type,
-        type = _field$type2 === void 0 ? '' : _field$type2,
-        _field$style2 = field.style,
-        style = _field$style2 === void 0 ? {} : _field$style2,
-        _field$className2 = field.className,
-        className = _field$className2 === void 0 ? '' : _field$className2,
-        _field$visible2 = field.visible,
-        visible = _field$visible2 === void 0 ? false : _field$visible2,
-        _field$rules2 = field.rules,
-        rules = _field$rules2 === void 0 ? {} : _field$rules2;
-      var configObj = config.map[type] || {};
-      var cProps = field.props;
-      var _configObj$options2 = configObj.options,
-        options = _configObj$options2 === void 0 ? {} : _configObj$options2;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: (0, _helper.generateKey)('layout-comp', index),
-        style: style,
-        className: "".concat(className, " ").concat(visible === false ? 'hidden' : 'show')
-      }, /*#__PURE__*/_react.default.createElement(_DynamicComponent.default, {
-        key: (0, _helper.generateKey)('dynamic-comp', index),
-        map: configObj.map,
-        option: options.type || '',
-        control: field,
-        attributes: cProps,
-        rules: rules,
-        onChange: onUpdate
-      }));
-    }), /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      ref: formRef,
-      onClick: function onClick() {
-        handleSubmit(onSubmit, data, guid);
-      },
-      style: {
-        display: 'none'
-      }
+function FormGenerator(_ref) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$patch = _ref.patch,
+    patch = _ref$patch === void 0 ? {} : _ref$patch,
+    guid = _ref.guid,
+    formRef = _ref.formRef,
+    onSubmit = _ref.onSubmit,
+    onChange = _ref.onChange,
+    _ref$MuiGridAttribute = _ref.MuiGridAttributes,
+    MuiGridAttributes = _ref$MuiGridAttribute === void 0 ? {
+      spacing: 2
+    } : _ref$MuiGridAttribute;
+  var config = LIBMap.MUI;
+  var layout = (0, _helper.generateLayout)((0, _helper.updatePatchData)(data, patch, guid, response));
+  var onUpdate = (0, _react.useCallback)(function (_ref2) {
+    var id = _ref2.id,
+      value = _ref2.value,
+      option = _ref2.option;
+    if ((0, _isEmpty.default)(response[guid])) response[guid] = patch;
+    response[guid][id] = value;
+    if (typeof onChange === 'function') {
+      onChange({
+        id: id,
+        value: value,
+        option: option
+      });
+    }
+  }, [onChange, patch, guid]);
+  var handleSubmit = (0, _react.useCallback)(function (submitCallback, formData, formGuid) {
+    if (typeof submitCallback === 'function') {
+      submitCallback(response, null, formData, formGuid);
+    }
+  }, []);
+  var renderDynamicComponent = function renderDynamicComponent(field, index) {
+    var _field$type = field.type,
+      type = _field$type === void 0 ? '' : _field$type,
+      _field$style = field.style,
+      style = _field$style === void 0 ? {} : _field$style,
+      _field$className = field.className,
+      className = _field$className === void 0 ? '' : _field$className,
+      _field$visible = field.visible,
+      visible = _field$visible === void 0 ? false : _field$visible,
+      _field$rules = field.rules,
+      rules = _field$rules === void 0 ? {} : _field$rules;
+    var cProps = field.props || {};
+    var cLayout = field.layout || {};
+    var configObj = config.map[type] || {};
+    var _configObj$options = configObj.options,
+      options = _configObj$options === void 0 ? {} : _configObj$options;
+    return /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
+      key: (0, _helper.generateKey)('layout-comp', index),
+      item: true,
+      style: style
+    }, cLayout, {
+      className: "".concat(className, " ").concat(visible ? 'show' : 'hidden')
+    }), /*#__PURE__*/_react.default.createElement(_DynamicComponent.default, {
+      key: (0, _helper.generateKey)('dynamic-comp', index),
+      map: configObj.map,
+      option: options.type || '',
+      control: field,
+      attributes: cProps,
+      rules: rules,
+      onChange: onUpdate
     }));
-  } catch (e) {
-    return /*#__PURE__*/_react.default.createElement("div", null, "Error");
-  }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
+    key: (0, _helper.generateKey)('layout-grid'),
+    container: true
+  }, MuiGridAttributes), layout.wrows.map(function (row, rowIndex) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: (0, _helper.generateKey)('row', rowIndex)
+    }, row.map(renderDynamicComponent));
+  })), layout.worows.map(function (field, index) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: (0, _helper.generateKey)('layout-comp', index),
+      style: field.style || {},
+      className: "".concat(field.className || '', " ").concat(field.visible ? 'show' : 'hidden')
+    }, renderDynamicComponent(field, index));
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    "aria-label": "button",
+    type: "button",
+    ref: formRef,
+    onClick: function onClick() {
+      return handleSubmit(onSubmit, data, guid);
+    },
+    style: {
+      display: 'none'
+    }
+  }));
 }
 FormGenerator.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Component name */
@@ -168,10 +145,14 @@ FormGenerator.propTypes = process.env.NODE_ENV !== "production" ? {
   MuiGridAttributes: _propTypes.default.objectOf(_propTypes.default.object)
 } : {};
 FormGenerator.defaultProps = {
-  patch: {}
+  patch: {},
+  formRef: {},
+  onSubmit: null,
+  onChange: null,
+  MuiGridAttributes: {
+    spacing: 2
+  }
 };
-
-// eslint-disable-next-line import/no-anonymous-default-export
 var _default = exports.default = {
   FormGenerator: FormGenerator,
   FormData: FormData,

package/dist-modules/components/controls/CheckBox/checkbox.js

@@ -26,7 +26,7 @@ function CheckBox(_ref) {
     MuiFCLAttributes = _attributes$MuiFCLAtt === void 0 ? {} : _attributes$MuiFCLAtt,
     _attributes$id = attributes.id,
     id = _attributes$id === void 0 ? '' : _attributes$id;
-  var _React$useState = _react.default.useState(MuiAttributes.defaultChecked || false),
+  var _React$useState = _react.default.useState(MuiAttributes.defaultChecked || (attributes === null || attributes === void 0 ? void 0 : attributes.value) || false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     checked = _React$useState2[0],
     setChecked = _React$useState2[1];

package/dist-modules/components/controls/DateTime/datetime.js

@@ -10,6 +10,7 @@ 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");
+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(); }
@@ -26,11 +27,15 @@ function DateTime(_ref) {
     _attributes$name = attributes.name,
     name = _attributes$name === void 0 ? 'DatePicker' : _attributes$name,
     _attributes$id = attributes.id,
-    id = _attributes$id === void 0 ? '' : _attributes$id;
-  var _React$useState = _react.default.useState(new Date()),
+    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 () {
+    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 MuiDateTime = (0, _helper.DateComponent)(name);
   return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
     dateAdapter: _AdapterDateFns.AdapterDateFns
@@ -45,7 +50,7 @@ function DateTime(_ref) {
     }
   }, MuiAttributes, {
     renderInput: function renderInput(params) {
-      return /*#__PURE__*/_react.default.createElement(_TextField.default, params);
+      return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes));
     }
   })));
 }

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

@@ -10,6 +10,7 @@ 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");
+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(); }
@@ -26,11 +27,15 @@ function DateTimePicker(_ref) {
     _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()),
+    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 () {
+    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 MuiDateTimePicker = (0, _helper.DateComponent)(name);
   return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
     dateAdapter: _AdapterDateFns.AdapterDateFns
@@ -45,7 +50,7 @@ function DateTimePicker(_ref) {
     }
   }, MuiAttributes, {
     renderInput: function renderInput(params) {
-      return /*#__PURE__*/_react.default.createElement(_TextField.default, params);
+      return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes));
     }
   })));
 }

package/dist-modules/components/controls/Radio/radio.js

@@ -11,6 +11,7 @@ var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
 var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
+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(); }
@@ -37,10 +38,13 @@ function Radio(_ref) {
     MuiFCLabels = _attributes$MuiFCLabe === void 0 ? [] : _attributes$MuiFCLabe,
     _attributes$MuiFLabel = attributes.MuiFLabel,
     MuiFLabel = _attributes$MuiFLabel === void 0 ? '' : _attributes$MuiFLabel;
-  var _React$useState = _react.default.useState(MuiAttributes.defaultValue || ''),
+  var _React$useState = _react.default.useState(MuiAttributes.defaultValue || attributes.value || ''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     value = _React$useState2[0],
     setValue = _React$useState2[1];
+  (0, _useUpdateEffect.default)(function () {
+    if (attributes !== null && attributes !== void 0 && attributes.value) setValue(attributes === null || attributes === void 0 ? void 0 : attributes.value);
+  }, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
   var handleChange = function handleChange(event) {
     setValue(event.target.value);
     onChange({

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

@@ -18,8 +18,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
-// import useUpdateEffect from '../../../util/useUpdateEffect';
-
 function TextField(_ref) {
   var attributes = _ref.attributes,
     _ref$rules = _ref.rules,
@@ -105,11 +103,6 @@ function TextField(_ref) {
     //   helperText: validator.message,
     // });
   };
-
-  // useUpdateEffect(() => {
-  //   onChange({ id, value: textData.value });
-  // }, [textData.value, textData.helperText]);
-
   return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
     fullWidth: true
   }, MuiAttributes, {

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

@@ -10,6 +10,7 @@ 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");
+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(); }
@@ -26,11 +27,15 @@ function TimePicker(_ref) {
     _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()),
+    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 () {
+    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);
   return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
     dateAdapter: _AdapterDateFns.AdapterDateFns
@@ -45,7 +50,7 @@ function TimePicker(_ref) {
     }
   }, MuiAttributes, {
     renderInput: function renderInput(params) {
-      return /*#__PURE__*/_react.default.createElement(_TextField.default, params);
+      return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiTextAttributes));
     }
   })));
 }

package/dist-modules/data/dateTime.js

@@ -10,9 +10,13 @@ var mui = exports.mui = [{
     id: 'datetime',
     MuiAttributes: {
       placeholder: 'Standard',
+      variant: 'standard',
       fullWidth: true,
-      variant: 'standard'
-    }
+      sx: {
+        width: '100%'
+      }
+    },
+    value: '12/09/2023'
   },
   layout: {
     row: 1,

package/dist-modules/data/radio.js

@@ -5,24 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.radioData = exports.customRadioData = void 0;
 var radioData = exports.radioData = [{
+  id: 'staggerpenaltytype',
   type: 'radio',
   props: {
-    id: 'radio',
-    MuiAttributes: {
-      defaultValue: 'Female'
-    },
+    id: 'staggerpenaltytype',
+    MuiAttributes: {},
     MuiFCLAttributes: {
       label: ''
     },
-    MuiFCLabels: ['Male', 'Female'],
+    MuiFCLabels: ['Apply penalty now', 'Apply penalty after due date'],
     MuiRGAttributes: {
       row: true
     }
   },
   layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
+    row: 4,
+    xs: 9,
+    sm: 9
+  },
+  onChangeUpdate: [{
+    formula: '({outstandingbalance} + ({outstandingbalance} * 0.10))',
+    patchId: 'newoutstanding'
+  }, {
+    formula: '({outstandingbalance} + ({outstandingbalance} * 0.10)) - {outstandingbalance}',
+    patchId: 'penalty'
+  }]
 }];
 var customRadioData = exports.customRadioData = [];

package/dist-modules/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _FormGenerator = require("./components/FormGenerator");
+Object.keys(_FormGenerator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FormGenerator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FormGenerator[key];
+    }
+  });
+});

package/docs/asset-manifest.json

@@ -1,14 +1,14 @@
 {
   "files": {
-    "main.js": "/DinakaranS/-dynamic-mui/build/main.122faaaf.js",
+    "main.js": "/DinakaranS/-dynamic-mui/build/main.26d6f886.js",
     "runtime-main.js": "/DinakaranS/-dynamic-mui/build/bundle.039d7aef.js",
-    "build/2.2a830d23.js": "/DinakaranS/-dynamic-mui/build/2.2a830d23.js",
-    "build/2.2a830d23.js.LICENSE.txt": "/DinakaranS/-dynamic-mui/build/2.2a830d23.js.LICENSE.txt",
+    "build/2.30373255.js": "/DinakaranS/-dynamic-mui/build/2.30373255.js",
+    "build/2.30373255.js.LICENSE.txt": "/DinakaranS/-dynamic-mui/build/2.30373255.js.LICENSE.txt",
     "index.html": "/DinakaranS/-dynamic-mui/index.html"
   },
   "entrypoints": [
     "build/bundle.039d7aef.js",
-    "build/2.2a830d23.js",
-    "build/main.122faaaf.js"
+    "build/2.30373255.js",
+    "build/main.26d6f886.js"
   ]
 }