@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { CmsContentEntryStatusType, CmsIdentity, CmsModel } from \"~/types\";\n\nexport interface OptionItem {\n    id: string;\n    entryId: string;\n    modelId: string;\n    modelName: string;\n    name: string;\n    published: string | null;\n    latest: string | null;\n    status: CmsContentEntryStatusType;\n}\n\nexport interface OptionItemCollection {\n    [key: string]: OptionItem;\n}\n\nexport interface CmsReferenceContentEntry {\n    id: string;\n    entryId: string;\n    title: string;\n    description?: string | null;\n    image?: string | null;\n    status: CmsContentEntryStatusType;\n    model: Pick<CmsModel, \"modelId\" | \"name\">;\n    createdBy: CmsIdentity;\n    modifiedBy?: CmsIdentity | null;\n    published?: {\n        id: string;\n        entryId: string;\n        title: string;\n    };\n    createdOn: Date;\n    savedOn: Date;\n}\n\nexport interface CmsReferenceValue {\n    id: string;\n    modelId: string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { CmsContentEntryStatusType, CmsIdentity, CmsModel } from \"~/types\";\n\nexport interface OptionItem {\n    id: string;\n    entryId: string;\n    modelId: string;\n    modelName: string;\n    name: string;\n    published: string | null;\n    latest: string | null;\n    status: CmsContentEntryStatusType;\n}\n\nexport interface OptionItemCollection {\n    [key: string]: OptionItem;\n}\n\nexport interface CmsReferenceContentEntry {\n    id: string;\n    entryId: string;\n    title: string;\n    description?: string | null;\n    image?: string | null;\n    status: CmsContentEntryStatusType;\n    model: Pick<CmsModel, \"modelId\" | \"name\">;\n    createdBy: CmsIdentity;\n    modifiedBy?: CmsIdentity | null;\n    published?: {\n        id: string;\n        entryId: string;\n        title: string;\n    };\n    wbyAco_location?: {\n        folderId?: string;\n    };\n    createdOn: Date;\n    savedOn: Date;\n}\n\nexport interface CmsReferenceValue {\n    id: string;\n    modelId: string;\n}\n"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["useReferences","bind","field","isMounted","useRef","allEntries","client","useApolloClient","useState","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntries","setValueEntries","models","settings","modelsHash","join","values","value","searchEntries","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","m","modelId","data","collection","convertReferenceEntriesToOptionCollection","content","current","useEffect","limit","fetchPolicy","then","Object","length","GET_CONTENT_ENTRIES","id","res","latest","reduce","item","entryId","published","existingItem","title","convertReferenceEntryToOption","onChange","useCallback","options","useMemo","defaultOptions"],"sources":["useReferences.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport {\n    SEARCH_CONTENT_ENTRIES,\n    GET_CONTENT_ENTRIES,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    CmsEntryGetListResponse,\n    CmsEntryGetListVariables,\n    CmsEntryGetEntryVariable\n} from \"./graphql\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\n\ninterface UseReferencesParams {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nexport const useReferences = ({ bind, field }: UseReferencesParams) => {\n    const isMounted = useRef(true);\n    const allEntries = useRef<OptionItemCollection>({});\n    const client = useApolloClient();\n    const [search, setSearch] = useState<string>(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [entries, setEntries] = useState<OptionItemCollection>({});\n    const [latestEntries, setLatestEntries] = useState<OptionItem[]>([]);\n    const [valueEntries, setValueEntries] = useState<OptionItem[]>([]);\n\n    const models = (field.settings ? field.settings.models || [] : []) as Pick<\n        CmsModel,\n        \"modelId\"\n    >[];\n    const modelsHash = models.join(\",\");\n    const values: CmsEntryGetEntryVariable[] = bind.value ? bind.value : [];\n\n    const searchEntries = async (): Promise<void> => {\n        if (!search) {\n            return;\n        }\n\n        setLoading(true);\n        const { data } = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(m => m.modelId),\n                query: search\n            }\n        });\n        setLoading(false);\n\n        const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n\n        allEntries.current = {\n            ...allEntries.current,\n            ...collection\n        };\n\n        setEntries(collection);\n    };\n\n    useEffect(() => {\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    useEffect(() => {\n        searchEntries();\n    }, [search]);\n\n    useEffect(() => {\n        client\n            .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n                query: SEARCH_CONTENT_ENTRIES,\n                variables: {\n                    modelIds: models.map(m => m.modelId),\n                    limit: 10\n                },\n                /**\n                 * We cannot update this query response in cache after a reference entry being created/deleted,\n                 * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n                 */\n                fetchPolicy: \"network-only\"\n            })\n            .then(({ data }) => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n                setLatestEntries(Object.values(collection));\n                allEntries.current = {\n                    ...collection\n                };\n            });\n    }, [modelsHash]);\n\n    useEffect(() => {\n        if (!values || values.length == 0) {\n            return;\n        }\n\n        setLoading(true);\n\n        client\n            .query<CmsEntryGetListResponse, CmsEntryGetListVariables>({\n                query: GET_CONTENT_ENTRIES,\n                variables: {\n                    /**\n                     * We need make sure nothing else other than modelId and id is passed to entries variable.\n                     */\n                    entries: values.map(value => {\n                        return {\n                            modelId: value.modelId,\n                            id: value.id\n                        };\n                    })\n                }\n            })\n            .then(res => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                setLoading(false);\n\n                const latest = (res.data.latest.data || []).reduce((collection, item) => {\n                    collection[item.entryId] = item;\n                    return collection;\n                }, {} as Record<string, CmsReferenceContentEntry>);\n\n                const entries = (res.data.published.data || []).reduce((collection, item) => {\n                    const entryId = item.entryId;\n                    const existingItem = latest[entryId];\n                    if (existingItem) {\n                        collection[entryId] = {\n                            ...existingItem,\n                            published: {\n                                id: item.id,\n                                entryId: item.entryId,\n                                title: item.title\n                            }\n                        };\n                        return collection;\n                    }\n                    collection[entryId] = item;\n                    return collection;\n                }, latest);\n\n                // Calculate a couple of props for the Autocomplete component.\n                setValueEntries(Object.values(entries).map(convertReferenceEntryToOption));\n            });\n    }, []);\n\n    /**\n     * onChange callback will update internal component state using the previously loaded entries by IDs.\n     * It will also format the value to store to the DB.\n     */\n    const onChange = useCallback((values: OptionItem[]): void => {\n        setSearch(\"\");\n        setValueEntries(values);\n\n        // Update parent form\n        bind.onChange(\n            values.map(item => ({\n                modelId: item.modelId,\n                id: item.id\n            }))\n        );\n    }, []);\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => Object.values(entries), [entries]);\n\n    // Format default options for the Autocomplete component.\n    const defaultOptions = useMemo(() => Object.values(latestEntries), [latestEntries]);\n\n    return {\n        onChange,\n        loading,\n        setSearch,\n        // Selected entries\n        entries: valueEntries,\n        // Options to show when the autocomplete dropdown is visible\n        options: search ? options : defaultOptions || []\n    };\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AAWA;AASO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAA6C;EAAA,IAAvCC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;EACvC,IAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC9B,IAAMC,UAAU,GAAG,IAAAD,aAAM,EAAuB,CAAC,CAAC,CAAC;EACnD,IAAME,MAAM,GAAG,IAAAC,sBAAe,GAAE;EAChC,gBAA4B,IAAAC,eAAQ,EAAS,EAAE,CAAC;IAAA;IAAzCC,MAAM;IAAEC,SAAS;EACxB,iBAA8B,IAAAF,eAAQ,EAAU,KAAK,CAAC;IAAA;IAA/CG,OAAO;IAAEC,UAAU;EAC1B,iBAA8B,IAAAJ,eAAQ,EAAuB,CAAC,CAAC,CAAC;IAAA;IAAzDK,OAAO;IAAEC,UAAU;EAC1B,iBAA0C,IAAAN,eAAQ,EAAe,EAAE,CAAC;IAAA;IAA7DO,aAAa;IAAEC,gBAAgB;EACtC,iBAAwC,IAAAR,eAAQ,EAAe,EAAE,CAAC;IAAA;IAA3DS,YAAY;IAAEC,eAAe;EAEpC,IAAMC,MAAM,GAAIjB,KAAK,CAACkB,QAAQ,GAAGlB,KAAK,CAACkB,QAAQ,CAACD,MAAM,IAAI,EAAE,GAAG,EAG5D;EACH,IAAME,UAAU,GAAGF,MAAM,CAACG,IAAI,CAAC,GAAG,CAAC;EACnC,IAAMC,MAAkC,GAAGtB,IAAI,CAACuB,KAAK,GAAGvB,IAAI,CAACuB,KAAK,GAAG,EAAE;EAEvE,IAAMC,aAAa;IAAA,mGAAG;MAAA;MAAA;QAAA;UAAA;YAAA,IACbhB,MAAM;cAAA;cAAA;YAAA;YAAA;UAAA;YAIXG,UAAU,CAAC,IAAI,CAAC;YAAC;YAAA,OACMN,MAAM,CAACoB,KAAK,CAGjC;cACEA,KAAK,EAAEC,+BAAsB;cAC7BC,SAAS,EAAE;gBACPC,QAAQ,EAAEV,MAAM,CAACW,GAAG,CAAC,UAAAC,CAAC;kBAAA,OAAIA,CAAC,CAACC,OAAO;gBAAA,EAAC;gBACpCN,KAAK,EAAEjB;cACX;YACJ,CAAC,CAAC;UAAA;YAAA;YATMwB,IAAI,uBAAJA,IAAI;YAUZrB,UAAU,CAAC,KAAK,CAAC;YAEXsB,UAAU,GAAG,IAAAC,kDAAyC,EAACF,IAAI,CAACG,OAAO,CAACH,IAAI,CAAC;YAE/E5B,UAAU,CAACgC,OAAO,+DACXhC,UAAU,CAACgC,OAAO,GAClBH,UAAU,CAChB;YAEDpB,UAAU,CAACoB,UAAU,CAAC;UAAC;UAAA;YAAA;QAAA;MAAA;IAAA,CAC1B;IAAA,gBA1BKT,aAAa;MAAA;IAAA;EAAA,GA0BlB;EAED,IAAAa,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MACTnC,SAAS,CAACkC,OAAO,GAAG,KAAK;IAC7B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,YAAM;IACZb,aAAa,EAAE;EACnB,CAAC,EAAE,CAAChB,MAAM,CAAC,CAAC;EAEZ,IAAA6B,gBAAS,EAAC,YAAM;IACZhC,MAAM,CACDoB,KAAK,CAA4D;MAC9DA,KAAK,EAAEC,+BAAsB;MAC7BC,SAAS,EAAE;QACPC,QAAQ,EAAEV,MAAM,CAACW,GAAG,CAAC,UAAAC,CAAC;UAAA,OAAIA,CAAC,CAACC,OAAO;QAAA,EAAC;QACpCO,KAAK,EAAE;MACX,CAAC;MACD;AAChB;AACA;AACA;MACgBC,WAAW,EAAE;IACjB,CAAC,CAAC,CACDC,IAAI,CAAC,iBAAc;MAAA,IAAXR,IAAI,SAAJA,IAAI;MACT,IAAI,CAAC9B,SAAS,CAACkC,OAAO,EAAE;QACpB;MACJ;MAEA,IAAMH,UAAU,GAAG,IAAAC,kDAAyC,EAACF,IAAI,CAACG,OAAO,CAACH,IAAI,CAAC;MAC/EjB,gBAAgB,CAAC0B,MAAM,CAACnB,MAAM,CAACW,UAAU,CAAC,CAAC;MAC3C7B,UAAU,CAACgC,OAAO,mCACXH,UAAU,CAChB;IACL,CAAC,CAAC;EACV,CAAC,EAAE,CAACb,UAAU,CAAC,CAAC;EAEhB,IAAAiB,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACf,MAAM,IAAIA,MAAM,CAACoB,MAAM,IAAI,CAAC,EAAE;MAC/B;IACJ;IAEA/B,UAAU,CAAC,IAAI,CAAC;IAEhBN,MAAM,CACDoB,KAAK,CAAoD;MACtDA,KAAK,EAAEkB,4BAAmB;MAC1BhB,SAAS,EAAE;QACP;AACpB;AACA;QACoBf,OAAO,EAAEU,MAAM,CAACO,GAAG,CAAC,UAAAN,KAAK,EAAI;UACzB,OAAO;YACHQ,OAAO,EAAER,KAAK,CAACQ,OAAO;YACtBa,EAAE,EAAErB,KAAK,CAACqB;UACd,CAAC;QACL,CAAC;MACL;IACJ,CAAC,CAAC,CACDJ,IAAI,CAAC,UAAAK,GAAG,EAAI;MACT,IAAI,CAAC3C,SAAS,CAACkC,OAAO,EAAE;QACpB;MACJ;MAEAzB,UAAU,CAAC,KAAK,CAAC;MAEjB,IAAMmC,MAAM,GAAG,CAACD,GAAG,CAACb,IAAI,CAACc,MAAM,CAACd,IAAI,IAAI,EAAE,EAAEe,MAAM,CAAC,UAACd,UAAU,EAAEe,IAAI,EAAK;QACrEf,UAAU,CAACe,IAAI,CAACC,OAAO,CAAC,GAAGD,IAAI;QAC/B,OAAOf,UAAU;MACrB,CAAC,EAAE,CAAC,CAAC,CAA6C;MAElD,IAAMrB,OAAO,GAAG,CAACiC,GAAG,CAACb,IAAI,CAACkB,SAAS,CAAClB,IAAI,IAAI,EAAE,EAAEe,MAAM,CAAC,UAACd,UAAU,EAAEe,IAAI,EAAK;QACzE,IAAMC,OAAO,GAAGD,IAAI,CAACC,OAAO;QAC5B,IAAME,YAAY,GAAGL,MAAM,CAACG,OAAO,CAAC;QACpC,IAAIE,YAAY,EAAE;UACdlB,UAAU,CAACgB,OAAO,CAAC,+DACZE,YAAY;YACfD,SAAS,EAAE;cACPN,EAAE,EAAEI,IAAI,CAACJ,EAAE;cACXK,OAAO,EAAED,IAAI,CAACC,OAAO;cACrBG,KAAK,EAAEJ,IAAI,CAACI;YAChB;UAAC,EACJ;UACD,OAAOnB,UAAU;QACrB;QACAA,UAAU,CAACgB,OAAO,CAAC,GAAGD,IAAI;QAC1B,OAAOf,UAAU;MACrB,CAAC,EAAEa,MAAM,CAAC;;MAEV;MACA7B,eAAe,CAACwB,MAAM,CAACnB,MAAM,CAACV,OAAO,CAAC,CAACiB,GAAG,CAACwB,sCAA6B,CAAC,CAAC;IAC9E,CAAC,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;;EAEN;AACJ;AACA;AACA;EACI,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC,UAACjC,MAAoB,EAAW;IACzDb,SAAS,CAAC,EAAE,CAAC;IACbQ,eAAe,CAACK,MAAM,CAAC;;IAEvB;IACAtB,IAAI,CAACsD,QAAQ,CACThC,MAAM,CAACO,GAAG,CAAC,UAAAmB,IAAI;MAAA,OAAK;QAChBjB,OAAO,EAAEiB,IAAI,CAACjB,OAAO;QACrBa,EAAE,EAAEI,IAAI,CAACJ;MACb,CAAC;IAAA,CAAC,CAAC,CACN;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAMY,OAAO,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAMhB,MAAM,CAACnB,MAAM,CAACV,OAAO,CAAC;EAAA,GAAE,CAACA,OAAO,CAAC,CAAC;;EAEhE;EACA,IAAM8C,cAAc,GAAG,IAAAD,cAAO,EAAC;IAAA,OAAMhB,MAAM,CAACnB,MAAM,CAACR,aAAa,CAAC;EAAA,GAAE,CAACA,aAAa,CAAC,CAAC;EAEnF,OAAO;IACHwC,QAAQ,EAARA,QAAQ;IACR5C,OAAO,EAAPA,OAAO;IACPD,SAAS,EAATA,SAAS;IACT;IACAG,OAAO,EAAEI,YAAY;IACrB;IACAwC,OAAO,EAAEhD,MAAM,GAAGgD,OAAO,GAAGE,cAAc,IAAI;EAClD,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","require","_hooks","_graphql","_helpers","useReferences","_ref","bind","field","isMounted","useRef","allEntries","client","useApolloClient","_useState","useState","_useState2","_slicedToArray2","default","search","setSearch","_useState3","_useState4","loading","setLoading","_useState5","_useState6","entries","setEntries","_useState7","_useState8","latestEntries","setLatestEntries","_useState9","_useState10","valueEntries","setValueEntries","models","settings","modelsHash","join","values","value","searchEntries","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_yield$client$query","data","collection","wrap","_callee$","_context","prev","next","abrupt","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","m","modelId","sent","convertReferenceEntriesToOptionCollection","content","current","_objectSpread2","stop","apply","arguments","useEffect","limit","fetchPolicy","then","_ref3","Object","length","GET_CONTENT_ENTRIES","id","res","latest","reduce","item","entryId","published","existingItem","title","convertReferenceEntryToOption","onChange","useCallback","options","useMemo","defaultOptions","exports"],"sources":["useReferences.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport {\n    SEARCH_CONTENT_ENTRIES,\n    GET_CONTENT_ENTRIES,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    CmsEntryGetListResponse,\n    CmsEntryGetListVariables,\n    CmsEntryGetEntryVariable\n} from \"./graphql\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\n\ninterface UseReferencesParams {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nexport const useReferences = ({ bind, field }: UseReferencesParams) => {\n    const isMounted = useRef(true);\n    const allEntries = useRef<OptionItemCollection>({});\n    const client = useApolloClient();\n    const [search, setSearch] = useState<string>(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [entries, setEntries] = useState<OptionItemCollection>({});\n    const [latestEntries, setLatestEntries] = useState<OptionItem[]>([]);\n    const [valueEntries, setValueEntries] = useState<OptionItem[]>([]);\n\n    const models = (field.settings ? field.settings.models || [] : []) as Pick<\n        CmsModel,\n        \"modelId\"\n    >[];\n    const modelsHash = models.join(\",\");\n    const values: CmsEntryGetEntryVariable[] = bind.value ? bind.value : [];\n\n    const searchEntries = async (): Promise<void> => {\n        if (!search) {\n            return;\n        }\n\n        setLoading(true);\n        const { data } = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(m => m.modelId),\n                query: search\n            }\n        });\n        setLoading(false);\n\n        const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n\n        allEntries.current = {\n            ...allEntries.current,\n            ...collection\n        };\n\n        setEntries(collection);\n    };\n\n    useEffect(() => {\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    useEffect(() => {\n        searchEntries();\n    }, [search]);\n\n    useEffect(() => {\n        client\n            .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n                query: SEARCH_CONTENT_ENTRIES,\n                variables: {\n                    modelIds: models.map(m => m.modelId),\n                    limit: 10\n                },\n                /**\n                 * We cannot update this query response in cache after a reference entry being created/deleted,\n                 * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n                 */\n                fetchPolicy: \"network-only\"\n            })\n            .then(({ data }) => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n                setLatestEntries(Object.values(collection));\n                allEntries.current = {\n                    ...collection\n                };\n            });\n    }, [modelsHash]);\n\n    useEffect(() => {\n        if (!values || values.length == 0) {\n            return;\n        }\n\n        setLoading(true);\n\n        client\n            .query<CmsEntryGetListResponse, CmsEntryGetListVariables>({\n                query: GET_CONTENT_ENTRIES,\n                variables: {\n                    /**\n                     * We need make sure nothing else other than modelId and id is passed to entries variable.\n                     */\n                    entries: values.map(value => {\n                        return {\n                            modelId: value.modelId,\n                            id: value.id\n                        };\n                    })\n                }\n            })\n            .then(res => {\n                if (!isMounted.current) {\n                    return;\n                }\n\n                setLoading(false);\n\n                const latest = (res.data.latest.data || []).reduce((collection, item) => {\n                    collection[item.entryId] = item;\n                    return collection;\n                }, {} as Record<string, CmsReferenceContentEntry>);\n\n                const entries = (res.data.published.data || []).reduce((collection, item) => {\n                    const entryId = item.entryId;\n                    const existingItem = latest[entryId];\n                    if (existingItem) {\n                        collection[entryId] = {\n                            ...existingItem,\n                            published: {\n                                id: item.id,\n                                entryId: item.entryId,\n                                title: item.title\n                            }\n                        };\n                        return collection;\n                    }\n                    collection[entryId] = item;\n                    return collection;\n                }, latest);\n\n                // Calculate a couple of props for the Autocomplete component.\n                setValueEntries(Object.values(entries).map(convertReferenceEntryToOption));\n            });\n    }, []);\n\n    /**\n     * onChange callback will update internal component state using the previously loaded entries by IDs.\n     * It will also format the value to store to the DB.\n     */\n    const onChange = useCallback((values: OptionItem[]): void => {\n        setSearch(\"\");\n        setValueEntries(values);\n\n        // Update parent form\n        bind.onChange(\n            values.map(item => ({\n                modelId: item.modelId,\n                id: item.id\n            }))\n        );\n    }, []);\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => Object.values(entries), [entries]);\n\n    // Format default options for the Autocomplete component.\n    const defaultOptions = useMemo(() => Object.values(latestEntries), [latestEntries]);\n\n    return {\n        onChange,\n        loading,\n        setSearch,\n        // Selected entries\n        entries: valueEntries,\n        // Options to show when the autocomplete dropdown is visible\n        options: search ? options : defaultOptions || []\n    };\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["useNewRefEntry","field","models","settings","refModelId","modelId","referenceMultipleModels","length","contentEntriesContext","useContentEntries","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    helpText: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"helpText\" value.\n     */\n    let helpText;\n    if (referenceMultipleModels) {\n        helpText = <ReferenceMultipleModelsHelpText />;\n    } else {\n        helpText = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        helpText\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;AAEA;AAGA;AAYO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAAwD;EAAA,IAAlDC,KAAK,QAALA,KAAK;EAClC,IAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAG,IAAI,KAAK,EAAE;EAC7F,2CAAkCA,MAAM;IAAtBE,UAAU,cAAnBC,OAAO;EAChB,IAAMC,uBAAuB,GAAGJ,MAAM,CAACK,MAAM,GAAG,CAAC;EAEjD,IAAIC,qBAAqB,GAAG,IAAI;EAChC,IAAI;IACAA,qBAAqB,GAAG,IAAAC,oCAAiB,GAAE;EAC/C,CAAC,CAAC,gBAAM;IACJ;EAAA;;EAGJ;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,IAAMC,oBAAoB,GAAGF,qBAAqB,KAAK,IAAI;EAE3D,IAAIG,mBAAmB,GAAG,KAAK;EAE/B,IAAID,oBAAoB,EAAE;IACtBC,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIL,uBAAuB,EAAE;IAChCK,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIH,qBAAqB,EAAE;IAC9BG,mBAAmB,GAAG,CAACH,qBAAqB,CAACI,YAAY;EAC7D;EACA;AACJ;AACA;EACI,IAAIC,QAAQ;EACZ,IAAIP,uBAAuB,EAAE;IACzBO,QAAQ,gBAAG,6BAAC,qDAA+B,OAAG;EAClD,CAAC,MAAM;IACHA,QAAQ,gBAAG,6BAAC,6BAAoB;MAAC,UAAU,EAAET;IAAW,EAAG;EAC/D;EAEA,OAAO;IACHO,mBAAmB,EAAnBA,mBAAmB;IACnBP,UAAU,EAAVA,UAAU;IACVS,QAAQ,EAARA;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_MissingEntryHelpText","_interopRequireWildcard","_useContentEntries","useNewRefEntry","_ref","field","models","settings","_models","_slicedToArray2","default","refModelId","modelId","referenceMultipleModels","length","contentEntriesContext","useContentEntries","_unused","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText","createElement","ReferenceMultipleModelsHelpText","exports"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    helpText: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"helpText\" value.\n     */\n    let helpText;\n    if (referenceMultipleModels) {\n        helpText = <ReferenceMultipleModelsHelpText />;\n    } else {\n        helpText = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        helpText\n    };\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,qBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAGA,IAAAG,kBAAA,GAAAH,OAAA;AAYO,IAAMI,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAClC,IAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAG,IAAI,KAAK,EAAE;EAC7F,IAAAE,OAAA,OAAAC,eAAA,CAAAC,OAAA,EAAkCJ,MAAM;IAAtBK,UAAU,GAAAH,OAAA,IAAnBI,OAAO;EAChB,IAAMC,uBAAuB,GAAGP,MAAM,CAACQ,MAAM,GAAG,CAAC;EAEjD,IAAIC,qBAAqB,GAAG,IAAI;EAChC,IAAI;IACAA,qBAAqB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC/C,CAAC,CAAC,OAAAC,OAAA,EAAM;IACJ;EAAA;;EAGJ;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,IAAMC,oBAAoB,GAAGH,qBAAqB,KAAK,IAAI;EAE3D,IAAII,mBAAmB,GAAG,KAAK;EAE/B,IAAID,oBAAoB,EAAE;IACtBC,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIN,uBAAuB,EAAE;IAChCM,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIJ,qBAAqB,EAAE;IAC9BI,mBAAmB,GAAG,CAACJ,qBAAqB,CAACK,YAAY;EAC7D;EACA;AACJ;AACA;EACI,IAAIC,QAAQ;EACZ,IAAIR,uBAAuB,EAAE;IACzBQ,QAAQ,gBAAGxB,MAAA,CAAAa,OAAA,CAAAY,aAAA,CAACtB,qBAAA,CAAAuB,+BAA+B,MAAE,CAAC;EAClD,CAAC,MAAM;IACHF,QAAQ,gBAAGxB,MAAA,CAAAa,OAAA,CAAAY,aAAA,CAACtB,qBAAA,CAAAU,OAAoB;MAACC,UAAU,EAAEA;IAAW,CAAE,CAAC;EAC/D;EAEA,OAAO;IACHQ,mBAAmB,EAAnBA,mBAAmB;IACnBR,UAAU,EAAVA,UAAU;IACVU,QAAQ,EAARA;EACJ,CAAC;AACL,CAAC;AAACG,OAAA,CAAArB,cAAA,GAAAA,cAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["NewRefEntryDialogContext","createContext","open","setOpen","NewRefEntryDialogContextProvider","children","useState","useNewRefEntryDialog","useContext"],"sources":["useNewRefEntryDialog.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\n\nexport interface NewRefEntryDialogContextValue {\n    open: boolean;\n    setOpen: (value: boolean) => void;\n}\n\nexport const NewRefEntryDialogContext = createContext<NewRefEntryDialogContextValue>({\n    open: false,\n    setOpen: () => {\n        return void 0;\n    }\n});\n\nexport const NewRefEntryDialogContextProvider: React.FC = ({ children }) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    return (\n        <NewRefEntryDialogContext.Provider\n            value={{\n                open,\n                setOpen\n            }}\n        >\n            {children}\n        </NewRefEntryDialogContext.Provider>\n    );\n};\n\nexport const useNewRefEntryDialog = (): NewRefEntryDialogContextValue => {\n    const { open, setOpen } = useContext(NewRefEntryDialogContext);\n    return {\n        open,\n        setOpen\n    };\n};\n"],"mappings":";;;;;;;;;AAAA;AAOO,IAAMA,wBAAwB,gBAAG,IAAAC,oBAAa,EAAgC;EACjFC,IAAI,EAAE,KAAK;EACXC,OAAO,EAAE,mBAAM;IACX,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AAAC;AAEI,IAAMC,gCAA0C,GAAG,SAA7CA,gCAA0C,OAAqB;EAAA,IAAfC,QAAQ,QAARA,QAAQ;EACjE,gBAAwB,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAzCJ,IAAI;IAAEC,OAAO;EAEpB,oBACI,6BAAC,wBAAwB,CAAC,QAAQ;IAC9B,KAAK,EAAE;MACHD,IAAI,EAAJA,IAAI;MACJC,OAAO,EAAPA;IACJ;EAAE,GAEDE,QAAQ,CACuB;AAE5C,CAAC;AAAC;AAEK,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoB,GAAwC;EACrE,kBAA0B,IAAAC,iBAAU,EAACR,wBAAwB,CAAC;IAAtDE,IAAI,eAAJA,IAAI;IAAEC,OAAO,eAAPA,OAAO;EACrB,OAAO;IACHD,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","NewRefEntryDialogContext","createContext","open","setOpen","exports","NewRefEntryDialogContextProvider","_ref","children","_useState","useState","_useState2","_slicedToArray2","default","createElement","Provider","value","useNewRefEntryDialog","_useContext","useContext"],"sources":["useNewRefEntryDialog.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\n\nexport interface NewRefEntryDialogContextValue {\n    open: boolean;\n    setOpen: (value: boolean) => void;\n}\n\nexport const NewRefEntryDialogContext = createContext<NewRefEntryDialogContextValue>({\n    open: false,\n    setOpen: () => {\n        return void 0;\n    }\n});\n\nexport const NewRefEntryDialogContextProvider: React.FC = ({ children }) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    return (\n        <NewRefEntryDialogContext.Provider\n            value={{\n                open,\n                setOpen\n            }}\n        >\n            {children}\n        </NewRefEntryDialogContext.Provider>\n    );\n};\n\nexport const useNewRefEntryDialog = (): NewRefEntryDialogContextValue => {\n    const { open, setOpen } = useContext(NewRefEntryDialogContext);\n    return {\n        open,\n        setOpen\n    };\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOO,IAAMC,wBAAwB,gBAAG,IAAAC,oBAAa,EAAgC;EACjFC,IAAI,EAAE,KAAK;EACXC,OAAO,EAAE,SAAAA,QAAA,EAAM;IACX,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AAACC,OAAA,CAAAJ,wBAAA,GAAAA,wBAAA;AAEI,IAAMK,gCAA0C,GAAG,SAA7CA,gCAA0CA,CAAAC,IAAA,EAAqB;EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACjE,IAAAC,SAAA,GAAwB,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAzCN,IAAI,GAAAQ,UAAA;IAAEP,OAAO,GAAAO,UAAA;EAEpB,oBACIb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,wBAAwB,CAACc,QAAQ;IAC9BC,KAAK,EAAE;MACHb,IAAI,EAAJA,IAAI;MACJC,OAAO,EAAPA;IACJ;EAAE,GAEDI,QAC8B,CAAC;AAE5C,CAAC;AAACH,OAAA,CAAAC,gCAAA,GAAAA,gCAAA;AAEK,IAAMW,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAwC;EACrE,IAAAC,WAAA,GAA0B,IAAAC,iBAAU,EAAClB,wBAAwB,CAAC;IAAtDE,IAAI,GAAAe,WAAA,CAAJf,IAAI;IAAEC,OAAO,GAAAc,WAAA,CAAPd,OAAO;EACrB,OAAO;IACHD,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA;EACJ,CAAC;AACL,CAAC;AAACC,OAAA,CAAAY,oBAAA,GAAAA,oBAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["createAdvancedRefRenderer","refInput","refInputs","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;AACA;AACA;AACA;AAAmD,0DAEhC,IAAAA,mCAAyB,GAAE,IAAEC,iBAAQ,EAAEC,kBAAS,oCAAK,IAAAC,+BAAuB,GAAE;AAAA"}
+{"version":3,"names":["_refInput","_interopRequireDefault","require","_refInputs","_advanced","_simple","_default","concat","_toConsumableArray2","default","createAdvancedRefRenderer","refInput","refInputs","createSimpleRefRenderer","exports"],"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,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAmD,IAAAI,QAAA,MAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAEhC,IAAAC,mCAAyB,EAAC,CAAC,IAAEC,iBAAQ,EAAEC,kBAAS,OAAAJ,mBAAA,CAAAC,OAAA,EAAK,IAAAI,+BAAuB,EAAC,CAAC;AAAAC,OAAA,CAAAL,OAAA,GAAAH,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","Bind","getBind","bind"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AAAgF;AAEhF,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEL,CAAC,kGAAiB;IACxBQ,WAAW,EAAER,CAAC,0JAAuE;IACrFS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,cAAc;IACxD,CAAC;IACDC,MAAM,kBAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,EAAE;MAC5B,oBACI,6BAAC,IAAI,QACA,UAAAC,IAAI;QAAA,oBACD,6BAAC,sDAAgC,qBAC7B,6BAAC,mCAA0B,oBAAKH,KAAK;UAAE,IAAI,EAAEG;QAAK,GAAG,CACtB;MAAA,CACtC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_ContentEntriesAutocomplete","_useNewRefEntryDialog","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","Bind","getBind","createElement","bind","NewRefEntryDialogContextProvider","Object","assign","_default","exports"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AAAgF,IAAAI,eAAA,EAAAC,gBAAA;AAEhF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,wBAAiB;IACxBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,8EAAuE;IACrFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,cAAc;IACxD,CAAC;IACDC,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,oBACI1B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACF,IAAI,QACA,UAAAG,IAAI;QAAA,oBACD5B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACtB,qBAAA,CAAAwB,gCAAgC,qBAC7B7B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACvB,2BAAA,CAAAa,OAA0B,EAAAa,MAAA,CAAAC,MAAA,KAAKP,KAAK;UAAEI,IAAI,EAAEA;QAAK,EAAE,CACtB,CAAC;MAAA,CAErC,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAI,QAAA,GAEarB,MAAM;AAAAsB,OAAA,CAAAhB,OAAA,GAAAe,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","getKey","field","bind","form","data","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render","props","Bind","getBind"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: BindComponentRenderProp<string, CmsEditorContentEntry>\n): string => {\n    return bind.form.data.id + \".\" + field.fieldId;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, bind as any)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAEA;AAAwC;AAGxC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAM,GAAG,SAATA,MAAM,CACRC,KAAoB,EACpBC,IAA4D,EACnD;EACT,OAAOA,IAAI,CAACC,IAAI,CAACC,IAAI,CAACC,EAAE,GAAG,GAAG,GAAGJ,KAAK,CAACK,OAAO;AAClD,CAAC;AAED,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEZ,CAAC,mGAAkB;IACzBe,WAAW,EAAEf,CAAC,2JAAwE;IACtFgB,MAAM,wBAAY;MAAA,IAATZ,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACO,IAAI,KAAK,KAAK,IAAI,CAAC,CAACP,KAAK,CAACa,cAAc;IACzD,CAAC;IACDC,MAAM,kBAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,EAAE;MAC5B,oBACI,6BAAC,IAAI,QACA,UAAAhB,IAAI;QAAA,oBACD,6BAAC,sDAAgC,qBAC7B,6BAAC,wCAA+B;UAC5B,GAAG,EAAEF,MAAM,CAACgB,KAAK,CAACf,KAAK,EAAEC,IAAI;QAAS,GAClCc,KAAK;UACT,IAAI,EAAEd;QAAK,GACb,CAC6B;MAAA,CACtC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaK,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ContentEntriesMultiAutoComplete","_useNewRefEntryDialog","_i18n","_templateObject","_templateObject2","t","i18n","ns","getKey","field","bind","form","data","id","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","multipleValues","render","props","Bind","getBind","createElement","NewRefEntryDialogContextProvider","Object","assign","key","_default","exports"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: BindComponentRenderProp<string, CmsContentEntry>\n): string => {\n    return bind.form.data.id + \".\" + field.fieldId;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\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            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, bind as any)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gCAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAAwC,IAAAI,eAAA,EAAAC,gBAAA;AAGxC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAM,GAAG,SAATA,MAAMA,CACRC,KAAoB,EACpBC,IAAsD,EAC7C;EACT,OAAOA,IAAI,CAACC,IAAI,CAACC,IAAI,CAACC,EAAE,GAAG,GAAG,GAAGJ,KAAK,CAACK,OAAO;AAClD,CAAC;AAED,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEZ,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAiB,uBAAA,CAAAC,OAAA,yBAAkB;IACzBC,WAAW,EAAEjB,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAgB,uBAAA,CAAAC,OAAA,+EAAwE;IACtFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATf,KAAK,GAAAe,IAAA,CAALf,KAAK;MACV,OAAOA,KAAK,CAACO,IAAI,KAAK,KAAK,IAAI,CAAC,CAACP,KAAK,CAACgB,cAAc;IACzD,CAAC;IACDC,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,oBACIhC,MAAA,CAAAwB,OAAA,CAAAS,aAAA,CAACF,IAAI,QACA,UAAAlB,IAAI;QAAA,oBACDb,MAAA,CAAAwB,OAAA,CAAAS,aAAA,CAAC7B,qBAAA,CAAA8B,gCAAgC,qBAC7BlC,MAAA,CAAAwB,OAAA,CAAAS,aAAA,CAAC9B,gCAAA,CAAAqB,OAA+B,EAAAW,MAAA,CAAAC,MAAA;UAC5BC,GAAG,EAAE1B,MAAM,CAACmB,KAAK,CAAClB,KAAK,EAAEC,IAAW;QAAE,GAClCiB,KAAK;UACTjB,IAAI,EAAEA;QAAK,EACd,CAC6B,CAAC;MAAA,CAErC,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAyB,QAAA,GAEapB,MAAM;AAAAqB,OAAA,CAAAf,OAAA,GAAAc,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["Title","styled","display","ListItem","Item","props","multiple","value","item","onChange","title","SimpleItems","field","items","values","addItem","removeItem","useCallback","checked","id","modelId","model","entryId","length","label","map","some","parseIdentifier"],"sources":["SimpleItems.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Checkbox } from \"@webiny/ui/Checkbox\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport styled from \"@emotion/styled\";\nimport { CmsModelField } from \"~/types\";\nimport { Radio } from \"@webiny/ui/Radio\";\n\nconst Title = styled(\"h5\")({\n    display: \"block\"\n});\nconst ListItem = styled(\"div\")({\n    display: \"block\"\n});\n\nexport interface AddItemParams {\n    id: string;\n    modelId: string;\n}\n\nexport interface RemoveItemParams {\n    entryId: string;\n    modelId: string;\n}\n\ninterface ItemProps {\n    multiple?: boolean;\n    value?: string | null;\n    item: CmsReferenceContentEntry;\n    onChange: (checked?: boolean) => void;\n}\n\nconst Item: React.VFC<ItemProps> = props => {\n    const { multiple, value, item, onChange } = props;\n    if (!multiple) {\n        return <Radio value={value} onChange={onChange} label={item.title} />;\n    }\n    return <Checkbox value={value} onChange={onChange} label={item.title} />;\n};\n\ninterface Props {\n    multiple?: boolean;\n    field: CmsModelField;\n    items?: CmsReferenceContentEntry[];\n    values?: CmsReferenceValue[];\n    addItem: (params: AddItemParams) => void;\n    removeItem: (params: RemoveItemParams) => void;\n}\n\nexport const SimpleItems: React.VFC<Props> = props => {\n    const { field, items, values, addItem, removeItem, multiple } = props;\n\n    const onChange = useCallback(\n        (item: CmsReferenceContentEntry) => {\n            return (checked?: boolean) => {\n                if (checked) {\n                    addItem({\n                        id: item.id,\n                        modelId: item.model.modelId\n                    });\n                    return;\n                }\n                removeItem({\n                    entryId: item.entryId,\n                    modelId: item.model.modelId\n                });\n            };\n        },\n        [addItem, removeItem, multiple, values]\n    );\n\n    if (!items || items.length === 0) {\n        return null;\n    }\n    return (\n        <>\n            <Title>{field.label}</Title>\n            {items.map(item => {\n                const checked = (values || []).some(value => {\n                    const { id: entryId } = parseIdentifier(value.id);\n                    return entryId === item.entryId;\n                });\n                return (\n                    <ListItem key={`item-${item.entryId}`}>\n                        <Item\n                            multiple={multiple}\n                            value={checked ? item.entryId : null}\n                            item={item}\n                            onChange={onChange(item)}\n                        />\n                    </ListItem>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAKA;AACA;AAEA;AAEA,IAAMA,KAAK,oBAAGC,eAAM,EAAC,IAAI;EAAA;EAAA;AAAA,GAAE;EACvBC,OAAO,EAAE;AACb,CAAC,CAAC;AACF,IAAMC,QAAQ,oBAAGF,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC3BC,OAAO,EAAE;AACb,CAAC,CAAC;AAmBF,IAAME,IAA0B,GAAG,SAA7BA,IAA0B,CAAGC,KAAK,EAAI;EACxC,IAAQC,QAAQ,GAA4BD,KAAK,CAAzCC,QAAQ;IAAEC,KAAK,GAAqBF,KAAK,CAA/BE,KAAK;IAAEC,IAAI,GAAeH,KAAK,CAAxBG,IAAI;IAAEC,QAAQ,GAAKJ,KAAK,CAAlBI,QAAQ;EACvC,IAAI,CAACH,QAAQ,EAAE;IACX,oBAAO,6BAAC,YAAK;MAAC,KAAK,EAAEC,KAAM;MAAC,QAAQ,EAAEE,QAAS;MAAC,KAAK,EAAED,IAAI,CAACE;IAAM,EAAG;EACzE;EACA,oBAAO,6BAAC,kBAAQ;IAAC,KAAK,EAAEH,KAAM;IAAC,QAAQ,EAAEE,QAAS;IAAC,KAAK,EAAED,IAAI,CAACE;EAAM,EAAG;AAC5E,CAAC;AAWM,IAAMC,WAA6B,GAAG,SAAhCA,WAA6B,CAAGN,KAAK,EAAI;EAClD,IAAQO,KAAK,GAAmDP,KAAK,CAA7DO,KAAK;IAAEC,KAAK,GAA4CR,KAAK,CAAtDQ,KAAK;IAAEC,MAAM,GAAoCT,KAAK,CAA/CS,MAAM;IAAEC,OAAO,GAA2BV,KAAK,CAAvCU,OAAO;IAAEC,UAAU,GAAeX,KAAK,CAA9BW,UAAU;IAAEV,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAE3D,IAAMG,QAAQ,GAAG,IAAAQ,kBAAW,EACxB,UAACT,IAA8B,EAAK;IAChC,OAAO,UAACU,OAAiB,EAAK;MAC1B,IAAIA,OAAO,EAAE;QACTH,OAAO,CAAC;UACJI,EAAE,EAAEX,IAAI,CAACW,EAAE;UACXC,OAAO,EAAEZ,IAAI,CAACa,KAAK,CAACD;QACxB,CAAC,CAAC;QACF;MACJ;MACAJ,UAAU,CAAC;QACPM,OAAO,EAAEd,IAAI,CAACc,OAAO;QACrBF,OAAO,EAAEZ,IAAI,CAACa,KAAK,CAACD;MACxB,CAAC,CAAC;IACN,CAAC;EACL,CAAC,EACD,CAACL,OAAO,EAAEC,UAAU,EAAEV,QAAQ,EAAEQ,MAAM,CAAC,CAC1C;EAED,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACU,MAAM,KAAK,CAAC,EAAE;IAC9B,OAAO,IAAI;EACf;EACA,oBACI,yEACI,6BAAC,KAAK,QAAEX,KAAK,CAACY,KAAK,CAAS,EAC3BX,KAAK,CAACY,GAAG,CAAC,UAAAjB,IAAI,EAAI;IACf,IAAMU,OAAO,GAAG,CAACJ,MAAM,IAAI,EAAE,EAAEY,IAAI,CAAC,UAAAnB,KAAK,EAAI;MACzC,uBAAwB,IAAAoB,sBAAe,EAACpB,KAAK,CAACY,EAAE,CAAC;QAArCG,OAAO,oBAAXH,EAAE;MACV,OAAOG,OAAO,KAAKd,IAAI,CAACc,OAAO;IACnC,CAAC,CAAC;IACF,oBACI,6BAAC,QAAQ;MAAC,GAAG,iBAAUd,IAAI,CAACc,OAAO;IAAG,gBAClC,6BAAC,IAAI;MACD,QAAQ,EAAEhB,QAAS;MACnB,KAAK,EAAEY,OAAO,GAAGV,IAAI,CAACc,OAAO,GAAG,IAAK;MACrC,IAAI,EAAEd,IAAK;MACX,QAAQ,EAAEC,QAAQ,CAACD,IAAI;IAAE,EAC3B,CACK;EAEnB,CAAC,CAAC,CACH;AAEX,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Checkbox","_utils","_styled","_interopRequireDefault","_Radio","Title","styled","target","label","display","ListItem","Item","props","multiple","value","item","onChange","default","createElement","Radio","title","Checkbox","SimpleItems","field","items","values","addItem","removeItem","useCallback","checked","id","modelId","model","entryId","length","Fragment","map","some","_parseIdentifier","parseIdentifier","key","concat","exports"],"sources":["SimpleItems.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Checkbox } from \"@webiny/ui/Checkbox\";\nimport {\n    CmsReferenceContentEntry,\n    CmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport styled from \"@emotion/styled\";\nimport { CmsModelField } from \"~/types\";\nimport { Radio } from \"@webiny/ui/Radio\";\n\nconst Title = styled(\"h5\")({\n    display: \"block\"\n});\nconst ListItem = styled(\"div\")({\n    display: \"block\"\n});\n\nexport interface AddItemParams {\n    id: string;\n    modelId: string;\n}\n\nexport interface RemoveItemParams {\n    entryId: string;\n    modelId: string;\n}\n\ninterface ItemProps {\n    multiple?: boolean;\n    value?: string | null;\n    item: CmsReferenceContentEntry;\n    onChange: (checked?: boolean) => void;\n}\n\nconst Item: React.VFC<ItemProps> = props => {\n    const { multiple, value, item, onChange } = props;\n    if (!multiple) {\n        return <Radio value={value} onChange={onChange} label={item.title} />;\n    }\n    return <Checkbox value={value} onChange={onChange} label={item.title} />;\n};\n\ninterface Props {\n    multiple?: boolean;\n    field: CmsModelField;\n    items?: CmsReferenceContentEntry[];\n    values?: CmsReferenceValue[];\n    addItem: (params: AddItemParams) => void;\n    removeItem: (params: RemoveItemParams) => void;\n}\n\nexport const SimpleItems: React.VFC<Props> = props => {\n    const { field, items, values, addItem, removeItem, multiple } = props;\n\n    const onChange = useCallback(\n        (item: CmsReferenceContentEntry) => {\n            return (checked?: boolean) => {\n                if (checked) {\n                    addItem({\n                        id: item.id,\n                        modelId: item.model.modelId\n                    });\n                    return;\n                }\n                removeItem({\n                    entryId: item.entryId,\n                    modelId: item.model.modelId\n                });\n            };\n        },\n        [addItem, removeItem, multiple, values]\n    );\n\n    if (!items || items.length === 0) {\n        return null;\n    }\n    return (\n        <>\n            <Title>{field.label}</Title>\n            {items.map(item => {\n                const checked = (values || []).some(value => {\n                    const { id: entryId } = parseIdentifier(value.id);\n                    return entryId === item.entryId;\n                });\n                return (\n                    <ListItem key={`item-${item.entryId}`}>\n                        <Item\n                            multiple={multiple}\n                            value={checked ? item.entryId : null}\n                            item={item}\n                            onChange={onChange(item)}\n                        />\n                    </ListItem>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"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"}

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

@@ -25,8 +25,6 @@ var SimpleMultipleRenderer = function SimpleMultipleRenderer(props) {
     models: models
   });
   var addItem = (0, _react.useCallback)(function (params) {
-    console.log("values", values);
-    console.log("params", params);
     bind.onChange([].concat((0, _toConsumableArray2.default)(values), [params]));
   }, [bind, values]);
   var removeItem = (0, _react.useCallback)(function (_ref) {

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

@@ -1 +1 @@
-{"version":3,"names":["SimpleMultipleRenderer","props","field","bind","values","useMemo","Array","isArray","value","useContentModels","models","references","useReferences","addItem","useCallback","params","console","log","onChange","removeItem","entryId","filter","id","substring","length","entries"],"sources":["SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { AddItemParams, RemoveItemParams, SimpleItems } from \"./SimpleItems\";\n\ninterface Props {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer: React.VFC<Props> = props => {\n    const { field, bind } = props;\n\n    const values = useMemo(() => {\n        return Array.isArray(bind.value) ? bind.value : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const addItem = useCallback(\n        (params: AddItemParams) => {\n            console.log(\"values\", values);\n            console.log(\"params\", params);\n            bind.onChange([...values, params]);\n        },\n        [bind, values]\n    );\n    const removeItem = useCallback(\n        ({ entryId }: RemoveItemParams) => {\n            bind.onChange(\n                values.filter(value => {\n                    if (!value?.id) {\n                        return false;\n                    }\n                    return value.id.substring(0, entryId.length) !== entryId;\n                })\n            );\n        },\n        [bind, values]\n    );\n\n    return (\n        <SimpleItems\n            multiple={true}\n            field={field}\n            values={values}\n            items={references.entries}\n            addItem={addItem}\n            removeItem={removeItem}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AAGA;AACA;AACA;AAOO,IAAMA,sBAAwC,GAAG,SAA3CA,sBAAwC,CAAGC,KAAK,EAAI;EAC7D,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EAEnB,IAAMC,MAAM,GAAG,IAAAC,cAAO,EAAC,YAAM;IACzB,OAAOC,KAAK,CAACC,OAAO,CAACJ,IAAI,CAACK,KAAK,CAAC,GAAGL,IAAI,CAACK,KAAK,GAAG,EAAE;EACtD,CAAC,EAAE,CAACL,IAAI,CAACK,KAAK,CAAC,CAAC;EAEhB,wBAAmB,IAAAC,mCAAgB,EAAC;MAChCP,KAAK,EAALA;IACJ,CAAC,CAAC;IAFMQ,MAAM,qBAANA,MAAM;EAId,IAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC;IAC7BF,MAAM,EAANA;EACJ,CAAC,CAAC;EAEF,IAAMG,OAAO,GAAG,IAAAC,kBAAW,EACvB,UAACC,MAAqB,EAAK;IACvBC,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEb,MAAM,CAAC;IAC7BY,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEF,MAAM,CAAC;IAC7BZ,IAAI,CAACe,QAAQ,4CAAKd,MAAM,IAAEW,MAAM,GAAE;EACtC,CAAC,EACD,CAACZ,IAAI,EAAEC,MAAM,CAAC,CACjB;EACD,IAAMe,UAAU,GAAG,IAAAL,kBAAW,EAC1B,gBAAmC;IAAA,IAAhCM,OAAO,QAAPA,OAAO;IACNjB,IAAI,CAACe,QAAQ,CACTd,MAAM,CAACiB,MAAM,CAAC,UAAAb,KAAK,EAAI;MACnB,IAAI,EAACA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEc,EAAE,GAAE;QACZ,OAAO,KAAK;MAChB;MACA,OAAOd,KAAK,CAACc,EAAE,CAACC,SAAS,CAAC,CAAC,EAAEH,OAAO,CAACI,MAAM,CAAC,KAAKJ,OAAO;IAC5D,CAAC,CAAC,CACL;EACL,CAAC,EACD,CAACjB,IAAI,EAAEC,MAAM,CAAC,CACjB;EAED,oBACI,6BAAC,wBAAW;IACR,QAAQ,EAAE,IAAK;IACf,KAAK,EAAEF,KAAM;IACb,MAAM,EAAEE,MAAO;IACf,KAAK,EAAEO,UAAU,CAACc,OAAQ;IAC1B,OAAO,EAAEZ,OAAQ;IACjB,UAAU,EAAEM;EAAW,EACzB;AAEV,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useContentModels2","_useReferences","_SimpleItems","SimpleMultipleRenderer","props","field","bind","values","useMemo","Array","isArray","value","_useContentModels","useContentModels","models","references","useReferences","addItem","useCallback","params","onChange","concat","_toConsumableArray2","default","removeItem","_ref","entryId","filter","id","substring","length","createElement","SimpleItems","multiple","items","entries","exports"],"sources":["SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { AddItemParams, RemoveItemParams, SimpleItems } from \"./SimpleItems\";\n\ninterface Props {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer: React.VFC<Props> = props => {\n    const { field, bind } = props;\n\n    const values = useMemo(() => {\n        return Array.isArray(bind.value) ? bind.value : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const addItem = useCallback(\n        (params: AddItemParams) => {\n            bind.onChange([...values, params]);\n        },\n        [bind, values]\n    );\n    const removeItem = useCallback(\n        ({ entryId }: RemoveItemParams) => {\n            bind.onChange(\n                values.filter(value => {\n                    if (!value?.id) {\n                        return false;\n                    }\n                    return value.id.substring(0, entryId.length) !== entryId;\n                })\n            );\n        },\n        [bind, values]\n    );\n\n    return (\n        <SimpleItems\n            multiple={true}\n            field={field}\n            values={values}\n            items={references.entries}\n            addItem={addItem}\n            removeItem={removeItem}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAOO,IAAMI,sBAAwC,GAAG,SAA3CA,sBAAwCA,CAAGC,KAAK,EAAI;EAC7D,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EAEnB,IAAMC,MAAM,GAAG,IAAAC,cAAO,EAAC,YAAM;IACzB,OAAOC,KAAK,CAACC,OAAO,CAACJ,IAAI,CAACK,KAAK,CAAC,GAAGL,IAAI,CAACK,KAAK,GAAG,EAAE;EACtD,CAAC,EAAE,CAACL,IAAI,CAACK,KAAK,CAAC,CAAC;EAEhB,IAAAC,iBAAA,GAAmB,IAAAC,mCAAgB,EAAC;MAChCR,KAAK,EAALA;IACJ,CAAC,CAAC;IAFMS,MAAM,GAAAF,iBAAA,CAANE,MAAM;EAId,IAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC;IAC7BF,MAAM,EAANA;EACJ,CAAC,CAAC;EAEF,IAAMG,OAAO,GAAG,IAAAC,kBAAW,EACvB,UAACC,MAAqB,EAAK;IACvBb,IAAI,CAACc,QAAQ,IAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EAAKhB,MAAM,IAAEY,MAAM,EAAC,CAAC;EACtC,CAAC,EACD,CAACb,IAAI,EAAEC,MAAM,CACjB,CAAC;EACD,IAAMiB,UAAU,GAAG,IAAAN,kBAAW,EAC1B,UAAAO,IAAA,EAAmC;IAAA,IAAhCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACNpB,IAAI,CAACc,QAAQ,CACTb,MAAM,CAACoB,MAAM,CAAC,UAAAhB,KAAK,EAAI;MACnB,IAAI,EAACA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEiB,EAAE,GAAE;QACZ,OAAO,KAAK;MAChB;MACA,OAAOjB,KAAK,CAACiB,EAAE,CAACC,SAAS,CAAC,CAAC,EAAEH,OAAO,CAACI,MAAM,CAAC,KAAKJ,OAAO;IAC5D,CAAC,CACL,CAAC;EACL,CAAC,EACD,CAACpB,IAAI,EAAEC,MAAM,CACjB,CAAC;EAED,oBACIV,MAAA,CAAA0B,OAAA,CAAAQ,aAAA,CAAC7B,YAAA,CAAA8B,WAAW;IACRC,QAAQ,EAAE,IAAK;IACf5B,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACf2B,KAAK,EAAEnB,UAAU,CAACoB,OAAQ;IAC1BlB,OAAO,EAAEA,OAAQ;IACjBO,UAAU,EAAEA;EAAW,CAC1B,CAAC;AAEV,CAAC;AAACY,OAAA,CAAAjC,sBAAA,GAAAA,sBAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["SimpleSingleRenderer","props","field","bind","value","useMemo","useContentModels","models","references","useReferences","addItem","useCallback","params","onChange","removeItem","entries"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { AddItemParams, SimpleItems } from \"./SimpleItems\";\n\ninterface Props {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer: React.VFC<Props> = props => {\n    const { field, bind } = props;\n\n    const value = useMemo(() => {\n        return bind.value;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const addItem = useCallback(\n        (params: AddItemParams) => {\n            bind.onChange(params);\n        },\n        [bind, value]\n    );\n    const removeItem = useCallback(() => {\n        bind.onChange(null);\n    }, [bind, value]);\n\n    return (\n        <SimpleItems\n            field={field}\n            values={value ? [value] : []}\n            items={references.entries}\n            addItem={addItem}\n            removeItem={removeItem}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAGA;AACA;AACA;AAOO,IAAMA,oBAAsC,GAAG,SAAzCA,oBAAsC,CAAGC,KAAK,EAAI;EAC3D,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EAEnB,IAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,YAAM;IACxB,OAAOF,IAAI,CAACC,KAAK;EACrB,CAAC,EAAE,CAACD,IAAI,CAACC,KAAK,CAAC,CAAC;EAEhB,wBAAmB,IAAAE,mCAAgB,EAAC;MAChCJ,KAAK,EAALA;IACJ,CAAC,CAAC;IAFMK,MAAM,qBAANA,MAAM;EAId,IAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC;IAC7BF,MAAM,EAANA;EACJ,CAAC,CAAC;EAEF,IAAMG,OAAO,GAAG,IAAAC,kBAAW,EACvB,UAACC,MAAqB,EAAK;IACvBT,IAAI,CAACU,QAAQ,CAACD,MAAM,CAAC;EACzB,CAAC,EACD,CAACT,IAAI,EAAEC,KAAK,CAAC,CAChB;EACD,IAAMU,UAAU,GAAG,IAAAH,kBAAW,EAAC,YAAM;IACjCR,IAAI,CAACU,QAAQ,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,CAACV,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEjB,oBACI,6BAAC,wBAAW;IACR,KAAK,EAAEF,KAAM;IACb,MAAM,EAAEE,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAG;IAC7B,KAAK,EAAEI,UAAU,CAACO,OAAQ;IAC1B,OAAO,EAAEL,OAAQ;IACjB,UAAU,EAAEI;EAAW,EACzB;AAEV,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useContentModels2","_useReferences","_SimpleItems","SimpleSingleRenderer","props","field","bind","value","useMemo","_useContentModels","useContentModels","models","references","useReferences","addItem","useCallback","params","onChange","removeItem","default","createElement","SimpleItems","values","items","entries","exports"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { AddItemParams, SimpleItems } from \"./SimpleItems\";\n\ninterface Props {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer: React.VFC<Props> = props => {\n    const { field, bind } = props;\n\n    const value = useMemo(() => {\n        return bind.value;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const addItem = useCallback(\n        (params: AddItemParams) => {\n            bind.onChange(params);\n        },\n        [bind, value]\n    );\n    const removeItem = useCallback(() => {\n        bind.onChange(null);\n    }, [bind, value]);\n\n    return (\n        <SimpleItems\n            field={field}\n            values={value ? [value] : []}\n            items={references.entries}\n            addItem={addItem}\n            removeItem={removeItem}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAOO,IAAMI,oBAAsC,GAAG,SAAzCA,oBAAsCA,CAAGC,KAAK,EAAI;EAC3D,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EAEnB,IAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,YAAM;IACxB,OAAOF,IAAI,CAACC,KAAK;EACrB,CAAC,EAAE,CAACD,IAAI,CAACC,KAAK,CAAC,CAAC;EAEhB,IAAAE,iBAAA,GAAmB,IAAAC,mCAAgB,EAAC;MAChCL,KAAK,EAALA;IACJ,CAAC,CAAC;IAFMM,MAAM,GAAAF,iBAAA,CAANE,MAAM;EAId,IAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC;IAC7BF,MAAM,EAANA;EACJ,CAAC,CAAC;EAEF,IAAMG,OAAO,GAAG,IAAAC,kBAAW,EACvB,UAACC,MAAqB,EAAK;IACvBV,IAAI,CAACW,QAAQ,CAACD,MAAM,CAAC;EACzB,CAAC,EACD,CAACV,IAAI,EAAEC,KAAK,CAChB,CAAC;EACD,IAAMW,UAAU,GAAG,IAAAH,kBAAW,EAAC,YAAM;IACjCT,IAAI,CAACW,QAAQ,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,CAACX,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEjB,oBACIV,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,YAAA,CAAAmB,WAAW;IACRhB,KAAK,EAAEA,KAAM;IACbiB,MAAM,EAAEf,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAG;IAC7BgB,KAAK,EAAEX,UAAU,CAACY,OAAQ;IAC1BV,OAAO,EAAEA,OAAQ;IACjBI,UAAU,EAAEA;EAAW,CAC1B,CAAC;AAEV,CAAC;AAACO,OAAA,CAAAtB,oBAAA,GAAAA,oBAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["useContentModels","field","useBaseContentModels","initialModels","models","useMemo","filter","model","settings","length","some","fieldModel","modelId"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { CmsModel, CmsModelField } from \"~/types\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks\";\n\ninterface Props {\n    field: CmsModelField;\n}\nexport const useContentModels = ({ field }: Props) => {\n    const { models: initialModels } = useBaseContentModels();\n\n    const models = useMemo((): CmsModel[] => {\n        if (!initialModels) {\n            return [];\n        }\n        return initialModels.filter(model => {\n            if (!field.settings?.models || field.settings.models.length === 0) {\n                return false;\n            }\n            return field.settings?.models.some(fieldModel => {\n                return model.modelId === fieldModel.modelId;\n            });\n        });\n    }, [initialModels]);\n\n    return {\n        models\n    };\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAKO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAyB;EAAA,IAAnBC,KAAK,QAALA,KAAK;EACpC,4BAAkC,IAAAC,uBAAoB,GAAE;IAAxCC,aAAa,yBAArBC,MAAM;EAEd,IAAMA,MAAM,GAAG,IAAAC,cAAO,EAAC,YAAkB;IACrC,IAAI,CAACF,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACG,MAAM,CAAC,UAAAC,KAAK,EAAI;MAAA;MACjC,IAAI,qBAACN,KAAK,CAACO,QAAQ,4CAAd,gBAAgBJ,MAAM,KAAIH,KAAK,CAACO,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,2BAAOR,KAAK,CAACO,QAAQ,qDAAd,iBAAgBJ,MAAM,CAACM,IAAI,CAAC,UAAAC,UAAU,EAAI;QAC7C,OAAOJ,KAAK,CAACK,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHC,MAAM,EAANA;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","require","_hooks","useContentModels","_ref","field","_useBaseContentModels","useBaseContentModels","initialModels","models","useMemo","filter","model","_field$settings","_field$settings2","settings","length","some","fieldModel","modelId","exports"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { CmsModel, CmsModelField } from \"~/types\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks\";\n\ninterface Props {\n    field: CmsModelField;\n}\nexport const useContentModels = ({ field }: Props) => {\n    const { models: initialModels } = useBaseContentModels();\n\n    const models = useMemo((): CmsModel[] => {\n        if (!initialModels) {\n            return [];\n        }\n        return initialModels.filter(model => {\n            if (!field.settings?.models || field.settings.models.length === 0) {\n                return false;\n            }\n            return field.settings?.models.some(fieldModel => {\n                return model.modelId === fieldModel.modelId;\n            });\n        });\n    }, [initialModels]);\n\n    return {\n        models\n    };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAKO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAyB;EAAA,IAAnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACpC,IAAAC,qBAAA,GAAkC,IAAAC,uBAAoB,EAAC,CAAC;IAAxCC,aAAa,GAAAF,qBAAA,CAArBG,MAAM;EAEd,IAAMA,MAAM,GAAG,IAAAC,cAAO,EAAC,YAAkB;IACrC,IAAI,CAACF,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACG,MAAM,CAAC,UAAAC,KAAK,EAAI;MAAA,IAAAC,eAAA,EAAAC,gBAAA;MACjC,IAAI,GAAAD,eAAA,GAACR,KAAK,CAACU,QAAQ,cAAAF,eAAA,eAAdA,eAAA,CAAgBJ,MAAM,KAAIJ,KAAK,CAACU,QAAQ,CAACN,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,QAAAF,gBAAA,GAAOT,KAAK,CAACU,QAAQ,cAAAD,gBAAA,uBAAdA,gBAAA,CAAgBL,MAAM,CAACQ,IAAI,CAAC,UAAAC,UAAU,EAAI;QAC7C,OAAON,KAAK,CAACO,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACX,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHC,MAAM,EAANA;EACJ,CAAC;AACL,CAAC;AAACW,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["executeSearch","params","setLoading","setError","setEntries","client","models","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","model","modelId","limit","result","error","data","content","message","useReferences","useApolloClient","useState","entries","loading","useEffect","length"],"sources":["useReferences.ts"],"sourcesContent":["import ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    SEARCH_CONTENT_ENTRIES\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport { CmsModel } from \"~/types\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: CmsReferenceContentEntry[]) => void;\n    client: ApolloClient<any>;\n    models: CmsModel[];\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, models } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(model => model.modelId),\n                limit: 10000\n            }\n        });\n        const error = result.data.content?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n\n        setError(null);\n        setEntries(result.data.content.data);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface UseReferencesParams {\n    models?: CmsModel[];\n}\n\nexport const useReferences = ({ models }: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n\n    useEffect(() => {\n        if (!models || models.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            models,\n            setLoading,\n            setError,\n            setEntries\n        });\n    }, [models]);\n\n    return {\n        loading,\n        entries,\n        error\n    };\n};\n"],"mappings":";;;;;;;;;;AACA;AACA;AAEA;AAeA,IAAMA,aAAa;EAAA,kGAAG,iBAAOC,MAA2B;IAAA;IAAA;MAAA;QAAA;UAC5CC,UAAU,GAA2CD,MAAM,CAA3DC,UAAU,EAAEC,QAAQ,GAAiCF,MAAM,CAA/CE,QAAQ,EAAEC,UAAU,GAAqBH,MAAM,CAArCG,UAAU,EAAEC,MAAM,GAAaJ,MAAM,CAAzBI,MAAM,EAAEC,MAAM,GAAKL,MAAM,CAAjBK,MAAM;UACxDJ,UAAU,CAAC,IAAI,CAAC;UAAC;UAAA;UAAA,OAEQG,MAAM,CAACE,KAAK,CAG/B;YACEA,KAAK,EAAEC,+BAAsB;YAC7BC,SAAS,EAAE;cACPC,QAAQ,EAAEJ,MAAM,CAACK,GAAG,CAAC,UAAAC,KAAK;gBAAA,OAAIA,KAAK,CAACC,OAAO;cAAA,EAAC;cAC5CC,KAAK,EAAE;YACX;UACJ,CAAC,CAAC;QAAA;UATIC,MAAM;UAUNC,MAAK,2BAAGD,MAAM,CAACE,IAAI,CAACC,OAAO,yDAAnB,qBAAqBF,KAAK;UAAA,KACpCA,MAAK;YAAA;YAAA;UAAA;UACLb,QAAQ,CAACa,MAAK,CAACG,OAAO,CAAC;UAAC;QAAA;UAI5BhB,QAAQ,CAAC,IAAI,CAAC;UACdC,UAAU,CAACW,MAAM,CAACE,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC;UAAC;UAAA;QAAA;UAAA;UAAA;UAErCd,QAAQ,CAAC,YAAGgB,OAAO,CAAC;QAAC;UAAA;UAErBjB,UAAU,CAAC,KAAK,CAAC;UAAC;QAAA;QAAA;UAAA;MAAA;IAAA;EAAA,CAEzB;EAAA,gBA3BKF,aAAa;IAAA;EAAA;AAAA,GA2BlB;AAMM,IAAMoB,aAAa,GAAG,SAAhBA,aAAa,QAAwC;EAAA,IAAlCd,MAAM,SAANA,MAAM;EAClC,IAAMD,MAAM,GAAG,IAAAgB,sBAAe,GAAE;EAChC,gBAA8B,IAAAC,eAAQ,EAA6B,EAAE,CAAC;IAAA;IAA/DC,OAAO;IAAEnB,UAAU;EAC1B,iBAA8B,IAAAkB,eAAQ,EAAU,KAAK,CAAC;IAAA;IAA/CE,OAAO;IAAEtB,UAAU;EAC1B,iBAA0B,IAAAoB,eAAQ,EAA4B,IAAI,CAAC;IAAA;IAA5DN,KAAK;IAAEb,QAAQ;EAEtB,IAAAsB,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACnB,MAAM,IAAIA,MAAM,CAACoB,MAAM,KAAK,CAAC,EAAE;MAChC;IACJ;IACA1B,aAAa,CAAC;MACVK,MAAM,EAANA,MAAM;MACNC,MAAM,EAANA,MAAM;MACNJ,UAAU,EAAVA,UAAU;MACVC,QAAQ,EAARA,QAAQ;MACRC,UAAU,EAAVA;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACE,MAAM,CAAC,CAAC;EAEZ,OAAO;IACHkB,OAAO,EAAPA,OAAO;IACPD,OAAO,EAAPA,OAAO;IACPP,KAAK,EAALA;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","require","_hooks","_graphql","executeSearch","_ref","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee","params","setLoading","setError","setEntries","client","models","_result$data$content","result","_error","wrap","_callee$","_context","prev","next","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","model","modelId","limit","sent","error","data","content","message","abrupt","t0","finish","stop","_x","apply","arguments","useReferences","_ref2","useApolloClient","_useState","useState","_useState2","_slicedToArray2","entries","_useState3","_useState4","loading","_useState5","_useState6","useEffect","length","exports"],"sources":["useReferences.ts"],"sourcesContent":["import ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    SEARCH_CONTENT_ENTRIES\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport { CmsModel } from \"~/types\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: CmsReferenceContentEntry[]) => void;\n    client: ApolloClient<any>;\n    models: CmsModel[];\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, models } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(model => model.modelId),\n                limit: 10000\n            }\n        });\n        const error = result.data.content?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n\n        setError(null);\n        setEntries(result.data.content.data);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface UseReferencesParams {\n    models?: CmsModel[];\n}\n\nexport const useReferences = ({ models }: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n\n    useEffect(() => {\n        if (!models || models.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            models,\n            setLoading,\n            setError,\n            setEntries\n        });\n    }, [models]);\n\n    return {\n        loading,\n        entries,\n        error\n    };\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-export declare const createSimpleRefRenderer: () => import("../../../../../types").CmsModelFieldRendererPlugin[];
+export declare const createSimpleRefRenderer: () => import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];

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

@@ -1 +1 @@
-{"version":3,"names":["createSimpleRefRenderer","createSimpleSingleRenderer","createSimpleMultipleRenderer"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer\";\n\nexport const createSimpleRefRenderer = () => {\n    return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EACzC,OAAO,CAAC,IAAAC,gDAA0B,GAAE,EAAE,IAAAC,oDAA4B,GAAE,CAAC;AACzE,CAAC;AAAC"}
+{"version":3,"names":["_simpleSingleRenderer","require","_simpleMultipleRenderer","createSimpleRefRenderer","createSimpleSingleRenderer","createSimpleMultipleRenderer","exports"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer\";\n\nexport const createSimpleRefRenderer = () => {\n    return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EACzC,OAAO,CAAC,IAAAC,gDAA0B,EAAC,CAAC,EAAE,IAAAC,oDAA4B,EAAC,CAAC,CAAC;AACzE,CAAC;AAACC,OAAA,CAAAH,uBAAA,GAAAA,uBAAA"}

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","createSimpleMultipleRenderer","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","getBind","Bind","bind"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select multiple related records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return <SimpleMultipleRenderer bind={bind} field={field} />;\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAA6E;AAE7E,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4B,GAAsC;EAC3E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEL,CAAC,uGAAsB;MAC7BQ,WAAW,EAAER,CAAC,mKAAgF;MAC9FS,MAAM,wBAAY;QAAA,IAATC,KAAK,QAALA,KAAK;QACV,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAAC,CAACM,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,gBAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,EAAE;QACtB,oBACI,6BAAC,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBAAO,6BAAC,8CAAsB;YAAC,IAAI,EAAEA,IAAK;YAAC,KAAK,EAAEN;UAAM,EAAG;QAC/D,CAAC,CACE;MAEf;IACJ;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_SimpleMultipleRenderer","_templateObject","_templateObject2","t","i18n","ns","createSimpleMultipleRenderer","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Bind","createElement","bind","SimpleMultipleRenderer","exports"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select multiple related records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return <SimpleMultipleRenderer bind={bind} field={field} />;\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAA6E,IAAAG,eAAA,EAAAC,gBAAA;AAE7E,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAsC;EAC3E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,6BAAsB;MAC7BC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,uFAAgF;MAC9FE,MAAM,WAAAA,OAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAAC,CAACS,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,SAAAA,OAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIxB,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBAAO3B,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,uBAAA,CAAAwB,sBAAsB;YAACD,IAAI,EAAEA,IAAK;YAACP,KAAK,EAAEA;UAAM,CAAE,CAAC;QAC/D,CACE,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC;AAACS,OAAA,CAAAnB,4BAAA,GAAAA,4BAAA"}

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","createSimpleSingleRenderer","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","getBind","Bind","bind"],"sources":["simpleSingleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-simple\",\n        renderer: {\n            rendererName: \"ref-simple-single\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select one related record.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return <SimpleSingleRenderer bind={bind} field={field} />;\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAAyE;AAEzE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0B,GAAsC;EACzE,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,6CAA6C;IACnDC,QAAQ,EAAE;MACNC,YAAY,EAAE,mBAAmB;MACjCF,IAAI,EAAEL,CAAC,uGAAsB;MAC7BQ,WAAW,EAAER,CAAC,6JAA0E;MACxFS,MAAM,wBAAY;QAAA,IAATC,KAAK,QAALA,KAAK;QACV,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,cAAc;MACxD,CAAC;MACDC,MAAM,EAAE,gBAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,EAAE;QACtB,oBACI,6BAAC,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBAAO,6BAAC,0CAAoB;YAAC,IAAI,EAAEA,IAAK;YAAC,KAAK,EAAEN;UAAM,EAAG;QAC7D,CAAC,CACE;MAEf;IACJ;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_SimpleSingleRenderer","_templateObject","_templateObject2","t","i18n","ns","createSimpleSingleRenderer","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Bind","createElement","bind","SimpleSingleRenderer","exports"],"sources":["simpleSingleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-simple\",\n        renderer: {\n            rendererName: \"ref-simple-single\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select one related record.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return <SimpleSingleRenderer bind={bind} field={field} />;\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAAyE,IAAAG,eAAA,EAAAC,gBAAA;AAEzE,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAA,EAAsC;EACzE,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,6CAA6C;IACnDC,QAAQ,EAAE;MACNC,YAAY,EAAE,mBAAmB;MACjCF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,6BAAsB;MAC7BC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,iFAA0E;MACxFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,cAAc;MACxD,CAAC;MACDC,MAAM,EAAE,SAAAA,OAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIxB,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBAAO3B,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,qBAAA,CAAAwB,oBAAoB;YAACD,IAAI,EAAEA,IAAK;YAACP,KAAK,EAAEA;UAAM,CAAE,CAAC;QAC7D,CACE,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC;AAACS,OAAA,CAAAnB,0BAAA,GAAAA,0BAAA"}

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

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

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

@@ -4,8 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.createLegacyRichTextInput = void 0;
 var _richTextInput = _interopRequireDefault(require("./richTextInput"));
 var _richTextInputs = _interopRequireDefault(require("./richTextInputs"));
-var _default = [_richTextInput.default, _richTextInputs.default];
-exports.default = _default;
+var createLegacyRichTextInput = function createLegacyRichTextInput() {
+  return [_richTextInput.default, _richTextInputs.default];
+};
+exports.createLegacyRichTextInput = createLegacyRichTextInput;

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

@@ -1 +1 @@
-{"version":3,"names":["richTextInput","richTextInputs"],"sources":["index.ts"],"sourcesContent":["import richTextInput from \"./richTextInput\";\nimport richTextInputs from \"./richTextInputs\";\n\nexport default [richTextInput, richTextInputs];\n"],"mappings":";;;;;;;AAAA;AACA;AAA8C,eAE/B,CAACA,sBAAa,EAAEC,uBAAc,CAAC;AAAA"}
+{"version":3,"names":["_richTextInput","_interopRequireDefault","require","_richTextInputs","createLegacyRichTextInput","richTextInput","richTextInputs","exports"],"sources":["index.ts"],"sourcesContent":["import richTextInput from \"./richTextInput\";\nimport richTextInputs from \"./richTextInputs\";\n\nexport const createLegacyRichTextInput = () => {\n    return [richTextInput, richTextInputs];\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEO,IAAME,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAC3C,OAAO,CAACC,sBAAa,EAAEC,uBAAc,CAAC;AAC1C,CAAC;AAACC,OAAA,CAAAH,yBAAA,GAAAA,yBAAA"}

package/admin/plugins/fieldRenderers/richText/richTextInput.js

@@ -12,6 +12,9 @@ var _get = _interopRequireDefault(require("lodash/get"));
 var _i18n = require("@webiny/app/i18n");
 var _RichTextEditor = require("@webiny/app-admin/components/RichTextEditor");
 var _plugins = require("@webiny/plugins");
+var _allowCmsLegacyRichTextInput = require("../../../../utils/allowCmsLegacyRichTextInput");
+var _utils = require("../lexicalText/utils");
+var _utils2 = require("./utils");
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
 var getKey = function getKey(field, bind) {
@@ -23,11 +26,26 @@ var plugin = {
   name: "cms-editor-field-renderer-rich-text",
   renderer: {
     rendererName: "rich-text-input",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich Text Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a rich text editor."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["(Legacy) EditorJS Text Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders the legacy rich text editor."]))),
     canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "rich-text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+      var field = _ref.field,
+        model = _ref.model;
+      var canUse = field.type === "rich-text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+      if (canUse) {
+        // Check for legacy RTE usage for saved and new field
+        if ((0, _utils.modelHasLexicalField)(model)) {
+          return false;
+        }
+        if (!_allowCmsLegacyRichTextInput.allowCmsLegacyRichTextInput) {
+          if ((0, _utils2.isLegacyRteFieldSaved)(field) || (0, _utils2.modelHasLegacyRteField)(model)) {
+            return true;
+          }
+          // When feature flag is disabled by default and legacy RTE will not be used
+          return false;
+        }
+      }
+      return canUse;
     },
     render: function render(_ref2) {
       var field = _ref2.field,

package/admin/plugins/fieldRenderers/richText/richTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","getKey","field","bind","formId","form","data","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","get","render","getBind","Bind","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","onChange","label","placeholderText","helpText"],"sources":["richTextInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: BindComponentRenderProp<string, CmsEditorContentEntry>\n): string => {\n    const formId = bind.form.data.id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-rich-text\",\n    renderer: {\n        rendererName: \"rich-text-input\",\n        name: t`Rich Text Input`,\n        description: t`Renders a rich text editor.`,\n        canUse({ field }) {\n            return (\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const rteProps = useMemo(() => {\n                /**\n                 * TODO @ts-refactor\n                 * Missing cms-rte-config plugin type.\n                 */\n                // @ts-ignore\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <RichTextEditor\n                                key={getKey(field, bind as any)}\n                                {...rteProps}\n                                {...bind}\n                                onChange={bind.onChange}\n                                label={field.label}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                                data-testid={`fr.input.richtext.${field.label}`}\n                            />\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAA0C;AAG1C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAM,GAAG,SAATA,MAAM,CACRC,KAAoB,EACpBC,IAA4D,EACnD;EACT,IAAMC,MAAM,GAAGD,IAAI,CAACE,IAAI,CAACC,IAAI,CAACC,EAAE,IAAI,KAAK;EACzC,iBAAUH,MAAM,cAAIF,KAAK,CAACM,OAAO;AACrC,CAAC;AAED,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEb,CAAC,kGAAiB;IACxBgB,WAAW,EAAEhB,CAAC,gHAA6B;IAC3CiB,MAAM,wBAAY;MAAA,IAATb,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACQ,IAAI,KAAK,WAAW,IAC1B,CAACR,KAAK,CAACc,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACf,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDgB,MAAM,yBAAqB;MAAA,IAAlBhB,KAAK,SAALA,KAAK;QAAEiB,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,IAAME,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAM;QAC3B;AAChB;AACA;AACA;QACgB;QACA,OAAO,IAAAC,qCAAqB,EAACC,gBAAO,CAACC,MAAM,CAAC,gBAAgB,CAAC,CAACC,GAAG,CAAC,UAAAC,EAAE;UAAA,OAAIA,EAAE,CAACC,MAAM;QAAA,EAAC,CAAC;MACvF,CAAC,EAAE,EAAE,CAAC;MAEN,oBACI,6BAAC,IAAI,QACA,UAAAzB,IAAI,EAAI;QACL,oBACI,6BAAC,8BAAc;UACX,GAAG,EAAEF,MAAM,CAACC,KAAK,EAAEC,IAAI;QAAS,GAC5BkB,QAAQ,EACRlB,IAAI;UACR,QAAQ,EAAEA,IAAI,CAAC0B,QAAS;UACxB,KAAK,EAAE3B,KAAK,CAAC4B,KAAM;UACnB,WAAW,EAAE5B,KAAK,CAAC6B,eAAgB;UACnC,WAAW,EAAE7B,KAAK,CAAC8B,QAAS;UAC5B,2CAAkC9B,KAAK,CAAC4B,KAAK;QAAG,GAClD;MAEV,CAAC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEarB,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_i18n","_RichTextEditor","_plugins","_allowCmsLegacyRichTextInput","_utils","_utils2","_templateObject","_templateObject2","t","i18n","ns","getKey","field","bind","formId","form","data","id","concat","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","model","multipleValues","get","modelHasLexicalField","allowCmsLegacyRichTextInput","isLegacyRteFieldSaved","modelHasLegacyRteField","render","_ref2","getBind","Bind","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","createElement","RichTextEditor","Object","assign","key","onChange","label","placeholder","placeholderText","helpText","_default","exports"],"sources":["richTextInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { allowCmsLegacyRichTextInput } from \"~/utils/allowCmsLegacyRichTextInput\";\nimport { modelHasLexicalField } from \"~/admin/plugins/fieldRenderers/lexicalText/utils\";\nimport {\n    isLegacyRteFieldSaved,\n    modelHasLegacyRteField\n} from \"~/admin/plugins/fieldRenderers/richText/utils\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: BindComponentRenderProp<string, CmsContentEntry>\n): string => {\n    const formId = bind.form.data.id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-rich-text\",\n    renderer: {\n        rendererName: \"rich-text-input\",\n        name: t`(Legacy) EditorJS Text Input`,\n        description: t`Renders the legacy rich text editor.`,\n        canUse({ field, model }) {\n            const canUse =\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\");\n\n            if (canUse) {\n                // Check for legacy RTE usage for saved and new field\n                if (modelHasLexicalField(model)) {\n                    return false;\n                }\n\n                if (!allowCmsLegacyRichTextInput) {\n                    if (isLegacyRteFieldSaved(field) || modelHasLegacyRteField(model)) {\n                        return true;\n                    }\n                    // When feature flag is disabled by default and legacy RTE will not be used\n                    return false;\n                }\n            }\n\n            return canUse;\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const rteProps = useMemo(() => {\n                /**\n                 * TODO @ts-refactor\n                 * Missing cms-rte-config plugin type.\n                 */\n                // @ts-ignore\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <RichTextEditor\n                                key={getKey(field, bind as any)}\n                                {...rteProps}\n                                {...bind}\n                                onChange={bind.onChange}\n                                label={field.label}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                                data-testid={`fr.input.richtext.${field.label}`}\n                            />\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}