@nestledjs/data-browser 0.1.13 → 0.1.16

package/README.md

@@ -30,7 +30,6 @@ This package requires a Nestled framework project with:
 - **Apollo Client v4+** for GraphQL operations
 - **React Router v7+** for routing
 - **@nestledjs/forms** for form generation
-- **@nestledjs/helpers** for utility functions
 - **Prisma** for database models
 - **Generated GraphQL SDK** with admin CRUD operations
 
@@ -40,7 +39,6 @@ This package requires a Nestled framework project with:
 {
   "@apollo/client": "^4.0.0",
   "@nestledjs/forms": "^0.5.0",
-  "@nestledjs/helpers": "^0.1.0",
   "react": "^19.0.0",
   "react-router": "^7.0.0"
 }

package/index.d.ts

@@ -13,3 +13,4 @@ export * from './lib/components';
 export * from './lib/utils/graphql-utils';
 export * from './lib/utils/secure-storage';
 export * from './lib/utils/string-utils';
+export * from './lib/utils/get-plural-names';

package/index.js

@@ -20,6 +20,7 @@ import { RelationFieldWrapper } from "./lib/components/RelationFieldWrapper.js";
 import { buildFormFields, cleanFormInput, getAdminDocuments, getMutationName } from "./lib/utils/graphql-utils.js";
 import { AdminLocalStorage, SecureAdminLocalStorage } from "./lib/utils/secure-storage.js";
 import { formatFieldName, getItemDisplayName, getSmartSearchFields, kebabCase, normalizeModelNameForDocument, spacedWords } from "./lib/utils/string-utils.js";
+import { getPluralName } from "./lib/utils/get-plural-names.js";
 export {
   AdminBreadcrumbs,
   AdminDataCreateErrorBoundary,
@@ -53,6 +54,7 @@ export {
   getAdminDocuments,
   getItemDisplayName,
   getMutationName,
+  getPluralName,
   getSmartSearchFields,
   initialState,
   kebabCase,

package/lib/hooks/useAdminList.js

@@ -24,6 +24,8 @@ function adminListReducer(state, action) {
       return { ...state, filters: action.payload };
     case "TOGGLE_FILTERS":
       return { ...state, showFilters: !state.showFilters };
+    case "SET_SHOW_FILTERS":
+      return { ...state, showFilters: action.payload };
     case "RESET_PAGINATION":
       return { ...state, skip: 0 };
     case "RESET_FILTERS":

package/lib/hooks/useRelationData.js

@@ -55,14 +55,12 @@ function useRelationData(relatedModelName, searchTerm, isOpen, currentValueId) {
   });
   const relatedItems = useMemo(() => {
     if (relationError) {
-      console.warn("[RelationData] GraphQL error:", relationError.message);
       return [];
     }
     if (!relatedData) return [];
     try {
       const items = relatedData[relatedDataPath] || [];
       if (!Array.isArray(items)) {
-        console.warn("[RelationData] Expected array but got:", typeof items);
         return [];
       }
       return items.filter((item) => {
@@ -71,7 +69,6 @@ function useRelationData(relatedModelName, searchTerm, isOpen, currentValueId) {
         return true;
       });
     } catch (error) {
-      console.error("[RelationData] Error processing relation data:", error);
       return [];
     }
   }, [relatedData, relatedDataPath, relationError]);

package/lib/layouts/AdminDataLayout.js

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useMemo } from "react";
-import { getPluralName } from "@nestledjs/helpers";
+import { getPluralName } from "../utils/get-plural-names.js";
 import { useNavigate, useParams, Outlet } from "react-router";
 import { AdminLocalStorage } from "../utils/secure-storage.js";
 import { spacedWords, kebabCase } from "../utils/string-utils.js";

package/lib/pages/AdminDataCreatePage.js

@@ -132,7 +132,8 @@ function AdminDataCreatePageContent({
 }) {
   const navigate = useNavigate();
   const {
-    sdk
+    sdk,
+    databaseModels
   } = useAdminDataContext();
   const [submissionState, setSubmissionState] = useState({
     status: "idle"
@@ -141,7 +142,6 @@ function AdminDataCreatePageContent({
     try {
       return getAdminDocuments(sdk, model);
     } catch (error) {
-      console.error("[AdminDataCreatePage] Error getting documents:", error);
       return null;
     }
   }, [sdk, model]);
@@ -154,7 +154,6 @@ function AdminDataCreatePageContent({
       }
       return gql(documents.create);
     } catch (error) {
-      console.error("[AdminDataCreatePage] Error parsing CREATE mutation:", error);
       return null;
     }
   }, [documents]);
@@ -166,43 +165,43 @@ function AdminDataCreatePageContent({
   if (!documents || !CREATE_MUTATION) {
     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,
+      lineNumber: 220,
       columnNumber: 7
     } }, /* @__PURE__ */ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-2xl", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
+      lineNumber: 221,
       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,
+      lineNumber: 222,
       columnNumber: 11
     } }, /* @__PURE__ */ React.createElement("div", { className: "text-center", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 225,
+      lineNumber: 223,
       columnNumber: 13
     } }, /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "mx-auto h-12 w-12 text-red-400", __self: this, __source: {
       fileName: _jsxFileName,
-      lineNumber: 226,
+      lineNumber: 224,
       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,
+      lineNumber: 225,
       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,
+      lineNumber: 226,
       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,
+      lineNumber: 230,
       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,
+      lineNumber: 231,
       columnNumber: 17
     } }, "Return to Data Browser"))))));
   }
