@atlaskit/editor-plugin-breakout 6.0.0 → 6.0.2

package/dist/esm/breakoutPlugin.js

@@ -218,7 +218,7 @@ export var breakoutPlugin = function breakoutPlugin(_ref4) {
           breakoutNode: undefined
         };
       }
-      if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+      if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true)) {
         var resizingPluginState = resizingPluginKey.getState(editorState);
         if (!resizingPluginState) {
           return {
@@ -244,7 +244,7 @@ export var breakoutPlugin = function breakoutPlugin(_ref4) {
       if (!editorView) {
         return null;
       }
-      if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true) && fg('platform_editor_breakout_resizing_hello_release')) {
+      if (expValEquals('platform_editor_breakout_resizing', 'isEnabled', true)) {
         return /*#__PURE__*/React.createElement(GuidelineLabel, {
           api: api,
           editorView: editorView,

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

@@ -1,6 +1,5 @@
 import { transferCodeBlockWrappedValue } from '@atlaskit/editor-common/code-block';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { updateExpandedStateNew } from '../pm-plugins/utils/single-player-expand';
 export function setBreakoutWidth(width, mode, pos, isLivePage) {
   return function (state, dispatch) {
@@ -26,12 +25,10 @@ export function setBreakoutWidth(width, mode, pos, isLivePage) {
         transferCodeBlockWrappedValue(oldNode, newNode);
       }
     }
-    if (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 NodeSelection && state.selection.node.eq(node) && fg('platform_editor_breakout_resizing_hello_release')) {
+    if (state.selection instanceof NodeSelection && state.selection.node.eq(node)) {
       tr.setSelection(NodeSelection.create(tr.doc, pos));
     }
     if (dispatch) {

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

@@ -1,7 +1,6 @@
 import memoizeOne from 'memoize-one';
 import { EXPAND_CONTAINER_PADDING, LAYOUT_COLUMN_PADDING, resizerHandleThumbWidth } from '@atlaskit/editor-common/styles';
 import { akEditorGutterPaddingDynamic, akEditorGutterPadding, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorCalculatedWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var WIDTHS = {
   MIN: akEditorDefaultLayoutWidth,
@@ -40,45 +39,25 @@ export var getGuidelines = memoizeOne(function (isResizing, newWidth, getEditorW
     }
   }
   var _ref = getEditorWidth() || {},
-    width = _ref.width,
-    lineLength = _ref.lineLength;
+    width = _ref.width;
   var padding = width && width <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
   var fullWidth = width ? Math.min(WIDTHS.MAX, width - 2 * padding - akEditorGutterPadding) : undefined;
-  if (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/esm/pm-plugins/handle-key-down.js

@@ -1,7 +1,6 @@
 import { browser } from '@atlaskit/editor-common/browser';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { setBreakoutWidth } from '../editor-commands/set-breakout-width';
 var KEYBOARD_RESIZE_STEP = 10;
 var getAncestorResizableNode = function getAncestorResizableNode(view, breakoutResizableNodes) {
@@ -34,36 +33,34 @@ var getAncestorResizableNode = function getAncestorResizableNode(view, breakoutR
 };
 export var handleKeyDown = function handleKeyDown(api) {
   return function (view, event) {
-    if (fg('platform_editor_breakout_resizing_hello_release')) {
-      var metaKey = 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 < akEditorFullWidthLayoutWidth && newWidth > 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';
-              setBreakoutWidth(breakoutMark.attrs.width + step, breakoutMark.attrs.mode, pos, isEditMode)(view.state, view.dispatch);
-              view.focus();
-            }
-            return true;
+    var metaKey = 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 < akEditorFullWidthLayoutWidth && newWidth > 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';
+            setBreakoutWidth(breakoutMark.attrs.width + step, breakoutMark.attrs.mode, pos, isEditMode)(view.state, view.dispatch);
+            view.focus();
           }
+          return true;
         }
       }
-      return false;
     }
+    return false;
   };
 };

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

@@ -79,37 +79,26 @@ export var createPragmaticResizer = function createPragmaticResizer(_ref2) {
     var thumb = document.createElement('div');
     thumb.classList.add('pm-breakout-resize-handle-thumb');
     rail.appendChild(thumb);
-    if (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 = uuid();
-      nodeViewPortalProviderAPI.render(function () {
-        return /*#__PURE__*/React.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 = uuid();
+    nodeViewPortalProviderAPI.render(function () {
+      return /*#__PURE__*/React.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');
@@ -161,7 +150,7 @@ export var createPragmaticResizer = function createPragmaticResizer(_ref2) {
     })];
   };
   var unbindFns = [].concat(_toConsumableArray(registerEvents(target)), _toConsumableArray(registerEvents(rightHandle.handleHitBox)), _toConsumableArray(registerEvents(leftHandle.handleHitBox)), _toConsumableArray(registerEvents(rightHandle.rail)), _toConsumableArray(registerEvents(leftHandle.rail)));
-  var destroyFns = [registerHandle(rightHandle.handle, 'right'), registerHandle(leftHandle.handle, 'left')].concat(_toConsumableArray(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,
@@ -172,7 +161,7 @@ export var createPragmaticResizer = function createPragmaticResizer(_ref2) {
       unbindFns.forEach(function (unbindFn) {
         return unbindFn();
       });
-      if (isChangeToViewMode && 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/esm/pm-plugins/resizer-callbacks.js

@@ -30,13 +30,11 @@ export 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 (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);
@@ -59,9 +57,7 @@ export function createResizerCallbacks(_ref2) {
   };
   return {
     onDragStart: function onDragStart() {
-      if (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) {
@@ -71,27 +67,23 @@ export function createResizerCallbacks(_ref2) {
           tr: tr
         });
         tr.setMeta('is-resizer-resizing', true);
-        if (fg('platform_editor_breakout_resizing_hello_release')) {
-          tr.setMeta(resizingPluginKey, {
-            type: 'UPDATE_BREAKOUT_NODE',
-            data: {
-              node: node,
-              pos: pos,
-              start: pos,
-              depth: 0
-            }
-          });
-        }
+        tr.setMeta(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 (fg('platform_editor_breakout_resizing_hello_release')) {
-        countFrames();
-      }
+      countFrames();
       var initialWidth = mark.attrs.width;
       var newWidth = getProposedWidth({
         initialWidth: initialWidth,
@@ -103,32 +95,29 @@ export 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 (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(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(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(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(resizingPluginKey, {
+            type: 'CLEAR_ACTIVE_GUIDELINE_KEY'
           });
-        }
+          return tr;
+        });
       }
       if (fg('platform_editor_breakout_resizing_width_changes')) {
         // dom is used for width calculations
@@ -138,18 +127,16 @@ export 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 (fg('platform_editor_breakout_resizing_hello_release')) {
-        var frameRateSamples = endMeasure();
-        payloads = generateResizeFrameRatePayloads({
-          docSize: view.state.doc.nodeSize,
-          frameRateSamples: reduceResizeFrameRateSamples(frameRateSamples),
-          originalNode: node
-        });
-      }
+      var frameRateSamples = endMeasure();
+      payloads = generateResizeFrameRatePayloads({
+        docSize: view.state.doc.nodeSize,
+        frameRateSamples: reduceResizeFrameRateSamples(frameRateSamples),
+        originalNode: node
+      });
       var isResizedToFullWidth = !!guidelines.find(function (guideline) {
         return guideline.key.startsWith('full_width') && guideline.active;
       });
@@ -166,18 +153,14 @@ export function createResizerCallbacks(_ref2) {
         api: api,
         source: source
       });
-      var isEditMode;
-      if (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';
       setBreakoutWidth(newWidth, mode, pos, isEditMode)(view.state, view.dispatch);
       if (fg('platform_editor_breakout_resizing_width_changes')) {
         dom.style.removeProperty(LOCAL_RESIZE_PROPERTY);
       } else {
         contentDOM.style.removeProperty(LOCAL_RESIZE_PROPERTY);
       }
-      if (node && fg('platform_editor_breakout_resizing_hello_release')) {
+      if (node) {
         var resizedPayload = generateResizedEventPayload({
           node: node,
           prevWidth: initialWidth,
@@ -196,11 +179,9 @@ export 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 (fg('platform_editor_breakout_resizing_hello_release')) {
-          tr.setMeta(resizingPluginKey, {
-            type: 'RESET_STATE'
-          });
-        }
+        tr.setMeta(resizingPluginKey, {
+          type: 'RESET_STATE'
+        });
         return tr;
       });
     }

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

@@ -22,7 +22,9 @@ export var ResizingMarkView = /*#__PURE__*/function () {
    * ```
    */
   function ResizingMarkView(mark, view, api, getIntl, nodeViewPortalProviderAPI) {
-    var _this = this;
+    var _api$editorViewMode,
+      _api$editorViewMode2,
+      _this = this;
     _classCallCheck(this, ResizingMarkView);
     _defineProperty(this, "isResizingInitialised", false);
     var dom = document.createElement('div');
@@ -67,7 +69,7 @@ export var 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 (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 {
@@ -78,74 +80,31 @@ export var 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 (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 = createResizerCallbacks({
-        dom: dom,
-        contentDOM: contentDOM,
-        view: view,
-        mark: mark,
-        api: api
-      });
-      this.intl = getIntl();
-      this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
-      var _createPragmaticResiz = 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 (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 _createClass(ResizingMarkView, [{
     key: "setupResizerCallbacks",
@@ -157,15 +116,15 @@ export var ResizingMarkView = /*#__PURE__*/function () {
         mark: mark,
         api: api
       });
-      var _createPragmaticResiz2 = createPragmaticResizer(_objectSpread(_objectSpread({
+      var _createPragmaticResiz = 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;
@@ -179,12 +138,9 @@ export var 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 (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);
     }
   }]);
 }();

package/dist/esm/pm-plugins/resizing-plugin.js

@@ -33,7 +33,7 @@ var addBreakoutToResizableNode = function addBreakoutToResizableNode(_ref) {
       updatedTr = newTr.setNodeMarkup(pos, node.type, node.attrs, [breakout.create({
         width: width
       })]);
-      if (isExpand && fg('platform_editor_breakout_resizing_hello_release')) {
+      if (isExpand) {
         updateExpandedStateNew({
           tr: updatedTr,
           node: node,
@@ -51,7 +51,7 @@ var addBreakoutToResizableNode = function addBreakoutToResizableNode(_ref) {
         width: newWidth,
         mode: mode
       })]);
-      if (isExpand && fg('platform_editor_breakout_resizing_hello_release')) {
+      if (isExpand) {
         updateExpandedStateNew({
           tr: updatedTr,
           node: node,
@@ -104,7 +104,7 @@ var pluginState = {
 export var createResizingPlugin = function createResizingPlugin(api, getIntl, nodeViewPortalProviderAPI, options) {
   return new SafePlugin({
     key: resizingPluginKey,
-    state: fg('platform_editor_breakout_resizing_hello_release') ? pluginState : undefined,
+    state: pluginState,
     props: {
       markViews: {
         breakout: function breakout(mark, view) {
@@ -122,7 +122,7 @@ export var createResizingPlugin = function createResizingPlugin(api, getIntl, no
       } else {
         var _api$editorViewMode2;
         // if editor is in live-view mode don't send transactions
-        if ((api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) !== 'edit' && fg('platform_editor_breakout_resizing_hello_release')) {
+        if ((api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) !== 'edit') {
           return;
         }
       }

package/dist/types/pm-plugins/handle-key-down.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BreakoutPlugin } from '../breakoutPluginType';
-export declare const handleKeyDown: (api: ExtractInjectionAPI<BreakoutPlugin> | undefined) => (view: EditorView, event: KeyboardEvent) => boolean | undefined;
+export declare const handleKeyDown: (api: ExtractInjectionAPI<BreakoutPlugin> | undefined) => (view: EditorView, event: KeyboardEvent) => boolean;