@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1,160 +1,128 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks/index.js";
-import { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRIES } from "./graphql.js";
+import { GET_CONTENT_ENTRIES, SEARCH_CONTENT_ENTRIES } from "./graphql.js";
 import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers.js";
-export 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
+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);
     };
-    setEntries(collection);
-  };
-  useEffect(() => {
-    return () => {
-      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 || []
     };
-  }, []);
-  useEffect(() => {
-    searchEntries();
-  }, [search]);
-  useEffect(() => {
-    client.query({
-      query: SEARCH_CONTENT_ENTRIES,
-      variables: {
-        modelIds: models.map(m => 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",
-      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 || values.length == 0) {
-      return;
-    }
-    setLoading(true);
-    client.query({
-      query: GET_CONTENT_ENTRIES,
-      variables: {
-        /**
-         * We need make sure nothing else other than modelId and id is passed to entries variable.
-         */
-        entries: values.map(value => {
-          return {
-            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);
-
-      // Calculate a couple of props for the Autocomplete component.
-      setValueEntries(Object.values(entries).map(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.
-   */
-  const onChange = useCallback(values => {
-    setSearch("");
-    setValueEntries(values);
-
-    // Update parent form
-    bind.onChange(values.map(item => ({
-      modelId: item.modelId,
-      id: item.id
-    })));
-  }, []);
-
-  // Format options for the Autocomplete component.
-  const options = useMemo(() => Object.values(entries), [entries]);
-
-  // Format default options for the Autocomplete component.
-  const defaultOptions = useMemo(() => Object.values(latestEntries), [latestEntries]);
-  return {
-    onChange,
-    loading,
-    setSearch,
-    // Selected entries
-    entries: valueEntries,
-    // Options to show when the autocomplete dropdown is visible
-    options: search ? options : defaultOptions || []
-  };
 };
+export { useReferences };
 
 //# sourceMappingURL=useReferences.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRIES","convertReferenceEntriesToOptionCollection","convertReferenceEntryToOption","useReferences","bind","field","isMounted","allEntries","client","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntries","setValueEntries","requestContext","models","settings","modelsHash","join","values","value","searchEntries","data","query","variables","modelIds","map","m","modelId","context","collection","content","current","limit","fetchPolicy","then","Object","length","id","res","latest","reduce","item","entryId","published","existingItem","title","onChange","options","defaultOptions"],"sources":["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"],"mappings":"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","ignoreList":[]}
+{"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.js

@@ -1,53 +1,29 @@
-import React from "react";
+import react from "react";
 import MissingEntryHelpText, { ReferenceMultipleModelsHelpText } from "../components/MissingEntryHelpText.js";
 import { useContentEntries } from "../../../../views/contentEntries/hooks/useContentEntries.js";
-export 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 {
-    // 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.
-   *
-   * 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.
-   */
-  const renderedInPreviewTab = contentEntriesContext === null;
-  let renderNewEntryModal = false;
-  if (renderedInPreviewTab) {
-    renderNewEntryModal = false;
-  } else if (referenceMultipleModels) {
-    renderNewEntryModal = false;
-  } else if (contentEntriesContext) {
-    renderNewEntryModal = !contentEntriesContext.insideDialog;
-  }
-  /**
-   * Set "help" value.
-   */
-  let help;
-  if (referenceMultipleModels) {
-    help = /*#__PURE__*/React.createElement(ReferenceMultipleModelsHelpText, null);
-  } else {
-    help = /*#__PURE__*/React.createElement(MissingEntryHelpText, {
-      refModelId: refModelId
+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,
-    refModelId,
-    help
-  };
+    return {
+        renderNewEntryModal,
+        refModelId,
+        help
+    };
 };
+export { useNewRefEntry };
 
 //# sourceMappingURL=useNewRefEntry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","MissingEntryHelpText","ReferenceMultipleModelsHelpText","useContentEntries","useNewRefEntry","field","models","settings","modelId","refModelId","referenceMultipleModels","length","contentEntriesContext","renderedInPreviewTab","renderNewEntryModal","insideDialog","help","createElement"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,oBAAoB,IACvBC,+BAA+B;AAEnC,SAASC,iBAAiB;AAY1B,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAqB;EAC/E,MAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAG,IAAI,KAAK,EAAE;EAC7F,MAAM,CAAC;IAAEE,OAAO,EAAEC;EAAW,CAAC,CAAC,GAAGH,MAAM;EACxC,MAAMI,uBAAuB,GAAGJ,MAAM,CAACK,MAAM,GAAG,CAAC;EAEjD,IAAIC,qBAAqB,GAAG,IAAI;EAChC,IAAI;IACAA,qBAAqB,GAAGT,iBAAiB,CAAC,CAAC;EAC/C,CAAC,CAAC,MAAM;IACJ;EAAA;;EAGJ;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAMU,oBAAoB,GAAGD,qBAAqB,KAAK,IAAI;EAE3D,IAAIE,mBAAmB,GAAG,KAAK;EAE/B,IAAID,oBAAoB,EAAE;IACtBC,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIJ,uBAAuB,EAAE;IAChCI,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIF,qBAAqB,EAAE;IAC9BE,mBAAmB,GAAG,CAACF,qBAAqB,CAACG,YAAY;EAC7D;EACA;AACJ;AACA;EACI,IAAIC,IAAI;EACR,IAAIN,uBAAuB,EAAE;IACzBM,IAAI,gBAAGhB,KAAA,CAAAiB,aAAA,CAACf,+BAA+B,MAAE,CAAC;EAC9C,CAAC,MAAM;IACHc,IAAI,gBAAGhB,KAAA,CAAAiB,aAAA,CAAChB,oBAAoB;MAACQ,UAAU,EAAEA;IAAW,CAAE,CAAC;EAC3D;EAEA,OAAO;IACHK,mBAAmB;IACnBL,UAAU;IACVO;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"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.js

@@ -2,6 +2,12 @@ import refInput from "./refInput.js";
 import refInputs from "./refInputs.js";
 import { createAdvancedRefRenderer } from "./advanced/index.js";
 import { createSimpleRefRenderer } from "./simple/index.js";
-export default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];
+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","createAdvancedRefRenderer","createSimpleRefRenderer"],"sources":["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"],"mappings":"AAAA,OAAOA,QAAQ;AACf,OAAOC,SAAS;AAChB,SAASC,yBAAyB;AAClC,SAASC,uBAAuB;AAEhC,eAAe,CAAC,GAAGD,yBAAyB,CAAC,CAAC,EAAEF,QAAQ,EAAEC,SAAS,EAAE,GAAGE,uBAAuB,CAAC,CAAC,CAAC","ignoreList":[]}
+{"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.js

@@ -1,27 +1,27 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-ref",
-  renderer: {
-    rendererName: "ref-input",
-    name: t`Reference Input`,
-    description: t`Renders an auto-complete input, allowing selection of a single value.`,
-    canUse({
-      field
-    }) {
-      return field.type === "ref" && !field.list;
-    },
-    render(props) {
-      const Bind = props.getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(ContentEntriesAutocomplete, Object.assign({}, props, {
-        bind: bind
-      }))));
+const refInput_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-ref",
+    renderer: {
+        rendererName: "ref-input",
+        name: t`Reference Input`,
+        description: t`Renders an auto-complete input, allowing selection of a single value.`,
+        canUse ({ field }) {
+            return "ref" === field.type && !field.list;
+        },
+        render (props) {
+            const Bind = props.getBind();
+            return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(ContentEntriesAutocomplete, {
+                    ...props,
+                    bind: bind
+                })));
+        }
     }
-  }
 };
-export default plugin;
+const refInput = refInput_plugin;
+export default refInput;
 
 //# sourceMappingURL=refInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","ContentEntriesAutocomplete","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","Bind","getBind","createElement","bind","ValidationContainer","Object","assign"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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.list;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,0BAA0B;AAEjC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,uEAAuE;IACrFQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,IAAI;IAC9C,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAE5B,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,IAAI,QACAG,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACF,IAAI,CAACI,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,0BAA0B,EAAAmB,MAAA,CAAAC,MAAA,KAAKP,KAAK;QAAEI,IAAI,EAAEA;MAAK,EAAE,CAC9B,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/refInput.js","sources":["../../../../../src/admin/plugins/fieldRenderers/ref/refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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.list;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","plugin","field","props","Bind","bind","ContentEntriesAutocomplete"],"mappings":";;;AAKA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,kBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAMF,CAAC,CAAC,eAAe,CAAC;QACxB,aAAaA,CAAC,CAAC,qEAAqE,CAAC;QACrF,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAOA,AAAe,UAAfA,MAAM,IAAI,IAAc,CAACA,MAAM,IAAI;QAC9C;QACA,QAAOC,KAAK;YACR,MAAMC,OAAOD,MAAM,OAAO;YAE1B,OAAO,WAAP,GACI,oBAACC,MAAAA,MACIC,CAAAA,OAAAA,WAAAA,GACG,oBAACD,KAAK,mBAAmB,sBACrB,oBAACE,4BAA0BA;oBAAE,GAAGH,KAAK;oBAAE,MAAME;;QAKjE;IACJ;AACJ;AAEA,iBAAeJ"}

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

@@ -1,34 +1,31 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { useForm } from "@webiny/form";
-import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete.js";
+import ContentEntriesMultiAutoComplete from "./components/ContentEntriesMultiAutoComplete.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
-const getKey = (field, id) => {
-  return (id || "unknown") + "." + field.fieldId;
-};
-const plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-ref-inputs",
-  renderer: {
-    rendererName: "ref-inputs",
-    name: t`Reference Inputs`,
-    description: t`Renders an auto-complete input, allowing selection of multiple values.`,
-    canUse({
-      field
-    }) {
-      return field.type === "ref" && !!field.list;
-    },
-    render(props) {
-      const Bind = props.getBind();
-      const form = useForm();
-      return /*#__PURE__*/React.createElement(Bind, null, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(ContentEntriesMultiAutocomplete, Object.assign({
-        key: getKey(props.field, form.data.id)
-      }, props, {
-        bind: bind
-      }))));
+const getKey = (field, id)=>(id || "unknown") + "." + field.fieldId;
+const refInputs_plugin = {
+    type: "cms-editor-field-renderer",
+    name: "cms-editor-field-renderer-ref-inputs",
+    renderer: {
+        rendererName: "ref-inputs",
+        name: t`Reference Inputs`,
+        description: t`Renders an auto-complete input, allowing selection of multiple values.`,
+        canUse ({ field }) {
+            return "ref" === field.type && !!field.list;
+        },
+        render (props) {
+            const Bind = props.getBind();
+            const form = useForm();
+            return /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(Bind.ValidationContainer, null, /*#__PURE__*/ react.createElement(ContentEntriesMultiAutoComplete, {
+                    key: getKey(props.field, form.data.id),
+                    ...props,
+                    bind: bind
+                })));
+        }
     }
-  }
 };
-export default plugin;
+const refInputs = refInputs_plugin;
+export default refInputs;
 
 //# sourceMappingURL=refInputs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","useForm","ContentEntriesMultiAutocomplete","t","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","list","render","props","Bind","getBind","form","createElement","bind","ValidationContainer","Object","assign","key","data"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useForm } from \"@webiny/form\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): string => {\n    return (id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.list;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            const form = useForm();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, form.data.id)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,OAAO,QAAQ,cAAc;AAEtC,OAAOC,+BAA+B;AAEtC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAM,GAAGA,CAACC,KAAoB,EAAEC,EAAsB,KAAa;EACrE,OAAO,CAACA,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGD,KAAK,CAACE,OAAO;AAClD,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,kBAAkB;IACzBW,WAAW,EAAEX,CAAC,wEAAwE;IACtFY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACI,IAAI,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACU,IAAI;IAC/C,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,MAAMC,IAAI,GAAGpB,OAAO,CAAC,CAAC;MAEtB,oBACIF,KAAA,CAAAuB,aAAA,CAACH,IAAI,QACAI,IAAI,iBACDxB,KAAA,CAAAuB,aAAA,CAACH,IAAI,CAACK,mBAAmB,qBACrBzB,KAAA,CAAAuB,aAAA,CAACpB,+BAA+B,EAAAuB,MAAA,CAAAC,MAAA;QAC5BC,GAAG,EAAEtB,MAAM,CAACa,KAAK,CAACZ,KAAK,EAAEe,IAAI,CAACO,IAAI,CAACrB,EAAE;MAAE,GACnCW,KAAK;QACTK,IAAI,EAAEA;MAAK,EACd,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/refInputs.js","sources":["../../../../../src/admin/plugins/fieldRenderers/ref/refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useForm } from \"@webiny/form\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): string => {\n    return (id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.list;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            const form = useForm();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, form.data.id)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","getKey","field","id","plugin","props","Bind","form","useForm","bind","ContentEntriesMultiAutocomplete"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,SAAS,CAACC,OAAsBC,KAC1BA,AAAAA,CAAAA,MAAM,SAAQ,IAAK,MAAMD,MAAM,OAAO;AAGlD,MAAME,mBAAsC;IACxC,MAAM;IACN,MAAM;IACN,UAAU;QACN,cAAc;QACd,MAAML,CAAC,CAAC,gBAAgB,CAAC;QACzB,aAAaA,CAAC,CAAC,sEAAsE,CAAC;QACtF,QAAO,EAAEG,KAAK,EAAE;YACZ,OAAOA,AAAe,UAAfA,MAAM,IAAI,IAAc,CAAC,CAACA,MAAM,IAAI;QAC/C;QACA,QAAOG,KAAK;YACR,MAAMC,OAAOD,MAAM,OAAO;YAC1B,MAAME,OAAOC;YAEb,OAAO,WAAP,GACI,oBAACF,MAAAA,MACIG,CAAAA,OAAAA,WAAAA,GACG,oBAACH,KAAK,mBAAmB,sBACrB,oBAACI,iCAA+BA;oBAC5B,KAAKT,OAAOI,MAAM,KAAK,EAAEE,KAAK,IAAI,CAAC,EAAE;oBACpC,GAAGF,KAAK;oBACT,MAAMI;;QAM9B;IACJ;AACJ;AAEA,kBAAeL"}

package/admin/plugins/fieldRenderers/ref/simple/components/Loader.js

@@ -1,15 +1,14 @@
-import React from "react";
+import react from "react";
 import { OverlayLoader } from "@webiny/admin-ui";
-export const Loader = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: "180px"
-    },
-    className: "relative"
-  }, /*#__PURE__*/React.createElement(OverlayLoader, {
-    size: "md",
-    text: "Loading entries..."
-  }));
-};
+const Loader = ()=>/*#__PURE__*/ react.createElement("div", {
+        style: {
+            height: "180px"
+        },
+        className: "relative"
+    }, /*#__PURE__*/ react.createElement(OverlayLoader, {
+        size: "md",
+        text: "Loading entries..."
+    }));
+export { Loader };
 
 //# sourceMappingURL=Loader.js.map