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

package/admin/plugins/editor/formSettings/components/GroupSelect.js

@@ -1,19 +1,36 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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 = GroupSelect;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Select = require("@webiny/ui/Select");
+
+var _viewsGraphql = require("../../../../viewsGraphql");
+
+var _hooks = require("../../../../hooks");
+
 var _excluded = ["value"];
-import React, { useMemo } from "react";
-import { Select } from "@webiny/ui/Select";
-import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../../../viewsGraphql";
-import { useQuery } from "../../../../hooks";
-export default function GroupSelect(_ref) {
+
+function GroupSelect(_ref) {
   var value = _ref.value,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-  var _useQuery = useQuery(LIST_MENU_CONTENT_GROUPS_MODELS),
+  var _useQuery = (0, _hooks.useQuery)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS),
       data = _useQuery.data,
       loading = _useQuery.loading;
 
-  var groups = loading && !data ? [] : data.listContentModelGroups.data;
-  var options = useMemo(function () {
+  var groups = loading || !data ? [] : data.listContentModelGroups.data;
+  var options = (0, _react.useMemo)(function () {
     return groups.map(function (item) {
       return {
         value: item.id,
@@ -22,7 +39,7 @@ export default function GroupSelect(_ref) {
     });
   }, [groups]);
   var selectValue = typeof value === "string" ? value : value.id;
-  return /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, props, {
     value: loading ? "" : selectValue,
     label: "Content model group",
     options: options

package/admin/plugins/editor/formSettings/components/GroupSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupSelect","value","props","useQuery","LIST_MENU_CONTENT_GROUPS_MODELS","data","loading","groups","listContentModelGroups","options","useMemo","map","item","id","label","name","selectValue"],"sources":["GroupSelect.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport {\n    LIST_MENU_CONTENT_GROUPS_MODELS,\n    ListMenuCmsGroupsQueryResponse\n} from \"~/admin/viewsGraphql\";\nimport { useQuery } from \"~/admin/hooks\";\n\nexport default function GroupSelect({ value, ...props }: FormComponentProps) {\n    const { data, loading } = useQuery<ListMenuCmsGroupsQueryResponse>(\n        LIST_MENU_CONTENT_GROUPS_MODELS\n    );\n\n    const groups = loading || !data ? [] : data.listContentModelGroups.data;\n    const options = useMemo(() => {\n        return groups.map(item => ({ value: item.id, label: item.name }));\n    }, [groups]);\n\n    const selectValue = typeof value === \"string\" ? value : value.id;\n\n    return (\n        <Select\n            {...props}\n            value={loading ? \"\" : selectValue}\n            label={\"Content model group\"}\n            options={options}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;;;AAEe,SAASA,WAAT,OAA8D;EAAA,IAAvCC,KAAuC,QAAvCA,KAAuC;EAAA,IAA7BC,KAA6B;;EACzE,gBAA0B,IAAAC,eAAA,EACtBC,6CADsB,CAA1B;EAAA,IAAQC,IAAR,aAAQA,IAAR;EAAA,IAAcC,OAAd,aAAcA,OAAd;;EAIA,IAAMC,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAZ,GAAmB,EAAnB,GAAwBA,IAAI,CAACG,sBAAL,CAA4BH,IAAnE;EACA,IAAMI,OAAO,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAC1B,OAAOH,MAAM,CAACI,GAAP,CAAW,UAAAC,IAAI;MAAA,OAAK;QAAEX,KAAK,EAAEW,IAAI,CAACC,EAAd;QAAkBC,KAAK,EAAEF,IAAI,CAACG;MAA9B,CAAL;IAAA,CAAf,CAAP;EACH,CAFe,EAEb,CAACR,MAAD,CAFa,CAAhB;EAIA,IAAMS,WAAW,GAAG,OAAOf,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCA,KAAK,CAACY,EAA9D;EAEA,oBACI,6BAAC,cAAD,oBACQX,KADR;IAEI,KAAK,EAAEI,OAAO,GAAG,EAAH,GAAQU,WAF1B;IAGI,KAAK,EAAE,qBAHX;IAII,OAAO,EAAEP;EAJb,GADJ;AAQH"}

package/admin/plugins/editor/formSettings/index.js

@@ -1,14 +1,29 @@
-import * as React from "react";
-import GeneralSettings from "./components/GeneralSettings";
-import { ReactComponent as SettingsIcon } from "@svgr/webpack!./icons/round-settings-24px.svg";
+"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 _GeneralSettings = _interopRequireDefault(require("./components/GeneralSettings"));
+
+var _roundSettings24px = require("./icons/round-settings-24px.svg");
+
 var plugin = {
   name: "cms-editor-form-settings-general",
   type: "cms-editor-form-settings",
   title: "General settings",
   description: "Manage content model's name and description.",
-  icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+  icon: /*#__PURE__*/React.createElement(_roundSettings24px.ReactComponent, null),
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(GeneralSettings, props);
+    return /*#__PURE__*/React.createElement(_GeneralSettings.default, props);
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/editor/formSettings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","name","type","title","description","icon","render","props"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport GeneralSettings from \"./components/GeneralSettings\";\nimport { ReactComponent as SettingsIcon } from \"./icons/round-settings-24px.svg\";\n\nconst plugin: CmsEditorFormSettingsPlugin = {\n    name: \"cms-editor-form-settings-general\",\n    type: \"cms-editor-form-settings\",\n    title: \"General settings\",\n    description: \"Manage content model's name and description.\",\n    icon: <SettingsIcon />,\n    render(props) {\n        return <GeneralSettings {...props} />;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA,IAAMA,MAAmC,GAAG;EACxCC,IAAI,EAAE,kCADkC;EAExCC,IAAI,EAAE,0BAFkC;EAGxCC,KAAK,EAAE,kBAHiC;EAIxCC,WAAW,EAAE,8CAJ2B;EAKxCC,IAAI,eAAE,oBAAC,iCAAD,OALkC;EAMxCC,MANwC,kBAMjCC,KANiC,EAM1B;IACV,oBAAO,oBAAC,wBAAD,EAAqBA,KAArB,CAAP;EACH;AARuC,CAA5C;eAWeP,M"}

package/admin/plugins/entry/DefaultOnEntryDelete.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultOnEntryDelete: React.NamedExoticComponent<{}>;

package/admin/plugins/entry/DefaultOnEntryDelete.js

@@ -0,0 +1,204 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultOnEntryDelete = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _hooks = require("../../hooks");
+
+var _contentEntries = require("../../graphql/contentEntries");
+
+var GQLCache = _interopRequireWildcard(require("../../views/contentEntries/ContentEntry/cache"));
+
+var _utils = require("@webiny/utils");
+
+var createMutationKey = function createMutationKey(params) {
+  var model = params.model,
+      locale = params.locale;
+  return "".concat(model.modelId, "_").concat(locale, "_").concat(model.savedOn);
+};
+
+var OnEntryDelete = function OnEntryDelete() {
+  var _useCms = (0, _hooks.useCms)(),
+      onEntryDelete = _useCms.onEntryDelete;
+
+  var mutations = (0, _react.useRef)({});
+
+  var getMutation = function getMutation(model, locale) {
+    var key = createMutationKey({
+      model: model,
+      locale: locale
+    });
+
+    if (!mutations.current[key]) {
+      mutations.current[key] = (0, _contentEntries.createDeleteMutation)(model);
+    }
+
+    return mutations.current[key];
+  };
+
+  var handleOnDelete = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
+      var entry, model, id, client, _ref$listQueryVariabl, listQueryVariables, locale, mutation, response, _error, error, _parseIdentifier, version, revisions;
+
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              entry = _ref.entry, model = _ref.model, id = _ref.id, client = _ref.client, _ref$listQueryVariabl = _ref.listQueryVariables, listQueryVariables = _ref$listQueryVariabl === void 0 ? {} : _ref$listQueryVariabl, locale = _ref.locale;
+              mutation = getMutation(model, locale);
+              _context.next = 4;
+              return client.mutate({
+                mutation: mutation,
+                variables: {
+                  revision: id
+                }
+              });
+
+            case 4:
+              response = _context.sent;
+
+              if (response.data) {
+                _context.next = 8;
+                break;
+              }
+
+              _error = {
+                message: "Missing response data on Delete Entry Mutation.",
+                code: "MISSING_RESPONSE_DATA",
+                data: {}
+              };
+              return _context.abrupt("return", {
+                error: _error
+              });
+
+            case 8:
+              error = response.data.content.error;
+
+              if (!error) {
+                _context.next = 11;
+                break;
+              }
+
+              return _context.abrupt("return", {
+                error: error
+              });
+
+            case 11:
+              /**
+               * TODO figure out how to do this in a smart way.
+               * If there is no version in the ID, we are deleting whole entry.
+               */
+              _parseIdentifier = (0, _utils.parseIdentifier)(id), version = _parseIdentifier.version;
+
+              if (!(version === null)) {
+                _context.next = 15;
+                break;
+              }
+
+              GQLCache.removeEntryFromListCache(model, client.cache, entry, listQueryVariables);
+              return _context.abrupt("return", {
+                data: true,
+                error: null
+              });
+
+            case 15:
+              // We have other revisions, update entry's cache
+              revisions = GQLCache.removeRevisionFromEntryCache(model, client.cache, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, entry), {}, {
+                id: id
+              }));
+
+              if (!(entry.id !== id)) {
+                _context.next = 18;
+                break;
+              }
+
+              return _context.abrupt("return", {
+                data: true,
+                error: null
+              });
+
+            case 18:
+              GQLCache.updateLatestRevisionInListCache(model, client.cache, revisions[0], listQueryVariables);
+              return _context.abrupt("return", {
+                entry: revisions[0] || entry,
+                data: true,
+                error: null
+              });
+
+            case 20:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleOnDelete(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    return onEntryDelete(function (next) {
+      return /*#__PURE__*/function () {
+        var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
+          var result, response;
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return next(params);
+
+                case 2:
+                  result = _context2.sent;
+
+                  if (!result.error) {
+                    _context2.next = 5;
+                    break;
+                  }
+
+                  return _context2.abrupt("return", result);
+
+                case 5:
+                  _context2.next = 7;
+                  return handleOnDelete((0, _objectSpread2.default)({}, params));
+
+                case 7:
+                  response = _context2.sent;
+                  return _context2.abrupt("return", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), response));
+
+                case 9:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        return function (_x2) {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+    });
+  }, []);
+  return null;
+};
+
+var DefaultOnEntryDelete = /*#__PURE__*/_react.default.memo(OnEntryDelete);
+
+exports.DefaultOnEntryDelete = DefaultOnEntryDelete;

package/admin/plugins/entry/DefaultOnEntryDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createMutationKey","params","model","locale","modelId","savedOn","OnEntryDelete","useCms","onEntryDelete","mutations","useRef","getMutation","key","current","createDeleteMutation","handleOnDelete","entry","id","client","listQueryVariables","mutation","mutate","variables","revision","response","data","error","message","code","content","parseIdentifier","version","GQLCache","removeEntryFromListCache","cache","revisions","removeRevisionFromEntryCache","updateLatestRevisionInListCache","useEffect","next","result","DefaultOnEntryDelete","React","memo"],"sources":["DefaultOnEntryDelete.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useCms } from \"~/admin/hooks\";\nimport { CmsErrorResponse, CmsModel } from \"~/types\";\nimport {\n    CmsEntryDeleteMutationResponse,\n    CmsEntryDeleteMutationVariables,\n    createDeleteMutation\n} from \"~/admin/graphql/contentEntries\";\nimport { DocumentNode } from \"graphql\";\nimport { OnEntryDeleteRequest } from \"~/admin/contexts/Cms\";\nimport * as GQLCache from \"~/admin/views/contentEntries/ContentEntry/cache\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface Mutations {\n    [key: string]: DocumentNode;\n}\n\ninterface CreateMutationKeyParams {\n    model: CmsModel;\n    locale: string;\n}\n\nconst createMutationKey = (params: CreateMutationKeyParams): string => {\n    const { model, locale } = params;\n    return `${model.modelId}_${locale}_${model.savedOn}`;\n};\n\nconst OnEntryDelete: React.FC = () => {\n    const { onEntryDelete } = useCms();\n\n    const mutations = useRef<Mutations>({});\n\n    const getMutation = (model: CmsModel, locale: string) => {\n        const key = createMutationKey({ model, locale });\n        if (!mutations.current[key]) {\n            mutations.current[key] = createDeleteMutation(model);\n        }\n        return mutations.current[key];\n    };\n\n    const handleOnDelete = async ({\n        entry,\n        model,\n        id,\n        client,\n        listQueryVariables = {},\n        locale\n    }: OnEntryDeleteRequest) => {\n        const mutation = getMutation(model, locale);\n\n        const response = await client.mutate<\n            CmsEntryDeleteMutationResponse,\n            CmsEntryDeleteMutationVariables\n        >({\n            mutation,\n            variables: {\n                revision: id\n            }\n        });\n\n        if (!response.data) {\n            const error: CmsErrorResponse = {\n                message: \"Missing response data on Delete Entry Mutation.\",\n                code: \"MISSING_RESPONSE_DATA\",\n                data: {}\n            };\n            return {\n                error\n            };\n        }\n        const { error } = response.data.content;\n        if (error) {\n            return {\n                error\n            };\n        }\n        /**\n         * TODO figure out how to do this in a smart way.\n         * If there is no version in the ID, we are deleting whole entry.\n         */\n        const { version } = parseIdentifier(id);\n        if (version === null) {\n            GQLCache.removeEntryFromListCache(model, client.cache, entry, listQueryVariables);\n            return {\n                data: true,\n                error: null\n            };\n        }\n\n        // We have other revisions, update entry's cache\n        const revisions = GQLCache.removeRevisionFromEntryCache(model, client.cache, {\n            ...entry,\n            id\n        });\n\n        if (entry.id !== id) {\n            return {\n                data: true,\n                error: null\n            };\n        }\n        GQLCache.updateLatestRevisionInListCache(\n            model,\n            client.cache,\n            revisions[0],\n            listQueryVariables\n        );\n\n        return {\n            entry: revisions[0] || entry,\n            data: true,\n            error: null\n        };\n    };\n\n    useEffect(() => {\n        return onEntryDelete(next => async params => {\n            const result = await next(params);\n\n            if (result.error) {\n                return result;\n            }\n\n            const response = await handleOnDelete({\n                ...params\n            });\n            return {\n                ...result,\n                ...response\n            };\n        });\n    }, []);\n\n    return null;\n};\n\nexport const DefaultOnEntryDelete = React.memo(OnEntryDelete);\n"],"mappings":"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"}

