@atlaskit/editor-plugin-expand 3.2.11 → 3.2.12

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-expand
 
+## 3.2.12
+
+### Patch Changes
+
+- [#159403](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159403)
+  [`8db235c23c369`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8db235c23c369) -
+  ENGHEALTH-28082:Added aria label to expand button
+- Updated dependencies
+
 ## 3.2.11
 
 ### Patch Changes

package/dist/cjs/legacyExpand/commands.js

@@ -78,7 +78,7 @@ var updateExpandTitle = exports.updateExpandTitle = function updateExpandTitle(_
     var node = state.doc.nodeAt(pos);
     if (node && node.type === nodeType && dispatch) {
       var tr = state.tr;
-      if (__livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence')) {
+      if (__livePage) {
         tr.step(new _steps.SetAttrsStep(pos, _objectSpread(_objectSpread({}, node.attrs), {}, {
           title: title
         })));
@@ -102,7 +102,7 @@ var toggleExpandExpanded = exports.toggleExpandExpanded = function toggleExpandE
     if (node && node.type === nodeType && dispatch) {
       var tr = state.tr;
       var isExpandedNext = !node.attrs.__expanded;
-      if (__livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence')) {
+      if (__livePage) {
         tr.step(new _steps.SetAttrsStep(pos, _objectSpread(_objectSpread({}, node.attrs), {}, {
           __expanded: isExpandedNext
         })));
@@ -115,7 +115,7 @@ var toggleExpandExpanded = exports.toggleExpandExpanded = function toggleExpandE
       // If we're going to collapse the expand and our cursor is currently inside
       // Move to a right gap cursor, if the toolbar is interacted (or an API),
       // it will insert below rather than inside (which will be invisible).
-      if (__livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') ? isExpandedNext === true : isExpandedNext === false && (0, _transforms.findExpand)(state)) {
+      if (__livePage ? isExpandedNext === true : isExpandedNext === false && (0, _transforms.findExpand)(state)) {
         tr.setSelection(new _selection.GapCursorSelection(tr.doc.resolve(pos + node.nodeSize), _selection.Side.RIGHT));
       }
 
@@ -127,7 +127,7 @@ var toggleExpandExpanded = exports.toggleExpandExpanded = function toggleExpandE
         attributes: {
           platform: _analytics.PLATFORMS.WEB,
           mode: _analytics.MODE.EDITOR,
-          expanded: __livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') ? !isExpandedNext : isExpandedNext
+          expanded: __livePage ? !isExpandedNext : isExpandedNext
         },
         eventType: _analytics.EVENT_TYPE.TRACK
       };

package/dist/cjs/legacyExpand/nodeviews/index.js

@@ -19,7 +19,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _history = require("@atlaskit/editor-prosemirror/history");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../commands");
 var _ExpandIconButton = require("../ui/ExpandIconButton");
 function buildExpandClassName(type, expanded) {
@@ -28,7 +27,7 @@ function buildExpandClassName(type, expanded) {
 var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable) {
   return ['div', {
     // prettier-ignore
-    'class': buildExpandClassName(node.type.name, __livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded),
+    'class': buildExpandClassName(node.type.name, __livePage ? !node.attrs.__expanded : node.attrs.__expanded),
     'data-node-type': node.type.name,
     'data-title': node.attrs.title
   }, ['div', {
@@ -272,7 +271,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
       }
     });
     (0, _defineProperty2.default)(this, "isCollapsed", function () {
-      if (_this.__livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence')) {
+      if (_this.__livePage) {
         return _this.node.attrs.__expanded;
       }
       return !_this.node.attrs.__expanded;
@@ -402,7 +401,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
       return;
     });
     (0, _defineProperty2.default)(this, "getContentEditable", function (node) {
-      var contentEditable = _this.__livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded;
+      var contentEditable = _this.__livePage ? !node.attrs.__expanded : node.attrs.__expanded;
       if (_this.api && _this.api.editorDisabled) {
         var _this$api$editorDisab;
         return !((_this$api$editorDisab = _this.api.editorDisabled.sharedState.currentState()) !== null && _this$api$editorDisab !== void 0 && _this$api$editorDisab.editorDisabled) && contentEditable;
@@ -495,7 +494,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         return /*#__PURE__*/_react.default.createElement(_ExpandIconButton.ExpandIconButton, {
           intl: intl,
           allowInteractiveExpand: _this3.allowInteractiveExpand,
-          expanded: _this3.__livePage && (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') ? !__expanded : __expanded
+          expanded: _this3.__livePage ? !__expanded : __expanded
         });
       }, this.icon, this.renderKey);
     }

package/dist/cjs/legacyExpand/pm-plugins/keymap.js

@@ -11,7 +11,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../commands");
 var isExpandNode = function isExpandNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
@@ -92,9 +91,7 @@ function expandKeymap(api, options) {
     var selection = state.selection,
       schema = state.schema;
     var nodeBefore = selection.$from.nodeBefore;
-    if (selection instanceof _selection.GapCursorSelection && selection.side === _selection.Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && (
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') && options.__livePage ? nodeBefore.attrs.__expanded : !nodeBefore.attrs.__expanded)) {
+    if (selection instanceof _selection.GapCursorSelection && selection.side === _selection.Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && (options.__livePage ? nodeBefore.attrs.__expanded : !nodeBefore.attrs.__expanded)) {
       var _$from = selection.$from;
       return (0, _commands.focusTitle)(Math.max(_$from.pos - 1, 0))(state, dispatch, editorView);
     }
@@ -118,9 +115,7 @@ function expandKeymap(api, options) {
       var expandBefore = (0, _transforms.findExpand)(state, sel);
       if (sel && expandBefore) {
         // moving cursor from outside of an expand to the title when it is collapsed
-        if (
-        // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-        (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') && options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded) {
+        if (options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded) {
           return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
         }
         // moving cursor from outside of an expand to the content when it is expanded
@@ -144,9 +139,7 @@ function expandKeymap(api, options) {
       nestedExpand = _state$schema$nodes.nestedExpand;
     var selection = state.selection;
     var nodeAfter = selection.$from.nodeAfter;
-    if (selection instanceof _selection.GapCursorSelection && selection.side === _selection.Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && (
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') && options.__livePage ? nodeAfter.attrs.__expanded : !nodeAfter.attrs.__expanded)) {
+    if (selection instanceof _selection.GapCursorSelection && selection.side === _selection.Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && (options.__livePage ? nodeAfter.attrs.__expanded : !nodeAfter.attrs.__expanded)) {
       var $from = selection.$from;
       return (0, _commands.focusTitle)($from.pos + 1)(state, dispatch, editorView);
     }
@@ -179,9 +172,7 @@ function expandKeymap(api, options) {
       // @see ED-7977
       var sel = _state.Selection.findFrom(state.doc.resolve(Math.max(selection.$from.pos - 1, 0)), -1);
       var expandBefore = (0, _transforms.findExpand)(state, sel);
-      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && (
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      (0, _platformFeatureFlags.fg)('platform.editor.live-pages-expand-divergence') && options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded)) {
+      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && (options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded)) {
         return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
       }
       return false;

package/dist/cjs/legacyExpand/ui/ExpandIconButton.js

@@ -61,7 +61,8 @@ var withTooltip = exports.withTooltip = function withTooltip(WrapperComponent) {
 };
 var CustomButton = exports.CustomButton = function CustomButton(props) {
   var allowInteractiveExpand = props.allowInteractiveExpand,
-    expanded = props.expanded;
+    expanded = props.expanded,
+    intl = props.intl;
   var useTheme = (0, _react.useCallback)(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -79,6 +80,8 @@ var CustomButton = exports.CustomButton = function CustomButton(props) {
       })
     }, rest);
   }, [props]);
+  var label = expanded ? _ui.expandMessages.collapseNode : _ui.expandMessages.expandNode;
+  var labelIntl = intl ? intl.formatMessage(label) : label.defaultMessage;
   return (0, _react2.jsx)(_customThemeButton.default, {
     appearance: "subtle"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -90,6 +93,7 @@ var CustomButton = exports.CustomButton = function CustomButton(props) {
     }),
     shouldFitContainer: true,
     theme: useTheme,
+    "aria-label": labelIntl,
     "aria-expanded": expanded,
     isDisabled: !allowInteractiveExpand
   });

package/dist/cjs/singlePlayerExpand/ui/ExpandButton.js

@@ -63,6 +63,10 @@ var ExpandButtonInner = exports.ExpandButtonInner = function ExpandButtonInner(p
       })
     }, rest);
   }, [props]);
+  var intl = props.intl,
+    expanded = props.expanded;
+  var label = expanded ? _ui.expandMessages.collapseNode : _ui.expandMessages.expandNode;
+  var labelIntl = intl ? intl.formatMessage(label) : label.defaultMessage;
   return (0, _react2.jsx)(_customThemeButton.default, {
     appearance: "subtle"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -74,6 +78,7 @@ var ExpandButtonInner = exports.ExpandButtonInner = function ExpandButtonInner(p
     }),
     shouldFitContainer: true,
     theme: useTheme,
+    "aria-label": labelIntl,
     "aria-expanded": props.expanded,
     isDisabled: !props.allowInteractiveExpand
   });

package/dist/es2019/legacyExpand/commands.js

@@ -62,7 +62,7 @@ export const updateExpandTitle = ({
     const {
       tr
     } = state;
-    if (__livePage && fg('platform.editor.live-pages-expand-divergence')) {
+    if (__livePage) {
       tr.step(new SetAttrsStep(pos, {
         ...node.attrs,
         title
@@ -89,7 +89,7 @@ export const toggleExpandExpanded = ({
       tr
     } = state;
     const isExpandedNext = !node.attrs.__expanded;
-    if (__livePage && fg('platform.editor.live-pages-expand-divergence')) {
+    if (__livePage) {
       tr.step(new SetAttrsStep(pos, {
         ...node.attrs,
         __expanded: isExpandedNext
@@ -104,7 +104,7 @@ export const toggleExpandExpanded = ({
     // If we're going to collapse the expand and our cursor is currently inside
     // Move to a right gap cursor, if the toolbar is interacted (or an API),
     // it will insert below rather than inside (which will be invisible).
-    if (__livePage && fg('platform.editor.live-pages-expand-divergence') ? isExpandedNext === true : isExpandedNext === false && findExpand(state)) {
+    if (__livePage ? isExpandedNext === true : isExpandedNext === false && findExpand(state)) {
       tr.setSelection(new GapCursorSelection(tr.doc.resolve(pos + node.nodeSize), Side.RIGHT));
     }
 
@@ -116,7 +116,7 @@ export const toggleExpandExpanded = ({
       attributes: {
         platform: PLATFORMS.WEB,
         mode: MODE.EDITOR,
-        expanded: __livePage && fg('platform.editor.live-pages-expand-divergence') ? !isExpandedNext : isExpandedNext
+        expanded: __livePage ? !isExpandedNext : isExpandedNext
       },
       eventType: EVENT_TYPE.TRACK
     };

package/dist/es2019/legacyExpand/nodeviews/index.js

@@ -9,7 +9,6 @@ import { closestElement, isEmptyNode } from '@atlaskit/editor-common/utils';
 import { redo, undo } from '@atlaskit/editor-prosemirror/history';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { deleteExpandAtPos, setSelectionInsideExpand, toggleExpandExpanded, updateExpandTitle } from '../commands';
 import { ExpandIconButton } from '../ui/ExpandIconButton';
 function buildExpandClassName(type, expanded) {
@@ -17,7 +16,7 @@ function buildExpandClassName(type, expanded) {
 }
 const toDOM = (node, __livePage, intl, titleReadOnly, contentEditable) => ['div', {
   // prettier-ignore
-  'class': buildExpandClassName(node.type.name, __livePage && fg('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded),
+  'class': buildExpandClassName(node.type.name, __livePage ? !node.attrs.__expanded : node.attrs.__expanded),
   'data-node-type': node.type.name,
   'data-title': node.attrs.title
 }, ['div', {
@@ -263,7 +262,7 @@ export class ExpandNodeView {
       }
     });
     _defineProperty(this, "isCollapsed", () => {
-      if (this.__livePage && fg('platform.editor.live-pages-expand-divergence')) {
+      if (this.__livePage) {
         return this.node.attrs.__expanded;
       }
       return !this.node.attrs.__expanded;
@@ -403,7 +402,7 @@ export class ExpandNodeView {
       return;
     });
     _defineProperty(this, "getContentEditable", node => {
-      const contentEditable = this.__livePage && fg('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded;
+      const contentEditable = this.__livePage ? !node.attrs.__expanded : node.attrs.__expanded;
       if (this.api && this.api.editorDisabled) {
         var _this$api$editorDisab;
         return !((_this$api$editorDisab = this.api.editorDisabled.sharedState.currentState()) !== null && _this$api$editorDisab !== void 0 && _this$api$editorDisab.editorDisabled) && contentEditable;
@@ -491,7 +490,7 @@ export class ExpandNodeView {
     this.nodeViewPortalProviderAPI.render(() => /*#__PURE__*/React.createElement(ExpandIconButton, {
       intl: intl,
       allowInteractiveExpand: this.allowInteractiveExpand,
-      expanded: this.__livePage && fg('platform.editor.live-pages-expand-divergence') ? !__expanded : __expanded
+      expanded: this.__livePage ? !__expanded : __expanded
     }), this.icon, this.renderKey);
   }
   stopEvent(event) {

package/dist/es2019/legacyExpand/pm-plugins/keymap.js

@@ -5,7 +5,6 @@ import { isEmptyNode, isPositionNearTableRow } from '@atlaskit/editor-common/uti
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { isInTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { deleteExpand, focusIcon, focusTitle } from '../commands';
 const isExpandNode = node => {
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
@@ -98,9 +97,7 @@ export function expandKeymap(api, options) {
     const {
       nodeBefore
     } = selection.$from;
-    if (selection instanceof GapCursorSelection && selection.side === Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && (
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    fg('platform.editor.live-pages-expand-divergence') && options.__livePage ? nodeBefore.attrs.__expanded : !nodeBefore.attrs.__expanded)) {
+    if (selection instanceof GapCursorSelection && selection.side === Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && (options.__livePage ? nodeBefore.attrs.__expanded : !nodeBefore.attrs.__expanded)) {
       const {
         $from
       } = selection;
@@ -128,9 +125,7 @@ export function expandKeymap(api, options) {
       const expandBefore = findExpand(state, sel);
       if (sel && expandBefore) {
         // moving cursor from outside of an expand to the title when it is collapsed
-        if (
-        // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-        fg('platform.editor.live-pages-expand-divergence') && options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded) {
+        if (options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded) {
           return focusTitle(expandBefore.start)(state, dispatch, editorView);
         }
         // moving cursor from outside of an expand to the content when it is expanded
@@ -159,9 +154,7 @@ export function expandKeymap(api, options) {
     const {
       nodeAfter
     } = selection.$from;
-    if (selection instanceof GapCursorSelection && selection.side === Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && (
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    fg('platform.editor.live-pages-expand-divergence') && options.__livePage ? nodeAfter.attrs.__expanded : !nodeAfter.attrs.__expanded)) {
+    if (selection instanceof GapCursorSelection && selection.side === Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && (options.__livePage ? nodeAfter.attrs.__expanded : !nodeAfter.attrs.__expanded)) {
       const {
         $from
       } = selection;
@@ -203,9 +196,7 @@ export function expandKeymap(api, options) {
       // @see ED-7977
       const sel = Selection.findFrom(state.doc.resolve(Math.max(selection.$from.pos - 1, 0)), -1);
       const expandBefore = findExpand(state, sel);
-      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && (
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      fg('platform.editor.live-pages-expand-divergence') && options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded)) {
+      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && (options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded)) {
         return focusTitle(expandBefore.start)(state, dispatch, editorView);
       }
       return false;

package/dist/es2019/legacyExpand/ui/ExpandIconButton.js

@@ -40,7 +40,8 @@ export const withTooltip = WrapperComponent => {
 export const CustomButton = props => {
   const {
     allowInteractiveExpand,
-    expanded
+    expanded,
+    intl
   } = props;
   const useTheme = useCallback(
   // Ignored via go/ees005
@@ -62,6 +63,8 @@ export const CustomButton = props => {
       ...rest
     };
   }, [props]);
+  const label = expanded ? expandMessages.collapseNode : expandMessages.expandNode;
+  const labelIntl = intl ? intl.formatMessage(label) : label.defaultMessage;
   return jsx(Button, {
     appearance: "subtle"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -73,6 +76,7 @@ export const CustomButton = props => {
     }),
     shouldFitContainer: true,
     theme: useTheme,
+    "aria-label": labelIntl,
     "aria-expanded": expanded,
     isDisabled: !allowInteractiveExpand
   });

package/dist/es2019/singlePlayerExpand/ui/ExpandButton.js

@@ -52,6 +52,12 @@ export const ExpandButtonInner = props => {
       ...rest
     };
   }, [props]);
+  const {
+    intl,
+    expanded
+  } = props;
+  const label = expanded ? expandMessages.collapseNode : expandMessages.expandNode;
+  const labelIntl = intl ? intl.formatMessage(label) : label.defaultMessage;
   return jsx(Button, {
     appearance: "subtle"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -63,6 +69,7 @@ export const ExpandButtonInner = props => {
     }),
     shouldFitContainer: true,
     theme: useTheme,
+    "aria-label": labelIntl,
     "aria-expanded": props.expanded,
     isDisabled: !props.allowInteractiveExpand
   });

package/dist/esm/legacyExpand/commands.js

@@ -71,7 +71,7 @@ export var updateExpandTitle = function updateExpandTitle(_ref) {
     var node = state.doc.nodeAt(pos);
     if (node && node.type === nodeType && dispatch) {
       var tr = state.tr;
-      if (__livePage && fg('platform.editor.live-pages-expand-divergence')) {
+      if (__livePage) {
         tr.step(new SetAttrsStep(pos, _objectSpread(_objectSpread({}, node.attrs), {}, {
           title: title
         })));
@@ -95,7 +95,7 @@ export var toggleExpandExpanded = function toggleExpandExpanded(_ref2) {
     if (node && node.type === nodeType && dispatch) {
       var tr = state.tr;
       var isExpandedNext = !node.attrs.__expanded;
-      if (__livePage && fg('platform.editor.live-pages-expand-divergence')) {
+      if (__livePage) {
         tr.step(new SetAttrsStep(pos, _objectSpread(_objectSpread({}, node.attrs), {}, {
           __expanded: isExpandedNext
         })));
@@ -108,7 +108,7 @@ export var toggleExpandExpanded = function toggleExpandExpanded(_ref2) {
       // If we're going to collapse the expand and our cursor is currently inside
       // Move to a right gap cursor, if the toolbar is interacted (or an API),
       // it will insert below rather than inside (which will be invisible).
-      if (__livePage && fg('platform.editor.live-pages-expand-divergence') ? isExpandedNext === true : isExpandedNext === false && findExpand(state)) {
+      if (__livePage ? isExpandedNext === true : isExpandedNext === false && findExpand(state)) {
         tr.setSelection(new GapCursorSelection(tr.doc.resolve(pos + node.nodeSize), Side.RIGHT));
       }
 
@@ -120,7 +120,7 @@ export var toggleExpandExpanded = function toggleExpandExpanded(_ref2) {
         attributes: {
           platform: PLATFORMS.WEB,
           mode: MODE.EDITOR,
-          expanded: __livePage && fg('platform.editor.live-pages-expand-divergence') ? !isExpandedNext : isExpandedNext
+          expanded: __livePage ? !isExpandedNext : isExpandedNext
         },
         eventType: EVENT_TYPE.TRACK
       };

package/dist/esm/legacyExpand/nodeviews/index.js

@@ -11,7 +11,6 @@ import { closestElement, isEmptyNode } from '@atlaskit/editor-common/utils';
 import { redo, undo } from '@atlaskit/editor-prosemirror/history';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { deleteExpandAtPos, setSelectionInsideExpand, toggleExpandExpanded, updateExpandTitle } from '../commands';
 import { ExpandIconButton } from '../ui/ExpandIconButton';
 function buildExpandClassName(type, expanded) {
@@ -20,7 +19,7 @@ function buildExpandClassName(type, expanded) {
 var toDOM = function toDOM(node, __livePage, intl, titleReadOnly, contentEditable) {
   return ['div', {
     // prettier-ignore
-    'class': buildExpandClassName(node.type.name, __livePage && fg('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded),
+    'class': buildExpandClassName(node.type.name, __livePage ? !node.attrs.__expanded : node.attrs.__expanded),
     'data-node-type': node.type.name,
     'data-title': node.attrs.title
   }, ['div', {
@@ -264,7 +263,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       }
     });
     _defineProperty(this, "isCollapsed", function () {
-      if (_this.__livePage && fg('platform.editor.live-pages-expand-divergence')) {
+      if (_this.__livePage) {
         return _this.node.attrs.__expanded;
       }
       return !_this.node.attrs.__expanded;
@@ -394,7 +393,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       return;
     });
     _defineProperty(this, "getContentEditable", function (node) {
-      var contentEditable = _this.__livePage && fg('platform.editor.live-pages-expand-divergence') ? !node.attrs.__expanded : node.attrs.__expanded;
+      var contentEditable = _this.__livePage ? !node.attrs.__expanded : node.attrs.__expanded;
       if (_this.api && _this.api.editorDisabled) {
         var _this$api$editorDisab;
         return !((_this$api$editorDisab = _this.api.editorDisabled.sharedState.currentState()) !== null && _this$api$editorDisab !== void 0 && _this$api$editorDisab.editorDisabled) && contentEditable;
@@ -487,7 +486,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         return /*#__PURE__*/React.createElement(ExpandIconButton, {
           intl: intl,
           allowInteractiveExpand: _this3.allowInteractiveExpand,
-          expanded: _this3.__livePage && fg('platform.editor.live-pages-expand-divergence') ? !__expanded : __expanded
+          expanded: _this3.__livePage ? !__expanded : __expanded
         });
       }, this.icon, this.renderKey);
     }

package/dist/esm/legacyExpand/pm-plugins/keymap.js

@@ -5,7 +5,6 @@ import { isEmptyNode, isPositionNearTableRow } from '@atlaskit/editor-common/uti
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { isInTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { deleteExpand, focusIcon, focusTitle } from '../commands';
 var isExpandNode = function isExpandNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
@@ -86,9 +85,7 @@ export function expandKeymap(api, options) {
     var selection = state.selection,
       schema = state.schema;
     var nodeBefore = selection.$from.nodeBefore;
-    if (selection instanceof GapCursorSelection && selection.side === Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && (
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    fg('platform.editor.live-pages-expand-divergence') && options.__livePage ? nodeBefore.attrs.__expanded : !nodeBefore.attrs.__expanded)) {
+    if (selection instanceof GapCursorSelection && selection.side === Side.RIGHT && nodeBefore && (nodeBefore.type === schema.nodes.expand || nodeBefore.type === schema.nodes.nestedExpand) && (options.__livePage ? nodeBefore.attrs.__expanded : !nodeBefore.attrs.__expanded)) {
       var _$from = selection.$from;
       return focusTitle(Math.max(_$from.pos - 1, 0))(state, dispatch, editorView);
     }
@@ -112,9 +109,7 @@ export function expandKeymap(api, options) {
       var expandBefore = findExpand(state, sel);
       if (sel && expandBefore) {
         // moving cursor from outside of an expand to the title when it is collapsed
-        if (
-        // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-        fg('platform.editor.live-pages-expand-divergence') && options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded) {
+        if (options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded) {
           return focusTitle(expandBefore.start)(state, dispatch, editorView);
         }
         // moving cursor from outside of an expand to the content when it is expanded
@@ -138,9 +133,7 @@ export function expandKeymap(api, options) {
       nestedExpand = _state$schema$nodes.nestedExpand;
     var selection = state.selection;
     var nodeAfter = selection.$from.nodeAfter;
-    if (selection instanceof GapCursorSelection && selection.side === Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && (
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    fg('platform.editor.live-pages-expand-divergence') && options.__livePage ? nodeAfter.attrs.__expanded : !nodeAfter.attrs.__expanded)) {
+    if (selection instanceof GapCursorSelection && selection.side === Side.LEFT && nodeAfter && (nodeAfter.type === expand || nodeAfter.type === nestedExpand) && (options.__livePage ? nodeAfter.attrs.__expanded : !nodeAfter.attrs.__expanded)) {
       var $from = selection.$from;
       return focusTitle($from.pos + 1)(state, dispatch, editorView);
     }
@@ -173,9 +166,7 @@ export function expandKeymap(api, options) {
       // @see ED-7977
       var sel = Selection.findFrom(state.doc.resolve(Math.max(selection.$from.pos - 1, 0)), -1);
       var expandBefore = findExpand(state, sel);
-      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && (
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      fg('platform.editor.live-pages-expand-divergence') && options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded)) {
+      if (expandBefore && (expandBefore.node.type === expand || expandBefore.node.type === nestedExpand) && (options.__livePage ? expandBefore.node.attrs.__expanded : !expandBefore.node.attrs.__expanded)) {
         return focusTitle(expandBefore.start)(state, dispatch, editorView);
       }
       return false;

package/dist/esm/legacyExpand/ui/ExpandIconButton.js

@@ -54,7 +54,8 @@ export var withTooltip = function withTooltip(WrapperComponent) {
 };
 export var CustomButton = function CustomButton(props) {
   var allowInteractiveExpand = props.allowInteractiveExpand,
-    expanded = props.expanded;
+    expanded = props.expanded,
+    intl = props.intl;
   var useTheme = useCallback(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -72,6 +73,8 @@ export var CustomButton = function CustomButton(props) {
       })
     }, rest);
   }, [props]);
+  var label = expanded ? expandMessages.collapseNode : expandMessages.expandNode;
+  var labelIntl = intl ? intl.formatMessage(label) : label.defaultMessage;
   return jsx(Button, {
     appearance: "subtle"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -83,6 +86,7 @@ export var CustomButton = function CustomButton(props) {
     }),
     shouldFitContainer: true,
     theme: useTheme,
+    "aria-label": labelIntl,
     "aria-expanded": expanded,
     isDisabled: !allowInteractiveExpand
   });

package/dist/esm/singlePlayerExpand/ui/ExpandButton.js

@@ -54,6 +54,10 @@ export var ExpandButtonInner = function ExpandButtonInner(props) {
       })
     }, rest);
   }, [props]);
+  var intl = props.intl,
+    expanded = props.expanded;
+  var label = expanded ? expandMessages.collapseNode : expandMessages.expandNode;
+  var labelIntl = intl ? intl.formatMessage(label) : label.defaultMessage;
   return jsx(Button, {
     appearance: "subtle"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -65,6 +69,7 @@ export var ExpandButtonInner = function ExpandButtonInner(props) {
     }),
     shouldFitContainer: true,
     theme: useTheme,
+    "aria-label": labelIntl,
     "aria-expanded": props.expanded,
     isDisabled: !props.allowInteractiveExpand
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-expand",
-	"version": "3.2.11",
+	"version": "3.2.12",
 	"description": "Expand plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,21 +34,21 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/editor-common": "^105.0.0",
-		"@atlaskit/editor-plugin-analytics": "^2.2.0",
+		"@atlaskit/button": "^23.2.0",
+		"@atlaskit/editor-common": "^105.8.0",
+		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^3.1.0",
 		"@atlaskit/editor-plugin-selection": "^2.2.0",
-		"@atlaskit/editor-plugin-selection-marker": "^2.3.0",
+		"@atlaskit/editor-plugin-selection-marker": "^2.4.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/icon": "^26.0.0",
+		"@atlaskit/icon": "^26.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^4.19.0",
-		"@atlaskit/tokens": "^4.8.0",
+		"@atlaskit/tmp-editor-statsig": "^4.24.0",
+		"@atlaskit/tokens": "^4.9.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -65,8 +65,8 @@
 		"@atlaskit/editor-plugin-content-insertion": "^2.1.0",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
 		"@atlaskit/editor-plugin-quick-insert": "^2.5.0",
-		"@atlaskit/editor-plugin-table": "^10.9.0",
-		"@atlaskit/editor-plugin-type-ahead": "^2.6.0",
+		"@atlaskit/editor-plugin-table": "^10.10.0",
+		"@atlaskit/editor-plugin-type-ahead": "^2.7.0",
 		"@atlaskit/editor-plugin-width": "^3.0.0",
 		"@testing-library/react": "^13.4.0",
 		"react-test-renderer": "^18.2.0",
@@ -106,9 +106,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform.editor.live-pages-expand-divergence": {
-			"type": "boolean"
-		},
 		"platform-editor-single-player-expand": {
 			"type": "boolean"
 		},