-  const formFields = buildFormFields(sdk, model, "create", void 0, submissionState.status === "loading", basePath);
+  const formFields = buildFormFields(sdk, model, "create", void 0, submissionState.status === "loading", basePath, databaseModels);
   const handleSubmit = async (formData) => {
     try {
       setSubmissionState({
@@ -215,7 +214,6 @@ function AdminDataCreatePageContent({
         }
       });
       if (result.errors) {
-        console.error("GraphQL errors:", result.errors);
         setSubmissionState({
           status: "error",
           message: result.errors.map((err) => err.message).join(", ")
@@ -230,7 +228,6 @@ function AdminDataCreatePageContent({
         navigate(`${basePath}/${toKebabCase(model.pluralName)}`);
       }, 1500);
     } catch (error) {
-      console.error("Error creating record:", error);
       setSubmissionState({
         status: "error",
         message: error instanceof Error ? error.message : "An unexpected error occurred"
@@ -249,115 +246,115 @@ function AdminDataCreatePageContent({
   }, [submissionState.status]);
   return /* @__PURE__ */ React.createElement("div", { className: "space-y-6", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 303,
+    lineNumber: 299,
     columnNumber: 5
   } }, /* @__PURE__ */ React.createElement("div", { className: "mb-8", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 305,
+    lineNumber: 301,
     columnNumber: 7
   } }, /* @__PURE__ */ React.createElement("nav", { className: "flex mb-6", "aria-label": "Breadcrumb", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 306,
+    lineNumber: 302,
     columnNumber: 11
   } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 307,
+    lineNumber: 303,
     columnNumber: 13
   } }, /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 308,
+    lineNumber: 304,
     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,
+    lineNumber: 305,
     columnNumber: 17
   } }, "Data Browser")), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 313,
+    lineNumber: 309,
     columnNumber: 15
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 314,
+    lineNumber: 310,
     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,
+    lineNumber: 311,
     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,
+    lineNumber: 316,
     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,
+    lineNumber: 322,
     columnNumber: 19
   } }, toReadableText(model.pluralName)))), /* @__PURE__ */ React.createElement("li", { __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 334,
+    lineNumber: 330,
     columnNumber: 15
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 335,
+    lineNumber: 331,
     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,
+    lineNumber: 332,
     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,
+    lineNumber: 337,
     columnNumber: 21
   } })), /* @__PURE__ */ React.createElement("span", { className: "ml-4 text-gray-500 dark:text-gray-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 347,
+    lineNumber: 343,
     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,
+    lineNumber: 348,
     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,
+    lineNumber: 355,
     columnNumber: 11
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 368,
+    lineNumber: 364,
     columnNumber: 13
   } }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 369,
+    lineNumber: 365,
     columnNumber: 15
   } }, submissionState.status === "success" ? /* @__PURE__ */ React.createElement(CheckCircleIcon, { className: "h-5 w-5 text-green-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 371,
+    lineNumber: 367,
     columnNumber: 19
   } }) : submissionState.status === "error" ? /* @__PURE__ */ React.createElement(ExclamationCircleIcon, { className: "h-5 w-5 text-red-400", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 373,
+    lineNumber: 369,
     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,
+    lineNumber: 371,
     columnNumber: 19
   } })), /* @__PURE__ */ React.createElement("div", { className: "ml-3", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 378,
+    lineNumber: 374,
     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,
+    lineNumber: 375,
     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,
+    lineNumber: 394,
     columnNumber: 9
   } }, /* @__PURE__ */ React.createElement("div", { className: "px-6 py-8", __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 399,
+    lineNumber: 395,
     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,
+    lineNumber: 396,
     columnNumber: 13
   } }))));
 }
@@ -366,7 +363,7 @@ function AdminDataCreateErrorBoundary({
 }) {
   return /* @__PURE__ */ React.createElement(ErrorBoundary, { error, __self: this, __source: {
     fileName: _jsxFileName,
-    lineNumber: 414,
+    lineNumber: 410,
     columnNumber: 10
   } });
 }