@itcase/forms 1.0.80 → 1.0.82

package/dist/css/form/FormField/FormField.css

@@ -10,8 +10,8 @@
   }
   &__message {
     &-item {
-      height: var(--form-field-helptext-height, 20px);
-      line-height: var(--form-field-helptext-line-height, 20px);
+      height: var(--form-field-helptext-height);
+      line-height: var(--form-field-helptext-line-height);
       padding: var(--form-field-helptext-padding, 0);
       display: block;
     }

package/dist/itcase-forms.cjs.js

@@ -36,7 +36,7 @@ var Button = require('@itcase/ui/components/Button');
 var Group$1 = require('@itcase/ui/components/Group');
 var Notification = require('@itcase/ui/components/Notification');
 var createDecorator = require('final-form-focus');
-var apisauce = require('apisauce');
+require('apisauce');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -2446,15 +2446,15 @@ MaskedInputField.propTypes = {
 
 function ChipsField(props) {
   const {
+    name,
+    initialValue,
     classNameGroupItem,
     fieldProps,
-    initialValue,
     inputProps,
-    isDisabled,
-    isRequired,
-    name,
     options,
     showMessage,
+    isDisabled,
+    isRequired,
     onChange
   } = props;
   const {
@@ -2473,30 +2473,30 @@ function ChipsField(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [initialValue]);
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Field, {
-    initialValue: initialValue,
-    name: name
+    name: name,
+    initialValue: initialValue
   }, function Render({
     input,
     meta
   }) {
     const {
-      isErrorState,
-      isValidState,
       errorKey,
-      errorMessage
+      errorMessage,
+      isErrorState,
+      isValidState
     } = useFieldValidationState({
       fieldProps: fieldProps,
       input: input,
       meta: meta
     });
     const updatedInputProps = useValidationAppearanceInputProps({
-      validationStateKey: isErrorState ? errorKey : 'success',
-      inputProps: inputProps
+      inputProps: inputProps,
+      validationStateKey: isErrorState ? errorKey : 'success'
     });
     const activeOptionsList = React.useMemo(() => {
       const emptyOptionsList = [{
-        value: null,
-        label: null
+        label: null,
+        value: null
       }];
       if (input?.value) {
         const currentOptions = options.filter(option => input.value?.includes(option.value));
@@ -2508,40 +2508,41 @@ function ChipsField(props) {
       className: clsx__default.default('form-field_type_chips', 'form__item_type_chips', classNameGroupItem),
       errorKey: errorKey,
       errorMessage: errorMessage,
-      fieldClassName: 'form-chips',
+      metaError: meta.error,
+      fieldClassName: "form-chips",
       inputName: input.name,
       inputValue: input.value,
+      metaActive: meta.active,
+      showMessage: showMessage,
       isDisabled: isDisabled,
       isErrorState: isErrorState,
       isRequired: isRequired,
-      isValidState: isValidState,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage
+      isValidState: isValidState
     }, fieldProps), options.map(option => /*#__PURE__*/React__default.default.createElement(Chips.Chips, Object.assign({
-      isActive: activeOptionsList.includes(option),
       className: clsx__default.default(meta.active && 'form-chips_state_focus', meta.error && meta.touched && `form-chips_state_${errorKey}`),
       key: option.value,
       label: option.label,
       value: option.value,
+      isActive: activeOptionsList.some(activeOption => activeOption.value === option.value),
+      isDisabled: option.isDisabled,
       onClick: () => onChangeSomeInput(input.value, option.value)
     }, updatedInputProps))));
   });
 }
 ChipsField.propTypes = {
-  isDisabled: PropTypes__default.default.bool,
-  isRequired: PropTypes__default.default.bool,
+  name: PropTypes__default.default.string,
+  initialValue: PropTypes__default.default.array,
   classNameGroupItem: PropTypes__default.default.string,
   fieldProps: PropTypes__default.default.object,
-  initialValue: PropTypes__default.default.array,
   input: PropTypes__default.default.object,
   inputProps: PropTypes__default.default.object,
-  name: PropTypes__default.default.string,
   options: PropTypes__default.default.arrayOf(PropTypes__default.default.shape({
-    value: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number, PropTypes__default.default.bool]),
-    label: PropTypes__default.default.string
+    label: PropTypes__default.default.string,
+    value: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number, PropTypes__default.default.bool])
   })),
   showMessage: PropTypes__default.default.bool,
+  isDisabled: PropTypes__default.default.bool,
+  isRequired: PropTypes__default.default.bool,
   onChange: PropTypes__default.default.func
 };
 
