@itcase/forms 1.0.77 → 1.0.78

package/dist/itcase-forms.cjs.js

@@ -36,6 +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');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -3149,6 +3150,67 @@ const DEFAULT_MESSAGES_FIELDS = {
   }
 };
 
+const parseNumericField = value => {
+  const numberValue = value.slice(0, 10).replace(/,/g, '.').replace(/[^\d.]/g, '');
+  const parsedValue = parseFloat(numberValue);
+  if (parsedValue || parsedValue === 0) {
+    if (numberValue.endsWith('.')) {
+      if ((numberValue.match(/\./g) || []).length > 1) {
+        return numberValue.slice(0, -1);
+      }
+      return numberValue;
+    }
+    return numberValue;
+  }
+  return '';
+};
+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 = 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) {
+    // 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
+    } 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?
+        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 {
+    // Say to "react-final-form" that we have general error
+    formErrors[finalForm.FORM_ERROR] = responseErrorMessage || 'Произошла ошибка';
+  }
+  return formErrors;
+};
+
 Object.defineProperty(exports, "Field", {
   enumerable: true,
   get: function () { return reactFinalForm.Field; }
@@ -3186,6 +3248,8 @@ exports.focusOnError = focusOnError;
 exports.focusOnErrorDecorator = focusOnErrorDecorator;
 exports.formTypes = formTypes;
 exports.generateField = generateField;
+exports.getErrorsForFinalForm = getErrorsForFinalForm;
+exports.parseNumericField = parseNumericField;
 exports.phoneValidation = phoneValidation;
 exports.sendFormDataToServer = sendFormDataToServer;
 exports.setErrorsMutator = setErrorsMutator;

package/dist/itcase-forms.esm.js

@@ -35,6 +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';
 
 const phoneValidation = (value, context) => {
   if (!value) {
@@ -3137,4 +3138,65 @@ const DEFAULT_MESSAGES_FIELDS = {
   }
 };
 
-export { CheckboxField as Checkbox, ChipsField, ChoiceField, CodeField, CustomField, DEFAULT_MESSAGES_FIELDS, DatePickerField, FieldWrapper, FieldWrapperBase, FileInput, FinalForm, Group, InputField, MaskedInputField, RadioGroup, SegmentedField, SelectField, SwitchField as Switch, TextareaField as Textarea, addRequiredFieldsParamToSchema, emailValidation, focusOnError, focusOnErrorDecorator, formTypes, generateField, phoneValidation, sendFormDataToServer, setErrorsMutator, useYupValidationSchema };
+const parseNumericField = value => {
+  const numberValue = value.slice(0, 10).replace(/,/g, '.').replace(/[^\d.]/g, '');
+  const parsedValue = parseFloat(numberValue);
+  if (parsedValue || parsedValue === 0) {
+    if (numberValue.endsWith('.')) {
+      if ((numberValue.match(/\./g) || []).length > 1) {
+        return numberValue.slice(0, -1);
+      }
+      return numberValue;
+    }
+    return numberValue;
+  }
+  return '';
+};
+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;
+};
+
+export { CheckboxField as Checkbox, ChipsField, ChoiceField, CodeField, CustomField, DEFAULT_MESSAGES_FIELDS, DatePickerField, FieldWrapper, FieldWrapperBase, FileInput, FinalForm, Group, InputField, MaskedInputField, RadioGroup, SegmentedField, SelectField, SwitchField as Switch, TextareaField as Textarea, addRequiredFieldsParamToSchema, emailValidation, focusOnError, focusOnErrorDecorator, formTypes, generateField, getErrorsForFinalForm, parseNumericField, phoneValidation, sendFormDataToServer, setErrorsMutator, useYupValidationSchema };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.0.77",
+  "version": "1.0.78",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@itcase/common": "^1.2.17",
-    "@itcase/ui": "^1.3.14",
+    "@itcase/ui": "^1.3.15",
     "axios": "^1.7.9",
     "clsx": "^2.1.1",
     "final-form": "^4.20.10",