package/admin/plugins/entry/DefaultOnEntryPublish.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultOnEntryPublish: React.NamedExoticComponent<{}>;

package/admin/plugins/entry/DefaultOnEntryPublish.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultOnEntryPublish = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _contentEntries = require("../../graphql/contentEntries");
+
+var _hooks = require("../../hooks");
+
+var GQLCache = _interopRequireWildcard(require("../../views/contentEntries/ContentEntry/cache"));
+
+var createMutationKey = function createMutationKey(params) {
+  var model = params.model,
+      locale = params.locale;
+  return "".concat(model.modelId, "_").concat(locale, "_").concat(model.savedOn);
+};
+
+var OnEntryPublish = function OnEntryPublish() {
+  var _useCms = (0, _hooks.useCms)(),
+      onEntryRevisionPublish = _useCms.onEntryRevisionPublish;
+
+  var mutations = (0, _react.useRef)({});
+  var getMutation = (0, _react.useCallback)(function (model, locale) {
+    var key = createMutationKey({
+      model: model,
+      locale: locale
+    });
+
+    if (!mutations.current[key]) {
+      mutations.current[key] = (0, _contentEntries.createPublishMutation)(model);
+    }
+
+    return mutations.current[key];
+  }, [mutations.current]);
+
+  var handleOnPublish = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
+      var model, id, client, locale, mutation, response, _error, _response$data$conten, data, error;
+
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              model = _ref.model, id = _ref.id, client = _ref.client, locale = _ref.locale;
+              mutation = getMutation(model, locale);
+              _context.next = 4;
+              return client.mutate({
+                mutation: mutation,
+                variables: {
+                  revision: id
+                },
+                update: function update(cache, result) {
+                  var _result$data;
+
+                  var content = (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.content;
+
+                  if (!content || !content.data || content.error) {
+                    return;
+                  }
+
+                  GQLCache.unpublishPreviouslyPublishedRevision(model, cache, id);
+                }
+              });
+
+            case 4:
+              response = _context.sent;
+
+              if (response.data) {
+                _context.next = 8;
+                break;
+              }
+
+              _error = {
+                message: "Missing response data on Publish Entry Mutation.",
+                code: "MISSING_RESPONSE_DATA",
+                data: {}
+              };
+              return _context.abrupt("return", {
+                error: _error
+              });
+
+            case 8:
+              _response$data$conten = response.data.content, data = _response$data$conten.data, error = _response$data$conten.error;
+
+              if (!error) {
+                _context.next = 11;
+                break;
+              }
+
+              return _context.abrupt("return", {
+                error: error
+              });
+
+            case 11:
+              return _context.abrupt("return", {
+                entry: data,
+                error: null
+              });
+
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleOnPublish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    return onEntryRevisionPublish(function (next) {
+      return /*#__PURE__*/function () {
+        var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
+          var result, response;
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return next(params);
+
+                case 2:
+                  result = _context2.sent;
+
+                  if (!result.error) {
+                    _context2.next = 5;
+                    break;
+                  }
+
+                  return _context2.abrupt("return", result);
+
+                case 5:
+                  _context2.next = 7;
+                  return handleOnPublish(params);
+
+                case 7:
+                  response = _context2.sent;
+                  return _context2.abrupt("return", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), response));
+
+                case 9:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        return function (_x2) {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+    });
+  }, []);
+  return null;
+};
+
+var DefaultOnEntryPublish = /*#__PURE__*/_react.default.memo(OnEntryPublish);
+
+exports.DefaultOnEntryPublish = DefaultOnEntryPublish;

