@webiny/app-headless-cms 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React from "react";
-import MissingEntryHelpText, { ReferenceMultipleModelsHelpText } from "../components/MissingEntryHelpText";
-import { useContentEntries } from "../../../../views/contentEntries/hooks/useContentEntries";
+import MissingEntryHelpText, { ReferenceMultipleModelsHelpText } from "../components/MissingEntryHelpText.js";
+import { useContentEntries } from "../../../../views/contentEntries/hooks/useContentEntries.js";
 export const useNewRefEntry = ({
   field
 }) => {
@@ -33,20 +33,20 @@ export const useNewRefEntry = ({
     renderNewEntryModal = !contentEntriesContext.insideDialog;
   }
   /**
-   * Set "helpText" value.
+   * Set "help" value.
    */
-  let helpText;
+  let help;
   if (referenceMultipleModels) {
-    helpText = /*#__PURE__*/React.createElement(ReferenceMultipleModelsHelpText, null);
+    help = /*#__PURE__*/React.createElement(ReferenceMultipleModelsHelpText, null);
   } else {
-    helpText = /*#__PURE__*/React.createElement(MissingEntryHelpText, {
+    help = /*#__PURE__*/React.createElement(MissingEntryHelpText, {
       refModelId: refModelId
     });
   }
   return {
     renderNewEntryModal,
     refModelId,
-    helpText
+    help
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","MissingEntryHelpText","ReferenceMultipleModelsHelpText","useContentEntries","useNewRefEntry","field","models","settings","modelId","refModelId","referenceMultipleModels","length","contentEntriesContext","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText","createElement"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    helpText: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"helpText\" value.\n     */\n    let helpText;\n    if (referenceMultipleModels) {\n        helpText = <ReferenceMultipleModelsHelpText />;\n    } else {\n        helpText = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        helpText\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,oBAAoB,IACvBC,+BAA+B;AAEnC,SAASC,iBAAiB;AAY1B,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAqB;EAC/E,MAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAG,IAAI,KAAK,EAAE;EAC7F,MAAM,CAAC;IAAEE,OAAO,EAAEC;EAAW,CAAC,CAAC,GAAGH,MAAM;EACxC,MAAMI,uBAAuB,GAAGJ,MAAM,CAACK,MAAM,GAAG,CAAC;EAEjD,IAAIC,qBAAqB,GAAG,IAAI;EAChC,IAAI;IACAA,qBAAqB,GAAGT,iBAAiB,CAAC,CAAC;EAC/C,CAAC,CAAC,MAAM;IACJ;EAAA;;EAGJ;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAMU,oBAAoB,GAAGD,qBAAqB,KAAK,IAAI;EAE3D,IAAIE,mBAAmB,GAAG,KAAK;EAE/B,IAAID,oBAAoB,EAAE;IACtBC,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIJ,uBAAuB,EAAE;IAChCI,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIF,qBAAqB,EAAE;IAC9BE,mBAAmB,GAAG,CAACF,qBAAqB,CAACG,YAAY;EAC7D;EACA;AACJ;AACA;EACI,IAAIC,QAAQ;EACZ,IAAIN,uBAAuB,EAAE;IACzBM,QAAQ,gBAAGhB,KAAA,CAAAiB,aAAA,CAACf,+BAA+B,MAAE,CAAC;EAClD,CAAC,MAAM;IACHc,QAAQ,gBAAGhB,KAAA,CAAAiB,aAAA,CAAChB,oBAAoB;MAACQ,UAAU,EAAEA;IAAW,CAAE,CAAC;EAC/D;EAEA,OAAO;IACHK,mBAAmB;IACnBL,UAAU;IACVO;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","MissingEntryHelpText","ReferenceMultipleModelsHelpText","useContentEntries","useNewRefEntry","field","models","settings","modelId","refModelId","referenceMultipleModels","length","contentEntriesContext","renderedInPreviewTab","renderNewEntryModal","insideDialog","help","createElement"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelField } from \"~/types.js\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText.js\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries.js\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    help: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"help\" value.\n     */\n    let help;\n    if (referenceMultipleModels) {\n        help = <ReferenceMultipleModelsHelpText />;\n    } else {\n        help = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        help\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,oBAAoB,IACvBC,+BAA+B;AAEnC,SAASC,iBAAiB;AAY1B,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAqB;EAC/E,MAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACD,MAAM,GAAG,IAAI,KAAK,EAAE;EAC7F,MAAM,CAAC;IAAEE,OAAO,EAAEC;EAAW,CAAC,CAAC,GAAGH,MAAM;EACxC,MAAMI,uBAAuB,GAAGJ,MAAM,CAACK,MAAM,GAAG,CAAC;EAEjD,IAAIC,qBAAqB,GAAG,IAAI;EAChC,IAAI;IACAA,qBAAqB,GAAGT,iBAAiB,CAAC,CAAC;EAC/C,CAAC,CAAC,MAAM;IACJ;EAAA;;EAGJ;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAMU,oBAAoB,GAAGD,qBAAqB,KAAK,IAAI;EAE3D,IAAIE,mBAAmB,GAAG,KAAK;EAE/B,IAAID,oBAAoB,EAAE;IACtBC,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIJ,uBAAuB,EAAE;IAChCI,mBAAmB,GAAG,KAAK;EAC/B,CAAC,MAAM,IAAIF,qBAAqB,EAAE;IAC9BE,mBAAmB,GAAG,CAACF,qBAAqB,CAACG,YAAY;EAC7D;EACA;AACJ;AACA;EACI,IAAIC,IAAI;EACR,IAAIN,uBAAuB,EAAE;IACzBM,IAAI,gBAAGhB,KAAA,CAAAiB,aAAA,CAACf,+BAA+B,MAAE,CAAC;EAC9C,CAAC,MAAM;IACHc,IAAI,gBAAGhB,KAAA,CAAAiB,aAAA,CAAChB,oBAAoB;MAACQ,UAAU,EAAEA;IAAW,CAAE,CAAC;EAC3D;EAEA,OAAO;IACHK,mBAAmB;IACnBL,UAAU;IACVO;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["refInput","refInputs","createAdvancedRefRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput\";\nimport refInputs from \"./refInputs\";\nimport { createAdvancedRefRenderer } from \"./advanced\";\nimport { createSimpleRefRenderer } from \"./simple\";\n\nexport default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];\n"],"mappings":"AAAA,OAAOA,QAAQ;AACf,OAAOC,SAAS;AAChB,SAASC,yBAAyB;AAClC,SAASC,uBAAuB;AAEhC,eAAe,CAAC,GAAGD,yBAAyB,CAAC,CAAC,EAAEF,QAAQ,EAAEC,SAAS,EAAE,GAAGE,uBAAuB,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["refInput","refInputs","createAdvancedRefRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import refInput from \"./refInput.js\";\nimport refInputs from \"./refInputs.js\";\nimport { createAdvancedRefRenderer } from \"./advanced/index.js\";\nimport { createSimpleRefRenderer } from \"./simple/index.js\";\n\nexport default [...createAdvancedRefRenderer(), refInput, refInputs, ...createSimpleRefRenderer()];\n"],"mappings":"AAAA,OAAOA,QAAQ;AACf,OAAOC,SAAS;AAChB,SAASC,yBAAyB;AAClC,SAASC,uBAAuB;AAEhC,eAAe,CAAC,GAAGD,yBAAyB,CAAC,CAAC,EAAEF,QAAQ,EAAEC,SAAS,EAAE,GAAGE,uBAAuB,CAAC,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete";
+import { i18n } from "@webiny/app/i18n/index.js";
+import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 const plugin = {
   type: "cms-editor-field-renderer",
@@ -12,7 +12,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "ref" && !field.multipleValues;
+      return field.type === "ref" && !field.list;
     },
     render(props) {
       const Bind = props.getBind();

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","ContentEntriesAutocomplete","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","Bind","getBind","createElement","bind","ValidationContainer","Object","assign"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,0BAA0B;AAEjC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,uEAAuE;IACrFQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,cAAc;IACxD,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAE5B,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,IAAI,QACAG,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACF,IAAI,CAACI,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,0BAA0B,EAAAmB,MAAA,CAAAC,MAAA,KAAKP,KAAK;QAAEI,IAAI,EAAEA;MAAK,EAAE,CAC9B,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}
+{"version":3,"names":["React","i18n","ContentEntriesAutocomplete","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","Bind","getBind","createElement","bind","ValidationContainer","Object","assign"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.list;\n        },\n        render(props) {\n            const Bind = props.getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,0BAA0B;AAEjC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WAAW;IACzBF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,uEAAuE;IACrFQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,IAAI;IAC9C,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAE5B,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,IAAI,QACAG,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACF,IAAI,CAACI,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,0BAA0B,EAAAmB,MAAA,CAAAC,MAAA,KAAKP,KAAK;QAAEI,IAAI,EAAEA;MAAK,EAAE,CAC9B,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}

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

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

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

@@ -1,7 +1,7 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { useForm } from "@webiny/form";
-import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete";
+import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 const getKey = (field, id) => {
   return (id || "unknown") + "." + field.fieldId;
@@ -16,7 +16,7 @@ const plugin = {
     canUse({
       field
     }) {
-      return field.type === "ref" && !!field.multipleValues;
+      return field.type === "ref" && !!field.list;
     },
     render(props) {
       const Bind = props.getBind();

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","useForm","ContentEntriesMultiAutocomplete","t","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render","props","Bind","getBind","form","createElement","bind","ValidationContainer","Object","assign","key","data"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useForm } from \"@webiny/form\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): string => {\n    return (id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            const form = useForm();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, form.data.id)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,OAAO,QAAQ,cAAc;AAEtC,OAAOC,+BAA+B;AAEtC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAM,GAAGA,CAACC,KAAoB,EAAEC,EAAsB,KAAa;EACrE,OAAO,CAACA,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGD,KAAK,CAACE,OAAO;AAClD,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,kBAAkB;IACzBW,WAAW,EAAEX,CAAC,wEAAwE;IACtFY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACI,IAAI,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACU,cAAc;IACzD,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,MAAMC,IAAI,GAAGpB,OAAO,CAAC,CAAC;MAEtB,oBACIF,KAAA,CAAAuB,aAAA,CAACH,IAAI,QACAI,IAAI,iBACDxB,KAAA,CAAAuB,aAAA,CAACH,IAAI,CAACK,mBAAmB,qBACrBzB,KAAA,CAAAuB,aAAA,CAACpB,+BAA+B,EAAAuB,MAAA,CAAAC,MAAA;QAC5BC,GAAG,EAAEtB,MAAM,CAACa,KAAK,CAACZ,KAAK,EAAEe,IAAI,CAACO,IAAI,CAACrB,EAAE;MAAE,GACnCW,KAAK;QACTK,IAAI,EAAEA;MAAK,EACd,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}
+{"version":3,"names":["React","i18n","useForm","ContentEntriesMultiAutocomplete","t","ns","getKey","field","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","list","render","props","Bind","getBind","form","createElement","bind","ValidationContainer","Object","assign","key","data"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useForm } from \"@webiny/form\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (field: CmsModelField, id: string | undefined): string => {\n    return (id || \"unknown\") + \".\" + field.fieldId;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.list;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            const form = useForm();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, form.data.id)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,OAAO,QAAQ,cAAc;AAEtC,OAAOC,+BAA+B;AAEtC,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,MAAM,GAAGA,CAACC,KAAoB,EAAEC,EAAsB,KAAa;EACrE,OAAO,CAACA,EAAE,IAAI,SAAS,IAAI,GAAG,GAAGD,KAAK,CAACE,OAAO;AAClD,CAAC;AAED,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,sCAAsC;EAC5CC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,kBAAkB;IACzBW,WAAW,EAAEX,CAAC,wEAAwE;IACtFY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAOA,KAAK,CAACI,IAAI,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACU,IAAI;IAC/C,CAAC;IACDC,MAAMA,CAACC,KAAK,EAAE;MACV,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAAC,CAAC;MAC5B,MAAMC,IAAI,GAAGpB,OAAO,CAAC,CAAC;MAEtB,oBACIF,KAAA,CAAAuB,aAAA,CAACH,IAAI,QACAI,IAAI,iBACDxB,KAAA,CAAAuB,aAAA,CAACH,IAAI,CAACK,mBAAmB,qBACrBzB,KAAA,CAAAuB,aAAA,CAACpB,+BAA+B,EAAAuB,MAAA,CAAAC,MAAA;QAC5BC,GAAG,EAAEtB,MAAM,CAACa,KAAK,CAACZ,KAAK,EAAEe,IAAI,CAACO,IAAI,CAACrB,EAAE;MAAE,GACnCW,KAAK;QACTK,IAAI,EAAEA;MAAK,EACd,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAed,MAAM","ignoreList":[]}

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

@@ -5,7 +5,7 @@ export const Loader = () => {
     style: {
       height: "180px"
     },
-    className: "wby-relative"
+    className: "relative"
   }, /*#__PURE__*/React.createElement(OverlayLoader, {
     size: "md",
     text: "Loading entries..."

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

@@ -1 +1 @@
-{"version":3,"names":["React","OverlayLoader","Loader","createElement","style","height","className","size","text"],"sources":["Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport const Loader = () => {\n    return (\n        <div style={{ height: \"180px\" }} className={\"wby-relative\"}>\n            <OverlayLoader size={\"md\"} text={\"Loading entries...\"} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIF,KAAA,CAAAG,aAAA;IAAKC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ,CAAE;IAACC,SAAS,EAAE;EAAe,gBACvDN,KAAA,CAAAG,aAAA,CAACF,aAAa;IAACM,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAqB,CAAE,CACvD,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","OverlayLoader","Loader","createElement","style","height","className","size","text"],"sources":["Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport const Loader = () => {\n    return (\n        <div style={{ height: \"180px\" }} className={\"relative\"}>\n            <OverlayLoader size={\"md\"} text={\"Loading entries...\"} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACIF,KAAA,CAAAG,aAAA;IAAKC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ,CAAE;IAACC,SAAS,EAAE;EAAW,gBACnDN,KAAA,CAAAG,aAAA,CAACF,aAAa;IAACM,IAAI,EAAE,IAAK;IAACC,IAAI,EAAE;EAAqB,CAAE,CACvD,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types";
-import type { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface SimpleMultipleRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
     field: CmsModelField;

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

@@ -1,13 +1,18 @@
 import React, { useMemo } from "react";
-import { useContentModels } from "./useContentModels";
-import { useReferences } from "./useReferences";
+import { useContentModels } from "./useContentModels.js";
+import { useReferences } from "./useReferences.js";
 import { CheckboxGroup } from "@webiny/admin-ui";
-import { Loader } from "./Loader";
+import { Loader } from "./Loader.js";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 export const SimpleMultipleRenderer = props => {
   const {
-    field,
     bind
   } = props;
+  const {
+    field
+  } = useModelField();
+  const rules = useFieldEffectiveRules(field);
+  const disabled = !rules.canEdit || rules.disabled;
   const values = useMemo(() => {
     return Array.isArray(bind.value) ? bind.value.map(item => item.id) : [];
   }, [bind.value]);
@@ -32,8 +37,11 @@ export const SimpleMultipleRenderer = props => {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
   return /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
+    disabled: disabled,
     label: field.label,
-    description: field.helpText,
+    description: field.description,
+    note: field.note,
+    hint: field.help,
     value: values,
     items: items,
     onChange: values => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useContentModels","useReferences","CheckboxGroup","Loader","SimpleMultipleRenderer","props","field","bind","values","Array","isArray","value","map","item","id","models","references","items","entries","entry","label","title","loading","createElement","Object","assign","description","helpText","onChange","selectedEntryIds","split","selectedItems","filter","includes","entryId","model","modelId"],"sources":["SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { Loader } from \"./Loader\";\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.map(item => item.id) : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <CheckboxGroup\n            {...bind}\n            label={field.label}\n            description={field.helpText}\n            value={values}\n            items={items}\n            onChange={(values: string[]) => {\n                const selectedEntryIds = values.map(value => value.split(\"#\")[0]);\n                const selectedItems = references.entries.filter(entry =>\n                    selectedEntryIds.includes(entry.entryId)\n                );\n\n                bind.onChange(\n                    selectedItems.map(({ id, model }) => ({\n                        id,\n                        modelId: model.modelId\n                    }))\n                );\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,MAAM;AAOf,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAE7B,MAAMG,MAAM,GAAGT,OAAO,CAAC,MAAM;IACzB,OAAOU,KAAK,CAACC,OAAO,CAACH,IAAI,CAACI,KAAK,CAAC,GAAGJ,IAAI,CAACI,KAAK,CAACC,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,CAAC,GAAG,EAAE;EAC3E,CAAC,EAAE,CAACP,IAAI,CAACI,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEI;EAAO,CAAC,GAAGf,gBAAgB,CAAC;IAChCM;EACJ,CAAC,CAAC;EAEF,MAAMU,UAAU,GAAGf,aAAa,CAAC;IAC7Bc;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGlB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACiB,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACN,GAAG,CAACO,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBV,KAAK,EAAEQ,KAAK,CAACL;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACM,OAAO,EAAE;IACpB,oBAAOxB,KAAA,CAAAyB,aAAA,CAACpB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIL,KAAA,CAAAyB,aAAA,CAACrB,aAAa,EAAAsB,MAAA,CAAAC,MAAA,KACNlB,IAAI;IACRa,KAAK,EAAEd,KAAK,CAACc,KAAM;IACnBM,WAAW,EAAEpB,KAAK,CAACqB,QAAS;IAC5BhB,KAAK,EAAEH,MAAO;IACdS,KAAK,EAAEA,KAAM;IACbW,QAAQ,EAAGpB,MAAgB,IAAK;MAC5B,MAAMqB,gBAAgB,GAAGrB,MAAM,CAACI,GAAG,CAACD,KAAK,IAAIA,KAAK,CAACmB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MACjE,MAAMC,aAAa,GAAGf,UAAU,CAACE,OAAO,CAACc,MAAM,CAACb,KAAK,IACjDU,gBAAgB,CAACI,QAAQ,CAACd,KAAK,CAACe,OAAO,CAC3C,CAAC;MAED3B,IAAI,CAACqB,QAAQ,CACTG,aAAa,CAACnB,GAAG,CAAC,CAAC;QAAEE,EAAE;QAAEqB;MAAM,CAAC,MAAM;QAClCrB,EAAE;QACFsB,OAAO,EAAED,KAAK,CAACC;MACnB,CAAC,CAAC,CACN,CAAC;IACL;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useContentModels","useReferences","CheckboxGroup","Loader","useFieldEffectiveRules","useModelField","SimpleMultipleRenderer","props","bind","field","rules","disabled","canEdit","values","Array","isArray","value","map","item","id","models","references","items","entries","entry","label","title","loading","createElement","Object","assign","description","note","hint","help","onChange","selectedEntryIds","split","selectedItems","filter","includes","entryId","model","modelId"],"sources":["SimpleMultipleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { Loader } from \"./Loader.js\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleMultipleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleMultipleRenderer = (props: SimpleMultipleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const values = useMemo(() => {\n        return Array.isArray(bind.value) ? bind.value.map(item => item.id) : [];\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <CheckboxGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={values}\n            items={items}\n            onChange={(values: string[]) => {\n                const selectedEntryIds = values.map(value => value.split(\"#\")[0]);\n                const selectedItems = references.entries.filter(entry =>\n                    selectedEntryIds.includes(entry.entryId)\n                );\n\n                bind.onChange(\n                    selectedItems.map(({ id, model }) => ({\n                        id,\n                        modelId: model.modelId\n                    }))\n                );\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,MAAM;AACf,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAOvF,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EAEtB,MAAM;IAAEE;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACjC,MAAMK,KAAK,GAAGN,sBAAsB,CAACK,KAAK,CAAC;EAC3C,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EAEjD,MAAME,MAAM,GAAGd,OAAO,CAAC,MAAM;IACzB,OAAOe,KAAK,CAACC,OAAO,CAACP,IAAI,CAACQ,KAAK,CAAC,GAAGR,IAAI,CAACQ,KAAK,CAACC,GAAG,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,CAAC,GAAG,EAAE;EAC3E,CAAC,EAAE,CAACX,IAAI,CAACQ,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEI;EAAO,CAAC,GAAGpB,gBAAgB,CAAC;IAChCS;EACJ,CAAC,CAAC;EAEF,MAAMY,UAAU,GAAGpB,aAAa,CAAC;IAC7BmB;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGvB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACsB,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACN,GAAG,CAACO,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBV,KAAK,EAAEQ,KAAK,CAACL;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACM,OAAO,EAAE;IACpB,oBAAO7B,KAAA,CAAA8B,aAAA,CAACzB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIL,KAAA,CAAA8B,aAAA,CAAC1B,aAAa,EAAA2B,MAAA,CAAAC,MAAA,KACNtB,IAAI;IACRG,QAAQ,EAAEA,QAAS;IACnBc,KAAK,EAAEhB,KAAK,CAACgB,KAAM;IACnBM,WAAW,EAAEtB,KAAK,CAACsB,WAAY;IAC/BC,IAAI,EAAEvB,KAAK,CAACuB,IAAK;IACjBC,IAAI,EAAExB,KAAK,CAACyB,IAAK;IACjBlB,KAAK,EAAEH,MAAO;IACdS,KAAK,EAAEA,KAAM;IACba,QAAQ,EAAGtB,MAAgB,IAAK;MAC5B,MAAMuB,gBAAgB,GAAGvB,MAAM,CAACI,GAAG,CAACD,KAAK,IAAIA,KAAK,CAACqB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MACjE,MAAMC,aAAa,GAAGjB,UAAU,CAACE,OAAO,CAACgB,MAAM,CAACf,KAAK,IACjDY,gBAAgB,CAACI,QAAQ,CAAChB,KAAK,CAACiB,OAAO,CAC3C,CAAC;MAEDjC,IAAI,CAAC2B,QAAQ,CACTG,aAAa,CAACrB,GAAG,CAAC,CAAC;QAAEE,EAAE;QAAEuB;MAAM,CAAC,MAAM;QAClCvB,EAAE;QACFwB,OAAO,EAAED,KAAK,CAACC;MACnB,CAAC,CAAC,CACN,CAAC;IACL;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types";
-import type { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelField } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface SimpleSingleRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;
     field: CmsModelField;

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

@@ -1,13 +1,18 @@
 import React, { useMemo } from "react";
-import { useContentModels } from "./useContentModels";
-import { useReferences } from "./useReferences";
-import { Loader } from "./Loader";
+import { useContentModels } from "./useContentModels.js";
+import { useReferences } from "./useReferences.js";
+import { Loader } from "./Loader.js";
 import { RadioGroup } from "@webiny/admin-ui";
+import { useFieldEffectiveRules, useModelField } from "@webiny/app-headless-cms-common";
 export const SimpleSingleRenderer = props => {
   const {
-    field,
     bind
   } = props;
+  const {
+    field
+  } = useModelField();
+  const rules = useFieldEffectiveRules(field);
+  const disabled = !rules.canEdit || rules.disabled;
   const value = useMemo(() => {
     return bind.value?.id;
   }, [bind.value]);
@@ -32,8 +37,11 @@ export const SimpleSingleRenderer = props => {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
   return /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, bind, {
+    disabled: disabled,
     label: field.label,
-    description: field.helpText,
+    description: field.description,
+    note: field.note,
+    hint: field.help,
     value: value,
     items: items,
     onChange: value => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useContentModels","useReferences","Loader","RadioGroup","SimpleSingleRenderer","props","field","bind","value","id","models","references","items","entries","map","entry","label","title","loading","createElement","Object","assign","description","helpText","onChange","selectedItem","find","entryId","split","modelId","model"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { Loader } from \"~/admin/plugins/fieldRenderers/ref/simple/components/Loader\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\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?.id;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <RadioGroup\n            {...bind}\n            label={field.label}\n            description={field.helpText}\n            value={value}\n            items={items}\n            onChange={(value: string) => {\n                const selectedItem = references.entries.find(\n                    entry => entry.entryId === value.split(\"#\")[0]\n                );\n\n                if (!selectedItem) {\n                    return;\n                }\n\n                bind.onChange({\n                    id: selectedItem.id,\n                    modelId: selectedItem.model.modelId\n                });\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,UAAU,QAAQ,kBAAkB;AAO7C,OAAO,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAE7B,MAAMG,KAAK,GAAGT,OAAO,CAAC,MAAM;IACxB,OAAOQ,IAAI,CAACC,KAAK,EAAEC,EAAE;EACzB,CAAC,EAAE,CAACF,IAAI,CAACC,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEE;EAAO,CAAC,GAAGV,gBAAgB,CAAC;IAChCM;EACJ,CAAC,CAAC;EAEF,MAAMK,UAAU,GAAGV,aAAa,CAAC;IAC7BS;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGb,OAAO,CAAC,MAAM;IACxB,IAAI,CAACY,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACC,GAAG,CAACC,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBT,KAAK,EAAEO,KAAK,CAACN;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACO,OAAO,EAAE;IACpB,oBAAOpB,KAAA,CAAAqB,aAAA,CAACjB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIJ,KAAA,CAAAqB,aAAA,CAAChB,UAAU,EAAAiB,MAAA,CAAAC,MAAA,KACHd,IAAI;IACRS,KAAK,EAAEV,KAAK,CAACU,KAAM;IACnBM,WAAW,EAAEhB,KAAK,CAACiB,QAAS;IAC5Bf,KAAK,EAAEA,KAAM;IACbI,KAAK,EAAEA,KAAM;IACbY,QAAQ,EAAGhB,KAAa,IAAK;MACzB,MAAMiB,YAAY,GAAGd,UAAU,CAACE,OAAO,CAACa,IAAI,CACxCX,KAAK,IAAIA,KAAK,CAACY,OAAO,KAAKnB,KAAK,CAACoB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACjD,CAAC;MAED,IAAI,CAACH,YAAY,EAAE;QACf;MACJ;MAEAlB,IAAI,CAACiB,QAAQ,CAAC;QACVf,EAAE,EAAEgB,YAAY,CAAChB,EAAE;QACnBoB,OAAO,EAAEJ,YAAY,CAACK,KAAK,CAACD;MAChC,CAAC,CAAC;IACN;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useContentModels","useReferences","Loader","RadioGroup","useFieldEffectiveRules","useModelField","SimpleSingleRenderer","props","bind","field","rules","disabled","canEdit","value","id","models","references","items","entries","map","entry","label","title","loading","createElement","Object","assign","description","note","hint","help","onChange","selectedItem","find","entryId","split","modelId","model"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { Loader } from \"~/admin/plugins/fieldRenderers/ref/simple/components/Loader.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\nimport { useFieldEffectiveRules, useModelField } from \"@webiny/app-headless-cms-common\";\n\ninterface SimpleSingleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\n    const { bind } = props;\n\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\n    const disabled = !rules.canEdit || rules.disabled;\n\n    const value = useMemo(() => {\n        return bind.value?.id;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <RadioGroup\n            {...bind}\n            disabled={disabled}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={value}\n            items={items}\n            onChange={(value: string) => {\n                const selectedItem = references.entries.find(\n                    entry => entry.entryId === value.split(\"#\")[0]\n                );\n\n                if (!selectedItem) {\n                    return;\n                }\n\n                bind.onChange({\n                    id: selectedItem.id,\n                    modelId: selectedItem.model.modelId\n                });\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,sBAAsB,EAAEC,aAAa,QAAQ,iCAAiC;AAOvF,OAAO,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EAEtB,MAAM;IAAEE;EAAM,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACjC,MAAMK,KAAK,GAAGN,sBAAsB,CAACK,KAAK,CAAC;EAC3C,MAAME,QAAQ,GAAG,CAACD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACC,QAAQ;EAEjD,MAAME,KAAK,GAAGd,OAAO,CAAC,MAAM;IACxB,OAAOS,IAAI,CAACK,KAAK,EAAEC,EAAE;EACzB,CAAC,EAAE,CAACN,IAAI,CAACK,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEE;EAAO,CAAC,GAAGf,gBAAgB,CAAC;IAChCS;EACJ,CAAC,CAAC;EAEF,MAAMO,UAAU,GAAGf,aAAa,CAAC;IAC7Bc;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGlB,OAAO,CAAC,MAAM;IACxB,IAAI,CAACiB,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACC,GAAG,CAACC,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBT,KAAK,EAAEO,KAAK,CAACN;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACO,OAAO,EAAE;IACpB,oBAAOzB,KAAA,CAAA0B,aAAA,CAACtB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIJ,KAAA,CAAA0B,aAAA,CAACrB,UAAU,EAAAsB,MAAA,CAAAC,MAAA,KACHlB,IAAI;IACRG,QAAQ,EAAEA,QAAS;IACnBU,KAAK,EAAEZ,KAAK,CAACY,KAAM;IACnBM,WAAW,EAAElB,KAAK,CAACkB,WAAY;IAC/BC,IAAI,EAAEnB,KAAK,CAACmB,IAAK;IACjBC,IAAI,EAAEpB,KAAK,CAACqB,IAAK;IACjBjB,KAAK,EAAEA,KAAM;IACbI,KAAK,EAAEA,KAAM;IACbc,QAAQ,EAAGlB,KAAa,IAAK;MACzB,MAAMmB,YAAY,GAAGhB,UAAU,CAACE,OAAO,CAACe,IAAI,CACxCb,KAAK,IAAIA,KAAK,CAACc,OAAO,KAAKrB,KAAK,CAACsB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACjD,CAAC;MAED,IAAI,CAACH,YAAY,EAAE;QACf;MACJ;MAEAxB,IAAI,CAACuB,QAAQ,CAAC;QACVjB,EAAE,EAAEkB,YAAY,CAAClB,EAAE;QACnBsB,OAAO,EAAEJ,YAAY,CAACK,KAAK,CAACD;MAChC,CAAC,CAAC;IACN;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { CmsModel, CmsModelField } from "../../../../../../types";
+import type { CmsModel, CmsModelField } from "../../../../../../types.js";
 interface Props {
     field: CmsModelField;
 }

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

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useContentModels as useBaseContentModels } from "../../../../../hooks";
+import { useContentModels as useBaseContentModels } from "../../../../../hooks/index.js";
 export const useContentModels = ({
   field
 }) => {

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

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useContentModels","useBaseContentModels","field","models","initialModels","filter","model","settings","length","some","fieldModel","modelId"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { 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,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,gBAAgB,IAAIC,oBAAoB;AAKjD,OAAO,MAAMD,gBAAgB,GAAGA,CAAC;EAAEE;AAAa,CAAC,KAAK;EAClD,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGH,oBAAoB,CAAC,CAAC;EAExD,MAAME,MAAM,GAAGJ,OAAO,CAAC,MAAkB;IACrC,IAAI,CAACK,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACC,MAAM,CAACC,KAAK,IAAI;MACjC,IAAI,CAACJ,KAAK,CAACK,QAAQ,EAAEJ,MAAM,IAAID,KAAK,CAACK,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,OAAON,KAAK,CAACK,QAAQ,EAAEJ,MAAM,CAACM,IAAI,CAACC,UAAU,IAAI;QAC7C,OAAOJ,KAAK,CAACK,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHD;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","useContentModels","useBaseContentModels","field","models","initialModels","filter","model","settings","length","some","fieldModel","modelId"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks/index.js\";\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,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,gBAAgB,IAAIC,oBAAoB;AAKjD,OAAO,MAAMD,gBAAgB,GAAGA,CAAC;EAAEE;AAAa,CAAC,KAAK;EAClD,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGH,oBAAoB,CAAC,CAAC;EAExD,MAAME,MAAM,GAAGJ,OAAO,CAAC,MAAkB;IACrC,IAAI,CAACK,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACC,MAAM,CAACC,KAAK,IAAI;MACjC,IAAI,CAACJ,KAAK,CAACK,QAAQ,EAAEJ,MAAM,IAAID,KAAK,CAACK,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,OAAON,KAAK,CAACK,QAAQ,EAAEJ,MAAM,CAACM,IAAI,CAACC,UAAU,IAAI;QAC7C,OAAOJ,KAAK,CAACK,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHD;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import type { CmsReferenceContentEntry } from "../../components/types";
-import type { CmsModel } from "../../../../../../types";
+import type { CmsReferenceContentEntry } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+import type { CmsModel } from "../../../../../../types.js";
 interface UseReferencesParams {
     models?: CmsModel[];
 }

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

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
-import { useApolloClient, useModelFieldGraphqlContext } from "../../../../../hooks";
-import { SEARCH_CONTENT_ENTRIES } from "../../components/graphql";
+import { useApolloClient, useModelFieldGraphqlContext } from "../../../../../hooks/index.js";
+import { SEARCH_CONTENT_ENTRIES } from "../../components/graphql.js";
 const executeSearch = async params => {
   const {
     setLoading,

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","executeSearch","params","setLoading","setError","setEntries","client","models","requestContext","result","query","variables","modelIds","map","model","modelId","limit","context","error","data","content","message","ex","useReferences","entries","loading","length"],"sources":["useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport type {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport { SEARCH_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport type { 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":"AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,eAAe,EAAEC,2BAA2B;AAMrD,SAASC,sBAAsB;AAY/B,MAAMC,aAAa,GAAG,MAAOC,MAA2B,IAAoB;EACxE,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,MAAM;IAAEC,cAAc,GAAG,CAAC;EAAE,CAAC,GAAGN,MAAM;EACxFC,UAAU,CAAC,IAAI,CAAC;EAChB,IAAI;IACA,MAAMM,MAAM,GAAG,MAAMH,MAAM,CAACI,KAAK,CAG/B;MACEA,KAAK,EAAEV,sBAAsB;MAC7BW,SAAS,EAAE;QACPC,QAAQ,EAAEL,MAAM,CAACM,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACC,OAAO,CAAC;QAC5CC,KAAK,EAAE;MACX,CAAC;MACDC,OAAO,EAAET;IACb,CAAC,CAAC;IACF,MAAMU,KAAK,GAAGT,MAAM,CAACU,IAAI,CAACC,OAAO,EAAEF,KAAK;IACxC,IAAIA,KAAK,EAAE;MACPd,QAAQ,CAACc,KAAK,CAACG,OAAO,CAAC;MACvB;IACJ;IAEAjB,QAAQ,CAAC,IAAI,CAAC;IACdC,UAAU,CAACI,MAAM,CAACU,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC;EACxC,CAAC,CAAC,OAAOG,EAAE,EAAE;IACTlB,QAAQ,CAACkB,EAAE,CAACD,OAAO,CAAC;EACxB,CAAC,SAAS;IACNlB,UAAU,CAAC,KAAK,CAAC;EACrB;AACJ,CAAC;AAMD,OAAO,MAAMoB,aAAa,GAAGA,CAAC;EAAEhB;AAA4B,CAAC,KAAK;EAC9D,MAAMD,MAAM,GAAGR,eAAe,CAAC,CAAC;EAChC,MAAM,CAAC0B,OAAO,EAAEnB,UAAU,CAAC,GAAGR,QAAQ,CAA6B,EAAE,CAAC;EACtE,MAAM,CAAC4B,OAAO,EAAEtB,UAAU,CAAC,GAAGN,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACqB,KAAK,EAAEd,QAAQ,CAAC,GAAGP,QAAQ,CAA4B,IAAI,CAAC;EACnE,MAAMW,cAAc,GAAGT,2BAA2B,CAAC,CAAC;EAEpDH,SAAS,CAAC,MAAM;IACZ,IAAI,CAACW,MAAM,IAAIA,MAAM,CAACmB,MAAM,KAAK,CAAC,EAAE;MAChC;IACJ;IACAzB,aAAa,CAAC;MACVK,MAAM;MACNE,cAAc;MACdD,MAAM;MACNJ,UAAU;MACVC,QAAQ;MACRC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACE,MAAM,CAAC,CAAC;EAEZ,OAAO;IACHkB,OAAO;IACPD,OAAO;IACPN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","executeSearch","params","setLoading","setError","setEntries","client","models","requestContext","result","query","variables","modelIds","map","model","modelId","limit","context","error","data","content","message","ex","useReferences","entries","loading","length"],"sources":["useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport type {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\nimport { SEARCH_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\nimport type { CmsModel } from \"~/types.js\";\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":"AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,eAAe,EAAEC,2BAA2B;AAMrD,SAASC,sBAAsB;AAY/B,MAAMC,aAAa,GAAG,MAAOC,MAA2B,IAAoB;EACxE,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,MAAM;IAAEC,cAAc,GAAG,CAAC;EAAE,CAAC,GAAGN,MAAM;EACxFC,UAAU,CAAC,IAAI,CAAC;EAChB,IAAI;IACA,MAAMM,MAAM,GAAG,MAAMH,MAAM,CAACI,KAAK,CAG/B;MACEA,KAAK,EAAEV,sBAAsB;MAC7BW,SAAS,EAAE;QACPC,QAAQ,EAAEL,MAAM,CAACM,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACC,OAAO,CAAC;QAC5CC,KAAK,EAAE;MACX,CAAC;MACDC,OAAO,EAAET;IACb,CAAC,CAAC;IACF,MAAMU,KAAK,GAAGT,MAAM,CAACU,IAAI,CAACC,OAAO,EAAEF,KAAK;IACxC,IAAIA,KAAK,EAAE;MACPd,QAAQ,CAACc,KAAK,CAACG,OAAO,CAAC;MACvB;IACJ;IAEAjB,QAAQ,CAAC,IAAI,CAAC;IACdC,UAAU,CAACI,MAAM,CAACU,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC;EACxC,CAAC,CAAC,OAAOG,EAAE,EAAE;IACTlB,QAAQ,CAACkB,EAAE,CAACD,OAAO,CAAC;EACxB,CAAC,SAAS;IACNlB,UAAU,CAAC,KAAK,CAAC;EACrB;AACJ,CAAC;AAMD,OAAO,MAAMoB,aAAa,GAAGA,CAAC;EAAEhB;AAA4B,CAAC,KAAK;EAC9D,MAAMD,MAAM,GAAGR,eAAe,CAAC,CAAC;EAChC,MAAM,CAAC0B,OAAO,EAAEnB,UAAU,CAAC,GAAGR,QAAQ,CAA6B,EAAE,CAAC;EACtE,MAAM,CAAC4B,OAAO,EAAEtB,UAAU,CAAC,GAAGN,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACqB,KAAK,EAAEd,QAAQ,CAAC,GAAGP,QAAQ,CAA4B,IAAI,CAAC;EACnE,MAAMW,cAAc,GAAGT,2BAA2B,CAAC,CAAC;EAEpDH,SAAS,CAAC,MAAM;IACZ,IAAI,CAACW,MAAM,IAAIA,MAAM,CAACmB,MAAM,KAAK,CAAC,EAAE;MAChC;IACJ;IACAzB,aAAa,CAAC;MACVK,MAAM;MACNE,cAAc;MACdD,MAAM;MACNJ,UAAU;MACVC,QAAQ;MACRC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACE,MAAM,CAAC,CAAC;EAEZ,OAAO;IACHkB,OAAO;IACPD,OAAO;IACPN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

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

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

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

@@ -1,5 +1,5 @@
-import { createSimpleSingleRenderer } from "./simpleSingleRenderer";
-import { createSimpleMultipleRenderer } from "./simpleMultipleRenderer";
+import { createSimpleSingleRenderer } from "./simpleSingleRenderer.js";
+import { createSimpleMultipleRenderer } from "./simpleMultipleRenderer.js";
 export const createSimpleRefRenderer = () => {
   return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];
 };

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

@@ -1 +1 @@
-{"version":3,"names":["createSimpleSingleRenderer","createSimpleMultipleRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer\";\n\nexport const createSimpleRefRenderer = () => {\n    return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":"AAAA,SAASA,0BAA0B;AACnC,SAASC,4BAA4B;AAErC,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,OAAO,CAACF,0BAA0B,CAAC,CAAC,EAAEC,4BAA4B,CAAC,CAAC,CAAC;AACzE,CAAC","ignoreList":[]}
+{"version":3,"names":["createSimpleSingleRenderer","createSimpleMultipleRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer.js\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer.js\";\n\nexport const createSimpleRefRenderer = () => {\n    return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":"AAAA,SAASA,0BAA0B;AACnC,SAASC,4BAA4B;AAErC,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,OAAO,CAACF,0BAA0B,CAAC,CAAC,EAAEC,4BAA4B,CAAC,CAAC,CAAC;AACzE,CAAC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import type { CmsModelFieldRendererPlugin } from "../../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../../types.js";
 export declare const createSimpleMultipleRenderer: () => CmsModelFieldRendererPlugin;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { SimpleMultipleRenderer } from "./components/SimpleMultipleRenderer";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { SimpleMultipleRenderer } from "./components/SimpleMultipleRenderer.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 export const createSimpleMultipleRenderer = () => {
   return {
@@ -8,12 +8,12 @@ export const createSimpleMultipleRenderer = () => {
     name: "cms-editor-field-renderer-ref-multiple-simple",
     renderer: {
       rendererName: "ref-simple-multiple",
-      name: t`Simple checkbox list`,
-      description: t`Renders a list of checkboxes and the user can select multiple related records.`,
+      name: t`Checkboxes`,
+      description: t`Renders a list of checkboxes and the user can select one or more records.`,
       canUse({
         field
       }) {
-        return field.type === "ref" && !!field.multipleValues;
+        return field.type === "ref" && !!field.list;
       },
       render: props => {
         const {

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","SimpleMultipleRenderer","t","ns","createSimpleMultipleRenderer","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","getBind","Bind","createElement","bind","ValidationContainer"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select multiple related records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleMultipleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,sBAAsB;AAE/B,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAmC;EAC3E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEJ,CAAC,sBAAsB;MAC7BO,WAAW,EAAEP,CAAC,gFAAgF;MAC9FQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAAC,CAACM,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAEC,KAAK,IAAI;QACb,MAAM;UAAEH,KAAK;UAAEI;QAAQ,CAAC,GAAGD,KAAK;QAEhC,MAAME,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,sBAAsB;UAACiB,IAAI,EAAEA,IAAK;UAACP,KAAK,EAAEA;QAAM,CAAE,CAC7B,CAE5B,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","i18n","SimpleMultipleRenderer","t","ns","createSimpleMultipleRenderer","type","name","renderer","rendererName","description","canUse","field","list","render","props","getBind","Bind","createElement","bind","ValidationContainer"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Checkboxes`,\n            description: t`Renders a list of checkboxes and the user can select one or more records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.list;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleMultipleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,sBAAsB;AAE/B,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAmC;EAC3E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEJ,CAAC,YAAY;MACnBO,WAAW,EAAEP,CAAC,2EAA2E;MACzFQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAAC,CAACM,KAAK,CAACC,IAAI;MAC/C,CAAC;MACDC,MAAM,EAAEC,KAAK,IAAI;QACb,MAAM;UAAEH,KAAK;UAAEI;QAAQ,CAAC,GAAGD,KAAK;QAEhC,MAAME,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,sBAAsB;UAACiB,IAAI,EAAEA,IAAK;UAACP,KAAK,EAAEA;QAAM,CAAE,CAC7B,CAE5B,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import type { CmsModelFieldRendererPlugin } from "../../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../../types.js";
 export declare const createSimpleSingleRenderer: () => CmsModelFieldRendererPlugin;

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { SimpleSingleRenderer } from "./components/SimpleSingleRenderer";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { SimpleSingleRenderer } from "./components/SimpleSingleRenderer.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 export const createSimpleSingleRenderer = () => {
   return {
@@ -8,12 +8,12 @@ export const createSimpleSingleRenderer = () => {
     name: "cms-editor-field-renderer-ref-single-simple",
     renderer: {
       rendererName: "ref-simple-single",
-      name: t`Simple checkbox list`,
-      description: t`Renders a list of checkboxes and the user can select one related record.`,
+      name: t`Radio buttons`,
+      description: t`Renders a list of radio buttons and the user can select one related record.`,
       canUse({
         field
       }) {
-        return field.type === "ref" && !field.multipleValues;
+        return field.type === "ref" && !field.list;
       },
       render: props => {
         const {