@webiny/app-headless-cms 5.27.0-beta.0 → 5.28.0

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

@@ -1,22 +1,46 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _NewRefEntryFormDialog = _interopRequireWildcard(require("./NewRefEntryFormDialog"));
+
+var _AutoComplete = require("@webiny/ui/AutoComplete");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _useNewRefEntry2 = require("../hooks/useNewRefEntry");
+
+var _useReference2 = require("./useReference");
+
+var _renderItem = require("./renderItem");
+
+var _createEntryUrl = require("./createEntryUrl");
+
+var _EntryStatus = require("./EntryStatus");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import React from "react";
-import debounce from "lodash/debounce";
-import NewRefEntryFormDialog, { NewEntryButton } from "./NewRefEntryFormDialog";
-import { AutoComplete } from "@webiny/ui/AutoComplete";
-import { i18n } from "@webiny/app/i18n";
-import { Link } from "@webiny/react-router";
-import { useNewRefEntry } from "../hooks/useNewRefEntry";
-import { useReference } from "./useReference";
-import { renderItem } from "./renderItem";
-import { createEntryUrl } from "./createEntryUrl";
-import { EntryStatus } from "./EntryStatus";
-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 t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+
+var unpublishedLabel = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry."])));
+var publishedLabel = t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Selected content entry is published. You can view it {here}."])));
 
 var getItemOption = function getItemOption(options, id) {
   if (!id || !options || options.length === 0) {
@@ -24,7 +48,7 @@ var getItemOption = function getItemOption(options, id) {
   }
 
   var _id$split = id.split("#"),
-      _id$split2 = _slicedToArray(_id$split, 1),
+      _id$split2 = (0, _slicedToArray2.default)(_id$split, 1),
       entryId = _id$split2[0];
 
   return options.find(function (item) {
@@ -36,7 +60,7 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
   var bind = _ref.bind,
       field = _ref.field;
 
-  var _useReference = useReference({
+  var _useReference = (0, _useReference2.useReference)({
     bind: bind,
     field: field
   }),
@@ -49,23 +73,23 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
   var entryInfo = null;
 
   if (value && !value.published) {
-    var link = createEntryUrl(value);
+    var link = (0, _createEntryUrl.createEntryUrl)(value);
     entryInfo = unpublishedLabel({
-      publishItLink: /*#__PURE__*/React.createElement(Link, {
+      publishItLink: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
         to: link
-      }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["publish it"]))))
+      }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["publish it"]))))
     });
   } else if (value) {
-    var _link = createEntryUrl(value);
+    var _link = (0, _createEntryUrl.createEntryUrl)(value);
 
     entryInfo = publishedLabel({
-      here: /*#__PURE__*/React.createElement(Link, {
+      here: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
         to: _link
-      }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["here"]))))
+      }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["here"]))))
     });
   }
 
-  var _useNewRefEntry = useNewRefEntry({
+  var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
     field: field
   }),
       renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
@@ -78,7 +102,7 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
    */
 
   if (renderNewEntryModal) {
-    return /*#__PURE__*/React.createElement(NewRefEntryFormDialog, {
+    return /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.default, {
       modelId: refModelId,
       onChange: function onChange(entry) {
         /**
@@ -88,38 +112,39 @@ var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
         // @ts-ignore
         return _onChange(entry, entry);
       }
-    }, /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, bind, {
-      renderItem: renderItem,
+    }, /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, bind, {
+      renderItem: _renderItem.renderItem,
       onChange: _onChange,
       loading: loading,
       value: value || undefined,
       options: options,
       label: field.label,
-      description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
+      description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
         item: item
       }, entryInfo)),
-      onInput: debounce(function (search) {
+      onInput: (0, _debounce.default)(function (search) {
         return setSearch(search);
       }, 250),
-      noResultFound: /*#__PURE__*/React.createElement(NewEntryButton, null)
+      noResultFound: /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.NewEntryButton, null)
     })));
   }
 
