@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { AdvancedMultipleReferenceField } from "./components/AdvancedMultipleReferenceField";
+import { AdvancedMultipleReferenceSettings } from "./components/AdvancedMultipleReferenceSettings";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+export const createAdvancedMultipleRenderer = () => {
+  return {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-ref-multiple-advanced",
+    renderer: {
+      rendererName: "ref-advanced-multiple",
+      name: t`Detailed view with modal search`,
+      description: t`Renders preview cards of the selected records. User can browse through records using a modal dialog.`,
+      canUse({
+        field
+      }) {
+        return field.type === "ref" && !!field.multipleValues;
+      },
+      render: props => {
+        const {
+          field,
+          getBind,
+          Label,
+          contentModel
+        } = props;
+        const Bind = getBind();
+        return /*#__PURE__*/React.createElement(Bind, null, bind => {
+          return /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(AdvancedMultipleReferenceField, {
+            field: field,
+            getBind: getBind,
+            bind: bind,
+            Label: Label,
+            contentModel: contentModel
+          }));
+        });
+      },
+      renderSettings: () => {
+        return /*#__PURE__*/React.createElement(AdvancedMultipleReferenceSettings, null);
+      }
+    }
+  };
+};
+
+//# sourceMappingURL=detailedReferencesRenderer.js.map

package/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","i18n","AdvancedMultipleReferenceField","AdvancedMultipleReferenceSettings","t","ns","createAdvancedMultipleRenderer","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","getBind","Label","contentModel","Bind","createElement","bind","ValidationContainer","renderSettings"],"sources":["detailedReferencesRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AdvancedMultipleReferenceField } from \"./components/AdvancedMultipleReferenceField\";\nimport { AdvancedMultipleReferenceSettings } from \"./components/AdvancedMultipleReferenceSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createAdvancedMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-advanced\",\n        renderer: {\n            rendererName: \"ref-advanced-multiple\",\n            name: t`Detailed view with modal search`,\n            description: t`Renders preview cards of the selected records. User can browse through records using a modal dialog.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind, Label, contentModel } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return (\n                                <Bind.ValidationContainer>\n                                    <AdvancedMultipleReferenceField\n                                        field={field}\n                                        getBind={getBind}\n                                        bind={bind}\n                                        Label={Label}\n                                        contentModel={contentModel}\n                                    />\n                                </Bind.ValidationContainer>\n                            );\n                        }}\n                    </Bind>\n                );\n            },\n            renderSettings: () => {\n                return <AdvancedMultipleReferenceSettings />;\n            }\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,8BAA8B;AACvC,SAASC,iCAAiC;AAE1C,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mCAAmC,CAAC;AAEtD,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAmC;EAC7E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,iDAAiD;IACvDC,QAAQ,EAAE;MACNC,YAAY,EAAE,uBAAuB;MACrCF,IAAI,EAAEJ,CAAC,iCAAiC;MACxCO,WAAW,EAAEP,CAAC,sGAAsG;MACpHQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAAC,CAACM,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAEC,KAAK,IAAI;QACb,MAAM;UAAEH,KAAK;UAAEI,OAAO;UAAEC,KAAK;UAAEC;QAAa,CAAC,GAAGH,KAAK;QAErD,MAAMI,IAAI,GAAGH,OAAO,CAAC,CAAC;QACtB,oBACIjB,KAAA,CAAAqB,aAAA,CAACD,IAAI,QACAE,IAAI,IAAI;UACL,oBACItB,KAAA,CAAAqB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBvB,KAAA,CAAAqB,aAAA,CAACnB,8BAA8B;YAC3BW,KAAK,EAAEA,KAAM;YACbI,OAAO,EAAEA,OAAQ;YACjBK,IAAI,EAAEA,IAAK;YACXJ,KAAK,EAAEA,KAAM;YACbC,YAAY,EAAEA;UAAa,CAC9B,CACqB,CAAC;QAEnC,CACE,CAAC;MAEf,CAAC;MACDK,cAAc,EAAEA,CAAA,KAAM;QAClB,oBAAOxB,KAAA,CAAAqB,aAAA,CAAClB,iCAAiC,MAAE,CAAC;MAChD;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.d.ts

