@atlaskit/editor-plugin-breakout 3.1.12 → 3.1.13

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-breakout
 
+## 3.1.13
+
+### Patch Changes
+
+- [`a118c054692f3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a118c054692f3) -
+  PR to cleanup platform_editor_usesharedpluginstatewithselector for breakout
+
 ## 3.1.12
 
 ### Patch Changes

package/dist/cjs/breakoutPlugin.js

@@ -122,7 +122,12 @@ function createPlugin(api, _ref, appearance) {
     }
   });
 }
-var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
+  var api = _ref2.api,
+    editorView = _ref2.editorView,
+    boundariesElement = _ref2.boundariesElement,
+    scrollableElement = _ref2.scrollableElement,
+    mountPoint = _ref2.mountPoint;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode', 'editorDisabled', 'blockControls'], function (states) {
       var _states$blockControls, _states$blockControls2, _states$editorViewMod, _states$editorDisable;
       return {
@@ -136,41 +141,6 @@ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (
     isDragging = _useSharedPluginState.isDragging,
     isPMDragging = _useSharedPluginState.isPMDragging,
     mode = _useSharedPluginState.mode;
-  return {
-    breakoutNode: undefined,
-    isDragging: isDragging,
-    isPMDragging: isPMDragging,
-    mode: mode,
-    editorDisabled: editorDisabled
-  };
-}, function (api) {
-  // Re-render with `width` (but don't use state) due to https://bitbucket.org/atlassian/%7Bc8e2f021-38d2-46d0-9b7a-b3f7b428f724%7D/pull-requests/24272
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['width', 'breakout', 'editorViewMode', 'editorDisabled', 'blockControls']),
-    breakoutState = _useSharedPluginState2.breakoutState,
-    editorViewModeState = _useSharedPluginState2.editorViewModeState,
-    editorDisabledState = _useSharedPluginState2.editorDisabledState,
-    blockControlsState = _useSharedPluginState2.blockControlsState;
-  return {
-    breakoutNode: breakoutState === null || breakoutState === void 0 ? void 0 : breakoutState.breakoutNode,
-    isDragging: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isDragging,
-    isPMDragging: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isPMDragging,
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
-    editorDisabled: editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled
-  };
-});
-var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
-  var _breakoutNode$node;
-  var api = _ref2.api,
-    editorView = _ref2.editorView,
-    boundariesElement = _ref2.boundariesElement,
-    scrollableElement = _ref2.scrollableElement,
-    mountPoint = _ref2.mountPoint;
-  var _useSharedState = useSharedState(api),
-    breakoutNode = _useSharedState.breakoutNode,
-    isDragging = _useSharedState.isDragging,
-    isPMDragging = _useSharedState.isPMDragging,
-    mode = _useSharedState.mode,
-    editorDisabled = _useSharedState.editorDisabled;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     breakoutNodePresent = _useState2[0],
@@ -208,7 +178,6 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
     mountPoint: mountPoint,
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement,
-    node: (_breakoutNode$node = breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node) !== null && _breakoutNode$node !== void 0 ? _breakoutNode$node : null,
     isLivePage: isEditMode,
     isBreakoutNodePresent: breakoutNodePresent,
     breakoutMode: breakoutMode,

package/dist/cjs/ui/LayoutButton.js

@@ -23,12 +23,10 @@ var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/coll
 var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _removeBreakout = require("../editor-commands/remove-breakout");
 var _setBreakoutMode = require("../editor-commands/set-breakout-mode");
 var _pluginKey = require("../pm-plugins/plugin-key");
-var _getBreakoutMode = require("../pm-plugins/utils/get-breakout-mode");
 var _isBreakoutMarkAllowed = require("../pm-plugins/utils/is-breakout-mark-allowed");
 var _isSupportedNode = require("../pm-plugins/utils/is-supported-node");
 /**
@@ -78,14 +76,15 @@ var LayoutButton = function LayoutButton(_ref) {
     boundariesElement = _ref.boundariesElement,
     scrollableElement = _ref.scrollableElement,
     editorView = _ref.editorView,
-    node = _ref.node,
     isLivePage = _ref.isLivePage,
     isBreakoutNodePresent = _ref.isBreakoutNodePresent,
     breakoutModeProp = _ref.breakoutMode,
     api = _ref.api;
   var handleClick = (0, _react.useCallback)(function (breakoutMode) {
+    var _getPluginState;
     var state = editorView.state,
       dispatch = editorView.dispatch;
+    var breakoutNode = (_getPluginState = (0, _pluginKey.getPluginState)(state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.breakoutNode;
     if (['wide', 'full-width'].indexOf(breakoutMode) !== -1) {
       var _api$analytics;
       (0, _setBreakoutMode.setBreakoutMode)(breakoutMode, isLivePage)(state, dispatch);
@@ -95,7 +94,7 @@ var LayoutButton = function LayoutButton(_ref) {
         eventType: _analytics.EVENT_TYPE.TRACK,
         attributes: {
           mode: breakoutMode,
-          nodeType: node === null || node === void 0 ? void 0 : node.type.name
+          nodeType: breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node.type.name
         }
       });
     } else {
@@ -107,17 +106,16 @@ var LayoutButton = function LayoutButton(_ref) {
         eventType: _analytics.EVENT_TYPE.TRACK,
         attributes: {
           mode: 'center',
-          nodeType: node === null || node === void 0 ? void 0 : node.type.name
+          nodeType: breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node.type.name
         }
       });
     }
-  }, [api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage, node === null || node === void 0 ? void 0 : node.type.name]);
+  }, [api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage]);
   var state = editorView.state;
-  var exitCondition = (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true) ? !isBreakoutNodePresent : !node;
-  if (exitCondition || !(0, _isBreakoutMarkAllowed.isBreakoutMarkAllowed)(state)) {
+  if (!isBreakoutNodePresent || !(0, _isBreakoutMarkAllowed.isBreakoutMarkAllowed)(state)) {
     return null;
   }
-  var breakoutMode = (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true) ? breakoutModeProp : (0, _getBreakoutMode.getBreakoutMode)(editorView.state);
+  var breakoutMode = breakoutModeProp;
   var titleMessage = (0, _utils.getTitle)(breakoutMode);
   var title = formatMessage(titleMessage);
   var nextBreakoutMode = (0, _utils.getNextBreakoutMode)(breakoutMode);

package/dist/es2019/breakoutPlugin.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { breakout } from '@atlaskit/adf-schema';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
 import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
@@ -110,7 +110,13 @@ function createPlugin(api, {
     }
   });
 }
-const useSharedState = sharedPluginStateHookMigratorFactory(api => {
+const LayoutButtonWrapper = ({
+  api,
+  editorView,
+  boundariesElement,
+  scrollableElement,
+  mountPoint
+}) => {
   const {
     editorDisabled,
     isDragging,
@@ -125,44 +131,6 @@ const useSharedState = sharedPluginStateHookMigratorFactory(api => {
       editorDisabled: (_states$editorDisable = states.editorDisabledState) === null || _states$editorDisable === void 0 ? void 0 : _states$editorDisable.editorDisabled
     };
   });
-  return {
-    breakoutNode: undefined,
-    isDragging,
-    isPMDragging,
-    mode,
-    editorDisabled
-  };
-}, api => {
-  // Re-render with `width` (but don't use state) due to https://bitbucket.org/atlassian/%7Bc8e2f021-38d2-46d0-9b7a-b3f7b428f724%7D/pull-requests/24272
-  const {
-    breakoutState,
-    editorViewModeState,
-    editorDisabledState,
-    blockControlsState
-  } = useSharedPluginState(api, ['width', 'breakout', 'editorViewMode', 'editorDisabled', 'blockControls']);
-  return {
-    breakoutNode: breakoutState === null || breakoutState === void 0 ? void 0 : breakoutState.breakoutNode,
-    isDragging: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isDragging,
-    isPMDragging: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isPMDragging,
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
-    editorDisabled: editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled
-  };
-});
-const LayoutButtonWrapper = ({
-  api,
-  editorView,
-  boundariesElement,
-  scrollableElement,
-  mountPoint
-}) => {
-  var _breakoutNode$node;
-  const {
-    breakoutNode,
-    isDragging,
-    isPMDragging,
-    mode,
-    editorDisabled
-  } = useSharedState(api);
   const [breakoutNodePresent, setBreakoutNodePresent] = useState(false);
   const [breakoutMode, setBreakoutMode] = useState(getBreakoutMode(editorView.state));
   usePluginStateEffect(api, ['breakout'], ({
@@ -195,7 +163,6 @@ const LayoutButtonWrapper = ({
     mountPoint: mountPoint,
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement,
-    node: (_breakoutNode$node = breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node) !== null && _breakoutNode$node !== void 0 ? _breakoutNode$node : null,
     isLivePage: isEditMode,
     isBreakoutNodePresent: breakoutNodePresent,
     breakoutMode: breakoutMode,

package/dist/es2019/ui/LayoutButton.js

@@ -21,12 +21,10 @@ import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { removeBreakout } from '../editor-commands/remove-breakout';
 import { setBreakoutMode } from '../editor-commands/set-breakout-mode';
 import { getPluginState } from '../pm-plugins/plugin-key';
-import { getBreakoutMode } from '../pm-plugins/utils/get-breakout-mode';
 import { isBreakoutMarkAllowed } from '../pm-plugins/utils/is-breakout-mark-allowed';
 import { isSupportedNodeForBreakout } from '../pm-plugins/utils/is-supported-node';
 const toolbarButtonWrapperStyles = css({
@@ -73,7 +71,6 @@ const LayoutButton = ({
   boundariesElement,
   scrollableElement,
   editorView,
-  node,
   isLivePage,
   isBreakoutNodePresent,
   breakoutMode: breakoutModeProp,
@@ -81,10 +78,12 @@ const LayoutButton = ({
 }) => {
   var _api$analytics3;
   const handleClick = useCallback(breakoutMode => {
+    var _getPluginState;
     const {
       state,
       dispatch
     } = editorView;
+    const breakoutNode = (_getPluginState = getPluginState(state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.breakoutNode;
     if (['wide', 'full-width'].indexOf(breakoutMode) !== -1) {
       var _api$analytics;
       setBreakoutMode(breakoutMode, isLivePage)(state, dispatch);
@@ -94,7 +93,7 @@ const LayoutButton = ({
         eventType: EVENT_TYPE.TRACK,
         attributes: {
           mode: breakoutMode,
-          nodeType: node === null || node === void 0 ? void 0 : node.type.name
+          nodeType: breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node.type.name
         }
       });
     } else {
@@ -106,19 +105,18 @@ const LayoutButton = ({
         eventType: EVENT_TYPE.TRACK,
         attributes: {
           mode: 'center',
-          nodeType: node === null || node === void 0 ? void 0 : node.type.name
+          nodeType: breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node.type.name
         }
       });
     }
-  }, [api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage, node === null || node === void 0 ? void 0 : node.type.name]);
+  }, [api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage]);
   const {
     state
   } = editorView;
-  const exitCondition = expValEquals('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true) ? !isBreakoutNodePresent : !node;
-  if (exitCondition || !isBreakoutMarkAllowed(state)) {
+  if (!isBreakoutNodePresent || !isBreakoutMarkAllowed(state)) {
     return null;
   }
-  const breakoutMode = expValEquals('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true) ? breakoutModeProp : getBreakoutMode(editorView.state);
+  const breakoutMode = breakoutModeProp;
   const titleMessage = getTitle(breakoutMode);
   const title = formatMessage(titleMessage);
   const nextBreakoutMode = getNextBreakoutMode(breakoutMode);

package/dist/esm/breakoutPlugin.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useState } from 'react';
 import { breakout } from '@atlaskit/adf-schema';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
 import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
@@ -113,7 +113,12 @@ function createPlugin(api, _ref, appearance) {
     }
   });
 }
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
+var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
+  var api = _ref2.api,
+    editorView = _ref2.editorView,
+    boundariesElement = _ref2.boundariesElement,
+    scrollableElement = _ref2.scrollableElement,
+    mountPoint = _ref2.mountPoint;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode', 'editorDisabled', 'blockControls'], function (states) {
       var _states$blockControls, _states$blockControls2, _states$editorViewMod, _states$editorDisable;
       return {
@@ -127,41 +132,6 @@ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
     isDragging = _useSharedPluginState.isDragging,
     isPMDragging = _useSharedPluginState.isPMDragging,
     mode = _useSharedPluginState.mode;
-  return {
-    breakoutNode: undefined,
-    isDragging: isDragging,
-    isPMDragging: isPMDragging,
-    mode: mode,
-    editorDisabled: editorDisabled
-  };
-}, function (api) {
-  // Re-render with `width` (but don't use state) due to https://bitbucket.org/atlassian/%7Bc8e2f021-38d2-46d0-9b7a-b3f7b428f724%7D/pull-requests/24272
-  var _useSharedPluginState2 = useSharedPluginState(api, ['width', 'breakout', 'editorViewMode', 'editorDisabled', 'blockControls']),
-    breakoutState = _useSharedPluginState2.breakoutState,
-    editorViewModeState = _useSharedPluginState2.editorViewModeState,
-    editorDisabledState = _useSharedPluginState2.editorDisabledState,
-    blockControlsState = _useSharedPluginState2.blockControlsState;
-  return {
-    breakoutNode: breakoutState === null || breakoutState === void 0 ? void 0 : breakoutState.breakoutNode,
-    isDragging: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isDragging,
-    isPMDragging: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isPMDragging,
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode,
-    editorDisabled: editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled
-  };
-});
-var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
-  var _breakoutNode$node;
-  var api = _ref2.api,
-    editorView = _ref2.editorView,
-    boundariesElement = _ref2.boundariesElement,
-    scrollableElement = _ref2.scrollableElement,
-    mountPoint = _ref2.mountPoint;
-  var _useSharedState = useSharedState(api),
-    breakoutNode = _useSharedState.breakoutNode,
-    isDragging = _useSharedState.isDragging,
-    isPMDragging = _useSharedState.isPMDragging,
-    mode = _useSharedState.mode,
-    editorDisabled = _useSharedState.editorDisabled;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     breakoutNodePresent = _useState2[0],
@@ -199,7 +169,6 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
     mountPoint: mountPoint,
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement,
-    node: (_breakoutNode$node = breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node) !== null && _breakoutNode$node !== void 0 ? _breakoutNode$node : null,
     isLivePage: isEditMode,
     isBreakoutNodePresent: breakoutNodePresent,
     breakoutMode: breakoutMode,

package/dist/esm/ui/LayoutButton.js

@@ -22,12 +22,10 @@ import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { removeBreakout } from '../editor-commands/remove-breakout';
 import { setBreakoutMode } from '../editor-commands/set-breakout-mode';
 import { getPluginState } from '../pm-plugins/plugin-key';
-import { getBreakoutMode } from '../pm-plugins/utils/get-breakout-mode';
 import { isBreakoutMarkAllowed } from '../pm-plugins/utils/is-breakout-mark-allowed';
 import { isSupportedNodeForBreakout } from '../pm-plugins/utils/is-supported-node';
 var toolbarButtonWrapperStyles = css({
@@ -70,14 +68,15 @@ var LayoutButton = function LayoutButton(_ref) {
     boundariesElement = _ref.boundariesElement,
     scrollableElement = _ref.scrollableElement,
     editorView = _ref.editorView,
-    node = _ref.node,
     isLivePage = _ref.isLivePage,
     isBreakoutNodePresent = _ref.isBreakoutNodePresent,
     breakoutModeProp = _ref.breakoutMode,
     api = _ref.api;
   var handleClick = useCallback(function (breakoutMode) {
+    var _getPluginState;
     var state = editorView.state,
       dispatch = editorView.dispatch;
+    var breakoutNode = (_getPluginState = getPluginState(state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.breakoutNode;
     if (['wide', 'full-width'].indexOf(breakoutMode) !== -1) {
       var _api$analytics;
       setBreakoutMode(breakoutMode, isLivePage)(state, dispatch);
@@ -87,7 +86,7 @@ var LayoutButton = function LayoutButton(_ref) {
         eventType: EVENT_TYPE.TRACK,
         attributes: {
           mode: breakoutMode,
-          nodeType: node === null || node === void 0 ? void 0 : node.type.name
+          nodeType: breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node.type.name
         }
       });
     } else {
@@ -99,17 +98,16 @@ var LayoutButton = function LayoutButton(_ref) {
         eventType: EVENT_TYPE.TRACK,
         attributes: {
           mode: 'center',
-          nodeType: node === null || node === void 0 ? void 0 : node.type.name
+          nodeType: breakoutNode === null || breakoutNode === void 0 ? void 0 : breakoutNode.node.type.name
         }
       });
     }
-  }, [api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage, node === null || node === void 0 ? void 0 : node.type.name]);
+  }, [api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, editorView, isLivePage]);
   var state = editorView.state;
-  var exitCondition = expValEquals('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true) ? !isBreakoutNodePresent : !node;
-  if (exitCondition || !isBreakoutMarkAllowed(state)) {
+  if (!isBreakoutNodePresent || !isBreakoutMarkAllowed(state)) {
     return null;
   }
-  var breakoutMode = expValEquals('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true) ? breakoutModeProp : getBreakoutMode(editorView.state);
+  var breakoutMode = breakoutModeProp;
   var titleMessage = getTitle(breakoutMode);
   var title = formatMessage(titleMessage);
   var nextBreakoutMode = getNextBreakoutMode(breakoutMode);

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

@@ -1,6 +1,5 @@
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { BreakoutMode, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BreakoutPlugin } from '../breakoutPluginType';
 export interface Props {
@@ -12,7 +11,6 @@ export interface Props {
     isBreakoutNodePresent: boolean;
     isLivePage?: boolean;
     mountPoint?: HTMLElement;
-    node: PMNode | null;
     scrollableElement?: HTMLElement;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {

package/dist/types-ts4.5/ui/LayoutButton.d.ts

@@ -1,6 +1,5 @@
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { BreakoutMode, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BreakoutPlugin } from '../breakoutPluginType';
 export interface Props {
@@ -12,7 +11,6 @@ export interface Props {
     isBreakoutNodePresent: boolean;
     isLivePage?: boolean;
     mountPoint?: HTMLElement;
-    node: PMNode | null;
     scrollableElement?: HTMLElement;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-breakout",
-	"version": "3.1.12",
+	"version": "3.1.13",
 	"description": "Breakout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.9.0",
+		"@atlaskit/tmp-editor-statsig": "^11.12.0",
 		"@atlaskit/tokens": "^6.1.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -53,7 +53,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.33.0",
+		"@atlaskit/editor-common": "^107.35.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"