@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

package/admin/components/ContentEntryForm/Header/DeleteEntry/DeleteEntry.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeleteEntry = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _delete = require("@material-design-icons/svg/filled/delete.svg");
+var _reactRouter = require("@webiny/react-router");
+var _usePermission2 = require("../../../../hooks/usePermission");
+var _contentEntries = require("../../../../config/contentEntries");
+var _useContentEntry2 = require("../../../../views/contentEntries/hooks/useContentEntry");
+var _useDeleteEntry2 = require("./useDeleteEntry");
+var DeleteEntry = function DeleteEntry() {
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    history = _useRouter.history;
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
+    entry = _useContentEntry.entry,
+    contentModel = _useContentEntry.contentModel,
+    loading = _useContentEntry.loading;
+  var _usePermission = (0, _usePermission2.usePermission)(),
+    canDelete = _usePermission.canDelete;
+  var _useDeleteEntry = (0, _useDeleteEntry2.useDeleteEntry)(),
+    showConfirmationDialog = _useDeleteEntry.showConfirmationDialog;
+  var _ContentEntryEditorCo = _contentEntries.ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem(),
+    OptionsMenuItem = _ContentEntryEditorCo.OptionsMenuItem;
+  var navigateBacktoList = (0, _react.useCallback)(function () {
+    return history.push("/cms/content-entries/" + contentModel.modelId);
+  }, []);
+  if (!canDelete(entry, "cms.contentEntry")) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null),
+    label: "Delete",
+    onAction: function onAction() {
+      return showConfirmationDialog({
+        onAccept: navigateBacktoList
+      });
+    },
+    disabled: !entry.id || loading,
+    "data-testid": "cms.content-form.header.delete"
+  });
+};
+exports.DeleteEntry = DeleteEntry;

package/admin/components/ContentEntryForm/Header/DeleteEntry/DeleteEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_delete","_reactRouter","_usePermission2","_contentEntries","_useContentEntry2","_useDeleteEntry2","DeleteEntry","_useRouter","useRouter","history","_useContentEntry","useContentEntry","entry","contentModel","loading","_usePermission","usePermission","canDelete","_useDeleteEntry","useDeleteEntry","showConfirmationDialog","_ContentEntryEditorCo","ContentEntryEditorConfig","Actions","MenuItemAction","useOptionsMenuItem","OptionsMenuItem","navigateBacktoList","useCallback","push","modelId","default","createElement","icon","ReactComponent","label","onAction","onAccept","disabled","id","exports"],"sources":["DeleteEntry.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/filled/delete.svg\";\nimport { useRouter } from \"@webiny/react-router\";\n\nimport { usePermission } from \"~/admin/hooks/usePermission\";\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useDeleteEntry } from \"./useDeleteEntry\";\n\nexport const DeleteEntry: React.FC = () => {\n    const { history } = useRouter();\n    const { entry, contentModel, loading } = useContentEntry();\n    const { canDelete } = usePermission();\n    const { showConfirmationDialog } = useDeleteEntry();\n    const { OptionsMenuItem } =\n        ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();\n\n    const navigateBacktoList = useCallback(\n        () => history.push(\"/cms/content-entries/\" + contentModel.modelId),\n        []\n    );\n\n    if (!canDelete(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Delete\"}\n            onAction={() =>\n                showConfirmationDialog({\n                    onAccept: navigateBacktoList\n                })\n            }\n            disabled={!entry.id || loading}\n            data-testid={\"cms.content-form.header.delete\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AAEO,IAAMO,WAAqB,GAAG,SAAxBA,WAAqBA,CAAA,EAAS;EACvC,IAAAC,UAAA,GAAoB,IAAAC,sBAAS,EAAC,CAAC;IAAvBC,OAAO,GAAAF,UAAA,CAAPE,OAAO;EACf,IAAAC,gBAAA,GAAyC,IAAAC,iCAAe,EAAC,CAAC;IAAlDC,KAAK,GAAAF,gBAAA,CAALE,KAAK;IAAEC,YAAY,GAAAH,gBAAA,CAAZG,YAAY;IAAEC,OAAO,GAAAJ,gBAAA,CAAPI,OAAO;EACpC,IAAAC,cAAA,GAAsB,IAAAC,6BAAa,EAAC,CAAC;IAA7BC,SAAS,GAAAF,cAAA,CAATE,SAAS;EACjB,IAAAC,eAAA,GAAmC,IAAAC,+BAAc,EAAC,CAAC;IAA3CC,sBAAsB,GAAAF,eAAA,CAAtBE,sBAAsB;EAC9B,IAAAC,qBAAA,GACIC,wCAAwB,CAACC,OAAO,CAACC,cAAc,CAACC,kBAAkB,CAAC,CAAC;IADhEC,eAAe,GAAAL,qBAAA,CAAfK,eAAe;EAGvB,IAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAClC;IAAA,OAAMnB,OAAO,CAACoB,IAAI,CAAC,uBAAuB,GAAGhB,YAAY,CAACiB,OAAO,CAAC;EAAA,GAClE,EACJ,CAAC;EAED,IAAI,CAACb,SAAS,CAACL,KAAK,EAAE,kBAAkB,CAAC,EAAE;IACvC,OAAO,IAAI;EACf;EAEA,oBACIf,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAACN,eAAe;IACZO,IAAI,eAAEpC,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAChC,OAAA,CAAAkC,cAAU,MAAE,CAAE;IACrBC,KAAK,EAAE,QAAS;IAChBC,QAAQ,EAAE,SAAAA,SAAA;MAAA,OACNhB,sBAAsB,CAAC;QACnBiB,QAAQ,EAAEV;MACd,CAAC,CAAC;IAAA,CACL;IACDW,QAAQ,EAAE,CAAC1B,KAAK,CAAC2B,EAAE,IAAIzB,OAAQ;IAC/B,eAAa;EAAiC,CACjD,CAAC;AAEV,CAAC;AAAC0B,OAAA,CAAAlC,WAAA,GAAAA,WAAA"}

