@nestledjs/data-browser 0.1.13 → 0.1.16

package/lib/pages/AdminDataEditPage.js

@@ -39,7 +39,6 @@ const validateId = (id) => {
   const sanitized = sanitizeInput(id);
   if (!sanitized) return null;
   if (!/^[a-zA-Z0-9_-]+$/.test(sanitized)) {
-    console.warn(`[Security] Invalid ID format attempted: ${id}`);
     return null;
   }
   return sanitized;
@@ -64,7 +63,6 @@ function AdminDataEditPage() {
     const properCaseDataType = sanitized.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
     const model2 = databaseModels.find((m) => m.name === properCaseDataType);
     if (!model2) {
-      console.warn(`[Security] Invalid dataType attempted: ${dataType2}`);
       return null;
     }
     return properCaseDataType;
@@ -77,84 +75,84 @@ function AdminDataEditPage() {
   if (shouldShowUnauthorized) {
     return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 116,
       columnNumber: 7
     } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 117,
       columnNumber: 9
     } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 118,
       columnNumber: 11
     } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 119,
       columnNumber: 13
     } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 120,
       columnNumber: 15
     } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 121,
       columnNumber: 15
     } }, "Unauthorized"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 122,
       columnNumber: 15
     } }, "Invalid data type, ID, or insufficient permissions."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 125,
       columnNumber: 15
     } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 126,
       columnNumber: 17
     } }, "Return to Data Browser"))))));
   }
   if (shouldShowModelNotFound) {
     return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 142,
       columnNumber: 7
     } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 143,
       columnNumber: 9
     } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 144,
       columnNumber: 11
     } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 145,
       columnNumber: 13
     } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 146,
       columnNumber: 15
     } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 147,
       columnNumber: 15
     } }, "Model Not Found"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 148,
       columnNumber: 15
     } }, 'The data model for "', validatedDataType, '" could not be found.'), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 151,
       columnNumber: 15
     } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 152,
       columnNumber: 17
     } }, "Return to Data Browser"))))));
   }
   return /* @__PURE__ */ React.createElement(AdminDataEditPageContent, { model, id: validatedId, basePath, formTheme, __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 169,
+    lineNumber: 167,
     columnNumber: 10
   } });
 }
@@ -166,7 +164,8 @@ function AdminDataEditPageContent({
 }) {
   const navigate = useNavigate();
   const {
-    sdk
+    sdk,
+    databaseModels
   } = useAdminDataContext();
   const [submissionState, setSubmissionState] = useState({
     status: "idle"
@@ -179,7 +178,6 @@ function AdminDataEditPageContent({
     try {
       return getAdminDocuments(sdk, model);
     } catch (error2) {
-      console.error("[AdminDataEditPage] Error getting documents:", error2);
       return null;
     }
   }, [sdk, model]);
@@ -192,7 +190,6 @@ function AdminDataEditPageContent({
       }
       return gql(documents.query);
     } catch (error2) {
-      console.error("[AdminDataEditPage] Error parsing QUERY:", error2);
       return null;
     }
   }, [documents]);
@@ -205,7 +202,6 @@ function AdminDataEditPageContent({
       }
       return gql(documents.update);
     } catch (error2) {
-      console.error("[AdminDataEditPage] Error parsing UPDATE mutation:", error2);
       return null;
     }
   }, [documents]);
@@ -218,7 +214,6 @@ function AdminDataEditPageContent({
       }
       return gql(documents.delete);
     } catch (error2) {
-      console.error("[AdminDataEditPage] Error parsing DELETE mutation:", error2);
       return null;
     }
   }, [documents]);
@@ -273,113 +268,113 @@ function AdminDataEditPageContent({
   if (!documents || !QUERY || !UPDATE_MUTATION || !DELETE_MUTATION) {
     return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 305,
+      lineNumber: 299,
       columnNumber: 7
     } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-2xl", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 306,
+      lineNumber: 300,
       columnNumber: 9
     } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 301,
       columnNumber: 11
     } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 308,
+      lineNumber: 302,
       columnNumber: 13
     } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 309,
+      lineNumber: 303,
       columnNumber: 15
     } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 310,
+      lineNumber: 304,
       columnNumber: 15
     } }, "GraphQL Schema Error"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 311,
+      lineNumber: 305,
       columnNumber: 15
     } }, "Unable to load GraphQL documents for this model. Please ensure the API server is running and the GraphQL schema is up to date."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 315,
+      lineNumber: 309,
       columnNumber: 15
     } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 316,
+      lineNumber: 310,
       columnNumber: 17
     } }, "Return to Data Browser"))))));
   }
   if (error) {
     return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 333,
+      lineNumber: 327,
       columnNumber: 7
     } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 334,
