@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","ContentEntryProvider","FoldersProvider","ContentEntriesProvider","i18n","useContentEntry","ModelProvider","ContentEntryForm","GET_CONTENT_MODEL","useCms","NavigateFolderProvider","AbstractNavigateFolderProvider","useLoadFolderHierarchy","FolderTree","useNavigateFolder","SplitView","LeftPanel","RightPanel","DialogsProvider","usePersistEntry","AcoAppContext","createAppFromModel","Drawer","OverlayLoader","ROOT_FOLDER","useContentEntryListConfig","t","ns","baseEntry","values","EntryForm","onCreate","setSaveEntry","contentModel","loading","persistEntry","addItemToListCache","currentFolderId","navigateToFolder","browser","folders","loadFolderHierarchy","length","initialEntry","createElement","model","span","className","folderActions","folder","actions","focusedFolderId","onFolderClick","data","id","enableActions","enableCreate","text","header","entry","onAfterCreate","NewReferencedEntryDialog","baseModel","onClose","onChange","apolloClient","setModel","undefined","response","query","variables","modelId","getContentModel","published","meta","status","modelName","name","acoAppContext","app","client","folderIdPath","folderIdInPath","Provider","value","key","insideDialog","ContentEntryProviderWithCurrentFolderId","children","folderId","setFolderId","createStorageKey","saveEntryRef","isNewEntry","getContentId","open","width","modal","headerSeparator","footerSeparator","bodyPadding","title","Fragment","CancelButton","ConfirmButton","onClick","current","cb"],"sources":["NewReferencedEntryDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext.js\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders.js\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsContentEntry, CmsModel } from \"~/types.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm.js\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { useCms } from \"~/admin/hooks/index.js\";\nimport {\n    NavigateFolderProvider as AbstractNavigateFolderProvider,\n    useLoadFolderHierarchy\n} from \"@webiny/app-aco\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SplitView, LeftPanel, RightPanel, DialogsProvider } from \"@webiny/app-admin\";\nimport { usePersistEntry } from \"~/admin/hooks/usePersistEntry.js\";\nimport type { AcoAppProviderContext } from \"@webiny/app-aco/contexts/app.js\";\nimport { AcoAppContext, createAppFromModel } from \"@webiny/app-aco/contexts/app.js\";\nimport { Drawer, OverlayLoader } from \"@webiny/admin-ui\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\ninterface SaveEntry {\n    (): void;\n}\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsContentEntry) => void;\n    setSaveEntry: (cb: SaveEntry) => void;\n}\n\nconst baseEntry: Pick<CmsContentEntry, \"values\"> = {\n    values: {}\n};\n\nconst EntryForm = ({ onCreate, setSaveEntry }: EntryFormProps) => {\n    const { contentModel, loading } = useContentEntry();\n    const { persistEntry } = usePersistEntry({ addItemToListCache: false });\n    const { currentFolderId, navigateToFolder } = useNavigateFolder();\n    const { browser } = useContentEntryListConfig();\n    const { folders, loadFolderHierarchy } = useLoadFolderHierarchy();\n\n    useEffect(() => {\n        // The folders collection is empty, it must be the first render, let's load the full hierarchy.\n        if (folders.length === 0) {\n            loadFolderHierarchy(currentFolderId);\n        }\n    }, []);\n\n    const initialEntry = useMemo(() => {\n        return baseEntry;\n    }, []);\n\n    return (\n        <ModelProvider model={contentModel}>\n            <SplitView>\n                <LeftPanel span={3}>\n                    <div className={\"px-sm-extra py-sm\"}>\n                        <FolderTree\n                            folderActions={browser.folder.actions}\n                            focusedFolderId={currentFolderId}\n                            onFolderClick={data => navigateToFolder(data.id)}\n                            enableActions={true}\n                            enableCreate={true}\n                        />\n                    </div>\n                </LeftPanel>\n                <RightPanel span={9}>\n                    <div className={\"p-md relative\"}>\n                        {loading ? <OverlayLoader text={\"Creating entry...\"} /> : null}\n                        <ContentEntryForm\n                            header={false}\n                            entry={initialEntry}\n                            persistEntry={persistEntry}\n                            onAfterCreate={entry => onCreate(entry)}\n                            setSaveEntry={setSaveEntry}\n                        />\n                    </div>\n                </RightPanel>\n            </SplitView>\n        </ModelProvider>\n    );\n};\n\ninterface NewReferencedEntryDialogProps {\n    model: Pick<CmsModel, \"modelId\">;\n    onClose: () => void;\n    onChange: (entry: any) => void;\n}\n\nexport const NewReferencedEntryDialog = ({\n    model: baseModel,\n    onClose,\n    onChange\n}: NewReferencedEntryDialogProps) => {\n    const { apolloClient } = useCms();\n    const [model, setModel] = useState<CmsModel | undefined>(undefined);\n\n    useEffect(() => {\n        (async () => {\n            const response = await apolloClient.query<\n                GetCmsModelQueryResponse,\n                GetCmsModelQueryVariables\n            >({\n                query: GET_CONTENT_MODEL,\n                variables: {\n                    modelId: baseModel.modelId\n                }\n            });\n            setModel(response.data.getContentModel.data);\n        })();\n    }, [baseModel.modelId]);\n\n    const onCreate = useCallback(\n        (entry: CmsContentEntry) => {\n            if (!model) {\n                onClose();\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: entry.meta?.status === \"published\",\n                modelId: model.modelId,\n                modelName: model.name\n            });\n            onClose();\n        },\n        [onChange, model]\n    );\n\n    if (!model) {\n        return null;\n    }\n\n    const acoAppContext: AcoAppProviderContext = {\n        app: createAppFromModel({\n            model,\n            id: `cms:${model.modelId}`\n        }),\n        client: apolloClient,\n        model,\n        folderIdPath: \"wbyAco_location.folderId\",\n        folderIdInPath: \"wbyAco_location.folderId_in\"\n    };\n\n    return (\n        <AcoAppContext.Provider value={acoAppContext}>\n            <FoldersProvider>\n                {/* We need to mount <DialogsProvider> to render dialog content in the right context. */}\n                {/* Otherwise, you'll see odd behavior with FolderTree, loading folders of the wrong type. */}\n                <DialogsProvider>\n                    <NavigateFolderProvider modelId={model.modelId}>\n                        <ContentEntriesProvider\n                            contentModel={model}\n                            key={model.modelId}\n                            insideDialog={true}\n                        >\n                            <ContentEntryProviderWithCurrentFolderId\n                                model={model}\n                                onClose={onClose}\n                                onCreate={onCreate}\n                            />\n                        </ContentEntriesProvider>\n                    </NavigateFolderProvider>\n                </DialogsProvider>\n            </FoldersProvider>\n        </AcoAppContext.Provider>\n    );\n};\n\nconst NavigateFolderProvider = ({\n    modelId,\n    children\n}: {\n    modelId: string;\n    children: React.ReactNode;\n}) => {\n    const [folderId, setFolderId] = useState<string | undefined>(undefined);\n\n    const navigateToFolder = useCallback((folderId: string) => {\n        setFolderId(folderId === ROOT_FOLDER ? undefined : folderId);\n    }, []);\n\n    return (\n        <AbstractNavigateFolderProvider\n            folderId={folderId}\n            createStorageKey={() => `cms:${modelId}:create`}\n            navigateToFolder={navigateToFolder}\n        >\n            {children}\n        </AbstractNavigateFolderProvider>\n    );\n};\n\ninterface ContentEntryProviderWithCurrentFolderIdProps {\n    model: CmsModel;\n    onClose: () => void;\n    onCreate: (entry: CmsContentEntry) => void;\n}\n\nconst ContentEntryProviderWithCurrentFolderId = ({\n    model,\n    onClose,\n    onCreate\n}: ContentEntryProviderWithCurrentFolderIdProps) => {\n    const saveEntryRef = useRef<SaveEntry | null>(null);\n    const { currentFolderId } = useNavigateFolder();\n\n    return (\n        <ContentEntryProvider\n            isNewEntry={() => true}\n            getContentId={() => undefined}\n            currentFolderId={currentFolderId}\n        >\n            <Drawer\n                open={true}\n                onClose={onClose}\n                width={1000}\n                modal={true}\n                headerSeparator={true}\n                footerSeparator={true}\n                bodyPadding={false}\n                title={t`New {modelName} Entry`({ modelName: model.name })}\n                actions={\n                    <>\n                        <Drawer.CancelButton />\n                        <Drawer.ConfirmButton\n                            onClick={() => saveEntryRef.current && saveEntryRef.current()}\n                            text={t`Create Entry`}\n                        />\n                    </>\n                }\n            >\n                <EntryForm onCreate={onCreate} setSaveEntry={cb => (saveEntryRef.current = cb)} />\n            </Drawer>\n        </ContentEntryProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext.js\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders.js\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsContentEntry, CmsModel } from \"~/types.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm.js\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { useCms } from \"~/admin/hooks/index.js\";\nimport {\n    NavigateFolderProvider as AbstractNavigateFolderProvider,\n    useLoadFolderHierarchy\n} from \"@webiny/app-aco\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SplitView, LeftPanel, RightPanel, DialogsProvider } from \"@webiny/app-admin\";\nimport { usePersistEntry } from \"~/admin/hooks/usePersistEntry.js\";\nimport type { AcoAppProviderContext } from \"@webiny/app-aco/contexts/app.js\";\nimport { AcoAppContext, createAppFromModel } from \"@webiny/app-aco/contexts/app.js\";\nimport { Drawer, OverlayLoader } from \"@webiny/admin-ui\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\ninterface SaveEntry {\n    (): void;\n}\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsContentEntry) => void;\n    setSaveEntry: (cb: SaveEntry) => void;\n}\n\nconst baseEntry: Pick<CmsContentEntry, \"values\"> = {\n    values: {}\n};\n\nconst EntryForm = ({ onCreate, setSaveEntry }: EntryFormProps) => {\n    const { contentModel, loading } = useContentEntry();\n    const { persistEntry } = usePersistEntry({ addItemToListCache: false });\n    const { currentFolderId, navigateToFolder } = useNavigateFolder();\n    const { browser } = useContentEntryListConfig();\n    const { folders, loadFolderHierarchy } = useLoadFolderHierarchy();\n\n    useEffect(() => {\n        // The folders collection is empty, it must be the first render, let's load the full hierarchy.\n        if (folders.length === 0) {\n            loadFolderHierarchy(currentFolderId);\n        }\n    }, []);\n\n    const initialEntry = useMemo(() => {\n        return baseEntry;\n    }, []);\n\n    return (\n        <ModelProvider model={contentModel}>\n            <SplitView>\n                <LeftPanel span={3}>\n                    <div className={\"px-sm-extra py-sm\"}>\n                        <FolderTree\n                            folderActions={browser.folder.actions}\n                            focusedFolderId={currentFolderId}\n                            onFolderClick={data => navigateToFolder(data.id)}\n                            enableActions={true}\n                            enableCreate={true}\n                        />\n                    </div>\n                </LeftPanel>\n                <RightPanel span={9}>\n                    <div className={\"p-md relative\"}>\n                        {loading ? <OverlayLoader text={\"Creating entry...\"} /> : null}\n                        <ContentEntryForm\n                            header={false}\n                            entry={initialEntry}\n                            persistEntry={persistEntry}\n                            onAfterCreate={entry => onCreate(entry)}\n                            setSaveEntry={setSaveEntry}\n                        />\n                    </div>\n                </RightPanel>\n            </SplitView>\n        </ModelProvider>\n    );\n};\n\ninterface NewReferencedEntryDialogProps {\n    model: Pick<CmsModel, \"modelId\">;\n    onClose: () => void;\n    onChange: (entry: any) => void;\n}\n\nexport const NewReferencedEntryDialog = ({\n    model: baseModel,\n    onClose,\n    onChange\n}: NewReferencedEntryDialogProps) => {\n    const { apolloClient } = useCms();\n    const [model, setModel] = useState<CmsModel | undefined>(undefined);\n\n    useEffect(() => {\n        (async () => {\n            const response = await apolloClient.query<\n                GetCmsModelQueryResponse,\n                GetCmsModelQueryVariables\n            >({\n                query: GET_CONTENT_MODEL,\n                variables: {\n                    modelId: baseModel.modelId\n                }\n            });\n            setModel(response.data.getContentModel.data);\n        })();\n    }, [baseModel.modelId]);\n\n    const onCreate = useCallback(\n        (entry: CmsContentEntry) => {\n            if (!model) {\n                onClose();\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: entry.meta?.status === \"published\",\n                modelId: model.modelId,\n                modelName: model.name\n            });\n            onClose();\n        },\n        [onChange, model]\n    );\n\n    if (!model) {\n        return null;\n    }\n\n    const acoAppContext: AcoAppProviderContext = {\n        app: createAppFromModel({\n            model,\n            id: `cms:${model.modelId}`\n        }),\n        client: apolloClient,\n        model,\n        folderIdPath: \"wbyAco_location.folderId\",\n        folderIdInPath: \"wbyAco_location.folderId_in\"\n    };\n\n    return (\n        <AcoAppContext.Provider value={acoAppContext}>\n            <FoldersProvider>\n                {/* We need to mount <DialogsProvider> to render dialog content in the right context. */}\n                {/* Otherwise, you'll see odd behavior with FolderTree, loading folders of the wrong type. */}\n                <DialogsProvider>\n                    <NavigateFolderProvider modelId={model.modelId}>\n                        <ContentEntriesProvider\n                            contentModel={model}\n                            key={model.modelId}\n                            insideDialog={true}\n                        >\n                            <ContentEntryProviderWithCurrentFolderId\n                                model={model}\n                                onClose={onClose}\n                                onCreate={onCreate}\n                            />\n                        </ContentEntriesProvider>\n                    </NavigateFolderProvider>\n                </DialogsProvider>\n            </FoldersProvider>\n        </AcoAppContext.Provider>\n    );\n};\n\nconst NavigateFolderProvider = ({\n    modelId,\n    children\n}: {\n    modelId: string;\n    children: React.ReactNode;\n}) => {\n    const [folderId, setFolderId] = useState<string | undefined>(undefined);\n\n    const navigateToFolder = useCallback((folderId: string) => {\n        setFolderId(folderId === ROOT_FOLDER ? undefined : folderId);\n    }, []);\n\n    return (\n        <AbstractNavigateFolderProvider\n            folderId={folderId}\n            createStorageKey={() => `cms:${modelId}:create`}\n            navigateToFolder={navigateToFolder}\n        >\n            {children}\n        </AbstractNavigateFolderProvider>\n    );\n};\n\ninterface ContentEntryProviderWithCurrentFolderIdProps {\n    model: CmsModel;\n    onClose: () => void;\n    onCreate: (entry: CmsContentEntry) => void;\n}\n\nconst ContentEntryProviderWithCurrentFolderId = ({\n    model,\n    onClose,\n    onCreate\n}: ContentEntryProviderWithCurrentFolderIdProps) => {\n    const saveEntryRef = useRef<SaveEntry | null>(null);\n    const { currentFolderId } = useNavigateFolder();\n\n    return (\n        <ContentEntryProvider\n            isNewEntry={() => true}\n            getContentId={() => undefined}\n            currentFolderId={currentFolderId}\n        >\n            <Drawer\n                open={true}\n                onClose={onClose}\n                width={1000}\n                modal={true}\n                headerSeparator={true}\n                footerSeparator={true}\n                bodyPadding={false}\n                title={t`New {modelName} Entry`({ modelName: model.name })}\n                actions={\n                    <>\n                        <Drawer.CancelButton />\n                        <Drawer.ConfirmButton\n                            onClick={() => saveEntryRef.current && saveEntryRef.current()}\n                            text={t`Create Entry`}\n                        />\n                    </>\n                }\n            >\n                <EntryForm onCreate={onCreate} setSaveEntry={cb => (saveEntryRef.current = cb)} />\n            </Drawer>\n        </ContentEntryProvider>\n    );\n};\n"],"names":["t","i18n","baseEntry","EntryForm","onCreate","setSaveEntry","contentModel","loading","useContentEntry","persistEntry","usePersistEntry","currentFolderId","navigateToFolder","useNavigateFolder","browser","useContentEntryListConfig","folders","loadFolderHierarchy","useLoadFolderHierarchy","useEffect","initialEntry","useMemo","ModelProvider","SplitView","LeftPanel","FolderTree","data","RightPanel","OverlayLoader","ContentEntryForm","entry","NewReferencedEntryDialog","baseModel","onClose","onChange","apolloClient","useCms","model","setModel","useState","undefined","response","GET_CONTENT_MODEL","useCallback","acoAppContext","createAppFromModel","AcoAppContext","FoldersProvider","DialogsProvider","NavigateFolderProvider","ContentEntriesProvider","ContentEntryProviderWithCurrentFolderId","modelId","children","folderId","setFolderId","ROOT_FOLDER","AbstractNavigateFolderProvider","saveEntryRef","useRef","ContentEntryProvider","Drawer","cb"],"mappings":"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"}

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

