@webiny/app-headless-cms 6.4.5-beta.0 → 6.6.0-alpha.0

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

@@ -1,142 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks/index.js";
-import { GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES } from "./graphql.js";
-import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers.js";
-import { parseIdentifier } from "@webiny/utils";
-const getValueHash = (value)=>{
-    if (!value || !value.id && !value.entryId) return null;
-    if (value.entryId) return value.entryId;
-    const { id } = parseIdentifier(value.id);
-    return id;
-};
-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 (0 === models.length) return;
-        client.query({
-            query: SEARCH_CONTENT_ENTRIES,
-            variables: {
-                modelIds: models.map((m)=>m.modelId),
-                limit: 10
-            },
-            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) return void setValueEntry(()=>null);
-        const entry = valueHash ? allEntries.current[valueHash] : null;
-        if (entry) return void setValueEntry(()=>entry);
-        setLoading(true);
-        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)=>({
-                    ...prev,
-                    [option.entryId]: {
-                        ...option
-                    }
-                }));
-            setValueEntry(()=>option);
-        });
-    }, [
-        valueHash,
-        modelsHash
-    ]);
-    const onChange = useCallback((value, entry)=>{
-        if (null !== value) {
-            setSearch("");
-            setValueEntry(()=>entry);
-            bind.onChange({
-                modelId: entry.modelId,
-                id: entry.id
-            });
-            return;
-        }
-        setValueEntry(()=>null);
-        bind.onChange(null);
-    }, []);
-    const options = useMemo(()=>Object.values(entries), [
-        valueHash,
-        entries
-    ]);
-    const defaultOptions = useMemo(()=>Object.values(latestEntries), [
-        valueHash,
-        latestEntries
-    ]);
-    const outputOptions = (search && options ? options : defaultOptions) || [];
-    if (valueEntry && false === outputOptions.some((opt)=>opt.entryId === valueEntry.entryId)) outputOptions.push(valueEntry);
-    return {
-        onChange,
-        setSearch,
-        value: valueEntry,
-        loading,
-        options: outputOptions
-    };
-};
-export { useReference };
-
-//# sourceMappingURL=useReference.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/useReference.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/useReference.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type {\n    CmsEntryGetQueryResponse,\n    CmsEntryGetQueryVariables,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"./graphql.js\";\nimport { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRY } from \"./graphql.js\";\nimport type { CmsModelField, CmsModel } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem, OptionItemCollection } from \"./types.js\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"./helpers.js\";\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"],"names":["getValueHash","value","id","parseIdentifier","useReference","bind","field","allEntries","useRef","client","useApolloClient","search","setSearch","useState","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntry","setValueEntry","requestContext","useModelFieldGraphqlContext","models","modelsHash","model","valueHash","searchEntries","data","SEARCH_CONTENT_ENTRIES","m","collection","convertReferenceEntriesToOptionCollection","useEffect","latestEntryData","entry","GET_CONTENT_ENTRY","res","dataEntry","option","convertReferenceEntryToOption","prev","onChange","useCallback","options","useMemo","Object","defaultOptions","outputOptions","opt"],"mappings":"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"}

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

@@ -1,15 +0,0 @@
-import type { CmsModelField } from "../../../../../types.js";
-import type { BindComponentRenderProp } from "@webiny/form";
-import type { OptionItem } from "./types.js";
-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,128 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks/index.js";
-import { GET_CONTENT_ENTRIES, SEARCH_CONTENT_ENTRIES } from "./graphql.js";
-import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers.js";
-const useReferences = ({ bind, field })=>{
-    const isMounted = useRef(true);
-    const allEntries = useRef({});
-    const client = useApolloClient();
-    const [search, setSearch] = useState("");
-    const [loading, setLoading] = useState(false);
-    const [entries, setEntries] = useState({});
-    const [latestEntries, setLatestEntries] = useState([]);
-    const [valueEntries, setValueEntries] = useState([]);
-    const requestContext = useModelFieldGraphqlContext();
-    const models = field.settings ? field.settings.models || [] : [];
-    const modelsHash = models.join(",");
-    const values = bind.value ? bind.value : [];
-    const searchEntries = async ()=>{
-        if (!search) return;
-        setLoading(true);
-        const { data } = await client.query({
-            query: SEARCH_CONTENT_ENTRIES,
-            variables: {
-                modelIds: models.map((m)=>m.modelId),
-                query: search
-            },
-            context: requestContext
-        });
-        setLoading(false);
-        const collection = convertReferenceEntriesToOptionCollection(data.content.data);
-        allEntries.current = {
-            ...allEntries.current,
-            ...collection
-        };
-        setEntries(collection);
-    };
-    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 || []
-    };
-};
-export { useReferences };
-
-//# sourceMappingURL=useReferences.js.map

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

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

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

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

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