-  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, bind, {
-    renderItem: renderItem,
+  return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, bind, {
+    renderItem: _renderItem.renderItem,
     onChange: _onChange,
     loading: loading,
     value: value || undefined,
     options: options,
     label: field.label,
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, /*#__PURE__*/React.createElement(EntryStatus, {
+    description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
       item: item
     }, entryInfo)),
-    onInput: debounce(function (search) {
+    onInput: (0, _debounce.default)(function (search) {
       return setSearch(search);
     }, 250),
     noResultFound: helpText
   }));
 };
 
-export default ContentEntriesAutocomplete;
+var _default = ContentEntriesAutocomplete;
+exports.default = _default;

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","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"]}
+{"version":3,"names":["t","i18n","ns","unpublishedLabel","publishedLabel","getItemOption","options","id","length","split","entryId","find","item","ContentEntriesAutocomplete","bind","field","useReference","setSearch","value","loading","onChange","entryInfo","published","link","createEntryUrl","publishItLink","here","useNewRefEntry","renderNewEntryModal","refModelId","helpText","entry","renderItem","undefined","label","debounce","search"],"sources":["ContentEntriesAutocomplete.tsx"],"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"],"mappings":"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"}

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

@@ -1,25 +1,47 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _AutoComplete = require("@webiny/ui/AutoComplete");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _useReferences2 = require("./useReferences");
+
+var _renderItem = require("./renderItem");
+
+var _NewRefEntryFormDialog = _interopRequireWildcard(require("./NewRefEntryFormDialog"));
+
+var _useNewRefEntry2 = require("../hooks/useNewRefEntry");
 
 var _templateObject;
 
-import React, { useCallback } from "react";
-import debounce from "lodash/debounce";
-import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
-import { Link } from "@webiny/react-router";
-import { i18n } from "@webiny/app/i18n";
-import { useReferences } from "./useReferences";
-import { renderItem, renderListItemOptions } from "./renderItem";
-import NewRefEntryFormDialog, { NewEntryButton } from "./NewRefEntryFormDialog";
-import { useNewRefEntry } from "../hooks/useNewRefEntry";
-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}"])));
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+
+var warn = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Before publishing the main content entry, make sure you publish the following referenced entries: {entries}"])));
 
 var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_ref) {
   var bind = _ref.bind,
       field = _ref.field;
 
-  var _useReferences = useReferences({
+  var _useReferences = (0, _useReferences2.useReferences)({
     bind: bind,
     field: field
   }),
@@ -29,7 +51,7 @@ var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_
       loading = _useReferences.loading,
       onChange = _useReferences.onChange;
 
-  var _useNewRefEntry = useNewRefEntry({
+  var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
     field: field
   }),
       renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
@@ -46,9 +68,9 @@ var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_
       return null;
     }
 
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: id
-    }, index > 0 && ", ", /*#__PURE__*/React.createElement(Link, {
+    }, index > 0 && ", ", /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
       to: "/cms/content-entries/".concat(modelId, "?id=").concat(encodeURIComponent(id))
     }, name));
   };
@@ -59,52 +81,53 @@ var ContentEntriesMultiAutocomplete = function ContentEntriesMultiAutocomplete(_
 
   if (warning.length > 0) {
     warning = warn({
-      entries: /*#__PURE__*/React.createElement(React.Fragment, null, warning.map(entryWarning))
+      entries: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, warning.map(entryWarning))
     });
   }
 
-  var refEntryOnChange = useCallback( // TODO @ts-refactor figure out which type is this
+  var refEntryOnChange = (0, _react.useCallback)( // TODO @ts-refactor figure out which type is this
   function (value) {
     /**
      * Append new selected entry at the end of existing entries.
      */
-    onChange([].concat(_toConsumableArray(entries), [value]));
+    onChange([].concat((0, _toConsumableArray2.default)(entries), [value]));
   }, [onChange, entries]);
 
   if (renderNewEntryModal) {
-    return /*#__PURE__*/React.createElement(NewRefEntryFormDialog, {
+    return /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.default, {
       modelId: refModelId,
       onChange: refEntryOnChange
-    }, /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
-      renderItem: renderItem,
-      renderListItemLabel: renderItem,
-      renderListItemOptions: renderListItemOptions,
+    }, /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
+      renderItem: _renderItem.renderItem,
+      renderListItemLabel: _renderItem.renderItem,
+      renderListItemOptions: _renderItem.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, null)
+      onInput: (0, _debounce.default)(setSearch, 250),
+      description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, warning),
+      noResultFound: /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.NewEntryButton, null)
     })));
   }
 