+      lineNumber: 328,
       columnNumber: 9
     } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 335,
+      lineNumber: 329,
       columnNumber: 11
     } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 336,
+      lineNumber: 330,
       columnNumber: 13
     } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 337,
+      lineNumber: 331,
       columnNumber: 15
     } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 338,
+      lineNumber: 332,
       columnNumber: 15
     } }, "Error Loading Data"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 339,
+      lineNumber: 333,
       columnNumber: 15
     } }, error.message), /* @__PURE__ */ React.createElement("div", { className: "mt-6 space-y-3", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 340,
+      lineNumber: 334,
       columnNumber: 15
     } }, /* @__PURE__ */ React.createElement("button", { onClick: () => refetch(), className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 341,
+      lineNumber: 335,
       columnNumber: 17
     } }, "Try Again"), /* @__PURE__ */ React.createElement(Link, { to: `${basePath}/${toKebabCase(model.pluralName)}`, className: "w-full flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 347,
+      lineNumber: 341,
       columnNumber: 17
     } }, "Back to List"))))));
   }
   if (loading) {
     return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 364,
+      lineNumber: 358,
       columnNumber: 7
     } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 365,
+      lineNumber: 359,
       columnNumber: 9
     } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 366,
+      lineNumber: 360,
       columnNumber: 11
     } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 367,
+      lineNumber: 361,
       columnNumber: 13
     } }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto h-12 w-12 border-4 border-green-web border-t-transparent rounded-full animate-spin", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 368,
+      lineNumber: 362,
       columnNumber: 15
     } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 369,
+      lineNumber: 363,
       columnNumber: 15
     } }, "Loading..."), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 370,
+      lineNumber: 364,
       columnNumber: 15
     } }, "Loading ", toReadableText(model.name), " data...")))));
   }
@@ -387,43 +382,43 @@ function AdminDataEditPageContent({
   if (!item) {
     return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 385,
+      lineNumber: 379,
       columnNumber: 7
     } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 386,
+      lineNumber: 380,
       columnNumber: 9
     } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 387,
+      lineNumber: 381,
       columnNumber: 11
     } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 388,
+      lineNumber: 382,
       columnNumber: 13
     } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 389,
+      lineNumber: 383,
       columnNumber: 15
     } }), /* @__PURE__ */ React.createElement("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 390,
+      lineNumber: 384,
       columnNumber: 15
     } }, "Not Found"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 391,
+      lineNumber: 385,
       columnNumber: 15
     } }, "The ", toReadableText(model.name), " you're looking for doesn't exist or has been deleted."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 395,
+      lineNumber: 389,
       columnNumber: 15
     } }, /* @__PURE__ */ React.createElement(Link, { to: `${basePath}/${toKebabCase(model.pluralName)}`, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-web hover:bg-green-web-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 396,
+      lineNumber: 390,
       columnNumber: 17
     } }, "Back to List"))))));
   }
