@atlaskit/editor-plugin-block-controls 3.3.11 → 3.3.12
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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/editor-commands/move-node.js +1 -3
- package/dist/cjs/editor-commands/move-to-layout.js +1 -3
- package/dist/cjs/pm-plugins/decorations-drop-target.js +1 -3
- package/dist/cjs/pm-plugins/main.js +3 -1
- package/dist/cjs/ui/drag-handle.js +1 -3
- package/dist/es2019/editor-commands/move-node.js +1 -3
- package/dist/es2019/editor-commands/move-to-layout.js +1 -3
- package/dist/es2019/pm-plugins/decorations-drop-target.js +1 -3
- package/dist/es2019/pm-plugins/main.js +3 -1
- package/dist/es2019/ui/drag-handle.js +1 -3
- package/dist/esm/editor-commands/move-node.js +1 -3
- package/dist/esm/editor-commands/move-to-layout.js +1 -3
- package/dist/esm/pm-plugins/decorations-drop-target.js +1 -3
- package/dist/esm/pm-plugins/main.js +3 -1
- package/dist/esm/ui/drag-handle.js +1 -3
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-controls
|
|
2
2
|
|
|
3
|
+
## 3.3.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#126796](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/126796)
|
|
8
|
+
[`5ca66e248d850`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ca66e248d850) -
|
|
9
|
+
Change experiment exposure point
|
|
10
|
+
|
|
3
11
|
## 3.3.11
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -347,9 +347,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
|
|
|
347
347
|
var sliceTo;
|
|
348
348
|
var mappedTo;
|
|
349
349
|
var sourceNodeTypes, hasSelectedMultipleNodes;
|
|
350
|
-
var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true
|
|
351
|
-
exposure: true
|
|
352
|
-
});
|
|
350
|
+
var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
|
|
353
351
|
if ((0, _platformFeatureFlags.fg)('platform_editor_ease_of_use_metrics')) {
|
|
354
352
|
var _api$metrics;
|
|
355
353
|
api === null || api === void 0 || (_api$metrics = api.metrics) === null || _api$metrics === void 0 || _api$metrics.commands.setContentMoved()({
|
|
@@ -187,9 +187,7 @@ var canMoveToLayout = function canMoveToLayout(api, from, to, tr, moveNodeAtCurs
|
|
|
187
187
|
return;
|
|
188
188
|
}
|
|
189
189
|
var $from = tr.doc.resolve(from);
|
|
190
|
-
var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true
|
|
191
|
-
exposure: true
|
|
192
|
-
});
|
|
190
|
+
var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
|
|
193
191
|
|
|
194
192
|
// invalid from position or dragging a layout
|
|
195
193
|
if (!$from.nodeAfter || $from.nodeAfter.type === layoutSection) {
|
|
@@ -149,9 +149,7 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
|
|
|
149
149
|
var activeNodePos = activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos;
|
|
150
150
|
var $activeNodePos = typeof activeNodePos === 'number' && newState.doc.resolve(activeNodePos);
|
|
151
151
|
var activePMNode = $activeNodePos && $activeNodePos.nodeAfter;
|
|
152
|
-
var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true
|
|
153
|
-
exposure: true
|
|
154
|
-
});
|
|
152
|
+
var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
|
|
155
153
|
anchorRectCache === null || anchorRectCache === void 0 || anchorRectCache.clear();
|
|
156
154
|
var prevNodeStack = [];
|
|
157
155
|
var popNodeStack = function popNodeStack(depth) {
|
|
@@ -580,7 +580,9 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
|
|
|
580
580
|
var isAdvancedLayoutEnabled = (0, _experiments.editorExperiment)('advanced_layouts', true, {
|
|
581
581
|
exposure: true
|
|
582
582
|
});
|
|
583
|
-
var isMultiSelectEnabled = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true
|
|
583
|
+
var isMultiSelectEnabled = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
|
|
584
|
+
exposure: true
|
|
585
|
+
});
|
|
584
586
|
var flags = {
|
|
585
587
|
isNestedEnabled: isNestedEnabled,
|
|
586
588
|
isMultiSelectEnabled: isMultiSelectEnabled
|
|
@@ -164,9 +164,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
|
|
|
164
164
|
var selection = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'selection.selection');
|
|
165
165
|
var isShiftDown = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockControls.isShiftDown');
|
|
166
166
|
var isLayoutColumn = nodeType === 'layoutColumn';
|
|
167
|
-
var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true
|
|
168
|
-
exposure: true
|
|
169
|
-
});
|
|
167
|
+
var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
|
|
170
168
|
(0, _react.useEffect)(function () {
|
|
171
169
|
// blockCard/datasource width is rendered correctly after this decoraton does. We need to observe for changes.
|
|
172
170
|
if (nodeType === 'blockCard') {
|
|
@@ -348,9 +348,7 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
|
|
|
348
348
|
let sliceTo;
|
|
349
349
|
let mappedTo;
|
|
350
350
|
let sourceNodeTypes, hasSelectedMultipleNodes;
|
|
351
|
-
const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
352
|
-
exposure: true
|
|
353
|
-
});
|
|
351
|
+
const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
|
|
354
352
|
if (fg('platform_editor_ease_of_use_metrics')) {
|
|
355
353
|
var _api$metrics;
|
|
356
354
|
api === null || api === void 0 ? void 0 : (_api$metrics = api.metrics) === null || _api$metrics === void 0 ? void 0 : _api$metrics.commands.setContentMoved()({
|
|
@@ -186,9 +186,7 @@ const canMoveToLayout = (api, from, to, tr, moveNodeAtCursorPos) => {
|
|
|
186
186
|
return;
|
|
187
187
|
}
|
|
188
188
|
const $from = tr.doc.resolve(from);
|
|
189
|
-
const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
190
|
-
exposure: true
|
|
191
|
-
});
|
|
189
|
+
const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
|
|
192
190
|
|
|
193
191
|
// invalid from position or dragging a layout
|
|
194
192
|
if (!$from.nodeAfter || $from.nodeAfter.type === layoutSection) {
|
|
@@ -136,9 +136,7 @@ export const dropTargetDecorations = (newState, api, formatMessage, nodeViewPort
|
|
|
136
136
|
const activeNodePos = activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos;
|
|
137
137
|
const $activeNodePos = typeof activeNodePos === 'number' && newState.doc.resolve(activeNodePos);
|
|
138
138
|
const activePMNode = $activeNodePos && $activeNodePos.nodeAfter;
|
|
139
|
-
const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
140
|
-
exposure: true
|
|
141
|
-
});
|
|
139
|
+
const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
|
|
142
140
|
anchorRectCache === null || anchorRectCache === void 0 ? void 0 : anchorRectCache.clear();
|
|
143
141
|
const prevNodeStack = [];
|
|
144
142
|
const popNodeStack = depth => {
|
|
@@ -559,7 +559,9 @@ export const createPlugin = (api, getIntl, nodeViewPortalProviderAPI) => {
|
|
|
559
559
|
const isAdvancedLayoutEnabled = editorExperiment('advanced_layouts', true, {
|
|
560
560
|
exposure: true
|
|
561
561
|
});
|
|
562
|
-
const isMultiSelectEnabled = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
562
|
+
const isMultiSelectEnabled = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
|
|
563
|
+
exposure: true
|
|
564
|
+
});
|
|
563
565
|
const flags = {
|
|
564
566
|
isNestedEnabled,
|
|
565
567
|
isMultiSelectEnabled
|
|
@@ -148,9 +148,7 @@ export const DragHandle = ({
|
|
|
148
148
|
const selection = useSharedPluginStateSelector(api, 'selection.selection');
|
|
149
149
|
const isShiftDown = useSharedPluginStateSelector(api, 'blockControls.isShiftDown');
|
|
150
150
|
const isLayoutColumn = nodeType === 'layoutColumn';
|
|
151
|
-
const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
152
|
-
exposure: true
|
|
153
|
-
});
|
|
151
|
+
const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
|
|
154
152
|
useEffect(() => {
|
|
155
153
|
// blockCard/datasource width is rendered correctly after this decoraton does. We need to observe for changes.
|
|
156
154
|
if (nodeType === 'blockCard') {
|
|
@@ -341,9 +341,7 @@ export var moveNode = function moveNode(api) {
|
|
|
341
341
|
var sliceTo;
|
|
342
342
|
var mappedTo;
|
|
343
343
|
var sourceNodeTypes, hasSelectedMultipleNodes;
|
|
344
|
-
var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
345
|
-
exposure: true
|
|
346
|
-
});
|
|
344
|
+
var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
|
|
347
345
|
if (fg('platform_editor_ease_of_use_metrics')) {
|
|
348
346
|
var _api$metrics;
|
|
349
347
|
api === null || api === void 0 || (_api$metrics = api.metrics) === null || _api$metrics === void 0 || _api$metrics.commands.setContentMoved()({
|
|
@@ -181,9 +181,7 @@ var canMoveToLayout = function canMoveToLayout(api, from, to, tr, moveNodeAtCurs
|
|
|
181
181
|
return;
|
|
182
182
|
}
|
|
183
183
|
var $from = tr.doc.resolve(from);
|
|
184
|
-
var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
185
|
-
exposure: true
|
|
186
|
-
});
|
|
184
|
+
var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
|
|
187
185
|
|
|
188
186
|
// invalid from position or dragging a layout
|
|
189
187
|
if (!$from.nodeAfter || $from.nodeAfter.type === layoutSection) {
|
|
@@ -142,9 +142,7 @@ export var dropTargetDecorations = function dropTargetDecorations(newState, api,
|
|
|
142
142
|
var activeNodePos = activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos;
|
|
143
143
|
var $activeNodePos = typeof activeNodePos === 'number' && newState.doc.resolve(activeNodePos);
|
|
144
144
|
var activePMNode = $activeNodePos && $activeNodePos.nodeAfter;
|
|
145
|
-
var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
146
|
-
exposure: true
|
|
147
|
-
});
|
|
145
|
+
var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
|
|
148
146
|
anchorRectCache === null || anchorRectCache === void 0 || anchorRectCache.clear();
|
|
149
147
|
var prevNodeStack = [];
|
|
150
148
|
var popNodeStack = function popNodeStack(depth) {
|
|
@@ -573,7 +573,9 @@ export var createPlugin = function createPlugin(api, getIntl, nodeViewPortalProv
|
|
|
573
573
|
var isAdvancedLayoutEnabled = editorExperiment('advanced_layouts', true, {
|
|
574
574
|
exposure: true
|
|
575
575
|
});
|
|
576
|
-
var isMultiSelectEnabled = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
576
|
+
var isMultiSelectEnabled = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
|
|
577
|
+
exposure: true
|
|
578
|
+
});
|
|
577
579
|
var flags = {
|
|
578
580
|
isNestedEnabled: isNestedEnabled,
|
|
579
581
|
isMultiSelectEnabled: isMultiSelectEnabled
|
|
@@ -161,9 +161,7 @@ export var DragHandle = function DragHandle(_ref) {
|
|
|
161
161
|
var selection = useSharedPluginStateSelector(api, 'selection.selection');
|
|
162
162
|
var isShiftDown = useSharedPluginStateSelector(api, 'blockControls.isShiftDown');
|
|
163
163
|
var isLayoutColumn = nodeType === 'layoutColumn';
|
|
164
|
-
var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true
|
|
165
|
-
exposure: true
|
|
166
|
-
});
|
|
164
|
+
var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
|
|
167
165
|
useEffect(function () {
|
|
168
166
|
// blockCard/datasource width is rendered correctly after this decoraton does. We need to observe for changes.
|
|
169
167
|
if (nodeType === 'blockCard') {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-controls",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.12",
|
|
4
4
|
"description": "Block controls plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@atlaskit/adf-schema": "^47.6.0",
|
|
36
|
-
"@atlaskit/editor-common": "^102.
|
|
36
|
+
"@atlaskit/editor-common": "^102.5.0",
|
|
37
37
|
"@atlaskit/editor-plugin-accessibility-utils": "^2.0.0",
|
|
38
38
|
"@atlaskit/editor-plugin-analytics": "^2.1.0",
|
|
39
39
|
"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@atlaskit/primitives": "^14.1.0",
|
|
54
54
|
"@atlaskit/theme": "^18.0.0",
|
|
55
55
|
"@atlaskit/tmp-editor-statsig": "^3.6.0",
|
|
56
|
-
"@atlaskit/tokens": "^4.
|
|
56
|
+
"@atlaskit/tokens": "^4.5.0",
|
|
57
57
|
"@atlaskit/tooltip": "^20.0.0",
|
|
58
58
|
"@babel/runtime": "^7.0.0",
|
|
59
59
|
"@emotion/react": "^11.7.1",
|