@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/admin/views/contentEntries/ContentEntry/header/contentFormOptionsMenu/ContentFormOptionsMenu.js

@@ -1,31 +1,35 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _emotion = require("emotion");
+var _get = _interopRequireDefault(require("lodash/get"));
+var _Button = require("@webiny/ui/Button");
+var _Menu = require("@webiny/ui/Menu");
+var _List = require("@webiny/ui/List");
+var _Icon = require("@webiny/ui/Icon");
+var _reactRouter = require("@webiny/react-router");
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+var _useDialog2 = require("@webiny/app-admin/hooks/useDialog");
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+var _i18n = require("@webiny/app/i18n");
+var _usePermission2 = _interopRequireDefault(require("../../../../../hooks/usePermission"));
+var _more_vert = require("../../../../../icons/more_vert.svg");
+var _delete = require("../../../../../icons/delete.svg");
+var _hooks = require("../../../../../hooks");
+var _useContentEntry2 = require("../../../hooks/useContentEntry");
+var _utils = require("@webiny/utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useMemo } from "react";
-import { css } from "emotion";
-import get from "lodash/get";
-import { IconButton } from "@webiny/ui/Button";
-import { Menu, MenuItem } from "@webiny/ui/Menu";
-import { ListItemGraphic } from "@webiny/ui/List";
-import { Icon } from "@webiny/ui/Icon";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { useDialog } from "@webiny/app-admin/hooks/useDialog";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import { i18n } from "@webiny/app/i18n";
-import { createDeleteMutation } from "../../../../../graphql/contentEntries";
-import usePermission from "../../../../../hooks/usePermission";
-import { ReactComponent as MoreVerticalIcon } from "@svgr/webpack!../../../../../icons/more_vert.svg";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../../../icons/delete.svg";
-import { removeEntryFromListCache } from "../../cache";
-import { useMutation } from "../../../../../hooks";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-var t = i18n.ns("app-headless-cms/admin/plugins/content-details/header/content-form-options-menu");
-var menuStyles = /*#__PURE__*/css({
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/header/content-form-options-menu");
+var menuStyles = /*#__PURE__*/(0, _emotion.css)({
   width: 250,
   right: -105,
   left: "auto !important",
@@ -34,108 +38,87 @@ var menuStyles = /*#__PURE__*/css({
     pointerEvents: "none"
   }
 }, "label:menuStyles;");
-
 var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
-  var _useContentEntry = useContentEntry(),
-      contentModel = _useContentEntry.contentModel,
-      entry = _useContentEntry.entry,
-      loading = _useContentEntry.loading,
-      setLoading = _useContentEntry.setLoading,
-      listQueryVariables = _useContentEntry.listQueryVariables;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history;
-
-  var _useDialog = useDialog(),
-      showDialog = _useDialog.showDialog;
-
-  var _usePermission = usePermission(),
-      canDelete = _usePermission.canDelete;
-
-  var DELETE_CONTENT = useMemo(function () {
-    return createDeleteMutation(contentModel);
-  }, [contentModel.modelId]);
-
-  var _useMutation = useMutation(DELETE_CONTENT),
-      _useMutation2 = _slicedToArray(_useMutation, 1),
-      deleteContentMutation = _useMutation2[0];
-
-  var title = get(entry, "meta.title");
-
-  var _useConfirmationDialo = useConfirmationDialog({
-    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Delete content entry"]))),
-    message: /*#__PURE__*/React.createElement("p", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You are about to delete this content entry and all of its revisions!"]))), /*#__PURE__*/React.createElement("br", null), t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Are you sure you want to permanently delete {title}?"])))({
-      title: /*#__PURE__*/React.createElement("strong", null, title)
-    })),
-    dataTestId: "cms.content-form.header.delete-dialog"
-  }),
-      showConfirmation = _useConfirmationDialo.showConfirmation;
-
-  var confirmDelete = useCallback(function () {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _entry$id$split, _entry$id$split2, uniqueId;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setLoading(true);
-              _entry$id$split = entry.id.split("#"), _entry$id$split2 = _slicedToArray(_entry$id$split, 1), uniqueId = _entry$id$split2[0];
-              _context.next = 4;
-              return deleteContentMutation({
-                variables: {
-                  revision: uniqueId
-                },
-                update: function update(cache, _ref2) {
-                  var data = _ref2.data;
-                  var error = data.content.error;
-
-                  if (error) {
-                    return showDialog(error.message, {
-                      title: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Could not delete content"])))
-                    });
-                  }
-
-                  removeEntryFromListCache(contentModel, cache, entry, listQueryVariables);
-                  showSnackbar(t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["{title} was deleted successfully!"])))({
-                    title: /*#__PURE__*/React.createElement("strong", null, title)
-                  }));
-                  history.push("/cms/content-entries/".concat(contentModel.modelId));
-                }
-              });
-
-            case 4:
-              setLoading(false);
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
+  var _useCms = (0, _hooks.useCms)(),
+    deleteEntry = _useCms.deleteEntry;
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
+    contentModel = _useContentEntry.contentModel,
+    entry = _useContentEntry.entry,
+    loading = _useContentEntry.loading,
+    setLoading = _useContentEntry.setLoading,
+    listQueryVariables = _useContentEntry.listQueryVariables;
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    history = _useRouter.history;
+  var _useDialog = (0, _useDialog2.useDialog)(),
+    showDialog = _useDialog.showDialog;
+  var _usePermission = (0, _usePermission2.default)(),
+    canDelete = _usePermission.canDelete;
+  var title = (0, _get.default)(entry, "meta.title");
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete content entry"]))),
+      message: /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to delete this content entry and all of its revisions!"]))), /*#__PURE__*/_react.default.createElement("br", null), t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to permanently delete {title}?"])))({
+        title: /*#__PURE__*/_react.default.createElement("strong", null, title)
+      })),
+      dataTestId: "cms.content-form.header.delete-dialog"
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
+  var confirmDelete = (0, _react.useCallback)(function () {
+    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:
+            setLoading(true);
+            _parseIdentifier = (0, _utils.parseIdentifier)(entry.id), entryId = _parseIdentifier.id;
+            _context.next = 4;
+            return deleteEntry({
+              model: contentModel,
+              entry: entry,
+              id: entryId,
+              listQueryVariables: listQueryVariables
+            });
+          case 4:
+            _yield$deleteEntry = _context.sent;
+            error = _yield$deleteEntry.error;
+            setLoading(false);
+            if (!error) {
+              _context.next = 10;
+              break;
+            }
+            showDialog(error.message, {
+              title: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Could not delete content"])))
+            });
+            return _context.abrupt("return");
+          case 10:
+            showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["{title} was deleted successfully!"])))({
+              title: /*#__PURE__*/_react.default.createElement("strong", null, title)
+            }));
+            history.push("/cms/content-entries/".concat(contentModel.modelId));
+          case 12:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     })));
-  }, null);
-
+  }, [entry]);
   if (!canDelete(entry, "cms.contentEntry")) {
     return null;
   }