package/admin/components/ContentEntryForm/Header/DeleteEntry/index.d.ts

@@ -0,0 +1 @@
+export * from "./DeleteEntry";

package/admin/components/ContentEntryForm/Header/DeleteEntry/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DeleteEntry = require("./DeleteEntry");
+Object.keys(_DeleteEntry).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DeleteEntry[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DeleteEntry[key];
+    }
+  });
+});

package/admin/components/ContentEntryForm/Header/DeleteEntry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_DeleteEntry","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./DeleteEntry\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/admin/components/ContentEntryForm/Header/DeleteEntry/useDeleteEntry.d.ts

@@ -0,0 +1,9 @@
+interface ShowConfirmationDialogParams {
+    onAccept?: () => void;
+    onCancel?: () => void;
+}
+interface UseDeleteEntryDialogResponse {
+    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;
+}
+export declare const useDeleteEntry: () => UseDeleteEntryDialogResponse;
+export {};

package/admin/components/ContentEntryForm/Header/DeleteEntry/useDeleteEntry.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDeleteEntry = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _appAdmin = require("@webiny/app-admin");
+var _utils = require("@webiny/utils");
+var _hooks = require("../../../../hooks");
+var _appAco = require("@webiny/app-aco");
+var useDeleteEntry = function useDeleteEntry() {
+  var _useCms = (0, _hooks.useCms)(),
+    deleteEntry = _useCms.deleteEntry;
+  var _useContentEntry = (0, _hooks.useContentEntry)(),
+    contentModel = _useContentEntry.contentModel,
+    entry = _useContentEntry.entry;
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useDialog = (0, _appAdmin.useDialog)(),
+    showDialog = _useDialog.showDialog;
+  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
+    navigateToLatestFolder = _useNavigateFolder.navigateToLatestFolder;
+  var _useRecords = (0, _appAco.useRecords)(),
+    removeRecordFromCache = _useRecords.removeRecordFromCache;
+  var title = (0, _get.default)(entry, "meta.title");
+  var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
+      title: "Delete content entry",
+      message: /*#__PURE__*/_react.default.createElement("p", null, "You are about to delete this content entry and all of its revisions!", /*#__PURE__*/_react.default.createElement("br", null), "Are you sure you want to permanently delete ", /*#__PURE__*/_react.default.createElement("strong", null, title), "?"),
+      dataTestId: "cms.content-form.header.delete-dialog"
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
+  var showConfirmationDialog = (0, _react.useCallback)(function (_ref) {
+    var onAccept = _ref.onAccept,
+      onCancel = _ref.onCancel;
+    return showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var _parseIdentifier, entryId, _yield$deleteEntry, error;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _parseIdentifier = (0, _utils.parseIdentifier)(entry.id), entryId = _parseIdentifier.id;
+            _context.next = 3;
+            return deleteEntry({
+              model: contentModel,
+              entry: entry,
+              id: entryId
+            });
+          case 3:
+            _yield$deleteEntry = _context.sent;
+            error = _yield$deleteEntry.error;
+            if (!error) {
+              _context.next = 8;
+              break;
+            }
+            showDialog(error.message, {
+              title: "Could not delete content!"
+            });
+            return _context.abrupt("return");
+          case 8:
+            showSnackbar("".concat(title, " was deleted successfully!"));
+            removeRecordFromCache(entry.id);
+            navigateToLatestFolder();
+            if (!(typeof onAccept === "function")) {
+              _context.next = 14;
+              break;
+            }
+            _context.next = 14;
+            return onAccept();
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })), onCancel);
+  }, [entry]);
+  return {
+    showConfirmationDialog: showConfirmationDialog
+  };
+};
+exports.useDeleteEntry = useDeleteEntry;

