@data-driven-forms/mui-component-mapper 4.1.0 → 4.2.0-0

package/esm/radio/radio.js

@@ -2,14 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["inputProps"],
-    _excluded2 = ["name", "option", "isDisabled", "isReadOnly", "FormControlLabelProps", "RadioProps"],
-    _excluded3 = ["name"],
-    _excluded4 = ["options", "isDisabled", "label", "isRequired", "helperText", "description", "isReadOnly", "meta", "validateOnMount", "FormFieldGridProps", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "FormControlLabelProps", "RadioProps"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+  _excluded2 = ["name", "option", "isDisabled", "isReadOnly", "FormControlLabelProps", "RadioProps"],
+  _excluded3 = ["name"],
+  _excluded4 = ["options", "isDisabled", "label", "isRequired", "helperText", "description", "isReadOnly", "meta", "validateOnMount", "FormFieldGridProps", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "FormControlLabelProps", "RadioProps"];
+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 from 'react';
 import { styled } from '@mui/material/styles';
 import MUIRadio from "@mui/material/Radio";
@@ -31,25 +28,22 @@ var StyledFormFieldGrid = styled(FormFieldGrid)(function () {
     }
   });
 });
-
 var RadioOption = function RadioOption(_ref2) {
   var name = _ref2.name,
-      option = _ref2.option,
-      isDisabled = _ref2.isDisabled,
-      isReadOnly = _ref2.isReadOnly,
-      FormControlLabelProps = _ref2.FormControlLabelProps,
-      _ref2$RadioProps = _ref2.RadioProps,
-      inputProps = _ref2$RadioProps.inputProps,
-      RadioProps = _objectWithoutProperties(_ref2$RadioProps, _excluded),
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
+    option = _ref2.option,
+    isDisabled = _ref2.isDisabled,
+    isReadOnly = _ref2.isReadOnly,
+    FormControlLabelProps = _ref2.FormControlLabelProps,
+    _ref2$RadioProps = _ref2.RadioProps,
+    inputProps = _ref2$RadioProps.inputProps,
+    RadioProps = _objectWithoutProperties(_ref2$RadioProps, _excluded),
+    props = _objectWithoutProperties(_ref2, _excluded2);
   var _useFieldApi = useFieldApi({
-    name: name,
-    type: 'radio',
-    value: option.value
-  }),
-      input = _useFieldApi.input;
-
+      name: name,
+      type: 'radio',
+      value: option.value
+    }),
+    input = _useFieldApi.input;
   return /*#__PURE__*/React.createElement(FormControlLabel, _extends({
     key: "".concat(name, "-").concat(option.value),
     control: /*#__PURE__*/React.createElement(MUIRadio, _extends({}, input, {
@@ -65,39 +59,36 @@ var RadioOption = function RadioOption(_ref2) {
     label: option.label
   }, FormControlLabelProps, props));
 };
-
 var Radio = function Radio(_ref3) {
   var name = _ref3.name,
-      props = _objectWithoutProperties(_ref3, _excluded3);
-
+    props = _objectWithoutProperties(_ref3, _excluded3);
   var _useFieldApi2 = useFieldApi(_objectSpread(_objectSpread({}, props), {}, {
-    name: name,
-    type: 'radio'
-  })),
-      _useFieldApi2$options = _useFieldApi2.options,
-      options = _useFieldApi2$options === void 0 ? [] : _useFieldApi2$options,
-      isDisabled = _useFieldApi2.isDisabled,
-      label = _useFieldApi2.label,
-      isRequired = _useFieldApi2.isRequired,
-      helperText = _useFieldApi2.helperText,
-      description = _useFieldApi2.description,
-      isReadOnly = _useFieldApi2.isReadOnly,
-      meta = _useFieldApi2.meta,
-      validateOnMount = _useFieldApi2.validateOnMount,
-      _useFieldApi2$FormFie = _useFieldApi2.FormFieldGridProps,
-      FormFieldGridProps = _useFieldApi2$FormFie === void 0 ? {} : _useFieldApi2$FormFie,
-      _useFieldApi2$FormCon = _useFieldApi2.FormControlProps,
-      FormControlProps = _useFieldApi2$FormCon === void 0 ? {} : _useFieldApi2$FormCon,
-      _useFieldApi2$FormLab = _useFieldApi2.FormLabelProps,
-      FormLabelProps = _useFieldApi2$FormLab === void 0 ? {} : _useFieldApi2$FormLab,
-      _useFieldApi2$FormHel = _useFieldApi2.FormHelperTextProps,
-      FormHelperTextProps = _useFieldApi2$FormHel === void 0 ? {} : _useFieldApi2$FormHel,
-      _useFieldApi2$FormCon2 = _useFieldApi2.FormControlLabelProps,
-      FormControlLabelProps = _useFieldApi2$FormCon2 === void 0 ? {} : _useFieldApi2$FormCon2,
-      _useFieldApi2$RadioPr = _useFieldApi2.RadioProps,
-      RadioProps = _useFieldApi2$RadioPr === void 0 ? {} : _useFieldApi2$RadioPr,
-      rest = _objectWithoutProperties(_useFieldApi2, _excluded4);
-
+      name: name,
+      type: 'radio'
+    })),
+    _useFieldApi2$options = _useFieldApi2.options,
+    options = _useFieldApi2$options === void 0 ? [] : _useFieldApi2$options,
+    isDisabled = _useFieldApi2.isDisabled,
+    label = _useFieldApi2.label,
+    isRequired = _useFieldApi2.isRequired,
+    helperText = _useFieldApi2.helperText,
+    description = _useFieldApi2.description,
+    isReadOnly = _useFieldApi2.isReadOnly,
+    meta = _useFieldApi2.meta,
+    validateOnMount = _useFieldApi2.validateOnMount,
+    _useFieldApi2$FormFie = _useFieldApi2.FormFieldGridProps,
+    FormFieldGridProps = _useFieldApi2$FormFie === void 0 ? {} : _useFieldApi2$FormFie,
+    _useFieldApi2$FormCon = _useFieldApi2.FormControlProps,
+    FormControlProps = _useFieldApi2$FormCon === void 0 ? {} : _useFieldApi2$FormCon,
+    _useFieldApi2$FormLab = _useFieldApi2.FormLabelProps,
+    FormLabelProps = _useFieldApi2$FormLab === void 0 ? {} : _useFieldApi2$FormLab,
+    _useFieldApi2$FormHel = _useFieldApi2.FormHelperTextProps,
+    FormHelperTextProps = _useFieldApi2$FormHel === void 0 ? {} : _useFieldApi2$FormHel,
+    _useFieldApi2$FormCon2 = _useFieldApi2.FormControlLabelProps,
+    FormControlLabelProps = _useFieldApi2$FormCon2 === void 0 ? {} : _useFieldApi2$FormCon2,
+    _useFieldApi2$RadioPr = _useFieldApi2.RadioProps,
+    RadioProps = _useFieldApi2$RadioPr === void 0 ? {} : _useFieldApi2$RadioPr,
+    rest = _objectWithoutProperties(_useFieldApi2, _excluded4);
   var invalid = validationError(meta, validateOnMount);
   var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
   return /*#__PURE__*/React.createElement(StyledFormFieldGrid, _extends({
@@ -120,5 +111,4 @@ var Radio = function Radio(_ref3) {
     }, rest));
   }), text && /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, text)));
 };
