@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useEntries.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useMemo","useState","useApolloClient","createSearchQuery","searchableFieldTypes","isFieldSearchable","field","includes","type","useEntries","params","client","model","limit","entries","setEntries","loading","setLoading","error","setError","searchQuery","setSearchQuery","undefined","cursor","setCursor","SEARCH_QUERY","modelId","createWhere","query","conditions","fields","map","fieldId","filter","Boolean","length","OR","executeQuery","items","after","console","log","where","result","variables","sort","data","content","message","newItems","entry","id","entryId","title","meta","description","image","status","name","createdBy","modifiedBy","createdOn","savedOn","location","folderId","wbyAco_location","concat","ex","JSON","stringify","runSearch","loadMore","hasMore"],"sources":["useEntries.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport type {\n    SearchQueryResponse,\n    SearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\nimport { createSearchQuery } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\n\nconst searchableFieldTypes = [\"text\", \"long-text\"];\nconst isFieldSearchable = (field: CmsModelField): boolean => {\n    return searchableFieldTypes.includes(field.type);\n};\n\ninterface ExecuteQueryParams {\n    items: CmsReferenceContentEntry[];\n    query?: string;\n    after?: string;\n}\n\ninterface Params {\n    model: CmsModel;\n    limit: number;\n}\n\nexport const useEntries = (params: Params) => {\n    const client = useApolloClient();\n    const { model, limit } = params;\n\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | null>(null);\n    const [searchQuery, setSearchQuery] = useState<string | undefined>(undefined);\n    const [cursor, setCursor] = useState<string | undefined>();\n\n    const SEARCH_QUERY = useMemo(() => {\n        return createSearchQuery(model);\n    }, [model.modelId]);\n\n    const createWhere = useCallback(\n        (query?: string) => {\n            if (!query) {\n                return {};\n            }\n            const conditions = model.fields\n                .map(field => {\n                    if (!isFieldSearchable(field)) {\n                        return null;\n                    }\n                    return {\n                        [`${field.fieldId}_contains`]: query\n                    };\n                })\n                .filter(Boolean);\n            if (conditions.length === 0) {\n                return {};\n            }\n            return {\n                OR: conditions\n            };\n        },\n        [model.modelId]\n    );\n\n    const executeQuery = useCallback(\n        async (params: ExecuteQueryParams) => {\n            const { query, items, after } = params;\n            if (loading) {\n                console.log(`Cannot run a new search. Please wait for the previous one to finish.`);\n                return;\n            }\n            setLoading(true);\n\n            const where = createWhere(query);\n\n            try {\n                const result = await client.query<SearchQueryResponse, SearchQueryVariables>({\n                    query: SEARCH_QUERY,\n                    variables: {\n                        where,\n                        sort: [\"savedOn_DESC\"],\n                        limit,\n                        after\n                    }\n                });\n\n                if (result.data.content.error) {\n                    setEntries([]);\n                    setError(result.data.content.error.message);\n                    return;\n                } else if (!result.data.content.data) {\n                    setEntries([]);\n                    setError(\n                        `Unknown error while fetching entries for model ${model.modelId}. Please check your network requests tab.`\n                    );\n                    return;\n                } else {\n                    const newItems = result.data.content.data.map(entry => {\n                        return {\n                            id: entry.id,\n                            entryId: entry.entryId,\n                            title: entry.meta.title,\n                            description: entry.meta.description,\n                            image: entry.meta.image,\n                            status: entry.meta.status,\n                            model: {\n                                modelId: model.modelId,\n                                name: model.name\n                            },\n                            createdBy: entry.createdBy,\n                            modifiedBy: entry.modifiedBy,\n                            createdOn: entry.createdOn,\n                            savedOn: entry.savedOn,\n                            location: {\n                                folderId: entry.wbyAco_location?.folderId\n                            }\n                        };\n                    });\n                    setEntries(items.concat(newItems));\n                    setCursor(result.data.content.meta.cursor || undefined);\n                    setError(null);\n                }\n            } catch (ex) {\n                setEntries([]);\n                console.log(`Error while fetching entries for model ${model.modelId}.`);\n                console.log(JSON.stringify(ex));\n                setError(ex.message);\n            } finally {\n                setLoading(false);\n            }\n        },\n        [model.modelId, entries, loading, error]\n    );\n\n    const runSearch = useCallback(\n        (query?: string) => {\n            if (searchQuery === query) {\n                console.log(`Skipping search as it is the same as the previous one.`);\n                return;\n            }\n            setSearchQuery(query);\n            executeQuery({\n                query,\n                items: []\n            });\n        },\n        [executeQuery, searchQuery]\n    );\n\n    const loadMore = useCallback(() => {\n        if (loading) {\n            console.log(`Please wait until the loading finishes to start a new one.`);\n            return;\n        } else if (!cursor) {\n            console.log(\n                `Trying to load more results but there is no cursor defined. Probably there are no more results.`\n            );\n            return;\n        }\n        executeQuery({\n            query: searchQuery,\n            items: entries,\n            after: cursor\n        });\n    }, [searchQuery, loading, cursor, entries]);\n\n    return {\n        runSearch,\n        loadMore,\n        loading,\n        entries,\n        error,\n        hasMore: !!cursor\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAGtD,SAASC,eAAe;AAKxB,SAASC,iBAAiB;AAE1B,MAAMC,oBAAoB,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC;AAClD,MAAMC,iBAAiB,GAAIC,KAAoB,IAAc;EACzD,OAAOF,oBAAoB,CAACG,QAAQ,CAACD,KAAK,CAACE,IAAI,CAAC;AACpD,CAAC;AAaD,OAAO,MAAMC,UAAU,GAAIC,MAAc,IAAK;EAC1C,MAAMC,MAAM,GAAGT,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEU,KAAK;IAAEC;EAAM,CAAC,GAAGH,MAAM;EAE/B,MAAM,CAACI,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAA6B,EAAE,CAAC;EACtE,MAAM,CAACe,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACiB,KAAK,EAAEC,QAAQ,CAAC,GAAGlB,QAAQ,CAAgB,IAAI,CAAC;EACvD,MAAM,CAACmB,WAAW,EAAEC,cAAc,CAAC,GAAGpB,QAAQ,CAAqBqB,SAAS,CAAC;EAC7E,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGvB,QAAQ,CAAqB,CAAC;EAE1D,MAAMwB,YAAY,GAAGzB,OAAO,CAAC,MAAM;IAC/B,OAAOG,iBAAiB,CAACS,KAAK,CAAC;EACnC,CAAC,EAAE,CAACA,KAAK,CAACc,OAAO,CAAC,CAAC;EAEnB,MAAMC,WAAW,GAAG5B,WAAW,CAC1B6B,KAAc,IAAK;IAChB,IAAI,CAACA,KAAK,EAAE;MACR,OAAO,CAAC,CAAC;IACb;IACA,MAAMC,UAAU,GAAGjB,KAAK,CAACkB,MAAM,CAC1BC,GAAG,CAACzB,KAAK,IAAI;MACV,IAAI,CAACD,iBAAiB,CAACC,KAAK,CAAC,EAAE;QAC3B,OAAO,IAAI;MACf;MACA,OAAO;QACH,CAAC,GAAGA,KAAK,CAAC0B,OAAO,WAAW,GAAGJ;MACnC,CAAC;IACL,CAAC,CAAC,CACDK,MAAM,CAACC,OAAO,CAAC;IACpB,IAAIL,UAAU,CAACM,MAAM,KAAK,CAAC,EAAE;MACzB,OAAO,CAAC,CAAC;IACb;IACA,OAAO;MACHC,EAAE,EAAEP;IACR,CAAC;EACL,CAAC,EACD,CAACjB,KAAK,CAACc,OAAO,CAClB,CAAC;EAED,MAAMW,YAAY,GAAGtC,WAAW,CAC5B,MAAOW,MAA0B,IAAK;IAClC,MAAM;MAAEkB,KAAK;MAAEU,KAAK;MAAEC;IAAM,CAAC,GAAG7B,MAAM;IACtC,IAAIM,OAAO,EAAE;MACTwB,OAAO,CAACC,GAAG,CAAC,sEAAsE,CAAC;MACnF;IACJ;IACAxB,UAAU,CAAC,IAAI,CAAC;IAEhB,MAAMyB,KAAK,GAAGf,WAAW,CAACC,KAAK,CAAC;IAEhC,IAAI;MACA,MAAMe,MAAM,GAAG,MAAMhC,MAAM,CAACiB,KAAK,CAA4C;QACzEA,KAAK,EAAEH,YAAY;QACnBmB,SAAS,EAAE;UACPF,KAAK;UACLG,IAAI,EAAE,CAAC,cAAc,CAAC;UACtBhC,KAAK;UACL0B;QACJ;MACJ,CAAC,CAAC;MAEF,IAAII,MAAM,CAACG,IAAI,CAACC,OAAO,CAAC7B,KAAK,EAAE;QAC3BH,UAAU,CAAC,EAAE,CAAC;QACdI,QAAQ,CAACwB,MAAM,CAACG,IAAI,CAACC,OAAO,CAAC7B,KAAK,CAAC8B,OAAO,CAAC;QAC3C;MACJ,CAAC,MAAM,IAAI,CAACL,MAAM,CAACG,IAAI,CAACC,OAAO,CAACD,IAAI,EAAE;QAClC/B,UAAU,CAAC,EAAE,CAAC;QACdI,QAAQ,CACJ,kDAAkDP,KAAK,CAACc,OAAO,2CACnE,CAAC;QACD;MACJ,CAAC,MAAM;QACH,MAAMuB,QAAQ,GAAGN,MAAM,CAACG,IAAI,CAACC,OAAO,CAACD,IAAI,CAACf,GAAG,CAACmB,KAAK,IAAI;UACnD,OAAO;YACHC,EAAE,EAAED,KAAK,CAACC,EAAE;YACZC,OAAO,EAAEF,KAAK,CAACE,OAAO;YACtBC,KAAK,EAAEH,KAAK,CAACI,IAAI,CAACD,KAAK;YACvBE,WAAW,EAAEL,KAAK,CAACI,IAAI,CAACC,WAAW;YACnCC,KAAK,EAAEN,KAAK,CAACI,IAAI,CAACE,KAAK;YACvBC,MAAM,EAAEP,KAAK,CAACI,IAAI,CAACG,MAAM;YACzB7C,KAAK,EAAE;cACHc,OAAO,EAAEd,KAAK,CAACc,OAAO;cACtBgC,IAAI,EAAE9C,KAAK,CAAC8C;YAChB,CAAC;YACDC,SAAS,EAAET,KAAK,CAACS,SAAS;YAC1BC,UAAU,EAAEV,KAAK,CAACU,UAAU;YAC5BC,SAAS,EAAEX,KAAK,CAACW,SAAS;YAC1BC,OAAO,EAAEZ,KAAK,CAACY,OAAO;YACtBC,QAAQ,EAAE;cACNC,QAAQ,EAAEd,KAAK,CAACe,eAAe,EAAED;YACrC;UACJ,CAAC;QACL,CAAC,CAAC;QACFjD,UAAU,CAACuB,KAAK,CAAC4B,MAAM,CAACjB,QAAQ,CAAC,CAAC;QAClCzB,SAAS,CAACmB,MAAM,CAACG,IAAI,CAACC,OAAO,CAACO,IAAI,CAAC/B,MAAM,IAAID,SAAS,CAAC;QACvDH,QAAQ,CAAC,IAAI,CAAC;MAClB;IACJ,CAAC,CAAC,OAAOgD,EAAE,EAAE;MACTpD,UAAU,CAAC,EAAE,CAAC;MACdyB,OAAO,CAACC,GAAG,CAAC,0CAA0C7B,KAAK,CAACc,OAAO,GAAG,CAAC;MACvEc,OAAO,CAACC,GAAG,CAAC2B,IAAI,CAACC,SAAS,CAACF,EAAE,CAAC,CAAC;MAC/BhD,QAAQ,CAACgD,EAAE,CAACnB,OAAO,CAAC;IACxB,CAAC,SAAS;MACN/B,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EACD,CAACL,KAAK,CAACc,OAAO,EAAEZ,OAAO,EAAEE,OAAO,EAAEE,KAAK,CAC3C,CAAC;EAED,MAAMoD,SAAS,GAAGvE,WAAW,CACxB6B,KAAc,IAAK;IAChB,IAAIR,WAAW,KAAKQ,KAAK,EAAE;MACvBY,OAAO,CAACC,GAAG,CAAC,wDAAwD,CAAC;MACrE;IACJ;IACApB,cAAc,CAACO,KAAK,CAAC;IACrBS,YAAY,CAAC;MACTT,KAAK;MACLU,KAAK,EAAE;IACX,CAAC,CAAC;EACN,CAAC,EACD,CAACD,YAAY,EAAEjB,WAAW,CAC9B,CAAC;EAED,MAAMmD,QAAQ,GAAGxE,WAAW,CAAC,MAAM;IAC/B,IAAIiB,OAAO,EAAE;MACTwB,OAAO,CAACC,GAAG,CAAC,4DAA4D,CAAC;MACzE;IACJ,CAAC,MAAM,IAAI,CAAClB,MAAM,EAAE;MAChBiB,OAAO,CAACC,GAAG,CACP,iGACJ,CAAC;MACD;IACJ;IACAJ,YAAY,CAAC;MACTT,KAAK,EAAER,WAAW;MAClBkB,KAAK,EAAExB,OAAO;MACdyB,KAAK,EAAEhB;IACX,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,WAAW,EAAEJ,OAAO,EAAEO,MAAM,EAAET,OAAO,CAAC,CAAC;EAE3C,OAAO;IACHwD,SAAS;IACTC,QAAQ;IACRvD,OAAO;IACPF,OAAO;IACPI,KAAK;IACLsD,OAAO,EAAE,CAAC,CAACjD;EACf,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useMemo","useState","useApolloClient","createSearchQuery","searchableFieldTypes","isFieldSearchable","field","includes","type","useEntries","params","client","model","limit","entries","setEntries","loading","setLoading","error","setError","searchQuery","setSearchQuery","undefined","cursor","setCursor","SEARCH_QUERY","modelId","createWhere","query","conditions","fields","map","values","fieldId","filter","Boolean","length","OR","executeQuery","items","after","console","log","where","result","variables","sort","data","content","message","newItems","entry","id","entryId","title","meta","description","image","status","name","createdBy","modifiedBy","createdOn","savedOn","location","folderId","wbyAco_location","concat","ex","JSON","stringify","runSearch","loadMore","hasMore"],"sources":["useEntries.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    SearchQueryResponse,\n    SearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\nimport { createSearchQuery } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\n\nconst searchableFieldTypes = [\"text\", \"long-text\"];\nconst isFieldSearchable = (field: CmsModelField): boolean => {\n    return searchableFieldTypes.includes(field.type);\n};\n\ninterface ExecuteQueryParams {\n    items: CmsReferenceContentEntry[];\n    query?: string;\n    after?: string;\n}\n\ninterface Params {\n    model: CmsModel;\n    limit: number;\n}\n\nexport const useEntries = (params: Params) => {\n    const client = useApolloClient();\n    const { model, limit } = params;\n\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | null>(null);\n    const [searchQuery, setSearchQuery] = useState<string | undefined>(undefined);\n    const [cursor, setCursor] = useState<string | undefined>();\n\n    const SEARCH_QUERY = useMemo(() => {\n        return createSearchQuery(model);\n    }, [model.modelId]);\n\n    const createWhere = useCallback(\n        (query?: string) => {\n            if (!query) {\n                return {};\n            }\n            const conditions = model.fields\n                .map(field => {\n                    if (!isFieldSearchable(field)) {\n                        return null;\n                    }\n                    return {\n                        values: {\n                            [`${field.fieldId}_contains`]: query\n                        }\n                    };\n                })\n                .filter(Boolean);\n            if (conditions.length === 0) {\n                return {};\n            }\n            return {\n                OR: conditions\n            };\n        },\n        [model.modelId]\n    );\n\n    const executeQuery = useCallback(\n        async (params: ExecuteQueryParams) => {\n            const { query, items, after } = params;\n            if (loading) {\n                console.log(`Cannot run a new search. Please wait for the previous one to finish.`);\n                return;\n            }\n            setLoading(true);\n\n            const where = createWhere(query);\n\n            try {\n                const result = await client.query<SearchQueryResponse, SearchQueryVariables>({\n                    query: SEARCH_QUERY,\n                    variables: {\n                        where,\n                        sort: [\"savedOn_DESC\"],\n                        limit,\n                        after\n                    }\n                });\n\n                if (result.data.content.error) {\n                    setEntries([]);\n                    setError(result.data.content.error.message);\n                    return;\n                } else if (!result.data.content.data) {\n                    setEntries([]);\n                    setError(\n                        `Unknown error while fetching entries for model ${model.modelId}. Please check your network requests tab.`\n                    );\n                    return;\n                } else {\n                    const newItems = result.data.content.data.map(entry => {\n                        return {\n                            id: entry.id,\n                            entryId: entry.entryId,\n                            title: entry.meta.title,\n                            description: entry.meta.description,\n                            image: entry.meta.image,\n                            status: entry.meta.status,\n                            model: {\n                                modelId: model.modelId,\n                                name: model.name\n                            },\n                            createdBy: entry.createdBy,\n                            modifiedBy: entry.modifiedBy,\n                            createdOn: entry.createdOn,\n                            savedOn: entry.savedOn,\n                            location: {\n                                folderId: entry.wbyAco_location?.folderId\n                            }\n                        };\n                    });\n                    setEntries(items.concat(newItems));\n                    setCursor(result.data.content.meta.cursor || undefined);\n                    setError(null);\n                }\n            } catch (ex) {\n                setEntries([]);\n                console.log(`Error while fetching entries for model ${model.modelId}.`);\n                console.log(JSON.stringify(ex));\n                setError(ex.message);\n            } finally {\n                setLoading(false);\n            }\n        },\n        [model.modelId, entries, loading, error]\n    );\n\n    const runSearch = useCallback(\n        (query?: string) => {\n            if (searchQuery === query) {\n                console.log(`Skipping search as it is the same as the previous one.`);\n                return;\n            }\n            setSearchQuery(query);\n            executeQuery({\n                query,\n                items: []\n            });\n        },\n        [executeQuery, searchQuery]\n    );\n\n    const loadMore = useCallback(() => {\n        if (loading) {\n            console.log(`Please wait until the loading finishes to start a new one.`);\n            return;\n        } else if (!cursor) {\n            console.log(\n                `Trying to load more results but there is no cursor defined. Probably there are no more results.`\n            );\n            return;\n        }\n        executeQuery({\n            query: searchQuery,\n            items: entries,\n            after: cursor\n        });\n    }, [searchQuery, loading, cursor, entries]);\n\n    return {\n        runSearch,\n        loadMore,\n        loading,\n        entries,\n        error,\n        hasMore: !!cursor\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useReferences.d.ts

@@ -1,4 +1,4 @@
-import type { CmsReferenceContentEntry, CmsReferenceValue as BaseCmsReferenceValue } from "../../components/types";
+import type { CmsReferenceContentEntry, CmsReferenceValue as BaseCmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface UseReferencesParams {
     values?: BaseCmsReferenceValue[] | BaseCmsReferenceValue | null;
     perPage?: number;

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useReferences.js

@@ -1,7 +1,7 @@
-import lodashChunk from "lodash/chunk";
+import lodashChunk from "lodash/chunk.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { useApolloClient } from "../../../../../hooks";
-import { LIST_LATEST_CONTENT_ENTRIES } from "./graphql";
+import { useApolloClient } from "../../../../../hooks/index.js";
+import { LIST_LATEST_CONTENT_ENTRIES } from "./graphql.js";
 import { parseIdentifier } from "@webiny/utils";
 const executeSearch = async params => {
   const {

package/admin/plugins/fieldRenderers/ref/advanced/hooks/useReferences.js.map

@@ -1 +1 @@
-{"version":3,"names":["lodashChunk","useCallback","useEffect","useMemo","useState","useApolloClient","LIST_LATEST_CONTENT_ENTRIES","parseIdentifier","executeSearch","params","setLoading","setError","setEntries","client","values","requestContext","result","query","variables","entries","map","value","id","modelId","context","error","data","message","reduce","collection","entry","entryId","ex","useReferences","initialValues","perPage","loading","hash","setHash","currentPage","setCurrentPage","pages","Array","isArray","entriesToLoad","toLoad","p","page","length","push","filter","item","sort","join","window","crypto","subtle","digest","TextEncoder","encode","then","encoded","decoded","TextDecoder","decode","items","prev","loadMore","nextPage","loadedEntries"],"sources":["useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport lodashChunk from \"lodash/chunk\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport type {\n    CmsReferenceContentEntry,\n    CmsReferenceValue as BaseCmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport type {\n    ListLatestCmsEntriesResponse,\n    ListLatestCmsEntriesVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\nimport { LIST_LATEST_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: Record<string, CmsReferenceContentEntry>) => void;\n    client: ApolloClient<any>;\n    values: CmsReferenceValue[];\n    requestContext?: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, values, requestContext = {} } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            ListLatestCmsEntriesResponse,\n            ListLatestCmsEntriesVariables\n        >({\n            query: LIST_LATEST_CONTENT_ENTRIES,\n            variables: {\n                entries: values.map(value => {\n                    return {\n                        id: value.id,\n                        modelId: value.modelId\n                    };\n                })\n            },\n            context: requestContext\n        });\n        const error = result.data.entries?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n        const entries = result.data.entries.data.reduce<Record<string, CmsReferenceContentEntry>>(\n            (collection, entry) => {\n                collection[entry.entryId] = entry;\n                return collection;\n            },\n            {}\n        );\n        setError(null);\n        setEntries(entries);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface CmsReferenceValue extends BaseCmsReferenceValue {\n    entryId: string;\n}\n\ninterface UseReferencesParams {\n    values?: BaseCmsReferenceValue[] | BaseCmsReferenceValue | null;\n    perPage?: number;\n    requestContext?: Record<string, any>;\n}\n\nexport const useReferences = ({\n    values: initialValues,\n    perPage = 10,\n    requestContext = {}\n}: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<Record<string, CmsReferenceContentEntry>>({});\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n    const [hash, setHash] = useState<string | null>(null);\n    const [currentPage, setCurrentPage] = useState<number>(0);\n    const pages = useMemo(() => {\n        const values = Array.isArray(initialValues)\n            ? initialValues\n            : initialValues\n            ? [initialValues]\n            : [];\n        return lodashChunk<CmsReferenceValue>(\n            values.map(value => {\n                const { id: entryId } = parseIdentifier(value.id);\n                return {\n                    ...value,\n                    entryId\n                };\n            }),\n            perPage\n        );\n    }, [initialValues, perPage]);\n\n    const entriesToLoad = useMemo(() => {\n        /**\n         * We need to make sure that all the previous page entries are loaded\n         * And we add the current page entries to the list.\n         */\n        const toLoad: CmsReferenceValue[] = [];\n        for (let p = 0; p <= currentPage; p++) {\n            const page = pages[p];\n            if (!page || page.length === 0) {\n                return toLoad;\n            }\n            toLoad.push(\n                ...page.filter(item => {\n                    return !entries[item.entryId];\n                })\n            );\n        }\n        return toLoad;\n    }, [pages, currentPage]);\n\n    useEffect(() => {\n        if (entriesToLoad.length === 0) {\n            return;\n        }\n        const value = entriesToLoad\n            .map(item => {\n                return item.id;\n            })\n            .sort()\n            .join(\"-\");\n        if (value.length === 0) {\n            return;\n        }\n        /**\n         * If there is no crypto.subtle, lets skip this - but at this point the hash will be enormous.\n         */\n        if (!window.crypto?.subtle) {\n            if (hash === value) {\n                return;\n            }\n            setHash(value);\n            return;\n        }\n\n        window.crypto.subtle.digest(\"SHA-1\", new TextEncoder().encode(value)).then(encoded => {\n            const decoded = new TextDecoder().decode(encoded);\n            if (hash === decoded) {\n                return;\n            }\n            setHash(decoded);\n        });\n    }, [entriesToLoad]);\n\n    useEffect(() => {\n        if (!hash || entriesToLoad.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            requestContext,\n            values: entriesToLoad,\n            setLoading,\n            setError,\n            setEntries: items => {\n                setEntries(prev => {\n                    return {\n                        ...prev,\n                        ...items\n                    };\n                });\n            }\n        });\n    }, [hash]);\n\n    const loadMore = useCallback(() => {\n        const nextPage = currentPage + 1;\n        if (!pages[nextPage] || pages[nextPage].length === 0) {\n            return;\n        }\n        setCurrentPage(nextPage);\n    }, [pages, currentPage]);\n\n    /**\n     * This variable contains all the pages with entries, up to the current page, which is inlcuded.\n     */\n    const loadedEntries = useMemo<CmsReferenceContentEntry[]>(() => {\n        const collection: CmsReferenceContentEntry[] = [];\n        for (let page = 0; page <= currentPage; page++) {\n            const items = pages[page] || [];\n            for (const item of items) {\n                const entry = entries[item.entryId];\n                if (!entry) {\n                    continue;\n                }\n                collection.push(entry);\n            }\n        }\n        return collection;\n    }, [currentPage, entries, pages]);\n\n    return {\n        loading,\n        entries: loadedEntries,\n        error,\n        loadMore\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["lodashChunk","useCallback","useEffect","useMemo","useState","useApolloClient","LIST_LATEST_CONTENT_ENTRIES","parseIdentifier","executeSearch","params","setLoading","setError","setEntries","client","values","requestContext","result","query","variables","entries","map","value","id","modelId","context","error","data","message","reduce","collection","entry","entryId","ex","useReferences","initialValues","perPage","loading","hash","setHash","currentPage","setCurrentPage","pages","Array","isArray","entriesToLoad","toLoad","p","page","length","push","filter","item","sort","join","window","crypto","subtle","digest","TextEncoder","encode","then","encoded","decoded","TextDecoder","decode","items","prev","loadMore","nextPage","loadedEntries"],"sources":["useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport lodashChunk from \"lodash/chunk.js\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    CmsReferenceContentEntry,\n    CmsReferenceValue as BaseCmsReferenceValue\n} from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport type {\n    ListLatestCmsEntriesResponse,\n    ListLatestCmsEntriesVariables\n} from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\nimport { LIST_LATEST_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/advanced/hooks/graphql.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: Record<string, CmsReferenceContentEntry>) => void;\n    client: ApolloClient<any>;\n    values: CmsReferenceValue[];\n    requestContext?: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, values, requestContext = {} } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            ListLatestCmsEntriesResponse,\n            ListLatestCmsEntriesVariables\n        >({\n            query: LIST_LATEST_CONTENT_ENTRIES,\n            variables: {\n                entries: values.map(value => {\n                    return {\n                        id: value.id,\n                        modelId: value.modelId\n                    };\n                })\n            },\n            context: requestContext\n        });\n        const error = result.data.entries?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n        const entries = result.data.entries.data.reduce<Record<string, CmsReferenceContentEntry>>(\n            (collection, entry) => {\n                collection[entry.entryId] = entry;\n                return collection;\n            },\n            {}\n        );\n        setError(null);\n        setEntries(entries);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface CmsReferenceValue extends BaseCmsReferenceValue {\n    entryId: string;\n}\n\ninterface UseReferencesParams {\n    values?: BaseCmsReferenceValue[] | BaseCmsReferenceValue | null;\n    perPage?: number;\n    requestContext?: Record<string, any>;\n}\n\nexport const useReferences = ({\n    values: initialValues,\n    perPage = 10,\n    requestContext = {}\n}: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<Record<string, CmsReferenceContentEntry>>({});\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n    const [hash, setHash] = useState<string | null>(null);\n    const [currentPage, setCurrentPage] = useState<number>(0);\n    const pages = useMemo(() => {\n        const values = Array.isArray(initialValues)\n            ? initialValues\n            : initialValues\n              ? [initialValues]\n              : [];\n        return lodashChunk<CmsReferenceValue>(\n            values.map(value => {\n                const { id: entryId } = parseIdentifier(value.id);\n                return {\n                    ...value,\n                    entryId\n                };\n            }),\n            perPage\n        );\n    }, [initialValues, perPage]);\n\n    const entriesToLoad = useMemo(() => {\n        /**\n         * We need to make sure that all the previous page entries are loaded\n         * And we add the current page entries to the list.\n         */\n        const toLoad: CmsReferenceValue[] = [];\n        for (let p = 0; p <= currentPage; p++) {\n            const page = pages[p];\n            if (!page || page.length === 0) {\n                return toLoad;\n            }\n            toLoad.push(\n                ...page.filter(item => {\n                    return !entries[item.entryId];\n                })\n            );\n        }\n        return toLoad;\n    }, [pages, currentPage]);\n\n    useEffect(() => {\n        if (entriesToLoad.length === 0) {\n            return;\n        }\n        const value = entriesToLoad\n            .map(item => {\n                return item.id;\n            })\n            .sort()\n            .join(\"-\");\n        if (value.length === 0) {\n            return;\n        }\n        /**\n         * If there is no crypto.subtle, lets skip this - but at this point the hash will be enormous.\n         */\n        if (!window.crypto?.subtle) {\n            if (hash === value) {\n                return;\n            }\n            setHash(value);\n            return;\n        }\n\n        window.crypto.subtle.digest(\"SHA-1\", new TextEncoder().encode(value)).then(encoded => {\n            const decoded = new TextDecoder().decode(encoded);\n            if (hash === decoded) {\n                return;\n            }\n            setHash(decoded);\n        });\n    }, [entriesToLoad]);\n\n    useEffect(() => {\n        if (!hash || entriesToLoad.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            requestContext,\n            values: entriesToLoad,\n            setLoading,\n            setError,\n            setEntries: items => {\n                setEntries(prev => {\n                    return {\n                        ...prev,\n                        ...items\n                    };\n                });\n            }\n        });\n    }, [hash]);\n\n    const loadMore = useCallback(() => {\n        const nextPage = currentPage + 1;\n        if (!pages[nextPage] || pages[nextPage].length === 0) {\n            return;\n        }\n        setCurrentPage(nextPage);\n    }, [pages, currentPage]);\n\n    /**\n     * This variable contains all the pages with entries, up to the current page, which is inlcuded.\n     */\n    const loadedEntries = useMemo<CmsReferenceContentEntry[]>(() => {\n        const collection: CmsReferenceContentEntry[] = [];\n        for (let page = 0; page <= currentPage; page++) {\n            const items = pages[page] || [];\n            for (const item of items) {\n                const entry = entries[item.entryId];\n                if (!entry) {\n                    continue;\n                }\n                collection.push(entry);\n            }\n        }\n        return collection;\n    }, [currentPage, entries, pages]);\n\n    return {\n        loading,\n        entries: loadedEntries,\n        error,\n        loadMore\n    };\n};\n"],"mappings":"AACA,OAAOA,WAAW,MAAM,iBAAiB;AACzC,SAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACjE,SAASC,eAAe;AASxB,SAASC,2BAA2B;AACpC,SAASC,eAAe,QAAQ,eAAe;AAW/C,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,EAAEX,2BAA2B;MAClCY,SAAS,EAAE;QACPC,OAAO,EAAEL,MAAM,CAACM,GAAG,CAACC,KAAK,IAAI;UACzB,OAAO;YACHC,EAAE,EAAED,KAAK,CAACC,EAAE;YACZC,OAAO,EAAEF,KAAK,CAACE;UACnB,CAAC;QACL,CAAC;MACL,CAAC;MACDC,OAAO,EAAET;IACb,CAAC,CAAC;IACF,MAAMU,KAAK,GAAGT,MAAM,CAACU,IAAI,CAACP,OAAO,EAAEM,KAAK;IACxC,IAAIA,KAAK,EAAE;MACPd,QAAQ,CAACc,KAAK,CAACE,OAAO,CAAC;MACvB;IACJ;IACA,MAAMR,OAAO,GAAGH,MAAM,CAACU,IAAI,CAACP,OAAO,CAACO,IAAI,CAACE,MAAM,CAC3C,CAACC,UAAU,EAAEC,KAAK,KAAK;MACnBD,UAAU,CAACC,KAAK,CAACC,OAAO,CAAC,GAAGD,KAAK;MACjC,OAAOD,UAAU;IACrB,CAAC,EACD,CAAC,CACL,CAAC;IACDlB,QAAQ,CAAC,IAAI,CAAC;IACdC,UAAU,CAACO,OAAO,CAAC;EACvB,CAAC,CAAC,OAAOa,EAAE,EAAE;IACTrB,QAAQ,CAACqB,EAAE,CAACL,OAAO,CAAC;EACxB,CAAC,SAAS;IACNjB,UAAU,CAAC,KAAK,CAAC;EACrB;AACJ,CAAC;AAYD,OAAO,MAAMuB,aAAa,GAAGA,CAAC;EAC1BnB,MAAM,EAAEoB,aAAa;EACrBC,OAAO,GAAG,EAAE;EACZpB,cAAc,GAAG,CAAC;AACD,CAAC,KAAK;EACvB,MAAMF,MAAM,GAAGR,eAAe,CAAC,CAAC;EAChC,MAAM,CAACc,OAAO,EAAEP,UAAU,CAAC,GAAGR,QAAQ,CAA2C,CAAC,CAAC,CAAC;EACpF,MAAM,CAACgC,OAAO,EAAE1B,UAAU,CAAC,GAAGN,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACqB,KAAK,EAAEd,QAAQ,CAAC,GAAGP,QAAQ,CAA4B,IAAI,CAAC;EACnE,MAAM,CAACiC,IAAI,EAAEC,OAAO,CAAC,GAAGlC,QAAQ,CAAgB,IAAI,CAAC;EACrD,MAAM,CAACmC,WAAW,EAAEC,cAAc,CAAC,GAAGpC,QAAQ,CAAS,CAAC,CAAC;EACzD,MAAMqC,KAAK,GAAGtC,OAAO,CAAC,MAAM;IACxB,MAAMW,MAAM,GAAG4B,KAAK,CAACC,OAAO,CAACT,aAAa,CAAC,GACrCA,aAAa,GACbA,aAAa,GACX,CAACA,aAAa,CAAC,GACf,EAAE;IACV,OAAOlC,WAAW,CACdc,MAAM,CAACM,GAAG,CAACC,KAAK,IAAI;MAChB,MAAM;QAAEC,EAAE,EAAES;MAAQ,CAAC,GAAGxB,eAAe,CAACc,KAAK,CAACC,EAAE,CAAC;MACjD,OAAO;QACH,GAAGD,KAAK;QACRU;MACJ,CAAC;IACL,CAAC,CAAC,EACFI,OACJ,CAAC;EACL,CAAC,EAAE,CAACD,aAAa,EAAEC,OAAO,CAAC,CAAC;EAE5B,MAAMS,aAAa,GAAGzC,OAAO,CAAC,MAAM;IAChC;AACR;AACA;AACA;IACQ,MAAM0C,MAA2B,GAAG,EAAE;IACtC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAIP,WAAW,EAAEO,CAAC,EAAE,EAAE;MACnC,MAAMC,IAAI,GAAGN,KAAK,CAACK,CAAC,CAAC;MACrB,IAAI,CAACC,IAAI,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;QAC5B,OAAOH,MAAM;MACjB;MACAA,MAAM,CAACI,IAAI,CACP,GAAGF,IAAI,CAACG,MAAM,CAACC,IAAI,IAAI;QACnB,OAAO,CAAChC,OAAO,CAACgC,IAAI,CAACpB,OAAO,CAAC;MACjC,CAAC,CACL,CAAC;IACL;IACA,OAAOc,MAAM;EACjB,CAAC,EAAE,CAACJ,KAAK,EAAEF,WAAW,CAAC,CAAC;EAExBrC,SAAS,CAAC,MAAM;IACZ,IAAI0C,aAAa,CAACI,MAAM,KAAK,CAAC,EAAE;MAC5B;IACJ;IACA,MAAM3B,KAAK,GAAGuB,aAAa,CACtBxB,GAAG,CAAC+B,IAAI,IAAI;MACT,OAAOA,IAAI,CAAC7B,EAAE;IAClB,CAAC,CAAC,CACD8B,IAAI,CAAC,CAAC,CACNC,IAAI,CAAC,GAAG,CAAC;IACd,IAAIhC,KAAK,CAAC2B,MAAM,KAAK,CAAC,EAAE;MACpB;IACJ;IACA;AACR;AACA;IACQ,IAAI,CAACM,MAAM,CAACC,MAAM,EAAEC,MAAM,EAAE;MACxB,IAAInB,IAAI,KAAKhB,KAAK,EAAE;QAChB;MACJ;MACAiB,OAAO,CAACjB,KAAK,CAAC;MACd;IACJ;IAEAiC,MAAM,CAACC,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC,OAAO,EAAE,IAAIC,WAAW,CAAC,CAAC,CAACC,MAAM,CAACtC,KAAK,CAAC,CAAC,CAACuC,IAAI,CAACC,OAAO,IAAI;MAClF,MAAMC,OAAO,GAAG,IAAIC,WAAW,CAAC,CAAC,CAACC,MAAM,CAACH,OAAO,CAAC;MACjD,IAAIxB,IAAI,KAAKyB,OAAO,EAAE;QAClB;MACJ;MACAxB,OAAO,CAACwB,OAAO,CAAC;IACpB,CAAC,CAAC;EACN,CAAC,EAAE,CAAClB,aAAa,CAAC,CAAC;EAEnB1C,SAAS,CAAC,MAAM;IACZ,IAAI,CAACmC,IAAI,IAAIO,aAAa,CAACI,MAAM,KAAK,CAAC,EAAE;MACrC;IACJ;IACAxC,aAAa,CAAC;MACVK,MAAM;MACNE,cAAc;MACdD,MAAM,EAAE8B,aAAa;MACrBlC,UAAU;MACVC,QAAQ;MACRC,UAAU,EAAEqD,KAAK,IAAI;QACjBrD,UAAU,CAACsD,IAAI,IAAI;UACf,OAAO;YACH,GAAGA,IAAI;YACP,GAAGD;UACP,CAAC;QACL,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAAC5B,IAAI,CAAC,CAAC;EAEV,MAAM8B,QAAQ,GAAGlE,WAAW,CAAC,MAAM;IAC/B,MAAMmE,QAAQ,GAAG7B,WAAW,GAAG,CAAC;IAChC,IAAI,CAACE,KAAK,CAAC2B,QAAQ,CAAC,IAAI3B,KAAK,CAAC2B,QAAQ,CAAC,CAACpB,MAAM,KAAK,CAAC,EAAE;MAClD;IACJ;IACAR,cAAc,CAAC4B,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAAC3B,KAAK,EAAEF,WAAW,CAAC,CAAC;;EAExB;AACJ;AACA;EACI,MAAM8B,aAAa,GAAGlE,OAAO,CAA6B,MAAM;IAC5D,MAAM0B,UAAsC,GAAG,EAAE;IACjD,KAAK,IAAIkB,IAAI,GAAG,CAAC,EAAEA,IAAI,IAAIR,WAAW,EAAEQ,IAAI,EAAE,EAAE;MAC5C,MAAMkB,KAAK,GAAGxB,KAAK,CAACM,IAAI,CAAC,IAAI,EAAE;MAC/B,KAAK,MAAMI,IAAI,IAAIc,KAAK,EAAE;QACtB,MAAMnC,KAAK,GAAGX,OAAO,CAACgC,IAAI,CAACpB,OAAO,CAAC;QACnC,IAAI,CAACD,KAAK,EAAE;UACR;QACJ;QACAD,UAAU,CAACoB,IAAI,CAACnB,KAAK,CAAC;MAC1B;IACJ;IACA,OAAOD,UAAU;EACrB,CAAC,EAAE,CAACU,WAAW,EAAEpB,OAAO,EAAEsB,KAAK,CAAC,CAAC;EAEjC,OAAO;IACHL,OAAO;IACPjB,OAAO,EAAEkD,aAAa;IACtB5C,KAAK;IACL0C;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

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

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

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

@@ -1,5 +1,5 @@
-import { createAdvancedSingleRenderer } from "./detailedReferenceRenderer";
-import { createAdvancedMultipleRenderer } from "./detailedReferencesRenderer";
+import { createAdvancedSingleRenderer } from "./detailedReferenceRenderer.js";
+import { createAdvancedMultipleRenderer } from "./detailedReferencesRenderer.js";
 export const createAdvancedRefRenderer = () => {
   return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];
 };

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

@@ -1 +1 @@
-{"version":3,"names":["createAdvancedSingleRenderer","createAdvancedMultipleRenderer","createAdvancedRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"./detailedReferenceRenderer\";\nimport { createAdvancedMultipleRenderer } from \"./detailedReferencesRenderer\";\n\nexport const createAdvancedRefRenderer = () => {\n    return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];\n};\n"],"mappings":"AAAA,SAASA,4BAA4B;AACrC,SAASC,8BAA8B;AAEvC,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC3C,OAAO,CAACF,4BAA4B,CAAC,CAAC,EAAEC,8BAA8B,CAAC,CAAC,CAAC;AAC7E,CAAC","ignoreList":[]}
+{"version":3,"names":["createAdvancedSingleRenderer","createAdvancedMultipleRenderer","createAdvancedRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createAdvancedSingleRenderer } from \"./detailedReferenceRenderer.js\";\nimport { createAdvancedMultipleRenderer } from \"./detailedReferencesRenderer.js\";\n\nexport const createAdvancedRefRenderer = () => {\n    return [createAdvancedSingleRenderer(), createAdvancedMultipleRenderer()];\n};\n"],"mappings":"AAAA,SAASA,4BAA4B;AACrC,SAASC,8BAA8B;AAEvC,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC3C,OAAO,CAACF,4BAA4B,CAAC,CAAC,EAAEC,8BAA8B,CAAC,CAAC,CAAC;AAC7E,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField } from "../../../../../types";
+import type { CmsModelField } from "../../../../../types.js";
 import type { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesAutocompleteProps {
     bind: BindComponentRenderProp;

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

@@ -1,29 +1,18 @@
 import React, { useState } from "react";
-import debounce from "lodash/debounce";
-import { NewEntryButton } from "./NewEntryButton";
-import { AutoComplete } from "@webiny/ui/AutoComplete";
-import { i18n } from "@webiny/app/i18n";
-import { Link } from "@webiny/react-router";
-import { useNewRefEntry } from "../hooks/useNewRefEntry";
-import { useReference } from "./useReference";
-import { renderItem } from "./renderItem";
-import { createEntryUrl } from "./createEntryUrl";
-import { EntryStatus } from "./EntryStatus";
-import { parseIdentifier } from "@webiny/utils";
-import { useModels } from "../../../../hooks";
-import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog";
+import debounce from "lodash/debounce.js";
+import { NewEntryButton } from "./NewEntryButton.js";
+import { AutoComplete } from "@webiny/ui/AutoComplete/index.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { SimpleLink } from "@webiny/app-admin";
+import { useNewRefEntry } from "../hooks/useNewRefEntry.js";
+import { useReference } from "./useReference.js";
+import { renderItem } from "./renderItem.js";
+import { createEntryUrl } from "./createEntryUrl.js";
+import { useModels } from "../../../../hooks/index.js";
+import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 const unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;
 const publishedLabel = t`Selected content entry is published. You can view it {here}.`;
-const getItemOption = (options, id) => {
-  if (!id || !options || options.length === 0) {
-    return null;
-  }
-  const {
-    id: entryId
-  } = parseIdentifier(id);
-  return options.find(item => item.entryId === entryId) || null;
-};
 const ContentEntriesAutocomplete = ({
   bind,
   field
@@ -46,14 +35,14 @@ const ContentEntriesAutocomplete = ({
   if (value && !value.published) {
     const link = createEntryUrl(value);
     entryInfo = unpublishedLabel({
-      publishItLink: /*#__PURE__*/React.createElement(Link, {
+      publishItLink: /*#__PURE__*/React.createElement(SimpleLink, {
         to: link
       }, t`publish it`)
     });
   } else if (value) {
     const link = createEntryUrl(value);
     entryInfo = publishedLabel({
-      here: /*#__PURE__*/React.createElement(Link, {
+      here: /*#__PURE__*/React.createElement(SimpleLink, {
         to: link
       }, t`here`)
     });
@@ -61,12 +50,11 @@ const ContentEntriesAutocomplete = ({
   const {
     renderNewEntryModal,
     refModelId,
-    helpText
+    help
   } = useNewRefEntry({
     field
   });
   const model = models.find(model => model.modelId === refModelId);
-  const item = getItemOption(options, bind.value ? bind.value.id : null);
 
   /*
    * Wrap AutoComplete input in NewRefEntry modal.
@@ -85,10 +73,9 @@ const ContentEntriesAutocomplete = ({
       value: value || undefined,
       options: options,
       label: field.label,
+      note: entryInfo,
       "data-testid": `fr.input.autocomplete.${field.label}`,
-      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
-        item: item
-      }, entryInfo)),
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.help),
       onInput: debounce(search => setSearch(search), 250),
       noResultFound: /*#__PURE__*/React.createElement(NewEntryButton, {
         onClick: () => setShowNewEntryModal(true)
@@ -102,11 +89,10 @@ const ContentEntriesAutocomplete = ({
     value: value || undefined,
     options: options,
     label: field.label,
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
-      item: item
-    }, entryInfo)),
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.help),
+    note: entryInfo,
     onInput: debounce(search => setSearch(search), 250),
-    noResultFound: helpText
+    noResultFound: help
   }));
 };
 export default ContentEntriesAutocomplete;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","debounce","NewEntryButton","AutoComplete","i18n","Link","useNewRefEntry","useReference","renderItem","createEntryUrl","EntryStatus","parseIdentifier","useModels","NewReferencedEntryDialog","t","ns","unpublishedLabel","publishedLabel","getItemOption","options","id","length","entryId","find","item","ContentEntriesAutocomplete","bind","field","models","showNewEntryModal","setShowNewEntryModal","setSearch","value","loading","onChange","entryInfo","published","link","publishItLink","createElement","to","here","renderNewEntryModal","refModelId","helpText","model","modelId","Fragment","onClose","entry","Object","assign","undefined","label","description","onInput","search","noResultFound","onClick"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { NewEntryButton } from \"./NewEntryButton\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useModels } from \"~/admin/hooks\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\nconst getItemOption = (options: OptionItem[], id?: string | null): OptionItem | null => {\n    if (!id || !options || options.length === 0) {\n        return null;\n    }\n    const { id: entryId } = parseIdentifier(id);\n    return options.find(item => item.entryId === entryId) || null;\n};\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesAutocomplete = ({ bind, field }: ContentEntriesAutocompleteProps) => {\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n    const model = models.find(model => model.modelId === refModelId);\n\n    const item = getItemOption(options, bind.value ? bind.value.id : null);\n\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={entry => {\n                            return onChange(entry, entry);\n                        }}\n                    />\n                ) : null}\n\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    data-testid={`fr.input.autocomplete.${field.label}`}\n                    description={\n                        <>\n                            {field.helpText}\n                            <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","debounce","NewEntryButton","AutoComplete","i18n","SimpleLink","useNewRefEntry","useReference","renderItem","createEntryUrl","useModels","NewReferencedEntryDialog","t","ns","unpublishedLabel","publishedLabel","ContentEntriesAutocomplete","bind","field","models","showNewEntryModal","setShowNewEntryModal","options","setSearch","value","loading","onChange","entryInfo","published","link","publishItLink","createElement","to","here","renderNewEntryModal","refModelId","help","model","find","modelId","Fragment","onClose","entry","Object","assign","undefined","label","note","description","onInput","search","noResultFound","onClick"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { NewEntryButton } from \"./NewEntryButton.js\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleLink } from \"@webiny/app-admin\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry.js\";\nimport { useReference } from \"./useReference.js\";\nimport { renderItem } from \"./renderItem.js\";\nimport { createEntryUrl } from \"./createEntryUrl.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { useModels } from \"~/admin/hooks/index.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesAutocomplete = ({ bind, field }: ContentEntriesAutocompleteProps) => {\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({\n            publishItLink: <SimpleLink to={link}>{t`publish it`}</SimpleLink>\n        });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <SimpleLink to={link}>{t`here`}</SimpleLink>\n        });\n    }\n    const { renderNewEntryModal, refModelId, help } = useNewRefEntry({ field });\n    const model = models.find(model => model.modelId === refModelId);\n\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={entry => {\n                            return onChange(entry, entry);\n                        }}\n                    />\n                ) : null}\n\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    note={entryInfo}\n                    data-testid={`fr.input.autocomplete.${field.label}`}\n                    description={<>{field.help}</>}\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={<>{field.help}</>}\n            note={entryInfo}\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={help}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SAASC,cAAc;AACvB,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc;AACvB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,cAAc;AAGvB,SAASC,SAAS;AAClB,SAASC,wBAAwB;AAEjC,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,gBAAgB,GAAGF,CAAC,iHAAiH;AAC3I,MAAMG,cAAc,GAAGH,CAAC,8DAA8D;AAMtF,MAAMI,0BAA0B,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAuC,CAAC,KAAK;EACrF,MAAM;IAAEC;EAAO,CAAC,GAAGT,SAAS,CAAC,CAAC;EAC9B,MAAM,CAACU,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAM;IAAEsB,OAAO;IAAEC,SAAS;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGnB,YAAY,CAAC;IAClEU,IAAI;IACJC;EACJ,CAAC,CAAC;EAEF,IAAIS,SAAwB,GAAG,IAAI;EACnC,IAAIH,KAAK,IAAI,CAACA,KAAK,CAACI,SAAS,EAAE;IAC3B,MAAMC,IAAI,GAAGpB,cAAc,CAACe,KAAK,CAAC;IAClCG,SAAS,GAAGb,gBAAgB,CAAC;MACzBgB,aAAa,eAAE/B,KAAA,CAAAgC,aAAA,CAAC1B,UAAU;QAAC2B,EAAE,EAAEH;MAAK,GAAEjB,CAAC,YAAyB;IACpE,CAAC,CAAC;EACN,CAAC,MAAM,IAAIY,KAAK,EAAE;IACd,MAAMK,IAAI,GAAGpB,cAAc,CAACe,KAAK,CAAC;IAClCG,SAAS,GAAGZ,cAAc,CAAC;MACvBkB,IAAI,eAAElC,KAAA,CAAAgC,aAAA,CAAC1B,UAAU;QAAC2B,EAAE,EAAEH;MAAK,GAAEjB,CAAC,MAAmB;IACrD,CAAC,CAAC;EACN;EACA,MAAM;IAAEsB,mBAAmB;IAAEC,UAAU;IAAEC;EAAK,CAAC,GAAG9B,cAAc,CAAC;IAAEY;EAAM,CAAC,CAAC;EAC3E,MAAMmB,KAAK,GAAGlB,MAAM,CAACmB,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACE,OAAO,KAAKJ,UAAU,CAAC;;EAEhE;AACJ;AACA;EACI,IAAID,mBAAmB,EAAE;IACrB,oBACInC,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAyC,QAAA,QACKpB,iBAAiB,IAAIiB,KAAK,gBACvBtC,KAAA,CAAAgC,aAAA,CAACpB,wBAAwB;MACrB8B,OAAO,EAAEA,CAAA,KAAMpB,oBAAoB,CAAC,KAAK,CAAE;MAC3CgB,KAAK,EAAEA,KAAM;MACbX,QAAQ,EAAEgB,KAAK,IAAI;QACf,OAAOhB,QAAQ,CAACgB,KAAK,EAAEA,KAAK,CAAC;MACjC;IAAE,CACL,CAAC,GACF,IAAI,eAER3C,KAAA,CAAAgC,aAAA,CAAC5B,YAAY,EAAAwC,MAAA,CAAAC,MAAA,KACL3B,IAAI;MACRT,UAAU,EAAEA,UAAW;MACvBkB,QAAQ,EAAEA,QAAS;MACnBD,OAAO,EAAEA,OAAQ;MACjBD,KAAK,EAAEA,KAAK,IAAIqB,SAAU;MAC1BvB,OAAO,EAAEA,OAAQ;MACjBwB,KAAK,EAAE5B,KAAK,CAAC4B,KAAM;MACnBC,IAAI,EAAEpB,SAAU;MAChB,eAAa,yBAAyBT,KAAK,CAAC4B,KAAK,EAAG;MACpDE,WAAW,eAAEjD,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAyC,QAAA,QAAGtB,KAAK,CAACkB,IAAO,CAAE;MAC/Ba,OAAO,EAAEhD,QAAQ,CAACiD,MAAM,IAAI3B,SAAS,CAAC2B,MAAM,CAAC,EAAE,GAAG,CAAE;MACpDC,aAAa,eAAEpD,KAAA,CAAAgC,aAAA,CAAC7B,cAAc;QAACkD,OAAO,EAAEA,CAAA,KAAM/B,oBAAoB,CAAC,IAAI;MAAE,CAAE;IAAE,EAChF,CACH,CAAC;EAEX;EAEA,oBACItB,KAAA,CAAAgC,aAAA,CAAC5B,YAAY,EAAAwC,MAAA,CAAAC,MAAA,KACL3B,IAAI;IACRT,UAAU,EAAEA,UAAW;IACvBkB,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBD,KAAK,EAAEA,KAAK,IAAIqB,SAAU;IAC1BvB,OAAO,EAAEA,OAAQ;IACjBwB,KAAK,EAAE5B,KAAK,CAAC4B,KAAM;IACnBE,WAAW,eAAEjD,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAyC,QAAA,QAAGtB,KAAK,CAACkB,IAAO,CAAE;IAC/BW,IAAI,EAAEpB,SAAU;IAChBsB,OAAO,EAAEhD,QAAQ,CAACiD,MAAM,IAAI3B,SAAS,CAAC2B,MAAM,CAAC,EAAE,GAAG,CAAE;IACpDC,aAAa,EAAEf;EAAK,EACvB,CAAC;AAEV,CAAC;AAED,eAAepB,0BAA0B","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsModelField } from "../../../../../types";
+import type { CmsModelField } from "../../../../../types.js";
 import type { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesMultiAutocompleteProps {
     bind: BindComponentRenderProp;

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

@@ -1,14 +1,15 @@
 import React, { useCallback, useState } from "react";
-import debounce from "lodash/debounce";
-import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
-import { Link } from "@webiny/react-router";
-import { i18n } from "@webiny/app/i18n";
-import { useReferences } from "./useReferences";
-import { renderItem, renderListItemOptions } from "./renderItem";
-import { NewEntryButton } from "./NewEntryButton";
-import { useNewRefEntry } from "../hooks/useNewRefEntry";
-import { useModels } from "../../../../hooks";
-import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog";
+import debounce from "lodash/debounce.js";
+import { MultiAutoComplete } from "@webiny/ui/AutoComplete/index.js";
+import { RouteLink } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useReferences } from "./useReferences.js";
+import { renderItem, renderListItemOptions } from "./renderItem.js";
+import { NewEntryButton } from "./NewEntryButton.js";
+import { useNewRefEntry } from "../hooks/useNewRefEntry.js";
+import { useModels } from "../../../../hooks/index.js";
+import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog.js";
+import { Routes } from "../../../../../routes.js";
 const t = i18n.ns("app-headless-cms/admin/fields/ref");
 const warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;
 const ContentEntriesMultiAutocomplete = ({
@@ -32,7 +33,7 @@ const ContentEntriesMultiAutocomplete = ({
   const {
     renderNewEntryModal,
     refModelId,
-    helpText
+    help
   } = useNewRefEntry({
     field
   });
@@ -48,14 +49,19 @@ const ContentEntriesMultiAutocomplete = ({
     }
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: id
-    }, index > 0 && ", ", /*#__PURE__*/React.createElement(Link, {
-      to: `/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`
+    }, index > 0 && ", ", /*#__PURE__*/React.createElement(RouteLink, {
+      route: Routes.ContentEntries.List,
+      params: {
+        id,
+        modelId
+      }
     }, name));
   };
-  let warning = entries.filter(item => !item.published);
-  if (warning.length > 0) {
+  const warnings = entries.filter(item => !item.published);
+  let warning = null;
+  if (warnings.length > 0) {
     warning = warn({
-      entries: /*#__PURE__*/React.createElement(React.Fragment, null, warning.map(entryWarning))
+      entries: /*#__PURE__*/React.createElement(React.Fragment, null, warnings.map(entryWarning))
     });
   }
   const refEntryOnChange = useCallback(value => {
@@ -82,7 +88,8 @@ const ContentEntriesMultiAutocomplete = ({
       options: options,
       label: field.label,
       onInput: debounce(setSearch, 250),
-      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning),
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.help),
+      note: warning,
       noResultFound: /*#__PURE__*/React.createElement(NewEntryButton, {
         onClick: () => setShowNewEntryModal(true)
       })
@@ -99,8 +106,9 @@ const ContentEntriesMultiAutocomplete = ({
     options: options,
     label: field.label,
     onInput: debounce(setSearch, 250),
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning),
-    noResultFound: helpText
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.help),
+    note: warning,
+    noResultFound: help
   }));
 };
 export default ContentEntriesMultiAutocomplete;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","debounce","MultiAutoComplete","Link","i18n","useReferences","renderItem","renderListItemOptions","NewEntryButton","useNewRefEntry","useModels","NewReferencedEntryDialog","t","ns","warn","ContentEntriesMultiAutocomplete","bind","field","models","showNewEntryModal","setShowNewEntryModal","options","setSearch","entries","loading","onChange","renderNewEntryModal","refModelId","helpText","entryWarning","entry","index","id","modelId","name","published","createElement","Fragment","key","to","encodeURIComponent","warning","filter","item","length","map","refEntryOnChange","value","model","find","onClose","Object","assign","renderListItemLabel","useMultipleSelectionList","label","onInput","description","noResultFound","onClick"],"sources":["ContentEntriesMultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { Link } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useReferences } from \"./useReferences\";\nimport { renderItem, renderListItemOptions } from \"./renderItem\";\nimport { NewEntryButton } from \"./NewEntryButton\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem } from \"./types\";\nimport { useModels } from \"~/admin/hooks\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesMultiAutocomplete = ({ bind, field }: ContentEntriesMultiAutocompleteProps) => {\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const entryWarning = (entry: OptionItem, index: number): React.ReactElement | null => {\n        const { id, modelId, name, published } = entry;\n        if (published) {\n            return null;\n        }\n        return (\n            <React.Fragment key={id}>\n                {index > 0 && \", \"}\n                <Link to={`/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`}>\n                    {name}\n                </Link>\n            </React.Fragment>\n        );\n    };\n\n    let warning = entries.filter(item => !item.published);\n    if (warning.length > 0) {\n        warning = warn({\n            entries: <>{warning.map(entryWarning)}</>\n        });\n    }\n\n    const refEntryOnChange = useCallback(\n        (value: OptionItem) => {\n            /**\n             * Append new selected entry at the end of existing entries.\n             */\n            onChange([...entries, value]);\n            setShowNewEntryModal(false);\n        },\n        [onChange, entries]\n    );\n\n    const model = models.find(model => model.modelId === refModelId);\n\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={refEntryOnChange}\n                    />\n                ) : null}\n                <MultiAutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    renderListItemLabel={renderItem}\n                    renderListItemOptions={renderListItemOptions}\n                    useMultipleSelectionList\n                    onChange={onChange}\n                    loading={loading}\n                    value={entries}\n                    options={options}\n                    label={field.label}\n                    onInput={debounce(setSearch, 250)}\n                    description={\n                        <>\n                            {field.helpText}\n                            {warning}\n                        </>\n                    }\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            renderItem={renderItem}\n            renderListItemLabel={renderItem}\n            renderListItemOptions={renderListItemOptions}\n            useMultipleSelectionList\n            onChange={onChange}\n            loading={loading}\n            value={entries}\n            options={options}\n            label={field.label}\n            onInput={debounce(setSearch, 250)}\n            description={\n                <>\n                    {field.helpText}\n                    {warning}\n                </>\n            }\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","debounce","MultiAutoComplete","RouteLink","i18n","useReferences","renderItem","renderListItemOptions","NewEntryButton","useNewRefEntry","useModels","NewReferencedEntryDialog","Routes","t","ns","warn","ContentEntriesMultiAutocomplete","bind","field","models","showNewEntryModal","setShowNewEntryModal","options","setSearch","entries","loading","onChange","renderNewEntryModal","refModelId","help","entryWarning","entry","index","id","modelId","name","published","createElement","Fragment","key","route","ContentEntries","List","params","warnings","filter","item","warning","length","map","refEntryOnChange","value","model","find","onClose","Object","assign","renderListItemLabel","useMultipleSelectionList","label","onInput","description","note","noResultFound","onClick"],"sources":["ContentEntriesMultiAutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { RouteLink } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { renderItem, renderListItemOptions } from \"./renderItem.js\";\nimport { NewEntryButton } from \"./NewEntryButton.js\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry.js\";\nimport type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem } from \"./types.js\";\nimport { useModels } from \"~/admin/hooks/index.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesMultiAutocomplete = ({ bind, field }: ContentEntriesMultiAutocompleteProps) => {\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n\n    const { renderNewEntryModal, refModelId, help } = useNewRefEntry({ field });\n\n    const entryWarning = (entry: OptionItem, index: number): React.ReactElement | null => {\n        const { id, modelId, name, published } = entry;\n        if (published) {\n            return null;\n        }\n        return (\n            <React.Fragment key={id}>\n                {index > 0 && \", \"}\n                <RouteLink route={Routes.ContentEntries.List} params={{ id, modelId }}>\n                    {name}\n                </RouteLink>\n            </React.Fragment>\n        );\n    };\n\n    const warnings = entries.filter(item => !item.published);\n    let warning: React.ReactElement | null = null;\n    if (warnings.length > 0) {\n        warning = warn({\n            entries: <>{warnings.map(entryWarning)}</>\n        });\n    }\n\n    const refEntryOnChange = useCallback(\n        (value: OptionItem) => {\n            /**\n             * Append new selected entry at the end of existing entries.\n             */\n            onChange([...entries, value]);\n            setShowNewEntryModal(false);\n        },\n\n        [onChange, entries]\n    );\n\n    const model = models.find(model => model.modelId === refModelId);\n\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={refEntryOnChange}\n                    />\n                ) : null}\n                <MultiAutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    renderListItemLabel={renderItem}\n                    renderListItemOptions={renderListItemOptions}\n                    useMultipleSelectionList\n                    onChange={onChange}\n                    loading={loading}\n                    value={entries}\n                    options={options}\n                    label={field.label}\n                    onInput={debounce(setSearch, 250)}\n                    description={<>{field.help}</>}\n                    note={warning}\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            renderItem={renderItem}\n            renderListItemLabel={renderItem}\n            renderListItemOptions={renderListItemOptions}\n            useMultipleSelectionList\n            onChange={onChange}\n            loading={loading}\n            value={entries}\n            options={options}\n            label={field.label}\n            onInput={debounce(setSearch, 250)}\n            description={<>{field.help}</>}\n            note={warning}\n            noResultFound={help}\n        />\n    );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-import type { OptionItem } from "./types";
+import type { OptionItem } from "../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 import React from "react";
-import type { TooltipProps } from "@webiny/ui/Tooltip";
+import type { TooltipProps } from "@webiny/ui/Tooltip/index.js";
 interface EntryStatusProps {
     item: OptionItem | null;
     placement?: TooltipProps["placement"];

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

@@ -1,8 +1,8 @@
 import _styled from "@emotion/styled/base";
 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)."; }
 import React from "react";
-import { getEntryStatus, getItemStatusText } from "./helpers";
-import { Tooltip } from "@webiny/ui/Tooltip";
+import { getEntryStatus, getItemStatusText } from "./helpers.js";
+import { Tooltip } from "@webiny/ui/Tooltip/index.js";
 import { ReactComponent as PublishedIcon } from "../../../../icons/published.svg";
 import { ReactComponent as UnpublishedIcon } from "../../../../icons/unpublished.svg";
 import { ReactComponent as DraftIcon } from "../../../../icons/draft.svg";
@@ -16,8 +16,7 @@ const EntryStatusText = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
   styles: "display:table-cell;vertical-align:middle"
 } : {
   name: "d6of3e",
-  styles: "display:table-cell;vertical-align:middle",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0IiLCJmaWxlIjoiRW50cnlTdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25JdGVtIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBnZXRFbnRyeVN0YXR1cyxcbiAgICBnZXRJdGVtU3RhdHVzVGV4dFxufSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL2hlbHBlcnNcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcFByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcFwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBVbnB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy91bnB1Ymxpc2hlZC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERyYWZ0SWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL2RyYWZ0LnN2Z1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IEVudHJ5U3RhdHVzVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIlxufSk7XG5cbmNvbnN0IEVudHJ5U3RhdHVzV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZVwiXG59KTtcbmNvbnN0IEVudHJ5U3RhdHVzVG9vbHRpcCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgd2lkdGg6IFwiMzBweFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5pbnRlcmZhY2UgRW50cnlTdGF0dXNQcm9wcyB7XG4gICAgaXRlbTogT3B0aW9uSXRlbSB8IG51bGw7XG4gICAgcGxhY2VtZW50PzogVG9vbHRpcFByb3BzW1wicGxhY2VtZW50XCJdO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cbmV4cG9ydCBjb25zdCBFbnRyeVN0YXR1cyA9IChwcm9wczogRW50cnlTdGF0dXNQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgaXRlbSwgY2hpbGRyZW4sIHBsYWNlbWVudCA9IFwiYm90dG9tXCIsIGNsYXNzTmFtZSB9ID0gcHJvcHM7XG4gICAgaWYgKCFpdGVtKSB7XG4gICAgICAgIHJldHVybiA8PntjaGlsZHJlbn08Lz47XG4gICAgfVxuICAgIGNvbnN0IHN0YXR1cyA9IGdldEVudHJ5U3RhdHVzKGl0ZW0pO1xuICAgIGNvbnN0IHRvb2x0aXBUZXh0ID0gZ2V0SXRlbVN0YXR1c1RleHQoaXRlbSk7XG5cbiAgICBjb25zdCBwdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwicHVibGlzaGVkXCI7XG4gICAgY29uc3QgdW5wdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwidW5wdWJsaXNoZWRcIjtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RW50cnlTdGF0dXNXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgICAgIDxFbnRyeVN0YXR1c1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17dG9vbHRpcFRleHR9IHBsYWNlbWVudD17cGxhY2VtZW50fT5cbiAgICAgICAgICAgICAgICAgICAge3B1Ymxpc2hlZCAmJiA8UHVibGlzaGVkSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAge3VucHVibGlzaGVkICYmIDxVbnB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHshcHVibGlzaGVkICYmICF1bnB1Ymxpc2hlZCAmJiA8RHJhZnRJY29uIC8+fVxuICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgIDwvRW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAge2NoaWxkcmVuICYmIDxFbnRyeVN0YXR1c1RleHQ+e2NoaWxkcmVufTwvRW50cnlTdGF0dXNUZXh0Pn1cbiAgICAgICAgPC9FbnRyeVN0YXR1c1dyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  styles: "display:table-cell;vertical-align:middle/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0IiLCJmaWxlIjoiRW50cnlTdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25JdGVtIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlcy5qc1wiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBnZXRFbnRyeVN0YXR1cyxcbiAgICBnZXRJdGVtU3RhdHVzVGV4dFxufSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL2hlbHBlcnMuanNcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcFByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcC9pbmRleC5qc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBVbnB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy91bnB1Ymxpc2hlZC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERyYWZ0SWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL2RyYWZ0LnN2Z1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IEVudHJ5U3RhdHVzVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIlxufSk7XG5cbmNvbnN0IEVudHJ5U3RhdHVzV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZVwiXG59KTtcbmNvbnN0IEVudHJ5U3RhdHVzVG9vbHRpcCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgd2lkdGg6IFwiMzBweFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5pbnRlcmZhY2UgRW50cnlTdGF0dXNQcm9wcyB7XG4gICAgaXRlbTogT3B0aW9uSXRlbSB8IG51bGw7XG4gICAgcGxhY2VtZW50PzogVG9vbHRpcFByb3BzW1wicGxhY2VtZW50XCJdO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cbmV4cG9ydCBjb25zdCBFbnRyeVN0YXR1cyA9IChwcm9wczogRW50cnlTdGF0dXNQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgaXRlbSwgY2hpbGRyZW4sIHBsYWNlbWVudCA9IFwiYm90dG9tXCIsIGNsYXNzTmFtZSB9ID0gcHJvcHM7XG4gICAgaWYgKCFpdGVtKSB7XG4gICAgICAgIHJldHVybiA8PntjaGlsZHJlbn08Lz47XG4gICAgfVxuICAgIGNvbnN0IHN0YXR1cyA9IGdldEVudHJ5U3RhdHVzKGl0ZW0pO1xuICAgIGNvbnN0IHRvb2x0aXBUZXh0ID0gZ2V0SXRlbVN0YXR1c1RleHQoaXRlbSk7XG5cbiAgICBjb25zdCBwdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwicHVibGlzaGVkXCI7XG4gICAgY29uc3QgdW5wdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwidW5wdWJsaXNoZWRcIjtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RW50cnlTdGF0dXNXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgICAgIDxFbnRyeVN0YXR1c1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17dG9vbHRpcFRleHR9IHBsYWNlbWVudD17cGxhY2VtZW50fT5cbiAgICAgICAgICAgICAgICAgICAge3B1Ymxpc2hlZCAmJiA8UHVibGlzaGVkSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAge3VucHVibGlzaGVkICYmIDxVbnB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHshcHVibGlzaGVkICYmICF1bnB1Ymxpc2hlZCAmJiA8RHJhZnRJY29uIC8+fVxuICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgIDwvRW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAge2NoaWxkcmVuICYmIDxFbnRyeVN0YXR1c1RleHQ+e2NoaWxkcmVufTwvRW50cnlTdGF0dXNUZXh0Pn1cbiAgICAgICAgPC9FbnRyeVN0YXR1c1dyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const EntryStatusWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -30,8 +29,7 @@ const EntryStatusWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
   styles: "display:table"
 } : {
   name: "1ogeil0",
-  styles: "display:table",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
+  styles: "display:table/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXMuanNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzLmpzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const EntryStatusTooltip = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -44,8 +42,7 @@ const EntryStatusTooltip = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
   styles: "display:table-cell;width:30px;vertical-align:middle"
 } : {
   name: "o3r0yq",
-  styles: "display:table-cell;width:30px;vertical-align:middle",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
+  styles: "display:table-cell;width:30px;vertical-align:middle/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXMuanNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzLmpzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const EntryStatus = props => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","getEntryStatus","getItemStatusText","Tooltip","ReactComponent","PublishedIcon","UnpublishedIcon","DraftIcon","EntryStatusText","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","EntryStatusWrapper","EntryStatusTooltip","EntryStatus","props","item","children","placement","className","createElement","Fragment","status","tooltipText","published","unpublished","content"],"sources":["EntryStatus.tsx"],"sourcesContent":["import type { OptionItem } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport React from \"react\";\nimport {\n    getEntryStatus,\n    getItemStatusText\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\nimport type { TooltipProps } from \"@webiny/ui/Tooltip\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as PublishedIcon } from \"~/admin/icons/published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"~/admin/icons/unpublished.svg\";\nimport { ReactComponent as DraftIcon } from \"~/admin/icons/draft.svg\";\nimport styled from \"@emotion/styled\";\n\nconst EntryStatusText = styled(\"div\")({\n    display: \"table-cell\",\n    verticalAlign: \"middle\"\n});\n\nconst EntryStatusWrapper = styled(\"div\")({\n    display: \"table\"\n});\nconst EntryStatusTooltip = styled(\"div\")({\n    display: \"table-cell\",\n    width: \"30px\",\n    verticalAlign: \"middle\"\n});\n\ninterface EntryStatusProps {\n    item: OptionItem | null;\n    placement?: TooltipProps[\"placement\"];\n    className?: string;\n    children?: React.ReactNode;\n}\nexport const EntryStatus = (props: EntryStatusProps) => {\n    const { item, children, placement = \"bottom\", className } = props;\n    if (!item) {\n        return <>{children}</>;\n    }\n    const status = getEntryStatus(item);\n    const tooltipText = getItemStatusText(item);\n\n    const published = status === \"published\";\n    const unpublished = status === \"unpublished\";\n    return (\n        <EntryStatusWrapper className={className}>\n            <EntryStatusTooltip>\n                <Tooltip content={tooltipText} placement={placement}>\n                    {published && <PublishedIcon />}\n                    {unpublished && <UnpublishedIcon />}\n                    {!published && !unpublished && <DraftIcon />}\n                </Tooltip>\n            </EntryStatusTooltip>\n            {children && <EntryStatusText>{children}</EntryStatusText>}\n        </EntryStatusWrapper>\n    );\n};\n"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,cAAc,EACdC,iBAAiB;AAGrB,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,cAAc,IAAIC,aAAa;AACxC,SAASD,cAAc,IAAIE,eAAe;AAC1C,SAASF,cAAc,IAAIG,SAAS;AAGpC,MAAMC,eAAe,gBAAGC,OAAA,CAAO,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,EAAAC;AAAA,CAGpC,CAAC;AAEF,MAAMC,kBAAkB,gBAAGX,OAAA,CAAO,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,EAAAC;AAAA,CAEvC,CAAC;AACF,MAAME,kBAAkB,gBAAGZ,OAAA,CAAO,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,EAAAC;AAAA,CAIvC,CAAC;AAQF,OAAO,MAAMG,WAAW,GAAIC,KAAuB,IAAK;EACpD,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,SAAS,GAAG,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EACjE,IAAI,CAACC,IAAI,EAAE;IACP,oBAAOxB,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,QAAGJ,QAAW,CAAC;EAC1B;EACA,MAAMK,MAAM,GAAG7B,cAAc,CAACuB,IAAI,CAAC;EACnC,MAAMO,WAAW,GAAG7B,iBAAiB,CAACsB,IAAI,CAAC;EAE3C,MAAMQ,SAAS,GAAGF,MAAM,KAAK,WAAW;EACxC,MAAMG,WAAW,GAAGH,MAAM,KAAK,aAAa;EAC5C,oBACI9B,KAAA,CAAA4B,aAAA,CAACR,kBAAkB;IAACO,SAAS,EAAEA;EAAU,gBACrC3B,KAAA,CAAA4B,aAAA,CAACP,kBAAkB,qBACfrB,KAAA,CAAA4B,aAAA,CAACzB,OAAO;IAAC+B,OAAO,EAAEH,WAAY;IAACL,SAAS,EAAEA;EAAU,GAC/CM,SAAS,iBAAIhC,KAAA,CAAA4B,aAAA,CAACvB,aAAa,MAAE,CAAC,EAC9B4B,WAAW,iBAAIjC,KAAA,CAAA4B,aAAA,CAACtB,eAAe,MAAE,CAAC,EAClC,CAAC0B,SAAS,IAAI,CAACC,WAAW,iBAAIjC,KAAA,CAAA4B,aAAA,CAACrB,SAAS,MAAE,CACtC,CACO,CAAC,EACpBkB,QAAQ,iBAAIzB,KAAA,CAAA4B,aAAA,CAACpB,eAAe,QAAEiB,QAA0B,CACzC,CAAC;AAE7B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","getEntryStatus","getItemStatusText","Tooltip","ReactComponent","PublishedIcon","UnpublishedIcon","DraftIcon","EntryStatusText","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","EntryStatusWrapper","EntryStatusTooltip","EntryStatus","props","item","children","placement","className","createElement","Fragment","status","tooltipText","published","unpublished","content"],"sources":["EntryStatus.tsx"],"sourcesContent":["import type { OptionItem } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport React from \"react\";\nimport {\n    getEntryStatus,\n    getItemStatusText\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers.js\";\nimport type { TooltipProps } from \"@webiny/ui/Tooltip/index.js\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\nimport { ReactComponent as PublishedIcon } from \"~/admin/icons/published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"~/admin/icons/unpublished.svg\";\nimport { ReactComponent as DraftIcon } from \"~/admin/icons/draft.svg\";\nimport styled from \"@emotion/styled\";\n\nconst EntryStatusText = styled(\"div\")({\n    display: \"table-cell\",\n    verticalAlign: \"middle\"\n});\n\nconst EntryStatusWrapper = styled(\"div\")({\n    display: \"table\"\n});\nconst EntryStatusTooltip = styled(\"div\")({\n    display: \"table-cell\",\n    width: \"30px\",\n    verticalAlign: \"middle\"\n});\n\ninterface EntryStatusProps {\n    item: OptionItem | null;\n    placement?: TooltipProps[\"placement\"];\n    className?: string;\n    children?: React.ReactNode;\n}\nexport const EntryStatus = (props: EntryStatusProps) => {\n    const { item, children, placement = \"bottom\", className } = props;\n    if (!item) {\n        return <>{children}</>;\n    }\n    const status = getEntryStatus(item);\n    const tooltipText = getItemStatusText(item);\n\n    const published = status === \"published\";\n    const unpublished = status === \"unpublished\";\n    return (\n        <EntryStatusWrapper className={className}>\n            <EntryStatusTooltip>\n                <Tooltip content={tooltipText} placement={placement}>\n                    {published && <PublishedIcon />}\n                    {unpublished && <UnpublishedIcon />}\n                    {!published && !unpublished && <DraftIcon />}\n                </Tooltip>\n            </EntryStatusTooltip>\n            {children && <EntryStatusText>{children}</EntryStatusText>}\n        </EntryStatusWrapper>\n    );\n};\n"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,cAAc,EACdC,iBAAiB;AAGrB,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,cAAc,IAAIC,aAAa;AACxC,SAASD,cAAc,IAAIE,eAAe;AAC1C,SAASF,cAAc,IAAIG,SAAS;AAGpC,MAAMC,eAAe,gBAAGC,OAAA,CAAO,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,QAAA,EAAAC;AAAA,CAGpC,CAAC;AAEF,MAAMC,kBAAkB,gBAAGV,OAAA,CAAO,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,QAAA,EAAAC;AAAA,CAEvC,CAAC;AACF,MAAME,kBAAkB,gBAAGX,OAAA,CAAO,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,QAAA,EAAAC;AAAA,CAIvC,CAAC;AAQF,OAAO,MAAMG,WAAW,GAAIC,KAAuB,IAAK;EACpD,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,SAAS,GAAG,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EACjE,IAAI,CAACC,IAAI,EAAE;IACP,oBAAOvB,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,QAAGJ,QAAW,CAAC;EAC1B;EACA,MAAMK,MAAM,GAAG5B,cAAc,CAACsB,IAAI,CAAC;EACnC,MAAMO,WAAW,GAAG5B,iBAAiB,CAACqB,IAAI,CAAC;EAE3C,MAAMQ,SAAS,GAAGF,MAAM,KAAK,WAAW;EACxC,MAAMG,WAAW,GAAGH,MAAM,KAAK,aAAa;EAC5C,oBACI7B,KAAA,CAAA2B,aAAA,CAACR,kBAAkB;IAACO,SAAS,EAAEA;EAAU,gBACrC1B,KAAA,CAAA2B,aAAA,CAACP,kBAAkB,qBACfpB,KAAA,CAAA2B,aAAA,CAACxB,OAAO;IAAC8B,OAAO,EAAEH,WAAY;IAACL,SAAS,EAAEA;EAAU,GAC/CM,SAAS,iBAAI/B,KAAA,CAAA2B,aAAA,CAACtB,aAAa,MAAE,CAAC,EAC9B2B,WAAW,iBAAIhC,KAAA,CAAA2B,aAAA,CAACrB,eAAe,MAAE,CAAC,EAClC,CAACyB,SAAS,IAAI,CAACC,WAAW,iBAAIhC,KAAA,CAAA2B,aAAA,CAACpB,SAAS,MAAE,CACtC,CACO,CAAC,EACpBiB,QAAQ,iBAAIxB,KAAA,CAAA2B,aAAA,CAACnB,eAAe,QAAEgB,QAA0B,CACzC,CAAC;AAE7B,CAAC","ignoreList":[]}