@atlaskit/editor-plugin-breakout 6.3.0 → 6.4.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-breakout
 
+## 6.4.0
+
+### Minor Changes
+
+- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
+  Migrated and cleaned up legacy iconography usage.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.3.1
+
+### Patch Changes
+
+- [`d0a60ac78aa7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d0a60ac78aa7e) -
+  Remove platform_editor_breakout_resizing_width_changes FG
+- Updated dependencies
+
 ## 6.3.0
 
 ### Minor Changes

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

@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _v = _interopRequireDefault(require("uuid/v4"));
 var _messages = require("@atlaskit/editor-common/messages");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview");
 var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
@@ -73,9 +72,7 @@ var createPragmaticResizer = exports.createPragmaticResizer = function createPra
     var handle = document.createElement('div');
     handle.contentEditable = 'false';
     handle.classList.add('pm-breakout-resize-handle-container');
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
-      handle.style.gridColumn = side === 'left' ? '1' : '3';
-    }
+    handle.style.gridColumn = side === 'left' ? '1' : '3';
     var rail = document.createElement('div');
     rail.classList.add('pm-breakout-resize-handle-rail');
     if (side === 'left') {

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.createResizerCallbacks = createResizerCallbacks;
 exports.getProposedWidth = getProposedWidth;
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _setBreakoutWidth = require("../editor-commands/set-breakout-width");
@@ -54,7 +53,6 @@ function getProposedWidth(_ref) {
 }
 function createResizerCallbacks(_ref2) {
   var dom = _ref2.dom,
-    contentDOM = _ref2.contentDOM,
     view = _ref2.view,
     mark = _ref2.mark,
     api = _ref2.api;
@@ -132,12 +130,9 @@ function createResizerCallbacks(_ref2) {
           return tr;
         });
       }
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
-        // dom is used for width calculations
-        dom.style.setProperty(_resizingMarkView.LOCAL_RESIZE_PROPERTY, "".concat(newWidth, "px"));
-      } else {
-        contentDOM.style.setProperty(_resizingMarkView.LOCAL_RESIZE_PROPERTY, "".concat(newWidth, "px"));
-      }
+
+      // dom is used for width calculations
+      dom.style.setProperty(_resizingMarkView.LOCAL_RESIZE_PROPERTY, "".concat(newWidth, "px"));
     },
     onDrop: function onDrop(_ref7) {
       var _api$guideline2, _api$editorViewMode;
@@ -179,11 +174,7 @@ function createResizerCallbacks(_ref2) {
       }
       var isEditMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'edit';
       (0, _setBreakoutWidth.setBreakoutWidth)(newWidth, mode, pos, isEditMode)(view.state, view.dispatch);
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
-        dom.style.removeProperty(_resizingMarkView.LOCAL_RESIZE_PROPERTY);
-      } else {
-        contentDOM.style.removeProperty(_resizingMarkView.LOCAL_RESIZE_PROPERTY);
-      }
+      dom.style.removeProperty(_resizingMarkView.LOCAL_RESIZE_PROPERTY);
       if (node) {
         var resizedPayload = (0, _analytics.generateResizedEventPayload)({
           node: node,

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

@@ -9,7 +9,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _styles = require("@atlaskit/editor-common/styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pragmaticResizer = require("./pragmatic-resizer");
 var _resizerCallbacks = require("./resizer-callbacks");
@@ -47,14 +46,9 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
     dom.style.justifyContent = 'center';
 
     // contentDOM - styles
-    if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
-      contentDOM.style.gridColumn = '2';
-    } else {
-      contentDOM.style.gridRow = '1';
-      contentDOM.style.gridColumn = '1';
-    }
+    contentDOM.style.gridColumn = '2';
     contentDOM.style.zIndex = '1';
-    if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
+    if ((0, _expValEquals.expValEquals)('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true)) {
       if (mark.attrs.width) {
         dom.style.gridTemplateColumns = "auto max(var(--ak-editor--breakout-min-width), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width))) auto");
       } else {
@@ -65,20 +59,9 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
           contentDOM.style.width = "max(var(--ak-editor--line-length), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", var(--ak-editor--full-width-layout-width)), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))))");
         }
       }
-    } else if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes')) {
-      if (mark.attrs.width) {
-        dom.style.gridTemplateColumns = "auto min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width)) auto");
-      } else {
-        if (mark.attrs.mode === 'wide') {
-          contentDOM.style.width = "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.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.width = "min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))");
+        dom.style.gridTemplateColumns = "auto min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width)) auto");
       } else {
         if (mark.attrs.mode === 'wide') {
           contentDOM.style.width = "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))))");
@@ -118,7 +101,6 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
     value: function setupResizerCallbacks(dom, contentDOM, view, mark, api) {
       var callbacks = (0, _resizerCallbacks.createResizerCallbacks)({
         dom: dom,
-        contentDOM: contentDOM,
         view: view,
         mark: mark,
         api: api

package/dist/cjs/ui/LayoutButton.js

@@ -19,8 +19,6 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _growHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/grow-horizontal"));
 var _shrinkHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-horizontal"));
-var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/collapse"));
-var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -174,11 +172,9 @@ var LayoutButton = function LayoutButton(_ref) {
     },
     iconBefore: breakoutMode === 'full-width' ? (0, _react2.jsx)(_shrinkHorizontal.default, {
       label: title,
-      LEGACY_fallbackIcon: _collapse.default,
       spacing: "spacious"
     }) : (0, _react2.jsx)(_growHorizontal.default, {
       label: title,
-      LEGACY_fallbackIcon: _expand.default,
       spacing: "spacious"
     })
   })));

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

@@ -3,7 +3,6 @@ import { bind } from 'bind-event-listener';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { breakoutMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
@@ -60,9 +59,7 @@ export const createPragmaticResizer = ({
     const handle = document.createElement('div');
     handle.contentEditable = 'false';
     handle.classList.add('pm-breakout-resize-handle-container');
-    if (fg('platform_editor_breakout_resizing_width_changes')) {
-      handle.style.gridColumn = side === 'left' ? '1' : '3';
-    }
+    handle.style.gridColumn = side === 'left' ? '1' : '3';
     const rail = document.createElement('div');
     rail.classList.add('pm-breakout-resize-handle-rail');
     if (side === 'left') {

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

@@ -1,5 +1,4 @@
 import { akEditorGutterPaddingDynamic, akEditorGutterPadding, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidth, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setBreakoutWidth } from '../editor-commands/set-breakout-width';
@@ -47,7 +46,6 @@ export function getProposedWidth({
 }
 export function createResizerCallbacks({
   dom,
-  contentDOM,
   view,
   mark,
   api
@@ -129,12 +127,9 @@ export function createResizerCallbacks({
           return tr;
         });
       }
-      if (fg('platform_editor_breakout_resizing_width_changes')) {
-        // dom is used for width calculations
-        dom.style.setProperty(LOCAL_RESIZE_PROPERTY, `${newWidth}px`);
-      } else {
-        contentDOM.style.setProperty(LOCAL_RESIZE_PROPERTY, `${newWidth}px`);
-      }
+
+      // dom is used for width calculations
+      dom.style.setProperty(LOCAL_RESIZE_PROPERTY, `${newWidth}px`);
     },
     onDrop({
       location,
@@ -173,11 +168,7 @@ export function createResizerCallbacks({
       }
       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);
-      }
+      dom.style.removeProperty(LOCAL_RESIZE_PROPERTY);
       if (node) {
         const resizedPayload = generateResizedEventPayload({
           node,

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

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { createPragmaticResizer } from './pragmatic-resizer';
 import { createResizerCallbacks } from './resizer-callbacks';
@@ -33,14 +32,9 @@ export class ResizingMarkView {
     dom.style.justifyContent = 'center';
 
     // contentDOM - styles
-    if (fg('platform_editor_breakout_resizing_width_changes')) {
-      contentDOM.style.gridColumn = '2';
-    } else {
-      contentDOM.style.gridRow = '1';
-      contentDOM.style.gridColumn = '1';
-    }
+    contentDOM.style.gridColumn = '2';
     contentDOM.style.zIndex = '1';
-    if (expValEquals('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes')) {
+    if (expValEquals('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true)) {
       if (mark.attrs.width) {
         dom.style.gridTemplateColumns = `auto max(var(--ak-editor--breakout-min-width), min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), var(--ak-editor--breakout-fallback-width))) auto`;
       } else {
@@ -51,20 +45,9 @@ 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_width_changes')) {
-      if (mark.attrs.width) {
-        dom.style.gridTemplateColumns = `auto min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), var(--ak-editor--breakout-fallback-width)) auto`;
-      } else {
-        if (mark.attrs.mode === 'wide') {
-          contentDOM.style.width = `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.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.width = `min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))`;
+        dom.style.gridTemplateColumns = `auto min(var(${LOCAL_RESIZE_PROPERTY}, ${mark.attrs.width}px), var(--ak-editor--breakout-fallback-width)) auto`;
       } else {
         if (mark.attrs.mode === 'wide') {
           contentDOM.style.width = `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))))`;
@@ -102,7 +85,6 @@ export class ResizingMarkView {
   setupResizerCallbacks(dom, contentDOM, view, mark, api) {
     const callbacks = createResizerCallbacks({
       dom,
-      contentDOM,
       view,
       mark,
       api

package/dist/es2019/ui/LayoutButton.js

@@ -17,8 +17,6 @@ import { findDomRefAtPos, findParentDomRefOfType } from '@atlaskit/editor-prosem
 import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
 import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
-import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
-import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -170,11 +168,9 @@ const LayoutButton = ({
     onClick: () => handleClick(nextBreakoutMode),
     iconBefore: breakoutMode === 'full-width' ? jsx(ShrinkHorizontalIcon, {
       label: title,
-      LEGACY_fallbackIcon: CollapseIcon,
       spacing: "spacious"
     }) : jsx(GrowHorizontalIcon, {
       label: title,
-      LEGACY_fallbackIcon: ExpandIcon,
       spacing: "spacious"
     })
   })));

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

@@ -5,7 +5,6 @@ import { bind } from 'bind-event-listener';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { breakoutMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
@@ -63,9 +62,7 @@ export var createPragmaticResizer = function createPragmaticResizer(_ref2) {
     var handle = document.createElement('div');
     handle.contentEditable = 'false';
     handle.classList.add('pm-breakout-resize-handle-container');
-    if (fg('platform_editor_breakout_resizing_width_changes')) {
-      handle.style.gridColumn = side === 'left' ? '1' : '3';
-    }
+    handle.style.gridColumn = side === 'left' ? '1' : '3';
     var rail = document.createElement('div');
     rail.classList.add('pm-breakout-resize-handle-rail');
     if (side === 'left') {

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

@@ -1,5 +1,4 @@
 import { akEditorGutterPaddingDynamic, akEditorGutterPadding, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidth, akEditorMaxLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setBreakoutWidth } from '../editor-commands/set-breakout-width';
@@ -47,7 +46,6 @@ export function getProposedWidth(_ref) {
 }
 export function createResizerCallbacks(_ref2) {
   var dom = _ref2.dom,
-    contentDOM = _ref2.contentDOM,
     view = _ref2.view,
     mark = _ref2.mark,
     api = _ref2.api;
@@ -125,12 +123,9 @@ export function createResizerCallbacks(_ref2) {
           return tr;
         });
       }
-      if (fg('platform_editor_breakout_resizing_width_changes')) {
-        // dom is used for width calculations
-        dom.style.setProperty(LOCAL_RESIZE_PROPERTY, "".concat(newWidth, "px"));
-      } else {
-        contentDOM.style.setProperty(LOCAL_RESIZE_PROPERTY, "".concat(newWidth, "px"));
-      }
+
+      // dom is used for width calculations
+      dom.style.setProperty(LOCAL_RESIZE_PROPERTY, "".concat(newWidth, "px"));
     },
     onDrop: function onDrop(_ref7) {
       var _api$guideline2, _api$editorViewMode;
@@ -172,11 +167,7 @@ export function createResizerCallbacks(_ref2) {
       }
       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);
-      }
+      dom.style.removeProperty(LOCAL_RESIZE_PROPERTY);
       if (node) {
         var resizedPayload = generateResizedEventPayload({
           node: node,

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

@@ -4,7 +4,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { createPragmaticResizer } from './pragmatic-resizer';
 import { createResizerCallbacks } from './resizer-callbacks';
@@ -40,14 +39,9 @@ export var ResizingMarkView = /*#__PURE__*/function () {
     dom.style.justifyContent = 'center';
 
     // contentDOM - styles
-    if (fg('platform_editor_breakout_resizing_width_changes')) {
-      contentDOM.style.gridColumn = '2';
-    } else {
-      contentDOM.style.gridRow = '1';
-      contentDOM.style.gridColumn = '1';
-    }
+    contentDOM.style.gridColumn = '2';
     contentDOM.style.zIndex = '1';
-    if (expValEquals('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true) && fg('platform_editor_breakout_resizing_width_changes')) {
+    if (expValEquals('platform_editor_breakout_resizing_vc90_fix', 'isEnabled', true)) {
       if (mark.attrs.width) {
         dom.style.gridTemplateColumns = "auto max(var(--ak-editor--breakout-min-width), min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width))) auto");
       } else {
@@ -58,20 +52,9 @@ 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_width_changes')) {
-      if (mark.attrs.width) {
-        dom.style.gridTemplateColumns = "auto min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width)) auto");
-      } else {
-        if (mark.attrs.mode === 'wide') {
-          contentDOM.style.width = "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.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.width = "min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding)))");
+        dom.style.gridTemplateColumns = "auto min(var(".concat(LOCAL_RESIZE_PROPERTY, ", ").concat(mark.attrs.width, "px), var(--ak-editor--breakout-fallback-width)) auto");
       } else {
         if (mark.attrs.mode === 'wide') {
           contentDOM.style.width = "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))))");
@@ -111,7 +94,6 @@ export var ResizingMarkView = /*#__PURE__*/function () {
     value: function setupResizerCallbacks(dom, contentDOM, view, mark, api) {
       var callbacks = createResizerCallbacks({
         dom: dom,
-        contentDOM: contentDOM,
         view: view,
         mark: mark,
         api: api

package/dist/esm/ui/LayoutButton.js

@@ -18,8 +18,6 @@ import { findDomRefAtPos, findParentDomRefOfType } from '@atlaskit/editor-prosem
 import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import GrowHorizontalIcon from '@atlaskit/icon/core/grow-horizontal';
 import ShrinkHorizontalIcon from '@atlaskit/icon/core/shrink-horizontal';
-import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
-import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -166,11 +164,9 @@ var LayoutButton = function LayoutButton(_ref) {
     },
     iconBefore: breakoutMode === 'full-width' ? jsx(ShrinkHorizontalIcon, {
       label: title,
-      LEGACY_fallbackIcon: CollapseIcon,
       spacing: "spacious"
     }) : jsx(GrowHorizontalIcon, {
       label: title,
-      LEGACY_fallbackIcon: ExpandIcon,
       spacing: "spacious"
     })
   })));

package/dist/types/pm-plugins/resizer-callbacks.d.ts

@@ -10,9 +10,8 @@ export declare function getProposedWidth({ initialWidth, location, api, source,
     location: DragLocationHistory;
     source: ElementDragPayload;
 }): number;
-export declare function createResizerCallbacks({ dom, contentDOM, view, mark, api, }: {
+export declare function createResizerCallbacks({ dom, view, mark, api, }: {
     api: ExtractInjectionAPI<BreakoutPlugin> | undefined;
-    contentDOM: HTMLElement;
     dom: HTMLElement;
     mark: Mark;
     view: EditorView;

package/dist/types-ts4.5/pm-plugins/resizer-callbacks.d.ts

@@ -10,9 +10,8 @@ export declare function getProposedWidth({ initialWidth, location, api, source,
     location: DragLocationHistory;
     source: ElementDragPayload;
 }): number;
-export declare function createResizerCallbacks({ dom, contentDOM, view, mark, api, }: {
+export declare function createResizerCallbacks({ dom, view, mark, api, }: {
     api: ExtractInjectionAPI<BreakoutPlugin> | undefined;
-    contentDOM: HTMLElement;
     dom: HTMLElement;
     mark: Mark;
     view: EditorView;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-breakout",
-	"version": "6.3.0",
+	"version": "6.4.0",
 	"description": "Breakout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,22 +29,22 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.5.1",
-		"@atlaskit/editor-plugin-block-controls": "^7.13.0",
+		"@atlaskit/adf-schema": "^51.5.0",
+		"@atlaskit/editor-plugin-block-controls": "^7.15.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^6.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
 		"@atlaskit/editor-plugin-guideline": "^6.0.0",
 		"@atlaskit/editor-plugin-interaction": "^10.0.0",
 		"@atlaskit/editor-plugin-user-intent": "^4.0.0",
 		"@atlaskit/editor-plugin-width": "^7.0.0",
-		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.8.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tmp-editor-statsig": "^15.12.0",
+		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -53,7 +53,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.41.0",
+		"@atlaskit/editor-common": "^110.45.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -101,9 +101,6 @@
 	"platform-feature-flags": {
 		"platform-editor-single-player-expand": {
 			"type": "boolean"
-		},
-		"platform_editor_breakout_resizing_width_changes": {
-			"type": "boolean"
 		}
 	}
 }