@webiny/app-headless-cms 5.25.0-beta.0 → 5.25.0-beta.3

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

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -12,10 +13,25 @@ import { useNewRefEntry } from "../hooks/useNewRefEntry";
 import { useReference } from "./useReference";
 import { renderItem } from "./renderItem";
 import { createEntryUrl } from "./createEntryUrl";
+import { EntryStatus } from "./EntryStatus";
 var t = i18n.ns("app-headless-cms/admin/fields/ref");
 var unpublishedLabel = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry."])));
 var publishedLabel = t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Selected content entry is published. You can view it {here}."])));
 
+var getItemOption = function getItemOption(options, id) {
+  if (!id || !options || options.length === 0) {
+    return null;
+  }
+
+  var _id$split = id.split("#"),
+      _id$split2 = _slicedToArray(_id$split, 1),
+      entryId = _id$split2[0];
+
+  return options.find(function (item) {
+    return item.entryId === entryId;
+  }) || null;
+};
+
 var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
   var bind = _ref.bind,
       field = _ref.field;
@@ -55,15 +71,21 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
       renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
       refModelId = _useNewRefEntry.refModelId,
       helpText = _useNewRefEntry.helpText;
+
+  var item = getItemOption(options, bind.value ? bind.value.id : null);
   /*
    * Wrap AutoComplete input in NewRefEntry modal.
    */
 
-
   if (renderNewEntryModal) {
     return /*#__PURE__*/React.createElement(NewRefEntryFormDialog, {
       modelId: refModelId,
       onChange: function onChange(entry) {
+        /**
+         * TODO @ts-refactor @ashutosh
+         * Need to figure out correct types.
+         */
+        // @ts-ignore
         return _onChange(entry, entry);
       }
     }, /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, bind, {
@@ -73,7 +95,9 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
       value: value || undefined,
       options: options,
       label: field.label,
-      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, entryInfo),
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
+        item: item
+      }, entryInfo)),
       onInput: debounce(function (search) {
         return setSearch(search);
       }, 250),
