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

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

@@ -1 +1 @@
-{"version":3,"names":["getValueHash","value","id","entryId","parseIdentifier","useReference","bind","field","allEntries","useRef","client","useApolloClient","useState","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntry","setValueEntry","models","settings","modelsHash","map","model","modelId","join","valueHash","searchEntries","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","m","limit","data","collection","convertReferenceEntriesToOptionCollection","content","current","useEffect","length","fetchPolicy","then","latestEntryData","entry","GET_CONTENT_ENTRY","res","dataEntry","latest","option","convertReferenceEntryToOption","published","prev","onChange","useCallback","options","useMemo","Object","values","defaultOptions","outputOptions","some","opt","push"],"sources":["useReference.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport {\n    SEARCH_CONTENT_ENTRIES,\n    GET_CONTENT_ENTRY,\n    CmsEntryGetQueryResponse,\n    CmsEntryGetQueryVariables,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"./graphql\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem, OptionItemCollection } from \"./types\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"./helpers\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface UseReferenceHookArgs {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\n\ninterface UseReferenceHookValue {\n    onChange: (value: any, entry: OptionItem) => void;\n    setSearch: (value: string) => void;\n    value: OptionItem | null;\n    loading: boolean;\n    options: OptionItem[];\n}\n\ntype UseReferenceHook = (args: UseReferenceHookArgs) => UseReferenceHookValue;\n\nconst getValueHash = (value: any): string | null => {\n    if (!value || (!value.id && !value.entryId)) {\n        return null;\n    } else if (value.entryId) {\n        return value.entryId;\n    }\n    const { id } = parseIdentifier(value.id);\n    return id;\n};\n\nexport const useReference: UseReferenceHook = ({ bind, field }) => {\n    const allEntries = useRef<OptionItemCollection>({});\n    const client = useApolloClient();\n    const [search, setSearch] = useState<string>(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [entries, setEntries] = useState<OptionItemCollection>({});\n    const [latestEntries, setLatestEntries] = useState<OptionItemCollection>({});\n    const [valueEntry, setValueEntry] = useState<OptionItem | null>(null);\n\n    const models = (field.settings ? field.settings.models || [] : []) as Pick<\n        CmsModel,\n        \"modelId\" | \"name\"\n    >[];\n    const modelsHash = models.map(model => model.modelId).join(\",\");\n\n    const value = bind.value;\n    const valueHash = getValueHash(value);\n\n    const searchEntries = async () => {\n        if (!search) {\n            return;\n        }\n\n        setLoading(true);\n        const { data } = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(m => m.modelId),\n                query: search,\n                limit: 10\n            }\n        });\n        setLoading(false);\n\n        const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n        if (valueEntry) {\n            collection[valueEntry.entryId] = valueEntry;\n        }\n        allEntries.current = {\n            ...allEntries.current,\n            ...collection\n        };\n\n        setEntries(collection);\n    };\n\n    useEffect(() => {\n        searchEntries();\n    }, [search]);\n\n    useEffect(() => {\n        if (models.length === 0) {\n            return;\n        }\n        client\n            .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n                query: SEARCH_CONTENT_ENTRIES,\n                variables: {\n                    modelIds: models.map(m => m.modelId),\n                    limit: 10\n                },\n                /**\n                 * We cannot update this query response in cache after a reference entry being created/deleted,\n                 * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n                 */\n                fetchPolicy: \"network-only\"\n            })\n            .then(({ data }) => {\n                const latestEntryData = convertReferenceEntriesToOptionCollection(\n                    data.content.data\n                );\n                if (valueEntry) {\n                    latestEntryData[valueEntry.entryId] = valueEntry;\n                }\n\n                setLatestEntries(latestEntryData);\n                allEntries.current = {\n                    ...allEntries.current,\n                    ...latestEntryData\n                };\n            });\n    }, [modelsHash]);\n\n    useEffect(() => {\n        if (!value || !models) {\n            setValueEntry(() => null);\n            return;\n        }\n\n        const entry = valueHash ? allEntries.current[valueHash] : null;\n        if (entry) {\n            /**\n             * if entry exists set valueEntry to that one so we do not load new one\n             */\n            setValueEntry(() => {\n                return entry;\n            });\n            return;\n        }\n\n        setLoading(true);\n        /**\n         * Query loads both latest and published entries.\n         * We do this in a single query because there might not be a published entry so we can use the latest one.\n         */\n        client\n            .query<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>({\n                query: GET_CONTENT_ENTRY,\n                variables: {\n                    entry: {\n                        modelId: value.modelId,\n                        id: value.id\n                    }\n                }\n            })\n            .then(res => {\n                setLoading(false);\n                const dataEntry = res.data.latest.data;\n                if (!dataEntry) {\n                    return;\n                }\n                const option: OptionItem = {\n                    ...convertReferenceEntryToOption(dataEntry),\n                    latest: dataEntry.id,\n                    published: res.data.published.data ? res.data.published.data.id : null\n                };\n                allEntries.current[option.entryId] = option;\n                setLatestEntries(prev => {\n                    return {\n                        ...prev,\n                        [option.entryId]: {\n                            ...option\n                        }\n                    };\n                });\n                /**\n                 * Calculate a couple of props for the Autocomplete component.\n                 */\n                setValueEntry(() => {\n                    return option;\n                });\n            });\n    }, [valueHash, modelsHash]);\n\n    const onChange = useCallback((value: string, entry: OptionItem) => {\n        if (value !== null) {\n            setSearch(\"\");\n\n            setValueEntry(() => {\n                return entry;\n            });\n            bind.onChange({\n                modelId: entry.modelId,\n                id: entry.id\n            });\n            return;\n        }\n\n        setValueEntry(() => null);\n        bind.onChange(null);\n    }, []);\n\n    /**\n     * Format options for the Autocomplete component.\n     */\n    const options = useMemo(() => Object.values(entries), [valueHash, entries]);\n\n    /**\n     * Format default options for the Autocomplete component.\n     */\n    const defaultOptions = useMemo(() => {\n        return Object.values(latestEntries);\n    }, [valueHash, latestEntries]);\n\n    const outputOptions: OptionItem[] = (search && options ? options : defaultOptions) || [];\n\n    if (valueEntry && outputOptions.some(opt => opt.entryId === valueEntry.entryId) === false) {\n        outputOptions.push(valueEntry);\n    }\n\n    return {\n        onChange,\n        setSearch,\n        value: valueEntry,\n        loading,\n        options: outputOptions\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["getValueHash","value","id","entryId","parseIdentifier","useReference","bind","field","allEntries","useRef","client","useApolloClient","useState","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntry","setValueEntry","models","settings","modelsHash","map","model","modelId","join","valueHash","searchEntries","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","m","limit","data","collection","convertReferenceEntriesToOptionCollection","content","current","useEffect","length","fetchPolicy","then","latestEntryData","entry","GET_CONTENT_ENTRY","res","dataEntry","latest","option","convertReferenceEntryToOption","published","prev","onChange","useCallback","options","useMemo","Object","values","defaultOptions","outputOptions","some","opt","push"],"sources":["useReference.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport {\n    SEARCH_CONTENT_ENTRIES,\n    GET_CONTENT_ENTRY,\n    CmsEntryGetQueryResponse,\n    CmsEntryGetQueryVariables,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"./graphql\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem, OptionItemCollection } from \"./types\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"./helpers\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface UseReferenceHookArgs {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\n\ninterface UseReferenceHookValue {\n    onChange: (value: any, entry: OptionItem) => void;\n    setSearch: (value: string) => void;\n    value: OptionItem | null;\n    loading: boolean;\n    options: OptionItem[];\n}\n\ntype UseReferenceHook = (args: UseReferenceHookArgs) => UseReferenceHookValue;\n\nconst getValueHash = (value: any): string | null => {\n    if (!value || (!value.id && !value.entryId)) {\n        return null;\n    } else if (value.entryId) {\n        return value.entryId;\n    }\n    const { id } = parseIdentifier(value.id);\n    return id;\n};\n\nexport const useReference: UseReferenceHook = ({ bind, field }) => {\n    const allEntries = useRef<OptionItemCollection>({});\n    const client = useApolloClient();\n    const [search, setSearch] = useState<string>(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [entries, setEntries] = useState<OptionItemCollection>({});\n    const [latestEntries, setLatestEntries] = useState<OptionItemCollection>({});\n    const [valueEntry, setValueEntry] = useState<OptionItem | null>(null);\n\n    const models = (field.settings ? field.settings.models || [] : []) as Pick<\n        CmsModel,\n        \"modelId\" | \"name\"\n    >[];\n    const modelsHash = models.map(model => model.modelId).join(\",\");\n\n    const value = bind.value;\n    const valueHash = getValueHash(value);\n\n    const searchEntries = async () => {\n        if (!search) {\n            return;\n        }\n\n        setLoading(true);\n        const { data } = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(m => m.modelId),\n                query: search,\n                limit: 10\n            }\n        });\n        setLoading(false);\n\n        const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n        if (valueEntry) {\n            collection[valueEntry.entryId] = valueEntry;\n        }\n        allEntries.current = {\n            ...allEntries.current,\n            ...collection\n        };\n\n        setEntries(collection);\n    };\n\n    useEffect(() => {\n        searchEntries();\n    }, [search]);\n\n    useEffect(() => {\n        if (models.length === 0) {\n            return;\n        }\n        client\n            .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n                query: SEARCH_CONTENT_ENTRIES,\n                variables: {\n                    modelIds: models.map(m => m.modelId),\n                    limit: 10\n                },\n                /**\n                 * We cannot update this query response in cache after a reference entry being created/deleted,\n                 * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n                 */\n                fetchPolicy: \"network-only\"\n            })\n            .then(({ data }) => {\n                const latestEntryData = convertReferenceEntriesToOptionCollection(\n                    data.content.data\n                );\n                if (valueEntry) {\n                    latestEntryData[valueEntry.entryId] = valueEntry;\n                }\n\n                setLatestEntries(latestEntryData);\n                allEntries.current = {\n                    ...allEntries.current,\n                    ...latestEntryData\n                };\n            });\n    }, [modelsHash]);\n\n    useEffect(() => {\n        if (!value || !models) {\n            setValueEntry(() => null);\n            return;\n        }\n\n        const entry = valueHash ? allEntries.current[valueHash] : null;\n        if (entry) {\n            /**\n             * if entry exists set valueEntry to that one so we do not load new one\n             */\n            setValueEntry(() => {\n                return entry;\n            });\n            return;\n        }\n\n        setLoading(true);\n        /**\n         * Query loads both latest and published entries.\n         * We do this in a single query because there might not be a published entry so we can use the latest one.\n         */\n        client\n            .query<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>({\n                query: GET_CONTENT_ENTRY,\n                variables: {\n                    entry: {\n                        modelId: value.modelId,\n                        id: value.id\n                    }\n                }\n            })\n            .then(res => {\n                setLoading(false);\n                const dataEntry = res.data.latest.data;\n                if (!dataEntry) {\n                    return;\n                }\n                const option: OptionItem = {\n                    ...convertReferenceEntryToOption(dataEntry),\n                    latest: dataEntry.id,\n                    published: res.data.published.data ? res.data.published.data.id : null\n                };\n                allEntries.current[option.entryId] = option;\n                setLatestEntries(prev => {\n                    return {\n                        ...prev,\n                        [option.entryId]: {\n                            ...option\n                        }\n                    };\n                });\n                /**\n                 * Calculate a couple of props for the Autocomplete component.\n                 */\n                setValueEntry(() => {\n                    return option;\n                });\n            });\n    }, [valueHash, modelsHash]);\n\n    const onChange = useCallback((value: string, entry: OptionItem) => {\n        if (value !== null) {\n            setSearch(\"\");\n\n            setValueEntry(() => {\n                return entry;\n            });\n            bind.onChange({\n                modelId: entry.modelId,\n                id: entry.id\n            });\n            return;\n        }\n\n        setValueEntry(() => null);\n        bind.onChange(null);\n    }, []);\n\n    /**\n     * Format options for the Autocomplete component.\n     */\n    const options = useMemo(() => Object.values(entries), [valueHash, entries]);\n\n    /**\n     * Format default options for the Autocomplete component.\n     */\n    const defaultOptions = useMemo(() => {\n        return Object.values(latestEntries);\n    }, [valueHash, latestEntries]);\n\n    const outputOptions: OptionItem[] = (search && options ? options : defaultOptions) || [];\n\n    if (valueEntry && outputOptions.some(opt => opt.entryId === valueEntry.entryId) === false) {\n        outputOptions.push(valueEntry);\n    }\n\n    return {\n        onChange,\n        setSearch,\n        value: valueEntry,\n        loading,\n        options: outputOptions\n    };\n};\n"],"mappings":"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"}

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

@@ -1,113 +1,87 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useReferences = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _hooks = require("../../../../hooks");
-
 var _graphql = require("./graphql");
-
 var _helpers = require("./helpers");
-
 var useReferences = function useReferences(_ref) {
   var bind = _ref.bind,
-      field = _ref.field;
+    field = _ref.field;
   var isMounted = (0, _react.useRef)(true);
   var allEntries = (0, _react.useRef)({});
   var client = (0, _hooks.useApolloClient)();
-
   var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      search = _useState2[0],
-      setSearch = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   var _useState5 = (0, _react.useState)({}),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      entries = _useState6[0],
-      setEntries = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    entries = _useState6[0],
+    setEntries = _useState6[1];
   var _useState7 = (0, _react.useState)([]),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      latestEntries = _useState8[0],
-      setLatestEntries = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    latestEntries = _useState8[0],
+    setLatestEntries = _useState8[1];
   var _useState9 = (0, _react.useState)([]),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      valueEntries = _useState10[0],
-      setValueEntries = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    valueEntries = _useState10[0],
+    setValueEntries = _useState10[1];
   var models = field.settings ? field.settings.models || [] : [];
   var modelsHash = models.join(",");
   var values = bind.value ? bind.value : [];
-
   var searchEntries = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var _yield$client$query, data, collection;
-
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (search) {
-                _context.next = 2;
-                break;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (search) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            setLoading(true);
+            _context.next = 5;
+            return client.query({
+              query: _graphql.SEARCH_CONTENT_ENTRIES,
+              variables: {
+                modelIds: models.map(function (m) {
+                  return m.modelId;
+                }),
+                query: search
               }
-
-              return _context.abrupt("return");
-
-            case 2:
-              setLoading(true);
-              _context.next = 5;
-              return client.query({
-                query: _graphql.SEARCH_CONTENT_ENTRIES,
-                variables: {
-                  modelIds: models.map(function (m) {
-                    return m.modelId;
-                  }),
-                  query: search
-                }
-              });
-
-            case 5:
-              _yield$client$query = _context.sent;
-              data = _yield$client$query.data;
-              setLoading(false);
-              collection = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
-              allEntries.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, allEntries.current), collection);
-              setEntries(collection);
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
+            });
+          case 5:
+            _yield$client$query = _context.sent;
+            data = _yield$client$query.data;
+            setLoading(false);
+            collection = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
+            allEntries.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, allEntries.current), collection);
+            setEntries(collection);
+          case 11:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function searchEntries() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   (0, _react.useEffect)(function () {
     return function () {
       isMounted.current = false;
@@ -125,7 +99,6 @@ var useReferences = function useReferences(_ref) {
         }),
         limit: 10
       },
-
       /**
        * We cannot update this query response in cache after a reference entry being created/deleted,
        * which result in cached response being stale, therefore, we're setting the fetchPolicy to "network-only" to by passing cache.
@@ -133,11 +106,9 @@ var useReferences = function useReferences(_ref) {
       fetchPolicy: "network-only"
     }).then(function (_ref3) {
       var data = _ref3.data;
-
       if (!isMounted.current) {
         return;
       }
-
       var collection = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
       setLatestEntries(Object.values(collection));
       allEntries.current = (0, _objectSpread2.default)({}, collection);
@@ -147,7 +118,6 @@ var useReferences = function useReferences(_ref) {
     if (!values || values.length == 0) {
       return;
     }
-
     setLoading(true);
     client.query({
       query: _graphql.GET_CONTENT_ENTRIES,
@@ -166,7 +136,6 @@ var useReferences = function useReferences(_ref) {
       if (!isMounted.current) {
         return;
       }
-
       setLoading(false);
       var latest = (res.data.latest.data || []).reduce(function (collection, item) {
         collection[item.entryId] = item;
@@ -175,7 +144,6 @@ var useReferences = function useReferences(_ref) {
       var entries = (res.data.published.data || []).reduce(function (collection, item) {
         var entryId = item.entryId;
         var existingItem = latest[entryId];
-
         if (existingItem) {
           collection[entryId] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, existingItem), {}, {
             published: {
@@ -186,35 +154,38 @@ var useReferences = function useReferences(_ref) {
           });
           return collection;
         }
-
         collection[entryId] = item;
         return collection;
-      }, latest); // Calculate a couple of props for the Autocomplete component.
+      }, latest);
 
+      // Calculate a couple of props for the Autocomplete component.
       setValueEntries(Object.values(entries).map(_helpers.convertReferenceEntryToOption));
     });
   }, []);
+
   /**
    * onChange callback will update internal component state using the previously loaded entries by IDs.
    * It will also format the value to store to the DB.
    */
-
   var onChange = (0, _react.useCallback)(function (values) {
     setSearch("");
-    setValueEntries(values); // Update parent form
+    setValueEntries(values);
 
+    // Update parent form
     bind.onChange(values.map(function (item) {
       return {
         modelId: item.modelId,
         id: item.id
       };
     }));
-  }, []); // Format options for the Autocomplete component.
+  }, []);
 
+  // Format options for the Autocomplete component.
   var options = (0, _react.useMemo)(function () {
     return Object.values(entries);
-  }, [entries]); // Format default options for the Autocomplete component.
+  }, [entries]);
 
+  // Format default options for the Autocomplete component.
   var defaultOptions = (0, _react.useMemo)(function () {
     return Object.values(latestEntries);
   }, [latestEntries]);
@@ -228,5 +199,4 @@ var useReferences = function useReferences(_ref) {
     options: search ? options : defaultOptions || []
   };
 };
