dynamic-mui 1.0.44 → 1.0.46

package/dist-modules/components/FormGenerator.js

@@ -7,7 +7,7 @@ exports.FormData = exports.ClearFormData = void 0;
 exports.FormGenerator = FormGenerator;
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = _interopRequireWildcard(require("prop-types"));
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 var _mui = _interopRequireDefault(require("../config/mui"));
@@ -46,7 +46,8 @@ function FormGenerator(_ref) {
     onStepChange,
     MuiGridAttributes = {
       spacing: 2
-    }
+    },
+    activeStep = 0
   } = _ref;
   const [newPatch, setNewPatch] = (0, _react.useState)(patch);
   const config = LIBMap.MUI;
@@ -79,9 +80,9 @@ function FormGenerator(_ref) {
       submitCallback(response, null, formData, formGuid);
     }
   }, []);
-  const onStepUpdate = (activeStep, isScreenChange, isLastStep) => {
+  const onStepUpdate = (currentStep, isScreenChange, isLastStep) => {
     if (typeof onStepChange === 'function') {
-      onStepChange(activeStep, isScreenChange, isLastStep);
+      onStepChange(currentStep, isScreenChange, isLastStep);
     }
   };
   const renderDynamicComponent = (field, index) => {
@@ -112,7 +113,9 @@ function FormGenerator(_ref) {
       attributes: cProps,
       rules: rules,
       onChange: onUpdate,
-      onStepUpdate: onStepUpdate
+      onStepUpdate: onStepUpdate,
+      currentStep: activeStep,
+      patch: patch
     }));
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
@@ -150,7 +153,9 @@ FormGenerator.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Component On Change Function */
   onStepChange: _propTypes.default.func,
   /** Grid Container Attributes */
-  MuiGridAttributes: _propTypes.default.objectOf(_propTypes.default.object)
+  MuiGridAttributes: _propTypes.default.objectOf(_propTypes.default.object),
+  /** Stepper Active Step */
+  activeStep: _propTypes.number
 } : {};
 FormGenerator.defaultProps = {
   patch: {},
@@ -160,7 +165,8 @@ FormGenerator.defaultProps = {
   onStepChange: null,
   MuiGridAttributes: {
     spacing: 2
-  }
+  },
+  activeStep: 0
 };
 var _default = exports.default = {
   FormGenerator,

package/dist-modules/components/controls/Stepper/stepper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Stepper;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = _interopRequireWildcard(require("prop-types"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
 var _Step = _interopRequireDefault(require("@mui/material/Step"));
@@ -25,6 +25,11 @@ const initialState = {
 };
 function reducer(state, action) {
   switch (action.type) {
+    case 'PATCH_STEP':
+      return {
+        ...state,
+        activeStep: action.currentStep
+      };
     case 'NEXT_STEP':
       return {
         ...state,
@@ -41,10 +46,7 @@ function reducer(state, action) {
           ...state,
           stepperResponse: {
             ...state.stepperResponse,
-            [action.guid]: {
-              ...state.stepperResponse[action.guid],
-              [action.id]: action.value
-            }
+            [action.id]: action.value
           }
         };
       }
@@ -52,22 +54,39 @@ function reducer(state, action) {
       return state;
   }
 }
+const response = {};
 function Stepper(_ref) {
   let {
     attributes,
     onChange,
-    onStepUpdate
+    onStepUpdate,
+    currentStep,
+    patch
   } = _ref;
   const [state, dispatch] = (0, _react.useReducer)(reducer, {
     ...initialState,
+    activeStep: currentStep,
     stepperResponse: {
-      [attributes.id]: attributes.value
+      ...patch
     }
   });
   const {
     activeStep,
     stepperResponse
   } = state;
+  (0, _react.useEffect)(() => {
+    response[attributes.id] = {
+      ...patch
+    };
+    // eslint-disable-next-line no-return-assign
+    return () => response[attributes.id] = {};
+  }, [patch]);
+  (0, _react.useEffect)(() => {
+    dispatch({
+      type: 'PATCH_STEP',
+      currentStep
+    });
+  }, [currentStep]);
   const handleStepChange = (stepChange, isScreenChange, isLastStep) => {
     dispatch({
       type: stepChange
@@ -76,7 +95,7 @@ function Stepper(_ref) {
     if (isLastStep) {
       onChange === null || onChange === void 0 || onChange({
         id: attributes.id,
-        value: stepperResponse[attributes.id] || {}
+        value: response
       });
     }
   };
@@ -85,9 +104,9 @@ function Stepper(_ref) {
       id,
       value
     } = _ref2;
+    response[attributes.id][id] = value;
     dispatch({
       type: 'UPDATE_RESPONSE',
-      guid: attributes.id,
       id,
       value
     });
@@ -132,7 +151,7 @@ function Stepper(_ref) {
     }, attributes.MuiStepLabelOptionalLabel || 'Last step')
   }, attributes.MuiStepLabelAttributes), step.label), /*#__PURE__*/_react.default.createElement(_StepContent.default, attributes.MuiStepContentAttributes, step.components ? /*#__PURE__*/_react.default.createElement(_stepperComponents.default, {
     onUpdate: handleUpdate,
-    components: (0, _helper.updatePatchData)(step.components, stepperResponse[attributes.id] || {}, attributes.id, stepperResponse || {})
+    components: (0, _helper.updatePatchData)(step.components, stepperResponse, attributes.id, response)
   }) : /*#__PURE__*/_react.default.createElement(_Typography.default, null, step.description), renderStepButtons(index, step.isScreenChange))))));
 }
 Stepper.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -141,10 +160,16 @@ Stepper.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Function */
   onChange: _propTypes.default.func,
   /** Function */
-  onStepUpdate: _propTypes.default.func
+  onStepUpdate: _propTypes.default.func,
+  /** Default Step */
+  currentStep: _propTypes.number,
+  /** Default Patch */
+  patch: _propTypes.default.objectOf(_propTypes.default.object)
 } : {};
 Stepper.defaultProps = {
   attributes: {},
   onChange: null,
-  onStepUpdate: null
+  onStepUpdate: null,
+  currentStep: 0,
+  patch: {}
 };

package/dist-modules/data/stepper.js

@@ -14,6 +14,7 @@ const mui = exports.mui = [{
     orientation: 'horizontal',
     MuiSteps: [{
       label: 'Select Service Request',
+      mandatoryIds: ['servicetype'],
       components: [{
         type: 'select',
         props: {
@@ -49,6 +50,7 @@ const mui = exports.mui = [{
     }, {
       label: 'Assign Priority',
       isScreenChange: true,
+      mandatoryIds: ['priority'],
       components: [{
         type: 'select',
         props: {
@@ -74,6 +76,7 @@ const mui = exports.mui = [{
       }]
     }, {
       label: 'Choose Schedule In Calendar',
+      mandatoryIds: ['start', 'end'],
       components: [{
         id: 'start',
         type: 'datetime',
@@ -106,6 +109,7 @@ const mui = exports.mui = [{
       }]
     }, {
       label: 'Assign User',
+      mandatoryIds: ['assigntouser'],
       components: [{
         type: 'select',
         props: {
@@ -167,8 +171,16 @@ const mui = exports.mui = [{
     MuiStepContentAttributes: {},
     MuiButtonAttributes: {
       back: {},
-      next: {},
-      final: {},
+      next: {
+        sx: {
+          bgcolor: 'primary.dark'
+        }
+      },
+      final: {
+        sx: {
+          bgcolor: 'success.light'
+        }
+      },
       backLabel: '',
       nextLabel: '',
       finalLabel: ''

package/package.json

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