dynamic-mui 1.0.28 → 1.0.30

package/dist-modules/components/FormGenerator.js

@@ -13,6 +13,7 @@ var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 var _mui = _interopRequireDefault(require("../config/mui"));
 var _DynamicComponent = _interopRequireDefault(require("./DynamicComponent"));
 var _helper = require("../util/helper");
+var _useUpdateEffect = _interopRequireDefault(require("../util/useUpdateEffect"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -46,15 +47,23 @@ function FormGenerator(_ref) {
       spacing: 2
     }
   } = _ref;
+  const [newPatch, setNewPatch] = (0, _react.useState)(patch);
   const config = LIBMap.MUI;
-  const layout = (0, _helper.generateLayout)((0, _helper.updatePatchData)(data, patch, guid, response));
+  const layout = (0, _react.useMemo)(() => (0, _helper.generateLayout)((0, _helper.updatePatchData)(data, newPatch, guid, response)), [newPatch, data, guid]);
+  (0, _react.useEffect)(() => {
+    if ((0, _isEmpty.default)(response[guid])) response[guid] = patch;
+  }, []);
+  (0, _useUpdateEffect.default)(() => {
+    setNewPatch({
+      ...patch
+    });
+  }, [patch]);
   const onUpdate = (0, _react.useCallback)(_ref2 => {
     let {
       id,
       value,
       option
     } = _ref2;
-    if ((0, _isEmpty.default)(response[guid])) response[guid] = patch;
     response[guid][id] = value;
     if (typeof onChange === 'function') {
       onChange({
@@ -63,7 +72,7 @@ function FormGenerator(_ref) {
         option
       });
     }
-  }, [onChange, patch, guid]);
+  }, []);
   const handleSubmit = (0, _react.useCallback)((submitCallback, formData, formGuid) => {
     if (typeof submitCallback === 'function') {
       submitCallback(response, null, formData, formGuid);

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

@@ -10,7 +10,7 @@ var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 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); }
-/** Checkbox Component */
+/** CheckBox Component */
 function CheckBox(_ref) {
   let {
     attributes,
@@ -49,4 +49,4 @@ CheckBox.propTypes = process.env.NODE_ENV !== "production" ? {
 CheckBox.defaultProps = {
   attributes: {},
   onChange: null
-};
+};

package/dist-modules/components/controls/DataTable/datatable.js

@@ -21,9 +21,9 @@ function DataTable(props) {
   return /*#__PURE__*/React.createElement("div", container, /*#__PURE__*/React.createElement(_xDataGrid.DataGrid, MuiAttributes));
 }
 DataTable.propTypes = process.env.NODE_ENV !== "production" ? {
-  /** Attributes for Textfield */
+  /** Attributes for TextField */
   attributes: _propTypes.default.objectOf(_propTypes.default.object)
 } : {};
 DataTable.defaultProps = {
   attributes: {}
-};
+};

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

@@ -45,7 +45,7 @@ function DateTime(_ref) {
   })));
 }
 DateTime.propTypes = process.env.NODE_ENV !== "production" ? {
-  /** Attributes for Datetime */
+  /** Attributes for DateTime */
   attributes: _propTypes.default.objectOf(_propTypes.default.object),
   /** Function */
   onChange: _propTypes.default.func
@@ -53,4 +53,4 @@ DateTime.propTypes = process.env.NODE_ENV !== "production" ? {
 DateTime.defaultProps = {
   attributes: {},
   onChange: null
-};
+};

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

@@ -45,7 +45,7 @@ function DateTimePicker(_ref) {
   })));
 }
 DateTimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
-  /** Attributes for Datetimepicker */
+  /** Attributes for DateTimePicker */
   attributes: _propTypes.default.objectOf(_propTypes.default.object),
   /** Function */
   onChange: _propTypes.default.func