@@ -2779,46 +2780,19 @@ const sendFormDataToServer = async (url, data) => {
 
 const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalForm(props, ref) {
   const {
-    isLoading,
-    additionalProps,
-    after,
-    before,
-    buttonDirection,
-    buttonFill,
-    buttonGap,
-    buttonJustifyContent,
-    buttonPadding,
     className,
+    type,
+    initialValues,
+    initialValuesEqual,
     config,
-    dataTestId,
-    dataTestIdButtons,
-    dataTestIdPrimaryButton,
-    dataTestIdSecondaryButton,
-    dataTestIdTertiaryButton,
-    dataTour,
-    dataTourButtons,
-    dataTourPrimaryButton,
-    dataTourSecondaryButton,
-    dataTourTertiaryButton,
+    title,
+    titleTextColor,
+    titleTextSize,
+    titleTextWeight,
     description,
     descriptionSize,
     descriptionTextColor,
     descriptionTextWeight,
-    disableFieldsAutoComplete,
-    fieldsGap,
-    formName,
-    groupGap,
-    initialValues,
-    initialValuesEqual,
-    language,
-    loader,
-    loaderFill,
-    loaderItemFill,
-    loaderSet,
-    loaderText,
-    mutators,
-    notificationCloseButton,
-    notificationType,
     primaryButton,
     primaryButtonFill,
     primaryButtonFillHover,
@@ -2827,7 +2801,6 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     primaryButtonLabelTextColor,
     primaryButtonLabelTextWeight,
     primaryButtonSize,
-    renderFieldsWrapper = wrapperChildren => wrapperChildren,
     secondaryButton,
     secondaryButtonFill,
     secondaryButtonFillHover,
@@ -2836,7 +2809,6 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     secondaryButtonLabelTextColor,
     secondaryButtonLabelTextWeight,
     secondaryButtonSize,
-    set,
     tertiaryButton,
     tertiaryButtonFill,
     tertiaryButtonFillHover,
@@ -2845,12 +2817,41 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     tertiaryButtonLabelTextColor,
     tertiaryButtonLabelTextWeight,
     tertiaryButtonSize,
-    title,
-    titleTextColor,
-    titleTextSize,
-    titleTextWeight,
-    type,
+    dataTestIdPrimaryButton,
+    dataTourPrimaryButton,
+    dataTestIdSecondaryButton,
+    dataTourSecondaryButton,
+    dataTestIdTertiaryButton,
+    dataTourTertiaryButton,
+    additionalProps,
+    buttonDirection,
+    buttonFill,
+    buttonGap,
+    buttonJustifyContent,
+    buttonPadding,
+    dataTestId,
+    dataTestIdButtons,
+    dataTour,
+    dataTourButtons,
+    disableFieldsAutoComplete,
+    fieldsGap,
+    formName,
+    groupGap,
+    language,
+    loader,
+    loaderFill,
+    loaderItemFill,
+    loaderSet,
+    loaderText,
+    mutators,
+    notificationCloseButton,
+    notificationType,
+    renderFieldsWrapper = wrapperChildren => wrapperChildren,
     validationSchema,
+    before,
+    after,
+    isLoading,
+    set,
     onChangeFormValues,
     onClickSecondaryButton,
     onClickTertiaryButton,
@@ -2883,28 +2884,25 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     wrapper: wrapperStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(reactFinalForm.Form, {
-    decorators: [focusOnErrorDecorator],
     initialValues: initialValues,
     initialValuesEqual: initialValuesEqual,
-    mutators: mutators,
-    validate: validate,
     render: ({
+      submitError,
       form,
       handleSubmit,
-      modifiedSinceLastSubmit,
-      submitError
+      modifiedSinceLastSubmit
     }) => {
       return /*#__PURE__*/React__default.default.createElement("form", {
-        className: clsx__default.default(className, 'form', set && `form_set_${set}`, type && `form_type_${type}`, directionClass, fillClass, shapeClass, elevationClass)
-        // We no need set reference to html element, we need reference to "final-form" instance
-        ,
-        ref: () => onRefFormInstance(form),
+        className: clsx__default.default(className, 'form', set && `form_set_${set}`, type && `form_type_${type}`, directionClass, fillClass, shapeClass, elevationClass),
         name: formName,
         autoCapitalize: disableFieldsAutoComplete ? 'off' : undefined,
         autoComplete: disableFieldsAutoComplete ? 'off' : undefined,
         autoCorrect: disableFieldsAutoComplete ? 'off' : undefined,
         "data-test-id": dataTestId,
-        "data-tour": dataTour,
+        "data-tour": dataTour
+        // We no need set reference to html element, we need reference to "final-form" instance
+        ,
+        ref: () => onRefFormInstance(form),
         spellCheck: disableFieldsAutoComplete ? 'false' : undefined,
         style: formStyles,
         onSubmit: handleSubmit
@@ -2922,10 +2920,10 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
         className: clsx__default.default('notification', 'form-notification', notificationType ? `form-notification_type_${notificationType}` : 'form-notification_type_global')
       }, /*#__PURE__*/React__default.default.createElement(Notification.NotificationItem, {
         className: "form-notification__item",
-        closeButton: notificationCloseButton,
-        status: "error",
         title: form.getState().submitError,
         titleTextSize: "h6",
+        status: "error",
+        closeButton: notificationCloseButton,
         set: "form"
       })), onChangeFormValues && /*#__PURE__*/React__default.default.createElement(reactFinalForm.FormSpy, {
         subscription: {
@@ -2942,103 +2940,85 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
       }, additionalProps[config[key].name])), isLoading && (loader || /*#__PURE__*/React__default.default.createElement(Loader.Loader, {
         className: "form__loader",
         fill: loaderFill,
-        itemFill: loaderItemFill,
         text: loaderText,
+        itemFill: loaderItemFill,
         set: loaderSet
       }))))), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || tertiaryButton || tertiaryButtonLabel) && /*#__PURE__*/React__default.default.createElement(Group$1.Group, {
         className: "form__button",
+        direction: buttonDirection,
+        justifyContent: buttonJustifyContent,
         fill: buttonFill,
         padding: buttonPadding,
-        dataTestId: dataTestIdButtons,
-        dataTour: dataTourButtons,
-        direction: buttonDirection,
         gap: buttonGap,
-        justifyContent: buttonJustifyContent
+        dataTestId: dataTestIdButtons,
+        dataTour: dataTourButtons
       }, primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
         className: "form__button-item",
         width: "fill",
-        labelTextColor: primaryButtonLabelTextColor,
-        labelTextSize: primaryButtonLabelSize,
+        size: primaryButtonSize,
         fill: primaryButtonFill,
         fillHover: primaryButtonFillHover,
-        dataTestId: dataTestIdPrimaryButton,
-        dataTour: dataTourPrimaryButton,
         label: primaryButtonLabel,
+        labelTextColor: primaryButtonLabelTextColor,
+        labelTextSize: primaryButtonLabelSize,
         labelTextWeight: primaryButtonLabelTextWeight,
-        size: primaryButtonSize
+        dataTestId: dataTestIdPrimaryButton,
+        dataTour: dataTourPrimaryButton
       }) : primaryButton, secondaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
         className: "form__button-item",
         width: "fill",
-        labelTextColor: secondaryButtonLabelTextColor,
-        labelTextSize: secondaryButtonLabelSize,
+        size: secondaryButtonSize,
         fill: secondaryButtonFill,
         fillHover: secondaryButtonFillHover,
-        dataTestId: dataTestIdSecondaryButton,
-        dataTour: dataTourSecondaryButton,
         label: secondaryButtonLabel,
+        labelTextColor: secondaryButtonLabelTextColor,
+        labelTextSize: secondaryButtonLabelSize,
         labelTextWeight: secondaryButtonLabelTextWeight,
-        size: secondaryButtonSize,
+        dataTestId: dataTestIdSecondaryButton,
+        dataTour: dataTourSecondaryButton,
         onClick: onClickSecondaryButton
       }) : secondaryButton, tertiaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
         className: "form__button-item",
         width: "fill",
