@itcase/forms 1.0.48 → 1.0.50

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,13 +160,11 @@ function FieldWrapperBase(props) {
     metaTouched,
     metaValid,
     set,
-    type,
-    labelHidden,
-    hideMessage,
-    isHidden,
+    showDivider,
+    showErrorsOnSubmit,
+    showMessage,
     tag: Tag,
-    dataTour,
-    showErrorsOnSubmit
+    type
   } = props;
   const error = metaError || !metaModifiedSinceLastSubmit && metaSubmitError || false;
   const showError = React.useMemo(() => {
@@ -178,8 +179,8 @@ function FieldWrapperBase(props) {
     const isModifiedAfterSubmit = !metaError && metaSubmitError && metaModifiedSinceLastSubmit;
     return hasValue && (metaValid || isModifiedAfterSubmit);
   }, [inputValue, metaValid, metaError, metaSubmitError, metaModifiedSinceLastSubmit]);
-  const formFieldClass = React.useMemo(() => clsx__default.default(className, showError && 'form__item_state_error', showValid && 'form__item_state_success', isRequired && 'form__item_state_required', metaActive && 'form__item_state_focus', inputValue && 'form__item_state_filled'), [className, showError, showValid, isRequired, metaActive, inputValue]);
-  const fieldClass = React.useMemo(() => clsx__default.default(fieldClassName, showError && `${fieldClassName}_state_error`, showValid && `${fieldClassName}_state_success`, metaActive && `${fieldClassName}_state_focus`, inputValue && `${fieldClassName}_state_filled`), [fieldClassName, showError, showValid, metaActive, inputValue]);
+  const formFieldClass = React.useMemo(() => clsx__default.default(className, showError && 'form__item_state_error', showValid && 'form__item_state_success', isRequired && 'form__item_state_required', isDisabled && 'form__item_state_disabled', metaActive && 'form__item_state_focus', inputValue && 'form__item_state_filled'), [className, showError, showValid, isRequired, metaActive, inputValue, isDisabled]);
+  const fieldClass = React.useMemo(() => clsx__default.default(fieldClassName, showError && `${fieldClassName}_state_error`, showValid && `${fieldClassName}_state_success`, metaActive && `${fieldClassName}_state_focus`, inputValue && `${fieldClassName}_state_filled`, isDisabled && `${fieldClassName}_state_disabled`), [fieldClassName, showError, showValid, metaActive, inputValue, isDisabled]);
   const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'form-field_size_',
     propsKey: 'size'
@@ -212,7 +213,7 @@ function FieldWrapperBase(props) {
     styles: formFieldStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(formFieldClass, 'form__item', 'form-field', type && `form-field_type_${type}`, set && `form-field_set_${set}`, sizeClass, fillClass, shapeClass, isHidden && `form-field_state_hidden`, directionClass, widthClass),
+    className: clsx__default.default(formFieldClass, 'form__item', 'form-field', type && `form-field_type_${type}`, set && `form-field_set_${set}`, sizeClass, fillClass, shapeClass, isDisabled && `form-field_state_disabled`, isHidden && `form-field_state_hidden`, directionClass, widthClass),
     "data-tour": dataTour,
     style: formFieldStyles
   }, before, (label || labelHidden) && /*#__PURE__*/React__default.default.createElement("div", {
@@ -232,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",
@@ -257,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,
@@ -270,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,
@@ -285,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,
@@ -306,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) {
@@ -324,39 +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,
-    isRequired,
-    onChange,
+    classNameGroupItem,
     fieldProps,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name,
@@ -377,6 +367,7 @@ const CheckboxField = /*#__PURE__*/React__default.default.memo(function Checkbox
       inputName: input.name,
       inputValue: input.checked,
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -385,11 +376,12 @@ 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,
       name: input.name,
+      isDisabled: isDisabled,
       type: "checkbox",
       onBlur: input.onBlur,
       onChange: onChangeField,
@@ -398,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
 };
 
@@ -413,7 +408,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
   const {
     classNameGroupItem,
     fieldProps,
-    hideMessage,
+    showMessage,
     initialValue,
     inputProps,
     isMultiple,
@@ -459,6 +454,7 @@ const ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceFiel
       inputName: input.name,
       inputValue: input.value || [],
       isRequired: isRequired,
+      isDisabled: isDisabled,
       label: label,
       messageType: messageType,
       metaActive: meta.active,
@@ -468,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,
@@ -486,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,
@@ -502,11 +498,12 @@ ChoiceField.propTypes = {
 const CustomField = /*#__PURE__*/React__default.default.memo(function CustomField(props) {
   const {
     Component,
+    isDisabled,
     isRequired,
     name,
     fieldProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -516,6 +513,7 @@ const CustomField = /*#__PURE__*/React__default.default.memo(function CustomFiel
   }) => /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
     className: clsx__default.default('form-field_type_custom', 'form__item_type_custom', classNameGroupItem),
     fieldClassName: 'form-custom',
+    isDisabled: isDisabled,
     inputName: input.name,
     inputValue: input.value,
     isRequired: isRequired,
@@ -526,8 +524,9 @@ 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,
     meta: meta
   }))));
@@ -537,20 +536,25 @@ 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) {
   const {
     isRequired,
+    isDisabled,
     name,
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -563,6 +567,7 @@ const CodeField = /*#__PURE__*/React__default.default.memo(function CodeField(pr
     inputName: input.name,
     inputValue: input.value,
     isRequired: isRequired,
+    isDisabled: isDisabled,
     metaActive: meta.active,
     metaError: meta.error,
     metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -570,10 +575,11 @@ 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,
+    isDisabled: isDisabled,
     value: input.value,
     onBlur: input.onBlur,
     onChange: input.onChange,
@@ -585,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) {
@@ -603,10 +612,11 @@ function DatePickerField(props) {
     iconBorderHover,
     iconFill,
     iconFillHover,
+    isDisabled,
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -628,6 +638,7 @@ function DatePickerField(props) {
       inputName: input.name,
       inputValue: input.value || '',
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -635,11 +646,12 @@ 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 || '',
       onBlur: input.onBlur,
+      isDisabled: isDisabled,
       onChange: onChangeField,
       onFocus: input.onFocus,
       inputProps: inputProps,
@@ -772,7 +784,7 @@ const FileInputDropzone = /*#__PURE__*/React__default.default.memo(function File
     removeThumbText,
     hintTitle,
     hintDescription,
-    isShowFilename,
+    showFilename,
     isPreviews,
     loadingText,
     dropzoneProps = {},
@@ -962,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,
@@ -1031,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,
@@ -1080,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,
@@ -1116,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,
@@ -1162,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,
@@ -1188,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,
@@ -1213,7 +1225,7 @@ const Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
     messageTextColor,
     children,
     dataTour,
-    hideGroupMessage,
+    showGroupMessage,
     name,
     showErrorsOnSubmit
   } = props;
@@ -1244,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,
@@ -1295,7 +1307,7 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -1330,6 +1342,7 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       inputName: input.name,
       inputValue: input.value || '',
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1337,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",
@@ -1515,14 +1528,15 @@ RadioGroupList.propTypes = {
 
 const RadioGroup = /*#__PURE__*/React__default.default.memo(function RadioGroup(props) {
   const {
+    editableProps,
+    fieldProps,
+    inputProps,
+    isDisabled,
     isRequired,
     name,
     options,
-    fieldProps,
-    editableProps,
-    inputProps,
-    onChange,
-    hideMessage
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -1535,6 +1549,7 @@ const RadioGroup = /*#__PURE__*/React__default.default.memo(function RadioGroup(
     inputName: input.name,
     inputValue: input.value || '',
     isRequired: isRequired,
+    isDisabled: isDisabled,
     metaActive: meta.active,
     metaError: meta.error,
     metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1542,32 +1557,34 @@ 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,
+    isDisabled: isDisabled,
     onChange: onChange,
     editableProps: editableProps,
     inputProps: inputProps
   })));
 });
 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,
@@ -1575,7 +1592,8 @@ function SegmentedField(props) {
     name,
     fieldProps,
     inputProps,
-    hideMessage
+    isDisabled,
+    showMessage
   } = props;
   const {
     change
@@ -1606,6 +1624,7 @@ function SegmentedField(props) {
       inputName: input.name,
       inputValue: input.value || [],
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1613,26 +1632,27 @@ 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,
       setActiveSegment: setActiveSegment,
       activeSegment: activeOption
     }, 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) {
@@ -1657,12 +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, {
@@ -1700,6 +1721,7 @@ const SelectField = /*#__PURE__*/React__default.default.memo(function SelectFiel
       inputName: input.name,
       inputValue: input.value,
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1707,36 +1729,43 @@ 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}`,
       value: selectedOptions,
       onChange: onChangeValue,
+      isDisabled: isDisabled,
       options: options,
       ref: selectRef
     }, selectProps)));
   });
 });
 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,
-    isRequired,
-    onChange,
+    classNameGroupItem,
     fieldProps,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name,
@@ -1757,6 +1786,7 @@ const SwitchField = /*#__PURE__*/React__default.default.memo(function SwitchFiel
       inputName: input.name,
       inputValue: input.checked,
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1764,10 +1794,11 @@ 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",
+      isDisabled: isDisabled,
       checked: input.checked,
       name: input.name,
       type: "checkbox",
@@ -1778,25 +1809,29 @@ 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
 };
 
 const TextareaField = /*#__PURE__*/React__default.default.memo(function TextareaField(props) {
   const {
     isRequired,
+    isDisabled,
     name,
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
     name: name
@@ -1809,6 +1844,7 @@ const TextareaField = /*#__PURE__*/React__default.default.memo(function Textarea
     inputName: input.name,
     inputValue: input.value,
     isRequired: isRequired,
+    isDisabled: isDisabled,
     metaActive: meta.active,
     metaError: meta.error,
     metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1816,11 +1852,12 @@ 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,
     value: input.value,
+    isDisabled: isDisabled,
     onBlur: input.onBlur,
     onChange: input.onChange,
     onFocus: input.onFocus
@@ -1831,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) => {
@@ -2044,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, {