@@ -53,4 +53,4 @@ DateTimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
 DateTimePicker.defaultProps = {
   attributes: {},
   onChange: null
-};
+};

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Radio;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
@@ -13,6 +13,8 @@ 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
 /** Radio Component */
 function Radio(_ref) {
@@ -29,10 +31,13 @@ function Radio(_ref) {
     MuiFCLabels = [],
     MuiFLabel = ''
   } = attributes;
-  const [value, setValue] = _react.default.useState(MuiAttributes.defaultValue || attributes.value || '');
+  const [value, setValue] = _react.default.useState('');
+  (0, _react.useEffect)(() => {
+    if (attributes.value || MuiAttributes.defaultValue) setValue(attributes.value || MuiAttributes.defaultValue);
+  }, []);
   (0, _useUpdateEffect.default)(() => {
-    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]);
+    setValue(attributes.value);
+  }, [attributes.value]);
   const handleChange = event => {
     setValue(event.target.value);
     onChange({

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Select;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
@@ -12,9 +12,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _CheckBoxOutlineBlank = _interopRequireDefault(require("@mui/icons-material/CheckBoxOutlineBlank"));
 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 */
+// import useUpdateEffect from '../../../util/useUpdateEffect';
+
 const icon = /*#__PURE__*/_react.default.createElement(_CheckBoxOutlineBlank.default, {
   fontSize: "small"
 });
@@ -43,7 +46,7 @@ function Select(_ref2) {
     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 [inputValue, setInputValue] = React.useState('');
   const getMuiAttributes = () => {
     if (MuiAttributes.multiple) {
       MuiAttributes.renderOption = function (props) {
@@ -64,25 +67,35 @@ function Select(_ref2) {
     }
     return MuiAttributes;
   };
-  (0, _useUpdateEffect.default)(() => {
-    const newValue = MuiAttributes.multiple ? (value || []).map(option => option.title || option.label || option.value) : inputValue;
+
+  // useUpdateEffect(() => {
+  //   const newValue = MuiAttributes.multiple
+  //     ? (value || []).map((option) => option.title || option.label || option.value)
+  //     : inputValue;
+  //   onChange({ id, value: newValue, option: value });
+  // }, [value, inputValue]);
+
+  // const onInputChange = useCallback((event, newInputValue) => {
+  //   setInputValue(newInputValue);
+  // }, []);
+
+  const onChangeEvent = (0, _react.useCallback)((event, newValue) => {
+    setValue(newValue);
+    const data = MuiAttributes.multiple ? (newValue || []).map(option => option.title || option.label || option.value) : newValue.title || newValue.label || newValue.value;
     onChange({
       id,
-      value: newValue,
-      option: value
+      value: data,
+      option: newValue
     });
-  }, [value, inputValue]);
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, _extends({}, getMuiAttributes(), {
     disablePortal: true,
     options: options,
     value: value,
-    onChange: (event, newValue) => {
-      setValue(newValue);
-    },
-    inputValue: inputValue,
-    onInputChange: (event, newInputValue) => {
-      setInputValue(newInputValue);
-    },
+    onChange: onChangeEvent
+    // inputValue={inputValue}
+    // onInputChange={onInputChange}
+    ,
     renderInput: params => /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, params, MuiBoxAttributes, {
       inputProps: {
         ...params.inputProps,

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

@@ -110,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),
@@ -121,4 +121,4 @@ TextField.defaultProps = {
   attributes: {},
   rules: {},
   onChange: null
-};
+};

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

@@ -45,7 +45,7 @@ function TimePicker(_ref) {
   })));
 }
 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
@@ -53,4 +53,4 @@ TimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
 TimePicker.defaultProps = {
   attributes: {},
   onChange: null
-};
+};

package/dist-modules/data/radio.js

@@ -9,6 +9,7 @@ const radioData = exports.radioData = [{
   type: 'radio',
   props: {
     id: 'staggerpenaltytype',
+    value: 'Apply penalty now',
     MuiAttributes: {},
     MuiFCLAttributes: {
       label: ''

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamic-mui",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "author": "Dinakaran S",
   "user": "dinakarans",
   "repository": {