@nestledjs/data-browser 0.1.6 → 0.1.8

package/lib/hooks/useRelationData.js

@@ -1,64 +1,87 @@
-import { useQuery as g } from "@apollo/client/react";
-import { useMemo as o } from "react";
-import { useAdminDataContext as Q } from "../context/AdminDataContext.js";
-import { getAdminDocuments as w } from "../utils/graphql-utils.js";
-import { getSmartSearchFields as A } from "../utils/string-utils.js";
-import { useDebounce as k } from "./useDebounce.js";
-function v(a, y, d) {
-  const { sdk: l, databaseModels: f } = Q(), s = k(y, 300), e = o(
-    () => f.find((r) => r.name === a),
-    [f, a]
-  ), i = o(
-    () => e ? w(l, e) : { listQuery: void 0 },
-    [l, e]
-  ), m = o(
-    () => (e == null ? void 0 : e.pluralModelPropertyName) || a.charAt(0).toLowerCase() + a.slice(1) + "s",
-    [e, a]
-  ), p = o(() => e ? e.fields.filter((r) => {
-    const t = r.type.toLowerCase();
-    return !r.relationName && (t === "string" || t.includes("text") || t === "boolean");
-  }).map((r) => r.name) : [], [e]), c = o(() => A(p), [p]), h = o(
+import { useQuery } from "@apollo/client/react";
+import { useMemo } from "react";
+import { useAdminDataContext } from "../context/AdminDataContext.js";
+import { getAdminDocuments } from "../utils/graphql-utils.js";
+import { getSmartSearchFields } from "../utils/string-utils.js";
+import { useDebounce } from "./useDebounce.js";
+function useRelationData(relatedModelName, searchTerm, isOpen) {
+  const { sdk, databaseModels } = useAdminDataContext();
+  const debouncedSearchTerm = useDebounce(searchTerm, 300);
+  const relatedModel = useMemo(
+    () => databaseModels.find((m) => m.name === relatedModelName),
+    [databaseModels, relatedModelName]
+  );
+  const relatedDocuments = useMemo(
+    () => relatedModel ? getAdminDocuments(sdk, relatedModel) : { listQuery: void 0 },
+    [sdk, relatedModel]
+  );
+  const relatedDataPath = useMemo(
+    () => (relatedModel == null ? void 0 : relatedModel.pluralModelPropertyName) || relatedModelName.charAt(0).toLowerCase() + relatedModelName.slice(1) + "s",
+    [relatedModel, relatedModelName]
+  );
+  const searchableFields = useMemo(() => {
+    if (!relatedModel) return [];
+    return relatedModel.fields.filter((f) => {
+      const fieldType = f.type.toLowerCase();
+      return !f.relationName && (fieldType === "string" || fieldType.includes("text") || fieldType === "boolean");
+    }).map((f) => f.name);
+  }, [relatedModel]);
+  const searchFields = useMemo(() => getSmartSearchFields(searchableFields), [searchableFields]);
+  const queryVariables = useMemo(
     () => ({
       input: {
         take: 20,
-        ...s.trim() ? {
-          search: s,
-          searchFields: c.length > 0 ? c : void 0
+        ...debouncedSearchTerm.trim() ? {
+          search: debouncedSearchTerm,
+          searchFields: searchFields.length > 0 ? searchFields : void 0
         } : {}
       }
     }),
-    [s, c]
-  ), {
-    data: u,
-    loading: D,
-    error: n
-  } = g(i.listQuery, {
-    variables: h,
-    skip: !i.listQuery || !d,
+    [debouncedSearchTerm, searchFields]
+  );
+  const {
+    data: relatedData,
+    loading,
+    error: relationError
+  } = useQuery(relatedDocuments.listQuery, {
+    variables: queryVariables,
+    skip: !relatedDocuments.listQuery || !isOpen,
     errorPolicy: "all",
     // Continue processing even if there are GraphQL errors
-    notifyOnNetworkStatusChange: !0,
+    notifyOnNetworkStatusChange: true,
     fetchPolicy: "cache-first"
     // Use cache for better performance
-  }), b = o(() => {
-    if (n)
-      return console.warn("[RelationData] GraphQL error:", n.message), [];
-    if (!u) return [];
+  });
+  const relatedItems = useMemo(() => {
+    if (relationError) {
+      console.warn("[RelationData] GraphQL error:", relationError.message);
+      return [];
+    }
+    if (!relatedData) return [];
     try {
-      const r = u[m] || [];
-      return Array.isArray(r) ? r.filter((t) => !(!t || typeof t != "object" || !t.id)) : (console.warn("[RelationData] Expected array but got:", typeof r), []);
-    } catch (r) {
-      return console.error("[RelationData] Error processing relation data:", r), [];
+      const items = relatedData[relatedDataPath] || [];
+      if (!Array.isArray(items)) {
+        console.warn("[RelationData] Expected array but got:", typeof items);
+        return [];
+      }
+      return items.filter((item) => {
+        if (!item || typeof item !== "object") return false;
+        if (!item.id) return false;
+        return true;
+      });
+    } catch (error) {
+      console.error("[RelationData] Error processing relation data:", error);
+      return [];
     }
-  }, [u, m, n]);
+  }, [relatedData, relatedDataPath, relationError]);
   return {
-    relatedModel: e,
-    relatedItems: b,
-    loading: D,
-    error: n,
-    hasDocument: !!i.listQuery
+    relatedModel,
+    relatedItems,
+    loading,
+    error: relationError,
+    hasDocument: !!relatedDocuments.listQuery
   };
 }
 export {
-  v as useRelationData
+  useRelationData
 };