@webiny/app-headless-cms 5.40.0-beta.1 → 5.40.0-beta.3

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

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

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

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireDefault(require("react"));
 var _MissingEntryHelpText = _interopRequireWildcard(require("../components/MissingEntryHelpText"));
 var _useContentEntries = require("../../../../views/contentEntries/hooks/useContentEntries");
-var useNewRefEntry = function useNewRefEntry(_ref) {
+var useNewRefEntry = exports.useNewRefEntry = function useNewRefEntry(_ref) {
   var field = _ref.field;
   var models = (field.settings && field.settings.models ? field.settings.models : null) || [];
   var _models = (0, _slicedToArray2.default)(models, 1),
@@ -56,6 +56,5 @@ var useNewRefEntry = function useNewRefEntry(_ref) {
     helpText: helpText
   };
 };
-exports.useNewRefEntry = useNewRefEntry;
 
 //# sourceMappingURL=useNewRefEntry.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_MissingEntryHelpText","_interopRequireWildcard","_useContentEntries","useNewRefEntry","exports","_ref","field","models","settings","_models","_slicedToArray2","default","refModelId","modelId","referenceMultipleModels","length","contentEntriesContext","useContentEntries","_unused","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText","createElement","ReferenceMultipleModelsHelpText"],"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,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,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,gBAAGzB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACvB,qBAAA,CAAAwB,+BAA+B,MAAE,CAAC;EAClD,CAAC,MAAM;IACHF,QAAQ,gBAAGzB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACvB,qBAAA,CAAAW,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","ignoreList":[]}

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

@@ -10,7 +10,6 @@ var _refInput = _interopRequireDefault(require("./refInput"));
 var _refInputs = _interopRequireDefault(require("./refInputs"));
 var _advanced = require("./advanced");
 var _simple = require("./simple");
-var _default = [].concat((0, _toConsumableArray2.default)((0, _advanced.createAdvancedRefRenderer)()), [_refInput.default, _refInputs.default], (0, _toConsumableArray2.default)((0, _simple.createSimpleRefRenderer)()));
-exports.default = _default;
+var _default = exports.default = [].concat((0, _toConsumableArray2.default)((0, _advanced.createAdvancedRefRenderer)()), [_refInput.default, _refInputs.default], (0, _toConsumableArray2.default)((0, _simple.createSimpleRefRenderer)()));
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_refInput","_interopRequireDefault","require","_refInputs","_advanced","_simple","_default","exports","default","concat","_toConsumableArray2","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,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,GAAAC,OAAA,CAAAC,OAAA,MAAAC,MAAA,KAAAC,mBAAA,CAAAF,OAAA,EAEhC,IAAAG,mCAAyB,EAAC,CAAC,IAAEC,iBAAQ,EAAEC,kBAAS,OAAAH,mBAAA,CAAAF,OAAA,EAAK,IAAAM,+BAAuB,EAAC,CAAC","ignoreList":[]}

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

@@ -32,7 +32,6 @@ var plugin = {
     }
   }
 };
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;
 
 //# sourceMappingURL=refInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_ContentEntriesAutocomplete","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","Bind","getBind","createElement","bind","Object","assign","_default","exports"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return <Bind>{bind => <ContentEntriesAutocomplete {...props} bind={bind} />}</Bind>;\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;AAAiF,IAAAG,eAAA,EAAAC,gBAAA;AAEjF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAmC,GAAG;EACxCC,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;MAE5B,oBAAOzB,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACF,IAAI,QAAE,UAAAG,IAAI;QAAA,oBAAI3B,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,2BAAA,CAAAY,OAA0B,EAAAY,MAAA,CAAAC,MAAA,KAAKN,KAAK;UAAEI,IAAI,EAAEA;QAAK,EAAE,CAAC;MAAA,CAAO,CAAC;IACvF;EACJ;AACJ,CAAC;AAAC,IAAAG,QAAA,GAEapB,MAAM;AAAAqB,OAAA,CAAAf,OAAA,GAAAc,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_ContentEntriesAutocomplete","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","Bind","getBind","createElement","bind","Object","assign","_default","exports"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return <Bind>{bind => <ContentEntriesAutocomplete {...props} bind={bind} />}</Bind>;\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;AAAiF,IAAAG,eAAA,EAAAC,gBAAA;AAEjF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAmC,GAAG;EACxCC,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;MAE5B,oBAAOzB,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACF,IAAI,QAAE,UAAAG,IAAI;QAAA,oBAAI3B,MAAA,CAAAgB,OAAA,CAAAU,aAAA,CAACtB,2BAAA,CAAAY,OAA0B,EAAAY,MAAA,CAAAC,MAAA,KAAKN,KAAK;UAAEI,IAAI,EAAEA;QAAK,EAAE,CAAC;MAAA,CAAO,CAAC;IACvF;EACJ;AACJ,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaN,MAAM","ignoreList":[]}

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