@@ -0,0 +1,47 @@
+import type { CmsContentEntryStatusType, CmsIdentity, CmsErrorResponse, CmsMetaResponse, CmsModel } from "../../../../../../types";
+import type { CmsReferenceContentEntry } from "../../components/types";
+import type { CmsEntryGetEntryVariable } from "../../components/graphql";
+export interface ListLatestCmsEntriesResponse {
+    entries: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
+    };
+}
+export interface ListLatestCmsEntriesVariables {
+    entries: CmsEntryGetEntryVariable[];
+}
+export declare const LIST_LATEST_CONTENT_ENTRIES: import("graphql").DocumentNode;
+export interface SearchQueryResponseEntry {
+    id: string;
+    entryId: string;
+    savedOn: Date;
+    createdOn: Date;
+    createdBy: CmsIdentity;
+    ownedBy: CmsIdentity;
+    modifiedBy: CmsIdentity;
+    meta: {
+        title: string;
+        description?: string;
+        image?: string;
+        status: CmsContentEntryStatusType;
+    };
+    wbyAco_location?: {
+        folderId?: string;
+    };
+}
+export interface SearchQueryResponse {
+    content: {
+        data: SearchQueryResponseEntry[];
+        error: CmsErrorResponse | null;
+        meta: CmsMetaResponse;
+    };
+}
+export interface SearchQueryVariables {
+    where?: {
+        [key: string]: any;
+    };
+    sort?: string[];
+    limit?: number;
+    after?: string;
+}
+export declare const createSearchQuery: (model: CmsModel) => import("graphql").DocumentNode;

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

