@nestledjs/data-browser 0.1.11 → 0.1.13

package/lib/pages/AdminDataCreatePage.js

@@ -1,13 +1,13 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
+import React, { useState, useMemo, useEffect } from "react";
 import { gql } from "@apollo/client";
 import { useMutation } from "@apollo/client/react";
 import { ExclamationCircleIcon, CheckCircleIcon } from "@heroicons/react/24/outline";
-import { useAdminDataContext } from "../context/AdminDataContext.js";
 import { ErrorBoundary } from "@nestledjs/shared-components";
 import { Form } from "@nestledjs/forms";
-import { useState, useMemo, useEffect } from "react";
+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/AdminDataCreatePage.tsx";
 function toReadableText(text) {
   return text.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (str) => str.toUpperCase());
 }
@@ -19,8 +19,14 @@ const toKebabCase = (str) => {
   return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 };
 function AdminDataCreatePage() {
-  const { dataType } = useParams();
-  const { databaseModels, basePath = "/admin/data", formTheme } = useAdminDataContext();
+  const {
+    dataType
+  } = useParams();
+  const {
+    databaseModels,
+    basePath = "/admin/data",
+    formTheme
+  } = useAdminDataContext();
   const findModelByName = (name) => {
     return databaseModels.find((model2) => model2.name === name);
   };
@@ -36,129 +42,101 @@ function AdminDataCreatePage() {
   const model = validatedDataType ? findModelByName(validatedDataType) : null;
   const shouldShowModelNotFound = validatedDataType && true && !model;
   if (shouldShowUnauthorized) {
-    return /* @__PURE__ */ jsxDEV("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ jsxDEV("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ jsxDEV("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxDEV("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsxDEV(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 94,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Unauthorized" }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 95,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: "Invalid data type or insufficient permissions." }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 96,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("div", { className: "mt-6", children: /* @__PURE__ */ jsxDEV(
-        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"
-        },
-        void 0,
-        false,
-        {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 100,
-          columnNumber: 17
-        },
-        this
-      ) }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 99,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 93,
-      columnNumber: 13
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 92,
-      columnNumber: 11
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 91,
-      columnNumber: 9
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 90,
       columnNumber: 7
-    }, this);
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 mx-auto w-full max-w-md", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      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: 92,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      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: 95,
+      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: 96,
+      columnNumber: 15
+    } }, "Invalid data type or insufficient permissions."), /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 99,
+      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: 100,
+      columnNumber: 17
+    } }, "Return to Data Browser"))))));
   }
   if (shouldShowModelNotFound) {
-    return /* @__PURE__ */ jsxDEV("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ jsxDEV("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ jsxDEV("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxDEV("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsxDEV(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-yellow-400" }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 146,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "Model Not Found" }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 147,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: [
-        'The data model for "',
-        validatedDataType,
-        '" could not be found.'
-      ] }, void 0, true, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 148,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("div", { className: "mt-6", children: /* @__PURE__ */ jsxDEV(
-        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"
-        },
-        void 0,
-        false,
-        {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 152,
-          columnNumber: 17
-        },
-        this
-      ) }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 151,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 145,
-      columnNumber: 13
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 144,
-      columnNumber: 11
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 143,
-      columnNumber: 9
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center py-12", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 142,
       columnNumber: 7
-    }, this);
+    } }, /* @__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__ */ jsxDEV(AdminDataCreatePageContent, { model, basePath, formTheme }, void 0, false, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+  return /* @__PURE__ */ React.createElement(AdminDataCreatePageContent, { model, basePath, formTheme, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 167,
     columnNumber: 10
-  }, this);
+  } });
 }
-function AdminDataCreatePageContent({ model, basePath, formTheme }) {
+function AdminDataCreatePageContent({
+  model,
+  basePath,
+  formTheme
+}) {
   const navigate = useNavigate();
-  const { sdk } = useAdminDataContext();
-  const [submissionState, setSubmissionState] = useState({ status: "idle" });
+  const {
+    sdk
+  } = useAdminDataContext();
+  const [submissionState, setSubmissionState] = useState({
+    status: "idle"
+  });
   const documents = useMemo(() => {
     try {
       return getAdminDocuments(sdk, model);
@@ -180,72 +158,56 @@ function AdminDataCreatePageContent({ model, basePath, formTheme }) {
       return null;
     }
   }, [documents]);
-  const [createMutation] = useMutation(
-    CREATE_MUTATION || gql`
+  const [createMutation] = useMutation(CREATE_MUTATION || gql`
         mutation PlaceholderCreate {
           __typename
         }
-      `
-  );
+      `);
   if (!documents || !CREATE_MUTATION) {
-    return /* @__PURE__ */ jsxDEV("div", { className: "min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col justify-center py-12 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxDEV("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-2xl", children: /* @__PURE__ */ jsxDEV("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ jsxDEV("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsxDEV(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 226,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("h2", { className: "mt-4 text-lg font-medium text-gray-900 dark:text-gray-100", children: "GraphQL Schema Error" }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 227,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("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." }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 228,
-        columnNumber: 15
-      }, this),
-      /* @__PURE__ */ jsxDEV("div", { className: "mt-6", children: /* @__PURE__ */ jsxDEV(
-        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"
-        },
-        void 0,
-        false,
-        {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 233,
-          columnNumber: 17
-        },
-        this
-      ) }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 232,
-        columnNumber: 15
-      }, this)
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 225,
-      columnNumber: 13
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 224,
-      columnNumber: 11
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 223,
-      columnNumber: 9
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+    return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col justify-center py-12 sm:px-6 lg:px-8", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 222,
       columnNumber: 7
-    }, this);
+    } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-2xl", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 223,
+      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: 224,
+      columnNumber: 11
+    } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 225,
+      columnNumber: 13
+    } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 226,
+      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: 227,
+      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: 228,
+      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: 232,
+      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: 233,
+      columnNumber: 17
+    } }, "Return to Data Browser"))))));
   }