@@ -88,7 +112,9 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
     value: value || undefined,
     options: options,
     label: field.label,
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, entryInfo),
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
+      item: item
+    }, entryInfo)),
     onInput: debounce(function (search) {
       return setSearch(search);
     }, 250),

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntriesAutocomplete.tsx"],"names":["React","debounce","NewRefEntryFormDialog","NewEntryButton","AutoComplete","i18n","Link","useNewRefEntry","useReference","renderItem","createEntryUrl","t","ns","unpublishedLabel","publishedLabel","ContentEntriesAutocomplete","bind","field","options","setSearch","value","loading","onChange","entryInfo","published","link","publishItLink","here","renderNewEntryModal","refModelId","helpText","entry","undefined","label","search"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n}\nconst ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps> = ({ bind, field }) => {\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog\n                modelId={refModelId}\n                onChange={entry => onChange(entry, entry as any)}\n            >\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    description={\n                        <>\n                            {field.helpText}\n                            {entryInfo}\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    {entryInfo}\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"]}
+{"version":3,"sources":["ContentEntriesAutocomplete.tsx"],"names":["React","debounce","NewRefEntryFormDialog","NewEntryButton","AutoComplete","i18n","Link","useNewRefEntry","useReference","renderItem","createEntryUrl","EntryStatus","t","ns","unpublishedLabel","publishedLabel","getItemOption","options","id","length","split","entryId","find","item","ContentEntriesAutocomplete","bind","field","setSearch","value","loading","onChange","entryInfo","published","link","publishItLink","here","renderNewEntryModal","refModelId","helpText","entry","undefined","label","search"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\nconst getItemOption = (options: OptionItem[], id?: string | null): OptionItem | null => {\n    if (!id || !options || options.length === 0) {\n        return null;\n    }\n    const [entryId] = id.split(\"#\");\n    return options.find(item => item.entryId === entryId) || null;\n};\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n}\nconst ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps> = ({ bind, field }) => {\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const item = getItemOption(options, bind.value ? bind.value.id : null);\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog\n                modelId={refModelId}\n                onChange={entry => {\n                    /**\n                     * TODO @ts-refactor @ashutosh\n                     * Need to figure out correct types.\n                     */\n                    // @ts-ignore\n                    return onChange(entry, entry);\n                }}\n            >\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    description={\n                        <>\n                            {field.helpText}\n                            <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"]}

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

@@ -9,7 +9,7 @@ import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
 import { Link } from "@webiny/react-router";
 import { i18n } from "@webiny/app/i18n";
 import { useReferences } from "./useReferences";
-import { renderItem } from "./renderItem";
+import { renderItem, renderListItemOptions } from "./renderItem";
 import NewRefEntryFormDialog, { NewEntryButton } from "./NewRefEntryFormDialog";
 import { useNewRefEntry } from "../hooks/useNewRefEntry";
 var t = i18n.ns("app-headless-cms/admin/fields/ref");
@@ -54,10 +54,10 @@ var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_
   };
 
   var warning = entries.filter(function (item) {
-    return item.published === false;
+    return !item.published;
   });
 
-  if (warning.length) {
+  if (warning.length > 0) {
     warning = warn({
       entries: /*#__PURE__*/React.createElement(React.Fragment, null, warning.map(entryWarning))
     });
@@ -78,6 +78,7 @@ var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_
     }, /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
       renderItem: renderItem,
       renderListItemLabel: renderItem,
+      renderListItemOptions: renderListItemOptions,
       useMultipleSelectionList: true,
       onChange: onChange,
       loading: loading,
@@ -93,6 +94,7 @@ var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_
   return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
     renderItem: renderItem,
     renderListItemLabel: renderItem,
+    renderListItemOptions: renderListItemOptions,
     useMultipleSelectionList: true,
     onChange: onChange,
     loading: loading,

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntriesMultiAutoComplete.tsx"],"names":["React","useCallback","debounce","MultiAutoComplete","Link","i18n","useReferences","renderItem","NewRefEntryFormDialog","NewEntryButton","useNewRefEntry","t","ns","warn","ContentEntriesMultiAutocomplete","bind","field","options","setSearch","entries","loading","onChange","renderNewEntryModal","refModelId","helpText","entryWarning","entry","index","id","modelId","name","published","encodeURIComponent","warning","filter","item","length","map","refEntryOnChange","value","label"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { Link } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReferencedCmsEntry, useReferences } from \"./useReferences\";\nimport { renderItem } from \"./renderItem\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n}\nconst ContentEntriesMultiAutocomplete: React.FC<ContentEntriesMultiAutocompleteProps> = ({\n    bind,\n    field\n}) => {\n    const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const entryWarning = (entry: ReferencedCmsEntry, index: number): React.ReactElement | null => {\n        const { id, modelId, name, published } = entry;\n        if (published) {\n            return null;\n        }\n        return (\n            <React.Fragment key={id}>\n                {index > 0 && \", \"}\n                <Link to={`/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`}>\n                    {name}\n                </Link>\n            </React.Fragment>\n        );\n    };\n\n    let warning = entries.filter(item => item.published === false);\n    if (warning.length) {\n        warning = warn({\n            entries: <>{warning.map(entryWarning)}</>\n        });\n    }\n\n    const refEntryOnChange = useCallback(\n        // TODO @ts-refactor figure out which type is this\n        value => {\n            /**\n             * Append new selected entry at the end of existing entries.\n             */\n            onChange([...entries, value]);\n        },\n        [onChange, entries]\n    );\n\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog modelId={refModelId} onChange={refEntryOnChange}>\n                <MultiAutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    renderListItemLabel={renderItem}\n                    useMultipleSelectionList\n                    onChange={onChange}\n                    loading={loading}\n                    value={entries}\n                    options={options}\n                    label={field.label}\n                    onInput={debounce(setSearch, 250)}\n                    description={\n                        <>\n                            {field.helpText}\n                            {warning}\n                        </>\n                    }\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            renderItem={renderItem}\n            renderListItemLabel={renderItem}\n            useMultipleSelectionList\n            onChange={onChange}\n            loading={loading}\n            value={entries}\n            options={options}\n            label={field.label}\n            onInput={debounce(setSearch, 250)}\n            description={\n                <>\n                    {field.helpText}\n                    {warning}\n                </>\n            }\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"]}
+{"version":3,"sources":["ContentEntriesMultiAutoComplete.tsx"],"names":["React","useCallback","debounce","MultiAutoComplete","Link","i18n","useReferences","renderItem","renderListItemOptions","NewRefEntryFormDialog","NewEntryButton","useNewRefEntry","t","ns","warn","ContentEntriesMultiAutocomplete","bind","field","options","setSearch","entries","loading","onChange","renderNewEntryModal","refModelId","helpText","entryWarning","entry","index","id","modelId","name","published","encodeURIComponent","warning","filter","item","length","map","refEntryOnChange","value","label"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { Link } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useReferences } from \"./useReferences\";\nimport { renderItem, renderListItemOptions } from \"./renderItem\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem } from \"./types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;\n\ninterface ContentEntriesMultiAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n}\nconst ContentEntriesMultiAutocomplete: React.FC<ContentEntriesMultiAutocompleteProps> = ({\n    bind,\n    field\n}) => {\n    const { options, setSearch, entries, loading, onChange } = useReferences({ bind, field });\n\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const entryWarning = (entry: OptionItem, index: number): React.ReactElement | null => {\n        const { id, modelId, name, published } = entry;\n        if (published) {\n            return null;\n        }\n        return (\n            <React.Fragment key={id}>\n                {index > 0 && \", \"}\n                <Link to={`/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`}>\n                    {name}\n                </Link>\n            </React.Fragment>\n        );\n    };\n\n    let warning = entries.filter(item => !item.published);\n    if (warning.length > 0) {\n        warning = warn({\n            entries: <>{warning.map(entryWarning)}</>\n        });\n    }\n\n    const refEntryOnChange = useCallback(\n        // TODO @ts-refactor figure out which type is this\n        value => {\n            /**\n             * Append new selected entry at the end of existing entries.\n             */\n            onChange([...entries, value]);\n        },\n        [onChange, entries]\n    );\n\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog modelId={refModelId} onChange={refEntryOnChange}>\n                <MultiAutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    renderListItemLabel={renderItem}\n                    renderListItemOptions={renderListItemOptions}\n                    useMultipleSelectionList\n                    onChange={onChange}\n                    loading={loading}\n                    value={entries}\n                    options={options}\n                    label={field.label}\n                    onInput={debounce(setSearch, 250)}\n                    description={\n                        <>\n                            {field.helpText}\n                            {warning}\n                        </>\n                    }\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <MultiAutoComplete\n            {...bind}\n            renderItem={renderItem}\n            renderListItemLabel={renderItem}\n            renderListItemOptions={renderListItemOptions}\n            useMultipleSelectionList\n            onChange={onChange}\n            loading={loading}\n            value={entries}\n            options={options}\n            label={field.label}\n            onInput={debounce(setSearch, 250)}\n            description={\n                <>\n                    {field.helpText}\n                    {warning}\n                </>\n            }\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesMultiAutocomplete;\n"]}

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

