@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

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

@@ -1,31 +1,61 @@
-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",
@@ -36,106 +66,105 @@ var menuStyles = /*#__PURE__*/css({
 }, "label:menuStyles;");
 
 var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
-  var _useContentEntry = useContentEntry(),
+  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 = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       history = _useRouter.history;
 
-  var _useDialog = useDialog(),
+  var _useDialog = (0, _useDialog2.useDialog)(),
       showDialog = _useDialog.showDialog;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       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 title = (0, _get.default)(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)
+  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 = useCallback(function () {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _entry$id$split, _entry$id$split2, uniqueId;
+  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 _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().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];
+              _parseIdentifier = (0, _utils.parseIdentifier)(entry.id), entryId = _parseIdentifier.id;
               _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));
-                }
+              return deleteEntry({
+                model: contentModel,
+                entry: entry,
+                id: entryId,
+                listQueryVariables: listQueryVariables
               });
 
             case 4:
+              _yield$deleteEntry = _context.sent;
+              error = _yield$deleteEntry.error;
               setLoading(false);
 
-            case 5:
+              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,64 @@
-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 _RequestReview = require("./requestReview/RequestReview");
+
+var _RequestChanges = require("./requestChanges/RequestChanges");
+
+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);
+    return /*#__PURE__*/React.createElement(_RevisionSelector.default, props);
   }
 }, {
   name: "cms-content-details-header-request-review",
   type: "cms-content-details-header-right",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(RequestReview, props);
+    return /*#__PURE__*/React.createElement(_RequestReview.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(_RequestChanges.RequestChanges, 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 { RequestReview } from \"./requestReview/RequestReview\";\nimport { RequestChanges } from \"./requestChanges/RequestChanges\";\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-request-review\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <RequestReview {...props} />;\n        }\n    },\n    {\n        name: \"cms-content-details-header-request-changes\",\n        type: \"cms-content-details-header-right\",\n        render(props) {\n            return <RequestChanges {...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;;AACA;;AACA;;AAEA,IAAMA,OAAkC,GAAG,CACvC;EACIC,IAAI,EAAE,uCADV;EAEIC,IAAI,EAAE,iCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,yBAAD,EAAsBA,KAAtB,CAAP;EACH;AALL,CADuC,EAQvC;EACIH,IAAI,EAAE,2CADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,4BAAD,EAAmBA,KAAnB,CAAP;EACH;AALL,CARuC,EAevC;EACIH,IAAI,EAAE,4CADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,8BAAD,EAAoBA,KAApB,CAAP;EACH;AALL,CAfuC,EAsBvC;EACIH,IAAI,EAAE,iCADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,oBAAD,EAAuBA,KAAvB,CAAP;EACH;AALL,CAtBuC,EA6BvC;EACIH,IAAI,EAAE,6CADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,2CAAD,EAA0BA,KAA1B,CAAP;EACH;AALL,CA7BuC,EAoCvC;EACIH,IAAI,EAAE,wCADV;EAEIC,IAAI,EAAE,kCAFV;EAGIC,MAHJ,kBAGWC,KAHX,EAGkB;IACV,oBAAO,oBAAC,+BAAD,EAA4BA,KAA5B,CAAP;EACH;AALL,CApCuC,CAA3C;eA6CeJ,O"}

package/admin/views/contentEntries/ContentEntry/header/requestChanges/RequestChanges.d.ts

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

package/admin/views/contentEntries/ContentEntry/header/requestChanges/RequestChanges.js

@@ -1,35 +1,57 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RequestChanges = 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 = _interopRequireDefault(require("react"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _rule24px = require("./rule-24px.svg");
+
+var _usePermission2 = _interopRequireDefault(require("../../../../../hooks/usePermission"));
+
+var _useRevision2 = require("../../useRevision");
+
+var _useContentEntry2 = require("../../../hooks/useContentEntry");
+
+var _reactComposition = require("@webiny/react-composition");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React from "react";
-import { IconButton } from "@webiny/ui/Button";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as RequestChangesIcon } from "@svgr/webpack!./rule-24px.svg";
-import usePermission from "../../../../../hooks/usePermission";
-import { useRevision } from "../../useRevision";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-var t = i18n.ns("app-headless-cms/admin/content-details/header/request-review");
-
-var RequestChanges = function RequestChanges() {
-  var _useContentEntry = useContentEntry(),
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-details/header/request-review");
+
+var RequestChangesComponent = function RequestChangesComponent() {
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       entry = _useContentEntry.entry;
 
-  var _useRevision = useRevision({
+  var _useRevision = (0, _useRevision2.useRevision)({
     revision: entry
   }),
       requestChanges = _useRevision.requestChanges;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canRequestChange = _usePermission.canRequestChange;
 
-  var _useConfirmationDialo = useConfirmationDialog({
-    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Request Changes"]))),
-    message: /*#__PURE__*/React.createElement("p", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You are about to request changes on this content entry. Are you sure you want to continue?"]))))
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
+    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Request Changes"]))),
+    message: /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to request changes on this content entry. Are you sure you want to continue?"]))))
   }),
       showConfirmation = _useConfirmationDialo.showConfirmation;
 
@@ -38,15 +60,15 @@ var RequestChanges = function RequestChanges() {
   }
 
   var buttonEnabled = entry.id && (entry.meta.status === "draft" || entry.meta.status === "reviewRequested");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Request Changes"]))),
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Request Changes"]))),
     placement: "top"
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     disabled: !buttonEnabled,
-    icon: /*#__PURE__*/React.createElement(RequestChangesIcon, null),
+    icon: /*#__PURE__*/_react.default.createElement(_rule24px.ReactComponent, null),
     onClick: function onClick() {
-      return showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -64,4 +86,5 @@ var RequestChanges = function RequestChanges() {
   })));
 };
 
-export default RequestChanges;
+var RequestChanges = (0, _reactComposition.makeComposable)("RequestChanges", RequestChangesComponent);
+exports.RequestChanges = RequestChanges;

package/admin/views/contentEntries/ContentEntry/header/requestChanges/RequestChanges.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","RequestChangesComponent","useContentEntry","entry","useRevision","revision","requestChanges","usePermission","canRequestChange","useConfirmationDialog","title","message","showConfirmation","buttonEnabled","id","meta","status","RequestChanges","makeComposable"],"sources":["RequestChanges.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as RequestChangesIcon } from \"./rule-24px.svg\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { useRevision } from \"~/admin/views/contentEntries/ContentEntry/useRevision\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { makeComposable } from \"@webiny/react-composition\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-details/header/request-review\");\n\nconst RequestChangesComponent: React.FC = () => {\n    const { entry } = useContentEntry();\n    const { requestChanges } = useRevision({ revision: entry });\n    const { canRequestChange } = usePermission();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Request Changes`,\n        message: (\n            <p>{t`You are about to request changes on this content entry. Are you sure you want to continue?`}</p>\n        )\n    });\n\n    if (!canRequestChange(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    const buttonEnabled =\n        entry.id && (entry.meta.status === \"draft\" || entry.meta.status === \"reviewRequested\");\n\n    return (\n        <React.Fragment>\n            <Tooltip content={t`Request Changes`} placement={\"top\"}>\n                <IconButton\n                    disabled={!buttonEnabled}\n                    icon={<RequestChangesIcon />}\n                    onClick={() =>\n                        showConfirmation(async () => {\n                            await requestChanges(entry.id);\n                        })\n                    }\n                />\n            </Tooltip>\n        </React.Fragment>\n    );\n};\n\nexport const RequestChanges = makeComposable(\"RequestChanges\", RequestChangesComponent);\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,8DAAR,CAAV;;AAEA,IAAMC,uBAAiC,GAAG,SAApCA,uBAAoC,GAAM;EAC5C,uBAAkB,IAAAC,iCAAA,GAAlB;EAAA,IAAQC,KAAR,oBAAQA,KAAR;;EACA,mBAA2B,IAAAC,yBAAA,EAAY;IAAEC,QAAQ,EAAEF;EAAZ,CAAZ,CAA3B;EAAA,IAAQG,cAAR,gBAAQA,cAAR;;EACA,qBAA6B,IAAAC,uBAAA,GAA7B;EAAA,IAAQC,gBAAR,kBAAQA,gBAAR;;EAEA,4BAA6B,IAAAC,4CAAA,EAAsB;IAC/CC,KAAK,EAAEZ,CAAF,kGAD0C;IAE/Ca,OAAO,eACH,wCAAIb,CAAJ;EAH2C,CAAtB,CAA7B;EAAA,IAAQc,gBAAR,yBAAQA,gBAAR;;EAOA,IAAI,CAACJ,gBAAgB,CAAC,kBAAD,CAArB,EAA2C;IACvC,OAAO,IAAP;EACH;;EAED,IAAMK,aAAa,GACfV,KAAK,CAACW,EAAN,KAAaX,KAAK,CAACY,IAAN,CAAWC,MAAX,KAAsB,OAAtB,IAAiCb,KAAK,CAACY,IAAN,CAAWC,MAAX,KAAsB,iBAApE,CADJ;EAGA,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,gBAAD;IAAS,OAAO,EAAElB,CAAF,oGAAhB;IAAsC,SAAS,EAAE;EAAjD,gBACI,6BAAC,kBAAD;IACI,QAAQ,EAAE,CAACe,aADf;IAEI,IAAI,eAAE,6BAAC,wBAAD,OAFV;IAGI,OAAO,EAAE;MAAA,OACLD,gBAAgB,sGAAC;QAAA;UAAA;YAAA;cAAA;gBAAA;gBAAA,OACPN,cAAc,CAACH,KAAK,CAACW,EAAP,CADP;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAD,GADX;IAAA;EAHb,EADJ,CADJ,CADJ;AAeH,CAlCD;;AAoCO,IAAMG,cAAc,GAAG,IAAAC,gCAAA,EAAe,gBAAf,EAAiCjB,uBAAjC,CAAvB"}

package/admin/views/contentEntries/ContentEntry/header/requestReview/RequestReview.d.ts

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

package/admin/views/contentEntries/ContentEntry/header/requestReview/RequestReview.js

@@ -1,41 +1,65 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-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.RequestReview = 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 _Button = require("@webiny/ui/Button");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _emoji_people24px = require("./emoji_people-24px.svg");
+
+var _useRevision2 = require("../../useRevision");
+
+var _usePermission2 = _interopRequireDefault(require("../../../../../hooks/usePermission"));
+
+var _useContentEntry2 = require("../../../hooks/useContentEntry");
+
+var _reactComposition = require("@webiny/react-composition");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback } from "react";
-import { IconButton } from "@webiny/ui/Button";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as RequestReviewIcon } from "@svgr/webpack!./emoji_people-24px.svg";
-import { useRevision } from "../../useRevision";
-import usePermission from "../../../../../hooks/usePermission";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-var t = i18n.ns("app-headless-cms/admin/content-details/header/request-review");
-
-var RequestReview = function RequestReview() {
-  var _useContentEntry = useContentEntry(),
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-details/header/request-review");
+
+var RequestReviewComponent = function RequestReviewComponent() {
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       entry = _useContentEntry.entry;
 
-  var _useRevision = useRevision({
+  var _useRevision = (0, _useRevision2.useRevision)({
     revision: entry
   }),
       requestReview = _useRevision.requestReview;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canRequestReview = _usePermission.canRequestReview;
 
-  var _useConfirmationDialo = useConfirmationDialog({
-    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Request Review"]))),
-    message: /*#__PURE__*/React.createElement("p", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You are about to request a review of this content entry. Are you sure you want to continue?"]))))
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
+    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Request Review"]))),
+    message: /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to request a review of this content entry. Are you sure you want to continue?"]))))
   }),
       showConfirmation = _useConfirmationDialo.showConfirmation;
 
-  var onClick = useCallback(function () {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+  var onClick = (0, _react.useCallback)(function () {
+    showConfirmation( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -56,14 +80,15 @@ var RequestReview = function RequestReview() {
   }
 
   var buttonEnabled = entry.id && (entry.meta.status === "draft" || entry.meta.status === "changesRequested");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Request Review"]))),
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Request Review"]))),
     placement: "top"
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
     disabled: !buttonEnabled,
-    icon: /*#__PURE__*/React.createElement(RequestReviewIcon, null),
+    icon: /*#__PURE__*/_react.default.createElement(_emoji_people24px.ReactComponent, null),
     onClick: onClick
   })));
 };
 
-export default RequestReview;
+var RequestReview = (0, _reactComposition.makeComposable)("RequestReview", RequestReviewComponent);
+exports.RequestReview = RequestReview;

package/admin/views/contentEntries/ContentEntry/header/requestReview/RequestReview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","RequestReviewComponent","useContentEntry","entry","useRevision","revision","requestReview","usePermission","canRequestReview","useConfirmationDialog","title","message","showConfirmation","onClick","useCallback","id","buttonEnabled","meta","status","RequestReview","makeComposable"],"sources":["RequestReview.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as RequestReviewIcon } from \"./emoji_people-24px.svg\";\nimport { useRevision } from \"~/admin/views/contentEntries/ContentEntry/useRevision\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { makeComposable } from \"@webiny/react-composition\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-details/header/request-review\");\n\nconst RequestReviewComponent: React.FC = () => {\n    const { entry } = useContentEntry();\n    const { requestReview } = useRevision({ revision: entry });\n    const { canRequestReview } = usePermission();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Request Review`,\n        message: (\n            <p>{t`You are about to request a review of this content entry. Are you sure you want to continue?`}</p>\n        )\n    });\n\n    const onClick = useCallback((): void => {\n        showConfirmation(async (): Promise<void> => {\n            await requestReview(entry.id);\n        });\n    }, [entry.id]);\n\n    if (!canRequestReview(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    const buttonEnabled =\n        entry.id && (entry.meta.status === \"draft\" || entry.meta.status === \"changesRequested\");\n\n    return (\n        <React.Fragment>\n            <Tooltip content={t`Request Review`} placement={\"top\"}>\n                <IconButton\n                    disabled={!buttonEnabled}\n                    icon={<RequestReviewIcon />}\n                    onClick={onClick}\n                />\n            </Tooltip>\n        </React.Fragment>\n    );\n};\n\nexport const RequestReview = makeComposable(\"RequestReview\", RequestReviewComponent);\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,8DAAR,CAAV;;AAEA,IAAMC,sBAAgC,GAAG,SAAnCA,sBAAmC,GAAM;EAC3C,uBAAkB,IAAAC,iCAAA,GAAlB;EAAA,IAAQC,KAAR,oBAAQA,KAAR;;EACA,mBAA0B,IAAAC,yBAAA,EAAY;IAAEC,QAAQ,EAAEF;EAAZ,CAAZ,CAA1B;EAAA,IAAQG,aAAR,gBAAQA,aAAR;;EACA,qBAA6B,IAAAC,uBAAA,GAA7B;EAAA,IAAQC,gBAAR,kBAAQA,gBAAR;;EAEA,4BAA6B,IAAAC,4CAAA,EAAsB;IAC/CC,KAAK,EAAEZ,CAAF,iGAD0C;IAE/Ca,OAAO,eACH,wCAAIb,CAAJ;EAH2C,CAAtB,CAA7B;EAAA,IAAQc,gBAAR,yBAAQA,gBAAR;;EAOA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAY;IACpCF,gBAAgB,sGAAC;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACPN,aAAa,CAACH,KAAK,CAACY,EAAP,CADN;;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAD,GAAhB;EAGH,CAJe,EAIb,CAACZ,KAAK,CAACY,EAAP,CAJa,CAAhB;;EAMA,IAAI,CAACP,gBAAgB,CAAC,kBAAD,CAArB,EAA2C;IACvC,OAAO,IAAP;EACH;;EAED,IAAMQ,aAAa,GACfb,KAAK,CAACY,EAAN,KAAaZ,KAAK,CAACc,IAAN,CAAWC,MAAX,KAAsB,OAAtB,IAAiCf,KAAK,CAACc,IAAN,CAAWC,MAAX,KAAsB,kBAApE,CADJ;EAGA,oBACI,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,gBAAD;IAAS,OAAO,EAAEpB,CAAF,mGAAhB;IAAqC,SAAS,EAAE;EAAhD,gBACI,6BAAC,kBAAD;IACI,QAAQ,EAAE,CAACkB,aADf;IAEI,IAAI,eAAE,6BAAC,gCAAD,OAFV;IAGI,OAAO,EAAEH;EAHb,EADJ,CADJ,CADJ;AAWH,CApCD;;AAsCO,IAAMM,aAAa,GAAG,IAAAC,gCAAA,EAAe,eAAf,EAAgCnB,sBAAhC,CAAtB"}

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;