@itcase/forms 1.1.37 → 1.1.39

package/dist/css/form/Field/Switch/FormFieldSwitch.css

@@ -1,13 +1,17 @@
 .form-field {
   &-switch {
     width: 100%;
-    flex-direction: row;
     padding: 8px 0;
+    display: grid !important;
+    grid-template-columns: 1fr auto;
     ^&__label {
-      flex: 1;
       display: flex;
+      flex: 1;
       align-items: center;
     }
+    ^&__message {
+      grid-column: 1 / span 2;
+    }
   }
 }
 

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

@@ -59,7 +59,7 @@
           padding: 0 4px;
           position: absolute;
           display: flex;
-          top: 0;
+          top: 4px;
           z-index: 2;
           transform: scale(1) translate(8px, 20px);
           transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);

package/dist/itcase-forms.cjs.js

@@ -1687,8 +1687,6 @@ const FormFieldInput = /*#__PURE__*/React__default.default.memo(function FormFie
       inputProps: inputProps,
       validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
     });
-    console.log('updatedInputProps');
-    console.log(updatedInputProps);
     return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
       className: clsx__default.default('form-field_input', 'form__item_input', classNameGroupItem),
       errorKey: errorKey,
@@ -1923,6 +1921,8 @@ const defaultSelectProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeM solid rounded'
 };
@@ -2045,6 +2045,8 @@ const defaultSwitchProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeL solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeL solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeL solid rounded'
 };
@@ -2128,6 +2130,8 @@ const defaultTextareaProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeM solid rounded'
 };
@@ -2589,6 +2593,9 @@ const setErrorsMutator = (args, state) => {
     // state.formState.valid = false
     state.formState.error = fieldError;
     state.formState.submitError = submitError;
+    console.log('non_field_errors');
+    console.log(data);
+    console.log('non_field_errors');
   } else if (fieldName in state.fields) {
     if (fieldError) {
       const errorsState = Object.assign({}, state.formState.errors, {
@@ -2635,9 +2642,9 @@ const sendFormDataToServer = async (url, data) => {
       });
     }
     return {
+      error,
       success: false,
-      formErrors,
-      error
+      formErrors
     };
   }
 };
@@ -2732,7 +2739,6 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     onChangeFormValues,
     onSubmit
   } = props;
-  console.log(buttonJustifyContent);
   const validate = useYupValidationSchema(validationSchema, language);
   const onRefFormInstance = React.useCallback(formInstance => {
     if (ref) {
@@ -3105,7 +3111,7 @@ const getErrorsForFinalForm = error => {
    */
 
   const formErrors = {};
-  const serverErrors = error.response?.data;
+  const serverErrors = error.response?.data || error;
   if (serverErrors) {
     // Collect errors for some fields, which in the response from server
     if (typeof serverErrors === 'string') {

package/dist/itcase-forms.esm.js

@@ -1676,8 +1676,6 @@ const FormFieldInput = /*#__PURE__*/React.memo(function FormFieldInput(props) {
       inputProps: inputProps,
       validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
     });
-    console.log('updatedInputProps');
-    console.log(updatedInputProps);
     return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
       className: clsx('form-field_input', 'form__item_input', classNameGroupItem),
       errorKey: errorKey,
@@ -1912,6 +1910,8 @@ const defaultSelectProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeM solid rounded'
 };
@@ -2034,6 +2034,8 @@ const defaultSwitchProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeL solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeL solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeL solid rounded'
 };
@@ -2117,6 +2119,8 @@ const defaultTextareaProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeM solid rounded'
 };
@@ -2578,6 +2582,9 @@ const setErrorsMutator = (args, state) => {
     // state.formState.valid = false
     state.formState.error = fieldError;
     state.formState.submitError = submitError;
+    console.log('non_field_errors');
+    console.log(data);
+    console.log('non_field_errors');
   } else if (fieldName in state.fields) {
     if (fieldError) {
       const errorsState = Object.assign({}, state.formState.errors, {
@@ -2624,9 +2631,9 @@ const sendFormDataToServer = async (url, data) => {
       });
     }
     return {
+      error,
       success: false,
-      formErrors,
-      error
+      formErrors
     };
   }
 };
@@ -2721,7 +2728,6 @@ const FinalForm = /*#__PURE__*/React.forwardRef(function FinalForm(props, ref) {
     onChangeFormValues,
     onSubmit
   } = props;
-  console.log(buttonJustifyContent);
   const validate = useYupValidationSchema(validationSchema, language);
   const onRefFormInstance = useCallback(formInstance => {
     if (ref) {
@@ -3094,7 +3100,7 @@ const getErrorsForFinalForm = error => {
    */
 
   const formErrors = {};
-  const serverErrors = error.response?.data;
+  const serverErrors = error.response?.data || error;
   if (serverErrors) {
     // Collect errors for some fields, which in the response from server
     if (typeof serverErrors === 'string') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.1.37",
+  "version": "1.1.39",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",