@@ -0,0 +1,10 @@
+import { OptionItem } from "./types";
+import React from "react";
+import { TooltipProps } from "@webiny/ui/Tooltip";
+interface EntryStatusProps {
+    item: OptionItem | null;
+    placement?: TooltipProps["placement"];
+    className?: string;
+}
+export declare const EntryStatus: React.FC<EntryStatusProps>;
+export {};

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

@@ -0,0 +1,50 @@
+import React from "react";
+import { getEntryStatus, getItemStatusText } from "./helpers";
+import { Tooltip } from "@webiny/ui/Tooltip";
+import { ReactComponent as PublishedIcon } from "../../../../icons/published.svg";
+import { ReactComponent as UnpublishedIcon } from "../../../../icons/unpublished.svg";
+import { ReactComponent as DraftIcon } from "../../../../icons/draft.svg";
+import styled from "@emotion/styled";
+var EntryStatusText = /*#__PURE__*/styled("div", {
+  target: "ermydxe0",
+  label: "EntryStatusText"
+})({
+  display: "table-cell",
+  verticalAlign: "middle"
+});
+var EntryStatusWrapper = /*#__PURE__*/styled("div", {
+  target: "ermydxe1",
+  label: "EntryStatusWrapper"
+})({
+  display: "table"
+});
+var EntryStatusTooltip = /*#__PURE__*/styled("div", {
+  target: "ermydxe2",
+  label: "EntryStatusTooltip"
+})({
+  display: "table-cell",
+  width: "30px",
+  verticalAlign: "middle"
+});
+export var EntryStatus = function EntryStatus(props) {
+  var item = props.item,
+      children = props.children,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? "bottom" : _props$placement,
+      className = props.className;
+
+  if (!item) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+
+  var status = getEntryStatus(item);
+  var tooltipText = getItemStatusText(item);
+  var published = status === "published";
+  var unpublished = status === "unpublished";
+  return /*#__PURE__*/React.createElement(EntryStatusWrapper, {
+    className: className
+  }, /*#__PURE__*/React.createElement(EntryStatusTooltip, null, /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltipText,
+    placement: placement
+  }, published && /*#__PURE__*/React.createElement(PublishedIcon, null), unpublished && /*#__PURE__*/React.createElement(UnpublishedIcon, null), !published && !unpublished && /*#__PURE__*/React.createElement(DraftIcon, null))), children && /*#__PURE__*/React.createElement(EntryStatusText, null, children));
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["EntryStatus.tsx"],"names":["React","getEntryStatus","getItemStatusText","Tooltip","ReactComponent","PublishedIcon","UnpublishedIcon","DraftIcon","styled","EntryStatusText","display","verticalAlign","EntryStatusWrapper","EntryStatusTooltip","width","EntryStatus","props","item","children","placement","className","status","tooltipText","published","unpublished"],"mappings":"AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACIC,cADJ,EAEIC,iBAFJ;AAIA,SAASC,OAAT,QAAsC,oBAAtC;AACA,SAASC,cAAc,IAAIC,aAA3B;AACA,SAASD,cAAc,IAAIE,eAA3B;AACA,SAASF,cAAc,IAAIG,SAA3B;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,IAAMC,eAAe,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAClCE,EAAAA,OAAO,EAAE,YADyB;AAElCC,EAAAA,aAAa,EAAE;AAFmB,CAAjB,CAArB;AAKA,IAAMC,kBAAkB,gBAAGJ,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACrCE,EAAAA,OAAO,EAAE;AAD4B,CAAjB,CAAxB;AAGA,IAAMG,kBAAkB,gBAAGL,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACrCE,EAAAA,OAAO,EAAE,YAD4B;AAErCI,EAAAA,KAAK,EAAE,MAF8B;AAGrCH,EAAAA,aAAa,EAAE;AAHsB,CAAjB,CAAxB;AAWA,OAAO,IAAMI,WAAuC,GAAG,SAA1CA,WAA0C,CAAAC,KAAK,EAAI;AAC5D,MAAQC,IAAR,GAA4DD,KAA5D,CAAQC,IAAR;AAAA,MAAcC,QAAd,GAA4DF,KAA5D,CAAcE,QAAd;AAAA,yBAA4DF,KAA5D,CAAwBG,SAAxB;AAAA,MAAwBA,SAAxB,iCAAoC,QAApC;AAAA,MAA8CC,SAA9C,GAA4DJ,KAA5D,CAA8CI,SAA9C;;AACA,MAAI,CAACH,IAAL,EAAW;AACP,wBAAO,0CAAGC,QAAH,CAAP;AACH;;AACD,MAAMG,MAAM,GAAGpB,cAAc,CAACgB,IAAD,CAA7B;AACA,MAAMK,WAAW,GAAGpB,iBAAiB,CAACe,IAAD,CAArC;AAEA,MAAMM,SAAS,GAAGF,MAAM,KAAK,WAA7B;AACA,MAAMG,WAAW,GAAGH,MAAM,KAAK,aAA/B;AACA,sBACI,oBAAC,kBAAD;AAAoB,IAAA,SAAS,EAAED;AAA/B,kBACI,oBAAC,kBAAD,qBACI,oBAAC,OAAD;AAAS,IAAA,OAAO,EAAEE,WAAlB;AAA+B,IAAA,SAAS,EAAEH;AAA1C,KACKI,SAAS,iBAAI,oBAAC,aAAD,OADlB,EAEKC,WAAW,iBAAI,oBAAC,eAAD,OAFpB,EAGK,CAACD,SAAD,IAAc,CAACC,WAAf,iBAA8B,oBAAC,SAAD,OAHnC,CADJ,CADJ,EAQKN,QAAQ,iBAAI,oBAAC,eAAD,QAAkBA,QAAlB,CARjB,CADJ;AAYH,CAtBM","sourcesContent":["import { OptionItem } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport React from \"react\";\nimport {\n    getEntryStatus,\n    getItemStatusText\n} from \"~/admin/plugins/fieldRenderers/ref/components/helpers\";\nimport { Tooltip, TooltipProps } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as PublishedIcon } from \"~/admin/icons/published.svg\";\nimport { ReactComponent as UnpublishedIcon } from \"~/admin/icons/unpublished.svg\";\nimport { ReactComponent as DraftIcon } from \"~/admin/icons/draft.svg\";\nimport styled from \"@emotion/styled\";\n\nconst EntryStatusText = styled(\"div\")({\n    display: \"table-cell\",\n    verticalAlign: \"middle\"\n});\n\nconst EntryStatusWrapper = styled(\"div\")({\n    display: \"table\"\n});\nconst EntryStatusTooltip = styled(\"div\")({\n    display: \"table-cell\",\n    width: \"30px\",\n    verticalAlign: \"middle\"\n});\n\ninterface EntryStatusProps {\n    item: OptionItem | null;\n    placement?: TooltipProps[\"placement\"];\n    className?: string;\n}\nexport const EntryStatus: React.FC<EntryStatusProps> = props => {\n    const { item, children, placement = \"bottom\", className } = props;\n    if (!item) {\n        return <>{children}</>;\n    }\n    const status = getEntryStatus(item);\n    const tooltipText = getItemStatusText(item);\n\n    const published = status === \"published\";\n    const unpublished = status === \"unpublished\";\n    return (\n        <EntryStatusWrapper className={className}>\n            <EntryStatusTooltip>\n                <Tooltip content={tooltipText} placement={placement}>\n                    {published && <PublishedIcon />}\n                    {unpublished && <UnpublishedIcon />}\n                    {!published && !unpublished && <DraftIcon />}\n                </Tooltip>\n            </EntryStatusTooltip>\n            {children && <EntryStatusText>{children}</EntryStatusText>}\n        </EntryStatusWrapper>\n    );\n};\n"]}

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

