@vritti/quantum-ui 0.2.9 → 0.2.10

package/dist/Form.js

@@ -1,10 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
-import { c as cn } from './utils.js';
+import { c as cn } from './utils2.js';
+import { axios } from './utils/axios.js';
 import { A as Alert } from './Alert.js';
 import { B as Button } from './Button.js';
 import { C as Checkbox } from './Checkbox.js';
+import { P as PhoneField } from './PhoneField.js';
 import { S as Switch } from './Switch.js';
 
 var isCheckBoxInput = (element) => element.type === 'checkbox';
@@ -649,7 +651,7 @@ function mapApiErrorsToForm(error, form, options = {}) {
   }
 }
 
-function processChildren(children, control, isSubmitting) {
+function processChildren(children, control, isSubmitting, setValue) {
   return React.Children.map(children, (child) => {
     if (!React.isValidElement(child)) {
       return child;
@@ -666,11 +668,17 @@ function processChildren(children, control, isSubmitting) {
           render: ({ field, fieldState }) => {
             const isCheckbox = child.type === Checkbox;
             const isSwitch = child.type === Switch;
+            const isPhone = child.type === PhoneField;
             const fieldProps = isCheckbox || isSwitch ? {
               checked: field.value,
               onCheckedChange: field.onChange,
               onBlur: field.onBlur,
               ref: field.ref
+            } : isPhone ? {
+              ...field,
+              onCountryChange: (country) => {
+                setValue(`${name}Country`, country);
+              }
             } : field;
             return React.cloneElement(child, {
               ...childProps,
@@ -694,12 +702,12 @@ function processChildren(children, control, isSubmitting) {
       }
     }
     if (isFragment) {
-      return processChildren(childProps.children, control, isSubmitting);
+      return processChildren(childProps.children, control, isSubmitting, setValue);
     }
     if (childProps.children != null) {
       return React.cloneElement(child, {
         ...childProps,
-        children: processChildren(childProps.children, control, isSubmitting)
+        children: processChildren(childProps.children, control, isSubmitting, setValue)
       });
     }
     return child;
@@ -709,9 +717,10 @@ function Form({
   form,
   onSubmit,
   children,
-  showRootError = true,
+  showRootError = false,
   rootErrorPosition = "bottom",
   rootErrorClassName,
+  rootErrorAction,
   fieldMapping,
   mutation,
   transformSubmit,
@@ -720,6 +729,10 @@ function Form({
   const isSubmitting = form.formState.isSubmitting || (mutation?.isPending ?? false);
   const wrappedOnSubmit = React.useCallback(
     async (data) => {
+      const interceptorId = axios.interceptors.request.use((config) => ({
+        ...config,
+        showErrorToast: false
+      }));
       try {
         if (mutation) {
           const variables = transformSubmit ? transformSubmit(data) : data;
@@ -733,12 +746,14 @@ function Form({
           setRootError: showRootError
         });
         console.error("[Form Submission Error]", error);
+      } finally {
+        axios.interceptors.request.eject(interceptorId);
       }
     },
     [onSubmit, mutation, transformSubmit, fieldMapping, form, showRootError]
   );
   const handleSubmit = form.handleSubmit(wrappedOnSubmit);
-  const processedChildren = processChildren(children, form.control, isSubmitting);
+  const processedChildren = processChildren(children, form.control, isSubmitting, form.setValue);
   return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, ...props, children: [
     showRootError && rootErrorPosition === "top" && form.formState.errors.root && /* @__PURE__ */ jsx(
       Alert,
@@ -746,6 +761,7 @@ function Form({
         variant: "destructive",
         title: form.formState.errors.root.type || "Error",
         description: form.formState.errors.root.message,
+        action: rootErrorAction,
         className: cn("mb-4", rootErrorClassName)
       }
     ),
@@ -756,6 +772,7 @@ function Form({
         variant: "destructive",
         title: form.formState.errors.root.type || "Error",
         description: form.formState.errors.root.message,
+        action: rootErrorAction,
         className: cn("mt-4", rootErrorClassName)
       }
     )