-
 exports.useReferences = useReferences;

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

@@ -1 +1 @@
-{"version":3,"names":["useReferences","bind","field","isMounted","useRef","allEntries","client","useApolloClient","useState","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntries","setValueEntries","models","settings","modelsHash","join","values","value","searchEntries","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","m","modelId","data","collection","convertReferenceEntriesToOptionCollection","content","current","useEffect","limit","fetchPolicy","then","Object","length","GET_CONTENT_ENTRIES","id","res","latest","reduce","item","entryId","published","existingItem","title","convertReferenceEntryToOption","onChange","useCallback","options","useMemo","defaultOptions"],"sources":["useReferences.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport {\n    SEARCH_CONTENT_ENTRIES,\n    GET_CONTENT_ENTRIES,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    CmsEntryGetListResponse,\n    CmsEntryGetListVariables,\n    CmsEntryGetEntryVariable\n} from \"./graphql\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\n\ninterface UseReferencesParams {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nexport const useReferences = ({ bind, field }: UseReferencesParams) => {\n    const isMounted = useRef(true);\n    const allEntries = useRef<OptionItemCollection>({});\n    const client = useApolloClient();\n    const [search, setSearch] = useState<string>(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [entries, setEntries] = useState<OptionItemCollection>({});\n    const [latestEntries, setLatestEntries] = useState<OptionItem[]>([]);\n    const [valueEntries, setValueEntries] = useState<OptionItem[]>([]);\n\n    const models = (field.settings ? field.settings.models || [] : []) as Pick<\n        CmsModel,\n        \"modelId\"\n    >[];\n    const modelsHash = models.join(\",\");\n    const values: CmsEntryGetEntryVariable[] = bind.value ? bind.value : [];\n\n    const searchEntries = async (): Promise<void> => {\n        if (!search) {\n            return;\n        }\n\n        setLoading(true);\n        const { data } = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(m => m.modelId),\n                query: search\n            }\n        });\n        setLoading(false);\n\n        const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n\n        allEntries.current = {\n            ...allEntries.current,\n            ...collection\n        };\n\n        setEntries(collection);\n    };\n\n    useEffect(() => {\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    useEffect(() => {\n        searchEntries();\n    }, [search]);\n\n    useEffect(() => {\n        client\n            .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n                query: SEARCH_CONTENT_ENTRIES,\n                variables: {\n                    modelIds: models.map(m => m.modelId),\n                    limit: 10\n                },\n                /**\n                 * We cannot update this query response in cache after a reference entry being created/deleted,\n                 * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n                 */\n                fetchPolicy: \"network-only\"\n            })\n            .then(({ data }) => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n                setLatestEntries(Object.values(collection));\n                allEntries.current = {\n                    ...collection\n                };\n            });\n    }, [modelsHash]);\n\n    useEffect(() => {\n        if (!values || values.length == 0) {\n            return;\n        }\n\n        setLoading(true);\n\n        client\n            .query<CmsEntryGetListResponse, CmsEntryGetListVariables>({\n                query: GET_CONTENT_ENTRIES,\n                variables: {\n                    /**\n                     * We need make sure nothing else other than modelId and id is passed to entries variable.\n                     */\n                    entries: values.map(value => {\n                        return {\n                            modelId: value.modelId,\n                            id: value.id\n                        };\n                    })\n                }\n            })\n            .then(res => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                setLoading(false);\n\n                const latest = (res.data.latest.data || []).reduce((collection, item) => {\n                    collection[item.entryId] = item;\n                    return collection;\n                }, {} as Record<string, CmsReferenceContentEntry>);\n\n                const entries = (res.data.published.data || []).reduce((collection, item) => {\n                    const entryId = item.entryId;\n                    const existingItem = latest[entryId];\n                    if (existingItem) {\n                        collection[entryId] = {\n                            ...existingItem,\n                            published: {\n                                id: item.id,\n                                entryId: item.entryId,\n                                title: item.title\n                            }\n                        };\n                        return collection;\n                    }\n                    collection[entryId] = item;\n                    return collection;\n                }, latest);\n\n                // Calculate a couple of props for the Autocomplete component.\n                setValueEntries(Object.values(entries).map(convertReferenceEntryToOption));\n            });\n    }, []);\n\n    /**\n     * onChange callback will update internal component state using the previously loaded entries by IDs.\n     * It will also format the value to store to the DB.\n     */\n    const onChange = useCallback((values: OptionItem[]): void => {\n        setSearch(\"\");\n        setValueEntries(values);\n\n        // Update parent form\n        bind.onChange(\n            values.map(item => ({\n                modelId: item.modelId,\n                id: item.id\n            }))\n        );\n    }, []);\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => Object.values(entries), [entries]);\n\n    // Format default options for the Autocomplete component.\n    const defaultOptions = useMemo(() => Object.values(latestEntries), [latestEntries]);\n\n    return {\n        onChange,\n        loading,\n        setSearch,\n        // Selected entries\n        entries: valueEntries,\n        // Options to show when the autocomplete dropdown is visible\n        options: search ? options : defaultOptions || []\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["useReferences","bind","field","isMounted","useRef","allEntries","client","useApolloClient","useState","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntries","setValueEntries","models","settings","modelsHash","join","values","value","searchEntries","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","m","modelId","data","collection","convertReferenceEntriesToOptionCollection","content","current","useEffect","limit","fetchPolicy","then","Object","length","GET_CONTENT_ENTRIES","id","res","latest","reduce","item","entryId","published","existingItem","title","convertReferenceEntryToOption","onChange","useCallback","options","useMemo","defaultOptions"],"sources":["useReferences.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport {\n    SEARCH_CONTENT_ENTRIES,\n    GET_CONTENT_ENTRIES,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    CmsEntryGetListResponse,\n    CmsEntryGetListVariables,\n    CmsEntryGetEntryVariable\n} from \"./graphql\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\n\ninterface UseReferencesParams {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nexport const useReferences = ({ bind, field }: UseReferencesParams) => {\n    const isMounted = useRef(true);\n    const allEntries = useRef<OptionItemCollection>({});\n    const client = useApolloClient();\n    const [search, setSearch] = useState<string>(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [entries, setEntries] = useState<OptionItemCollection>({});\n    const [latestEntries, setLatestEntries] = useState<OptionItem[]>([]);\n    const [valueEntries, setValueEntries] = useState<OptionItem[]>([]);\n\n    const models = (field.settings ? field.settings.models || [] : []) as Pick<\n        CmsModel,\n        \"modelId\"\n    >[];\n    const modelsHash = models.join(\",\");\n    const values: CmsEntryGetEntryVariable[] = bind.value ? bind.value : [];\n\n    const searchEntries = async (): Promise<void> => {\n        if (!search) {\n            return;\n        }\n\n        setLoading(true);\n        const { data } = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(m => m.modelId),\n                query: search\n            }\n        });\n        setLoading(false);\n\n        const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n\n        allEntries.current = {\n            ...allEntries.current,\n            ...collection\n        };\n\n        setEntries(collection);\n    };\n\n    useEffect(() => {\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    useEffect(() => {\n        searchEntries();\n    }, [search]);\n\n    useEffect(() => {\n        client\n            .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n                query: SEARCH_CONTENT_ENTRIES,\n                variables: {\n                    modelIds: models.map(m => m.modelId),\n                    limit: 10\n                },\n                /**\n                 * We cannot update this query response in cache after a reference entry being created/deleted,\n                 * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n                 */\n                fetchPolicy: \"network-only\"\n            })\n            .then(({ data }) => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n                setLatestEntries(Object.values(collection));\n                allEntries.current = {\n                    ...collection\n                };\n            });\n    }, [modelsHash]);\n\n    useEffect(() => {\n        if (!values || values.length == 0) {\n            return;\n        }\n\n        setLoading(true);\n\n        client\n            .query<CmsEntryGetListResponse, CmsEntryGetListVariables>({\n                query: GET_CONTENT_ENTRIES,\n                variables: {\n                    /**\n                     * We need make sure nothing else other than modelId and id is passed to entries variable.\n                     */\n                    entries: values.map(value => {\n                        return {\n                            modelId: value.modelId,\n                            id: value.id\n                        };\n                    })\n                }\n            })\n            .then(res => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                setLoading(false);\n\n                const latest = (res.data.latest.data || []).reduce((collection, item) => {\n                    collection[item.entryId] = item;\n                    return collection;\n                }, {} as Record<string, CmsReferenceContentEntry>);\n\n                const entries = (res.data.published.data || []).reduce((collection, item) => {\n                    const entryId = item.entryId;\n                    const existingItem = latest[entryId];\n                    if (existingItem) {\n                        collection[entryId] = {\n                            ...existingItem,\n                            published: {\n                                id: item.id,\n                                entryId: item.entryId,\n                                title: item.title\n                            }\n                        };\n                        return collection;\n                    }\n                    collection[entryId] = item;\n                    return collection;\n                }, latest);\n\n                // Calculate a couple of props for the Autocomplete component.\n                setValueEntries(Object.values(entries).map(convertReferenceEntryToOption));\n            });\n    }, []);\n\n    /**\n     * onChange callback will update internal component state using the previously loaded entries by IDs.\n     * It will also format the value to store to the DB.\n     */\n    const onChange = useCallback((values: OptionItem[]): void => {\n        setSearch(\"\");\n        setValueEntries(values);\n\n        // Update parent form\n        bind.onChange(\n            values.map(item => ({\n                modelId: item.modelId,\n                id: item.id\n            }))\n        );\n    }, []);\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => Object.values(entries), [entries]);\n\n    // Format default options for the Autocomplete component.\n    const defaultOptions = useMemo(() => Object.values(latestEntries), [latestEntries]);\n\n    return {\n        onChange,\n        loading,\n        setSearch,\n        // Selected entries\n        entries: valueEntries,\n        // Options to show when the autocomplete dropdown is visible\n        options: search ? options : defaultOptions || []\n    };\n};\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.js

@@ -1,36 +1,28 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useNewRefEntry = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _MissingEntryHelpText = _interopRequireWildcard(require("../components/MissingEntryHelpText"));
-
 var _useContentEntries = require("../../../../views/contentEntries/hooks/useContentEntries");
-
 var useNewRefEntry = function useNewRefEntry(_ref) {
   var field = _ref.field;
   var models = (field.settings && field.settings.models ? field.settings.models : null) || [];
-
   var _models = (0, _slicedToArray2.default)(models, 1),
-      refModelId = _models[0].modelId;
-
+    refModelId = _models[0].modelId;
   var referenceMultipleModels = models.length > 1;
   var contentEntriesContext = null;
-
   try {
     contentEntriesContext = (0, _useContentEntries.useContentEntries)();
-  } catch (_unused) {// Means there's no `ContentEntriesContextProvider`, so we must be in model editor "preview".
+  } catch (_unused) {
+    // Means there's no `ContentEntriesContextProvider`, so we must be in model editor "preview".
   }
+
   /**
    * We don't wrap the "ContentEntryForm" with "ContentEntriesContextProvider"
    * when rendering it inside content model editor's preview tab.
@@ -38,11 +30,8 @@ var useNewRefEntry = function useNewRefEntry(_ref) {
    * And we also don't want to have new ref field Dialog in the preview tab.
    * Therefore, we check for "contentEntriesContext" to know that we're inside preview tab.
    */
-
-
   var renderedInPreviewTab = contentEntriesContext === null;
   var renderNewEntryModal = false;
-
   if (renderedInPreviewTab) {
     renderNewEntryModal = false;
   } else if (referenceMultipleModels) {
@@ -53,10 +42,7 @@ var useNewRefEntry = function useNewRefEntry(_ref) {
   /**
    * Set "helpText" value.
    */
-
-
   var helpText;
-
   if (referenceMultipleModels) {
     helpText = /*#__PURE__*/_react.default.createElement(_MissingEntryHelpText.ReferenceMultipleModelsHelpText, null);
   } else {
@@ -64,12 +50,10 @@ var useNewRefEntry = function useNewRefEntry(_ref) {
       refModelId: refModelId
     });
   }
-
   return {
     renderNewEntryModal: renderNewEntryModal,
     refModelId: refModelId,
     helpText: helpText
   };
 };
-
 exports.useNewRefEntry = useNewRefEntry;

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNewRefEntry","field","models","settings","refModelId","modelId","referenceMultipleModels","length","contentEntriesContext","useContentEntries","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    helpText: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"helpText\" value.\n     */\n    let helpText;\n    if (referenceMultipleModels) {\n        helpText = <ReferenceMultipleModelsHelpText />;\n    } else {\n        helpText = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        helpText\n    };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AAGA;;AAYO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAAqD;EAAA,IAAlDC,KAAkD,QAAlDA,KAAkD;EAC/E,IAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACE,QAAN,CAAeD,MAAjC,GAA0CD,KAAK,CAACE,QAAN,CAAeD,MAAzD,GAAkE,IAAnE,KAA4E,EAA3F;;EACA,2CAAkCA,MAAlC;EAAA,IAAkBE,UAAlB,cAASC,OAAT;;EACA,IAAMC,uBAAuB,GAAGJ,MAAM,CAACK,MAAP,GAAgB,CAAhD;EAEA,IAAIC,qBAAqB,GAAG,IAA5B;;EACA,IAAI;IACAA,qBAAqB,GAAG,IAAAC,oCAAA,GAAxB;EACH,CAFD,CAEE,gBAAM,CACJ;EACH;EAED;AACJ;AACA;AACA;AACA;AACA;AACA;;;EACI,IAAMC,oBAAoB,GAAGF,qBAAqB,KAAK,IAAvD;EAEA,IAAIG,mBAAmB,GAAG,KAA1B;;EAEA,IAAID,oBAAJ,EAA0B;IACtBC,mBAAmB,GAAG,KAAtB;EACH,CAFD,MAEO,IAAIL,uBAAJ,EAA6B;IAChCK,mBAAmB,GAAG,KAAtB;EACH,CAFM,MAEA,IAAIH,qBAAJ,EAA2B;IAC9BG,mBAAmB,GAAG,CAACH,qBAAqB,CAACI,YAA7C;EACH;EACD;AACJ;AACA;;;EACI,IAAIC,QAAJ;;EACA,IAAIP,uBAAJ,EAA6B;IACzBO,QAAQ,gBAAG,6BAAC,qDAAD,OAAX;EACH,CAFD,MAEO;IACHA,QAAQ,gBAAG,6BAAC,6BAAD;MAAsB,UAAU,EAAET;IAAlC,EAAX;EACH;;EAED,OAAO;IACHO,mBAAmB,EAAnBA,mBADG;IAEHP,UAAU,EAAVA,UAFG;IAGHS,QAAQ,EAARA;EAHG,CAAP;AAKH,CA7CM"}
+{"version":3,"names":["useNewRefEntry","field","models","settings","refModelId","modelId","referenceMultipleModels","length","contentEntriesContext","useContentEntries","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    helpText: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"helpText\" value.\n     */\n    let helpText;\n    if (referenceMultipleModels) {\n        helpText = <ReferenceMultipleModelsHelpText />;\n    } else {\n        helpText = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        helpText\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;AAEA;AAGA;AAYO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAAwD;EAAA,IAAlDC,KAAK,QAALA,KAAK;EAClC,IAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAG,IAAI,KAAK,EAAE;EAC7F,2CAAkCA,MAAM;IAAtBE,UAAU,cAAnBC,OAAO;EAChB,IAAMC,uBAAuB,GAAGJ,MAAM,CAACK,MAAM,GAAG,CAAC;EAEjD,IAAIC,qBAAqB,GAAG,IAAI;EAChC,IAAI;IACAA,qBAAqB,GAAG,IAAAC,oCAAiB,GAAE;EAC/C,CAAC,CAAC,gBAAM;IACJ;EAAA;;EAGJ;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,IAAMC,oBAAoB,GAAGF,qBAAqB,KAAK,IAAI;EAE3D,IAAIG,mBAAmB,GAAG,KAAK;EAE/B,IAAID,oBAAoB,EAAE;IACtBC,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIL,uBAAuB,EAAE;IAChCK,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIH,qBAAqB,EAAE;IAC9BG,mBAAmB,GAAG,CAACH,qBAAqB,CAACI,YAAY;EAC7D;EACA;AACJ;AACA;EACI,IAAIC,QAAQ;EACZ,IAAIP,uBAAuB,EAAE;IACzBO,QAAQ,gBAAG,6BAAC,qDAA+B,OAAG;EAClD,CAAC,MAAM;IACHA,QAAQ,gBAAG,6BAAC,6BAAoB;MAAC,UAAU,EAAET;IAAW,EAAG;EAC/D;EAEA,OAAO;IACHO,mBAAmB,EAAnBA,mBAAmB;IACnBP,UAAU,EAAVA,UAAU;IACVS,QAAQ,EAARA;EACJ,CAAC;AACL,CAAC;AAAC"}

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntryDialog.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useNewRefEntryDialog = exports.NewRefEntryDialogContextProvider = exports.NewRefEntryDialogContext = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var NewRefEntryDialogContext = /*#__PURE__*/(0, _react.createContext)({
   open: false,
   setOpen: function setOpen() {
@@ -20,15 +15,12 @@ var NewRefEntryDialogContext = /*#__PURE__*/(0, _react.createContext)({
   }
 });
 exports.NewRefEntryDialogContext = NewRefEntryDialogContext;
-
 var NewRefEntryDialogContextProvider = function NewRefEntryDialogContextProvider(_ref) {
   var children = _ref.children;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(NewRefEntryDialogContext.Provider, {
     value: {
       open: open,
@@ -36,18 +28,14 @@ var NewRefEntryDialogContextProvider = function NewRefEntryDialogContextProvider
     }
   }, children);
 };
-
 exports.NewRefEntryDialogContextProvider = NewRefEntryDialogContextProvider;
-
 var useNewRefEntryDialog = function useNewRefEntryDialog() {
   var _useContext = (0, _react.useContext)(NewRefEntryDialogContext),
-      open = _useContext.open,
-      setOpen = _useContext.setOpen;
-
+    open = _useContext.open,
+    setOpen = _useContext.setOpen;
   return {
     open: open,
     setOpen: setOpen
   };
 };
-
 exports.useNewRefEntryDialog = useNewRefEntryDialog;

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntryDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["NewRefEntryDialogContext","createContext","open","setOpen","NewRefEntryDialogContextProvider","children","useState","useNewRefEntryDialog","useContext"],"sources":["useNewRefEntryDialog.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\n\nexport interface NewRefEntryDialogContextValue {\n    open: boolean;\n    setOpen: (value: boolean) => void;\n}\n\nexport const NewRefEntryDialogContext = createContext<NewRefEntryDialogContextValue>({\n    open: false,\n    setOpen: () => {\n        return void 0;\n    }\n});\n\nexport const NewRefEntryDialogContextProvider: React.FC = ({ children }) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    return (\n        <NewRefEntryDialogContext.Provider\n            value={{\n                open,\n                setOpen\n            }}\n        >\n            {children}\n        </NewRefEntryDialogContext.Provider>\n    );\n};\n\nexport const useNewRefEntryDialog = (): NewRefEntryDialogContextValue => {\n    const { open, setOpen } = useContext(NewRefEntryDialogContext);\n    return {\n        open,\n        setOpen\n    };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAOO,IAAMA,wBAAwB,gBAAG,IAAAC,oBAAA,EAA6C;EACjFC,IAAI,EAAE,KAD2E;EAEjFC,OAAO,EAAE,mBAAM;IACX,OAAO,KAAK,CAAZ;EACH;AAJgF,CAA7C,CAAjC;;;AAOA,IAAMC,gCAA0C,GAAG,SAA7CA,gCAA6C,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxE,gBAAwB,IAAAC,eAAA,EAAkB,KAAlB,CAAxB;EAAA;EAAA,IAAOJ,IAAP;EAAA,IAAaC,OAAb;;EAEA,oBACI,6BAAC,wBAAD,CAA0B,QAA1B;IACI,KAAK,EAAE;MACHD,IAAI,EAAJA,IADG;MAEHC,OAAO,EAAPA;IAFG;EADX,GAMKE,QANL,CADJ;AAUH,CAbM;;;;AAeA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAqC;EACrE,kBAA0B,IAAAC,iBAAA,EAAWR,wBAAX,CAA1B;EAAA,IAAQE,IAAR,eAAQA,IAAR;EAAA,IAAcC,OAAd,eAAcA,OAAd;;EACA,OAAO;IACHD,IAAI,EAAJA,IADG;IAEHC,OAAO,EAAPA;EAFG,CAAP;AAIH,CANM"}
+{"version":3,"names":["NewRefEntryDialogContext","createContext","open","setOpen","NewRefEntryDialogContextProvider","children","useState","useNewRefEntryDialog","useContext"],"sources":["useNewRefEntryDialog.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\n\nexport interface NewRefEntryDialogContextValue {\n    open: boolean;\n    setOpen: (value: boolean) => void;\n}\n\nexport const NewRefEntryDialogContext = createContext<NewRefEntryDialogContextValue>({\n    open: false,\n    setOpen: () => {\n        return void 0;\n    }\n});\n\nexport const NewRefEntryDialogContextProvider: React.FC = ({ children }) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    return (\n        <NewRefEntryDialogContext.Provider\n            value={{\n                open,\n                setOpen\n            }}\n        >\n            {children}\n        </NewRefEntryDialogContext.Provider>\n    );\n};\n\nexport const useNewRefEntryDialog = (): NewRefEntryDialogContextValue => {\n    const { open, setOpen } = useContext(NewRefEntryDialogContext);\n    return {\n        open,\n        setOpen\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;AAOO,IAAMA,wBAAwB,gBAAG,IAAAC,oBAAa,EAAgC;EACjFC,IAAI,EAAE,KAAK;EACXC,OAAO,EAAE,mBAAM;IACX,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,gCAA0C,GAAG,SAA7CA,gCAA0C,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACjE,gBAAwB,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAzCJ,IAAI;IAAEC,OAAO;EAEpB,oBACI,6BAAC,wBAAwB,CAAC,QAAQ;IAC9B,KAAK,EAAE;MACHD,IAAI,EAAJA,IAAI;MACJC,OAAO,EAAPA;IACJ;EAAE,GAEDE,QAAQ,CACuB;AAE5C,CAAC;AAAC;AAEK,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoB,GAAwC;EACrE,kBAA0B,IAAAC,iBAAU,EAACR,wBAAwB,CAAC;IAAtDE,IAAI,eAAJA,IAAI;IAAEC,OAAO,eAAPA,OAAO;EACrB,OAAO;IACHD,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA;EACJ,CAAC;AACL,CAAC;AAAC"}

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

@@ -1,2 +1,2 @@
-declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+declare const _default: import("../../../../types").CmsModelFieldRendererPlugin[];
 export default _default;

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

@@ -1,15 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _refInput = _interopRequireDefault(require("./refInput"));
-
 var _refInputs = _interopRequireDefault(require("./refInputs"));
-
-var _default = [_refInput.default, _refInputs.default];
+var _advanced = require("./advanced");
+var _default = [].concat((0, _toConsumableArray2.default)((0, _advanced.createAdvancedRefRender)()), [_refInput.default, _refInputs.default]);
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["refInput","refInputs"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput\";\nimport refInputs from \"./refInputs\";\n\nexport default [refInput, refInputs];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;eAEe,CAACA,iBAAD,EAAWC,kBAAX,C"}
+{"version":3,"names":["createAdvancedRefRender","refInput","refInputs"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput\";\nimport refInputs from \"./refInputs\";\nimport { createAdvancedRefRender } from \"~/admin/plugins/fieldRenderers/ref/advanced\";\n\nexport default [...createAdvancedRefRender(), refInput, refInputs];\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAAsF,0DAEnE,IAAAA,iCAAuB,GAAE,IAAEC,iBAAQ,EAAEC,kBAAS;AAAA"}

package/admin/plugins/fieldRenderers/ref/refInput.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _i18n = require("@webiny/app/i18n");
-
 var _ContentEntriesAutocomplete = _interopRequireDefault(require("./components/ContentEntriesAutocomplete"));
-
 var _useNewRefEntryDialog = require("./hooks/useNewRefEntryDialog");
-
 var _templateObject, _templateObject2;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-ref",

package/admin/plugins/fieldRenderers/ref/refInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","Bind","getBind","bind"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,+BAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WADR;IAENF,IAAI,EAAEL,CAAF,kGAFE;IAGNQ,WAAW,EAAER,CAAF,0JAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACN,IAAN,KAAe,KAAf,IAAwB,CAACM,KAAK,CAACC,cAAtC;IACH,CANK;IAONC,MAPM,kBAOCC,KAPD,EAOQ;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;MACA,oBACI,6BAAC,IAAD,QACK,UAAAC,IAAI;QAAA,oBACD,6BAAC,sDAAD,qBACI,6BAAC,mCAAD,oBAAgCH,KAAhC;UAAuC,IAAI,EAAEG;QAA7C,GADJ,CADC;MAAA,CADT,CADJ;IASH;EAlBK;AAH+B,CAA7C;eAyBeb,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","Bind","getBind","bind"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AAAgF;AAEhF,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEL,CAAC,kGAAiB;IACxBQ,WAAW,EAAER,CAAC,0JAAuE;IACrFS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,cAAc;IACxD,CAAC;IACDC,MAAM,kBAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,EAAE;MAC5B,oBACI,6BAAC,IAAI,QACA,UAAAC,IAAI;QAAA,oBACD,6BAAC,sDAAgC,qBAC7B,6BAAC,mCAA0B,oBAAKH,KAAK;UAAE,IAAI,EAAEG;QAAK,GAAG,CACtB;MAAA,CACtC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}