@@ -1,4 +1,5 @@
-import { CmsErrorResponse, CmsLatestContentEntry } from "../../../../../types";
+import { CmsErrorResponse } from "../../../../../types";
+import { CmsReferenceContentEntry } from "./types";
 /**
  * #########################
  * Common variables
@@ -13,13 +14,13 @@ export interface CmsEntryGetEntryVariable {
  */
 export interface CmsEntrySearchQueryResponse {
     content: {
-        data: CmsLatestContentEntry[];
-        error?: CmsErrorResponse;
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
     };
 }
 export interface CmsEntrySearchQueryVariables {
     modelIds: string[];
-    query: string;
+    query?: string;
     limit?: number;
 }
 export declare const SEARCH_CONTENT_ENTRIES: import("graphql").DocumentNode;
@@ -28,9 +29,13 @@ export declare const SEARCH_CONTENT_ENTRIES: import("graphql").DocumentNode;
  * Get Entries Query Response
  */
 export interface CmsEntryGetListResponse {
-    content: {
-        data: CmsLatestContentEntry[];
-        error?: CmsErrorResponse;
+    latest: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
+    };
+    published: {
+        data: CmsReferenceContentEntry[];
+        error: CmsErrorResponse | null;
     };
 }
 export interface CmsEntryGetListVariables {
@@ -42,13 +47,16 @@ export declare const GET_CONTENT_ENTRIES: import("graphql").DocumentNode;
  * Get Entry Query Response
  */
 export interface CmsEntryGetQueryResponse {
-    content: {
-        data: CmsLatestContentEntry;
-        error?: CmsErrorResponse;
+    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,25 +1,24 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
 
 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    data\n}";
+var fields = "\ndata {\n    id\n    entryId\n    status\n    title\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}";
 /**
  * #########################
  * Common variables
  */
 
-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 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);
 /**
  * #########################
  * Get Entries Query Response
  */
 
-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_ENTRIES = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ", "\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ", "\n        }\n    }\n"])), fields, fields);
 /**
  * #########################
  * Get Entry Query Response
  */
 
