@nestledjs/data-browser 0.1.17 → 0.1.20

package/lib/pages/AdminDataEditPage.js

@@ -1,4 +1,5 @@
-import React, { useState, useMemo, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
 import { gql } from "@apollo/client";
 import { useQuery, useMutation } from "@apollo/client/react";
 import { loadDevMessages, loadErrorMessages } from "@apollo/client/dev";
@@ -9,7 +10,6 @@ import { Form } from "@nestledjs/forms";
 import { useAdminDataContext } from "../context/AdminDataContext.js";
 import { useParams, Link, useNavigate } from "react-router";
 import { getAdminDocuments, buildFormFields, cleanFormInput } from "../utils/graphql-utils.js";
-var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/data-browser/src/lib/pages/AdminDataEditPage.tsx";
 function toLowerCamelCase(name) {
   if (!name) return "";
   return name.charAt(0).toLowerCase() + name.slice(1);
@@ -44,15 +44,8 @@ const validateId = (id) => {
   return sanitized;
 };
 function AdminDataEditPage() {
-  const {
-    dataType,
-    id
-  } = useParams();
-  const {
-    databaseModels,
-    basePath = "/admin/data",
-    formTheme
-  } = useAdminDataContext();
+  const { dataType, id } = useParams();
+  const { databaseModels, basePath = "/admin/data", formTheme } = useAdminDataContext();
   const findModelByName = (name) => {
     return databaseModels.find((model2) => model2.name === name);
   };
@@ -73,106 +66,46 @@ function AdminDataEditPage() {
   const model = validatedDataType ? findModelByName(validatedDataType) : null;
   const shouldShowModelNotFound = validatedDataType && validatedId && !model;
   if (shouldShowUnauthorized) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 116,
-      columnNumber: 7
-    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 118,
-      columnNumber: 11
-    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 119,
-      columnNumber: 13
-    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 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: 122,
-      columnNumber: 15
-    } }, "Invalid data type, ID, or insufficient permissions."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 126,
-      columnNumber: 17
-    } }, "Return to Data Browser"))))));
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400" }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Unauthorized" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Invalid data type, ID, or insufficient permissions." }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+        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",
+          children: "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: 142,
-      columnNumber: 7
-    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 144,
-      columnNumber: 11
-    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 145,
-      columnNumber: 13
-    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 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: 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: 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: 152,
-      columnNumber: 17
-    } }, "Return to Data Browser"))))));
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400" }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Model Not Found" }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: [
+        'The data model for "',
+        validatedDataType,
+        '" could not be found.'
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+        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",
+          children: "Return to Data Browser"
+        }
+      ) })
+    ] }) }) }) });
   }
-  return /* @__PURE__ */ React.createElement(AdminDataEditPageContent, { model, id: validatedId, basePath, formTheme, __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 167,
-    columnNumber: 10
-  } });
+  return /* @__PURE__ */ jsx(AdminDataEditPageContent, { model, id: validatedId, basePath, formTheme });
 }
