@data-driven-forms/mui-component-mapper 4.1.12 → 4.1.14

package/esm/time-picker/time-picker.js

@@ -1,60 +1,38 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["input", "isReadOnly", "isDisabled", "placeholder", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "MuiPickersUtilsProviderProps", "FormFieldGridProps"];
-import React from 'react';
-import { TimePicker as MUITimePicker } from "@mui/x-date-pickers/TimePicker";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TimePicker as MUITimePicker } from '@mui/x-date-pickers';
+import { TextField } from '@mui/material';
+import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError } from '../validation-error/validation-error';
-import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
-import TextField from "@mui/material/TextField";
-var TimePicker = function TimePicker(props) {
-  var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    isReadOnly = _useFieldApi.isReadOnly,
-    isDisabled = _useFieldApi.isDisabled,
-    placeholder = _useFieldApi.placeholder,
-    isRequired = _useFieldApi.isRequired,
-    label = _useFieldApi.label,
-    helperText = _useFieldApi.helperText,
-    description = _useFieldApi.description,
-    validateOnMount = _useFieldApi.validateOnMount,
-    meta = _useFieldApi.meta,
-    MuiPickersUtilsProviderProps = _useFieldApi.MuiPickersUtilsProviderProps,
-    _useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
-    FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
-    rest = _objectWithoutProperties(_useFieldApi, _excluded);
-  var invalid = validationError(meta, validateOnMount);
-  return /*#__PURE__*/React.createElement(FormFieldGrid, FormFieldGridProps, /*#__PURE__*/React.createElement(MUITimePicker, _extends({
-    slotProps: {
-      textField: {
-        fullWidth: true,
-        margin: 'normal',
-        label: label,
-        helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
-        placeholder: placeholder,
-        required: isRequired,
-        error: !!invalid,
-        onBlur: input.onBlur,
-        onFocus: input.onFocus
-      }
-    }
-    // legacy version
-    ,
-    renderInput: function renderInput(props) {
-      return /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
-        fullWidth: true,
-        margin: "normal",
-        label: label,
-        helperText: invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description,
-        placeholder: placeholder,
-        required: isRequired,
-        error: !!invalid
-      }));
-    },
-    readOnly: isReadOnly,
-    disabled: isDisabled || isReadOnly
-  }, input, {
-    value: input.value || null
-  }, rest)));
+const TimePicker = (props) => {
+    const _a = useFieldApi(props), { input, isReadOnly, isDisabled, placeholder, isRequired, label, helperText, description, validateOnMount, meta, MuiPickersUtilsProviderProps, FormFieldGridProps = {}, TimePickerProps = {} } = _a, rest = __rest(_a, ["input", "isReadOnly", "isDisabled", "placeholder", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "MuiPickersUtilsProviderProps", "FormFieldGridProps", "TimePickerProps"]);
+    const invalid = validationError(meta, validateOnMount);
+    return (_jsx(FormFieldGrid, Object.assign({}, FormFieldGridProps, { children: _jsx(MUITimePicker, Object.assign({ slotProps: {
+                textField: {
+                    fullWidth: true,
+                    margin: 'normal',
+                    label,
+                    helperText: invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description,
+                    placeholder,
+                    required: isRequired,
+                    error: !!invalid,
+                    onBlur: input.onBlur,
+                    onFocus: input.onFocus,
+                },
+            }, 
+            // legacy version
+            renderInput: (props) => (_jsx(TextField, Object.assign({}, props, { fullWidth: true, margin: "normal", label: label, helperText: invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description, placeholder: placeholder, required: isRequired, error: !!invalid }))), readOnly: isReadOnly, disabled: isDisabled || isReadOnly }, input, { value: input.value || null }, TimePickerProps, rest)) })));
 };
-export default TimePicker;
+export default TimePicker;
+//# sourceMappingURL=time-picker.js.map