-
 export default Radio;

package/esm/select/select.js

@@ -3,13 +3,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/typeof";
 var _excluded = ["inputProps"],
-    _excluded2 = ["value", "options", "label", "helperText", "validateOnMount", "meta", "isSearchable", "description", "classNamePrefix", "isMulti", "placeholder", "onInputChange", "isFetching", "noOptionsMessage", "hideSelectedOptions", "closeMenuOnSelect", "required", "onChange", "onFocus", "onBlur", "FormFieldGridProps", "TextFieldProps", "inputProps", "isClearable", "isDisabled", "loadingText"],
-    _excluded3 = ["input", "isRequired", "isDisabled", "isReadOnly", "disabled", "multiple", "isMulti", "isClearable", "disableClearable", "loadingMessage", "loadingText", "noOptionsMessage", "noOptionsText", "closeMenuOnSelect"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+  _excluded2 = ["value", "options", "label", "helperText", "validateOnMount", "meta", "isSearchable", "description", "classNamePrefix", "isMulti", "placeholder", "onInputChange", "isFetching", "noOptionsMessage", "hideSelectedOptions", "closeMenuOnSelect", "required", "onChange", "onFocus", "onBlur", "FormFieldGridProps", "TextFieldProps", "inputProps", "isClearable", "isDisabled", "loadingText"],
+  _excluded3 = ["input", "isRequired", "isDisabled", "isReadOnly", "disabled", "multiple", "isMulti", "isClearable", "disableClearable", "loadingMessage", "loadingText", "noOptionsMessage", "noOptionsText", "closeMenuOnSelect"];
+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, { useMemo } from 'react';
 import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError } from '../validation-error/validation-error';
