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

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

@@ -1,37 +1,67 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-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 = exports.NewEntryButton = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _emotion = require("emotion");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Dialog = require("@webiny/ui/Dialog");
+
+var _Button = require("@webiny/ui/Button");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+
+var _ContentEntriesContext = require("../../../../views/contentEntries/ContentEntriesContext");
+
+var _ContentEntryContext = require("../../../../views/contentEntries/ContentEntry/ContentEntryContext");
+
+var _ContentEntryForm = require("../../../../components/ContentEntryForm/ContentEntryForm");
+
+var _hooks = require("../../../../hooks");
+
+var _contentModels = require("../../../../graphql/contentModels");
+
+var _useContentEntry3 = require("../../../../views/contentEntries/hooks/useContentEntry");
+
+var _useNewRefEntryDialog3 = require("../hooks/useNewRefEntryDialog");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import React, { useCallback, useState } from "react";
-import get from "lodash/get";
-import { css } from "emotion";
-import styled from "@emotion/styled";
-import { Dialog, DialogActions, DialogButton, DialogCancel, DialogContent, DialogTitle } from "@webiny/ui/Dialog";
-import { ButtonDefault, ButtonIcon } from "@webiny/ui/Button";
-import { useSnackbar } from "@webiny/app-admin";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
-import { Provider as ContentEntriesProvider } from "../../../../views/contentEntries/ContentEntriesContext";
-import { Provider as ContentEntryProvider } from "../../../../views/contentEntries/ContentEntry/ContentEntryContext";
-import { ContentEntryForm } from "../../../../components/ContentEntryForm/ContentEntryForm";
-import { useQuery } from "../../../../hooks";
-import { GET_CONTENT_MODEL } from "../../../../graphql/contentModels";
-import { useContentEntry } from "../../../../views/contentEntries/hooks/useContentEntry";
-import { useNewRefEntryDialog } from "../hooks/useNewRefEntryDialog";
-var t = i18n.ns("app-headless-cms/admin/fields/ref");
-var dialogContentStyles = /*#__PURE__*/css("width:786px;label:dialogContentStyles;");
-var dialogContainerStyles = /*#__PURE__*/css("&.mdc-dialog{z-index:17;}label:dialogContainerStyles;");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+
+var dialogContentStyles = /*#__PURE__*/(0, _emotion.css)("width:786px;label:dialogContentStyles;");
+var dialogContainerStyles = /*#__PURE__*/(0, _emotion.css)("&.mdc-dialog{z-index:17;}label:dialogContainerStyles;");
 
 var EntryForm = function EntryForm(_ref) {
   var onCreate = _ref.onCreate;
 
-  var _useContentEntry = useContentEntry(),
+  var _useContentEntry = (0, _useContentEntry3.useContentEntry)(),
       setFormRef = _useContentEntry.setFormRef,
       contentModel = _useContentEntry.contentModel;
 
-  return /*#__PURE__*/React.createElement(ContentEntryForm, {
+  return /*#__PURE__*/_react.default.createElement(_ContentEntryForm.ContentEntryForm, {
     contentModel: contentModel,
     onSubmit: function onSubmit(data) {
       /**
@@ -48,84 +78,87 @@ var EntryForm = function EntryForm(_ref) {
 };
 
 var DialogSaveButton = function DialogSaveButton() {
-  var _useContentEntry2 = useContentEntry(),
+  var _useContentEntry2 = (0, _useContentEntry3.useContentEntry)(),
       form = _useContentEntry2.form;
 
-  return /*#__PURE__*/React.createElement(DialogButton, {
+  return /*#__PURE__*/_react.default.createElement(_Dialog.DialogButton, {
     onClick: function onClick(ev) {
       return form.current.submit(ev);
     }
-  }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Save"]))));
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Save"]))));
 };
 
-var DefaultButton = /*#__PURE__*/styled(ButtonDefault, {
+var DefaultButton = /*#__PURE__*/(0, _styled.default)(_Button.ButtonDefault, {
   label: "DefaultButton",
   target: "eantjap0"
 })("margin-left:32px;");
-export var NewEntryButton = function NewEntryButton() {
-  var _useNewRefEntryDialog = useNewRefEntryDialog(),
+
+var NewEntryButton = function NewEntryButton() {
+  var _useNewRefEntryDialog = (0, _useNewRefEntryDialog3.useNewRefEntryDialog)(),
       setOpen = _useNewRefEntryDialog.setOpen;
 
-  return /*#__PURE__*/React.createElement(DefaultButton, {
+  return /*#__PURE__*/_react.default.createElement(DefaultButton, {
     small: true,
     onClick: function onClick() {
       return setOpen(true);
     }
-  }, /*#__PURE__*/React.createElement(ButtonIcon, {
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
-  }), t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["New Entry"]))));
+  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+  }), t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Entry"]))));
 };
 
+exports.NewEntryButton = NewEntryButton;
+
 var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
   var modelId = _ref2.modelId,
       children = _ref2.children,
       onChange = _ref2.onChange;
 
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       contentModel = _useState2[0],
       setContentModel = _useState2[1];
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  useQuery(GET_CONTENT_MODEL, {
+  (0, _hooks.useQuery)(_contentModels.GET_CONTENT_MODEL, {
     skip: !modelId,
     variables: {
       modelId: modelId
     },
     onCompleted: function onCompleted(data) {
-      var contentModelData = get(data, "getContentModel.data");
+      var contentModelData = (0, _get.default)(data, "getContentModel.data");
 
       if (contentModelData) {
         setContentModel(contentModelData);
         return;
       }
 
-      showSnackbar(t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Could not load content for model \"{modelId}\". Redirecting..."])))({
+      showSnackbar(t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Could not load content for model \"{modelId}\". Redirecting..."])))({
         modelId: modelId
       }));
     }
   });
 
-  var _useNewRefEntryDialog2 = useNewRefEntryDialog(),
+  var _useNewRefEntryDialog2 = (0, _useNewRefEntryDialog3.useNewRefEntryDialog)(),
       open = _useNewRefEntryDialog2.open,
       setOpen = _useNewRefEntryDialog2.setOpen;
 
-  var hideDialog = useCallback(function () {
+  var hideDialog = (0, _react.useCallback)(function () {
     return setOpen(false);
   }, []);
-  var onCreate = useCallback(function (entry) {
+  var onCreate = (0, _react.useCallback)(function (entry) {
     if (!contentModel) {
       setOpen(false);
       return;
     }
 
-    onChange(_objectSpread(_objectSpread({}, entry), {}, {
+    onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, entry), {}, {
       /*
        * Format data for AutoComplete.
        */
-      published: get(entry, "meta.status") === "published",
+      published: (0, _get.default)(entry, "meta.status") === "published",
       modelId: contentModel.modelId,
       modelName: contentModel.name
     }));
@@ -136,28 +169,29 @@ var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
     return children;
   }
 
-  return /*#__PURE__*/React.createElement(ContentEntriesProvider, {
+  return /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.Provider, {
     contentModel: contentModel,
     key: contentModel.modelId,
     insideDialog: true
-  }, /*#__PURE__*/React.createElement(ContentEntryProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.Provider, {
     isNewEntry: function isNewEntry() {
       return true;
     },
     getContentId: function getContentId() {
       return null;
     }
-  }, /*#__PURE__*/React.createElement(Dialog, {
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
     open: open,
     onClose: hideDialog,
     className: dialogContainerStyles
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["New {modelName} Entry"])))({
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New {modelName} Entry"])))({
     modelName: contentModel.name
-  })), /*#__PURE__*/React.createElement(DialogContent, {
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, {
     className: dialogContentStyles
-  }, /*#__PURE__*/React.createElement(EntryForm, {
+  }, /*#__PURE__*/_react.default.createElement(EntryForm, {
     onCreate: onCreate
-  })), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(DialogCancel, null, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Cancel"])))), /*#__PURE__*/React.createElement(DialogSaveButton, null))), children));
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, null, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(DialogSaveButton, null))), children));
 };
 
-export default NewRefEntryFormDialog;
+var _default = NewRefEntryFormDialog;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["NewRefEntryFormDialog.tsx"],"names":["React","useCallback","useState","get","css","styled","Dialog","DialogActions","DialogButton","DialogCancel","DialogContent","DialogTitle","ButtonDefault","ButtonIcon","useSnackbar","i18n","ReactComponent","AddIcon","Provider","ContentEntriesProvider","ContentEntryProvider","ContentEntryForm","useQuery","GET_CONTENT_MODEL","useContentEntry","useNewRefEntryDialog","t","ns","dialogContentStyles","dialogContainerStyles","EntryForm","onCreate","setFormRef","contentModel","data","form","DialogSaveButton","ev","current","submit","DefaultButton","NewEntryButton","setOpen","NewRefEntryFormDialog","modelId","children","onChange","setContentModel","showSnackbar","skip","variables","onCompleted","contentModelData","open","hideDialog","entry","published","modelName","name"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,OAAOC,GAAP,MAAgB,YAAhB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SACIC,MADJ,EAEIC,aAFJ,EAGIC,YAHJ,EAIIC,YAJJ,EAKIC,aALJ,EAMIC,WANJ,QAOO,mBAPP;AAQA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,cAAc,IAAIC,OAA3B,QAA0C,6CAA1C;AACA,SAASC,QAAQ,IAAIC,sBAArB;AACA,SAASD,QAAQ,IAAIE,oBAArB;AACA,SAASC,gBAAT;AACA,SAASC,QAAT;AACA,SACIC,iBADJ;AAKA,SAASC,eAAT;AACA,SAASC,oBAAT;AAGA,IAAMC,CAAC,GAAGX,IAAI,CAACY,EAAL,CAAQ,mCAAR,CAAV;AAEA,IAAMC,mBAAmB,gBAAGxB,GAAH,0CAAzB;AAIA,IAAMyB,qBAAqB,gBAAGzB,GAAH,yDAA3B;;AAkBA,IAAM0B,SAAmC,GAAG,SAAtCA,SAAsC,OAAkB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC1D,yBAAqCP,eAAe,EAApD;AAAA,MAAQQ,UAAR,oBAAQA,UAAR;AAAA,MAAoBC,YAApB,oBAAoBA,YAApB;;AAEA,sBACI,oBAAC,gBAAD;AACI,IAAA,YAAY,EAAEA,YADlB;AAEI,IAAA,QAAQ,EAAE,kBAAAC,IAAI,EAAI;AACd;AAChB;AACA;AACgB,aAAOH,QAAQ,CAACG,IAAD,CAAf;AACH,KAPL;AAQI,IAAA,MAAM,EAAE,gBAAAC,IAAI;AAAA,aAAIH,UAAU,CAACG,IAAD,CAAd;AAAA,KARhB;AASI,IAAA,KAAK,EAAE,EATX;AAUI,IAAA,mBAAmB,EAAE;AAVzB,IADJ;AAcH,CAjBD;;AAmBA,IAAMC,gBAA0B,GAAG,SAA7BA,gBAA6B,GAAM;AACrC,0BAAiBZ,eAAe,EAAhC;AAAA,MAAQW,IAAR,qBAAQA,IAAR;;AAEA,sBAAO,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAE,iBAAAE,EAAE;AAAA,aAAIF,IAAI,CAACG,OAAL,CAAaC,MAAb,CAAoBF,EAApB,CAAJ;AAAA;AAAzB,KAAuDX,CAAvD,0EAAP;AACH,CAJD;;AAMA,IAAMc,aAAa,gBAAGnC,MAAH,CAAUO,aAAV;AAAA;AAAA;AAAA,uBAAnB;AAIA,OAAO,IAAM6B,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAChC,8BAAoBhB,oBAAoB,EAAxC;AAAA,MAAQiB,OAAR,yBAAQA,OAAR;;AACA,sBACI,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAE,IAAtB;AAA4B,IAAA,OAAO,EAAE;AAAA,aAAMA,OAAO,CAAC,IAAD,CAAb;AAAA;AAArC,kBACI,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,OAAD;AAAlB,IADJ,EAEKhB,CAFL,iFADJ;AAMH,CARM;;AAgBP,IAAMiB,qBAAiD,GAAG,SAApDA,qBAAoD,QAAqC;AAAA,MAAlCC,OAAkC,SAAlCA,OAAkC;AAAA,MAAzBC,QAAyB,SAAzBA,QAAyB;AAAA,MAAfC,QAAe,SAAfA,QAAe;;AAC3F,kBAAwC5C,QAAQ,CAAkB,IAAlB,CAAhD;AAAA;AAAA,MAAO+B,YAAP;AAAA,MAAqBc,eAArB;;AAEA,qBAAyBjC,WAAW,EAApC;AAAA,MAAQkC,YAAR,gBAAQA,YAAR;;AAEA1B,EAAAA,QAAQ,CAAsDC,iBAAtD,EAAyE;AAC7E0B,IAAAA,IAAI,EAAE,CAACL,OADsE;AAE7EM,IAAAA,SAAS,EAAE;AAAEN,MAAAA,OAAO,EAAPA;AAAF,KAFkE;AAG7EO,IAAAA,WAAW,EAAE,qBAAAjB,IAAI,EAAI;AACjB,UAAMkB,gBAAiC,GAAGjD,GAAG,CAAC+B,IAAD,EAAO,sBAAP,CAA7C;;AACA,UAAIkB,gBAAJ,EAAsB;AAClBL,QAAAA,eAAe,CAACK,gBAAD,CAAf;AACA;AACH;;AAEDJ,MAAAA,YAAY,CACRtB,CAAC,qIAAD,CAAgE;AAC5DkB,QAAAA,OAAO,EAAPA;AAD4D,OAAhE,CADQ,CAAZ;AAKH;AAf4E,GAAzE,CAAR;;AAkBA,+BAA0BnB,oBAAoB,EAA9C;AAAA,MAAQ4B,IAAR,0BAAQA,IAAR;AAAA,MAAcX,OAAd,0BAAcA,OAAd;;AACA,MAAMY,UAAU,GAAGrD,WAAW,CAAC;AAAA,WAAMyC,OAAO,CAAC,KAAD,CAAb;AAAA,GAAD,EAAuB,EAAvB,CAA9B;AAEA,MAAMX,QAAQ,GAAG9B,WAAW,CACxB,UAACsD,KAAD,EAAkC;AAC9B,QAAI,CAACtB,YAAL,EAAmB;AACfS,MAAAA,OAAO,CAAC,KAAD,CAAP;AACA;AACH;;AACDI,IAAAA,QAAQ,iCACDS,KADC;AAEJ;AAChB;AACA;AACgBC,MAAAA,SAAS,EAAErD,GAAG,CAACoD,KAAD,EAAQ,aAAR,CAAH,KAA8B,WALrC;AAMJX,MAAAA,OAAO,EAAEX,YAAY,CAACW,OANlB;AAOJa,MAAAA,SAAS,EAAExB,YAAY,CAACyB;AAPpB,OAAR;AASAhB,IAAAA,OAAO,CAAC,KAAD,CAAP;AACH,GAhBuB,EAiBxB,CAACI,QAAD,EAAWb,YAAX,CAjBwB,CAA5B;;AAoBA,MAAI,CAACA,YAAL,EAAmB;AACf,WAAOY,QAAP;AACH;;AAED,sBACI,oBAAC,sBAAD;AACI,IAAA,YAAY,EAAEZ,YADlB;AAEI,IAAA,GAAG,EAAEA,YAAY,CAACW,OAFtB;AAGI,IAAA,YAAY,EAAE;AAHlB,kBAKI,oBAAC,oBAAD;AAAsB,IAAA,UAAU,EAAE;AAAA,aAAM,IAAN;AAAA,KAAlC;AAA8C,IAAA,YAAY,EAAE;AAAA,aAAM,IAAN;AAAA;AAA5D,kBACI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAES,IAAd;AAAoB,IAAA,OAAO,EAAEC,UAA7B;AAAyC,IAAA,SAAS,EAAEzB;AAApD,kBACI,oBAAC,WAAD,QACKH,CAAC,4FAAD,CAAyB;AAAE+B,IAAAA,SAAS,EAAExB,YAAY,CAACyB;AAA1B,GAAzB,CADL,CADJ,eAII,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAE9B;AAA1B,kBACI,oBAAC,SAAD;AAAW,IAAA,QAAQ,EAAEG;AAArB,IADJ,CAJJ,eAOI,oBAAC,aAAD,qBACI,oBAAC,YAAD,QAAeL,CAAf,8EADJ,eAEI,oBAAC,gBAAD,OAFJ,CAPJ,CADJ,EAaKmB,QAbL,CALJ,CADJ;AAuBH,CAzED;;AA2EA,eAAeF,qBAAf","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport get from \"lodash/get\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport {\n    Dialog,\n    DialogActions,\n    DialogButton,\n    DialogCancel,\n    DialogContent,\n    DialogTitle\n} from \"@webiny/ui/Dialog\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { Provider as ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useNewRefEntryDialog } from \"../hooks/useNewRefEntryDialog\";\nimport { CmsEditorContentEntry, CmsModel } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst dialogContentStyles = css`\n    width: 786px;\n`;\n\nconst dialogContainerStyles = css`\n    /*\n* By default, a Dialog component has the \"z-index\" value of 20.\n* As we are rendering the content entry form in a \"Dialog\", the File Manager view triggered by a \"file\" field\n* will render below the source form, rendering it useless for the user.\n*\n* To fix that issue, we're setting the \"z-index\" CSS property for this particular Dialog to less than 18,\n* which is the \"z-index\" value assigned to File Manager view, so that it will render below the File Manager view as expected.\n*/\n\n    &.mdc-dialog {\n        z-index: 17;\n    }\n`;\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsEditorContentEntry) => void;\n}\nconst EntryForm: React.FC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ContentEntryForm\n            contentModel={contentModel}\n            onSubmit={data => {\n                /**\n                 * We know that data is CmsEditorContentEntry.\n                 */\n                return onCreate(data as unknown as CmsEditorContentEntry);\n            }}\n            onForm={form => setFormRef(form)}\n            entry={{}}\n            addEntryToListCache={false}\n        />\n    );\n};\n\nconst DialogSaveButton: React.FC = () => {\n    const { form } = useContentEntry();\n\n    return <DialogButton onClick={ev => form.current.submit(ev)}>{t`Save`}</DialogButton>;\n};\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = () => {\n    const { setOpen } = useNewRefEntryDialog();\n    return (\n        <DefaultButton small={true} onClick={() => setOpen(true)}>\n            <ButtonIcon icon={<AddIcon />} />\n            {t`New Entry`}\n        </DefaultButton>\n    );\n};\n\ninterface NewRefEntryProps {\n    modelId: string;\n    children: React.ReactElement;\n    onChange: (entry: CmsEditorContentEntry) => void;\n}\n\nconst NewRefEntryFormDialog: React.FC<NewRefEntryProps> = ({ modelId, children, onChange }) => {\n    const [contentModel, setContentModel] = useState<CmsModel | null>(null);\n\n    const { showSnackbar } = useSnackbar();\n\n    useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(GET_CONTENT_MODEL, {\n        skip: !modelId,\n        variables: { modelId },\n        onCompleted: data => {\n            const contentModelData: CmsModel | null = get(data, \"getContentModel.data\");\n            if (contentModelData) {\n                setContentModel(contentModelData);\n                return;\n            }\n\n            showSnackbar(\n                t`Could not load content for model \"{modelId}\". Redirecting...`({\n                    modelId\n                })\n            );\n        }\n    });\n\n    const { open, setOpen } = useNewRefEntryDialog();\n    const hideDialog = useCallback(() => setOpen(false), []);\n\n    const onCreate = useCallback(\n        (entry: CmsEditorContentEntry) => {\n            if (!contentModel) {\n                setOpen(false);\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: get(entry, \"meta.status\") === \"published\",\n                modelId: contentModel.modelId,\n                modelName: contentModel.name\n            });\n            setOpen(false);\n        },\n        [onChange, contentModel]\n    );\n\n    if (!contentModel) {\n        return children;\n    }\n\n    return (\n        <ContentEntriesProvider\n            contentModel={contentModel}\n            key={contentModel.modelId}\n            insideDialog={true}\n        >\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <Dialog open={open} onClose={hideDialog} className={dialogContainerStyles}>\n                    <DialogTitle>\n                        {t`New {modelName} Entry`({ modelName: contentModel.name })}\n                    </DialogTitle>\n                    <DialogContent className={dialogContentStyles}>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </Dialog>\n                {children}\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default NewRefEntryFormDialog;\n"]}
+{"version":3,"names":["t","i18n","ns","dialogContentStyles","css","dialogContainerStyles","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","ev","current","submit","DefaultButton","styled","ButtonDefault","NewEntryButton","useNewRefEntryDialog","setOpen","NewRefEntryFormDialog","modelId","children","onChange","useState","setContentModel","useSnackbar","showSnackbar","useQuery","GET_CONTENT_MODEL","skip","variables","onCompleted","contentModelData","get","open","hideDialog","useCallback","entry","published","modelName","name"],"sources":["NewRefEntryFormDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport get from \"lodash/get\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport {\n    Dialog,\n    DialogActions,\n    DialogButton,\n    DialogCancel,\n    DialogContent,\n    DialogTitle\n} from \"@webiny/ui/Dialog\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { Provider as ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useNewRefEntryDialog } from \"../hooks/useNewRefEntryDialog\";\nimport { CmsEditorContentEntry, CmsModel } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst dialogContentStyles = css`\n    width: 786px;\n`;\n\nconst dialogContainerStyles = css`\n    /*\n* By default, a Dialog component has the \"z-index\" value of 20.\n* As we are rendering the content entry form in a \"Dialog\", the File Manager view triggered by a \"file\" field\n* will render below the source form, rendering it useless for the user.\n*\n* To fix that issue, we're setting the \"z-index\" CSS property for this particular Dialog to less than 18,\n* which is the \"z-index\" value assigned to File Manager view, so that it will render below the File Manager view as expected.\n*/\n\n    &.mdc-dialog {\n        z-index: 17;\n    }\n`;\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsEditorContentEntry) => void;\n}\nconst EntryForm: React.FC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ContentEntryForm\n            contentModel={contentModel}\n            onSubmit={data => {\n                /**\n                 * We know that data is CmsEditorContentEntry.\n                 */\n                return onCreate(data as unknown as CmsEditorContentEntry);\n            }}\n            onForm={form => setFormRef(form)}\n            entry={{}}\n            addEntryToListCache={false}\n        />\n    );\n};\n\nconst DialogSaveButton: React.FC = () => {\n    const { form } = useContentEntry();\n\n    return <DialogButton onClick={ev => form.current.submit(ev)}>{t`Save`}</DialogButton>;\n};\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = () => {\n    const { setOpen } = useNewRefEntryDialog();\n    return (\n        <DefaultButton small={true} onClick={() => setOpen(true)}>\n            <ButtonIcon icon={<AddIcon />} />\n            {t`New Entry`}\n        </DefaultButton>\n    );\n};\n\ninterface NewRefEntryProps {\n    modelId: string;\n    children: React.ReactElement;\n    onChange: (entry: CmsEditorContentEntry) => void;\n}\n\nconst NewRefEntryFormDialog: React.FC<NewRefEntryProps> = ({ modelId, children, onChange }) => {\n    const [contentModel, setContentModel] = useState<CmsModel | null>(null);\n\n    const { showSnackbar } = useSnackbar();\n\n    useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(GET_CONTENT_MODEL, {\n        skip: !modelId,\n        variables: { modelId },\n        onCompleted: data => {\n            const contentModelData: CmsModel | null = get(data, \"getContentModel.data\");\n            if (contentModelData) {\n                setContentModel(contentModelData);\n                return;\n            }\n\n            showSnackbar(\n                t`Could not load content for model \"{modelId}\". Redirecting...`({\n                    modelId\n                })\n            );\n        }\n    });\n\n    const { open, setOpen } = useNewRefEntryDialog();\n    const hideDialog = useCallback(() => setOpen(false), []);\n\n    const onCreate = useCallback(\n        (entry: CmsEditorContentEntry) => {\n            if (!contentModel) {\n                setOpen(false);\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: get(entry, \"meta.status\") === \"published\",\n                modelId: contentModel.modelId,\n                modelName: contentModel.name\n            });\n            setOpen(false);\n        },\n        [onChange, contentModel]\n    );\n\n    if (!contentModel) {\n        return children;\n    }\n\n    return (\n        <ContentEntriesProvider\n            contentModel={contentModel}\n            key={contentModel.modelId}\n            insideDialog={true}\n        >\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <Dialog open={open} onClose={hideDialog} className={dialogContainerStyles}>\n                    <DialogTitle>\n                        {t`New {modelName} Entry`({ modelName: contentModel.name })}\n                    </DialogTitle>\n                    <DialogContent className={dialogContentStyles}>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </Dialog>\n                {children}\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default NewRefEntryFormDialog;\n"],"mappings":"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"}

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

@@ -1,8 +1,20 @@
-export var createEntryUrl = function createEntryUrl(_ref) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNewEntryUrl = exports.createEntryUrl = void 0;
+
+var createEntryUrl = function createEntryUrl(_ref) {
   var modelId = _ref.modelId,
       id = _ref.id;
   return "/cms/content-entries/".concat(modelId, "?id=").concat(encodeURIComponent(id));
 };
-export var createNewEntryUrl = function createNewEntryUrl(modelId) {
+
+exports.createEntryUrl = createEntryUrl;
+
+var createNewEntryUrl = function createNewEntryUrl(modelId) {
   return "/cms/content-entries/".concat(modelId, "?new=true");
-};
+};
+
+exports.createNewEntryUrl = createNewEntryUrl;

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

@@ -1 +1 @@
-{"version":3,"sources":["createEntryUrl.ts"],"names":["createEntryUrl","modelId","id","encodeURIComponent","createNewEntryUrl"],"mappings":"AAKA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAAmD;AAAA,MAAhDC,OAAgD,QAAhDA,OAAgD;AAAA,MAAvCC,EAAuC,QAAvCA,EAAuC;AAC7E,wCAA+BD,OAA/B,iBAA6CE,kBAAkB,CAACD,EAAD,CAA/D;AACH,CAFM;AAIP,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACH,OAAD,EAA6B;AAC1D,wCAA+BA,OAA/B;AACH,CAFM","sourcesContent":["export interface CreateEntryUrlParams {\n    id: string;\n    modelId: string;\n}\n\nexport const createEntryUrl = ({ modelId, id }: CreateEntryUrlParams): string => {\n    return `/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`;\n};\n\nexport const createNewEntryUrl = (modelId: string): string => {\n    return `/cms/content-entries/${modelId}?new=true`;\n};\n"]}
+{"version":3,"names":["createEntryUrl","modelId","id","encodeURIComponent","createNewEntryUrl"],"sources":["createEntryUrl.ts"],"sourcesContent":["export interface CreateEntryUrlParams {\n    id: string;\n    modelId: string;\n}\n\nexport const createEntryUrl = ({ modelId, id }: CreateEntryUrlParams): string => {\n    return `/cms/content-entries/${modelId}?id=${encodeURIComponent(id)}`;\n};\n\nexport const createNewEntryUrl = (modelId: string): string => {\n    return `/cms/content-entries/${modelId}?new=true`;\n};\n"],"mappings":";;;;;;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAAmD;EAAA,IAAhDC,OAAgD,QAAhDA,OAAgD;EAAA,IAAvCC,EAAuC,QAAvCA,EAAuC;EAC7E,sCAA+BD,OAA/B,iBAA6CE,kBAAkB,CAACD,EAAD,CAA/D;AACH,CAFM;;;;AAIA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACH,OAAD,EAA6B;EAC1D,sCAA+BA,OAA/B;AACH,CAFM"}

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

@@ -1,24 +1,37 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEARCH_CONTENT_ENTRIES = exports.GET_CONTENT_ENTRY = exports.GET_CONTENT_ENTRIES = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import gql from "graphql-tag";
 var fields = "\ndata {\n    id\n    entryId\n    status\n    title\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}";
 /**
  * #########################
  * Common variables
  */
 
-export var SEARCH_CONTENT_ENTRIES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ", "\n        }\n    }\n"])), fields);
+var SEARCH_CONTENT_ENTRIES = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ", "\n        }\n    }\n"])), fields);
 /**
  * #########################
  * Get Entries Query Response
  */
 
-export var GET_CONTENT_ENTRIES = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ", "\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ", "\n        }\n    }\n"])), fields, fields);
+exports.SEARCH_CONTENT_ENTRIES = SEARCH_CONTENT_ENTRIES;
+var GET_CONTENT_ENTRIES = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ", "\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ", "\n        }\n    }\n"])), fields, fields);
 /**
  * #########################
  * Get Entry Query Response
  */
 