-  return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
-    renderItem: renderItem,
-    renderListItemLabel: renderItem,
-    renderListItemOptions: renderListItemOptions,
+  return /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
+    renderItem: _renderItem.renderItem,
+    renderListItemLabel: _renderItem.renderItem,
+    renderListItemOptions: _renderItem.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),
+    onInput: (0, _debounce.default)(setSearch, 250),
+    description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, warning),
     noResultFound: helpText
   }));
 };
 
-export default ContentEntriesMultiAutocomplete;
+var _default = ContentEntriesMultiAutocomplete;
+exports.default = _default;

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","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"]}
+{"version":3,"names":["t","i18n","ns","warn","ContentEntriesMultiAutocomplete","bind","field","useReferences","options","setSearch","entries","loading","onChange","useNewRefEntry","renderNewEntryModal","refModelId","helpText","entryWarning","entry","index","id","modelId","name","published","encodeURIComponent","warning","filter","item","length","map","refEntryOnChange","useCallback","value","renderItem","renderListItemOptions","label","debounce"],"sources":["ContentEntriesMultiAutoComplete.tsx"],"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"],"mappings":"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"}

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

@@ -1,24 +1,40 @@
-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", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntryStatus = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("./helpers");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _published = require("../../../../icons/published.svg");
+
+var _unpublished = require("../../../../icons/unpublished.svg");
+
+var _draft = require("../../../../icons/draft.svg");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var EntryStatusText = /*#__PURE__*/(0, _styled.default)("div", {
   target: "ermydxe0",
   label: "EntryStatusText"
 })({
   display: "table-cell",
   verticalAlign: "middle"
 });
-var EntryStatusWrapper = /*#__PURE__*/styled("div", {
+var EntryStatusWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "ermydxe1",
   label: "EntryStatusWrapper"
 })({
   display: "table"
 });