-  const formFields = buildFormFields(sdk, model, "update", item, submissionState.status === "loading", basePath);
+  const formFields = buildFormFields(sdk, model, "update", item, submissionState.status === "loading", basePath, databaseModels);
   const initialValues = {};
   if (item) {
     const editableFields = model.fields.filter((field) => {
@@ -455,7 +450,6 @@ function AdminDataEditPageContent({
                 value = isoString.substring(0, 16);
               }
             } catch (e) {
-              console.warn(`Failed to convert date value for field ${field.name}:`, e);
               value = "";
             }
           } else {
@@ -469,7 +463,6 @@ function AdminDataEditPageContent({
           value = Boolean(value);
         }
         if (value !== null && typeof value === "object") {
-          console.warn(`Field ${field.name} has object value, converting to string:`, value);
           if (typeof value === "object" && "id" in value) {
             value = value.id;
           } else {
@@ -481,7 +474,6 @@ function AdminDataEditPageContent({
     });
     for (const [key, value] of Object.entries(initialValues)) {
       if (value === void 0) {
-        console.warn(`[AdminDataEditPage] Found undefined value for field ${key}, converting to empty string`);
         initialValues[key] = "";
         continue;
       }
@@ -491,7 +483,6 @@ function AdminDataEditPageContent({
       if (typeof value !== "object") {
         continue;
       }
-      console.warn(`[AdminDataEditPage] Found non-primitive value for field ${key}, converting:`, value);
       if ("id" in value && typeof value.id === "string") {
         initialValues[key] = value.id;
       } else if (value instanceof Date) {
@@ -501,13 +492,6 @@ function AdminDataEditPageContent({
         initialValues[key] = "";
       }
     }
-    console.log("[AdminDataEditPage] Final initialValues:", initialValues);
-    console.log("[AdminDataEditPage] Value types:", Object.entries(initialValues).map(([key, val]) => ({
-      key,
-      type: typeof val,
-      isDate: val instanceof Date,
-      value: val
-    })));
   }
   const handleSubmit = async (formData) => {
     try {
@@ -522,7 +506,6 @@ function AdminDataEditPageContent({
         }
       });
       if (result.errors) {
-        console.error("GraphQL errors:", result.errors);
         setSubmissionState({
           status: "error",
           message: result.errors.map((err) => err.message).join(", ")
@@ -535,7 +518,6 @@ function AdminDataEditPageContent({
       });
       await refetch();
     } catch (error2) {
-      console.error("Error updating record:", error2);
       setSubmissionState({
         status: "error",
         message: error2 instanceof Error ? error2.message : "An unexpected error occurred"
@@ -553,7 +535,6 @@ function AdminDataEditPageContent({
         }
       });
       if (result.errors) {
-        console.error("GraphQL errors:", result.errors);
         setDeleteState({
           status: "error",
           message: result.errors.map((err) => err.message).join(", ")
@@ -568,7 +549,6 @@ function AdminDataEditPageContent({
         navigate(`${basePath}/${toKebabCase(model.pluralName)}`);
       }, 1500);
     } catch (error2) {
-      console.error("Error deleting record:", error2);
       setDeleteState({
         status: "error",
         message: error2 instanceof Error ? error2.message : "An unexpected error occurred"
@@ -577,175 +557,175 @@ function AdminDataEditPageContent({
   };
   return /* @__PURE__ */ React.createElement("div", { className: "space-y-6", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 614,
+    lineNumber: 591,
     columnNumber: 5
   } }, /* @__PURE__ */ React.createElement("div", { className: "mb-8", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 616,
+    lineNumber: 593,
     columnNumber: 7
   } }, /* @__PURE__ */ React.createElement("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 617,
+    lineNumber: 594,
     columnNumber: 11
   } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 618,
+    lineNumber: 595,
     columnNumber: 13
   } }, /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 619,
+    lineNumber: 596,
     columnNumber: 15
   } }, /* @__PURE__ */ React.createElement(Link, { to: basePath, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 620,
+    lineNumber: 597,
     columnNumber: 17
   } }, "Data Browser")), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 624,
+    lineNumber: 601,
     columnNumber: 15
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 625,
+    lineNumber: 602,
     columnNumber: 17
   } }, /* @__PURE__ */ React.createElement("svg", { className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 626,
+    lineNumber: 603,
     columnNumber: 19
   } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 631,
+    lineNumber: 608,
     columnNumber: 21
   } })), /* @__PURE__ */ React.createElement(Link, { to: `${basePath}/${toKebabCase(model.pluralName)}`, className: "ml-4 text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 637,
+    lineNumber: 614,
     columnNumber: 19
   } }, toReadableText(model.pluralName)))), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 645,
+    lineNumber: 622,
     columnNumber: 15
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 646,
+    lineNumber: 623,
     columnNumber: 17
   } }, /* @__PURE__ */ React.createElement("svg", { className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600", fill: "currentColor", viewBox: "0 0 20 20", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 647,
+    lineNumber: 624,
     columnNumber: 19
   } }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 111.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 652,
+    lineNumber: 629,
     columnNumber: 21
   } })), /* @__PURE__ */ React.createElement("span", { className: "ml-4 text-gray-500 dark:text-gray-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 658,
+    lineNumber: 635,
     columnNumber: 19
   } }, "Edit"))))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 663,
+    lineNumber: 640,
     columnNumber: 11
   } }, /* @__PURE__ */ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 dark:text-gray-100", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 664,
+    lineNumber: 641,
     columnNumber: 13
   } }, "Edit ", toReadableText(model.name)), /* @__PURE__ */ React.createElement("button", { onClick: () => setShowDeleteConfirm(true), disabled: deleteState.status === "loading", className: "inline-flex items-center px-3 py-2 border border-red-300 shadow-sm text-sm leading-4 font-medium rounded-md text-red-700 bg-white hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 disabled:opacity-50 disabled:cursor-not-allowed", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 665,
+    lineNumber: 642,
     columnNumber: 13
   } }, /* @__PURE__ */ React.createElement(TrashIcon, { className: "h-4 w-4 mr-2", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 670,
+    lineNumber: 647,
     columnNumber: 15
   } }), "Delete"))), showDeleteConfirm && /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-gray-600 dark:bg-gray-900 bg-opacity-50 dark:bg-opacity-75 overflow-y-auto h-full w-full z-50 flex items-center justify-center", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 678,