-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"])));
+export var GET_CONTENT_ENTRY = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ", "\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ", "\n        }\n    }\n"])), fields, fields);

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

@@ -1 +1 @@
-{"version":3,"sources":["graphql.ts"],"names":["gql","fields","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY","GET_CONTENT_MODELS"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAGA,IAAMC,MAAM,+IAAZ;AAgBA;AACA;AACA;AACA;;AAsBA,OAAO,IAAMC,sBAAsB,GAAGF,GAAH,8RAGrBC,MAHqB,CAA5B;AAOP;AACA;AACA;AACA;;AAWA,OAAO,IAAME,mBAAmB,GAAGH,GAAH,2OAGlBC,MAHkB,CAAzB;AAQP;AACA;AACA;AACA;;AAWA,OAAO,IAAMG,iBAAiB,GAAGJ,GAAH,8NAGhBC,MAHgB,CAAvB;AAQP,OAAO,IAAMI,kBAAkB,GAAGL,GAAH,mPAAxB","sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsLatestContentEntry } from \"~/types\";\n\nconst fields = `\ndata {\n    id\n    status\n    title\n    model {\n        modelId\n        name\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: CmsLatestContentEntry[];\n        error?: CmsErrorResponse;\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    content: {\n        data: CmsLatestContentEntry[];\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CmsEntryGetListVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\nexport const GET_CONTENT_ENTRIES = gql`\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        content: getContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\n/**\n * #########################\n * Get Entry Query Response\n */\nexport interface CmsEntryGetQueryResponse {\n    content: {\n        data: CmsLatestContentEntry;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CmsEntryGetQueryVariables {\n    entry: CmsEntryGetEntryVariable;\n}\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        content: getContentEntry(entry: $entry) {\n            ${fields}\n        }\n    }\n`;\n\nexport const GET_CONTENT_MODELS = gql`\n    query CmsGetContentModels {\n        listContentModels {\n            data {\n                modelId\n                titleFieldId\n            }\n        }\n    }\n`;\n"]}
+{"version":3,"sources":["graphql.ts"],"names":["gql","fields","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAIA,IAAMC,MAAM,gOAAZ;AAsBA;AACA;AACA;AACA;;AAsBA,OAAO,IAAMC,sBAAsB,GAAGF,GAAH,6RAGrBC,MAHqB,CAA5B;AAOP;AACA;AACA;AACA;;AAeA,OAAO,IAAME,mBAAmB,GAAGH,GAAH,iVAGlBC,MAHkB,EAMlBA,MANkB,CAAzB;AAWP;AACA;AACA;AACA;;AAeA,OAAO,IAAMG,iBAAiB,GAAGJ,GAAH,8TAGhBC,MAHgB,EAMhBA,MANgB,CAAvB","sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse } from \"~/types\";\nimport { CmsReferenceContentEntry } from \"./types\";\n\nconst fields = `\ndata {\n    id\n    entryId\n    status\n    title\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\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"]}

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

