@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

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

@@ -0,0 +1,187 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEntries = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _hooks = require("../../../../../hooks");
+var _graphql = require("./graphql");
+var searchableFieldTypes = ["text", "long-text"];
+var isFieldSearchable = function isFieldSearchable(field) {
+  return searchableFieldTypes.includes(field.type);
+};
+var useEntries = function useEntries(params) {
+  var client = (0, _hooks.useApolloClient)();
+  var model = params.model,
+    limit = params.limit;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    entries = _useState2[0],
+    setEntries = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  var _useState7 = (0, _react.useState)(undefined),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    searchQuery = _useState8[0],
+    setSearchQuery = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    cursor = _useState10[0],
+    setCursor = _useState10[1];
+  var SEARCH_QUERY = (0, _react.useMemo)(function () {
+    return (0, _graphql.createSearchQuery)(model);
+  }, [model.modelId]);
+  var createWhere = (0, _react.useCallback)(function (query) {
+    if (!query) {
+      return {};
+    }
+    var conditions = model.fields.map(function (field) {
+      if (!isFieldSearchable(field)) {
+        return null;
+      }
+      return (0, _defineProperty2.default)({}, "".concat(field.fieldId, "_contains"), query);
+    }).filter(Boolean);
+    if (conditions.length === 0) {
+      return {};
+    }
+    return {
+      OR: conditions
+    };
+  }, [model.modelId]);
+  var executeQuery = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(params) {
+      var query, items, after, where, result, newItems;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            query = params.query, items = params.items, after = params.after;
+            if (!loading) {
+              _context.next = 4;
+              break;
+            }
+            console.log("Cannot run a new search. Please wait for the previous one to finish.");
+            return _context.abrupt("return");
+          case 4:
+            setLoading(true);
+            where = createWhere(query);
+            _context.prev = 6;
+            _context.next = 9;
+            return client.query({
+              query: SEARCH_QUERY,
+              variables: {
+                where: where,
+                sort: ["savedOn_DESC"],
+                limit: limit,
+                after: after
+              }
+            });
+          case 9:
+            result = _context.sent;
+            if (!result.data.content.error) {
+              _context.next = 16;
+              break;
+            }
+            setEntries([]);
+            setError(result.data.content.error.message);
+            return _context.abrupt("return");
+          case 16:
+            if (result.data.content.data) {
+              _context.next = 22;
+              break;
+            }
+            setEntries([]);
+            setError("Unknown error while fetching entries for model ".concat(model.modelId, ". Please check your network requests tab."));
+            return _context.abrupt("return");
+          case 22:
+            newItems = result.data.content.data.map(function (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
+              };
+            });
+            setEntries(items.concat(newItems));
+            setCursor(result.data.content.meta.cursor || undefined);
+            setError(null);
+          case 26:
+            _context.next = 34;
+            break;
+          case 28:
+            _context.prev = 28;
+            _context.t0 = _context["catch"](6);
+            setEntries([]);
+            console.log("Error while fetching entries for model ".concat(model.modelId, "."));
+            console.log(JSON.stringify(_context.t0));
+            setError(_context.t0.message);
+          case 34:
+            _context.prev = 34;
+            setLoading(false);
+            return _context.finish(34);
+          case 37:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[6, 28, 34, 37]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [model.modelId, entries, loading, error]);
+  var runSearch = (0, _react.useCallback)(function (query) {
+    if (searchQuery === query) {
+      console.log("Skipping search as it is the same as the previous one.");
+      return;
+    }
+    setSearchQuery(query);
+    executeQuery({
+      query: query,
+      items: []
+    });
+  }, [executeQuery, searchQuery]);
+  var loadMore = (0, _react.useCallback)(function () {
+    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: runSearch,
+    loadMore: loadMore,
+    loading: loading,
+    entries: entries,
+    error: error,
+    hasMore: !!cursor
+  };
+};
+exports.useEntries = useEntries;

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

