@atlaskit/editor-plugin-block-controls 7.5.9 → 7.6.0
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 +14 -0
- package/dist/cjs/pm-plugins/decorations-drag-handle.js +1 -1
- package/dist/cjs/pm-plugins/decorations-quick-insert-button.js +1 -1
- package/dist/cjs/ui/global-styles.js +2 -2
- package/dist/es2019/pm-plugins/decorations-drag-handle.js +1 -1
- package/dist/es2019/pm-plugins/decorations-quick-insert-button.js +1 -1
- package/dist/es2019/ui/global-styles.js +2 -2
- package/dist/esm/pm-plugins/decorations-drag-handle.js +1 -1
- package/dist/esm/pm-plugins/decorations-quick-insert-button.js +1 -1
- package/dist/esm/ui/global-styles.js +2 -2
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-controls
|
|
2
2
|
|
|
3
|
+
## 7.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`a68556d4ce662`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a68556d4ce662) -
|
|
8
|
+
[ux] Stop flickering on synced blocks as first child + expands as f irst child in synced blocks
|
|
9
|
+
|
|
10
|
+
## 7.5.10
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`a2263cbfb6899`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a2263cbfb6899) -
|
|
15
|
+
[FG-CLEANUP] platform_editor_breakout_resizing_widget_fix
|
|
16
|
+
|
|
3
17
|
## 7.5.9
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -60,7 +60,7 @@ var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDec
|
|
|
60
60
|
* Exclude 'breakout' on purpose, so the widgets render at the top of the document to avoid z-index issues
|
|
61
61
|
* Other block marks must be added, otherwise PM will split the DOM elements causing mutations and re-draws
|
|
62
62
|
*/
|
|
63
|
-
marks: (0,
|
|
63
|
+
marks: (0, _marks.getActiveBlockMarks)(editorState, pos),
|
|
64
64
|
destroy: function destroy(node) {
|
|
65
65
|
unbind && unbind();
|
|
66
66
|
if ((0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) && node instanceof HTMLElement) {
|
|
@@ -45,7 +45,7 @@ var quickInsertButtonDecoration = exports.quickInsertButtonDecoration = function
|
|
|
45
45
|
* Other block marks must be added, otherwise PM will split the DOM elements causing mutations and re-draws
|
|
46
46
|
*/
|
|
47
47
|
|
|
48
|
-
marks: (0,
|
|
48
|
+
marks: (0, _marks.getActiveBlockMarks)(editorState, rootPos),
|
|
49
49
|
destroy: function destroy(_) {
|
|
50
50
|
if ((0, _platformFeatureFlags.fg)('platform_editor_fix_widget_destroy')) {
|
|
51
51
|
nodeViewPortalProviderAPI.remove(key);
|
|
@@ -231,7 +231,7 @@ var globalDnDStyle = (0, _react.css)({
|
|
|
231
231
|
var globalStyles = function globalStyles() {
|
|
232
232
|
return (0, _react.css)({
|
|
233
233
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
234
|
-
'.ProseMirror-widget:first-child + *:not([data-panel-type], .code-block, [data-node-type="nestedExpand"], [data-layout-section="true"])': {
|
|
234
|
+
'.ProseMirror-widget:first-child + *:not([data-panel-type], .code-block, [data-node-type="nestedExpand"], [data-node-type="expand"], [data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"])': {
|
|
235
235
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
236
236
|
marginTop: '0 !important'
|
|
237
237
|
}
|
|
@@ -324,7 +324,7 @@ var topLevelNodeMarginStyles = (0, _react.css)({
|
|
|
324
324
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
325
325
|
'.ProseMirror': {
|
|
326
326
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
327
|
-
'> .ProseMirror-widget:first-child + .ProseMirror-gapcursor + *:not([data-layout-section="true"]), > .ProseMirror-widget:first-child + *:not([data-layout-section="true"])': {
|
|
327
|
+
'> .ProseMirror-widget:first-child + .ProseMirror-gapcursor + *:not([data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"]), > .ProseMirror-widget:first-child + *:not([data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"])': {
|
|
328
328
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
329
329
|
marginTop: '0 !important'
|
|
330
330
|
}
|
|
@@ -51,7 +51,7 @@ export const dragHandleDecoration = ({
|
|
|
51
51
|
* Exclude 'breakout' on purpose, so the widgets render at the top of the document to avoid z-index issues
|
|
52
52
|
* Other block marks must be added, otherwise PM will split the DOM elements causing mutations and re-draws
|
|
53
53
|
*/
|
|
54
|
-
marks:
|
|
54
|
+
marks: getActiveBlockMarks(editorState, pos),
|
|
55
55
|
destroy: node => {
|
|
56
56
|
unbind && unbind();
|
|
57
57
|
if (editorExperiment('platform_editor_block_control_optimise_render', true) && node instanceof HTMLElement) {
|
|
@@ -36,7 +36,7 @@ export const quickInsertButtonDecoration = ({
|
|
|
36
36
|
* Other block marks must be added, otherwise PM will split the DOM elements causing mutations and re-draws
|
|
37
37
|
*/
|
|
38
38
|
|
|
39
|
-
marks:
|
|
39
|
+
marks: getActiveBlockMarks(editorState, rootPos),
|
|
40
40
|
destroy: _ => {
|
|
41
41
|
if (fg('platform_editor_fix_widget_destroy')) {
|
|
42
42
|
nodeViewPortalProviderAPI.remove(key);
|
|
@@ -284,7 +284,7 @@ const globalDnDStyle = css({
|
|
|
284
284
|
});
|
|
285
285
|
const globalStyles = () => css({
|
|
286
286
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
287
|
-
'.ProseMirror-widget:first-child + *:not([data-panel-type], .code-block, [data-node-type="nestedExpand"], [data-layout-section="true"])': {
|
|
287
|
+
'.ProseMirror-widget:first-child + *:not([data-panel-type], .code-block, [data-node-type="nestedExpand"], [data-node-type="expand"], [data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"])': {
|
|
288
288
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
289
289
|
marginTop: '0 !important'
|
|
290
290
|
}
|
|
@@ -374,7 +374,7 @@ const topLevelNodeMarginStyles = css({
|
|
|
374
374
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
375
375
|
'.ProseMirror': {
|
|
376
376
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
377
|
-
'> .ProseMirror-widget:first-child + .ProseMirror-gapcursor + *:not([data-layout-section="true"]), > .ProseMirror-widget:first-child + *:not([data-layout-section="true"])': {
|
|
377
|
+
'> .ProseMirror-widget:first-child + .ProseMirror-gapcursor + *:not([data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"]), > .ProseMirror-widget:first-child + *:not([data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"])': {
|
|
378
378
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
379
379
|
marginTop: '0 !important'
|
|
380
380
|
}
|
|
@@ -52,7 +52,7 @@ export var dragHandleDecoration = function dragHandleDecoration(_ref) {
|
|
|
52
52
|
* Exclude 'breakout' on purpose, so the widgets render at the top of the document to avoid z-index issues
|
|
53
53
|
* Other block marks must be added, otherwise PM will split the DOM elements causing mutations and re-draws
|
|
54
54
|
*/
|
|
55
|
-
marks:
|
|
55
|
+
marks: getActiveBlockMarks(editorState, pos),
|
|
56
56
|
destroy: function destroy(node) {
|
|
57
57
|
unbind && unbind();
|
|
58
58
|
if (editorExperiment('platform_editor_block_control_optimise_render', true) && node instanceof HTMLElement) {
|
|
@@ -37,7 +37,7 @@ export var quickInsertButtonDecoration = function quickInsertButtonDecoration(_r
|
|
|
37
37
|
* Other block marks must be added, otherwise PM will split the DOM elements causing mutations and re-draws
|
|
38
38
|
*/
|
|
39
39
|
|
|
40
|
-
marks:
|
|
40
|
+
marks: getActiveBlockMarks(editorState, rootPos),
|
|
41
41
|
destroy: function destroy(_) {
|
|
42
42
|
if (fg('platform_editor_fix_widget_destroy')) {
|
|
43
43
|
nodeViewPortalProviderAPI.remove(key);
|
|
@@ -224,7 +224,7 @@ var globalDnDStyle = css({
|
|
|
224
224
|
var globalStyles = function globalStyles() {
|
|
225
225
|
return css({
|
|
226
226
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
227
|
-
'.ProseMirror-widget:first-child + *:not([data-panel-type], .code-block, [data-node-type="nestedExpand"], [data-layout-section="true"])': {
|
|
227
|
+
'.ProseMirror-widget:first-child + *:not([data-panel-type], .code-block, [data-node-type="nestedExpand"], [data-node-type="expand"], [data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"])': {
|
|
228
228
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
229
229
|
marginTop: '0 !important'
|
|
230
230
|
}
|
|
@@ -317,7 +317,7 @@ var topLevelNodeMarginStyles = css({
|
|
|
317
317
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
318
318
|
'.ProseMirror': {
|
|
319
319
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
320
|
-
'> .ProseMirror-widget:first-child + .ProseMirror-gapcursor + *:not([data-layout-section="true"]), > .ProseMirror-widget:first-child + *:not([data-layout-section="true"])': {
|
|
320
|
+
'> .ProseMirror-widget:first-child + .ProseMirror-gapcursor + *:not([data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"]), > .ProseMirror-widget:first-child + *:not([data-layout-section="true"], [data-prosemirror-node-name="bodiedSyncBlock"])': {
|
|
321
321
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
322
322
|
marginTop: '0 !important'
|
|
323
323
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-controls",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.6.0",
|
|
4
4
|
"description": "Block controls plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"uuid": "^3.1.0"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
|
-
"@atlaskit/editor-common": "^110.
|
|
68
|
+
"@atlaskit/editor-common": "^110.30.0",
|
|
69
69
|
"react": "^18.2.0",
|
|
70
70
|
"react-dom": "^18.2.0",
|
|
71
71
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -148,9 +148,6 @@
|
|
|
148
148
|
"editor_native_anchor_remove_decoration_in_apply": {
|
|
149
149
|
"type": "boolean"
|
|
150
150
|
},
|
|
151
|
-
"platform_editor_breakout_resizing_widget_fix": {
|
|
152
|
-
"type": "boolean"
|
|
153
|
-
},
|
|
154
151
|
"platform_editor_content_mode_button_mvp": {
|
|
155
152
|
"type": "boolean"
|
|
156
153
|
},
|