@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -1,232 +1,128 @@
-"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;
-  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];
-
-  var _useState3 = (0, _react.useState)(false),
-      _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];
-
-  var _useState7 = (0, _react.useState)([]),
-      _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];
-
-  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;
-              }
-
-              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();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function searchEntries() {
-      return _ref2.apply(this, arguments);
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks/index.js";
+import { GET_CONTENT_ENTRIES, SEARCH_CONTENT_ENTRIES } from "./graphql.js";
+import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers.js";
+const useReferences = ({ bind, field })=>{
+    const isMounted = useRef(true);
+    const allEntries = useRef({});
+    const client = useApolloClient();
+    const [search, setSearch] = useState("");
+    const [loading, setLoading] = useState(false);
+    const [entries, setEntries] = useState({});
+    const [latestEntries, setLatestEntries] = useState([]);
+    const [valueEntries, setValueEntries] = useState([]);
+    const requestContext = useModelFieldGraphqlContext();
+    const models = field.settings ? field.settings.models || [] : [];
+    const modelsHash = models.join(",");
+    const values = bind.value ? bind.value : [];
+    const searchEntries = async ()=>{
+        if (!search) return;
+        setLoading(true);
+        const { data } = await client.query({
+            query: SEARCH_CONTENT_ENTRIES,
+            variables: {
+                modelIds: models.map((m)=>m.modelId),
+                query: search
+            },
+            context: requestContext
+        });
+        setLoading(false);
+        const collection = convertReferenceEntriesToOptionCollection(data.content.data);
+        allEntries.current = {
+            ...allEntries.current,
+            ...collection
+        };
+        setEntries(collection);
     };
-  }();
-
-  (0, _react.useEffect)(function () {
-    return function () {
-      isMounted.current = false;
+    useEffect(()=>()=>{
+            isMounted.current = false;
+        }, []);
+    useEffect(()=>{
+        searchEntries();
+    }, [
+        search
+    ]);
+    useEffect(()=>{
+        client.query({
+            query: SEARCH_CONTENT_ENTRIES,
+            variables: {
+                modelIds: models.map((m)=>m.modelId),
+                limit: 10
+            },
+            fetchPolicy: "network-only",
+            context: requestContext
+        }).then(({ data })=>{
+            if (!isMounted.current) return;
+            const collection = convertReferenceEntriesToOptionCollection(data.content.data);
+            setLatestEntries(Object.values(collection));
+            allEntries.current = {
+                ...collection
+            };
+        });
+    }, [
+        modelsHash
+    ]);
+    useEffect(()=>{
+        if (!values || 0 == values.length) return;
+        setLoading(true);
+        client.query({
+            query: GET_CONTENT_ENTRIES,
+            variables: {
+                entries: values.map((value)=>({
+                        modelId: value.modelId,
+                        id: value.id
+                    }))
+            },
+            context: requestContext
+        }).then((res)=>{
+            if (!isMounted.current) return;
+            setLoading(false);
+            const latest = (res.data.latest.data || []).reduce((collection, item)=>{
+                collection[item.entryId] = item;
+                return collection;
+            }, {});
+            const entries = (res.data.published.data || []).reduce((collection, item)=>{
+                const entryId = item.entryId;
+                const existingItem = latest[entryId];
+                if (existingItem) {
+                    collection[entryId] = {
+                        ...existingItem,
+                        published: {
+                            id: item.id,
+                            entryId: item.entryId,
+                            title: item.title
+                        }
+                    };
+                    return collection;
+                }
+                collection[entryId] = item;
+                return collection;
+            }, latest);
+            setValueEntries(Object.values(entries).map(convertReferenceEntryToOption));
+        });
+    }, []);
+    const onChange = useCallback((values)=>{
+        setSearch("");
+        setValueEntries(values);
+        bind.onChange(values.map((item)=>({
+                modelId: item.modelId,
+                id: item.id
+            })));
+    }, []);
+    const options = useMemo(()=>Object.values(entries), [
+        entries
+    ]);
+    const defaultOptions = useMemo(()=>Object.values(latestEntries), [
+        latestEntries
+    ]);
+    return {
+        onChange,
+        loading,
+        setSearch,
+        entries: valueEntries,
+        options: search ? options : defaultOptions || []
     };
-  }, []);
-  (0, _react.useEffect)(function () {
-    searchEntries();
-  }, [search]);
-  (0, _react.useEffect)(function () {
-    client.query({
-      query: _graphql.SEARCH_CONTENT_ENTRIES,
-      variables: {
-        modelIds: models.map(function (m) {
-          return m.modelId;
-        }),
-        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.
-       */
-      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);
-    });
-  }, [modelsHash]);
-  (0, _react.useEffect)(function () {
-    if (!values || values.length == 0) {
-      return;
-    }
-
-    setLoading(true);
-    client.query({
-      query: _graphql.GET_CONTENT_ENTRIES,
-      variables: {
-        /**
-         * We need make sure nothing else other than modelId and id is passed to entries variable.
-         */
-        entries: values.map(function (value) {
-          return {
-            modelId: value.modelId,
-            id: value.id
-          };
-        })
-      }
-    }).then(function (res) {
-      if (!isMounted.current) {
-        return;
-      }
-
-      setLoading(false);
-      var latest = (res.data.latest.data || []).reduce(function (collection, item) {
-        collection[item.entryId] = item;
-        return collection;
-      }, {});
-      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: {
-              id: item.id,
-              entryId: item.entryId,
-              title: item.title
-            }
-          });
-          return collection;
-        }
-
-        collection[entryId] = item;
-        return collection;
-      }, 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
-
-    bind.onChange(values.map(function (item) {
-      return {
-        modelId: item.modelId,
-        id: item.id
-      };
-    }));
-  }, []); // Format options for the Autocomplete component.
-
-  var options = (0, _react.useMemo)(function () {
-    return Object.values(entries);
-  }, [entries]); // Format default options for the Autocomplete component.
-
-  var defaultOptions = (0, _react.useMemo)(function () {
-    return Object.values(latestEntries);
-  }, [latestEntries]);
-  return {
-    onChange: onChange,
-    loading: loading,
-    setSearch: setSearch,
-    // Selected entries
-    entries: valueEntries,
-    // Options to show when the autocomplete dropdown is visible
-    options: search ? options : defaultOptions || []
-  };
 };