package/admin/components/ContentEntryForm/Header/DeleteEntry/useDeleteEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_appAdmin","_utils","_hooks","_appAco","useDeleteEntry","_useCms","useCms","deleteEntry","_useContentEntry","useContentEntry","contentModel","entry","_useSnackbar","useSnackbar","showSnackbar","_useDialog","useDialog","showDialog","_useNavigateFolder","useNavigateFolder","navigateToLatestFolder","_useRecords","useRecords","removeRecordFromCache","title","get","_useConfirmationDialo","useConfirmationDialog","message","default","createElement","dataTestId","showConfirmation","showConfirmationDialog","useCallback","_ref","onAccept","onCancel","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_parseIdentifier","entryId","_yield$deleteEntry","error","wrap","_callee$","_context","prev","next","parseIdentifier","id","model","sent","abrupt","concat","stop","exports"],"sources":["useDeleteEntry.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport get from \"lodash/get\";\nimport { useConfirmationDialog, useDialog, useSnackbar } from \"@webiny/app-admin\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { useCms, useContentEntry } from \"~/admin/hooks\";\nimport { useNavigateFolder, useRecords } from \"@webiny/app-aco\";\n\ninterface ShowConfirmationDialogParams {\n    onAccept?: () => void;\n    onCancel?: () => void;\n}\n\ninterface UseDeleteEntryDialogResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n}\n\nexport const useDeleteEntry = (): UseDeleteEntryDialogResponse => {\n    const { deleteEntry } = useCms();\n    const { contentModel, entry } = useContentEntry();\n    const { showSnackbar } = useSnackbar();\n    const { showDialog } = useDialog();\n    const { navigateToLatestFolder } = useNavigateFolder();\n    const { removeRecordFromCache } = useRecords();\n\n    const title = get(entry, \"meta.title\");\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete content entry\",\n        message: (\n            <p>\n                You are about to delete this content entry and all of its revisions!\n                <br />\n                Are you sure you want to permanently delete <strong>{title}</strong>?\n            </p>\n        ),\n        dataTestId: \"cms.content-form.header.delete-dialog\"\n    });\n\n    const showConfirmationDialog = useCallback(\n        ({ onAccept, onCancel }) =>\n            showConfirmation(async () => {\n                const { id: entryId } = parseIdentifier(entry.id);\n                const { error } = await deleteEntry({\n                    model: contentModel,\n                    entry,\n                    id: entryId\n                });\n\n                if (error) {\n                    showDialog(error.message, { title: \"Could not delete content!\" });\n                    return;\n                }\n\n                showSnackbar(`${title} was deleted successfully!`);\n                removeRecordFromCache(entry.id);\n                navigateToLatestFolder();\n\n                if (typeof onAccept === \"function\") {\n                    await onAccept();\n                }\n            }, onCancel),\n        [entry]\n    );\n\n    return { showConfirmationDialog };\n};\n"],"mappings":"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"}

package/admin/components/ContentEntryForm/Header/Header.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Header: React.FC;

package/admin/{views/contentEntries/ContentEntry/header → components/ContentEntryForm/Header}/Header.js

@@ -4,12 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Header = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _emotion = require("emotion");
-var _plugins = require("@webiny/app/plugins");
+var _appAdmin = require("@webiny/app-admin");
 var _Grid = require("@webiny/ui/Grid");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _contentEntries = require("../../../config/contentEntries");
+var _ContentFormOptionsMenu = require("./ContentFormOptionsMenu");
+var _RevisionSelector = require("./RevisionSelector");
 var toolbarGrid = /*#__PURE__*/(0, _emotion.css)({
   borderBottom: "1px solid var(--mdc-theme-on-background)"
 }, "label:toolbarGrid;");
@@ -23,16 +26,19 @@ var headerActionsLeft = /*#__PURE__*/(0, _emotion.css)({
 var headerActionsRight = /*#__PURE__*/(0, _emotion.css)({
   justifyContent: "flex-start"
 }, "label:headerActionsRight;");
-var Header = function Header(props) {
+var Header = function Header() {
+  var _useContentEntryEdito = (0, _contentEntries.useContentEntryEditorConfig)(),
+    buttonActions = _useContentEntryEdito.buttonActions;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
     className: toolbarGrid
   }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 4,
     className: (0, _classnames.default)(headerActions, headerActionsRight)
-  }, (0, _plugins.renderPlugins)("cms-content-details-header-left", props)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }, /*#__PURE__*/_react.default.createElement(_RevisionSelector.RevisionSelector, null)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 8,
     className: (0, _classnames.default)(headerActions, headerActionsLeft)
-  }, (0, _plugins.renderPlugins)("cms-content-details-header-right", props))));
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Buttons, {
+    actions: buttonActions
+  }), /*#__PURE__*/_react.default.createElement(_ContentFormOptionsMenu.ContentFormOptionsMenu, null))));
 };
-var _default = Header;
-exports.default = _default;
+exports.Header = Header;