package/esm/time-picker/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../src/time-picker/time-picker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAGrE,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAWvE,MAAM,UAAU,GAA8B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,KAeF,WAAW,CAAC,KAAK,CAAC,EAfhB,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,KAAK,EACL,UAAU,EACV,WAAW,EACX,eAAe,EACf,IAAI,EACJ,4BAA4B,EAC5B,kBAAkB,GAAG,EAAE,EACvB,eAAe,GAAG,EAAE,OAEA,EADjB,IAAI,cAdH,4MAeL,CAAqB,CAAC;IAEvB,MAAM,OAAO,GAAG,eAAe,CAAC,IAAyB,EAAE,eAAe,CAAC,CAAC;IAE5E,OAAO,CACL,KAAC,aAAa,oBAAK,kBAAkB,cACnC,KAAC,aAAa,kBACZ,SAAS,EAAE;gBACT,SAAS,EAAE;oBACT,SAAS,EAAE,IAAI;oBACf,MAAM,EAAE,QAAQ;oBAChB,KAAK;oBACL,UAAU,EAAE,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW;oBACvG,WAAW;oBACX,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC,CAAC,OAAO;oBAChB,MAAM,EAAE,KAAK,CAAC,MAAM;oBACpB,OAAO,EAAE,KAAK,CAAC,OAAO;iBACL;aACpB;YACD,iBAAiB;YACjB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,KAAC,SAAS,oBACJ,KAAK,IACT,SAAS,QACT,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,WAAW,EACvG,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,CAAC,CAAC,OAAO,IAChB,CACH,EACD,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,IAAI,UAAU,IAC9B,KAAK,IACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,IACtB,eAAe,EACf,IAAI,EACR,IACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/validation-error/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './validation-error';
+export * from './validation-error';

package/esm/validation-error/index.js

@@ -1,2 +1,3 @@
 export { default } from './validation-error';
-export * from './validation-error';
+export * from './validation-error';
+//# sourceMappingURL=index.js.map

package/esm/validation-error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/validation-error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/esm/validation-error/validation-error.d.ts

@@ -0,0 +1,6 @@
+import type { FieldMetaState } from 'react-final-form';
+export interface ExtendedFieldMeta extends FieldMetaState<any>, Record<string, unknown> {
+    warning?: any;
+}
+export declare const validationError: (meta: ExtendedFieldMeta, validateOnMount?: boolean) => string | undefined;
+export default validationError;

package/esm/validation-error/validation-error.js