-
-  return /*#__PURE__*/React.createElement(Menu, {
+  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     className: menuStyles,
-    handle: /*#__PURE__*/React.createElement(IconButton, {
-      icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null),
+    handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+      icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null),
       "data-testid": "cms.content-form.header.more-options"
     })
-  }, /*#__PURE__*/React.createElement(MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
     onClick: confirmDelete,
     disabled: !entry.id || loading,
     "data-testid": "cms.content-form.header.delete"
-  }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null)
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
   })), "Delete"));
 };
-
-export default ContentFormOptionsMenu;
+var _default = ContentFormOptionsMenu;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntry/header/contentFormOptionsMenu/ContentFormOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","menuStyles","css","width","right","left","opacity","pointerEvents","ContentFormOptionsMenu","useCms","deleteEntry","useContentEntry","contentModel","entry","loading","setLoading","listQueryVariables","useSnackbar","showSnackbar","useRouter","history","useDialog","showDialog","usePermission","canDelete","title","get","useConfirmationDialog","message","dataTestId","showConfirmation","confirmDelete","useCallback","parseIdentifier","id","entryId","model","error","push","modelId"],"sources":["ContentFormOptionsMenu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport get from \"lodash/get\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useDialog } from \"@webiny/app-admin/hooks/useDialog\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { ReactComponent as MoreVerticalIcon } from \"~/admin/icons/more_vert.svg\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/delete.svg\";\nimport { useCms } from \"~/admin/hooks\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\nconst t = i18n.ns(\n    \"app-headless-cms/admin/plugins/content-details/header/content-form-options-menu\"\n);\n\nconst menuStyles = css({\n    width: 250,\n    right: -105,\n    left: \"auto !important\",\n    \".disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst ContentFormOptionsMenu: React.FC = () => {\n    const { deleteEntry } = useCms();\n    const { contentModel, entry, loading, setLoading, listQueryVariables } = useContentEntry();\n    const { showSnackbar } = useSnackbar();\n    const { history } = useRouter();\n    const { showDialog } = useDialog();\n    const { canDelete } = usePermission();\n\n    const title = get(entry, \"meta.title\");\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Delete content entry`,\n        message: (\n            <p>\n                {t`You are about to delete this content entry and all of its revisions!`}\n                <br />\n                {t`Are you sure you want to permanently delete {title}?`({\n                    title: <strong>{title}</strong>\n                })}\n            </p>\n        ),\n        dataTestId: \"cms.content-form.header.delete-dialog\"\n    });\n\n    const confirmDelete = useCallback((): void => {\n        showConfirmation(async (): Promise<void> => {\n            setLoading(true);\n\n            const { id: entryId } = parseIdentifier(entry.id);\n            const { error } = await deleteEntry({\n                model: contentModel,\n                entry,\n                id: entryId,\n                listQueryVariables\n            });\n\n            setLoading(false);\n\n            if (error) {\n                showDialog(error.message, { title: t`Could not delete content` });\n                return;\n            }\n\n            showSnackbar(t`{title} was deleted successfully!`({ title: <strong>{title}</strong> }));\n            history.push(`/cms/content-entries/${contentModel.modelId}`);\n        });\n    }, [entry]);\n\n    if (!canDelete(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <Menu\n            className={menuStyles}\n            handle={\n                <IconButton\n                    icon={<MoreVerticalIcon />}\n                    data-testid={\"cms.content-form.header.more-options\"}\n                />\n            }\n        >\n            <MenuItem\n                onClick={confirmDelete}\n                disabled={!entry.id || loading}\n                data-testid={\"cms.content-form.header.delete\"}\n            >\n                <ListItemGraphic>\n                    <Icon icon={<DeleteIcon />} />\n                </ListItemGraphic>\n                Delete\n            </MenuItem>\n        </Menu>\n    );\n};\n\nexport default ContentFormOptionsMenu;\n"],"mappings":"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"}

