@atlaskit/editor-plugin-block-controls 13.0.5 → 13.0.6
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/blockControlsPlugin.js +23 -0
- package/dist/cjs/ui/drag-handle.js +39 -2
- package/dist/es2019/blockControlsPlugin.js +23 -0
- package/dist/es2019/ui/drag-handle.js +39 -2
- package/dist/esm/blockControlsPlugin.js +23 -0
- package/dist/esm/ui/drag-handle.js +39 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-block-controls
|
|
2
2
|
|
|
3
|
+
## 13.0.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e850980f5a66f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e850980f5a66f) -
|
|
8
|
+
[EDITOR-6790] Block-controls drag-handle wrapper's background is removed and instead set
|
|
9
|
+
on`::before` on `.pm-table-container.pm-table-sticky` to keep masking the row insert dots when
|
|
10
|
+
legacy sticky header is activated while also not overlapping the column insert button.
|
|
11
|
+
- [`7754772ebfa47`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7754772ebfa47) -
|
|
12
|
+
Fix table text length calculation for Remix/Improve Writing hero prompts: use
|
|
13
|
+
tableNode.textContent for CellSelection instead of textBetween which only spans anchor/head cell
|
|
14
|
+
range
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 13.0.5
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -10,7 +10,9 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _selection = require("@atlaskit/editor-common/selection");
|
|
11
11
|
var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
|
|
12
12
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
13
|
+
var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
|
|
13
14
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
14
16
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
15
17
|
var _handleKeyDownWithPreservedSelection = require("./editor-commands/handle-key-down-with-preserved-selection");
|
|
16
18
|
var _mapPreservedSelection2 = require("./editor-commands/map-preserved-selection");
|
|
@@ -44,6 +46,27 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
|
|
|
44
46
|
var blockControlsState = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState();
|
|
45
47
|
var preservedSelection = blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.preservedSelection;
|
|
46
48
|
if (preservedSelection && preservedSelection.from !== preservedSelection.to) {
|
|
49
|
+
// CellSelection covers a table: collect each selected cell's text joined with spaces
|
|
50
|
+
// so that adjacent cells are not fused (e.g. 'hello world' + 'foo' must not
|
|
51
|
+
// become 'hello worldfoo'). Intl.Segmenter word-counting requires correct
|
|
52
|
+
// word boundaries, which raw textContent fusion breaks.
|
|
53
|
+
if (preservedSelection instanceof _cellSelection.CellSelection && (0, _expValEquals.expValEquals)('remix_iw_block_menu_table_calc_fix', 'isEnabled', true)) {
|
|
54
|
+
// Use node(1) to reliably target the table node regardless of $anchorCell depth.
|
|
55
|
+
// node(-1) would return tableRow if $anchorCell is at tableCell depth.
|
|
56
|
+
var tableNode = preservedSelection.$anchorCell.node(1);
|
|
57
|
+
var cellTexts = [];
|
|
58
|
+
if (tableNode) {
|
|
59
|
+
// forEachCell iterates only the selected cells, not all cells in the table.
|
|
60
|
+
preservedSelection.forEachCell(function (cell) {
|
|
61
|
+
cellTexts.push(cell.textContent);
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
var _textContent = cellTexts.filter(Boolean).join(' ');
|
|
65
|
+
return {
|
|
66
|
+
textLength: _textContent.length,
|
|
67
|
+
textContent: _textContent
|
|
68
|
+
};
|
|
69
|
+
}
|
|
47
70
|
var from = preservedSelection.from,
|
|
48
71
|
to = preservedSelection.to;
|
|
49
72
|
var textContent = editorView.state.doc.textBetween(from, to, '\n');
|
|
@@ -82,6 +82,37 @@ var buttonWrapperStyles = (0, _react2.css)({
|
|
|
82
82
|
boxSizing: 'border-box'
|
|
83
83
|
}
|
|
84
84
|
});
|
|
85
|
+
|
|
86
|
+
// EDITOR-6790 - When the `platform_editor_table_col_insert` experiment is enabled,
|
|
87
|
+
// drop the linear-gradient background that paints over the legacy `tr.sticky` table
|
|
88
|
+
// header so the new left-edge column-insert affordance is not visually clipped.
|
|
89
|
+
// Keep all paddings / margins identical to `buttonWrapperStyles` so the drag-handle
|
|
90
|
+
// layout does not shift between the two variants.
|
|
91
|
+
var buttonWrapperStylesNoBackground = (0, _react2.css)({
|
|
92
|
+
display: 'flex',
|
|
93
|
+
justifyContent: 'center',
|
|
94
|
+
alignItems: 'center',
|
|
95
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
96
|
+
'[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
97
|
+
marginBottom: "var(--ds-space-negative-200, -16px)",
|
|
98
|
+
paddingBottom: "var(--ds-space-200, 16px)",
|
|
99
|
+
marginTop: "var(--ds-space-negative-400, -32px)",
|
|
100
|
+
paddingTop: "calc(".concat("var(--ds-space-400, 32px)", " - 1px)"),
|
|
101
|
+
marginRight: "var(--ds-space-negative-150, -12px)",
|
|
102
|
+
paddingRight: "var(--ds-space-150, 12px)",
|
|
103
|
+
boxSizing: 'border-box'
|
|
104
|
+
},
|
|
105
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
106
|
+
'[data-prosemirror-mark-name="breakout"]:has([data-blocks-drag-handle-container]):has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
107
|
+
marginBottom: "var(--ds-space-negative-200, -16px)",
|
|
108
|
+
paddingBottom: "var(--ds-space-200, 16px)",
|
|
109
|
+
marginTop: "var(--ds-space-negative-400, -32px)",
|
|
110
|
+
paddingTop: "calc(".concat("var(--ds-space-400, 32px)", " - 1px)"),
|
|
111
|
+
marginRight: "var(--ds-space-negative-150, -12px)",
|
|
112
|
+
paddingRight: "var(--ds-space-150, 12px)",
|
|
113
|
+
boxSizing: 'border-box'
|
|
114
|
+
}
|
|
115
|
+
});
|
|
85
116
|
var buttonWrapperStylesPatch = (0, _react2.css)({
|
|
86
117
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
87
118
|
'[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls [data-number-column="true"] tr.sticky) &': {
|
|
@@ -1092,7 +1123,10 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
|
|
|
1092
1123
|
});
|
|
1093
1124
|
}
|
|
1094
1125
|
}, (0, _react2.jsx)("span", {
|
|
1095
|
-
css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) &&
|
|
1126
|
+
css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && (
|
|
1127
|
+
// EDITOR-6790 - drop the masking background under the new
|
|
1128
|
+
// column-insert experiment so the left-edge dot is not clipped.
|
|
1129
|
+
(0, _expValEquals.expValEquals)('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
|
|
1096
1130
|
}, renderButton()))));
|
|
1097
1131
|
};
|
|
1098
1132
|
var stickyWithoutTooltip = function stickyWithoutTooltip() {
|
|
@@ -1108,7 +1142,10 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
|
|
|
1108
1142
|
}, (0, _react2.jsx)("span", {
|
|
1109
1143
|
css: [tooltipContainerStyles, (0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithMask, !(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithoutMask]
|
|
1110
1144
|
}, (0, _react2.jsx)("span", {
|
|
1111
|
-
css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) &&
|
|
1145
|
+
css: [(0, _dragHandlePositions.shouldMaskNodeControls)(nodeType, isTopLevelNodeValue) && (
|
|
1146
|
+
// EDITOR-6790 - drop the masking background under the new
|
|
1147
|
+
// column-insert experiment so the left-edge dot is not clipped.
|
|
1148
|
+
(0, _expValEquals.expValEquals)('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
|
|
1112
1149
|
}, renderButton())));
|
|
1113
1150
|
};
|
|
1114
1151
|
var buttonWithTooltip = function buttonWithTooltip() {
|
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { expandSelectionBounds } from '@atlaskit/editor-common/selection';
|
|
3
3
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
4
4
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
5
|
+
import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
|
|
5
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
6
8
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
7
9
|
import { handleKeyDownWithPreservedSelection } from './editor-commands/handle-key-down-with-preserved-selection';
|
|
8
10
|
import { mapPreservedSelection } from './editor-commands/map-preserved-selection';
|
|
@@ -35,6 +37,27 @@ export const blockControlsPlugin = ({
|
|
|
35
37
|
const blockControlsState = api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState();
|
|
36
38
|
const preservedSelection = blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.preservedSelection;
|
|
37
39
|
if (preservedSelection && preservedSelection.from !== preservedSelection.to) {
|
|
40
|
+
// CellSelection covers a table: collect each selected cell's text joined with spaces
|
|
41
|
+
// so that adjacent cells are not fused (e.g. 'hello world' + 'foo' must not
|
|
42
|
+
// become 'hello worldfoo'). Intl.Segmenter word-counting requires correct
|
|
43
|
+
// word boundaries, which raw textContent fusion breaks.
|
|
44
|
+
if (preservedSelection instanceof CellSelection && expValEquals('remix_iw_block_menu_table_calc_fix', 'isEnabled', true)) {
|
|
45
|
+
// Use node(1) to reliably target the table node regardless of $anchorCell depth.
|
|
46
|
+
// node(-1) would return tableRow if $anchorCell is at tableCell depth.
|
|
47
|
+
const tableNode = preservedSelection.$anchorCell.node(1);
|
|
48
|
+
const cellTexts = [];
|
|
49
|
+
if (tableNode) {
|
|
50
|
+
// forEachCell iterates only the selected cells, not all cells in the table.
|
|
51
|
+
preservedSelection.forEachCell(cell => {
|
|
52
|
+
cellTexts.push(cell.textContent);
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
const textContent = cellTexts.filter(Boolean).join(' ');
|
|
56
|
+
return {
|
|
57
|
+
textLength: textContent.length,
|
|
58
|
+
textContent
|
|
59
|
+
};
|
|
60
|
+
}
|
|
38
61
|
const {
|
|
39
62
|
from,
|
|
40
63
|
to
|
|
@@ -73,6 +73,37 @@ const buttonWrapperStyles = css({
|
|
|
73
73
|
boxSizing: 'border-box'
|
|
74
74
|
}
|
|
75
75
|
});
|
|
76
|
+
|
|
77
|
+
// EDITOR-6790 - When the `platform_editor_table_col_insert` experiment is enabled,
|
|
78
|
+
// drop the linear-gradient background that paints over the legacy `tr.sticky` table
|
|
79
|
+
// header so the new left-edge column-insert affordance is not visually clipped.
|
|
80
|
+
// Keep all paddings / margins identical to `buttonWrapperStyles` so the drag-handle
|
|
81
|
+
// layout does not shift between the two variants.
|
|
82
|
+
const buttonWrapperStylesNoBackground = css({
|
|
83
|
+
display: 'flex',
|
|
84
|
+
justifyContent: 'center',
|
|
85
|
+
alignItems: 'center',
|
|
86
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
87
|
+
'[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
88
|
+
marginBottom: "var(--ds-space-negative-200, -16px)",
|
|
89
|
+
paddingBottom: "var(--ds-space-200, 16px)",
|
|
90
|
+
marginTop: "var(--ds-space-negative-400, -32px)",
|
|
91
|
+
paddingTop: `calc(${"var(--ds-space-400, 32px)"} - 1px)`,
|
|
92
|
+
marginRight: "var(--ds-space-negative-150, -12px)",
|
|
93
|
+
paddingRight: "var(--ds-space-150, 12px)",
|
|
94
|
+
boxSizing: 'border-box'
|
|
95
|
+
},
|
|
96
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
97
|
+
'[data-prosemirror-mark-name="breakout"]:has([data-blocks-drag-handle-container]):has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
98
|
+
marginBottom: "var(--ds-space-negative-200, -16px)",
|
|
99
|
+
paddingBottom: "var(--ds-space-200, 16px)",
|
|
100
|
+
marginTop: "var(--ds-space-negative-400, -32px)",
|
|
101
|
+
paddingTop: `calc(${"var(--ds-space-400, 32px)"} - 1px)`,
|
|
102
|
+
marginRight: "var(--ds-space-negative-150, -12px)",
|
|
103
|
+
paddingRight: "var(--ds-space-150, 12px)",
|
|
104
|
+
boxSizing: 'border-box'
|
|
105
|
+
}
|
|
106
|
+
});
|
|
76
107
|
const buttonWrapperStylesPatch = css({
|
|
77
108
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
78
109
|
'[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls [data-number-column="true"] tr.sticky) &': {
|
|
@@ -1071,7 +1102,10 @@ export const DragHandle = ({
|
|
|
1071
1102
|
});
|
|
1072
1103
|
}
|
|
1073
1104
|
}, jsx("span", {
|
|
1074
|
-
css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) &&
|
|
1105
|
+
css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && (
|
|
1106
|
+
// EDITOR-6790 - drop the masking background under the new
|
|
1107
|
+
// column-insert experiment so the left-edge dot is not clipped.
|
|
1108
|
+
expValEquals('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
|
|
1075
1109
|
}, renderButton()))));
|
|
1076
1110
|
const stickyWithoutTooltip = () => jsx(Box
|
|
1077
1111
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
@@ -1085,7 +1119,10 @@ export const DragHandle = ({
|
|
|
1085
1119
|
}, jsx("span", {
|
|
1086
1120
|
css: [tooltipContainerStyles, shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithMask, !shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithoutMask]
|
|
1087
1121
|
}, jsx("span", {
|
|
1088
|
-
css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) &&
|
|
1122
|
+
css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && (
|
|
1123
|
+
// EDITOR-6790 - drop the masking background under the new
|
|
1124
|
+
// column-insert experiment so the left-edge dot is not clipped.
|
|
1125
|
+
expValEquals('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
|
|
1089
1126
|
}, renderButton())));
|
|
1090
1127
|
const buttonWithTooltip = () => jsx(Tooltip, {
|
|
1091
1128
|
content: tooltipContent,
|
|
@@ -5,7 +5,9 @@ import React from 'react';
|
|
|
5
5
|
import { expandSelectionBounds } from '@atlaskit/editor-common/selection';
|
|
6
6
|
import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
|
|
7
7
|
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
8
|
+
import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
|
|
8
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
9
11
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
10
12
|
import { handleKeyDownWithPreservedSelection } from './editor-commands/handle-key-down-with-preserved-selection';
|
|
11
13
|
import { mapPreservedSelection as _mapPreservedSelection } from './editor-commands/map-preserved-selection';
|
|
@@ -37,6 +39,27 @@ export var blockControlsPlugin = function blockControlsPlugin(_ref) {
|
|
|
37
39
|
var blockControlsState = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState();
|
|
38
40
|
var preservedSelection = blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.preservedSelection;
|
|
39
41
|
if (preservedSelection && preservedSelection.from !== preservedSelection.to) {
|
|
42
|
+
// CellSelection covers a table: collect each selected cell's text joined with spaces
|
|
43
|
+
// so that adjacent cells are not fused (e.g. 'hello world' + 'foo' must not
|
|
44
|
+
// become 'hello worldfoo'). Intl.Segmenter word-counting requires correct
|
|
45
|
+
// word boundaries, which raw textContent fusion breaks.
|
|
46
|
+
if (preservedSelection instanceof CellSelection && expValEquals('remix_iw_block_menu_table_calc_fix', 'isEnabled', true)) {
|
|
47
|
+
// Use node(1) to reliably target the table node regardless of $anchorCell depth.
|
|
48
|
+
// node(-1) would return tableRow if $anchorCell is at tableCell depth.
|
|
49
|
+
var tableNode = preservedSelection.$anchorCell.node(1);
|
|
50
|
+
var cellTexts = [];
|
|
51
|
+
if (tableNode) {
|
|
52
|
+
// forEachCell iterates only the selected cells, not all cells in the table.
|
|
53
|
+
preservedSelection.forEachCell(function (cell) {
|
|
54
|
+
cellTexts.push(cell.textContent);
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
var _textContent = cellTexts.filter(Boolean).join(' ');
|
|
58
|
+
return {
|
|
59
|
+
textLength: _textContent.length,
|
|
60
|
+
textContent: _textContent
|
|
61
|
+
};
|
|
62
|
+
}
|
|
40
63
|
var from = preservedSelection.from,
|
|
41
64
|
to = preservedSelection.to;
|
|
42
65
|
var textContent = editorView.state.doc.textBetween(from, to, '\n');
|
|
@@ -78,6 +78,37 @@ var buttonWrapperStyles = css({
|
|
|
78
78
|
boxSizing: 'border-box'
|
|
79
79
|
}
|
|
80
80
|
});
|
|
81
|
+
|
|
82
|
+
// EDITOR-6790 - When the `platform_editor_table_col_insert` experiment is enabled,
|
|
83
|
+
// drop the linear-gradient background that paints over the legacy `tr.sticky` table
|
|
84
|
+
// header so the new left-edge column-insert affordance is not visually clipped.
|
|
85
|
+
// Keep all paddings / margins identical to `buttonWrapperStyles` so the drag-handle
|
|
86
|
+
// layout does not shift between the two variants.
|
|
87
|
+
var buttonWrapperStylesNoBackground = css({
|
|
88
|
+
display: 'flex',
|
|
89
|
+
justifyContent: 'center',
|
|
90
|
+
alignItems: 'center',
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
92
|
+
'[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
93
|
+
marginBottom: "var(--ds-space-negative-200, -16px)",
|
|
94
|
+
paddingBottom: "var(--ds-space-200, 16px)",
|
|
95
|
+
marginTop: "var(--ds-space-negative-400, -32px)",
|
|
96
|
+
paddingTop: "calc(".concat("var(--ds-space-400, 32px)", " - 1px)"),
|
|
97
|
+
marginRight: "var(--ds-space-negative-150, -12px)",
|
|
98
|
+
paddingRight: "var(--ds-space-150, 12px)",
|
|
99
|
+
boxSizing: 'border-box'
|
|
100
|
+
},
|
|
101
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
102
|
+
'[data-prosemirror-mark-name="breakout"]:has([data-blocks-drag-handle-container]):has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls tr.sticky) &': {
|
|
103
|
+
marginBottom: "var(--ds-space-negative-200, -16px)",
|
|
104
|
+
paddingBottom: "var(--ds-space-200, 16px)",
|
|
105
|
+
marginTop: "var(--ds-space-negative-400, -32px)",
|
|
106
|
+
paddingTop: "calc(".concat("var(--ds-space-400, 32px)", " - 1px)"),
|
|
107
|
+
marginRight: "var(--ds-space-negative-150, -12px)",
|
|
108
|
+
paddingRight: "var(--ds-space-150, 12px)",
|
|
109
|
+
boxSizing: 'border-box'
|
|
110
|
+
}
|
|
111
|
+
});
|
|
81
112
|
var buttonWrapperStylesPatch = css({
|
|
82
113
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
83
114
|
'[data-blocks-drag-handle-container]:has(+ [data-prosemirror-node-name="table"] .pm-table-with-controls [data-number-column="true"] tr.sticky) &': {
|
|
@@ -1088,7 +1119,10 @@ export var DragHandle = function DragHandle(_ref) {
|
|
|
1088
1119
|
});
|
|
1089
1120
|
}
|
|
1090
1121
|
}, jsx("span", {
|
|
1091
|
-
css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) &&
|
|
1122
|
+
css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && (
|
|
1123
|
+
// EDITOR-6790 - drop the masking background under the new
|
|
1124
|
+
// column-insert experiment so the left-edge dot is not clipped.
|
|
1125
|
+
expValEquals('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
|
|
1092
1126
|
}, renderButton()))));
|
|
1093
1127
|
};
|
|
1094
1128
|
var stickyWithoutTooltip = function stickyWithoutTooltip() {
|
|
@@ -1104,7 +1138,10 @@ export var DragHandle = function DragHandle(_ref) {
|
|
|
1104
1138
|
}, jsx("span", {
|
|
1105
1139
|
css: [tooltipContainerStyles, shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithMask, !shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && tooltipContainerStylesStickyHeaderWithoutMask]
|
|
1106
1140
|
}, jsx("span", {
|
|
1107
|
-
css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) &&
|
|
1141
|
+
css: [shouldMaskNodeControls(nodeType, isTopLevelNodeValue) && (
|
|
1142
|
+
// EDITOR-6790 - drop the masking background under the new
|
|
1143
|
+
// column-insert experiment so the left-edge dot is not clipped.
|
|
1144
|
+
expValEquals('platform_editor_table_col_insert', 'isEnabled', true) ? buttonWrapperStylesNoBackground : buttonWrapperStyles), buttonWrapperStylesPatch]
|
|
1108
1145
|
}, renderButton())));
|
|
1109
1146
|
};
|
|
1110
1147
|
var buttonWithTooltip = function buttonWithTooltip() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-block-controls",
|
|
3
|
-
"version": "13.0.
|
|
3
|
+
"version": "13.0.6",
|
|
4
4
|
"description": "Block controls plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.0.0",
|
|
49
49
|
"@atlaskit/primitives": "^20.0.0",
|
|
50
50
|
"@atlaskit/theme": "^26.0.0",
|
|
51
|
-
"@atlaskit/tmp-editor-statsig": "^109.
|
|
51
|
+
"@atlaskit/tmp-editor-statsig": "^109.1.0",
|
|
52
52
|
"@atlaskit/tokens": "^14.0.0",
|
|
53
53
|
"@atlaskit/tooltip": "^23.0.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"uuid": "^3.1.0"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
62
|
-
"@atlaskit/editor-common": "^116.
|
|
62
|
+
"@atlaskit/editor-common": "^116.8.0",
|
|
63
63
|
"react": "^18.2.0",
|
|
64
64
|
"react-dom": "^18.2.0",
|
|
65
65
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|