@atlaskit/editor-plugin-breakout 7.0.1 → 7.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 +7 -0
  2. package/dist/cjs/pm-plugins/pragmatic-resizer.js +6 -1
  3. package/dist/es2019/pm-plugins/pragmatic-resizer.js +6 -1
  4. package/dist/esm/pm-plugins/pragmatic-resizer.js +6 -1
  5. package/package.json +5 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/editor-plugin-breakout
2
2
 
3
+ ## 7.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`a8536aacb2a53`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8536aacb2a53) -
8
+ Editor-4461: Fix resize a selected node not working
9
+
3
10
  ## 7.0.1
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/pm-plugins/pragmatic-resizer.js CHANGED
@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var _bindEventListener = require("bind-event-listener");
13
13
  var _v = _interopRequireDefault(require("uuid/v4"));
14
14
  var _messages = require("@atlaskit/editor-common/messages");
15
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
16
  var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
16
17
  var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview");
17
18
  var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
@@ -86,6 +87,9 @@ var createPragmaticResizer = exports.createPragmaticResizer = function createPra
86
87
  handleHitBox.classList.add('pm-breakout-resize-handle-hit-box');
87
88
  var thumb = document.createElement('div');
88
89
  thumb.classList.add('pm-breakout-resize-handle-thumb');
90
+ if ((0, _platformFeatureFlags.fg)('platform_editor_fix_resize_selected_node')) {
91
+ thumb.style.pointerEvents = 'none';
92
+ }
89
93
  rail.appendChild(thumb);
90
94
  var tooltipContainer = document.createElement('div');
91
95
  tooltipContainer.classList.add('pm-breakout-resize-handle-rail-wrapper');
@@ -160,7 +164,8 @@ var createPragmaticResizer = exports.createPragmaticResizer = function createPra
160
164
  })];
161
165
  };
162
166
  var unbindFns = [].concat((0, _toConsumableArray2.default)(registerEvents(target)), (0, _toConsumableArray2.default)(registerEvents(rightHandle.handleHitBox)), (0, _toConsumableArray2.default)(registerEvents(leftHandle.handleHitBox)), (0, _toConsumableArray2.default)(registerEvents(rightHandle.rail)), (0, _toConsumableArray2.default)(registerEvents(leftHandle.rail)));