@@ -1,7 +1,8 @@
-export var validationError = function validationError(meta, validateOnMount) {
-  if (validateOnMount) {
-    return meta.error || meta.submitError;
-  }
-  return meta.touched && (meta.error || meta.submitError);
+export const validationError = (meta, validateOnMount) => {
+    if (validateOnMount) {
+        return meta.error || meta.submitError;
+    }
+    return meta.touched && (meta.error || meta.submitError);
 };
-export default validationError;
+export default validationError;
+//# sourceMappingURL=validation-error.js.map

package/esm/validation-error/validation-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-error.js","sourceRoot":"","sources":["../../src/validation-error/validation-error.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAuB,EAAE,eAAyB,EAAsB,EAAE;IACxG,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC;IACxC,CAAC;IAED,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/wizard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './wizard';
+export * from './wizard';

package/esm/wizard/index.js

@@ -1,2 +1,3 @@
 export { default } from './wizard';
-export * from './wizard';
+export * from './wizard';
+//# sourceMappingURL=index.js.map

package/esm/wizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/wizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/esm/wizard/step-buttons.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { FormOptions } from '@data-driven-forms/react-form-renderer';
+import type { GridProps } from '@mui/material';
+declare const classes: {
+    wizardBody: string;
+    buttons: string;
+    button: string;
+    buttonsContainer: string;
+};
+interface ButtonLabels {
+    cancel: string;
+    submit: string;
+    back: string;
+    next: string;
+}
+interface CustomButtonsProps {
+    classes: typeof classes;
+    [key: string]: any;
+}
+interface WizardStepButtonsProps {
+    buttons?: React.ComponentType<CustomButtonsProps>;
+    disableBack: boolean;
+    handlePrev: () => void;
+    nextStep?: any;
+    handleNext: (nextStep?: any) => void;
+    buttonLabels: ButtonLabels;
+    formOptions: FormOptions;
+    ButtonContainerProps?: GridProps;
+    conditionalSubmitFlag?: any;
+    [key: string]: any;
+}
+declare const WizardStepButtons: React.FC<WizardStepButtonsProps>;
+export default WizardStepButtons;

package/esm/wizard/step-buttons.js

@@ -1,111 +1,56 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["buttons"];
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import clsx from 'clsx';
-import selectNext from '@data-driven-forms/common/wizard/select-next';
-import FormSpy from "@data-driven-forms/react-form-renderer/form-spy";
-import Button from "@mui/material/Button";
-import Grid from "@mui/material/Grid";
-var PREFIX = 'WizardStepButtons';
-var classes = {
-  wizardBody: "".concat(PREFIX, "-wizardBody"),
-  buttons: "".concat(PREFIX, "-buttons"),
-  button: "".concat(PREFIX, "-button"),
-  buttonsContainer: "".concat(PREFIX, "-buttonsContainer")
+import { selectNext } from '@data-driven-forms/common';
+import { FormSpy } from '@data-driven-forms/react-form-renderer';
+import { Button, Grid } from '@mui/material';
+const PREFIX = 'WizardStepButtons';
+const classes = {
+    wizardBody: `${PREFIX}-wizardBody`,
+    buttons: `${PREFIX}-buttons`,
+    button: `${PREFIX}-button`,
+    buttonsContainer: `${PREFIX}-buttonsContainer`,
 };
-var StyledGrid = styled(Grid)(function () {
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(classes.wizardBody), {
-    padding: 24,
-    margin: 0
-  }), "& .".concat(classes.buttons), {
-    display: 'flex',
-    justifyContent: 'flex-end'
-  }), "& .".concat(classes.button), {
-    marginRight: 16
-  }), "&.".concat(classes.buttonsContainer), {
-    marginTop: 36
-  });
-});
-var NextButton = function NextButton(_ref2) {
-  var nextStep = _ref2.nextStep,
-    valid = _ref2.valid,
-    handleNext = _ref2.handleNext,
-    nextLabel = _ref2.nextLabel,
-    getState = _ref2.getState,
-    handleSubmit = _ref2.handleSubmit,
-    submitLabel = _ref2.submitLabel,
-    conditionalSubmitFlag = _ref2.conditionalSubmitFlag;
-  var nextResult = nextStep ? selectNext(nextStep, getState) : nextStep;
-  var progressNext = nextResult !== conditionalSubmitFlag && nextStep;
-  return /*#__PURE__*/React.createElement(Button, {
-    variant: "contained",
-    color: "primary",
-    disabled: !valid || getState().validating || getState().submitting,
-    onClick: function onClick() {
-      return progressNext ? handleNext(nextResult) : handleSubmit();
-    }
-  }, progressNext ? nextLabel : submitLabel);
+const StyledGrid = styled(Grid)(() => ({
+    [`& .${classes.wizardBody}`]: {
+        padding: 24,
+        margin: 0,
+    },
+    [`& .${classes.buttons}`]: {
+        display: 'flex',
+        justifyContent: 'flex-end',
+    },
+    [`& .${classes.button}`]: {
+        marginRight: 16,
+    },
+    [`&.${classes.buttonsContainer}`]: {
+        marginTop: 36,
+    },
+}));
+const NextButton = ({ nextStep, valid, handleNext, nextLabel, getState, handleSubmit, submitLabel, conditionalSubmitFlag, }) => {
+    const nextResult = nextStep ? selectNext(nextStep, getState) : nextStep;
+    const progressNext = nextResult !== conditionalSubmitFlag && nextStep;
+    return (_jsx(Button, { variant: "contained", color: "primary", disabled: !valid || getState().validating || getState().submitting, onClick: () => (progressNext ? handleNext(nextResult) : handleSubmit()), children: progressNext ? nextLabel : submitLabel }));
 };
-var WizardStepButtons = function WizardStepButtons(_ref3) {
-  var Buttons = _ref3.buttons,
-    props = _objectWithoutProperties(_ref3, _excluded);
-  if (Buttons) {
-    return /*#__PURE__*/React.createElement(Buttons, _extends({
-      classes: classes
-    }, props));
-  }
-  var disableBack = props.disableBack,
-    handlePrev = props.handlePrev,
-    nextStep = props.nextStep,
-    handleNext = props.handleNext,
-    _props$buttonLabels = props.buttonLabels,
-    cancel = _props$buttonLabels.cancel,
-    submit = _props$buttonLabels.submit,
-    back = _props$buttonLabels.back,
-    next = _props$buttonLabels.next,
-    formOptions = props.formOptions,
-    _props$ButtonContaine = props.ButtonContainerProps,
-    ButtonContainerProps = _props$ButtonContaine === void 0 ? {} : _props$ButtonContaine,
-    conditionalSubmitFlag = props.conditionalSubmitFlag;
-  return /*#__PURE__*/React.createElement(StyledGrid, _extends({
-    container: true,
-    direction: "row",
-    justifyContent: "space-evenly"
-  }, ButtonContainerProps, {
-    className: clsx(classes.buttonsContainer, ButtonContainerProps.className)
-  }), /*#__PURE__*/React.createElement(FormSpy, {
-    subscription: {
-      values: true,
-      valid: true,
-      validating: true,
-      submitting: true
+const WizardStepButtons = (_a) => {
+    var { buttons: Buttons } = _a, props = __rest(_a, ["buttons"]);
+    if (Buttons) {
+        return _jsx(Buttons, Object.assign({ classes: classes }, props));
     }
-  }, function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
-      item: true,
-      md: 2,
-      xs: 2
-    }, /*#__PURE__*/React.createElement(Button, {
-      onClick: formOptions.onCancel
-    }, cancel)), /*#__PURE__*/React.createElement(Grid, {
-      item: true,
-      md: 10,
-      xs: 10,
-      className: classes.buttons
-    }, /*#__PURE__*/React.createElement(Button, {
-      disabled: disableBack,
-      onClick: handlePrev,
-      className: classes.button
-    }, back), /*#__PURE__*/React.createElement(NextButton, _extends({}, formOptions, {
-      conditionalSubmitFlag: conditionalSubmitFlag,
-      handleNext: handleNext,
-      nextStep: nextStep,
-      nextLabel: next,
-      submitLabel: submit
-    }))));
-  }));
+    const { disableBack, handlePrev, nextStep, handleNext, buttonLabels: { cancel, submit, back, next }, formOptions, ButtonContainerProps = {}, conditionalSubmitFlag, } = props;
+    return (_jsx(StyledGrid, Object.assign({ container: true, direction: "row", justifyContent: "space-evenly" }, ButtonContainerProps, { className: clsx(classes.buttonsContainer, ButtonContainerProps.className), children: _jsx(FormSpy, { subscription: { values: true, valid: true, validating: true, submitting: true }, children: () => (_jsxs(React.Fragment, { children: [_jsx(Grid, { item: true, md: 2, xs: 2, children: _jsx(Button, { onClick: () => formOptions.onCancel(formOptions.getState().values), children: cancel }) }), _jsxs(Grid, { item: true, md: 10, xs: 10, className: classes.buttons, children: [_jsx(Button, { disabled: disableBack, onClick: () => handlePrev(), className: classes.button, children: back }), _jsx(NextButton, Object.assign({}, formOptions, { conditionalSubmitFlag: conditionalSubmitFlag, handleNext: handleNext, nextStep: nextStep, nextLabel: next, submitLabel: submit }))] })] })) }) })));
 };
