@atlaskit/editor-plugin-alignment 4.2.11 → 5.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-alignment
 
+## 5.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.2.12
+
+### Patch Changes
+
+- [`51f3f2db61f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/51f3f2db61f6e) -
+  Update toolbar config across plugins
+- [`7c342b45b449f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7c342b45b449f) -
+  Cleanup platform_editor_usesharedpluginstateselector in accessibility, alignment
+- Updated dependencies
+
 ## 4.2.11
 
 ### Patch Changes

package/dist/cjs/ui/FloatingToolbarComponent.js

@@ -18,7 +18,9 @@ var FloatingToolbarSettings = {
   disabled: false,
   isToolbarReducedSpacing: true
 };
-var useFloatingToolbarComponentPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+function FloatingToolbarComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['alignment'], function (states) {
       var _states$alignmentStat, _states$alignmentStat2;
       return {
@@ -28,24 +30,6 @@ var useFloatingToolbarComponentPluginState = (0, _hooks.sharedPluginStateHookMig
     }),
     align = _useSharedPluginState.align,
     isEnabled = _useSharedPluginState.isEnabled;
-  return {
-    align: align,
-    isEnabled: isEnabled
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['alignment']),
-    alignmentState = _useSharedPluginState2.alignmentState;
-  return {
-    align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
-    isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
-  };
-});
-function FloatingToolbarComponent(_ref) {
-  var api = _ref.api,
-    editorView = _ref.editorView;
-  var _useFloatingToolbarCo = useFloatingToolbarComponentPluginState(api),
-    align = _useFloatingToolbarCo.align,
-    isEnabled = _useFloatingToolbarCo.isEnabled;
   var changeAlignmentCallback = (0, _react.useCallback)(function (align) {
     return (0, _editorCommands.changeAlignment)(align, api, _analytics.INPUT_METHOD.FLOATING_TB)(editorView.state, editorView.dispatch);
   }, [editorView, api]);

package/dist/cjs/ui/PrimaryToolbarComponent.js

@@ -13,7 +13,14 @@ var _editorCommands = require("../editor-commands");
 var _types = require("../pm-plugins/types");
 var _ToolbarAlignment = _interopRequireDefault(require("./ToolbarAlignment"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var usePrimaryToolbarComponentPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+function PrimaryToolbarComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView,
+    disabled = _ref.disabled,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    popupsScrollableElement = _ref.popupsScrollableElement,
+    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['alignment'], function (states) {
       var _states$alignmentStat, _states$alignmentStat2;
       return {
@@ -23,29 +30,6 @@ var usePrimaryToolbarComponentPluginState = (0, _hooks.sharedPluginStateHookMigr
     }),
     align = _useSharedPluginState.align,
     isEnabled = _useSharedPluginState.isEnabled;
-  return {
-    align: align,
-    isEnabled: isEnabled
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['alignment']),
-    alignmentState = _useSharedPluginState2.alignmentState;
-  return {
-    align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
-    isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
-  };
-});
-function PrimaryToolbarComponent(_ref) {
-  var api = _ref.api,
-    editorView = _ref.editorView,
-    disabled = _ref.disabled,
-    popupsMountPoint = _ref.popupsMountPoint,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsScrollableElement = _ref.popupsScrollableElement,
-    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
-  var _usePrimaryToolbarCom = usePrimaryToolbarComponentPluginState(api),
-    align = _usePrimaryToolbarCom.align,
-    isEnabled = _usePrimaryToolbarCom.isEnabled;
   var changeAlignmentCallback = (0, _react.useCallback)(function (align) {
     return (0, _editorCommands.changeAlignment)(align, api, _analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
   }, [editorView, api]);

package/dist/cjs/ui/Toolbar/MenuSection.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _toolbar = require("@atlaskit/editor-common/toolbar");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var MenuSection = exports.MenuSection = function MenuSection(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    parents = _ref.parents;
+  var hasSeparator = parents.some(function (parent) {
+    return parent.key === _toolbar.TEXT_COLLAPSED_MENU.key;
+  });
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+    hasSeparator: hasSeparator,
+    title: title
+  }, children);
+};

package/dist/cjs/ui/toolbar-components.js

@@ -9,8 +9,10 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _AlignmentMenu = require("./Toolbar/AlignmentMenu");
 var _AlignmentMenuItem = require("./Toolbar/AlignmentMenuItem");
+var _MenuSection = require("./Toolbar/MenuSection");
 var _options = require("./Toolbar/options");
 var getAlignmentMenuItems = function getAlignmentMenuItems(api) {
   return Object.entries((0, _options.alignmentOptions)()).map(function (_ref) {
@@ -70,6 +72,11 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       type: _toolbar.ALIGNMENT_MENU.type,
       key: _toolbar.ALIGNMENT_MENU.key,
       rank: _toolbar.ALIGNMENT_MENU_RANK[_toolbar.ALIGNMENT_MENU_SECTION.key]
-    }]
+    }].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
+      type: _toolbar.TEXT_COLLAPSED_MENU.type,
+      key: _toolbar.TEXT_COLLAPSED_MENU.key,
+      rank: _toolbar.TEXT_COLLAPSED_MENU_RANK[_toolbar.ALIGNMENT_MENU_SECTION.key]
+    }] : [])),
+    component: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? _MenuSection.MenuSection : undefined
   }].concat((0, _toConsumableArray2.default)(getAlignmentMenuItems(api)));
 };