-        labelTextColor: tertiaryButtonLabelTextColor,
-        labelTextSize: tertiaryButtonLabelSize,
+        size: tertiaryButtonSize,
         fill: tertiaryButtonFill,
         fillHover: tertiaryButtonFillHover,
-        dataTestId: dataTestIdTertiaryButton,
-        dataTour: dataTourTertiaryButton,
         label: tertiaryButtonLabel,
+        labelTextColor: tertiaryButtonLabelTextColor,
+        labelTextSize: tertiaryButtonLabelSize,
         labelTextWeight: tertiaryButtonLabelTextWeight,
-        size: tertiaryButtonSize,
+        dataTestId: dataTestIdTertiaryButton,
+        dataTour: dataTourTertiaryButton,
         onClick: onClickTertiaryButton
       }) : tertiaryButton), after);
     },
+    decorators: [focusOnErrorDecorator],
+    mutators: mutators,
     subscription: {
+      submitError: true,
       modifiedSinceLastSubmit: true,
       pristine: true,
-      submitError: true,
       submitting: true
     },
+    validate: validate,
     onSubmit: onSubmit
   });
 });
 FinalForm.propTypes = {
-  isLoading: PropTypes__default.default.bool,
-  additionalProps: PropTypes__default.default.object,
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  buttonDirection: PropTypes__default.default.string,
-  buttonFill: PropTypes__default.default.string,
-  buttonGap: PropTypes__default.default.string,
-  buttonJustifyContent: PropTypes__default.default.string,
-  buttonPadding: PropTypes__default.default.string,
   className: PropTypes__default.default.string,
+  type: PropTypes__default.default.string,
+  initialValues: PropTypes__default.default.any,
+  initialValuesEqual: PropTypes__default.default.any,
   config: PropTypes__default.default.object,
-  dataTour: PropTypes__default.default.string,
-  dataTourButtons: PropTypes__default.default.string,
-  dataTourPrimaryButton: PropTypes__default.default.string,
-  dataTourSecondaryButton: PropTypes__default.default.string,
-  dataTourTertiaryButton: PropTypes__default.default.string,
+  title: PropTypes__default.default.string,
+  titleSize: PropTypes__default.default.string,
+  titleTextColor: PropTypes__default.default.string,
+  titleTextSize: PropTypes__default.default.string,
+  titleTextWeight: PropTypes__default.default.string,
   description: PropTypes__default.default.string,
   descriptionSize: PropTypes__default.default.string,
   descriptionTextColor: PropTypes__default.default.string,
   descriptionTextWeight: PropTypes__default.default.string,
-  disableFieldsAutoComplete: PropTypes__default.default.bool,
-  fieldsGap: PropTypes__default.default.string,
-  formName: PropTypes__default.default.string,
-  groupGap: PropTypes__default.default.string,
-  initialValues: PropTypes__default.default.any,
-  initialValuesEqual: PropTypes__default.default.any,
-  language: PropTypes__default.default.string,
-  loader: PropTypes__default.default.element,
-  loaderFill: PropTypes__default.default.string,
-  loaderItemFill: PropTypes__default.default.string,
-  loaderSet: PropTypes__default.default.string,
-  loaderText: PropTypes__default.default.string,
-  mutators: PropTypes__default.default.any,
-  notificationCloseButton: PropTypes__default.default.element,
-  notificationType: PropTypes__default.default.string,
   primaryButton: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.element]),
   primaryButtonFill: PropTypes__default.default.string,
   primaryButtonFillHover: PropTypes__default.default.string,