@@ -26,38 +23,32 @@ import Autocomplete from "@mui/material/Autocomplete";
  * @param {Array<Object>} options all options avaiable
  * @returns {String}
  */
-
 var _getOptionLabel = function getOptionLabel(option, options) {
   if (typeof option === 'undefined') {
     return '';
   }
-
   if (option === '') {
     return '';
   }
-
   if (Array.isArray(option) && option.length === 0) {
     return '';
   }
-
   if (_typeof(option) === 'object') {
     return option.label;
   }
-
   var item = options.find(function (_ref) {
     var value = _ref.value;
     return value === option;
   });
   return item && item.label || '';
 };
+
 /**
  * Function that creates correct DDF select value format
  * @param {Object|Array} option currently selected values
  * @param {Boolean} isMulti multiple select flag
  * @returns {Object|Array<Object>}
  */
-
-
 export { _getOptionLabel as getOptionLabel };
 export var createValue = function createValue(option, isMulti) {
   if (isMulti) {
@@ -67,50 +58,46 @@ export var createValue = function createValue(option, isMulti) {
       };
     }) : option;
   }
-
   return option;
 };
-
 var InternalSelect = function InternalSelect(_ref2) {
   var value = _ref2.value,
-      options = _ref2.options,
-      label = _ref2.label,
-      helperText = _ref2.helperText,
-      validateOnMount = _ref2.validateOnMount,
-      meta = _ref2.meta,
-      isSearchable = _ref2.isSearchable,
-      description = _ref2.description,
-      classNamePrefix = _ref2.classNamePrefix,
-      isMulti = _ref2.isMulti,
-      _ref2$placeholder = _ref2.placeholder,
-      placeholder = _ref2$placeholder === void 0 ? 'Please choose' : _ref2$placeholder,
-      _onInputChange = _ref2.onInputChange,
-      isFetching = _ref2.isFetching,
-      noOptionsMessage = _ref2.noOptionsMessage,
-      hideSelectedOptions = _ref2.hideSelectedOptions,
-      closeMenuOnSelect = _ref2.closeMenuOnSelect,
-      required = _ref2.required,
-      _onChange = _ref2.onChange,
-      onFocus = _ref2.onFocus,
-      onBlur = _ref2.onBlur,
-      _ref2$FormFieldGridPr = _ref2.FormFieldGridProps,
-      FormFieldGridProps = _ref2$FormFieldGridPr === void 0 ? {} : _ref2$FormFieldGridPr,
-      _ref2$TextFieldProps = _ref2.TextFieldProps;
-  _ref2$TextFieldProps = _ref2$TextFieldProps === void 0 ? {} : _ref2$TextFieldProps;
-
-  var textFieldInputProps = _ref2$TextFieldProps.inputProps,
-      TextFieldProps = _objectWithoutProperties(_ref2$TextFieldProps, _excluded),
-      _ref2$inputProps = _ref2.inputProps,
-      inputProps = _ref2$inputProps === void 0 ? {} : _ref2$inputProps,
-      isClearable = _ref2.isClearable,
-      isDisabled = _ref2.isDisabled,
-      _ref2$loadingText = _ref2.loadingText,
-      loadingText = _ref2$loadingText === void 0 ? 'Loading...' : _ref2$loadingText,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
-  var invalid = validationError(meta, validateOnMount); // When isMulti is true, the "parseInternalValue" always creates new value array, we need to memoize it to not create new array instance
+    options = _ref2.options,
+    label = _ref2.label,
+    helperText = _ref2.helperText,
+    validateOnMount = _ref2.validateOnMount,
+    meta = _ref2.meta,
+    isSearchable = _ref2.isSearchable,
+    description = _ref2.description,
+    classNamePrefix = _ref2.classNamePrefix,
+    isMulti = _ref2.isMulti,
+    _ref2$placeholder = _ref2.placeholder,
+    placeholder = _ref2$placeholder === void 0 ? 'Please choose' : _ref2$placeholder,
+    _onInputChange = _ref2.onInputChange,
+    isFetching = _ref2.isFetching,
+    noOptionsMessage = _ref2.noOptionsMessage,
+    hideSelectedOptions = _ref2.hideSelectedOptions,
+    closeMenuOnSelect = _ref2.closeMenuOnSelect,
+    required = _ref2.required,
+    _onChange = _ref2.onChange,
+    onFocus = _ref2.onFocus,
+    onBlur = _ref2.onBlur,
+    _ref2$FormFieldGridPr = _ref2.FormFieldGridProps,
+    FormFieldGridProps = _ref2$FormFieldGridPr === void 0 ? {} : _ref2$FormFieldGridPr,
+    _ref2$TextFieldProps = _ref2.TextFieldProps,
+    _ref2$TextFieldProps2 = _ref2$TextFieldProps === void 0 ? {} : _ref2$TextFieldProps,
+    textFieldInputProps = _ref2$TextFieldProps2.inputProps,
+    TextFieldProps = _objectWithoutProperties(_ref2$TextFieldProps2, _excluded),
+    _ref2$inputProps = _ref2.inputProps,
+    inputProps = _ref2$inputProps === void 0 ? {} : _ref2$inputProps,
+    isClearable = _ref2.isClearable,
+    isDisabled = _ref2.isDisabled,
+    _ref2$loadingText = _ref2.loadingText,
+    loadingText = _ref2$loadingText === void 0 ? 'Loading...' : _ref2$loadingText,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  var invalid = validationError(meta, validateOnMount);
+  // When isMulti is true, the "parseInternalValue" always creates new value array, we need to memoize it to not create new array instance
   // Memo is required to fix https://github.com/data-driven-forms/react-forms/issues/1366
-
   var internalValue = useMemo(function () {
     return parseInternalValue(value, isMulti);
   }, [value, isMulti]);
@@ -158,25 +145,23 @@ var InternalSelect = function InternalSelect(_ref2) {
     loading: isFetching
   })));
 };