package/admin/components/ContentEntryForm/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_appAdmin","_Grid","_classnames","_contentEntries","_ContentFormOptionsMenu","_RevisionSelector","toolbarGrid","css","borderBottom","headerActions","display","alignItems","headerActionsLeft","justifyContent","headerActionsRight","Header","_useContentEntryEdito","useContentEntryEditorConfig","buttonActions","default","createElement","Fragment","Grid","className","Cell","span","classNames","RevisionSelector","Buttons","actions","ContentFormOptionsMenu","exports"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport classNames from \"classnames\";\n\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\n\nimport { ContentFormOptionsMenu } from \"./ContentFormOptionsMenu\";\nimport { RevisionSelector } from \"~/admin/components/ContentEntryForm/Header/RevisionSelector\";\n\nconst toolbarGrid = css({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n});\n\nconst headerActions = css({\n    display: \"flex\",\n    alignItems: \"center\"\n});\n\nconst headerActionsLeft = css({\n    justifyContent: \"flex-end\"\n});\n\nconst headerActionsRight = css({\n    justifyContent: \"flex-start\"\n});\n\nexport const Header: React.FC = () => {\n    const { buttonActions } = useContentEntryEditorConfig();\n\n    return (\n        <React.Fragment>\n            <Grid className={toolbarGrid}>\n                <Cell span={4} className={classNames(headerActions, headerActionsRight)}>\n                    <RevisionSelector />\n                </Cell>\n                <Cell span={8} className={classNames(headerActions, headerActionsLeft)}>\n                    <Buttons actions={buttonActions} />\n                    <ContentFormOptionsMenu />\n                </Cell>\n            </Grid>\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,eAAA,GAAAL,OAAA;AAEA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AAEA,IAAMQ,WAAW,gBAAG,IAAAC,YAAG,EAAC;EACpBC,YAAY,EAAE;AAClB,CAAC,uBAAC;AAEF,IAAMC,aAAa,gBAAG,IAAAF,YAAG,EAAC;EACtBG,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE;AAChB,CAAC,yBAAC;AAEF,IAAMC,iBAAiB,gBAAG,IAAAL,YAAG,EAAC;EAC1BM,cAAc,EAAE;AACpB,CAAC,6BAAC;AAEF,IAAMC,kBAAkB,gBAAG,IAAAP,YAAG,EAAC;EAC3BM,cAAc,EAAE;AACpB,CAAC,8BAAC;AAEK,IAAME,MAAgB,GAAG,SAAnBA,MAAgBA,CAAA,EAAS;EAClC,IAAAC,qBAAA,GAA0B,IAAAC,2CAA2B,EAAC,CAAC;IAA/CC,aAAa,GAAAF,qBAAA,CAAbE,aAAa;EAErB,oBACItB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACxB,MAAA,CAAAuB,OAAK,CAACE,QAAQ,qBACXzB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAAqB,IAAI;IAACC,SAAS,EAAEjB;EAAY,gBACzBV,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAAuB,IAAI;IAACC,IAAI,EAAE,CAAE;IAACF,SAAS,EAAE,IAAAG,mBAAU,EAACjB,aAAa,EAAEK,kBAAkB;EAAE,gBACpElB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAAsB,gBAAgB,MAAE,CACjB,CAAC,eACP/B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAAuB,IAAI;IAACC,IAAI,EAAE,CAAE;IAACF,SAAS,EAAE,IAAAG,mBAAU,EAACjB,aAAa,EAAEG,iBAAiB;EAAE,gBACnEhB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,SAAA,CAAA4B,OAAO;IAACC,OAAO,EAAEX;EAAc,CAAE,CAAC,eACnCtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAChB,uBAAA,CAAA0B,sBAAsB,MAAE,CACvB,CACJ,CACM,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAAhB,MAAA,GAAAA,MAAA"}

package/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const RevisionSelector: React.FC;

package/admin/{views/contentEntries/ContentEntry/header/revisionSelector → components/ContentEntryForm/Header/RevisionSelector}/RevisionSelector.js

@@ -4,33 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _get2 = _interopRequireDefault(require("lodash/get"));
+exports.RevisionSelector = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
+var _get = _interopRequireDefault(require("lodash/get"));
 var _reactRouter = require("@webiny/react-router");
-var _Button = require("@webiny/ui/Button");
 var _Icon = require("@webiny/ui/Icon");
 var _Typography = require("@webiny/ui/Typography");
 var _Menu = require("@webiny/ui/Menu");
