@atlaskit/editor-plugin-breakout 26.0.0 → 26.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/pm-plugins/resizing-mark-view.js +2 -2
  3. package/dist/es2019/pm-plugins/resizing-mark-view.js +2 -2
  4. package/dist/esm/pm-plugins/resizing-mark-view.js +2 -2
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 26.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`a16143d8e4856`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a16143d8e4856) -
8
+ [ux] Behind `platform_editor_reduce_forced_layout`, breakout resize handles are now built while
9
+ the mark view is still detached, so ProseMirror attaches them together with the node instead of a
10
+ deferred pass inserting them a frame later. Whether a node type is resizable is now decided in
11
+ CSS, which needs no position lookup.
12
+
13
+ ## 26.0.1
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
3
19
  ## 26.0.0
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/pm-plugins/resizing-mark-view.js CHANGED
@@ -99,13 +99,13 @@ var ResizingMarkView = exports.ResizingMarkView = /*#__PURE__*/function () {
99
99
  this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
100
100
  var isLiveViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
101
101
  if (!isLiveViewMode) {
102
- (0, _fg.fg)('platform_editor_lovability_resize_gracefully') || (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully') ? this.setupResizerCallbacksIfSupported(dom, contentDOM, view, mark, isResizingDividersPanelsEnabled, isResizingExtensionsEnabled, api) : this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
102
+ !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_forced_layout') && ((0, _fg.fg)('platform_editor_lovability_resize_gracefully') || (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully')) ? this.setupResizerCallbacksIfSupported(dom, contentDOM, view, mark, isResizingDividersPanelsEnabled, isResizingExtensionsEnabled, api) : this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
103
103
  }
104
104
  this.unsubscribeToViewModeChange = api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.sharedState.onChange(function (sharedState) {
105
105
  var _sharedState$nextShar, _sharedState$prevShar;
106
106
  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)) {
107
107
  var _sharedState$nextShar4, _sharedState$nextShar5;
108
- if ((0, _fg.fg)('platform_editor_lovability_resize_gracefully') || (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully')) {
108
+ if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_forced_layout') && ((0, _fg.fg)('platform_editor_lovability_resize_gracefully') || (0, _fg.fg)('platform_editor_lovability_resize_exts_gracefully'))) {
109
109
  var _sharedState$nextShar2, _sharedState$nextShar3;
110
110
  if (((_sharedState$nextShar2 = sharedState.nextSharedState) === null || _sharedState$nextShar2 === void 0 ? void 0 : _sharedState$nextShar2.mode) === 'view') {
111
111
  var _this$cancelScheduled;
package/dist/es2019/pm-plugins/resizing-mark-view.js CHANGED
@@ -83,13 +83,13 @@ export class ResizingMarkView {
83
83
  this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
84
84
  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';
85
85
  if (!isLiveViewMode) {
86
- fg('platform_editor_lovability_resize_gracefully') || fg('platform_editor_lovability_resize_exts_gracefully') ? this.setupResizerCallbacksIfSupported(dom, contentDOM, view, mark, isResizingDividersPanelsEnabled, isResizingExtensionsEnabled, api) : this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
86
+ !isExperimentEnabled('platform_editor_reduce_forced_layout') && (fg('platform_editor_lovability_resize_gracefully') || fg('platform_editor_lovability_resize_exts_gracefully')) ? this.setupResizerCallbacksIfSupported(dom, contentDOM, view, mark, isResizingDividersPanelsEnabled, isResizingExtensionsEnabled, api) : this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
87
87
  }
88
88
  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 => {
89
89
  var _sharedState$nextShar, _sharedState$prevShar;
90
90
  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)) {
91
91
  var _sharedState$nextShar4, _sharedState$nextShar5;
92
- if (fg('platform_editor_lovability_resize_gracefully') || fg('platform_editor_lovability_resize_exts_gracefully')) {
92
+ if (!isExperimentEnabled('platform_editor_reduce_forced_layout') && (fg('platform_editor_lovability_resize_gracefully') || fg('platform_editor_lovability_resize_exts_gracefully'))) {
93
93
  var _sharedState$nextShar2, _sharedState$nextShar3;
94
94
  if (((_sharedState$nextShar2 = sharedState.nextSharedState) === null || _sharedState$nextShar2 === void 0 ? void 0 : _sharedState$nextShar2.mode) === 'view') {
95
95
  var _this$cancelScheduled;
package/dist/esm/pm-plugins/resizing-mark-view.js CHANGED
@@ -92,13 +92,13 @@ export var ResizingMarkView = /*#__PURE__*/function () {
92
92
  this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
93
93
  var isLiveViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
94
94
  if (!isLiveViewMode) {
95
- fg('platform_editor_lovability_resize_gracefully') || fg('platform_editor_lovability_resize_exts_gracefully') ? this.setupResizerCallbacksIfSupported(dom, contentDOM, view, mark, isResizingDividersPanelsEnabled, isResizingExtensionsEnabled, api) : this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
95
+ !isExperimentEnabled('platform_editor_reduce_forced_layout') && (fg('platform_editor_lovability_resize_gracefully') || fg('platform_editor_lovability_resize_exts_gracefully')) ? this.setupResizerCallbacksIfSupported(dom, contentDOM, view, mark, isResizingDividersPanelsEnabled, isResizingExtensionsEnabled, api) : this.setupResizerCallbacks(dom, contentDOM, view, mark, api);
96
96
  }
97
97
  this.unsubscribeToViewModeChange = api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.sharedState.onChange(function (sharedState) {
98
98
  var _sharedState$nextShar, _sharedState$prevShar;
99
99
  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)) {
100
100
  var _sharedState$nextShar4, _sharedState$nextShar5;
101
- if (fg('platform_editor_lovability_resize_gracefully') || fg('platform_editor_lovability_resize_exts_gracefully')) {
101
+ if (!isExperimentEnabled('platform_editor_reduce_forced_layout') && (fg('platform_editor_lovability_resize_gracefully') || fg('platform_editor_lovability_resize_exts_gracefully'))) {
102
102
  var _sharedState$nextShar2, _sharedState$nextShar3;
103
103
  if (((_sharedState$nextShar2 = sharedState.nextSharedState) === null || _sharedState$nextShar2 === void 0 ? void 0 : _sharedState$nextShar2.mode) === 'view') {
104
104
  var _this$cancelScheduled;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-breakout",
3
- "version": "26.0.0",
3
+ "version": "26.0.2",
4
4
  "description": "Breakout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/platform-feature-flags": "^2.2.0",
37
37
  "@atlaskit/pragmatic-drag-and-drop": "^4.0.0",
38
38
  "@atlaskit/theme": "^28.2.0",
39
- "@atlaskit/tmp-editor-statsig": "^227.0.0",
39
+ "@atlaskit/tmp-editor-statsig": "^228.0.0",
40
40
  "@atlaskit/tokens": "^20.4.0",
41
41
  "@atlaskit/tooltip": "^24.4.0",
42
42
  "@babel/runtime": "^7.0.0",
@@ -46,7 +46,7 @@
46
46
  "uuid": "^11.1.1"
47
47
  },
48
48
  "peerDependencies": {
49
- "@atlaskit/editor-common": "^130.0.0",
49
+ "@atlaskit/editor-common": "^130.1.0",
50
50
  "react": "^18.2.0 || ^19.2.0",
51
51
  "react-dom": "^18.2.0 || ^19.2.0",
52
52
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"