@@ -1,13 +1,11 @@
-export const createEntryUrl = ({
-  modelId,
-  id,
-  folderId
-}) => {
-  const query = [`id=${encodeURIComponent(id)}`, folderId && `folderId=${encodeURIComponent(folderId)}`].filter(Boolean).join("&");
-  return `/cms/content-entries/${modelId}?${query}`;
-};
-export const createNewEntryUrl = modelId => {
-  return `/cms/content-entries/${modelId}?new=true`;
+const createEntryUrl = ({ modelId, id, folderId })=>{
+    const query = [
+        `id=${encodeURIComponent(id)}`,
+        folderId && `folderId=${encodeURIComponent(folderId)}`
+    ].filter(Boolean).join("&");
+    return `/cms/content-entries/${modelId}?${query}`;
 };
+const createNewEntryUrl = (modelId)=>`/cms/content-entries/${modelId}?new=true`;
+export { createEntryUrl, createNewEntryUrl };
 
 //# sourceMappingURL=createEntryUrl.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createEntryUrl","modelId","id","folderId","query","encodeURIComponent","filter","Boolean","join","createNewEntryUrl"],"sources":["createEntryUrl.ts"],"sourcesContent":["export interface CreateEntryUrlParams {\n    id: string;\n    modelId: string;\n    folderId?: string;\n}\n\nexport const createEntryUrl = ({ modelId, id, folderId }: CreateEntryUrlParams): string => {\n    const query = [\n        `id=${encodeURIComponent(id)}`,\n        folderId && `folderId=${encodeURIComponent(folderId)}`\n    ]\n        .filter(Boolean)\n        .join(\"&\");\n\n    return `/cms/content-entries/${modelId}?${query}`;\n};\n\nexport const createNewEntryUrl = (modelId: string): string => {\n    return `/cms/content-entries/${modelId}?new=true`;\n};\n"],"mappings":"AAMA,OAAO,MAAMA,cAAc,GAAGA,CAAC;EAAEC,OAAO;EAAEC,EAAE;EAAEC;AAA+B,CAAC,KAAa;EACvF,MAAMC,KAAK,GAAG,CACV,MAAMC,kBAAkB,CAACH,EAAE,CAAC,EAAE,EAC9BC,QAAQ,IAAI,YAAYE,kBAAkB,CAACF,QAAQ,CAAC,EAAE,CACzD,CACIG,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG,CAAC;EAEd,OAAO,wBAAwBP,OAAO,IAAIG,KAAK,EAAE;AACrD,CAAC;AAED,OAAO,MAAMK,iBAAiB,GAAIR,OAAe,IAAa;EAC1D,OAAO,wBAAwBA,OAAO,WAAW;AACrD,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/createEntryUrl.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/createEntryUrl.ts"],"sourcesContent":["export interface CreateEntryUrlParams {\n    id: string;\n    modelId: string;\n    folderId?: string;\n}\n\nexport const createEntryUrl = ({ modelId, id, folderId }: CreateEntryUrlParams): string => {\n    const query = [\n        `id=${encodeURIComponent(id)}`,\n        folderId && `folderId=${encodeURIComponent(folderId)}`\n    ]\n        .filter(Boolean)\n        .join(\"&\");\n\n    return `/cms/content-entries/${modelId}?${query}`;\n};\n\nexport const createNewEntryUrl = (modelId: string): string => {\n    return `/cms/content-entries/${modelId}?new=true`;\n};\n"],"names":["createEntryUrl","modelId","id","folderId","query","encodeURIComponent","Boolean","createNewEntryUrl"],"mappings":"AAMO,MAAMA,iBAAiB,CAAC,EAAEC,OAAO,EAAEC,EAAE,EAAEC,QAAQ,EAAwB;IAC1E,MAAMC,QAAQ;QACV,CAAC,GAAG,EAAEC,mBAAmBH,KAAK;QAC9BC,YAAY,CAAC,SAAS,EAAEE,mBAAmBF,WAAW;KACzD,CACI,MAAM,CAACG,SACP,IAAI,CAAC;IAEV,OAAO,CAAC,qBAAqB,EAAEL,QAAQ,CAAC,EAAEG,OAAO;AACrD;AAEO,MAAMG,oBAAoB,CAACN,UACvB,CAAC,qBAAqB,EAAEA,QAAQ,SAAS,CAAC"}

package/admin/plugins/fieldRenderers/ref/components/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
-export declare const Dialog: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogProps & {
+export declare const Dialog: import("@emotion/styled").StyledComponent<import("@webiny/admin-ui/Dialog").DialogProps & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export declare const FullWidthDialog: import("@emotion/styled").StyledComponent<import("@webiny/ui/Dialog").DialogProps & {
+export declare const FullWidthDialog: import("@emotion/styled").StyledComponent<import("@webiny/admin-ui/Dialog").DialogProps & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/admin/plugins/fieldRenderers/ref/components/dialog/Dialog.js

@@ -1,31 +1,24 @@
-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 { Dialog as BaseDialog } from "../../../../../components/Dialog.js";
-export const Dialog = /*#__PURE__*/_styled(BaseDialog, process.env.NODE_ENV === "production" ? {
-  target: "ep1qwck1"
-} : {
-  target: "ep1qwck1",
-  label: "Dialog"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1447j6j",
-  styles: "min-width:800px;.mdc-dialog__surface{width:auto;min-width:800px;max-height:calc(100vh - 100px);}"
-} : {
-  name: "1447j6j",
-  styles: "min-width:800px;.mdc-dialog__surface{width:auto;min-width:800px;max-height:calc(100vh - 100px);}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NCIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZyBhcyBCYXNlRGlhbG9nIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9EaWFsb2cuanNcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9IHN0eWxlZChCYXNlRGlhbG9nKSh7XG4gICAgbWluV2lkdGg6IFwiODAwcHhcIixcbiAgICBcIi5tZGMtZGlhbG9nX19zdXJmYWNlXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBtaW5XaWR0aDogXCI4MDBweFwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDEwMHB4KVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBGdWxsV2lkdGhEaWFsb2cgPSBzdHlsZWQoQmFzZURpYWxvZykoe1xuICAgIG1heFdpZHRoOiBcIjEwMCVcIixcbiAgICBtaW5XaWR0aDogXCI5MCVcIixcbiAgICB6SW5kZXg6IFwiMjBcIixcbiAgICBcIi5tZGMtZGlhbG9nX19zdXJmYWNlXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBtYXhXaWR0aDogXCIxMDAlXCIsXG4gICAgICAgIG1pbldpZHRoOiBcIjkwJVwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDEwMHB4KVwiXG4gICAgfVxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import styled from "@emotion/styled";
+import { Dialog } from "../../../../../components/Dialog.js";
+const Dialog_Dialog = styled(Dialog)({
+    minWidth: "800px",
+    ".mdc-dialog__surface": {
+        width: "auto",
+        minWidth: "800px",
+        maxHeight: "calc(100vh - 100px)"
+    }
 });
-export const FullWidthDialog = /*#__PURE__*/_styled(BaseDialog, process.env.NODE_ENV === "production" ? {
-  target: "ep1qwck0"
-} : {
-  target: "ep1qwck0",
-  label: "FullWidthDialog"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1uvponl",
-  styles: "max-width:100%;min-width:90%;z-index:20;.mdc-dialog__surface{width:auto;max-width:100%;min-width:90%;max-height:calc(100vh - 100px);}"
-} : {
-  name: "1uvponl",
-  styles: "max-width:100%;min-width:90%;z-index:20;.mdc-dialog__surface{width:auto;max-width:100%;min-width:90%;max-height:calc(100vh - 100px);}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStCIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZyBhcyBCYXNlRGlhbG9nIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9EaWFsb2cuanNcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9IHN0eWxlZChCYXNlRGlhbG9nKSh7XG4gICAgbWluV2lkdGg6IFwiODAwcHhcIixcbiAgICBcIi5tZGMtZGlhbG9nX19zdXJmYWNlXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBtaW5XaWR0aDogXCI4MDBweFwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDEwMHB4KVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBGdWxsV2lkdGhEaWFsb2cgPSBzdHlsZWQoQmFzZURpYWxvZykoe1xuICAgIG1heFdpZHRoOiBcIjEwMCVcIixcbiAgICBtaW5XaWR0aDogXCI5MCVcIixcbiAgICB6SW5kZXg6IFwiMjBcIixcbiAgICBcIi5tZGMtZGlhbG9nX19zdXJmYWNlXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBtYXhXaWR0aDogXCIxMDAlXCIsXG4gICAgICAgIG1pbldpZHRoOiBcIjkwJVwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDEwMHB4KVwiXG4gICAgfVxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const FullWidthDialog = styled(Dialog)({
+    maxWidth: "100%",
+    minWidth: "90%",
+    zIndex: "20",
+    ".mdc-dialog__surface": {
+        width: "auto",
+        maxWidth: "100%",
+        minWidth: "90%",
+        maxHeight: "calc(100vh - 100px)"
+    }
 });
+export { Dialog_Dialog as Dialog, FullWidthDialog };
 
 //# sourceMappingURL=Dialog.js.map

package/admin/plugins/fieldRenderers/ref/components/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dialog","BaseDialog","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","FullWidthDialog"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"~/admin/components/Dialog.js\";\n\nexport const Dialog = styled(BaseDialog)({\n    minWidth: \"800px\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        minWidth: \"800px\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n\nexport const FullWidthDialog = styled(BaseDialog)({\n    maxWidth: \"100%\",\n    minWidth: \"90%\",\n    zIndex: \"20\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        maxWidth: \"100%\",\n        minWidth: \"90%\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n"],"mappings":";;AACA,SAASA,MAAM,IAAIC,UAAU;AAE7B,OAAO,MAAMD,MAAM,gBAAGE,OAAA,CAAOD,UAAU,EAAAE,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,CAOvC,CAAC;AAEF,OAAO,MAAMC,eAAe,gBAAGV,OAAA,CAAOD,UAAU,EAAAE,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,CAUhD,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/dialog/Dialog.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/components/dialog/Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"~/admin/components/Dialog.js\";\n\nexport const Dialog = styled(BaseDialog)({\n    minWidth: \"800px\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        minWidth: \"800px\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n\nexport const FullWidthDialog = styled(BaseDialog)({\n    maxWidth: \"100%\",\n    minWidth: \"90%\",\n    zIndex: \"20\",\n    \".mdc-dialog__surface\": {\n        width: \"auto\",\n        maxWidth: \"100%\",\n        minWidth: \"90%\",\n        maxHeight: \"calc(100vh - 100px)\"\n    }\n});\n"],"names":["Dialog","styled","BaseDialog","FullWidthDialog"],"mappings":";;AAGO,MAAMA,gBAASC,OAAOC,QAAY;IACrC,UAAU;IACV,wBAAwB;QACpB,OAAO;QACP,UAAU;QACV,WAAW;IACf;AACJ;AAEO,MAAMC,kBAAkBF,OAAOC,QAAY;IAC9C,UAAU;IACV,UAAU;IACV,QAAQ;IACR,wBAAwB;QACpB,OAAO;QACP,UAAU;QACV,UAAU;QACV,WAAW;IACf;AACJ"}

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

@@ -1,4 +1,4 @@
-import gql from "graphql-tag";
+import graphql_tag from "graphql-tag";
 const fields = `
 data {
     id
@@ -37,30 +37,14 @@ error {
     message
     data
 }`;
-
-/**
- * #########################
- * Common variables
- */
-
-/**
- * #########################
- * Search Entries Query Response
- */
-
-export const SEARCH_CONTENT_ENTRIES = gql`
+const SEARCH_CONTENT_ENTRIES = graphql_tag`
     query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {
         content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {
             ${fields}
         }
     }
 `;
-/**
- * #########################
- * Get Entries Query Response
- */
-
-export const GET_CONTENT_ENTRIES = gql`
+const GET_CONTENT_ENTRIES = graphql_tag`
     query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {
         latest: getLatestContentEntries(entries: $entries) {
             ${fields}
@@ -70,13 +54,7 @@ export const GET_CONTENT_ENTRIES = gql`
         }
     }
 `;
-
-/**
- * #########################
- * Get Entry Query Response
- */
-
-export const GET_CONTENT_ENTRY = gql`
+const GET_CONTENT_ENTRY = graphql_tag`
     query CmsGetContentEntry($entry: CmsModelEntryInput!) {
         latest: getLatestContentEntry(entry: $entry) {
             ${fields}
@@ -86,5 +64,6 @@ export const GET_CONTENT_ENTRY = gql`
         }
     }
 `;
+export { GET_CONTENT_ENTRIES, GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES };
 
 //# sourceMappingURL=graphql.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["gql","fields","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { CmsErrorResponse } from \"~/types.js\";\nimport type { CmsReferenceContentEntry } from \"./types.js\";\n\nconst fields = `\ndata {\n    id\n    entryId\n    status\n    title\n    description\n    image\n    createdOn\n    savedOn\n    createdBy {\n        id\n        type\n        displayName\n    }\n    modifiedBy {\n        id\n        type\n        displayName\n    }\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n    wbyAco_location {\n        folderId\n    }\n}\nerror {\n    code\n    message\n    data\n}`;\n\n/**\n * #########################\n * Common variables\n */\nexport interface CmsEntryGetEntryVariable {\n    modelId: string;\n    id: string;\n}\n\n/**\n * #########################\n * Search Entries Query Response\n */\n\nexport interface CmsEntrySearchQueryResponse {\n    content: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntrySearchQueryVariables {\n    modelIds: string[];\n    query?: string;\n    limit?: number;\n}\nexport const SEARCH_CONTENT_ENTRIES = gql`\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ${fields}\n        }\n    }\n`;\n/**\n * #########################\n * Get Entries Query Response\n */\n\nexport interface CmsEntryGetListResponse {\n    latest: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetListVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\nexport const GET_CONTENT_ENTRIES = gql`\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\n/**\n * #########################\n * Get Entry Query Response\n */\nexport interface CmsEntryGetQueryResponse {\n    latest: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetQueryVariables {\n    entry: CmsEntryGetEntryVariable;\n}\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ${fields}\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ${fields}\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAI7B,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;;AAEF;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;;AAaA,OAAO,MAAMC,sBAAsB,GAAGF,GAAG;AACzC;AACA;AACA,cAAcC,MAAM;AACpB;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAeA,OAAO,MAAME,mBAAmB,GAAGH,GAAG;AACtC;AACA;AACA,cAAcC,MAAM;AACpB;AACA;AACA,cAAcA,MAAM;AACpB;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;;AAeA,OAAO,MAAMG,iBAAiB,GAAGJ,GAAG;AACpC;AACA;AACA,cAAcC,MAAM;AACpB;AACA;AACA,cAAcA,MAAM;AACpB;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/graphql.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { CmsErrorResponse } from \"~/types.js\";\nimport type { CmsReferenceContentEntry } from \"./types.js\";\n\nconst fields = `\ndata {\n    id\n    entryId\n    status\n    title\n    description\n    image\n    createdOn\n    savedOn\n    createdBy {\n        id\n        type\n        displayName\n    }\n    modifiedBy {\n        id\n        type\n        displayName\n    }\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n    wbyAco_location {\n        folderId\n    }\n}\nerror {\n    code\n    message\n    data\n}`;\n\n/**\n * #########################\n * Common variables\n */\nexport interface CmsEntryGetEntryVariable {\n    modelId: string;\n    id: string;\n}\n\n/**\n * #########################\n * Search Entries Query Response\n */\n\nexport interface CmsEntrySearchQueryResponse {\n    content: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntrySearchQueryVariables {\n    modelIds: string[];\n    query?: string;\n    limit?: number;\n}\nexport const SEARCH_CONTENT_ENTRIES = gql`\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ${fields}\n        }\n    }\n`;\n/**\n * #########################\n * Get Entries Query Response\n */\n\nexport interface CmsEntryGetListResponse {\n    latest: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetListVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\nexport const GET_CONTENT_ENTRIES = gql`\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\n/**\n * #########################\n * Get Entry Query Response\n */\nexport interface CmsEntryGetQueryResponse {\n    latest: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetQueryVariables {\n    entry: CmsEntryGetEntryVariable;\n}\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ${fields}\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ${fields}\n        }\n    }\n`;\n"],"names":["fields","SEARCH_CONTENT_ENTRIES","gql","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY"],"mappings":";AAIA,MAAMA,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCf,CAAC;AA2BK,MAAMC,yBAAyBC,WAAG,CAAC;;;YAG9B,EAAEF,OAAO;;;AAGrB,CAAC;AAmBM,MAAMG,sBAAsBD,WAAG,CAAC;;;YAG3B,EAAEF,OAAO;;;YAGT,EAAEA,OAAO;;;AAGrB,CAAC;AAoBM,MAAMI,oBAAoBF,WAAG,CAAC;;;YAGzB,EAAEF,OAAO;;;YAGT,EAAEA,OAAO;;;AAGrB,CAAC"}

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

