@nestledjs/data-browser 0.1.1 → 0.1.4

package/lib/layouts/AdminDataLayout.js

@@ -0,0 +1,315 @@
+import { jsxDEV as e } from "react/jsx-dev-runtime";
+import { getPluralName as r } from "@nestledjs/helpers";
+import { useNavigate as M, useParams as C, Outlet as R } from "react-router";
+import { useState as x, useRef as B, useMemo as v } from "react";
+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(
+    () => [...h].sort(
+      (t, a) => r(c(t.name)).localeCompare(r(c(a.name)))
+    ),
+    [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) => {
+    const a = t.target.value;
+    if (a) {
+      const s = m.find((l) => l.name === a);
+      s && L(`${w}/${g(r(s.name))}`);
+    }
+  }, k = () => {
+    P(!n);
+  }, i = (t, a) => {
+    f({ type: t, message: a }), setTimeout(() => f(null), 5e3);
+  }, U = () => {
+    const t = j.exportConfig();
+    if (!t) {
+      i("error", "Failed to export preferences");
+      return;
+    }
+    const a = new Blob([t], { type: "application/json" }), s = URL.createObjectURL(a), l = document.createElement("a");
+    l.href = s, l.download = `admin-data-preferences-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`, document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(s), i("success", "Preferences exported successfully");
+  }, A = (t) => {
+    var l;
+    const a = (l = t.target.files) == null ? void 0 : l[0];
+    if (!a) return;
+    const s = new FileReader();
+    s.onload = (_) => {
+      var p;
+      const N = (p = _.target) == null ? void 0 : p.result;
+      if (!N) {
+        i("error", "Failed to read file");
+        return;
+      }
+      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 = "");
+  }, 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, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 133,
+        columnNumber: 17
+      }, this) }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 132,
+        columnNumber: 15
+      }, this) : /* @__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 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 137,
+        columnNumber: 17
+      }, this) }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 136,
+        columnNumber: 15
+      }, this),
+      /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: o.message }, void 0, !1, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 140,
+        columnNumber: 13
+      }, this)
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 130,
+      columnNumber: 11
+    }, this) }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 125,
+      columnNumber: 9
+    }, this),
+    /* @__PURE__ */ e("div", { className: "mb-6 space-y-3", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-end gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "model-selector", className: "block text-sm font-medium text-gray-900 dark:text-gray-100 mb-2", children: "Select Model" }, void 0, !1, {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 149,
+            columnNumber: 13
+          }, this),
+          /* @__PURE__ */ e("div", { className: "relative", children: [
+            /* @__PURE__ */ e(
+              "select",
+              {
+                id: "model-selector",
+                value: (u == null ? void 0 : u.name) || "",
+                onChange: I,
+                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, {
+                    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                    lineNumber: 159,
+                    columnNumber: 17
+                  }, this),
+                  m.map((t) => /* @__PURE__ */ e("option", { value: t.name, children: r(c(t.name)) }, t.name, !1, {
+                    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                    lineNumber: 161,
+                    columnNumber: 19
+                  }, this))
+                ]
+              },
+              void 0,
+              !0,
+              {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 153,
+                columnNumber: 15
+              },
+              this
+            ),
+            /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: /* @__PURE__ */ e("svg", { className: "h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" }, void 0, !1, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 169,
+              columnNumber: 19
+            }, this) }, void 0, !1, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 168,
+              columnNumber: 17
+            }, this) }, void 0, !1, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 167,
+              columnNumber: 15
+            }, this)
+          ] }, void 0, !0, {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 152,
+            columnNumber: 13
+          }, this)
+        ] }, void 0, !0, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+          lineNumber: 148,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: k,
+            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, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 183,
+              columnNumber: 17
+            }, this) }, void 0, !1, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 182,
+              columnNumber: 15
+            }, this) : /* @__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: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" }, void 0, !1, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 187,
+              columnNumber: 17
+            }, this) }, void 0, !1, {
+              fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+              lineNumber: 186,
+              columnNumber: 15
+            }, this)
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 176,
+            columnNumber: 11
+          },
+          this
+        )
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 147,
+        columnNumber: 9
+      }, this),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ e("span", { className: "text-gray-600 dark:text-gray-400", children: "Preferences:" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+          lineNumber: 195,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: U,
+            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: [
+              /* @__PURE__ */ e("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }, void 0, !1, {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 202,
+                columnNumber: 15
+              }, this) }, void 0, !1, {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 201,
+                columnNumber: 13
+              }, this),
+              "Export"
+            ]
+          },
+          void 0,
+          !0,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 196,
+            columnNumber: 11
+          },
+          this
+        ),
+        /* @__PURE__ */ e("span", { className: "text-gray-300 dark:text-gray-600", children: "|" }, void 0, !1, {
+          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+          lineNumber: 206,
+          columnNumber: 11
+        }, this),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: D,
+            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: "Import preferences from a file",
+            children: [
+              /* @__PURE__ */ e("svg", { className: "w-4 h-4 mr-1.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" }, void 0, !1, {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 213,
+                columnNumber: 15
+              }, this) }, void 0, !1, {
+                fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+                lineNumber: 212,
+                columnNumber: 13
+              }, this),
+              "Import"
+            ]
+          },
+          void 0,
+          !0,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 207,
+            columnNumber: 11
+          },
+          this
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: d,
+            type: "file",
+            accept: "application/json,.json",
+            onChange: A,
+            className: "hidden"
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+            lineNumber: 217,
+            columnNumber: 11
+          },
+          this
+        )
+      ] }, void 0, !0, {
+        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+        lineNumber: 194,
+        columnNumber: 9
+      }, this)
+    ] }, void 0, !0, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 146,
+      columnNumber: 7
+    }, this),
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", 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
+    }, this) }, void 0, !1, {
+      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+      lineNumber: 228,
+      columnNumber: 7
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+    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, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+    lineNumber: 237,
+    columnNumber: 9
+  }, this) }, void 0, !1, {
+    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, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+    lineNumber: 246,
+    columnNumber: 7
+  }, this) }, void 0, !1, {
+    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/layouts/AdminDataLayout.tsx",
+    lineNumber: 245,
+    columnNumber: 5
+  }, this);
+}
+export {
+  H as AdminDataLayout
+};

package/lib/pages/AdminDataCreatePage.d.ts

@@ -0,0 +1,4 @@
+export declare function AdminDataCreatePage(): import("react/jsx-runtime").JSX.Element;
+export declare function AdminDataCreateErrorBoundary({ error }: Readonly<{
+    error: Error;
+}>): import("react/jsx-runtime").JSX.Element;