package/admin/views/contentEntries/ContentEntry/header/index.js

@@ -1,45 +1,40 @@
-import * as React from "react";
-import RevisionSelector from "./revisionSelector/RevisionSelector";
-import RequestReview from "./requestReview/RequestReview";
-import RequestChanges from "./requestChanges/RequestChanges";
-import SaveContentButton from "./saveContent/SaveContent";
-import SaveAndPublishButton from "./saveAndPublishContent/SaveAndPublishContent";
-import ContentFormOptionsMenu from "./contentFormOptionsMenu/ContentFormOptionsMenu";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _RevisionSelector = _interopRequireDefault(require("./revisionSelector/RevisionSelector"));
+var _SaveContent = _interopRequireDefault(require("./saveContent/SaveContent"));
+var _SaveAndPublishContent = require("./saveAndPublishContent/SaveAndPublishContent");
+var _ContentFormOptionsMenu = _interopRequireDefault(require("./contentFormOptionsMenu/ContentFormOptionsMenu"));
 var plugins = [{
   name: "cms-content-details-revision-selector",
   type: "cms-content-details-header-left",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(RevisionSelector, props);
-  }
-}, {
-  name: "cms-content-details-header-request-review",
-  type: "cms-content-details-header-right",
-  render: function render(props) {
-    return /*#__PURE__*/React.createElement(RequestReview, props);
-  }
-}, {
-  name: "cms-content-details-header-request-changes",
-  type: "cms-content-details-header-right",
-  render: function render(props) {
-    return /*#__PURE__*/React.createElement(RequestChanges, props);
+    return /*#__PURE__*/React.createElement(_RevisionSelector.default, props);
   }
 }, {
   name: "cms-content-details-header-save",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(SaveContentButton, props);
+    return /*#__PURE__*/React.createElement(_SaveContent.default, props);
   }
 }, {
   name: "cms-content-details-header-save-and-publish",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(SaveAndPublishButton, props);
+    return /*#__PURE__*/React.createElement(_SaveAndPublishContent.SaveAndPublishButton, props);
   }
 }, {
   name: "cms-content-details-header-option-menu",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(ContentFormOptionsMenu, props);
+    return /*#__PURE__*/React.createElement(_ContentFormOptionsMenu.default, props);
   }
 }];
