@atlaskit/editor-core 189.3.12 → 189.3.14

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 189.3.14
+
+### Patch Changes
+
+- [#42995](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42995) [`a527682dee6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a527682dee6) - add in missing dependencies for imported types
+- [#42618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42618) [`d55f8d9c0a3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d55f8d9c0a3) - ED-20359 extracted max-content-size plugin from editor-core
+- Updated dependencies
+
+## 189.3.13
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 189.3.12
 
 ### Patch Changes

package/dist/cjs/plugins/index.js

@@ -125,12 +125,6 @@ Object.defineProperty(exports, "macroPlugin", {
     return _macro.default;
   }
 });
-Object.defineProperty(exports, "maxContentSizePlugin", {
-  enumerable: true,
-  get: function get() {
-    return _maxContentSize.default;
-  }
-});
 Object.defineProperty(exports, "mobileDimensionsPlugin", {
   enumerable: true,
   get: function get() {
@@ -180,7 +174,6 @@ var _insertBlock = _interopRequireDefault(require("./insert-block"));
 var _jiraIssue = _interopRequireDefault(require("./jira-issue"));
 var _toolbarListsIndentation = _interopRequireDefault(require("./toolbar-lists-indentation"));
 var _macro = _interopRequireDefault(require("./macro"));
-var _maxContentSize = _interopRequireDefault(require("./max-content-size"));
 var _paste = _interopRequireDefault(require("./paste"));
 var _tasksAndDecisions = _interopRequireDefault(require("./tasks-and-decisions"));
 var _breakout = _interopRequireDefault(require("./breakout"));

package/dist/cjs/plugins/mobile-dimensions/index.js

@@ -79,6 +79,12 @@ var createPlugin = function createPlugin(dispatch) {
 var mobileDimensionsPlugin = function mobileDimensionsPlugin() {
   return {
     name: 'mobileDimensions',
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      return _pluginFactory.mobileDimensionsPluginKey.getState(editorState);
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'mobileDimensions',

package/dist/cjs/presets/universal.js

@@ -13,6 +13,7 @@ var _editorPluginTextColor = require("@atlaskit/editor-plugin-text-color");
 var _editorPluginHistory = require("@atlaskit/editor-plugin-history");
 var _editorPluginStatus = require("@atlaskit/editor-plugin-status");
 var _editorPluginDate = require("@atlaskit/editor-plugin-date");
+var _editorPluginMaxContentSize = require("@atlaskit/editor-plugin-max-content-size");
 var _editorPluginCaption = require("@atlaskit/editor-plugin-caption");
 var _editorPluginBorder = require("@atlaskit/editor-plugin-border");
 var _editorPluginHelpDialog = require("@atlaskit/editor-plugin-help-dialog");
@@ -234,7 +235,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
       })]);
     }
     return builder;
-  }).maybeAdd(_plugins.maxContentSizePlugin, function (plugin, builder) {
+  }).maybeAdd(_editorPluginMaxContentSize.maxContentSizePlugin, function (plugin, builder) {
     if (props.maxContentSize) {
       return builder.add([plugin, props.maxContentSize]);
     }

package/dist/cjs/ui/Appearance/Chromeless.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,16 +14,18 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _PluginSlot = _interopRequireDefault(require("../PluginSlot"));
-var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
 var _ContentStyles = require("../ContentStyles");
-var _maxContentSize = require("../../plugins/max-content-size");
 var _styles = require("../styles");
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
+var _context = require("../../presets/context");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var chromelessEditor = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 20px;\n  height: auto;\n\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n  max-width: inherit;\n  box-sizing: border-box;\n  word-wrap: break-word;\n\n  div > .ProseMirror {\n    outline: none;\n    white-space: pre-wrap;\n    padding: 0;\n    margin: 0;\n\n    & > :last-child {\n      padding-bottom: 0.5em;\n    }\n  }\n"])), _styles.scrollbarStyles);
@@ -94,14 +97,20 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(Editor, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(_WithPluginState.default, {
-        plugins: {
-          maxContentSize: _maxContentSize.pluginKey
-        },
-        render: this.renderChrome
+      return (0, _react2.jsx)(RenderWithPluginState, {
+        renderChrome: this.renderChrome
       });
     }
   }]);
   return Editor;
 }(_react.default.Component);