-var _roundArrow_drop_down24px = require("../../../../../icons/round-arrow_drop_down-24px.svg");
-var _useContentEntry2 = require("../../../hooks/useContentEntry");
-var _statusLabels = _interopRequireDefault(require("../../../../../constants/statusLabels"));
-var buttonStyle = /*#__PURE__*/(0, _emotion.css)({
-  "&.mdc-button": {
-    color: "var(--mdc-theme-text-primary-on-background) !important"
-  }
-}, "label:buttonStyle;");
-var menuStyles = /*#__PURE__*/(0, _emotion.css)({
-  width: 150,
-  right: 0,
-  ".mdc-list-item": {
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "baseline",
-    textAlign: "left"
-  }
-}, "label:menuStyles;");
+var _arrow_drop_down = require("@material-design-icons/svg/round/arrow_drop_down.svg");
+var _useContentEntry2 = require("../../../../views/contentEntries/hooks/useContentEntry");
+var _statusLabels = require("../../../../constants/statusLabels");
+var _RevisionSelector = require("./RevisionSelector.styles");
 var defaultRevisions = [{
   id: "new",
   meta: {
@@ -48,17 +32,15 @@ var RevisionSelector = function RevisionSelector() {
     history = _useRouter.history;
   var query = new URLSearchParams(location.search);
   var currentRevision = {
-    version: (0, _get2.default)(entry, "meta.version", 1),
-    status: (0, _get2.default)(entry, "meta.status", "draft")
+    version: (0, _get.default)(entry, "meta.version", 1),
+    status: (0, _get.default)(entry, "meta.status", "draft")
   };
   var allRevisions = revisions.length ? revisions : defaultRevisions;
-  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-    className: menuStyles,
-    handle: /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      className: buttonStyle,
+  return /*#__PURE__*/_react.default.createElement(_RevisionSelector.Menu, {
+    handle: /*#__PURE__*/_react.default.createElement(_RevisionSelector.Button, {
       disabled: loading
-    }, "v", currentRevision.version, " (", _statusLabels.default[currentRevision.status], ")", " ", /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: /*#__PURE__*/_react.default.createElement(_roundArrow_drop_down24px.ReactComponent, null)
+    }, "v", currentRevision.version, " (", _statusLabels.statuses[currentRevision.status], ")", " ", /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null)
     }))
   }, allRevisions.map(function (revision) {
     return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
@@ -73,8 +55,7 @@ var RevisionSelector = function RevisionSelector() {
       use: "body2"
     }, "v", revision.meta.version), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "caption"
-    }, "(", _statusLabels.default[revision.meta.status], ")"));
+    }, "(", _statusLabels.statuses[revision.meta.status], ")"));
   }));
 };
-var _default = RevisionSelector;
-exports.default = _default;
+exports.RevisionSelector = RevisionSelector;

package/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_reactRouter","_Icon","_Typography","_Menu","_arrow_drop_down","_useContentEntry2","_statusLabels","_RevisionSelector","defaultRevisions","id","meta","version","status","RevisionSelector","_useContentEntry","useContentEntry","entry","revisions","loading","_useRouter","useRouter","location","history","query","URLSearchParams","search","currentRevision","get","allRevisions","length","default","createElement","Menu","handle","Button","disabled","statusLabels","Icon","icon","ReactComponent","map","revision","MenuItem","key","onClick","set","encodeURIComponent","push","toString","Typography","use","exports"],"sources":["RevisionSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\nimport { ReactComponent as DownButton } from \"@material-design-icons/svg/round/arrow_drop_down.svg\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { statuses as statusLabels } from \"~/admin/constants/statusLabels\";\nimport { CmsContentEntryRevision } from \"~/types\";\n\nimport { Button, Menu } from \"./RevisionSelector.styles\";\n\ninterface CmsEntryRevision extends Pick<CmsContentEntryRevision, \"id\"> {\n    meta: Pick<CmsContentEntryRevision[\"meta\"], \"version\" | \"status\">;\n}\n\nconst defaultRevisions: CmsEntryRevision[] = [\n    {\n        id: \"new\",\n        meta: {\n            version: 1,\n            status: \"draft\"\n        }\n    }\n];\n\nexport const RevisionSelector: React.FC = () => {\n    const { entry, revisions, loading } = useContentEntry();\n    const { location, history } = useRouter();\n    const query = new URLSearchParams(location.search);\n\n    const currentRevision = {\n        version: get(entry, \"meta.version\", 1) as number,\n        status: get(entry, \"meta.status\", \"draft\") as CmsContentEntryRevision[\"meta\"][\"status\"]\n    };\n\n    const allRevisions = revisions.length ? revisions : defaultRevisions;\n\n    return (\n        <Menu\n            handle={\n                <Button disabled={loading}>\n                    v{currentRevision.version} ({statusLabels[currentRevision.status]}){\" \"}\n                    <Icon icon={<DownButton />} />\n                </Button>\n            }\n        >\n            {allRevisions.map(revision => (\n                <MenuItem\n                    key={revision.id}\n                    onClick={() => {\n                        query.set(\"id\", encodeURIComponent(revision.id));\n                        history.push({ search: query.toString() });\n                    }}\n                >\n                    <Typography use={\"body2\"}>v{revision.meta.version}</Typography>\n                    <Typography use={\"caption\"}>({statusLabels[revision.meta.status]})</Typography>\n                </MenuItem>\n            ))}\n        </Menu>\n    );\n};\n"],"mappings":"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"}

package/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.styles.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { Menu as DefaultMenu } from "@webiny/ui/Menu";
+export declare const Button: import("@emotion/styled").StyledComponent<import("@webiny/ui/Button").ButtonProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const Menu: import("@emotion/styled").StyledComponent<Pick<import("@rmwc/menu").MenuProps & {
+    children: import("react").ReactNode;
+    handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
+    className?: string | undefined;
+    onOpen?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    "data-testid"?: string | undefined;
+}, never> & Partial<Pick<import("@rmwc/menu").MenuProps & {
+    children: import("react").ReactNode;
+    handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
+    className?: string | undefined;
+    onOpen?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    "data-testid"?: string | undefined;
+}, "anchor" | "className" | "data-testid" | "handle" | keyof import("@rmwc/menu").MenuProps>> & Partial<Pick<Partial<import("@rmwc/menu").MenuProps & {
+    children: import("react").ReactNode;
+    handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
+    className?: string | undefined;
+    onOpen?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    "data-testid"?: string | undefined;
+}>, never>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {
+    ref?: import("react").Ref<DefaultMenu> | undefined;
+}>;