@@ -0,0 +1,99 @@
+import gql from "graphql-tag";
+const fields = `
+    data {
+        id
+        entryId
+        title
+        description
+        image
+        status
+        createdOn
+        savedOn
+        model {
+            name
+            modelId
+        }
+        createdBy {
+            id
+            displayName
+            type
+        }
+        modifiedBy {
+            id
+            displayName
+            type
+        }
+        published {
+            id
+        }
+        wbyAco_location {
+            folderId
+        }
+    }
+    error {
+        message
+        code
+        data
+    }
+`;
+export const LIST_LATEST_CONTENT_ENTRIES = gql`
+    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {
+        entries: getLatestContentEntries(entries: $entries) {
+            ${fields}
+        }
+    }
+`;
+export const createSearchQuery = model => {
+  return gql`
+        query Search${model.pluralApiName}($where: ${model.singularApiName}ListWhereInput, $sort: [${model.singularApiName}ListSorter], $limit: Int, $after: String) {
+            content: list${model.pluralApiName}(
+            where: $where
+            sort: $sort
+            limit: $limit
+            after: $after
+            ) {
+            data {
+                id
+                entryId
+                savedOn
+                createdOn
+                revisionCreatedBy {
+                    id
+                    type
+                    displayName
+                }
+                createdBy {
+                    id
+                    type
+                    displayName
+                }
+                modifiedBy {
+                    id
+                    type
+                    displayName
+                }
+                meta {
+                    title
+                    description
+                    image
+                    status
+                }
+                wbyAco_location {
+                    folderId
+                }
+            }
+            meta {
+                cursor
+                hasMoreItems
+                totalCount
+            }
+            error {
+                message
+                code
+                data
+            }
+        }
+        }`;
+};
+
+//# sourceMappingURL=graphql.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["gql","fields","LIST_LATEST_CONTENT_ENTRIES","createSearchQuery","model","pluralApiName","singularApiName"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type {\n    CmsContentEntryStatusType,\n    CmsIdentity,\n    CmsErrorResponse,\n    CmsMetaResponse,\n    CmsModel\n} from \"~/types\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport type { CmsEntryGetEntryVariable } from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\n\nconst fields = `\n    data {\n        id\n        entryId\n        title\n        description\n        image\n        status\n        createdOn\n        savedOn\n        model {\n            name\n            modelId\n        }\n        createdBy {\n            id\n            displayName\n            type\n        }\n        modifiedBy {\n            id\n            displayName\n            type\n        }\n        published {\n            id\n        }\n        wbyAco_location {\n            folderId\n        }\n    }\n    error {\n        message\n        code\n        data\n    }\n`;\n\nexport interface ListLatestCmsEntriesResponse {\n    entries: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport interface ListLatestCmsEntriesVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\n\nexport const LIST_LATEST_CONTENT_ENTRIES = gql`\n    query CmsListLatestContentEntries($entries: [CmsModelEntryInput!]!) {\n        entries: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\nexport interface SearchQueryResponseEntry {\n    id: string;\n    entryId: string;\n    savedOn: Date;\n    createdOn: Date;\n    createdBy: CmsIdentity;\n    ownedBy: CmsIdentity;\n    modifiedBy: CmsIdentity;\n    meta: {\n        title: string;\n        description?: string;\n        image?: string;\n        status: CmsContentEntryStatusType;\n    };\n    wbyAco_location?: {\n        folderId?: string;\n    };\n}\n\nexport interface SearchQueryResponse {\n    content: {\n        data: SearchQueryResponseEntry[];\n        error: CmsErrorResponse | null;\n        meta: CmsMetaResponse;\n    };\n}\n\nexport interface SearchQueryVariables {\n    where?: {\n        [key: string]: any;\n    };\n    sort?: string[];\n    limit?: number;\n    after?: string;\n}\n\nexport const createSearchQuery = (model: CmsModel) => {\n    return gql`\n        query Search${model.pluralApiName}($where: ${model.singularApiName}ListWhereInput, $sort: [${model.singularApiName}ListSorter], $limit: Int, $after: String) {\n            content: list${model.pluralApiName}(\n            where: $where\n            sort: $sort\n            limit: $limit\n            after: $after\n            ) {\n            data {\n                id\n                entryId\n                savedOn\n                createdOn\n                revisionCreatedBy {\n                    id\n                    type\n                    displayName\n                }\n                createdBy {\n                    id\n                    type\n                    displayName\n                }\n                modifiedBy {\n                    id\n                    type\n                    displayName\n                }\n                meta {\n                    title\n                    description\n                    image\n                    status\n                }\n                wbyAco_location {\n                    folderId\n                }\n            }\n            meta {\n                cursor\n                hasMoreItems\n                totalCount\n            }\n            error {\n                message\n                code\n                data\n            }\n        }\n        }`;\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAW7B,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAaD,OAAO,MAAMC,2BAA2B,GAAGF,GAAG;AAC9C;AACA;AACA,cAAcC,MAAM;AACpB;AACA;AACA,CAAC;AAsCD,OAAO,MAAME,iBAAiB,GAAIC,KAAe,IAAK;EAClD,OAAOJ,GAAG;AACd,sBAAsBI,KAAK,CAACC,aAAa,YAAYD,KAAK,CAACE,eAAe,2BAA2BF,KAAK,CAACE,eAAe;AAC1H,2BAA2BF,KAAK,CAACC,aAAa;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.d.ts

@@ -0,0 +1,15 @@
+import type { CmsModel } from "../../../../../../types";
+import type { CmsReferenceContentEntry } from "../../components/types";
+interface Params {
+    model: CmsModel;
+    limit: number;
+}
+export declare const useEntries: (params: Params) => {
+    runSearch: (query?: string) => void;
+    loadMore: () => void;
+    loading: boolean;
+    entries: CmsReferenceContentEntry[];
+    error: string | null;
+    hasMore: boolean;
+};
+export {};

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

@@ -0,0 +1,141 @@
+import { useCallback, useMemo, useState } from "react";
+import { useApolloClient } from "../../../../../hooks";
+import { createSearchQuery } from "./graphql";
+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 {
+        [`${field.fieldId}_contains`]: query
+      };
+    }).filter(Boolean);
+    if (conditions.length === 0) {
+      return {};
+    }
+    return {
+      OR: conditions
+    };
+  }, [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
+  };
+};
+
+//# sourceMappingURL=useEntries.js.map

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

