@data-driven-forms/carbon-component-mapper 4.1.4 → 4.1.6

package/esm/prepare-props/prepare-props.js

@@ -1,27 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isDisabled", "isReadOnly", "isRequired", "label", "description"];
-
-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 WithDescription from '../with-description';
 import IsRequired from '../is-required/is-required';
 export var buildLabel = function buildLabel(label, isRequired) {
   return label && (isRequired ? /*#__PURE__*/React.createElement(IsRequired, null, label) : label) || undefined;
 };
-
 var prepareProps = function prepareProps(_ref) {
   var isDisabled = _ref.isDisabled,
-      isReadOnly = _ref.isReadOnly,
-      _ref$isRequired = _ref.isRequired,
-      isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
-      label = _ref.label,
-      description = _ref.description,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    isReadOnly = _ref.isReadOnly,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
+    label = _ref.label,
+    description = _ref.description,
+    props = _objectWithoutProperties(_ref, _excluded);
   return _objectSpread(_objectSpread({
     disabled: isDisabled,
     labelText: buildLabel(label, isRequired),
@@ -33,5 +28,4 @@ var prepareProps = function prepareProps(_ref) {
     })
   } : {});
 };
-
 export default prepareProps;

package/esm/radio/radio.js

@@ -1,28 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["component"],
-    _excluded2 = ["labelText", "disabled", "input", "options", "FormGroupProps", "helperText", "meta", "validateOnMount"];
+  _excluded2 = ["labelText", "disabled", "input", "options", "FormGroupProps", "helperText", "meta", "validateOnMount"];
 import React from 'react';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import { FormGroup, RadioButtonGroup, RadioButton } from '@carbon/react';
 import prepareProps from '../prepare-props';
 import HelperTextBlock from '../helper-text-block/helper-text-block';