-function AdminDataEditPageContent({
-  model,
-  id,
-  basePath,
-  formTheme
-}) {
+function AdminDataEditPageContent({ model, id, basePath, formTheme }) {
   const navigate = useNavigate();
-  const {
-    sdk,
-    databaseModels
-  } = useAdminDataContext();
-  const [submissionState, setSubmissionState] = useState({
-    status: "idle"
-  });
-  const [deleteState, setDeleteState] = useState({
-    status: "idle"
-  });
+  const { sdk, databaseModels } = useAdminDataContext();
+  const [submissionState, setSubmissionState] = useState({ status: "idle" });
+  const [deleteState, setDeleteState] = useState({ status: "idle" });
   const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
   const documents = useMemo(() => {
     try {
@@ -219,38 +152,36 @@ function AdminDataEditPageContent({
   }, [documents]);
   const idVariableName = getModelIdVariableName(model.name);
   const responseFieldName = getModelResponseFieldName(model.name);
-  const {
-    data,
-    loading,
-    error,
-    refetch
-  } = useQuery(QUERY || gql`
+  const { data, loading, error, refetch } = useQuery(
+    QUERY || gql`
         query PlaceholderQuery {
           __typename
         }
-      `, {
-    variables: {
-      [idVariableName]: id
-    },
-    errorPolicy: "all",
-    skip: !QUERY || !id
-  });
-  const [updateMutation] = useMutation(UPDATE_MUTATION || gql`
+      `,
+    {
+      variables: { [idVariableName]: id },
+      errorPolicy: "all",
+      skip: !QUERY || !id
+    }
+  );
+  const [updateMutation] = useMutation(
+    UPDATE_MUTATION || gql`
         mutation PlaceholderUpdate {
           __typename
         }
-      `);
-  const [deleteMutation] = useMutation(DELETE_MUTATION || gql`
+      `
+  );
+  const [deleteMutation] = useMutation(
+    DELETE_MUTATION || gql`
         mutation PlaceholderDelete {
           __typename
         }
-      `);
+      `
+  );
   useEffect(() => {
     if (submissionState.status === "error") {
       const timer = setTimeout(() => {
-        setSubmissionState({
-          status: "idle"
-        });
+        setSubmissionState({ status: "idle" });
       }, 5e3);
       return () => clearTimeout(timer);
     }
@@ -258,165 +189,81 @@ function AdminDataEditPageContent({
   useEffect(() => {
     if (deleteState.status === "error") {
       const timer = setTimeout(() => {
-        setDeleteState({
-          status: "idle"
-        });
+        setDeleteState({ status: "idle" });
       }, 5e3);
       return () => clearTimeout(timer);
     }
   }, [deleteState.status]);
   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: 299,
-      columnNumber: 7
-    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-2xl", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 301,
-      columnNumber: 11
-    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 302,
-      columnNumber: 13
-    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 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: 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: 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: 310,
-      columnNumber: 17
-    } }, "Return to Data Browser"))))));
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "mt-8 mx-auto w-full max-w-2xl", children: /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400" }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "GraphQL Schema Error" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Unable to load GraphQL documents for this model. Please ensure the API server is running and the GraphQL schema is up to date." }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+        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",
+          children: "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: 327,
-      columnNumber: 7
-    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 329,
-      columnNumber: 11
-    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 330,
-      columnNumber: 13
-    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 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: 333,
-      columnNumber: 15
-    } }, error.message), /* @__PURE__ */ React.createElement("div", { className: "mt-6 space-y-3", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 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: 341,
-      columnNumber: 17
-    } }, "Back to List"))))));
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400" }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Error Loading Data" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: error.message }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-3", children: [
+        /* @__PURE__ */ jsx(
+          "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",
+            children: "Try Again"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          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",
+            children: "Back to List"
+          }
+        )
+      ] })
+    ] }) }) }) });
   }
   if (loading) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 358,
-      columnNumber: 7
-    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 360,
-      columnNumber: 11
-    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 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: 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: 364,
-      columnNumber: 15
-    } }, "Loading ", toReadableText(model.name), " data...")))));
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto h-12 w-12 border-4 border-green-web border-t-transparent rounded-full animate-spin" }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Loading..." }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: [
+        "Loading ",
+        toReadableText(model.name),
+        " data..."
+      ] })
+    ] }) }) }) });
   }
   const item = data == null ? void 0 : data[responseFieldName];
   if (!item) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 379,
-      columnNumber: 7
-    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 381,
-      columnNumber: 11
-    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
-      fileName: _jsxFileName,
-      lineNumber: 382,
-      columnNumber: 13
-    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400", __self: this, __source: {
-      fileName: _jsxFileName,
-      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: 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: 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: 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: 390,
-      columnNumber: 17
-    } }, "Back to List"))))));
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ jsx("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400" }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Not Found" }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: [
+        "The ",
+        toReadableText(model.name),
+        " you're looking for doesn't exist or has been deleted."
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+        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",
+          children: "Back to List"
+        }
+      ) })
+    ] }) }) }) });
   }
   const formFields = buildFormFields(sdk, model, "update", item, submissionState.status === "loading", basePath, databaseModels);
   const initialValues = {};
