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

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

@@ -1,54 +1,114 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import React from "react";
+import React, { useState } from "react";
 import debounce from "lodash/debounce";
+import { NewEntryButton } from "./NewEntryButton";
 import { AutoComplete } from "@webiny/ui/AutoComplete";
 import { i18n } from "@webiny/app/i18n";
 import { Link } from "@webiny/react-router";
+import { useNewRefEntry } from "../hooks/useNewRefEntry";
 import { useReference } from "./useReference";
 import { renderItem } from "./renderItem";
-var t = i18n.ns("app-headless-cms/admin/fields/ref");
-var label = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry."])));
-
-function ContentEntriesAutocomplete(_ref) {
-  var bind = _ref.bind,
-      field = _ref.field;
-
-  var _useReference = useReference({
-    bind: bind,
-    field: field
-  }),
-      options = _useReference.options,
-      setSearch = _useReference.setSearch,
-      value = _useReference.value,
-      loading = _useReference.loading,
-      onChange = _useReference.onChange;
-
-  var unpublishedEntryInfo = null;
-
+import { createEntryUrl } from "./createEntryUrl";
+import { EntryStatus } from "./EntryStatus";
+import { parseIdentifier } from "@webiny/utils";
+import { useModels } from "../../../../hooks";
+import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;
+const publishedLabel = t`Selected content entry is published. You can view it {here}.`;
+const getItemOption = (options, id) => {
+  if (!id || !options || options.length === 0) {
+    return null;
+  }
+  const {
+    id: entryId
+  } = parseIdentifier(id);
+  return options.find(item => item.entryId === entryId) || null;
+};
+const ContentEntriesAutocomplete = ({
+  bind,
+  field
+}) => {
+  const {
+    models
+  } = useModels();
+  const [showNewEntryModal, setShowNewEntryModal] = useState(false);
+  const {
+    options,
+    setSearch,
+    value,
+    loading,
+    onChange
+  } = useReference({
+    bind,
+    field
+  });
+  let entryInfo = null;
   if (value && !value.published) {
-    var link = "/cms/content-entries/".concat(value.modelId, "?id=").concat(encodeURIComponent(value.id));
-    unpublishedEntryInfo = label({
+    const link = createEntryUrl(value);
+    entryInfo = unpublishedLabel({
       publishItLink: /*#__PURE__*/React.createElement(Link, {
         to: link
-      }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["publish it"]))))
+      }, t`publish it`)
+    });
+  } else if (value) {
+    const link = createEntryUrl(value);
+    entryInfo = publishedLabel({
+      here: /*#__PURE__*/React.createElement(Link, {
+        to: link
+      }, t`here`)
     });
   }
+  const {
+    renderNewEntryModal,
+    refModelId,
+    helpText
+  } = useNewRefEntry({
+    field
+  });
+  const model = models.find(model => model.modelId === refModelId);
+  const item = getItemOption(options, bind.value ? bind.value.id : null);
 
+  /*
+   * Wrap AutoComplete input in NewRefEntry modal.
+   */
+  if (renderNewEntryModal) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, showNewEntryModal && model ? /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
+      onClose: () => setShowNewEntryModal(false),
+      model: model,
+      onChange: entry => {
+        return onChange(entry, entry);
+      }
+    }) : null, /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, bind, {
+      renderItem: renderItem,
+      onChange: onChange,
+      loading: loading,
+      value: value || undefined,
+      options: options,
+      label: field.label,
+      "data-testid": `fr.input.autocomplete.${field.label}`,
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
+        item: item
+      }, entryInfo)),
+      onInput: debounce(search => setSearch(search), 250),
+      noResultFound: /*#__PURE__*/React.createElement(NewEntryButton, {
+        onClick: () => setShowNewEntryModal(true)
+      })
+    })));
+  }
   return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, bind, {
     renderItem: renderItem,
     onChange: onChange,
     loading: loading,
-    value: value ? value.id : null,
+    value: value || undefined,
     options: options,
     label: field.label,
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, unpublishedEntryInfo),
-    onInput: debounce(function (search) {
-      return setSearch(search);
-    }, 250)
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
+      item: item
+    }, entryInfo)),
+    onInput: debounce(search => setSearch(search), 250),
+    noResultFound: helpText
   }));