163
- var destroyFns = [registerHandle(rightHandle.handle, 'right'), registerHandle(leftHandle.handle, 'left'), rightHandle.destroyTooltip, leftHandle.destroyTooltip];
167
+ var handleElement = (0, _platformFeatureFlags.fg)('platform_editor_fix_resize_selected_node') ? 'rail' : 'handle';
168
+ var destroyFns = [registerHandle(rightHandle[handleElement], 'right'), registerHandle(leftHandle[handleElement], 'left'), rightHandle.destroyTooltip, leftHandle.destroyTooltip];
164
169
  return {
165
170
  rightHandle: rightHandle.handle,
166
171
  leftHandle: leftHandle.handle,
package/dist/es2019/pm-plugins/pragmatic-resizer.js CHANGED
@@ -3,6 +3,7 @@ import { bind } from 'bind-event-listener';
3
3
  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
4
4
  import uuid from 'uuid/v4';
5
5
  import { breakoutMessages as messages } from '@atlaskit/editor-common/messages';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
7
8
  import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
8
9
  import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
@@ -73,6 +74,9 @@ export const createPragmaticResizer = ({
73
74
  handleHitBox.classList.add('pm-breakout-resize-handle-hit-box');
74
75
  const thumb = document.createElement('div');
75
76
  thumb.classList.add('pm-breakout-resize-handle-thumb');
77
+ if (fg('platform_editor_fix_resize_selected_node')) {
78
+ thumb.style.pointerEvents = 'none';
79
+ }
76
80
  rail.appendChild(thumb);
77
81
  const tooltipContainer = document.createElement('div');
78
82
  tooltipContainer.classList.add('pm-breakout-resize-handle-rail-wrapper');
@@ -142,7 +146,8 @@ export const createPragmaticResizer = ({
142
146
  })];
143
147
  };
144
148
  const unbindFns = [...registerEvents(target), ...registerEvents(rightHandle.handleHitBox), ...registerEvents(leftHandle.handleHitBox), ...registerEvents(rightHandle.rail), ...registerEvents(leftHandle.rail)];
145
- const destroyFns = [registerHandle(rightHandle.handle, 'right'), registerHandle(leftHandle.handle, 'left'), rightHandle.destroyTooltip, leftHandle.destroyTooltip];
149
+ const handleElement = fg('platform_editor_fix_resize_selected_node') ? 'rail' : 'handle';
150
+ const destroyFns = [registerHandle(rightHandle[handleElement], 'right'), registerHandle(leftHandle[handleElement], 'left'), rightHandle.destroyTooltip, leftHandle.destroyTooltip];
146
151
  return {
147
152
  rightHandle: rightHandle.handle,
148
153
  leftHandle: leftHandle.handle,
package/dist/esm/pm-plugins/pragmatic-resizer.js CHANGED
@@ -5,6 +5,7 @@ import { bind } from 'bind-event-listener';
5
5
  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
6
6
  import uuid from 'uuid/v4';
7
7
  import { breakoutMessages as messages } from '@atlaskit/editor-common/messages';
8
+ import { fg } from '@atlaskit/platform-feature-flags';
8
9
  import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
9
10
  import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
10
11
  import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
@@ -76,6 +77,9 @@ export var createPragmaticResizer = function createPragmaticResizer(_ref2) {
76
77
  handleHitBox.classList.add('pm-breakout-resize-handle-hit-box');
77
78
  var thumb = document.createElement('div');
78
79
  thumb.classList.add('pm-breakout-resize-handle-thumb');
80
+ if (fg('platform_editor_fix_resize_selected_node')) {
81
+ thumb.style.pointerEvents = 'none';
82
+ }
79
83
  rail.appendChild(thumb);
80
84
  var tooltipContainer = document.createElement('div');
81
85
  tooltipContainer.classList.add('pm-breakout-resize-handle-rail-wrapper');
@@ -150,7 +154,8 @@ export var createPragmaticResizer = function createPragmaticResizer(_ref2) {
150
154
  })];
151
155
  };
152
156
  var unbindFns = [].concat(_toConsumableArray(registerEvents(target)), _toConsumableArray(registerEvents(rightHandle.handleHitBox)), _toConsumableArray(registerEvents(leftHandle.handleHitBox)), _toConsumableArray(registerEvents(rightHandle.rail)), _toConsumableArray(registerEvents(leftHandle.rail)));
153
- var destroyFns = [registerHandle(rightHandle.handle, 'right'), registerHandle(leftHandle.handle, 'left'), rightHandle.destroyTooltip, leftHandle.destroyTooltip];
157
+ var handleElement = fg('platform_editor_fix_resize_selected_node') ? 'rail' : 'handle';
158
+ var destroyFns = [registerHandle(rightHandle[handleElement], 'right'), registerHandle(leftHandle[handleElement], 'left'), rightHandle.destroyTooltip, leftHandle.destroyTooltip];
154
159
  return {
155
160
  rightHandle: rightHandle.handle,
156
161
  leftHandle: leftHandle.handle,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-breakout",
3
- "version": "7.0.1",
3
+ "version": "7.0.2",
4
4
  "description": "Breakout plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
44
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
45
45
  "@atlaskit/theme": "^21.0.0",
46
- "@atlaskit/tmp-editor-statsig": "^16.23.0",
46
+ "@atlaskit/tmp-editor-statsig": "^16.24.0",
47
47
  "@atlaskit/tokens": "^10.0.0",
48
48
  "@atlaskit/tooltip": "^20.14.0",
49
49
  "@babel/runtime": "^7.0.0",
@@ -101,6 +101,9 @@
101
101
  "platform-feature-flags": {
102
102
  "platform-editor-single-player-expand": {
103
103
  "type": "boolean"
104
+ },
105
+ "platform_editor_fix_resize_selected_node": {
106
+ "type": "boolean"
104
107
  }
105
108
  }
106
109
  }