package/dist/es2019/ui/FloatingToolbarComponent.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeAlignment } from '../editor-commands';
 import { ToolbarType } from '../pm-plugins/types';
@@ -9,7 +9,10 @@ const FloatingToolbarSettings = {
   disabled: false,
   isToolbarReducedSpacing: true
 };
-const useFloatingToolbarComponentPluginState = sharedPluginStateHookMigratorFactory(api => {
+export function FloatingToolbarComponent({
+  api,
+  editorView
+}) {
   const {
     align,
     isEnabled
@@ -20,27 +23,6 @@ const useFloatingToolbarComponentPluginState = sharedPluginStateHookMigratorFact
       isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
     };
   });
-  return {
-    align,
-    isEnabled
-  };
-}, api => {
-  const {
-    alignmentState
-  } = useSharedPluginState(api, ['alignment']);
-  return {
-    align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
-    isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
-  };
-});
-export function FloatingToolbarComponent({
-  api,
-  editorView
-}) {
-  const {
-    align,
-    isEnabled
-  } = useFloatingToolbarComponentPluginState(api);
   const changeAlignmentCallback = useCallback(align => {
     return changeAlignment(align, api, INPUT_METHOD.FLOATING_TB)(editorView.state, editorView.dispatch);
   }, [editorView, api]);

package/dist/es2019/ui/PrimaryToolbarComponent.js

@@ -1,33 +1,9 @@
 import React, { useCallback } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { changeAlignment } from '../editor-commands';
 import { ToolbarType } from '../pm-plugins/types';
 import ToolbarAlignment from './ToolbarAlignment';
-const usePrimaryToolbarComponentPluginState = sharedPluginStateHookMigratorFactory(api => {
-  const {
-    align,
-    isEnabled
-  } = useSharedPluginStateWithSelector(api, ['alignment'], states => {
-    var _states$alignmentStat, _states$alignmentStat2;
-    return {
-      align: (_states$alignmentStat = states.alignmentState) === null || _states$alignmentStat === void 0 ? void 0 : _states$alignmentStat.align,
-      isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
-    };
-  });
-  return {
-    align,
-    isEnabled
-  };
-}, api => {
-  const {
-    alignmentState
-  } = useSharedPluginState(api, ['alignment']);
-  return {
-    align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
-    isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
-  };
-});
 export function PrimaryToolbarComponent({
   api,
   editorView,
@@ -40,7 +16,13 @@ export function PrimaryToolbarComponent({
   const {
     align,
     isEnabled
-  } = usePrimaryToolbarComponentPluginState(api);
+  } = useSharedPluginStateWithSelector(api, ['alignment'], states => {
+    var _states$alignmentStat, _states$alignmentStat2;
+    return {
+      align: (_states$alignmentStat = states.alignmentState) === null || _states$alignmentStat === void 0 ? void 0 : _states$alignmentStat.align,
+      isEnabled: (_states$alignmentStat2 = states.alignmentState) === null || _states$alignmentStat2 === void 0 ? void 0 : _states$alignmentStat2.isEnabled
+    };
+  });
   const changeAlignmentCallback = useCallback(align => changeAlignment(align, api, INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch), [editorView, api]);
   return /*#__PURE__*/React.createElement(ToolbarAlignment, {
     align: align,

package/dist/es2019/ui/Toolbar/MenuSection.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+export const MenuSection = ({
+  children,
+  title,
+  parents
+}) => {
+  const hasSeparator = parents.some(parent => parent.key === TEXT_COLLAPSED_MENU.key);
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    hasSeparator: hasSeparator,
+    title: title
+  }, children);
+};

package/dist/es2019/ui/toolbar-components.js

@@ -1,7 +1,9 @@
 import React from 'react';
-import { ALIGNMENT_GROUP, ALIGNMENT_GROUP_RANK, ALIGNMENT_MENU, ALIGNMENT_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, ALIGNMENT_MENU_RANK } from '@atlaskit/editor-common/toolbar';
+import { ALIGNMENT_GROUP, ALIGNMENT_GROUP_RANK, ALIGNMENT_MENU, ALIGNMENT_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, ALIGNMENT_MENU_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { AlignmentMenu } from './Toolbar/AlignmentMenu';
 import { AlignmentMenuItem } from './Toolbar/AlignmentMenuItem';
+import { MenuSection } from './Toolbar/MenuSection';
 import { alignmentOptions } from './Toolbar/options';
 const getAlignmentMenuItems = api => {
   return Object.entries(alignmentOptions()).map(([alignment, item]) => {
@@ -62,6 +64,11 @@ export const getToolbarComponents = api => {
       type: ALIGNMENT_MENU.type,
       key: ALIGNMENT_MENU.key,
       rank: ALIGNMENT_MENU_RANK[ALIGNMENT_MENU_SECTION.key]
-    }]
+    }, ...(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
+      type: TEXT_COLLAPSED_MENU.type,
+      key: TEXT_COLLAPSED_MENU.key,
+      rank: TEXT_COLLAPSED_MENU_RANK[ALIGNMENT_MENU_SECTION.key]
+    }] : [])],
+    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? MenuSection : undefined
   }, ...getAlignmentMenuItems(api)];
 };