-export var GET_CONTENT_ENTRY = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ", "\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ", "\n        }\n    }\n"])), fields, fields);
+exports.GET_CONTENT_ENTRIES = GET_CONTENT_ENTRIES;
+var GET_CONTENT_ENTRY = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ", "\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ", "\n        }\n    }\n"])), fields, fields);
+exports.GET_CONTENT_ENTRY = GET_CONTENT_ENTRY;

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

@@ -1 +1 @@
-{"version":3,"sources":["graphql.ts"],"names":["gql","fields","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAIA,IAAMC,MAAM,gOAAZ;AAsBA;AACA;AACA;AACA;;AAsBA,OAAO,IAAMC,sBAAsB,GAAGF,GAAH,6RAGrBC,MAHqB,CAA5B;AAOP;AACA;AACA;AACA;;AAeA,OAAO,IAAME,mBAAmB,GAAGH,GAAH,iVAGlBC,MAHkB,EAMlBA,MANkB,CAAzB;AAWP;AACA;AACA;AACA;;AAeA,OAAO,IAAMG,iBAAiB,GAAGJ,GAAH,8TAGhBC,MAHgB,EAMhBA,MANgB,CAAvB","sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse } from \"~/types\";\nimport { CmsReferenceContentEntry } from \"./types\";\n\nconst fields = `\ndata {\n    id\n    entryId\n    status\n    title\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}`;\n\n/**\n * #########################\n * Common variables\n */\nexport interface CmsEntryGetEntryVariable {\n    modelId: string;\n    id: string;\n}\n\n/**\n * #########################\n * Search Entries Query Response\n */\n\nexport interface CmsEntrySearchQueryResponse {\n    content: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntrySearchQueryVariables {\n    modelIds: string[];\n    query?: string;\n    limit?: number;\n}\nexport const SEARCH_CONTENT_ENTRIES = gql`\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ${fields}\n        }\n    }\n`;\n/**\n * #########################\n * Get Entries Query Response\n */\n\nexport interface CmsEntryGetListResponse {\n    latest: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetListVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\nexport const GET_CONTENT_ENTRIES = gql`\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\n/**\n * #########################\n * Get Entry Query Response\n */\nexport interface CmsEntryGetQueryResponse {\n    latest: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetQueryVariables {\n    entry: CmsEntryGetEntryVariable;\n}\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ${fields}\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ${fields}\n        }\n    }\n`;\n"]}
+{"version":3,"names":["fields","SEARCH_CONTENT_ENTRIES","gql","GET_CONTENT_ENTRIES","GET_CONTENT_ENTRY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse } from \"~/types\";\nimport { CmsReferenceContentEntry } from \"./types\";\n\nconst fields = `\ndata {\n    id\n    entryId\n    status\n    title\n    model {\n        modelId\n        name\n    }\n    published {\n        id\n        entryId\n        title\n    }\n}\nerror {\n    code\n    message\n    data\n}`;\n\n/**\n * #########################\n * Common variables\n */\nexport interface CmsEntryGetEntryVariable {\n    modelId: string;\n    id: string;\n}\n\n/**\n * #########################\n * Search Entries Query Response\n */\n\nexport interface CmsEntrySearchQueryResponse {\n    content: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntrySearchQueryVariables {\n    modelIds: string[];\n    query?: string;\n    limit?: number;\n}\nexport const SEARCH_CONTENT_ENTRIES = gql`\n    query CmsSearchContentEntries($modelIds: [ID!]!, $query: String, $limit: Int) {\n        content: searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            ${fields}\n        }\n    }\n`;\n/**\n * #########################\n * Get Entries Query Response\n */\n\nexport interface CmsEntryGetListResponse {\n    latest: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetListVariables {\n    entries: CmsEntryGetEntryVariable[];\n}\nexport const GET_CONTENT_ENTRIES = gql`\n    query CmsGetContentEntries($entries: [CmsModelEntryInput!]!) {\n        latest: getLatestContentEntries(entries: $entries) {\n            ${fields}\n        }\n        published: getPublishedContentEntries(entries: $entries) {\n            ${fields}\n        }\n    }\n`;\n\n/**\n * #########################\n * Get Entry Query Response\n */\nexport interface CmsEntryGetQueryResponse {\n    latest: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n    published: {\n        data: CmsReferenceContentEntry | null;\n        error: CmsErrorResponse | null;\n    };\n}\nexport interface CmsEntryGetQueryVariables {\n    entry: CmsEntryGetEntryVariable;\n}\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n        latest: getLatestContentEntry(entry: $entry) {\n            ${fields}\n        }\n        published: getPublishedContentEntry(entry: $entry) {\n            ${fields}\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;;AAAA;;;;AAIA,IAAMA,MAAM,gOAAZ;AAsBA;AACA;AACA;AACA;;AAsBO,IAAMC,sBAAsB,OAAGC,mBAAH,4SAGrBF,MAHqB,CAA5B;AAOP;AACA;AACA;AACA;;;AAeO,IAAMG,mBAAmB,OAAGD,mBAAH,gWAGlBF,MAHkB,EAMlBA,MANkB,CAAzB;AAWP;AACA;AACA;AACA;;;AAeO,IAAMI,iBAAiB,OAAGF,mBAAH,6UAGhBF,MAHgB,EAMhBA,MANgB,CAAvB"}

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

@@ -1,4 +1,11 @@
-export var convertReferenceEntryToOption = function convertReferenceEntryToOption(entry) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getItemStatusText = exports.getEntryStatus = exports.convertReferenceEntryToOption = exports.convertReferenceEntriesToOptionCollection = void 0;
+
+var convertReferenceEntryToOption = function convertReferenceEntryToOption(entry) {
   return {
     id: entry.id,
     entryId: entry.entryId,
@@ -10,13 +17,19 @@ export var convertReferenceEntryToOption = function convertReferenceEntryToOptio
     name: entry.title
   };
 };
-export var convertReferenceEntriesToOptionCollection = function convertReferenceEntriesToOptionCollection(entries) {
+
+exports.convertReferenceEntryToOption = convertReferenceEntryToOption;
+
+var convertReferenceEntriesToOptionCollection = function convertReferenceEntriesToOptionCollection(entries) {
   return entries.reduce(function (collection, entry) {
     collection[entry.entryId] = convertReferenceEntryToOption(entry);
     return collection;
   }, {});
 };
-export var getEntryStatus = function getEntryStatus(item) {
+
+exports.convertReferenceEntriesToOptionCollection = convertReferenceEntriesToOptionCollection;
+
+var getEntryStatus = function getEntryStatus(item) {
   if (item.status === "published") {
     return "published";
   } else if (item.status === "unpublished" || !item.published && item.status === "draft") {
@@ -25,7 +38,10 @@ export var getEntryStatus = function getEntryStatus(item) {
 
   return "draft";
 };
-export var getItemStatusText = function getItemStatusText(item) {
+
+exports.getEntryStatus = getEntryStatus;
+
+var getItemStatusText = function getItemStatusText(item) {
   var status = getEntryStatus(item);
 
   switch (status) {
@@ -38,4 +54,6 @@ export var getItemStatusText = function getItemStatusText(item) {
     default:
       return "Latest revision of this entry is in draft stage.";
   }
-};
+};
+
+exports.getItemStatusText = getItemStatusText;

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

@@ -1 +1 @@
-{"version":3,"sources":["helpers.ts"],"names":["convertReferenceEntryToOption","entry","id","entryId","modelId","model","modelName","name","published","latest","status","title","convertReferenceEntriesToOptionCollection","entries","reduce","collection","getEntryStatus","item","getItemStatusText"],"mappings":"AAGA,OAAO,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,KAAD,EAAiD;AAC1F,SAAO;AACHC,IAAAA,EAAE,EAAED,KAAK,CAACC,EADP;AAEHC,IAAAA,OAAO,EAAEF,KAAK,CAACE,OAFZ;AAGHC,IAAAA,OAAO,EAAEH,KAAK,CAACI,KAAN,CAAYD,OAHlB;AAIHE,IAAAA,SAAS,EAAEL,KAAK,CAACI,KAAN,CAAYE,IAJpB;AAKHC,IAAAA,SAAS,EAAEP,KAAK,CAACO,SAAN,GAAkBP,KAAK,CAACO,SAAN,CAAgBN,EAAlC,GAAuC,IAL/C;AAMHO,IAAAA,MAAM,EAAER,KAAK,CAACC,EANX;AAOHQ,IAAAA,MAAM,EAAET,KAAK,CAACS,MAPX;AAQHH,IAAAA,IAAI,EAAEN,KAAK,CAACU;AART,GAAP;AAUH,CAXM;AAaP,OAAO,IAAMC,yCAAyC,GAAG,SAA5CA,yCAA4C,CACrDC,OADqD,EAE9B;AACvB,SAAOA,OAAO,CAACC,MAAR,CAAe,UAACC,UAAD,EAAad,KAAb,EAAuB;AACzCc,IAAAA,UAAU,CAACd,KAAK,CAACE,OAAP,CAAV,GAA4BH,6BAA6B,CAACC,KAAD,CAAzD;AACA,WAAOc,UAAP;AACH,GAHM,EAGJ,EAHI,CAAP;AAIH,CAPM;AASP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAiD;AAC3E,MAAIA,IAAI,CAACP,MAAL,KAAgB,WAApB,EAAiC;AAC7B,WAAO,WAAP;AACH,GAFD,MAEO,IAAIO,IAAI,CAACP,MAAL,KAAgB,aAAhB,IAAkC,CAACO,IAAI,CAACT,SAAN,IAAmBS,IAAI,CAACP,MAAL,KAAgB,OAAzE,EAAmF;AACtF,WAAO,aAAP;AACH;;AACD,SAAO,OAAP;AACH,CAPM;AASP,OAAO,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAACD,IAAD,EAA8B;AAC3D,MAAMP,MAAM,GAAGM,cAAc,CAACC,IAAD,CAA7B;;AACA,UAAQP,MAAR;AACI,SAAK,WAAL;AACI,aAAO,0BAAP;;AACJ,SAAK,aAAL;AACI,aAAO,oCAAP;;AACJ;AACI,aAAO,kDAAP;AANR;AAQH,CAVM","sourcesContent":["import { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport { CmsContentEntryStatusType } from \"~/types\";\n\nexport const convertReferenceEntryToOption = (entry: CmsReferenceContentEntry): OptionItem => {\n    return {\n        id: entry.id,\n        entryId: entry.entryId,\n        modelId: entry.model.modelId,\n        modelName: entry.model.name,\n        published: entry.published ? entry.published.id : null,\n        latest: entry.id,\n        status: entry.status,\n        name: entry.title\n    };\n};\n\nexport const convertReferenceEntriesToOptionCollection = (\n    entries: CmsReferenceContentEntry[]\n): OptionItemCollection => {\n    return entries.reduce((collection, entry) => {\n        collection[entry.entryId] = convertReferenceEntryToOption(entry);\n        return collection;\n    }, {} as OptionItemCollection);\n};\n\nexport const getEntryStatus = (item: OptionItem): CmsContentEntryStatusType => {\n    if (item.status === \"published\") {\n        return \"published\";\n    } else if (item.status === \"unpublished\" || (!item.published && item.status === \"draft\")) {\n        return \"unpublished\";\n    }\n    return \"draft\";\n};\n\nexport const getItemStatusText = (item: OptionItem): string => {\n    const status = getEntryStatus(item);\n    switch (status) {\n        case \"published\":\n            return \"This entry is published.\";\n        case \"unpublished\":\n            return \"This entry has not been published.\";\n        default:\n            return \"Latest revision of this entry is in draft stage.\";\n    }\n};\n"]}
+{"version":3,"names":["convertReferenceEntryToOption","entry","id","entryId","modelId","model","modelName","name","published","latest","status","title","convertReferenceEntriesToOptionCollection","entries","reduce","collection","getEntryStatus","item","getItemStatusText"],"sources":["helpers.ts"],"sourcesContent":["import { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport { CmsContentEntryStatusType } from \"~/types\";\n\nexport const convertReferenceEntryToOption = (entry: CmsReferenceContentEntry): OptionItem => {\n    return {\n        id: entry.id,\n        entryId: entry.entryId,\n        modelId: entry.model.modelId,\n        modelName: entry.model.name,\n        published: entry.published ? entry.published.id : null,\n        latest: entry.id,\n        status: entry.status,\n        name: entry.title\n    };\n};\n\nexport const convertReferenceEntriesToOptionCollection = (\n    entries: CmsReferenceContentEntry[]\n): OptionItemCollection => {\n    return entries.reduce((collection, entry) => {\n        collection[entry.entryId] = convertReferenceEntryToOption(entry);\n        return collection;\n    }, {} as OptionItemCollection);\n};\n\nexport const getEntryStatus = (item: OptionItem): CmsContentEntryStatusType => {\n    if (item.status === \"published\") {\n        return \"published\";\n    } else if (item.status === \"unpublished\" || (!item.published && item.status === \"draft\")) {\n        return \"unpublished\";\n    }\n    return \"draft\";\n};\n\nexport const getItemStatusText = (item: OptionItem): string => {\n    const status = getEntryStatus(item);\n    switch (status) {\n        case \"published\":\n            return \"This entry is published.\";\n        case \"unpublished\":\n            return \"This entry has not been published.\";\n        default:\n            return \"Latest revision of this entry is in draft stage.\";\n    }\n};\n"],"mappings":";;;;;;;AAGO,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,CAACC,KAAD,EAAiD;EAC1F,OAAO;IACHC,EAAE,EAAED,KAAK,CAACC,EADP;IAEHC,OAAO,EAAEF,KAAK,CAACE,OAFZ;IAGHC,OAAO,EAAEH,KAAK,CAACI,KAAN,CAAYD,OAHlB;IAIHE,SAAS,EAAEL,KAAK,CAACI,KAAN,CAAYE,IAJpB;IAKHC,SAAS,EAAEP,KAAK,CAACO,SAAN,GAAkBP,KAAK,CAACO,SAAN,CAAgBN,EAAlC,GAAuC,IAL/C;IAMHO,MAAM,EAAER,KAAK,CAACC,EANX;IAOHQ,MAAM,EAAET,KAAK,CAACS,MAPX;IAQHH,IAAI,EAAEN,KAAK,CAACU;EART,CAAP;AAUH,CAXM;;;;AAaA,IAAMC,yCAAyC,GAAG,SAA5CA,yCAA4C,CACrDC,OADqD,EAE9B;EACvB,OAAOA,OAAO,CAACC,MAAR,CAAe,UAACC,UAAD,EAAad,KAAb,EAAuB;IACzCc,UAAU,CAACd,KAAK,CAACE,OAAP,CAAV,GAA4BH,6BAA6B,CAACC,KAAD,CAAzD;IACA,OAAOc,UAAP;EACH,CAHM,EAGJ,EAHI,CAAP;AAIH,CAPM;;;;AASA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAiD;EAC3E,IAAIA,IAAI,CAACP,MAAL,KAAgB,WAApB,EAAiC;IAC7B,OAAO,WAAP;EACH,CAFD,MAEO,IAAIO,IAAI,CAACP,MAAL,KAAgB,aAAhB,IAAkC,CAACO,IAAI,CAACT,SAAN,IAAmBS,IAAI,CAACP,MAAL,KAAgB,OAAzE,EAAmF;IACtF,OAAO,aAAP;EACH;;EACD,OAAO,OAAP;AACH,CAPM;;;;AASA,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAACD,IAAD,EAA8B;EAC3D,IAAMP,MAAM,GAAGM,cAAc,CAACC,IAAD,CAA7B;;EACA,QAAQP,MAAR;IACI,KAAK,WAAL;MACI,OAAO,0BAAP;;IACJ,KAAK,aAAL;MACI,OAAO,oCAAP;;IACJ;MACI,OAAO,kDAAP;EANR;AAQH,CAVM"}

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

@@ -1,33 +1,56 @@
-import React from "react";
-import styled from "@emotion/styled";
-import { Typography } from "@webiny/ui/Typography";
-import { createEntryUrl } from "./createEntryUrl";
-import { Link } from "@webiny/react-router";
-import { EntryStatus } from "./EntryStatus";
-import { IconButton } from "@webiny/ui/Button";
-import { css } from "emotion";
-var ModelId = /*#__PURE__*/styled("span", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderListItemOptions = exports.renderItem = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _createEntryUrl = require("./createEntryUrl");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _EntryStatus = require("./EntryStatus");
+
+var _Button = require("@webiny/ui/Button");
+
+var _emotion = require("emotion");
+
+var ModelId = /*#__PURE__*/(0, _styled.default)("span", {
   target: "ejkg0kv0",
   label: "ModelId"
 })({
   color: "var(--mdc-theme-text-secondary-on-background) !important"
 });
-var iconButtonClassName = /*#__PURE__*/css({
+var iconButtonClassName = /*#__PURE__*/(0, _emotion.css)({
   verticalAlign: "top"
 }, "label:iconButtonClassName;");
-export var renderItem = function renderItem(props) {
-  return /*#__PURE__*/React.createElement(Typography, {
+
+var renderItem = function renderItem(props) {
+  return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "body2"
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: createEntryUrl(props)
-  }, props.name), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(ModelId, null, "Model: ", props.modelName));
+  }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+    to: (0, _createEntryUrl.createEntryUrl)(props)
+  }, props.name), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(ModelId, null, "Model: ", props.modelName));
 };
-export var renderListItemOptions = function renderListItemOptions(item) {
-  return /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(EntryStatus, {
+
+exports.renderItem = renderItem;
+
+var renderListItemOptions = function renderListItemOptions(item) {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
       item: item,
       placement: "top"
     }),
     className: iconButtonClassName
   });
-};
+};
+
+exports.renderListItemOptions = renderListItemOptions;

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

@@ -1 +1 @@
-{"version":3,"sources":["renderItem.tsx"],"names":["React","styled","Typography","createEntryUrl","Link","EntryStatus","IconButton","css","ModelId","color","iconButtonClassName","verticalAlign","renderItem","props","name","modelName","renderListItemOptions","item"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,cAAT;AACA,SAASC,IAAT,QAAqB,sBAArB;AAEA,SAASC,WAAT;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,GAAT,QAAoB,SAApB;AAEA,IAAMC,OAAO,gBAAGP,MAAH,CAAU,MAAV;AAAA;AAAA;AAAA,GAAkB;AAC3BQ,EAAAA,KAAK,EAAE;AADoB,CAAlB,CAAb;AAIA,IAAMC,mBAAmB,gBAAGH,GAAG,CAAC;AAC5BI,EAAAA,aAAa,EAAE;AADa,CAAD,+BAA/B;AAUA,OAAO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;AAC1D,sBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,kBACI,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAEV,cAAc,CAACU,KAAD;AAAxB,KAAkCA,KAAK,CAACC,IAAxC,CADJ,eAEI,+BAFJ,eAGI,oBAAC,OAAD,mBAAiBD,KAAK,CAACE,SAAvB,CAHJ,CADJ;AAOH,CARM;AAUP,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAsB;AACvD,sBACI,oBAAC,UAAD;AACI,IAAA,IAAI,eAAE,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAEA,IAAnB;AAAyB,MAAA,SAAS,EAAE;AAApC,MADV;AAEI,IAAA,SAAS,EAAEP;AAFf,IADJ;AAMH,CAPM","sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { Link } from \"@webiny/react-router\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { css } from \"emotion\";\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nconst iconButtonClassName = css({\n    verticalAlign: \"top\"\n});\n\nexport interface RenderItemProps {\n    name: string;\n    modelName: string;\n    modelId: string;\n    id: string;\n}\nexport const renderItem: React.FC<RenderItemProps> = props => {\n    return (\n        <Typography use={\"body2\"}>\n            <Link to={createEntryUrl(props)}>{props.name}</Link>\n            <br />\n            <ModelId>Model: {props.modelName}</ModelId>\n        </Typography>\n    );\n};\n\nexport const renderListItemOptions = (item: OptionItem) => {\n    return (\n        <IconButton\n            icon={<EntryStatus item={item} placement={\"top\"} />}\n            className={iconButtonClassName}\n        />\n    );\n};\n"]}
+{"version":3,"names":["ModelId","styled","color","iconButtonClassName","css","verticalAlign","renderItem","props","createEntryUrl","name","modelName","renderListItemOptions","item"],"sources":["renderItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { Link } from \"@webiny/react-router\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { css } from \"emotion\";\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nconst iconButtonClassName = css({\n    verticalAlign: \"top\"\n});\n\nexport interface RenderItemProps {\n    name: string;\n    modelName: string;\n    modelId: string;\n    id: string;\n}\nexport const renderItem: React.FC<RenderItemProps> = props => {\n    return (\n        <Typography use={\"body2\"}>\n            <Link to={createEntryUrl(props)}>{props.name}</Link>\n            <br />\n            <ModelId>Model: {props.modelName}</ModelId>\n        </Typography>\n    );\n};\n\nexport const renderListItemOptions = (item: OptionItem) => {\n    return (\n        <IconButton\n            icon={<EntryStatus item={item} placement={\"top\"} />}\n            className={iconButtonClassName}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA,IAAMA,OAAO,oBAAGC,eAAH,EAAU,MAAV;EAAA;EAAA;AAAA,GAAkB;EAC3BC,KAAK,EAAE;AADoB,CAAlB,CAAb;AAIA,IAAMC,mBAAmB,gBAAG,IAAAC,YAAA,EAAI;EAC5BC,aAAa,EAAE;AADa,CAAJ,+BAA5B;;AAUO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;EAC1D,oBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,gBACI,6BAAC,iBAAD;IAAM,EAAE,EAAE,IAAAC,8BAAA,EAAeD,KAAf;EAAV,GAAkCA,KAAK,CAACE,IAAxC,CADJ,eAEI,wCAFJ,eAGI,6BAAC,OAAD,mBAAiBF,KAAK,CAACG,SAAvB,CAHJ,CADJ;AAOH,CARM;;;;AAUA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,IAAD,EAAsB;EACvD,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,wBAAD;MAAa,IAAI,EAAEA,IAAnB;MAAyB,SAAS,EAAE;IAApC,EADV;IAEI,SAAS,EAAET;EAFf,EADJ;AAMH,CAPM"}

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

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { CmsContentEntryStatusType, CmsModel } from \"~/types\";\n\nexport interface OptionItem {\n    id: string;\n    entryId: string;\n    modelId: string;\n    modelName: string;\n    name: string;\n    published: string | null;\n    latest: string | null;\n    status: CmsContentEntryStatusType;\n}\n\nexport interface OptionItemCollection {\n    [key: string]: OptionItem;\n}\n\nexport interface CmsReferenceContentEntry {\n    id: string;\n    entryId: string;\n    title: string;\n    status: CmsContentEntryStatusType;\n    model: Pick<CmsModel, \"modelId\" | \"name\">;\n    published?: {\n        id: string;\n        entryId: string;\n        title: string;\n    };\n}\n"],"mappings":""}