+export { useReferences };
 
-exports.useReferences = useReferences;
+//# sourceMappingURL=useReferences.js.map

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 { CmsEditorField, 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: CmsEditorField;\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,"file":"admin/plugins/fieldRenderers/ref/components/useReferences.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/useReferences.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type { CmsModelField, CmsModel } from \"~/types.js\";\nimport type {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    CmsEntryGetListResponse,\n    CmsEntryGetListVariables,\n    CmsEntryGetEntryVariable\n} from \"./graphql.js\";\nimport { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRIES } from \"./graphql.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types.js\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers.js\";\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    const requestContext = useModelFieldGraphqlContext();\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            context: requestContext\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                context: requestContext\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                context: requestContext\n            })\n            .then(res => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                setLoading(false);\n\n                const latest = (res.data.latest.data || []).reduce(\n                    (collection, item) => {\n                        collection[item.entryId] = item;\n                        return collection;\n                    },\n                    {} as Record<string, CmsReferenceContentEntry>\n                );\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"],"names":["useReferences","bind","field","isMounted","useRef","allEntries","client","useApolloClient","search","setSearch","useState","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntries","setValueEntries","requestContext","useModelFieldGraphqlContext","models","modelsHash","values","searchEntries","data","SEARCH_CONTENT_ENTRIES","m","collection","convertReferenceEntriesToOptionCollection","useEffect","Object","GET_CONTENT_ENTRIES","value","res","latest","item","entryId","existingItem","convertReferenceEntryToOption","onChange","useCallback","options","useMemo","defaultOptions"],"mappings":"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"}

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
-import { CmsEditorField } from "../../../../../types";
+import type { CmsModelField } from "../../../../../types.js";
 interface UseNewRefEntryParams {
-    field: CmsEditorField;
+    field: CmsModelField;
 }
 interface UseNewRefEntry {
     renderNewEntryModal: boolean;
     refModelId: string;
-    helpText: React.ReactElement;
+    help: React.ReactElement;
 }
 export declare const useNewRefEntry: ({ field }: UseNewRefEntryParams) => UseNewRefEntry;
 export {};

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