@@ -495,9 +342,7 @@ function AdminDataEditPageContent({
   }
   const handleSubmit = async (formData) => {
     try {
-      setSubmissionState({
-        status: "loading"
-      });
+      setSubmissionState({ status: "loading" });
       const cleanedInput = cleanFormInput(formData, model);
       const result = await updateMutation({
         variables: {
@@ -526,9 +371,7 @@ function AdminDataEditPageContent({
   };
   const handleDelete = async () => {
     try {
-      setDeleteState({
-        status: "loading"
-      });
+      setDeleteState({ status: "loading" });
       const result = await deleteMutation({
         variables: {
           [idVariableName]: id
@@ -555,188 +398,143 @@ function AdminDataEditPageContent({
       });
     }
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-6", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 591,
-    columnNumber: 5
-  } }, /* @__PURE__ */ React.createElement("div", { className: "mb-8", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 593,
-    columnNumber: 7
-  } }, /* @__PURE__ */ React.createElement("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 594,
-    columnNumber: 11
-  } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 595,
-    columnNumber: 13
-  } }, /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 597,
-    columnNumber: 17
-  } }, "Data Browser")), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 601,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 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: 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: 614,
-    columnNumber: 19
-  } }, toReadableText(model.pluralName)))), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 622,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 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: 629,
-    columnNumber: 21
-  } })), /* @__PURE__ */ React.createElement("span", { className: "ml-4 text-gray-500 dark:text-gray-400", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 635,
-    columnNumber: 19
-  } }, "Edit"))))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 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: 642,
-    columnNumber: 13
-  } }, /* @__PURE__ */ React.createElement(TrashIcon, { className: "h-4 w-4 mr-2", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 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: 656,
-    columnNumber: 13
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 657,
-    columnNumber: 15
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 658,
-    columnNumber: 17
-  } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "h-6 w-6 text-red-600", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 659,
-    columnNumber: 19
-  } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 662,
-    columnNumber: 19
-  } }, "Delete ", toReadableText(model.name)), /* @__PURE__ */ React.createElement("div", { className: "mt-2", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 665,
-    columnNumber: 19
-  } }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500 dark:text-gray-400", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 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: 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: 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: 695,
-    columnNumber: 11
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 704,
-    columnNumber: 13
-  } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 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: 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: 711,
-    columnNumber: 19
-  } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 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: 736,
-    columnNumber: 9
-  } }, /* @__PURE__ */ React.createElement("div", { className: "px-6 py-8", __self: this, __source: {
-    fileName: _jsxFileName,
-    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: 738,
-    columnNumber: 13
-  } }))));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsx("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxs("ol", { className: "flex items-center space-x-4", children: [
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { to: basePath, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", children: "Data Browser" }) }),
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600",
+              fill: "currentColor",
+              viewBox: "0 0 20 20",
+              children: /* @__PURE__ */ jsx(
+                "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"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            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",
+              children: toReadableText(model.pluralName)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "flex-shrink-0 h-5 w-5 text-gray-300 dark:text-gray-600",
+              fill: "currentColor",
+              viewBox: "0 0 20 20",
+              children: /* @__PURE__ */ jsx(
+                "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"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "ml-4 text-gray-500 dark:text-gray-400", children: "Edit" })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("h1", { className: "text-3xl font-bold text-gray-900 dark:text-gray-100", children: [
+          "Edit ",
+          toReadableText(model.name)
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "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",
+            children: [
+              /* @__PURE__ */ jsx(TrashIcon, { className: "h-4 w-4 mr-2" }),
+              "Delete"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    showDeleteConfirm && /* @__PURE__ */ jsx("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", children: /* @__PURE__ */ jsxs("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-md w-full mx-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "h-6 w-6 text-red-600" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-3", children: [
+          /* @__PURE__ */ jsxs("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100", children: [
+            "Delete ",
+            toReadableText(model.name)
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+            "Are you sure you want to delete this",
+            " ",
+            toReadableText(model.name).toLowerCase(),
+            "? This action cannot be undone."
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-5 sm:mt-4 sm:flex sm:flex-row-reverse", children: [
+        /* @__PURE__ */ jsx(
+          "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",
+            children: deleteState.status === "loading" ? "Deleting..." : "Delete"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "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",
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }) }),
+    (submissionState.status !== "idle" || deleteState.status !== "idle") && /* @__PURE__ */ jsx(
+      "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"}`,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: submissionState.status === "success" || deleteState.status === "success" ? /* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-5 w-5 text-green-400" }) : submissionState.status === "error" || deleteState.status === "error" ? /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "h-5 w-5 text-red-400" }) : /* @__PURE__ */ jsx("div", { className: "h-5 w-5 border-2 border-blue-400 border-t-transparent rounded-full animate-spin" }) }),
+          /* @__PURE__ */ jsx("div", { className: "ml-3", children: /* @__PURE__ */ jsx(
+            "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"}`,
+              children: submissionState.status === "loading" ? `Updating ${toReadableText(model.name)}...` : deleteState.status === "loading" ? `Deleting ${toReadableText(model.name)}...` : submissionState.message || deleteState.message
+            }
+          ) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "bg-white dark:bg-gray-800 shadow-sm rounded-lg", children: /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(
+      Form,
+      {
+        id: `edit-${model.name.toLowerCase()}-form`,
+        fields: formFields,
+        submit: handleSubmit,
+        disabled: submissionState.status === "loading" || deleteState.status === "loading",
+        defaultValues: initialValues,
+        theme: formTheme
+      }
+    ) }) })
+  ] });
 }
-function AdminDataEditErrorBoundary({
-  error
-}) {
-  return /* @__PURE__ */ React.createElement(ErrorBoundary, { error, __self: this, __source: {
-    fileName: _jsxFileName,
-    lineNumber: 753,
-    columnNumber: 10
-  } });
+function AdminDataEditErrorBoundary({ error }) {
+  return /* @__PURE__ */ jsx(ErrorBoundary, { error });
 }
 export {
   AdminDataEditErrorBoundary,