-
 var Radio = function Radio(_ref) {
   var component = _ref.component,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useFieldApi = useFieldApi(prepareProps(props)),
-      labelText = _useFieldApi.labelText,
-      disabled = _useFieldApi.disabled,
-      input = _useFieldApi.input,
-      options = _useFieldApi.options,
-      FormGroupProps = _useFieldApi.FormGroupProps,
-      helperText = _useFieldApi.helperText,
-      meta = _useFieldApi.meta,
-      validateOnMount = _useFieldApi.validateOnMount,
-      rest = _objectWithoutProperties(_useFieldApi, _excluded2);
-
+    labelText = _useFieldApi.labelText,
+    disabled = _useFieldApi.disabled,
+    input = _useFieldApi.input,
+    options = _useFieldApi.options,
+    FormGroupProps = _useFieldApi.FormGroupProps,
+    helperText = _useFieldApi.helperText,
+    meta = _useFieldApi.meta,
+    validateOnMount = _useFieldApi.validateOnMount,
+    rest = _objectWithoutProperties(_useFieldApi, _excluded2);
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var warnText = (meta.touched || validateOnMount) && meta.warning;
   return /*#__PURE__*/React.createElement(FormGroup, _extends({
@@ -43,5 +40,4 @@ var Radio = function Radio(_ref) {
     warnText: warnText
   }));
 };
-
 export default Radio;

package/esm/select/select.js

@@ -3,26 +3,24 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/typeof";
 var _excluded = ["options"],
-    _excluded2 = ["invalidText", "hideSelectedOptions", "noOptionsMessage", "onInputChange", "options", "isFetching", "invalid", "isMulti", "classNamePrefix", "closeMenuOnSelect", "onChange", "originalOnChange", "carbonLabel", "placeholder", "isDisabled"],
-    _excluded3 = ["invalidText", "hideSelectedOptions", "noOptionsMessage", "onInputChange", "options", "isFetching", "invalid", "isMulti", "classNamePrefix", "closeMenuOnSelect", "onChange", "originalOnChange", "carbonLabel", "placeholder", "isDisabled"],
-    _excluded4 = ["isSearchable", "isClearable", "isDisabled", "isMulti", "invalidText", "hideSelectedOptions", "noOptionsMessage", "onInputChange", "options", "isFetching", "invalid", "classNamePrefix", "closeMenuOnSelect", "originalOnChange", "placeholder", "value"],
-    _excluded5 = ["isSearchable", "isClearable", "isDisabled", "isMulti", "invalidText", "hideSelectedOptions", "noOptionsMessage", "onInputChange", "options", "isFetching", "invalid", "classNamePrefix", "closeMenuOnSelect", "originalOnChange", "placeholder", "labelText", "onChange", "value"],
-    _excluded6 = ["isMulti", "isSearchable", "isClearable", "loadOptions", "input", "meta", "validateOnMount", "helperText", "loadingMessage"];
+  _excluded2 = ["invalidText", "hideSelectedOptions", "noOptionsMessage", "onInputChange", "options", "isFetching", "invalid", "isMulti", "classNamePrefix", "closeMenuOnSelect", "onChange", "originalOnChange", "carbonLabel", "placeholder", "isDisabled"],
+  _excluded3 = ["invalidText", "hideSelectedOptions", "noOptionsMessage", "onInputChange", "options", "isFetching", "invalid", "isMulti", "classNamePrefix", "closeMenuOnSelect", "onChange", "originalOnChange", "carbonLabel", "placeholder", "isDisabled"],
+  _excluded4 = ["isSearchable", "isClearable", "isDisabled", "isMulti", "invalidText", "hideSelectedOptions", "noOptionsMessage", "onInputChange", "options", "isFetching", "invalid", "classNamePrefix", "closeMenuOnSelect", "originalOnChange", "placeholder", "value"],
+  _excluded5 = ["isSearchable", "isClearable", "isDisabled", "isMulti", "invalidText", "hideSelectedOptions", "noOptionsMessage", "onInputChange", "options", "isFetching", "invalid", "classNamePrefix", "closeMenuOnSelect", "originalOnChange", "placeholder", "labelText", "onChange", "value"],
+  _excluded6 = ["isMulti", "isSearchable", "isClearable", "loadOptions", "input", "meta", "validateOnMount", "helperText", "loadingMessage"];
 import React, { useState, useEffect } from 'react';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import DataDrivenSelect from '@data-driven-forms/common/select';
 import fnToString from '@data-driven-forms/common/utils/fn-to-string';
 import { Select as CarbonSelect, MultiSelect, FilterableMultiSelect, SelectItem, ComboBox, SelectItemGroup } from '@carbon/react';
 import prepareProps from '../prepare-props';
-
 var onChangeWrapper = function onChangeWrapper(onChange) {
   return function (_ref) {
     var selectedItem = _ref.selectedItem,
-        selectedItems = _ref.selectedItems;
+      selectedItems = _ref.selectedItems;
     return onChange(selectedItems || selectedItem);
   };
 };
-
 export var getMultiValue = function getMultiValue(value, options) {
   return (Array.isArray(value) ? value : value ? [value] : []).map(function (item) {
     return _typeof(item) === 'object' ? item : options.find(function (_ref2) {
@@ -31,44 +29,39 @@ export var getMultiValue = function getMultiValue(value, options) {
     });
   });
 };
-
-var renderOptions = function renderOptions(options) {
+var _renderOptions = function renderOptions(options) {
   return options.map(function (option, index) {
     var options = option.options,
-        rest = _objectWithoutProperties(option, _excluded);
-
+      rest = _objectWithoutProperties(option, _excluded);
     if (options) {
       return /*#__PURE__*/React.createElement(SelectItemGroup, _extends({
         key: rest.value || index,
         text: rest.label
-      }, rest), renderOptions(options));
+      }, rest), _renderOptions(options));
     }
-
     return /*#__PURE__*/React.createElement(SelectItem, _extends({
       key: rest.value || index,
       text: rest.label
     }, rest));
   });
 };
