@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { CmsModelField } from "../../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { CmsModelField } from "../../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
 interface ContentEntriesMultiAutocompleteProps {
     bind: BindComponentRenderProp;
     field: CmsModelField;

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

@@ -1,125 +1,108 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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 _NewEntryButton = require("./NewEntryButton");
-var _useNewRefEntry2 = require("../hooks/useNewRefEntry");
-var _hooks = require("../../../../hooks");
-var _NewReferencedEntryDialog = require("./NewReferencedEntryDialog");
-var _templateObject;
-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 _useModels = (0, _hooks.useModels)(),
-    models = _useModels.models;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showNewEntryModal = _useState2[0],
-    setShowNewEntryModal = _useState2[1];
-  var _useReferences = (0, _useReferences2.useReferences)({
-      bind: bind,
-      field: field
-    }),
-    options = _useReferences.options,
-    setSearch = _useReferences.setSearch,
-    entries = _useReferences.entries,
-    loading = _useReferences.loading,
-    onChange = _useReferences.onChange;
-  var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
-      field: field
-    }),
-    renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
-    refModelId = _useNewRefEntry.refModelId,
-    helpText = _useNewRefEntry.helpText;
-  var entryWarning = function entryWarning(entry, index) {
-    var id = entry.id,
-      modelId = entry.modelId,
-      name = entry.name,
-      published = entry.published;
+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, 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.default.createElement(_react.default.Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: id
-    }, index > 0 && ", ", /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
-      to: "/cms/content-entries/".concat(modelId, "?id=").concat(encodeURIComponent(id))
+    }, index > 0 && ", ", /*#__PURE__*/React.createElement(Link, {
+      to: `/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`
     }, name));
   };
-  var warning = entries.filter(function (item) {
-    return !item.published;
-  });
+  let warning = entries.filter(item => !item.published);
   if (warning.length > 0) {
     warning = warn({
-      entries: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, warning.map(entryWarning))
+      entries: /*#__PURE__*/React.createElement(React.Fragment, null, warning.map(entryWarning))
     });
   }
