@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

@@ -0,0 +1,179 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { ContentEntryProvider } from "../../../../views/contentEntries/ContentEntry/ContentEntryContext";
+import { FoldersProvider } from "@webiny/app-aco/contexts/folders";
+import { ContentEntriesProvider } from "../../../../views/contentEntries/ContentEntriesContext";
+import { i18n } from "@webiny/app/i18n";
+import { useContentEntry } from "../../../../views/contentEntries/hooks/useContentEntry";
+import { ModelProvider } from "../../../../components/ModelProvider";
+import { ContentEntryForm } from "../../../../components/ContentEntryForm/ContentEntryForm";
+import { GET_CONTENT_MODEL } from "../../../../graphql/contentModels";
+import { useCms } from "../../../../hooks";
+import { NavigateFolderProvider as AbstractNavigateFolderProvider } from "@webiny/app-aco/contexts/navigateFolder";
+import { SearchRecordsProvider } from "@webiny/app-aco/contexts/records";
+import { FolderTree, useNavigateFolder } from "@webiny/app-aco";
+import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
+import { usePersistEntry } from "../../../../hooks/usePersistEntry";
+import { AcoAppContext, createAppFromModel } from "@webiny/app-aco/contexts/app";
+import { Drawer, OverlayLoader } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const EntryForm = ({
+  onCreate,
+  setSaveEntry
+}) => {
+  const {
+    contentModel,
+    loading
+  } = useContentEntry();
+  const {
+    persistEntry
+  } = usePersistEntry({
+    addItemToListCache: false
+  });
+  const {
+    currentFolderId,
+    navigateToFolder
+  } = useNavigateFolder();
+  return /*#__PURE__*/React.createElement(ModelProvider, {
+    model: contentModel
+  }, /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
+    span: 3
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-px-sm-extra wby-py-sm"
+  }, /*#__PURE__*/React.createElement(FolderTree, {
+    focusedFolderId: currentFolderId,
+    onFolderClick: data => navigateToFolder(data.id),
+    enableActions: true,
+    enableCreate: true
+  }))), /*#__PURE__*/React.createElement(RightPanel, {
+    span: 9
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-p-md wby-relative"
+  }, loading ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Creating entry..."
+  }) : null, /*#__PURE__*/React.createElement(ContentEntryForm, {
+    header: false,
+    entry: {},
+    persistEntry: persistEntry,
+    onAfterCreate: entry => onCreate(entry),
+    setSaveEntry: setSaveEntry
+  })))));
+};
+export const NewReferencedEntryDialog = ({
+  model: baseModel,
+  onClose,
+  onChange
+}) => {
+  const {
+    apolloClient
+  } = useCms();
+  const [model, setModel] = useState(undefined);
+  useEffect(() => {
+    (async () => {
+      const response = await apolloClient.query({
+        query: GET_CONTENT_MODEL,
+        variables: {
+          modelId: baseModel.modelId
+        }
+      });
+      setModel(response.data.getContentModel.data);
+    })();
+  }, [baseModel.modelId]);
+  const onCreate = useCallback(entry => {
+    if (!model) {
+      onClose();
+      return;
+    }
+    onChange({
+      ...entry,
+      /*
+       * Format data for AutoComplete.
+       */
+      published: entry.meta?.status === "published",
+      modelId: model.modelId,
+      modelName: model.name
+    });
+    onClose();
+  }, [onChange, model]);
+  if (!model) {
+    return null;
+  }
+  const acoAppContext = {
+    app: createAppFromModel({
+      model,
+      id: `cms:${model.modelId}`
+    }),
+    mode: "cms",
+    client: apolloClient,
+    model,
+    folderIdPath: "wbyAco_location.folderId",
+    folderIdInPath: "wbyAco_location.folderId_in",
+    loading: false
+  };
+  return /*#__PURE__*/React.createElement(AcoAppContext.Provider, {
+    value: acoAppContext
+  }, /*#__PURE__*/React.createElement(FoldersProvider, null, /*#__PURE__*/React.createElement(SearchRecordsProvider, null, /*#__PURE__*/React.createElement(NavigateFolderProvider, {
+    modelId: model.modelId
+  }, /*#__PURE__*/React.createElement(ContentEntriesProvider, {
+    contentModel: model,
+    key: model.modelId,
+    insideDialog: true
+  }, /*#__PURE__*/React.createElement(ContentEntryProviderWithCurrentFolderId, {
+    model: model,
+    onClose: onClose,
+    onCreate: onCreate
+  }))))));
+};
+const NavigateFolderProvider = ({
+  modelId,
+  children
+}) => {
+  const [folderId, setFolderId] = useState(undefined);
+  const navigateToFolder = useCallback(folderId => {
+    setFolderId(folderId);
+  }, []);
+  const navigateToListHome = useCallback(() => {
+    setFolderId(undefined);
+  }, []);
+  return /*#__PURE__*/React.createElement(AbstractNavigateFolderProvider, {
+    folderId: folderId,
+    createStorageKey: () => `cms:${modelId}:create`,
+    navigateToFolder: navigateToFolder,
+    navigateToLatestFolder: navigateToFolder,
+    navigateToListHome: navigateToListHome
+  }, children);
+};
+const ContentEntryProviderWithCurrentFolderId = ({
+  model,
+  onClose,
+  onCreate
+}) => {
+  const saveEntryRef = useRef();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  return /*#__PURE__*/React.createElement(ContentEntryProvider, {
+    isNewEntry: () => true,
+    getContentId: () => null,
+    currentFolderId: currentFolderId
+  }, /*#__PURE__*/React.createElement(Drawer, {
+    open: true,
+    onClose: onClose,
+    width: 1000,
+    modal: true,
+    headerSeparator: true,
+    footerSeparator: true,
+    bodyPadding: false,
+    title: t`New {modelName} Entry`({
+      modelName: model.name
+    }),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, null), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
+      onClick: () => saveEntryRef.current && saveEntryRef.current(),
+      text: t`Create Entry`
+    }))
+  }, /*#__PURE__*/React.createElement(EntryForm, {
+    onCreate: onCreate,
+    setSaveEntry: cb => saveEntryRef.current = cb
+  })));
+};
+
+//# sourceMappingURL=NewReferencedEntryDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","ContentEntryProvider","FoldersProvider","ContentEntriesProvider","i18n","useContentEntry","ModelProvider","ContentEntryForm","GET_CONTENT_MODEL","useCms","NavigateFolderProvider","AbstractNavigateFolderProvider","SearchRecordsProvider","FolderTree","useNavigateFolder","SplitView","LeftPanel","RightPanel","usePersistEntry","AcoAppContext","createAppFromModel","Drawer","OverlayLoader","t","ns","EntryForm","onCreate","setSaveEntry","contentModel","loading","persistEntry","addItemToListCache","currentFolderId","navigateToFolder","createElement","model","span","className","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","mode","client","folderIdPath","folderIdInPath","Provider","value","key","insideDialog","ContentEntryProviderWithCurrentFolderId","children","folderId","setFolderId","navigateToListHome","createStorageKey","navigateToLatestFolder","saveEntryRef","isNewEntry","getContentId","open","width","modal","headerSeparator","footerSeparator","bodyPadding","title","actions","Fragment","CancelButton","ConfirmButton","onClick","current","cb"],"sources":["NewReferencedEntryDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { FoldersProvider } from \"@webiny/app-aco/contexts/folders\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { CmsContentEntry, CmsModel } from \"~/types\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels\";\nimport { useCms } from \"~/admin/hooks\";\nimport { NavigateFolderProvider as AbstractNavigateFolderProvider } from \"@webiny/app-aco/contexts/navigateFolder\";\nimport { SearchRecordsProvider } from \"@webiny/app-aco/contexts/records\";\nimport { FolderTree, useNavigateFolder } from \"@webiny/app-aco\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport { usePersistEntry } from \"~/admin/hooks/usePersistEntry\";\nimport type { AcoAppProviderContext } from \"@webiny/app-aco/contexts/app\";\nimport { AcoAppContext, createAppFromModel } from \"@webiny/app-aco/contexts/app\";\nimport { Drawer, OverlayLoader } from \"@webiny/admin-ui\";\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 EntryForm = ({ onCreate, setSaveEntry }: EntryFormProps) => {\n    const { contentModel, loading } = useContentEntry();\n    const { persistEntry } = usePersistEntry({ addItemToListCache: false });\n    const { currentFolderId, navigateToFolder } = useNavigateFolder();\n\n    return (\n        <ModelProvider model={contentModel}>\n            <SplitView>\n                <LeftPanel span={3}>\n                    <div className={\"wby-px-sm-extra wby-py-sm\"}>\n                        <FolderTree\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={\"wby-p-md wby-relative\"}>\n                        {loading ? <OverlayLoader text={\"Creating entry...\"} /> : null}\n                        <ContentEntryForm\n                            header={false}\n                            entry={{}}\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        mode: \"cms\",\n        client: apolloClient,\n        model,\n        folderIdPath: \"wbyAco_location.folderId\",\n        folderIdInPath: \"wbyAco_location.folderId_in\",\n        loading: false\n    };\n\n    return (\n        <AcoAppContext.Provider value={acoAppContext}>\n            <FoldersProvider>\n                <SearchRecordsProvider>\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                </SearchRecordsProvider>\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);\n    }, []);\n\n    const navigateToListHome = useCallback(() => {\n        setFolderId(undefined);\n    }, []);\n\n    return (\n        <AbstractNavigateFolderProvider\n            folderId={folderId}\n            createStorageKey={() => `cms:${modelId}:create`}\n            navigateToFolder={navigateToFolder}\n            navigateToLatestFolder={navigateToFolder}\n            navigateToListHome={navigateToListHome}\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>();\n    const { currentFolderId } = useNavigateFolder();\n\n    return (\n        <ContentEntryProvider\n            isNewEntry={() => true}\n            getContentId={() => null}\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":[]}

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