-
 var ClearedMultiSelectFilterable = function ClearedMultiSelectFilterable(_ref3) {
   var invalidText = _ref3.invalidText,
-      hideSelectedOptions = _ref3.hideSelectedOptions,
-      noOptionsMessage = _ref3.noOptionsMessage,
-      onInputChange = _ref3.onInputChange,
-      options = _ref3.options,
-      isFetching = _ref3.isFetching,
-      invalid = _ref3.invalid,
-      isMulti = _ref3.isMulti,
-      classNamePrefix = _ref3.classNamePrefix,
-      closeMenuOnSelect = _ref3.closeMenuOnSelect,
-      onChange = _ref3.onChange,
-      originalOnChange = _ref3.originalOnChange,
-      carbonLabel = _ref3.carbonLabel,
-      placeholder = _ref3.placeholder,
-      isDisabled = _ref3.isDisabled,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
-
+    hideSelectedOptions = _ref3.hideSelectedOptions,
+    noOptionsMessage = _ref3.noOptionsMessage,
+    onInputChange = _ref3.onInputChange,
+    options = _ref3.options,
+    isFetching = _ref3.isFetching,
+    invalid = _ref3.invalid,
+    isMulti = _ref3.isMulti,
+    classNamePrefix = _ref3.classNamePrefix,
+    closeMenuOnSelect = _ref3.closeMenuOnSelect,
+    onChange = _ref3.onChange,
+    originalOnChange = _ref3.originalOnChange,
+    carbonLabel = _ref3.carbonLabel,
+    placeholder = _ref3.placeholder,
+    isDisabled = _ref3.isDisabled,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
   return /*#__PURE__*/React.createElement(FilterableMultiSelect, _extends({
     disabled: isDisabled
   }, rest, {
@@ -82,25 +75,23 @@ var ClearedMultiSelectFilterable = function ClearedMultiSelectFilterable(_ref3)
     initialSelectedItems: getMultiValue(rest.value, options)
   }));
 };
-
 var ClearedMultiSelect = function ClearedMultiSelect(_ref4) {
   var invalidText = _ref4.invalidText,
-      hideSelectedOptions = _ref4.hideSelectedOptions,
-      noOptionsMessage = _ref4.noOptionsMessage,
-      onInputChange = _ref4.onInputChange,
-      options = _ref4.options,
-      isFetching = _ref4.isFetching,
-      invalid = _ref4.invalid,
-      isMulti = _ref4.isMulti,
-      classNamePrefix = _ref4.classNamePrefix,
-      closeMenuOnSelect = _ref4.closeMenuOnSelect,
-      onChange = _ref4.onChange,
-      originalOnChange = _ref4.originalOnChange,
-      carbonLabel = _ref4.carbonLabel,
-      placeholder = _ref4.placeholder,
-      isDisabled = _ref4.isDisabled,
-      rest = _objectWithoutProperties(_ref4, _excluded3);
-
+    hideSelectedOptions = _ref4.hideSelectedOptions,
+    noOptionsMessage = _ref4.noOptionsMessage,
+    onInputChange = _ref4.onInputChange,
+    options = _ref4.options,
+    isFetching = _ref4.isFetching,
+    invalid = _ref4.invalid,
+    isMulti = _ref4.isMulti,
+    classNamePrefix = _ref4.classNamePrefix,
+    closeMenuOnSelect = _ref4.closeMenuOnSelect,
+    onChange = _ref4.onChange,
+    originalOnChange = _ref4.originalOnChange,
+    carbonLabel = _ref4.carbonLabel,
+    placeholder = _ref4.placeholder,
+    isDisabled = _ref4.isDisabled,
+    rest = _objectWithoutProperties(_ref4, _excluded3);
   return /*#__PURE__*/React.createElement(MultiSelect, _extends({
     disabled: isDisabled
   }, rest, {
@@ -114,30 +105,27 @@ var ClearedMultiSelect = function ClearedMultiSelect(_ref4) {
     initialSelectedItems: getMultiValue(rest.value, options)
   }));
 };
-
 var getSelectValue = function getSelectValue(value, isMulti) {
   return isMulti ? value : Array.isArray(value) ? value[0] : value;
 };
-
 var ClearedSelect = function ClearedSelect(_ref5) {
   var isSearchable = _ref5.isSearchable,
-      isClearable = _ref5.isClearable,
-      isDisabled = _ref5.isDisabled,
-      isMulti = _ref5.isMulti,
-      invalidText = _ref5.invalidText,
-      hideSelectedOptions = _ref5.hideSelectedOptions,
-      noOptionsMessage = _ref5.noOptionsMessage,
-      onInputChange = _ref5.onInputChange,
-      options = _ref5.options,
-      isFetching = _ref5.isFetching,
-      invalid = _ref5.invalid,
-      classNamePrefix = _ref5.classNamePrefix,
-      closeMenuOnSelect = _ref5.closeMenuOnSelect,
-      originalOnChange = _ref5.originalOnChange,
-      placeholder = _ref5.placeholder,
-      value = _ref5.value,
-      rest = _objectWithoutProperties(_ref5, _excluded4);
-
+    isClearable = _ref5.isClearable,
+    isDisabled = _ref5.isDisabled,
+    isMulti = _ref5.isMulti,
+    invalidText = _ref5.invalidText,
+    hideSelectedOptions = _ref5.hideSelectedOptions,
+    noOptionsMessage = _ref5.noOptionsMessage,
+    onInputChange = _ref5.onInputChange,
+    options = _ref5.options,
+    isFetching = _ref5.isFetching,
+    invalid = _ref5.invalid,
+    classNamePrefix = _ref5.classNamePrefix,
+    closeMenuOnSelect = _ref5.closeMenuOnSelect,
+    originalOnChange = _ref5.originalOnChange,
+    placeholder = _ref5.placeholder,
+    value = _ref5.value,
+    rest = _objectWithoutProperties(_ref5, _excluded4);
   return /*#__PURE__*/React.createElement(CarbonSelect, _extends({
     value: getSelectValue(value, isMulti),
     disabled: isFetching
@@ -148,9 +136,8 @@ var ClearedSelect = function ClearedSelect(_ref5) {
   }), isFetching && /*#__PURE__*/React.createElement(SelectItem, {
     text: placeholder,
     value: ''
-  }), renderOptions(options));
+  }), _renderOptions(options));
 };