@@ -1,40 +1,34 @@
-export const convertReferenceEntryToOption = entry => {
-  return {
-    id: entry.id,
-    entryId: entry.entryId,
-    modelId: entry.model.modelId,
-    modelName: entry.model.name,
-    published: entry.published ? entry.published.id : null,
-    latest: entry.id,
-    status: entry.status,
-    name: entry.title,
-    folderId: entry.wbyAco_location?.folderId
-  };
+const convertReferenceEntryToOption = (entry)=>({
+        id: entry.id,
+        entryId: entry.entryId,
+        modelId: entry.model.modelId,
+        modelName: entry.model.name,
+        published: entry.published ? entry.published.id : null,
+        latest: entry.id,
+        status: entry.status,
+        name: entry.title,
+        folderId: entry.wbyAco_location?.folderId
+    });
+const convertReferenceEntriesToOptionCollection = (entries)=>entries.reduce((collection, entry)=>{
+        collection[entry.entryId] = convertReferenceEntryToOption(entry);
+        return collection;
+    }, {});
+const getEntryStatus = (item)=>{
+    if ("published" === item.status) return "published";
+    if ("unpublished" === item.status || !item.published && "draft" === item.status) return "unpublished";
+    return "draft";
 };
-export const convertReferenceEntriesToOptionCollection = entries => {
-  return entries.reduce((collection, entry) => {
-    collection[entry.entryId] = convertReferenceEntryToOption(entry);
-    return collection;
-  }, {});
-};
-export const getEntryStatus = item => {
-  if (item.status === "published") {
-    return "published";
-  } else if (item.status === "unpublished" || !item.published && item.status === "draft") {
-    return "unpublished";
-  }
-  return "draft";
-};
-export const getItemStatusText = item => {
-  const status = getEntryStatus(item);
-  switch (status) {
-    case "published":
-      return "This entry is published.";
-    case "unpublished":
-      return "This entry has not been published.";
-    default:
-      return "Latest revision of this entry is in draft stage.";
-  }
+const getItemStatusText = (item)=>{
+    const status = getEntryStatus(item);
+    switch(status){
+        case "published":
+            return "This entry is published.";
+        case "unpublished":
+            return "This entry has not been published.";
+        default:
+            return "Latest revision of this entry is in draft stage.";
+    }
 };
+export { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption, getEntryStatus, getItemStatusText };
 
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["convertReferenceEntryToOption","entry","id","entryId","modelId","model","modelName","name","published","latest","status","title","folderId","wbyAco_location","convertReferenceEntriesToOptionCollection","entries","reduce","collection","getEntryStatus","item","getItemStatusText"],"sources":["helpers.ts"],"sourcesContent":["import type { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types.js\";\nimport type { CmsContentEntryStatusType } from \"~/types.js\";\n\nexport const convertReferenceEntryToOption = (entry: CmsReferenceContentEntry): OptionItem => {\n    return {\n        id: entry.id,\n        entryId: entry.entryId,\n        modelId: entry.model.modelId,\n        modelName: entry.model.name,\n        published: entry.published ? entry.published.id : null,\n        latest: entry.id,\n        status: entry.status,\n        name: entry.title,\n        folderId: entry.wbyAco_location?.folderId\n    };\n};\n\nexport const convertReferenceEntriesToOptionCollection = (\n    entries: CmsReferenceContentEntry[]\n): OptionItemCollection => {\n    return entries.reduce((collection, entry) => {\n        collection[entry.entryId] = convertReferenceEntryToOption(entry);\n        return collection;\n    }, {} as OptionItemCollection);\n};\n\nexport const getEntryStatus = (item: OptionItem): CmsContentEntryStatusType => {\n    if (item.status === \"published\") {\n        return \"published\";\n    } else if (item.status === \"unpublished\" || (!item.published && item.status === \"draft\")) {\n        return \"unpublished\";\n    }\n    return \"draft\";\n};\n\nexport const getItemStatusText = (item: OptionItem): string => {\n    const status = getEntryStatus(item);\n    switch (status) {\n        case \"published\":\n            return \"This entry is published.\";\n        case \"unpublished\":\n            return \"This entry has not been published.\";\n        default:\n            return \"Latest revision of this entry is in draft stage.\";\n    }\n};\n"],"mappings":"AAGA,OAAO,MAAMA,6BAA6B,GAAIC,KAA+B,IAAiB;EAC1F,OAAO;IACHC,EAAE,EAAED,KAAK,CAACC,EAAE;IACZC,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAACD,OAAO;IAC5BE,SAAS,EAAEL,KAAK,CAACI,KAAK,CAACE,IAAI;IAC3BC,SAAS,EAAEP,KAAK,CAACO,SAAS,GAAGP,KAAK,CAACO,SAAS,CAACN,EAAE,GAAG,IAAI;IACtDO,MAAM,EAAER,KAAK,CAACC,EAAE;IAChBQ,MAAM,EAAET,KAAK,CAACS,MAAM;IACpBH,IAAI,EAAEN,KAAK,CAACU,KAAK;IACjBC,QAAQ,EAAEX,KAAK,CAACY,eAAe,EAAED;EACrC,CAAC;AACL,CAAC;AAED,OAAO,MAAME,yCAAyC,GAClDC,OAAmC,IACZ;EACvB,OAAOA,OAAO,CAACC,MAAM,CAAC,CAACC,UAAU,EAAEhB,KAAK,KAAK;IACzCgB,UAAU,CAAChB,KAAK,CAACE,OAAO,CAAC,GAAGH,6BAA6B,CAACC,KAAK,CAAC;IAChE,OAAOgB,UAAU;EACrB,CAAC,EAAE,CAAC,CAAyB,CAAC;AAClC,CAAC;AAED,OAAO,MAAMC,cAAc,GAAIC,IAAgB,IAAgC;EAC3E,IAAIA,IAAI,CAACT,MAAM,KAAK,WAAW,EAAE;IAC7B,OAAO,WAAW;EACtB,CAAC,MAAM,IAAIS,IAAI,CAACT,MAAM,KAAK,aAAa,IAAK,CAACS,IAAI,CAACX,SAAS,IAAIW,IAAI,CAACT,MAAM,KAAK,OAAQ,EAAE;IACtF,OAAO,aAAa;EACxB;EACA,OAAO,OAAO;AAClB,CAAC;AAED,OAAO,MAAMU,iBAAiB,GAAID,IAAgB,IAAa;EAC3D,MAAMT,MAAM,GAAGQ,cAAc,CAACC,IAAI,CAAC;EACnC,QAAQT,MAAM;IACV,KAAK,WAAW;MACZ,OAAO,0BAA0B;IACrC,KAAK,aAAa;MACd,OAAO,oCAAoC;IAC/C;MACI,OAAO,kDAAkD;EACjE;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/helpers.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/helpers.ts"],"sourcesContent":["import type { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types.js\";\nimport type { CmsContentEntryStatusType } from \"~/types.js\";\n\nexport const convertReferenceEntryToOption = (entry: CmsReferenceContentEntry): OptionItem => {\n    return {\n        id: entry.id,\n        entryId: entry.entryId,\n        modelId: entry.model.modelId,\n        modelName: entry.model.name,\n        published: entry.published ? entry.published.id : null,\n        latest: entry.id,\n        status: entry.status,\n        name: entry.title,\n        folderId: entry.wbyAco_location?.folderId\n    };\n};\n\nexport const convertReferenceEntriesToOptionCollection = (\n    entries: CmsReferenceContentEntry[]\n): OptionItemCollection => {\n    return entries.reduce((collection, entry) => {\n        collection[entry.entryId] = convertReferenceEntryToOption(entry);\n        return collection;\n    }, {} as OptionItemCollection);\n};\n\nexport const getEntryStatus = (item: OptionItem): CmsContentEntryStatusType => {\n    if (item.status === \"published\") {\n        return \"published\";\n    } else if (item.status === \"unpublished\" || (!item.published && item.status === \"draft\")) {\n        return \"unpublished\";\n    }\n    return \"draft\";\n};\n\nexport const getItemStatusText = (item: OptionItem): string => {\n    const status = getEntryStatus(item);\n    switch (status) {\n        case \"published\":\n            return \"This entry is published.\";\n        case \"unpublished\":\n            return \"This entry has not been published.\";\n        default:\n            return \"Latest revision of this entry is in draft stage.\";\n    }\n};\n"],"names":["convertReferenceEntryToOption","entry","convertReferenceEntriesToOptionCollection","entries","collection","getEntryStatus","item","getItemStatusText","status"],"mappings":"AAGO,MAAMA,gCAAgC,CAACC,QACnC;QACH,IAAIA,MAAM,EAAE;QACZ,SAASA,MAAM,OAAO;QACtB,SAASA,MAAM,KAAK,CAAC,OAAO;QAC5B,WAAWA,MAAM,KAAK,CAAC,IAAI;QAC3B,WAAWA,MAAM,SAAS,GAAGA,MAAM,SAAS,CAAC,EAAE,GAAG;QAClD,QAAQA,MAAM,EAAE;QAChB,QAAQA,MAAM,MAAM;QACpB,MAAMA,MAAM,KAAK;QACjB,UAAUA,MAAM,eAAe,EAAE;IACrC;AAGG,MAAMC,4CAA4C,CACrDC,UAEOA,QAAQ,MAAM,CAAC,CAACC,YAAYH;QAC/BG,UAAU,CAACH,MAAM,OAAO,CAAC,GAAGD,8BAA8BC;QAC1D,OAAOG;IACX,GAAG,CAAC;AAGD,MAAMC,iBAAiB,CAACC;IAC3B,IAAIA,AAAgB,gBAAhBA,KAAK,MAAM,EACX,OAAO;IACJ,IAAIA,AAAgB,kBAAhBA,KAAK,MAAM,IAAuB,CAACA,KAAK,SAAS,IAAIA,AAAgB,YAAhBA,KAAK,MAAM,EACvE,OAAO;IAEX,OAAO;AACX;AAEO,MAAMC,oBAAoB,CAACD;IAC9B,MAAME,SAASH,eAAeC;IAC9B,OAAQE;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX;YACI,OAAO;IACf;AACJ"}

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