-}
+};
+export default ContentEntriesAutocomplete;
 
-export default ContentEntriesAutocomplete;
+//# sourceMappingURL=ContentEntriesAutocomplete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","debounce","NewEntryButton","AutoComplete","i18n","Link","useNewRefEntry","useReference","renderItem","createEntryUrl","EntryStatus","parseIdentifier","useModels","NewReferencedEntryDialog","t","ns","unpublishedLabel","publishedLabel","getItemOption","options","id","length","entryId","find","item","ContentEntriesAutocomplete","bind","field","models","showNewEntryModal","setShowNewEntryModal","setSearch","value","loading","onChange","entryInfo","published","link","publishItLink","createElement","to","here","renderNewEntryModal","refModelId","helpText","model","modelId","Fragment","onClose","entry","Object","assign","undefined","label","description","onInput","search","noResultFound","onClick"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { NewEntryButton } from \"./NewEntryButton\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useModels } from \"~/admin/hooks\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\nconst getItemOption = (options: OptionItem[], id?: string | null): OptionItem | null => {\n    if (!id || !options || options.length === 0) {\n        return null;\n    }\n    const { id: entryId } = parseIdentifier(id);\n    return options.find(item => item.entryId === entryId) || null;\n};\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesAutocomplete = ({ bind, field }: ContentEntriesAutocompleteProps) => {\n    const { models } = useModels();\n    const [showNewEntryModal, setShowNewEntryModal] = useState(false);\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n    const model = models.find(model => model.modelId === refModelId);\n\n    const item = getItemOption(options, bind.value ? bind.value.id : null);\n\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <>\n                {showNewEntryModal && model ? (\n                    <NewReferencedEntryDialog\n                        onClose={() => setShowNewEntryModal(false)}\n                        model={model}\n                        onChange={entry => {\n                            return onChange(entry, entry);\n                        }}\n                    />\n                ) : null}\n\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    data-testid={`fr.input.autocomplete.${field.label}`}\n                    description={\n                        <>\n                            {field.helpText}\n                            <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton onClick={() => setShowNewEntryModal(true)} />}\n                />\n            </>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,9 @@
-/// <reference types="react" />
-declare function ContentEntriesMultiAutocomplete({ bind, field }: {
-    bind: any;
-    field: any;
-}): JSX.Element;
+import React from "react";
+import type { CmsModelField } from "../../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+interface ContentEntriesMultiAutocompleteProps {
+    bind: BindComponentRenderProp;
+    field: CmsModelField;
+}
+declare const ContentEntriesMultiAutocomplete: ({ bind, field }: ContentEntriesMultiAutocompleteProps) => React.JSX.Element;
 export default ContentEntriesMultiAutocomplete;

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

@@ -1,56 +1,97 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import React from "react";
+import React, { useCallback, useState } from "react";
 import debounce from "lodash/debounce";
 import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
 import { Link } from "@webiny/react-router";
 import { i18n } from "@webiny/app/i18n";
 import { useReferences } from "./useReferences";