-export default plugins;
+var _default = plugins;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntry/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugins","name","type","render","props"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsContentDetailsPlugin } from \"~/types\";\nimport RevisionSelector from \"./revisionSelector/RevisionSelector\";\nimport SaveContentButton from \"./saveContent/SaveContent\";\nimport { SaveAndPublishButton } from \"./saveAndPublishContent/SaveAndPublishContent\";\nimport ContentFormOptionsMenu from \"./contentFormOptionsMenu/ContentFormOptionsMenu\";\n\nconst plugins: CmsContentDetailsPlugin[] = [\n    {\n        name: \"cms-content-details-revision-selector\",\n        type: \"cms-content-details-header-left\",\n        render(props) {\n            return <RevisionSelector {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-save\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <SaveContentButton {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-save-and-publish\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <SaveAndPublishButton {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-option-menu\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <ContentFormOptionsMenu {...props} />;\n        }\n    }\n];\n\nexport default plugins;\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEA,IAAMA,OAAkC,GAAG,CACvC;EACIC,IAAI,EAAE,uCAAuC;EAC7CC,IAAI,EAAE,iCAAiC;EACvCC,MAAM,kBAACC,KAAK,EAAE;IACV,oBAAO,oBAAC,yBAAgB,EAAKA,KAAK,CAAI;EAC1C;AACJ,CAAC,EACD;EACIH,IAAI,EAAE,iCAAiC;EACvCC,IAAI,EAAE,kCAAkC;EACxCC,MAAM,kBAACC,KAAK,EAAE;IACV,oBAAO,oBAAC,oBAAiB,EAAKA,KAAK,CAAI;EAC3C;AACJ,CAAC,EACD;EACIH,IAAI,EAAE,6CAA6C;EACnDC,IAAI,EAAE,kCAAkC;EACxCC,MAAM,kBAACC,KAAK,EAAE;IACV,oBAAO,oBAAC,2CAAoB,EAAKA,KAAK,CAAI;EAC9C;AACJ,CAAC,EACD;EACIH,IAAI,EAAE,wCAAwC;EAC9CC,IAAI,EAAE,kCAAkC;EACxCC,MAAM,kBAACC,KAAK,EAAE;IACV,oBAAO,oBAAC,+BAAsB,EAAKA,KAAK,CAAI;EAChD;AACJ,CAAC,CACJ;AAAC,eAEaJ,OAAO;AAAA"}

package/admin/views/contentEntries/ContentEntry/header/revisionSelector/RevisionSelector.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const RevisionSelector: () => JSX.Element;
+import React from "react";
+declare const RevisionSelector: React.FC;
 export default RevisionSelector;

package/admin/views/contentEntries/ContentEntry/header/revisionSelector/RevisionSelector.js

