@itcase/forms 1.0.49 → 1.0.51

package/dist/itcase-forms.cjs.js

@@ -124,30 +124,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,
@@ -157,14 +160,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 = React.useMemo(() => {
@@ -233,13 +233,13 @@ function FieldWrapperBase(props) {
     className: clsx__default.default('form-field__content', inputFillClass, inputShapeClass)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('form-field__content-inner', fieldClass)
-  }, beforeItem, children, afterItem), divider && /*#__PURE__*/React__default.default.createElement(Divider.Divider, {
+  }, beforeItem, children, afterItem), showDivider && /*#__PURE__*/React__default.default.createElement(Divider.Divider, {
     className: "form-field__item-divider",
     width: dividerWidth,
     direction: dividerDirection,
     size: dividerSize,
     fill: dividerFill
-  })), !hideMessage && /*#__PURE__*/React__default.default.createElement("div", {
+  })), showMessage && /*#__PURE__*/React__default.default.createElement("div", {
     className: "form-field__message"
   }, Boolean(showError) && error && typeof error === 'string' && /*#__PURE__*/React__default.default.createElement(Text.Text, {
     className: "form-field__message-item form-field__message-item_type-error",
@@ -258,10 +258,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__default.default.any,
@@ -271,14 +271,19 @@ FieldWrapperBase.propTypes = {
   beforeItem: PropTypes__default.default.any,
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
+  dataTour: PropTypes__default.default.string,
   desc: PropTypes__default.default.string,
-  descTextSize: PropTypes__default.default.string,
   descTextColor: PropTypes__default.default.string,
+  descTextSize: PropTypes__default.default.string,
   descTextWidth: PropTypes__default.default.string,
   dividerDirection: PropTypes__default.default.string,
   dividerFill: PropTypes__default.default.string,
   dividerSize: PropTypes__default.default.string,
   dividerWidth: PropTypes__default.default.string,
+  errorMessageTextColor: PropTypes__default.default.string,
+  errorMessageTextSize: PropTypes__default.default.string,
+  errorMessageTextWeight: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
+  errorMessageTextWidth: PropTypes__default.default.string,
   fieldClassName: PropTypes__default.default.string,
   id: PropTypes__default.default.string,
   inputName: PropTypes__default.default.string,
@@ -286,18 +291,20 @@ FieldWrapperBase.propTypes = {
   inputOnChange: PropTypes__default.default.func,
   inputOnFocus: PropTypes__default.default.func,
   inputValue: PropTypes__default.default.any,
+  isDisabled: PropTypes__default.default.bool,
+  isHidden: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
   itemType: PropTypes__default.default.string,
   label: PropTypes__default.default.any,
-  labelTextSize: PropTypes__default.default.string,
+  labelHidden: PropTypes__default.default.string,
   labelTextColor: PropTypes__default.default.string,
+  labelTextSize: PropTypes__default.default.string,
   labelTextWidth: PropTypes__default.default.string,
-  errorMessageTextSize: PropTypes__default.default.string,
-  errorMessageTextWidth: PropTypes__default.default.string,
-  errorMessageTextColor: PropTypes__default.default.string,
   message: PropTypes__default.default.string,
   messageSize: PropTypes__default.default.string,
   messageTextColor: PropTypes__default.default.string,
+  messageTextSize: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
+  messageTextWeight: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   messageTextWidth: PropTypes__default.default.string,
   metaActive: PropTypes__default.default.bool,
   metaError: PropTypes__default.default.string,
@@ -307,7 +314,10 @@ FieldWrapperBase.propTypes = {
   metaTouched: PropTypes__default.default.bool,
   metaValid: PropTypes__default.default.bool,
   set: PropTypes__default.default.string,
+  showDivider: PropTypes__default.default.bool,
   showErrorsOnSubmit: PropTypes__default.default.bool,
+  showMessage: PropTypes__default.default.bool,
+  tag: PropTypes__default.default.oneOfType([PropTypes__default.default.elementType, PropTypes__default.default.string]),
   type: PropTypes__default.default.string
 };
 function FieldWrapper(props) {
@@ -325,44 +335,24 @@ function FieldWrapper(props) {
   }, []);
   return /*#__PURE__*/React__default.default.createElement(FieldWrapperBase, props);
 }
-FieldWrapper.propTypes = {
-  autoComplete: PropTypes__default.default.string,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  fieldClassName: PropTypes__default.default.string,
-  hint: PropTypes__default.default.string,
-  inputName: PropTypes__default.default.string,
-  inputOnBlur: PropTypes__default.default.func,
-  inputOnChange: PropTypes__default.default.func,
-  inputOnFocus: PropTypes__default.default.func,
-  inputValue: PropTypes__default.default.any,
-  isRequired: PropTypes__default.default.bool,
-  itemType: PropTypes__default.default.string,
-  label: PropTypes__default.default.any,
-  metaActive: PropTypes__default.default.bool,
-  metaError: PropTypes__default.default.string,
-  metaModifiedSinceLastSubmit: PropTypes__default.default.bool,
-  metaSubmitError: PropTypes__default.default.string,
-  metaSubmitFailed: PropTypes__default.default.bool,
-  metaTouched: PropTypes__default.default.bool,
-  metaValid: PropTypes__default.default.bool,
-  showErrorsOnSubmit: PropTypes__default.default.bool
-};
+FieldWrapper.propTypes = FieldWrapperBase.propTypes;
 
 const CheckboxField = /*#__PURE__*/React__default.default.memo(function CheckboxField(props) {
   const {
-    name,
-    isDisabled,
-    isRequired,
-    onChange,
+    classNameGroupItem,
     fieldProps,
+    initialValue,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name,
-    type: "checkbox"
+    type: "checkbox",
+    initialValue: initialValue
   }, ({
     input,
     meta
@@ -388,7 +378,7 @@ const CheckboxField = /*#__PURE__*/React__default.default.memo(function Checkbox
       metaTouched: meta.touched,
       metaValid: meta.valid,
       tag: "label",
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(Checkbox.Checkbox, Object.assign({
       autoComplete: "nope",
       checked: input.checked,
@@ -402,14 +392,18 @@ const CheckboxField = /*#__PURE__*/React__default.default.memo(function Checkbox
   });
 });
 CheckboxField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
+  fieldProps: {},
+  inputProps: {}
 };
 CheckboxField.propTypes = {
+  initialValue: PropTypes__default.default.bool,
+  classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
   inputProps: PropTypes__default.default.object,
+  isDisabled: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
   name: PropTypes__default.default.string,
+  showMessage: PropTypes__default.default.bool,
   onChange: PropTypes__default.default.func
 };
 
@@ -417,7 +411,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
   const {
     classNameGroupItem,
     fieldProps,
-    hideMessage,
+    showMessage,
     initialValue,
     inputProps,
     isMultiple,
@@ -473,7 +467,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(Choice.Choice, Object.assign({
       className: clsx__default.default(meta.active && 'form-choice_state_focus', meta.error && meta.touched && 'form-choice_state_error'),
       options: options,
@@ -491,7 +485,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
 ChoiceField.propTypes = {
   classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
-  hideMessage: PropTypes__default.default.bool,
+  showMessage: PropTypes__default.default.bool,
   initialValue: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number, PropTypes__default.default.bool]),
   inputProps: PropTypes__default.default.object,
   isMultiple: PropTypes__default.default.bool,
@@ -510,12 +504,14 @@ const CustomField = /*#__PURE__*/React__default.default.memo(function CustomFiel
     isDisabled,
     isRequired,
     name,
+    initialValue,
     fieldProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
+    name: name,
+    initialValue: initialValue
   }, ({
     input,
     meta
@@ -533,7 +529,7 @@ const CustomField = /*#__PURE__*/React__default.default.memo(function CustomFiel
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage
+    showMessage: showMessage
   }, fieldProps), /*#__PURE__*/React__default.default.createElement(Component, Object.assign({}, props, {
     isDisabled: isDisabled,
     input: input,
@@ -545,10 +541,15 @@ CustomField.defaultProps = {
   fieldProps: {}
 };
 CustomField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  isRequired: PropTypes__default.default.bool,
+  Component: PropTypes__default.default.element,
+  classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
+  initialValue: PropTypes__default.default.any,
+  inputProps: PropTypes__default.default.object,
+  isDisabled: PropTypes__default.default.bool,
+  isRequired: PropTypes__default.default.bool,
+  name: PropTypes__default.default.string.isRequired,
+  showMessage: PropTypes__default.default.bool
 };
 
 const CodeField = /*#__PURE__*/React__default.default.memo(function CodeField(props) {
@@ -557,12 +558,14 @@ const CodeField = /*#__PURE__*/React__default.default.memo(function CodeField(pr
     isDisabled,
     name,
     fieldProps,
+    initialValue,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    name: name
+    name: name,
+    initialValue: initialValue
   }, ({
     input,
     meta
@@ -580,7 +583,7 @@ const CodeField = /*#__PURE__*/React__default.default.memo(function CodeField(pr
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage
+    showMessage: showMessage
   }, fieldProps), /*#__PURE__*/React__default.default.createElement(Code.Code, Object.assign({
     autoComplete: "nope",
     name: input.name,
@@ -596,10 +599,14 @@ CodeField.defaultProps = {
   fieldProps: {}
 };
 CodeField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  isRequired: PropTypes__default.default.bool,
+  classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
+  initialValue: PropTypes__default.default.string,
+  inputProps: PropTypes__default.default.object,
+  isDisabled: PropTypes__default.default.bool,
+  isRequired: PropTypes__default.default.bool,
+  name: PropTypes__default.default.string.isRequired,
+  showMessage: PropTypes__default.default.bool
 };
 
 function DatePickerField(props) {
@@ -618,7 +625,7 @@ function DatePickerField(props) {
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -648,7 +655,7 @@ function DatePickerField(props) {
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(DatePicker.DatePickerInput, {
       name: input.name,
       value: input.value || '',
@@ -786,7 +793,7 @@ const FileInputDropzone = /*#__PURE__*/React__default.default.memo(function File
     removeThumbText,
     hintTitle,
     hintDescription,
-    isShowFilename,
+    showFilename,
     isPreviews,
     loadingText,
     dropzoneProps = {},
@@ -976,7 +983,7 @@ const FileInputDropzone = /*#__PURE__*/React__default.default.memo(function File
     textColor: thumbNameTextColor,
     textWrap: thumbNameTextWrap,
     textWeight: thumbNameTextWeight
-  }, fileErrorText || file.error)), isShowFilename && /*#__PURE__*/React__default.default.createElement("div", {
+  }, fileErrorText || file.error)), showFilename && /*#__PURE__*/React__default.default.createElement("div", {
     className: "form-dropzone__thumb-name"
   }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: thumbNameTextSize,
@@ -1045,7 +1052,7 @@ FileInputDropzone.propTypes = {
   inputName: PropTypes__default.default.string,
   inputValue: PropTypes__default.default.any,
   isPreviews: PropTypes__default.default.bool,
-  isShowFilename: PropTypes__default.default.bool,
+  showFilename: PropTypes__default.default.bool,
   loadingText: PropTypes__default.default.string,
   metaError: PropTypes__default.default.string,
   metaTouched: PropTypes__default.default.bool,
@@ -1094,10 +1101,10 @@ const FileInput = /*#__PURE__*/React__default.default.memo(function FileInput(pr
     hintDescriptionTextColor,
     hintDescriptionTextWrap,
     hintDescriptionTextWeight,
-    hideMessage,
+    showMessage,
     thumbDirection,
     hintDescription,
-    isShowFilename,
+    showFilename,
     fileErrorText,
     dropzoneProps,
     maxFiles,
@@ -1130,7 +1137,7 @@ const FileInput = /*#__PURE__*/React__default.default.memo(function FileInput(pr
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage,
+    showMessage: showMessage,
     width: width
   }, fieldProps), /*#__PURE__*/React__default.default.createElement(FileInputDropzone, {
     dropzoneProps: dropzoneProps,
@@ -1176,7 +1183,7 @@ const FileInput = /*#__PURE__*/React__default.default.memo(function FileInput(pr
     errorMessageTextColor: errorMessageTextColor,
     isPreviews: isPreviews,
     shape: shape,
-    isShowFilename: isShowFilename,
+    showFilename: showFilename,
     metaError: meta.error,
     metaTouched: meta.touched,
     removeThumbText: removeThumbText,
@@ -1202,7 +1209,7 @@ FileInput.propTypes = {
   inputClass: PropTypes__default.default.string,
   isPreviews: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
-  isShowFilename: PropTypes__default.default.bool,
+  showFilename: PropTypes__default.default.bool,
   label: PropTypes__default.default.any,
   removeThumbText: PropTypes__default.default.string,
   onAddFiles: PropTypes__default.default.func,
@@ -1227,7 +1234,7 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
     messageTextColor,
     children,
     dataTour,
-    hideGroupMessage,
+    showGroupMessage,
     name,
     showErrorsOnSubmit
   } = props;
@@ -1258,7 +1265,7 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
       textWeight: labelTextWeight
     }, label)), /*#__PURE__*/React__default.default.createElement("div", {
       className: "form__group-items"
-    }, children), after), !hideGroupMessage && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+    }, children), after), showGroupMessage && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, Boolean(showError) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
       className: "form__group-message form__group-message_type-error",
       size: errorMessageTextSize,
       textWeight: errorMessageTextWeight,
@@ -1306,10 +1313,11 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
     iconBorderHover,
     iconFill,
     iconFillHover,
-    iconRevealableShow,
     iconRevealableHide,
+    iconRevealableShow,
     iconShape,
-    hideMessage,
+    initialValue,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -1327,7 +1335,8 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
   }, [setIsRevealed]);
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name,
-    parse: parse
+    parse: parse,
+    initialValue: initialValue
   }, ({
     input,
     meta
@@ -1352,7 +1361,7 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(Input.Input, Object.assign({
       className: clsx__default.default(meta.active && 'input_state_focus', meta.error && meta.touched && 'input_state_error'),
       autoComplete: "nope",
@@ -1381,6 +1390,7 @@ InputField.defaultProps = {
 };
 InputField.propTypes = {
   fieldProps: PropTypes__default.default.object,
+  initialValue: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   inputProps: PropTypes__default.default.object,
   isPassword: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
@@ -1400,7 +1410,7 @@ function RadioGroupItem(props) {
     if (event.target.checked) {
       onChange(option.value);
     }
-  }, []);
+  }, [onChange]);
   return /*#__PURE__*/React__default.default.createElement(RadioButton.RadioButton, Object.assign({
     className: "form-radio__item",
     checked: option.value === input.value,
@@ -1530,15 +1540,15 @@ RadioGroupList.propTypes = {
 
 const RadioGroup = /*#__PURE__*/React__default.default.memo(function RadioGroup(props) {
   const {
-    isRequired,
-    name,
-    options,
-    fieldProps,
     editableProps,
+    fieldProps,
     inputProps,
-    onChange,
     isDisabled,
-    hideMessage
+    isRequired,
+    name,
+    options,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -1559,7 +1569,7 @@ const RadioGroup = /*#__PURE__*/React__default.default.memo(function RadioGroup(
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage
+    showMessage: showMessage
   }, fieldProps), /*#__PURE__*/React__default.default.createElement(RadioGroupList, {
     input: input,
     options: options,
@@ -1570,22 +1580,23 @@ const RadioGroup = /*#__PURE__*/React__default.default.memo(function RadioGroup(
   })));
 });
 RadioGroup.defaultProps = {
-  fieldProps: {},
   editableProps: {},
+  fieldProps: {},
   inputProps: {},
   options: []
 };
 RadioGroup.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
+  editableProps: PropTypes__default.default.object,
   fieldProps: PropTypes__default.default.object,
   inputProps: PropTypes__default.default.object,
-  editableProps: PropTypes__default.default.object,
+  isDisabled: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
+  name: PropTypes__default.default.string.isRequired,
   options: PropTypes__default.default.array,
+  showMessage: PropTypes__default.default.bool,
   onChange: PropTypes__default.default.func
 };
 
-// const SegmentedField = React.memo(
 function SegmentedField(props) {
   const {
     options,
@@ -1594,11 +1605,14 @@ function SegmentedField(props) {
     fieldProps,
     inputProps,
     isDisabled,
-    hideMessage
+    showMessage
   } = props;
   const {
     change
   } = reactFinalForm.useForm();
+  const setActiveSegment = React.useCallback(option => {
+    change(name, option.value);
+  }, [change]);
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
   }, ({
@@ -1616,9 +1630,6 @@ function SegmentedField(props) {
       }
       return emptyOption;
     }, [input.value]);
-    const setActiveSegment = React.useCallback(option => {
-      change(name, option.value);
-    }, [change]);
     return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
       className: clsx__default.default('form-field_type_segmented', 'form__item_type_segmented'),
       fieldClassName: "form-segmented",
@@ -1633,7 +1644,7 @@ function SegmentedField(props) {
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(Segmented.Segmented, Object.assign({
       segments: options,
       isDisabled: isDisabled,
@@ -1642,18 +1653,18 @@ function SegmentedField(props) {
     }, inputProps)));
   });
 }
-// )
-
 SegmentedField.propTypes = {
-  options: PropTypes__default.default.array.isRequired,
-  name: PropTypes__default.default.string.isRequired,
   className: PropTypes__default.default.string,
+  fieldProps: PropTypes__default.default.object,
   inputClass: PropTypes__default.default.string,
+  inputProps: PropTypes__default.default.object,
+  isDisabled: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
   label: PropTypes__default.default.string,
+  name: PropTypes__default.default.string.isRequired,
+  options: PropTypes__default.default.array.isRequired,
   placeholder: PropTypes__default.default.string,
-  fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
+  showMessage: PropTypes__default.default.bool
 };
 
 function getDefaultValue(options, selectValue) {
@@ -1678,13 +1689,13 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
   const {
     classNameGroupItem,
     fieldProps,
-    hideMessage,
     isDisabled,
     isRequired,
     name,
     options,
     selectProps,
     selectRef,
+    showMessage,
     onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
@@ -1730,7 +1741,7 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage
+      showMessage: showMessage
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(Select.Select, Object.assign({
       className: "form-select-item",
       instanceId: `id_${input.name}`,
@@ -1743,25 +1754,30 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
   });
 });
 SelectField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  selectProps: PropTypes__default.default.object,
+  classNameGroupItem: PropTypes__default.default.string,
+  fieldProps: PropTypes__default.default.object,
+  isDisabled: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
   label: PropTypes__default.default.any,
   messageType: PropTypes__default.default.string,
+  name: PropTypes__default.default.string.isRequired,
   options: PropTypes__default.default.array,
+  selectProps: PropTypes__default.default.object,
+  selectRef: PropTypes__default.default.any,
+  showMessage: PropTypes__default.default.bool,
   onChange: PropTypes__default.default.func
 };
 
 const SwitchField = /*#__PURE__*/React__default.default.memo(function SwitchField(props) {
   const {
-    name,
-    isDisabled,
-    isRequired,
-    onChange,
+    classNameGroupItem,
     fieldProps,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name,
@@ -1790,7 +1806,7 @@ const SwitchField = /*#__PURE__*/React__default.default.memo(function SwitchFiel
       metaSubmitFailed: meta.submitFailed,
       metaTouched: meta.touched,
       metaValid: meta.valid,
-      hideMessage: hideMessage,
+      showMessage: showMessage,
       tag: "label"
     }, fieldProps), /*#__PURE__*/React__default.default.createElement(Switch.Switch, Object.assign({
       autoComplete: "nope",
@@ -1805,14 +1821,17 @@ const SwitchField = /*#__PURE__*/React__default.default.memo(function SwitchFiel
   });
 });
 SwitchField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
+  fieldProps: {},
+  inputProps: {}
 };
 SwitchField.propTypes = {
+  classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
   inputProps: PropTypes__default.default.object,
+  isDisabled: PropTypes__default.default.bool,
   isRequired: PropTypes__default.default.bool,
   name: PropTypes__default.default.string,
+  showMessage: PropTypes__default.default.bool,
   onChange: PropTypes__default.default.func
 };
 
@@ -1824,7 +1843,7 @@ const TextareaField = /*#__PURE__*/React__default.default.memo(function Textarea
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -1845,7 +1864,7 @@ const TextareaField = /*#__PURE__*/React__default.default.memo(function Textarea
     metaSubmitFailed: meta.submitFailed,
     metaTouched: meta.touched,
     metaValid: meta.valid,
-    hideMessage: hideMessage
+    showMessage: showMessage
   }, fieldProps), /*#__PURE__*/React__default.default.createElement(Textarea.Textarea, Object.assign({
     autoComplete: "nope",
     name: input.name,
@@ -1861,10 +1880,13 @@ TextareaField.defaultProps = {
   fieldProps: {}
 };
 TextareaField.propTypes = {
-  name: PropTypes__default.default.string.isRequired,
-  isRequired: PropTypes__default.default.bool,
+  classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object
+  inputProps: PropTypes__default.default.object,
+  isDisabled: PropTypes__default.default.bool,
+  isRequired: PropTypes__default.default.bool,
+  name: PropTypes__default.default.string.isRequired,
+  showMessage: PropTypes__default.default.bool
 };
 
 const focusOnError = (formElementsList, errors) => {
@@ -2074,7 +2096,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, {