@data-driven-forms/mui-component-mapper 3.15.6 → 3.16.0

package/wizard/wizard.js

@@ -15,15 +15,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _styles = require("@mui/material/styles");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
 var _wizardContext = _interopRequireDefault(require("@data-driven-forms/react-form-renderer/wizard-context"));
 
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-
-var _styles = require("@material-ui/core/styles");
+var _Grid = _interopRequireDefault(require("@mui/material/node/Grid"));
 
 var _wizard = _interopRequireDefault(require("@data-driven-forms/common/wizard"));
 
@@ -39,23 +39,25 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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) { (0, _defineProperty2["default"])(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; }
 
-var useStyles = (0, _styles.makeStyles)(function () {
-  return {
-    wizardBody: {
-      padding: 24,
-      margin: 0
-    }
-  };
+var PREFIX = 'MuiWizard';
+var classes = {
+  wizardBody: "".concat(PREFIX, "-wizardBody")
+};
+var StyledWizard = (0, _styles.styled)(_Grid["default"])(function () {
+  return (0, _defineProperty2["default"])({}, "& .".concat(classes.wizardBody), {
+    padding: 24,
+    margin: 0
+  });
 });
 
-var WizardInternal = function WizardInternal(_ref) {
-  var buttonLabels = _ref.buttonLabels,
-      stepsInfo = _ref.stepsInfo,
-      ButtonContainerProps = _ref.ButtonContainerProps,
-      StepperProps = _ref.StepperProps,
-      WizardBodyProps = _ref.WizardBodyProps,
-      WizardProps = _ref.WizardProps,
-      conditionalSubmitFlag = _ref.conditionalSubmitFlag;
+var WizardInternal = function WizardInternal(_ref2) {
+  var buttonLabels = _ref2.buttonLabels,
+      stepsInfo = _ref2.stepsInfo,
+      ButtonContainerProps = _ref2.ButtonContainerProps,
+      StepperProps = _ref2.StepperProps,
+      WizardBodyProps = _ref2.WizardBodyProps,
+      WizardProps = _ref2.WizardProps,
+      conditionalSubmitFlag = _ref2.conditionalSubmitFlag;
 
   var _useContext = (0, _react.useContext)(_wizardContext["default"]),
       formOptions = _useContext.formOptions,
@@ -66,8 +68,6 @@ var WizardInternal = function WizardInternal(_ref) {
       activeStepIndex = _useContext.activeStepIndex,
       prevSteps = _useContext.prevSteps;
 
-  var classes = useStyles();
-
   var buttonLabelsFinal = _objectSpread({
     next: 'Continue',
     submit: 'Submit',
@@ -75,9 +75,8 @@ var WizardInternal = function WizardInternal(_ref) {
     back: 'Back'
   }, buttonLabels);
 
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
-    container: true,
-    spacing: 3
+  return /*#__PURE__*/_react["default"].createElement(StyledWizard, (0, _extends2["default"])({
+    container: true
   }, WizardProps, {
     onKeyDown: onKeyDown
   }), stepsInfo && /*#__PURE__*/_react["default"].createElement(_wizardNav["default"], {