@atlaskit/editor-plugin-table 15.0.9 → 15.0.11
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 +16 -0
- package/dist/cjs/nodeviews/TableResizer.js +8 -7
- package/dist/cjs/ui/DragHandle/index.js +2 -2
- package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js +1 -1
- package/dist/cjs/ui/FloatingDeleteButton/DeleteButton.js +1 -1
- package/dist/cjs/ui/FloatingDragMenu/DragMenu.js +2 -2
- package/dist/cjs/ui/TableFloatingColumnControls/ColumnControls/index.js +1 -1
- package/dist/cjs/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js +2 -2
- package/dist/cjs/ui/TableFloatingControls/CornerControls/DragCornerControls.js +2 -2
- package/dist/cjs/ui/TableFloatingControls/NumberColumn/index.js +4 -4
- package/dist/cjs/ui/TableFloatingControls/RowControls/ClassicControls.js +2 -2
- package/dist/cjs/ui/TableFloatingControls/RowControls/DragControls.js +1 -1
- package/dist/cjs/ui/toolbar.js +0 -1
- package/dist/es2019/nodeviews/TableResizer.js +8 -7
- package/dist/es2019/ui/DragHandle/index.js +2 -2
- package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js +1 -1
- package/dist/es2019/ui/FloatingDeleteButton/DeleteButton.js +1 -1
- package/dist/es2019/ui/FloatingDragMenu/DragMenu.js +2 -2
- package/dist/es2019/ui/TableFloatingColumnControls/ColumnControls/index.js +1 -1
- package/dist/es2019/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js +2 -2
- package/dist/es2019/ui/TableFloatingControls/CornerControls/DragCornerControls.js +2 -2
- package/dist/es2019/ui/TableFloatingControls/NumberColumn/index.js +4 -4
- package/dist/es2019/ui/TableFloatingControls/RowControls/ClassicControls.js +2 -2
- package/dist/es2019/ui/TableFloatingControls/RowControls/DragControls.js +1 -1
- package/dist/es2019/ui/toolbar.js +0 -1
- package/dist/esm/nodeviews/TableResizer.js +8 -7
- package/dist/esm/ui/DragHandle/index.js +2 -2
- package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js +1 -1
- package/dist/esm/ui/FloatingDeleteButton/DeleteButton.js +1 -1
- package/dist/esm/ui/FloatingDragMenu/DragMenu.js +2 -2
- package/dist/esm/ui/TableFloatingColumnControls/ColumnControls/index.js +1 -1
- package/dist/esm/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js +2 -2
- package/dist/esm/ui/TableFloatingControls/CornerControls/DragCornerControls.js +2 -2
- package/dist/esm/ui/TableFloatingControls/NumberColumn/index.js +4 -4
- package/dist/esm/ui/TableFloatingControls/RowControls/ClassicControls.js +2 -2
- package/dist/esm/ui/TableFloatingControls/RowControls/DragControls.js +1 -1
- package/dist/esm/ui/toolbar.js +0 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-table
|
|
2
2
|
|
|
3
|
+
## 15.0.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`ef001bf65d48f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef001bf65d48f) -
|
|
8
|
+
Remove usage of `platform_editor_toolbar_aifc` inside editor packages - instead rely on checking
|
|
9
|
+
for new toolbar plugin option, make `enableNewToolbarExperience` mandatory for consumers to opt in
|
|
10
|
+
to new toolbar experience
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 15.0.10
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 15.0.9
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -120,7 +120,7 @@ var selector = function selector(states) {
|
|
|
120
120
|
};
|
|
121
121
|
};
|
|
122
122
|
var TableResizer = exports.TableResizer = function TableResizer(_ref) {
|
|
123
|
-
var _editorView$state, _pluginInjectionApi$a2;
|
|
123
|
+
var _editorView$state, _pluginInjectionApi$a2, _pluginInjectionApi$u2;
|
|
124
124
|
var children = _ref.children,
|
|
125
125
|
width = _ref.width,
|
|
126
126
|
maxWidth = _ref.maxWidth,
|
|
@@ -162,6 +162,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
|
|
|
162
162
|
setSnappingEnabled = _useState2[1];
|
|
163
163
|
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
164
164
|
formatMessage = _useIntl.formatMessage;
|
|
165
|
+
var isToolbarAIFCEnabled = Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar);
|
|
165
166
|
var currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
|
|
166
167
|
var tableFromSelection = (0, _react.useMemo)(function () {
|
|
167
168
|
return (0, _utils.findTable)(currentSelection);
|
|
@@ -265,7 +266,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
|
|
|
265
266
|
tr.setMeta(_tableAnalytics.META_KEYS.OVERFLOW_TRIGGER, {
|
|
266
267
|
name: _analytics.TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
|
|
267
268
|
});
|
|
268
|
-
if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) ||
|
|
269
|
+
if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
|
|
269
270
|
var _pluginInjectionApi$u;
|
|
270
271
|
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 || _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
|
|
271
272
|
tr: tr
|
|
@@ -277,7 +278,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
|
|
|
277
278
|
if (onResizeStart) {
|
|
278
279
|
onResizeStart();
|
|
279
280
|
}
|
|
280
|
-
}, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isTableScalingEnabled,
|
|
281
|
+
}, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isToolbarAIFCEnabled, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
|
|
281
282
|
var handleResize = (0, _react.useCallback)(
|
|
282
283
|
// Ignored via go/ees005
|
|
283
284
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -342,9 +343,9 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
|
|
|
342
343
|
tableRef: null
|
|
343
344
|
});
|
|
344
345
|
tr.setMeta('is-resizer-resizing', false);
|
|
345
|
-
if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) ||
|
|
346
|
-
var _pluginInjectionApi$
|
|
347
|
-
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$
|
|
346
|
+
if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
|
|
347
|
+
var _pluginInjectionApi$u3;
|
|
348
|
+
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 || _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
|
|
348
349
|
tr: tr
|
|
349
350
|
});
|
|
350
351
|
}
|
|
@@ -414,7 +415,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
|
|
|
414
415
|
(_insm$session2 = _insm.insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableResize');
|
|
415
416
|
}
|
|
416
417
|
return newWidth;
|
|
417
|
-
}, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, attachAnalyticsEvent, tableRef,
|
|
418
|
+
}, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
|
|
418
419
|
var handleTableSizeChangeOnKeypress = (0, _react.useCallback)(function (step) {
|
|
419
420
|
var newWidth = width + step;
|
|
420
421
|
if ((0, _expValEquals.expValEquals)('platform_editor_tables_scaling_css', 'isEnabled', true)) {
|
|
@@ -218,7 +218,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
|
|
|
218
218
|
"aria-label": formatMessage(isRow ? _messages.tableMessages.rowDragHandle : _messages.tableMessages.columnDragHandle),
|
|
219
219
|
"aria-expanded": isDragMenuOpen && isDragMenuTarget ? 'true' : 'false',
|
|
220
220
|
"aria-haspopup": "menu"
|
|
221
|
-
// eslint-disable-next-line
|
|
221
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
222
222
|
,
|
|
223
223
|
onMouseOver: function onMouseOver(e) {
|
|
224
224
|
if ((0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
|
|
@@ -226,7 +226,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
|
|
|
226
226
|
}
|
|
227
227
|
_onMouseOver && _onMouseOver(e);
|
|
228
228
|
}
|
|
229
|
-
// eslint-disable-next-line
|
|
229
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
230
230
|
,
|
|
231
231
|
onMouseOut: function onMouseOut(e) {
|
|
232
232
|
if ((0, _expValEquals.expValEquals)('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
|
|
@@ -730,7 +730,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
|
|
|
730
730
|
var isOpenAllowed = false;
|
|
731
731
|
isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
|
|
732
732
|
return (
|
|
733
|
-
// eslint-disable-next-line
|
|
733
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
734
734
|
(0, _react2.jsx)("div", {
|
|
735
735
|
"data-testid": "table-cell-contextual-menu"
|
|
736
736
|
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
@@ -17,7 +17,7 @@ var DeleteButton = function DeleteButton(_ref) {
|
|
|
17
17
|
formatMessage = _ref.intl.formatMessage;
|
|
18
18
|
return (
|
|
19
19
|
/*#__PURE__*/
|
|
20
|
-
// eslint-disable-next-line
|
|
20
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
21
21
|
_react.default.createElement("div", {
|
|
22
22
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
23
23
|
className: _types.TableCssClassName.CONTROLS_DELETE_BUTTON_WRAP
|
|
@@ -25,7 +25,6 @@ var _utils2 = require("@atlaskit/editor-tables/utils");
|
|
|
25
25
|
var _paintBucketEditorBackgroundColor = _interopRequireDefault(require("@atlaskit/icon/core/migration/paint-bucket--editor-background-color"));
|
|
26
26
|
var _primitives = require("@atlaskit/primitives");
|
|
27
27
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
28
|
-
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
29
28
|
var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
|
|
30
29
|
var _commands = require("../../pm-plugins/commands");
|
|
31
30
|
var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
|
|
@@ -239,6 +238,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
239
238
|
var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),
|
|
240
239
|
menuItems = _convertToDropdownIte.menuItems,
|
|
241
240
|
menuCallback = _convertToDropdownIte.menuCallback;
|
|
241
|
+
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
242
242
|
var handleSubMenuRef = function handleSubMenuRef(ref) {
|
|
243
243
|
var parent = (0, _utils.closestElement)(
|
|
244
244
|
// Ignored via go/ees005
|
|
@@ -526,7 +526,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
526
526
|
boundariesElement: boundariesElement,
|
|
527
527
|
scrollableElement: scrollableElement
|
|
528
528
|
});
|
|
529
|
-
return
|
|
529
|
+
return isToolbarAIFCEnabled ? (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
|
|
530
530
|
api: api
|
|
531
531
|
}, Menu) : Menu;
|
|
532
532
|
});
|
|
@@ -217,7 +217,7 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
|
|
|
217
217
|
var containerWidth = isNumberColumnEnabled && tableContainerWidth ? tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth;
|
|
218
218
|
return (
|
|
219
219
|
/*#__PURE__*/
|
|
220
|
-
// eslint-disable-next-line
|
|
220
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
221
221
|
_react.default.createElement("div", {
|
|
222
222
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
223
223
|
className: _types.TableCssClassName.DRAG_COLUMN_CONTROLS,
|
|
@@ -99,10 +99,10 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
|
|
|
99
99
|
danger: isActive && isInDanger
|
|
100
100
|
}),
|
|
101
101
|
onClick: this.selectTable
|
|
102
|
-
// eslint-disable-next-line
|
|
102
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
103
103
|
,
|
|
104
104
|
onMouseOver: this.hoverTable
|
|
105
|
-
// eslint-disable-next-line
|
|
105
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
106
106
|
,
|
|
107
107
|
onMouseOut: this.clearHoverSelection
|
|
108
108
|
}), !isHeaderRowEnabled &&
|
|
@@ -50,7 +50,7 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
|
|
|
50
50
|
"aria-label": formatMessage(_messages.tableMessages.cornerControl),
|
|
51
51
|
type: "button",
|
|
52
52
|
onClick: handleOnClick
|
|
53
|
-
// eslint-disable-next-line
|
|
53
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
54
54
|
,
|
|
55
55
|
onMouseOut: handleMouseOut,
|
|
56
56
|
contentEditable: false
|
|
@@ -103,7 +103,7 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
|
|
|
103
103
|
"aria-label": formatMessage(_messages.tableMessages.cornerControl),
|
|
104
104
|
type: "button",
|
|
105
105
|
onClick: handleOnClick
|
|
106
|
-
// eslint-disable-next-line
|
|
106
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
107
107
|
,
|
|
108
108
|
onMouseOut: handleMouseOut,
|
|
109
109
|
contentEditable: false
|
|
@@ -145,7 +145,7 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
145
145
|
}, rowHeights.map(function (rowHeight, index) {
|
|
146
146
|
return isDragAndDropEnabled ?
|
|
147
147
|
/*#__PURE__*/
|
|
148
|
-
// eslint-disable-next-line
|
|
148
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
149
149
|
_react.default.createElement("div", {
|
|
150
150
|
// Ignored via go/ees005
|
|
151
151
|
// eslint-disable-next-line react/no-array-index-key
|
|
@@ -157,7 +157,7 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
157
157
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
158
158
|
,
|
|
159
159
|
style: _this2.getCellStyles(index, rowHeight)
|
|
160
|
-
// eslint-disable-next-line
|
|
160
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
161
161
|
,
|
|
162
162
|
onMouseOver: function onMouseOver() {
|
|
163
163
|
return updateCellHoverLocation(index);
|
|
@@ -179,12 +179,12 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
179
179
|
onClick: function onClick(event) {
|
|
180
180
|
return _this2.selectRow(index, event);
|
|
181
181
|
}
|
|
182
|
-
// eslint-disable-next-line
|
|
182
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
183
183
|
,
|
|
184
184
|
onMouseOver: function onMouseOver() {
|
|
185
185
|
return _this2.hoverRows(index);
|
|
186
186
|
}
|
|
187
|
-
// eslint-disable-next-line
|
|
187
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
188
188
|
,
|
|
189
189
|
onMouseOut: _this2.clearHoverSelection
|
|
190
190
|
}, hasHeaderRow ? index > 0 ? index : null : index + 1);
|
|
@@ -106,12 +106,12 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
|
|
|
106
106
|
onClick: function onClick(event) {
|
|
107
107
|
return _this2.props.selectRow(startIndex, event.shiftKey);
|
|
108
108
|
}
|
|
109
|
-
// eslint-disable-next-line
|
|
109
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
110
110
|
,
|
|
111
111
|
onMouseOver: function onMouseOver() {
|
|
112
112
|
return _this2.props.hoverRows([startIndex]);
|
|
113
113
|
}
|
|
114
|
-
// eslint-disable-next-line
|
|
114
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
115
115
|
,
|
|
116
116
|
onMouseOut: _this2.clearHoverSelection,
|
|
117
117
|
"data-start-index": startIndex,
|
|
@@ -203,7 +203,7 @@ var DragControls = exports.DragControls = function DragControls(_ref) {
|
|
|
203
203
|
}
|
|
204
204
|
return (
|
|
205
205
|
/*#__PURE__*/
|
|
206
|
-
// eslint-disable-next-line
|
|
206
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
207
207
|
_react.default.createElement("div", {
|
|
208
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
209
209
|
className: _types.TableCssClassName.DRAG_ROW_CONTROLS,
|
package/dist/cjs/ui/toolbar.js
CHANGED
|
@@ -115,7 +115,6 @@ var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMen
|
|
|
115
115
|
id: 'editor.table.tableOptions',
|
|
116
116
|
type: 'dropdown',
|
|
117
117
|
testId: 'table_options',
|
|
118
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
119
118
|
icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? undefined : _customizePreferences.default,
|
|
120
119
|
iconBefore: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? _customizePreferences.default : undefined,
|
|
121
120
|
title: formatMessage(_messages.tableMessages.tableOptions),
|
|
@@ -132,7 +132,7 @@ export const TableResizer = ({
|
|
|
132
132
|
isCommentEditor,
|
|
133
133
|
disabled
|
|
134
134
|
}) => {
|
|
135
|
-
var _editorView$state, _pluginInjectionApi$a2;
|
|
135
|
+
var _editorView$state, _pluginInjectionApi$a2, _pluginInjectionApi$u2;
|
|
136
136
|
const currentGap = useRef(0);
|
|
137
137
|
// track resizing state - use ref over state to avoid re-render
|
|
138
138
|
const isResizing = useRef(false);
|
|
@@ -149,6 +149,7 @@ export const TableResizer = ({
|
|
|
149
149
|
const {
|
|
150
150
|
formatMessage
|
|
151
151
|
} = useIntl();
|
|
152
|
+
const isToolbarAIFCEnabled = Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar);
|
|
152
153
|
const currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
|
|
153
154
|
const tableFromSelection = useMemo(() => {
|
|
154
155
|
return findTable(currentSelection);
|
|
@@ -258,7 +259,7 @@ export const TableResizer = ({
|
|
|
258
259
|
tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
|
|
259
260
|
name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
|
|
260
261
|
});
|
|
261
|
-
if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ||
|
|
262
|
+
if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
|
|
262
263
|
var _pluginInjectionApi$u;
|
|
263
264
|
pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 ? void 0 : _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
|
|
264
265
|
tr
|
|
@@ -270,7 +271,7 @@ export const TableResizer = ({
|
|
|
270
271
|
if (onResizeStart) {
|
|
271
272
|
onResizeStart();
|
|
272
273
|
}
|
|
273
|
-
}, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isTableScalingEnabled,
|
|
274
|
+
}, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isToolbarAIFCEnabled, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
|
|
274
275
|
const handleResize = useCallback(
|
|
275
276
|
// Ignored via go/ees005
|
|
276
277
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -337,9 +338,9 @@ export const TableResizer = ({
|
|
|
337
338
|
tableRef: null
|
|
338
339
|
});
|
|
339
340
|
tr.setMeta('is-resizer-resizing', false);
|
|
340
|
-
if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ||
|
|
341
|
-
var _pluginInjectionApi$
|
|
342
|
-
pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$
|
|
341
|
+
if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
|
|
342
|
+
var _pluginInjectionApi$u3;
|
|
343
|
+
pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 ? void 0 : _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
|
|
343
344
|
tr
|
|
344
345
|
});
|
|
345
346
|
}
|
|
@@ -410,7 +411,7 @@ export const TableResizer = ({
|
|
|
410
411
|
(_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? void 0 : _insm$session2.endFeature('tableResize');
|
|
411
412
|
}
|
|
412
413
|
return newWidth;
|
|
413
|
-
}, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, attachAnalyticsEvent, tableRef,
|
|
414
|
+
}, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
|
|
414
415
|
const handleTableSizeChangeOnKeypress = useCallback(step => {
|
|
415
416
|
const newWidth = width + step;
|
|
416
417
|
if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
|
|
@@ -211,7 +211,7 @@ const DragHandleComponent = ({
|
|
|
211
211
|
"aria-label": formatMessage(isRow ? messages.rowDragHandle : messages.columnDragHandle),
|
|
212
212
|
"aria-expanded": isDragMenuOpen && isDragMenuTarget ? 'true' : 'false',
|
|
213
213
|
"aria-haspopup": "menu"
|
|
214
|
-
// eslint-disable-next-line
|
|
214
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
215
215
|
,
|
|
216
216
|
onMouseOver: e => {
|
|
217
217
|
if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
|
|
@@ -219,7 +219,7 @@ const DragHandleComponent = ({
|
|
|
219
219
|
}
|
|
220
220
|
onMouseOver && onMouseOver(e);
|
|
221
221
|
}
|
|
222
|
-
// eslint-disable-next-line
|
|
222
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
223
223
|
,
|
|
224
224
|
onMouseOut: e => {
|
|
225
225
|
if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
|
|
@@ -789,7 +789,7 @@ export class ContextualMenu extends Component {
|
|
|
789
789
|
let isOpenAllowed = false;
|
|
790
790
|
isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
|
|
791
791
|
return (
|
|
792
|
-
// eslint-disable-next-line
|
|
792
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
793
793
|
jsx("div", {
|
|
794
794
|
"data-testid": "table-cell-contextual-menu"
|
|
795
795
|
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
@@ -12,7 +12,7 @@ const DeleteButton = ({
|
|
|
12
12
|
}
|
|
13
13
|
}) =>
|
|
14
14
|
/*#__PURE__*/
|
|
15
|
-
// eslint-disable-next-line
|
|
15
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
16
16
|
React.createElement("div", {
|
|
17
17
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
18
18
|
className: ClassName.CONTROLS_DELETE_BUTTON_WRAP
|
|
@@ -24,7 +24,6 @@ import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-
|
|
|
24
24
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
25
25
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
26
26
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
27
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
28
27
|
import Toggle from '@atlaskit/toggle';
|
|
29
28
|
import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
|
|
30
29
|
import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
|
|
@@ -229,6 +228,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
|
|
|
229
228
|
menuItems,
|
|
230
229
|
menuCallback
|
|
231
230
|
} = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect);
|
|
231
|
+
const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
232
232
|
const handleSubMenuRef = ref => {
|
|
233
233
|
const parent = closestElement(
|
|
234
234
|
// Ignored via go/ees005
|
|
@@ -525,7 +525,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
|
|
|
525
525
|
boundariesElement: boundariesElement,
|
|
526
526
|
scrollableElement: scrollableElement
|
|
527
527
|
});
|
|
528
|
-
return
|
|
528
|
+
return isToolbarAIFCEnabled ? jsx(UserIntentPopupWrapper, {
|
|
529
529
|
api: api
|
|
530
530
|
}, Menu) : Menu;
|
|
531
531
|
});
|
|
@@ -214,7 +214,7 @@ export const ColumnControls = ({
|
|
|
214
214
|
const containerWidth = isNumberColumnEnabled && tableContainerWidth ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth;
|
|
215
215
|
return (
|
|
216
216
|
/*#__PURE__*/
|
|
217
|
-
// eslint-disable-next-line
|
|
217
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
218
218
|
React.createElement("div", {
|
|
219
219
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
220
220
|
className: ClassName.DRAG_COLUMN_CONTROLS,
|
|
@@ -83,10 +83,10 @@ class CornerControlComponent extends Component {
|
|
|
83
83
|
danger: isActive && isInDanger
|
|
84
84
|
}),
|
|
85
85
|
onClick: this.selectTable
|
|
86
|
-
// eslint-disable-next-line
|
|
86
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
87
87
|
,
|
|
88
88
|
onMouseOver: this.hoverTable
|
|
89
|
-
// eslint-disable-next-line
|
|
89
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
90
90
|
,
|
|
91
91
|
onMouseOut: this.clearHoverSelection
|
|
92
92
|
}), !isHeaderRowEnabled &&
|
|
@@ -50,7 +50,7 @@ const DragCornerControlsComponent = ({
|
|
|
50
50
|
"aria-label": formatMessage(messages.cornerControl),
|
|
51
51
|
type: "button",
|
|
52
52
|
onClick: handleOnClick
|
|
53
|
-
// eslint-disable-next-line
|
|
53
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
54
54
|
,
|
|
55
55
|
onMouseOut: handleMouseOut,
|
|
56
56
|
contentEditable: false
|
|
@@ -111,7 +111,7 @@ const DragCornerControlsComponentWithSelection = ({
|
|
|
111
111
|
"aria-label": formatMessage(messages.cornerControl),
|
|
112
112
|
type: "button",
|
|
113
113
|
onClick: handleOnClick
|
|
114
|
-
// eslint-disable-next-line
|
|
114
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
115
115
|
,
|
|
116
116
|
onMouseOut: handleMouseOut,
|
|
117
117
|
contentEditable: false
|
|
@@ -129,7 +129,7 @@ export default class NumberColumn extends Component {
|
|
|
129
129
|
contentEditable: false
|
|
130
130
|
}, rowHeights.map((rowHeight, index) => isDragAndDropEnabled ?
|
|
131
131
|
/*#__PURE__*/
|
|
132
|
-
// eslint-disable-next-line
|
|
132
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
133
133
|
React.createElement("div", {
|
|
134
134
|
// Ignored via go/ees005
|
|
135
135
|
// eslint-disable-next-line react/no-array-index-key
|
|
@@ -141,7 +141,7 @@ export default class NumberColumn extends Component {
|
|
|
141
141
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
142
142
|
,
|
|
143
143
|
style: this.getCellStyles(index, rowHeight)
|
|
144
|
-
// eslint-disable-next-line
|
|
144
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
145
145
|
,
|
|
146
146
|
onMouseOver: () => updateCellHoverLocation(index)
|
|
147
147
|
}, hasHeaderRow ? index > 0 ? index : null : index + 1) :
|
|
@@ -159,10 +159,10 @@ export default class NumberColumn extends Component {
|
|
|
159
159
|
,
|
|
160
160
|
style: this.getCellStyles(index, rowHeight),
|
|
161
161
|
onClick: event => this.selectRow(index, event)
|
|
162
|
-
// eslint-disable-next-line
|
|
162
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
163
163
|
,
|
|
164
164
|
onMouseOver: () => this.hoverRows(index)
|
|
165
|
-
// eslint-disable-next-line
|
|
165
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
166
166
|
,
|
|
167
167
|
onMouseOut: this.clearHoverSelection
|
|
168
168
|
}, hasHeaderRow ? index > 0 ? index : null : index + 1)));
|
|
@@ -85,10 +85,10 @@ class RowControlsComponent extends Component {
|
|
|
85
85
|
,
|
|
86
86
|
className: `${ClassName.ROW_CONTROLS_BUTTON} ${ClassName.CONTROLS_BUTTON}`,
|
|
87
87
|
onClick: event => this.props.selectRow(startIndex, event.shiftKey)
|
|
88
|
-
// eslint-disable-next-line
|
|
88
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
89
89
|
,
|
|
90
90
|
onMouseOver: () => this.props.hoverRows([startIndex])
|
|
91
|
-
// eslint-disable-next-line
|
|
91
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
92
92
|
,
|
|
93
93
|
onMouseOut: this.clearHoverSelection,
|
|
94
94
|
"data-start-index": startIndex,
|
|
@@ -192,7 +192,7 @@ export const DragControls = ({
|
|
|
192
192
|
}
|
|
193
193
|
return (
|
|
194
194
|
/*#__PURE__*/
|
|
195
|
-
// eslint-disable-next-line
|
|
195
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
196
196
|
React.createElement("div", {
|
|
197
197
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
198
198
|
className: ClassName.DRAG_ROW_CONTROLS,
|
|
@@ -103,7 +103,6 @@ export const getToolbarMenuConfig = (config, state, {
|
|
|
103
103
|
id: 'editor.table.tableOptions',
|
|
104
104
|
type: 'dropdown',
|
|
105
105
|
testId: 'table_options',
|
|
106
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
107
106
|
icon: fg('platform-visual-refresh-icons') ? undefined : CustomizeIcon,
|
|
108
107
|
iconBefore: fg('platform-visual-refresh-icons') ? CustomizeIcon : undefined,
|
|
109
108
|
title: formatMessage(messages.tableOptions),
|
|
@@ -111,7 +111,7 @@ var selector = function selector(states) {
|
|
|
111
111
|
};
|
|
112
112
|
};
|
|
113
113
|
export var TableResizer = function TableResizer(_ref) {
|
|
114
|
-
var _editorView$state, _pluginInjectionApi$a2;
|
|
114
|
+
var _editorView$state, _pluginInjectionApi$a2, _pluginInjectionApi$u2;
|
|
115
115
|
var children = _ref.children,
|
|
116
116
|
width = _ref.width,
|
|
117
117
|
maxWidth = _ref.maxWidth,
|
|
@@ -153,6 +153,7 @@ export var TableResizer = function TableResizer(_ref) {
|
|
|
153
153
|
setSnappingEnabled = _useState2[1];
|
|
154
154
|
var _useIntl = useIntl(),
|
|
155
155
|
formatMessage = _useIntl.formatMessage;
|
|
156
|
+
var isToolbarAIFCEnabled = Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar);
|
|
156
157
|
var currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
|
|
157
158
|
var tableFromSelection = useMemo(function () {
|
|
158
159
|
return findTable(currentSelection);
|
|
@@ -256,7 +257,7 @@ export var TableResizer = function TableResizer(_ref) {
|
|
|
256
257
|
tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
|
|
257
258
|
name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
|
|
258
259
|
});
|
|
259
|
-
if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ||
|
|
260
|
+
if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
|
|
260
261
|
var _pluginInjectionApi$u;
|
|
261
262
|
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 || _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
|
|
262
263
|
tr: tr
|
|
@@ -268,7 +269,7 @@ export var TableResizer = function TableResizer(_ref) {
|
|
|
268
269
|
if (onResizeStart) {
|
|
269
270
|
onResizeStart();
|
|
270
271
|
}
|
|
271
|
-
}, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isTableScalingEnabled,
|
|
272
|
+
}, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isToolbarAIFCEnabled, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
|
|
272
273
|
var handleResize = useCallback(
|
|
273
274
|
// Ignored via go/ees005
|
|
274
275
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -333,9 +334,9 @@ export var TableResizer = function TableResizer(_ref) {
|
|
|
333
334
|
tableRef: null
|
|
334
335
|
});
|
|
335
336
|
tr.setMeta('is-resizer-resizing', false);
|
|
336
|
-
if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ||
|
|
337
|
-
var _pluginInjectionApi$
|
|
338
|
-
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$
|
|
337
|
+
if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
|
|
338
|
+
var _pluginInjectionApi$u3;
|
|
339
|
+
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 || _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
|
|
339
340
|
tr: tr
|
|
340
341
|
});
|
|
341
342
|
}
|
|
@@ -405,7 +406,7 @@ export var TableResizer = function TableResizer(_ref) {
|
|
|
405
406
|
(_insm$session2 = insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableResize');
|
|
406
407
|
}
|
|
407
408
|
return newWidth;
|
|
408
|
-
}, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, attachAnalyticsEvent, tableRef,
|
|
409
|
+
}, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
|
|
409
410
|
var handleTableSizeChangeOnKeypress = useCallback(function (step) {
|
|
410
411
|
var newWidth = width + step;
|
|
411
412
|
if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
|
|
@@ -209,7 +209,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
|
|
|
209
209
|
"aria-label": formatMessage(isRow ? messages.rowDragHandle : messages.columnDragHandle),
|
|
210
210
|
"aria-expanded": isDragMenuOpen && isDragMenuTarget ? 'true' : 'false',
|
|
211
211
|
"aria-haspopup": "menu"
|
|
212
|
-
// eslint-disable-next-line
|
|
212
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
213
213
|
,
|
|
214
214
|
onMouseOver: function onMouseOver(e) {
|
|
215
215
|
if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
|
|
@@ -217,7 +217,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
|
|
|
217
217
|
}
|
|
218
218
|
_onMouseOver && _onMouseOver(e);
|
|
219
219
|
}
|
|
220
|
-
// eslint-disable-next-line
|
|
220
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
221
221
|
,
|
|
222
222
|
onMouseOut: function onMouseOut(e) {
|
|
223
223
|
if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
|
|
@@ -724,7 +724,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
|
|
|
724
724
|
var isOpenAllowed = false;
|
|
725
725
|
isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
|
|
726
726
|
return (
|
|
727
|
-
// eslint-disable-next-line
|
|
727
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
728
728
|
jsx("div", {
|
|
729
729
|
"data-testid": "table-cell-contextual-menu"
|
|
730
730
|
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
@@ -10,7 +10,7 @@ var DeleteButton = function DeleteButton(_ref) {
|
|
|
10
10
|
formatMessage = _ref.intl.formatMessage;
|
|
11
11
|
return (
|
|
12
12
|
/*#__PURE__*/
|
|
13
|
-
// eslint-disable-next-line
|
|
13
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
14
14
|
React.createElement("div", {
|
|
15
15
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
16
16
|
className: ClassName.CONTROLS_DELETE_BUTTON_WRAP
|
|
@@ -26,7 +26,6 @@ import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-
|
|
|
26
26
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
27
27
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
28
28
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
29
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
30
29
|
import Toggle from '@atlaskit/toggle';
|
|
31
30
|
import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
|
|
32
31
|
import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
|
|
@@ -228,6 +227,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
228
227
|
var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),
|
|
229
228
|
menuItems = _convertToDropdownIte.menuItems,
|
|
230
229
|
menuCallback = _convertToDropdownIte.menuCallback;
|
|
230
|
+
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
231
231
|
var handleSubMenuRef = function handleSubMenuRef(ref) {
|
|
232
232
|
var parent = closestElement(
|
|
233
233
|
// Ignored via go/ees005
|
|
@@ -515,7 +515,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
515
515
|
boundariesElement: boundariesElement,
|
|
516
516
|
scrollableElement: scrollableElement
|
|
517
517
|
});
|
|
518
|
-
return
|
|
518
|
+
return isToolbarAIFCEnabled ? jsx(UserIntentPopupWrapper, {
|
|
519
519
|
api: api
|
|
520
520
|
}, Menu) : Menu;
|
|
521
521
|
});
|
|
@@ -209,7 +209,7 @@ export var ColumnControls = function ColumnControls(_ref) {
|
|
|
209
209
|
var containerWidth = isNumberColumnEnabled && tableContainerWidth ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth;
|
|
210
210
|
return (
|
|
211
211
|
/*#__PURE__*/
|
|
212
|
-
// eslint-disable-next-line
|
|
212
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
213
213
|
React.createElement("div", {
|
|
214
214
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
215
215
|
className: ClassName.DRAG_COLUMN_CONTROLS,
|
|
@@ -90,10 +90,10 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
|
|
|
90
90
|
danger: isActive && isInDanger
|
|
91
91
|
}),
|
|
92
92
|
onClick: this.selectTable
|
|
93
|
-
// eslint-disable-next-line
|
|
93
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
94
94
|
,
|
|
95
95
|
onMouseOver: this.hoverTable
|
|
96
|
-
// eslint-disable-next-line
|
|
96
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
97
97
|
,
|
|
98
98
|
onMouseOut: this.clearHoverSelection
|
|
99
99
|
}), !isHeaderRowEnabled &&
|
|
@@ -41,7 +41,7 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
|
|
|
41
41
|
"aria-label": formatMessage(messages.cornerControl),
|
|
42
42
|
type: "button",
|
|
43
43
|
onClick: handleOnClick
|
|
44
|
-
// eslint-disable-next-line
|
|
44
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
45
45
|
,
|
|
46
46
|
onMouseOut: handleMouseOut,
|
|
47
47
|
contentEditable: false
|
|
@@ -94,7 +94,7 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
|
|
|
94
94
|
"aria-label": formatMessage(messages.cornerControl),
|
|
95
95
|
type: "button",
|
|
96
96
|
onClick: handleOnClick
|
|
97
|
-
// eslint-disable-next-line
|
|
97
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
98
98
|
,
|
|
99
99
|
onMouseOut: handleMouseOut,
|
|
100
100
|
contentEditable: false
|
|
@@ -136,7 +136,7 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
|
|
|
136
136
|
}, rowHeights.map(function (rowHeight, index) {
|
|
137
137
|
return isDragAndDropEnabled ?
|
|
138
138
|
/*#__PURE__*/
|
|
139
|
-
// eslint-disable-next-line
|
|
139
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
140
140
|
React.createElement("div", {
|
|
141
141
|
// Ignored via go/ees005
|
|
142
142
|
// eslint-disable-next-line react/no-array-index-key
|
|
@@ -148,7 +148,7 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
|
|
|
148
148
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
149
149
|
,
|
|
150
150
|
style: _this2.getCellStyles(index, rowHeight)
|
|
151
|
-
// eslint-disable-next-line
|
|
151
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
152
152
|
,
|
|
153
153
|
onMouseOver: function onMouseOver() {
|
|
154
154
|
return updateCellHoverLocation(index);
|
|
@@ -170,12 +170,12 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
|
|
|
170
170
|
onClick: function onClick(event) {
|
|
171
171
|
return _this2.selectRow(index, event);
|
|
172
172
|
}
|
|
173
|
-
// eslint-disable-next-line
|
|
173
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
174
174
|
,
|
|
175
175
|
onMouseOver: function onMouseOver() {
|
|
176
176
|
return _this2.hoverRows(index);
|
|
177
177
|
}
|
|
178
|
-
// eslint-disable-next-line
|
|
178
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
179
179
|
,
|
|
180
180
|
onMouseOut: _this2.clearHoverSelection
|
|
181
181
|
}, hasHeaderRow ? index > 0 ? index : null : index + 1);
|
|
@@ -97,12 +97,12 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
|
|
|
97
97
|
onClick: function onClick(event) {
|
|
98
98
|
return _this2.props.selectRow(startIndex, event.shiftKey);
|
|
99
99
|
}
|
|
100
|
-
// eslint-disable-next-line
|
|
100
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
101
101
|
,
|
|
102
102
|
onMouseOver: function onMouseOver() {
|
|
103
103
|
return _this2.props.hoverRows([startIndex]);
|
|
104
104
|
}
|
|
105
|
-
// eslint-disable-next-line
|
|
105
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
106
106
|
,
|
|
107
107
|
onMouseOut: _this2.clearHoverSelection,
|
|
108
108
|
"data-start-index": startIndex,
|
|
@@ -194,7 +194,7 @@ export var DragControls = function DragControls(_ref) {
|
|
|
194
194
|
}
|
|
195
195
|
return (
|
|
196
196
|
/*#__PURE__*/
|
|
197
|
-
// eslint-disable-next-line
|
|
197
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
198
198
|
React.createElement("div", {
|
|
199
199
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
200
200
|
className: ClassName.DRAG_ROW_CONTROLS,
|
package/dist/esm/ui/toolbar.js
CHANGED
|
@@ -108,7 +108,6 @@ export var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _
|
|
|
108
108
|
id: 'editor.table.tableOptions',
|
|
109
109
|
type: 'dropdown',
|
|
110
110
|
testId: 'table_options',
|
|
111
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
112
111
|
icon: fg('platform-visual-refresh-icons') ? undefined : CustomizeIcon,
|
|
113
112
|
iconBefore: fg('platform-visual-refresh-icons') ? CustomizeIcon : undefined,
|
|
114
113
|
title: formatMessage(messages.tableOptions),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-table",
|
|
3
|
-
"version": "15.0.
|
|
3
|
+
"version": "15.0.11",
|
|
4
4
|
"description": "Table plugin for the @atlaskit/editor",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@atlaskit/adf-schema": "^51.2.0",
|
|
32
32
|
"@atlaskit/button": "^23.5.0",
|
|
33
|
-
"@atlaskit/custom-steps": "^0.
|
|
33
|
+
"@atlaskit/custom-steps": "^0.15.0",
|
|
34
34
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
35
35
|
"@atlaskit/editor-plugin-accessibility-utils": "^6.0.0",
|
|
36
36
|
"@atlaskit/editor-plugin-analytics": "^6.1.0",
|
|
@@ -42,11 +42,11 @@
|
|
|
42
42
|
"@atlaskit/editor-plugin-interaction": "^8.0.0",
|
|
43
43
|
"@atlaskit/editor-plugin-limited-mode": "^3.0.0",
|
|
44
44
|
"@atlaskit/editor-plugin-selection": "^6.1.0",
|
|
45
|
-
"@atlaskit/editor-plugin-toolbar": "^3.
|
|
45
|
+
"@atlaskit/editor-plugin-toolbar": "^3.2.0",
|
|
46
46
|
"@atlaskit/editor-plugin-user-intent": "^4.0.0",
|
|
47
47
|
"@atlaskit/editor-plugin-width": "^7.0.0",
|
|
48
48
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
49
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
49
|
+
"@atlaskit/editor-shared-styles": "^3.7.0",
|
|
50
50
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
51
51
|
"@atlaskit/icon": "^28.5.0",
|
|
52
52
|
"@atlaskit/insm": "^0.1.0",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@atlaskit/primitives": "^14.15.0",
|
|
60
60
|
"@atlaskit/react-ufo": "^4.11.0",
|
|
61
61
|
"@atlaskit/theme": "^21.0.0",
|
|
62
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
62
|
+
"@atlaskit/tmp-editor-statsig": "^13.10.0",
|
|
63
63
|
"@atlaskit/toggle": "^15.1.0",
|
|
64
64
|
"@atlaskit/tokens": "^6.4.0",
|
|
65
65
|
"@atlaskit/tooltip": "^20.5.0",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"uuid": "^3.1.0"
|
|
73
73
|
},
|
|
74
74
|
"peerDependencies": {
|
|
75
|
-
"@atlaskit/editor-common": "^110.
|
|
75
|
+
"@atlaskit/editor-common": "^110.10.0",
|
|
76
76
|
"react": "^18.2.0",
|
|
77
77
|
"react-dom": "^18.2.0",
|
|
78
78
|
"react-intl-next": "npm:react-intl@^5.18.1"
|