-(0, _defineProperty2.default)(Editor, "displayName", 'ChromelessEditorAppearance');
+(0, _defineProperty2.default)(Editor, "displayName", 'ChromelessEditorAppearance');
+function RenderWithPluginState(_ref3) {
+  var renderChrome = _ref3.renderChrome;
+  var api = (0, _context.usePresetContext)();
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['maxContentSize']),
+    maxContentSizeState = _useSharedPluginState.maxContentSizeState;
+  return (0, _react2.jsx)(_react.Fragment, null, renderChrome({
+    maxContentSize: maxContentSizeState
+  }));
+}

package/dist/cjs/ui/AppearanceComponents/Mobile.js

@@ -9,13 +9,11 @@ exports.MobileAppearance = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _maxContentSize = require("../../plugins/max-content-size");
-var _pluginFactory = require("../../plugins/mobile-dimensions/plugin-factory");
-var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
 var _WithFlash = _interopRequireDefault(require("../WithFlash"));
 var _ContentStyles = require("../ContentStyles");
 var _Addon = require("../Addon");
 var _context = require("../../presets/context");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _templateObject;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -31,6 +29,9 @@ var MobileAppearance = exports.MobileAppearance = /*#__PURE__*/(0, _react.forwar
     editorDisabled = _ref.editorDisabled,
     featureFlags = _ref.featureFlags;
   var api = (0, _context.usePresetContext)();
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['maxContentSize', 'mobileDimensions']),
+    maxContentSizeState = _useSharedPluginState.maxContentSizeState,
+    mobileDimensionsState = _useSharedPluginState.mobileDimensionsState;
   var render = (0, _react.useCallback)(function (_ref2) {
     var maxContentSize = _ref2.maxContentSize,
       mobileDimensions = _ref2.mobileDimensions;
@@ -80,11 +81,8 @@ var MobileAppearance = exports.MobileAppearance = /*#__PURE__*/(0, _react.forwar
       className: "ak-editor-content-area"
     }, children)))));
   }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 || (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
-  return (0, _react2.jsx)(_WithPluginState.default, {
-    plugins: {
-      maxContentSize: _maxContentSize.pluginKey,
-      mobileDimensions: _pluginFactory.mobileDimensionsPluginKey
-    },
-    render: render
+  return render({
+    maxContentSize: maxContentSizeState,
+    mobileDimensions: mobileDimensionsState
   });
 });

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.3.12";
+var version = exports.version = "189.3.14";

package/dist/es2019/plugins/index.js

@@ -5,7 +5,6 @@ export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
-export { default as maxContentSizePlugin } from './max-content-size';
 export { default as pastePlugin } from './paste';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';

package/dist/es2019/plugins/mobile-dimensions/index.js

@@ -70,6 +70,12 @@ const createPlugin = dispatch => {
 };
 const mobileDimensionsPlugin = () => ({
   name: 'mobileDimensions',
+  getSharedState(editorState) {
+    if (!editorState) {
+      return undefined;
+    }
+    return mobileDimensionsPluginKey.getState(editorState);
+  },
   pmPlugins() {
     return [{
       name: 'mobileDimensions',

package/dist/es2019/presets/universal.js

@@ -1,9 +1,10 @@
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
 import { datePlugin } from '@atlaskit/editor-plugin-date';
+import { maxContentSizePlugin } from '@atlaskit/editor-plugin-max-content-size';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';
 import { borderPlugin } from '@atlaskit/editor-plugin-border';
 import { helpDialogPlugin } from '@atlaskit/editor-plugin-help-dialog';

package/dist/es2019/ui/Appearance/Chromeless.js

@@ -1,13 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
-import React from 'react';
+import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import PluginSlot from '../PluginSlot';
-import WithPluginState from '../WithPluginState';
 import { createEditorContentStyle } from '../ContentStyles';
-import { pluginKey as maxContentSizePluginKey } from '../../plugins/max-content-size';
 import { scrollbarStyles } from '../styles';
 import WithFlash from '../WithFlash';
+import { usePresetContext } from '../../presets/context';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 const chromelessEditor = css`
   line-height: 20px;
   height: auto;
@@ -91,12 +91,20 @@ export default class Editor extends React.Component {
     });
   }
   render() {
-    return jsx(WithPluginState, {
-      plugins: {
-        maxContentSize: maxContentSizePluginKey
-      },
-      render: this.renderChrome
+    return jsx(RenderWithPluginState, {
+      renderChrome: this.renderChrome
     });
   }
 }
-_defineProperty(Editor, "displayName", 'ChromelessEditorAppearance');
+_defineProperty(Editor, "displayName", 'ChromelessEditorAppearance');
+function RenderWithPluginState({
+  renderChrome
+}) {
+  const api = usePresetContext();
+  const {
+    maxContentSizeState
+  } = useSharedPluginState(api, ['maxContentSize']);
+  return jsx(Fragment, null, renderChrome({
+    maxContentSize: maxContentSizeState
+  }));
+}

package/dist/es2019/ui/AppearanceComponents/Mobile.js

@@ -1,13 +1,11 @@
 /** @jsx jsx */
 import React, { useCallback, forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
-import { pluginKey as maxContentSizePluginKey } from '../../plugins/max-content-size';
-import { mobileDimensionsPluginKey } from '../../plugins/mobile-dimensions/plugin-factory';
-import WithPluginState from '../WithPluginState';
 import WithFlash from '../WithFlash';
 import { createEditorContentStyle } from '../ContentStyles';
 import { ClickAreaMobile as ClickArea } from '../Addon';
 import { usePresetContext } from '../../presets/context';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 const mobileEditor = css`
   min-height: 30px;
   width: 100%;
@@ -33,6 +31,10 @@ export const MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearanc
 }, ref) {
   var _api$base2;
   const api = usePresetContext();
+  const {
+    maxContentSizeState,
+    mobileDimensionsState
+  } = useSharedPluginState(api, ['maxContentSize', 'mobileDimensions']);
   const render = useCallback(({
     maxContentSize,
     mobileDimensions
@@ -85,11 +87,8 @@ export const MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearanc
       className: "ak-editor-content-area"
     }, children)))));
   }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 ? void 0 : (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
-  return jsx(WithPluginState, {
-    plugins: {
-      maxContentSize: maxContentSizePluginKey,
-      mobileDimensions: mobileDimensionsPluginKey
-    },
-    render: render
+  return render({
+    maxContentSize: maxContentSizeState,
+    mobileDimensions: mobileDimensionsState
   });
 });

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "189.3.12";
+export const version = "189.3.14";

package/dist/esm/plugins/index.js

@@ -5,7 +5,6 @@ export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
-export { default as maxContentSizePlugin } from './max-content-size';
 export { default as pastePlugin } from './paste';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';

package/dist/esm/plugins/mobile-dimensions/index.js

@@ -73,6 +73,12 @@ var createPlugin = function createPlugin(dispatch) {
 var mobileDimensionsPlugin = function mobileDimensionsPlugin() {
   return {
     name: 'mobileDimensions',
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      return mobileDimensionsPluginKey.getState(editorState);
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'mobileDimensions',

package/dist/esm/presets/universal.js

@@ -2,12 +2,13 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
 import { datePlugin } from '@atlaskit/editor-plugin-date';
+import { maxContentSizePlugin } from '@atlaskit/editor-plugin-max-content-size';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';
 import { borderPlugin } from '@atlaskit/editor-plugin-border';
 import { helpDialogPlugin } from '@atlaskit/editor-plugin-help-dialog';

package/dist/esm/ui/Appearance/Chromeless.js

@@ -10,14 +10,14 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
-import React from 'react';
+import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import PluginSlot from '../PluginSlot';
-import WithPluginState from '../WithPluginState';
 import { createEditorContentStyle } from '../ContentStyles';
-import { pluginKey as maxContentSizePluginKey } from '../../plugins/max-content-size';
 import { scrollbarStyles } from '../styles';
 import WithFlash from '../WithFlash';
+import { usePresetContext } from '../../presets/context';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 var chromelessEditor = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: 20px;\n  height: auto;\n\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n  max-width: inherit;\n  box-sizing: border-box;\n  word-wrap: break-word;\n\n  div > .ProseMirror {\n    outline: none;\n    white-space: pre-wrap;\n    padding: 0;\n    margin: 0;\n\n    & > :last-child {\n      padding-bottom: 0.5em;\n    }\n  }\n"])), scrollbarStyles);
 var ContentArea = createEditorContentStyle();
 ContentArea.displayName = 'ContentArea';
@@ -87,15 +87,21 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   _createClass(Editor, [{
     key: "render",
     value: function render() {
-      return jsx(WithPluginState, {
-        plugins: {
-          maxContentSize: maxContentSizePluginKey
-        },
-        render: this.renderChrome
+      return jsx(RenderWithPluginState, {
+        renderChrome: this.renderChrome
       });
     }
   }]);
   return Editor;
 }(React.Component);
 _defineProperty(Editor, "displayName", 'ChromelessEditorAppearance');
-export { Editor as default };
+export { Editor as default };
+function RenderWithPluginState(_ref3) {
+  var renderChrome = _ref3.renderChrome;
+  var api = usePresetContext();
+  var _useSharedPluginState = useSharedPluginState(api, ['maxContentSize']),
+    maxContentSizeState = _useSharedPluginState.maxContentSizeState;
+  return jsx(Fragment, null, renderChrome({
+    maxContentSize: maxContentSizeState
+  }));
+}

package/dist/esm/ui/AppearanceComponents/Mobile.js

@@ -3,13 +3,11 @@ var _templateObject;
 /** @jsx jsx */
 import React, { useCallback, forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
-import { pluginKey as maxContentSizePluginKey } from '../../plugins/max-content-size';
-import { mobileDimensionsPluginKey } from '../../plugins/mobile-dimensions/plugin-factory';
-import WithPluginState from '../WithPluginState';
 import WithFlash from '../WithFlash';
 import { createEditorContentStyle } from '../ContentStyles';
 import { ClickAreaMobile as ClickArea } from '../Addon';
 import { usePresetContext } from '../../presets/context';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 var mobileEditor = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 30px;\n  width: 100%;\n  max-width: inherit;\n  box-sizing: border-box;\n  word-wrap: break-word;\n\n  div > .ProseMirror {\n    outline: none;\n    white-space: pre-wrap;\n    padding: 0;\n    margin: 0;\n  }\n"])));
 var ContentArea = createEditorContentStyle();
 ContentArea.displayName = 'ContentArea';
@@ -21,6 +19,9 @@ export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(
     editorDisabled = _ref.editorDisabled,
     featureFlags = _ref.featureFlags;
   var api = usePresetContext();
+  var _useSharedPluginState = useSharedPluginState(api, ['maxContentSize', 'mobileDimensions']),
+    maxContentSizeState = _useSharedPluginState.maxContentSizeState,
+    mobileDimensionsState = _useSharedPluginState.mobileDimensionsState;
   var render = useCallback(function (_ref2) {
     var maxContentSize = _ref2.maxContentSize,
       mobileDimensions = _ref2.mobileDimensions;
@@ -70,11 +71,8 @@ export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(
       className: "ak-editor-content-area"
     }, children)))));
   }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags, api === null || api === void 0 || (_api$base2 = api.base) === null || _api$base2 === void 0 ? void 0 : _api$base2.sharedState]);
-  return jsx(WithPluginState, {
-    plugins: {
-      maxContentSize: maxContentSizePluginKey,
-      mobileDimensions: mobileDimensionsPluginKey
-    },
-    render: render
+  return render({
+    maxContentSize: maxContentSizeState,
+    mobileDimensions: mobileDimensionsState
   });
 });

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "189.3.12";
+export var version = "189.3.14";

package/dist/types/plugins/index.d.ts

@@ -5,7 +5,6 @@ export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
-export { default as maxContentSizePlugin } from './max-content-size';
 export { default as pastePlugin } from './paste';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';

package/dist/types/plugins/mobile-dimensions/index.d.ts

@@ -1,3 +1,6 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-declare const mobileDimensionsPlugin: NextEditorPlugin<'mobileDimensions'>;
+import type { MobileDimensionsPluginState } from './types';
+declare const mobileDimensionsPlugin: NextEditorPlugin<'mobileDimensions', {
+    sharedState: MobileDimensionsPluginState | undefined;
+}>;
 export default mobileDimensionsPlugin;

package/dist/types/ui/Appearance/Chromeless.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { EditorAppearanceComponentProps } from '../../types';
+import type { EditorAppearanceComponentProps } from '../../types';
 export default class Editor extends React.Component<EditorAppearanceComponentProps, any> {
     static displayName: string;
     private appearance;

package/dist/types-ts4.5/plugins/index.d.ts

@@ -5,7 +5,6 @@ export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
-export { default as maxContentSizePlugin } from './max-content-size';
 export { default as pastePlugin } from './paste';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';

package/dist/types-ts4.5/plugins/mobile-dimensions/index.d.ts

@@ -1,3 +1,6 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-declare const mobileDimensionsPlugin: NextEditorPlugin<'mobileDimensions'>;
+import type { MobileDimensionsPluginState } from './types';
+declare const mobileDimensionsPlugin: NextEditorPlugin<'mobileDimensions', {
+    sharedState: MobileDimensionsPluginState | undefined;
+}>;
 export default mobileDimensionsPlugin;

package/dist/types-ts4.5/ui/Appearance/Chromeless.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { EditorAppearanceComponentProps } from '../../types';
+import type { EditorAppearanceComponentProps } from '../../types';
 export default class Editor extends React.Component<EditorAppearanceComponentProps, any> {
     static displayName: string;
     private appearance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.3.12",
+  "version": "189.3.14",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.4.0",
-    "@atlaskit/button": "^16.13.0",
+    "@atlaskit/button": "^16.14.0",
     "@atlaskit/checkbox": "^13.0.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
@@ -62,7 +62,7 @@
     "@atlaskit/editor-plugin-block-type": "^3.0.0",
     "@atlaskit/editor-plugin-border": "^0.1.0",
     "@atlaskit/editor-plugin-caption": "^0.2.0",
-    "@atlaskit/editor-plugin-card": "^0.11.0",
+    "@atlaskit/editor-plugin-card": "^0.12.0",
     "@atlaskit/editor-plugin-clipboard": "^0.1.0",
     "@atlaskit/editor-plugin-code-block": "^0.1.0",
     "@atlaskit/editor-plugin-composition": "^0.1.0",
@@ -86,6 +86,7 @@
     "@atlaskit/editor-plugin-image-upload": "^0.2.0",
     "@atlaskit/editor-plugin-layout": "^0.1.0",
     "@atlaskit/editor-plugin-list": "^1.3.0",
+    "@atlaskit/editor-plugin-max-content-size": "^0.1.0",
     "@atlaskit/editor-plugin-media": "^0.3.0",
     "@atlaskit/editor-plugin-mentions": "^0.1.0",
     "@atlaskit/editor-plugin-panel": "^0.1.0",
@@ -136,6 +137,7 @@
     "@atlaskit/toggle": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/tooltip": "^17.8.0",
+    "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -166,7 +168,7 @@
     "@atlaskit/collab-provider": "9.15.4",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
-    "@atlaskit/editor-palette": "1.5.1",
+    "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/inline-dialog": "^14.0.0",
@@ -180,7 +182,6 @@
     "@atlaskit/modal-dialog": "^12.8.0",
     "@atlaskit/renderer": "^108.15.0",
     "@atlaskit/synchrony-test-helpers": "^2.3.0",
-    "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",

package/dist/cjs/plugins/max-content-size/index.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createPlugin = createPlugin;
-exports.pluginKey = exports.default = void 0;
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var pluginKey = exports.pluginKey = new _state.PluginKey('maxContentSizePlugin');
-function createPlugin(dispatch, maxContentSize) {
-  if (!maxContentSize) {
-    return;
-  }
-  var maxContentSizeReached = false;
-  return new _safePlugin.SafePlugin({
-    filterTransaction: function filterTransaction(tr) {
-      var result = tr.doc && tr.doc.nodeSize > maxContentSize;
-      if (result || result !== maxContentSizeReached) {
-        dispatch(pluginKey, {
-          maxContentSizeReached: result
-        });
-      }
-      maxContentSizeReached = result;
-      return !result;
-    }
-  });
-}
-var maxContentSizePlugin = function maxContentSizePlugin(_ref) {
-  var maxContentSize = _ref.config;
-  return {
-    name: 'maxContentSize',
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'maxContentSize',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch;
-          return createPlugin(dispatch, maxContentSize);
-        }
-      }];
-    }
-  };
-};
-var _default = exports.default = maxContentSizePlugin;