@@ -1,29 +0,0 @@
-import react from "react";
-import MissingEntryHelpText, { ReferenceMultipleModelsHelpText } from "../components/MissingEntryHelpText.js";
-import { useContentEntries } from "../../../../views/contentEntries/hooks/useContentEntries.js";
-const useNewRefEntry = ({ field })=>{
-    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];
-    const [{ modelId: refModelId }] = models;
-    const referenceMultipleModels = models.length > 1;
-    let contentEntriesContext = null;
-    try {
-        contentEntriesContext = useContentEntries();
-    } catch  {}
-    const renderedInPreviewTab = null === contentEntriesContext;
-    let renderNewEntryModal = false;
-    if (renderedInPreviewTab) renderNewEntryModal = false;
-    else if (referenceMultipleModels) renderNewEntryModal = false;
-    else if (contentEntriesContext) renderNewEntryModal = !contentEntriesContext.insideDialog;
-    let help;
-    help = referenceMultipleModels ? /*#__PURE__*/ react.createElement(ReferenceMultipleModelsHelpText, null) : /*#__PURE__*/ react.createElement(MissingEntryHelpText, {
-        refModelId: refModelId
-    });
-    return {
-        renderNewEntryModal,
-        refModelId,
-        help
-    };
-};
-export { useNewRefEntry };
-
-//# sourceMappingURL=useNewRefEntry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types.js\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText.js\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries.js\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    help: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"help\" value.\n     */\n    let help;\n    if (referenceMultipleModels) {\n        help = <ReferenceMultipleModelsHelpText />;\n    } else {\n        help = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        help\n    };\n};\n"],"names":["useNewRefEntry","field","models","refModelId","referenceMultipleModels","contentEntriesContext","useContentEntries","renderedInPreviewTab","renderNewEntryModal","help","ReferenceMultipleModelsHelpText","MissingEntryHelpText"],"mappings":";;;AAiBO,MAAMA,iBAAiB,CAAC,EAAEC,KAAK,EAAwB;IAC1D,MAAMC,SAAUD,AAAAA,CAAAA,MAAM,QAAQ,IAAIA,MAAM,QAAQ,CAAC,MAAM,GAAGA,MAAM,QAAQ,CAAC,MAAM,GAAG,IAAG,KAAM,EAAE;IAC7F,MAAM,CAAC,EAAE,SAASE,UAAU,EAAE,CAAC,GAAGD;IAClC,MAAME,0BAA0BF,OAAO,MAAM,GAAG;IAEhD,IAAIG,wBAAwB;IAC5B,IAAI;QACAA,wBAAwBC;IAC5B,EAAE,OAAM,CAER;IASA,MAAMC,uBAAuBF,AAA0B,SAA1BA;IAE7B,IAAIG,sBAAsB;IAE1B,IAAID,sBACAC,sBAAsB;SACnB,IAAIJ,yBACPI,sBAAsB;SACnB,IAAIH,uBACPG,sBAAsB,CAACH,sBAAsB,YAAY;IAK7D,IAAII;IAEAA,OADAL,0BACO,WAAPK,GAAO,oBAACC,iCAA+BA,QAEhC,WAAPD,GAAO,oBAACE,sBAAoBA;QAAC,YAAYR;;IAG7C,OAAO;QACHK;QACAL;QACAM;IACJ;AACJ"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/ref/index.js","sources":["../../../../../src/admin/plugins/fieldRenderers/ref/index.ts"],"sourcesContent":["import refInput from \"./refInput.js\";\nimport refInputs from \"./refInputs.js\";\nimport { createAdvancedRefRenderer } from \"./advanced/index.js\";\nimport { createSimpleRefRenderer } from \"./simple/index.js\";\n\nexport default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];\n"],"names":["createAdvancedRefRenderer","refInput","refInputs","createSimpleRefRenderer"],"mappings":";;;;AAKA,YAAe;OAAIA;IAA6BC;IAAUC;OAAcC;CAA0B"}

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