package/dist/esm/ui/FloatingToolbarComponent.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { changeAlignment } from '../editor-commands';
 import { ToolbarType } from '../pm-plugins/types';
@@ -9,7 +9,9 @@ var FloatingToolbarSettings = {
   disabled: false,
   isToolbarReducedSpacing: true
 };
-var useFloatingToolbarComponentPluginState = sharedPluginStateHookMigratorFactory(function (api) {
+export function FloatingToolbarComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['alignment'], function (states) {
       var _states$alignmentStat, _states$alignmentStat2;
       return {
@@ -19,24 +21,6 @@ var useFloatingToolbarComponentPluginState = sharedPluginStateHookMigratorFactor
     }),
     align = _useSharedPluginState.align,
     isEnabled = _useSharedPluginState.isEnabled;
-  return {
-    align: align,
-    isEnabled: isEnabled
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['alignment']),
-    alignmentState = _useSharedPluginState2.alignmentState;
-  return {
-    align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
-    isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
-  };
-});
-export function FloatingToolbarComponent(_ref) {
-  var api = _ref.api,
-    editorView = _ref.editorView;
-  var _useFloatingToolbarCo = useFloatingToolbarComponentPluginState(api),
-    align = _useFloatingToolbarCo.align,
-    isEnabled = _useFloatingToolbarCo.isEnabled;
   var changeAlignmentCallback = useCallback(function (align) {
     return changeAlignment(align, api, INPUT_METHOD.FLOATING_TB)(editorView.state, editorView.dispatch);
   }, [editorView, api]);

package/dist/esm/ui/PrimaryToolbarComponent.js

@@ -1,10 +1,17 @@
 import React, { useCallback } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { changeAlignment } from '../editor-commands';
 import { ToolbarType } from '../pm-plugins/types';
 import ToolbarAlignment from './ToolbarAlignment';
-var usePrimaryToolbarComponentPluginState = sharedPluginStateHookMigratorFactory(function (api) {
+export function PrimaryToolbarComponent(_ref) {
+  var api = _ref.api,
+    editorView = _ref.editorView,
+    disabled = _ref.disabled,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    popupsScrollableElement = _ref.popupsScrollableElement,
+    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['alignment'], function (states) {
       var _states$alignmentStat, _states$alignmentStat2;
       return {
@@ -14,29 +21,6 @@ var usePrimaryToolbarComponentPluginState = sharedPluginStateHookMigratorFactory
     }),
     align = _useSharedPluginState.align,
     isEnabled = _useSharedPluginState.isEnabled;
-  return {
-    align: align,
-    isEnabled: isEnabled
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['alignment']),
-    alignmentState = _useSharedPluginState2.alignmentState;
-  return {
-    align: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.align,
-    isEnabled: alignmentState === null || alignmentState === void 0 ? void 0 : alignmentState.isEnabled
-  };
-});
-export function PrimaryToolbarComponent(_ref) {
-  var api = _ref.api,
-    editorView = _ref.editorView,
-    disabled = _ref.disabled,
-    popupsMountPoint = _ref.popupsMountPoint,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsScrollableElement = _ref.popupsScrollableElement,
-    isToolbarReducedSpacing = _ref.isToolbarReducedSpacing;
-  var _usePrimaryToolbarCom = usePrimaryToolbarComponentPluginState(api),
-    align = _usePrimaryToolbarCom.align,
-    isEnabled = _usePrimaryToolbarCom.isEnabled;
   var changeAlignmentCallback = useCallback(function (align) {
     return changeAlignment(align, api, INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
   }, [editorView, api]);

package/dist/esm/ui/Toolbar/MenuSection.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+export var MenuSection = function MenuSection(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    parents = _ref.parents;
+  var hasSeparator = parents.some(function (parent) {
+    return parent.key === TEXT_COLLAPSED_MENU.key;
+  });
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    hasSeparator: hasSeparator,
+    title: title
+  }, children);
+};

package/dist/esm/ui/toolbar-components.js

@@ -1,9 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
-import { ALIGNMENT_GROUP, ALIGNMENT_GROUP_RANK, ALIGNMENT_MENU, ALIGNMENT_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, ALIGNMENT_MENU_RANK } from '@atlaskit/editor-common/toolbar';
+import { ALIGNMENT_GROUP, ALIGNMENT_GROUP_RANK, ALIGNMENT_MENU, ALIGNMENT_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, ALIGNMENT_MENU_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { AlignmentMenu } from './Toolbar/AlignmentMenu';
 import { AlignmentMenuItem } from './Toolbar/AlignmentMenuItem';
+import { MenuSection } from './Toolbar/MenuSection';
 import { alignmentOptions } from './Toolbar/options';
 var getAlignmentMenuItems = function getAlignmentMenuItems(api) {
   return Object.entries(alignmentOptions()).map(function (_ref) {
@@ -63,6 +65,11 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       type: ALIGNMENT_MENU.type,
       key: ALIGNMENT_MENU.key,
       rank: ALIGNMENT_MENU_RANK[ALIGNMENT_MENU_SECTION.key]
-    }]
+    }].concat(_toConsumableArray(expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? [{
+      type: TEXT_COLLAPSED_MENU.type,
+      key: TEXT_COLLAPSED_MENU.key,
+      rank: TEXT_COLLAPSED_MENU_RANK[ALIGNMENT_MENU_SECTION.key]
+    }] : [])),
+    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? MenuSection : undefined
   }].concat(_toConsumableArray(getAlignmentMenuItems(api)));
 };