package/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = exports.Button = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Button = require("@webiny/ui/Button");
+var _Menu = require("@webiny/ui/Menu");
+var Button = /*#__PURE__*/(0, _styled.default)(_Button.ButtonDefault, {
+  label: "Button",
+  target: "e16i3t8y0"
+})("color:var(--mdc-theme-text-primary-on-background) !important;");
+exports.Button = Button;
+var Menu = /*#__PURE__*/(0, _styled.default)(_Menu.Menu, {
+  label: "Menu",
+  target: "e16i3t8y1"
+})("width:150px;right:0;.mdc-list-item{flex-direction:column;justify-content:center;align-items:baseline;text-align:left;}");
+exports.Menu = Menu;

package/admin/components/ContentEntryForm/Header/RevisionSelector/RevisionSelector.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_Button","_Menu","Button","styled","DefaultButtonDefault","label","target","exports","Menu","DefaultMenu"],"sources":["RevisionSelector.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ButtonDefault as DefaultButtonDefault } from \"@webiny/ui/Button\";\nimport { Menu as DefaultMenu } from \"@webiny/ui/Menu\";\n\nexport const Button = styled(DefaultButtonDefault)`\n    color: var(--mdc-theme-text-primary-on-background) !important;\n`;\n\nexport const Menu = styled(DefaultMenu)`\n    width: 150px;\n    right: 0;\n\n    .mdc-list-item {\n        flex-direction: column;\n        justify-content: center;\n        align-items: baseline;\n        text-align: left;\n    }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEO,IAAMG,MAAM,oBAAGC,eAAM,EAACC,qBAAoB;EAAAC,KAAA;EAAAC,MAAA;AAAA,mEAEhD;AAACC,OAAA,CAAAL,MAAA,GAAAA,MAAA;AAEK,IAAMM,IAAI,oBAAGL,eAAM,EAACM,UAAW;EAAAJ,KAAA;EAAAC,MAAA;AAAA,4HAUrC;AAACC,OAAA,CAAAC,IAAA,GAAAA,IAAA"}

package/admin/components/ContentEntryForm/Header/RevisionSelector/index.d.ts

@@ -0,0 +1 @@
+export * from "./RevisionSelector";

package/admin/components/ContentEntryForm/Header/RevisionSelector/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _RevisionSelector = require("./RevisionSelector");
+Object.keys(_RevisionSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RevisionSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RevisionSelector[key];
+    }
+  });
+});

