@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

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";
+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 {
-    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,12 +26,12 @@ var executeSearch = async function executeSearch(params) {
       },
       context: requestContext
     });
-    var error = result.data.entries?.error;
+    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;
     }, {});
@@ -53,65 +43,51 @@ var executeSearch = async function executeSearch(params) {
     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\";\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.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";
+import { createAdvancedMultipleRenderer } from "./detailedReferencesRenderer";
+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\";\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,6 @@
 import React from "react";
-import { CmsModelField } from "../../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { CmsModelField } from "../../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesAutocompleteProps {
     bind: BindComponentRenderProp;
     field: CmsModelField;

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

@@ -1,135 +1,114 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _NewEntryButton = require("./NewEntryButton");
-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 _hooks = require("../../../../hooks");
-var _NewReferencedEntryDialog = require("./NewReferencedEntryDialog");
-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) {
+import React, { useState } from "react";
+import debounce from "lodash/debounce";
+import { NewEntryButton } from "./NewEntryButton";
+import { AutoComplete } from "@webiny/ui/AutoComplete";
+import { i18n } from "@webiny/app/i18n";
+import { Link } from "@webiny/react-router";
+import { useNewRefEntry } from "../hooks/useNewRefEntry";
+import { useReference } from "./useReference";
+import { renderItem } from "./renderItem";
+import { createEntryUrl } from "./createEntryUrl";
+import { EntryStatus } from "./EntryStatus";
+import { parseIdentifier } from "@webiny/utils";
+import { useModels } from "../../../../hooks";
+import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;
+const publishedLabel = t`Selected content entry is published. You can view it {here}.`;
+const getItemOption = (options, id) => {
   if (!id || !options || options.length === 0) {
     return null;
   }
-  var _parseIdentifier = (0, _utils.parseIdentifier)(id),
-    entryId = _parseIdentifier.id;
-  return options.find(function (item) {
-    return item.entryId === entryId;
-  }) || null;
+  const {
+    id: entryId
+  } = parseIdentifier(id);
+  return options.find(item => item.entryId === entryId) || null;
 };
-var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
-  var bind = _ref.bind,
-    field = _ref.field;
-  var _useModels = (0, _hooks.useModels)(),
-    models = _useModels.models;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showNewEntryModal = _useState2[0],
-    setShowNewEntryModal = _useState2[1];
-  var _useReference = (0, _useReference2.useReference)({
-      bind: bind,
-      field: field
-    }),
-    options = _useReference.options,
-    setSearch = _useReference.setSearch,
-    value = _useReference.value,
-    loading = _useReference.loading,
-    _onChange = _useReference.onChange;
-  var entryInfo = null;
+const ContentEntriesAutocomplete = ({
+  bind,
+  field
+}) => {
+  const {
+    models
+  } = useModels();
+  const [showNewEntryModal, setShowNewEntryModal] = useState(false);
+  const {
+    options,
+    setSearch,
+    value,
+    loading,
+    onChange
+  } = useReference({
+    bind,
+    field
+  });
+  let entryInfo = null;
   if (value && !value.published) {
-    var link = (0, _createEntryUrl.createEntryUrl)(value);
+    const link = createEntryUrl(value);
     entryInfo = unpublishedLabel({
-      publishItLink: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+      publishItLink: /*#__PURE__*/React.createElement(Link, {
         to: link
-      }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["publish it"]))))
+      }, t`publish it`)
     });
   } else if (value) {
-    var _link = (0, _createEntryUrl.createEntryUrl)(value);
+    const link = createEntryUrl(value);
     entryInfo = publishedLabel({
-      here: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
-        to: _link
-      }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["here"]))))
+      here: /*#__PURE__*/React.createElement(Link, {
+        to: link
+      }, t`here`)
     });
   }
-  var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
-      field: field
-    }),
-    renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
-    refModelId = _useNewRefEntry.refModelId,
-    helpText = _useNewRefEntry.helpText;
-  var model = models.find(function (model) {
-    return model.modelId === refModelId;
+  const {
+    renderNewEntryModal,
+    refModelId,
+    helpText
+  } = useNewRefEntry({
+    field
   });
-  var item = getItemOption(options, bind.value ? bind.value.id : null);
+  const model = models.find(model => model.modelId === refModelId);
+  const item = getItemOption(options, bind.value ? bind.value.id : null);
 
   /*
    * Wrap AutoComplete input in NewRefEntry modal.
    */
   if (renderNewEntryModal) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showNewEntryModal && model ? /*#__PURE__*/_react.default.createElement(_NewReferencedEntryDialog.NewReferencedEntryDialog, {
-      onClose: function onClose() {
-        return setShowNewEntryModal(false);
-      },
+    return /*#__PURE__*/React.createElement(React.Fragment, null, showNewEntryModal && model ? /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
+      onClose: () => setShowNewEntryModal(false),
       model: model,
-      onChange: function onChange(entry) {
-        return _onChange(entry, entry);
+      onChange: entry => {
+        return onChange(entry, entry);
       }
-    }) : null, /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, bind, {
-      renderItem: _renderItem.renderItem,
-      onChange: _onChange,
+    }) : null, /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, bind, {
+      renderItem: renderItem,
+      onChange: onChange,
       loading: loading,
       value: value || undefined,
       options: options,
       label: field.label,
-      "data-testid": "fr.input.autocomplete.".concat(field.label),
-      description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
+      "data-testid": `fr.input.autocomplete.${field.label}`,
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
         item: item
       }, entryInfo)),
-      onInput: (0, _debounce.default)(function (search) {
-        return setSearch(search);
-      }, 250),
-      noResultFound: /*#__PURE__*/_react.default.createElement(_NewEntryButton.NewEntryButton, {
-        onClick: function onClick() {
-          return setShowNewEntryModal(true);
-        }
+      onInput: debounce(search => setSearch(search), 250),
+      noResultFound: /*#__PURE__*/React.createElement(NewEntryButton, {
+        onClick: () => setShowNewEntryModal(true)
       })
     })));
   }
