@atlaskit/editor-plugin-breakout 6.0.1 → 6.0.2

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

@@ -40,7 +40,7 @@ var addBreakoutToResizableNode = function addBreakoutToResizableNode(_ref) {
       updatedTr = newTr.setNodeMarkup(pos, node.type, node.attrs, [breakout.create({
         width: width
       })]);
-      if (isExpand && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+      if (isExpand) {
         (0, _singlePlayerExpand.updateExpandedStateNew)({
           tr: updatedTr,
           node: node,
@@ -58,7 +58,7 @@ var addBreakoutToResizableNode = function addBreakoutToResizableNode(_ref) {
         width: newWidth,
         mode: mode
       })]);
-      if (isExpand && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
+      if (isExpand) {
         (0, _singlePlayerExpand.updateExpandedStateNew)({
           tr: updatedTr,
           node: node,
@@ -111,7 +111,7 @@ var pluginState = {
 var createResizingPlugin = exports.createResizingPlugin = function createResizingPlugin(api, getIntl, nodeViewPortalProviderAPI, options) {
   return new _safePlugin.SafePlugin({
     key: resizingPluginKey,
-    state: (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release') ? pluginState : undefined,
+    state: pluginState,
     props: {
       markViews: {
         breakout: function breakout(mark, view) {
@@ -129,7 +129,7 @@ var createResizingPlugin = exports.createResizingPlugin = function createResizin
       } 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' && (0, _platformFeatureFlags.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/es2019/breakoutPlugin.js

@@ -209,7 +209,7 @@ export const breakoutPlugin = ({
         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)) {
       const resizingPluginState = resizingPluginKey.getState(editorState);
       if (!resizingPluginState) {
         return {
@@ -236,7 +236,7 @@ export const breakoutPlugin = ({
     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/es2019/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 (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/es2019/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';
 const WIDTHS = {
   MIN: akEditorDefaultLayoutWidth,
@@ -37,46 +36,26 @@ export const getGuidelines = memoizeOne((isResizing, newWidth, getEditorWidth, n
     }
   }
   const {
-    width,
-    lineLength
+    width
   } = getEditorWidth() || {};
   const padding = width && width <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
   const 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/es2019/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';
 const KEYBOARD_RESIZE_STEP = 10;
 const getAncestorResizableNode = (view, breakoutResizableNodes) => {
@@ -33,36 +32,34 @@ const getAncestorResizableNode = (view, breakoutResizableNodes) => {
   return null;
 };
 export const handleKeyDown = api => (view, event) => {
-  if (fg('platform_editor_breakout_resizing_hello_release')) {
-    const metaKey = browser.mac ? event.metaKey : event.ctrlKey;
-    const isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
-    if (metaKey && event.altKey && isBracketKey) {
+  const metaKey = browser.mac ? event.metaKey : event.ctrlKey;
+  const isBracketKey = event.code === 'BracketRight' || event.code === 'BracketLeft';
+  if (metaKey && event.altKey && isBracketKey) {
+    const {
+      expand,
+      codeBlock,
+      layoutSection
+    } = view.state.schema.nodes;
+    const breakoutResizableNodes = new Set([expand, codeBlock, layoutSection]);
+    const result = getAncestorResizableNode(view, breakoutResizableNodes);
+    if (result) {
       const {
-        expand,
-        codeBlock,
-        layoutSection
-      } = view.state.schema.nodes;
-      const breakoutResizableNodes = new Set([expand, codeBlock, layoutSection]);
-      const result = getAncestorResizableNode(view, breakoutResizableNodes);
-      if (result) {
-        const {
-          node,
-          pos
-        } = result;
-        const breakoutMark = node === null || node === void 0 ? void 0 : node.marks.find(mark => mark.type.name === 'breakout');
-        if (breakoutMark) {
-          const step = event.code === 'BracketRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP;
-          const newWidth = breakoutMark.attrs.width + step;
-          if (newWidth < akEditorFullWidthLayoutWidth && newWidth > akEditorDefaultLayoutWidth) {
-            var _api$editorViewMode, _api$editorViewMode$s;
-            const isEditMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'edit';
-            setBreakoutWidth(breakoutMark.attrs.width + step, breakoutMark.attrs.mode, pos, isEditMode)(view.state, view.dispatch);
-            view.focus();
-          }
-          return true;
+        node,
+        pos
+      } = result;
+      const breakoutMark = node === null || node === void 0 ? void 0 : node.marks.find(mark => mark.type.name === 'breakout');
+      if (breakoutMark) {
+        const step = event.code === 'BracketRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP;
+        const newWidth = breakoutMark.attrs.width + step;
+        if (newWidth < akEditorFullWidthLayoutWidth && newWidth > akEditorDefaultLayoutWidth) {
+          var _api$editorViewMode, _api$editorViewMode$s;
+          const isEditMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.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/es2019/pm-plugins/pragmatic-resizer.js

@@ -76,33 +76,22 @@ export const createPragmaticResizer = ({
     const thumb = document.createElement('div');
     thumb.classList.add('pm-breakout-resize-handle-thumb');
     rail.appendChild(thumb);
-    if (fg('platform_editor_breakout_resizing_hello_release')) {
-      const tooltipContainer = document.createElement('div');
-      tooltipContainer.classList.add('pm-breakout-resize-handle-rail-wrapper');
-      handle.appendChild(tooltipContainer);
-      handle.appendChild(handleHitBox);
-      const key = uuid();
-      nodeViewPortalProviderAPI.render(() => /*#__PURE__*/React.createElement(RailWithTooltip, {
-        rail: rail,
-        target: target,
-        intl: intl
-      }), tooltipContainer, key);
-      return {
-        handle,
-        rail,
-        handleHitBox,
-        destroyTooltip: () => nodeViewPortalProviderAPI.remove(key)
-      };
-    } else {
-      handle.appendChild(rail);
-      handle.appendChild(handleHitBox);
-      return {
-        handle,
-        rail,
-        handleHitBox,
-        destroyTooltip: () => {}
-      };
-    }
+    const tooltipContainer = document.createElement('div');
+    tooltipContainer.classList.add('pm-breakout-resize-handle-rail-wrapper');
+    handle.appendChild(tooltipContainer);
+    handle.appendChild(handleHitBox);
+    const key = uuid();
+    nodeViewPortalProviderAPI.render(() => /*#__PURE__*/React.createElement(RailWithTooltip, {
+      rail: rail,
+      target: target,
+      intl: intl
+    }), tooltipContainer, key);
+    return {
+      handle,
+      rail,
+      handleHitBox,
+      destroyTooltip: () => nodeViewPortalProviderAPI.remove(key)
+    };
   };
   const rightHandle = createHandle('right');
   const leftHandle = createHandle('left');
@@ -153,14 +142,14 @@ export const createPragmaticResizer = ({
     })];
   };
   const unbindFns = [...registerEvents(target), ...registerEvents(rightHandle.handleHitBox), ...registerEvents(leftHandle.handleHitBox), ...registerEvents(rightHandle.rail), ...registerEvents(leftHandle.rail)];
-  const destroyFns = [registerHandle(rightHandle.handle, 'right'), registerHandle(leftHandle.handle, 'left'), ...(fg('platform_editor_breakout_resizing_hello_release') ? [rightHandle.destroyTooltip, leftHandle.destroyTooltip] : [])];
+  const destroyFns = [registerHandle(rightHandle.handle, 'right'), registerHandle(leftHandle.handle, 'left'), rightHandle.destroyTooltip, leftHandle.destroyTooltip];
   return {
     rightHandle: rightHandle.handle,
     leftHandle: leftHandle.handle,
     destroy: isChangeToViewMode => {
       destroyFns.forEach(destroyFn => destroyFn());
       unbindFns.forEach(unbindFn => 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 ? void 0 : _rightHandle$handle$p.removeChild(rightHandle.handle);
         (_leftHandle$handle$pa = leftHandle.handle.parentElement) === null || _leftHandle$handle$pa === void 0 ? void 0 : _leftHandle$handle$pa.removeChild(leftHandle.handle);

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

@@ -31,12 +31,10 @@ export function getProposedWidth({
 
   // the node width may be greater than the container width so we resize using the smaller value
   const proposedWidth = Math.min(initialWidth, containerWidth) + diffX;
-  if (fg('platform_editor_breakout_resizing_hello_release')) {
-    const snapPoints = [WIDTHS.MIN, WIDTHS.WIDE, Math.min(containerWidth, WIDTHS.MAX)];
-    for (const snapPoint of snapPoints) {
-      if (snapPoint - SNAP_GAP < proposedWidth && snapPoint + SNAP_GAP > proposedWidth) {
-        return snapPoint;
-      }
+  const snapPoints = [WIDTHS.MIN, WIDTHS.WIDE, Math.min(containerWidth, WIDTHS.MAX)];
+  for (const snapPoint of snapPoints) {
+    if (snapPoint - SNAP_GAP < proposedWidth && snapPoint + SNAP_GAP > proposedWidth) {
+      return snapPoint;
     }
   }
   return Math.min(Math.max(WIDTHS.MIN, Math.min(proposedWidth, containerWidth)), WIDTHS.MAX);
@@ -61,9 +59,7 @@ export function createResizerCallbacks({
   };
   return {
     onDragStart: () => {
-      if (fg('platform_editor_breakout_resizing_hello_release')) {
-        startMeasure();
-      }
+      startMeasure();
       const pos = view.posAtDOM(dom, 0);
       node = view.state.doc.nodeAt(pos);
       api === null || api === void 0 ? void 0 : api.core.actions.execute(({
@@ -74,17 +70,15 @@ export function createResizerCallbacks({
           tr
         });
         tr.setMeta('is-resizer-resizing', true);
-        if (fg('platform_editor_breakout_resizing_hello_release')) {
-          tr.setMeta(resizingPluginKey, {
-            type: 'UPDATE_BREAKOUT_NODE',
-            data: {
-              node,
-              pos,
-              start: pos,
-              depth: 0
-            }
-          });
-        }
+        tr.setMeta(resizingPluginKey, {
+          type: 'UPDATE_BREAKOUT_NODE',
+          data: {
+            node,
+            pos,
+            start: pos,
+            depth: 0
+          }
+        });
         return tr;
       });
     },
@@ -92,10 +86,8 @@ export function createResizerCallbacks({
       location,
       source
     }) => {
-      var _node, _api$guideline, _api$guideline$action;
-      if (fg('platform_editor_breakout_resizing_hello_release')) {
-        countFrames();
-      }
+      var _node, _api$guideline, _api$guideline$action, _api$breakout$sharedS;
+      countFrames();
       const initialWidth = mark.attrs.width;
       const newWidth = getProposedWidth({
         initialWidth,
@@ -107,32 +99,29 @@ export function createResizerCallbacks({
       api === null || api === void 0 ? void 0 : (_api$guideline = api.guideline) === null || _api$guideline === void 0 ? void 0 : (_api$guideline$action = _api$guideline.actions) === null || _api$guideline$action === void 0 ? void 0 : _api$guideline$action.displayGuideline(view)({
         guidelines
       });
-      if (fg('platform_editor_breakout_resizing_hello_release')) {
-        var _api$breakout$sharedS;
-        const activeGuideline = guidelines.find(guideline => guideline.active && !guideline.key.startsWith('grid'));
-        if (activeGuideline) {
-          api === null || api === void 0 ? void 0 : api.core.actions.execute(({
-            tr
-          }) => {
-            tr.setMeta(resizingPluginKey, {
-              type: 'UPDATE_ACTIVE_GUIDELINE_KEY',
-              data: {
-                activeGuidelineKey: activeGuideline.key
-              }
-            });
-            return tr;
+      const activeGuideline = guidelines.find(guideline => guideline.active && !guideline.key.startsWith('grid'));
+      if (activeGuideline) {
+        api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+          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 ? void 0 : api.core.actions.execute(({
-            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 ? void 0 : api.core.actions.execute(({
+          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
@@ -145,16 +134,14 @@ export function createResizerCallbacks({
       location,
       source
     }) {
-      var _api$guideline2, _api$guideline2$actio;
+      var _api$guideline2, _api$guideline2$actio, _api$editorViewMode, _api$editorViewMode$s;
       let payloads = [];
-      if (fg('platform_editor_breakout_resizing_hello_release')) {
-        const frameRateSamples = endMeasure();
-        payloads = generateResizeFrameRatePayloads({
-          docSize: view.state.doc.nodeSize,
-          frameRateSamples: reduceResizeFrameRateSamples(frameRateSamples),
-          originalNode: node
-        });
-      }
+      const frameRateSamples = endMeasure();
+      payloads = generateResizeFrameRatePayloads({
+        docSize: view.state.doc.nodeSize,
+        frameRateSamples: reduceResizeFrameRateSamples(frameRateSamples),
+        originalNode: node
+      });
       const isResizedToFullWidth = !!guidelines.find(guideline => guideline.key.startsWith('full_width') && guideline.active);
       guidelines = getGuidelines(false, 0, getEditorWidth);
       api === null || api === void 0 ? void 0 : (_api$guideline2 = api.guideline) === null || _api$guideline2 === void 0 ? void 0 : (_api$guideline2$actio = _api$guideline2.actions) === null || _api$guideline2$actio === void 0 ? void 0 : _api$guideline2$actio.displayGuideline(view)({
@@ -169,18 +156,14 @@ export function createResizerCallbacks({
         api,
         source
       });
-      let isEditMode;
-      if (fg('platform_editor_breakout_resizing_hello_release')) {
-        var _api$editorViewMode, _api$editorViewMode$s;
-        isEditMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'edit';
-      }
+      const isEditMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.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) {
         const resizedPayload = generateResizedEventPayload({
           node,
           prevWidth: initialWidth,
@@ -200,11 +183,9 @@ export function createResizerCallbacks({
           (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.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/es2019/pm-plugins/resizing-mark-view.js

@@ -18,6 +18,7 @@ export class ResizingMarkView {
    * ```
    */
   constructor(mark, view, api, getIntl, nodeViewPortalProviderAPI) {
+    var _api$editorViewMode, _api$editorViewMode$s, _api$editorViewMode2;
     _defineProperty(this, "isResizingInitialised", false);
     const dom = document.createElement('div');
     const contentDOM = document.createElement('div');
@@ -61,7 +62,7 @@ export class ResizingMarkView {
           contentDOM.style.width = `max(var(--ak-editor--line-length), min(var(${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(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))`;
       } else {
@@ -72,75 +73,31 @@ export class ResizingMarkView {
           contentDOM.style.width = `max(var(--ak-editor--line-length), min(var(${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(${LOCAL_RESIZE_PROPERTY}, ${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(${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(${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, _api$editorViewMode$s;
-      this.dom = dom;
-      this.contentDOM = contentDOM;
-      this.view = view;
-      this.mark = mark;
-      this.intl = getIntl();
-      this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
-      const isLiveViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'view';
-      if (!isLiveViewMode) {
-        this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
-      }
-    } else {
-      const callbacks = createResizerCallbacks({
-        dom,
-        contentDOM,
-        view,
-        mark,
-        api
-      });
-      this.intl = getIntl();
-      this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
-      const {
-        leftHandle,
-        rightHandle,
-        destroy
-      } = createPragmaticResizer({
-        target: contentDOM,
-        ...callbacks,
-        intl: this.intl,
-        nodeViewPortalProviderAPI: this.nodeViewPortalProviderAPI
-      });
-      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;
+    const isLiveViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.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 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.sharedState.onChange(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 ? 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 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.sharedState.onChange(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 ? 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);
         }
-      });
-    }
+      }
+    });
   }
   setupResizerCallbacks(dom, contentDOM, view, mark, api) {
     const callbacks = createResizerCallbacks({
@@ -169,11 +126,8 @@ export class ResizingMarkView {
     return true;
   }
   destroy() {
-    var _this$destroyFn2;
+    var _this$destroyFn2, _this$unsubscribeToVi;
     (_this$destroyFn2 = this.destroyFn) === null || _this$destroyFn2 === void 0 ? 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 ? void 0 : _this$unsubscribeToVi.call(this);
-    }
+    (_this$unsubscribeToVi = this.unsubscribeToViewModeChange) === null || _this$unsubscribeToVi === void 0 ? void 0 : _this$unsubscribeToVi.call(this);
   }
 }

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

@@ -33,7 +33,7 @@ const addBreakoutToResizableNode = ({
       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,
@@ -51,7 +51,7 @@ const addBreakoutToResizableNode = ({
         width: newWidth,
         mode: mode
       })]);
-      if (isExpand && fg('platform_editor_breakout_resizing_hello_release')) {
+      if (isExpand) {
         updateExpandedStateNew({
           tr: updatedTr,
           node,
@@ -107,7 +107,7 @@ const pluginState = {
 export const 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: (mark, view) => {
@@ -125,7 +125,7 @@ export const createResizingPlugin = (api, getIntl, nodeViewPortalProviderAPI, op
       } else {
         var _api$editorViewMode2, _api$editorViewMode2$;
         // if editor is in live-view mode don't send transactions
-        if ((api === null || api === void 0 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? 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 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : (_api$editorViewMode2$ = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2$ === void 0 ? void 0 : _api$editorViewMode2$.mode) !== 'edit') {
           return;
         }
       }