@atlaskit/editor-plugin-breakout 19.0.1 → 19.0.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-breakout
 
+## 19.0.3
+
+### Patch Changes
+
+- [`3f8ea6c51b718`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f8ea6c51b718) -
+  Remove the rolled-out `editor_tinymce_full_width_mode` and
+  `confluence_max_width_content_appearance` experiments and make max-width content behavior
+  permanent.
+- Updated dependencies
+
+## 19.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.0.1
 
 ### Patch Changes

package/dist/cjs/breakoutPlugin.js

@@ -18,8 +18,8 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _usePluginStateEffect = require("@atlaskit/editor-common/use-plugin-state-effect");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _resizingPlugin = require("./pm-plugins/resizing-plugin");
 var _findBreakoutNode = require("./pm-plugins/utils/find-breakout-node");

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 _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var WIDTHS = {
   MIN: _editorSharedStyles.akEditorDefaultLayoutWidth,
@@ -66,7 +65,7 @@ var getGuidelines = exports.getGuidelines = (0, _memoizeOne.default)(function (i
     exposure: true
   }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
   var fullWidth = width ? Math.min(WIDTHS.FULL, width - 2 * padding - _editorSharedStyles.akEditorGutterPadding) : undefined;
-  var maxWidth = width && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) ? Math.min(WIDTHS.MAX, width - 2 * padding - _editorSharedStyles.akEditorGutterPadding) : undefined;
+  var maxWidth = width ? Math.min(WIDTHS.MAX, width - 2 * padding - _editorSharedStyles.akEditorGutterPadding) : undefined;
   guidelines.push({
     key: GUIDELINE_KEYS.lineLengthLeft,
     position: {

package/dist/cjs/pm-plugins/resize-width.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getResizeHardMax = exports.getResizeContainerWidth = exports.clampWidthToResizeBounds = exports.WIDTHS = void 0;
+exports.getResizeContainerWidth = exports.clampWidthToResizeBounds = exports.WIDTHS = void 0;
 var _constants = require("@atlaskit/editor-shared-styles/constants");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var WIDTHS = exports.WIDTHS = {
   FULL: _constants.akEditorFullWidthLayoutWidth,
@@ -21,9 +20,6 @@ var getResizeContainerWidth = exports.getResizeContainerWidth = function getResi
   }) ? _constants.akEditorGutterPaddingReduced : (0, _constants.akEditorGutterPaddingDynamic)();
   return editorWidth - 2 * padding - _constants.akEditorGutterPadding;
 };
-var getResizeHardMax = exports.getResizeHardMax = function getResizeHardMax(containerWidth) {
-  return (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true) ? Math.min(containerWidth, WIDTHS.MAX) : Math.min(containerWidth, WIDTHS.FULL);
-};
 var clampWidthToResizeBounds = exports.clampWidthToResizeBounds = function clampWidthToResizeBounds(proposedWidth, containerWidth) {
-  return Math.max(WIDTHS.MIN, Math.min(proposedWidth, getResizeHardMax(containerWidth)));
+  return Math.max(WIDTHS.MIN, Math.min(proposedWidth, containerWidth, WIDTHS.MAX));
 };

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createResizerCallbacks = createResizerCallbacks;
 exports.getProposedWidth = getProposedWidth;
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _setBreakoutWidth = require("../editor-commands/set-breakout-width");
 var _getGuidelines = require("./get-guidelines");
 var _resizeWidth = require("./resize-width");
@@ -26,10 +25,7 @@ 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;
-  var snapPoints = [_resizeWidth.WIDTHS.MIN, _resizeWidth.WIDTHS.WIDE, Math.min(containerWidth, _resizeWidth.WIDTHS.FULL)];
-  if ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) {
-    snapPoints.push(Math.min(containerWidth, _resizeWidth.WIDTHS.MAX));
-  }
+  var snapPoints = [_resizeWidth.WIDTHS.MIN, _resizeWidth.WIDTHS.WIDE, Math.min(containerWidth, _resizeWidth.WIDTHS.FULL), Math.min(containerWidth, _resizeWidth.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) {
@@ -135,12 +131,9 @@ function createResizerCallbacks(_ref2) {
       var isResizedToFullWidth = !!guidelines.find(function (guideline) {
         return guideline.key.startsWith('full_width') && guideline.active;
       });
-      var isResizedToMaxWidth = false;
-      if ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) {
-        isResizedToMaxWidth = !!guidelines.find(function (guideline) {
-          return guideline.key.startsWith('max_width') && guideline.active;
-        });
-      }
+      var isResizedToMaxWidth = !!guidelines.find(function (guideline) {
+        return guideline.key.startsWith('max_width') && guideline.active;
+      });
       guidelines = (0, _getGuidelines.getGuidelines)(false, 0, getEditorWidth);
       api === null || api === void 0 || (_api$guideline2 = api.guideline) === null || _api$guideline2 === void 0 || (_api$guideline2 = _api$guideline2.actions) === null || _api$guideline2 === void 0 || _api$guideline2.displayGuideline(view)({
         guidelines: guidelines
@@ -154,10 +147,8 @@ function createResizerCallbacks(_ref2) {
         api: api,
         source: source
       });
-      if ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) {
-        if (isResizedToMaxWidth) {
-          newWidth = _resizeWidth.WIDTHS.MAX;
-        }
+      if (isResizedToMaxWidth) {
+        newWidth = _resizeWidth.WIDTHS.MAX;
       }
       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);

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

@@ -163,7 +163,7 @@ var createResizingPlugin = exports.createResizingPlugin = function createResizin
           return;
         }
         var isFullWidthEnabled = !((options === null || options === void 0 ? void 0 : options.allowBreakoutButton) === true);
-        var isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max' && (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true);
+        var isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max';
         var state = editorView.state;
         var breakoutResizableNodes = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') ? (0, _utils.getBreakoutResizableNodeTypesNew)(state.schema) : (0, _utils.getBreakoutResizableNodeTypes)(state.schema, isRuleAndPanelResizingEnabled);
         var newTr = state.tr;
@@ -215,7 +215,7 @@ var createResizingPlugin = exports.createResizingPlugin = function createResizin
       var isRuleAndPanelResizingEnabled = (0, _expValEquals.expValEquals)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
       var breakoutResizableNodes = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions') ? (0, _utils.getBreakoutResizableNodeTypesNew)(newState.schema) : (0, _utils.getBreakoutResizableNodeTypes)(newState.schema, isRuleAndPanelResizingEnabled);
       var isFullWidthEnabled = !((options === null || options === void 0 ? void 0 : options.allowBreakoutButton) === true);
-      var isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max' && (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true);
+      var isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max';
       var isPageLoadNormalizationEnabled = (0, _expValEquals.expValEquals)('platform_editor_add_breakout_marks_on_page_load', 'isEnabled', true) || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_lovability_resize_extensions');
       if (!isPageLoadNormalizationEnabled && !isRuleAndPanelResizingEnabled && (0, _document.isReplaceDocOperation)(transactions, oldState)) {
         newState.doc.forEach(function (node, pos) {

package/dist/cjs/pm-plugins/utils/single-player-expand.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateExpandedStateNew = exports.updateExpandedState = void 0;
 var _expand = require("@atlaskit/editor-common/expand");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var updateExpandedStateNew = exports.updateExpandedStateNew = function updateExpandedStateNew(_ref) {
   var tr = _ref.tr,
     node = _ref.node,

package/dist/es2019/breakoutPlugin.js

@@ -6,8 +6,8 @@ import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
 import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { createResizingPlugin, resizingPluginKey } from './pm-plugins/resizing-plugin';
 import { findSupportedNodeForBreakout } from './pm-plugins/utils/find-breakout-node';

package/dist/es2019/entry-points/breakoutPlugin.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { breakoutPlugin } from '../breakoutPlugin';

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, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 const WIDTHS = {
   MIN: akEditorDefaultLayoutWidth,
@@ -57,7 +56,7 @@ export const getGuidelines = memoizeOne((isResizing, newWidth, getEditorWidth, n
     exposure: true
   }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
   const fullWidth = width ? Math.min(WIDTHS.FULL, width - 2 * padding - akEditorGutterPadding) : undefined;
-  const maxWidth = width && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) ? Math.min(WIDTHS.MAX, width - 2 * padding - akEditorGutterPadding) : undefined;
+  const maxWidth = width ? Math.min(WIDTHS.MAX, width - 2 * padding - akEditorGutterPadding) : undefined;
   guidelines.push({
     key: GUIDELINE_KEYS.lineLengthLeft,
     position: {

package/dist/es2019/pm-plugins/resize-width.js

@@ -1,5 +1,4 @@
 import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles/constants';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 const WIDTHS = {
   FULL: akEditorFullWidthLayoutWidth,
@@ -16,9 +15,6 @@ export const getResizeContainerWidth = api => {
   }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
   return editorWidth - 2 * padding - akEditorGutterPadding;
 };
-export const getResizeHardMax = containerWidth => {
-  return expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true) ? Math.min(containerWidth, WIDTHS.MAX) : Math.min(containerWidth, WIDTHS.FULL);
-};
 export const clampWidthToResizeBounds = (proposedWidth, containerWidth) => {
-  return Math.max(WIDTHS.MIN, Math.min(proposedWidth, getResizeHardMax(containerWidth)));
+  return Math.max(WIDTHS.MIN, Math.min(proposedWidth, containerWidth, WIDTHS.MAX));
 };

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

@@ -1,4 +1,3 @@
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { setBreakoutWidth } from '../editor-commands/set-breakout-width';
 import { getGuidelines } from './get-guidelines';
 import { clampWidthToResizeBounds, getResizeContainerWidth, WIDTHS } from './resize-width';
@@ -20,10 +19,7 @@ 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;
-  const snapPoints = [WIDTHS.MIN, WIDTHS.WIDE, Math.min(containerWidth, WIDTHS.FULL)];
-  if (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) {
-    snapPoints.push(Math.min(containerWidth, WIDTHS.MAX));
-  }
+  const snapPoints = [WIDTHS.MIN, WIDTHS.WIDE, Math.min(containerWidth, WIDTHS.FULL), Math.min(containerWidth, WIDTHS.MAX)];
   for (const snapPoint of snapPoints) {
     if (snapPoint - SNAP_GAP < proposedWidth && snapPoint + SNAP_GAP > proposedWidth) {
       return snapPoint;
@@ -131,10 +127,7 @@ export function createResizerCallbacks({
         originalNode: node
       });
       const isResizedToFullWidth = !!guidelines.find(guideline => guideline.key.startsWith('full_width') && guideline.active);
-      let isResizedToMaxWidth = false;
-      if (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) {
-        isResizedToMaxWidth = !!guidelines.find(guideline => guideline.key.startsWith('max_width') && guideline.active);
-      }
+      const isResizedToMaxWidth = !!guidelines.find(guideline => guideline.key.startsWith('max_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)({
         guidelines
@@ -148,10 +141,8 @@ export function createResizerCallbacks({
         api,
         source
       });
-      if (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) {
-        if (isResizedToMaxWidth) {
-          newWidth = WIDTHS.MAX;
-        }
+      if (isResizedToMaxWidth) {
+        newWidth = WIDTHS.MAX;
       }
       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);

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

@@ -159,7 +159,7 @@ export const createResizingPlugin = (api, getIntl, nodeViewPortalProviderAPI, op
           return;
         }
         const isFullWidthEnabled = !((options === null || options === void 0 ? void 0 : options.allowBreakoutButton) === true);
-        const isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max' && expValEquals('confluence_max_width_content_appearance', 'isEnabled', true);
+        const isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max';
         const {
           state
         } = editorView;
@@ -215,7 +215,7 @@ export const createResizingPlugin = (api, getIntl, nodeViewPortalProviderAPI, op
       const isRuleAndPanelResizingEnabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
       const breakoutResizableNodes = isExperimentEnabled('platform_editor_lovability_resize_extensions') ? getBreakoutResizableNodeTypesNew(newState.schema) : getBreakoutResizableNodeTypes(newState.schema, isRuleAndPanelResizingEnabled);
       const isFullWidthEnabled = !((options === null || options === void 0 ? void 0 : options.allowBreakoutButton) === true);
-      const isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max' && expValEquals('confluence_max_width_content_appearance', 'isEnabled', true);
+      const isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max';
       const isPageLoadNormalizationEnabled = expValEquals('platform_editor_add_breakout_marks_on_page_load', 'isEnabled', true) || isExperimentEnabled('platform_editor_lovability_resize_extensions');
       if (!isPageLoadNormalizationEnabled && !isRuleAndPanelResizingEnabled && isReplaceDocOperation(transactions, oldState)) {
         newState.doc.forEach((node, pos) => {

package/dist/es2019/pm-plugins/utils/single-player-expand.js

@@ -1,6 +1,6 @@
 import { expandedState } from '@atlaskit/editor-common/expand';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const updateExpandedStateNew = ({
   tr,
   node,

package/dist/esm/breakoutPlugin.js

@@ -12,8 +12,8 @@ import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
 import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { createResizingPlugin, resizingPluginKey } from './pm-plugins/resizing-plugin';
 import { findSupportedNodeForBreakout } from './pm-plugins/utils/find-breakout-node';

package/dist/esm/entry-points/breakoutPlugin.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { breakoutPlugin } from '../breakoutPlugin';

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, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 var WIDTHS = {
   MIN: akEditorDefaultLayoutWidth,
@@ -59,7 +58,7 @@ export var getGuidelines = memoizeOne(function (isResizing, newWidth, getEditorW
     exposure: true
   }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
   var fullWidth = width ? Math.min(WIDTHS.FULL, width - 2 * padding - akEditorGutterPadding) : undefined;
-  var maxWidth = width && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) ? Math.min(WIDTHS.MAX, width - 2 * padding - akEditorGutterPadding) : undefined;
+  var maxWidth = width ? Math.min(WIDTHS.MAX, width - 2 * padding - akEditorGutterPadding) : undefined;
   guidelines.push({
     key: GUIDELINE_KEYS.lineLengthLeft,
     position: {

package/dist/esm/pm-plugins/resize-width.js

@@ -1,5 +1,4 @@
 import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles/constants';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 var WIDTHS = {
   FULL: akEditorFullWidthLayoutWidth,
@@ -16,9 +15,6 @@ export var getResizeContainerWidth = function getResizeContainerWidth(api) {
   }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
   return editorWidth - 2 * padding - akEditorGutterPadding;
 };
-export var getResizeHardMax = function getResizeHardMax(containerWidth) {
-  return expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true) ? Math.min(containerWidth, WIDTHS.MAX) : Math.min(containerWidth, WIDTHS.FULL);
-};
 export var clampWidthToResizeBounds = function clampWidthToResizeBounds(proposedWidth, containerWidth) {
-  return Math.max(WIDTHS.MIN, Math.min(proposedWidth, getResizeHardMax(containerWidth)));
+  return Math.max(WIDTHS.MIN, Math.min(proposedWidth, containerWidth, WIDTHS.MAX));
 };

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

@@ -1,4 +1,3 @@
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { setBreakoutWidth } from '../editor-commands/set-breakout-width';
 import { getGuidelines } from './get-guidelines';
 import { clampWidthToResizeBounds, getResizeContainerWidth, WIDTHS } from './resize-width';
@@ -19,10 +18,7 @@ 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;
-  var snapPoints = [WIDTHS.MIN, WIDTHS.WIDE, Math.min(containerWidth, WIDTHS.FULL)];
-  if (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) {
-    snapPoints.push(Math.min(containerWidth, WIDTHS.MAX));
-  }
+  var snapPoints = [WIDTHS.MIN, WIDTHS.WIDE, Math.min(containerWidth, WIDTHS.FULL), 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) {
@@ -128,12 +124,9 @@ export function createResizerCallbacks(_ref2) {
       var isResizedToFullWidth = !!guidelines.find(function (guideline) {
         return guideline.key.startsWith('full_width') && guideline.active;
       });
-      var isResizedToMaxWidth = false;
-      if (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) {
-        isResizedToMaxWidth = !!guidelines.find(function (guideline) {
-          return guideline.key.startsWith('max_width') && guideline.active;
-        });
-      }
+      var isResizedToMaxWidth = !!guidelines.find(function (guideline) {
+        return guideline.key.startsWith('max_width') && guideline.active;
+      });
       guidelines = getGuidelines(false, 0, getEditorWidth);
       api === null || api === void 0 || (_api$guideline2 = api.guideline) === null || _api$guideline2 === void 0 || (_api$guideline2 = _api$guideline2.actions) === null || _api$guideline2 === void 0 || _api$guideline2.displayGuideline(view)({
         guidelines: guidelines
@@ -147,10 +140,8 @@ export function createResizerCallbacks(_ref2) {
         api: api,
         source: source
       });
-      if (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) {
-        if (isResizedToMaxWidth) {
-          newWidth = WIDTHS.MAX;
-        }
+      if (isResizedToMaxWidth) {
+        newWidth = WIDTHS.MAX;
       }
       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);

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

@@ -156,7 +156,7 @@ export var createResizingPlugin = function createResizingPlugin(api, getIntl, no
           return;
         }
         var isFullWidthEnabled = !((options === null || options === void 0 ? void 0 : options.allowBreakoutButton) === true);
-        var isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max' && expValEquals('confluence_max_width_content_appearance', 'isEnabled', true);
+        var isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max';
         var state = editorView.state;
         var breakoutResizableNodes = isExperimentEnabled('platform_editor_lovability_resize_extensions') ? getBreakoutResizableNodeTypesNew(state.schema) : getBreakoutResizableNodeTypes(state.schema, isRuleAndPanelResizingEnabled);
         var newTr = state.tr;
@@ -208,7 +208,7 @@ export var createResizingPlugin = function createResizingPlugin(api, getIntl, no
       var isRuleAndPanelResizingEnabled = expValEquals('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true);
       var breakoutResizableNodes = isExperimentEnabled('platform_editor_lovability_resize_extensions') ? getBreakoutResizableNodeTypesNew(newState.schema) : getBreakoutResizableNodeTypes(newState.schema, isRuleAndPanelResizingEnabled);
       var isFullWidthEnabled = !((options === null || options === void 0 ? void 0 : options.allowBreakoutButton) === true);
-      var isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max' && expValEquals('confluence_max_width_content_appearance', 'isEnabled', true);
+      var isMaxWidthEnabled = (options === null || options === void 0 ? void 0 : options.appearance) === 'max';
       var isPageLoadNormalizationEnabled = expValEquals('platform_editor_add_breakout_marks_on_page_load', 'isEnabled', true) || isExperimentEnabled('platform_editor_lovability_resize_extensions');
       if (!isPageLoadNormalizationEnabled && !isRuleAndPanelResizingEnabled && isReplaceDocOperation(transactions, oldState)) {
         newState.doc.forEach(function (node, pos) {

package/dist/esm/pm-plugins/utils/single-player-expand.js

@@ -1,6 +1,6 @@
 import { expandedState } from '@atlaskit/editor-common/expand';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var updateExpandedStateNew = function updateExpandedStateNew(_ref) {
   var tr = _ref.tr,
     node = _ref.node,

package/dist/types/pm-plugins/resize-width.d.ts

@@ -8,5 +8,4 @@ declare const WIDTHS: {
 };
 export { WIDTHS };
 export declare const getResizeContainerWidth: (api: ExtractInjectionAPI<BreakoutPlugin> | undefined) => number;
-export declare const getResizeHardMax: (containerWidth: number) => number;
 export declare const clampWidthToResizeBounds: (proposedWidth: number, containerWidth: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-breakout",
-	"version": "19.0.1",
+	"version": "19.0.3",
 	"description": "Breakout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,8 +21,8 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^57.5.0",
-		"@atlaskit/editor-plugin-block-controls": "^20.0.0",
+		"@atlaskit/adf-schema": "^57.6.0",
+		"@atlaskit/editor-plugin-block-controls": "^20.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^19.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^21.0.0",
 		"@atlaskit/editor-plugin-guideline": "^19.0.0",
@@ -36,7 +36,7 @@
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^200.0.0",
+		"@atlaskit/tmp-editor-statsig": "^202.0.0",
 		"@atlaskit/tokens": "^18.2.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -46,7 +46,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^123.0.0",
+		"@atlaskit/editor-common": "^123.5.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"