-
 var Select = function Select(props) {
   var _useFieldApi = useFieldApi(props),
-      input = _useFieldApi.input,
-      isRequired = _useFieldApi.isRequired,
-      isDisabled = _useFieldApi.isDisabled,
-      isReadOnly = _useFieldApi.isReadOnly,
-      disabled = _useFieldApi.disabled,
-      multiple = _useFieldApi.multiple,
-      isMulti = _useFieldApi.isMulti,
-      isClearable = _useFieldApi.isClearable,
-      disableClearable = _useFieldApi.disableClearable,
-      loadingMessage = _useFieldApi.loadingMessage,
-      loadingText = _useFieldApi.loadingText,
-      noOptionsMessage = _useFieldApi.noOptionsMessage,
-      noOptionsText = _useFieldApi.noOptionsText,
-      closeMenuOnSelect = _useFieldApi.closeMenuOnSelect,
-      rest = _objectWithoutProperties(_useFieldApi, _excluded3);
-
+    input = _useFieldApi.input,
+    isRequired = _useFieldApi.isRequired,
+    isDisabled = _useFieldApi.isDisabled,
+    isReadOnly = _useFieldApi.isReadOnly,
+    disabled = _useFieldApi.disabled,
+    multiple = _useFieldApi.multiple,
+    isMulti = _useFieldApi.isMulti,
+    isClearable = _useFieldApi.isClearable,
+    disableClearable = _useFieldApi.disableClearable,
+    loadingMessage = _useFieldApi.loadingMessage,
+    loadingText = _useFieldApi.loadingText,
+    noOptionsMessage = _useFieldApi.noOptionsMessage,
+    noOptionsText = _useFieldApi.noOptionsText,
+    closeMenuOnSelect = _useFieldApi.closeMenuOnSelect,
+    rest = _objectWithoutProperties(_useFieldApi, _excluded3);
   return /*#__PURE__*/React.createElement(DDFSelect, _extends({}, input, {
     isMulti: multiple || isMulti,
     required: isRequired,
@@ -188,5 +173,4 @@ var Select = function Select(props) {
     SelectComponent: InternalSelect
   }));
 };
-
 export default Select;

package/esm/slider/slider.js

@@ -11,31 +11,29 @@ import Grid from "@mui/material/Grid";
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError } from '../validation-error/validation-error';
-
 var Slider = function Slider(props) {
   var _useFieldApi = useFieldApi(props),
-      input = _useFieldApi.input,
-      isReadOnly = _useFieldApi.isReadOnly,
-      isDisabled = _useFieldApi.isDisabled,
-      isRequired = _useFieldApi.isRequired,
-      label = _useFieldApi.label,
-      helperText = _useFieldApi.helperText,
-      description = _useFieldApi.description,
-      validateOnMount = _useFieldApi.validateOnMount,
-      meta = _useFieldApi.meta,
-      FormFieldGridProps = _useFieldApi.FormFieldGridProps,
-      FormControlProps = _useFieldApi.FormControlProps,
-      FormGroupProps = _useFieldApi.FormGroupProps,
-      FormLabelProps = _useFieldApi.FormLabelProps,
-      FormHelperTextProps = _useFieldApi.FormHelperTextProps,
-      before = _useFieldApi.before,
-      after = _useFieldApi.after,
-      InputGridProps = _useFieldApi.InputGridProps,
-      BeforeGridProps = _useFieldApi.BeforeGridProps,
-      SliderGridProps = _useFieldApi.SliderGridProps,
-      AfterGridProps = _useFieldApi.AfterGridProps,
-      rest = _objectWithoutProperties(_useFieldApi, _excluded);
-
+    input = _useFieldApi.input,
+    isReadOnly = _useFieldApi.isReadOnly,
+    isDisabled = _useFieldApi.isDisabled,
+    isRequired = _useFieldApi.isRequired,
+    label = _useFieldApi.label,
+    helperText = _useFieldApi.helperText,
+    description = _useFieldApi.description,
+    validateOnMount = _useFieldApi.validateOnMount,
+    meta = _useFieldApi.meta,
+    FormFieldGridProps = _useFieldApi.FormFieldGridProps,
+    FormControlProps = _useFieldApi.FormControlProps,
+    FormGroupProps = _useFieldApi.FormGroupProps,
+    FormLabelProps = _useFieldApi.FormLabelProps,
+    FormHelperTextProps = _useFieldApi.FormHelperTextProps,
+    before = _useFieldApi.before,
+    after = _useFieldApi.after,
+    InputGridProps = _useFieldApi.InputGridProps,
+    BeforeGridProps = _useFieldApi.BeforeGridProps,
+    SliderGridProps = _useFieldApi.SliderGridProps,
+    AfterGridProps = _useFieldApi.AfterGridProps,
+    rest = _objectWithoutProperties(_useFieldApi, _excluded);
   var invalid = validationError(meta, validateOnMount);
   var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
   return /*#__PURE__*/React.createElement(FormFieldGrid, FormFieldGridProps, /*#__PURE__*/React.createElement(FormControl, _extends({
@@ -65,5 +63,4 @@ var Slider = function Slider(props) {
     item: true
   }, AfterGridProps), after)), text && /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, text))));
 };
