@itcase/forms 1.0.49 → 1.0.51

package/dist/itcase-forms.esm.js

@@ -114,30 +114,33 @@ function FieldWrapperBase(props) {
     beforeItem,
     children,
     className,
+    dataTour,
     desc,
-    descTextSize,
     descTextColor,
+    descTextSize,
     descTextWidth,
-    divider,
     dividerDirection,
     dividerFill,
     dividerSize,
     dividerWidth,
+    errorMessageTextColor,
+    errorMessageTextSize,
+    errorMessageTextWeight,
     fieldClassName,
     id,
     inputName,
     inputValue,
+    isDisabled,
+    isHidden,
     isRequired,
     label,
-    labelTextSize,
+    labelHidden,
     labelTextColor,
+    labelTextSize,
     labelTextWidth,
-    errorMessageTextSize,
-    errorMessageTextWeight,
-    errorMessageTextColor,
     message,
-    messageTextSize,
     messageTextColor,
+    messageTextSize,
     messageTextWeight,
     metaActive,
     metaError,
@@ -147,14 +150,11 @@ function FieldWrapperBase(props) {
     metaTouched,
     metaValid,
     set,
-    type,
-    labelHidden,
-    hideMessage,
-    isDisabled,
-    isHidden,
+    showDivider,
+    showErrorsOnSubmit,
+    showMessage,
     tag: Tag,
-    dataTour,
-    showErrorsOnSubmit
+    type
   } = props;
   const error = metaError || !metaModifiedSinceLastSubmit && metaSubmitError || false;
   const showError = useMemo(() => {
@@ -223,13 +223,13 @@ function FieldWrapperBase(props) {
     className: clsx('form-field__content', inputFillClass, inputShapeClass)
   }, /*#__PURE__*/React.createElement("div", {
     className: clsx('form-field__content-inner', fieldClass)
-  }, beforeItem, children, afterItem), divider && /*#__PURE__*/React.createElement(Divider, {
+  }, beforeItem, children, afterItem), showDivider && /*#__PURE__*/React.createElement(Divider, {
     className: "form-field__item-divider",
     width: dividerWidth,
     direction: dividerDirection,
     size: dividerSize,
     fill: dividerFill
-  })), !hideMessage && /*#__PURE__*/React.createElement("div", {
+  })), showMessage && /*#__PURE__*/React.createElement("div", {
     className: "form-field__message"
   }, Boolean(showError) && error && typeof error === 'string' && /*#__PURE__*/React.createElement(Text, {
     className: "form-field__message-item form-field__message-item_type-error",
@@ -248,10 +248,10 @@ function FieldWrapperBase(props) {
   }, '\u00A0')), after);
 }
 FieldWrapperBase.defaultProps = {
-  tag: 'div',
-  type: 'normal',
+  errorMessageTextColor: 'errorTextSecondary',
   errorMessageTextSize: 's',
-  errorMessageTextColor: 'errorTextSecondary'
+  tag: 'div',
+  type: 'normal'
 };
 FieldWrapperBase.propTypes = {
   after: PropTypes.any,
@@ -261,14 +261,19 @@ FieldWrapperBase.propTypes = {
   beforeItem: PropTypes.any,
   children: PropTypes.any,
   className: PropTypes.string,
+  dataTour: PropTypes.string,
   desc: PropTypes.string,
-  descTextSize: PropTypes.string,
   descTextColor: PropTypes.string,
+  descTextSize: PropTypes.string,
   descTextWidth: PropTypes.string,
   dividerDirection: PropTypes.string,
   dividerFill: PropTypes.string,
   dividerSize: PropTypes.string,
   dividerWidth: PropTypes.string,
+  errorMessageTextColor: PropTypes.string,
+  errorMessageTextSize: PropTypes.string,
+  errorMessageTextWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  errorMessageTextWidth: PropTypes.string,
   fieldClassName: PropTypes.string,
   id: PropTypes.string,
   inputName: PropTypes.string,
@@ -276,18 +281,20 @@ FieldWrapperBase.propTypes = {
   inputOnChange: PropTypes.func,
   inputOnFocus: PropTypes.func,
   inputValue: PropTypes.any,
+  isDisabled: PropTypes.bool,
+  isHidden: PropTypes.bool,
   isRequired: PropTypes.bool,
   itemType: PropTypes.string,
   label: PropTypes.any,
-  labelTextSize: PropTypes.string,
+  labelHidden: PropTypes.string,
   labelTextColor: PropTypes.string,
+  labelTextSize: PropTypes.string,
   labelTextWidth: PropTypes.string,
-  errorMessageTextSize: PropTypes.string,
-  errorMessageTextWidth: PropTypes.string,
-  errorMessageTextColor: PropTypes.string,
   message: PropTypes.string,
   messageSize: PropTypes.string,
   messageTextColor: PropTypes.string,
+  messageTextSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  messageTextWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   messageTextWidth: PropTypes.string,
   metaActive: PropTypes.bool,
   metaError: PropTypes.string,
@@ -297,7 +304,10 @@ FieldWrapperBase.propTypes = {
   metaTouched: PropTypes.bool,
   metaValid: PropTypes.bool,
   set: PropTypes.string,
+  showDivider: PropTypes.bool,
   showErrorsOnSubmit: PropTypes.bool,
+  showMessage: PropTypes.bool,
+  tag: PropTypes.oneOfType([PropTypes.elementType, PropTypes.string]),
   type: PropTypes.string
 };
 function FieldWrapper(props) {
@@ -315,44 +325,24 @@ function FieldWrapper(props) {
   }, []);
   return /*#__PURE__*/React.createElement(FieldWrapperBase, props);
 }
-FieldWrapper.propTypes = {
-  autoComplete: PropTypes.string,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  fieldClassName: PropTypes.string,
-  hint: PropTypes.string,
-  inputName: PropTypes.string,
-  inputOnBlur: PropTypes.func,
-  inputOnChange: PropTypes.func,
-  inputOnFocus: PropTypes.func,
-  inputValue: PropTypes.any,
-  isRequired: PropTypes.bool,
-  itemType: PropTypes.string,
-  label: PropTypes.any,
-  metaActive: PropTypes.bool,
-  metaError: PropTypes.string,
-  metaModifiedSinceLastSubmit: PropTypes.bool,
-  metaSubmitError: PropTypes.string,
-  metaSubmitFailed: PropTypes.bool,
-  metaTouched: PropTypes.bool,
-  metaValid: PropTypes.bool,
-  showErrorsOnSubmit: PropTypes.bool
-};
+FieldWrapper.propTypes = FieldWrapperBase.propTypes;
 
 const CheckboxField = /*#__PURE__*/React.memo(function CheckboxField(props) {
   const {
-    name,
-    isDisabled,
-    isRequired,
-    onChange,
+    classNameGroupItem,
     fieldProps,
+    initialValue,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
-    type: "checkbox"
+    type: "checkbox",
+    initialValue: initialValue
   }, ({
     input,
     meta
@@ -378,7 +368,7 @@ const CheckboxField = /*#__PURE__*/React.memo(function CheckboxField(props) {
       metaTouched: meta.touched,
       metaValid: meta.valid,
       tag: "label",
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React.createElement(Checkbox, Object.assign({
       autoComplete: "nope",
       checked: input.checked,
@@ -392,14 +382,18 @@ const CheckboxField = /*#__PURE__*/React.memo(function CheckboxField(props) {
   });
 });
 CheckboxField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
+  fieldProps: {},
+  inputProps: {}
 };
 CheckboxField.propTypes = {
+  initialValue: PropTypes.bool,
+  classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
   inputProps: PropTypes.object,
+  isDisabled: PropTypes.bool,
   isRequired: PropTypes.bool,
   name: PropTypes.string,
+  showMessage: PropTypes.bool,
   onChange: PropTypes.func
 };
 
@@ -407,7 +401,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
   const {
     classNameGroupItem,
     fieldProps,
-    hideMessage,
+    showMessage,
     initialValue,
     inputProps,
     isMultiple,
@@ -463,7 +457,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React.createElement(Choice, Object.assign({
       className: clsx(meta.active && 'form-choice_state_focus', meta.error && meta.touched && 'form-choice_state_error'),
       options: options,
@@ -481,7 +475,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
 ChoiceField.propTypes = {
   classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
-  hideMessage: PropTypes.bool,
+  showMessage: PropTypes.bool,
   initialValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
   inputProps: PropTypes.object,
   isMultiple: PropTypes.bool,
@@ -500,12 +494,14 @@ const CustomField = /*#__PURE__*/React.memo(function CustomField(props) {
     isDisabled,
     isRequired,
     name,
+    initialValue,
     fieldProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
-    name: name
+    name: name,
+    initialValue: initialValue
   }, ({
     input,
     meta
@@ -523,7 +519,7 @@ const CustomField = /*#__PURE__*/React.memo(function CustomField(props) {
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage
+    showMessage: showMessage
   }, fieldProps), /*#__PURE__*/React.createElement(Component, Object.assign({}, props, {
     isDisabled: isDisabled,
     input: input,
@@ -535,10 +531,15 @@ CustomField.defaultProps = {
   fieldProps: {}
 };
 CustomField.propTypes = {
-  name: PropTypes.string.isRequired,
-  isRequired: PropTypes.bool,
+  Component: PropTypes.element,
+  classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
-  inputProps: PropTypes.object
+  initialValue: PropTypes.any,
+  inputProps: PropTypes.object,
+  isDisabled: PropTypes.bool,
+  isRequired: PropTypes.bool,
+  name: PropTypes.string.isRequired,
+  showMessage: PropTypes.bool
 };
 
 const CodeField = /*#__PURE__*/React.memo(function CodeField(props) {
@@ -547,12 +548,14 @@ const CodeField = /*#__PURE__*/React.memo(function CodeField(props) {
     isDisabled,
     name,
     fieldProps,
+    initialValue,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
-    name: name
+    name: name,
+    initialValue: initialValue
   }, ({
     input,
     meta
@@ -570,7 +573,7 @@ const CodeField = /*#__PURE__*/React.memo(function CodeField(props) {
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage
+    showMessage: showMessage
   }, fieldProps), /*#__PURE__*/React.createElement(Code, Object.assign({
     autoComplete: "nope",
     name: input.name,
@@ -586,10 +589,14 @@ CodeField.defaultProps = {
   fieldProps: {}
 };
 CodeField.propTypes = {
-  name: PropTypes.string.isRequired,
-  isRequired: PropTypes.bool,
+  classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
-  inputProps: PropTypes.object
+  initialValue: PropTypes.string,
+  inputProps: PropTypes.object,
+  isDisabled: PropTypes.bool,
+  isRequired: PropTypes.bool,
+  name: PropTypes.string.isRequired,
+  showMessage: PropTypes.bool
 };
 
 function DatePickerField(props) {
@@ -608,7 +615,7 @@ function DatePickerField(props) {
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -638,7 +645,7 @@ function DatePickerField(props) {
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React.createElement(DatePickerInput, {
       name: input.name,
       value: input.value || '',
@@ -776,7 +783,7 @@ const FileInputDropzone = /*#__PURE__*/React.memo(function FileInputDropzone(pro
     removeThumbText,
     hintTitle,
     hintDescription,
-    isShowFilename,
+    showFilename,
     isPreviews,
     loadingText,
     dropzoneProps = {},
@@ -966,7 +973,7 @@ const FileInputDropzone = /*#__PURE__*/React.memo(function FileInputDropzone(pro
     textColor: thumbNameTextColor,
     textWrap: thumbNameTextWrap,
     textWeight: thumbNameTextWeight
-  }, fileErrorText || file.error)), isShowFilename && /*#__PURE__*/React.createElement("div", {
+  }, fileErrorText || file.error)), showFilename && /*#__PURE__*/React.createElement("div", {
     className: "form-dropzone__thumb-name"
   }, /*#__PURE__*/React.createElement(Text, {
     size: thumbNameTextSize,
@@ -1035,7 +1042,7 @@ FileInputDropzone.propTypes = {
   inputName: PropTypes.string,
   inputValue: PropTypes.any,
   isPreviews: PropTypes.bool,
-  isShowFilename: PropTypes.bool,
+  showFilename: PropTypes.bool,
   loadingText: PropTypes.string,
   metaError: PropTypes.string,
   metaTouched: PropTypes.bool,
@@ -1084,10 +1091,10 @@ const FileInput = /*#__PURE__*/React.memo(function FileInput(props) {
     hintDescriptionTextColor,
     hintDescriptionTextWrap,
     hintDescriptionTextWeight,
-    hideMessage,
+    showMessage,
     thumbDirection,
     hintDescription,
-    isShowFilename,
+    showFilename,
     fileErrorText,
     dropzoneProps,
     maxFiles,
@@ -1120,7 +1127,7 @@ const FileInput = /*#__PURE__*/React.memo(function FileInput(props) {
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage,
+    showMessage: showMessage,
     width: width
   }, fieldProps), /*#__PURE__*/React.createElement(FileInputDropzone, {
     dropzoneProps: dropzoneProps,
@@ -1166,7 +1173,7 @@ const FileInput = /*#__PURE__*/React.memo(function FileInput(props) {
     errorMessageTextColor: errorMessageTextColor,
     isPreviews: isPreviews,
     shape: shape,
-    isShowFilename: isShowFilename,
+    showFilename: showFilename,
     metaError: meta.error,
     metaTouched: meta.touched,
     removeThumbText: removeThumbText,
@@ -1192,7 +1199,7 @@ FileInput.propTypes = {
   inputClass: PropTypes.string,
   isPreviews: PropTypes.bool,
   isRequired: PropTypes.bool,
-  isShowFilename: PropTypes.bool,
+  showFilename: PropTypes.bool,
   label: PropTypes.any,
   removeThumbText: PropTypes.string,
   onAddFiles: PropTypes.func,
@@ -1217,7 +1224,7 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
     messageTextColor,
     children,
     dataTour,
-    hideGroupMessage,
+    showGroupMessage,
     name,
     showErrorsOnSubmit
   } = props;
@@ -1248,7 +1255,7 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
       textWeight: labelTextWeight
     }, label)), /*#__PURE__*/React.createElement("div", {
       className: "form__group-items"
-    }, children), after), !hideGroupMessage && /*#__PURE__*/React.createElement(React.Fragment, null, Boolean(showError) && /*#__PURE__*/React.createElement(Text, {
+    }, children), after), showGroupMessage && /*#__PURE__*/React.createElement(React.Fragment, null, Boolean(showError) && /*#__PURE__*/React.createElement(Text, {
       className: "form__group-message form__group-message_type-error",
       size: errorMessageTextSize,
       textWeight: errorMessageTextWeight,
@@ -1296,10 +1303,11 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
     iconBorderHover,
     iconFill,
     iconFillHover,
-    iconRevealableShow,
     iconRevealableHide,
+    iconRevealableShow,
     iconShape,
-    hideMessage,
+    initialValue,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -1317,7 +1325,8 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
   }, [setIsRevealed]);
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
-    parse: parse
+    parse: parse,
+    initialValue: initialValue
   }, ({
     input,
     meta
@@ -1342,7 +1351,7 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React.createElement(Input, Object.assign({
       className: clsx(meta.active && 'input_state_focus', meta.error && meta.touched && 'input_state_error'),
       autoComplete: "nope",
@@ -1371,6 +1380,7 @@ InputField.defaultProps = {
 };
 InputField.propTypes = {
   fieldProps: PropTypes.object,
+  initialValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   inputProps: PropTypes.object,
   isPassword: PropTypes.bool,
   isRequired: PropTypes.bool,
@@ -1390,7 +1400,7 @@ function RadioGroupItem(props) {
     if (event.target.checked) {
       onChange(option.value);
     }
-  }, []);
+  }, [onChange]);
   return /*#__PURE__*/React.createElement(RadioButton, Object.assign({
     className: "form-radio__item",
     checked: option.value === input.value,
@@ -1520,15 +1530,15 @@ RadioGroupList.propTypes = {
 
 const RadioGroup = /*#__PURE__*/React.memo(function RadioGroup(props) {
   const {
-    isRequired,
-    name,
-    options,
-    fieldProps,
     editableProps,
+    fieldProps,
     inputProps,
-    onChange,
     isDisabled,
-    hideMessage
+    isRequired,
+    name,
+    options,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -1549,7 +1559,7 @@ const RadioGroup = /*#__PURE__*/React.memo(function RadioGroup(props) {
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage
+    showMessage: showMessage
   }, fieldProps), /*#__PURE__*/React.createElement(RadioGroupList, {
     input: input,
     options: options,
@@ -1560,22 +1570,23 @@ const RadioGroup = /*#__PURE__*/React.memo(function RadioGroup(props) {
   })));
 });
 RadioGroup.defaultProps = {
-  fieldProps: {},
   editableProps: {},
+  fieldProps: {},
   inputProps: {},
   options: []
 };
 RadioGroup.propTypes = {
-  name: PropTypes.string.isRequired,
+  editableProps: PropTypes.object,
   fieldProps: PropTypes.object,
   inputProps: PropTypes.object,
-  editableProps: PropTypes.object,
+  isDisabled: PropTypes.bool,
   isRequired: PropTypes.bool,
+  name: PropTypes.string.isRequired,
   options: PropTypes.array,
+  showMessage: PropTypes.bool,
   onChange: PropTypes.func
 };
 
-// const SegmentedField = React.memo(
 function SegmentedField(props) {
   const {
     options,
@@ -1584,11 +1595,14 @@ function SegmentedField(props) {
     fieldProps,
     inputProps,
     isDisabled,
-    hideMessage
+    showMessage
   } = props;
   const {
     change
   } = useForm();
+  const setActiveSegment = useCallback(option => {
+    change(name, option.value);
+  }, [change]);
   return /*#__PURE__*/React.createElement(Field, {
     name: name
   }, ({
@@ -1606,9 +1620,6 @@ function SegmentedField(props) {
       }
       return emptyOption;
     }, [input.value]);
-    const setActiveSegment = useCallback(option => {
-      change(name, option.value);
-    }, [change]);
     return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
       className: clsx('form-field_type_segmented', 'form__item_type_segmented'),
       fieldClassName: "form-segmented",
@@ -1623,7 +1634,7 @@ function SegmentedField(props) {
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React.createElement(Segmented, Object.assign({
       segments: options,
       isDisabled: isDisabled,
@@ -1632,18 +1643,18 @@ function SegmentedField(props) {
     }, inputProps)));
   });
 }
-// )
-
 SegmentedField.propTypes = {
-  options: PropTypes.array.isRequired,
-  name: PropTypes.string.isRequired,
   className: PropTypes.string,
+  fieldProps: PropTypes.object,
   inputClass: PropTypes.string,
+  inputProps: PropTypes.object,
+  isDisabled: PropTypes.bool,
   isRequired: PropTypes.bool,
   label: PropTypes.string,
+  name: PropTypes.string.isRequired,
+  options: PropTypes.array.isRequired,
   placeholder: PropTypes.string,
-  fieldProps: PropTypes.object,
-  inputProps: PropTypes.object
+  showMessage: PropTypes.bool
 };
 
 function getDefaultValue(options, selectValue) {
@@ -1668,13 +1679,13 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
   const {
     classNameGroupItem,
     fieldProps,
-    hideMessage,
     isDisabled,
     isRequired,
     name,
     options,
     selectProps,
     selectRef,
+    showMessage,
     onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
@@ -1720,7 +1731,7 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React.createElement(Select, Object.assign({
       className: "form-select-item",
       instanceId: `id_${input.name}`,
@@ -1733,25 +1744,30 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
   });
 });
 SelectField.propTypes = {
-  name: PropTypes.string.isRequired,
-  selectProps: PropTypes.object,
+  classNameGroupItem: PropTypes.string,
+  fieldProps: PropTypes.object,
+  isDisabled: PropTypes.bool,
   isRequired: PropTypes.bool,
   label: PropTypes.any,
   messageType: PropTypes.string,
+  name: PropTypes.string.isRequired,
   options: PropTypes.array,
+  selectProps: PropTypes.object,
+  selectRef: PropTypes.any,
+  showMessage: PropTypes.bool,
   onChange: PropTypes.func
 };
 
 const SwitchField = /*#__PURE__*/React.memo(function SwitchField(props) {
   const {
-    name,
-    isDisabled,
-    isRequired,
-    onChange,
+    classNameGroupItem,
     fieldProps,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
@@ -1780,7 +1796,7 @@ const SwitchField = /*#__PURE__*/React.memo(function SwitchField(props) {
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage,
+      showMessage: showMessage,
       tag: "label"
     }, fieldProps), /*#__PURE__*/React.createElement(Switch, Object.assign({
       autoComplete: "nope",
@@ -1795,14 +1811,17 @@ const SwitchField = /*#__PURE__*/React.memo(function SwitchField(props) {
   });
 });
 SwitchField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
+  fieldProps: {},
+  inputProps: {}
 };
 SwitchField.propTypes = {
+  classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
   inputProps: PropTypes.object,
+  isDisabled: PropTypes.bool,
   isRequired: PropTypes.bool,
   name: PropTypes.string,
+  showMessage: PropTypes.bool,
   onChange: PropTypes.func
 };
 
@@ -1814,7 +1833,7 @@ const TextareaField = /*#__PURE__*/React.memo(function TextareaField(props) {
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -1835,7 +1854,7 @@ const TextareaField = /*#__PURE__*/React.memo(function TextareaField(props) {
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage
+    showMessage: showMessage
   }, fieldProps), /*#__PURE__*/React.createElement(Textarea, Object.assign({
     autoComplete: "nope",
     name: input.name,
@@ -1851,10 +1870,13 @@ TextareaField.defaultProps = {
   fieldProps: {}
 };
 TextareaField.propTypes = {
-  name: PropTypes.string.isRequired,
-  isRequired: PropTypes.bool,
+  classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
-  inputProps: PropTypes.object
+  inputProps: PropTypes.object,
+  isDisabled: PropTypes.bool,
+  isRequired: PropTypes.bool,
+  name: PropTypes.string.isRequired,
+  showMessage: PropTypes.bool
 };
 
 const focusOnError = (formElementsList, errors) => {
@@ -2064,7 +2086,7 @@ function generateField(field, config, props) {
         }, field, props), Object.entries(field.group).map(([key, value]) => {
           const groupProps = {
             ...value,
-            hideMessage: field.hideMessage,
+            showMessage: field.showMessage,
             classNameGroupItem: value.classNameGroupItem || 'form__group-item'
           };
           return generateField(groupProps, {