@@ -3055,7 +3035,6 @@ FinalForm.propTypes = {
   secondaryButtonLabelTextColor: PropTypes__default.default.string,
   secondaryButtonLabelTextWeight: PropTypes__default.default.string,
   secondaryButtonSize: PropTypes__default.default.string,
-  set: PropTypes__default.default.string,
   tertiaryButton: PropTypes__default.default.element,
   tertiaryButtonFill: PropTypes__default.default.string,
   tertiaryButtonFillHover: PropTypes__default.default.string,
@@ -3064,13 +3043,35 @@ FinalForm.propTypes = {
   tertiaryButtonLabelTextColor: PropTypes__default.default.string,
   tertiaryButtonLabelTextWeight: PropTypes__default.default.string,
   tertiaryButtonSize: PropTypes__default.default.string,
-  title: PropTypes__default.default.string,
-  titleSize: PropTypes__default.default.string,
-  titleTextColor: PropTypes__default.default.string,
-  titleTextSize: PropTypes__default.default.string,
-  titleTextWeight: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
+  dataTourPrimaryButton: PropTypes__default.default.string,
+  dataTourSecondaryButton: PropTypes__default.default.string,
+  dataTourTertiaryButton: PropTypes__default.default.string,
+  additionalProps: PropTypes__default.default.object,
+  buttonDirection: PropTypes__default.default.string,
+  buttonFill: PropTypes__default.default.string,
+  buttonGap: PropTypes__default.default.string,
+  buttonJustifyContent: PropTypes__default.default.string,
+  buttonPadding: PropTypes__default.default.string,
+  dataTour: PropTypes__default.default.string,
+  dataTourButtons: PropTypes__default.default.string,
+  disableFieldsAutoComplete: PropTypes__default.default.bool,
+  fieldsGap: PropTypes__default.default.string,
+  formName: PropTypes__default.default.string,
+  groupGap: PropTypes__default.default.string,
+  language: PropTypes__default.default.string,
+  loader: PropTypes__default.default.element,
+  loaderFill: PropTypes__default.default.string,
+  loaderItemFill: PropTypes__default.default.string,
+  loaderSet: PropTypes__default.default.string,
+  loaderText: PropTypes__default.default.string,
+  mutators: PropTypes__default.default.any,
+  notificationCloseButton: PropTypes__default.default.element,
+  notificationType: PropTypes__default.default.string,
   validationSchema: PropTypes__default.default.object,
+  before: PropTypes__default.default.any,
+  after: PropTypes__default.default.any,
+  isLoading: PropTypes__default.default.bool,
+  set: PropTypes__default.default.string,
   onChangeFormValues: PropTypes__default.default.func,
   onClickSecondaryButton: PropTypes__default.default.func,
   onClickTertiaryButton: PropTypes__default.default.func,
@@ -3078,7 +3079,7 @@ FinalForm.propTypes = {
 };
 FinalForm.defaultProps = {
   direction: 'vertical',
-  isLoading: false,
+  titleSize: 'h1',
   additionalProps: {},
   buttonDirection: 'vertical',
   disableFieldsAutoComplete: false,
@@ -3086,7 +3087,7 @@ FinalForm.defaultProps = {
   loaderFill: 'surfacePrimary',
   loaderItemFill: 'surfaceItemAccent',
   loaderSet: 'simple',
-  titleSize: 'h1'
+  isLoading: false
 };
 
 const DEFAULT_MESSAGES_FIELDS = {
@@ -3215,49 +3216,86 @@ const parseNumericField = value => {
   }
   return '';
 };
-const getErrorsForFinalForm = errorData => {
+
+// const getErrorsForFinalForm = (errorData) => {
+//   /*
+//    * errorData - its an "axios" error
+//    */
+
+//   const formErrors = {}
+
+//   const responseErrorMessage = errorData.toJSON ? errorData.toJSON().message : errorData.message
+
+//   // const status = (errorData.response && errorData.response.status) || null
+//   const problemError = getProblemFromError(errorData)
+//   // const problemStatus = getProblemFromStatus(status)
+
+//   if (problemError === NETWORK_ERROR || problemError === CONNECTION_ERROR) {
+//     // Say to "react-final-form" that we have general error
+//     formErrors[FORM_ERROR] = 'Проблемы с подключением к сервису'
+//   } else if (errorData.response?.data) {
+//     // Collect errors for some fields, which in the response from server
+//     const serverErrors = errorData.response.data
+//     if (typeof serverErrors === 'string') {
+//       if (errorData.response.status === 500) {
+//         formErrors[FORM_ERROR] =
+//           'Во время обработки запроса произошла ошибка, попробуйте повторить запрос'
+//       }
+//       // formErrors[FORM_ERROR] = responseErrorMessage
+//     } else {
+//       if (errorData.response.status === 500) {
+//         formErrors[FORM_ERROR] =
+//           'Во время обработки запроса произошла ошибка, попробуйте повторить запрос'
+//       }
+//       for (const key in serverErrors) {
+//         // TODO: what is forms has "detail" field? show as form error is well?
+//         const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key
+//         // Say to "react-final-form" that we have some fields errors
+//         formErrors[errorFieldKey] = castArray(serverErrors[key])[0]
+//       }
+//     }
+//   } else if (typeof errorData === 'object' && Object.keys(errorData).length) {
+//     for (const key in errorData) {
+//       const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key
+//       // Say to "react-final-form" that we have some fields errors
+//       formErrors[errorFieldKey] = castArray(errorData[key])[0]
+//     }
+//   } else {
+//     // Say to "react-final-form" that we have general error
+//     formErrors[FORM_ERROR] = responseErrorMessage || 'Произошла ошибка'
+//   }
+
+//   return formErrors
+// }
+
+const getErrorsForFinalForm = error => {
   /*
-   * errorData - its an "axios" error
+   * error - its an "axios" error in many cases
    */
 
   const formErrors = {};
-  const responseErrorMessage = errorData.toJSON ? errorData.toJSON().message : errorData.message;
-
-  // const status = (errorData.response && errorData.response.status) || null
-  const problemError = apisauce.getProblemFromError(errorData);
-  // const problemStatus = getProblemFromStatus(status)
-
-  if (problemError === apisauce.NETWORK_ERROR || problemError === apisauce.CONNECTION_ERROR) {
-    // Say to "react-final-form" that we have general error
-    formErrors[finalForm.FORM_ERROR] = 'Проблемы с подключением к сервису';
-  } else if (errorData.response?.data) {
+  const serverErrors = error.response?.data;
+  if (serverErrors) {
     // Collect errors for some fields, which in the response from server
-    const serverErrors = errorData.response.data;
     if (typeof serverErrors === 'string') {
-      if (errorData.response.status === 500) {
-        formErrors[finalForm.FORM_ERROR] = 'Во время обработки запроса произошла ошибка, попробуйте повторить запрос';
-      }
-      // formErrors[FORM_ERROR] = responseErrorMessage
+      // Server may send an html page as error data
+      formErrors[finalForm.FORM_ERROR] = 'Во время обработки запроса произошла ошибка, попробуйте повторить запрос';
     } else {
-      if (errorData.response.status === 500) {
-        formErrors[finalForm.FORM_ERROR] = 'Во время обработки запроса произошла ошибка, попробуйте повторить запрос';
-      }
       for (const key in serverErrors) {
-        // TODO: what is forms has "detail" field? show as form error is well?
+        // "non_field_errors" and "detail" is special keys in django to mark errors not for fields
         const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? finalForm.FORM_ERROR : key;
+
         // Say to "react-final-form" that we have some fields errors
         formErrors[errorFieldKey] = castArray__default.default(serverErrors[key])[0];
       }
     }
-  } else if (typeof errorData === 'object' && Object.keys(errorData).length) {
-    for (const key in errorData) {
-      const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? finalForm.FORM_ERROR : key;
-      // Say to "react-final-form" that we have some fields errors
-      formErrors[errorFieldKey] = castArray__default.default(errorData[key])[0];
-    }
   } else {
+    // const responseErrorMessage = error.toJSON
+    //   ? error.toJSON().message
+    //   : error.message
+
     // Say to "react-final-form" that we have general error
-    formErrors[finalForm.FORM_ERROR] = responseErrorMessage || 'Произошла ошибка';
+    formErrors[finalForm.FORM_ERROR] = error.message || 'Произошла ошибка';
   }
   return formErrors;
 };

package/dist/itcase-forms.esm.js

@@ -35,7 +35,7 @@ import { Button } from '@itcase/ui/components/Button';
 import { Group as Group$1 } from '@itcase/ui/components/Group';
 import { NotificationItem } from '@itcase/ui/components/Notification';
 import createDecorator from 'final-form-focus';
-import { getProblemFromError, NETWORK_ERROR, CONNECTION_ERROR } from 'apisauce';
+import 'apisauce';
 
 const phoneValidation = value => {
   if (!value) {
@@ -2434,15 +2434,15 @@ MaskedInputField.propTypes = {
 
 function ChipsField(props) {
   const {
+    name,
+    initialValue,
     classNameGroupItem,
     fieldProps,
-    initialValue,
     inputProps,
-    isDisabled,
-    isRequired,
-    name,
     options,
     showMessage,
+    isDisabled,
+    isRequired,
     onChange
   } = props;
   const {
@@ -2461,30 +2461,30 @@ function ChipsField(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [initialValue]);
   return /*#__PURE__*/React.createElement(Field, {
-    initialValue: initialValue,
-    name: name
+    name: name,
+    initialValue: initialValue
   }, function Render({
     input,
     meta
   }) {
     const {
-      isErrorState,
-      isValidState,
       errorKey,
-      errorMessage
+      errorMessage,
+      isErrorState,
+      isValidState
     } = useFieldValidationState({
       fieldProps: fieldProps,
       input: input,
       meta: meta
     });
     const updatedInputProps = useValidationAppearanceInputProps({
-      validationStateKey: isErrorState ? errorKey : 'success',
-      inputProps: inputProps
+      inputProps: inputProps,
+      validationStateKey: isErrorState ? errorKey : 'success'
     });
     const activeOptionsList = useMemo(() => {
       const emptyOptionsList = [{
-        value: null,
-        label: null
+        label: null,
+        value: null
       }];
       if (input?.value) {
         const currentOptions = options.filter(option => input.value?.includes(option.value));
@@ -2496,40 +2496,41 @@ function ChipsField(props) {
       className: clsx('form-field_type_chips', 'form__item_type_chips', classNameGroupItem),
       errorKey: errorKey,
       errorMessage: errorMessage,
-      fieldClassName: 'form-chips',
+      metaError: meta.error,
+      fieldClassName: "form-chips",
       inputName: input.name,
       inputValue: input.value,
+      metaActive: meta.active,
+      showMessage: showMessage,
       isDisabled: isDisabled,
       isErrorState: isErrorState,
       isRequired: isRequired,
-      isValidState: isValidState,
-      metaActive: meta.active,
-      metaError: meta.error,
-      showMessage: showMessage
+      isValidState: isValidState
     }, fieldProps), options.map(option => /*#__PURE__*/React.createElement(Chips, Object.assign({
-      isActive: activeOptionsList.includes(option),
       className: clsx(meta.active && 'form-chips_state_focus', meta.error && meta.touched && `form-chips_state_${errorKey}`),
       key: option.value,
       label: option.label,
       value: option.value,
+      isActive: activeOptionsList.some(activeOption => activeOption.value === option.value),
+      isDisabled: option.isDisabled,
       onClick: () => onChangeSomeInput(input.value, option.value)
     }, updatedInputProps))));
   });
 }
 ChipsField.propTypes = {
-  isDisabled: PropTypes.bool,
-  isRequired: PropTypes.bool,
+  name: PropTypes.string,
+  initialValue: PropTypes.array,
   classNameGroupItem: PropTypes.string,
   fieldProps: PropTypes.object,
-  initialValue: PropTypes.array,
   input: PropTypes.object,
   inputProps: PropTypes.object,
-  name: PropTypes.string,
   options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
-    label: PropTypes.string
+    label: PropTypes.string,
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool])
   })),
   showMessage: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isRequired: PropTypes.bool,
   onChange: PropTypes.func
 };
 
@@ -2767,46 +2768,19 @@ const sendFormDataToServer = async (url, data) => {
 
 const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
   const {
-    isLoading,
-    additionalProps,
-    after,
-    before,
-    buttonDirection,
-    buttonFill,
-    buttonGap,
-    buttonJustifyContent,
-    buttonPadding,
     className,
+    type,
+    initialValues,
+    initialValuesEqual,
     config,
-    dataTestId,
-    dataTestIdButtons,
-    dataTestIdPrimaryButton,
-    dataTestIdSecondaryButton,
-    dataTestIdTertiaryButton,
-    dataTour,
-    dataTourButtons,
-    dataTourPrimaryButton,
-    dataTourSecondaryButton,
-    dataTourTertiaryButton,
+    title,
+    titleTextColor,
+    titleTextSize,
+    titleTextWeight,
     description,
     descriptionSize,
     descriptionTextColor,
     descriptionTextWeight,
-    disableFieldsAutoComplete,
-    fieldsGap,
-    formName,
-    groupGap,
-    initialValues,
-    initialValuesEqual,
-    language,
-    loader,
-    loaderFill,
-    loaderItemFill,
-    loaderSet,
-    loaderText,
-    mutators,
-    notificationCloseButton,
-    notificationType,
     primaryButton,
     primaryButtonFill,
     primaryButtonFillHover,
@@ -2815,7 +2789,6 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     primaryButtonLabelTextColor,
     primaryButtonLabelTextWeight,
     primaryButtonSize,
-    renderFieldsWrapper = wrapperChildren => wrapperChildren,
     secondaryButton,
     secondaryButtonFill,
     secondaryButtonFillHover,
@@ -2824,7 +2797,6 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     secondaryButtonLabelTextColor,
     secondaryButtonLabelTextWeight,
     secondaryButtonSize,
-    set,
     tertiaryButton,
     tertiaryButtonFill,
     tertiaryButtonFillHover,
@@ -2833,12 +2805,41 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     tertiaryButtonLabelTextColor,
     tertiaryButtonLabelTextWeight,
     tertiaryButtonSize,
-    title,
-    titleTextColor,
-    titleTextSize,
-    titleTextWeight,
-    type,
+    dataTestIdPrimaryButton,
+    dataTourPrimaryButton,
+    dataTestIdSecondaryButton,
+    dataTourSecondaryButton,
+    dataTestIdTertiaryButton,
+    dataTourTertiaryButton,
+    additionalProps,
+    buttonDirection,
+    buttonFill,
+    buttonGap,
+    buttonJustifyContent,
+    buttonPadding,
+    dataTestId,
+    dataTestIdButtons,
+    dataTour,
+    dataTourButtons,
+    disableFieldsAutoComplete,
+    fieldsGap,
+    formName,
+    groupGap,
+    language,
+    loader,
+    loaderFill,
+    loaderItemFill,
+    loaderSet,
+    loaderText,
+    mutators,
+    notificationCloseButton,
+    notificationType,
+    renderFieldsWrapper = wrapperChildren => wrapperChildren,
     validationSchema,
+    before,
+    after,
+    isLoading,
+    set,
     onChangeFormValues,
     onClickSecondaryButton,
     onClickTertiaryButton,
@@ -2871,28 +2872,25 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     wrapper: wrapperStyles
   } = useStyles(props);
   return /*#__PURE__*/React.createElement(Form, {
-    decorators: [focusOnErrorDecorator],
     initialValues: initialValues,
     initialValuesEqual: initialValuesEqual,
-    mutators: mutators,
-    validate: validate,
     render: ({
+      submitError,
       form,
       handleSubmit,
-      modifiedSinceLastSubmit,
-      submitError
+      modifiedSinceLastSubmit
     }) => {
       return /*#__PURE__*/React.createElement("form", {
-        className: clsx(className, 'form', set && `form_set_${set}`, type && `form_type_${type}`, directionClass, fillClass, shapeClass, elevationClass)
-        // We no need set reference to html element, we need reference to "final-form" instance
-        ,
-        ref: () => onRefFormInstance(form),
+        className: clsx(className, 'form', set && `form_set_${set}`, type && `form_type_${type}`, directionClass, fillClass, shapeClass, elevationClass),
         name: formName,
         autoCapitalize: disableFieldsAutoComplete ? 'off' : undefined,
         autoComplete: disableFieldsAutoComplete ? 'off' : undefined,
         autoCorrect: disableFieldsAutoComplete ? 'off' : undefined,
         "data-test-id": dataTestId,
-        "data-tour": dataTour,
+        "data-tour": dataTour
+        // We no need set reference to html element, we need reference to "final-form" instance
+        ,
+        ref: () => onRefFormInstance(form),
         spellCheck: disableFieldsAutoComplete ? 'false' : undefined,
         style: formStyles,
         onSubmit: handleSubmit
@@ -2910,10 +2908,10 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
         className: clsx('notification', 'form-notification', notificationType ? `form-notification_type_${notificationType}` : 'form-notification_type_global')
       }, /*#__PURE__*/React.createElement(NotificationItem, {
         className: "form-notification__item",
-        closeButton: notificationCloseButton,
-        status: "error",
         title: form.getState().submitError,
         titleTextSize: "h6",
+        status: "error",
+        closeButton: notificationCloseButton,
         set: "form"
       })), onChangeFormValues && /*#__PURE__*/React.createElement(FormSpy, {
         subscription: {
@@ -2930,103 +2928,85 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
       }, additionalProps[config[key].name])), isLoading && (loader || /*#__PURE__*/React.createElement(Loader, {
         className: "form__loader",
         fill: loaderFill,
-        itemFill: loaderItemFill,
         text: loaderText,
+        itemFill: loaderItemFill,
         set: loaderSet
       }))))), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || tertiaryButton || tertiaryButtonLabel) && /*#__PURE__*/React.createElement(Group$1, {
         className: "form__button",
+        direction: buttonDirection,
+        justifyContent: buttonJustifyContent,
         fill: buttonFill,
         padding: buttonPadding,
-        dataTestId: dataTestIdButtons,
-        dataTour: dataTourButtons,
-        direction: buttonDirection,
         gap: buttonGap,
-        justifyContent: buttonJustifyContent
+        dataTestId: dataTestIdButtons,
+        dataTour: dataTourButtons
       }, primaryButtonLabel ? /*#__PURE__*/React.createElement(Button, {
         className: "form__button-item",
         width: "fill",
-        labelTextColor: primaryButtonLabelTextColor,
-        labelTextSize: primaryButtonLabelSize,
+        size: primaryButtonSize,
         fill: primaryButtonFill,
         fillHover: primaryButtonFillHover,
-        dataTestId: dataTestIdPrimaryButton,
-        dataTour: dataTourPrimaryButton,
         label: primaryButtonLabel,
+        labelTextColor: primaryButtonLabelTextColor,
+        labelTextSize: primaryButtonLabelSize,
         labelTextWeight: primaryButtonLabelTextWeight,
-        size: primaryButtonSize
+        dataTestId: dataTestIdPrimaryButton,
+        dataTour: dataTourPrimaryButton
       }) : primaryButton, secondaryButtonLabel ? /*#__PURE__*/React.createElement(Button, {
         className: "form__button-item",
         width: "fill",
-        labelTextColor: secondaryButtonLabelTextColor,
-        labelTextSize: secondaryButtonLabelSize,
+        size: secondaryButtonSize,
         fill: secondaryButtonFill,
         fillHover: secondaryButtonFillHover,
-        dataTestId: dataTestIdSecondaryButton,
-        dataTour: dataTourSecondaryButton,
         label: secondaryButtonLabel,
+        labelTextColor: secondaryButtonLabelTextColor,
+        labelTextSize: secondaryButtonLabelSize,
         labelTextWeight: secondaryButtonLabelTextWeight,
-        size: secondaryButtonSize,
+        dataTestId: dataTestIdSecondaryButton,
+        dataTour: dataTourSecondaryButton,
         onClick: onClickSecondaryButton
       }) : secondaryButton, tertiaryButtonLabel ? /*#__PURE__*/React.createElement(Button, {
         className: "form__button-item",
         width: "fill",
-        labelTextColor: tertiaryButtonLabelTextColor,
-        labelTextSize: tertiaryButtonLabelSize,
+        size: tertiaryButtonSize,
         fill: tertiaryButtonFill,
         fillHover: tertiaryButtonFillHover,
-        dataTestId: dataTestIdTertiaryButton,
-        dataTour: dataTourTertiaryButton,
         label: tertiaryButtonLabel,
+        labelTextColor: tertiaryButtonLabelTextColor,
+        labelTextSize: tertiaryButtonLabelSize,
         labelTextWeight: tertiaryButtonLabelTextWeight,
-        size: tertiaryButtonSize,
+        dataTestId: dataTestIdTertiaryButton,
+        dataTour: dataTourTertiaryButton,
         onClick: onClickTertiaryButton
       }) : tertiaryButton), after);
     },
+    decorators: [focusOnErrorDecorator],
+    mutators: mutators,
     subscription: {
+      submitError: true,
       modifiedSinceLastSubmit: true,
       pristine: true,
-      submitError: true,
       submitting: true
     },
+    validate: validate,
     onSubmit: onSubmit
   });
 });
 FinalForm.propTypes = {
-  isLoading: PropTypes.bool,
-  additionalProps: PropTypes.object,
-  after: PropTypes.any,
-  before: PropTypes.any,
-  buttonDirection: PropTypes.string,
-  buttonFill: PropTypes.string,
-  buttonGap: PropTypes.string,
-  buttonJustifyContent: PropTypes.string,
-  buttonPadding: PropTypes.string,
   className: PropTypes.string,
+  type: PropTypes.string,
+  initialValues: PropTypes.any,
+  initialValuesEqual: PropTypes.any,
   config: PropTypes.object,
-  dataTour: PropTypes.string,
-  dataTourButtons: PropTypes.string,
-  dataTourPrimaryButton: PropTypes.string,
-  dataTourSecondaryButton: PropTypes.string,
-  dataTourTertiaryButton: PropTypes.string,
+  title: PropTypes.string,
+  titleSize: PropTypes.string,
+  titleTextColor: PropTypes.string,
+  titleTextSize: PropTypes.string,
+  titleTextWeight: PropTypes.string,
   description: PropTypes.string,
   descriptionSize: PropTypes.string,
   descriptionTextColor: PropTypes.string,
   descriptionTextWeight: PropTypes.string,
-  disableFieldsAutoComplete: PropTypes.bool,
-  fieldsGap: PropTypes.string,
-  formName: PropTypes.string,
-  groupGap: PropTypes.string,
-  initialValues: PropTypes.any,
-  initialValuesEqual: PropTypes.any,
-  language: PropTypes.string,
-  loader: PropTypes.element,
-  loaderFill: PropTypes.string,
-  loaderItemFill: PropTypes.string,
-  loaderSet: PropTypes.string,
-  loaderText: PropTypes.string,
-  mutators: PropTypes.any,
-  notificationCloseButton: PropTypes.element,
-  notificationType: PropTypes.string,
   primaryButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   primaryButtonFill: PropTypes.string,
   primaryButtonFillHover: PropTypes.string,
@@ -3043,7 +3023,6 @@ FinalForm.propTypes = {
   secondaryButtonLabelTextColor: PropTypes.string,
   secondaryButtonLabelTextWeight: PropTypes.string,
   secondaryButtonSize: PropTypes.string,
-  set: PropTypes.string,
   tertiaryButton: PropTypes.element,
   tertiaryButtonFill: PropTypes.string,
   tertiaryButtonFillHover: PropTypes.string,
@@ -3052,13 +3031,35 @@ FinalForm.propTypes = {
   tertiaryButtonLabelTextColor: PropTypes.string,
   tertiaryButtonLabelTextWeight: PropTypes.string,
   tertiaryButtonSize: PropTypes.string,
-  title: PropTypes.string,
-  titleSize: PropTypes.string,
-  titleTextColor: PropTypes.string,
-  titleTextSize: PropTypes.string,
-  titleTextWeight: PropTypes.string,
-  type: PropTypes.string,
+  dataTourPrimaryButton: PropTypes.string,
+  dataTourSecondaryButton: PropTypes.string,
+  dataTourTertiaryButton: PropTypes.string,
+  additionalProps: PropTypes.object,
+  buttonDirection: PropTypes.string,
+  buttonFill: PropTypes.string,
+  buttonGap: PropTypes.string,
+  buttonJustifyContent: PropTypes.string,
+  buttonPadding: PropTypes.string,
+  dataTour: PropTypes.string,
+  dataTourButtons: PropTypes.string,
+  disableFieldsAutoComplete: PropTypes.bool,
+  fieldsGap: PropTypes.string,
+  formName: PropTypes.string,
+  groupGap: PropTypes.string,
+  language: PropTypes.string,
+  loader: PropTypes.element,
+  loaderFill: PropTypes.string,
+  loaderItemFill: PropTypes.string,
+  loaderSet: PropTypes.string,
+  loaderText: PropTypes.string,
+  mutators: PropTypes.any,
+  notificationCloseButton: PropTypes.element,
+  notificationType: PropTypes.string,
   validationSchema: PropTypes.object,
+  before: PropTypes.any,
+  after: PropTypes.any,
+  isLoading: PropTypes.bool,
+  set: PropTypes.string,
   onChangeFormValues: PropTypes.func,
   onClickSecondaryButton: PropTypes.func,
   onClickTertiaryButton: PropTypes.func,
@@ -3066,7 +3067,7 @@ FinalForm.propTypes = {
 };
 FinalForm.defaultProps = {
   direction: 'vertical',
-  isLoading: false,
+  titleSize: 'h1',
   additionalProps: {},
   buttonDirection: 'vertical',
   disableFieldsAutoComplete: false,
@@ -3074,7 +3075,7 @@ FinalForm.defaultProps = {
   loaderFill: 'surfacePrimary',
   loaderItemFill: 'surfaceItemAccent',
   loaderSet: 'simple',
-  titleSize: 'h1'
+  isLoading: false
 };
 
 const DEFAULT_MESSAGES_FIELDS = {
@@ -3203,49 +3204,86 @@ const parseNumericField = value => {
   }
   return '';
 };
-const getErrorsForFinalForm = errorData => {
+
+// const getErrorsForFinalForm = (errorData) => {
+//   /*
+//    * errorData - its an "axios" error
+//    */
+
+//   const formErrors = {}
+
+//   const responseErrorMessage = errorData.toJSON ? errorData.toJSON().message : errorData.message
+
+//   // const status = (errorData.response && errorData.response.status) || null
+//   const problemError = getProblemFromError(errorData)
+//   // const problemStatus = getProblemFromStatus(status)
+
+//   if (problemError === NETWORK_ERROR || problemError === CONNECTION_ERROR) {
+//     // Say to "react-final-form" that we have general error
+//     formErrors[FORM_ERROR] = 'Проблемы с подключением к сервису'
+//   } else if (errorData.response?.data) {
+//     // Collect errors for some fields, which in the response from server
+//     const serverErrors = errorData.response.data
+//     if (typeof serverErrors === 'string') {
+//       if (errorData.response.status === 500) {
+//         formErrors[FORM_ERROR] =
+//           'Во время обработки запроса произошла ошибка, попробуйте повторить запрос'
+//       }
+//       // formErrors[FORM_ERROR] = responseErrorMessage
+//     } else {
+//       if (errorData.response.status === 500) {
+//         formErrors[FORM_ERROR] =
+//           'Во время обработки запроса произошла ошибка, попробуйте повторить запрос'
+//       }
+//       for (const key in serverErrors) {
+//         // TODO: what is forms has "detail" field? show as form error is well?
+//         const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key
+//         // Say to "react-final-form" that we have some fields errors
+//         formErrors[errorFieldKey] = castArray(serverErrors[key])[0]
+//       }
+//     }
+//   } else if (typeof errorData === 'object' && Object.keys(errorData).length) {
+//     for (const key in errorData) {
+//       const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key
+//       // Say to "react-final-form" that we have some fields errors
+//       formErrors[errorFieldKey] = castArray(errorData[key])[0]
+//     }
+//   } else {
+//     // Say to "react-final-form" that we have general error
+//     formErrors[FORM_ERROR] = responseErrorMessage || 'Произошла ошибка'
+//   }
+
+//   return formErrors
+// }
+
+const getErrorsForFinalForm = error => {
   /*
-   * errorData - its an "axios" error
+   * error - its an "axios" error in many cases
    */
 
   const formErrors = {};
-  const responseErrorMessage = errorData.toJSON ? errorData.toJSON().message : errorData.message;
-
-  // const status = (errorData.response && errorData.response.status) || null
-  const problemError = getProblemFromError(errorData);
-  // const problemStatus = getProblemFromStatus(status)
-
-  if (problemError === NETWORK_ERROR || problemError === CONNECTION_ERROR) {
-    // Say to "react-final-form" that we have general error
-    formErrors[FORM_ERROR] = 'Проблемы с подключением к сервису';
-  } else if (errorData.response?.data) {
+  const serverErrors = error.response?.data;
+  if (serverErrors) {
     // Collect errors for some fields, which in the response from server
-    const serverErrors = errorData.response.data;
     if (typeof serverErrors === 'string') {
-      if (errorData.response.status === 500) {
-        formErrors[FORM_ERROR] = 'Во время обработки запроса произошла ошибка, попробуйте повторить запрос';
-      }
-      // formErrors[FORM_ERROR] = responseErrorMessage
+      // Server may send an html page as error data
+      formErrors[FORM_ERROR] = 'Во время обработки запроса произошла ошибка, попробуйте повторить запрос';
     } else {
-      if (errorData.response.status === 500) {
-        formErrors[FORM_ERROR] = 'Во время обработки запроса произошла ошибка, попробуйте повторить запрос';
-      }
       for (const key in serverErrors) {
-        // TODO: what is forms has "detail" field? show as form error is well?
+        // "non_field_errors" and "detail" is special keys in django to mark errors not for fields
         const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key;
+
         // Say to "react-final-form" that we have some fields errors
         formErrors[errorFieldKey] = castArray(serverErrors[key])[0];
       }
     }
-  } else if (typeof errorData === 'object' && Object.keys(errorData).length) {
-    for (const key in errorData) {
-      const errorFieldKey = key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key;
-      // Say to "react-final-form" that we have some fields errors
-      formErrors[errorFieldKey] = castArray(errorData[key])[0];
-    }
   } else {
+    // const responseErrorMessage = error.toJSON
+    //   ? error.toJSON().message
+    //   : error.message
+
     // Say to "react-final-form" that we have general error
-    formErrors[FORM_ERROR] = responseErrorMessage || 'Произошла ошибка';
+    formErrors[FORM_ERROR] = error.message || 'Произошла ошибка';
   }
   return formErrors;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.0.80",
+  "version": "1.0.82",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -30,9 +30,9 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.2.19",
+    "@itcase/common": "^1.2.22",
     "@itcase/config": "^1.0.26",
-    "@itcase/ui": "^1.3.36",
+    "@itcase/ui": "^1.4.5",
     "axios": "^1.8.4",
     "clsx": "^2.1.1",
     "final-form": "^4.20.10",
@@ -43,7 +43,7 @@
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-date-range": "^2.0.1",
-    "react-datepicker": "^8.2.1",
+    "react-datepicker": "^8.3.0",
     "react-dom": "^18.3.1",
     "react-dropzone": "^14.3.8",
     "react-final-form": "^6.5.9",
@@ -51,7 +51,7 @@
     "react-select": "^5.10.1"
   },
   "devDependencies": {
-    "@itcase/lint": "^1.0.49",
+    "@itcase/lint": "^1.1.4",
     "@babel/core": "^7.26.10",
     "@babel/eslint-parser": "^7.27.0",
     "@babel/preset-env": "^7.26.9",
@@ -71,15 +71,15 @@
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "9.23.0",
+    "eslint": "9.24.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.5.0",
     "postcss": "^8.5.3",
     "prettier": "3.5.3",
-    "rollup": "^4.38.0",
+    "rollup": "^4.39.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "^24.2.3",
-    "stylelint": "^16.17.0",
-    "typescript": "^5.8.2"
+    "stylelint": "^16.18.0",
+    "typescript": "^5.8.3"
   }
 }