@@ -0,0 +1,6 @@
+import { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from "./types";
+import { 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,41 @@
+export var convertReferenceEntryToOption = function 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
+  };
+};
+export var convertReferenceEntriesToOptionCollection = function convertReferenceEntriesToOptionCollection(entries) {
+  return entries.reduce(function (collection, entry) {
+    collection[entry.entryId] = convertReferenceEntryToOption(entry);
+    return collection;
+  }, {});
+};
+export var getEntryStatus = function getEntryStatus(item) {
+  if (item.status === "published") {
+    return "published";
+  } else if (item.status === "unpublished" || !item.published && item.status === "draft") {
+    return "unpublished";
+  }
+
+  return "draft";
+};
+export var getItemStatusText = function getItemStatusText(item) {
+  var 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.";
+  }
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["helpers.ts"],"names":["convertReferenceEntryToOption","entry","id","entryId","modelId","model","modelName","name","published","latest","status","title","convertReferenceEntriesToOptionCollection","entries","reduce","collection","getEntryStatus","item","getItemStatusText"],"mappings":"AAGA,OAAO,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,KAAD,EAAiD;AAC1F,SAAO;AACHC,IAAAA,EAAE,EAAED,KAAK,CAACC,EADP;AAEHC,IAAAA,OAAO,EAAEF,KAAK,CAACE,OAFZ;AAGHC,IAAAA,OAAO,EAAEH,KAAK,CAACI,KAAN,CAAYD,OAHlB;AAIHE,IAAAA,SAAS,EAAEL,KAAK,CAACI,KAAN,CAAYE,IAJpB;AAKHC,IAAAA,SAAS,EAAEP,KAAK,CAACO,SAAN,GAAkBP,KAAK,CAACO,SAAN,CAAgBN,EAAlC,GAAuC,IAL/C;AAMHO,IAAAA,MAAM,EAAER,KAAK,CAACC,EANX;AAOHQ,IAAAA,MAAM,EAAET,KAAK,CAACS,MAPX;AAQHH,IAAAA,IAAI,EAAEN,KAAK,CAACU;AART,GAAP;AAUH,CAXM;AAaP,OAAO,IAAMC,yCAAyC,GAAG,SAA5CA,yCAA4C,CACrDC,OADqD,EAE9B;AACvB,SAAOA,OAAO,CAACC,MAAR,CAAe,UAACC,UAAD,EAAad,KAAb,EAAuB;AACzCc,IAAAA,UAAU,CAACd,KAAK,CAACE,OAAP,CAAV,GAA4BH,6BAA6B,CAACC,KAAD,CAAzD;AACA,WAAOc,UAAP;AACH,GAHM,EAGJ,EAHI,CAAP;AAIH,CAPM;AASP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAiD;AAC3E,MAAIA,IAAI,CAACP,MAAL,KAAgB,WAApB,EAAiC;AAC7B,WAAO,WAAP;AACH,GAFD,MAEO,IAAIO,IAAI,CAACP,MAAL,KAAgB,aAAhB,IAAkC,CAACO,IAAI,CAACT,SAAN,IAAmBS,IAAI,CAACP,MAAL,KAAgB,OAAzE,EAAmF;AACtF,WAAO,aAAP;AACH;;AACD,SAAO,OAAP;AACH,CAPM;AASP,OAAO,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAACD,IAAD,EAA8B;AAC3D,MAAMP,MAAM,GAAGM,cAAc,CAACC,IAAD,CAA7B;;AACA,UAAQP,MAAR;AACI,SAAK,WAAL;AACI,aAAO,0BAAP;;AACJ,SAAK,aAAL;AACI,aAAO,oCAAP;;AACJ;AACI,aAAO,kDAAP;AANR;AAQH,CAVM","sourcesContent":["import { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport { 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    };\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"]}

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

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

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

