@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/admin/plugins/fieldRenderers/ref/components/useReference.d.ts

@@ -1,17 +0,0 @@
-import type { CmsModelField } from "../../../../../types";
-import type { BindComponentRenderProp } from "@webiny/form";
-import type { OptionItem } from "./types";
-interface UseReferenceHookArgs {
-    bind: BindComponentRenderProp;
-    field: CmsModelField;
-}
-interface UseReferenceHookValue {
-    onChange: (value: any, entry: OptionItem) => void;
-    setSearch: (value: string) => void;
-    value: OptionItem | null;
-    loading: boolean;
-    options: OptionItem[];
-}
-type UseReferenceHook = (args: UseReferenceHookArgs) => UseReferenceHookValue;
-export declare const useReference: UseReferenceHook;
-export {};

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

@@ -1,190 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks";
-import { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRY } from "./graphql";
-import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers";
-import { parseIdentifier } from "@webiny/utils";
-const getValueHash = value => {
-  if (!value || !value.id && !value.entryId) {
-    return null;
-  } else if (value.entryId) {
-    return value.entryId;
-  }
-  const {
-    id
-  } = parseIdentifier(value.id);
-  return id;
-};
-export const useReference = ({
-  bind,
-  field
-}) => {
-  const allEntries = useRef({});
-  const client = useApolloClient();
-  const [search, setSearch] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [entries, setEntries] = useState({});
-  const [latestEntries, setLatestEntries] = useState({});
-  const [valueEntry, setValueEntry] = useState(null);
-  const requestContext = useModelFieldGraphqlContext();
-  const models = field.settings ? field.settings.models || [] : [];
-  const modelsHash = models.map(model => model.modelId).join(",");
-  const value = bind.value;
-  const valueHash = getValueHash(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,
-        limit: 10
-      },
-      context: requestContext
-    });
-    setLoading(false);
-    const collection = convertReferenceEntriesToOptionCollection(data.content.data);
-    if (valueEntry) {
-      collection[valueEntry.entryId] = valueEntry;
-    }
-    allEntries.current = {
-      ...allEntries.current,
-      ...collection
-    };
-    setEntries(collection);
-  };
-  useEffect(() => {
-    searchEntries();
-  }, [search]);
-  useEffect(() => {
-    if (models.length === 0) {
-      return;
-    }
-    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
-    }) => {
-      const latestEntryData = convertReferenceEntriesToOptionCollection(data.content.data);
-      if (valueEntry) {
-        latestEntryData[valueEntry.entryId] = valueEntry;
-      }
-      setLatestEntries(latestEntryData);
-      allEntries.current = {
-        ...allEntries.current,
-        ...latestEntryData
-      };
-    });
-  }, [modelsHash]);
-  useEffect(() => {
-    if (!value || !models) {
-      setValueEntry(() => null);
-      return;
-    }
-    const entry = valueHash ? allEntries.current[valueHash] : null;
-    if (entry) {
-      /**
-       * if entry exists set valueEntry to that one so we do not load new one
-       */
-      setValueEntry(() => {
-        return entry;
-      });
-      return;
-    }
-    setLoading(true);
-    /**
-     * Query loads both latest and published entries.
-     * We do this in a single query because there might not be a published entry so we can use the latest one.
-     */
-    client.query({
-      query: GET_CONTENT_ENTRY,
-      variables: {
-        entry: {
-          modelId: value.modelId,
-          id: value.id
-        }
-      },
-      context: requestContext
-    }).then(res => {
-      setLoading(false);
-      const dataEntry = res.data.latest.data;
-      if (!dataEntry) {
-        return;
-      }
-      const option = {
-        ...convertReferenceEntryToOption(dataEntry),
-        latest: dataEntry.id,
-        published: res.data.published.data ? res.data.published.data.id : null
-      };
-      allEntries.current[option.entryId] = option;
-      setLatestEntries(prev => {
-        return {
-          ...prev,
-          [option.entryId]: {
-            ...option
-          }
-        };
-      });
-      /**
-       * Calculate a couple of props for the Autocomplete component.
-       */
-      setValueEntry(() => {
-        return option;
-      });
-    });
-  }, [valueHash, modelsHash]);
-  const onChange = useCallback((value, entry) => {
-    if (value !== null) {
-      setSearch("");
-      setValueEntry(() => {
-        return entry;
-      });
-      bind.onChange({
-        modelId: entry.modelId,
-        id: entry.id
-      });
-      return;
-    }
-    setValueEntry(() => null);
-    bind.onChange(null);
-  }, []);
-
-  /**
-   * Format options for the Autocomplete component.
-   */
-  const options = useMemo(() => Object.values(entries), [valueHash, entries]);
-
-  /**
-   * Format default options for the Autocomplete component.
-   */
-  const defaultOptions = useMemo(() => {
-    return Object.values(latestEntries);
-  }, [valueHash, latestEntries]);
-  const outputOptions = (search && options ? options : defaultOptions) || [];
-  if (valueEntry && outputOptions.some(opt => opt.entryId === valueEntry.entryId) === false) {
-    outputOptions.push(valueEntry);
-  }
-  return {
-    onChange,
-    setSearch,
-    value: valueEntry,
-    loading,
-    options: outputOptions
-  };
-};
-
-//# sourceMappingURL=useReference.js.map

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

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