-
 var getComboInitialValue = function getComboInitialValue(value) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var result = Array.isArray(value) ? value[0] : value;
@@ -159,33 +146,31 @@ var getComboInitialValue = function getComboInitialValue(value) {
     return value === result;
   }) || result;
 };
+
 /**
  * Combobox cannot be multi value
  */
-
-
 var ClearedSelectSearchable = function ClearedSelectSearchable(_ref7) {
   var isSearchable = _ref7.isSearchable,
-      isClearable = _ref7.isClearable,
-      isDisabled = _ref7.isDisabled,
-      isMulti = _ref7.isMulti,
-      invalidText = _ref7.invalidText,
-      hideSelectedOptions = _ref7.hideSelectedOptions,
-      noOptionsMessage = _ref7.noOptionsMessage,
-      onInputChange = _ref7.onInputChange,
-      _ref7$options = _ref7.options,
-      options = _ref7$options === void 0 ? [] : _ref7$options,
-      isFetching = _ref7.isFetching,
-      invalid = _ref7.invalid,
-      classNamePrefix = _ref7.classNamePrefix,
-      closeMenuOnSelect = _ref7.closeMenuOnSelect,
-      originalOnChange = _ref7.originalOnChange,
-      placeholder = _ref7.placeholder,
-      labelText = _ref7.labelText,
-      onChange = _ref7.onChange,
-      value = _ref7.value,
-      rest = _objectWithoutProperties(_ref7, _excluded5);
-
+    isClearable = _ref7.isClearable,
+    isDisabled = _ref7.isDisabled,
+    isMulti = _ref7.isMulti,
+    invalidText = _ref7.invalidText,
+    hideSelectedOptions = _ref7.hideSelectedOptions,
+    noOptionsMessage = _ref7.noOptionsMessage,
+    onInputChange = _ref7.onInputChange,
+    _ref7$options = _ref7.options,
+    options = _ref7$options === void 0 ? [] : _ref7$options,
+    isFetching = _ref7.isFetching,
+    invalid = _ref7.invalid,
+    classNamePrefix = _ref7.classNamePrefix,
+    closeMenuOnSelect = _ref7.closeMenuOnSelect,
+    originalOnChange = _ref7.originalOnChange,
+    placeholder = _ref7.placeholder,
+    labelText = _ref7.labelText,
+    onChange = _ref7.onChange,
+    value = _ref7.value,
+    rest = _objectWithoutProperties(_ref7, _excluded5);
   return /*#__PURE__*/React.createElement(ComboBox, _extends({
     disabled: isFetching
   }, rest, {
@@ -199,33 +184,30 @@ var ClearedSelectSearchable = function ClearedSelectSearchable(_ref7) {
     onChange: onChangeWrapper(onChange)
   }));
 };
-
 var Select = function Select(props) {
   var _useFieldApi = useFieldApi(prepareProps(props)),
-      isMulti = _useFieldApi.isMulti,
-      isSearchable = _useFieldApi.isSearchable,
-      isClearable = _useFieldApi.isClearable,
-      loadOptions = _useFieldApi.loadOptions,
-      input = _useFieldApi.input,
-      meta = _useFieldApi.meta,
-      validateOnMount = _useFieldApi.validateOnMount,
-      helperText = _useFieldApi.helperText,
-      _useFieldApi$loadingM = _useFieldApi.loadingMessage,
-      loadingMessage = _useFieldApi$loadingM === void 0 ? 'Loading...' : _useFieldApi$loadingM,
-      rest = _objectWithoutProperties(_useFieldApi, _excluded6);
-
+    isMulti = _useFieldApi.isMulti,
+    isSearchable = _useFieldApi.isSearchable,
+    isClearable = _useFieldApi.isClearable,
+    loadOptions = _useFieldApi.loadOptions,
+    input = _useFieldApi.input,
+    meta = _useFieldApi.meta,
+    validateOnMount = _useFieldApi.validateOnMount,
+    helperText = _useFieldApi.helperText,
+    _useFieldApi$loadingM = _useFieldApi.loadingMessage,
+    loadingMessage = _useFieldApi$loadingM === void 0 ? 'Loading...' : _useFieldApi$loadingM,
+    rest = _objectWithoutProperties(_useFieldApi, _excluded6);
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      loadOptionsChangeCounter = _useState2[0],
-      setCounter = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    loadOptionsChangeCounter = _useState2[0],
+    setCounter = _useState2[1];
   var loadOptionsStr = fnToString(loadOptions);
   useEffect(function () {
-    setCounter(loadOptionsChangeCounter + 1); // eslint-disable-next-line react-hooks/exhaustive-deps
+    setCounter(loadOptionsChangeCounter + 1);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadOptionsStr]);
   var isSearchClear = isSearchable || isClearable;
   var Component = ClearedSelect;
-
   if (isMulti && isSearchClear) {
     Component = ClearedMultiSelectFilterable;
   } else if (isMulti) {
@@ -233,7 +215,6 @@ var Select = function Select(props) {
   } else if (isSearchClear) {
     Component = ClearedSelectSearchable;
   }
-
   var invalidText = (meta.touched || validateOnMount) && (meta.error || meta.submitError) || '';
   var text = (meta.touched || validateOnMount) && meta.warning || helperText;
   return /*#__PURE__*/React.createElement(DataDrivenSelect, _extends({
@@ -248,5 +229,4 @@ var Select = function Select(props) {
     helperText: text
   }));
 };
-
 export default Select;

package/esm/slider/slider.js

@@ -6,17 +6,15 @@ import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import { Slider as CarbonSlider } from '@carbon/react';
 import prepareProps from '../prepare-props';
 import HelperTextBlock from '../helper-text-block/helper-text-block';
-
 var Slider = function Slider(props) {
   var _useFieldApi = useFieldApi(prepareProps(props)),
-      input = _useFieldApi.input,
-      meta = _useFieldApi.meta,
-      isRequired = _useFieldApi.isRequired,
-      validateOnMount = _useFieldApi.validateOnMount,
-      helperText = _useFieldApi.helperText,
-      WrapperProps = _useFieldApi.WrapperProps,
-      rest = _objectWithoutProperties(_useFieldApi, _excluded);
-
+    input = _useFieldApi.input,
+    meta = _useFieldApi.meta,
+    isRequired = _useFieldApi.isRequired,
+    validateOnMount = _useFieldApi.validateOnMount,
+    helperText = _useFieldApi.helperText,
+    WrapperProps = _useFieldApi.WrapperProps,
+    rest = _objectWithoutProperties(_useFieldApi, _excluded);
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var warnText = (meta.touched || validateOnMount) && meta.warning;
   return /*#__PURE__*/React.createElement("div", WrapperProps, /*#__PURE__*/React.createElement(CarbonSlider, _extends({}, input, {
@@ -33,5 +31,4 @@ var Slider = function Slider(props) {
     warnText: warnText
   }));
 };
-
 export default Slider;

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

@@ -12,29 +12,24 @@ var useStyles = createUseStyles({
     }
   }
 });
-
 var SubForm = function SubForm(_ref) {
   var fields = _ref.fields,
-      component = _ref.component,
-      title = _ref.title,
-      description = _ref.description,
-      _ref$TitleElement = _ref.TitleElement,
-      TitleElement = _ref$TitleElement === void 0 ? 'h3' : _ref$TitleElement,
-      _ref$DescriptionEleme = _ref.DescriptionElement,
-      DescriptionElement = _ref$DescriptionEleme === void 0 ? 'p' : _ref$DescriptionEleme,
-      TitleProps = _ref.TitleProps,
-      DescriptionProps = _ref.DescriptionProps,
-      HeaderProps = _ref.HeaderProps,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    component = _ref.component,
+    title = _ref.title,
+    description = _ref.description,
+    _ref$TitleElement = _ref.TitleElement,
+    TitleElement = _ref$TitleElement === void 0 ? 'h3' : _ref$TitleElement,
+    _ref$DescriptionEleme = _ref.DescriptionElement,
+    DescriptionElement = _ref$DescriptionEleme === void 0 ? 'p' : _ref$DescriptionEleme,
+    TitleProps = _ref.TitleProps,
+    DescriptionProps = _ref.DescriptionProps,
+    HeaderProps = _ref.HeaderProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var formOptions = useFormApi();
-
   var _useStyles = useStyles(),
-      tab = _useStyles.tab;
-
+    tab = _useStyles.tab;
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: clsx(tab, rest.className)
   }), (title || description) && /*#__PURE__*/React.createElement("div", HeaderProps, title && /*#__PURE__*/React.createElement(TitleElement, TitleProps, title), description && /*#__PURE__*/React.createElement(DescriptionElement, DescriptionProps, description)), formOptions.renderForm(fields, formOptions));
 };
