@vritti/quantum-ui 0.2.8 → 0.2.9

package/dist/Form.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
-import { c as FieldError } from './field.js';
 import { c as cn } from './utils.js';
+import { A as Alert } from './Alert.js';
 import { B as Button } from './Button.js';
 import { C as Checkbox } from './Checkbox.js';
 import { S as Switch } from './Switch.js';
@@ -621,7 +621,7 @@ function mapApiErrorsToForm(error, form, options = {}) {
   if (!error || typeof error !== "object") {
     if (setRootError) {
       form.setError("root", {
-        type: "manual",
+        type: "Error",
         message: "An error occurred"
       });
     }
@@ -630,28 +630,20 @@ function mapApiErrorsToForm(error, form, options = {}) {
   const axiosError = error;
   const errorData = axiosError.response?.data || error;
   const apiError = errorData;
-  const generalMessage = apiError.message || apiError.error;
-  let hasFieldErrors = false;
+  const errorTitle = apiError.label || apiError.title || "Error";
+  const generalMessage = apiError.detail;
   if (apiError.errors && Array.isArray(apiError.errors)) {
     for (const errorItem of apiError.errors) {
-      if (errorItem.field) {
-        const formField = fieldMapping[errorItem.field] || errorItem.field;
-        form.setError(formField, {
-          type: "manual",
-          message: errorItem.message
-        });
-        hasFieldErrors = true;
-      } else if (errorItem.message && setRootError) {
-        form.setError("root", {
-          type: "manual",
-          message: errorItem.message
-        });
-      }
+      const formField = fieldMapping[errorItem.field] || errorItem.field;
+      form.setError(formField, {
+        type: "manual",
+        message: errorItem.message
+      });
     }
   }
-  if (!hasFieldErrors && generalMessage && setRootError) {
+  if (generalMessage && setRootError) {
     form.setError("root", {
-      type: "manual",
+      type: errorTitle,
       message: generalMessage
     });
   }
@@ -748,9 +740,25 @@ function Form({
   const handleSubmit = form.handleSubmit(wrappedOnSubmit);
   const processedChildren = processChildren(children, form.control, isSubmitting);
   return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, ...props, children: [
-    showRootError && rootErrorPosition === "top" && form.formState.errors.root && /* @__PURE__ */ jsx(FieldError, { errors: [form.formState.errors.root], className: cn("mb-4 text-center", rootErrorClassName) }),
+    showRootError && rootErrorPosition === "top" && form.formState.errors.root && /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "destructive",
+        title: form.formState.errors.root.type || "Error",
+        description: form.formState.errors.root.message,
+        className: cn("mb-4", rootErrorClassName)
+      }
+    ),
     processedChildren,
-    showRootError && rootErrorPosition === "bottom" && form.formState.errors.root && /* @__PURE__ */ jsx(FieldError, { errors: [form.formState.errors.root], className: cn("mt-4 text-center", rootErrorClassName) })
+    showRootError && rootErrorPosition === "bottom" && form.formState.errors.root && /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "destructive",
+        title: form.formState.errors.root.type || "Error",
+        description: form.formState.errors.root.message,
+        className: cn("mt-4", rootErrorClassName)
+      }
+    )
   ] }) });
 }
 Form.displayName = "Form";