-  return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, bind, {
-    renderItem: _renderItem.renderItem,
-    onChange: _onChange,
+  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, bind, {
+    renderItem: renderItem,
+    onChange: onChange,
     loading: loading,
     value: value || undefined,
     options: options,
     label: field.label,
-    description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
       item: item
     }, entryInfo)),
-    onInput: (0, _debounce.default)(function (search) {
-      return setSearch(search);
-    }, 250),
+    onInput: debounce(search => setSearch(search), 250),
     noResultFound: helpText
   }));
 };
-var _default = exports.default = ContentEntriesAutocomplete;
+export default ContentEntriesAutocomplete;
 
 //# sourceMappingURL=ContentEntriesAutocomplete.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","_NewEntryButton","_AutoComplete","_i18n","_reactRouter","_useNewRefEntry2","_useReference2","_renderItem","_createEntryUrl","_EntryStatus","_utils","_hooks","_NewReferencedEntryDialog","_templateObject","_templateObject2","_templateObject3","_templateObject4","t","i18n","ns","unpublishedLabel","_taggedTemplateLiteral2","default","publishedLabel","getItemOption","options","id","length","_parseIdentifier","parseIdentifier","entryId","find","item","ContentEntriesAutocomplete","_ref","bind","field","_useModels","useModels","models","_useState","useState","_useState2","_slicedToArray2","showNewEntryModal","setShowNewEntryModal","_useReference","useReference","setSearch","value","loading","onChange","entryInfo","published","link","createEntryUrl","publishItLink","createElement","Link","to","here","_useNewRefEntry","useNewRefEntry","renderNewEntryModal","refModelId","helpText","model","modelId","Fragment","NewReferencedEntryDialog","onClose","entry","AutoComplete","Object","assign","renderItem","undefined","label","concat","description","EntryStatus","onInput","debounce","search","noResultFound","NewEntryButton","onClick","_default","exports"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { NewEntryButton } from \"./NewEntryButton\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useModels } from \"~/admin/hooks\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\nconst getItemOption = (options: OptionItem[], id?: string | null): OptionItem | null => {\n    if (!id || !options || options.length === 0) {\n        return null;\n    }\n    const { id: entryId } = parseIdentifier(id);\n    return options.find(item => item.entryId === entryId) || null;\n};\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesAutocomplete = ({ bind, field }: ContentEntriesAutocompleteProps) => {\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n    const model = models.find(model => model.modelId === refModelId);\n\n    const item = getItemOption(options, bind.value ? bind.value.id : null);\n\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={entry => {\n                            return onChange(entry, entry);\n                        }}\n                    />\n                ) : null}\n\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    data-testid={`fr.input.autocomplete.${field.label}`}\n                    description={\n                        <>\n                            {field.helpText}\n                            <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","debounce","NewEntryButton","AutoComplete","i18n","Link","useNewRefEntry","useReference","renderItem","createEntryUrl","EntryStatus","parseIdentifier","useModels","NewReferencedEntryDialog","t","ns","unpublishedLabel","publishedLabel","getItemOption","options","id","length","entryId","find","item","ContentEntriesAutocomplete","bind","field","models","showNewEntryModal","setShowNewEntryModal","setSearch","value","loading","onChange","entryInfo","published","link","publishItLink","createElement","to","here","renderNewEntryModal","refModelId","helpText","model","modelId","Fragment","onClose","entry","Object","assign","undefined","label","description","onInput","search","noResultFound","onClick"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { NewEntryButton } from \"./NewEntryButton\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useModels } from \"~/admin/hooks\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\nconst getItemOption = (options: OptionItem[], id?: string | null): OptionItem | null => {\n    if (!id || !options || options.length === 0) {\n        return null;\n    }\n    const { id: entryId } = parseIdentifier(id);\n    return options.find(item => item.entryId === entryId) || null;\n};\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesAutocomplete = ({ bind, field }: ContentEntriesAutocompleteProps) => {\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n    const model = models.find(model => model.modelId === refModelId);\n\n    const item = getItemOption(options, bind.value ? bind.value.id : null);\n\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={entry => {\n                            return onChange(entry, entry);\n                        }}\n                    />\n                ) : null}\n\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    data-testid={`fr.input.autocomplete.${field.label}`}\n                    description={\n                        <>\n                            {field.helpText}\n                            <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"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","ignoreList":[]}