package/admin/plugins/entry/DefaultOnEntryPublish.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createMutationKey","params","model","locale","modelId","savedOn","OnEntryPublish","useCms","onEntryRevisionPublish","mutations","useRef","getMutation","useCallback","key","current","createPublishMutation","handleOnPublish","id","client","mutation","mutate","variables","revision","update","cache","result","content","data","error","GQLCache","unpublishPreviouslyPublishedRevision","response","message","code","entry","useEffect","next","DefaultOnEntryPublish","React","memo"],"sources":["DefaultOnEntryPublish.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { DocumentNode } from \"graphql\";\nimport {\n    CmsEntryPublishMutationResponse,\n    CmsEntryPublishMutationVariables,\n    createPublishMutation\n} from \"~/admin/graphql/contentEntries\";\nimport { CmsErrorResponse, CmsModel } from \"~/types\";\nimport { useCms } from \"~/admin/hooks\";\nimport { OnEntryPublishResponse } from \"~/admin/contexts/Cms\";\nimport * as GQLCache from \"~/admin/views/contentEntries/ContentEntry/cache\";\n\ninterface Mutations {\n    [key: string]: DocumentNode;\n}\n\ninterface CreateMutationKeyParams {\n    model: CmsModel;\n    locale: string;\n}\n\nconst createMutationKey = (params: CreateMutationKeyParams): string => {\n    const { model, locale } = params;\n    return `${model.modelId}_${locale}_${model.savedOn}`;\n};\n\nconst OnEntryPublish: React.FC = () => {\n    const { onEntryRevisionPublish } = useCms();\n\n    const mutations = useRef<Mutations>({});\n\n    const getMutation = useCallback(\n        (model: CmsModel, locale: string): DocumentNode => {\n            const key = createMutationKey({ model, locale });\n            if (!mutations.current[key]) {\n                mutations.current[key] = createPublishMutation(model);\n            }\n            return mutations.current[key];\n        },\n        [mutations.current]\n    );\n\n    const handleOnPublish = async ({ model, id, client, locale }: OnEntryPublishResponse) => {\n        const mutation = getMutation(model, locale);\n\n        const response = await client.mutate<\n            CmsEntryPublishMutationResponse,\n            CmsEntryPublishMutationVariables\n        >({\n            mutation,\n            variables: {\n                revision: id\n            },\n            update: (cache, result) => {\n                const content = result.data?.content;\n                if (!content || !content.data || content.error) {\n                    return;\n                }\n                GQLCache.unpublishPreviouslyPublishedRevision(model, cache, id);\n            }\n        });\n\n        if (!response.data) {\n            const error: CmsErrorResponse = {\n                message: \"Missing response data on Publish Entry Mutation.\",\n                code: \"MISSING_RESPONSE_DATA\",\n                data: {}\n            };\n            return {\n                error\n            };\n        }\n        const { data, error } = response.data.content;\n        if (error) {\n            return {\n                error\n            };\n        }\n\n        return {\n            entry: data,\n            error: null\n        };\n    };\n\n    useEffect(() => {\n        return onEntryRevisionPublish(next => async params => {\n            const result = await next(params);\n\n            if (result.error) {\n                return result;\n            }\n\n            const response = await handleOnPublish(params);\n\n            return {\n                ...result,\n                ...response\n            };\n        });\n    }, []);\n\n    return null;\n};\n\nexport const DefaultOnEntryPublish = React.memo(OnEntryPublish);\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/Accordion.d.ts

