dynamic-mui 1.0.43 → 1.0.45

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,8 @@ function FormGenerator(_ref) {
       attributes: cProps,
       rules: rules,
       onChange: onUpdate,
-      onStepUpdate: onStepUpdate
+      onStepUpdate: onStepUpdate,
+      currentStep: activeStep
     }));
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, _extends({
@@ -150,7 +152,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 +164,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,
@@ -56,10 +61,12 @@ function Stepper(_ref) {
   let {
     attributes,
     onChange,
-    onStepUpdate
+    onStepUpdate,
+    currentStep
   } = _ref;
   const [state, dispatch] = (0, _react.useReducer)(reducer, {
     ...initialState,
+    activeStep: currentStep,
     stepperResponse: {
       [attributes.id]: attributes.value
     }
@@ -68,6 +75,12 @@ function Stepper(_ref) {
     activeStep,
     stepperResponse
   } = state;
+  (0, _react.useEffect)(() => {
+    dispatch({
+      type: 'PATCH_STEP',
+      currentStep
+    });
+  }, [currentStep]);
   const handleStepChange = (stepChange, isScreenChange, isLastStep) => {
     dispatch({
       type: stepChange
@@ -107,7 +120,9 @@ function Stepper(_ref) {
       mt: 1,
       mr: 1
     }
-  }, attributes.MuiButtonAttributes.back), index === attributes.MuiSteps.length - 1 ? attributes.MuiButtonAttributes.finalLabel || 'Finish' : attributes.MuiButtonAttributes.nextLabel || 'Continue'), /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
+  }, attributes.MuiButtonAttributes.next, index === attributes.MuiSteps.length - 1 && {
+    ...attributes.MuiButtonAttributes.final
+  }), index === attributes.MuiSteps.length - 1 ? attributes.MuiButtonAttributes.finalLabel || 'Finish' : attributes.MuiButtonAttributes.nextLabel || 'Continue'), /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
     disabled: index === 0,
     onClick: () => handleStepChange('PREVIOUS_STEP', isScreenChange, false),
     sx: {
@@ -139,10 +154,13 @@ Stepper.propTypes = process.env.NODE_ENV !== "production" ? {
   /** Function */
   onChange: _propTypes.default.func,
   /** Function */
-  onStepUpdate: _propTypes.default.func
+  onStepUpdate: _propTypes.default.func,
+  /** Default Spet */
+  currentStep: _propTypes.number
 } : {};
 Stepper.defaultProps = {
   attributes: {},
   onChange: null,
-  onStepUpdate: null
+  onStepUpdate: null,
+  currentStep: 0
 };

package/dist-modules/data/stepper.js

@@ -167,8 +167,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.43",
+  "version": "1.0.45",
   "author": "Dinakaran S",
   "user": "dinakarans",
   "repository": {