package/dist/types/ui/Toolbar/MenuSection.d.ts

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from 'react';
+import type { CommonComponentProps } from '@atlaskit/editor-toolbar-model';
+export declare const MenuSection: ({ children, title, parents, }: {
+    children?: ReactNode;
+    parents: CommonComponentProps["parents"];
+    title?: string;
+}) => React.JSX.Element;

package/dist/types-ts4.5/ui/Toolbar/MenuSection.d.ts

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from 'react';
+import type { CommonComponentProps } from '@atlaskit/editor-toolbar-model';
+export declare const MenuSection: ({ children, title, parents, }: {
+    children?: ReactNode;
+    parents: CommonComponentProps["parents"];
+    title?: string;
+}) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-alignment",
-	"version": "4.2.11",
+	"version": "5.0.0",
 	"description": "Alignment plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,22 +32,22 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^50.2.3",
 		"@atlaskit/css": "^0.12.0",
-		"@atlaskit/editor-plugin-analytics": "^3.0.0",
-		"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
-		"@atlaskit/editor-plugin-selection-toolbar": "^4.3.0",
-		"@atlaskit/editor-plugin-toolbar": "^0.4.0",
+		"@atlaskit/editor-plugin-analytics": "^4.0.0",
+		"@atlaskit/editor-plugin-primary-toolbar": "^5.0.0",
+		"@atlaskit/editor-plugin-selection-toolbar": "^5.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^1.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/editor-toolbar": "^0.5.0",
+		"@atlaskit/editor-toolbar": "^0.6.0",
 		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^11.9.0",
+		"@atlaskit/tmp-editor-statsig": "^12.0.0",
 		"@atlaskit/tokens": "^6.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.33.0",
+		"@atlaskit/editor-common": "^108.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -55,7 +55,7 @@
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/editor-plugin-list": "^5.1.0",
+		"@atlaskit/editor-plugin-list": "^6.0.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",