@atlaskit/editor-plugin-block-controls 9.0.18 → 9.0.20
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 +17 -0
- package/dist/cjs/pm-plugins/decorations-quick-insert-button.js +3 -4
- package/dist/cjs/ui/block-decoration-utils.js +30 -0
- package/dist/cjs/ui/drag-handle.js +4 -4
- package/dist/cjs/ui/drop-target.js +4 -4
- package/dist/cjs/ui/global-styles.js +1 -1
- package/dist/cjs/ui/quick-insert-button.js +2 -2
- package/dist/es2019/pm-plugins/decorations-quick-insert-button.js +3 -4
- package/dist/es2019/ui/block-decoration-utils.js +2 -2
- package/dist/es2019/ui/drag-handle.js +4 -4
- package/dist/es2019/ui/drop-target.js +4 -4
- package/dist/es2019/ui/global-styles.js +1 -1
- package/dist/es2019/ui/quick-insert-button.js +2 -2
- package/dist/esm/pm-plugins/decorations-quick-insert-button.js +3 -4
- package/dist/esm/ui/block-decoration-utils.js +2 -2
- package/dist/esm/ui/drag-handle.js +4 -4
- package/dist/esm/ui/drop-target.js +4 -4
- package/dist/esm/ui/global-styles.js +1 -1
- package/dist/esm/ui/quick-insert-button.js +2 -2
- package/dist/types/ui/block-decoration-utils.d.ts +2 -2
- package/dist/types-ts4.5/ui/block-decoration-utils.d.ts +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-controls
|
|
2
2
|
|
|
3
|
+
## 9.0.20
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a64a0cad8103d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a64a0cad8103d) -
|
|
8
|
+
Cleanup stale feature flag `platform_editor_quick_insert_image_wrap_right_fix`. The enabled
|
|
9
|
+
behaviour (setting `clear: unset` on the quick insert button element to prevent interference with
|
|
10
|
+
floated wrap-right images) is now always active.
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 9.0.19
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`73c46b71987a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/73c46b71987a0) -
|
|
18
|
+
[ux] Fix remix button sticky for tables right side
|
|
19
|
+
|
|
3
20
|
## 9.0.18
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -71,10 +71,9 @@ var quickInsertButtonDecoration = exports.quickInsertButtonDecoration = function
|
|
|
71
71
|
var element = document.createElement('span');
|
|
72
72
|
// inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
|
|
73
73
|
element.style.display = 'block';
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
74
|
+
|
|
75
|
+
// make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
|
|
76
|
+
element.style.clear = 'unset';
|
|
78
77
|
element.contentEditable = 'false';
|
|
79
78
|
element.setAttribute('data-blocks-quick-insert-container', 'true');
|
|
80
79
|
if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('confluence_remix_icon_right_side', 'isEnabled', true)) {
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _consts.STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "VisibilityContainer", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function get() {
|
|
@@ -15,6 +21,24 @@ Object.defineProperty(exports, "getAnchorAttrName", {
|
|
|
15
21
|
return _domAttrName.getAnchorAttrName;
|
|
16
22
|
}
|
|
17
23
|
});
|
|
24
|
+
Object.defineProperty(exports, "getControlBottomCSSValue", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _dragHandlePositions.getControlBottomCSSValue;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "getControlHeightCSSValue", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _dragHandlePositions.getControlHeightCSSValue;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "getNodeHeight", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _dragHandlePositions.getNodeHeight;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
18
42
|
Object.defineProperty(exports, "getRightPositionForRootElement", {
|
|
19
43
|
enumerable: true,
|
|
20
44
|
get: function get() {
|
|
@@ -39,6 +63,12 @@ Object.defineProperty(exports, "rootElementGap", {
|
|
|
39
63
|
return _consts.rootElementGap;
|
|
40
64
|
}
|
|
41
65
|
});
|
|
66
|
+
Object.defineProperty(exports, "shouldBeSticky", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _dragHandlePositions.shouldBeSticky;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
42
72
|
Object.defineProperty(exports, "topPositionAdjustment", {
|
|
43
73
|
enumerable: true,
|
|
44
74
|
get: function get() {
|
|
@@ -1173,7 +1173,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
|
|
|
1173
1173
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
1174
1174
|
, {
|
|
1175
1175
|
style: (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
|
|
1176
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1176
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1177
1177
|
,
|
|
1178
1178
|
xcss: [dragHandleContainerStyles],
|
|
1179
1179
|
as: "span",
|
|
@@ -1186,7 +1186,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
|
|
|
1186
1186
|
}),
|
|
1187
1187
|
ignoreTooltipPointerEvents: true,
|
|
1188
1188
|
position: 'top'
|
|
1189
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1189
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1190
1190
|
,
|
|
1191
1191
|
onShow: function onShow() {
|
|
1192
1192
|
var _api$accessibilityUti;
|
|
@@ -1203,7 +1203,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
|
|
|
1203
1203
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
1204
1204
|
, {
|
|
1205
1205
|
style: (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
|
|
1206
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1206
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1207
1207
|
,
|
|
1208
1208
|
xcss: [dragHandleContainerStyles],
|
|
1209
1209
|
as: "span",
|
|
@@ -1220,7 +1220,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
|
|
|
1220
1220
|
helpDescriptors: helpDescriptors
|
|
1221
1221
|
}),
|
|
1222
1222
|
ignoreTooltipPointerEvents: true
|
|
1223
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1223
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1224
1224
|
,
|
|
1225
1225
|
onShow: function onShow() {
|
|
1226
1226
|
var _api$accessibilityUti2;
|
|
@@ -243,12 +243,12 @@ var DropTarget = exports.DropTarget = function DropTarget(props) {
|
|
|
243
243
|
}, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH, isNestedDropTarget ? '100%' : "".concat(lineLength || DEFAULT_DROP_INDICATOR_WIDTH, "px")), EDITOR_BLOCK_CONTROLS_DROP_TARGET_LEFT_MARGIN, isNestedDropTarget ? (0, _consts.getNestedNodeLeftPaddingMargin)(parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) : '0'), EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX, _constants.layers.navigation());
|
|
244
244
|
var isShowInlineDropTarget = (0, _inlineDropTarget.shouldAllowInlineDropTarget)(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
|
|
245
245
|
return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(HoverZone
|
|
246
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
246
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
247
247
|
, {
|
|
248
248
|
onDragEnter: function onDragEnter() {
|
|
249
249
|
return setIsDraggedOver(true);
|
|
250
250
|
}
|
|
251
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
251
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
252
252
|
,
|
|
253
253
|
onDragLeave: function onDragLeave() {
|
|
254
254
|
return setIsDraggedOver(false);
|
|
@@ -275,12 +275,12 @@ var DropTarget = exports.DropTarget = function DropTarget(props) {
|
|
|
275
275
|
}, (0, _react2.jsx)(_box.DropIndicator, {
|
|
276
276
|
edge: "bottom"
|
|
277
277
|
}))), dropTargetStyle !== 'remainingHeight' && (0, _react2.jsx)(HoverZone
|
|
278
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
278
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
279
279
|
, {
|
|
280
280
|
onDragEnter: function onDragEnter() {
|
|
281
281
|
return setIsDraggedOver(true);
|
|
282
282
|
}
|
|
283
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
283
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
284
284
|
,
|
|
285
285
|
onDragLeave: function onDragLeave() {
|
|
286
286
|
return setIsDraggedOver(false);
|
|
@@ -476,7 +476,7 @@ var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWra
|
|
|
476
476
|
var shouldRenderAnchors = (0, _styles.isCSSAnchorSupported)() && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
|
|
477
477
|
var toolbarFlagsEnabled = (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
|
|
478
478
|
return (0, _react.jsx)(_react.Global
|
|
479
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
479
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
480
480
|
, {
|
|
481
481
|
styles: [globalStyles(), globalDnDStyle, (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && ((0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
482
482
|
exposure: true
|
|
@@ -342,7 +342,7 @@ var TypeAheadControl = exports.TypeAheadControl = function TypeAheadControl(_ref
|
|
|
342
342
|
testId: "editor-quick-insert-button",
|
|
343
343
|
type: "button",
|
|
344
344
|
"aria-label": formatMessage(_messages.blockControlsMessages.insert)
|
|
345
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
345
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
346
346
|
,
|
|
347
347
|
xcss: [stickyButtonStyles, ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) && stickyButtonDenseModeStyles],
|
|
348
348
|
onClick: handleQuickInsert,
|
|
@@ -357,7 +357,7 @@ var TypeAheadControl = exports.TypeAheadControl = function TypeAheadControl(_ref
|
|
|
357
357
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
358
358
|
, {
|
|
359
359
|
style: positionStyles
|
|
360
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
360
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
361
361
|
,
|
|
362
362
|
xcss: [containerStaticStyles]
|
|
363
363
|
}, (0, _react2.jsx)("span", {
|
|
@@ -62,10 +62,9 @@ export const quickInsertButtonDecoration = ({
|
|
|
62
62
|
const element = document.createElement('span');
|
|
63
63
|
// inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
|
|
64
64
|
element.style.display = 'block';
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
65
|
+
|
|
66
|
+
// make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
|
|
67
|
+
element.style.clear = 'unset';
|
|
69
68
|
element.contentEditable = 'false';
|
|
70
69
|
element.setAttribute('data-blocks-quick-insert-container', 'true');
|
|
71
70
|
if (expValEqualsNoExposure('confluence_remix_icon_right_side', 'isEnabled', true)) {
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
export { VisibilityContainer } from './visibility-container';
|
|
5
5
|
export { refreshAnchorName } from './utils/anchor-name';
|
|
6
6
|
export { getAnchorAttrName } from './utils/dom-attr-name';
|
|
7
|
-
export { rootElementGap, topPositionAdjustment } from './consts';
|
|
8
|
-
export { getTopPosition } from '../pm-plugins/utils/drag-handle-positions';
|
|
7
|
+
export { rootElementGap, STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER, topPositionAdjustment } from './consts';
|
|
8
|
+
export { getControlBottomCSSValue, getControlHeightCSSValue, getNodeHeight, getTopPosition, shouldBeSticky } from '../pm-plugins/utils/drag-handle-positions';
|
|
9
9
|
export { getRightPositionForRootElement } from '../pm-plugins/utils/widget-positions';
|
|
@@ -1152,7 +1152,7 @@ export const DragHandle = ({
|
|
|
1152
1152
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
1153
1153
|
, {
|
|
1154
1154
|
style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
|
|
1155
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1155
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1156
1156
|
,
|
|
1157
1157
|
xcss: [dragHandleContainerStyles],
|
|
1158
1158
|
as: "span",
|
|
@@ -1165,7 +1165,7 @@ export const DragHandle = ({
|
|
|
1165
1165
|
}),
|
|
1166
1166
|
ignoreTooltipPointerEvents: true,
|
|
1167
1167
|
position: 'top'
|
|
1168
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1168
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1169
1169
|
,
|
|
1170
1170
|
onShow: () => {
|
|
1171
1171
|
var _api$accessibilityUti;
|
|
@@ -1180,7 +1180,7 @@ export const DragHandle = ({
|
|
|
1180
1180
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
1181
1181
|
, {
|
|
1182
1182
|
style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
|
|
1183
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1183
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1184
1184
|
,
|
|
1185
1185
|
xcss: [dragHandleContainerStyles],
|
|
1186
1186
|
as: "span",
|
|
@@ -1195,7 +1195,7 @@ export const DragHandle = ({
|
|
|
1195
1195
|
helpDescriptors: helpDescriptors
|
|
1196
1196
|
}),
|
|
1197
1197
|
ignoreTooltipPointerEvents: true
|
|
1198
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1198
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1199
1199
|
,
|
|
1200
1200
|
onShow: () => {
|
|
1201
1201
|
var _api$accessibilityUti2;
|
|
@@ -236,10 +236,10 @@ export const DropTarget = props => {
|
|
|
236
236
|
};
|
|
237
237
|
const isShowInlineDropTarget = shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
|
|
238
238
|
return jsx(Fragment, null, jsx(HoverZone
|
|
239
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
239
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
240
240
|
, {
|
|
241
241
|
onDragEnter: () => setIsDraggedOver(true)
|
|
242
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
242
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
243
243
|
,
|
|
244
244
|
onDragLeave: () => setIsDraggedOver(false),
|
|
245
245
|
onDrop: onDrop,
|
|
@@ -264,10 +264,10 @@ export const DropTarget = props => {
|
|
|
264
264
|
}, jsx(DropIndicator, {
|
|
265
265
|
edge: "bottom"
|
|
266
266
|
}))), dropTargetStyle !== 'remainingHeight' && jsx(HoverZone
|
|
267
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
267
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
268
268
|
, {
|
|
269
269
|
onDragEnter: () => setIsDraggedOver(true)
|
|
270
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
270
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
271
271
|
,
|
|
272
272
|
onDragLeave: () => setIsDraggedOver(false),
|
|
273
273
|
onDrop: onDrop,
|
|
@@ -562,7 +562,7 @@ export const GlobalStylesWrapper = ({
|
|
|
562
562
|
const shouldRenderAnchors = isCSSAnchorSupported() && expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
|
|
563
563
|
const toolbarFlagsEnabled = areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
|
|
564
564
|
return jsx(Global
|
|
565
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
565
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
566
566
|
, {
|
|
567
567
|
styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
568
568
|
exposure: true
|
|
@@ -338,7 +338,7 @@ export const TypeAheadControl = ({
|
|
|
338
338
|
testId: "editor-quick-insert-button",
|
|
339
339
|
type: "button",
|
|
340
340
|
"aria-label": formatMessage(messages.insert)
|
|
341
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
341
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
342
342
|
,
|
|
343
343
|
xcss: [stickyButtonStyles, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && stickyButtonDenseModeStyles],
|
|
344
344
|
onClick: handleQuickInsert,
|
|
@@ -352,7 +352,7 @@ export const TypeAheadControl = ({
|
|
|
352
352
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
353
353
|
, {
|
|
354
354
|
style: positionStyles
|
|
355
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
355
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
356
356
|
,
|
|
357
357
|
xcss: [containerStaticStyles]
|
|
358
358
|
}, jsx("span", {
|
|
@@ -63,10 +63,9 @@ export var quickInsertButtonDecoration = function quickInsertButtonDecoration(_r
|
|
|
63
63
|
var element = document.createElement('span');
|
|
64
64
|
// inline decoration causes cursor disappear when focusing editor at the first line (e.g. press Tab when title is focused)
|
|
65
65
|
element.style.display = 'block';
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
66
|
+
|
|
67
|
+
// make sure it does not interfere with elements floating next to each other e.g. paragraph next to image with wrap-right
|
|
68
|
+
element.style.clear = 'unset';
|
|
70
69
|
element.contentEditable = 'false';
|
|
71
70
|
element.setAttribute('data-blocks-quick-insert-container', 'true');
|
|
72
71
|
if (expValEqualsNoExposure('confluence_remix_icon_right_side', 'isEnabled', true)) {
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
export { VisibilityContainer } from './visibility-container';
|
|
5
5
|
export { refreshAnchorName } from './utils/anchor-name';
|
|
6
6
|
export { getAnchorAttrName } from './utils/dom-attr-name';
|
|
7
|
-
export { rootElementGap, topPositionAdjustment } from './consts';
|
|
8
|
-
export { getTopPosition } from '../pm-plugins/utils/drag-handle-positions';
|
|
7
|
+
export { rootElementGap, STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER, topPositionAdjustment } from './consts';
|
|
8
|
+
export { getControlBottomCSSValue, getControlHeightCSSValue, getNodeHeight, getTopPosition, shouldBeSticky } from '../pm-plugins/utils/drag-handle-positions';
|
|
9
9
|
export { getRightPositionForRootElement } from '../pm-plugins/utils/widget-positions';
|
|
@@ -1170,7 +1170,7 @@ export var DragHandle = function DragHandle(_ref3) {
|
|
|
1170
1170
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
1171
1171
|
, {
|
|
1172
1172
|
style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
|
|
1173
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1173
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1174
1174
|
,
|
|
1175
1175
|
xcss: [dragHandleContainerStyles],
|
|
1176
1176
|
as: "span",
|
|
@@ -1183,7 +1183,7 @@ export var DragHandle = function DragHandle(_ref3) {
|
|
|
1183
1183
|
}),
|
|
1184
1184
|
ignoreTooltipPointerEvents: true,
|
|
1185
1185
|
position: 'top'
|
|
1186
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1186
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1187
1187
|
,
|
|
1188
1188
|
onShow: function onShow() {
|
|
1189
1189
|
var _api$accessibilityUti;
|
|
@@ -1200,7 +1200,7 @@ export var DragHandle = function DragHandle(_ref3) {
|
|
|
1200
1200
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
1201
1201
|
, {
|
|
1202
1202
|
style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
|
|
1203
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1203
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1204
1204
|
,
|
|
1205
1205
|
xcss: [dragHandleContainerStyles],
|
|
1206
1206
|
as: "span",
|
|
@@ -1217,7 +1217,7 @@ export var DragHandle = function DragHandle(_ref3) {
|
|
|
1217
1217
|
helpDescriptors: helpDescriptors
|
|
1218
1218
|
}),
|
|
1219
1219
|
ignoreTooltipPointerEvents: true
|
|
1220
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1220
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
1221
1221
|
,
|
|
1222
1222
|
onShow: function onShow() {
|
|
1223
1223
|
var _api$accessibilityUti2;
|
|
@@ -235,12 +235,12 @@ export var DropTarget = function DropTarget(props) {
|
|
|
235
235
|
}, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH, isNestedDropTarget ? '100%' : "".concat(lineLength || DEFAULT_DROP_INDICATOR_WIDTH, "px")), EDITOR_BLOCK_CONTROLS_DROP_TARGET_LEFT_MARGIN, isNestedDropTarget ? getNestedNodeLeftPaddingMargin(parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) : '0'), EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX, layers.navigation());
|
|
236
236
|
var isShowInlineDropTarget = shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
|
|
237
237
|
return jsx(Fragment, null, jsx(HoverZone
|
|
238
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
238
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
239
239
|
, {
|
|
240
240
|
onDragEnter: function onDragEnter() {
|
|
241
241
|
return setIsDraggedOver(true);
|
|
242
242
|
}
|
|
243
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
243
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
244
244
|
,
|
|
245
245
|
onDragLeave: function onDragLeave() {
|
|
246
246
|
return setIsDraggedOver(false);
|
|
@@ -267,12 +267,12 @@ export var DropTarget = function DropTarget(props) {
|
|
|
267
267
|
}, jsx(DropIndicator, {
|
|
268
268
|
edge: "bottom"
|
|
269
269
|
}))), dropTargetStyle !== 'remainingHeight' && jsx(HoverZone
|
|
270
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
270
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
271
271
|
, {
|
|
272
272
|
onDragEnter: function onDragEnter() {
|
|
273
273
|
return setIsDraggedOver(true);
|
|
274
274
|
}
|
|
275
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
275
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
276
276
|
,
|
|
277
277
|
onDragLeave: function onDragLeave() {
|
|
278
278
|
return setIsDraggedOver(false);
|
|
@@ -469,7 +469,7 @@ export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
|
|
|
469
469
|
var shouldRenderAnchors = isCSSAnchorSupported() && expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
|
|
470
470
|
var toolbarFlagsEnabled = areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
|
|
471
471
|
return jsx(Global
|
|
472
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
472
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
473
473
|
, {
|
|
474
474
|
styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), editorExperiment('platform_editor_preview_panel_responsiveness', true, {
|
|
475
475
|
exposure: true
|
|
@@ -337,7 +337,7 @@ export var TypeAheadControl = function TypeAheadControl(_ref) {
|
|
|
337
337
|
testId: "editor-quick-insert-button",
|
|
338
338
|
type: "button",
|
|
339
339
|
"aria-label": formatMessage(messages.insert)
|
|
340
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
340
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
341
341
|
,
|
|
342
342
|
xcss: [stickyButtonStyles, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && stickyButtonDenseModeStyles],
|
|
343
343
|
onClick: handleQuickInsert,
|
|
@@ -352,7 +352,7 @@ export var TypeAheadControl = function TypeAheadControl(_ref) {
|
|
|
352
352
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
353
353
|
, {
|
|
354
354
|
style: positionStyles
|
|
355
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
355
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
356
356
|
,
|
|
357
357
|
xcss: [containerStaticStyles]
|
|
358
358
|
}, jsx("span", {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { VisibilityContainer } from './visibility-container';
|
|
2
2
|
export { refreshAnchorName } from './utils/anchor-name';
|
|
3
3
|
export { getAnchorAttrName } from './utils/dom-attr-name';
|
|
4
|
-
export { rootElementGap, topPositionAdjustment } from './consts';
|
|
5
|
-
export { getTopPosition } from '../pm-plugins/utils/drag-handle-positions';
|
|
4
|
+
export { rootElementGap, STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER, topPositionAdjustment, } from './consts';
|
|
5
|
+
export { getControlBottomCSSValue, getControlHeightCSSValue, getNodeHeight, getTopPosition, shouldBeSticky, } from '../pm-plugins/utils/drag-handle-positions';
|
|
6
6
|
export { getRightPositionForRootElement } from '../pm-plugins/utils/widget-positions';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { VisibilityContainer } from './visibility-container';
|
|
2
2
|
export { refreshAnchorName } from './utils/anchor-name';
|
|
3
3
|
export { getAnchorAttrName } from './utils/dom-attr-name';
|
|
4
|
-
export { rootElementGap, topPositionAdjustment } from './consts';
|
|
5
|
-
export { getTopPosition } from '../pm-plugins/utils/drag-handle-positions';
|
|
4
|
+
export { rootElementGap, STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER, topPositionAdjustment, } from './consts';
|
|
5
|
+
export { getControlBottomCSSValue, getControlHeightCSSValue, getNodeHeight, getTopPosition, shouldBeSticky, } from '../pm-plugins/utils/drag-handle-positions';
|
|
6
6
|
export { getRightPositionForRootElement } from '../pm-plugins/utils/widget-positions';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-controls",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.20",
|
|
4
4
|
"description": "Block controls plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
|
|
57
57
|
"@atlaskit/primitives": "^18.0.0",
|
|
58
58
|
"@atlaskit/theme": "^22.0.0",
|
|
59
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
59
|
+
"@atlaskit/tmp-editor-statsig": "^45.0.0",
|
|
60
60
|
"@atlaskit/tokens": "^11.1.0",
|
|
61
61
|
"@atlaskit/tooltip": "^21.0.0",
|
|
62
62
|
"@babel/runtime": "^7.0.0",
|