-
 export default SubForm;

package/esm/switch/switch.js

@@ -2,39 +2,32 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["input", "meta", "onText", "offText", "validateOnMount", "helperText", "WrapperProps"],
-    _excluded2 = ["checked", "name", "onChange"];
-
-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 = ["checked", "name", "onChange"];
+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 useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import { Toggle } from '@carbon/react';
 import prepareProps from '../prepare-props';
 import HelperTextBlock from '../helper-text-block/helper-text-block';
-
 var Switch = function Switch(props) {
   var _useFieldApi = useFieldApi(_objectSpread(_objectSpread({}, prepareProps(props)), {}, {
-    type: 'checkbox'
-  })),
-      input = _useFieldApi.input,
-      meta = _useFieldApi.meta,
-      onText = _useFieldApi.onText,
-      offText = _useFieldApi.offText,
-      validateOnMount = _useFieldApi.validateOnMount,
-      helperText = _useFieldApi.helperText,
-      WrapperProps = _useFieldApi.WrapperProps,
-      rest = _objectWithoutProperties(_useFieldApi, _excluded);
-
+      type: 'checkbox'
+    })),
+    input = _useFieldApi.input,
+    meta = _useFieldApi.meta,
+    onText = _useFieldApi.onText,
+    offText = _useFieldApi.offText,
+    validateOnMount = _useFieldApi.validateOnMount,
+    helperText = _useFieldApi.helperText,
+    WrapperProps = _useFieldApi.WrapperProps,
+    rest = _objectWithoutProperties(_useFieldApi, _excluded);
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var warnText = (meta.touched || validateOnMount) && meta.warning;
-
   var checked = input.checked,
