@atlaskit/editor-plugin-block-controls 6.3.0 → 6.3.1
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/pm-plugins/decorations-quick-insert-button.js +5 -7
- package/dist/cjs/ui/drag-handle.js +2 -2
- package/dist/es2019/pm-plugins/decorations-quick-insert-button.js +5 -7
- package/dist/es2019/ui/drag-handle.js +2 -2
- package/dist/esm/pm-plugins/decorations-quick-insert-button.js +5 -7
- package/dist/esm/ui/drag-handle.js +2 -2
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-controls
|
|
2
2
|
|
|
3
|
+
## 6.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`1c474ad18f3ac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c474ad18f3ac) -
|
|
8
|
+
[ED-28566] Clean up platform_editor_controls_patch_15
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 6.3.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
@@ -65,13 +65,11 @@ var quickInsertButtonDecoration = exports.quickInsertButtonDecoration = function
|
|
|
65
65
|
};
|
|
66
66
|
return _view.Decoration.widget(rootPos, function (view, getPos) {
|
|
67
67
|
var element = document.createElement('span');
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
element.style.clear = 'unset';
|
|
74
|
-
}
|
|
68
|
+
// inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
|
|
69
|
+
element.style.display = 'block';
|
|
70
|
+
if ((0, _expValEquals.expValEquals)('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
|
|
71
|
+
// make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
|
|
72
|
+
element.style.clear = 'unset';
|
|
75
73
|
}
|
|
76
74
|
element.contentEditable = 'false';
|
|
77
75
|
element.setAttribute('data-blocks-quick-insert-container', 'true');
|
|
@@ -933,7 +933,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
|
|
|
933
933
|
});
|
|
934
934
|
}
|
|
935
935
|
}, (0, _react2.jsx)("span", {
|
|
936
|
-
css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && buttonWrapperStyles,
|
|
936
|
+
css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
|
|
937
937
|
}, renderButton()))));
|
|
938
938
|
};
|
|
939
939
|
var stickyWithoutTooltip = function stickyWithoutTooltip() {
|
|
@@ -947,7 +947,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
|
|
|
947
947
|
}, (0, _react2.jsx)("span", {
|
|
948
948
|
css: [tooltipContainerStyles, (0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithMask, !(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithoutMask]
|
|
949
949
|
}, (0, _react2.jsx)("span", {
|
|
950
|
-
css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && buttonWrapperStyles,
|
|
950
|
+
css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
|
|
951
951
|
}, renderButton())));
|
|
952
952
|
};
|
|
953
953
|
var buttonWithTooltip = function buttonWithTooltip() {
|
|
@@ -57,13 +57,11 @@ export const quickInsertButtonDecoration = ({
|
|
|
57
57
|
};
|
|
58
58
|
return Decoration.widget(rootPos, (view, getPos) => {
|
|
59
59
|
const element = document.createElement('span');
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
element.style.clear = 'unset';
|
|
66
|
-
}
|
|
60
|
+
// inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
|
|
61
|
+
element.style.display = 'block';
|
|
62
|
+
if (expValEquals('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
|
|
63
|
+
// make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
|
|
64
|
+
element.style.clear = 'unset';
|
|
67
65
|
}
|
|
68
66
|
element.contentEditable = 'false';
|
|
69
67
|
element.setAttribute('data-blocks-quick-insert-container', 'true');
|
|
@@ -919,7 +919,7 @@ export const DragHandle = ({
|
|
|
919
919
|
});
|
|
920
920
|
}
|
|
921
921
|
}, jsx("span", {
|
|
922
|
-
css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles,
|
|
922
|
+
css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
|
|
923
923
|
}, renderButton()))));
|
|
924
924
|
const stickyWithoutTooltip = () => jsx(Box
|
|
925
925
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
@@ -931,7 +931,7 @@ export const DragHandle = ({
|
|
|
931
931
|
}, jsx("span", {
|
|
932
932
|
css: [tooltipContainerStyles, shouldMaskNodeControls(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithMask, !shouldMaskNodeControls(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithoutMask]
|
|
933
933
|
}, jsx("span", {
|
|
934
|
-
css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles,
|
|
934
|
+
css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
|
|
935
935
|
}, renderButton())));
|
|
936
936
|
const buttonWithTooltip = () => jsx(Tooltip, {
|
|
937
937
|
content: jsx(TooltipContentWithMultipleShortcuts, {
|
|
@@ -58,13 +58,11 @@ export var quickInsertButtonDecoration = function quickInsertButtonDecoration(_r
|
|
|
58
58
|
};
|
|
59
59
|
return Decoration.widget(rootPos, function (view, getPos) {
|
|
60
60
|
var element = document.createElement('span');
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
element.style.clear = 'unset';
|
|
67
|
-
}
|
|
61
|
+
// inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
|
|
62
|
+
element.style.display = 'block';
|
|
63
|
+
if (expValEquals('platform_editor_quick_insert_image_wrap_right_fix', 'isEnabled', true)) {
|
|
64
|
+
// make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
|
|
65
|
+
element.style.clear = 'unset';
|
|
68
66
|
}
|
|
69
67
|
element.contentEditable = 'false';
|
|
70
68
|
element.setAttribute('data-blocks-quick-insert-container', 'true');
|
|
@@ -930,7 +930,7 @@ export var DragHandle = function DragHandle(_ref) {
|
|
|
930
930
|
});
|
|
931
931
|
}
|
|
932
932
|
}, jsx("span", {
|
|
933
|
-
css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles,
|
|
933
|
+
css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
|
|
934
934
|
}, renderButton()))));
|
|
935
935
|
};
|
|
936
936
|
var stickyWithoutTooltip = function stickyWithoutTooltip() {
|
|
@@ -944,7 +944,7 @@ export var DragHandle = function DragHandle(_ref) {
|
|
|
944
944
|
}, jsx("span", {
|
|
945
945
|
css: [tooltipContainerStyles, shouldMaskNodeControls(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithMask, !shouldMaskNodeControls(nodeType, isTopLevelNode) && tooltipContainerStylesStickyHeaderWithoutMask]
|
|
946
946
|
}, jsx("span", {
|
|
947
|
-
css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles,
|
|
947
|
+
css: [shouldMaskNodeControls(nodeType, isTopLevelNode) && buttonWrapperStyles, buttonWrapperStylesPatch]
|
|
948
948
|
}, renderButton())));
|
|
949
949
|
};
|
|
950
950
|
var buttonWithTooltip = function buttonWithTooltip() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-controls",
|
|
3
|
-
"version": "6.3.
|
|
3
|
+
"version": "6.3.1",
|
|
4
4
|
"description": "Block controls plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
|
|
53
53
|
"@atlaskit/primitives": "^14.14.0",
|
|
54
54
|
"@atlaskit/theme": "^21.0.0",
|
|
55
|
-
"@atlaskit/tmp-editor-statsig": "^12.
|
|
55
|
+
"@atlaskit/tmp-editor-statsig": "^12.23.0",
|
|
56
56
|
"@atlaskit/tokens": "^6.3.0",
|
|
57
57
|
"@atlaskit/tooltip": "^20.4.0",
|
|
58
58
|
"@babel/runtime": "^7.0.0",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"uuid": "^3.1.0"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
|
-
"@atlaskit/editor-common": "^109.
|
|
67
|
+
"@atlaskit/editor-common": "^109.8.0",
|
|
68
68
|
"react": "^18.2.0",
|
|
69
69
|
"react-dom": "^18.2.0",
|
|
70
70
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -168,9 +168,6 @@
|
|
|
168
168
|
"platform_editor_breakout_resizing_hello_release": {
|
|
169
169
|
"type": "boolean"
|
|
170
170
|
},
|
|
171
|
-
"platform_editor_controls_patch_15": {
|
|
172
|
-
"type": "boolean"
|
|
173
|
-
},
|
|
174
171
|
"platform_editor_breakout_resizing_widget_fix": {
|
|
175
172
|
"type": "boolean"
|
|
176
173
|
}
|