@itcase/forms 1.0.49 → 1.0.50

package/dist/css/form/Form/Form.css

@@ -164,7 +164,6 @@
   }
   &__item {
     text-align: center;
-    padding: 20px;
     border-radius: 12px;
   }
 }

package/dist/css/form/Form/css/form-notification/form-notification.css

@@ -12,7 +12,6 @@
   }
   &__item {
     text-align: center;
-    padding: 20px;
     border-radius: 12px;
   }
 }

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,40 +335,18 @@ 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,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name,
@@ -388,7 +376,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 +390,17 @@ const CheckboxField = /*#__PURE__*/React__default.default.memo(function Checkbox
   });
 });
 CheckboxField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
+  fieldProps: {},
+  inputProps: {}
 };
 CheckboxField.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
 };
 
@@ -417,7 +408,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
   const {
     classNameGroupItem,
     fieldProps,
-    hideMessage,
+    showMessage,
     initialValue,
     inputProps,
     isMultiple,
@@ -473,7 +464,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 +482,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,
@@ -512,7 +503,7 @@ const CustomField = /*#__PURE__*/React__default.default.memo(function CustomFiel
     name,
     fieldProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -533,7 +524,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 +536,14 @@ 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
+  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) {
@@ -559,7 +554,7 @@ const CodeField = /*#__PURE__*/React__default.default.memo(function CodeField(pr
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -580,7 +575,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 +591,13 @@ 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
+  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 +616,7 @@ function DatePickerField(props) {
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -648,7 +646,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 +784,7 @@ const FileInputDropzone = /*#__PURE__*/React__default.default.memo(function File
     removeThumbText,
     hintTitle,
     hintDescription,
-    isShowFilename,
+    showFilename,
     isPreviews,
     loadingText,
     dropzoneProps = {},
@@ -976,7 +974,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 +1043,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 +1092,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 +1128,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 +1174,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 +1200,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 +1225,7 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
     messageTextColor,
     children,
     dataTour,
-    hideGroupMessage,
+    showGroupMessage,
     name,
     showErrorsOnSubmit
   } = props;
@@ -1258,7 +1256,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,
@@ -1309,7 +1307,7 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -1352,7 +1350,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",
@@ -1530,15 +1528,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 +1557,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 +1568,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,7 +1593,7 @@ function SegmentedField(props) {
     fieldProps,
     inputProps,
     isDisabled,
-    hideMessage
+    showMessage
   } = props;
   const {
     change
@@ -1633,7 +1632,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 +1641,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 +1677,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 +1729,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 +1742,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 +1794,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 +1809,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 +1831,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 +1852,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 +1868,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 +2084,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, {

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,40 +325,18 @@ 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,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
@@ -378,7 +366,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 +380,17 @@ const CheckboxField = /*#__PURE__*/React.memo(function CheckboxField(props) {
   });
 });
 CheckboxField.defaultProps = {
-  inputProps: {},
-  fieldProps: {}
+  fieldProps: {},
+  inputProps: {}
 };
 CheckboxField.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
 };
 
@@ -407,7 +398,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
   const {
     classNameGroupItem,
     fieldProps,
-    hideMessage,
+    showMessage,
     initialValue,
     inputProps,
     isMultiple,
@@ -463,7 +454,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 +472,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,
@@ -502,7 +493,7 @@ const CustomField = /*#__PURE__*/React.memo(function CustomField(props) {
     name,
     fieldProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -523,7 +514,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 +526,14 @@ CustomField.defaultProps = {
   fieldProps: {}
 };
 CustomField.propTypes = {
-  name: PropTypes.string.isRequired,
-  isRequired: PropTypes.bool,
+  Component: PropTypes.element,
+  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 CodeField = /*#__PURE__*/React.memo(function CodeField(props) {
@@ -549,7 +544,7 @@ const CodeField = /*#__PURE__*/React.memo(function CodeField(props) {
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -570,7 +565,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 +581,13 @@ CodeField.defaultProps = {
   fieldProps: {}
 };
 CodeField.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
 };
 
 function DatePickerField(props) {
@@ -608,7 +606,7 @@ function DatePickerField(props) {
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -638,7 +636,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 +774,7 @@ const FileInputDropzone = /*#__PURE__*/React.memo(function FileInputDropzone(pro
     removeThumbText,
     hintTitle,
     hintDescription,
-    isShowFilename,
+    showFilename,
     isPreviews,
     loadingText,
     dropzoneProps = {},
@@ -966,7 +964,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 +1033,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 +1082,10 @@ const FileInput = /*#__PURE__*/React.memo(function FileInput(props) {
     hintDescriptionTextColor,
     hintDescriptionTextWrap,
     hintDescriptionTextWeight,
-    hideMessage,
+    showMessage,
     thumbDirection,
     hintDescription,
-    isShowFilename,
+    showFilename,
     fileErrorText,
     dropzoneProps,
     maxFiles,
@@ -1120,7 +1118,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 +1164,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 +1190,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 +1215,7 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
     messageTextColor,
     children,
     dataTour,
-    hideGroupMessage,
+    showGroupMessage,
     name,
     showErrorsOnSubmit
   } = props;
@@ -1248,7 +1246,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,
@@ -1299,7 +1297,7 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -1342,7 +1340,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",
@@ -1520,15 +1518,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 +1547,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 +1558,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,7 +1583,7 @@ function SegmentedField(props) {
     fieldProps,
     inputProps,
     isDisabled,
-    hideMessage
+    showMessage
   } = props;
   const {
     change
@@ -1623,7 +1622,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 +1631,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 +1667,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 +1719,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 +1732,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 +1784,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 +1799,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 +1821,7 @@ const TextareaField = /*#__PURE__*/React.memo(function TextareaField(props) {
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -1835,7 +1842,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 +1858,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 +2074,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, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.0.49",
+  "version": "1.0.50",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -31,8 +31,8 @@
   },
   "dependencies": {
     "@itcase/common": "^1.1.11",
-    "@itcase/ui": "^1.0.88",
-    "axios": "^1.6.2",
+    "@itcase/ui": "^1.0.91",
+    "axios": "^1.6.3",
     "clsx": "^2.0.0",
     "date-fns": "2.0.0-alpha.7",
     "final-form": "^4.20.10",
@@ -40,6 +40,7 @@
     "libphonenumber-js": "^1.10.52",
     "lodash": "^4.17.21",
     "luxon": "^3.4.4",
+    "postcss": "^8.4.32",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-date-range": "^1.4.0",