@@ -3,16 +3,31 @@ import styled from "@emotion/styled";
 import { Typography } from "@webiny/ui/Typography";
 import { createEntryUrl } from "./createEntryUrl";
 import { Link } from "@webiny/react-router";
+import { EntryStatus } from "./EntryStatus";
+import { IconButton } from "@webiny/ui/Button";
+import { css } from "emotion";
 var ModelId = /*#__PURE__*/styled("span", {
   target: "ejkg0kv0",
   label: "ModelId"
 })({
   color: "var(--mdc-theme-text-secondary-on-background) !important"
 });
+var iconButtonClassName = /*#__PURE__*/css({
+  verticalAlign: "top"
+}, "label:iconButtonClassName;");
 export var renderItem = function renderItem(props) {
   return /*#__PURE__*/React.createElement(Typography, {
     use: "body2"
   }, /*#__PURE__*/React.createElement(Link, {
     to: createEntryUrl(props)
   }, props.name), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(ModelId, null, "Model: ", props.modelName));
+};
+export var renderListItemOptions = function renderListItemOptions(item) {
+  return /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(EntryStatus, {
+      item: item,
+      placement: "top"
+    }),
+    className: iconButtonClassName
+  });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderItem.tsx"],"names":["React","styled","Typography","createEntryUrl","Link","ModelId","color","renderItem","props","name","modelName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,cAAT;AACA,SAASC,IAAT,QAAqB,sBAArB;AAEA,IAAMC,OAAO,gBAAGJ,MAAH,CAAU,MAAV;AAAA;AAAA;AAAA,GAAkB;AAC3BK,EAAAA,KAAK,EAAE;AADoB,CAAlB,CAAb;AAUA,OAAO,IAAMC,UAA2B,GAAG,SAA9BA,UAA8B,CAAAC,KAAK,EAAI;AAChD,sBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,kBACI,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAEL,cAAc,CAACK,KAAD;AAAxB,KAAkCA,KAAK,CAACC,IAAxC,CADJ,eAEI,+BAFJ,eAGI,oBAAC,OAAD,mBAAiBD,KAAK,CAACE,SAAvB,CAHJ,CADJ;AAOH,CARM","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { createEntryUrl } from \"~/admin/plugins/fieldRenderers/ref/components/createEntryUrl\";\nimport { Link } from \"@webiny/react-router\";\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nexport interface Props {\n    name: string;\n    modelName: string;\n    modelId: string;\n    id: string;\n}\nexport const renderItem: React.FC<Props> = props => {\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"]}
+{"version":3,"sources":["renderItem.tsx"],"names":["React","styled","Typography","createEntryUrl","Link","EntryStatus","IconButton","css","ModelId","color","iconButtonClassName","verticalAlign","renderItem","props","name","modelName","renderListItemOptions","item"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,cAAT;AACA,SAASC,IAAT,QAAqB,sBAArB;AAEA,SAASC,WAAT;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,GAAT,QAAoB,SAApB;AAEA,IAAMC,OAAO,gBAAGP,MAAH,CAAU,MAAV;AAAA;AAAA;AAAA,GAAkB;AAC3BQ,EAAAA,KAAK,EAAE;AADoB,CAAlB,CAAb;AAIA,IAAMC,mBAAmB,gBAAGH,GAAG,CAAC;AAC5BI,EAAAA,aAAa,EAAE;AADa,CAAD,+BAA/B;AAUA,OAAO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;AAC1D,sBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,kBACI,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAEV,cAAc,CAACU,KAAD;AAAxB,KAAkCA,KAAK,CAACC,IAAxC,CADJ,eAEI,+BAFJ,eAGI,oBAAC,OAAD,mBAAiBD,KAAK,CAACE,SAAvB,CAHJ,CADJ;AAOH,CARM;AAUP,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAsB;AACvD,sBACI,oBAAC,UAAD;AACI,IAAA,IAAI,eAAE,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAEA,IAAnB;AAAyB,MAAA,SAAS,EAAE;AAApC,MADV;AAEI,IAAA,SAAS,EAAEP;AAFf,IADJ;AAMH,CAPM","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 { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { css } from \"emotion\";\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: React.FC<RenderItemProps> = props => {\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"]}

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

@@ -0,0 +1,26 @@
+import { CmsContentEntryStatusType, CmsModel } from "../../../../../types";
+export interface OptionItem {
+    id: string;
+    entryId: string;
+    modelId: string;
+    modelName: string;
+    name: string;
+    published: string | null;
+    latest: string | null;
+    status: CmsContentEntryStatusType;
+}
+export interface OptionItemCollection {
+    [key: string]: OptionItem;
+}
+export interface CmsReferenceContentEntry {
+    id: string;
+    entryId: string;
+    title: string;
+    status: CmsContentEntryStatusType;
+    model: Pick<CmsModel, "modelId" | "name">;
+    published?: {
+        id: string;
+        entryId: string;
+        title: string;
+    };
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

@@ -1,6 +1,6 @@
-import { OptionItem } from "./getOptions";
 import { CmsEditorField } from "../../../../../types";
 import { BindComponentRenderProp } from "@webiny/form";
+import { OptionItem } from "./types";
 interface UseReferenceHookArgs {
     bind: BindComponentRenderProp;
     field: CmsEditorField;