@nestledjs/data-browser 0.1.5 → 0.1.7

package/lib/layouts/AdminDataLayout.js

@@ -6,7 +6,7 @@ import { AdminLocalStorage as j } from "../utils/secure-storage.js";
 import { spacedWords as c, kebabCase as g } from "../utils/string-utils.js";
 import { useAdminDataContext as F } from "../context/AdminDataContext.js";
 function H() {
-  const L = M(), b = C(), { databaseModels: h, basePath: w = "/admin/data" } = F(), [n, P] = x(!1), [o, f] = x(null), d = B(null), m = v(
+  const L = M(), b = C(), { databaseModels: h, basePath: P = "/admin/data" } = F(), [n, I] = x(!1), [d, y] = x(null), o = B(null), m = v(
     () => [...h].sort(
       (t, a) => r(c(t.name)).localeCompare(r(c(a.name)))
     ),
@@ -14,17 +14,17 @@ function H() {
   ), u = v(() => {
     const t = b.dataTypePlural;
     return t ? m.find((a) => g(r(a.name)).toLowerCase() === t.toLowerCase()) : null;
-  }, [b.dataTypePlural, m]), I = (t) => {
+  }, [b.dataTypePlural, m]), k = (t) => {
     const a = t.target.value;
     if (a) {
       const s = m.find((l) => l.name === a);
-      s && L(`${w}/${g(r(s.name))}`);
+      s && L(`${P}/${g(r(s.name))}`);
     }
-  }, k = () => {
-    P(!n);
-  }, i = (t, a) => {
-    f({ type: t, message: a }), setTimeout(() => f(null), 5e3);
   }, U = () => {
+    I(!n);
+  }, i = (t, a) => {
+    y({ type: t, message: a }), setTimeout(() => y(null), 5e3);
+  }, w = () => {
     const t = j.exportConfig();
     if (!t) {
       i("error", "Failed to export preferences");
@@ -47,13 +47,13 @@ function H() {
       j.importConfig(N) ? (i("success", "Preferences imported successfully. Refreshing..."), setTimeout(() => window.location.reload(), 1500)) : i("error", "Invalid preferences file");
     }, s.onerror = () => {
       i("error", "Failed to read file");
-    }, s.readAsText(a), d.current && (d.current.value = "");
+    }, s.readAsText(a), o.current && (o.current.value = "");
   }, D = () => {
     var t;
-    (t = d.current) == null || t.click();
-  }, y = /* @__PURE__ */ e("div", { className: "max-w-full mx-auto h-full flex flex-col", children: [
-    o && /* @__PURE__ */ e("div", { className: `mb-4 px-4 py-3 rounded-md border ${o.type === "success" ? "bg-green-50 border-green-200 text-green-800 dark:bg-green-900/20 dark:border-green-800 dark:text-green-200" : "bg-red-50 border-red-200 text-red-800 dark:bg-red-900/20 dark:border-red-800 dark:text-red-200"}`, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: [
-      o.type === "success" ? /* @__PURE__ */ e("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }, void 0, !1, {
+    (t = o.current) == null || t.click();
+  }, f = /* @__PURE__ */ e("div", { className: "max-w-full mx-auto flex flex-col", children: [
+    d && /* @__PURE__ */ e("div", { className: `mb-4 px-4 py-3 rounded-md border ${d.type === "success" ? "bg-green-50 border-green-200 text-green-800 dark:bg-green-900/20 dark:border-green-800 dark:text-green-200" : "bg-red-50 border-red-200 text-red-800 dark:bg-red-900/20 dark:border-red-800 dark:text-red-200"}`, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: [
+      d.type === "success" ? /* @__PURE__ */ e("svg", { className: "w-5 h-5 mr-2", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }, void 0, !1, {
         fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
         lineNumber: 133,
         columnNumber: 17
@@ -70,7 +70,7 @@ function H() {
         lineNumber: 136,
         columnNumber: 15
       }, this),
-      /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: o.message }, void 0, !1, {
+      /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: d.message }, void 0, !1, {
         fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
         lineNumber: 140,
         columnNumber: 13
@@ -98,7 +98,7 @@ function H() {
               {
                 id: "model-selector",
                 value: (u == null ? void 0 : u.name) || "",
-                onChange: I,
+                onChange: k,
                 className: "w-full h-[50px] pl-4 pr-10 py-3 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web text-base appearance-none cursor-pointer",
                 children: [
                   /* @__PURE__ */ e("option", { value: "", children: "Choose a model..." }, void 0, !1, {
@@ -148,7 +148,7 @@ function H() {
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: k,
+            onClick: U,
             className: "h-[50px] px-4 py-3 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-green-web focus:border-green-web transition-colors",
             title: n ? "Exit fullscreen" : "Enter fullscreen",
             children: n ? /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25" }, void 0, !1, {
@@ -192,7 +192,7 @@ function H() {
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: U,
+            onClick: w,
             className: "inline-flex items-center px-3 py-1.5 text-gray-700 dark:text-gray-300 hover:text-green-web dark:hover:text-green-web transition-colors",
             title: "Export your preferences to a file",
             children: [
@@ -253,7 +253,7 @@ function H() {
         /* @__PURE__ */ e(
           "input",
           {
-            ref: d,
+            ref: o,
             type: "file",
             accept: "application/json,.json",
             onChange: A,
@@ -278,7 +278,7 @@ function H() {
       lineNumber: 146,
       columnNumber: 7
     }, this),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(R, {}, void 0, !1, {
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(R, {}, void 0, !1, {
       fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
       lineNumber: 229,
       columnNumber: 9
@@ -292,7 +292,7 @@ function H() {
     lineNumber: 122,
     columnNumber: 5
   }, this);
-  return n ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 bg-white dark:bg-gray-900 overflow-hidden flex flex-col", children: /* @__PURE__ */ e("div", { className: "h-full w-full overflow-auto p-6 md:p-8 lg:p-12", children: y }, void 0, !1, {
+  return n ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 bg-white dark:bg-gray-900 flex flex-col", children: /* @__PURE__ */ e("div", { className: "w-full p-6 md:p-8 lg:p-12", children: f }, void 0, !1, {
     fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
     lineNumber: 237,
     columnNumber: 9
@@ -300,7 +300,7 @@ function H() {
     fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
     lineNumber: 236,
     columnNumber: 7
-  }, this) : /* @__PURE__ */ e("div", { className: "h-full overflow-hidden flex flex-col", children: /* @__PURE__ */ e("main", { className: "h-full w-full overflow-auto p-6 md:p-8 lg:p-12", children: y }, void 0, !1, {
+  }, this) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: /* @__PURE__ */ e("main", { className: "w-full p-6 md:p-8 lg:p-12", children: f }, void 0, !1, {
     fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
     lineNumber: 246,
     columnNumber: 7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nestledjs/data-browser",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "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.5",
+    "@nestledjs/shared-components": "^0.1.7",
     "react": "^19.0.0",
     "react-router": "^7.0.0"
   },