@@ -0,0 +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","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\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport type {\n    SearchQueryResponse,\n    SearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\nimport { createSearchQuery } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\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                        [`${field.fieldId}_contains`]: query\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":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useReferences.d.ts

@@ -0,0 +1,13 @@
+import type { CmsReferenceContentEntry, CmsReferenceValue as BaseCmsReferenceValue } from "../../components/types";
+interface UseReferencesParams {
+    values?: BaseCmsReferenceValue[] | BaseCmsReferenceValue | null;
+    perPage?: number;
+    requestContext?: Record<string, any>;
+}
+export declare const useReferences: ({ values: initialValues, perPage, requestContext }: UseReferencesParams) => {
+    loading: boolean;
+    entries: CmsReferenceContentEntry[];
+    error: string | null | undefined;
+    loadMore: () => void;
+};
+export {};

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

@@ -0,0 +1,167 @@
+import lodashChunk from "lodash/chunk";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useApolloClient } from "../../../../../hooks";
+import { LIST_LATEST_CONTENT_ENTRIES } from "./graphql";
+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 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) {
+        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
+          };
+        });
+      }
+    });
+  }, [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;
+        }
+        collection.push(entry);
+      }
+    }
+    return collection;
+  }, [currentPage, entries, pages]);
+  return {
+    loading,
+    entries: loadedEntries,
+    error,
+    loadMore
+  };
+};
+
+//# sourceMappingURL=useReferences.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["lodashChunk","useCallback","useEffect","useMemo","useState","useApolloClient","LIST_LATEST_CONTENT_ENTRIES","parseIdentifier","executeSearch","params","setLoading","setError","setEntries","client","values","requestContext","result","query","variables","entries","map","value","id","modelId","context","error","data","message","reduce","collection","entry","entryId","ex","useReferences","initialValues","perPage","loading","hash","setHash","currentPage","setCurrentPage","pages","Array","isArray","entriesToLoad","toLoad","p","page","length","push","filter","item","sort","join","window","crypto","subtle","digest","TextEncoder","encode","then","encoded","decoded","TextDecoder","decode","items","prev","loadMore","nextPage","loadedEntries"],"sources":["useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport lodashChunk from \"lodash/chunk\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport type {\n    CmsReferenceContentEntry,\n    CmsReferenceValue as BaseCmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport type {\n    ListLatestCmsEntriesResponse,\n    ListLatestCmsEntriesVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\nimport { LIST_LATEST_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: Record<string, CmsReferenceContentEntry>) => void;\n    client: ApolloClient<any>;\n    values: CmsReferenceValue[];\n    requestContext?: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, values, requestContext = {} } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            ListLatestCmsEntriesResponse,\n            ListLatestCmsEntriesVariables\n        >({\n            query: LIST_LATEST_CONTENT_ENTRIES,\n            variables: {\n                entries: values.map(value => {\n                    return {\n                        id: value.id,\n                        modelId: value.modelId\n                    };\n                })\n            },\n            context: requestContext\n        });\n        const error = result.data.entries?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n        const entries = result.data.entries.data.reduce<Record<string, CmsReferenceContentEntry>>(\n            (collection, entry) => {\n                collection[entry.entryId] = entry;\n                return collection;\n            },\n            {}\n        );\n        setError(null);\n        setEntries(entries);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface CmsReferenceValue extends BaseCmsReferenceValue {\n    entryId: string;\n}\n\ninterface UseReferencesParams {\n    values?: BaseCmsReferenceValue[] | BaseCmsReferenceValue | null;\n    perPage?: number;\n    requestContext?: Record<string, any>;\n}\n\nexport const useReferences = ({\n    values: initialValues,\n    perPage = 10,\n    requestContext = {}\n}: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<Record<string, CmsReferenceContentEntry>>({});\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n    const [hash, setHash] = useState<string | null>(null);\n    const [currentPage, setCurrentPage] = useState<number>(0);\n    const pages = useMemo(() => {\n        const values = Array.isArray(initialValues)\n            ? initialValues\n            : initialValues\n            ? [initialValues]\n            : [];\n        return lodashChunk<CmsReferenceValue>(\n            values.map(value => {\n                const { id: entryId } = parseIdentifier(value.id);\n                return {\n                    ...value,\n                    entryId\n                };\n            }),\n            perPage\n        );\n    }, [initialValues, perPage]);\n\n    const entriesToLoad = useMemo(() => {\n        /**\n         * We need to make sure that all the previous page entries are loaded\n         * And we add the current page entries to the list.\n         */\n        const toLoad: CmsReferenceValue[] = [];\n        for (let p = 0; p <= currentPage; p++) {\n            const page = pages[p];\n            if (!page || page.length === 0) {\n                return toLoad;\n            }\n            toLoad.push(\n                ...page.filter(item => {\n                    return !entries[item.entryId];\n                })\n            );\n        }\n        return toLoad;\n    }, [pages, currentPage]);\n\n    useEffect(() => {\n        if (entriesToLoad.length === 0) {\n            return;\n        }\n        const value = entriesToLoad\n            .map(item => {\n                return item.id;\n            })\n            .sort()\n            .join(\"-\");\n        if (value.length === 0) {\n            return;\n        }\n        /**\n         * If there is no crypto.subtle, lets skip this - but at this point the hash will be enormous.\n         */\n        if (!window.crypto?.subtle) {\n            if (hash === value) {\n                return;\n            }\n            setHash(value);\n            return;\n        }\n\n        window.crypto.subtle.digest(\"SHA-1\", new TextEncoder().encode(value)).then(encoded => {\n            const decoded = new TextDecoder().decode(encoded);\n            if (hash === decoded) {\n                return;\n            }\n            setHash(decoded);\n        });\n    }, [entriesToLoad]);\n\n    useEffect(() => {\n        if (!hash || entriesToLoad.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            requestContext,\n            values: entriesToLoad,\n            setLoading,\n            setError,\n            setEntries: items => {\n                setEntries(prev => {\n                    return {\n                        ...prev,\n                        ...items\n                    };\n                });\n            }\n        });\n    }, [hash]);\n\n    const loadMore = useCallback(() => {\n        const nextPage = currentPage + 1;\n        if (!pages[nextPage] || pages[nextPage].length === 0) {\n            return;\n        }\n        setCurrentPage(nextPage);\n    }, [pages, currentPage]);\n\n    /**\n     * This variable contains all the pages with entries, up to the current page, which is inlcuded.\n     */\n    const loadedEntries = useMemo<CmsReferenceContentEntry[]>(() => {\n        const collection: CmsReferenceContentEntry[] = [];\n        for (let page = 0; page <= currentPage; page++) {\n            const items = pages[page] || [];\n            for (const item of items) {\n                const entry = entries[item.entryId];\n                if (!entry) {\n                    continue;\n                }\n                collection.push(entry);\n            }\n        }\n        return collection;\n    }, [currentPage, entries, pages]);\n\n    return {\n        loading,\n        entries: loadedEntries,\n        error,\n        loadMore\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/index.d.ts