-  const formFields = buildFormFields(sdk, model, "create");
+  const formFields = buildFormFields(sdk, model, "create", void 0, submissionState.status === "loading", basePath);
   const handleSubmit = async (formData) => {
     try {
-      setSubmissionState({ status: "loading" });
+      setSubmissionState({
+        status: "loading"
+      });
       const cleanedInput = cleanFormInput(formData, model);
       const result = await createMutation({
         variables: {
@@ -278,244 +240,135 @@ function AdminDataCreatePageContent({ model, basePath, formTheme }) {
   useEffect(() => {
     if (submissionState.status === "error") {
       const timer = setTimeout(() => {
-        setSubmissionState({ status: "idle" });
+        setSubmissionState({
+          status: "idle"
+        });
       }, 5e3);
       return () => clearTimeout(timer);
     }
   }, [submissionState.status]);
-  return /* @__PURE__ */ jsxDEV("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxDEV("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsxDEV("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxDEV("ol", { className: "flex items-center space-x-4", children: [
-        /* @__PURE__ */ jsxDEV("li", { children: /* @__PURE__ */ jsxDEV(Link, { to: basePath, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", children: "Data Browser" }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 309,
-          columnNumber: 17
-        }, this) }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 308,
-          columnNumber: 15
-        }, this),
-        /* @__PURE__ */ jsxDEV("li", { children: /* @__PURE__ */ jsxDEV("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ jsxDEV(
-            "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__ */ jsxDEV(
-                "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"
-                },
-                void 0,
-                false,
-                {
-                  fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-                  lineNumber: 320,
-                  columnNumber: 21
-                },
-                this
-              )
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-              lineNumber: 315,
-              columnNumber: 19
-            },
-            this
-          ),
-          /* @__PURE__ */ jsxDEV(
-            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)
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-              lineNumber: 326,
-              columnNumber: 19
-            },
-            this
-          )
-        ] }, void 0, true, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 314,
-          columnNumber: 17
-        }, this) }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 313,
-          columnNumber: 15
-        }, this),
-        /* @__PURE__ */ jsxDEV("li", { children: /* @__PURE__ */ jsxDEV("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ jsxDEV(
-            "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__ */ jsxDEV(
-                "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"
-                },
-                void 0,
-                false,
-                {
-                  fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-                  lineNumber: 341,
-                  columnNumber: 21
-                },
-                this
-              )
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-              lineNumber: 336,
-              columnNumber: 19
-            },
-            this
-          ),
-          /* @__PURE__ */ jsxDEV("span", { className: "ml-4 text-gray-500 dark:text-gray-400", children: "Create New" }, void 0, false, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 347,
-            columnNumber: 19
-          }, this)
-        ] }, void 0, true, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 335,
-          columnNumber: 17
-        }, this) }, void 0, false, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 334,
-          columnNumber: 15
-        }, this)
-      ] }, void 0, true, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 307,
-        columnNumber: 13
-      }, this) }, void 0, false, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 306,
-        columnNumber: 11
-      }, this),
-      /* @__PURE__ */ jsxDEV("h1", { className: "mt-4 text-3xl font-bold text-gray-900 dark:text-gray-100", children: [
-        "Create ",
-        toReadableText(model.name)
-      ] }, void 0, true, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 352,
-        columnNumber: 11
-      }, this)
-    ] }, void 0, true, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 305,
-      columnNumber: 7
-    }, this),
-    submissionState.status !== "idle" && /* @__PURE__ */ jsxDEV(
-      "div",
-      {
-        className: `mb-6 rounded-md p-4 ${submissionState.status === "success" ? "bg-green-50 border border-green-200" : submissionState.status === "error" ? "bg-red-50 border border-red-200" : "bg-blue-50 border border-blue-200"}`,
-        children: /* @__PURE__ */ jsxDEV("div", { className: "flex", children: [
-          /* @__PURE__ */ jsxDEV("div", { className: "flex-shrink-0", children: submissionState.status === "success" ? /* @__PURE__ */ jsxDEV(CheckCircleIcon, { className: "h-5 w-5 text-green-400" }, void 0, false, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 371,
-            columnNumber: 19
-          }, this) : submissionState.status === "error" ? /* @__PURE__ */ jsxDEV(ExclamationCircleIcon, { className: "h-5 w-5 text-red-400" }, void 0, false, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 373,
-            columnNumber: 19
-          }, this) : /* @__PURE__ */ jsxDEV("div", { className: "h-5 w-5 border-2 border-blue-400 border-t-transparent rounded-full animate-spin" }, void 0, false, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 375,
-            columnNumber: 19
-          }, this) }, void 0, false, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 369,
-            columnNumber: 15
-          }, this),
-          /* @__PURE__ */ jsxDEV("div", { className: "ml-3", children: /* @__PURE__ */ jsxDEV(
-            "p",
-            {
-              className: `text-sm font-medium ${submissionState.status === "success" ? "text-green-800" : submissionState.status === "error" ? "text-red-800" : "text-blue-800"}`,
-              children: submissionState.status === "loading" ? `Creating ${toReadableText(model.name)}...` : submissionState.message
-            },
-            void 0,
-            false,
-            {
-              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-              lineNumber: 379,
-              columnNumber: 17
-            },
-            this
-          ) }, void 0, false, {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-            lineNumber: 378,
-            columnNumber: 15
-          }, this)
-        ] }, void 0, true, {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-          lineNumber: 368,
-          columnNumber: 13
-        }, this)
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 359,
-        columnNumber: 11
-      },
-      this
-    ),
-    /* @__PURE__ */ jsxDEV("div", { className: "bg-white dark:bg-gray-800 shadow-sm rounded-lg", children: /* @__PURE__ */ jsxDEV("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsxDEV(
-      Form,
-      {
-        id: `create-${model.name.toLowerCase()}-form`,
-        fields: formFields,
-        submit: handleSubmit,
-        disabled: submissionState.status === "loading",
-        theme: formTheme
-      },
-      void 0,
-      false,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-        lineNumber: 400,
-        columnNumber: 13
-      },
-      this
-    ) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 399,
-      columnNumber: 11
-    }, this) }, void 0, false, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
-      lineNumber: 398,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-6", __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 303,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("div", { className: "mb-8", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 305,
+    columnNumber: 7
+  } }, /* @__PURE__ */ React.createElement("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 306,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 307,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 308,
+    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: 309,
+    columnNumber: 17
+  } }, "Data Browser")), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 313,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 314,
+    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: 315,
+    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: 320,
+    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: 326,
+    columnNumber: 19
+  } }, toReadableText(model.pluralName)))), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 334,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 335,
+    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: 336,
+    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: 341,
+    columnNumber: 21
+  } })), /* @__PURE__ */ React.createElement("span", { className: "ml-4 text-gray-500 dark:text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 347,
+    columnNumber: 19
+  } }, "Create New"))))), /* @__PURE__ */ React.createElement("h1", { className: "mt-4 text-3xl font-bold text-gray-900 dark:text-gray-100", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 352,
+    columnNumber: 11
+  } }, "Create ", toReadableText(model.name))), submissionState.status !== "idle" && /* @__PURE__ */ React.createElement("div", { className: `mb-6 rounded-md p-4 ${submissionState.status === "success" ? "bg-green-50 border border-green-200" : submissionState.status === "error" ? "bg-red-50 border border-red-200" : "bg-blue-50 border border-blue-200"}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 359,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 368,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 369,
+    columnNumber: 15
+  } }, submissionState.status === "success" ? /* @__PURE__ */ React.createElement(CheckCircleIcon, { className: "h-5 w-5 text-green-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 371,
+    columnNumber: 19
+  } }) : submissionState.status === "error" ? /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "h-5 w-5 text-red-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 373,
+    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: 375,
+    columnNumber: 19
+  } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 378,
+    columnNumber: 15
+  } }, /* @__PURE__ */ React.createElement("p", { className: `text-sm font-medium ${submissionState.status === "success" ? "text-green-800" : submissionState.status === "error" ? "text-red-800" : "text-blue-800"}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 379,
+    columnNumber: 17
+  } }, submissionState.status === "loading" ? `Creating ${toReadableText(model.name)}...` : submissionState.message)))), /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 shadow-sm rounded-lg", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 398,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("div", { className: "px-6 py-8", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 399,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement(Form, { id: `create-${model.name.toLowerCase()}-form`, fields: formFields, submit: handleSubmit, disabled: submissionState.status === "loading", theme: formTheme, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 400,
+    columnNumber: 13
+  } }))));
 }
-function AdminDataCreateErrorBoundary({ error }) {
-  return /* @__PURE__ */ jsxDEV(ErrorBoundary, { error }, void 0, false, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
+function AdminDataCreateErrorBoundary({
+  error
+}) {
+  return /* @__PURE__ */ React.createElement(ErrorBoundary, { error, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 414,
     columnNumber: 10
-  }, this);
+  } });
 }
 export {
   AdminDataCreateErrorBoundary,