@@ -1,20 +1,27 @@
-import _get from "lodash/get";
-import React from "react";
-import { css } from "emotion";
-import { useRouter } from "@webiny/react-router";
-import { ButtonDefault } from "@webiny/ui/Button";
-import { Icon } from "@webiny/ui/Icon";
-import { Typography } from "@webiny/ui/Typography";
-import { Menu, MenuItem } from "@webiny/ui/Menu";
-import { ReactComponent as DownButton } from "@svgr/webpack!../../../../../icons/round-arrow_drop_down-24px.svg";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-import statusLabels from "../../../../../constants/statusLabels";
-var buttonStyle = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _get2 = _interopRequireDefault(require("lodash/get"));
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+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__*/css({
+var menuStyles = /*#__PURE__*/(0, _emotion.css)({
   width: 150,
   right: 0,
   ".mdc-list-item": {
@@ -24,39 +31,37 @@ var menuStyles = /*#__PURE__*/css({
     textAlign: "left"
   }
 }, "label:menuStyles;");
-
+var defaultRevisions = [{
+  id: "new",
+  meta: {
+    version: 1,
+    status: "draft"
+  }
+}];
 var RevisionSelector = function RevisionSelector() {
-  var _useContentEntry = useContentEntry(),
-      entry = _useContentEntry.entry,
-      revisions = _useContentEntry.revisions,
-      loading = _useContentEntry.loading;
-
-  var _useRouter = useRouter(),
-      location = _useRouter.location,
-      history = _useRouter.history;
-
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
+    entry = _useContentEntry.entry,
+    revisions = _useContentEntry.revisions,
+    loading = _useContentEntry.loading;
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    location = _useRouter.location,
+    history = _useRouter.history;
   var query = new URLSearchParams(location.search);
   var currentRevision = {
-    version: _get(entry, "meta.version", 1),
-    status: _get(entry, "meta.status", "draft")
+    version: (0, _get2.default)(entry, "meta.version", 1),
+    status: (0, _get2.default)(entry, "meta.status", "draft")
   };
-  var allRevisions = revisions.length ? revisions : [{
-    id: "new",
-    meta: {
-      version: 1,
-      status: "draft"
-    }
-  }];
-  return /*#__PURE__*/React.createElement(Menu, {
+  var allRevisions = revisions.length ? revisions : defaultRevisions;
+  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
     className: menuStyles,
-    handle: /*#__PURE__*/React.createElement(ButtonDefault, {
+    handle: /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
       className: buttonStyle,
       disabled: loading
-    }, "v", currentRevision.version, " (", statusLabels[currentRevision.status], ")", " ", /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(DownButton, null)
+    }, "v", currentRevision.version, " (", _statusLabels.default[currentRevision.status], ")", " ", /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: /*#__PURE__*/_react.default.createElement(_roundArrow_drop_down24px.ReactComponent, null)
     }))
   }, allRevisions.map(function (revision) {
-    return /*#__PURE__*/React.createElement(MenuItem, {
+    return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
       key: revision.id,
       onClick: function onClick() {
         query.set("id", encodeURIComponent(revision.id));
@@ -64,12 +69,12 @@ var RevisionSelector = function RevisionSelector() {
           search: query.toString()
         });
       }
-    }, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "body2"
-    }, "v", revision.meta.version), /*#__PURE__*/React.createElement(Typography, {
+    }, "v", revision.meta.version), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "caption"
-    }, "(", statusLabels[revision.meta.status], ")"));
+    }, "(", _statusLabels.default[revision.meta.status], ")"));
   }));
 };