@@ -1,48 +1,28 @@
-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 { Typography } from "@webiny/ui/Typography/index.js";
+import react from "react";
+import styled from "@emotion/styled";
+import { IconButton, Text } from "@webiny/admin-ui";
 import { createEntryUrl } from "./createEntryUrl.js";
 import { SimpleLink } from "@webiny/app-admin";
 import { EntryStatus } from "./EntryStatus.js";
-import { IconButton } from "@webiny/ui/Button/index.js";
 import { css } from "@emotion/css";
-const ModelId = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
-  target: "ejkg0kv0"
-} : {
-  target: "ejkg0kv0",
-  label: "ModelId"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1rz67yd",
-  styles: "color:var(--mdc-theme-text-secondary-on-background) !important"
-} : {
-  name: "1rz67yd",
-  styles: "color:var(--mdc-theme-text-secondary-on-background) !important/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVnQiIsImZpbGUiOiJyZW5kZXJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcbmltcG9ydCB7IGNyZWF0ZUVudHJ5VXJsIH0gZnJvbSBcIi4vY3JlYXRlRW50cnlVcmwuanNcIjtcbmltcG9ydCB7IFNpbXBsZUxpbmsgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCIuL3R5cGVzLmpzXCI7XG5pbXBvcnQgeyBFbnRyeVN0YXR1cyB9IGZyb20gXCIuL0VudHJ5U3RhdHVzLmpzXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmNvbnN0IE1vZGVsSWQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCkgIWltcG9ydGFudFwiXG59KTtcblxuY29uc3QgaWNvbkJ1dHRvbkNsYXNzTmFtZSA9IGNzcyh7XG4gICAgdmVydGljYWxBbGlnbjogXCJ0b3BcIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVuZGVySXRlbVByb3BzIHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbW9kZWxOYW1lOiBzdHJpbmc7XG4gICAgbW9kZWxJZDogc3RyaW5nO1xuICAgIGlkOiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgcmVuZGVySXRlbSA9IChwcm9wczogUmVuZGVySXRlbVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PlxuICAgICAgICAgICAgPFNpbXBsZUxpbmsgdG89e2NyZWF0ZUVudHJ5VXJsKHByb3BzKX0+e3Byb3BzLm5hbWV9PC9TaW1wbGVMaW5rPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8TW9kZWxJZD5Nb2RlbDoge3Byb3BzLm1vZGVsTmFtZX08L01vZGVsSWQ+XG4gICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IHJlbmRlckxpc3RJdGVtT3B0aW9ucyA9IChpdGVtOiBPcHRpb25JdGVtKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGljb249ezxFbnRyeVN0YXR1cyBpdGVtPXtpdGVtfSBwbGFjZW1lbnQ9e1widG9wXCJ9IC8+fVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtpY29uQnV0dG9uQ2xhc3NOYW1lfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const ModelId = styled("span")({
+    color: "var(--mdc-theme-text-secondary-on-background) !important"
 });