@@ -7,12 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
-var _ContentEntriesMultiAutoComplete = _interopRequireDefault(require("./components/ContentEntriesMultiAutoComplete"));
 var _i18n = require("@webiny/app/i18n");
+var _form = require("@webiny/form");
+var _ContentEntriesMultiAutoComplete = _interopRequireDefault(require("./components/ContentEntriesMultiAutoComplete"));
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-var getKey = function getKey(field, data) {
-  return (data?.id || "unknown") + "." + field.fieldId;
+var getKey = function getKey(field, id) {
+  return (id || "unknown") + "." + field.fieldId;
 };
 var plugin = {
   type: "cms-editor-field-renderer",
@@ -27,9 +28,10 @@ var plugin = {
     },
     render: function render(props) {
       var Bind = props.getBind();
+      var form = (0, _form.useForm)();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
         return /*#__PURE__*/_react.default.createElement(_ContentEntriesMultiAutoComplete.default, Object.assign({
-          key: getKey(props.field, bind.form?.data)
+          key: getKey(props.field, form.data.id)
         }, props, {
           bind: bind
         }));
@@ -37,7 +39,6 @@ var plugin = {
     }
   }
 };
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;
 
 //# sourceMappingURL=refInputs.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ContentEntriesMultiAutoComplete","_i18n","_templateObject","_templateObject2","t","i18n","ns","getKey","field","data","id","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","multipleValues","render","props","Bind","getBind","createElement","bind","Object","assign","key","form","_default","exports"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\n\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (\n    field: CmsModelField,\n    data?: {\n        id?: string;\n    }\n): string => {\n    return (data?.id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <ContentEntriesMultiAutocomplete\n                            key={getKey(props.field, bind.form?.data)}\n                            {...props}\n                            bind={bind}\n                        />\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;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAAwC,IAAAG,eAAA,EAAAC,gBAAA;AAExC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAM,GAAG,SAATA,MAAMA,CACRC,KAAoB,EACpBC,IAEC,EACQ;EACT,OAAO,CAACA,IAAI,EAAEC,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGF,KAAK,CAACG,OAAO;AACxD,CAAC;AAED,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAEV,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAe,uBAAA,CAAAC,OAAA,yBAAkB;IACzBC,WAAW,EAAEf,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAc,uBAAA,CAAAC,OAAA,+EAAwE;IACtFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATb,KAAK,GAAAa,IAAA,CAALb,KAAK;MACV,OAAOA,KAAK,CAACK,IAAI,KAAK,KAAK,IAAI,CAAC,CAACL,KAAK,CAACc,cAAc;IACzD,CAAC;IACDC,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,oBACI7B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAACF,IAAI,QACA,UAAAG,IAAI;QAAA,oBACD/B,MAAA,CAAAqB,OAAA,CAAAS,aAAA,CAAC3B,gCAAA,CAAAkB,OAA+B,EAAAW,MAAA,CAAAC,MAAA;UAC5BC,GAAG,EAAExB,MAAM,CAACiB,KAAK,CAAChB,KAAK,EAAEoB,IAAI,CAACI,IAAI,EAAEvB,IAAI;QAAE,GACtCe,KAAK;UACTI,IAAI,EAAEA;QAAK,EACd,CAAC;MAAA,CAEJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAK,QAAA,GAEarB,MAAM;AAAAsB,OAAA,CAAAhB,OAAA,GAAAe,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_form","_ContentEntriesMultiAutoComplete","_templateObject","_templateObject2","t","i18n","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","multipleValues","render","props","Bind","getBind","form","useForm","createElement","bind","Object","assign","key","data","_default","exports"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useForm } from \"@webiny/form\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): string => {\n    return (id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            const form = useForm();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <ContentEntriesMultiAutocomplete\n                            key={getKey(props.field, form.data.id)}\n                            {...props}\n                            bind={bind}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,gCAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA2F,IAAAI,eAAA,EAAAC,gBAAA;AAE3F,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAoB,EAAEC,EAAsB,EAAa;EACrE,OAAO,CAACA,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGD,KAAK,CAACE,OAAO;AAClD,CAAC;AAED,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAET,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA,yBAAkB;IACzBC,WAAW,EAAEd,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,+EAAwE;IACtFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATZ,KAAK,GAAAY,IAAA,CAALZ,KAAK;MACV,OAAOA,KAAK,CAACI,IAAI,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACa,cAAc;IACzD,CAAC;IACDC,MAAM,WAAAA,OAACC,KAAK,EAAE;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;MAEtB,oBACI/B,MAAA,CAAAqB,OAAA,CAAAW,aAAA,CAACJ,IAAI,QACA,UAAAK,IAAI;QAAA,oBACDjC,MAAA,CAAAqB,OAAA,CAAAW,aAAA,CAAC3B,gCAAA,CAAAgB,OAA+B,EAAAa,MAAA,CAAAC,MAAA;UAC5BC,GAAG,EAAEzB,MAAM,CAACgB,KAAK,CAACf,KAAK,EAAEkB,IAAI,CAACO,IAAI,CAACxB,EAAE;QAAE,GACnCc,KAAK;UACTM,IAAI,EAAEA;QAAK,EACd,CAAC;MAAA,CAEJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaN,MAAM","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsReferenceContentEntry, CmsReferenceValue } from "../../components/types";
 import { CmsModelField } from "../../../../../../types";
 export interface AddItemParams {
@@ -17,5 +17,5 @@ interface SimpleItemsProps {
     addItem: (params: AddItemParams) => void;
     removeItem: (params: RemoveItemParams) => void;
 }
-export declare const SimpleItems: (props: SimpleItemsProps) => JSX.Element | null;
+export declare const SimpleItems: (props: SimpleItemsProps) => React.JSX.Element | null;
 export {};

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

@@ -1,27 +1,44 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SimpleItems = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
 var _Checkbox = require("@webiny/ui/Checkbox");
 var _utils = require("@webiny/utils");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Radio = require("@webiny/ui/Radio");
-var Title = /*#__PURE__*/(0, _styled.default)("h5", {
-  target: "e1t86xkg0",
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var Title = /*#__PURE__*/(0, _base.default)("h5", process.env.NODE_ENV === "production" ? {
+  target: "e1t86xkg1"
+} : {
+  target: "e1t86xkg1",
   label: "Title"
-})({
-  display: "block"
+})(process.env.NODE_ENV === "production" ? {
+  name: "4zleql",
+  styles: "display:block"
+} : {
+  name: "4zleql",
+  styles: "display:block",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpbXBsZUl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXYyIsImZpbGUiOiJTaW1wbGVJdGVtcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQ2hlY2tib3hcIjtcbmltcG9ydCB7XG4gICAgQ21zUmVmZXJlbmNlQ29udGVudEVudHJ5LFxuICAgIENtc1JlZmVyZW5jZVZhbHVlXG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCB7IHBhcnNlSWRlbnRpZmllciB9IGZyb20gXCJAd2ViaW55L3V0aWxzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgUmFkaW8gfSBmcm9tIFwiQHdlYmlueS91aS9SYWRpb1wiO1xuXG5jb25zdCBUaXRsZSA9IHN0eWxlZChcImg1XCIpKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCJcbn0pO1xuY29uc3QgTGlzdEl0ZW0gPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWRkSXRlbVBhcmFtcyB7XG4gICAgaWQ6IHN0cmluZztcbiAgICBtb2RlbElkOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVtb3ZlSXRlbVBhcmFtcyB7XG4gICAgZW50cnlJZDogc3RyaW5nO1xuICAgIG1vZGVsSWQ6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIEl0ZW1Qcm9wcyB7XG4gICAgbXVsdGlwbGU/OiBib29sZWFuO1xuICAgIHZhbHVlPzogc3RyaW5nIHwgbnVsbDtcbiAgICBpdGVtOiBDbXNSZWZlcmVuY2VDb250ZW50RW50cnk7XG4gICAgb25DaGFuZ2U6IChjaGVja2VkPzogYm9vbGVhbikgPT4gdm9pZDtcbn1cblxuY29uc3QgSXRlbSA9IChwcm9wczogSXRlbVByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBtdWx0aXBsZSwgdmFsdWUsIGl0ZW0sIG9uQ2hhbmdlIH0gPSBwcm9wcztcbiAgICBpZiAoIW11bHRpcGxlKSB7XG4gICAgICAgIHJldHVybiA8UmFkaW8gdmFsdWU9e3ZhbHVlfSBvbkNoYW5nZT17b25DaGFuZ2V9IGxhYmVsPXtpdGVtLnRpdGxlfSAvPjtcbiAgICB9XG4gICAgcmV0dXJuIDxDaGVja2JveCB2YWx1ZT17dmFsdWV9IG9uQ2hhbmdlPXtvbkNoYW5nZX0gbGFiZWw9e2l0ZW0udGl0bGV9IC8+O1xufTtcblxuaW50ZXJmYWNlIFNpbXBsZUl0ZW1zUHJvcHMge1xuICAgIG11bHRpcGxlPzogYm9vbGVhbjtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBpdGVtcz86IENtc1JlZmVyZW5jZUNvbnRlbnRFbnRyeVtdO1xuICAgIHZhbHVlcz86IENtc1JlZmVyZW5jZVZhbHVlW107XG4gICAgYWRkSXRlbTogKHBhcmFtczogQWRkSXRlbVBhcmFtcykgPT4gdm9pZDtcbiAgICByZW1vdmVJdGVtOiAocGFyYW1zOiBSZW1vdmVJdGVtUGFyYW1zKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgU2ltcGxlSXRlbXMgPSAocHJvcHM6IFNpbXBsZUl0ZW1zUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGZpZWxkLCBpdGVtcywgdmFsdWVzLCBhZGRJdGVtLCByZW1vdmVJdGVtLCBtdWx0aXBsZSB9ID0gcHJvcHM7XG5cbiAgICBjb25zdCBvbkNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoaXRlbTogQ21zUmVmZXJlbmNlQ29udGVudEVudHJ5KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKGNoZWNrZWQ/OiBib29sZWFuKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGNoZWNrZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgYWRkSXRlbSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZDogaXRlbS5pZCxcbiAgICAgICAgICAgICAgICAgICAgICAgIG1vZGVsSWQ6IGl0ZW0ubW9kZWwubW9kZWxJZFxuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZW1vdmVJdGVtKHtcbiAgICAgICAgICAgICAgICAgICAgZW50cnlJZDogaXRlbS5lbnRyeUlkLFxuICAgICAgICAgICAgICAgICAgICBtb2RlbElkOiBpdGVtLm1vZGVsLm1vZGVsSWRcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0sXG4gICAgICAgIFthZGRJdGVtLCByZW1vdmVJdGVtLCBtdWx0aXBsZSwgdmFsdWVzXVxuICAgICk7XG5cbiAgICBpZiAoIWl0ZW1zIHx8IGl0ZW1zLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxUaXRsZT57ZmllbGQubGFiZWx9PC9UaXRsZT5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoaXRlbSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgY2hlY2tlZCA9ICh2YWx1ZXMgfHwgW10pLnNvbWUodmFsdWUgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCB7IGlkOiBlbnRyeUlkIH0gPSBwYXJzZUlkZW50aWZpZXIodmFsdWUuaWQpO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZW50cnlJZCA9PT0gaXRlbS5lbnRyeUlkO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxMaXN0SXRlbSBrZXk9e2BpdGVtLSR7aXRlbS5lbnRyeUlkfWB9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPEl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtdWx0aXBsZT17bXVsdGlwbGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e2NoZWNrZWQgPyBpdGVtLmVudHJ5SWQgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW09e2l0ZW19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlKGl0ZW0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9MaXN0SXRlbT5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ListItem = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1t86xkg1",
+var ListItem = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1t86xkg0"
+} : {
+  target: "e1t86xkg0",
   label: "ListItem"
-})({
-  display: "block"
+})(process.env.NODE_ENV === "production" ? {
+  name: "4zleql",
+  styles: "display:block"
+} : {
+  name: "4zleql",
+  styles: "display:block",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpbXBsZUl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjaUIiLCJmaWxlIjoiU2ltcGxlSXRlbXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gXCJAd2ViaW55L3VpL0NoZWNrYm94XCI7XG5pbXBvcnQge1xuICAgIENtc1JlZmVyZW5jZUNvbnRlbnRFbnRyeSxcbiAgICBDbXNSZWZlcmVuY2VWYWx1ZVxufSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBwYXJzZUlkZW50aWZpZXIgfSBmcm9tIFwiQHdlYmlueS91dGlsc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNNb2RlbEZpZWxkIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFJhZGlvIH0gZnJvbSBcIkB3ZWJpbnkvdWkvUmFkaW9cIjtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQoXCJoNVwiKSh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiXG59KTtcbmNvbnN0IExpc3RJdGVtID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCJcbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFkZEl0ZW1QYXJhbXMge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgbW9kZWxJZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFJlbW92ZUl0ZW1QYXJhbXMge1xuICAgIGVudHJ5SWQ6IHN0cmluZztcbiAgICBtb2RlbElkOiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBJdGVtUHJvcHMge1xuICAgIG11bHRpcGxlPzogYm9vbGVhbjtcbiAgICB2YWx1ZT86IHN0cmluZyB8IG51bGw7XG4gICAgaXRlbTogQ21zUmVmZXJlbmNlQ29udGVudEVudHJ5O1xuICAgIG9uQ2hhbmdlOiAoY2hlY2tlZD86IGJvb2xlYW4pID0+IHZvaWQ7XG59XG5cbmNvbnN0IEl0ZW0gPSAocHJvcHM6IEl0ZW1Qcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgbXVsdGlwbGUsIHZhbHVlLCBpdGVtLCBvbkNoYW5nZSB9ID0gcHJvcHM7XG4gICAgaWYgKCFtdWx0aXBsZSkge1xuICAgICAgICByZXR1cm4gPFJhZGlvIHZhbHVlPXt2YWx1ZX0gb25DaGFuZ2U9e29uQ2hhbmdlfSBsYWJlbD17aXRlbS50aXRsZX0gLz47XG4gICAgfVxuICAgIHJldHVybiA8Q2hlY2tib3ggdmFsdWU9e3ZhbHVlfSBvbkNoYW5nZT17b25DaGFuZ2V9IGxhYmVsPXtpdGVtLnRpdGxlfSAvPjtcbn07XG5cbmludGVyZmFjZSBTaW1wbGVJdGVtc1Byb3BzIHtcbiAgICBtdWx0aXBsZT86IGJvb2xlYW47XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgaXRlbXM/OiBDbXNSZWZlcmVuY2VDb250ZW50RW50cnlbXTtcbiAgICB2YWx1ZXM/OiBDbXNSZWZlcmVuY2VWYWx1ZVtdO1xuICAgIGFkZEl0ZW06IChwYXJhbXM6IEFkZEl0ZW1QYXJhbXMpID0+IHZvaWQ7XG4gICAgcmVtb3ZlSXRlbTogKHBhcmFtczogUmVtb3ZlSXRlbVBhcmFtcykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNpbXBsZUl0ZW1zID0gKHByb3BzOiBTaW1wbGVJdGVtc1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyBmaWVsZCwgaXRlbXMsIHZhbHVlcywgYWRkSXRlbSwgcmVtb3ZlSXRlbSwgbXVsdGlwbGUgfSA9IHByb3BzO1xuXG4gICAgY29uc3Qgb25DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGl0ZW06IENtc1JlZmVyZW5jZUNvbnRlbnRFbnRyeSkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIChjaGVja2VkPzogYm9vbGVhbikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChjaGVja2VkKSB7XG4gICAgICAgICAgICAgICAgICAgIGFkZEl0ZW0oe1xuICAgICAgICAgICAgICAgICAgICAgICAgaWQ6IGl0ZW0uaWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBtb2RlbElkOiBpdGVtLm1vZGVsLm1vZGVsSWRcbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmVtb3ZlSXRlbSh7XG4gICAgICAgICAgICAgICAgICAgIGVudHJ5SWQ6IGl0ZW0uZW50cnlJZCxcbiAgICAgICAgICAgICAgICAgICAgbW9kZWxJZDogaXRlbS5tb2RlbC5tb2RlbElkXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9O1xuICAgICAgICB9LFxuICAgICAgICBbYWRkSXRlbSwgcmVtb3ZlSXRlbSwgbXVsdGlwbGUsIHZhbHVlc11cbiAgICApO1xuXG4gICAgaWYgKCFpdGVtcyB8fCBpdGVtcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8VGl0bGU+e2ZpZWxkLmxhYmVsfTwvVGl0bGU+XG4gICAgICAgICAgICB7aXRlbXMubWFwKGl0ZW0gPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGNoZWNrZWQgPSAodmFsdWVzIHx8IFtdKS5zb21lKHZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBpZDogZW50cnlJZCB9ID0gcGFyc2VJZGVudGlmaWVyKHZhbHVlLmlkKTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGVudHJ5SWQgPT09IGl0ZW0uZW50cnlJZDtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8TGlzdEl0ZW0ga2V5PXtgaXRlbS0ke2l0ZW0uZW50cnlJZH1gfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXtjaGVja2VkID8gaXRlbS5lbnRyeUlkIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZShpdGVtKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvTGlzdEl0ZW0+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Item = function Item(props) {
   var multiple = props.multiple,
@@ -41,7 +58,7 @@ var Item = function Item(props) {
     label: item.title
   });
 };
-var SimpleItems = function SimpleItems(props) {
+var SimpleItems = exports.SimpleItems = function SimpleItems(props) {
   var field = props.field,
     items = props.items,
     values = props.values,
@@ -82,6 +99,5 @@ var SimpleItems = function SimpleItems(props) {
     }));
   }));
 };
-exports.SimpleItems = SimpleItems;
 
 //# sourceMappingURL=SimpleItems.js.map

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

@@ -1 +1 @@
-{"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 = (props: ItemProps) => {\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 SimpleItemsProps {\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 = (props: SimpleItemsProps) => {\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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Checkbox","_utils","_Radio","_EMOTION_STRINGIFIED_CSS_ERROR__","Title","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ListItem","Item","props","multiple","value","item","onChange","createElement","Radio","title","Checkbox","SimpleItems","exports","field","items","values","addItem","removeItem","useCallback","checked","id","modelId","model","entryId","length","Fragment","some","_parseIdentifier","parseIdentifier","key","concat"],"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 = (props: ItemProps) => {\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 SimpleItemsProps {\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 = (props: SimpleItemsProps) => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AAAyC,SAAAI,iCAAA;AAEzC,IAAMC,KAAK,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAEzB,CAAC;AACF,IAAMa,QAAQ,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAE7B,CAAC;AAmBF,IAAMc,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;EAC/B,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,oBAAOtB,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACrB,MAAA,CAAAsB,KAAK;MAACJ,KAAK,EAAEA,KAAM;MAACE,QAAQ,EAAEA,QAAS;MAACX,KAAK,EAAEU,IAAI,CAACI;IAAM,CAAE,CAAC;EACzE;EACA,oBAAO5B,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACvB,SAAA,CAAA0B,QAAQ;IAACN,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA,QAAS;IAACX,KAAK,EAAEU,IAAI,CAACI;EAAM,CAAE,CAAC;AAC5E,CAAC;AAWM,IAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIT,KAAuB,EAAK;EACpD,IAAQW,KAAK,GAAmDX,KAAK,CAA7DW,KAAK;IAAEC,KAAK,GAA4CZ,KAAK,CAAtDY,KAAK;IAAEC,MAAM,GAAoCb,KAAK,CAA/Ca,MAAM;IAAEC,OAAO,GAA2Bd,KAAK,CAAvCc,OAAO;IAAEC,UAAU,GAAef,KAAK,CAA9Be,UAAU;IAAEd,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAE3D,IAAMG,QAAQ,GAAG,IAAAY,kBAAW,EACxB,UAACb,IAA8B,EAAK;IAChC,OAAO,UAACc,OAAiB,EAAK;MAC1B,IAAIA,OAAO,EAAE;QACTH,OAAO,CAAC;UACJI,EAAE,EAAEf,IAAI,CAACe,EAAE;UACXC,OAAO,EAAEhB,IAAI,CAACiB,KAAK,CAACD;QACxB,CAAC,CAAC;QACF;MACJ;MACAJ,UAAU,CAAC;QACPM,OAAO,EAAElB,IAAI,CAACkB,OAAO;QACrBF,OAAO,EAAEhB,IAAI,CAACiB,KAAK,CAACD;MACxB,CAAC,CAAC;IACN,CAAC;EACL,CAAC,EACD,CAACL,OAAO,EAAEC,UAAU,EAAEd,QAAQ,EAAEY,MAAM,CAC1C,CAAC;EAED,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACU,MAAM,KAAK,CAAC,EAAE;IAC9B,OAAO,IAAI;EACf;EACA,oBACI3C,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAAA1B,MAAA,CAAAS,OAAA,CAAAmC,QAAA,qBACI5C,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACnB,KAAK,QAAEyB,KAAK,CAAClB,KAAa,CAAC,EAC3BmB,KAAK,CAAChB,GAAG,CAAC,UAAAO,IAAI,EAAI;IACf,IAAMc,OAAO,GAAG,CAACJ,MAAM,IAAI,EAAE,EAAEW,IAAI,CAAC,UAAAtB,KAAK,EAAI;MACzC,IAAAuB,gBAAA,GAAwB,IAAAC,sBAAe,EAACxB,KAAK,CAACgB,EAAE,CAAC;QAArCG,OAAO,GAAAI,gBAAA,CAAXP,EAAE;MACV,OAAOG,OAAO,KAAKlB,IAAI,CAACkB,OAAO;IACnC,CAAC,CAAC;IACF,oBACI1C,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACP,QAAQ;MAAC6B,GAAG,UAAAC,MAAA,CAAUzB,IAAI,CAACkB,OAAO;IAAG,gBAClC1C,MAAA,CAAAS,OAAA,CAAAiB,aAAA,CAACN,IAAI;MACDE,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEe,OAAO,GAAGd,IAAI,CAACkB,OAAO,GAAG,IAAK;MACrClB,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAQ,CAACD,IAAI;IAAE,CAC5B,CACK,CAAC;EAEnB,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

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

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _useContentModels2 = require("./useContentModels");
 var _useReferences = require("./useReferences");
 var _SimpleItems = require("./SimpleItems");
-var SimpleMultipleRenderer = function SimpleMultipleRenderer(props) {
+var SimpleMultipleRenderer = exports.SimpleMultipleRenderer = function SimpleMultipleRenderer(props) {
   var field = props.field,
     bind = props.bind;
   var values = (0, _react.useMemo)(function () {
@@ -45,6 +45,5 @@ var SimpleMultipleRenderer = function SimpleMultipleRenderer(props) {
     removeItem: removeItem
   });
 };
-exports.SimpleMultipleRenderer = SimpleMultipleRenderer;
 
 //# sourceMappingURL=SimpleMultipleRenderer.js.map

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

@@ -1 +1 @@
-{"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 SimpleMultipleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\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,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAkC,EAAK;EAC1E,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,CAACA,KAAK,EAAEiB,EAAE,EAAE;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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useContentModels2","_useReferences","_SimpleItems","SimpleMultipleRenderer","exports","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"],"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 SimpleMultipleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\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,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIE,KAAkC,EAAK;EAC1E,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,CAACA,KAAK,EAAEiB,EAAE,EAAE;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,oBACIX,MAAA,CAAA2B,OAAA,CAAAQ,aAAA,CAAC9B,YAAA,CAAA+B,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","ignoreList":[]}

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

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import React from "react";
 import { BindComponentRenderProp, CmsModelField } from "../../../../../../types";
 import { CmsReferenceValue } from "../../components/types";
 interface SimpleSingleRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;
     field: CmsModelField;
+    loadingElement?: JSX.Element;
 }
-export declare const SimpleSingleRenderer: (props: SimpleSingleRendererProps) => JSX.Element;
+export declare const SimpleSingleRenderer: (props: SimpleSingleRendererProps) => React.JSX.Element;
 export {};

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

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _useContentModels2 = require("./useContentModels");
 var _useReferences = require("./useReferences");
 var _SimpleItems = require("./SimpleItems");
-var SimpleSingleRenderer = function SimpleSingleRenderer(props) {
+var SimpleSingleRenderer = exports.SimpleSingleRenderer = function SimpleSingleRenderer(props) {
   var field = props.field,
     bind = props.bind;
   var value = (0, _react.useMemo)(function () {
@@ -28,6 +28,9 @@ var SimpleSingleRenderer = function SimpleSingleRenderer(props) {
   var removeItem = (0, _react.useCallback)(function () {
     bind.onChange(null);
   }, [bind, value]);
+  if (references.loading && props.loadingElement) {
+    return props.loadingElement;
+  }
   return /*#__PURE__*/_react.default.createElement(_SimpleItems.SimpleItems, {
     field: field,
     values: value ? [value] : [],
@@ -36,6 +39,5 @@ var SimpleSingleRenderer = function SimpleSingleRenderer(props) {
     removeItem: removeItem
   });
 };
-exports.SimpleSingleRenderer = SimpleSingleRenderer;
 
 //# sourceMappingURL=SimpleSingleRenderer.js.map

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

@@ -1 +1 @@
-{"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 SimpleSingleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\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,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAgC,EAAK;EACtE,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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useContentModels2","_useReferences","_SimpleItems","SimpleSingleRenderer","exports","props","field","bind","value","useMemo","_useContentModels","useContentModels","models","references","useReferences","addItem","useCallback","params","onChange","removeItem","loading","loadingElement","default","createElement","SimpleItems","values","items","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 SimpleSingleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n    loadingElement?: JSX.Element;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\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    if (references.loading && props.loadingElement) {\n        return props.loadingElement;\n    }\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;AAQO,IAAMI,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,KAAgC,EAAK;EACtE,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,IAAIK,UAAU,CAACO,OAAO,IAAIf,KAAK,CAACgB,cAAc,EAAE;IAC5C,OAAOhB,KAAK,CAACgB,cAAc;EAC/B;EAEA,oBACIxB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACrB,YAAA,CAAAsB,WAAW;IACRlB,KAAK,EAAEA,KAAM;IACbmB,MAAM,EAAEjB,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAG;IAC7BkB,KAAK,EAAEb,UAAU,CAACc,OAAQ;IAC1BZ,OAAO,EAAEA,OAAQ;IACjBI,UAAU,EAAEA;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useContentModels = void 0;
 var _react = require("react");
 var _hooks = require("../../../../../hooks");
-var useContentModels = function useContentModels(_ref) {
+var useContentModels = exports.useContentModels = function useContentModels(_ref) {
   var field = _ref.field;
   var _useBaseContentModels = (0, _hooks.useContentModels)(),
     initialModels = _useBaseContentModels.models;
@@ -27,6 +27,5 @@ var useContentModels = function useContentModels(_ref) {
     models: models
   };
 };
-exports.useContentModels = useContentModels;
 
 //# sourceMappingURL=useContentModels.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_hooks","useContentModels","_ref","field","_useBaseContentModels","useBaseContentModels","initialModels","models","useMemo","filter","model","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;MACjC,IAAI,CAACP,KAAK,CAACQ,QAAQ,EAAEJ,MAAM,IAAIJ,KAAK,CAACQ,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,OAAOT,KAAK,CAACQ,QAAQ,EAAEJ,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;AAACS,OAAA,CAAAf,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["_react","require","_hooks","useContentModels","exports","_ref","field","_useBaseContentModels","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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAKO,IAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,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;MACjC,IAAI,CAACP,KAAK,CAACQ,QAAQ,EAAEJ,MAAM,IAAIJ,KAAK,CAACQ,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,OAAOT,KAAK,CAACQ,QAAQ,EAAEJ,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","ignoreList":[]}

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

@@ -42,7 +42,7 @@ var executeSearch = async function executeSearch(params) {
     setLoading(false);
   }
 };
-var useReferences = function useReferences(_ref) {
+var useReferences = exports.useReferences = function useReferences(_ref) {
   var models = _ref.models;
   var client = (0, _hooks.useApolloClient)();
   var _useState = (0, _react.useState)([]),
@@ -77,6 +77,5 @@ var useReferences = function useReferences(_ref) {
     error: error
   };
 };
-exports.useReferences = useReferences;
 
 //# sourceMappingURL=useReferences.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_hooks","_graphql","executeSearch","params","setLoading","setError","setEntries","client","models","_params$requestContex","requestContext","result","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","model","modelId","limit","context","error","data","content","message","ex","useReferences","_ref","useApolloClient","_useState","useState","_useState2","_slicedToArray2","default","entries","_useState3","_useState4","loading","_useState5","_useState6","useModelFieldGraphqlContext","useEffect","length","exports"],"sources":["useReferences.ts"],"sourcesContent":["import ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } 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    requestContext: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, models, requestContext = {} } = 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            context: requestContext\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    const requestContext = useModelFieldGraphqlContext();\n\n    useEffect(() => {\n        if (!models || models.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            requestContext,\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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"}
+{"version":3,"names":["_react","require","_hooks","_graphql","executeSearch","params","setLoading","setError","setEntries","client","models","_params$requestContex","requestContext","result","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","model","modelId","limit","context","error","data","content","message","ex","useReferences","exports","_ref","useApolloClient","_useState","useState","_useState2","_slicedToArray2","default","entries","_useState3","_useState4","loading","_useState5","_useState6","useModelFieldGraphqlContext","useEffect","length"],"sources":["useReferences.ts"],"sourcesContent":["import ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } 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    requestContext: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, models, requestContext = {} } = 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            context: requestContext\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    const requestContext = useModelFieldGraphqlContext();\n\n    useEffect(() => {\n        if (!models || models.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            requestContext,\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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","ignoreList":[]}

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

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.createSimpleRefRenderer = void 0;
 var _simpleSingleRenderer = require("./simpleSingleRenderer");
 var _simpleMultipleRenderer = require("./simpleMultipleRenderer");
-var createSimpleRefRenderer = function createSimpleRefRenderer() {
+var createSimpleRefRenderer = exports.createSimpleRefRenderer = function createSimpleRefRenderer() {
   return [(0, _simpleSingleRenderer.createSimpleSingleRenderer)(), (0, _simpleMultipleRenderer.createSimpleMultipleRenderer)()];
 };
-exports.createSimpleRefRenderer = createSimpleRefRenderer;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_simpleSingleRenderer","require","_simpleMultipleRenderer","createSimpleRefRenderer","exports","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,IAAAA,qBAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,IAAME,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EACzC,OAAO,CAAC,IAAAE,gDAA0B,EAAC,CAAC,EAAE,IAAAC,oDAA4B,EAAC,CAAC,CAAC;AACzE,CAAC","ignoreList":[]}

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

@@ -11,7 +11,7 @@ var _i18n = require("@webiny/app/i18n");
 var _SimpleMultipleRenderer = require("./components/SimpleMultipleRenderer");
 var _templateObject, _templateObject2;
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-var createSimpleMultipleRenderer = function createSimpleMultipleRenderer() {
+var createSimpleMultipleRenderer = exports.createSimpleMultipleRenderer = function createSimpleMultipleRenderer() {
   return {
     type: "cms-editor-field-renderer",
     name: "cms-editor-field-renderer-ref-multiple-simple",
@@ -37,6 +37,5 @@ var createSimpleMultipleRenderer = function createSimpleMultipleRenderer() {
     }
   };
 };
-exports.createSimpleMultipleRenderer = createSimpleMultipleRenderer;
 
 //# sourceMappingURL=simpleMultipleRenderer.js.map