@@ -0,0 +1 @@
+export declare const createAdvancedRefRenderer: () => import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];

package/admin/plugins/fieldRenderers/ref/advanced/index.js

@@ -0,0 +1,7 @@
+import { createAdvancedSingleRenderer } from "./detailedReferenceRenderer";
+import { createAdvancedMultipleRenderer } from "./detailedReferencesRenderer";
+export const createAdvancedRefRenderer = () => {
+  return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];
+};
+
+//# sourceMappingURL=index.js.map

package/admin/plugins/fieldRenderers/ref/advanced/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createAdvancedSingleRenderer","createAdvancedMultipleRenderer","createAdvancedRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"./detailedReferenceRenderer\";\nimport { createAdvancedMultipleRenderer } from \"./detailedReferencesRenderer\";\n\nexport const createAdvancedRefRenderer = () => {\n    return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];\n};\n"],"mappings":"AAAA,SAASA,4BAA4B;AACrC,SAASC,8BAA8B;AAEvC,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC3C,OAAO,CAACF,4BAA4B,CAAC,CAAC,EAAEC,8BAA8B,CAAC,CAAC,CAAC;AAC7E,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.d.ts

@@ -1,6 +1,9 @@
-/// <reference types="react" />
-declare function ContentEntriesAutocomplete({ bind, field }: {
-    bind: any;
-    field: any;
-}): JSX.Element;
+import React from "react";
+import type { CmsModelField } from "../../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+interface ContentEntriesAutocompleteProps {
+    bind: BindComponentRenderProp;
+    field: CmsModelField;
+}
+declare const ContentEntriesAutocomplete: ({ bind, field }: ContentEntriesAutocompleteProps) => React.JSX.Element;
 export default ContentEntriesAutocomplete;