package/dist/es2019/plugins/max-content-size/index.js

@@ -1,35 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export const pluginKey = new PluginKey('maxContentSizePlugin');
-export function createPlugin(dispatch, maxContentSize) {
-  if (!maxContentSize) {
-    return;
-  }
-  let maxContentSizeReached = false;
-  return new SafePlugin({
-    filterTransaction(tr) {
-      const result = tr.doc && tr.doc.nodeSize > maxContentSize;
-      if (result || result !== maxContentSizeReached) {
-        dispatch(pluginKey, {
-          maxContentSizeReached: result
-        });
-      }
-      maxContentSizeReached = result;
-      return !result;
-    }
-  });
-}
-const maxContentSizePlugin = ({
-  config: maxContentSize
-}) => ({
-  name: 'maxContentSize',
-  pmPlugins() {
-    return [{
-      name: 'maxContentSize',
-      plugin: ({
-        dispatch
-      }) => createPlugin(dispatch, maxContentSize)
-    }];
-  }
-});
-export default maxContentSizePlugin;

package/dist/esm/plugins/max-content-size/index.js

@@ -1,37 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export var pluginKey = new PluginKey('maxContentSizePlugin');
-export function createPlugin(dispatch, maxContentSize) {
-  if (!maxContentSize) {
-    return;
-  }
-  var maxContentSizeReached = false;
-  return new SafePlugin({
-    filterTransaction: function filterTransaction(tr) {
-      var result = tr.doc && tr.doc.nodeSize > maxContentSize;
-      if (result || result !== maxContentSizeReached) {
-        dispatch(pluginKey, {
-          maxContentSizeReached: result
-        });
-      }
-      maxContentSizeReached = result;
-      return !result;
-    }
-  });
-}
-var maxContentSizePlugin = function maxContentSizePlugin(_ref) {
-  var maxContentSize = _ref.config;
-  return {
-    name: 'maxContentSize',
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'maxContentSize',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch;
-          return createPlugin(dispatch, maxContentSize);
-        }
-      }];
-    }
-  };
-};
-export default maxContentSizePlugin;

package/dist/types/plugins/max-content-size/index.d.ts

@@ -1,13 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { Dispatch } from '../../event-dispatcher';
-export declare const pluginKey: PluginKey<MaxContentSizePluginState>;
-export type MaxContentSizePluginState = {
-    maxContentSizeReached: boolean;
-};
-export declare function createPlugin(dispatch: Dispatch, maxContentSize?: number): SafePlugin | undefined;
-declare const maxContentSizePlugin: NextEditorPlugin<'maxContentSize', {
-    pluginConfiguration: number | undefined;
-}>;
-export default maxContentSizePlugin;

package/dist/types-ts4.5/plugins/max-content-size/index.d.ts

@@ -1,13 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { Dispatch } from '../../event-dispatcher';
-export declare const pluginKey: PluginKey<MaxContentSizePluginState>;
-export type MaxContentSizePluginState = {
-    maxContentSizeReached: boolean;
-};
-export declare function createPlugin(dispatch: Dispatch, maxContentSize?: number): SafePlugin | undefined;
-declare const maxContentSizePlugin: NextEditorPlugin<'maxContentSize', {
-    pluginConfiguration: number | undefined;
-}>;
-export default maxContentSizePlugin;