@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.0

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.js

@@ -1,143 +1,137 @@
 import { useCallback, useMemo, useState } from "react";
 import { useApolloClient } from "../../../../../hooks/index.js";
 import { createSearchQuery } from "./graphql.js";
-const searchableFieldTypes = ["text", "long-text"];
-const isFieldSearchable = field => {
-  return searchableFieldTypes.includes(field.type);
-};
-export const useEntries = params => {
-  const client = useApolloClient();
-  const {
-    model,
-    limit
-  } = params;
-  const [entries, setEntries] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [searchQuery, setSearchQuery] = useState(undefined);
-  const [cursor, setCursor] = useState();
-  const SEARCH_QUERY = useMemo(() => {
-    return createSearchQuery(model);
-  }, [model.modelId]);
-  const createWhere = useCallback(query => {
-    if (!query) {
-      return {};
-    }
-    const conditions = model.fields.map(field => {
-      if (!isFieldSearchable(field)) {
-        return null;
-      }
-      return {
-        values: {
-          [`${field.fieldId}_contains`]: query
+const searchableFieldTypes = [
+    "text",
+    "long-text"
+];
+const isFieldSearchable = (field)=>searchableFieldTypes.includes(field.type);
+const useEntries = (params)=>{
+    const client = useApolloClient();
+    const { model, limit } = params;
+    const [entries, setEntries] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [searchQuery, setSearchQuery] = useState(void 0);
+    const [cursor, setCursor] = useState();
+    const SEARCH_QUERY = useMemo(()=>createSearchQuery(model), [
+        model.modelId
+    ]);
+    const createWhere = useCallback((query)=>{
+        if (!query) return {};
+        const conditions = model.fields.map((field)=>{
+            if (!isFieldSearchable(field)) return null;
+            return {
+                values: {
+                    [`${field.fieldId}_contains`]: query
+                }
+            };
+        }).filter(Boolean);
+        if (0 === conditions.length) return {};
+        return {
+            OR: conditions
+        };
+    }, [
+        model.modelId
+    ]);
+    const executeQuery = useCallback(async (params)=>{
+        const { query, items, after } = params;
+        if (loading) return void console.log("Cannot run a new search. Please wait for the previous one to finish.");
+        setLoading(true);
+        const where = createWhere(query);
+        try {
+            const result = await client.query({
+                query: SEARCH_QUERY,
+                variables: {
+                    where,
+                    sort: [
+                        "savedOn_DESC"
+                    ],
+                    limit,
+                    after
+                }
+            });
+            if (result.data.content.error) {
+                setEntries([]);
+                setError(result.data.content.error.message);
+                return;
+            }
+            if (result.data.content.data) {
+                const newItems = result.data.content.data.map((entry)=>({
+                        id: entry.id,
+                        entryId: entry.entryId,
+                        title: entry.meta.title,
+                        description: entry.meta.description,
+                        image: entry.meta.image,
+                        status: entry.meta.status,
+                        model: {
+                            modelId: model.modelId,
+                            name: model.name
+                        },
+                        createdBy: entry.createdBy,
+                        modifiedBy: entry.modifiedBy,
+                        createdOn: entry.createdOn,
+                        savedOn: entry.savedOn,
+                        location: {
+                            folderId: entry.wbyAco_location?.folderId
+                        }
+                    }));
+                setEntries(items.concat(newItems));
+                setCursor(result.data.content.meta.cursor || void 0);
+                setError(null);
+            } else {
+                setEntries([]);
+                setError(`Unknown error while fetching entries for model ${model.modelId}. Please check your network requests tab.`);
+                return;
+            }
+        } catch (ex) {
+            setEntries([]);
+            console.log(`Error while fetching entries for model ${model.modelId}.`);
+            console.log(JSON.stringify(ex));
+            setError(ex.message);
+        } finally{
+            setLoading(false);
         }
-      };
-    }).filter(Boolean);
-    if (conditions.length === 0) {
-      return {};
-    }
+    }, [
+        model.modelId,
+        entries,
+        loading,
+        error
+    ]);
+    const runSearch = useCallback((query)=>{
+        if (searchQuery === query) return void console.log("Skipping search as it is the same as the previous one.");
+        setSearchQuery(query);
+        executeQuery({
+            query,
+            items: []
+        });
+    }, [
+        executeQuery,
+        searchQuery
+    ]);
+    const loadMore = useCallback(()=>{
+        if (loading) return void console.log("Please wait until the loading finishes to start a new one.");
+        if (!cursor) return void console.log("Trying to load more results but there is no cursor defined. Probably there are no more results.");
+        executeQuery({
+            query: searchQuery,
+            items: entries,
+            after: cursor
+        });
+    }, [
+        searchQuery,
+        loading,
+        cursor,
+        entries
+    ]);
     return {
-      OR: conditions
+        runSearch,
+        loadMore,
+        loading,
+        entries,
+        error,
+        hasMore: !!cursor
     };
-  }, [model.modelId]);
-  const executeQuery = useCallback(async params => {
-    const {
-      query,
-      items,
-      after
-    } = params;
-    if (loading) {
-      console.log(`Cannot run a new search. Please wait for the previous one to finish.`);
-      return;
-    }
-    setLoading(true);
-    const where = createWhere(query);
-    try {
-      const result = await client.query({
-        query: SEARCH_QUERY,
-        variables: {
-          where,
-          sort: ["savedOn_DESC"],
-          limit,
-          after
-        }
-      });
-      if (result.data.content.error) {
-        setEntries([]);
-        setError(result.data.content.error.message);
-        return;
-      } else if (!result.data.content.data) {
-        setEntries([]);
-        setError(`Unknown error while fetching entries for model ${model.modelId}. Please check your network requests tab.`);
-        return;
-      } else {
-        const newItems = result.data.content.data.map(entry => {
-          return {
-            id: entry.id,
-            entryId: entry.entryId,
-            title: entry.meta.title,
-            description: entry.meta.description,
-            image: entry.meta.image,
-            status: entry.meta.status,
-            model: {
-              modelId: model.modelId,
-              name: model.name
-            },
-            createdBy: entry.createdBy,
-            modifiedBy: entry.modifiedBy,
-            createdOn: entry.createdOn,
-            savedOn: entry.savedOn,
-            location: {
-              folderId: entry.wbyAco_location?.folderId
-            }
-          };
-        });
-        setEntries(items.concat(newItems));
-        setCursor(result.data.content.meta.cursor || undefined);
-        setError(null);
-      }
-    } catch (ex) {
-      setEntries([]);
-      console.log(`Error while fetching entries for model ${model.modelId}.`);
-      console.log(JSON.stringify(ex));
-      setError(ex.message);
-    } finally {
-      setLoading(false);
-    }
-  }, [model.modelId, entries, loading, error]);
-  const runSearch = useCallback(query => {
-    if (searchQuery === query) {
-      console.log(`Skipping search as it is the same as the previous one.`);
-      return;
-    }
-    setSearchQuery(query);
-    executeQuery({
-      query,
-      items: []
-    });
-  }, [executeQuery, searchQuery]);
-  const loadMore = useCallback(() => {
-    if (loading) {
-      console.log(`Please wait until the loading finishes to start a new one.`);
-      return;
-    } else if (!cursor) {
-      console.log(`Trying to load more results but there is no cursor defined. Probably there are no more results.`);
-      return;
-    }
-    executeQuery({
-      query: searchQuery,
-      items: entries,
-      after: cursor
-    });
-  }, [searchQuery, loading, cursor, entries]);
-  return {
-    runSearch,
-    loadMore,
-    loading,
-    entries,
-    error,
-    hasMore: !!cursor
-  };
 };
+export { useEntries };
 
 //# sourceMappingURL=useEntries.js.map

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useMemo","useState","useApolloClient","createSearchQuery","searchableFieldTypes","isFieldSearchable","field","includes","type","useEntries","params","client","model","limit","entries","setEntries","loading","setLoading","error","setError","searchQuery","setSearchQuery","undefined","cursor","setCursor","SEARCH_QUERY","modelId","createWhere","query","conditions","fields","map","values","fieldId","filter","Boolean","length","OR","executeQuery","items","after","console","log","where","result","variables","sort","data","content","message","newItems","entry","id","entryId","title","meta","description","image","status","name","createdBy","modifiedBy","createdOn","savedOn","location","folderId","wbyAco_location","concat","ex","JSON","stringify","runSearch","loadMore","hasMore"],"sources":["useEntries.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    SearchQueryResponse,\n    SearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\nimport { createSearchQuery } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\n\nconst searchableFieldTypes = [\"text\", \"long-text\"];\nconst isFieldSearchable = (field: CmsModelField): boolean => {\n    return searchableFieldTypes.includes(field.type);\n};\n\ninterface ExecuteQueryParams {\n    items: CmsReferenceContentEntry[];\n    query?: string;\n    after?: string;\n}\n\ninterface Params {\n    model: CmsModel;\n    limit: number;\n}\n\nexport const useEntries = (params: Params) => {\n    const client = useApolloClient();\n    const { model, limit } = params;\n\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | null>(null);\n    const [searchQuery, setSearchQuery] = useState<string | undefined>(undefined);\n    const [cursor, setCursor] = useState<string | undefined>();\n\n    const SEARCH_QUERY = useMemo(() => {\n        return createSearchQuery(model);\n    }, [model.modelId]);\n\n    const createWhere = useCallback(\n        (query?: string) => {\n            if (!query) {\n                return {};\n            }\n            const conditions = model.fields\n                .map(field => {\n                    if (!isFieldSearchable(field)) {\n                        return null;\n                    }\n                    return {\n                        values: {\n                            [`${field.fieldId}_contains`]: query\n                        }\n                    };\n                })\n                .filter(Boolean);\n            if (conditions.length === 0) {\n                return {};\n            }\n            return {\n                OR: conditions\n            };\n        },\n        [model.modelId]\n    );\n\n    const executeQuery = useCallback(\n        async (params: ExecuteQueryParams) => {\n            const { query, items, after } = params;\n            if (loading) {\n                console.log(`Cannot run a new search. Please wait for the previous one to finish.`);\n                return;\n            }\n            setLoading(true);\n\n            const where = createWhere(query);\n\n            try {\n                const result = await client.query<SearchQueryResponse, SearchQueryVariables>({\n                    query: SEARCH_QUERY,\n                    variables: {\n                        where,\n                        sort: [\"savedOn_DESC\"],\n                        limit,\n                        after\n                    }\n                });\n\n                if (result.data.content.error) {\n                    setEntries([]);\n                    setError(result.data.content.error.message);\n                    return;\n                } else if (!result.data.content.data) {\n                    setEntries([]);\n                    setError(\n                        `Unknown error while fetching entries for model ${model.modelId}. Please check your network requests tab.`\n                    );\n                    return;\n                } else {\n                    const newItems = result.data.content.data.map(entry => {\n                        return {\n                            id: entry.id,\n                            entryId: entry.entryId,\n                            title: entry.meta.title,\n                            description: entry.meta.description,\n                            image: entry.meta.image,\n                            status: entry.meta.status,\n                            model: {\n                                modelId: model.modelId,\n                                name: model.name\n                            },\n                            createdBy: entry.createdBy,\n                            modifiedBy: entry.modifiedBy,\n                            createdOn: entry.createdOn,\n                            savedOn: entry.savedOn,\n                            location: {\n                                folderId: entry.wbyAco_location?.folderId\n                            }\n                        };\n                    });\n                    setEntries(items.concat(newItems));\n                    setCursor(result.data.content.meta.cursor || undefined);\n                    setError(null);\n                }\n            } catch (ex) {\n                setEntries([]);\n                console.log(`Error while fetching entries for model ${model.modelId}.`);\n                console.log(JSON.stringify(ex));\n                setError(ex.message);\n            } finally {\n                setLoading(false);\n            }\n        },\n        [model.modelId, entries, loading, error]\n    );\n\n    const runSearch = useCallback(\n        (query?: string) => {\n            if (searchQuery === query) {\n                console.log(`Skipping search as it is the same as the previous one.`);\n                return;\n            }\n            setSearchQuery(query);\n            executeQuery({\n                query,\n                items: []\n            });\n        },\n        [executeQuery, searchQuery]\n    );\n\n    const loadMore = useCallback(() => {\n        if (loading) {\n            console.log(`Please wait until the loading finishes to start a new one.`);\n            return;\n        } else if (!cursor) {\n            console.log(\n                `Trying to load more results but there is no cursor defined. Probably there are no more results.`\n            );\n            return;\n        }\n        executeQuery({\n            query: searchQuery,\n            items: entries,\n            after: cursor\n        });\n    }, [searchQuery, loading, cursor, entries]);\n\n    return {\n        runSearch,\n        loadMore,\n        loading,\n        entries,\n        error,\n        hasMore: !!cursor\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAGtD,SAASC,eAAe;AAKxB,SAASC,iBAAiB;AAE1B,MAAMC,oBAAoB,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;AAClD,MAAMC,iBAAiB,GAAIC,KAAoB,IAAc;EACzD,OAAOF,oBAAoB,CAACG,QAAQ,CAACD,KAAK,CAACE,IAAI,CAAC;AACpD,CAAC;AAaD,OAAO,MAAMC,UAAU,GAAIC,MAAc,IAAK;EAC1C,MAAMC,MAAM,GAAGT,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEU,KAAK;IAAEC;EAAM,CAAC,GAAGH,MAAM;EAE/B,MAAM,CAACI,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAA6B,EAAE,CAAC;EACtE,MAAM,CAACe,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACiB,KAAK,EAAEC,QAAQ,CAAC,GAAGlB,QAAQ,CAAgB,IAAI,CAAC;EACvD,MAAM,CAACmB,WAAW,EAAEC,cAAc,CAAC,GAAGpB,QAAQ,CAAqBqB,SAAS,CAAC;EAC7E,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGvB,QAAQ,CAAqB,CAAC;EAE1D,MAAMwB,YAAY,GAAGzB,OAAO,CAAC,MAAM;IAC/B,OAAOG,iBAAiB,CAACS,KAAK,CAAC;EACnC,CAAC,EAAE,CAACA,KAAK,CAACc,OAAO,CAAC,CAAC;EAEnB,MAAMC,WAAW,GAAG5B,WAAW,CAC1B6B,KAAc,IAAK;IAChB,IAAI,CAACA,KAAK,EAAE;MACR,OAAO,CAAC,CAAC;IACb;IACA,MAAMC,UAAU,GAAGjB,KAAK,CAACkB,MAAM,CAC1BC,GAAG,CAACzB,KAAK,IAAI;MACV,IAAI,CAACD,iBAAiB,CAACC,KAAK,CAAC,EAAE;QAC3B,OAAO,IAAI;MACf;MACA,OAAO;QACH0B,MAAM,EAAE;UACJ,CAAC,GAAG1B,KAAK,CAAC2B,OAAO,WAAW,GAAGL;QACnC;MACJ,CAAC;IACL,CAAC,CAAC,CACDM,MAAM,CAACC,OAAO,CAAC;IACpB,IAAIN,UAAU,CAACO,MAAM,KAAK,CAAC,EAAE;MACzB,OAAO,CAAC,CAAC;IACb;IACA,OAAO;MACHC,EAAE,EAAER;IACR,CAAC;EACL,CAAC,EACD,CAACjB,KAAK,CAACc,OAAO,CAClB,CAAC;EAED,MAAMY,YAAY,GAAGvC,WAAW,CAC5B,MAAOW,MAA0B,IAAK;IAClC,MAAM;MAAEkB,KAAK;MAAEW,KAAK;MAAEC;IAAM,CAAC,GAAG9B,MAAM;IACtC,IAAIM,OAAO,EAAE;MACTyB,OAAO,CAACC,GAAG,CAAC,sEAAsE,CAAC;MACnF;IACJ;IACAzB,UAAU,CAAC,IAAI,CAAC;IAEhB,MAAM0B,KAAK,GAAGhB,WAAW,CAACC,KAAK,CAAC;IAEhC,IAAI;MACA,MAAMgB,MAAM,GAAG,MAAMjC,MAAM,CAACiB,KAAK,CAA4C;QACzEA,KAAK,EAAEH,YAAY;QACnBoB,SAAS,EAAE;UACPF,KAAK;UACLG,IAAI,EAAE,CAAC,cAAc,CAAC;UACtBjC,KAAK;UACL2B;QACJ;MACJ,CAAC,CAAC;MAEF,IAAII,MAAM,CAACG,IAAI,CAACC,OAAO,CAAC9B,KAAK,EAAE;QAC3BH,UAAU,CAAC,EAAE,CAAC;QACdI,QAAQ,CAACyB,MAAM,CAACG,IAAI,CAACC,OAAO,CAAC9B,KAAK,CAAC+B,OAAO,CAAC;QAC3C;MACJ,CAAC,MAAM,IAAI,CAACL,MAAM,CAACG,IAAI,CAACC,OAAO,CAACD,IAAI,EAAE;QAClChC,UAAU,CAAC,EAAE,CAAC;QACdI,QAAQ,CACJ,kDAAkDP,KAAK,CAACc,OAAO,2CACnE,CAAC;QACD;MACJ,CAAC,MAAM;QACH,MAAMwB,QAAQ,GAAGN,MAAM,CAACG,IAAI,CAACC,OAAO,CAACD,IAAI,CAAChB,GAAG,CAACoB,KAAK,IAAI;UACnD,OAAO;YACHC,EAAE,EAAED,KAAK,CAACC,EAAE;YACZC,OAAO,EAAEF,KAAK,CAACE,OAAO;YACtBC,KAAK,EAAEH,KAAK,CAACI,IAAI,CAACD,KAAK;YACvBE,WAAW,EAAEL,KAAK,CAACI,IAAI,CAACC,WAAW;YACnCC,KAAK,EAAEN,KAAK,CAACI,IAAI,CAACE,KAAK;YACvBC,MAAM,EAAEP,KAAK,CAACI,IAAI,CAACG,MAAM;YACzB9C,KAAK,EAAE;cACHc,OAAO,EAAEd,KAAK,CAACc,OAAO;cACtBiC,IAAI,EAAE/C,KAAK,CAAC+C;YAChB,CAAC;YACDC,SAAS,EAAET,KAAK,CAACS,SAAS;YAC1BC,UAAU,EAAEV,KAAK,CAACU,UAAU;YAC5BC,SAAS,EAAEX,KAAK,CAACW,SAAS;YAC1BC,OAAO,EAAEZ,KAAK,CAACY,OAAO;YACtBC,QAAQ,EAAE;cACNC,QAAQ,EAAEd,KAAK,CAACe,eAAe,EAAED;YACrC;UACJ,CAAC;QACL,CAAC,CAAC;QACFlD,UAAU,CAACwB,KAAK,CAAC4B,MAAM,CAACjB,QAAQ,CAAC,CAAC;QAClC1B,SAAS,CAACoB,MAAM,CAACG,IAAI,CAACC,OAAO,CAACO,IAAI,CAAChC,MAAM,IAAID,SAAS,CAAC;QACvDH,QAAQ,CAAC,IAAI,CAAC;MAClB;IACJ,CAAC,CAAC,OAAOiD,EAAE,EAAE;MACTrD,UAAU,CAAC,EAAE,CAAC;MACd0B,OAAO,CAACC,GAAG,CAAC,0CAA0C9B,KAAK,CAACc,OAAO,GAAG,CAAC;MACvEe,OAAO,CAACC,GAAG,CAAC2B,IAAI,CAACC,SAAS,CAACF,EAAE,CAAC,CAAC;MAC/BjD,QAAQ,CAACiD,EAAE,CAACnB,OAAO,CAAC;IACxB,CAAC,SAAS;MACNhC,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EACD,CAACL,KAAK,CAACc,OAAO,EAAEZ,OAAO,EAAEE,OAAO,EAAEE,KAAK,CAC3C,CAAC;EAED,MAAMqD,SAAS,GAAGxE,WAAW,CACxB6B,KAAc,IAAK;IAChB,IAAIR,WAAW,KAAKQ,KAAK,EAAE;MACvBa,OAAO,CAACC,GAAG,CAAC,wDAAwD,CAAC;MACrE;IACJ;IACArB,cAAc,CAACO,KAAK,CAAC;IACrBU,YAAY,CAAC;MACTV,KAAK;MACLW,KAAK,EAAE;IACX,CAAC,CAAC;EACN,CAAC,EACD,CAACD,YAAY,EAAElB,WAAW,CAC9B,CAAC;EAED,MAAMoD,QAAQ,GAAGzE,WAAW,CAAC,MAAM;IAC/B,IAAIiB,OAAO,EAAE;MACTyB,OAAO,CAACC,GAAG,CAAC,4DAA4D,CAAC;MACzE;IACJ,CAAC,MAAM,IAAI,CAACnB,MAAM,EAAE;MAChBkB,OAAO,CAACC,GAAG,CACP,iGACJ,CAAC;MACD;IACJ;IACAJ,YAAY,CAAC;MACTV,KAAK,EAAER,WAAW;MAClBmB,KAAK,EAAEzB,OAAO;MACd0B,KAAK,EAAEjB;IACX,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,WAAW,EAAEJ,OAAO,EAAEO,MAAM,EAAET,OAAO,CAAC,CAAC;EAE3C,OAAO;IACHyD,SAAS;IACTC,QAAQ;IACRxD,OAAO;IACPF,OAAO;IACPI,KAAK;IACLuD,OAAO,EAAE,CAAC,CAAClD;EACf,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    SearchQueryResponse,\n    SearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\nimport { createSearchQuery } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\n\nconst searchableFieldTypes = [\"text\", \"long-text\"];\nconst isFieldSearchable = (field: CmsModelField): boolean => {\n    return searchableFieldTypes.includes(field.type);\n};\n\ninterface ExecuteQueryParams {\n    items: CmsReferenceContentEntry[];\n    query?: string;\n    after?: string;\n}\n\ninterface Params {\n    model: CmsModel;\n    limit: number;\n}\n\nexport const useEntries = (params: Params) => {\n    const client = useApolloClient();\n    const { model, limit } = params;\n\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | null>(null);\n    const [searchQuery, setSearchQuery] = useState<string | undefined>(undefined);\n    const [cursor, setCursor] = useState<string | undefined>();\n\n    const SEARCH_QUERY = useMemo(() => {\n        return createSearchQuery(model);\n    }, [model.modelId]);\n\n    const createWhere = useCallback(\n        (query?: string) => {\n            if (!query) {\n                return {};\n            }\n            const conditions = model.fields\n                .map(field => {\n                    if (!isFieldSearchable(field)) {\n                        return null;\n                    }\n                    return {\n                        values: {\n                            [`${field.fieldId}_contains`]: query\n                        }\n                    };\n                })\n                .filter(Boolean);\n            if (conditions.length === 0) {\n                return {};\n            }\n            return {\n                OR: conditions\n            };\n        },\n        [model.modelId]\n    );\n\n    const executeQuery = useCallback(\n        async (params: ExecuteQueryParams) => {\n            const { query, items, after } = params;\n            if (loading) {\n                console.log(`Cannot run a new search. Please wait for the previous one to finish.`);\n                return;\n            }\n            setLoading(true);\n\n            const where = createWhere(query);\n\n            try {\n                const result = await client.query<SearchQueryResponse, SearchQueryVariables>({\n                    query: SEARCH_QUERY,\n                    variables: {\n                        where,\n                        sort: [\"savedOn_DESC\"],\n                        limit,\n                        after\n                    }\n                });\n\n                if (result.data.content.error) {\n                    setEntries([]);\n                    setError(result.data.content.error.message);\n                    return;\n                } else if (!result.data.content.data) {\n                    setEntries([]);\n                    setError(\n                        `Unknown error while fetching entries for model ${model.modelId}. Please check your network requests tab.`\n                    );\n                    return;\n                } else {\n                    const newItems = result.data.content.data.map(entry => {\n                        return {\n                            id: entry.id,\n                            entryId: entry.entryId,\n                            title: entry.meta.title,\n                            description: entry.meta.description,\n                            image: entry.meta.image,\n                            status: entry.meta.status,\n                            model: {\n                                modelId: model.modelId,\n                                name: model.name\n                            },\n                            createdBy: entry.createdBy,\n                            modifiedBy: entry.modifiedBy,\n                            createdOn: entry.createdOn,\n                            savedOn: entry.savedOn,\n                            location: {\n                                folderId: entry.wbyAco_location?.folderId\n                            }\n                        };\n                    });\n                    setEntries(items.concat(newItems));\n                    setCursor(result.data.content.meta.cursor || undefined);\n                    setError(null);\n                }\n            } catch (ex) {\n                setEntries([]);\n                console.log(`Error while fetching entries for model ${model.modelId}.`);\n                console.log(JSON.stringify(ex));\n                setError(ex.message);\n            } finally {\n                setLoading(false);\n            }\n        },\n        [model.modelId, entries, loading, error]\n    );\n\n    const runSearch = useCallback(\n        (query?: string) => {\n            if (searchQuery === query) {\n                console.log(`Skipping search as it is the same as the previous one.`);\n                return;\n            }\n            setSearchQuery(query);\n            executeQuery({\n                query,\n                items: []\n            });\n        },\n        [executeQuery, searchQuery]\n    );\n\n    const loadMore = useCallback(() => {\n        if (loading) {\n            console.log(`Please wait until the loading finishes to start a new one.`);\n            return;\n        } else if (!cursor) {\n            console.log(\n                `Trying to load more results but there is no cursor defined. Probably there are no more results.`\n            );\n            return;\n        }\n        executeQuery({\n            query: searchQuery,\n            items: entries,\n            after: cursor\n        });\n    }, [searchQuery, loading, cursor, entries]);\n\n    return {\n        runSearch,\n        loadMore,\n        loading,\n        entries,\n        error,\n        hasMore: !!cursor\n    };\n};\n"],"names":["searchableFieldTypes","isFieldSearchable","field","useEntries","params","client","useApolloClient","model","limit","entries","setEntries","useState","loading","setLoading","error","setError","searchQuery","setSearchQuery","undefined","cursor","setCursor","SEARCH_QUERY","useMemo","createSearchQuery","createWhere","useCallback","query","conditions","Boolean","executeQuery","items","after","console","where","result","newItems","entry","ex","JSON","runSearch","loadMore"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useReferences.js

@@ -1,167 +1,135 @@
-import lodashChunk from "lodash/chunk.js";
+import chunk from "lodash/chunk.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useApolloClient } from "../../../../../hooks/index.js";
 import { LIST_LATEST_CONTENT_ENTRIES } from "./graphql.js";
 import { parseIdentifier } from "@webiny/utils";
-const executeSearch = async params => {
-  const {
-    setLoading,
-    setError,
-    setEntries,
-    client,
-    values,
-    requestContext = {}
-  } = params;
-  setLoading(true);
-  try {
-    const result = await client.query({
-      query: LIST_LATEST_CONTENT_ENTRIES,
-      variables: {
-        entries: values.map(value => {
-          return {
-            id: value.id,
-            modelId: value.modelId
-          };
-        })
-      },
-      context: requestContext
-    });
-    const error = result.data.entries?.error;
-    if (error) {
-      setError(error.message);
-      return;
+const executeSearch = async (params)=>{
+    const { setLoading, setError, setEntries, client, values, requestContext = {} } = params;
+    setLoading(true);
+    try {
+        const result = await client.query({
+            query: LIST_LATEST_CONTENT_ENTRIES,
+            variables: {
+                entries: values.map((value)=>({
+                        id: value.id,
+                        modelId: value.modelId
+                    }))
+            },
+            context: requestContext
+        });
+        const error = result.data.entries?.error;
+        if (error) return void setError(error.message);
+        const entries = result.data.entries.data.reduce((collection, entry)=>{
+            collection[entry.entryId] = entry;
+            return collection;
+        }, {});
+        setError(null);
+        setEntries(entries);
+    } catch (ex) {
+        setError(ex.message);
+    } finally{
+        setLoading(false);
     }
-    const entries = result.data.entries.data.reduce((collection, entry) => {
-      collection[entry.entryId] = entry;
-      return collection;
-    }, {});
-    setError(null);
-    setEntries(entries);
-  } catch (ex) {
-    setError(ex.message);
-  } finally {
-    setLoading(false);
-  }
 };
-export const useReferences = ({
-  values: initialValues,
-  perPage = 10,
-  requestContext = {}
-}) => {
-  const client = useApolloClient();
-  const [entries, setEntries] = useState({});
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [hash, setHash] = useState(null);
-  const [currentPage, setCurrentPage] = useState(0);
-  const pages = useMemo(() => {
-    const values = Array.isArray(initialValues) ? initialValues : initialValues ? [initialValues] : [];
-    return lodashChunk(values.map(value => {
-      const {
-        id: entryId
-      } = parseIdentifier(value.id);
-      return {
-        ...value,
-        entryId
-      };
-    }), perPage);
-  }, [initialValues, perPage]);
-  const entriesToLoad = useMemo(() => {
-    /**
-     * We need to make sure that all the previous page entries are loaded
-     * And we add the current page entries to the list.
-     */
-    const toLoad = [];
-    for (let p = 0; p <= currentPage; p++) {
-      const page = pages[p];
-      if (!page || page.length === 0) {
+const useReferences = ({ values: initialValues, perPage = 10, requestContext = {} })=>{
+    const client = useApolloClient();
+    const [entries, setEntries] = useState({});
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [hash, setHash] = useState(null);
+    const [currentPage, setCurrentPage] = useState(0);
+    const pages = useMemo(()=>{
+        const values = Array.isArray(initialValues) ? initialValues : initialValues ? [
+            initialValues
+        ] : [];
+        return chunk(values.map((value)=>{
+            const { id: entryId } = parseIdentifier(value.id);
+            return {
+                ...value,
+                entryId
+            };
+        }), perPage);
+    }, [
+        initialValues,
+        perPage
+    ]);
+    const entriesToLoad = useMemo(()=>{
+        const toLoad = [];
+        for(let p = 0; p <= currentPage; p++){
+            const page = pages[p];
+            if (!page || 0 === page.length) break;
+            toLoad.push(...page.filter((item)=>!entries[item.entryId]));
+        }
         return toLoad;
-      }
-      toLoad.push(...page.filter(item => {
-        return !entries[item.entryId];
-      }));
-    }
-    return toLoad;
-  }, [pages, currentPage]);
-  useEffect(() => {
-    if (entriesToLoad.length === 0) {
-      return;
-    }
-    const value = entriesToLoad.map(item => {
-      return item.id;
-    }).sort().join("-");
-    if (value.length === 0) {
-      return;
-    }
-    /**
-     * If there is no crypto.subtle, lets skip this - but at this point the hash will be enormous.
-     */
-    if (!window.crypto?.subtle) {
-      if (hash === value) {
-        return;
-      }
-      setHash(value);
-      return;
-    }
-    window.crypto.subtle.digest("SHA-1", new TextEncoder().encode(value)).then(encoded => {
-      const decoded = new TextDecoder().decode(encoded);
-      if (hash === decoded) {
-        return;
-      }
-      setHash(decoded);
-    });
-  }, [entriesToLoad]);
-  useEffect(() => {
-    if (!hash || entriesToLoad.length === 0) {
-      return;
-    }
-    executeSearch({
-      client,
-      requestContext,
-      values: entriesToLoad,
-      setLoading,
-      setError,
-      setEntries: items => {
-        setEntries(prev => {
-          return {
-            ...prev,
-            ...items
-          };
+    }, [
+        pages,
+        currentPage
+    ]);
+    useEffect(()=>{
+        if (0 === entriesToLoad.length) return;
+        const value = entriesToLoad.map((item)=>item.id).sort().join("-");
+        if (0 === value.length) return;
+        if (!window.crypto?.subtle) {
+            if (hash === value) return;
+            setHash(value);
+            return;
+        }
+        window.crypto.subtle.digest("SHA-1", new TextEncoder().encode(value)).then((encoded)=>{
+            const decoded = new TextDecoder().decode(encoded);
+            if (hash === decoded) return;
+            setHash(decoded);
         });
-      }
-    });
-  }, [hash]);
-  const loadMore = useCallback(() => {
-    const nextPage = currentPage + 1;
-    if (!pages[nextPage] || pages[nextPage].length === 0) {
-      return;
-    }
-    setCurrentPage(nextPage);
-  }, [pages, currentPage]);
-
-  /**
-   * This variable contains all the pages with entries, up to the current page, which is inlcuded.
-   */
-  const loadedEntries = useMemo(() => {
-    const collection = [];
-    for (let page = 0; page <= currentPage; page++) {
-      const items = pages[page] || [];
-      for (const item of items) {
-        const entry = entries[item.entryId];
-        if (!entry) {
-          continue;
+    }, [
+        entriesToLoad
+    ]);
+    useEffect(()=>{
+        if (!hash || 0 === entriesToLoad.length) return;
+        executeSearch({
+            client,
+            requestContext,
+            values: entriesToLoad,
+            setLoading,
+            setError,
+            setEntries: (items)=>{
+                setEntries((prev)=>({
+                        ...prev,
+                        ...items
+                    }));
+            }
+        });
+    }, [
+        hash
+    ]);
+    const loadMore = useCallback(()=>{
+        const nextPage = currentPage + 1;
+        if (!pages[nextPage] || 0 === pages[nextPage].length) return;
+        setCurrentPage(nextPage);
+    }, [
+        pages,
+        currentPage
+    ]);
+    const loadedEntries = useMemo(()=>{
+        const collection = [];
+        for(let page = 0; page <= currentPage; page++){
+            const items = pages[page] || [];
+            for (const item of items){
+                const entry = entries[item.entryId];
+                if (entry) collection.push(entry);
+            }
         }
-        collection.push(entry);
-      }
-    }
-    return collection;
-  }, [currentPage, entries, pages]);
-  return {
-    loading,
-    entries: loadedEntries,
-    error,
-    loadMore
-  };
+        return collection;
+    }, [
+        currentPage,
+        entries,
+        pages
+    ]);
+    return {
+        loading,
+        entries: loadedEntries,
+        error,
+        loadMore
+    };
 };
+export { useReferences };
 
 //# sourceMappingURL=useReferences.js.map