+    lineNumber: 655,
     columnNumber: 11
   } }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-md w-full mx-4", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 679,
+    lineNumber: 656,
     columnNumber: 13
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 680,
+    lineNumber: 657,
     columnNumber: 15
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 681,
+    lineNumber: 658,
     columnNumber: 17
   } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "h-6 w-6 text-red-600", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 682,
+    lineNumber: 659,
     columnNumber: 19
   } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 684,
+    lineNumber: 661,
     columnNumber: 17
   } }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 685,
+    lineNumber: 662,
     columnNumber: 19
   } }, "Delete ", toReadableText(model.name)), /* @__PURE__ */ React.createElement("div", { className: "mt-2", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 688,
+    lineNumber: 665,
     columnNumber: 19
   } }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500 dark:text-gray-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 689,
+    lineNumber: 666,
     columnNumber: 21
   } }, "Are you sure you want to delete this", " ", toReadableText(model.name).toLowerCase(), "? This action cannot be undone.")))), /* @__PURE__ */ React.createElement("div", { className: "mt-5 sm:mt-4 sm:flex sm:flex-row-reverse", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 696,
+    lineNumber: 673,
     columnNumber: 15
   } }, /* @__PURE__ */ React.createElement("button", { onClick: handleDelete, disabled: deleteState.status === "loading", className: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 697,
+    lineNumber: 674,
     columnNumber: 17
   } }, deleteState.status === "loading" ? "Deleting..." : "Delete"), /* @__PURE__ */ React.createElement("button", { onClick: () => setShowDeleteConfirm(false), disabled: deleteState.status === "loading", className: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-web sm:mt-0 sm:w-auto sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 704,
+    lineNumber: 681,
     columnNumber: 17
   } }, "Cancel")))), (submissionState.status !== "idle" || deleteState.status !== "idle") && /* @__PURE__ */ React.createElement("div", { className: `mb-6 rounded-md p-4 ${submissionState.status === "success" || deleteState.status === "success" ? "bg-green-50 border border-green-200" : submissionState.status === "error" || deleteState.status === "error" ? "bg-red-50 border border-red-200" : "bg-blue-50 border border-blue-200"}`, __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 718,
+    lineNumber: 695,
     columnNumber: 11
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 727,
+    lineNumber: 704,
     columnNumber: 13
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 728,
+    lineNumber: 705,
     columnNumber: 15
   } }, submissionState.status === "success" || deleteState.status === "success" ? /* @__PURE__ */ React.createElement(CheckCircleIcon, { className: "h-5 w-5 text-green-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 730,
+    lineNumber: 707,
     columnNumber: 19
   } }) : submissionState.status === "error" || deleteState.status === "error" ? /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "h-5 w-5 text-red-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 732,
+    lineNumber: 709,
     columnNumber: 19
   } }) : /* @__PURE__ */ React.createElement("div", { className: "h-5 w-5 border-2 border-blue-400 border-t-transparent rounded-full animate-spin", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 734,
+    lineNumber: 711,
     columnNumber: 19
   } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 737,
+    lineNumber: 714,
     columnNumber: 15
   } }, /* @__PURE__ */ React.createElement("p", { className: `text-sm font-medium ${submissionState.status === "success" || deleteState.status === "success" ? "text-green-800" : submissionState.status === "error" || deleteState.status === "error" ? "text-red-800" : "text-blue-800"}`, __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 738,
+    lineNumber: 715,
     columnNumber: 17
   } }, submissionState.status === "loading" ? `Updating ${toReadableText(model.name)}...` : deleteState.status === "loading" ? `Deleting ${toReadableText(model.name)}...` : submissionState.message || deleteState.message)))), /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 shadow-sm rounded-lg", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 759,
+    lineNumber: 736,
     columnNumber: 9
   } }, /* @__PURE__ */ React.createElement("div", { className: "px-6 py-8", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 760,
+    lineNumber: 737,
     columnNumber: 11
   } }, /* @__PURE__ */ React.createElement(Form, { id: `edit-${model.name.toLowerCase()}-form`, fields: formFields, submit: handleSubmit, disabled: submissionState.status === "loading" || deleteState.status === "loading", defaultValues: initialValues, theme: formTheme, __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 761,
+    lineNumber: 738,
     columnNumber: 13
   } }))));
 }
@@ -754,7 +734,7 @@ function AdminDataEditErrorBoundary({
 }) {
   return /* @__PURE__ */ React.createElement(ErrorBoundary, { error, __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 776,
+    lineNumber: 753,
     columnNumber: 10
   } });
 }