-  var refEntryOnChange = (0, _react.useCallback)(function (value) {
+  const refEntryOnChange = useCallback(value => {
     /**
      * Append new selected entry at the end of existing entries.
      */
-    onChange([].concat((0, _toConsumableArray2.default)(entries), [value]));
+    onChange([...entries, value]);
     setShowNewEntryModal(false);
   }, [onChange, entries]);
-  var model = models.find(function (model) {
-    return model.modelId === refModelId;
-  });
+  const model = models.find(model => model.modelId === refModelId);
   if (renderNewEntryModal) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showNewEntryModal && model ? /*#__PURE__*/_react.default.createElement(_NewReferencedEntryDialog.NewReferencedEntryDialog, {
-      onClose: function onClose() {
-        return setShowNewEntryModal(false);
-      },
+    return /*#__PURE__*/React.createElement(React.Fragment, null, showNewEntryModal && model ? /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
+      onClose: () => setShowNewEntryModal(false),
       model: model,
       onChange: refEntryOnChange
-    }) : null, /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
-      renderItem: _renderItem.renderItem,
-      renderListItemLabel: _renderItem.renderItem,
-      renderListItemOptions: _renderItem.renderListItemOptions,
+    }) : 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: (0, _debounce.default)(setSearch, 250),
-      description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, warning),
-      noResultFound: /*#__PURE__*/_react.default.createElement(_NewEntryButton.NewEntryButton, {
-        onClick: function onClick() {
-          return setShowNewEntryModal(true);
-        }
+      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.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
-    renderItem: _renderItem.renderItem,
-    renderListItemLabel: _renderItem.renderItem,
-    renderListItemOptions: _renderItem.renderListItemOptions,
+  return /*#__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: (0, _debounce.default)(setSearch, 250),
-    description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, warning),
+    onInput: debounce(setSearch, 250),
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, warning),
     noResultFound: helpText
   }));
 };
-var _default = exports.default = ContentEntriesMultiAutocomplete;
+export default ContentEntriesMultiAutocomplete;
 
 //# sourceMappingURL=ContentEntriesMultiAutoComplete.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","_AutoComplete","_reactRouter","_i18n","_useReferences2","_renderItem","_NewEntryButton","_useNewRefEntry2","_hooks","_NewReferencedEntryDialog","_templateObject","t","i18n","ns","warn","_taggedTemplateLiteral2","default","ContentEntriesMultiAutocomplete","_ref","bind","field","_useModels","useModels","models","_useState","useState","_useState2","_slicedToArray2","showNewEntryModal","setShowNewEntryModal","_useReferences","useReferences","options","setSearch","entries","loading","onChange","_useNewRefEntry","useNewRefEntry","renderNewEntryModal","refModelId","helpText","entryWarning","entry","index","id","modelId","name","published","createElement","Fragment","key","Link","to","concat","encodeURIComponent","warning","filter","item","length","map","refEntryOnChange","useCallback","value","_toConsumableArray2","model","find","NewReferencedEntryDialog","onClose","MultiAutoComplete","Object","assign","renderItem","renderListItemLabel","renderListItemOptions","useMultipleSelectionList","label","onInput","debounce","description","noResultFound","NewEntryButton","onClick","_default","exports"],"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 { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { 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":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;AAIA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,yBAAA,GAAAX,OAAA;AAAkH,IAAAY,eAAA;AAElH,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,IAAI,GAAGH,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAK,uBAAA,CAAAC,OAAA,oHAA6G;AAM3H,IAAMC,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAAC,IAAA,EAA8D;EAAA,IAAxDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;EAClD,IAAAC,UAAA,GAAmB,IAAAC,gBAAS,EAAC,CAAC;IAAtBC,MAAM,GAAAF,UAAA,CAANE,MAAM;EACd,IAAAC,SAAA,GAAkD,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAX,OAAA,EAAAQ,SAAA;IAA1DI,iBAAiB,GAAAF,UAAA;IAAEG,oBAAoB,GAAAH,UAAA;EAC9C,IAAAI,cAAA,GAA2D,IAAAC,6BAAa,EAAC;MAAEZ,IAAI,EAAJA,IAAI;MAAEC,KAAK,EAALA;IAAM,CAAC,CAAC;IAAjFY,OAAO,GAAAF,cAAA,CAAPE,OAAO;IAAEC,SAAS,GAAAH,cAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,cAAA,CAAPI,OAAO;IAAEC,OAAO,GAAAL,cAAA,CAAPK,OAAO;IAAEC,QAAQ,GAAAN,cAAA,CAARM,QAAQ;EAEtD,IAAAC,eAAA,GAAsD,IAAAC,+BAAc,EAAC;MAAElB,KAAK,EAALA;IAAM,CAAC,CAAC;IAAvEmB,mBAAmB,GAAAF,eAAA,CAAnBE,mBAAmB;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU;IAAEC,QAAQ,GAAAJ,eAAA,CAARI,QAAQ;EAEjD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAiB,EAAEC,KAAa,EAAgC;IAClF,IAAQC,EAAE,GAA+BF,KAAK,CAAtCE,EAAE;MAAEC,OAAO,GAAsBH,KAAK,CAAlCG,OAAO;MAAEC,IAAI,GAAgBJ,KAAK,CAAzBI,IAAI;MAAEC,SAAS,GAAKL,KAAK,CAAnBK,SAAS;IACpC,IAAIA,SAAS,EAAE;MACX,OAAO,IAAI;IACf;IACA,oBACIpD,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAACrD,MAAA,CAAAoB,OAAK,CAACkC,QAAQ;MAACC,GAAG,EAAEN;IAAG,GACnBD,KAAK,GAAG,CAAC,IAAI,IAAI,eAClBhD,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAAC/C,YAAA,CAAAkD,IAAI;MAACC,EAAE,0BAAAC,MAAA,CAA0BR,OAAO,UAAAQ,MAAA,CAAOC,kBAAkB,CAACV,EAAE,CAAC;IAAG,GACpEE,IACC,CACM,CAAC;EAEzB,CAAC;EAED,IAAIS,OAAO,GAAGtB,OAAO,CAACuB,MAAM,CAAC,UAAAC,IAAI;IAAA,OAAI,CAACA,IAAI,CAACV,SAAS;EAAA,EAAC;EACrD,IAAIQ,OAAO,CAACG,MAAM,GAAG,CAAC,EAAE;IACpBH,OAAO,GAAG1C,IAAI,CAAC;MACXoB,OAAO,eAAEtC,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAAArD,MAAA,CAAAoB,OAAA,CAAAkC,QAAA,QAAGM,OAAO,CAACI,GAAG,CAAClB,YAAY,CAAI;IAC5C,CAAC,CAAC;EACN;EAEA,IAAMmB,gBAAgB,GAAG,IAAAC,kBAAW,EAChC,UAACC,KAAiB,EAAK;IACnB;AACZ;AACA;IACY3B,QAAQ,IAAAkB,MAAA,KAAAU,mBAAA,CAAAhD,OAAA,EAAKkB,OAAO,IAAE6B,KAAK,EAAC,CAAC;IAC7BlC,oBAAoB,CAAC,KAAK,CAAC;EAC/B,CAAC,EACD,CAACO,QAAQ,EAAEF,OAAO,CACtB,CAAC;EAED,IAAM+B,KAAK,GAAG1C,MAAM,CAAC2C,IAAI,CAAC,UAAAD,KAAK;IAAA,OAAIA,KAAK,CAACnB,OAAO,KAAKN,UAAU;EAAA,EAAC;EAEhE,IAAID,mBAAmB,EAAE;IACrB,oBACI3C,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAAArD,MAAA,CAAAoB,OAAA,CAAAkC,QAAA,QACKtB,iBAAiB,IAAIqC,KAAK,gBACvBrE,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAACxC,yBAAA,CAAA0D,wBAAwB;MACrBC,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQvC,oBAAoB,CAAC,KAAK,CAAC;MAAA,CAAC;MAC3CoC,KAAK,EAAEA,KAAM;MACb7B,QAAQ,EAAEyB;IAAiB,CAC9B,CAAC,GACF,IAAI,eACRjE,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAoE,iBAAiB,EAAAC,MAAA,CAAAC,MAAA,KACVpD,IAAI;MACRqD,UAAU,EAAEA,sBAAW;MACvBC,mBAAmB,EAAED,sBAAW;MAChCE,qBAAqB,EAAEA,iCAAsB;MAC7CC,wBAAwB;MACxBvC,QAAQ,EAAEA,QAAS;MACnBD,OAAO,EAAEA,OAAQ;MACjB4B,KAAK,EAAE7B,OAAQ;MACfF,OAAO,EAAEA,OAAQ;MACjB4C,KAAK,EAAExD,KAAK,CAACwD,KAAM;MACnBC,OAAO,EAAE,IAAAC,iBAAQ,EAAC7C,SAAS,EAAE,GAAG,CAAE;MAClC8C,WAAW,eACPnF,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAAArD,MAAA,CAAAoB,OAAA,CAAAkC,QAAA,QACK9B,KAAK,CAACqB,QAAQ,EACde,OACH,CACL;MACDwB,aAAa,eAAEpF,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAAC3C,eAAA,CAAA2E,cAAc;QAACC,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQrD,oBAAoB,CAAC,IAAI,CAAC;QAAA;MAAC,CAAE;IAAE,EAChF,CACH,CAAC;EAEX;EAEA,oBACIjC,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAoE,iBAAiB,EAAAC,MAAA,CAAAC,MAAA,KACVpD,IAAI;IACRqD,UAAU,EAAEA,sBAAW;IACvBC,mBAAmB,EAAED,sBAAW;IAChCE,qBAAqB,EAAEA,iCAAsB;IAC7CC,wBAAwB;IACxBvC,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjB4B,KAAK,EAAE7B,OAAQ;IACfF,OAAO,EAAEA,OAAQ;IACjB4C,KAAK,EAAExD,KAAK,CAACwD,KAAM;IACnBC,OAAO,EAAE,IAAAC,iBAAQ,EAAC7C,SAAS,EAAE,GAAG,CAAE;IAClC8C,WAAW,eACPnF,MAAA,CAAAoB,OAAA,CAAAiC,aAAA,CAAArD,MAAA,CAAAoB,OAAA,CAAAkC,QAAA,QACK9B,KAAK,CAACqB,QAAQ,EACde,OACH,CACL;IACDwB,aAAa,EAAEvC;EAAS,EAC3B,CAAC;AAEV,CAAC;AAAC,IAAA0C,QAAA,GAAAC,OAAA,CAAApE,OAAA,GAEaC,+BAA+B","ignoreList":[]}
+{"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

@@ -1,6 +1,6 @@
-import { OptionItem } from "./types";
+import type { OptionItem } from "./types";
 import React from "react";
-import { TooltipProps } from "@webiny/ui/Tooltip";
+import type { TooltipProps } from "@webiny/ui/Tooltip";
 interface EntryStatusProps {
     item: OptionItem | null;
     placement?: TooltipProps["placement"];

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

@@ -1,19 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EntryStatus = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-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");
+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)."; }
-var EntryStatusText = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+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",
@@ -24,10 +17,10 @@ var EntryStatusText = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_EN
 } : {
   name: "d6of3e",
   styles: "display:table-cell;vertical-align:middle",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZd0IiLCJmaWxlIjoiRW50cnlTdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzXCI7XG5pbXBvcnQgeyBUb29sdGlwLCBUb29sdGlwUHJvcHMgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0IiLCJmaWxlIjoiRW50cnlTdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25JdGVtIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy90eXBlc1wiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgICBnZXRFbnRyeVN0YXR1cyxcbiAgICBnZXRJdGVtU3RhdHVzVGV4dFxufSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL2hlbHBlcnNcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcFByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcFwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBVbnB1Ymxpc2hlZEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy91bnB1Ymxpc2hlZC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIERyYWZ0SWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL2RyYWZ0LnN2Z1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IEVudHJ5U3RhdHVzVGV4dCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIlxufSk7XG5cbmNvbnN0IEVudHJ5U3RhdHVzV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZVwiXG59KTtcbmNvbnN0IEVudHJ5U3RhdHVzVG9vbHRpcCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgd2lkdGg6IFwiMzBweFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5pbnRlcmZhY2UgRW50cnlTdGF0dXNQcm9wcyB7XG4gICAgaXRlbTogT3B0aW9uSXRlbSB8IG51bGw7XG4gICAgcGxhY2VtZW50PzogVG9vbHRpcFByb3BzW1wicGxhY2VtZW50XCJdO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cbmV4cG9ydCBjb25zdCBFbnRyeVN0YXR1cyA9IChwcm9wczogRW50cnlTdGF0dXNQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgaXRlbSwgY2hpbGRyZW4sIHBsYWNlbWVudCA9IFwiYm90dG9tXCIsIGNsYXNzTmFtZSB9ID0gcHJvcHM7XG4gICAgaWYgKCFpdGVtKSB7XG4gICAgICAgIHJldHVybiA8PntjaGlsZHJlbn08Lz47XG4gICAgfVxuICAgIGNvbnN0IHN0YXR1cyA9IGdldEVudHJ5U3RhdHVzKGl0ZW0pO1xuICAgIGNvbnN0IHRvb2x0aXBUZXh0ID0gZ2V0SXRlbVN0YXR1c1RleHQoaXRlbSk7XG5cbiAgICBjb25zdCBwdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwicHVibGlzaGVkXCI7XG4gICAgY29uc3QgdW5wdWJsaXNoZWQgPSBzdGF0dXMgPT09IFwidW5wdWJsaXNoZWRcIjtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RW50cnlTdGF0dXNXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgICAgIDxFbnRyeVN0YXR1c1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17dG9vbHRpcFRleHR9IHBsYWNlbWVudD17cGxhY2VtZW50fT5cbiAgICAgICAgICAgICAgICAgICAge3B1Ymxpc2hlZCAmJiA8UHVibGlzaGVkSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAge3VucHVibGlzaGVkICYmIDxVbnB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHshcHVibGlzaGVkICYmICF1bnB1Ymxpc2hlZCAmJiA8RHJhZnRJY29uIC8+fVxuICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgIDwvRW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAge2NoaWxkcmVuICYmIDxFbnRyeVN0YXR1c1RleHQ+e2NoaWxkcmVufTwvRW50cnlTdGF0dXNUZXh0Pn1cbiAgICAgICAgPC9FbnRyeVN0YXR1c1dyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var EntryStatusWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const EntryStatusWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ermydxe1"
 } : {
   target: "ermydxe1",
@@ -38,10 +31,10 @@ var EntryStatusWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE
 } : {
   name: "1ogeil0",
   styles: "display:table",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9wdGlvbkl0ZW0gfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICAgIGdldEVudHJ5U3RhdHVzLFxuICAgIGdldEl0ZW1TdGF0dXNUZXh0XG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvaGVscGVyc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCwgVG9vbHRpcFByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcFwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgUHVibGlzaGVkSWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL3B1Ymxpc2hlZC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFVucHVibGlzaGVkSWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL3VucHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgRHJhZnRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvZHJhZnQuc3ZnXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgRW50cnlTdGF0dXNUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcInRhYmxlLWNlbGxcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuY29uc3QgRW50cnlTdGF0dXNXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcInRhYmxlXCJcbn0pO1xuY29uc3QgRW50cnlTdGF0dXNUb29sdGlwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcInRhYmxlLWNlbGxcIixcbiAgICB3aWR0aDogXCIzMHB4XCIsXG4gICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIlxufSk7XG5cbmludGVyZmFjZSBFbnRyeVN0YXR1c1Byb3BzIHtcbiAgICBpdGVtOiBPcHRpb25JdGVtIHwgbnVsbDtcbiAgICBwbGFjZW1lbnQ/OiBUb29sdGlwUHJvcHNbXCJwbGFjZW1lbnRcIl07XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEVudHJ5U3RhdHVzID0gKHByb3BzOiBFbnRyeVN0YXR1c1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyBpdGVtLCBjaGlsZHJlbiwgcGxhY2VtZW50ID0gXCJib3R0b21cIiwgY2xhc3NOYW1lIH0gPSBwcm9wcztcbiAgICBpZiAoIWl0ZW0pIHtcbiAgICAgICAgcmV0dXJuIDw+e2NoaWxkcmVufTwvPjtcbiAgICB9XG4gICAgY29uc3Qgc3RhdHVzID0gZ2V0RW50cnlTdGF0dXMoaXRlbSk7XG4gICAgY29uc3QgdG9vbHRpcFRleHQgPSBnZXRJdGVtU3RhdHVzVGV4dChpdGVtKTtcblxuICAgIGNvbnN0IHB1Ymxpc2hlZCA9IHN0YXR1cyA9PT0gXCJwdWJsaXNoZWRcIjtcbiAgICBjb25zdCB1bnB1Ymxpc2hlZCA9IHN0YXR1cyA9PT0gXCJ1bnB1Ymxpc2hlZFwiO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxFbnRyeVN0YXR1c1dyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgICAgPEVudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXt0b29sdGlwVGV4dH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9PlxuICAgICAgICAgICAgICAgICAgICB7cHVibGlzaGVkICYmIDxQdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7dW5wdWJsaXNoZWQgJiYgPFVucHVibGlzaGVkSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgeyFwdWJsaXNoZWQgJiYgIXVucHVibGlzaGVkICYmIDxEcmFmdEljb24gLz59XG4gICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgPC9FbnRyeVN0YXR1c1Rvb2x0aXA+XG4gICAgICAgICAgICB7Y2hpbGRyZW4gJiYgPEVudHJ5U3RhdHVzVGV4dD57Y2hpbGRyZW59PC9FbnRyeVN0YXR1c1RleHQ+fVxuICAgICAgICA8L0VudHJ5U3RhdHVzV3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var EntryStatusTooltip = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+const EntryStatusTooltip = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ermydxe0"
 } : {
   target: "ermydxe0",
@@ -52,28 +45,29 @@ var EntryStatusTooltip = /*#__PURE__*/(0, _base.default)("div", process.env.NODE
 } : {
   name: "o3r0yq",
   styles: "display:table-cell;width:30px;vertical-align:middle",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9wdGlvbkl0ZW0gfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICAgIGdldEVudHJ5U3RhdHVzLFxuICAgIGdldEl0ZW1TdGF0dXNUZXh0XG59IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvaGVscGVyc1wiO1xuaW1wb3J0IHsgVG9vbHRpcCwgVG9vbHRpcFByb3BzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcFwiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgUHVibGlzaGVkSWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL3B1Ymxpc2hlZC5zdmdcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFVucHVibGlzaGVkSWNvbiB9IGZyb20gXCJ+L2FkbWluL2ljb25zL3VucHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgRHJhZnRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvZHJhZnQuc3ZnXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3QgRW50cnlTdGF0dXNUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcInRhYmxlLWNlbGxcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuY29uc3QgRW50cnlTdGF0dXNXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcInRhYmxlXCJcbn0pO1xuY29uc3QgRW50cnlTdGF0dXNUb29sdGlwID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcInRhYmxlLWNlbGxcIixcbiAgICB3aWR0aDogXCIzMHB4XCIsXG4gICAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIlxufSk7XG5cbmludGVyZmFjZSBFbnRyeVN0YXR1c1Byb3BzIHtcbiAgICBpdGVtOiBPcHRpb25JdGVtIHwgbnVsbDtcbiAgICBwbGFjZW1lbnQ/OiBUb29sdGlwUHJvcHNbXCJwbGFjZW1lbnRcIl07XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEVudHJ5U3RhdHVzID0gKHByb3BzOiBFbnRyeVN0YXR1c1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyBpdGVtLCBjaGlsZHJlbiwgcGxhY2VtZW50ID0gXCJib3R0b21cIiwgY2xhc3NOYW1lIH0gPSBwcm9wcztcbiAgICBpZiAoIWl0ZW0pIHtcbiAgICAgICAgcmV0dXJuIDw+e2NoaWxkcmVufTwvPjtcbiAgICB9XG4gICAgY29uc3Qgc3RhdHVzID0gZ2V0RW50cnlTdGF0dXMoaXRlbSk7XG4gICAgY29uc3QgdG9vbHRpcFRleHQgPSBnZXRJdGVtU3RhdHVzVGV4dChpdGVtKTtcblxuICAgIGNvbnN0IHB1Ymxpc2hlZCA9IHN0YXR1cyA9PT0gXCJwdWJsaXNoZWRcIjtcbiAgICBjb25zdCB1bnB1Ymxpc2hlZCA9IHN0YXR1cyA9PT0gXCJ1bnB1Ymxpc2hlZFwiO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxFbnRyeVN0YXR1c1dyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgICAgPEVudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXt0b29sdGlwVGV4dH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9PlxuICAgICAgICAgICAgICAgICAgICB7cHVibGlzaGVkICYmIDxQdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7dW5wdWJsaXNoZWQgJiYgPFVucHVibGlzaGVkSWNvbiAvPn1cbiAgICAgICAgICAgICAgICAgICAgeyFwdWJsaXNoZWQgJiYgIXVucHVibGlzaGVkICYmIDxEcmFmdEljb24gLz59XG4gICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgPC9FbnRyeVN0YXR1c1Rvb2x0aXA+XG4gICAgICAgICAgICB7Y2hpbGRyZW4gJiYgPEVudHJ5U3RhdHVzVGV4dD57Y2hpbGRyZW59PC9FbnRyeVN0YXR1c1RleHQ+fVxuICAgICAgICA8L0VudHJ5U3RhdHVzV3JhcHBlcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVudHJ5U3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjJCIiwiZmlsZSI6IkVudHJ5U3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uSXRlbSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgZ2V0RW50cnlTdGF0dXMsXG4gICAgZ2V0SXRlbVN0YXR1c1RleHRcbn0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9yZWYvY29tcG9uZW50cy9oZWxwZXJzXCI7XG5pbXBvcnQgdHlwZSB7IFRvb2x0aXBQcm9wcyB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvcHVibGlzaGVkLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgVW5wdWJsaXNoZWRJY29uIH0gZnJvbSBcIn4vYWRtaW4vaWNvbnMvdW5wdWJsaXNoZWQuc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBEcmFmdEljb24gfSBmcm9tIFwifi9hZG1pbi9pY29ucy9kcmFmdC5zdmdcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBFbnRyeVN0YXR1c1RleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCJcbn0pO1xuXG5jb25zdCBFbnRyeVN0YXR1c1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGVcIlxufSk7XG5jb25zdCBFbnRyeVN0YXR1c1Rvb2x0aXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwidGFibGUtY2VsbFwiLFxuICAgIHdpZHRoOiBcIjMwcHhcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiXG59KTtcblxuaW50ZXJmYWNlIEVudHJ5U3RhdHVzUHJvcHMge1xuICAgIGl0ZW06IE9wdGlvbkl0ZW0gfCBudWxsO1xuICAgIHBsYWNlbWVudD86IFRvb2x0aXBQcm9wc1tcInBsYWNlbWVudFwiXTtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgRW50cnlTdGF0dXMgPSAocHJvcHM6IEVudHJ5U3RhdHVzUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGl0ZW0sIGNoaWxkcmVuLCBwbGFjZW1lbnQgPSBcImJvdHRvbVwiLCBjbGFzc05hbWUgfSA9IHByb3BzO1xuICAgIGlmICghaXRlbSkge1xuICAgICAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+O1xuICAgIH1cbiAgICBjb25zdCBzdGF0dXMgPSBnZXRFbnRyeVN0YXR1cyhpdGVtKTtcbiAgICBjb25zdCB0b29sdGlwVGV4dCA9IGdldEl0ZW1TdGF0dXNUZXh0KGl0ZW0pO1xuXG4gICAgY29uc3QgcHVibGlzaGVkID0gc3RhdHVzID09PSBcInB1Ymxpc2hlZFwiO1xuICAgIGNvbnN0IHVucHVibGlzaGVkID0gc3RhdHVzID09PSBcInVucHVibGlzaGVkXCI7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPEVudHJ5U3RhdHVzV3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgICA8RW50cnlTdGF0dXNUb29sdGlwPlxuICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9e3Rvb2x0aXBUZXh0fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0+XG4gICAgICAgICAgICAgICAgICAgIHtwdWJsaXNoZWQgJiYgPFB1Ymxpc2hlZEljb24gLz59XG4gICAgICAgICAgICAgICAgICAgIHt1bnB1Ymxpc2hlZCAmJiA8VW5wdWJsaXNoZWRJY29uIC8+fVxuICAgICAgICAgICAgICAgICAgICB7IXB1Ymxpc2hlZCAmJiAhdW5wdWJsaXNoZWQgJiYgPERyYWZ0SWNvbiAvPn1cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0VudHJ5U3RhdHVzVG9vbHRpcD5cbiAgICAgICAgICAgIHtjaGlsZHJlbiAmJiA8RW50cnlTdGF0dXNUZXh0PntjaGlsZHJlbn08L0VudHJ5U3RhdHVzVGV4dD59XG4gICAgICAgIDwvRW50cnlTdGF0dXNXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var EntryStatus = exports.EntryStatus = function EntryStatus(props) {
-  var item = props.item,
-    children = props.children,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? "bottom" : _props$placement,
-    className = props.className;
+export const EntryStatus = props => {
+  const {
+    item,
+    children,
+    placement = "bottom",
+    className
+  } = props;
   if (!item) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
-  var status = (0, _helpers.getEntryStatus)(item);
-  var tooltipText = (0, _helpers.getItemStatusText)(item);
-  var published = status === "published";
-  var unpublished = status === "unpublished";
-  return /*#__PURE__*/_react.default.createElement(EntryStatusWrapper, {
+  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.default.createElement(EntryStatusTooltip, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+  }, /*#__PURE__*/React.createElement(EntryStatusTooltip, null, /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltipText,
     placement: placement
-  }, 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));
+  }, 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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_helpers","_Tooltip","_published","_unpublished","_draft","_EMOTION_STRINGIFIED_CSS_ERROR__","EntryStatusText","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","EntryStatusWrapper","EntryStatusTooltip","EntryStatus","exports","props","item","children","_props$placement","placement","className","createElement","Fragment","status","getEntryStatus","tooltipText","getItemStatusText","published","unpublished","Tooltip","content","ReactComponent"],"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    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":"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","ignoreList":[]}
+{"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.js

@@ -1,23 +1,17 @@
-"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 _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-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 _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)."; }
-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, _base.default)(_Typography.Typography, process.env.NODE_ENV === "production" ? {
+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",
@@ -31,22 +25,23 @@ var HelpTextTypography = /*#__PURE__*/(0, _base.default)(_Typography.Typography,
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pc3NpbmdFbnRyeUhlbHBUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjZDIiwiZmlsZSI6Ik1pc3NpbmdFbnRyeUhlbHBUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQHdlYmlueS9yZWFjdC1yb3V0ZXJcIjtcbmltcG9ydCB7IGNyZWF0ZU5ld0VudHJ5VXJsIH0gZnJvbSBcIi4vY3JlYXRlRW50cnlVcmxcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuXG5jb25zdCB0ID0gaTE4bi5ucyhcImFwcC1oZWFkbGVzcy1jbXMvYWRtaW4vZmllbGRzL3JlZlwiKTtcblxuY29uc3QgbWlzc2luZ0VudHJ5TGFiZWwgPSB0YElmIHlvdSBjYW4ndCBmaW5kIHRoZSBpbnRlbmRlZCByZWZlcmVuY2UgdmFsdWUgaW4gdGhlIHRhcmdldCBtb2RlbCxcbiAgICAgICAgIHBsZWFzZSBjbG9zZSB0aGlzIGRpYWxvZyBhbmQgcG9wdWxhdGUgdGhlIHtuZXdFbnRyeUxpbmt9IGluIHRoZSB0YXJnZXQgbW9kZWwgZmlyc3QuYDtcblxuY29uc3QgcmVmZXJlbmNlTXVsdGlwbGVNb2RlbHNMYWJlbCA9IHRgVGhlIGNyZWF0aW9uIG9mIHJlZmVyZW5jZSB2YWx1ZXMgZnJvbSB3aXRoaW4gdGhpcyB2aWV3IGlzIG9ubHkgc3VwcG9ydGVkXG4gd2hlbiBhIHNpbmdsZSByZWZlcmVuY2UgbW9kZWwgaXMgc2VsZWN0ZWQuIFRvIHJlZmVyZW5jZSB2YWx1ZXMgZnJvbSBtdWx0aXBsZSBtb2RlbHMsXG4gcGxlYXNlIG1ha2Ugc3VyZSB0aGUgcmVmZXJlbmNlZCB2YWx1ZXMgZXhpc3QgYmVmb3JlIHNldHRpbmcgdGhlIHJlZmVyZW5jZS5gO1xuXG5jb25zdCBIZWxwVGV4dFR5cG9ncmFwaHkgPSBzdHlsZWQoVHlwb2dyYXBoeSlgXG4gICAgJiB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgY29sb3I6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKSAhaW1wb3J0YW50O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZWZlcmVuY2VNdWx0aXBsZU1vZGVsc0hlbHBUZXh0ID0gKCkgPT4ge1xuICAgIHJldHVybiA8SGVscFRleHRUeXBvZ3JhcGh5IHVzZT17XCJjYXB0aW9uXCJ9PntyZWZlcmVuY2VNdWx0aXBsZU1vZGVsc0xhYmVsfTwvSGVscFRleHRUeXBvZ3JhcGh5Pjtcbn07XG5cbmludGVyZmFjZSBNaXNzaW5nRW50cnlIZWxwVGV4dFByb3BzIHtcbiAgICByZWZNb2RlbElkOiBzdHJpbmc7XG59XG5jb25zdCBNaXNzaW5nRW50cnlIZWxwVGV4dCA9ICh7IHJlZk1vZGVsSWQgfTogTWlzc2luZ0VudHJ5SGVscFRleHRQcm9wcykgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxIZWxwVGV4dFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICB7bWlzc2luZ0VudHJ5TGFiZWwoe1xuICAgICAgICAgICAgICAgIG5ld0VudHJ5TGluazogKFxuICAgICAgICAgICAgICAgICAgICA8TGluayB0bz17Y3JlYXRlTmV3RW50cnlVcmwocmVmTW9kZWxJZCl9IHRhcmdldD17XCJfYmxhbmtcIn0+e3RgZW50cnlgfTwvTGluaz5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPC9IZWxwVGV4dFR5cG9ncmFwaHk+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1pc3NpbmdFbnRyeUhlbHBUZXh0O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ReferenceMultipleModelsHelpText = exports.ReferenceMultipleModelsHelpText = function ReferenceMultipleModelsHelpText() {
-  return /*#__PURE__*/_react.default.createElement(HelpTextTypography, {
+export const ReferenceMultipleModelsHelpText = () => {
+  return /*#__PURE__*/React.createElement(HelpTextTypography, {
     use: "caption"
   }, referenceMultipleModelsLabel);
 };
-var MissingEntryHelpText = function MissingEntryHelpText(_ref) {
-  var refModelId = _ref.refModelId;
-  return /*#__PURE__*/_react.default.createElement(HelpTextTypography, {
+const MissingEntryHelpText = ({
+  refModelId
+}) => {
+  return /*#__PURE__*/React.createElement(HelpTextTypography, {
     use: "caption"
   }, missingEntryLabel({
-    newEntryLink: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
-      to: (0, _createEntryUrl.createNewEntryUrl)(refModelId),
+    newEntryLink: /*#__PURE__*/React.createElement(Link, {
+      to: createNewEntryUrl(refModelId),
       target: "_blank"
-    }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["entry"]))))
+    }, t`entry`)
   }));
 };
-var _default = exports.default = MissingEntryHelpText;
+export default MissingEntryHelpText;
 
 //# sourceMappingURL=MissingEntryHelpText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_reactRouter","_createEntryUrl","_i18n","_templateObject","_templateObject2","_templateObject3","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","missingEntryLabel","_taggedTemplateLiteral2","default","referenceMultipleModelsLabel","HelpTextTypography","_base","Typography","process","env","NODE_ENV","target","label","name","styles","map","toString","ReferenceMultipleModelsHelpText","exports","createElement","use","MissingEntryHelpText","_ref","refModelId","newEntryLink","Link","to","createNewEntryUrl","_default"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAwC,IAAAK,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,iCAAA;AAExC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAEtD,IAAMC,iBAAiB,GAAGH,CAAC,CAAAJ,eAAA,KAAAA,eAAA,OAAAQ,uBAAA,CAAAC,OAAA,0KACkE;AAE7F,IAAMC,4BAA4B,GAAGN,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAO,uBAAA,CAAAC,OAAA,qPAEsC;AAE5E,IAAME,kBAAkB,gBAAG,IAAAC,KAAA,CAAAH,OAAA,EAAOI,sBAAU,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,EAAAnB;AAAA,EAK5C;AAEM,IAAMoB,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,SAAlCA,+BAA+BA,CAAA,EAAS;EACjD,oBAAO9B,MAAA,CAAAgB,OAAA,CAAAgB,aAAA,CAACd,kBAAkB;IAACe,GAAG,EAAE;EAAU,GAAEhB,4BAAiD,CAAC;AAClG,CAAC;AAKD,IAAMiB,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAkD;EAAA,IAA5CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACtC,oBACIpC,MAAA,CAAAgB,OAAA,CAAAgB,aAAA,CAACd,kBAAkB;IAACe,GAAG,EAAE;EAAU,GAC9BnB,iBAAiB,CAAC;IACfuB,YAAY,eACRrC,MAAA,CAAAgB,OAAA,CAAAgB,aAAA,CAAC5B,YAAA,CAAAkC,IAAI;MAACC,EAAE,EAAE,IAAAC,iCAAiB,EAACJ,UAAU,CAAE;MAACZ,MAAM,EAAE;IAAS,GAAEb,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,CAAAC,OAAA,cAAc;EAEnF,CAAC,CACe,CAAC;AAE7B,CAAC;AAAC,IAAAyB,QAAA,GAAAV,OAAA,CAAAf,OAAA,GAEakB,oBAAoB","ignoreList":[]}
+{"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.js

@@ -1,16 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NewEntryButton = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("@webiny/ui/Button");
-var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+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)."; }
-var DefaultButton = /*#__PURE__*/(0, _base.default)(_Button.ButtonDefault, process.env.NODE_ENV === "production" ? {
+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",
@@ -24,13 +17,14 @@ var DefaultButton = /*#__PURE__*/(0, _base.default)(_Button.ButtonDefault, proce
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5ld0VudHJ5QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkMiLCJmaWxlIjoiTmV3RW50cnlCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b25EZWZhdWx0LCBCdXR0b25JY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2Fzc2V0cy9pY29ucy9hZGQtMThweC5zdmdcIjtcblxuY29uc3QgRGVmYXVsdEJ1dHRvbiA9IHN0eWxlZChCdXR0b25EZWZhdWx0KWBcbiAgICBtYXJnaW4tbGVmdDogMzJweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOZXdFbnRyeUJ1dHRvbiA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiAoKSA9PiB2b2lkIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGVmYXVsdEJ1dHRvbiBzbWFsbD17dHJ1ZX0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICA8QnV0dG9uSWNvbiBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgICAgIE5ldyBFbnRyeVxuICAgICAgICA8L0RlZmF1bHRCdXR0b24+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var NewEntryButton = exports.NewEntryButton = function NewEntryButton(_ref) {
-  var onClick = _ref.onClick;
-  return /*#__PURE__*/_react.default.createElement(DefaultButton, {
+export const NewEntryButton = ({
+  onClick
+}) => {
+  return /*#__PURE__*/React.createElement(DefaultButton, {
     small: true,
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-    icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+  }, /*#__PURE__*/React.createElement(ButtonIcon, {
+    icon: /*#__PURE__*/React.createElement(AddIcon, null)
   }), "New Entry");
 };