@@ -0,0 +1 @@
+{"version":3,"names":["searchableFieldTypes","isFieldSearchable","field","includes","type","useEntries","params","client","useApolloClient","model","limit","useState","entries","setEntries","loading","setLoading","error","setError","undefined","searchQuery","setSearchQuery","cursor","setCursor","SEARCH_QUERY","useMemo","createSearchQuery","modelId","createWhere","useCallback","query","conditions","fields","map","fieldId","filter","Boolean","length","OR","executeQuery","items","after","console","log","where","variables","sort","result","data","content","message","newItems","entry","id","entryId","title","meta","description","image","status","name","createdBy","modifiedBy","createdOn","savedOn","concat","JSON","stringify","runSearch","loadMore","hasMore"],"sources":["useEntries.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { CmsModel, CmsModelField } from \"~/types\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport {\n    createSearchQuery,\n    SearchQueryResponse,\n    SearchQueryVariables\n} 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                        };\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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"}

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

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

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

@@ -0,0 +1,214 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useReferences = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _chunk = _interopRequireDefault(require("lodash/chunk"));
+var _react = require("react");
+var _hooks = require("../../../../../hooks");
+var _graphql = require("./graphql");
+var _utils = require("@webiny/utils");
+var executeSearch = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(params) {
+    var setLoading, setError, setEntries, client, values, _result$data$entries, result, _error, _entries;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          setLoading = params.setLoading, setError = params.setError, setEntries = params.setEntries, client = params.client, values = params.values;
+          setLoading(true);
+          _context.prev = 2;
+          _context.next = 5;
+          return client.query({
+            query: _graphql.LIST_LATEST_CONTENT_ENTRIES,
+            variables: {
+              entries: values.map(function (value) {
+                return {
+                  id: value.id,
+                  modelId: value.modelId
+                };
+              })
+            }
+          });
+        case 5:
+          result = _context.sent;
+          _error = (_result$data$entries = result.data.entries) === null || _result$data$entries === void 0 ? void 0 : _result$data$entries.error;
+          if (!_error) {
+            _context.next = 10;
+            break;
+          }
+          setError(_error.message);
+          return _context.abrupt("return");
+        case 10:
+          _entries = result.data.entries.data.reduce(function (collection, entry) {
+            collection[entry.entryId] = entry;
+            return collection;
+          }, {});
+          setError(null);
+          setEntries(_entries);
+          _context.next = 18;
+          break;
+        case 15:
+          _context.prev = 15;
+          _context.t0 = _context["catch"](2);
+          setError(_context.t0.message);
+        case 18:
+          _context.prev = 18;
+          setLoading(false);
+          return _context.finish(18);
+        case 21:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 15, 18, 21]]);
+  }));
+  return function executeSearch(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var useReferences = function useReferences(_ref2) {
+  var initialValues = _ref2.values,
+    _ref2$perPage = _ref2.perPage,
+    perPage = _ref2$perPage === void 0 ? 10 : _ref2$perPage;
+  var client = (0, _hooks.useApolloClient)();
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    entries = _useState2[0],
+    _setEntries = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    hash = _useState8[0],
+    setHash = _useState8[1];
+  var _useState9 = (0, _react.useState)(0),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    currentPage = _useState10[0],
+    setCurrentPage = _useState10[1];
+  var pages = (0, _react.useMemo)(function () {
+    var values = Array.isArray(initialValues) ? initialValues : initialValues ? [initialValues] : [];
+    return (0, _chunk.default)(values.map(function (value) {
+      var _parseIdentifier = (0, _utils.parseIdentifier)(value.id),
+        entryId = _parseIdentifier.id;
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+        entryId: entryId
+      });
+    }), perPage);
+  }, [initialValues, perPage]);
+  var entriesToLoad = (0, _react.useMemo)(function () {
+    /**
+     * We need to make sure that all the previous page entries are loaded
+     * And we add the current page entries to the list.
+     */
+    var toLoad = [];
+    for (var p = 0; p <= currentPage; p++) {
+      var page = pages[p];
+      if (!page || page.length === 0) {
+        return toLoad;
+      }
+      toLoad.push.apply(toLoad, (0, _toConsumableArray2.default)(page.filter(function (item) {
+        return !entries[item.entryId];
+      })));
+    }
+    return toLoad;
+  }, [pages, currentPage]);
+  (0, _react.useEffect)(function () {
+    var _window$crypto;
+    if (entriesToLoad.length === 0) {
+      return;
+    }
+    var value = entriesToLoad.map(function (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 = window.crypto) !== null && _window$crypto !== void 0 && _window$crypto.subtle)) {
+      if (hash === value) {
+        return;
+      }
+      setHash(value);
+      return;
+    }
+    window.crypto.subtle.digest("SHA-1", new TextEncoder().encode(value)).then(function (encoded) {
+      var decoded = new TextDecoder().decode(encoded);
+      if (hash === decoded) {
+        return;
+      }
+      setHash(decoded);
+    });
+  }, [entriesToLoad]);
+  (0, _react.useEffect)(function () {
+    if (!hash || entriesToLoad.length === 0) {
+      return;
+    }
+    executeSearch({
+      client: client,
+      values: entriesToLoad,
+      setLoading: setLoading,
+      setError: setError,
+      setEntries: function setEntries(items) {
+        _setEntries(function (prev) {
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), items);
+        });
+      }
+    });
+  }, [hash]);
+  var loadMore = (0, _react.useCallback)(function () {
+    var 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.
+   */
+  var loadedEntries = (0, _react.useMemo)(function () {
+    var collection = [];
+    for (var page = 0; page <= currentPage; page++) {
+      var items = pages[page] || [];
+      var _iterator = (0, _createForOfIteratorHelper2.default)(items),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var item = _step.value;
+          var entry = entries[item.entryId];
+          if (!entry) {
+            continue;
+          }
+          collection.push(entry);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return collection;
+  }, [currentPage, entries, pages]);
+  return {
+    loading: loading,
+    entries: loadedEntries,
+    error: error,
+    loadMore: loadMore
+  };
+};
+exports.useReferences = useReferences;

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

@@ -0,0 +1 @@
+{"version":3,"names":["executeSearch","params","setLoading","setError","setEntries","client","values","query","LIST_LATEST_CONTENT_ENTRIES","variables","entries","map","value","id","modelId","result","error","data","message","reduce","collection","entry","entryId","useReferences","initialValues","perPage","useApolloClient","useState","loading","hash","setHash","currentPage","setCurrentPage","pages","useMemo","Array","isArray","lodashChunk","parseIdentifier","entriesToLoad","toLoad","p","page","length","push","filter","item","useEffect","sort","join","window","crypto","subtle","digest","TextEncoder","encode","then","encoded","decoded","TextDecoder","decode","items","prev","loadMore","useCallback","nextPage","loadedEntries"],"sources":["useReferences.ts"],"sourcesContent":["import ApolloClient from \"apollo-client\";\nimport lodashChunk from \"lodash/chunk\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue as BaseCmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport {\n    LIST_LATEST_CONTENT_ENTRIES,\n    ListLatestCmsEntriesResponse,\n    ListLatestCmsEntriesVariables\n} 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}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, values } = 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        });\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}\n\nexport const useReferences = ({ values: initialValues, perPage = 10 }: 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            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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"}

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

@@ -0,0 +1 @@
+export declare const createAdvancedRefRender: () => import("../../../../../types").CmsModelFieldRendererPlugin[];

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createAdvancedRefRender = void 0;
+var _detailedReferenceRenderer = require("./detailedReferenceRenderer");
+var _detailedReferencesRenderer = require("./detailedReferencesRenderer");
+var createAdvancedRefRender = function createAdvancedRefRender() {
+  return [(0, _detailedReferenceRenderer.createAdvancedSingleRenderer)(), (0, _detailedReferencesRenderer.createAdvancedMultipleRenderer)()];
+};
+exports.createAdvancedRefRender = createAdvancedRefRender;

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

@@ -0,0 +1 @@
+{"version":3,"names":["createAdvancedRefRender","createAdvancedSingleRenderer","createAdvancedMultipleRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"~/admin/plugins/fieldRenderers/ref/advanced/detailedReferenceRenderer\";\nimport { createAdvancedMultipleRenderer } from \"~/admin/plugins/fieldRenderers/ref/advanced/detailedReferencesRenderer\";\n\nexport const createAdvancedRefRender = () => {\n    return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EACzC,OAAO,CAAC,IAAAC,uDAA4B,GAAE,EAAE,IAAAC,0DAA8B,GAAE,CAAC;AAC7E,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/components/ContentEntriesAutocomplete.js

@@ -1,76 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _NewRefEntryFormDialog = _interopRequireWildcard(require("./NewRefEntryFormDialog"));
-
 var _AutoComplete = require("@webiny/ui/AutoComplete");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _reactRouter = require("@webiny/react-router");
-
 var _useNewRefEntry2 = require("../hooks/useNewRefEntry");
-
 var _useReference2 = require("./useReference");
-
 var _renderItem = require("./renderItem");
-
 var _createEntryUrl = require("./createEntryUrl");
-
 var _EntryStatus = require("./EntryStatus");
-
 var _utils = require("@webiny/utils");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-
 var unpublishedLabel = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry."])));
 var publishedLabel = t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Selected content entry is published. You can view it {here}."])));
-
 var getItemOption = function getItemOption(options, id) {
   if (!id || !options || options.length === 0) {
     return null;
   }
-
   var _parseIdentifier = (0, _utils.parseIdentifier)(id),
-      entryId = _parseIdentifier.id;
-
+    entryId = _parseIdentifier.id;
   return options.find(function (item) {
     return item.entryId === entryId;
   }) || null;
 };
-
 var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
   var bind = _ref.bind,
-      field = _ref.field;
-
+    field = _ref.field;
   var _useReference = (0, _useReference2.useReference)({
-    bind: bind,
-    field: field
-  }),
-      options = _useReference.options,
-      setSearch = _useReference.setSearch,
-      value = _useReference.value,
-      loading = _useReference.loading,
-      _onChange = _useReference.onChange;
-
+      bind: bind,
+      field: field
+    }),
+    options = _useReference.options,
+    setSearch = _useReference.setSearch,
+    value = _useReference.value,
+    loading = _useReference.loading,
+    _onChange = _useReference.onChange;
   var entryInfo = null;
-
   if (value && !value.published) {
     var link = (0, _createEntryUrl.createEntryUrl)(value);
     entryInfo = unpublishedLabel({
@@ -80,26 +55,22 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
     });
   } else if (value) {
     var _link = (0, _createEntryUrl.createEntryUrl)(value);
-
     entryInfo = publishedLabel({
       here: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
         to: _link
       }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["here"]))))
     });
   }
-
   var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
-    field: field
-  }),
-      renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
-      refModelId = _useNewRefEntry.refModelId,
-      helpText = _useNewRefEntry.helpText;
-
+      field: field
+    }),
+    renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
+    refModelId = _useNewRefEntry.refModelId,
+    helpText = _useNewRefEntry.helpText;
   var item = getItemOption(options, bind.value ? bind.value.id : null);
   /*
    * Wrap AutoComplete input in NewRefEntry modal.
    */
-
   if (renderNewEntryModal) {
     return /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.default, {
       modelId: refModelId,
@@ -128,7 +99,6 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
       noResultFound: /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.NewEntryButton, null)
     })));
   }
-
   return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, bind, {
     renderItem: _renderItem.renderItem,
     onChange: _onChange,
@@ -145,6 +115,5 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
     noResultFound: helpText
   }));
 };
-
 var _default = ContentEntriesAutocomplete;
 exports.default = _default;