@itcase/forms 1.0.48 → 1.0.50

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,13 +150,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 = useMemo(() => {
@@ -168,8 +169,8 @@ function FieldWrapperBase(props) {
     const isModifiedAfterSubmit = !metaError && metaSubmitError && metaModifiedSinceLastSubmit;
     return hasValue && (metaValid || isModifiedAfterSubmit);
   }, [inputValue, metaValid, metaError, metaSubmitError, metaModifiedSinceLastSubmit]);
-  const formFieldClass = useMemo(() => clsx(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 = useMemo(() => clsx(fieldClassName, showError && `${fieldClassName}_state_error`, showValid && `${fieldClassName}_state_success`, metaActive && `${fieldClassName}_state_focus`, inputValue && `${fieldClassName}_state_filled`), [fieldClassName, showError, showValid, metaActive, inputValue]);
+  const formFieldClass = useMemo(() => clsx(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 = useMemo(() => clsx(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(props, {
     prefix: 'form-field_size_',
     propsKey: 'size'
@@ -202,7 +203,7 @@ function FieldWrapperBase(props) {
     styles: formFieldStyles
   } = useStyles(props);
   return /*#__PURE__*/React.createElement(Tag, {
-    className: clsx(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(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.createElement("div", {
@@ -222,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",
@@ -247,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,
@@ -260,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,
@@ -275,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,
@@ -296,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) {
@@ -314,39 +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,
-    isRequired,
-    onChange,
+    classNameGroupItem,
     fieldProps,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
@@ -367,6 +357,7 @@ const CheckboxField = /*#__PURE__*/React.memo(function CheckboxField(props) {
       inputName: input.name,
       inputValue: input.checked,
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -375,11 +366,12 @@ 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,
       name: input.name,
+      isDisabled: isDisabled,
       type: "checkbox",
       onBlur: input.onBlur,
       onChange: onChangeField,
@@ -388,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
 };
 
@@ -403,7 +398,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
   const {
     classNameGroupItem,
     fieldProps,
-    hideMessage,
+    showMessage,
     initialValue,
     inputProps,
     isMultiple,
@@ -449,6 +444,7 @@ const ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
       inputName: input.name,
       inputValue: input.value || [],
       isRequired: isRequired,
+      isDisabled: isDisabled,
       label: label,
       messageType: messageType,
       metaActive: meta.active,
@@ -458,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,
@@ -476,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,
@@ -492,11 +488,12 @@ ChoiceField.propTypes = {
 const CustomField = /*#__PURE__*/React.memo(function CustomField(props) {
   const {
     Component,
+    isDisabled,
     isRequired,
     name,
     fieldProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -506,6 +503,7 @@ const CustomField = /*#__PURE__*/React.memo(function CustomField(props) {
   }) => /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
     className: clsx('form-field_type_custom', 'form__item_type_custom', classNameGroupItem),
     fieldClassName: 'form-custom',
+    isDisabled: isDisabled,
     inputName: input.name,
     inputValue: input.value,
     isRequired: isRequired,
@@ -516,8 +514,9 @@ 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,
     meta: meta
   }))));
@@ -527,20 +526,25 @@ 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) {
   const {
     isRequired,
+    isDisabled,
     name,
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -553,6 +557,7 @@ const CodeField = /*#__PURE__*/React.memo(function CodeField(props) {
     inputName: input.name,
     inputValue: input.value,
     isRequired: isRequired,
+    isDisabled: isDisabled,
     metaActive: meta.active,
     metaError: meta.error,
     metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -560,10 +565,11 @@ 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,
+    isDisabled: isDisabled,
     value: input.value,
     onBlur: input.onBlur,
     onChange: input.onChange,
@@ -575,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) {
@@ -593,10 +602,11 @@ function DatePickerField(props) {
     iconBorderHover,
     iconFill,
     iconFillHover,
+    isDisabled,
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -618,6 +628,7 @@ function DatePickerField(props) {
       inputName: input.name,
       inputValue: input.value || '',
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -625,11 +636,12 @@ 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 || '',
       onBlur: input.onBlur,
+      isDisabled: isDisabled,
       onChange: onChangeField,
       onFocus: input.onFocus,
       inputProps: inputProps,
@@ -762,7 +774,7 @@ const FileInputDropzone = /*#__PURE__*/React.memo(function FileInputDropzone(pro
     removeThumbText,
     hintTitle,
     hintDescription,
-    isShowFilename,
+    showFilename,
     isPreviews,
     loadingText,
     dropzoneProps = {},
@@ -952,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,
@@ -1021,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,
@@ -1070,10 +1082,10 @@ const FileInput = /*#__PURE__*/React.memo(function FileInput(props) {
     hintDescriptionTextColor,
     hintDescriptionTextWrap,
     hintDescriptionTextWeight,
-    hideMessage,
+    showMessage,
     thumbDirection,
     hintDescription,
-    isShowFilename,
+    showFilename,
     fileErrorText,
     dropzoneProps,
     maxFiles,
@@ -1106,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,
@@ -1152,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,
@@ -1178,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,
@@ -1203,7 +1215,7 @@ const Group = /*#__PURE__*/React.memo(function Group(props) {
     messageTextColor,
     children,
     dataTour,
-    hideGroupMessage,
+    showGroupMessage,
     name,
     showErrorsOnSubmit
   } = props;
@@ -1234,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,
@@ -1285,7 +1297,7 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
     iconRevealableShow,
     iconRevealableHide,
     iconShape,
-    hideMessage,
+    showMessage,
     onChange,
     classNameGroupItem
   } = props;
@@ -1320,6 +1332,7 @@ const InputField = /*#__PURE__*/React.memo(function InputField(props) {
       inputName: input.name,
       inputValue: input.value || '',
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1327,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",
@@ -1505,14 +1518,15 @@ RadioGroupList.propTypes = {
 
 const RadioGroup = /*#__PURE__*/React.memo(function RadioGroup(props) {
   const {
+    editableProps,
+    fieldProps,
+    inputProps,
+    isDisabled,
     isRequired,
     name,
     options,
-    fieldProps,
-    editableProps,
-    inputProps,
-    onChange,
-    hideMessage
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -1525,6 +1539,7 @@ const RadioGroup = /*#__PURE__*/React.memo(function RadioGroup(props) {
     inputName: input.name,
     inputValue: input.value || '',
     isRequired: isRequired,
+    isDisabled: isDisabled,
     metaActive: meta.active,
     metaError: meta.error,
     metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1532,32 +1547,34 @@ 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,
+    isDisabled: isDisabled,
     onChange: onChange,
     editableProps: editableProps,
     inputProps: inputProps
   })));
 });
 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,
@@ -1565,7 +1582,8 @@ function SegmentedField(props) {
     name,
     fieldProps,
     inputProps,
-    hideMessage
+    isDisabled,
+    showMessage
   } = props;
   const {
     change
@@ -1596,6 +1614,7 @@ function SegmentedField(props) {
       inputName: input.name,
       inputValue: input.value || [],
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1603,26 +1622,27 @@ 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,
       setActiveSegment: setActiveSegment,
       activeSegment: activeOption
     }, 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) {
@@ -1647,12 +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, {
@@ -1690,6 +1711,7 @@ const SelectField = /*#__PURE__*/React.memo(function SelectField(props) {
       inputName: input.name,
       inputValue: input.value,
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1697,36 +1719,43 @@ 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}`,
       value: selectedOptions,
       onChange: onChangeValue,
+      isDisabled: isDisabled,
       options: options,
       ref: selectRef
     }, selectProps)));
   });
 });
 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,
-    isRequired,
-    onChange,
+    classNameGroupItem,
     fieldProps,
     inputProps,
-    classNameGroupItem,
-    hideMessage
+    isDisabled,
+    isRequired,
+    name,
+    showMessage,
+    onChange
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
@@ -1747,6 +1776,7 @@ const SwitchField = /*#__PURE__*/React.memo(function SwitchField(props) {
       inputName: input.name,
       inputValue: input.checked,
       isRequired: isRequired,
+      isDisabled: isDisabled,
       metaActive: meta.active,
       metaError: meta.error,
       metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1754,10 +1784,11 @@ 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",
+      isDisabled: isDisabled,
       checked: input.checked,
       name: input.name,
       type: "checkbox",
@@ -1768,25 +1799,29 @@ 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
 };
 
 const TextareaField = /*#__PURE__*/React.memo(function TextareaField(props) {
   const {
     isRequired,
+    isDisabled,
     name,
     fieldProps,
     inputProps,
     classNameGroupItem,
-    hideMessage
+    showMessage
   } = props;
   return /*#__PURE__*/React.createElement(Field, {
     name: name
@@ -1799,6 +1834,7 @@ const TextareaField = /*#__PURE__*/React.memo(function TextareaField(props) {
     inputName: input.name,
     inputValue: input.value,
     isRequired: isRequired,
+    isDisabled: isDisabled,
     metaActive: meta.active,
     metaError: meta.error,
     metaModifiedSinceLastSubmit: meta.modifiedSinceLastSubmit,
@@ -1806,11 +1842,12 @@ 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,
     value: input.value,
+    isDisabled: isDisabled,
     onBlur: input.onBlur,
     onChange: input.onChange,
     onFocus: input.onFocus
@@ -1821,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) => {
@@ -2034,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, {