package/admin/components/ContentEntryForm/Header/RevisionSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RevisionSelector","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./RevisionSelector\";\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/SaveAndPublishContent.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SaveAndPublishButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactComposition = require("@webiny/react-composition");
+var _contentEntries = require("../../../../config/contentEntries");
+var _useContentEntry2 = require("../../../../views/contentEntries/hooks/useContentEntry");
+var _usePermission2 = _interopRequireDefault(require("../../../../hooks/usePermission"));
+var _useSaveAndPublish2 = require("./useSaveAndPublish");
+var SaveAndPublishButtonComponent = function SaveAndPublishButtonComponent() {
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
+    loading = _useContentEntry.loading,
+    entry = _useContentEntry.entry;
+  var _useSaveAndPublish = (0, _useSaveAndPublish2.useSaveAndPublish)(),
+    showConfirmationDialog = _useSaveAndPublish.showConfirmationDialog;
+  var _ContentEntryEditorCo = _contentEntries.ContentEntryEditorConfig.Actions.ButtonAction.useButtons(),
+    ButtonPrimary = _ContentEntryEditorCo.ButtonPrimary;
+  var _usePermission = (0, _usePermission2.default)(),
+    canEdit = _usePermission.canEdit,
+    canPublish = _usePermission.canPublish;
+  if (!canEdit(entry, "cms.contentEntry") || !canPublish("cms.contentEntry")) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(ButtonPrimary, {
+    onAction: showConfirmationDialog,
+    disabled: loading,
+    "data-testid": "cms-content-save-publish-content-button"
+  }, "Save & Publish");
+};
+var SaveAndPublishButton = (0, _reactComposition.makeComposable)("SaveAndPublishButton", SaveAndPublishButtonComponent);
+exports.SaveAndPublishButton = SaveAndPublishButton;

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/SaveAndPublishContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactComposition","_contentEntries","_useContentEntry2","_usePermission2","_useSaveAndPublish2","SaveAndPublishButtonComponent","_useContentEntry","useContentEntry","loading","entry","_useSaveAndPublish","useSaveAndPublish","showConfirmationDialog","_ContentEntryEditorCo","ContentEntryEditorConfig","Actions","ButtonAction","useButtons","ButtonPrimary","_usePermission","usePermission","canEdit","canPublish","default","createElement","onAction","disabled","SaveAndPublishButton","makeComposable","exports"],"sources":["SaveAndPublishContent.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { makeComposable } from \"@webiny/react-composition\";\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { useSaveAndPublish } from \"./useSaveAndPublish\";\n\nconst SaveAndPublishButtonComponent: React.FC = () => {\n    const { loading, entry } = useContentEntry();\n    const { showConfirmationDialog } = useSaveAndPublish();\n    const { ButtonPrimary } = ContentEntryEditorConfig.Actions.ButtonAction.useButtons();\n\n    const { canEdit, canPublish } = usePermission();\n\n    if (!canEdit(entry, \"cms.contentEntry\") || !canPublish(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <ButtonPrimary\n            onAction={showConfirmationDialog}\n            disabled={loading}\n            data-testid=\"cms-content-save-publish-content-button\"\n        >\n            {\"Save & Publish\"}\n        </ButtonPrimary>\n    );\n};\n\nexport const SaveAndPublishButton = makeComposable(\n    \"SaveAndPublishButton\",\n    SaveAndPublishButtonComponent\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAEA,IAAMM,6BAAuC,GAAG,SAA1CA,6BAAuCA,CAAA,EAAS;EAClD,IAAAC,gBAAA,GAA2B,IAAAC,iCAAe,EAAC,CAAC;IAApCC,OAAO,GAAAF,gBAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,gBAAA,CAALG,KAAK;EACtB,IAAAC,kBAAA,GAAmC,IAAAC,qCAAiB,EAAC,CAAC;IAA9CC,sBAAsB,GAAAF,kBAAA,CAAtBE,sBAAsB;EAC9B,IAAAC,qBAAA,GAA0BC,wCAAwB,CAACC,OAAO,CAACC,YAAY,CAACC,UAAU,CAAC,CAAC;IAA5EC,aAAa,GAAAL,qBAAA,CAAbK,aAAa;EAErB,IAAAC,cAAA,GAAgC,IAAAC,uBAAa,EAAC,CAAC;IAAvCC,OAAO,GAAAF,cAAA,CAAPE,OAAO;IAAEC,UAAU,GAAAH,cAAA,CAAVG,UAAU;EAE3B,IAAI,CAACD,OAAO,CAACZ,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAACa,UAAU,CAAC,kBAAkB,CAAC,EAAE;IACxE,OAAO,IAAI;EACf;EAEA,oBACIzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACN,aAAa;IACVO,QAAQ,EAAEb,sBAAuB;IACjCc,QAAQ,EAAElB,OAAQ;IAClB,eAAY;EAAyC,GAEpD,gBACU,CAAC;AAExB,CAAC;AAEM,IAAMmB,oBAAoB,GAAG,IAAAC,gCAAc,EAC9C,sBAAsB,EACtBvB,6BACJ,CAAC;AAACwB,OAAA,CAAAF,oBAAA,GAAAA,oBAAA"}

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/index.d.ts

@@ -0,0 +1 @@
+export * from "./SaveAndPublishContent";

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SaveAndPublishContent = require("./SaveAndPublishContent");
+Object.keys(_SaveAndPublishContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SaveAndPublishContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SaveAndPublishContent[key];
+    }
+  });
+});

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SaveAndPublishContent","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./SaveAndPublishContent\";\n"],"mappings":";;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,sBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/useSaveAndPublish.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ShowConfirmationDialogParams {
+    ev: React.MouseEvent;
+    onAccept?: () => void;
+    onCancel?: () => void;
+}
+interface UseSaveAndPublishResponse {
+    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;
+}
+export declare const useSaveAndPublish: () => UseSaveAndPublishResponse;
+export {};

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/useSaveAndPublish.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSaveAndPublish = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _useRevision2 = require("../../../../views/contentEntries/ContentEntry/useRevision");
+var _hooks = require("../../../../views/contentEntries/hooks");
+var useSaveAndPublish = function useSaveAndPublish() {
+  var _useContentEntry = (0, _hooks.useContentEntry)(),
+    form = _useContentEntry.form,
+    entry = _useContentEntry.entry;
+  var _useRevision = (0, _useRevision2.useRevision)({
+      revision: entry
+    }),
+    publishRevision = _useRevision.publishRevision;
+  var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
+      title: "Publish content",
+      message: /*#__PURE__*/_react.default.createElement("p", null, "You are about to publish a new revision. Are you sure you want to continue?"),
+      dataTestId: "cms-confirm-save-and-publish"
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
+  var showConfirmationDialog = (0, _react.useCallback)(function (_ref) {
+    var ev = _ref.ev,
+      onAccept = _ref.onAccept,
+      onCancel = _ref.onCancel;
+    showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var entry;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return form.current.submit(ev);
+          case 2:
+            entry = _context.sent;
+            if (!(!entry || !entry.id)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            _context.next = 7;
+            return publishRevision(entry.id);
+          case 7:
+            if (!(typeof onAccept === "function")) {
+              _context.next = 10;
+              break;
+            }
+            _context.next = 10;
+            return onAccept();
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })), onCancel);
+  }, [showConfirmation]);
+  return {
+    showConfirmationDialog: showConfirmationDialog
+  };
+};
+exports.useSaveAndPublish = useSaveAndPublish;