@@ -1,74 +1,29 @@
-"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 = _interopRequireWildcard(require("react"));
-
-var _ContentEntriesContext = require("../../../../views/contentEntries/ContentEntriesContext");
-
-var _MissingEntryHelpText = _interopRequireWildcard(require("../components/MissingEntryHelpText"));
-
-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;
-
-  var referenceMultipleModels = models.length > 1;
-  var contentEntriesContextValue = (0, _react.useContext)(_ContentEntriesContext.Context);
-  /**
-   * We don't wrap the "ContentEntryForm" with "ContentEntriesContextProvider"
-   * when rendering it inside content model editor's preview tab.
-   *
-   * And we also don't want to have new ref field Dialog in the preview tab.
-   * Therefore, we check for "contentEntriesContextValue" to know that we're inside preview tab.
-   */
-
-  var renderedInPreviewTab = contentEntriesContextValue === null;
-  /**
-   * Set "renderNewEntryModal" value.
-   */
-
-  var renderNewEntryModal;
-
-  if (renderedInPreviewTab) {
-    renderNewEntryModal = false;
-  } else if (referenceMultipleModels) {
-    renderNewEntryModal = false;
-  } else {
-    var insideDialog = contentEntriesContextValue.insideDialog;
-    renderNewEntryModal = !insideDialog;
-  }
-  /**
-   * Set "helpText" value.
-   */
-
-
-  var helpText = null;
-
-  if (referenceMultipleModels) {
-    helpText = /*#__PURE__*/_react.default.createElement(_MissingEntryHelpText.ReferenceMultipleModelsHelpText, null);
-  } else {
-    helpText = /*#__PURE__*/_react.default.createElement(_MissingEntryHelpText.default, {
-      refModelId: refModelId
+import react from "react";
+import MissingEntryHelpText, { ReferenceMultipleModelsHelpText } from "../components/MissingEntryHelpText.js";
+import { useContentEntries } from "../../../../views/contentEntries/hooks/useContentEntries.js";
+const useNewRefEntry = ({ field })=>{
+    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];
+    const [{ modelId: refModelId }] = models;
+    const referenceMultipleModels = models.length > 1;
+    let contentEntriesContext = null;
+    try {
+        contentEntriesContext = useContentEntries();
+    } catch  {}
+    const renderedInPreviewTab = null === contentEntriesContext;
+    let renderNewEntryModal = false;
+    if (renderedInPreviewTab) renderNewEntryModal = false;
+    else if (referenceMultipleModels) renderNewEntryModal = false;
+    else if (contentEntriesContext) renderNewEntryModal = !contentEntriesContext.insideDialog;
+    let help;
+    help = referenceMultipleModels ? /*#__PURE__*/ react.createElement(ReferenceMultipleModelsHelpText, null) : /*#__PURE__*/ react.createElement(MissingEntryHelpText, {
+        refModelId: refModelId
     });
-  }
-
-  return {
-    renderNewEntryModal: renderNewEntryModal,
-    refModelId: refModelId,
-    helpText: helpText
-  };
+    return {
+        renderNewEntryModal,
+        refModelId,
+        help
+    };
 };
+export { useNewRefEntry };
 
-exports.useNewRefEntry = useNewRefEntry;
+//# sourceMappingURL=useNewRefEntry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useNewRefEntry","field","models","settings","refModelId","modelId","referenceMultipleModels","length","contentEntriesContextValue","useContext","ContentEntriesContext","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Context as ContentEntriesContext } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { CmsEditorField } from \"~/types\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\n\ninterface UseNewRefEntryParams {\n    field: CmsEditorField;\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    const contentEntriesContextValue = useContext(ContentEntriesContext);\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 \"contentEntriesContextValue\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContextValue === null;\n\n    /**\n     * Set \"renderNewEntryModal\" value.\n     */\n    let renderNewEntryModal;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else {\n        const { insideDialog } = contentEntriesContextValue;\n        renderNewEntryModal = !insideDialog;\n    }\n    /**\n     * Set \"helpText\" value.\n     */\n    let helpText = null;\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;;AACA;;AAEA;;AAcO,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,IAAMC,0BAA0B,GAAG,IAAAC,iBAAA,EAAWC,8BAAX,CAAnC;EAEA;AACJ;AACA;AACA;AACA;AACA;AACA;;EACI,IAAMC,oBAAoB,GAAGH,0BAA0B,KAAK,IAA5D;EAEA;AACJ;AACA;;EACI,IAAII,mBAAJ;;EAEA,IAAID,oBAAJ,EAA0B;IACtBC,mBAAmB,GAAG,KAAtB;EACH,CAFD,MAEO,IAAIN,uBAAJ,EAA6B;IAChCM,mBAAmB,GAAG,KAAtB;EACH,CAFM,MAEA;IACH,IAAQC,YAAR,GAAyBL,0BAAzB,CAAQK,YAAR;IACAD,mBAAmB,GAAG,CAACC,YAAvB;EACH;EACD;AACJ;AACA;;;EACI,IAAIC,QAAQ,GAAG,IAAf;;EACA,IAAIR,uBAAJ,EAA6B;IACzBQ,QAAQ,gBAAG,6BAAC,qDAAD,OAAX;EACH,CAFD,MAEO;IACHA,QAAQ,gBAAG,6BAAC,6BAAD;MAAsB,UAAU,EAAEV;IAAlC,EAAX;EACH;;EAED,OAAO;IACHQ,mBAAmB,EAAnBA,mBADG;IAEHR,UAAU,EAAVA,UAFG;IAGHU,QAAQ,EAARA;EAHG,CAAP;AAKH,CA5CM"}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types.js\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText.js\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries.js\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    help: 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 \"help\" value.\n     */\n    let help;\n    if (referenceMultipleModels) {\n        help = <ReferenceMultipleModelsHelpText />;\n    } else {\n        help = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        help\n    };\n};\n"],"names":["useNewRefEntry","field","models","refModelId","referenceMultipleModels","contentEntriesContext","useContentEntries","renderedInPreviewTab","renderNewEntryModal","help","ReferenceMultipleModelsHelpText","MissingEntryHelpText"],"mappings":";;;AAiBO,MAAMA,iBAAiB,CAAC,EAAEC,KAAK,EAAwB;IAC1D,MAAMC,SAAUD,AAAAA,CAAAA,MAAM,QAAQ,IAAIA,MAAM,QAAQ,CAAC,MAAM,GAAGA,MAAM,QAAQ,CAAC,MAAM,GAAG,IAAG,KAAM,EAAE;IAC7F,MAAM,CAAC,EAAE,SAASE,UAAU,EAAE,CAAC,GAAGD;IAClC,MAAME,0BAA0BF,OAAO,MAAM,GAAG;IAEhD,IAAIG,wBAAwB;IAC5B,IAAI;QACAA,wBAAwBC;IAC5B,EAAE,OAAM,CAER;IASA,MAAMC,uBAAuBF,AAA0B,SAA1BA;IAE7B,IAAIG,sBAAsB;IAE1B,IAAID,sBACAC,sBAAsB;SACnB,IAAIJ,yBACPI,sBAAsB;SACnB,IAAIH,uBACPG,sBAAsB,CAACH,sBAAsB,YAAY;IAK7D,IAAII;IAEAA,OADAL,0BACO,WAAPK,GAAO,oBAACC,iCAA+BA,QAEhC,WAAPD,GAAO,oBAACE,sBAAoBA;QAAC,YAAYR;;IAG7C,OAAO;QACHK;QACAL;QACAM;IACJ;AACJ"}

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

@@ -1,2 +1,2 @@
-declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+declare const _default: import("@webiny/app-headless-cms-common/types/index.js").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 _refInput = _interopRequireDefault(require("./refInput"));
-
-var _refInputs = _interopRequireDefault(require("./refInputs"));
-
-var _default = [_refInput.default, _refInputs.default];
-exports.default = _default;
+import refInput from "./refInput.js";
+import refInputs from "./refInputs.js";
+import { createAdvancedRefRenderer } from "./advanced/index.js";
+import { createSimpleRefRenderer } from "./simple/index.js";
+const ref = [
+    ...createAdvancedRefRenderer(),
+    refInput,
+    refInputs,
+    ...createSimpleRefRenderer()
+];
+export default ref;
+
+//# sourceMappingURL=index.js.map

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,"file":"admin/plugins/fieldRenderers/ref/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/ref/index.ts"],"sourcesContent":["import refInput from \"./refInput.js\";\nimport refInputs from \"./refInputs.js\";\nimport { createAdvancedRefRenderer } from \"./advanced/index.js\";\nimport { createSimpleRefRenderer } from \"./simple/index.js\";\n\nexport default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];\n"],"names":["createAdvancedRefRenderer","refInput","refInputs","createSimpleRefRenderer"],"mappings":";;;;AAKA,YAAe;OAAIA;IAA6BC;IAAUC;OAAcC;CAA0B"}

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

@@ -1,3 +1,3 @@
-import { CmsEditorFieldRendererPlugin } from "../../../../types";
-declare const plugin: CmsEditorFieldRendererPlugin;
+import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
+declare const plugin: CmsModelFieldRendererPlugin;
 export default plugin;