@atlaskit/editor-common 76.18.4 → 76.18.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-common
 
+## 76.18.6
+
+### Patch Changes
+
+- [#42834](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42834) [`a4695f1205a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a4695f1205a) - Fix TS errors for editor packages in AFM
+
+## 76.18.5
+
+### Patch Changes
+
+- [#42746](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42746) [`ea352517252`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ea352517252) - Update editor dropdown menu component to support section behind platform.editor.menu.group-items FF
+- [#42845](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42845) [`9a9260f905f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a9260f905f) - Move state initialisation for WithPluginState in constructor
+- Updated dependencies
+
 ## 76.18.4
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.18.4";
+var packageVersion = "76.18.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 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; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.18.4";
+var packageVersion = "76.18.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui/ErrorBoundary/index.js

@@ -54,7 +54,6 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Compon
           attributes: {
             error: error,
             errorInfo: errorInfo,
-            // @ts-expect-error
             errorRethrown: !this.hasFallback()
           }
         });

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -22,6 +22,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _menu = require("@atlaskit/menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _components = require("@atlaskit/theme/components");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -137,7 +138,8 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
         zIndex = _this$props.zIndex,
         shouldUseDefaultRole = _this$props.shouldUseDefaultRole,
         onItemActivated = _this$props.onItemActivated,
-        arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions;
+        arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions,
+        section = _this$props.section;
 
       // Note that this onSelection function can't be refactored to useMemo for
       // performance gains as it is being used as a dependency in a useEffect in
@@ -192,14 +194,32 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
         }
       }), (0, _react2.jsx)("div", {
         ref: this.popupRef
+      }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.menu.group-items') && (0, _react2.jsx)(_menu.MenuGroup, {
+        role: shouldUseDefaultRole ? 'group' : 'menu'
       }, items.map(function (group, index) {
+        return (0, _react2.jsx)(_menu.Section, {
+          hasSeparator: (section === null || section === void 0 ? void 0 : section.hasSeparator) && index > 0,
+          title: section === null || section === void 0 ? void 0 : section.title,
+          key: index
+        }, group.items.map(function (item) {
+          var _item$key;
+          return (0, _react2.jsx)(DropdownMenuItem, {
+            key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : String(item.content),
+            item: item,
+            onItemActivated: _this2.props.onItemActivated,
+            shouldUseDefaultRole: _this2.props.shouldUseDefaultRole,
+            onMouseEnter: _this2.props.onMouseEnter,
+            onMouseLeave: _this2.props.onMouseLeave
+          });
+        }));
+      })), !(0, _platformFeatureFlags.getBooleanFF)('platform.editor.menu.group-items') && items.map(function (group, index) {
         return (0, _react2.jsx)(_menu.MenuGroup, {
           key: index,
           role: shouldUseDefaultRole ? 'group' : 'menu'
         }, group.items.map(function (item) {
-          var _item$key;
+          var _item$key2;
           return (0, _react2.jsx)(DropdownMenuItem, {
-            key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : String(item.content),
+            key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
             item: item,
             onItemActivated: _this2.props.onItemActivated,
             shouldUseDefaultRole: _this2.props.shouldUseDefaultRole,
@@ -257,7 +277,7 @@ var DropdownMenuItemCustomComponent = /*#__PURE__*/_react.default.forwardRef(fun
   }), children);
 });
 function DropdownMenuItem(_ref) {
-  var _item$key2;
+  var _item$key3;
   var item = _ref.item,
     onItemActivated = _ref.onItemActivated,
     shouldUseDefaultRole = _ref.shouldUseDefaultRole,
@@ -289,7 +309,7 @@ function DropdownMenuItem(_ref) {
     onMouseDown: _handleSubmenuActive
   }, (0, _react2.jsx)(_menu.CustomItem, {
     item: item,
-    key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
+    key: (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : String(item.content),
     testId: "dropdown-item__".concat(String(item.content)),
     role: shouldUseDefaultRole ? 'button' : 'menuitem',
     iconBefore: item.elemBefore,
@@ -319,9 +339,9 @@ function DropdownMenuItem(_ref) {
     }
   }, item.content));
   if (item.tooltipDescription) {
-    var _item$key3;
+    var _item$key4;
     return (0, _react2.jsx)(_tooltip.default, {
-      key: (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : String(item.content),
+      key: (_item$key4 = item.key) !== null && _item$key4 !== void 0 ? _item$key4 : String(item.content),
       content: item.tooltipDescription,
       position: item.tooltipPosition
     }, dropListItem);

package/dist/cjs/with-plugin-state/index.js

@@ -67,19 +67,15 @@ var DEFAULT_SLOW_THRESHOLD = 4;
 var WithPluginState = exports.WithPluginState = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(WithPluginState, _React$Component);
   var _super = _createSuper(WithPluginState);
-  function WithPluginState() {
+  function WithPluginState(props, context) {
     var _this;
     (0, _classCallCheck2.default)(this, WithPluginState);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props, context);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "listeners", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "debounce", null);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "notAppliedState", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isSubscribed", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "callsCount", 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", _this.getPluginsStates(_this.props.plugins, _this.getEditorView(_this.props, _this.context)));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handlePluginStateChange", function (propName, pluginName, performanceOptions, skipEqualityCheck) {
       return function (pluginState) {
         // skipEqualityCheck is being used for old plugins since they are mutating plugin state instead of creating a new one
@@ -143,6 +139,7 @@ var WithPluginState = exports.WithPluginState = /*#__PURE__*/function (_React$Co
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onContextUpdate", function () {
       _this.subscribe(_this.props);
     });
+    _this.state = _this.getPluginsStates(_this.props.plugins, _this.getEditorView(props, context));
     return _this;
   }
   (0, _createClass2.default)(WithPluginState, [{

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "76.18.4";
+const packageVersion = "76.18.6";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/ui/DropList/index.js

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.18.4";
+const packageVersion = "76.18.6";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/ErrorBoundary/index.js

@@ -25,7 +25,6 @@ export class ErrorBoundary extends React.Component {
         attributes: {
           error,
           errorInfo,
-          // @ts-expect-error
           errorRethrown: !this.hasFallback()
         }
       });

package/dist/es2019/ui-menu/DropdownMenu/index.js

@@ -5,7 +5,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent, useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
-import { CustomItem, MenuGroup } from '@atlaskit/menu';
+import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B100, DN600, DN80, N70, N900 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import Tooltip from '@atlaskit/tooltip';
@@ -143,7 +144,8 @@ export default class DropdownMenuWrapper extends PureComponent {
       zIndex,
       shouldUseDefaultRole,
       onItemActivated,
-      arrowKeyNavigationProviderOptions
+      arrowKeyNavigationProviderOptions,
+      section
     } = this.props;
 
     // Note that this onSelection function can't be refactored to useMemo for
@@ -200,9 +202,12 @@ export default class DropdownMenuWrapper extends PureComponent {
       }
     }), jsx("div", {
       ref: this.popupRef
-    }, items.map((group, index) => jsx(MenuGroup, {
-      key: index,
+    }, getBooleanFF('platform.editor.menu.group-items') && jsx(MenuGroup, {
       role: shouldUseDefaultRole ? 'group' : 'menu'
+    }, items.map((group, index) => jsx(Section, {
+      hasSeparator: (section === null || section === void 0 ? void 0 : section.hasSeparator) && index > 0,
+      title: section === null || section === void 0 ? void 0 : section.title,
+      key: index
     }, group.items.map(item => {
       var _item$key;
       return jsx(DropdownMenuItem, {
@@ -213,6 +218,19 @@ export default class DropdownMenuWrapper extends PureComponent {
         onMouseEnter: this.props.onMouseEnter,
         onMouseLeave: this.props.onMouseLeave
       });
+    })))), !getBooleanFF('platform.editor.menu.group-items') && items.map((group, index) => jsx(MenuGroup, {
+      key: index,
+      role: shouldUseDefaultRole ? 'group' : 'menu'
+    }, group.items.map(item => {
+      var _item$key2;
+      return jsx(DropdownMenuItem, {
+        key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
+        item: item,
+        onItemActivated: this.props.onItemActivated,
+        shouldUseDefaultRole: this.props.shouldUseDefaultRole,
+        onMouseEnter: this.props.onMouseEnter,
+        onMouseLeave: this.props.onMouseLeave
+      });
     })))))));
   }
   render() {
@@ -266,7 +284,7 @@ function DropdownMenuItem({
   onMouseEnter,
   onMouseLeave
 }) {
-  var _item$key2;
+  var _item$key3;
   const [submenuActive, setSubmenuActive] = React.useState(false);
 
   // onClick and value.name are the action indicators in the handlers
@@ -288,7 +306,7 @@ function DropdownMenuItem({
     onMouseDown: _handleSubmenuActive
   }, jsx(CustomItem, {
     item: item,
-    key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
+    key: (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : String(item.content),
     testId: `dropdown-item__${String(item.content)}`,
     role: shouldUseDefaultRole ? 'button' : 'menuitem',
     iconBefore: item.elemBefore,
@@ -312,9 +330,9 @@ function DropdownMenuItem({
     })
   }, item.content));
   if (item.tooltipDescription) {
-    var _item$key3;
+    var _item$key4;
     return jsx(Tooltip, {
-      key: (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : String(item.content),
+      key: (_item$key4 = item.key) !== null && _item$key4 !== void 0 ? _item$key4 : String(item.content),
       content: item.tooltipDescription,
       position: item.tooltipPosition
     }, dropListItem);

package/dist/es2019/with-plugin-state/index.js

@@ -48,14 +48,13 @@ const DEFAULT_SLOW_THRESHOLD = 4;
  *
  */
 class WithPluginState extends React.Component {
-  constructor(...args) {
-    super(...args);
+  constructor(props, context) {
+    super(props, context);
     _defineProperty(this, "listeners", {});
     _defineProperty(this, "debounce", null);
     _defineProperty(this, "notAppliedState", {});
     _defineProperty(this, "isSubscribed", false);
     _defineProperty(this, "callsCount", 0);
-    _defineProperty(this, "state", this.getPluginsStates(this.props.plugins, this.getEditorView(this.props, this.context)));
     _defineProperty(this, "handlePluginStateChange", (propName, pluginName, performanceOptions, skipEqualityCheck) => pluginState => {
       // skipEqualityCheck is being used for old plugins since they are mutating plugin state instead of creating a new one
       if (this.state[propName] !== pluginState || skipEqualityCheck) {
@@ -119,6 +118,7 @@ class WithPluginState extends React.Component {
     _defineProperty(this, "onContextUpdate", () => {
       this.subscribe(this.props);
     });
+    this.state = this.getPluginsStates(this.props.plugins, this.getEditorView(props, context));
   }
   getEditorView(maybeProps, maybeContext) {
     const props = maybeProps || this.props;

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.18.4";
+var packageVersion = "76.18.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/DropList/index.js

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.18.4";
+var packageVersion = "76.18.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/ErrorBoundary/index.js

@@ -47,7 +47,6 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           attributes: {
             error: error,
             errorInfo: errorInfo,
-            // @ts-expect-error
             errorRethrown: !this.hasFallback()
           }
         });

package/dist/esm/ui-menu/DropdownMenu/index.js

@@ -21,7 +21,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { PureComponent, useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
-import { CustomItem, MenuGroup } from '@atlaskit/menu';
+import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B100, DN600, DN80, N70, N900 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import Tooltip from '@atlaskit/tooltip';
@@ -128,7 +129,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         zIndex = _this$props.zIndex,
         shouldUseDefaultRole = _this$props.shouldUseDefaultRole,
         onItemActivated = _this$props.onItemActivated,
-        arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions;
+        arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions,
+        section = _this$props.section;
 
       // Note that this onSelection function can't be refactored to useMemo for
       // performance gains as it is being used as a dependency in a useEffect in
@@ -183,14 +185,32 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         }
       }), jsx("div", {
         ref: this.popupRef
+      }, getBooleanFF('platform.editor.menu.group-items') && jsx(MenuGroup, {
+        role: shouldUseDefaultRole ? 'group' : 'menu'
       }, items.map(function (group, index) {
+        return jsx(Section, {
+          hasSeparator: (section === null || section === void 0 ? void 0 : section.hasSeparator) && index > 0,
+          title: section === null || section === void 0 ? void 0 : section.title,
+          key: index
+        }, group.items.map(function (item) {
+          var _item$key;
+          return jsx(DropdownMenuItem, {
+            key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : String(item.content),
+            item: item,
+            onItemActivated: _this2.props.onItemActivated,
+            shouldUseDefaultRole: _this2.props.shouldUseDefaultRole,
+            onMouseEnter: _this2.props.onMouseEnter,
+            onMouseLeave: _this2.props.onMouseLeave
+          });
+        }));
+      })), !getBooleanFF('platform.editor.menu.group-items') && items.map(function (group, index) {
         return jsx(MenuGroup, {
           key: index,
           role: shouldUseDefaultRole ? 'group' : 'menu'
         }, group.items.map(function (item) {
-          var _item$key;
+          var _item$key2;
           return jsx(DropdownMenuItem, {
-            key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : String(item.content),
+            key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
             item: item,
             onItemActivated: _this2.props.onItemActivated,
             shouldUseDefaultRole: _this2.props.shouldUseDefaultRole,
@@ -249,7 +269,7 @@ var DropdownMenuItemCustomComponent = /*#__PURE__*/React.forwardRef(function (pr
   }), children);
 });
 function DropdownMenuItem(_ref) {
-  var _item$key2;
+  var _item$key3;
   var item = _ref.item,
     onItemActivated = _ref.onItemActivated,
     shouldUseDefaultRole = _ref.shouldUseDefaultRole,
@@ -281,7 +301,7 @@ function DropdownMenuItem(_ref) {
     onMouseDown: _handleSubmenuActive
   }, jsx(CustomItem, {
     item: item,
-    key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
+    key: (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : String(item.content),
     testId: "dropdown-item__".concat(String(item.content)),
     role: shouldUseDefaultRole ? 'button' : 'menuitem',
     iconBefore: item.elemBefore,
@@ -311,9 +331,9 @@ function DropdownMenuItem(_ref) {
     }
   }, item.content));
   if (item.tooltipDescription) {
-    var _item$key3;
+    var _item$key4;
     return jsx(Tooltip, {
-      key: (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : String(item.content),
+      key: (_item$key4 = item.key) !== null && _item$key4 !== void 0 ? _item$key4 : String(item.content),
       content: item.tooltipDescription,
       position: item.tooltipPosition
     }, dropListItem);

package/dist/esm/with-plugin-state/index.js

@@ -60,19 +60,15 @@ var DEFAULT_SLOW_THRESHOLD = 4;
 var WithPluginState = /*#__PURE__*/function (_React$Component) {
   _inherits(WithPluginState, _React$Component);
   var _super = _createSuper(WithPluginState);
-  function WithPluginState() {
+  function WithPluginState(props, context) {
     var _this;
     _classCallCheck(this, WithPluginState);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props, context);
     _defineProperty(_assertThisInitialized(_this), "listeners", {});
     _defineProperty(_assertThisInitialized(_this), "debounce", null);
     _defineProperty(_assertThisInitialized(_this), "notAppliedState", {});
     _defineProperty(_assertThisInitialized(_this), "isSubscribed", false);
     _defineProperty(_assertThisInitialized(_this), "callsCount", 0);
-    _defineProperty(_assertThisInitialized(_this), "state", _this.getPluginsStates(_this.props.plugins, _this.getEditorView(_this.props, _this.context)));
     _defineProperty(_assertThisInitialized(_this), "handlePluginStateChange", function (propName, pluginName, performanceOptions, skipEqualityCheck) {
       return function (pluginState) {
         // skipEqualityCheck is being used for old plugins since they are mutating plugin state instead of creating a new one
@@ -136,6 +132,7 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onContextUpdate", function () {
       _this.subscribe(_this.props);
     });
+    _this.state = _this.getPluginsStates(_this.props.plugins, _this.getEditorView(props, context));
     return _this;
   }
   _createClass(WithPluginState, [{

package/dist/types/analytics/types/events.d.ts

@@ -102,6 +102,7 @@ type ContentComponentErrorAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.CO
 export type ErrorEventAttributes = {
     error: Error;
     errorInfo: React.ErrorInfo;
+    errorRethrown?: boolean;
     product?: string;
     browserInfo?: string;
     errorId?: string;

package/dist/types/ui-menu/DropdownMenu/types.d.ts

@@ -1,6 +1,10 @@
-import React from 'react';
-import { EditorActionsOptions as EditorActions } from '../../types';
-import { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
+import type React from 'react';
+import type { EditorActionsOptions as EditorActions } from '../../types';
+import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
+type SectionOptions = {
+    hasSeparator?: boolean;
+    title?: string;
+};
 export interface Props {
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
@@ -21,6 +25,7 @@ export interface Props {
     disableArrowKeyNavigation?: boolean;
     shouldFocusFirstItem?: () => boolean;
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
+    section?: SectionOptions;
 }
 export interface MenuItem {
     key?: string;
@@ -47,3 +52,4 @@ export interface State {
     popupPlacement: [string, string];
     selectionIndex: number;
 }
+export {};

package/dist/types/with-plugin-state/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { EventDispatcher } from '../event-dispatcher';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '../event-dispatcher';
 import type { NamedPluginKeys, NamedPluginStates } from './types';
 export type PerformanceOptions = {
     samplingRate: number;
@@ -86,6 +86,7 @@ declare class WithPluginState<P extends NamedPluginKeys> extends React.Component
     };
     context: Context;
     state: NamedPluginStates<P>;
+    constructor(props: Props<P>, context: Context);
     private getEditorView;
     private getEventDispatcher;
     private handlePluginStateChange;

package/dist/types-ts4.5/analytics/types/events.d.ts

@@ -102,6 +102,7 @@ type ContentComponentErrorAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.CO
 export type ErrorEventAttributes = {
     error: Error;
     errorInfo: React.ErrorInfo;
+    errorRethrown?: boolean;
     product?: string;
     browserInfo?: string;
     errorId?: string;

package/dist/types-ts4.5/ui-menu/DropdownMenu/types.d.ts

@@ -1,6 +1,10 @@
-import React from 'react';
-import { EditorActionsOptions as EditorActions } from '../../types';
-import { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
+import type React from 'react';
+import type { EditorActionsOptions as EditorActions } from '../../types';
+import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
+type SectionOptions = {
+    hasSeparator?: boolean;
+    title?: string;
+};
 export interface Props {
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
@@ -21,6 +25,7 @@ export interface Props {
     disableArrowKeyNavigation?: boolean;
     shouldFocusFirstItem?: () => boolean;
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
+    section?: SectionOptions;
 }
 export interface MenuItem {
     key?: string;
@@ -50,3 +55,4 @@ export interface State {
     ];
     selectionIndex: number;
 }
+export {};

package/dist/types-ts4.5/with-plugin-state/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { EventDispatcher } from '../event-dispatcher';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '../event-dispatcher';
 import type { NamedPluginKeys, NamedPluginStates } from './types';
 export type PerformanceOptions = {
     samplingRate: number;
@@ -86,6 +86,7 @@ declare class WithPluginState<P extends NamedPluginKeys> extends React.Component
     };
     context: Context;
     state: NamedPluginStates<P>;
+    constructor(props: Props<P>, context: Context);
     private getEditorView;
     private getEventDispatcher;
     private handlePluginStateChange;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.18.4",
+  "version": "76.18.6",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -105,9 +105,9 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.2.0",
-    "@atlaskit/link-datasource": "^1.13.0",
+    "@atlaskit/link-datasource": "^1.14.0",
     "@atlaskit/link-picker": "^1.30.0",
-    "@atlaskit/media-card": "^77.2.0",
+    "@atlaskit/media-card": "^77.3.0",
     "@atlaskit/media-client": "^25.0.0",
     "@atlaskit/media-picker": "^66.2.0",
     "@atlaskit/mention": "^22.1.0",
@@ -155,7 +155,7 @@
   "devDependencies": {
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
-    "@atlaskit/smart-card": "^26.41.0",
+    "@atlaskit/smart-card": "^26.42.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -210,6 +210,9 @@
     },
     "platform.editor.table.increase-shadow-visibility_lh89r": {
       "type": "boolean"
+    },
+    "platform.editor.menu.group-items": {
+      "type": "boolean"
     }
   }
 }