-export default WizardStepButtons;
+export default WizardStepButtons;
+//# sourceMappingURL=step-buttons.js.map

package/esm/wizard/step-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-buttons.js","sourceRoot":"","sources":["../../src/wizard/step-buttons.tsx"],"names":[],"mappings":"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"}

package/esm/wizard/wizard-nav.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { StepperProps, StepProps, StepLabelProps } from '@mui/material';
+interface StepInfo {
+    title?: string;
+    label?: string;
+    StepLabelProps?: StepLabelProps;
+    StepProps?: StepProps;
+}
+interface WizardNavProps {
+    StepperProps?: StepperProps;
+    stepsInfo: StepInfo[];
+    activeStepIndex: number;
+}
+declare const WizardNav: React.FC<WizardNavProps>;
+export default WizardNav;

package/esm/wizard/wizard-nav.js

@@ -1,36 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 import { styled } from '@mui/material/styles';
 import clsx from 'clsx';
-import Stepper from "@mui/material/Stepper";
-import Step from "@mui/material/Step";
-import StepLabel from "@mui/material/StepLabel";
-var PREFIX = 'WizardNav';
-var classes = {
-  stepper: "".concat(PREFIX, "-stepper")
+import { Stepper, Step, StepLabel } from '@mui/material';
+const PREFIX = 'WizardNav';
+const classes = {
+    stepper: `${PREFIX}-stepper`,
 };
-var StyledStepper = styled(Stepper)(function () {
-  return _defineProperty({}, "&.".concat(classes.stepper), {
-    width: '100%'
-  });
-});
-var WizardNav = function WizardNav(_ref2) {
-  var _ref2$StepperProps = _ref2.StepperProps,
-    StepperProps = _ref2$StepperProps === void 0 ? {} : _ref2$StepperProps,
-    stepsInfo = _ref2.stepsInfo,
-    activeStepIndex = _ref2.activeStepIndex;
-  return /*#__PURE__*/React.createElement(StyledStepper, _extends({}, StepperProps, {
-    className: clsx(classes.stepper, StepperProps.className),
-    activeStep: activeStepIndex
-  }), stepsInfo.map(function (_ref3, idx) {
-    var title = _ref3.title,
-      label = _ref3.label,
-      StepLabelProps = _ref3.StepLabelProps,
-      StepProps = _ref3.StepProps;
-    return /*#__PURE__*/React.createElement(Step, _extends({}, StepProps, {
-      key: idx
-    }), /*#__PURE__*/React.createElement(StepLabel, StepLabelProps, title || label));
-  }));
-};
-export default WizardNav;
+const StyledStepper = styled(Stepper)(() => ({
+    [`&.${classes.stepper}`]: {
+        width: '100%',
+    },
+}));
+const WizardNav = ({ StepperProps = {}, stepsInfo, activeStepIndex }) => (_jsx(StyledStepper, Object.assign({}, StepperProps, { className: clsx(classes.stepper, StepperProps.className), activeStep: activeStepIndex, children: stepsInfo.map(({ title, label, StepLabelProps = {}, StepProps = {} }, idx) => (_createElement(Step, Object.assign({}, StepProps, { key: idx }),
+        _jsx(StepLabel, Object.assign({}, StepLabelProps, { children: title || label }))))) })));
+export default WizardNav;
+//# sourceMappingURL=wizard-nav.js.map

package/esm/wizard/wizard-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-nav.js","sourceRoot":"","sources":["../../src/wizard/wizard-nav.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGzD,MAAM,MAAM,GAAG,WAAW,CAAC;AAE3B,MAAM,OAAO,GAAG;IACd,OAAO,EAAE,GAAG,MAAM,UAAU;CAC7B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC3C,CAAC,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE;QACxB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAC;AAeJ,MAAM,SAAS,GAA6B,CAAC,EAAE,YAAY,GAAG,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACjG,KAAC,aAAa,oBAAK,YAAY,IAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,eAAe,YACnH,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7E,eAAC,IAAI,oBAAK,SAAS,IAAE,GAAG,EAAE,GAAG;QAC3B,KAAC,SAAS,oBAAK,cAAc,cAAG,KAAK,IAAI,KAAK,IAAa,CACtD,CACR,CAAC,IACY,CACjB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/wizard/wizard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { WizardProps as CommonWizardProps } from '@data-driven-forms/common';
+declare const MuiWizard: React.FC<CommonWizardProps>;
+export default MuiWizard;

package/esm/wizard/wizard.js

@@ -1,76 +1,27 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useContext } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { styled } from '@mui/material/styles';
 import clsx from 'clsx';
