@nestledjs/data-browser 0.1.4 → 0.1.5

package/lib/pages/AdminDataCreatePage.js

@@ -9,18 +9,18 @@ import { useState as U, useMemo as y, useEffect as _ } from "react";
 import { useParams as w, Link as g, useNavigate as k } from "react-router";
 import { getAdminDocuments as T, buildFormFields as E, cleanFormInput as $ } from "../utils/graphql-utils.js";
 function N(a) {
-  return a.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (d) => d.toUpperCase());
+  return a.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (n) => n.toUpperCase());
 }
 function B(a) {
   return !a || typeof a != "string" ? "" : a.replace(/[<>"'%;()&+]/g, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "").trim().substring(0, 100);
 }
 const j = (a) => a.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 function O() {
-  const { dataType: a } = w(), { databaseModels: d, basePath: o = "/admin/data", formTheme: f } = P(), u = (b) => d.find((m) => m.name === b), s = ((b) => {
+  const { dataType: a } = w(), { databaseModels: n, basePath: o = "/admin/data", formTheme: f } = P(), u = (b) => n.find((m) => m.name === b), s = ((b) => {
     const m = B(b);
     if (!m) return null;
-    const i = m.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1).toLowerCase()).join("");
-    return d.find((l) => l.name === i) ? i : null;
+    const l = m.split("-").map((i) => i.charAt(0).toUpperCase() + i.slice(1).toLowerCase()).join("");
+    return n.find((i) => i.name === l) ? l : null;
   })(a), r = !s, c = s ? u(s) : null, p = s && !0 && !c;
   return r ? /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
     /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
@@ -136,20 +136,20 @@ function O() {
     columnNumber: 10
   }, this);
 }
-function L({ model: a, basePath: d, formTheme: o }) {
+function L({ model: a, basePath: n, formTheme: o }) {
   const f = k(), { sdk: u } = P(), [t, s] = U({ status: "idle" }), r = y(() => {
     try {
       return T(u, a);
-    } catch (i) {
-      return console.error("[AdminDataCreatePage] Error getting documents:", i), null;
+    } catch (l) {
+      return console.error("[AdminDataCreatePage] Error getting documents:", l), null;
     }
   }, [u, a]), c = y(() => {
-    var i, n;
+    var l, d;
     if (!(r != null && r.create)) return null;
     try {
-      return (i = r.create) != null && i.definitions && ((n = r.create) != null && n.loc) ? r.create : x(r.create);
-    } catch (l) {
-      return console.error("[AdminDataCreatePage] Error parsing CREATE mutation:", l), null;
+      return (l = r.create) != null && l.definitions && ((d = r.create) != null && d.loc) ? r.create : x(r.create);
+    } catch (i) {
+      return console.error("[AdminDataCreatePage] Error parsing CREATE mutation:", i), null;
     }
   }, [r]), [p] = C(
     c || x`
@@ -178,7 +178,7 @@ function L({ model: a, basePath: d, formTheme: o }) {
       /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
         g,
         {
-          to: d,
+          to: n,
           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"
         },
@@ -212,18 +212,18 @@ function L({ model: a, basePath: d, formTheme: o }) {
       lineNumber: 222,
       columnNumber: 7
     }, this);
-  const b = E(u, a, "create"), m = async (i) => {
+  const b = E(u, a, "create"), m = async (l) => {
     try {
       s({ status: "loading" });
-      const n = $(i, a), l = await p({
+      const d = $(l, a), i = await p({
         variables: {
-          input: n
+          input: d
         }
       });
-      if (l.errors) {
-        console.error("GraphQL errors:", l.errors), s({
+      if (i.errors) {
+        console.error("GraphQL errors:", i.errors), s({
           status: "error",
-          message: l.errors.map((v) => v.message).join(", ")
+          message: i.errors.map((v) => v.message).join(", ")
         });
         return;
       }
@@ -231,26 +231,26 @@ function L({ model: a, basePath: d, formTheme: o }) {
         status: "success",
         message: `${N(a.name)} created successfully!`
       }), setTimeout(() => {
-        f(`/admin/data/${j(a.pluralName)}`);
+        f(`${n}/${j(a.pluralName)}`);
       }, 1500);
-    } catch (n) {
-      console.error("Error creating record:", n), s({
+    } catch (d) {
+      console.error("Error creating record:", d), s({
         status: "error",
-        message: n instanceof Error ? n.message : "An unexpected error occurred"
+        message: d instanceof Error ? d.message : "An unexpected error occurred"
       });
     }
   };
   return _(() => {
     if (t.status === "error") {
-      const i = setTimeout(() => {
+      const l = setTimeout(() => {
         s({ status: "idle" });
       }, 5e3);
-      return () => clearTimeout(i);
+      return () => clearTimeout(l);
     }
   }, [t.status]), /* @__PURE__ */ e("div", { className: "space-y-6", children: [
     /* @__PURE__ */ e("div", { className: "mb-8", children: [
       /* @__PURE__ */ e("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", children: /* @__PURE__ */ e("ol", { className: "flex items-center space-x-4", children: [
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(g, { to: "/admin/data", className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", children: "Data Browser" }, void 0, !1, {
+        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(g, { to: n, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", children: "Data Browser" }, void 0, !1, {
           fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataCreatePage.tsx",
           lineNumber: 309,
           columnNumber: 17
@@ -295,7 +295,7 @@ function L({ model: a, basePath: d, formTheme: o }) {
           /* @__PURE__ */ e(
             g,
             {
-              to: `/admin/data/${j(a.pluralName)}`,
+              to: `${n}/${j(a.pluralName)}`,
               className: "ml-4 text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400",
               children: N(a.pluralName)
             },

package/lib/pages/AdminDataEditPage.js

@@ -1,15 +1,15 @@
 import { jsxDEV as e } from "react/jsx-dev-runtime";
-import { gql as x } from "@apollo/client";
-import { useQuery as Z, useMutation as S } from "@apollo/client/react";
+import { gql as y } from "@apollo/client";
+import { useQuery as Z, useMutation as T } from "@apollo/client/react";
 import { loadDevMessages as Y, loadErrorMessages as K } from "@apollo/client/dev";
-import { ExclamationCircleIcon as h, CheckCircleIcon as H } from "@heroicons/react/24/outline";
+import { ExclamationCircleIcon as p, CheckCircleIcon as H } from "@heroicons/react/24/outline";
 import { TrashIcon as J } from "@heroicons/react/24/solid";
 import { useAdminDataContext as F } from "../context/AdminDataContext.js";
 import { ErrorBoundary as W } from "@nestledjs/shared-components";
 import { Form as X } from "@nestledjs/forms";
-import { useState as C, useMemo as A, useEffect as $ } from "react";
-import { useParams as ee, Link as p, useNavigate as ae } from "react-router";
-import { getAdminDocuments as te, buildFormFields as se, cleanFormInput as ie } from "../utils/graphql-utils.js";
+import { useState as C, useMemo as A, useEffect as S } from "react";
+import { useParams as ee, Link as x, useNavigate as te } from "react-router";
+import { getAdminDocuments as ae, buildFormFields as se, cleanFormInput as ie } from "../utils/graphql-utils.js";
 function M(s) {
   return s ? s.charAt(0).toLowerCase() + s.slice(1) : "";
 }
@@ -29,15 +29,15 @@ const B = (s) => !s || typeof s != "string" ? "" : s.replace(/[<>"'%;()&+]/g, ""
   return d ? /^[a-zA-Z0-9_-]+$/.test(d) ? d : (console.warn(`[Security] Invalid ID format attempted: ${s}`), null) : null;
 };
 function Pe() {
-  const { dataType: s, id: d } = ee(), { databaseModels: v, basePath: y = "/admin/data", formTheme: U } = F(), j = (i) => v.find((b) => b.name === i), m = ((i) => {
+  const { dataType: s, id: d } = ee(), { databaseModels: c, basePath: j = "/admin/data", formTheme: U } = F(), P = (i) => c.find((g) => g.name === i), m = ((i) => {
     if (!i) return null;
-    const b = B(i);
-    if (!b) return null;
-    const P = b.split("-").map((g) => g.charAt(0).toUpperCase() + g.slice(1).toLowerCase()).join("");
-    return v.find((g) => g.name === P) ? P : (console.warn(`[Security] Invalid dataType attempted: ${i}`), null);
-  })(s), r = ne(d), N = !m || !r, D = m ? j(m) : null, E = m && r && !D;
-  return N ? /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
+    const g = B(i);
+    if (!g) return null;
+    const v = g.split("-").map((f) => f.charAt(0).toUpperCase() + f.slice(1).toLowerCase()).join("");
+    return c.find((f) => f.name === v) ? v : (console.warn(`[Security] Invalid dataType attempted: ${i}`), null);
+  })(s), r = ne(d), h = !m || !r, D = m ? P(m) : null, E = m && r && !D;
+  return h ? /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
+    /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
       fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
       lineNumber: 122,
       columnNumber: 15
@@ -53,9 +53,9 @@ function Pe() {
       columnNumber: 15
     }, this),
     /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-      p,
+      x,
       {
-        to: y,
+        to: j,
         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"
       },
@@ -89,7 +89,7 @@ function Pe() {
     lineNumber: 118,
     columnNumber: 7
   }, this) : E ? /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-    /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-yellow-400" }, void 0, !1, {
+    /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-yellow-400" }, void 0, !1, {
       fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
       lineNumber: 148,
       columnNumber: 15
@@ -109,9 +109,9 @@ function Pe() {
       columnNumber: 15
     }, this),
     /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-      p,
+      x,
       {
-        to: y,
+        to: j,
         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"
       },
@@ -144,84 +144,84 @@ function Pe() {
     fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
     lineNumber: 144,
     columnNumber: 7
-  }, this) : /* @__PURE__ */ e(de, { model: D, id: r, basePath: y, formTheme: U }, void 0, !1, {
+  }, this) : /* @__PURE__ */ e(de, { model: D, id: r, basePath: j, formTheme: U }, void 0, !1, {
     fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
     lineNumber: 169,
     columnNumber: 10
   }, this);
 }
-function de({ model: s, id: d, basePath: v, formTheme: y }) {
-  const U = ae(), { sdk: j } = F(), [n, m] = C({ status: "idle" }), [r, N] = C({ status: "idle" }), [D, E] = C(!1), i = A(() => {
+function de({ model: s, id: d, basePath: c, formTheme: j }) {
+  const U = te(), { sdk: P } = F(), [n, m] = C({ status: "idle" }), [r, h] = C({ status: "idle" }), [D, E] = C(!1), i = A(() => {
     try {
-      return te(j, s);
+      return ae(P, s);
     } catch (l) {
       return console.error("[AdminDataEditPage] Error getting documents:", l), null;
     }
-  }, [j, s]), b = A(() => {
-    var l, t;
+  }, [P, s]), g = A(() => {
+    var l, a;
     if (!(i != null && i.query)) return null;
     try {
-      return (l = i.query) != null && l.definitions && ((t = i.query) != null && t.loc) ? i.query : x(i.query);
-    } catch (a) {
-      return console.error("[AdminDataEditPage] Error parsing QUERY:", a), null;
+      return (l = i.query) != null && l.definitions && ((a = i.query) != null && a.loc) ? i.query : y(i.query);
+    } catch (t) {
+      return console.error("[AdminDataEditPage] Error parsing QUERY:", t), null;
     }
-  }, [i]), P = A(() => {
-    var l, t;
+  }, [i]), v = A(() => {
+    var l, a;
     if (!(i != null && i.update)) return null;
     try {
-      return (l = i.update) != null && l.definitions && ((t = i.update) != null && t.loc) ? i.update : x(i.update);
-    } catch (a) {
-      return console.error("[AdminDataEditPage] Error parsing UPDATE mutation:", a), null;
+      return (l = i.update) != null && l.definitions && ((a = i.update) != null && a.loc) ? i.update : y(i.update);
+    } catch (t) {
+      return console.error("[AdminDataEditPage] Error parsing UPDATE mutation:", t), null;
     }
   }, [i]), _ = A(() => {
-    var l, t;
+    var l, a;
     if (!(i != null && i.delete)) return null;
     try {
-      return (l = i.delete) != null && l.definitions && ((t = i.delete) != null && t.loc) ? i.delete : x(i.delete);
-    } catch (a) {
-      return console.error("[AdminDataEditPage] Error parsing DELETE mutation:", a), null;
+      return (l = i.delete) != null && l.definitions && ((a = i.delete) != null && a.loc) ? i.delete : y(i.delete);
+    } catch (t) {
+      return console.error("[AdminDataEditPage] Error parsing DELETE mutation:", t), null;
     }
-  }, [i]), g = le(s.name), R = re(s.name), { data: k, loading: z, error: L, refetch: T } = Z(
-    b || x`
+  }, [i]), f = le(s.name), R = re(s.name), { data: k, loading: z, error: L, refetch: $ } = Z(
+    g || y`
         query PlaceholderQuery {
           __typename
         }
       `,
     {
-      variables: { [g]: d },
+      variables: { [f]: d },
       errorPolicy: "all",
-      skip: !b || !d
+      skip: !g || !d
     }
-  ), [O] = S(
-    P || x`
+  ), [O] = T(
+    v || y`
         mutation PlaceholderUpdate {
           __typename
         }
       `
-  ), [Q] = S(
-    _ || x`
+  ), [Q] = T(
+    _ || y`
         mutation PlaceholderDelete {
           __typename
         }
       `
   );
-  if ($(() => {
+  if (S(() => {
     if (n.status === "error") {
       const l = setTimeout(() => {
         m({ status: "idle" });
       }, 5e3);
       return () => clearTimeout(l);
     }
-  }, [n.status]), $(() => {
+  }, [n.status]), S(() => {
     if (r.status === "error") {
       const l = setTimeout(() => {
-        N({ status: "idle" });
+        h({ status: "idle" });
       }, 5e3);
       return () => clearTimeout(l);
     }
-  }, [r.status]), !i || !b || !P || !_)
+  }, [r.status]), !i || !g || !v || !_)
     return /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-2xl", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
+      /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
         fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
         lineNumber: 309,
         columnNumber: 15
@@ -237,9 +237,9 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
         columnNumber: 15
       }, this),
       /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-        p,