@@ -1,3 +0,0 @@
-import type { CmsModelFieldRendererPlugin } from "../../../../types.js";
-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/index.js";
-import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete.js";
-const t = i18n.ns("app-headless-cms/admin/fields/ref");
-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
-                })));
-        }
-    }
-};
-const refInput = refInput_plugin;
-export default refInput;
-
-//# sourceMappingURL=refInput.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

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

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

@@ -1,31 +0,0 @@
-import react from "react";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { useForm } from "@webiny/form";
-import ContentEntriesMultiAutoComplete from "./components/ContentEntriesMultiAutoComplete.js";
-const t = i18n.ns("app-headless-cms/admin/fields/ref");
-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
-                })));
-        }
-    }
-};
-const refInputs = refInputs_plugin;
-export default refInputs;
-
-//# sourceMappingURL=refInputs.js.map

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

@@ -1 +0,0 @@
-{"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.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,14 +0,0 @@
-import react from "react";
-import { OverlayLoader } from "@webiny/admin-ui";
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/components/Loader.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/simple/components/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport const Loader = () => {\n    return (\n        <div style={{ height: \"180px\" }} className={\"relative\"}>\n            <OverlayLoader size={\"md\"} text={\"Loading entries...\"} />\n        </div>\n    );\n};\n"],"names":["Loader","OverlayLoader"],"mappings":";;AAGO,MAAMA,SAAS,IACX,WAAP,GACI,oBAAC;QAAI,OAAO;YAAE,QAAQ;QAAQ;QAAG,WAAW;qBACxC,oBAACC,eAAaA;QAAC,MAAM;QAAM,MAAM"}

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

@@ -1,9 +0,0 @@
-import React from "react";
-import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types.js";
-import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
-interface SimpleMultipleRendererProps {
-    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
-    field: CmsModelField;
-}
-export declare const SimpleMultipleRenderer: (props: SimpleMultipleRendererProps) => React.JSX.Element;
-export {};

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

@@ -1,52 +0,0 @@
-import react, { useMemo } from "react";
-import { useContentModels } from "./useContentModels.js";
-import { useReferences } from "./useReferences.js";
-import { CheckboxGroup } from "@webiny/admin-ui";
-import { Loader } from "./Loader.js";
-import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
-const SimpleMultipleRenderer = (props)=>{
-    const { bind } = props;
-    const { field } = useModelField();
-    const rules = useFieldEffectiveRules(field);
-    const disabled = !rules.canEdit || rules.disabled;
-    const values = useMemo(()=>Array.isArray(bind.value) ? bind.value.map((item)=>item.id) : [], [
-        bind.value
-    ]);
-    const { models } = useContentModels({
-        field
-    });
-    const references = useReferences({
-        models
-    });
-    const items = useMemo(()=>{
-        if (!references.entries) return [];
-        return references.entries.map((entry)=>({
-                label: entry.title,
-                value: entry.id
-            }));
-    }, [
-        references
-    ]);
-    if (references.loading) return /*#__PURE__*/ react.createElement(Loader, null);
-    return /*#__PURE__*/ react.createElement(CheckboxGroup, {
-        ...bind,
-        disabled: disabled,
-        label: field.label,
-        description: field.description,
-        note: field.note,
-        hint: field.help,
-        value: values,
-        items: items,
-        onChange: (values)=>{
-            const selectedEntryIds = values.map((value)=>value.split("#")[0]);
-            const selectedItems = references.entries.filter((entry)=>selectedEntryIds.includes(entry.entryId));
-            bind.onChange(selectedItems.map(({ id, model })=>({
-                    id,
-                    modelId: model.modelId
-                })));
-        }
-    });
-};
-export { SimpleMultipleRenderer };
-
-//# sourceMappingURL=SimpleMultipleRenderer.js.map

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/simple/components/SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { Loader } from \"./Loader.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleMultipleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const values = useMemo(() => {\n        return Array.isArray(bind.value) ? bind.value.map(item => item.id) : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <CheckboxGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={values}\n            items={items}\n            onChange={(values: string[]) => {\n                const selectedEntryIds = values.map(value => value.split(\"#\")[0]);\n                const selectedItems = references.entries.filter(entry =>\n                    selectedEntryIds.includes(entry.entryId)\n                );\n\n                bind.onChange(\n                    selectedItems.map(({ id, model }) => ({\n                        id,\n                        modelId: model.modelId\n                    }))\n                );\n            }}\n        />\n    );\n};\n"],"names":["SimpleMultipleRenderer","props","bind","field","useModelField","rules","useFieldEffectiveRules","disabled","values","useMemo","Array","item","models","useContentModels","references","useReferences","items","entry","Loader","CheckboxGroup","selectedEntryIds","value","selectedItems","id","model"],"mappings":";;;;;;AAcO,MAAMA,yBAAyB,CAACC;IACnC,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAM,EAAEE,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IACrC,MAAMI,WAAW,CAACF,MAAM,OAAO,IAAIA,MAAM,QAAQ;IAEjD,MAAMG,SAASC,QAAQ,IACZC,MAAM,OAAO,CAACR,KAAK,KAAK,IAAIA,KAAK,KAAK,CAAC,GAAG,CAACS,CAAAA,OAAQA,KAAK,EAAE,IAAI,EAAE,EACxE;QAACT,KAAK,KAAK;KAAC;IAEf,MAAM,EAAEU,MAAM,EAAE,GAAGC,iBAAiB;QAChCV;IACJ;IAEA,MAAMW,aAAaC,cAAc;QAC7BH;IACJ;IAEA,MAAMI,QAAQP,QAAQ;QAClB,IAAI,CAACK,WAAW,OAAO,EACnB,OAAO,EAAE;QAGb,OAAOA,WAAW,OAAO,CAAC,GAAG,CAACG,CAAAA,QAAU;gBACpC,OAAOA,MAAM,KAAK;gBAClB,OAAOA,MAAM,EAAE;YACnB;IACJ,GAAG;QAACH;KAAW;IAEf,IAAIA,WAAW,OAAO,EAClB,OAAO,WAAP,GAAO,oBAACI,QAAMA;IAGlB,OAAO,WAAP,GACI,oBAACC,eAAaA;QACT,GAAGjB,IAAI;QACR,UAAUK;QACV,OAAOJ,MAAM,KAAK;QAClB,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,MAAMA,MAAM,IAAI;QAChB,OAAOK;QACP,OAAOQ;QACP,UAAU,CAACR;YACP,MAAMY,mBAAmBZ,OAAO,GAAG,CAACa,CAAAA,QAASA,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE;YAChE,MAAMC,gBAAgBR,WAAW,OAAO,CAAC,MAAM,CAACG,CAAAA,QAC5CG,iBAAiB,QAAQ,CAACH,MAAM,OAAO;YAG3Cf,KAAK,QAAQ,CACToB,cAAc,GAAG,CAAC,CAAC,EAAEC,EAAE,EAAEC,KAAK,EAAE,GAAM;oBAClCD;oBACA,SAASC,MAAM,OAAO;gBAC1B;QAER;;AAGZ"}

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

@@ -1,9 +0,0 @@
-import React from "react";
-import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types.js";
-import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
-interface SimpleSingleRendererProps {
-    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;
-    field: CmsModelField;
-}
-export declare const SimpleSingleRenderer: (props: SimpleSingleRendererProps) => React.JSX.Element;
-export {};