-var EntryStatusTooltip = /*#__PURE__*/styled("div", {
+var EntryStatusTooltip = /*#__PURE__*/(0, _styled.default)("div", {
   target: "ermydxe2",
   label: "EntryStatusTooltip"
 })({
@@ -26,7 +42,8 @@ var EntryStatusTooltip = /*#__PURE__*/styled("div", {
   width: "30px",
   verticalAlign: "middle"
 });
-export var EntryStatus = function EntryStatus(props) {
+
+var EntryStatus = function EntryStatus(props) {
   var item = props.item,
       children = props.children,
       _props$placement = props.placement,
@@ -34,17 +51,19 @@ export var EntryStatus = function EntryStatus(props) {
       className = props.className;
 
   if (!item) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
   }
 
-  var status = getEntryStatus(item);
-  var tooltipText = getItemStatusText(item);
+  var status = (0, _helpers.getEntryStatus)(item);
+  var tooltipText = (0, _helpers.getItemStatusText)(item);
   var published = status === "published";
   var unpublished = status === "unpublished";
-  return /*#__PURE__*/React.createElement(EntryStatusWrapper, {
+  return /*#__PURE__*/_react.default.createElement(EntryStatusWrapper, {
     className: className
-  }, /*#__PURE__*/React.createElement(EntryStatusTooltip, null, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/_react.default.createElement(EntryStatusTooltip, null, /*#__PURE__*/_react.default.createElement(_Tooltip.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));
-};
+  }, published && /*#__PURE__*/_react.default.createElement(_published.ReactComponent, null), unpublished && /*#__PURE__*/_react.default.createElement(_unpublished.ReactComponent, null), !published && !unpublished && /*#__PURE__*/_react.default.createElement(_draft.ReactComponent, null))), children && /*#__PURE__*/_react.default.createElement(EntryStatusText, null, children));
+};
+
+exports.EntryStatus = EntryStatus;

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

@@ -1 +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"]}
+{"version":3,"names":["EntryStatusText","styled","display","verticalAlign","EntryStatusWrapper","EntryStatusTooltip","width","EntryStatus","props","item","children","placement","className","status","getEntryStatus","tooltipText","getItemStatusText","published","unpublished"],"sources":["EntryStatus.tsx"],"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"],"mappings":";;;;;;;;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAClCC,OAAO,EAAE,YADyB;EAElCC,aAAa,EAAE;AAFmB,CAAjB,CAArB;AAKA,IAAMC,kBAAkB,oBAAGH,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCC,OAAO,EAAE;AAD4B,CAAjB,CAAxB;AAGA,IAAMG,kBAAkB,oBAAGJ,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACrCC,OAAO,EAAE,YAD4B;EAErCI,KAAK,EAAE,MAF8B;EAGrCH,aAAa,EAAE;AAHsB,CAAjB,CAAxB;;AAWO,IAAMI,WAAuC,GAAG,SAA1CA,WAA0C,CAAAC,KAAK,EAAI;EAC5D,IAAQC,IAAR,GAA4DD,KAA5D,CAAQC,IAAR;EAAA,IAAcC,QAAd,GAA4DF,KAA5D,CAAcE,QAAd;EAAA,uBAA4DF,KAA5D,CAAwBG,SAAxB;EAAA,IAAwBA,SAAxB,iCAAoC,QAApC;EAAA,IAA8CC,SAA9C,GAA4DJ,KAA5D,CAA8CI,SAA9C;;EACA,IAAI,CAACH,IAAL,EAAW;IACP,oBAAO,4DAAGC,QAAH,CAAP;EACH;;EACD,IAAMG,MAAM,GAAG,IAAAC,uBAAA,EAAeL,IAAf,CAAf;EACA,IAAMM,WAAW,GAAG,IAAAC,0BAAA,EAAkBP,IAAlB,CAApB;EAEA,IAAMQ,SAAS,GAAGJ,MAAM,KAAK,WAA7B;EACA,IAAMK,WAAW,GAAGL,MAAM,KAAK,aAA/B;EACA,oBACI,6BAAC,kBAAD;IAAoB,SAAS,EAAED;EAA/B,gBACI,6BAAC,kBAAD,qBACI,6BAAC,gBAAD;IAAS,OAAO,EAAEG,WAAlB;IAA+B,SAAS,EAAEJ;EAA1C,GACKM,SAAS,iBAAI,6BAAC,yBAAD,OADlB,EAEKC,WAAW,iBAAI,6BAAC,2BAAD,OAFpB,EAGK,CAACD,SAAD,IAAc,CAACC,WAAf,iBAA8B,6BAAC,qBAAD,OAHnC,CADJ,CADJ,EAQKR,QAAQ,iBAAI,6BAAC,eAAD,QAAkBA,QAAlB,CARjB,CADJ;AAYH,CAtBM"}

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

@@ -1,36 +1,56 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ReferenceMultipleModelsHelpText = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _createEntryUrl = require("./createEntryUrl");
+
+var _i18n = require("@webiny/app/i18n");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import React from "react";
-import styled from "@emotion/styled";
-import { Typography } from "@webiny/ui/Typography";
-import { Link } from "@webiny/react-router";
-import { createNewEntryUrl } from "./createEntryUrl";
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/fields/ref");
-var missingEntryLabel = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["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."])));
-var referenceMultipleModelsLabel = t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["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."])));
-var HelpTextTypography = /*#__PURE__*/styled(Typography, {
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+
+var missingEntryLabel = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["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."])));
+var referenceMultipleModelsLabel = t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["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."])));
+var HelpTextTypography = /*#__PURE__*/(0, _styled.default)(_Typography.Typography, {
   label: "HelpTextTypography",
   target: "ex67440"
 })("&{display:inline-block;color:var(--mdc-theme-text-secondary-on-background) !important;}");
