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

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

@@ -1,20 +1,40 @@
-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 +44,40 @@ var menuStyles = /*#__PURE__*/css({
     textAlign: "left"
   }
 }, "label:menuStyles;");
+var defaultRevisions = [{
+  id: "new",
+  meta: {
+    version: 1,
+    status: "draft"
+  }
+}];
 
 var RevisionSelector = function RevisionSelector() {
-  var _useContentEntry = useContentEntry(),
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       entry = _useContentEntry.entry,
       revisions = _useContentEntry.revisions,
       loading = _useContentEntry.loading;
 
-  var _useRouter = useRouter(),
+  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 +85,13 @@ 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,YAAA,EAAI;EACpB,gBAAgB;IACZC,KAAK,EAAE;EADK;AADI,CAAJ,uBAApB;AAMA,IAAMC,UAAU,gBAAG,IAAAF,YAAA,EAAI;EACnBG,KAAK,EAAE,GADY;EAEnBC,KAAK,EAAE,CAFY;EAGnB,kBAAkB;IACdC,aAAa,EAAE,QADD;IAEdC,cAAc,EAAE,QAFF;IAGdC,UAAU,EAAE,UAHE;IAIdC,SAAS,EAAE;EAJG;AAHC,CAAJ,sBAAnB;AAeA,IAAMC,gBAAoC,GAAG,CACzC;EACIC,EAAE,EAAE,KADR;EAEIC,IAAI,EAAE;IACFC,OAAO,EAAE,CADP;IAEFC,MAAM,EAAE;EAFN;AAFV,CADyC,CAA7C;;AAUA,IAAMC,gBAA0B,GAAG,SAA7BA,gBAA6B,GAAM;EACrC,uBAAsC,IAAAC,iCAAA,GAAtC;EAAA,IAAQC,KAAR,oBAAQA,KAAR;EAAA,IAAeC,SAAf,oBAAeA,SAAf;EAAA,IAA0BC,OAA1B,oBAA0BA,OAA1B;;EACA,iBAA8B,IAAAC,sBAAA,GAA9B;EAAA,IAAQC,QAAR,cAAQA,QAAR;EAAA,IAAkBC,OAAlB,cAAkBA,OAAlB;;EACA,IAAMC,KAAK,GAAG,IAAIC,eAAJ,CAAoBH,QAAQ,CAACI,MAA7B,CAAd;EAEA,IAAMC,eAAe,GAAG;IACpBb,OAAO,EAAE,mBAAII,KAAJ,EAAW,cAAX,EAA2B,CAA3B,CADW;IAEpBH,MAAM,EAAE,mBAAIG,KAAJ,EAAW,aAAX,EAA0B,OAA1B;EAFY,CAAxB;EAKA,IAAMU,YAAY,GAAGT,SAAS,CAACU,MAAV,GAAmBV,SAAnB,GAA+BR,gBAApD;EAEA,oBACI,6BAAC,UAAD;IACI,SAAS,EAAEP,UADf;IAEI,MAAM,eACF,6BAAC,qBAAD;MAAe,SAAS,EAAEH,WAA1B;MAAuC,QAAQ,EAAEmB;IAAjD,QACMO,eAAe,CAACb,OADtB,QACiCgB,qBAAA,CAAaH,eAAe,CAACZ,MAA7B,CADjC,OACwE,GADxE,eAEI,6BAAC,UAAD;MAAM,IAAI,eAAE,6BAAC,wCAAD;IAAZ,EAFJ;EAHR,GASKa,YAAY,CAACG,GAAb,CAAiB,UAAAC,QAAQ;IAAA,oBACtB,6BAAC,cAAD;MACI,GAAG,EAAEA,QAAQ,CAACpB,EADlB;MAEI,OAAO,EAAE,mBAAM;QACXY,KAAK,CAACS,GAAN,CAAU,IAAV,EAAgBC,kBAAkB,CAACF,QAAQ,CAACpB,EAAV,CAAlC;QACAW,OAAO,CAACY,IAAR,CAAa;UAAET,MAAM,EAAEF,KAAK,CAACY,QAAN;QAAV,CAAb;MACH;IALL,gBAOI,6BAAC,sBAAD;MAAY,GAAG,EAAE;IAAjB,QAA4BJ,QAAQ,CAACnB,IAAT,CAAcC,OAA1C,CAPJ,eAQI,6BAAC,sBAAD;MAAY,GAAG,EAAE;IAAjB,QAA8BgB,qBAAA,CAAaE,QAAQ,CAACnB,IAAT,CAAcE,MAA3B,CAA9B,MARJ,CADsB;EAAA,CAAzB,CATL,CADJ;AAwBH,CApCD;;eAsCeC,gB"}

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<{}>;

package/admin/views/contentEntries/ContentEntry/header/saveAndPublishContent/SaveAndPublishContent.js

@@ -1,84 +1,112 @@
-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.SaveAndPublishButton = 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 _i18n = require("@webiny/app/i18n");
+
+var _Button = require("@webiny/ui/Button");
+
+var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
+
+var _useRevision2 = require("../../useRevision");
+
+var _useContentEntry2 = require("../../../hooks/useContentEntry");
+
+var _usePermission2 = _interopRequireDefault(require("../../../../../hooks/usePermission"));
+
+var _reactComposition = require("@webiny/react-composition");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React from "react";
-import { css } from "emotion";
-import { i18n } from "@webiny/app/i18n";
-import { ButtonPrimary } from "@webiny/ui/Button";
-import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
-import { useRevision } from "../../useRevision";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-import usePermission from "../../../../../hooks/usePermission";
-var t = i18n.ns("app-headless-cms/admin/plugins/content-details/header/publish-revision");
-var buttonStyles = /*#__PURE__*/css({
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/header/publish-revision");
+
+var buttonStyles = /*#__PURE__*/(0, _emotion.css)({
   marginLeft: 16
 }, "label:buttonStyles;");
 
-var SaveAndPublishButton = function SaveAndPublishButton() {
-  var _useContentEntry = useContentEntry(),
+var SaveAndPublishButtonComponent = function SaveAndPublishButtonComponent() {
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       form = _useContentEntry.form,
       loading = _useContentEntry.loading,
       entry = _useContentEntry.entry;
 
-  var _useRevision = useRevision({
+  var _useRevision = (0, _useRevision2.useRevision)({
     revision: entry
   }),
       publishRevision = _useRevision.publishRevision;
 
-  var _useConfirmationDialo = useConfirmationDialog({
-    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Publish content"]))),
-    message: /*#__PURE__*/React.createElement("p", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You are about to publish a new revision. Are you sure you want to continue?"])))),
+  var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
+    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Publish content"]))),
+    message: /*#__PURE__*/_react.default.createElement("p", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["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 _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canEdit = _usePermission.canEdit,
       canPublish = _usePermission.canPublish;
 
+  var onPublishClick = (0, _react.useCallback)(function (ev) {
+    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:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+  }, [showConfirmation]);
+
   if (!canEdit(entry, "cms.contentEntry") || !canPublish("cms.contentEntry")) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(ButtonPrimary, {
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
     className: buttonStyles,
-    onClick: function onClick() {
-      showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var entry;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return form.current.submit();
-
-              case 2:
-                entry = _context.sent;
-
-                if (entry) {
-                  _context.next = 5;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 5:
-                _context.next = 7;
-                return publishRevision(entry.id);
-
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      })));
-    },
-    disabled: loading
-  }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Save & Publish"]))));
+    onClick: onPublishClick,
+    disabled: loading,
+    "data-testid": "cms-content-save-publish-content-button"
+  }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Save & Publish"]))));
 };
 
-export default SaveAndPublishButton;
+var SaveAndPublishButton = (0, _reactComposition.makeComposable)("SaveAndPublishButton", SaveAndPublishButtonComponent);
+exports.SaveAndPublishButton = SaveAndPublishButton;

package/admin/views/contentEntries/ContentEntry/header/saveAndPublishContent/SaveAndPublishContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","buttonStyles","css","marginLeft","SaveAndPublishButtonComponent","useContentEntry","form","loading","entry","useRevision","revision","publishRevision","useConfirmationDialog","title","message","dataTestId","showConfirmation","usePermission","canEdit","canPublish","onPublishClick","useCallback","ev","current","submit","id","SaveAndPublishButton","makeComposable"],"sources":["SaveAndPublishContent.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { useRevision } from \"~/admin/views/contentEntries/ContentEntry/useRevision\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport { makeComposable } from \"@webiny/react-composition\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/header/publish-revision\");\n\nconst buttonStyles = css({\n    marginLeft: 16\n});\n\nconst SaveAndPublishButtonComponent: React.FC = () => {\n    const { form, loading, entry } = useContentEntry();\n    const { publishRevision } = useRevision({ revision: entry });\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Publish content`,\n        message: (\n            <p>{t`You are about to publish a new revision. Are you sure you want to continue?`}</p>\n        ),\n        dataTestId: \"cms-confirm-save-and-publish\"\n    });\n\n    const { canEdit, canPublish } = usePermission();\n\n    const onPublishClick = useCallback(\n        (ev: React.MouseEvent) => {\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        },\n        [showConfirmation]\n    );\n\n    if (!canEdit(entry, \"cms.contentEntry\") || !canPublish(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <ButtonPrimary\n            className={buttonStyles}\n            onClick={onPublishClick}\n            disabled={loading}\n            data-testid=\"cms-content-save-publish-content-button\"\n        >\n            {t`Save & Publish`}\n        </ButtonPrimary>\n    );\n};\n\nexport const SaveAndPublishButton = makeComposable(\n    \"SaveAndPublishButton\",\n    SaveAndPublishButtonComponent\n);\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,wEAAR,CAAV;;AAEA,IAAMC,YAAY,gBAAG,IAAAC,YAAA,EAAI;EACrBC,UAAU,EAAE;AADS,CAAJ,wBAArB;;AAIA,IAAMC,6BAAuC,GAAG,SAA1CA,6BAA0C,GAAM;EAClD,uBAAiC,IAAAC,iCAAA,GAAjC;EAAA,IAAQC,IAAR,oBAAQA,IAAR;EAAA,IAAcC,OAAd,oBAAcA,OAAd;EAAA,IAAuBC,KAAvB,oBAAuBA,KAAvB;;EACA,mBAA4B,IAAAC,yBAAA,EAAY;IAAEC,QAAQ,EAAEF;EAAZ,CAAZ,CAA5B;EAAA,IAAQG,eAAR,gBAAQA,eAAR;;EAEA,4BAA6B,IAAAC,4CAAA,EAAsB;IAC/CC,KAAK,EAAEf,CAAF,kGAD0C;IAE/CgB,OAAO,eACH,wCAAIhB,CAAJ,iKAH2C;IAK/CiB,UAAU,EAAE;EALmC,CAAtB,CAA7B;EAAA,IAAQC,gBAAR,yBAAQA,gBAAR;;EAQA,qBAAgC,IAAAC,uBAAA,GAAhC;EAAA,IAAQC,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;;EAEA,IAAMC,cAAc,GAAG,IAAAC,kBAAA,EACnB,UAACC,EAAD,EAA0B;IACtBN,gBAAgB,sGAAC;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACOV,IAAI,CAACiB,OAAL,CAAaC,MAAb,CAAoBF,EAApB,CADP;;YAAA;cACPd,KADO;;cAAA,MAET,CAACA,KAAD,IAAU,CAACA,KAAK,CAACiB,EAFR;gBAAA;gBAAA;cAAA;;cAAA;;YAAA;cAAA;cAAA,OAKPd,eAAe,CAACH,KAAK,CAACiB,EAAP,CALR;;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAD,GAAhB;EAOH,CATkB,EAUnB,CAACT,gBAAD,CAVmB,CAAvB;;EAaA,IAAI,CAACE,OAAO,CAACV,KAAD,EAAQ,kBAAR,CAAR,IAAuC,CAACW,UAAU,CAAC,kBAAD,CAAtD,EAA4E;IACxE,OAAO,IAAP;EACH;;EAED,oBACI,6BAAC,qBAAD;IACI,SAAS,EAAElB,YADf;IAEI,OAAO,EAAEmB,cAFb;IAGI,QAAQ,EAAEb,OAHd;IAII,eAAY;EAJhB,GAMKT,CANL,oGADJ;AAUH,CAzCD;;AA2CO,IAAM4B,oBAAoB,GAAG,IAAAC,gCAAA,EAChC,sBADgC,EAEhCvB,6BAFgC,CAA7B"}

package/admin/views/contentEntries/ContentEntry/header/saveContent/SaveContent.d.ts

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

package/admin/views/contentEntries/ContentEntry/header/saveContent/SaveContent.js

@@ -1,32 +1,47 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Button = require("@webiny/ui/Button");
+
+var _useContentEntry2 = require("../../../hooks/useContentEntry");
+
+var _usePermission2 = _interopRequireDefault(require("../../../../../hooks/usePermission"));
 
 var _templateObject;
 
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { ButtonSecondary } from "@webiny/ui/Button";
-import { useContentEntry } from "../../../hooks/useContentEntry";
-import usePermission from "../../../../../hooks/usePermission";
-var t = i18n.ns("app-headless-cms/admin/plugins/content-details/header/publish-revision");
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/header/publish-revision");
 
 var SaveContentButton = function SaveContentButton() {
-  var _useContentEntry = useContentEntry(),
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       form = _useContentEntry.form,
       entry = _useContentEntry.entry;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canEdit = _usePermission.canEdit;
 
   if (!canEdit(entry, "cms.contentEntry")) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(ButtonSecondary, {
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
     "data-testid": "cms-content-save-content-button",
-    onClick: function onClick() {
-      return form.current.submit();
+    onClick: function onClick(ev) {
+      form.current.submit(ev);
     }
-  }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Save"]))));
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Save"]))));
 };
 
-export default SaveContentButton;
+var _default = SaveContentButton;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntry/header/saveContent/SaveContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","SaveContentButton","useContentEntry","form","entry","usePermission","canEdit","ev","current","submit"],"sources":["SaveContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ButtonSecondary } from \"@webiny/ui/Button\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/header/publish-revision\");\n\nconst SaveContentButton: React.FC = () => {\n    const { form, entry } = useContentEntry();\n    const { canEdit } = usePermission();\n\n    if (!canEdit(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <ButtonSecondary\n            data-testid={\"cms-content-save-content-button\"}\n            onClick={ev => {\n                form.current.submit(ev);\n            }}\n        >{t`Save`}</ButtonSecondary>\n    );\n};\n\nexport default SaveContentButton;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AACA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,wEAAR,CAAV;;AAEA,IAAMC,iBAA2B,GAAG,SAA9BA,iBAA8B,GAAM;EACtC,uBAAwB,IAAAC,iCAAA,GAAxB;EAAA,IAAQC,IAAR,oBAAQA,IAAR;EAAA,IAAcC,KAAd,oBAAcA,KAAd;;EACA,qBAAoB,IAAAC,uBAAA,GAApB;EAAA,IAAQC,OAAR,kBAAQA,OAAR;;EAEA,IAAI,CAACA,OAAO,CAACF,KAAD,EAAQ,kBAAR,CAAZ,EAAyC;IACrC,OAAO,IAAP;EACH;;EAED,oBACI,6BAAC,uBAAD;IACI,eAAa,iCADjB;IAEI,OAAO,EAAE,iBAAAG,EAAE,EAAI;MACXJ,IAAI,CAACK,OAAL,CAAaC,MAAb,CAAoBF,EAApB;IACH;EAJL,GAKET,CALF,wFADJ;AAQH,CAhBD;;eAkBeG,iB"}

package/admin/views/contentEntries/ContentEntry/prepareFormData.d.ts

@@ -1,2 +1,2 @@
-import { CmsEditorContentModel } from "../../../../types";
-export declare const prepareFormData: (data: Record<string, any>, model: CmsEditorContentModel) => Record<string, any>;
+import { CmsEditorField } from "../../../../types";
+export declare const prepareFormData: (input: Record<string, any>, fields: CmsEditorField[]) => Record<string, any>;

package/admin/views/contentEntries/ContentEntry/prepareFormData.js

@@ -1,11 +1,31 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import { plugins } from "@webiny/plugins";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareFormData = void 0;
+
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
+var _plugins = require("@webiny/plugins");
+
+/**
+ * This method builds transformer plugins only once.
+ * Really no need in building more than once because at this point all plugins are registered.
+ */
+var availableTransformerPlugins = undefined;
 
 var getAvailableTransformerPlugins = function getAvailableTransformerPlugins() {
-  return plugins.byType("cms-field-value-transformer").reduce(function (transformers, pl) {
+  if (availableTransformerPlugins) {
+    return availableTransformerPlugins;
+  }
+
+  availableTransformerPlugins = _plugins.plugins.byType("cms-field-value-transformer").reduce(function (transformers, pl) {
     var fieldTypes = Array.isArray(pl.fieldType) ? pl.fieldType : [pl.fieldType];
 
-    var _iterator = _createForOfIteratorHelper(fieldTypes),
+    var _iterator = (0, _createForOfIteratorHelper2.default)(fieldTypes),
         _step;
 
     try {
@@ -27,53 +47,102 @@ var getAvailableTransformerPlugins = function getAvailableTransformerPlugins() {
 
     return transformers;
   }, {});
+  return availableTransformerPlugins;
 };
 
-var createTransformers = function createTransformers(fields) {
-  var transformerPlugins = getAvailableTransformerPlugins();
-  var transformers = {};
+var transformationRunner;
 
-  var _iterator2 = _createForOfIteratorHelper(fields),
-      _step2;
-
-  try {
-    var _loop = function _loop() {
-      var field = _step2.value;
-
-      if (!transformerPlugins[field.type]) {
-        return "continue";
-      }
+var createTransformationRunner = function createTransformationRunner() {
+  if (transformationRunner) {
+    return transformationRunner;
+  }
 
-      transformers[field.fieldId] = function (value) {
-        return transformerPlugins[field.type].transform(value, field);
-      };
-    };
+  var availablePlugins = getAvailableTransformerPlugins();
 
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var _ret = _loop();
+  transformationRunner = function transformationRunner(field, value) {
+    var transformer = availablePlugins[field.type];
 
-      if (_ret === "continue") continue;
+    if (!transformer) {
+      return value;
     }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
 
-  return transformers;
+    return transformer.transform(value, field);
+  };
+
+  return transformationRunner;
 };
 
-export var prepareFormData = function prepareFormData(data, model) {
-  var transformers = createTransformers(model.fields);
-  return Object.keys(data).reduce(function (acc, key) {
-    var value = data[key];
+var prepareFormData = function prepareFormData(input, fields) {
+  var runTransformation = createTransformationRunner();
+  return fields.reduce(function (output, field) {
+    var _field$settings;
+
+    var inputValue = input[field.fieldId];
+    var childFields = field.type === "object" ? (_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.fields : undefined;
+    /**
+     * There is a possibility that we have an object field - it has child fields.
+     */
+
+    if (childFields) {
+      /**
+       * Field can be repeatable, and in that case, we must go through all values and transform them.
+       */
+      if (field.multipleValues) {
+        if (!inputValue) {
+          return output;
+        }
+
+        var values = Array.isArray(inputValue) ? inputValue : undefined;
+
+        if (!values) {
+          return output;
+        }
+
+        output[field.fieldId] = values.map(function (value) {
+          return prepareFormData(value, childFields);
+        });
+        return output;
+      }
+
+      if (!inputValue) {
+        return output;
+      }
+      /**
+       * Or if is not repeatable, just go through the fields without the need to go through an array.
+       */
+
+
+      output[field.fieldId] = prepareFormData(inputValue, childFields);
+      return output;
+    }
+    /**
+     * Regular fields, multiple values enabled.
+     */
+    //
+    else if (field.multipleValues) {
+      var _values = Array.isArray(inputValue) ? inputValue : undefined;
+
+      if (!_values) {
+        return output;
+      }
 
-    if (!transformers[key]) {
-      acc[key] = value;
-      return acc;
+      output[field.fieldId] = _values
+      /**
+       * Transformations need to run on all the available fields.
+       */
+      .map(function (value) {
+        return runTransformation(field, value);
+      });
+      return output;
     }
+    /**
+     * Regular values, single values.
+     */
 
-    acc[key] = transformers[key](value);
-    return acc;
+
+    output[field.fieldId] = runTransformation(field, inputValue);
+    return output;
   }, {});
-};
+};
+
+exports.prepareFormData = prepareFormData;

package/admin/views/contentEntries/ContentEntry/prepareFormData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["availableTransformerPlugins","undefined","getAvailableTransformerPlugins","plugins","byType","reduce","transformers","pl","fieldTypes","Array","isArray","fieldType","console","warn","transformationRunner","createTransformationRunner","availablePlugins","field","value","transformer","type","transform","prepareFormData","input","fields","runTransformation","output","inputValue","fieldId","childFields","settings","multipleValues","values","map"],"sources":["prepareFormData.ts"],"sourcesContent":["import { CmsEditorField, CmsFieldValueTransformer } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\ninterface AvailableFieldTransformers {\n    [fieldType: string]: CmsFieldValueTransformer;\n}\n\n/**\n * This method builds transformer plugins only once.\n * Really no need in building more than once because at this point all plugins are registered.\n */\nlet availableTransformerPlugins: AvailableFieldTransformers | undefined = undefined;\nconst getAvailableTransformerPlugins = (): AvailableFieldTransformers => {\n    if (availableTransformerPlugins) {\n        return availableTransformerPlugins;\n    }\n    availableTransformerPlugins = plugins\n        .byType<CmsFieldValueTransformer>(\"cms-field-value-transformer\")\n        .reduce<AvailableFieldTransformers>((transformers, pl) => {\n            const fieldTypes = Array.isArray(pl.fieldType) ? pl.fieldType : [pl.fieldType];\n            for (const fieldType of fieldTypes) {\n                if (transformers[fieldType]) {\n                    console.warn(\n                        `Transformer for field type \"${fieldType}\" is already defined. There cannot be more than one transformer.`\n                    );\n                    continue;\n                }\n                transformers[fieldType] = pl;\n            }\n            return transformers;\n        }, {});\n\n    return availableTransformerPlugins;\n};\n\ninterface TransformationRunnerCallable {\n    (field: CmsEditorField, value: any): any;\n}\n\nlet transformationRunner: TransformationRunnerCallable;\nconst createTransformationRunner = (): TransformationRunnerCallable => {\n    if (transformationRunner) {\n        return transformationRunner;\n    }\n    const availablePlugins = getAvailableTransformerPlugins();\n\n    transformationRunner = (field, value) => {\n        const transformer = availablePlugins[field.type];\n        if (!transformer) {\n            return value;\n        }\n        return transformer.transform(value, field);\n    };\n    return transformationRunner;\n};\n\nexport const prepareFormData = (\n    input: Record<string, any>,\n    fields: CmsEditorField[]\n): Record<string, any> => {\n    const runTransformation = createTransformationRunner();\n\n    return fields.reduce<Record<string, any>>((output, field) => {\n        const inputValue = input[field.fieldId];\n        const childFields = field.type === \"object\" ? field.settings?.fields : undefined;\n        /**\n         * There is a possibility that we have an object field - it has child fields.\n         */\n        if (childFields) {\n            /**\n             * Field can be repeatable, and in that case, we must go through all values and transform them.\n             */\n            if (field.multipleValues) {\n                if (!inputValue) {\n                    return output;\n                }\n                const values = Array.isArray(inputValue) ? inputValue : undefined;\n                if (!values) {\n                    return output;\n                }\n                output[field.fieldId] = values.map(value => {\n                    return prepareFormData(value, childFields);\n                });\n                return output;\n            }\n            if (!inputValue) {\n                return output;\n            }\n            /**\n             * Or if is not repeatable, just go through the fields without the need to go through an array.\n             */\n            output[field.fieldId] = prepareFormData(inputValue, childFields);\n\n            return output;\n        }\n        /**\n         * Regular fields, multiple values enabled.\n         */\n        //\n        else if (field.multipleValues) {\n            const values = Array.isArray(inputValue) ? inputValue : undefined;\n            if (!values) {\n                return output;\n            }\n            output[field.fieldId] = values\n                /**\n                 * Transformations need to run on all the available fields.\n                 */\n                .map(value => {\n                    return runTransformation(field, value);\n                });\n            return output;\n        }\n        /**\n         * Regular values, single values.\n         */\n        output[field.fieldId] = runTransformation(field, inputValue);\n\n        return output;\n    }, {});\n};\n"],"mappings":"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"}

package/admin/views/contentEntries/ContentEntry/useRevision.d.ts

@@ -1,13 +1,35 @@
 import { CmsEditorContentEntry } from "../../../../types";
-export declare type UseRevisionProps = {
+interface CreateRevisionHandler {
+    (id?: string): Promise<void>;
+}
+interface EditRevisionHandler {
+    (id?: string): void;
+}
+interface DeleteRevisionHandler {
+    (id?: string): Promise<void>;
+}
+interface PublishRevisionHandler {
+    (id?: string): Promise<void>;
+}
+interface UnpublishRevisionHandler {
+    (id?: string): Promise<void>;
+}
+interface RequestReviewHandler {
+    (id?: string): Promise<void>;
+}
+interface RequestChangesHandler {
+    (id?: string): Promise<void>;
+}
+export interface UseRevisionProps {
     revision: CmsEditorContentEntry;
-};
+}
 export declare const useRevision: ({ revision }: UseRevisionProps) => {
-    createRevision: (...params: any[]) => any;
-    editRevision: (...params: any[]) => any;
-    deleteRevision: (...params: any[]) => any;
-    publishRevision: (...params: any[]) => any;
-    unpublishRevision: (...params: any[]) => any;
-    requestReview: (...params: any[]) => any;
-    requestChanges: (...params: any[]) => any;
+    createRevision: CreateRevisionHandler;
+    editRevision: EditRevisionHandler;
+    deleteRevision: DeleteRevisionHandler;
+    publishRevision: PublishRevisionHandler;
+    unpublishRevision: UnpublishRevisionHandler;
+    requestReview: RequestReviewHandler;
+    requestChanges: RequestChangesHandler;
 };
+export {};