-      name = input.name,
-      onChange = input.onChange,
-      inputRest = _objectWithoutProperties(input, _excluded2);
-
+    name = input.name,
+    onChange = input.onChange,
+    inputRest = _objectWithoutProperties(input, _excluded2);
   return /*#__PURE__*/React.createElement("div", WrapperProps, /*#__PURE__*/React.createElement(Toggle, _extends({}, inputRest, {
     toggled: checked,
     onToggle: onChange,
@@ -48,5 +41,4 @@ var Switch = function Switch(props) {
     warnText: warnText
   }));
 };
-
 export default Switch;

package/esm/tabs/tabs.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["fields", "component", "name", "TabWrapperProps"],
-    _excluded2 = ["name", "label", "title"];
+  _excluded2 = ["name", "label", "title"];
 import React from 'react';
 import clsx from 'clsx';
 import { createUseStyles } from "react-jss/dist/react-jss.esm.js";
@@ -14,34 +14,29 @@ var useStyles = createUseStyles({
     }
   }
 });
-
 var Tabs = function Tabs(_ref) {
   var fields = _ref.fields,
-      component = _ref.component,
-      name = _ref.name,
-      _ref$TabWrapperProps = _ref.TabWrapperProps,
-      TabWrapperProps = _ref$TabWrapperProps === void 0 ? {} : _ref$TabWrapperProps,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    component = _ref.component,
+    name = _ref.name,
+    _ref$TabWrapperProps = _ref.TabWrapperProps,
+    TabWrapperProps = _ref$TabWrapperProps === void 0 ? {} : _ref$TabWrapperProps,
+    props = _objectWithoutProperties(_ref, _excluded);
   var formOptions = useFormApi();
-
   var _useStyles = useStyles(),
-      tab = _useStyles.tab;
-
+    tab = _useStyles.tab;
   return /*#__PURE__*/React.createElement(CarbonTabs, props, /*#__PURE__*/React.createElement(TabList, {
     "aria-label": "List of tabs"
   }, fields.map(function (_ref2) {
     var name = _ref2.name,
-        label = _ref2.label,
-        title = _ref2.title,
-        rest = _objectWithoutProperties(_ref2, _excluded2);
-
+      label = _ref2.label,
+      title = _ref2.title,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
     return /*#__PURE__*/React.createElement(Tab, _extends({
       key: name
     }, rest), label || title);
   })), /*#__PURE__*/React.createElement(TabPanels, null, fields.map(function (_ref3) {
     var tabFields = _ref3.fields,
-        name = _ref3.name;
+      name = _ref3.name;
     return /*#__PURE__*/React.createElement(TabPanel, {
       key: name
     }, /*#__PURE__*/React.createElement("div", _extends({}, TabWrapperProps, {
@@ -49,5 +44,4 @@ var Tabs = function Tabs(_ref) {
     }), formOptions.renderForm(tabFields, formOptions)));
   })));
 };
-
 export default Tabs;

package/esm/text-field/text-field.js

@@ -5,21 +5,17 @@ import React from 'react';
 import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
 import { TextInput, NumberInput } from '@carbon/react';
 import prepareProps from '../prepare-props';
-
 var TextField = function TextField(props) {
   var _useFieldApi = useFieldApi(prepareProps(props)),
-      input = _useFieldApi.input,
-      meta = _useFieldApi.meta,
-      validateOnMount = _useFieldApi.validateOnMount,
-      labelText = _useFieldApi.labelText,
-      rest = _objectWithoutProperties(_useFieldApi, _excluded);
-
+    input = _useFieldApi.input,
+    meta = _useFieldApi.meta,
+    validateOnMount = _useFieldApi.validateOnMount,
+    labelText = _useFieldApi.labelText,
+    rest = _objectWithoutProperties(_useFieldApi, _excluded);
   var Component = input.type === 'number' ? NumberInput : TextInput;
-
   var setValue = function setValue(e, state, input) {
     return input.type === 'number' ? "".concat(state.value) : e.target.value;
   };
-
   var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
   var warn = (meta.touched || validateOnMount) && meta.warning;
   return /*#__PURE__*/React.createElement(Component, _extends({}, input, {
@@ -38,5 +34,4 @@ var TextField = function TextField(props) {
     labelText: labelText
   }, rest));
 };
-
 export default TextField;