@atlaskit/editor-plugin-breakout 6.0.1 → 6.0.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-breakout
 
+## 6.0.2
+
+### Patch Changes
+
+- [`d24d26320c940`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d24d26320c940) -
+  FD-100510 clean up fg platform_editor_breakout_resizing_hello_release
+- Updated dependencies
+
 ## 6.0.1
 
 ### Patch Changes

package/dist/cjs/breakoutPlugin.js

@@ -227,7 +227,7 @@ var breakoutPlugin = exports.breakoutPlugin = function breakoutPlugin(_ref4) {
           breakoutNode: undefined
         };
       }
-      if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+      if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing', 'isEnabled', true)) {
         var resizingPluginState = _resizingPlugin.resizingPluginKey.getState(editorState);
         if (!resizingPluginState) {
           return {
@@ -253,7 +253,7 @@ var breakoutPlugin = exports.breakoutPlugin = function breakoutPlugin(_ref4) {
       if (!editorView) {
         return null;
       }
-      if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+      if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing', 'isEnabled', true)) {
         return /*#__PURE__*/_react.default.createElement(_GuidelineLabel.GuidelineLabel, {
           api: api,
           editorView: editorView,

package/dist/cjs/editor-commands/set-breakout-width.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.setBreakoutWidth = setBreakoutWidth;
 var _codeBlock = require("@atlaskit/editor-common/code-block");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _singlePlayerExpand = require("../pm-plugins/utils/single-player-expand");
 function setBreakoutWidth(width, mode, pos, isLivePage) {
   return function (state, dispatch) {
@@ -32,12 +31,10 @@ function setBreakoutWidth(width, mode, pos, isLivePage) {
         (0, _codeBlock.transferCodeBlockWrappedValue)(oldNode, newNode);
       }
     }
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-      tr.setMeta('scrollIntoView', false);
-    }
+    tr.setMeta('scrollIntoView', false);
 
     // keep current selection, necessary to not remove NodeSelection for keyboard resizing
-    if (state.selection instanceof _state.NodeSelection && state.selection.node.eq(node) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+    if (state.selection instanceof _state.NodeSelection && state.selection.node.eq(node)) {
       tr.setSelection(_state.NodeSelection.create(tr.doc, pos));
     }
     if (dispatch) {

package/dist/cjs/pm-plugins/get-guidelines.js

@@ -8,7 +8,6 @@ exports.getGuidelines = exports.GUIDELINE_KEYS = void 0;
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var WIDTHS = {
   MIN: _editorSharedStyles.akEditorDefaultLayoutWidth,
@@ -47,45 +46,25 @@ var getGuidelines = exports.getGuidelines = (0, _memoizeOne.default)(function (i
     }
   }
   var _ref = getEditorWidth() || {},
-    width = _ref.width,
-    lineLength = _ref.lineLength;
+    width = _ref.width;
   var padding = width && width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
   var fullWidth = width ? Math.min(WIDTHS.MAX, width - 2 * padding - _editorSharedStyles.akEditorGutterPadding) : undefined;
-  if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-    guidelines.push({
-      key: GUIDELINE_KEYS.lineLengthLeft,
-      position: {
-        x: -roundToNearest(WIDTHS.MIN / 2 + innerPaddingOffset)
-      },
-      active: newWidth === WIDTHS.MIN
-    });
-    guidelines.push({
-      key: GUIDELINE_KEYS.lineLengthRight,
-      position: {
-        x: roundToNearest(WIDTHS.MIN / 2 + innerPaddingOffset)
-      },
-      active: newWidth === WIDTHS.MIN
-    });
-  } else {
-    if (lineLength) {
-      guidelines.push({
-        key: GUIDELINE_KEYS.lineLengthLeft,
-        position: {
-          x: -roundToNearest(lineLength / 2 + innerPaddingOffset)
-        },
-        active: newWidth === lineLength
-      });
-      guidelines.push({
-        key: GUIDELINE_KEYS.lineLengthRight,
-        position: {
-          x: roundToNearest(lineLength / 2 + innerPaddingOffset)
-        },
-        active: newWidth === lineLength
-      });
-    }
-  }
+  guidelines.push({
+    key: GUIDELINE_KEYS.lineLengthLeft,
+    position: {
+      x: -roundToNearest(WIDTHS.MIN / 2 + innerPaddingOffset)
+    },
+    active: newWidth === WIDTHS.MIN
+  });
+  guidelines.push({
+    key: GUIDELINE_KEYS.lineLengthRight,
+    position: {
+      x: roundToNearest(WIDTHS.MIN / 2 + innerPaddingOffset)
+    },
+    active: newWidth === WIDTHS.MIN
+  });
   guidelines.push({
     key: GUIDELINE_KEYS.wideLeft,
     position: {

package/dist/cjs/pm-plugins/handle-key-down.js

@@ -7,7 +7,6 @@ exports.handleKeyDown = void 0;
 var _browser = require("@atlaskit/editor-common/browser");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _setBreakoutWidth = require("../editor-commands/set-breakout-width");
 var KEYBOARD_RESIZE_STEP = 10;
 var getAncestorResizableNode = function getAncestorResizableNode(view, breakoutResizableNodes) {
@@ -40,36 +39,34 @@ var getAncestorResizableNode = function getAncestorResizableNode(view, breakoutR
 };
 var handleKeyDown = exports.handleKeyDown = function handleKeyDown(api) {
   return function (view, event) {
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-      var metaKey = _browser.browser.mac ? event.metaKey : event.ctrlKey;
-      var isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
-      if (metaKey && event.altKey && isBracketKey) {
-        var _view$state$schema$no = view.state.schema.nodes,
-          expand = _view$state$schema$no.expand,
-          codeBlock = _view$state$schema$no.codeBlock,
-          layoutSection = _view$state$schema$no.layoutSection;
-        var breakoutResizableNodes = new Set([expand, codeBlock, layoutSection]);
-        var result = getAncestorResizableNode(view, breakoutResizableNodes);
-        if (result) {
-          var node = result.node,
-            pos = result.pos;
-          var breakoutMark = node === null || node === void 0 ? void 0 : node.marks.find(function (mark) {
-            return mark.type.name === 'breakout';
-          });
-          if (breakoutMark) {
-            var step = event.code === 'BracketRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP;
-            var newWidth = breakoutMark.attrs.width + step;
-            if (newWidth < _editorSharedStyles.akEditorFullWidthLayoutWidth && newWidth > _editorSharedStyles.akEditorDefaultLayoutWidth) {
-              var _api$editorViewMode;
-              var isEditMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'edit';
-              (0, _setBreakoutWidth.setBreakoutWidth)(breakoutMark.attrs.width + step, breakoutMark.attrs.mode, pos, isEditMode)(view.state, view.dispatch);
-              view.focus();
-            }
-            return true;
+    var metaKey = _browser.browser.mac ? event.metaKey : event.ctrlKey;
+    var isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
+    if (metaKey && event.altKey && isBracketKey) {
+      var _view$state$schema$no = view.state.schema.nodes,
+        expand = _view$state$schema$no.expand,
+        codeBlock = _view$state$schema$no.codeBlock,
+        layoutSection = _view$state$schema$no.layoutSection;
+      var breakoutResizableNodes = new Set([expand, codeBlock, layoutSection]);
+      var result = getAncestorResizableNode(view, breakoutResizableNodes);
+      if (result) {
+        var node = result.node,
+          pos = result.pos;
+        var breakoutMark = node === null || node === void 0 ? void 0 : node.marks.find(function (mark) {
+          return mark.type.name === 'breakout';
+        });
+        if (breakoutMark) {
+          var step = event.code === 'BracketRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP;
+          var newWidth = breakoutMark.attrs.width + step;
+          if (newWidth < _editorSharedStyles.akEditorFullWidthLayoutWidth && newWidth > _editorSharedStyles.akEditorDefaultLayoutWidth) {
+            var _api$editorViewMode;
+            var isEditMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'edit';
+            (0, _setBreakoutWidth.setBreakoutWidth)(breakoutMark.attrs.width + step, breakoutMark.attrs.mode, pos, isEditMode)(view.state, view.dispatch);
+            view.focus();
           }
+          return true;
         }
       }
-      return false;
     }
+    return false;
   };
 };

package/dist/cjs/pm-plugins/pragmatic-resizer.js

@@ -88,37 +88,26 @@ var createPragmaticResizer = exports.createPragmaticResizer = function createPra
     var thumb = document.createElement('div');
     thumb.classList.add('pm-breakout-resize-handle-thumb');
     rail.appendChild(thumb);
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-      var tooltipContainer = document.createElement('div');
-      tooltipContainer.classList.add('pm-breakout-resize-handle-rail-wrapper');
-      handle.appendChild(tooltipContainer);
-      handle.appendChild(handleHitBox);
-      var key = (0, _v.default)();
-      nodeViewPortalProviderAPI.render(function () {
-        return /*#__PURE__*/_react.default.createElement(RailWithTooltip, {
-          rail: rail,
-          target: target,
-          intl: intl
-        });
-      }, tooltipContainer, key);
-      return {
-        handle: handle,
-        rail: rail,
-        handleHitBox: handleHitBox,
-        destroyTooltip: function destroyTooltip() {
-          return nodeViewPortalProviderAPI.remove(key);
-        }
-      };
-    } else {
-      handle.appendChild(rail);
-      handle.appendChild(handleHitBox);
-      return {
-        handle: handle,
+    var tooltipContainer = document.createElement('div');
+    tooltipContainer.classList.add('pm-breakout-resize-handle-rail-wrapper');
+    handle.appendChild(tooltipContainer);
+    handle.appendChild(handleHitBox);
+    var key = (0, _v.default)();
+    nodeViewPortalProviderAPI.render(function () {
+      return /*#__PURE__*/_react.default.createElement(RailWithTooltip, {
         rail: rail,
-        handleHitBox: handleHitBox,
-        destroyTooltip: function destroyTooltip() {}
-      };
-    }
+        target: target,
+        intl: intl
+      });
+    }, tooltipContainer, key);
+    return {
+      handle: handle,
+      rail: rail,
+      handleHitBox: handleHitBox,
+      destroyTooltip: function destroyTooltip() {
+        return nodeViewPortalProviderAPI.remove(key);
+      }
+    };
   };
   var rightHandle = createHandle('right');
   var leftHandle = createHandle('left');
@@ -170,7 +159,7 @@ var createPragmaticResizer = exports.createPragmaticResizer = function createPra
     })];
   };
   var unbindFns = [].concat((0, _toConsumableArray2.default)(registerEvents(target)), (0, _toConsumableArray2.default)(registerEvents(rightHandle.handleHitBox)), (0, _toConsumableArray2.default)(registerEvents(leftHandle.handleHitBox)), (0, _toConsumableArray2.default)(registerEvents(rightHandle.rail)), (0, _toConsumableArray2.default)(registerEvents(leftHandle.rail)));
-  var destroyFns = [registerHandle(rightHandle.handle, 'right'), registerHandle(leftHandle.handle, 'left')].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release') ? [rightHandle.destroyTooltip, leftHandle.destroyTooltip] : []));
+  var destroyFns = [registerHandle(rightHandle.handle, 'right'), registerHandle(leftHandle.handle, 'left'), rightHandle.destroyTooltip, leftHandle.destroyTooltip];
   return {
     rightHandle: rightHandle.handle,
     leftHandle: leftHandle.handle,
@@ -181,7 +170,7 @@ var createPragmaticResizer = exports.createPragmaticResizer = function createPra
       unbindFns.forEach(function (unbindFn) {
         return unbindFn();
       });
-      if (isChangeToViewMode && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+      if (isChangeToViewMode) {
         var _rightHandle$handle$p, _leftHandle$handle$pa;
         (_rightHandle$handle$p = rightHandle.handle.parentElement) === null || _rightHandle$handle$p === void 0 || _rightHandle$handle$p.removeChild(rightHandle.handle);
         (_leftHandle$handle$pa = leftHandle.handle.parentElement) === null || _leftHandle$handle$pa === void 0 || _leftHandle$handle$pa.removeChild(leftHandle.handle);

package/dist/cjs/pm-plugins/resizer-callbacks.js

@@ -37,13 +37,11 @@ function getProposedWidth(_ref) {
 
   // the node width may be greater than the container width so we resize using the smaller value
   var proposedWidth = Math.min(initialWidth, containerWidth) + diffX;
-  if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-    var snapPoints = [WIDTHS.MIN, WIDTHS.WIDE, Math.min(containerWidth, WIDTHS.MAX)];
-    for (var _i = 0, _snapPoints = snapPoints; _i < _snapPoints.length; _i++) {
-      var snapPoint = _snapPoints[_i];
-      if (snapPoint - SNAP_GAP < proposedWidth && snapPoint + SNAP_GAP > proposedWidth) {
-        return snapPoint;
-      }
+  var snapPoints = [WIDTHS.MIN, WIDTHS.WIDE, Math.min(containerWidth, WIDTHS.MAX)];
+  for (var _i = 0, _snapPoints = snapPoints; _i < _snapPoints.length; _i++) {
+    var snapPoint = _snapPoints[_i];
+    if (snapPoint - SNAP_GAP < proposedWidth && snapPoint + SNAP_GAP > proposedWidth) {
+      return snapPoint;
     }
   }
   return Math.min(Math.max(WIDTHS.MIN, Math.min(proposedWidth, containerWidth)), WIDTHS.MAX);
@@ -66,9 +64,7 @@ function createResizerCallbacks(_ref2) {
   };
   return {
     onDragStart: function onDragStart() {
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-        startMeasure();
-      }
+      startMeasure();
       var pos = view.posAtDOM(dom, 0);
       node = view.state.doc.nodeAt(pos);
       api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
@@ -78,27 +74,23 @@ function createResizerCallbacks(_ref2) {
           tr: tr
         });
         tr.setMeta('is-resizer-resizing', true);
-        if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-          tr.setMeta(_resizingPlugin.resizingPluginKey, {
-            type: 'UPDATE_BREAKOUT_NODE',
-            data: {
-              node: node,
-              pos: pos,
-              start: pos,
-              depth: 0
-            }
-          });
-        }
+        tr.setMeta(_resizingPlugin.resizingPluginKey, {
+          type: 'UPDATE_BREAKOUT_NODE',
+          data: {
+            node: node,
+            pos: pos,
+            start: pos,
+            depth: 0
+          }
+        });
         return tr;
       });
     },
     onDrag: function onDrag(_ref4) {
-      var _node, _api$guideline;
+      var _node, _api$guideline, _api$breakout$sharedS;
       var location = _ref4.location,
         source = _ref4.source;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-        countFrames();
-      }
+      countFrames();
       var initialWidth = mark.attrs.width;
       var newWidth = getProposedWidth({
         initialWidth: initialWidth,
@@ -110,32 +102,29 @@ function createResizerCallbacks(_ref2) {
       api === null || api === void 0 || (_api$guideline = api.guideline) === null || _api$guideline === void 0 || (_api$guideline = _api$guideline.actions) === null || _api$guideline === void 0 || _api$guideline.displayGuideline(view)({
         guidelines: guidelines
       });
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-        var _api$breakout$sharedS;
-        var activeGuideline = guidelines.find(function (guideline) {
-          return guideline.active && !guideline.key.startsWith('grid');
-        });
-        if (activeGuideline) {
-          api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
-            var tr = _ref5.tr;
-            tr.setMeta(_resizingPlugin.resizingPluginKey, {
-              type: 'UPDATE_ACTIVE_GUIDELINE_KEY',
-              data: {
-                activeGuidelineKey: activeGuideline.key
-              }
-            });
-            return tr;
+      var activeGuideline = guidelines.find(function (guideline) {
+        return guideline.active && !guideline.key.startsWith('grid');
+      });
+      if (activeGuideline) {
+        api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
+          var tr = _ref5.tr;
+          tr.setMeta(_resizingPlugin.resizingPluginKey, {
+            type: 'UPDATE_ACTIVE_GUIDELINE_KEY',
+            data: {
+              activeGuidelineKey: activeGuideline.key
+            }
           });
-        }
-        if (!activeGuideline && api !== null && api !== void 0 && (_api$breakout$sharedS = api.breakout.sharedState.currentState()) !== null && _api$breakout$sharedS !== void 0 && _api$breakout$sharedS.activeGuidelineKey) {
-          api === null || api === void 0 || api.core.actions.execute(function (_ref6) {
-            var tr = _ref6.tr;
-            tr.setMeta(_resizingPlugin.resizingPluginKey, {
-              type: 'CLEAR_ACTIVE_GUIDELINE_KEY'
-            });
-            return tr;
+          return tr;
+        });
+      }
+      if (!activeGuideline && api !== null && api !== void 0 && (_api$breakout$sharedS = api.breakout.sharedState.currentState()) !== null && _api$breakout$sharedS !== void 0 && _api$breakout$sharedS.activeGuidelineKey) {
+        api === null || api === void 0 || api.core.actions.execute(function (_ref6) {
+          var tr = _ref6.tr;
+          tr.setMeta(_resizingPlugin.resizingPluginKey, {
+            type: 'CLEAR_ACTIVE_GUIDELINE_KEY'
           });
-        }
+          return tr;
+        });
       }
       if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
         // dom is used for width calculations
@@ -145,18 +134,16 @@ function createResizerCallbacks(_ref2) {
       }
     },
     onDrop: function onDrop(_ref7) {
-      var _api$guideline2;
+      var _api$guideline2, _api$editorViewMode;
       var location = _ref7.location,
         source = _ref7.source;
       var payloads = [];
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-        var frameRateSamples = endMeasure();
-        payloads = (0, _analytics.generateResizeFrameRatePayloads)({
-          docSize: view.state.doc.nodeSize,
-          frameRateSamples: (0, _measureFramerate2.reduceResizeFrameRateSamples)(frameRateSamples),
-          originalNode: node
-        });
-      }
+      var frameRateSamples = endMeasure();
+      payloads = (0, _analytics.generateResizeFrameRatePayloads)({
+        docSize: view.state.doc.nodeSize,
+        frameRateSamples: (0, _measureFramerate2.reduceResizeFrameRateSamples)(frameRateSamples),
+        originalNode: node
+      });
       var isResizedToFullWidth = !!guidelines.find(function (guideline) {
         return guideline.key.startsWith('full_width') && guideline.active;
       });
@@ -173,18 +160,14 @@ function createResizerCallbacks(_ref2) {
         api: api,
         source: source
       });
-      var isEditMode;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-        var _api$editorViewMode;
-        isEditMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'edit';
-      }
+      var isEditMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'edit';
       (0, _setBreakoutWidth.setBreakoutWidth)(newWidth, mode, pos, isEditMode)(view.state, view.dispatch);
       if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
         dom.style.removeProperty(_resizingMarkView.LOCAL_RESIZE_PROPERTY);
       } else {
         contentDOM.style.removeProperty(_resizingMarkView.LOCAL_RESIZE_PROPERTY);
       }
-      if (node && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+      if (node) {
         var resizedPayload = (0, _analytics.generateResizedEventPayload)({
           node: node,
           prevWidth: initialWidth,
@@ -203,11 +186,9 @@ function createResizerCallbacks(_ref2) {
           (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent(payload)(tr);
         });
         tr.setMeta('is-resizer-resizing', false).setMeta('scrollIntoView', false);
-        if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-          tr.setMeta(_resizingPlugin.resizingPluginKey, {
-            type: 'RESET_STATE'
-          });
-        }
+        tr.setMeta(_resizingPlugin.resizingPluginKey, {
+          type: 'RESET_STATE'
+        });
         return tr;
       });
     }

package/dist/cjs/pm-plugins/resizing-mark-view.js

@@ -29,7 +29,9 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
    * ```
    */
   function ResizingMarkView(mark, view, api, getIntl, nodeViewPortalProviderAPI) {
-    var _this = this;
+    var _api$editorViewMode,
+      _api$editorViewMode2,
+      _this = this;
     (0, _classCallCheck2.default)(this, ResizingMarkView);
     (0, _defineProperty2.default)(this, "isResizingInitialised", false);
     var dom = document.createElement('div');
@@ -74,7 +76,7 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
           contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
         }
       }
-    } else if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+    } else {
       if (mark.attrs.width) {
         contentDOM.style.width = "min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))");
       } else {
@@ -85,74 +87,31 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
           contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
         }
       }
-    } else {
-      if (mark.attrs.width) {
-        contentDOM.style.minWidth = "min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))");
-      } else {
-        if (mark.attrs.mode === 'wide') {
-          contentDOM.style.minWidth = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--breakout-wide-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
-        }
-        if (mark.attrs.mode === 'full-width') {
-          contentDOM.style.minWidth = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
-        }
-      }
     }
     dom.appendChild(contentDOM);
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-      var _api$editorViewMode;
-      this.dom = dom;
-      this.contentDOM = contentDOM;
-      this.view = view;
-      this.mark = mark;
-      this.intl = getIntl();
-      this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
-      var isLiveViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
-      if (!isLiveViewMode) {
-        this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
-      }
-    } else {
-      var callbacks = (0, _resizerCallbacks.createResizerCallbacks)({
-        dom: dom,
-        contentDOM: contentDOM,
-        view: view,
-        mark: mark,
-        api: api
-      });
-      this.intl = getIntl();
-      this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
-      var _createPragmaticResiz = (0, _pragmaticResizer.createPragmaticResizer)(_objectSpread(_objectSpread({
-          target: contentDOM
-        }, callbacks), {}, {
-          intl: this.intl,
-          nodeViewPortalProviderAPI: this.nodeViewPortalProviderAPI
-        })),
-        leftHandle = _createPragmaticResiz.leftHandle,
-        rightHandle = _createPragmaticResiz.rightHandle,
-        destroy = _createPragmaticResiz.destroy;
-      dom.prepend(leftHandle);
-      dom.appendChild(rightHandle);
-      this.dom = dom;
-      this.contentDOM = contentDOM;
-      this.view = view;
-      this.mark = mark;
-      this.destroyFn = destroy;
+    this.dom = dom;
+    this.contentDOM = contentDOM;
+    this.view = view;
+    this.mark = mark;
+    this.intl = getIntl();
+    this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
+    var isLiveViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
+    if (!isLiveViewMode) {
+      this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
     }
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-      var _api$editorViewMode2;
-      this.unsubscribeToViewModeChange = api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.sharedState.onChange(function (sharedState) {
-        var _sharedState$nextShar, _sharedState$prevShar;
-        if (((_sharedState$nextShar = sharedState.nextSharedState) === null || _sharedState$nextShar === void 0 ? void 0 : _sharedState$nextShar.mode) !== ((_sharedState$prevShar = sharedState.prevSharedState) === null || _sharedState$prevShar === void 0 ? void 0 : _sharedState$prevShar.mode)) {
-          var _sharedState$nextShar2, _sharedState$nextShar3;
-          if (((_sharedState$nextShar2 = sharedState.nextSharedState) === null || _sharedState$nextShar2 === void 0 ? void 0 : _sharedState$nextShar2.mode) === 'view' && _this.isResizingInitialised) {
-            var _this$destroyFn;
-            (_this$destroyFn = _this.destroyFn) === null || _this$destroyFn === void 0 || _this$destroyFn.call(_this, true);
-            _this.isResizingInitialised = false;
-          } else if (((_sharedState$nextShar3 = sharedState.nextSharedState) === null || _sharedState$nextShar3 === void 0 ? void 0 : _sharedState$nextShar3.mode) === 'edit' && !_this.isResizingInitialised) {
-            _this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
-          }
+    this.unsubscribeToViewModeChange = api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.sharedState.onChange(function (sharedState) {
+      var _sharedState$nextShar, _sharedState$prevShar;
+      if (((_sharedState$nextShar = sharedState.nextSharedState) === null || _sharedState$nextShar === void 0 ? void 0 : _sharedState$nextShar.mode) !== ((_sharedState$prevShar = sharedState.prevSharedState) === null || _sharedState$prevShar === void 0 ? void 0 : _sharedState$prevShar.mode)) {
+        var _sharedState$nextShar2, _sharedState$nextShar3;
+        if (((_sharedState$nextShar2 = sharedState.nextSharedState) === null || _sharedState$nextShar2 === void 0 ? void 0 : _sharedState$nextShar2.mode) === 'view' && _this.isResizingInitialised) {
+          var _this$destroyFn;
+          (_this$destroyFn = _this.destroyFn) === null || _this$destroyFn === void 0 || _this$destroyFn.call(_this, true);
+          _this.isResizingInitialised = false;
+        } else if (((_sharedState$nextShar3 = sharedState.nextSharedState) === null || _sharedState$nextShar3 === void 0 ? void 0 : _sharedState$nextShar3.mode) === 'edit' && !_this.isResizingInitialised) {
+          _this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
         }
-      });
-    }
+      }
+    });
   }
   return (0, _createClass2.default)(ResizingMarkView, [{
     key: "setupResizerCallbacks",
@@ -164,15 +123,15 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
         mark: mark,
         api: api
       });
-      var _createPragmaticResiz2 = (0, _pragmaticResizer.createPragmaticResizer)(_objectSpread(_objectSpread({
+      var _createPragmaticResiz = (0, _pragmaticResizer.createPragmaticResizer)(_objectSpread(_objectSpread({
           target: contentDOM
         }, callbacks), {}, {
           intl: this.intl,
           nodeViewPortalProviderAPI: this.nodeViewPortalProviderAPI
         })),
-        leftHandle = _createPragmaticResiz2.leftHandle,
-        rightHandle = _createPragmaticResiz2.rightHandle,
-        destroy = _createPragmaticResiz2.destroy;
+        leftHandle = _createPragmaticResiz.leftHandle,
+        rightHandle = _createPragmaticResiz.rightHandle,
+        destroy = _createPragmaticResiz.destroy;
       this.dom.prepend(leftHandle);
       this.dom.appendChild(rightHandle);
       this.destroyFn = destroy;
@@ -186,12 +145,9 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$destroyFn2;
+      var _this$destroyFn2, _this$unsubscribeToVi;
       (_this$destroyFn2 = this.destroyFn) === null || _this$destroyFn2 === void 0 || _this$destroyFn2.call(this);
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
-        var _this$unsubscribeToVi;
-        (_this$unsubscribeToVi = this.unsubscribeToViewModeChange) === null || _this$unsubscribeToVi === void 0 || _this$unsubscribeToVi.call(this);
-      }
+      (_this$unsubscribeToVi = this.unsubscribeToViewModeChange) === null || _this$unsubscribeToVi === void 0 || _this$unsubscribeToVi.call(this);
     }
   }]);
 }();