-import WizardContext from "@data-driven-forms/react-form-renderer/wizard-context";
-import Grid from "@mui/material/Grid";
-import Wizard from '@data-driven-forms/common/wizard';
+import { WizardContext } from '@data-driven-forms/react-form-renderer';
+import { Grid } from '@mui/material';
+import { Wizard } from '@data-driven-forms/common';
 import WizardNav from './wizard-nav';
 import WizardStepButtons from './step-buttons';
-var PREFIX = 'MuiWizard';
-var classes = {
-  wizardBody: "".concat(PREFIX, "-wizardBody")
+const PREFIX = 'MuiWizard';
+const classes = {
+    wizardBody: `${PREFIX}-wizardBody`,
 };
-var StyledWizard = styled(Grid)(function () {
-  return _defineProperty({}, "& .".concat(classes.wizardBody), {
-    padding: 24,
-    margin: 0
-  });
-});
-var WizardInternal = function WizardInternal(_ref2) {
-  var buttonLabels = _ref2.buttonLabels,
-    stepsInfo = _ref2.stepsInfo,
-    ButtonContainerProps = _ref2.ButtonContainerProps,
-    StepperProps = _ref2.StepperProps,
-    _ref2$WizardBodyProps = _ref2.WizardBodyProps,
-    WizardBodyProps = _ref2$WizardBodyProps === void 0 ? {} : _ref2$WizardBodyProps,
-    WizardProps = _ref2.WizardProps,
-    conditionalSubmitFlag = _ref2.conditionalSubmitFlag;
-  var _useContext = useContext(WizardContext),
-    formOptions = _useContext.formOptions,
-    currentStep = _useContext.currentStep,
-    handlePrev = _useContext.handlePrev,
-    onKeyDown = _useContext.onKeyDown,
-    handleNext = _useContext.handleNext,
-    activeStepIndex = _useContext.activeStepIndex,
-    prevSteps = _useContext.prevSteps;
-  var buttonLabelsFinal = _objectSpread({
-    next: 'Continue',
-    submit: 'Submit',
-    cancel: 'Cancel',
-    back: 'Back'
-  }, buttonLabels);
-  return /*#__PURE__*/React.createElement(StyledWizard, _extends({
-    container: true
-  }, WizardProps, {
-    onKeyDown: onKeyDown
-  }), stepsInfo && /*#__PURE__*/React.createElement(WizardNav, {
-    StepperProps: StepperProps,
-    stepsInfo: stepsInfo,
-    activeStepIndex: activeStepIndex
-  }), /*#__PURE__*/React.createElement(Grid, _extends({
-    container: true,
-    spacing: 2
-  }, WizardBodyProps, {
-    className: clsx(classes.wizardBody, WizardBodyProps.className)
-  }), currentStep.fields.map(function (item) {
-    return formOptions.renderForm([item], formOptions);
-  }), /*#__PURE__*/React.createElement(WizardStepButtons, _extends({}, currentStep, {
-    formOptions: formOptions,
-    buttonLabels: buttonLabelsFinal,
-    handleNext: handleNext,
-    handlePrev: handlePrev,
-    disableBack: prevSteps.length === 0,
-    conditionalSubmitFlag: conditionalSubmitFlag,
-    ButtonContainerProps: ButtonContainerProps
-  }))));
+const StyledWizard = styled(Grid)(() => ({
+    [`& .${classes.wizardBody}`]: {
+        padding: 24,
+        margin: 0,
+    },
+}));
+const WizardInternal = ({ buttonLabels = {}, stepsInfo, ButtonContainerProps, StepperProps, WizardBodyProps = {}, WizardProps, conditionalSubmitFlag, }) => {
+    const { formOptions, currentStep, handlePrev, onKeyDown, handleNext, activeStepIndex, prevSteps } = useContext(WizardContext);
+    const buttonLabelsFinal = Object.assign({ next: 'Continue', submit: 'Submit', cancel: 'Cancel', back: 'Back' }, buttonLabels);
+    return (_jsxs(StyledWizard, Object.assign({ container: true }, WizardProps, { onKeyDown: onKeyDown, children: [stepsInfo && _jsx(WizardNav, { StepperProps: StepperProps, stepsInfo: stepsInfo, activeStepIndex: activeStepIndex }), _jsxs(Grid, Object.assign({ container: true, spacing: 2 }, WizardBodyProps, { className: clsx(classes.wizardBody, WizardBodyProps.className), children: [currentStep.fields.map((item) => formOptions.renderForm([item])), _jsx(WizardStepButtons, Object.assign({}, currentStep, { formOptions: formOptions, buttonLabels: buttonLabelsFinal, handleNext: (nextStep) => handleNext(nextStep), handlePrev: () => handlePrev(), disableBack: prevSteps.length === 0, conditionalSubmitFlag: conditionalSubmitFlag, ButtonContainerProps: ButtonContainerProps }))] }))] })));
 };
-var MuiWizard = function MuiWizard(props) {
-  return /*#__PURE__*/React.createElement(Wizard, _extends({
-    Wizard: WizardInternal
-  }, props));
-};
-export default MuiWizard;
+const MuiWizard = (props) => _jsx(Wizard, Object.assign({ Wizard: WizardInternal }, props));
+export default MuiWizard;
+//# sourceMappingURL=wizard.js.map

package/esm/wizard/wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.js","sourceRoot":"","sources":["../../src/wizard/wizard.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,iBAAiB,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,GAAG,WAAW,CAAC;AAE3B,MAAM,OAAO,GAAG;IACd,UAAU,EAAE,GAAG,MAAM,aAAa;CACnC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACvC,CAAC,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC,EAAE;QAC5B,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC,CAAC;AAyBJ,MAAM,cAAc,GAAkC,CAAC,EACrD,YAAY,GAAG,EAAE,EACjB,SAAS,EACT,oBAAoB,EACpB,YAAY,EACZ,eAAe,GAAG,EAAE,EACpB,WAAW,EACX,qBAAqB,GACtB,EAAE,EAAE;IACH,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE9H,MAAM,iBAAiB,mBACrB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,MAAM,IACT,YAAY,CAChB,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,kBAAC,SAAS,UAAK,WAAW,IAAE,SAAS,EAAE,SAAS,aAC1D,SAAS,IAAI,KAAC,SAAS,IAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,GAAI,EAC/G,MAAC,IAAI,kBAAC,SAAS,QAAC,OAAO,EAAE,CAAC,IAAM,eAAe,IAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,SAAS,CAAC,aAC5G,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EACtE,KAAC,iBAAiB,oBACZ,WAAW,IACf,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,iBAAiB,EAC/B,UAAU,EAAE,CAAC,QAAa,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EACnD,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAC9B,WAAW,EAAE,SAAS,CAAC,MAAM,KAAK,CAAC,EACnC,qBAAqB,EAAE,qBAAqB,EAC5C,oBAAoB,EAAE,oBAAoB,IAC1C,KACG,KACM,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAgC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,MAAM,kBAAC,MAAM,EAAE,cAAc,IAAM,KAAK,EAAI,CAAC;AAExG,eAAe,SAAS,CAAC"}