@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

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

@@ -1,55 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEntries = void 0;
-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) {
+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);
 };
-var useEntries = exports.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);
+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]);
-  var createWhere = (0, _react.useCallback)(function (query) {
+  const createWhere = useCallback(query => {
     if (!query) {
       return {};
     }
-    var conditions = model.fields.map(function (field) {
+    const conditions = model.fields.map(field => {
       if (!isFieldSearchable(field)) {
         return null;
       }
-      return (0, _defineProperty2.default)({}, "".concat(field.fieldId, "_contains"), query);
+      return {
+        values: {
+          [`${field.fieldId}_contains`]: query
+        }
+      };
     }).filter(Boolean);
     if (conditions.length === 0) {
       return {};
@@ -58,24 +40,26 @@ var useEntries = exports.useEntries = function useEntries(params) {
       OR: conditions
     };
   }, [model.modelId]);
-  var executeQuery = (0, _react.useCallback)(async function (params) {
-    var query = params.query,
-      items = params.items,
-      after = params.after;
+  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.");
+      console.log(`Cannot run a new search. Please wait for the previous one to finish.`);
       return;
     }
     setLoading(true);
-    var where = createWhere(query);
+    const where = createWhere(query);
     try {
-      var result = await client.query({
+      const result = await client.query({
         query: SEARCH_QUERY,
         variables: {
-          where: where,
+          where,
           sort: ["savedOn_DESC"],
-          limit: limit,
-          after: after
+          limit,
+          after
         }
       });
       if (result.data.content.error) {
@@ -84,10 +68,10 @@ var useEntries = exports.useEntries = function useEntries(params) {
         return;
       } else if (!result.data.content.data) {
         setEntries([]);
-        setError("Unknown error while fetching entries for model ".concat(model.modelId, ". Please check your network requests tab."));
+        setError(`Unknown error while fetching entries for model ${model.modelId}. Please check your network requests tab.`);
         return;
       } else {
-        var newItems = result.data.content.data.map(function (entry) {
+        const newItems = result.data.content.data.map(entry => {
           return {
             id: entry.id,
             entryId: entry.entryId,
@@ -114,30 +98,30 @@ var useEntries = exports.useEntries = function useEntries(params) {
       }
     } catch (ex) {
       setEntries([]);
-      console.log("Error while fetching entries for model ".concat(model.modelId, "."));
+      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]);
-  var runSearch = (0, _react.useCallback)(function (query) {
+  const runSearch = useCallback(query => {
     if (searchQuery === query) {
-      console.log("Skipping search as it is the same as the previous one.");
+      console.log(`Skipping search as it is the same as the previous one.`);
       return;
     }
     setSearchQuery(query);
     executeQuery({
-      query: query,
+      query,
       items: []
     });
   }, [executeQuery, searchQuery]);
-  var loadMore = (0, _react.useCallback)(function () {
+  const loadMore = useCallback(() => {
     if (loading) {
-      console.log("Please wait until the loading finishes to start a new one.");
+      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.");
+      console.log(`Trying to load more results but there is no cursor defined. Probably there are no more results.`);
       return;
     }
     executeQuery({
@@ -147,11 +131,11 @@ var useEntries = exports.useEntries = function useEntries(params) {
     });
   }, [searchQuery, loading, cursor, entries]);
   return {
-    runSearch: runSearch,
-    loadMore: loadMore,
-    loading: loading,
-    entries: entries,
-    error: error,
+    runSearch,
+    loadMore,
+    loading,
+    entries,
+    error,
     hasMore: !!cursor
   };
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_hooks","_graphql","searchableFieldTypes","isFieldSearchable","field","includes","type","useEntries","exports","params","client","useApolloClient","model","limit","_useState","useState","_useState2","_slicedToArray2","default","entries","setEntries","_useState3","_useState4","loading","setLoading","_useState5","_useState6","error","setError","_useState7","undefined","_useState8","searchQuery","setSearchQuery","_useState9","_useState10","cursor","setCursor","SEARCH_QUERY","useMemo","createSearchQuery","modelId","createWhere","useCallback","query","conditions","fields","map","_defineProperty2","concat","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","ex","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                            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":[]}
+{"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":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { CmsReferenceContentEntry, CmsReferenceValue as BaseCmsReferenceValue } from "../../components/types";
+import type { CmsReferenceContentEntry, CmsReferenceValue as BaseCmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface UseReferencesParams {
     values?: BaseCmsReferenceValue[] | BaseCmsReferenceValue | null;
     perPage?: number;

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

@@ -1,33 +1,23 @@
-"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 _chunk = _interopRequireDefault(require("lodash/chunk"));
-var _react = require("react");
-var _hooks = require("../../../../../hooks");
-var _graphql = require("./graphql");
-var _utils = require("@webiny/utils");
-var executeSearch = async function executeSearch(params) {
-  var setLoading = params.setLoading,
-    setError = params.setError,
-    setEntries = params.setEntries,
-    client = params.client,
-    values = params.values,
-    _params$requestContex = params.requestContext,
-    requestContext = _params$requestContex === void 0 ? {} : _params$requestContex;
+import lodashChunk 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 {
-    var result = await client.query({
-      query: _graphql.LIST_LATEST_CONTENT_ENTRIES,
+    const result = await client.query({
+      query: LIST_LATEST_CONTENT_ENTRIES,
       variables: {
-        entries: values.map(function (value) {
+        entries: values.map(value => {
           return {
             id: value.id,
             modelId: value.modelId
@@ -36,82 +26,68 @@ var executeSearch = async function executeSearch(params) {
       },
       context: requestContext
     });
-    var _error = result.data.entries?.error;
-    if (_error) {
-      setError(_error.message);
+    const error = result.data.entries?.error;
+    if (error) {
+      setError(error.message);
       return;
     }
-    var _entries = result.data.entries.data.reduce(function (collection, entry) {
+    const entries = result.data.entries.data.reduce((collection, entry) => {
       collection[entry.entryId] = entry;
       return collection;
     }, {});
     setError(null);
-    setEntries(_entries);
+    setEntries(entries);
   } catch (ex) {
     setError(ex.message);
   } finally {
     setLoading(false);
   }
 };
-var useReferences = exports.useReferences = function useReferences(_ref) {
-  var initialValues = _ref.values,
-    _ref$perPage = _ref.perPage,
-    perPage = _ref$perPage === void 0 ? 10 : _ref$perPage,
-    _ref$requestContext = _ref.requestContext,
-    requestContext = _ref$requestContext === void 0 ? {} : _ref$requestContext;
-  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
-      });
+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]);
-  var entriesToLoad = (0, _react.useMemo)(function () {
+  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.
      */
-    var toLoad = [];
-    for (var p = 0; p <= currentPage; p++) {
-      var page = pages[p];
+    const toLoad = [];
+    for (let p = 0; p <= currentPage; p++) {
+      const page = pages[p];
       if (!page || page.length === 0) {
         return toLoad;
       }
-      toLoad.push.apply(toLoad, (0, _toConsumableArray2.default)(page.filter(function (item) {
+      toLoad.push(...page.filter(item => {
         return !entries[item.entryId];
-      })));
+      }));
     }
     return toLoad;
   }, [pages, currentPage]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (entriesToLoad.length === 0) {
       return;
     }
-    var value = entriesToLoad.map(function (item) {
+    const value = entriesToLoad.map(item => {
       return item.id;
     }).sort().join("-");
     if (value.length === 0) {
@@ -127,33 +103,36 @@ var useReferences = exports.useReferences = function useReferences(_ref) {
       setHash(value);
       return;
     }
-    window.crypto.subtle.digest("SHA-1", new TextEncoder().encode(value)).then(function (encoded) {
-      var decoded = new TextDecoder().decode(encoded);
+    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]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!hash || entriesToLoad.length === 0) {
       return;
     }
     executeSearch({
-      client: client,
-      requestContext: requestContext,
+      client,
+      requestContext,
       values: entriesToLoad,
-      setLoading: setLoading,
-      setError: setError,
-      setEntries: function setEntries(items) {
-        _setEntries(function (prev) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), items);
+      setLoading,
+      setError,
+      setEntries: items => {
+        setEntries(prev => {
+          return {
+            ...prev,
+            ...items
+          };
         });
       }
     });
   }, [hash]);
-  var loadMore = (0, _react.useCallback)(function () {
-    var nextPage = currentPage + 1;
+  const loadMore = useCallback(() => {
+    const nextPage = currentPage + 1;
     if (!pages[nextPage] || pages[nextPage].length === 0) {
       return;
     }
@@ -163,34 +142,25 @@ var useReferences = exports.useReferences = function useReferences(_ref) {
   /**
    * 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);
+  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;
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+        collection.push(entry);
       }
     }
     return collection;
   }, [currentPage, entries, pages]);
   return {
-    loading: loading,
+    loading,
     entries: loadedEntries,
-    error: error,
-    loadMore: loadMore
+    error,
+    loadMore
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_chunk","_interopRequireDefault","require","_react","_hooks","_graphql","_utils","executeSearch","params","setLoading","setError","setEntries","client","values","_params$requestContex","requestContext","result","query","LIST_LATEST_CONTENT_ENTRIES","variables","entries","map","value","id","modelId","context","error","data","message","reduce","collection","entry","entryId","ex","useReferences","exports","_ref","initialValues","_ref$perPage","perPage","_ref$requestContext","useApolloClient","_useState","useState","_useState2","_slicedToArray2","default","_useState3","_useState4","loading","_useState5","_useState6","_useState7","_useState8","hash","setHash","_useState9","_useState10","currentPage","setCurrentPage","pages","useMemo","Array","isArray","lodashChunk","_parseIdentifier","parseIdentifier","_objectSpread2","entriesToLoad","toLoad","p","page","length","push","apply","_toConsumableArray2","filter","item","useEffect","sort","join","window","crypto","subtle","digest","TextEncoder","encode","then","encoded","decoded","TextDecoder","decode","items","prev","loadMore","useCallback","nextPage","loadedEntries","_iterator","_createForOfIteratorHelper2","_step","s","n","done","err","e","f"],"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    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":[]}
+{"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.js\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    CmsReferenceContentEntry,\n    CmsReferenceValue as BaseCmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport type {\n    ListLatestCmsEntriesResponse,\n    ListLatestCmsEntriesVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\nimport { LIST_LATEST_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\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

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

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

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAdvancedRefRenderer = void 0;
-var _detailedReferenceRenderer = require("./detailedReferenceRenderer");
-var _detailedReferencesRenderer = require("./detailedReferencesRenderer");
-var createAdvancedRefRenderer = exports.createAdvancedRefRenderer = function createAdvancedRefRenderer() {
-  return [(0, _detailedReferenceRenderer.createAdvancedSingleRenderer)(), (0, _detailedReferencesRenderer.createAdvancedMultipleRenderer)()];
+import { createAdvancedSingleRenderer } from "./detailedReferenceRenderer.js";
+import { createAdvancedMultipleRenderer } from "./detailedReferencesRenderer.js";
+export const createAdvancedRefRenderer = () => {
+  return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_detailedReferenceRenderer","require","_detailedReferencesRenderer","createAdvancedRefRenderer","exports","createAdvancedSingleRenderer","createAdvancedMultipleRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"./detailedReferenceRenderer\";\nimport { createAdvancedMultipleRenderer } from \"./detailedReferencesRenderer\";\n\nexport const createAdvancedRefRenderer = () => {\n    return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AAEO,IAAME,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAC3C,OAAO,CAAC,IAAAE,uDAA4B,EAAC,CAAC,EAAE,IAAAC,0DAA8B,EAAC,CAAC,CAAC;AAC7E,CAAC","ignoreList":[]}
+{"version":3,"names":["createAdvancedSingleRenderer","createAdvancedMultipleRenderer","createAdvancedRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"./detailedReferenceRenderer.js\";\nimport { createAdvancedMultipleRenderer } from \"./detailedReferencesRenderer.js\";\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,6 @@
 import React from "react";
-import { CmsModelField } from "../../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { CmsModelField } from "../../../../../types.js";
+import type { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesAutocompleteProps {
     bind: BindComponentRenderProp;
     field: CmsModelField;