-import { renderItem } from "./renderItem";
-var t = i18n.ns("app-headless-cms/admin/fields/ref");
-var warn = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Before publishing the main content entry, make sure you publish the following referenced entries: {entries}"])));
-
-function ContentEntriesMultiAutocomplete(_ref) {
-  var bind = _ref.bind,
-      field = _ref.field;
-
-  var _useReferences = useReferences({
-    bind: bind,
-    field: field
-  }),
-      options = _useReferences.options,
-      setSearch = _useReferences.setSearch,
-      entries = _useReferences.entries,
-      loading = _useReferences.loading,
-      onChange = _useReferences.onChange;
-
-  var entryWarning = function entryWarning(_ref2, index) {
-    var id = _ref2.id,
-        modelId = _ref2.modelId,
-        name = _ref2.name,
-        published = _ref2.published;
-    return !published && /*#__PURE__*/React.createElement(React.Fragment, {
+import { renderItem, renderListItemOptions } from "./renderItem";
+import { NewEntryButton } from "./NewEntryButton";
+import { useNewRefEntry } from "../hooks/useNewRefEntry";
+import { useModels } from "../../../../hooks";
+import { NewReferencedEntryDialog } from "./NewReferencedEntryDialog";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const warn = t`Before publishing the main content entry, make sure you publish the following referenced entries: {entries}`;
+const ContentEntriesMultiAutocomplete = ({
+  bind,
+  field
+}) => {
+  const {
+    models
+  } = useModels();
+  const [showNewEntryModal, setShowNewEntryModal] = useState(false);
+  const {
+    options,
+    setSearch,
+    entries,
+    loading,
+    onChange
+  } = useReferences({
+    bind,
+    field
+  });
+  const {
+    renderNewEntryModal,
+    refModelId,
+    helpText
+  } = useNewRefEntry({
+    field
+  });
+  const entryWarning = (entry, index) => {
+    const {
+      id,
+      modelId,
+      name,
+      published
+    } = entry;
+    if (published) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: id
     }, index > 0 && ", ", /*#__PURE__*/React.createElement(Link, {
-      to: "/cms/content-entries/".concat(modelId, "?id=").concat(encodeURIComponent(id))
+      to: `/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`
     }, name));
   };
-
-  var warning = entries.filter(function (item) {
-    return item.published === false;
-  });
-
-  if (warning.length) {
+  let warning = entries.filter(item => !item.published);
+  if (warning.length > 0) {
     warning = warn({
       entries: /*#__PURE__*/React.createElement(React.Fragment, null, warning.map(entryWarning))
     });
   }
-
+  const refEntryOnChange = useCallback(value => {
+    /**
+     * Append new selected entry at the end of existing entries.
+     */
+    onChange([...entries, value]);
+    setShowNewEntryModal(false);
+  }, [onChange, entries]);
+  const model = models.find(model => model.modelId === refModelId);
+  if (renderNewEntryModal) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, showNewEntryModal && model ? /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
+      onClose: () => setShowNewEntryModal(false),
+      model: model,
+      onChange: refEntryOnChange
+    }) : null, /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
+      renderItem: renderItem,
+      renderListItemLabel: renderItem,
+      renderListItemOptions: renderListItemOptions,
+      useMultipleSelectionList: true,
+      onChange: onChange,
+      loading: loading,
+      value: entries,
+      options: options,
+      label: field.label,
+      onInput: debounce(setSearch, 250),
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning),
+      noResultFound: /*#__PURE__*/React.createElement(NewEntryButton, {
+        onClick: () => setShowNewEntryModal(true)
+      })
+    })));
+  }
   return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
     renderItem: renderItem,
     renderListItemLabel: renderItem,
+    renderListItemOptions: renderListItemOptions,
     useMultipleSelectionList: true,
     onChange: onChange,
     loading: loading,
@@ -58,8 +99,10 @@ function ContentEntriesMultiAutocomplete(_ref) {
     options: options,
     label: field.label,
     onInput: debounce(setSearch, 250),
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning)
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning),
+    noResultFound: helpText
   }));
-}
+};
+export default ContentEntriesMultiAutocomplete;
 