@@ -1,10 +1,9 @@
 import React, { ReactElement } from "react";
-declare type AccordionProps = {
+interface AccordionProps {
     title: string;
-    children: ReactElement;
-    action?: ReactElement;
+    action?: ReactElement | null;
     icon?: ReactElement;
     defaultValue?: boolean;
-};
-declare const _default: React.MemoExoticComponent<({ title, children, action, icon, defaultValue }: AccordionProps) => JSX.Element>;
-export default _default;
+}
+declare const MemoizedAccordion: React.FC<AccordionProps>;
+export default MemoizedAccordion;

package/admin/plugins/fieldRenderers/Accordion.js

@@ -1,10 +1,26 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useState } from "react";
-import { css } from "emotion";
-import classNames from "classnames";
-import { Typography } from "@webiny/ui/Typography";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Typography = require("@webiny/ui/Typography");
+
 var classes = {
-  accordionWrapper: /*#__PURE__*/css({
+  accordionWrapper: /*#__PURE__*/(0, _emotion.css)({
     /**
      * We're using position: "relative" here for "Popping Out of Hidden Overflow" https://css-tricks.com/popping-hidden-overflow/
      * so that, we can use absolute positioned element inside without "overflow: hidden" being a problem
@@ -13,7 +29,7 @@ var classes = {
     width: "100%",
     borderBottom: "1px solid var(--mdc-theme-on-secondary)"
   }, "label:accordionWrapper;"),
-  accordionHeader: /*#__PURE__*/css({
+  accordionHeader: /*#__PURE__*/(0, _emotion.css)({
     position: "relative",
     color: "var(--mdc-theme-text-secondary-on-background)",
     cursor: "pointer",
@@ -66,7 +82,7 @@ var classes = {
       }
     }
   }, "label:accordionHeader;"),
-  accordionItem: /*#__PURE__*/css({
+  accordionItem: /*#__PURE__*/(0, _emotion.css)({
     overflow: "hidden",
     transition: "max-height 0.3s cubic-bezier(1, 0, 1, 0)",
     height: "auto",
@@ -74,6 +90,9 @@ var classes = {
     "&.collapsed": {
       maxHeight: 0,
       transition: "max-height 0.35s cubic-bezier(0, 1, 0, 1)"
+    },
+    ".accordion-content": {
+      paddingBottom: 10
     }
   }, "label:accordionItem;")
 };
@@ -86,40 +105,43 @@ var Accordion = function Accordion(_ref) {
       _ref$defaultValue = _ref.defaultValue,
       defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
 
-  var _useState = useState(defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(defaultValue),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isOpen = _useState2[0],
       setOpen = _useState2[1];
 
-  var toggleOpen = useCallback(function () {
+  var toggleOpen = (0, _react.useCallback)(function () {
     return setOpen(!isOpen);
   }, [isOpen]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.accordionWrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(classes.accordionHeader, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.accordionHeader, {
       open: isOpen
     }),
     onClick: toggleOpen
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-header--left"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-title"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle1"
-  }, title))), /*#__PURE__*/React.createElement("div", {
+  }, title))), /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-header--right"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, action && /*#__PURE__*/_react.default.createElement("div", {
     className: "action-container"
-  }, action), /*#__PURE__*/React.createElement("div", {
+  }, action), /*#__PURE__*/_react.default.createElement("div", {
     className: "icon-container"
-  }, icon))), /*#__PURE__*/React.createElement("div", {
-    className: classNames(classes.accordionItem, {
+  }, icon))), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.accordionItem, {
       collapsed: !isOpen
     })
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-content"
   }, children)));
 };
 
-export default /*#__PURE__*/React.memo(Accordion);
+var MemoizedAccordion = /*#__PURE__*/_react.default.memo(Accordion);
+
+var _default = MemoizedAccordion;
+exports.default = _default;