-
 export default Slider;

package/esm/sub-form/sub-form.js

@@ -17,22 +17,19 @@ var StyledGrid = styled(Grid)(function () {
     paddingLeft: 0
   });
 });
-
 var SubForm = function SubForm(_ref2) {
   var fields = _ref2.fields,
-      title = _ref2.title,
-      description = _ref2.description,
-      component = _ref2.component,
-      TitleGridProps = _ref2.TitleGridProps,
-      TitleProps = _ref2.TitleProps,
-      DescriptionProps = _ref2.DescriptionProps,
-      DescriptionGridProps = _ref2.DescriptionGridProps,
-      ItemsGridProps = _ref2.ItemsGridProps,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    title = _ref2.title,
+    description = _ref2.description,
+    component = _ref2.component,
+    TitleGridProps = _ref2.TitleGridProps,
+    TitleProps = _ref2.TitleProps,
+    DescriptionProps = _ref2.DescriptionProps,
+    DescriptionGridProps = _ref2.DescriptionGridProps,
+    ItemsGridProps = _ref2.ItemsGridProps,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useFormApi = useFormApi(),
-      renderForm = _useFormApi.renderForm;
-
+    renderForm = _useFormApi.renderForm;
   return /*#__PURE__*/React.createElement(StyledGrid, _extends({
     item: true,
     xs: 12,
@@ -55,5 +52,4 @@ var SubForm = function SubForm(_ref2) {
     rowSpacing: 2
   }, ItemsGridProps), renderForm(fields)));
 };