-const iconButtonClassName = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "40f4ru",
-  styles: "vertical-align:top"
-} : {
-  name: "hnxt9v-iconButtonClassName",
-  styles: "vertical-align:top;label:iconButtonClassName;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiJyZW5kZXJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHkvaW5kZXguanNcIjtcbmltcG9ydCB7IGNyZWF0ZUVudHJ5VXJsIH0gZnJvbSBcIi4vY3JlYXRlRW50cnlVcmwuanNcIjtcbmltcG9ydCB7IFNpbXBsZUxpbmsgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCIuL3R5cGVzLmpzXCI7XG5pbXBvcnQgeyBFbnRyeVN0YXR1cyB9IGZyb20gXCIuL0VudHJ5U3RhdHVzLmpzXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uL2luZGV4LmpzXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmNvbnN0IE1vZGVsSWQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCkgIWltcG9ydGFudFwiXG59KTtcblxuY29uc3QgaWNvbkJ1dHRvbkNsYXNzTmFtZSA9IGNzcyh7XG4gICAgdmVydGljYWxBbGlnbjogXCJ0b3BcIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVuZGVySXRlbVByb3BzIHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbW9kZWxOYW1lOiBzdHJpbmc7XG4gICAgbW9kZWxJZDogc3RyaW5nO1xuICAgIGlkOiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgcmVuZGVySXRlbSA9IChwcm9wczogUmVuZGVySXRlbVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PlxuICAgICAgICAgICAgPFNpbXBsZUxpbmsgdG89e2NyZWF0ZUVudHJ5VXJsKHByb3BzKX0+e3Byb3BzLm5hbWV9PC9TaW1wbGVMaW5rPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8TW9kZWxJZD5Nb2RlbDoge3Byb3BzLm1vZGVsTmFtZX08L01vZGVsSWQ+XG4gICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IHJlbmRlckxpc3RJdGVtT3B0aW9ucyA9IChpdGVtOiBPcHRpb25JdGVtKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGljb249ezxFbnRyeVN0YXR1cyBpdGVtPXtpdGVtfSBwbGFjZW1lbnQ9e1widG9wXCJ9IC8+fVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtpY29uQnV0dG9uQ2xhc3NOYW1lfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const iconButtonClassName = css({
+    verticalAlign: "top"
 });