-
-export default RevisionSelector;
+var _default = RevisionSelector;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntry/header/revisionSelector/RevisionSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonStyle","css","color","menuStyles","width","right","flexDirection","justifyContent","alignItems","textAlign","defaultRevisions","id","meta","version","status","RevisionSelector","useContentEntry","entry","revisions","loading","useRouter","location","history","query","URLSearchParams","search","currentRevision","allRevisions","length","statusLabels","map","revision","set","encodeURIComponent","push","toString"],"sources":["RevisionSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { get } from \"lodash\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ButtonDefault } from \"@webiny/ui/Button\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { ReactComponent as DownButton } from \"~/admin/icons/round-arrow_drop_down-24px.svg\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport statusLabels from \"~/admin/constants/statusLabels\";\nimport { CmsContentEntryRevision } from \"~/types\";\n\nconst buttonStyle = css({\n    \"&.mdc-button\": {\n        color: \"var(--mdc-theme-text-primary-on-background) !important\"\n    }\n});\n\nconst menuStyles = css({\n    width: 150,\n    right: 0,\n    \".mdc-list-item\": {\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"baseline\",\n        textAlign: \"left\"\n    }\n});\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\nconst 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            className={menuStyles}\n            handle={\n                <ButtonDefault className={buttonStyle} disabled={loading}>\n                    v{currentRevision.version} ({statusLabels[currentRevision.status]}){\" \"}\n                    <Icon icon={<DownButton />} />\n                </ButtonDefault>\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\nexport default RevisionSelector;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,IAAMA,WAAW,gBAAG,IAAAC,YAAG,EAAC;EACpB,cAAc,EAAE;IACZC,KAAK,EAAE;EACX;AACJ,CAAC,uBAAC;AAEF,IAAMC,UAAU,gBAAG,IAAAF,YAAG,EAAC;EACnBG,KAAK,EAAE,GAAG;EACVC,KAAK,EAAE,CAAC;EACR,gBAAgB,EAAE;IACdC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,UAAU;IACtBC,SAAS,EAAE;EACf;AACJ,CAAC,sBAAC;AAMF,IAAMC,gBAAoC,GAAG,CACzC;EACIC,EAAE,EAAE,KAAK;EACTC,IAAI,EAAE;IACFC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE;EACZ;AACJ,CAAC,CACJ;AAED,IAAMC,gBAA0B,GAAG,SAA7BA,gBAA0B,GAAS;EACrC,uBAAsC,IAAAC,iCAAe,GAAE;IAA/CC,KAAK,oBAALA,KAAK;IAAEC,SAAS,oBAATA,SAAS;IAAEC,OAAO,oBAAPA,OAAO;EACjC,iBAA8B,IAAAC,sBAAS,GAAE;IAAjCC,QAAQ,cAARA,QAAQ;IAAEC,OAAO,cAAPA,OAAO;EACzB,IAAMC,KAAK,GAAG,IAAIC,eAAe,CAACH,QAAQ,CAACI,MAAM,CAAC;EAElD,IAAMC,eAAe,GAAG;IACpBb,OAAO,EAAE,mBAAII,KAAK,EAAE,cAAc,EAAE,CAAC,CAAW;IAChDH,MAAM,EAAE,mBAAIG,KAAK,EAAE,aAAa,EAAE,OAAO;EAC7C,CAAC;EAED,IAAMU,YAAY,GAAGT,SAAS,CAACU,MAAM,GAAGV,SAAS,GAAGR,gBAAgB;EAEpE,oBACI,6BAAC,UAAI;IACD,SAAS,EAAEP,UAAW;IACtB,MAAM,eACF,6BAAC,qBAAa;MAAC,SAAS,EAAEH,WAAY;MAAC,QAAQ,EAAEmB;IAAQ,GAAC,GACrD,EAACO,eAAe,CAACb,OAAO,EAAC,IAAE,EAACgB,qBAAY,CAACH,eAAe,CAACZ,MAAM,CAAC,EAAC,GAAC,EAAC,GAAG,eACvE,6BAAC,UAAI;MAAC,IAAI,eAAE,6BAAC,wCAAU;IAAI,EAAG;EAErC,GAEAa,YAAY,CAACG,GAAG,CAAC,UAAAC,QAAQ;IAAA,oBACtB,6BAAC,cAAQ;MACL,GAAG,EAAEA,QAAQ,CAACpB,EAAG;MACjB,OAAO,EAAE,mBAAM;QACXY,KAAK,CAACS,GAAG,CAAC,IAAI,EAAEC,kBAAkB,CAACF,QAAQ,CAACpB,EAAE,CAAC,CAAC;QAChDW,OAAO,CAACY,IAAI,CAAC;UAAET,MAAM,EAAEF,KAAK,CAACY,QAAQ;QAAG,CAAC,CAAC;MAC9C;IAAE,gBAEF,6BAAC,sBAAU;MAAC,GAAG,EAAE;IAAQ,GAAC,GAAC,EAACJ,QAAQ,CAACnB,IAAI,CAACC,OAAO,CAAc,eAC/D,6BAAC,sBAAU;MAAC,GAAG,EAAE;IAAU,GAAC,GAAC,EAACgB,qBAAY,CAACE,QAAQ,CAACnB,IAAI,CAACE,MAAM,CAAC,EAAC,GAAC,CAAa,CACxE;EAAA,CACd,CAAC,CACC;AAEf,CAAC;AAAC,eAEaC,gBAAgB;AAAA"}

package/admin/views/contentEntries/ContentEntry/header/saveAndPublishContent/SaveAndPublishContent.d.ts

@@ -1,3 +1 @@
-/// <reference types="react" />
-declare const SaveAndPublishButton: () => JSX.Element;
-export default SaveAndPublishButton;
+export declare const SaveAndPublishButton: import("@webiny/react-composition").ComposableFC<{}>;