@@ -0,0 +1,7 @@
+export interface CreateEntryUrlParams {
+    id: string;
+    modelId: string;
+    folderId?: string;
+}
+export declare const createEntryUrl: ({ modelId, id, folderId }: CreateEntryUrlParams) => string;
+export declare const createNewEntryUrl: (modelId: string) => string;

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

@@ -0,0 +1,13 @@
+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`;
+};
+
+//# sourceMappingURL=createEntryUrl.js.map

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

@@ -0,0 +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":[]}

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

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

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

@@ -0,0 +1,33 @@
+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";
+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);}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NCIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZyBhcyBCYXNlRGlhbG9nIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9EaWFsb2dcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9IHN0eWxlZChCYXNlRGlhbG9nKSh7XG4gICAgbWluV2lkdGg6IFwiODAwcHhcIixcbiAgICBcIi5tZGMtZGlhbG9nX19zdXJmYWNlXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBtaW5XaWR0aDogXCI4MDBweFwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDEwMHB4KVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBGdWxsV2lkdGhEaWFsb2cgPSBzdHlsZWQoQmFzZURpYWxvZykoe1xuICAgIG1heFdpZHRoOiBcIjEwMCVcIixcbiAgICBtaW5XaWR0aDogXCI5MCVcIixcbiAgICB6SW5kZXg6IFwiMjBcIixcbiAgICBcIi5tZGMtZGlhbG9nX19zdXJmYWNlXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBtYXhXaWR0aDogXCIxMDAlXCIsXG4gICAgICAgIG1pbldpZHRoOiBcIjkwJVwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDEwMHB4KVwiXG4gICAgfVxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+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);}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStCIiwiZmlsZSI6IkRpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERpYWxvZyBhcyBCYXNlRGlhbG9nIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9EaWFsb2dcIjtcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9IHN0eWxlZChCYXNlRGlhbG9nKSh7XG4gICAgbWluV2lkdGg6IFwiODAwcHhcIixcbiAgICBcIi5tZGMtZGlhbG9nX19zdXJmYWNlXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBtaW5XaWR0aDogXCI4MDBweFwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDEwMHB4KVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBGdWxsV2lkdGhEaWFsb2cgPSBzdHlsZWQoQmFzZURpYWxvZykoe1xuICAgIG1heFdpZHRoOiBcIjEwMCVcIixcbiAgICBtaW5XaWR0aDogXCI5MCVcIixcbiAgICB6SW5kZXg6IFwiMjBcIixcbiAgICBcIi5tZGMtZGlhbG9nX19zdXJmYWNlXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgICAgICBtYXhXaWR0aDogXCIxMDAlXCIsXG4gICAgICAgIG1pbldpZHRoOiBcIjkwJVwiLFxuICAgICAgICBtYXhIZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDEwMHB4KVwiXG4gICAgfVxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","BaseDialog","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","FullWidthDialog"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"~/admin/components/Dialog\";\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,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAOvC,CAAC;AAEF,OAAO,MAAMC,eAAe,gBAAGX,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,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAUhD,CAAC","ignoreList":[]}

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

@@ -1,4 +1,62 @@
+import type { CmsErrorResponse } from "../../../../../types";
+import type { CmsReferenceContentEntry } from "./types";
+/**
+ * #########################
+ * Common variables
+ */
+export interface CmsEntryGetEntryVariable {
+    modelId: string;
+    id: string;
+}
+/**
+ * #########################
+ * Search Entries Query Response
+ */
+export interface CmsEntrySearchQueryResponse {
+    content: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
+    };
+}
+export interface CmsEntrySearchQueryVariables {
+    modelIds: string[];
+    query?: string;
+    limit?: number;
+}
 export declare const SEARCH_CONTENT_ENTRIES: import("graphql").DocumentNode;
+/**
+ * #########################
+ * Get Entries Query Response
+ */
+export interface CmsEntryGetListResponse {
+    latest: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
+    };
+    published: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
+    };
+}
+export interface CmsEntryGetListVariables {
+    entries: CmsEntryGetEntryVariable[];
+}
 export declare const GET_CONTENT_ENTRIES: import("graphql").DocumentNode;
+/**
+ * #########################
+ * Get Entry Query Response
+ */
+export interface CmsEntryGetQueryResponse {
+    latest: {
+        data: CmsReferenceContentEntry | null;
+        error: CmsErrorResponse | null;
+    };
+    published: {
+        data: CmsReferenceContentEntry | null;
+        error: CmsErrorResponse | null;
+    };
+}
+export interface CmsEntryGetQueryVariables {
+    entry: CmsEntryGetEntryVariable;
+}
 export declare const GET_CONTENT_ENTRY: import("graphql").DocumentNode;
-export declare const GET_CONTENT_MODELS: import("graphql").DocumentNode;

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

@@ -1,10 +1,90 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import gql from "graphql-tag";
+const fields = `
+data {
+    id
+    entryId
+    status
+    title
+    description
+    image
+    createdOn
+    savedOn
+    createdBy {
+        id
+        type
+        displayName
+    }
+    modifiedBy {
+        id
+        type
+        displayName
+    }
+    model {
+        modelId
+        name
+    }
+    published {
+        id
+        entryId
+        title
+    }
+    wbyAco_location {
+        folderId
+    }
+}
+error {
+    code
+    message
+    data
+}`;
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/**
+ * #########################
+ * Common variables
+ */
 
-import gql from "graphql-tag";
-var fields = "\ndata {\n    id\n    status\n    title\n    model {\n        modelId\n        name\n    }\n}\nerror {\n    code\n    message\n}\n";
-export var SEARCH_CONTENT_ENTRIES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String!, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ", "\n        }\n    }\n"])), fields);
-export var GET_CONTENT_ENTRIES = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        content: getContentEntries(entries: $entries) {\n            ", "\n        }\n    }\n"])), fields);
-export var GET_CONTENT_ENTRY = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        content: getContentEntry(entry: $entry) {\n            ", "\n        }\n    }\n"])), fields);
-export var GET_CONTENT_MODELS = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    query CmsGetContentModels {\n        listContentModels {\n            data {\n                modelId\n                titleFieldId\n            }\n        }\n    }\n"])));
+/**
+ * #########################
+ * Search Entries Query Response
+ */
+
+export const SEARCH_CONTENT_ENTRIES = gql`
+    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`
+    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {
+        latest: getLatestContentEntries(entries: $entries) {
+            ${fields}
+        }
+        published: getPublishedContentEntries(entries: $entries) {
+            ${fields}
+        }
+    }
+`;
+
+/**
+ * #########################
+ * Get Entry Query Response
+ */
+
+export const GET_CONTENT_ENTRY = gql`
+    query CmsGetContentEntry($entry: CmsModelEntryInput!) {
+        latest: getLatestContentEntry(entry: $entry) {
+            ${fields}
+        }
+        published: getPublishedContentEntry(entry: $entry) {
+            ${fields}
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

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

@@ -0,0 +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\";\nimport type { CmsReferenceContentEntry } from \"./types\";\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":[]}

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

@@ -0,0 +1,6 @@
+import type { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from "./types";
+import type { CmsContentEntryStatusType } from "../../../../../types";
+export declare const convertReferenceEntryToOption: (entry: CmsReferenceContentEntry) => OptionItem;
+export declare const convertReferenceEntriesToOptionCollection: (entries: CmsReferenceContentEntry[]) => OptionItemCollection;
+export declare const getEntryStatus: (item: OptionItem) => CmsContentEntryStatusType;
+export declare const getItemStatusText: (item: OptionItem) => string;

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

@@ -0,0 +1,40 @@
+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
+  };
+};
+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.";
+  }
+};
+
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +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\";\nimport type { CmsContentEntryStatusType } from \"~/types\";\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":[]}

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

@@ -1,2 +1,10 @@
-/// <reference types="react" />
-export declare const renderItem: (item: any) => JSX.Element;
+import React from "react";
+import type { OptionItem } from "./types";
+export interface RenderItemProps {
+    name: string;
+    modelName: string;
+    modelId: string;
+    id: string;
+}
+export declare const renderItem: (props: RenderItemProps) => React.JSX.Element;
+export declare const renderListItemOptions: (item: OptionItem) => React.JSX.Element;

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

@@ -1,14 +1,50 @@
+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 styled from "@emotion/styled";
 import { Typography } from "@webiny/ui/Typography";
-var ModelId = /*#__PURE__*/styled("span", {
+import { createEntryUrl } from "./createEntryUrl";
+import { Link } from "@webiny/react-router";
+import { EntryStatus } from "./EntryStatus";
+import { IconButton } from "@webiny/ui/Button";
+import { css } from "@emotion/css";
+const ModelId = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "ejkg0kv0"
+} : {
   target: "ejkg0kv0",
   label: "ModelId"
-})({
-  color: "var(--mdc-theme-text-secondary-on-background) !important"
+})(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",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVnQiIsImZpbGUiOiJyZW5kZXJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNyZWF0ZUVudHJ5VXJsIH0gZnJvbSBcIi4vY3JlYXRlRW50cnlVcmxcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcbmltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBFbnRyeVN0YXR1cyB9IGZyb20gXCIuL0VudHJ5U3RhdHVzXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmNvbnN0IE1vZGVsSWQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCkgIWltcG9ydGFudFwiXG59KTtcblxuY29uc3QgaWNvbkJ1dHRvbkNsYXNzTmFtZSA9IGNzcyh7XG4gICAgdmVydGljYWxBbGlnbjogXCJ0b3BcIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVuZGVySXRlbVByb3BzIHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbW9kZWxOYW1lOiBzdHJpbmc7XG4gICAgbW9kZWxJZDogc3RyaW5nO1xuICAgIGlkOiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgcmVuZGVySXRlbSA9IChwcm9wczogUmVuZGVySXRlbVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PlxuICAgICAgICAgICAgPExpbmsgdG89e2NyZWF0ZUVudHJ5VXJsKHByb3BzKX0+e3Byb3BzLm5hbWV9PC9MaW5rPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8TW9kZWxJZD5Nb2RlbDoge3Byb3BzLm1vZGVsTmFtZX08L01vZGVsSWQ+XG4gICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IHJlbmRlckxpc3RJdGVtT3B0aW9ucyA9IChpdGVtOiBPcHRpb25JdGVtKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGljb249ezxFbnRyeVN0YXR1cyBpdGVtPXtpdGVtfSBwbGFjZW1lbnQ9e1widG9wXCJ9IC8+fVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtpY29uQnV0dG9uQ2xhc3NOYW1lfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export var renderItem = function renderItem(item) {
+const iconButtonClassName = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "40f4ru",
+  styles: "vertical-align:top"
+} : {
+  name: "hnxt9v-iconButtonClassName",
+  styles: "vertical-align:top;label:iconButtonClassName;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlbmRlckl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiJyZW5kZXJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNyZWF0ZUVudHJ5VXJsIH0gZnJvbSBcIi4vY3JlYXRlRW50cnlVcmxcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcbmltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBFbnRyeVN0YXR1cyB9IGZyb20gXCIuL0VudHJ5U3RhdHVzXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmNvbnN0IE1vZGVsSWQgPSBzdHlsZWQoXCJzcGFuXCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCkgIWltcG9ydGFudFwiXG59KTtcblxuY29uc3QgaWNvbkJ1dHRvbkNsYXNzTmFtZSA9IGNzcyh7XG4gICAgdmVydGljYWxBbGlnbjogXCJ0b3BcIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVuZGVySXRlbVByb3BzIHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgbW9kZWxOYW1lOiBzdHJpbmc7XG4gICAgbW9kZWxJZDogc3RyaW5nO1xuICAgIGlkOiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgcmVuZGVySXRlbSA9IChwcm9wczogUmVuZGVySXRlbVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImJvZHkyXCJ9PlxuICAgICAgICAgICAgPExpbmsgdG89e2NyZWF0ZUVudHJ5VXJsKHByb3BzKX0+e3Byb3BzLm5hbWV9PC9MaW5rPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8TW9kZWxJZD5Nb2RlbDoge3Byb3BzLm1vZGVsTmFtZX08L01vZGVsSWQ+XG4gICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IHJlbmRlckxpc3RJdGVtT3B0aW9ucyA9IChpdGVtOiBPcHRpb25JdGVtKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGljb249ezxFbnRyeVN0YXR1cyBpdGVtPXtpdGVtfSBwbGFjZW1lbnQ9e1widG9wXCJ9IC8+fVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtpY29uQnV0dG9uQ2xhc3NOYW1lfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const renderItem = props => {
   return /*#__PURE__*/React.createElement(Typography, {
     use: "body2"
-  }, item.name, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(ModelId, null, "Model: ", item.modelName));
-};
+  }, /*#__PURE__*/React.createElement(Link, {
+    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
+  });
+};
+
+//# sourceMappingURL=renderItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Typography","createEntryUrl","Link","EntryStatus","IconButton","css","ModelId","_styled","process","env","NODE_ENV","target","label","name","styles","map","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\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { Link } from \"@webiny/react-router\";\nimport type { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { IconButton } from \"@webiny/ui/Button\";\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            <Link to={createEntryUrl(props)}>{props.name}</Link>\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,uBAAuB;AAClD,SAASC,cAAc;AACvB,SAASC,IAAI,QAAQ,sBAAsB;AAE3C,SAASC,WAAW;AACpB,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,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,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAE7B,CAAC;AAEF,MAAMC,mBAAmB,gBAAGb,GAAG,CAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAE9B,CAAC;AAQF,OAAO,MAAME,UAAU,GAAIC,KAAsB,IAAK;EAClD,oBACIrB,KAAA,CAAAsB,aAAA,CAACrB,UAAU;IAACsB,GAAG,EAAE;EAAQ,gBACrBvB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACqB,EAAE,EAAEtB,cAAc,CAACmB,KAAK;EAAE,GAAEA,KAAK,CAACP,IAAW,CAAC,eACpDd,KAAA,CAAAsB,aAAA,WAAK,CAAC,eACNtB,KAAA,CAAAsB,aAAA,CAACf,OAAO,QAAC,SAAO,EAACc,KAAK,CAACI,SAAmB,CAClC,CAAC;AAErB,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAIC,IAAgB,IAAK;EACvD,oBACI3B,KAAA,CAAAsB,aAAA,CAACjB,UAAU;IACPuB,IAAI,eAAE5B,KAAA,CAAAsB,aAAA,CAAClB,WAAW;MAACuB,IAAI,EAAEA,IAAK;MAACE,SAAS,EAAE;IAAM,CAAE,CAAE;IACpDC,SAAS,EAAEX;EAAoB,CAClC,CAAC;AAEV,CAAC","ignoreList":[]}