+        x,
         {
-          to: v,
+          to: c,
           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"
         },
@@ -275,7 +275,7 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
     }, this);
   if (L)
     return /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
+      /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-red-400" }, void 0, !1, {
         fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
         lineNumber: 337,
         columnNumber: 15
@@ -294,7 +294,7 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => T(),
+            onClick: () => $(),
             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"
           },
@@ -308,9 +308,9 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
           this
         ),
         /* @__PURE__ */ e(
-          p,
+          x,
           {
-            to: `/admin/data/${I(s.pluralName)}`,
+            to: `${c}/${I(s.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"
           },
@@ -386,7 +386,7 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
   const w = k == null ? void 0 : k[R];
   if (!w)
     return /* @__PURE__ */ e("div", { className: "flex flex-col justify-center py-12", children: /* @__PURE__ */ e("div", { className: "mt-8 mx-auto w-full max-w-md", children: /* @__PURE__ */ e("div", { className: "bg-white dark:bg-gray-800 py-8 px-4 shadow sm:rounded-lg sm:px-10", children: /* @__PURE__ */ e("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(h, { className: "mx-auto h-12 w-12 text-yellow-400" }, void 0, !1, {
+      /* @__PURE__ */ e(p, { className: "mx-auto h-12 w-12 text-yellow-400" }, void 0, !1, {
         fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
         lineNumber: 389,
         columnNumber: 15
@@ -406,9 +406,9 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
         columnNumber: 15
       }, this),
       /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-        p,
+        x,
         {
-          to: `/admin/data/${I(s.pluralName)}`,
+          to: `${c}/${I(s.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"
         },
@@ -442,98 +442,98 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
       lineNumber: 385,
       columnNumber: 7
     }, this);
-  const V = se(j, s, "update"), o = {};
+  const V = se(P, s, "update"), o = {};
   if (w) {
-    s.fields.filter((t) => (t.isId, !(t.isReadOnly || t.isGenerated || t.isUpdatedAt || t.name === "createdAt" || t.relationName && t.isList))).forEach((t) => {
-      var f;
-      let a = w[t.name];
-      if (t.relationName && !t.isList) {
-        const c = ((f = t.relationFromFields) == null ? void 0 : f[0]) || t.name;
-        a = w[c], a && typeof a == "object" && (a = a.id || ""), o[c] = a || "";
+    s.fields.filter((a) => (a.isId, !(a.isReadOnly || a.isGenerated || a.isUpdatedAt || a.name === "createdAt" || a.relationName && a.isList))).forEach((a) => {
+      var N;
+      let t = w[a.name];
+      if (a.relationName && !a.isList) {
+        const b = ((N = a.relationFromFields) == null ? void 0 : N[0]) || a.name;
+        t = w[b], t && typeof t == "object" && (t = t.id || ""), o[b] = t || "";
       } else {
-        if (t.type.toLowerCase() === "datetime" || t.type.toLowerCase() === "date")
-          if (a != null && a !== "")
+        if (a.type.toLowerCase() === "datetime" || a.type.toLowerCase() === "date")
+          if (t != null && t !== "")
             try {
-              const c = a instanceof Date ? a : new Date(a);
-              t.type.toLowerCase() === "date" ? a = c.toISOString().split("T")[0] : a = c.toISOString().substring(0, 16);
-            } catch (c) {
-              console.warn(`Failed to convert date value for field ${t.name}:`, c), a = "";
+              const b = t instanceof Date ? t : new Date(t);
+              a.type.toLowerCase() === "date" ? t = b.toISOString().split("T")[0] : t = b.toISOString().substring(0, 16);
+            } catch (b) {
+              console.warn(`Failed to convert date value for field ${a.name}:`, b), t = "";
             }
           else
-            a = "";
-        a === null && t.type.toLowerCase() !== "boolean" && (a = ""), t.type.toLowerCase() === "boolean" && (a = !!a), a !== null && typeof a == "object" && (console.warn(`Field ${t.name} has object value, converting to string:`, a), typeof a == "object" && "id" in a ? a = a.id : a = ""), o[t.name] = a;
+            t = "";
+        t === null && a.type.toLowerCase() !== "boolean" && (t = ""), a.type.toLowerCase() === "boolean" && (t = !!t), t !== null && typeof t == "object" && (console.warn(`Field ${a.name} has object value, converting to string:`, t), typeof t == "object" && "id" in t ? t = t.id : t = ""), o[a.name] = t;
       }
     });
-    for (const [t, a] of Object.entries(o)) {
-      if (a === void 0) {
-        console.warn(`[AdminDataEditPage] Found undefined value for field ${t}, converting to empty string`), o[t] = "";
+    for (const [a, t] of Object.entries(o)) {
+      if (t === void 0) {
+        console.warn(`[AdminDataEditPage] Found undefined value for field ${a}, converting to empty string`), o[a] = "";
         continue;
       }
-      if (a !== null && typeof a == "object")
-        if (console.warn(`[AdminDataEditPage] Found non-primitive value for field ${t}, converting:`, a), "id" in a && typeof a.id == "string")
-          o[t] = a.id;
-        else if (a instanceof Date) {
-          const f = s.fields.find((c) => c.name === t);
-          o[t] = (f == null ? void 0 : f.type.toLowerCase()) === "date" ? a.toISOString().split("T")[0] : a.toISOString();
+      if (t !== null && typeof t == "object")
+        if (console.warn(`[AdminDataEditPage] Found non-primitive value for field ${a}, converting:`, t), "id" in t && typeof t.id == "string")
+          o[a] = t.id;
+        else if (t instanceof Date) {
+          const N = s.fields.find((b) => b.name === a);
+          o[a] = (N == null ? void 0 : N.type.toLowerCase()) === "date" ? t.toISOString().split("T")[0] : t.toISOString();
         } else
-          o[t] = "";
+          o[a] = "";
     }
-    console.log("[AdminDataEditPage] Final initialValues:", o), console.log("[AdminDataEditPage] Value types:", Object.entries(o).map(([t, a]) => ({
-      key: t,
-      type: typeof a,
-      isDate: a instanceof Date,
-      value: a
+    console.log("[AdminDataEditPage] Final initialValues:", o), console.log("[AdminDataEditPage] Value types:", Object.entries(o).map(([a, t]) => ({
+      key: a,
+      type: typeof t,
+      isDate: t instanceof Date,
+      value: t
     })));
   }
   const q = async (l) => {
     try {
       m({ status: "loading" });
-      const t = ie(l, s), a = await O({
+      const a = ie(l, s), t = await O({
         variables: {
-          input: t,
-          [g]: d
+          input: a,
+          [f]: d
         }
       });
-      if (a.errors) {
-        console.error("GraphQL errors:", a.errors), m({
+      if (t.errors) {
+        console.error("GraphQL errors:", t.errors), m({
           status: "error",
-          message: a.errors.map((f) => f.message).join(", ")
+          message: t.errors.map((N) => N.message).join(", ")
         });
         return;
       }
       m({
         status: "success",
         message: `${u(s.name)} updated successfully!`
-      }), await T();
-    } catch (t) {
-      console.error("Error updating record:", t), m({
+      }), await $();
+    } catch (a) {
+      console.error("Error updating record:", a), m({
         status: "error",
-        message: t instanceof Error ? t.message : "An unexpected error occurred"
+        message: a instanceof Error ? a.message : "An unexpected error occurred"
       });
     }
   }, G = async () => {
     try {
-      N({ status: "loading" });
+      h({ status: "loading" });
       const l = await Q({
         variables: {
-          [g]: d
+          [f]: d
         }
       });
       if (l.errors) {
-        console.error("GraphQL errors:", l.errors), N({
+        console.error("GraphQL errors:", l.errors), h({
           status: "error",
-          message: l.errors.map((t) => t.message).join(", ")
+          message: l.errors.map((a) => a.message).join(", ")
         });
         return;
       }
-      N({
+      h({
         status: "success",
         message: `${u(s.name)} deleted successfully!`
       }), setTimeout(() => {
-        U(`/admin/data/${I(s.pluralName)}`);
+        U(`${c}/${I(s.pluralName)}`);
       }, 1500);
     } catch (l) {
-      console.error("Error deleting record:", l), N({
+      console.error("Error deleting record:", l), h({
         status: "error",
         message: l instanceof Error ? l.message : "An unexpected error occurred"
       });
@@ -542,7 +542,7 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
   return /* @__PURE__ */ e("div", { className: "space-y-6", children: [
     /* @__PURE__ */ e("div", { className: "mb-8", children: [
       /* @__PURE__ */ e("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", children: /* @__PURE__ */ e("ol", { className: "flex items-center space-x-4", children: [
-        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(p, { to: "/admin/data", className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", children: "Data Browser" }, void 0, !1, {
+        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(x, { to: c, className: "text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400", children: "Data Browser" }, void 0, !1, {
           fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
           lineNumber: 620,
           columnNumber: 17
@@ -585,9 +585,9 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
             this
           ),
           /* @__PURE__ */ e(
-            p,
+            x,
             {
-              to: `/admin/data/${I(s.pluralName)}`,
+              to: `${c}/${I(s.pluralName)}`,
               className: "ml-4 text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400",
               children: u(s.pluralName)
             },
@@ -710,7 +710,7 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
     }, this),
     D && /* @__PURE__ */ e("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__ */ e("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-md w-full mx-4", children: [
       /* @__PURE__ */ e("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(h, { className: "h-6 w-6 text-red-600" }, void 0, !1, {
+        /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(p, { className: "h-6 w-6 text-red-600" }, void 0, !1, {
           fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
           lineNumber: 682,
           columnNumber: 19
@@ -810,7 +810,7 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
             fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
             lineNumber: 730,
             columnNumber: 19
-          }, this) : n.status === "error" || r.status === "error" ? /* @__PURE__ */ e(h, { className: "h-5 w-5 text-red-400" }, void 0, !1, {
+          }, this) : n.status === "error" || r.status === "error" ? /* @__PURE__ */ e(p, { className: "h-5 w-5 text-red-400" }, void 0, !1, {
             fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/pages/AdminDataEditPage.tsx",
             lineNumber: 732,
             columnNumber: 19
@@ -865,7 +865,7 @@ function de({ model: s, id: d, basePath: v, formTheme: y }) {
         submit: q,
         disabled: n.status === "loading" || r.status === "loading",
         defaultValues: o,
-        theme: y
+        theme: j
       },
       void 0,
       !1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nestledjs/data-browser",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Universal admin data browser for Nestled framework projects with full CRUD operations",
   "main": "./index.js",
   "module": "./index.js",
@@ -39,7 +39,7 @@
     "@heroicons/react": "^2.0.0",
     "@nestledjs/forms": "^0.5.0",
     "@nestledjs/helpers": "^0.1.0",
-    "@nestledjs/shared-components": "^0.1.4",
+    "@nestledjs/shared-components": "^0.1.5",
     "react": "^19.0.0",
     "react-router": "^7.0.0"
   },