package/admin/components/ContentEntryForm/Header/SaveAndPublishContent/useSaveAndPublish.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_useRevision2","_hooks","useSaveAndPublish","_useContentEntry","useContentEntry","form","entry","_useRevision","useRevision","revision","publishRevision","_useConfirmationDialo","useConfirmationDialog","title","message","default","createElement","dataTestId","showConfirmation","showConfirmationDialog","useCallback","_ref","ev","onAccept","onCancel","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","wrap","_callee$","_context","prev","next","current","submit","sent","id","abrupt","stop","exports"],"sources":["useSaveAndPublish.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { useRevision } from \"~/admin/views/contentEntries/ContentEntry/useRevision\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks\";\n\ninterface ShowConfirmationDialogParams {\n    ev: React.MouseEvent;\n    onAccept?: () => void;\n    onCancel?: () => void;\n}\n\ninterface UseSaveAndPublishResponse {\n    showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n}\n\nexport const useSaveAndPublish = (): UseSaveAndPublishResponse => {\n    const { form, entry } = useContentEntry();\n    const { publishRevision } = useRevision({ revision: entry });\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Publish content\",\n        message: <p>You are about to publish a new revision. Are you sure you want to continue?</p>,\n        dataTestId: \"cms-confirm-save-and-publish\"\n    });\n\n    const showConfirmationDialog = useCallback(\n        ({ ev, onAccept, onCancel }) => {\n            showConfirmation(async () => {\n                const entry = await form.current.submit(ev);\n                if (!entry || !entry.id) {\n                    return;\n                }\n                await publishRevision(entry.id);\n\n                if (typeof onAccept === \"function\") {\n                    await onAccept();\n                }\n            }, onCancel);\n        },\n        [showConfirmation]\n    );\n\n    return { showConfirmationDialog };\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAYO,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAoC;EAC9D,IAAAC,gBAAA,GAAwB,IAAAC,sBAAe,EAAC,CAAC;IAAjCC,IAAI,GAAAF,gBAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,gBAAA,CAALG,KAAK;EACnB,IAAAC,YAAA,GAA4B,IAAAC,yBAAW,EAAC;MAAEC,QAAQ,EAAEH;IAAM,CAAC,CAAC;IAApDI,eAAe,GAAAH,YAAA,CAAfG,eAAe;EAEvB,IAAAC,qBAAA,GAA6B,IAAAC,+BAAqB,EAAC;MAC/CC,KAAK,EAAE,iBAAiB;MACxBC,OAAO,eAAElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,YAAG,6EAA8E,CAAC;MAC3FC,UAAU,EAAE;IAChB,CAAC,CAAC;IAJMC,gBAAgB,GAAAP,qBAAA,CAAhBO,gBAAgB;EAMxB,IAAMC,sBAAsB,GAAG,IAAAC,kBAAW,EACtC,UAAAC,IAAA,EAAgC;IAAA,IAA7BC,EAAE,GAAAD,IAAA,CAAFC,EAAE;MAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACrBN,gBAAgB,mBAAAO,kBAAA,CAAAV,OAAA,oBAAAW,oBAAA,CAAAX,OAAA,IAAAY,IAAA,CAAC,SAAAC,QAAA;MAAA,IAAAtB,KAAA;MAAA,WAAAoB,oBAAA,CAAAX,OAAA,IAAAc,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UAAA;YAAAF,QAAA,CAAAE,IAAA;YAAA,OACO5B,IAAI,CAAC6B,OAAO,CAACC,MAAM,CAACb,EAAE,CAAC;UAAA;YAArChB,KAAK,GAAAyB,QAAA,CAAAK,IAAA;YAAA,MACP,CAAC9B,KAAK,IAAI,CAACA,KAAK,CAAC+B,EAAE;cAAAN,QAAA,CAAAE,IAAA;cAAA;YAAA;YAAA,OAAAF,QAAA,CAAAO,MAAA;UAAA;YAAAP,QAAA,CAAAE,IAAA;YAAA,OAGjBvB,eAAe,CAACJ,KAAK,CAAC+B,EAAE,CAAC;UAAA;YAAA,MAE3B,OAAOd,QAAQ,KAAK,UAAU;cAAAQ,QAAA,CAAAE,IAAA;cAAA;YAAA;YAAAF,QAAA,CAAAE,IAAA;YAAA,OACxBV,QAAQ,CAAC,CAAC;UAAA;UAAA;YAAA,OAAAQ,QAAA,CAAAQ,IAAA;QAAA;MAAA,GAAAX,OAAA;IAAA,CAEvB,IAAEJ,QAAQ,CAAC;EAChB,CAAC,EACD,CAACN,gBAAgB,CACrB,CAAC;EAED,OAAO;IAAEC,sBAAsB,EAAtBA;EAAuB,CAAC;AACrC,CAAC;AAACqB,OAAA,CAAAtC,iBAAA,GAAAA,iBAAA"}

package/admin/components/ContentEntryForm/Header/SaveContent/SaveContent.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SaveContentButton: React.FC;