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

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;AAAyC;AAE1B,SAASA,WAAW,OAA0C;EAAA,IAAvCC,KAAK,QAALA,KAAK;IAAKC,KAAK;EACjD,gBAA0B,IAAAC,eAAQ,EAC9BC,6CAA+B,CAClC;IAFOC,IAAI,aAAJA,IAAI;IAAEC,OAAO,aAAPA,OAAO;EAIrB,IAAMC,MAAM,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,sBAAsB,CAACH,IAAI;EACvE,IAAMI,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAOH,MAAM,CAACI,GAAG,CAAC,UAAAC,IAAI;MAAA,OAAK;QAAEX,KAAK,EAAEW,IAAI,CAACC,EAAE;QAAEC,KAAK,EAAEF,IAAI,CAACG;MAAK,CAAC;IAAA,CAAC,CAAC;EACrE,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;EAEZ,IAAMS,WAAW,GAAG,OAAOf,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACY,EAAE;EAEhE,oBACI,6BAAC,cAAM,oBACCX,KAAK;IACT,KAAK,EAAEI,OAAO,GAAG,EAAE,GAAGU,WAAY;IAClC,KAAK,EAAE,qBAAsB;IAC7B,OAAO,EAAEP;EAAQ,GACnB;AAEV"}

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

@@ -1,14 +1,23 @@
-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,kCAAkC;EACxCC,IAAI,EAAE,0BAA0B;EAChCC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE,8CAA8C;EAC3DC,IAAI,eAAE,oBAAC,iCAAY,OAAG;EACtBC,MAAM,kBAACC,KAAK,EAAE;IACV,oBAAO,oBAAC,wBAAe,EAAKA,KAAK,CAAI;EACzC;AACJ,CAAC;AAAC,eAEaP,MAAM;AAAA"}

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,157 @@
+"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,134 @@
+"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,18 @@
-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 +21,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 +74,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,52 +82,53 @@ var classes = {
     "&.collapsed": {
       maxHeight: 0,
       transition: "max-height 0.35s cubic-bezier(0, 1, 0, 1)"
+    },
+    ".accordion-content": {
+      paddingBottom: 10
     }
   }, "label:accordionItem;")
 };
-
 var Accordion = function Accordion(_ref) {
   var title = _ref.title,
-      children = _ref.children,
-      action = _ref.action,
-      icon = _ref.icon,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
-
-  var _useState = useState(defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setOpen = _useState2[1];
-
-  var toggleOpen = useCallback(function () {
+    children = _ref.children,
+    action = _ref.action,
+    icon = _ref.icon,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
+  var _useState = (0, _react.useState)(defaultValue),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isOpen = _useState2[0],
+    setOpen = _useState2[1];
+  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;

package/admin/plugins/fieldRenderers/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","accordionItem","overflow","transition","maxHeight","paddingBottom","Accordion","title","children","action","icon","defaultValue","useState","isOpen","setOpen","toggleOpen","useCallback","classNames","open","collapsed","MemoizedAccordion","React","memo"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    }),\n    accordionItem: css({\n        overflow: \"hidden\",\n        transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n        height: \"auto\",\n        maxHeight: \"9999px\",\n\n        \"&.collapsed\": {\n            maxHeight: 0,\n            transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n        },\n        \".accordion-content\": {\n            paddingBottom: 10\n        }\n    })\n};\n\ninterface AccordionProps {\n    title: string;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    defaultValue?: boolean;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n    title,\n    children,\n    action,\n    icon,\n    defaultValue = false\n}) => {\n    const [isOpen, setOpen] = useState(defaultValue);\n    const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, { open: isOpen })}\n                onClick={toggleOpen}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"}>{title}</Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n                <div className=\"accordion-content\">{children}</div>\n            </div>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.FC<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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"}

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

@@ -1,14 +1,24 @@
 import React from "react";
-import { CmsEditorField } from "../../../types";
-declare type Props = {
-    field: CmsEditorField;
-    getBind(index?: number): React.ComponentType<any>;
+import { BindComponent, BindComponentRenderProp, CmsModelField } from "../../../types";
+import { GetBindCallable } from "../../components/ContentEntryForm/useBind";
+export interface DynamicSectionPropsChildrenParams {
+    Bind: BindComponent;
+    field: CmsModelField;
+    bind: {
+        index: BindComponentRenderProp;
+        field: BindComponentRenderProp;
+    };
+    index: number;
+}
+export interface DynamicSectionProps {
+    field: CmsModelField;
+    getBind: GetBindCallable;
     showLabel?: boolean;
     Label: React.ComponentType<any>;
-    children: (params: any) => React.ReactNode;
+    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;
     emptyValue?: any;
     renderTitle?: (value: any[]) => React.ReactElement;
     gridClassName?: string;
-};
-declare const DynamicSection: ({ field, getBind, Label, children, showLabel, emptyValue, renderTitle, gridClassName }: Props) => JSX.Element;
+}
+declare const DynamicSection: React.FC<DynamicSectionProps>;
 export default DynamicSection;