-export default ContentEntriesMultiAutocomplete;
+//# sourceMappingURL=ContentEntriesMultiAutoComplete.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { OptionItem } from "./types";
+import React from "react";
+import type { TooltipProps } from "@webiny/ui/Tooltip";
+interface EntryStatusProps {
+    item: OptionItem | null;
+    placement?: TooltipProps["placement"];
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const EntryStatus: (props: EntryStatusProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,73 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from "react";
+import { getEntryStatus, getItemStatusText } from "./helpers";
+import { Tooltip } from "@webiny/ui/Tooltip";
+import { ReactComponent as PublishedIcon } from "../../../../icons/published.svg";
+import { ReactComponent as UnpublishedIcon } from "../../../../icons/unpublished.svg";
+import { ReactComponent as DraftIcon } from "../../../../icons/draft.svg";
+const EntryStatusText = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ermydxe2"
+} : {
+  target: "ermydxe2",
+  label: "EntryStatusText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "d6of3e",
+  styles: "display:table-cell;vertical-align:middle"
+} : {
+  name: "d6of3e",
+  styles: "display:table-cell;vertical-align:middle",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0IiLCJmaWxlIjoiRW50cnlTdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25JdGVtIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBnZXRFbnRyeVN0YXR1cyxcbiAgICBnZXRJdGVtU3RhdHVzVGV4dFxufSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL2hlbHBlcnNcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcFByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcFwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBVbnB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy91bnB1Ymxpc2hlZC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERyYWZ0SWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL2RyYWZ0LnN2Z1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IEVudHJ5U3RhdHVzVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIlxufSk7XG5cbmNvbnN0IEVudHJ5U3RhdHVzV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZVwiXG59KTtcbmNvbnN0IEVudHJ5U3RhdHVzVG9vbHRpcCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgd2lkdGg6IFwiMzBweFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5pbnRlcmZhY2UgRW50cnlTdGF0dXNQcm9wcyB7XG4gICAgaXRlbTogT3B0aW9uSXRlbSB8IG51bGw7XG4gICAgcGxhY2VtZW50PzogVG9vbHRpcFByb3BzW1wicGxhY2VtZW50XCJdO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cbmV4cG9ydCBjb25zdCBFbnRyeVN0YXR1cyA9IChwcm9wczogRW50cnlTdGF0dXNQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgaXRlbSwgY2hpbGRyZW4sIHBsYWNlbWVudCA9IFwiYm90dG9tXCIsIGNsYXNzTmFtZSB9ID0gcHJvcHM7XG4gICAgaWYgKCFpdGVtKSB7XG4gICAgICAgIHJldHVybiA8PntjaGlsZHJlbn08Lz47XG4gICAgfVxuICAgIGNvbnN0IHN0YXR1cyA9IGdldEVudHJ5U3RhdHVzKGl0ZW0pO1xuICAgIGNvbnN0IHRvb2x0aXBUZXh0ID0gZ2V0SXRlbVN0YXR1c1RleHQoaXRlbSk7XG5cbiAgICBjb25zdCBwdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwicHVibGlzaGVkXCI7XG4gICAgY29uc3QgdW5wdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwidW5wdWJsaXNoZWRcIjtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RW50cnlTdGF0dXNXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgICAgIDxFbnRyeVN0YXR1c1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17dG9vbHRpcFRleHR9IHBsYWNlbWVudD17cGxhY2VtZW50fT5cbiAgICAgICAgICAgICAgICAgICAge3B1Ymxpc2hlZCAmJiA8UHVibGlzaGVkSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAge3VucHVibGlzaGVkICYmIDxVbnB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHshcHVibGlzaGVkICYmICF1bnB1Ymxpc2hlZCAmJiA8RHJhZnRJY29uIC8+fVxuICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgIDwvRW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAge2NoaWxkcmVuICYmIDxFbnRyeVN0YXR1c1RleHQ+e2NoaWxkcmVufTwvRW50cnlTdGF0dXNUZXh0Pn1cbiAgICAgICAgPC9FbnRyeVN0YXR1c1dyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const EntryStatusWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ermydxe1"
+} : {
+  target: "ermydxe1",
+  label: "EntryStatusWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ogeil0",
+  styles: "display:table"
+} : {
+  name: "1ogeil0",
+  styles: "display:table",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const EntryStatusTooltip = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ermydxe0"
+} : {
+  target: "ermydxe0",
+  label: "EntryStatusTooltip"
+})(process.env.NODE_ENV === "production" ? {
+  name: "o3r0yq",
+  styles: "display:table-cell;width:30px;vertical-align:middle"
+} : {
+  name: "o3r0yq",
+  styles: "display:table-cell;width:30px;vertical-align:middle",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const EntryStatus = props => {
+  const {
+    item,
+    children,
+    placement = "bottom",
+    className
+  } = props;
+  if (!item) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  const status = getEntryStatus(item);
+  const tooltipText = getItemStatusText(item);
+  const published = status === "published";
+  const 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));
+};
+
+//# sourceMappingURL=EntryStatus.js.map

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

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

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

