@atlaskit/editor-plugin-expand 23.0.0 → 23.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-expand
 
+## 23.0.2
+
+### Patch Changes
+
+- [`f2cc6b030e5c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2cc6b030e5c6) -
+  Clean up experiment `platform_editor_vc90_transition_expand_icon`.
+- Updated dependencies
+
+## 23.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.0.0
 
 ### Patch Changes

package/dist/cjs/legacyExpand/commands.js

@@ -15,7 +15,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _utils3 = require("@atlaskit/editor-tables/utils");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _utils4 = require("../utils");
 var _pluginFactory = require("./pm-plugins/plugin-factory");
 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; }
@@ -207,9 +206,7 @@ var focusIcon = exports.focusIcon = function focusIcon(expand) {
     if (!(expand instanceof HTMLElement)) {
       return false;
     }
-
-    // TODO: ED-29205 - During platform_editor_vc90_transition_expand_icon cleanup, rename `iconContainer` to `iconButton`.
-    var iconContainer = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vc90_transition_expand_icon') ? expand.querySelector(".".concat(_styles.expandClassNames.iconButton)) : expand.querySelector(".".concat(_styles.expandClassNames.iconContainer));
+    var iconContainer = expand.querySelector(".".concat(_styles.expandClassNames.iconContainer));
     if (iconContainer && iconContainer.focus) {
       var tr = state.tr;
       var pos = state.selection.from;

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

@@ -26,7 +26,6 @@ var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _redo = require("@atlaskit/prosemirror-history/redo");
 var _undo = require("@atlaskit/prosemirror-history/undo");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _renderExpandButton = require("../../ui/renderExpandButton");
 var _commands = require("../commands");
 var _ExpandIconButton = require("../ui/ExpandIconButton");
 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; }
@@ -567,11 +566,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
     });
     // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = (0, _uuid.v4)();
-    if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vc90_transition_expand_icon')) {
-      this.renderNativeIcon(this.node);
-    } else {
-      this.renderIcon(this.intl);
-    }
+    this.renderIcon(this.intl);
     this.initHandlers();
   }
   return (0, _createClass2.default)(ExpandNodeView, [{
@@ -620,19 +615,6 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         });
       }
     }
-  }, {
-    key: "renderNativeIcon",
-    value: function renderNativeIcon(node) {
-      if (!this.icon) {
-        return;
-      }
-      var __expanded = node.attrs.__expanded;
-      (0, _renderExpandButton.renderExpandButton)(this.icon, {
-        expanded: this.__livePage ? !__expanded : __expanded,
-        allowInteractiveExpand: this.allowInteractiveExpand,
-        intl: this.intl
-      });
-    }
   }, {
     key: "renderIcon",
     value: function renderIcon(intl, node) {
@@ -720,11 +702,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
           // we toggle a class name to hide the content and animate the chevron.
           if (this.dom) {
             this.dom.classList.toggle(_styles.expandClassNames.expanded);
-            if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vc90_transition_expand_icon')) {
-              this.renderNativeIcon(node);
-            } else {
-              this.renderIcon(this && this.intl, node);
-            }
+            this.renderIcon(this.intl, node);
           }
           if (this.content) {
             // Disallow interaction/selection inside when collapsed.

package/dist/cjs/singlePlayerExpand/commands.js

@@ -17,7 +17,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _utils3 = require("@atlaskit/editor-tables/utils");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils4 = require("../utils");
 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; }
@@ -244,9 +243,7 @@ var focusIcon = exports.focusIcon = function focusIcon(expand) {
     if (!(expand instanceof HTMLElement)) {
       return false;
     }
-
-    // TODO: ED-29205 - During platform_editor_vc90_transition_expand_icon cleanup, rename `iconContainer` to `iconButton`.
-    var iconContainer = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vc90_transition_expand_icon') ? expand.querySelector(".".concat(_styles.expandClassNames.iconButton)) : expand.querySelector(".".concat(_styles.expandClassNames.iconContainer));
+    var iconContainer = expand.querySelector(".".concat(_styles.expandClassNames.iconContainer));
     if (iconContainer && iconContainer.focus) {
       var tr = state.tr;
       var pos = state.selection.from;

package/dist/cjs/singlePlayerExpand/node-views/index.js

@@ -24,7 +24,6 @@ var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-ex
 var _redo = require("@atlaskit/prosemirror-history/redo");
 var _undo = require("@atlaskit/prosemirror-history/undo");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _renderExpandButton = require("../../ui/renderExpandButton");
 var _commands = require("../commands");
 var _ExpandButton = require("../ui/ExpandButton");
 var _NodeView = require("../ui/NodeView");
@@ -528,11 +527,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         height: (0, _contentVisibility.estimateExpandIntrinsicHeight)(_this.node, !(0, _expand.isExpandCollapsed)(_this.node))
       };
     });
-    if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vc90_transition_expand_icon')) {
-      this.renderNativeIcon(this.node);
-    } else {
-      this.renderIcon(this.icon, !(0, _expand.isExpandCollapsed)(this.node));
-    }
+    this.renderIcon(this.icon, !(0, _expand.isExpandCollapsed)(this.node));
     if (!this.input || !this.titleContainer || !this.icon) {
       return;
     }
@@ -659,6 +654,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
     value: function updateExpandToggleIcon(node) {
       var expanded = _expand.expandedState.get(node) ? _expand.expandedState.get(node) : false;
       if (this.dom && expanded !== undefined) {
+        var _this$icon, _expandedState$get3;
         var classes = this.dom.className.split(' ');
         // find & replace styles might be applied to the expand title and we need to keep them
         var findReplaceDecorationsApplied = classes.filter(function (className) {
@@ -666,12 +662,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         }).join(' ');
         this.dom.className = findReplaceDecorationsApplied ? (0, _NodeView.buildExpandClassName)(node.type.name, expanded) + " ".concat(findReplaceDecorationsApplied) : (0, _NodeView.buildExpandClassName)(node.type.name, expanded);
         // Re-render the icon to update the aria-expanded attribute
-        if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_vc90_transition_expand_icon')) {
-          this.renderNativeIcon(node);
-        } else {
-          var _expandedState$get3;
-          this.renderIcon(this.icon ? this.icon : null, (_expandedState$get3 = _expand.expandedState.get(node)) !== null && _expandedState$get3 !== void 0 ? _expandedState$get3 : false);
-        }
+        this.renderIcon((_this$icon = this.icon) !== null && _this$icon !== void 0 ? _this$icon : null, (_expandedState$get3 = _expand.expandedState.get(node)) !== null && _expandedState$get3 !== void 0 ? _expandedState$get3 : false);
       }
       this.updateExpandBodyContentEditable();
       this.isExpanded = {
@@ -715,18 +706,6 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         this.content.setAttribute('contenteditable', this.getContentEditable(this.node) ? 'true' : 'false');
       }
     }
-  }, {
-    key: "renderNativeIcon",
-    value: function renderNativeIcon(node) {
-      if (!this.icon) {
-        return;
-      }
-      (0, _renderExpandButton.renderExpandButton)(this.icon, {
-        expanded: !(0, _expand.isExpandCollapsed)(node),
-        allowInteractiveExpand: this.allowInteractiveExpand,
-        intl: this.intl
-      });
-    }
   }, {
     key: "destroy",
     value: function destroy() {

package/dist/es2019/legacyExpand/commands.js

@@ -7,7 +7,6 @@ import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { isNestedInExpand } from '../utils';
 import { createCommand } from './pm-plugins/plugin-factory';
 export const setExpandRef = ref => createCommand({
@@ -187,9 +186,7 @@ export const focusIcon = expand => (state, dispatch, editorView) => {
   if (!(expand instanceof HTMLElement)) {
     return false;
   }
-
-  // TODO: ED-29205 - During platform_editor_vc90_transition_expand_icon cleanup, rename `iconContainer` to `iconButton`.
-  const iconContainer = isExperimentEnabled('platform_editor_vc90_transition_expand_icon') ? expand.querySelector(`.${expandClassNames.iconButton}`) : expand.querySelector(`.${expandClassNames.iconContainer}`);
+  const iconContainer = expand.querySelector(`.${expandClassNames.iconContainer}`);
   if (iconContainer && iconContainer.focus) {
     const {
       tr

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

@@ -16,7 +16,6 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { redo } from '@atlaskit/prosemirror-history/redo';
 import { undo } from '@atlaskit/prosemirror-history/undo';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { renderExpandButton } from '../../ui/renderExpandButton';
 import { deleteExpandAtPos, setSelectionInsideExpand, toggleExpandExpanded, updateExpandTitle } from '../commands';
 import { ExpandIconButton } from '../ui/ExpandIconButton';
 function buildExpandClassName(type, expanded) {
@@ -575,11 +574,7 @@ export class ExpandNodeView {
     }));
     // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = uuid();
-    if (isExperimentEnabled('platform_editor_vc90_transition_expand_icon')) {
-      this.renderNativeIcon(this.node);
-    } else {
-      this.renderIcon(this.intl);
-    }
+    this.renderIcon(this.intl);
     this.initHandlers();
   }
   initHandlers() {
@@ -625,19 +620,6 @@ export class ExpandNodeView {
       });
     }
   }
-  renderNativeIcon(node) {
-    if (!this.icon) {
-      return;
-    }
-    const {
-      __expanded
-    } = node.attrs;
-    renderExpandButton(this.icon, {
-      expanded: this.__livePage ? !__expanded : __expanded,
-      allowInteractiveExpand: this.allowInteractiveExpand,
-      intl: this.intl
-    });
-  }
   renderIcon(intl, node) {
     if (!this.icon) {
       return;
@@ -706,11 +688,7 @@ export class ExpandNodeView {
         // we toggle a class name to hide the content and animate the chevron.
         if (this.dom) {
           this.dom.classList.toggle(expandClassNames.expanded);
-          if (isExperimentEnabled('platform_editor_vc90_transition_expand_icon')) {
-            this.renderNativeIcon(node);
-          } else {
-            this.renderIcon(this && this.intl, node);
-          }
+          this.renderIcon(this.intl, node);
         }
         if (this.content) {
           // Disallow interaction/selection inside when collapsed.

package/dist/es2019/singlePlayerExpand/commands.js

@@ -12,7 +12,6 @@ import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isNestedInExpand } from '../utils';
 
@@ -225,9 +224,7 @@ export const focusIcon = expand => (state, dispatch, editorView) => {
   if (!(expand instanceof HTMLElement)) {
     return false;
   }
-
-  // TODO: ED-29205 - During platform_editor_vc90_transition_expand_icon cleanup, rename `iconContainer` to `iconButton`.
-  const iconContainer = isExperimentEnabled('platform_editor_vc90_transition_expand_icon') ? expand.querySelector(`.${expandClassNames.iconButton}`) : expand.querySelector(`.${expandClassNames.iconContainer}`);
+  const iconContainer = expand.querySelector(`.${expandClassNames.iconContainer}`);
   if (iconContainer && iconContainer.focus) {
     const {
       tr

package/dist/es2019/singlePlayerExpand/node-views/index.js

@@ -15,7 +15,6 @@ import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-e
 import { redo } from '@atlaskit/prosemirror-history/redo';
 import { undo } from '@atlaskit/prosemirror-history/undo';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { renderExpandButton } from '../../ui/renderExpandButton';
 import { deleteExpand, setSelectionInsideExpand, toggleExpandExpanded, updateExpandTitle } from '../commands';
 import { ExpandButton } from '../ui/ExpandButton';
 import { buildExpandClassName, getExpandBodyAriaLabel, toDOM } from '../ui/NodeView';
@@ -529,11 +528,7 @@ export class ExpandNodeView {
     applyContentVisibility(this.dom, this.isLimitedModeEnabled(), () => ({
       height: estimateExpandIntrinsicHeight(this.node, !isExpandCollapsed(this.node))
     }));
-    if (isExperimentEnabled('platform_editor_vc90_transition_expand_icon')) {
-      this.renderNativeIcon(this.node);
-    } else {
-      this.renderIcon(this.icon, !isExpandCollapsed(this.node));
-    }
+    this.renderIcon(this.icon, !isExpandCollapsed(this.node));
     if (!this.input || !this.titleContainer || !this.icon) {
       return;
     }
@@ -649,17 +644,13 @@ export class ExpandNodeView {
   updateExpandToggleIcon(node) {
     const expanded = expandedState.get(node) ? expandedState.get(node) : false;
     if (this.dom && expanded !== undefined) {
+      var _this$icon, _expandedState$get3;
       const classes = this.dom.className.split(' ');
       // find & replace styles might be applied to the expand title and we need to keep them
       const findReplaceDecorationsApplied = classes.filter(className => findReplaceExpandDecorations.includes(className)).join(' ');
       this.dom.className = findReplaceDecorationsApplied ? buildExpandClassName(node.type.name, expanded) + ` ${findReplaceDecorationsApplied}` : buildExpandClassName(node.type.name, expanded);
       // Re-render the icon to update the aria-expanded attribute
-      if (isExperimentEnabled('platform_editor_vc90_transition_expand_icon')) {
-        this.renderNativeIcon(node);
-      } else {
-        var _expandedState$get3;
-        this.renderIcon(this.icon ? this.icon : null, (_expandedState$get3 = expandedState.get(node)) !== null && _expandedState$get3 !== void 0 ? _expandedState$get3 : false);
-      }
+      this.renderIcon((_this$icon = this.icon) !== null && _this$icon !== void 0 ? _this$icon : null, (_expandedState$get3 = expandedState.get(node)) !== null && _expandedState$get3 !== void 0 ? _expandedState$get3 : false);
     }
     this.updateExpandBodyContentEditable();
     this.isExpanded = {
@@ -695,16 +686,6 @@ export class ExpandNodeView {
       this.content.setAttribute('contenteditable', this.getContentEditable(this.node) ? 'true' : 'false');
     }
   }
-  renderNativeIcon(node) {
-    if (!this.icon) {
-      return;
-    }
-    renderExpandButton(this.icon, {
-      expanded: !isExpandCollapsed(node),
-      allowInteractiveExpand: this.allowInteractiveExpand,
-      intl: this.intl
-    });
-  }
   destroy() {
     var _this$decorationClean2;
     if (!this.dom || !this.input || !this.titleContainer || !this.icon) {

package/dist/esm/legacyExpand/commands.js

@@ -10,7 +10,6 @@ import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { isNestedInExpand } from '../utils';
 import { createCommand } from './pm-plugins/plugin-factory';
 export var setExpandRef = function setExpandRef(ref) {
@@ -200,9 +199,7 @@ export var focusIcon = function focusIcon(expand) {
     if (!(expand instanceof HTMLElement)) {
       return false;
     }
-
-    // TODO: ED-29205 - During platform_editor_vc90_transition_expand_icon cleanup, rename `iconContainer` to `iconButton`.
-    var iconContainer = isExperimentEnabled('platform_editor_vc90_transition_expand_icon') ? expand.querySelector(".".concat(expandClassNames.iconButton)) : expand.querySelector(".".concat(expandClassNames.iconContainer));
+    var iconContainer = expand.querySelector(".".concat(expandClassNames.iconContainer));
     if (iconContainer && iconContainer.focus) {
       var tr = state.tr;
       var pos = state.selection.from;

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

@@ -20,7 +20,6 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { redo } from '@atlaskit/prosemirror-history/redo';
 import { undo } from '@atlaskit/prosemirror-history/undo';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { renderExpandButton } from '../../ui/renderExpandButton';
 import { deleteExpandAtPos, setSelectionInsideExpand, toggleExpandExpanded, updateExpandTitle } from '../commands';
 import { ExpandIconButton } from '../ui/ExpandIconButton';
 function buildExpandClassName(type, expanded) {
@@ -559,11 +558,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     });
     // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = uuid();
-    if (isExperimentEnabled('platform_editor_vc90_transition_expand_icon')) {
-      this.renderNativeIcon(this.node);
-    } else {
-      this.renderIcon(this.intl);
-    }
+    this.renderIcon(this.intl);
     this.initHandlers();
   }
   return _createClass(ExpandNodeView, [{
@@ -612,19 +607,6 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         });
       }
     }
-  }, {
-    key: "renderNativeIcon",
-    value: function renderNativeIcon(node) {
-      if (!this.icon) {
-        return;
-      }
-      var __expanded = node.attrs.__expanded;
-      renderExpandButton(this.icon, {
-        expanded: this.__livePage ? !__expanded : __expanded,
-        allowInteractiveExpand: this.allowInteractiveExpand,
-        intl: this.intl
-      });
-    }
   }, {
     key: "renderIcon",
     value: function renderIcon(intl, node) {
@@ -712,11 +694,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           // we toggle a class name to hide the content and animate the chevron.
           if (this.dom) {
             this.dom.classList.toggle(expandClassNames.expanded);
-            if (isExperimentEnabled('platform_editor_vc90_transition_expand_icon')) {
-              this.renderNativeIcon(node);
-            } else {
-              this.renderIcon(this && this.intl, node);
-            }
+            this.renderIcon(this.intl, node);
           }
           if (this.content) {
             // Disallow interaction/selection inside when collapsed.

package/dist/esm/singlePlayerExpand/commands.js

@@ -15,7 +15,6 @@ import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isNestedInExpand } from '../utils';
 
@@ -240,9 +239,7 @@ export var focusIcon = function focusIcon(expand) {
     if (!(expand instanceof HTMLElement)) {
       return false;
     }
-
-    // TODO: ED-29205 - During platform_editor_vc90_transition_expand_icon cleanup, rename `iconContainer` to `iconButton`.
-    var iconContainer = isExperimentEnabled('platform_editor_vc90_transition_expand_icon') ? expand.querySelector(".".concat(expandClassNames.iconButton)) : expand.querySelector(".".concat(expandClassNames.iconContainer));
+    var iconContainer = expand.querySelector(".".concat(expandClassNames.iconContainer));
     if (iconContainer && iconContainer.focus) {
       var tr = state.tr;
       var pos = state.selection.from;

package/dist/esm/singlePlayerExpand/node-views/index.js

@@ -17,7 +17,6 @@ import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-e
 import { redo } from '@atlaskit/prosemirror-history/redo';
 import { undo } from '@atlaskit/prosemirror-history/undo';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { renderExpandButton } from '../../ui/renderExpandButton';
 import { deleteExpand, setSelectionInsideExpand, toggleExpandExpanded, updateExpandTitle } from '../commands';
 import { ExpandButton } from '../ui/ExpandButton';
 import { buildExpandClassName, getExpandBodyAriaLabel, toDOM } from '../ui/NodeView';
@@ -520,11 +519,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         height: estimateExpandIntrinsicHeight(_this.node, !isExpandCollapsed(_this.node))
       };
     });
-    if (isExperimentEnabled('platform_editor_vc90_transition_expand_icon')) {
-      this.renderNativeIcon(this.node);
-    } else {
-      this.renderIcon(this.icon, !isExpandCollapsed(this.node));
-    }
+    this.renderIcon(this.icon, !isExpandCollapsed(this.node));
     if (!this.input || !this.titleContainer || !this.icon) {
       return;
     }
@@ -651,6 +646,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     value: function updateExpandToggleIcon(node) {
       var expanded = expandedState.get(node) ? expandedState.get(node) : false;
       if (this.dom && expanded !== undefined) {
+        var _this$icon, _expandedState$get3;
         var classes = this.dom.className.split(' ');
         // find & replace styles might be applied to the expand title and we need to keep them
         var findReplaceDecorationsApplied = classes.filter(function (className) {
@@ -658,12 +654,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         }).join(' ');
         this.dom.className = findReplaceDecorationsApplied ? buildExpandClassName(node.type.name, expanded) + " ".concat(findReplaceDecorationsApplied) : buildExpandClassName(node.type.name, expanded);
         // Re-render the icon to update the aria-expanded attribute
-        if (isExperimentEnabled('platform_editor_vc90_transition_expand_icon')) {
-          this.renderNativeIcon(node);
-        } else {
-          var _expandedState$get3;
-          this.renderIcon(this.icon ? this.icon : null, (_expandedState$get3 = expandedState.get(node)) !== null && _expandedState$get3 !== void 0 ? _expandedState$get3 : false);
-        }
+        this.renderIcon((_this$icon = this.icon) !== null && _this$icon !== void 0 ? _this$icon : null, (_expandedState$get3 = expandedState.get(node)) !== null && _expandedState$get3 !== void 0 ? _expandedState$get3 : false);
       }
       this.updateExpandBodyContentEditable();
       this.isExpanded = {
@@ -707,18 +698,6 @@ export var ExpandNodeView = /*#__PURE__*/function () {
         this.content.setAttribute('contenteditable', this.getContentEditable(this.node) ? 'true' : 'false');
       }
     }
-  }, {
-    key: "renderNativeIcon",
-    value: function renderNativeIcon(node) {
-      if (!this.icon) {
-        return;
-      }
-      renderExpandButton(this.icon, {
-        expanded: !isExpandCollapsed(node),
-        allowInteractiveExpand: this.allowInteractiveExpand,
-        intl: this.intl
-      });
-    }
   }, {
     key: "destroy",
     value: function destroy() {

package/dist/types/legacyExpand/nodeviews/index.d.ts

@@ -30,7 +30,6 @@ export declare class ExpandNodeView implements NodeView {
     private initHandlers;
     private focusTitle;
     private handleIconKeyDown;
-    private renderNativeIcon;
     private renderIcon;
     private handleClick;
     private handleInput;

package/dist/types/singlePlayerExpand/node-views/index.d.ts

@@ -60,7 +60,6 @@ export declare class ExpandNodeView implements NodeView {
     private isLimitedModeEnabled;
     private updateDisplayStyle;
     updateExpandBodyContentEditable(): void;
-    private renderNativeIcon;
     renderIcon: (icon: HTMLElement | null, expanded: boolean) => void;
     destroy(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-expand",
-	"version": "23.0.0",
+	"version": "23.0.2",
 	"description": "Expand plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -42,9 +42,9 @@
 		"@atlaskit/icon-lab": "^7.10.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
-		"@atlaskit/prosemirror-history": "^1.2.0",
-		"@atlaskit/tmp-editor-statsig": "^209.0.0",
-		"@atlaskit/tokens": "^20.0.0",
+		"@atlaskit/prosemirror-history": "^1.3.0",
+		"@atlaskit/tmp-editor-statsig": "^211.0.0",
+		"@atlaskit/tokens": "^20.1.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -52,7 +52,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^126.0.0",
+		"@atlaskit/editor-common": "^126.1.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"

package/dist/cjs/ui/renderExpandButton.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderExpandButton = renderExpandButton;
-var _styles = require("@atlaskit/editor-common/styles");
-var _ui = require("@atlaskit/editor-common/ui");
-/**
- * Renders or updates the expand/collapse button inside the provided container element.
- *
- * @param container - The HTML element that will contain the expand/collapse button.
- * @param buttonProps - Properties for configuring the button's behavior and appearance.
- */
-function renderExpandButton(container, buttonProps) {
-  var allowInteractiveExpand = buttonProps.allowInteractiveExpand,
-    expanded = buttonProps.expanded,
-    intl = buttonProps.intl;
-
-  // Update existing button attributes
-  var label = intl.formatMessage(expanded ? _ui.expandMessages.collapseNode : _ui.expandMessages.expandNode);
-  var existingButton = container.querySelector(".".concat(_styles.expandClassNames.iconButton));
-  if (existingButton) {
-    existingButton.setAttribute('aria-label', label);
-    existingButton.setAttribute('aria-expanded', String(expanded));
-    if (allowInteractiveExpand) {
-      existingButton.setAttribute('title', label);
-      existingButton.removeAttribute('disabled');
-    } else {
-      existingButton.removeAttribute('title');
-      existingButton.setAttribute('disabled', 'true');
-    }
-  } else {
-    var doc = container.ownerDocument;
-    if (!doc) {
-      return;
-    }
-    var button = doc.createElement('button');
-    button.className = _styles.expandClassNames.iconButton;
-    button.setAttribute('aria-label', label);
-    button.setAttribute('aria-expanded', String(expanded));
-    if (allowInteractiveExpand) {
-      button.setAttribute('title', label);
-    } else {
-      button.setAttribute('disabled', 'true');
-    }
-    container.appendChild(button);
-    var svgIcon = doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svgIcon.setAttribute('class', _styles.expandClassNames.iconSvg);
-    svgIcon.setAttribute('width', '12');
-    svgIcon.setAttribute('height', '12');
-    svgIcon.setAttribute('viewBox', '0 0 16 16');
-    svgIcon.setAttribute('role', 'presentation');
-    var path = doc.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttribute('fill', 'currentcolor');
-    path.setAttribute('d', 'm6.03 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L10.44 8 4.97 2.53z');
-    svgIcon.appendChild(path);
-    button.appendChild(svgIcon);
-  }
-}

package/dist/es2019/ui/renderExpandButton.js

@@ -1,56 +0,0 @@
-import { expandClassNames } from '@atlaskit/editor-common/styles';
-import { expandMessages } from '@atlaskit/editor-common/ui';
-/**
- * Renders or updates the expand/collapse button inside the provided container element.
- *
- * @param container - The HTML element that will contain the expand/collapse button.
- * @param buttonProps - Properties for configuring the button's behavior and appearance.
- */
-export function renderExpandButton(container, buttonProps) {
-  const {
-    allowInteractiveExpand,
-    expanded,
-    intl
-  } = buttonProps;
-
-  // Update existing button attributes
-  const label = intl.formatMessage(expanded ? expandMessages.collapseNode : expandMessages.expandNode);
-  const existingButton = container.querySelector(`.${expandClassNames.iconButton}`);
-  if (existingButton) {
-    existingButton.setAttribute('aria-label', label);
-    existingButton.setAttribute('aria-expanded', String(expanded));
-    if (allowInteractiveExpand) {
-      existingButton.setAttribute('title', label);
-      existingButton.removeAttribute('disabled');
-    } else {
-      existingButton.removeAttribute('title');
-      existingButton.setAttribute('disabled', 'true');
-    }
-  } else {
-    const doc = container.ownerDocument;
-    if (!doc) {
-      return;
-    }
-    const button = doc.createElement('button');
-    button.className = expandClassNames.iconButton;
-    button.setAttribute('aria-label', label);
-    button.setAttribute('aria-expanded', String(expanded));
-    if (allowInteractiveExpand) {
-      button.setAttribute('title', label);
-    } else {
-      button.setAttribute('disabled', 'true');
-    }
-    container.appendChild(button);
-    const svgIcon = doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svgIcon.setAttribute('class', expandClassNames.iconSvg);
-    svgIcon.setAttribute('width', '12');
-    svgIcon.setAttribute('height', '12');
-    svgIcon.setAttribute('viewBox', '0 0 16 16');
-    svgIcon.setAttribute('role', 'presentation');
-    const path = doc.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttribute('fill', 'currentcolor');
-    path.setAttribute('d', 'm6.03 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L10.44 8 4.97 2.53z');
-    svgIcon.appendChild(path);
-    button.appendChild(svgIcon);
-  }
-}

package/dist/esm/ui/renderExpandButton.js

@@ -1,54 +0,0 @@
-import { expandClassNames } from '@atlaskit/editor-common/styles';
-import { expandMessages } from '@atlaskit/editor-common/ui';
-/**
- * Renders or updates the expand/collapse button inside the provided container element.
- *
- * @param container - The HTML element that will contain the expand/collapse button.
- * @param buttonProps - Properties for configuring the button's behavior and appearance.
- */
-export function renderExpandButton(container, buttonProps) {
-  var allowInteractiveExpand = buttonProps.allowInteractiveExpand,
-    expanded = buttonProps.expanded,
-    intl = buttonProps.intl;
-
-  // Update existing button attributes
-  var label = intl.formatMessage(expanded ? expandMessages.collapseNode : expandMessages.expandNode);
-  var existingButton = container.querySelector(".".concat(expandClassNames.iconButton));
-  if (existingButton) {
-    existingButton.setAttribute('aria-label', label);
-    existingButton.setAttribute('aria-expanded', String(expanded));
-    if (allowInteractiveExpand) {
-      existingButton.setAttribute('title', label);
-      existingButton.removeAttribute('disabled');
-    } else {
-      existingButton.removeAttribute('title');
-      existingButton.setAttribute('disabled', 'true');
-    }
-  } else {
-    var doc = container.ownerDocument;
-    if (!doc) {
-      return;
-    }
-    var button = doc.createElement('button');
-    button.className = expandClassNames.iconButton;
-    button.setAttribute('aria-label', label);
-    button.setAttribute('aria-expanded', String(expanded));
-    if (allowInteractiveExpand) {
-      button.setAttribute('title', label);
-    } else {
-      button.setAttribute('disabled', 'true');
-    }
-    container.appendChild(button);
-    var svgIcon = doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svgIcon.setAttribute('class', expandClassNames.iconSvg);
-    svgIcon.setAttribute('width', '12');
-    svgIcon.setAttribute('height', '12');
-    svgIcon.setAttribute('viewBox', '0 0 16 16');
-    svgIcon.setAttribute('role', 'presentation');
-    var path = doc.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttribute('fill', 'currentcolor');
-    path.setAttribute('d', 'm6.03 1.47 6 6a.75.75 0 0 1 .052 1.004l-.052.056-6 6-1.06-1.06L10.44 8 4.97 2.53z');
-    svgIcon.appendChild(path);
-    button.appendChild(svgIcon);
-  }
-}

package/dist/types/ui/renderExpandButton.d.ts

@@ -1,17 +0,0 @@
-import type { IntlShape } from 'react-intl';
-interface ButtonProps {
-    /** Indicates whether interactive expand is allowed */
-    allowInteractiveExpand: boolean;
-    /** Indicates whether the expand is currently expanded */
-    expanded: boolean;
-    /** Internationalization object for formatting messages */
-    intl: IntlShape;
-}
-/**
- * Renders or updates the expand/collapse button inside the provided container element.
- *
- * @param container - The HTML element that will contain the expand/collapse button.
- * @param buttonProps - Properties for configuring the button's behavior and appearance.
- */
-export declare function renderExpandButton(container: HTMLElement, buttonProps: ButtonProps): void;
-export {};