-
 export default SubForm;

package/esm/switch/switch.js

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["input", "isReadOnly", "isDisabled", "isRequired", "label", "helperText", "description", "validateOnMount", "meta", "onText", "offText", "FormFieldGridProps", "FormControlProps", "FormGroupProps", "FormControlLabelProps", "SwitchProps", "FormLabelProps", "FormHelperTextProps"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+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 from 'react';
 import FormControlLabel from "@mui/material/FormControlLabel";
 import FormHelperText from "@mui/material/FormHelperText";
@@ -19,35 +16,34 @@ import { validationError } from '../validation-error/validation-error';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 export var Switch = function Switch(props) {
   var _useFieldApi = useFieldApi(_objectSpread(_objectSpread({}, props), {}, {
-    type: 'checkbox'
-  })),
-      input = _useFieldApi.input,
-      isReadOnly = _useFieldApi.isReadOnly,
-      isDisabled = _useFieldApi.isDisabled,
-      isRequired = _useFieldApi.isRequired,
-      label = _useFieldApi.label,
-      helperText = _useFieldApi.helperText,
-      description = _useFieldApi.description,
-      validateOnMount = _useFieldApi.validateOnMount,
-      meta = _useFieldApi.meta,
-      onText = _useFieldApi.onText,
-      offText = _useFieldApi.offText,
-      _useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
-      FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
-      _useFieldApi$FormCont = _useFieldApi.FormControlProps,
-      FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
-      _useFieldApi$FormGrou = _useFieldApi.FormGroupProps,
-      FormGroupProps = _useFieldApi$FormGrou === void 0 ? {} : _useFieldApi$FormGrou,
-      _useFieldApi$FormCont2 = _useFieldApi.FormControlLabelProps,
-      FormControlLabelProps = _useFieldApi$FormCont2 === void 0 ? {} : _useFieldApi$FormCont2,
-      _useFieldApi$SwitchPr = _useFieldApi.SwitchProps,
-      SwitchProps = _useFieldApi$SwitchPr === void 0 ? {} : _useFieldApi$SwitchPr,
-      _useFieldApi$FormLabe = _useFieldApi.FormLabelProps,
-      FormLabelProps = _useFieldApi$FormLabe === void 0 ? {} : _useFieldApi$FormLabe,
-      _useFieldApi$FormHelp = _useFieldApi.FormHelperTextProps,
-      FormHelperTextProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
-      rest = _objectWithoutProperties(_useFieldApi, _excluded);
-
+      type: 'checkbox'
+    })),
+    input = _useFieldApi.input,
+    isReadOnly = _useFieldApi.isReadOnly,
+    isDisabled = _useFieldApi.isDisabled,
+    isRequired = _useFieldApi.isRequired,
+    label = _useFieldApi.label,
+    helperText = _useFieldApi.helperText,
+    description = _useFieldApi.description,
+    validateOnMount = _useFieldApi.validateOnMount,
+    meta = _useFieldApi.meta,
+    onText = _useFieldApi.onText,
+    offText = _useFieldApi.offText,
+    _useFieldApi$FormFiel = _useFieldApi.FormFieldGridProps,
+    FormFieldGridProps = _useFieldApi$FormFiel === void 0 ? {} : _useFieldApi$FormFiel,
+    _useFieldApi$FormCont = _useFieldApi.FormControlProps,
+    FormControlProps = _useFieldApi$FormCont === void 0 ? {} : _useFieldApi$FormCont,
+    _useFieldApi$FormGrou = _useFieldApi.FormGroupProps,
+    FormGroupProps = _useFieldApi$FormGrou === void 0 ? {} : _useFieldApi$FormGrou,
+    _useFieldApi$FormCont2 = _useFieldApi.FormControlLabelProps,
+    FormControlLabelProps = _useFieldApi$FormCont2 === void 0 ? {} : _useFieldApi$FormCont2,
+    _useFieldApi$SwitchPr = _useFieldApi.SwitchProps,
+    SwitchProps = _useFieldApi$SwitchPr === void 0 ? {} : _useFieldApi$SwitchPr,
+    _useFieldApi$FormLabe = _useFieldApi.FormLabelProps,
+    FormLabelProps = _useFieldApi$FormLabe === void 0 ? {} : _useFieldApi$FormLabe,
+    _useFieldApi$FormHelp = _useFieldApi.FormHelperTextProps,
+    FormHelperTextProps = _useFieldApi$FormHelp === void 0 ? {} : _useFieldApi$FormHelp,
+    rest = _objectWithoutProperties(_useFieldApi, _excluded);
   var invalid = validationError(meta, validateOnMount);
   var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
   return /*#__PURE__*/React.createElement(FormFieldGrid, FormFieldGridProps, /*#__PURE__*/React.createElement(FormControl, _extends({

package/esm/tabs/tabs.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+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, { useState } from 'react';
 import AppBar from "@mui/material/AppBar";
 import Grid from "@mui/material/Grid";
@@ -13,26 +10,23 @@ import Tab from "@mui/material/Tab";
 import Tabs from "@mui/material/Tabs";
 import FormFieldGrid from '../form-field-grid';
 import useFormApi from "@data-driven-forms/react-form-renderer/use-form-api";
-
 var FormTabs = function FormTabs(_ref) {
   var fields = _ref.fields,
-      _ref$AppBarProps = _ref.AppBarProps,
-      AppBarProps = _ref$AppBarProps === void 0 ? {} : _ref$AppBarProps,
-      _ref$TabsProps = _ref.TabsProps,
-      TabsProps = _ref$TabsProps === void 0 ? {} : _ref$TabsProps,
-      _ref$TabProps = _ref.TabProps,
-      TabProps = _ref$TabProps === void 0 ? {} : _ref$TabProps,
-      _ref$FormFieldGridPro = _ref.FormFieldGridProps,
-      FormFieldGridProps = _ref$FormFieldGridPro === void 0 ? {} : _ref$FormFieldGridPro,
-      _ref$GridItemProps = _ref.GridItemProps,
-      GridItemProps = _ref$GridItemProps === void 0 ? {} : _ref$GridItemProps;
+    _ref$AppBarProps = _ref.AppBarProps,
+    AppBarProps = _ref$AppBarProps === void 0 ? {} : _ref$AppBarProps,
+    _ref$TabsProps = _ref.TabsProps,
+    TabsProps = _ref$TabsProps === void 0 ? {} : _ref$TabsProps,
+    _ref$TabProps = _ref.TabProps,
+    TabProps = _ref$TabProps === void 0 ? {} : _ref$TabProps,
+    _ref$FormFieldGridPro = _ref.FormFieldGridProps,
+    FormFieldGridProps = _ref$FormFieldGridPro === void 0 ? {} : _ref$FormFieldGridPro,
+    _ref$GridItemProps = _ref.GridItemProps,
+    GridItemProps = _ref$GridItemProps === void 0 ? {} : _ref$GridItemProps;
   var formOptions = useFormApi();
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      activeTab = _useState2[0],
-      setActiveTab = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
   return /*#__PURE__*/React.createElement(FormFieldGrid, _extends({
     container: true
   }, FormFieldGridProps), /*#__PURE__*/React.createElement(AppBar, _extends({
@@ -45,14 +39,14 @@ var FormTabs = function FormTabs(_ref) {
     }
   }, TabsProps), fields.map(function (_ref2) {
     var title = _ref2.title,
-        name = _ref2.name;
+      name = _ref2.name;
     return /*#__PURE__*/React.createElement(Tab, _extends({
       key: name,
       label: title
     }, TabProps));
   }))), fields.map(function (_ref3, index) {
     var fields = _ref3.fields,
-        name = _ref3.name;
+      name = _ref3.name;
     return /*#__PURE__*/React.createElement(Grid, _extends({
       key: name || index,
       container: true,
@@ -67,8 +61,8 @@ var FormTabs = function FormTabs(_ref) {
     }, GridItemProps), formOptions.renderForm(fields));
   }));
 };
-
 export default FormTabs;
+
 /*
         {fields.map(({ fields }, index) =>
           index === activeTab ? (