-export var ReferenceMultipleModelsHelpText = function ReferenceMultipleModelsHelpText() {
-  return /*#__PURE__*/React.createElement(HelpTextTypography, {
+
+var ReferenceMultipleModelsHelpText = function ReferenceMultipleModelsHelpText() {
+  return /*#__PURE__*/_react.default.createElement(HelpTextTypography, {
     use: "caption"
   }, referenceMultipleModelsLabel);
 };
 
+exports.ReferenceMultipleModelsHelpText = ReferenceMultipleModelsHelpText;
+
 var MissingEntryHelpText = function MissingEntryHelpText(_ref) {
   var refModelId = _ref.refModelId;
-  return /*#__PURE__*/React.createElement(HelpTextTypography, {
+  return /*#__PURE__*/_react.default.createElement(HelpTextTypography, {
     use: "caption"
   }, missingEntryLabel({
-    newEntryLink: /*#__PURE__*/React.createElement(Link, {
-      to: createNewEntryUrl(refModelId),
+    newEntryLink: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+      to: (0, _createEntryUrl.createNewEntryUrl)(refModelId),
       target: "_blank"
-    }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["entry"]))))
+    }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["entry"]))))
   }));
 };
 
-export default MissingEntryHelpText;
+var _default = MissingEntryHelpText;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["MissingEntryHelpText.tsx"],"names":["React","styled","Typography","Link","createNewEntryUrl","i18n","t","ns","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","ReferenceMultipleModelsHelpText","MissingEntryHelpText","refModelId","newEntryLink"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,IAAT,QAAqB,sBAArB;AACA,SAASC,iBAAT;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,IAAMC,CAAC,GAAGD,IAAI,CAACE,EAAL,CAAQ,mCAAR,CAAV;AAEA,IAAMC,iBAAiB,GAAGF,CAAH,sOAAvB;AAGA,IAAMG,4BAA4B,GAAGH,CAAH,mTAAlC;AAIA,IAAMI,kBAAkB,gBAAGT,MAAH,CAAUC,UAAV;AAAA;AAAA;AAAA,6FAAxB;AAOA,OAAO,IAAMS,+BAA+B,GAAG,SAAlCA,+BAAkC,GAAM;AACjD,sBAAO,oBAAC,kBAAD;AAAoB,IAAA,GAAG,EAAE;AAAzB,KAAqCF,4BAArC,CAAP;AACH,CAFM;;AAOP,IAAMG,oBAAyD,GAAG,SAA5DA,oBAA4D,OAAoB;AAAA,MAAjBC,UAAiB,QAAjBA,UAAiB;AAClF,sBACI,oBAAC,kBAAD;AAAoB,IAAA,GAAG,EAAE;AAAzB,KACKL,iBAAiB,CAAC;AACfM,IAAAA,YAAY,eACR,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAEV,iBAAiB,CAACS,UAAD,CAA3B;AAAyC,MAAA,MAAM,EAAE;AAAjD,OAA4DP,CAA5D;AAFW,GAAD,CADtB,CADJ;AASH,CAVD;;AAYA,eAAeM,oBAAf","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: React.FC<MissingEntryHelpTextProps> = ({ refModelId }) => {\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"]}
+{"version":3,"names":["t","i18n","ns","missingEntryLabel","referenceMultipleModelsLabel","HelpTextTypography","styled","Typography","ReferenceMultipleModelsHelpText","MissingEntryHelpText","refModelId","newEntryLink","createNewEntryUrl"],"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: React.FC<MissingEntryHelpTextProps> = ({ refModelId }) => {\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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,iBAAiB,GAAGH,CAAH,oPAAvB;AAGA,IAAMI,4BAA4B,GAAGJ,CAAH,iUAAlC;AAIA,IAAMK,kBAAkB,oBAAGC,eAAH,EAAUC,sBAAV;EAAA;EAAA;AAAA,6FAAxB;;AAOO,IAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,GAAM;EACjD,oBAAO,6BAAC,kBAAD;IAAoB,GAAG,EAAE;EAAzB,GAAqCJ,4BAArC,CAAP;AACH,CAFM;;;;AAOP,IAAMK,oBAAyD,GAAG,SAA5DA,oBAA4D,OAAoB;EAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;EAClF,oBACI,6BAAC,kBAAD;IAAoB,GAAG,EAAE;EAAzB,GACKP,iBAAiB,CAAC;IACfQ,YAAY,eACR,6BAAC,iBAAD;MAAM,EAAE,EAAE,IAAAC,iCAAA,EAAkBF,UAAlB,CAAV;MAAyC,MAAM,EAAE;IAAjD,GAA4DV,CAA5D;EAFW,CAAD,CADtB,CADJ;AASH,CAVD;;eAYeS,oB"}