@@ -0,0 +1,7 @@
+import React from "react";
+export declare const ReferenceMultipleModelsHelpText: () => React.JSX.Element;
+interface MissingEntryHelpTextProps {
+    refModelId: string;
+}
+declare const MissingEntryHelpText: ({ refModelId }: MissingEntryHelpTextProps) => React.JSX.Element;
+export default MissingEntryHelpText;

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

@@ -0,0 +1,47 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from "react";
+import { Typography } from "@webiny/ui/Typography";
+import { Link } from "@webiny/react-router";
+import { createNewEntryUrl } from "./createEntryUrl";
+import { i18n } from "@webiny/app/i18n";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+const missingEntryLabel = t`If you can't find the intended reference value in the target model,
+         please close this dialog and populate the {newEntryLink} in the target model first.`;
+const referenceMultipleModelsLabel = t`The creation of reference values from within this view is only supported
+ when a single reference model is selected. To reference values from multiple models,
+ please make sure the referenced values exist before setting the reference.`;
+const HelpTextTypography = /*#__PURE__*/_styled(Typography, process.env.NODE_ENV === "production" ? {
+  target: "ex67440"
+} : {
+  target: "ex67440",
+  label: "HelpTextTypography"
+})(process.env.NODE_ENV === "production" ? {
+  name: "v6wo9t",
+  styles: "&{display:inline-block;color:var(--mdc-theme-text-secondary-on-background)!important;}"
+} : {
+  name: "v6wo9t",
+  styles: "&{display:inline-block;color:var(--mdc-theme-text-secondary-on-background)!important;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pc3NpbmdFbnRyeUhlbHBUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjZDIiwiZmlsZSI6Ik1pc3NpbmdFbnRyeUhlbHBUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcbmltcG9ydCB7IGNyZWF0ZU5ld0VudHJ5VXJsIH0gZnJvbSBcIi4vY3JlYXRlRW50cnlVcmxcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3JlZlwiKTtcblxuY29uc3QgbWlzc2luZ0VudHJ5TGFiZWwgPSB0YElmIHlvdSBjYW4ndCBmaW5kIHRoZSBpbnRlbmRlZCByZWZlcmVuY2UgdmFsdWUgaW4gdGhlIHRhcmdldCBtb2RlbCxcbiAgICAgICAgIHBsZWFzZSBjbG9zZSB0aGlzIGRpYWxvZyBhbmQgcG9wdWxhdGUgdGhlIHtuZXdFbnRyeUxpbmt9IGluIHRoZSB0YXJnZXQgbW9kZWwgZmlyc3QuYDtcblxuY29uc3QgcmVmZXJlbmNlTXVsdGlwbGVNb2RlbHNMYWJlbCA9IHRgVGhlIGNyZWF0aW9uIG9mIHJlZmVyZW5jZSB2YWx1ZXMgZnJvbSB3aXRoaW4gdGhpcyB2aWV3IGlzIG9ubHkgc3VwcG9ydGVkXG4gd2hlbiBhIHNpbmdsZSByZWZlcmVuY2UgbW9kZWwgaXMgc2VsZWN0ZWQuIFRvIHJlZmVyZW5jZSB2YWx1ZXMgZnJvbSBtdWx0aXBsZSBtb2RlbHMsXG4gcGxlYXNlIG1ha2Ugc3VyZSB0aGUgcmVmZXJlbmNlZCB2YWx1ZXMgZXhpc3QgYmVmb3JlIHNldHRpbmcgdGhlIHJlZmVyZW5jZS5gO1xuXG5jb25zdCBIZWxwVGV4dFR5cG9ncmFwaHkgPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgJiB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKSAhaW1wb3J0YW50O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZWZlcmVuY2VNdWx0aXBsZU1vZGVsc0hlbHBUZXh0ID0gKCkgPT4ge1xuICAgIHJldHVybiA8SGVscFRleHRUeXBvZ3JhcGh5IHVzZT17XCJjYXB0aW9uXCJ9PntyZWZlcmVuY2VNdWx0aXBsZU1vZGVsc0xhYmVsfTwvSGVscFRleHRUeXBvZ3JhcGh5Pjtcbn07XG5cbmludGVyZmFjZSBNaXNzaW5nRW50cnlIZWxwVGV4dFByb3BzIHtcbiAgICByZWZNb2RlbElkOiBzdHJpbmc7XG59XG5jb25zdCBNaXNzaW5nRW50cnlIZWxwVGV4dCA9ICh7IHJlZk1vZGVsSWQgfTogTWlzc2luZ0VudHJ5SGVscFRleHRQcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxIZWxwVGV4dFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICB7bWlzc2luZ0VudHJ5TGFiZWwoe1xuICAgICAgICAgICAgICAgIG5ld0VudHJ5TGluazogKFxuICAgICAgICAgICAgICAgICAgICA8TGluayB0bz17Y3JlYXRlTmV3RW50cnlVcmwocmVmTW9kZWxJZCl9IHRhcmdldD17XCJfYmxhbmtcIn0+e3RgZW50cnlgfTwvTGluaz5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPC9IZWxwVGV4dFR5cG9ncmFwaHk+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1pc3NpbmdFbnRyeUhlbHBUZXh0O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ReferenceMultipleModelsHelpText = () => {
+  return /*#__PURE__*/React.createElement(HelpTextTypography, {
+    use: "caption"
+  }, referenceMultipleModelsLabel);
+};
+const MissingEntryHelpText = ({
+  refModelId
+}) => {
+  return /*#__PURE__*/React.createElement(HelpTextTypography, {
+    use: "caption"
+  }, missingEntryLabel({
+    newEntryLink: /*#__PURE__*/React.createElement(Link, {
+      to: createNewEntryUrl(refModelId),
+      target: "_blank"
+    }, t`entry`)
+  }));
+};
+export default MissingEntryHelpText;
+
+//# sourceMappingURL=MissingEntryHelpText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Typography","Link","createNewEntryUrl","i18n","t","ns","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ReferenceMultipleModelsHelpText","createElement","use","MissingEntryHelpText","refModelId","newEntryLink","to"],"sources":["MissingEntryHelpText.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Link } from \"@webiny/react-router\";\nimport { createNewEntryUrl } from \"./createEntryUrl\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst missingEntryLabel = t`If you can't find the intended reference value in the target model,\n         please close this dialog and populate the {newEntryLink} in the target model first.`;\n\nconst referenceMultipleModelsLabel = t`The creation of reference values from within this view is only supported\n when a single reference model is selected. To reference values from multiple models,\n please make sure the referenced values exist before setting the reference.`;\n\nconst HelpTextTypography = styled(Typography)`\n    & {\n        display: inline-block;\n        color: var(--mdc-theme-text-secondary-on-background) !important;\n    }\n`;\n\nexport const ReferenceMultipleModelsHelpText = () => {\n    return <HelpTextTypography use={\"caption\"}>{referenceMultipleModelsLabel}</HelpTextTypography>;\n};\n\ninterface MissingEntryHelpTextProps {\n    refModelId: string;\n}\nconst MissingEntryHelpText = ({ refModelId }: MissingEntryHelpTextProps) => {\n    return (\n        <HelpTextTypography use={\"caption\"}>\n            {missingEntryLabel({\n                newEntryLink: (\n                    <Link to={createNewEntryUrl(refModelId)} target={\"_blank\"}>{t`entry`}</Link>\n                )\n            })}\n        </HelpTextTypography>\n    );\n};\n\nexport default MissingEntryHelpText;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,iBAAiB;AAC1B,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,mCAAmC,CAAC;AAEtD,MAAMC,iBAAiB,GAAGF,CAAC;AAC3B,6FAA6F;AAE7F,MAAMG,4BAA4B,GAAGH,CAAC;AACtC;AACA,4EAA4E;AAE5E,MAAMI,kBAAkB,gBAAGC,OAAA,CAAOT,UAAU,EAAAU,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,EAK5C;AAED,OAAO,MAAMC,+BAA+B,GAAGA,CAAA,KAAM;EACjD,oBAAOrB,KAAA,CAAAsB,aAAA,CAACb,kBAAkB;IAACc,GAAG,EAAE;EAAU,GAAEf,4BAAiD,CAAC;AAClG,CAAC;AAKD,MAAMgB,oBAAoB,GAAGA,CAAC;EAAEC;AAAsC,CAAC,KAAK;EACxE,oBACIzB,KAAA,CAAAsB,aAAA,CAACb,kBAAkB;IAACc,GAAG,EAAE;EAAU,GAC9BhB,iBAAiB,CAAC;IACfmB,YAAY,eACR1B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACyB,EAAE,EAAExB,iBAAiB,CAACsB,UAAU,CAAE;MAACX,MAAM,EAAE;IAAS,GAAET,CAAC,OAAc;EAEnF,CAAC,CACe,CAAC;AAE7B,CAAC;AAED,eAAemB,oBAAoB","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const NewEntryButton: ({ onClick }: {
+    onClick: () => void;
+}) => React.JSX.Element;

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