-export const renderItem = props => {
-  return /*#__PURE__*/React.createElement(Typography, {
-    use: "body2"
-  }, /*#__PURE__*/React.createElement(SimpleLink, {
-    to: createEntryUrl(props)
-  }, props.name), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(ModelId, null, "Model: ", props.modelName));
-};
-export const renderListItemOptions = item => {
-  return /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(EntryStatus, {
-      item: item,
-      placement: "top"
-    }),
-    className: iconButtonClassName
-  });
-};
+const renderItem = (props)=>/*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, /*#__PURE__*/ react.createElement(SimpleLink, {
+        to: createEntryUrl(props)
+    }, props.name), /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement(ModelId, null, "Model: ", props.modelName));
+const renderListItemOptions = (item)=>/*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(EntryStatus, {
+            item: item,
+            placement: "top"
+        }),
+        className: iconButtonClassName
+    });
+export { renderItem, renderListItemOptions };
 
 //# sourceMappingURL=renderItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Typography","createEntryUrl","SimpleLink","EntryStatus","IconButton","css","ModelId","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","iconButtonClassName","renderItem","props","createElement","use","to","modelName","renderListItemOptions","item","icon","placement","className"],"sources":["renderItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography/index.js\";\nimport { createEntryUrl } from \"./createEntryUrl.js\";\nimport { SimpleLink } from \"@webiny/app-admin\";\nimport type { OptionItem } from \"./types.js\";\nimport { EntryStatus } from \"./EntryStatus.js\";\nimport { IconButton } from \"@webiny/ui/Button/index.js\";\nimport { css } from \"@emotion/css\";\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nconst iconButtonClassName = css({\n    verticalAlign: \"top\"\n});\n\nexport interface RenderItemProps {\n    name: string;\n    modelName: string;\n    modelId: string;\n    id: string;\n}\nexport const renderItem = (props: RenderItemProps) => {\n    return (\n        <Typography use={\"body2\"}>\n            <SimpleLink to={createEntryUrl(props)}>{props.name}</SimpleLink>\n            <br />\n            <ModelId>Model: {props.modelName}</ModelId>\n        </Typography>\n    );\n};\n\nexport const renderListItemOptions = (item: OptionItem) => {\n    return (\n        <IconButton\n            icon={<EntryStatus item={item} placement={\"top\"} />}\n            className={iconButtonClassName}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,cAAc;AACvB,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,SAASC,WAAW;AACpB,SAASC,UAAU,QAAQ,4BAA4B;AACvD,SAASC,GAAG,QAAQ,cAAc;AAElC,MAAMC,OAAO,gBAAGC,OAAA,CAAO,MAAM,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,CAE7B,CAAC;AAEF,MAAMC,mBAAmB,gBAAGZ,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAE9B,CAAC;AAQF,OAAO,MAAME,UAAU,GAAIC,KAAsB,IAAK;EAClD,oBACIpB,KAAA,CAAAqB,aAAA,CAACpB,UAAU;IAACqB,GAAG,EAAE;EAAQ,gBACrBtB,KAAA,CAAAqB,aAAA,CAAClB,UAAU;IAACoB,EAAE,EAAErB,cAAc,CAACkB,KAAK;EAAE,GAAEA,KAAK,CAACN,IAAiB,CAAC,eAChEd,KAAA,CAAAqB,aAAA,WAAK,CAAC,eACNrB,KAAA,CAAAqB,aAAA,CAACd,OAAO,QAAC,SAAO,EAACa,KAAK,CAACI,SAAmB,CAClC,CAAC;AAErB,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAIC,IAAgB,IAAK;EACvD,oBACI1B,KAAA,CAAAqB,aAAA,CAAChB,UAAU;IACPsB,IAAI,eAAE3B,KAAA,CAAAqB,aAAA,CAACjB,WAAW;MAACsB,IAAI,EAAEA,IAAK;MAACE,SAAS,EAAE;IAAM,CAAE,CAAE;IACpDC,SAAS,EAAEX;EAAoB,CAClC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/components/renderItem.js","sources":["../../../../../../src/admin/plugins/fieldRenderers/ref/components/renderItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { createEntryUrl } from \"./createEntryUrl.js\";\nimport { SimpleLink } from \"@webiny/app-admin\";\nimport type { OptionItem } from \"./types.js\";\nimport { EntryStatus } from \"./EntryStatus.js\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { css } from \"@emotion/css\";\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nconst iconButtonClassName = css({\n    verticalAlign: \"top\"\n});\n\nexport interface RenderItemProps {\n    name: string;\n    modelName: string;\n    modelId: string;\n    id: string;\n}\nexport const renderItem = (props: RenderItemProps) => {\n    return (\n        <Text size={\"sm\"}>\n            <SimpleLink to={createEntryUrl(props)}>{props.name}</SimpleLink>\n            <br />\n            <ModelId>Model: {props.modelName}</ModelId>\n        </Text>\n    );\n};\n\nexport const renderListItemOptions = (item: OptionItem) => {\n    return (\n        <IconButton\n            icon={<EntryStatus item={item} placement={\"top\"} />}\n            className={iconButtonClassName}\n        />\n    );\n};\n"],"names":["ModelId","styled","iconButtonClassName","css","renderItem","props","Text","SimpleLink","createEntryUrl","renderListItemOptions","item","IconButton","EntryStatus"],"mappings":";;;;;;;AAUA,MAAMA,UAAUC,OAAO,QAAQ;IAC3B,OAAO;AACX;AAEA,MAAMC,sBAAsBC,IAAI;IAC5B,eAAe;AACnB;AAQO,MAAMC,aAAa,CAACC,QAChB,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAM;qBACR,oBAACC,YAAUA;QAAC,IAAIC,eAAeH;OAASA,MAAM,IAAI,iBAClD,oBAAC,2BACD,oBAACL,SAAOA,MAAC,WAAQK,MAAM,SAAS;AAKrC,MAAMI,wBAAwB,CAACC,OAC3B,WAAP,GACI,oBAACC,YAAUA;QACP,oBAAM,oBAACC,aAAWA;YAAC,MAAMF;YAAM,WAAW;;QAC1C,WAAWR"}

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

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map