package/admin/plugins/fieldRenderers/ref/components/useReferences.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import type { CmsModelField } from "../../../../../types";
-import type { BindComponentRenderProp } from "@webiny/form";
-import type { OptionItem } from "./types";
-interface UseReferencesParams {
-    bind: BindComponentRenderProp;
-    field: CmsModelField;
-}
-export declare const useReferences: ({ bind, field }: UseReferencesParams) => {
-    onChange: (values: OptionItem[]) => void;
-    loading: boolean;
-    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
-    entries: OptionItem[];
-    options: OptionItem[];
-};
-export {};

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

@@ -1,160 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks";
-import { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRIES } from "./graphql";
-import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers";
-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
-    };
-    setEntries(collection);
-  };
-  useEffect(() => {
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-  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 || []
-  };
-};
-
-//# sourceMappingURL=useReferences.js.map

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

@@ -1 +0,0 @@
-{"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\";\nimport type { CmsModelField, CmsModel } from \"~/types\";\nimport type {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    CmsEntryGetListResponse,\n    CmsEntryGetListVariables,\n    CmsEntryGetEntryVariable\n} from \"./graphql\";\nimport { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRIES } from \"./graphql\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\n\ninterface UseReferencesParams {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nexport const useReferences = ({ bind, field }: UseReferencesParams) => {\n    const isMounted = useRef(true);\n    const allEntries = useRef<OptionItemCollection>({});\n    const client = useApolloClient();\n    const [search, setSearch] = useState<string>(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [entries, setEntries] = useState<OptionItemCollection>({});\n    const [latestEntries, setLatestEntries] = useState<OptionItem[]>([]);\n    const [valueEntries, setValueEntries] = useState<OptionItem[]>([]);\n    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((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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","ignoreList":[]}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","MissingEntryHelpText","ReferenceMultipleModelsHelpText","useContentEntries","useNewRefEntry","field","models","settings","modelId","refModelId","referenceMultipleModels","length","contentEntriesContext","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText","createElement"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    helpText: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"helpText\" value.\n     */\n    let helpText;\n    if (referenceMultipleModels) {\n        helpText = <ReferenceMultipleModelsHelpText />;\n    } else {\n        helpText = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        helpText\n    };\n};\n"],"mappings":"AAAA,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,QAAQ;EACZ,IAAIN,uBAAuB,EAAE;IACzBM,QAAQ,gBAAGhB,KAAA,CAAAiB,aAAA,CAACf,+BAA+B,MAAE,CAAC;EAClD,CAAC,MAAM;IACHc,QAAQ,gBAAGhB,KAAA,CAAAiB,aAAA,CAAChB,oBAAoB;MAACQ,UAAU,EAAEA;IAAW,CAAE,CAAC;EAC/D;EAEA,OAAO;IACHK,mBAAmB;IACnBL,UAAU;IACVO;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-declare const _default: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
-export default _default;

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

@@ -1,7 +0,0 @@
-import refInput from "./refInput";
-import refInputs from "./refInputs";
-import { createAdvancedRefRenderer } from "./advanced";
-import { createSimpleRefRenderer } from "./simple";
-export default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["refInput","refInputs","createAdvancedRefRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput\";\nimport refInputs from \"./refInputs\";\nimport { createAdvancedRefRenderer } from \"./advanced\";\nimport { createSimpleRefRenderer } from \"./simple\";\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":[]}

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

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

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

@@ -1,27 +0,0 @@
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete";
-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.multipleValues;
-    },
-    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
-      }))));
-    }
-  }
-};
-export default plugin;
-
-//# sourceMappingURL=refInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","i18n","ContentEntriesAutocomplete","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","Bind","getBind","createElement","bind","ValidationContainer","Object","assign"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\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.multipleValues;\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,kBAAkB;AACvC,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,cAAc;IACxD,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":[]}

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

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

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

@@ -1,34 +0,0 @@
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { useForm } from "@webiny/form";
-import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete";
-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.multipleValues;
-    },
-    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
-      }))));
-    }
-  }
-};
-export default plugin;
-
-//# sourceMappingURL=refInputs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","i18n","useForm","ContentEntriesMultiAutocomplete","t","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","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\";\nimport { useForm } from \"@webiny/form\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\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.multipleValues;\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,kBAAkB;AACvC,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,cAAc;IACzD,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":[]}

package/admin/plugins/fieldRenderers/ref/simple/components/Loader.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Loader: () => React.JSX.Element;

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

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