@@ -0,0 +1,31 @@
+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 { ButtonDefault, ButtonIcon } from "@webiny/ui/Button";
+import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
+const DefaultButton = /*#__PURE__*/_styled(ButtonDefault, process.env.NODE_ENV === "production" ? {
+  target: "e6jb90q0"
+} : {
+  target: "e6jb90q0",
+  label: "DefaultButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "hhyoc3",
+  styles: "margin-left:32px"
+} : {
+  name: "hhyoc3",
+  styles: "margin-left:32px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5ld0VudHJ5QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkMiLCJmaWxlIjoiTmV3RW50cnlCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBCdXR0b25JY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2Fzc2V0cy9pY29ucy9hZGQtMThweC5zdmdcIjtcblxuY29uc3QgRGVmYXVsdEJ1dHRvbiA9IHN0eWxlZChCdXR0b25EZWZhdWx0KWBcbiAgICBtYXJnaW4tbGVmdDogMzJweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOZXdFbnRyeUJ1dHRvbiA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiAoKSA9PiB2b2lkIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGVmYXVsdEJ1dHRvbiBzbWFsbD17dHJ1ZX0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICA8QnV0dG9uSWNvbiBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgICAgIE5ldyBFbnRyeVxuICAgICAgICA8L0RlZmF1bHRCdXR0b24+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const NewEntryButton = ({
+  onClick
+}) => {
+  return /*#__PURE__*/React.createElement(DefaultButton, {
+    small: true,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(ButtonIcon, {
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }), "New Entry");
+};
+
+//# sourceMappingURL=NewEntryButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ButtonDefault","ButtonIcon","ReactComponent","AddIcon","DefaultButton","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","NewEntryButton","onClick","createElement","small","icon"],"sources":["NewEntryButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = ({ onClick }: { onClick: () => void }) => {\n    return (\n        <DefaultButton small={true} onClick={onClick}>\n            <ButtonIcon icon={<AddIcon />} />\n            New Entry\n        </DefaultButton>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,EAAEC,UAAU,QAAQ,mBAAmB;AAC7D,SAASC,cAAc,IAAIC,OAAO,QAAQ,6CAA6C;AAEvF,MAAMC,aAAa,gBAAGC,OAAA,CAAOL,aAAa,EAAAM,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,EAE1C;AAED,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAiC,CAAC,KAAK;EACpE,oBACIlB,KAAA,CAAAmB,aAAA,CAACd,aAAa;IAACe,KAAK,EAAE,IAAK;IAACF,OAAO,EAAEA;EAAQ,gBACzClB,KAAA,CAAAmB,aAAA,CAACjB,UAAU;IAACmB,IAAI,eAAErB,KAAA,CAAAmB,aAAA,CAACf,OAAO,MAAE;EAAE,CAAE,CAAC,aAEtB,CAAC;AAExB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsModel } from "../../../../../types";
+interface NewReferencedEntryDialogProps {
+    model: Pick<CmsModel, "modelId">;
+    onClose: () => void;
+    onChange: (entry: any) => void;
+}
+export declare const NewReferencedEntryDialog: ({ model: baseModel, onClose, onChange }: NewReferencedEntryDialogProps) => React.JSX.Element | null;
+export {};