@atlaskit/editor-plugin-table 39.0.1 → 39.0.3
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 +13 -0
- package/dist/cjs/ui/TableMenu/cell/getCellMenuComponents.js +3 -136
- package/dist/cjs/ui/TableMenu/column/getColumnMenuComponents.js +1 -205
- package/dist/cjs/ui/TableMenu/row/getRowMenuComponents.js +1 -161
- package/dist/cjs/ui/TableMenu/shared/getSharedItems.js +2 -49
- package/dist/cjs/ui/TableMenu/shared/selection.js +1 -6
- package/dist/es2019/ui/TableMenu/cell/getCellMenuComponents.js +3 -118
- package/dist/es2019/ui/TableMenu/column/getColumnMenuComponents.js +2 -178
- package/dist/es2019/ui/TableMenu/row/getRowMenuComponents.js +2 -140
- package/dist/es2019/ui/TableMenu/shared/getSharedItems.js +2 -45
- package/dist/es2019/ui/TableMenu/shared/selection.js +2 -9
- package/dist/esm/ui/TableMenu/cell/getCellMenuComponents.js +3 -136
- package/dist/esm/ui/TableMenu/column/getColumnMenuComponents.js +2 -206
- package/dist/esm/ui/TableMenu/row/getRowMenuComponents.js +2 -162
- package/dist/esm/ui/TableMenu/shared/getSharedItems.js +2 -49
- package/dist/esm/ui/TableMenu/shared/selection.js +1 -6
- package/dist/types/ui/TableMenu/column/getColumnMenuComponents.d.ts +1 -1
- package/dist/types/ui/TableMenu/shared/selection.d.ts +1 -2
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-table
|
|
2
2
|
|
|
3
|
+
## 39.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`3f374dbb9f63d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f374dbb9f63d) -
|
|
8
|
+
Clean up feature gate `platform_editor_table_cell_menu_update`
|
|
9
|
+
|
|
10
|
+
## 39.0.2
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 39.0.1
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -11,7 +11,6 @@ var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-drop
|
|
|
11
11
|
var _alignPositionBottom = _interopRequireDefault(require("@atlaskit/icon-lab/core/align-position-bottom"));
|
|
12
12
|
var _alignPositionCenterVertical = _interopRequireDefault(require("@atlaskit/icon-lab/core/align-position-center-vertical"));
|
|
13
13
|
var _alignPositionTop = _interopRequireDefault(require("@atlaskit/icon-lab/core/align-position-top"));
|
|
14
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
15
14
|
var _MergeCellsItem = require("./items/MergeCellsItem");
|
|
16
15
|
var _SplitCellItem = require("./items/SplitCellItem");
|
|
17
16
|
var _VerticalAlignDropdownItem = require("./items/VerticalAlignDropdownItem");
|
|
@@ -19,10 +18,9 @@ var _VerticalAlignNestedMenu = require("./items/VerticalAlignNestedMenu");
|
|
|
19
18
|
var _keys = require("./keys");
|
|
20
19
|
var getCellMenuComponents = exports.getCellMenuComponents = function getCellMenuComponents(_ref) {
|
|
21
20
|
var api = _ref.api;
|
|
22
|
-
return
|
|
23
|
-
//
|
|
24
|
-
//
|
|
25
|
-
// items); the danger section gains the shared Delete column/row items.
|
|
21
|
+
return [
|
|
22
|
+
// Merge/Split cells live in the Add section (alongside the shared add/distribute
|
|
23
|
+
// items); the danger section also contains the shared Delete column/row items.
|
|
26
24
|
|
|
27
25
|
// --- Menu surface ---
|
|
28
26
|
{
|
|
@@ -155,137 +153,6 @@ var getCellMenuComponents = exports.getCellMenuComponents = function getCellMenu
|
|
|
155
153
|
}
|
|
156
154
|
},
|
|
157
155
|
// --- Danger section (Clear cell + shared Delete column / Delete row) ---
|
|
158
|
-
{
|
|
159
|
-
type: _keys.CELL_DANGER_SECTION.type,
|
|
160
|
-
key: _keys.CELL_DANGER_SECTION.key,
|
|
161
|
-
parents: [{
|
|
162
|
-
type: _keys.CELL_MENU.type,
|
|
163
|
-
key: _keys.CELL_MENU.key,
|
|
164
|
-
rank: _keys.CELL_MENU_RANK[_keys.CELL_DANGER_SECTION.key]
|
|
165
|
-
}],
|
|
166
|
-
component: function component(props) {
|
|
167
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
|
|
168
|
-
hasSeparator: true
|
|
169
|
-
}, props.children);
|
|
170
|
-
}
|
|
171
|
-
}] : [
|
|
172
|
-
// --- Cell menu update OFF: legacy cell menu (Merge/Split live in the action section) ---
|
|
173
|
-
|
|
174
|
-
// --- Menu surface ---
|
|
175
|
-
{
|
|
176
|
-
type: _keys.CELL_MENU.type,
|
|
177
|
-
key: _keys.CELL_MENU.key
|
|
178
|
-
},
|
|
179
|
-
// --- Main action section (Background color, Merge cells, Split cell) ---
|
|
180
|
-
{
|
|
181
|
-
type: _keys.CELL_ACTION_SECTION.type,
|
|
182
|
-
key: _keys.CELL_ACTION_SECTION.key,
|
|
183
|
-
parents: [{
|
|
184
|
-
type: _keys.CELL_MENU.type,
|
|
185
|
-
key: _keys.CELL_MENU.key,
|
|
186
|
-
rank: _keys.CELL_MENU_RANK[_keys.CELL_ACTION_SECTION.key]
|
|
187
|
-
}],
|
|
188
|
-
component: function component(props) {
|
|
189
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, props.children);
|
|
190
|
-
}
|
|
191
|
-
}, {
|
|
192
|
-
type: _keys.VERTICAL_ALIGN_MENU.type,
|
|
193
|
-
key: _keys.VERTICAL_ALIGN_MENU.key,
|
|
194
|
-
parents: [{
|
|
195
|
-
type: _keys.CELL_ACTION_SECTION.type,
|
|
196
|
-
key: _keys.CELL_ACTION_SECTION.key,
|
|
197
|
-
rank: _keys.CELL_ACTION_SECTION_RANK[_keys.VERTICAL_ALIGN_MENU.key]
|
|
198
|
-
}],
|
|
199
|
-
component: function component(props) {
|
|
200
|
-
return /*#__PURE__*/_react.default.createElement(_VerticalAlignNestedMenu.VerticalAlignNestedMenu, null, props.children);
|
|
201
|
-
}
|
|
202
|
-
}, {
|
|
203
|
-
type: _keys.VERTICAL_ALIGN_MENU_SECTION.type,
|
|
204
|
-
key: _keys.VERTICAL_ALIGN_MENU_SECTION.key,
|
|
205
|
-
parents: [{
|
|
206
|
-
type: _keys.VERTICAL_ALIGN_MENU.type,
|
|
207
|
-
key: _keys.VERTICAL_ALIGN_MENU.key,
|
|
208
|
-
rank: _keys.VERTICAL_ALIGN_MENU_RANK[_keys.VERTICAL_ALIGN_MENU_SECTION.key]
|
|
209
|
-
}],
|
|
210
|
-
component: function component(props) {
|
|
211
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, props.children);
|
|
212
|
-
}
|
|
213
|
-
}, {
|
|
214
|
-
type: _keys.VERTICAL_ALIGN_TOP_ITEM.type,
|
|
215
|
-
key: _keys.VERTICAL_ALIGN_TOP_ITEM.key,
|
|
216
|
-
parents: [{
|
|
217
|
-
type: _keys.VERTICAL_ALIGN_MENU_SECTION.type,
|
|
218
|
-
key: _keys.VERTICAL_ALIGN_MENU_SECTION.key,
|
|
219
|
-
rank: _keys.VERTICAL_ALIGN_MENU_SECTION_RANK[_keys.VERTICAL_ALIGN_TOP_ITEM.key]
|
|
220
|
-
}],
|
|
221
|
-
component: function component() {
|
|
222
|
-
return /*#__PURE__*/_react.default.createElement(_VerticalAlignDropdownItem.VerticalAlignDropdownItem, {
|
|
223
|
-
api: api,
|
|
224
|
-
icon: _alignPositionTop.default,
|
|
225
|
-
label: _table.messages.cellAlignmentTop,
|
|
226
|
-
value: "top"
|
|
227
|
-
});
|
|
228
|
-
}
|
|
229
|
-
}, {
|
|
230
|
-
type: _keys.VERTICAL_ALIGN_MIDDLE_ITEM.type,
|
|
231
|
-
key: _keys.VERTICAL_ALIGN_MIDDLE_ITEM.key,
|
|
232
|
-
parents: [{
|
|
233
|
-
type: _keys.VERTICAL_ALIGN_MENU_SECTION.type,
|
|
234
|
-
key: _keys.VERTICAL_ALIGN_MENU_SECTION.key,
|
|
235
|
-
rank: _keys.VERTICAL_ALIGN_MENU_SECTION_RANK[_keys.VERTICAL_ALIGN_MIDDLE_ITEM.key]
|
|
236
|
-
}],
|
|
237
|
-
component: function component() {
|
|
238
|
-
return /*#__PURE__*/_react.default.createElement(_VerticalAlignDropdownItem.VerticalAlignDropdownItem, {
|
|
239
|
-
api: api,
|
|
240
|
-
icon: _alignPositionCenterVertical.default,
|
|
241
|
-
label: _table.messages.cellAlignmentMiddle,
|
|
242
|
-
value: "middle"
|
|
243
|
-
});
|
|
244
|
-
}
|
|
245
|
-
}, {
|
|
246
|
-
type: _keys.VERTICAL_ALIGN_BOTTOM_ITEM.type,
|
|
247
|
-
key: _keys.VERTICAL_ALIGN_BOTTOM_ITEM.key,
|
|
248
|
-
parents: [{
|
|
249
|
-
type: _keys.VERTICAL_ALIGN_MENU_SECTION.type,
|
|
250
|
-
key: _keys.VERTICAL_ALIGN_MENU_SECTION.key,
|
|
251
|
-
rank: _keys.VERTICAL_ALIGN_MENU_SECTION_RANK[_keys.VERTICAL_ALIGN_BOTTOM_ITEM.key]
|
|
252
|
-
}],
|
|
253
|
-
component: function component() {
|
|
254
|
-
return /*#__PURE__*/_react.default.createElement(_VerticalAlignDropdownItem.VerticalAlignDropdownItem, {
|
|
255
|
-
api: api,
|
|
256
|
-
icon: _alignPositionBottom.default,
|
|
257
|
-
label: _table.messages.cellAlignmentBottom,
|
|
258
|
-
value: "bottom"
|
|
259
|
-
});
|
|
260
|
-
}
|
|
261
|
-
}, {
|
|
262
|
-
type: _keys.MERGE_CELLS_ITEM.type,
|
|
263
|
-
key: _keys.MERGE_CELLS_ITEM.key,
|
|
264
|
-
parents: [{
|
|
265
|
-
type: _keys.CELL_ACTION_SECTION.type,
|
|
266
|
-
key: _keys.CELL_ACTION_SECTION.key,
|
|
267
|
-
rank: _keys.CELL_ACTION_SECTION_RANK[_keys.MERGE_CELLS_ITEM.key]
|
|
268
|
-
}],
|
|
269
|
-
component: function component() {
|
|
270
|
-
return /*#__PURE__*/_react.default.createElement(_MergeCellsItem.MergeCellsItem, {
|
|
271
|
-
api: api
|
|
272
|
-
});
|
|
273
|
-
}
|
|
274
|
-
}, {
|
|
275
|
-
type: _keys.SPLIT_CELL_ITEM.type,
|
|
276
|
-
key: _keys.SPLIT_CELL_ITEM.key,
|
|
277
|
-
parents: [{
|
|
278
|
-
type: _keys.CELL_ACTION_SECTION.type,
|
|
279
|
-
key: _keys.CELL_ACTION_SECTION.key,
|
|
280
|
-
rank: _keys.CELL_ACTION_SECTION_RANK[_keys.SPLIT_CELL_ITEM.key]
|
|
281
|
-
}],
|
|
282
|
-
component: function component() {
|
|
283
|
-
return /*#__PURE__*/_react.default.createElement(_SplitCellItem.SplitCellItem, {
|
|
284
|
-
api: api
|
|
285
|
-
});
|
|
286
|
-
}
|
|
287
|
-
},
|
|
288
|
-
// --- Danger section (Clear cell) ---
|
|
289
156
|
{
|
|
290
157
|
type: _keys.CELL_DANGER_SECTION.type,
|
|
291
158
|
key: _keys.CELL_DANGER_SECTION.key,
|
|
@@ -7,13 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.getColumnMenuComponents = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
|
|
10
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
11
10
|
var _AddColumnLeftItem = require("./items/AddColumnLeftItem");
|
|
12
|
-
var _AddColumnRightItem = require("./items/AddColumnRightItem");
|
|
13
11
|
var _ColumnBackgroundSection = require("./items/ColumnBackgroundSection");
|
|
14
12
|
var _ColumnToggleSection = require("./items/ColumnToggleSection");
|
|
15
|
-
var _DeleteColumnItem = require("./items/DeleteColumnItem");
|
|
16
|
-
var _DistributeColumnsItem = require("./items/DistributeColumnsItem");
|
|
17
13
|
var _HeaderColumnToggleItem = require("./items/HeaderColumnToggleItem");
|
|
18
14
|
var _MoveColumnLeftItem = require("./items/MoveColumnLeftItem");
|
|
19
15
|
var _MoveColumnRightItem = require("./items/MoveColumnRightItem");
|
|
@@ -22,8 +18,7 @@ var _SortIncreasingItem = require("./items/SortIncreasingItem");
|
|
|
22
18
|
var _keys = require("./keys");
|
|
23
19
|
var getColumnMenuComponents = exports.getColumnMenuComponents = function getColumnMenuComponents(_ref) {
|
|
24
20
|
var api = _ref.api;
|
|
25
|
-
return
|
|
26
|
-
// --- Cell menu update ON ---
|
|
21
|
+
return [
|
|
27
22
|
// AddColumnRightItem/DistributeColumnsItem/DeleteColumnItem are registered in
|
|
28
23
|
// `../shared/getSharedItems` (shared with the cell menu), so they are omitted here.
|
|
29
24
|
|
|
@@ -184,204 +179,5 @@ var getColumnMenuComponents = exports.getColumnMenuComponents = function getColu
|
|
|
184
179
|
hasSeparator: true
|
|
185
180
|
}, props.children);
|
|
186
181
|
}
|
|
187
|
-
}] : [
|
|
188
|
-
// --- Cell menu update OFF: legacy column menu (registers its own add/delete items) ---
|
|
189
|
-
|
|
190
|
-
// --- Menu surface ---
|
|
191
|
-
{
|
|
192
|
-
type: _keys.COLUMN_MENU.type,
|
|
193
|
-
key: _keys.COLUMN_MENU.key
|
|
194
|
-
},
|
|
195
|
-
// --- Toggle section (Header column) ---
|
|
196
|
-
{
|
|
197
|
-
type: _keys.COLUMN_TOGGLE_SECTION.type,
|
|
198
|
-
key: _keys.COLUMN_TOGGLE_SECTION.key,
|
|
199
|
-
parents: [{
|
|
200
|
-
type: _keys.COLUMN_MENU.type,
|
|
201
|
-
key: _keys.COLUMN_MENU.key,
|
|
202
|
-
rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_TOGGLE_SECTION.key]
|
|
203
|
-
}],
|
|
204
|
-
component: function component(props) {
|
|
205
|
-
return /*#__PURE__*/_react.default.createElement(_ColumnToggleSection.ColumnToggleSection, {
|
|
206
|
-
api: api
|
|
207
|
-
}, props.children);
|
|
208
|
-
}
|
|
209
|
-
}, {
|
|
210
|
-
type: _keys.HEADER_COLUMN_TOGGLE_ITEM.type,
|
|
211
|
-
key: _keys.HEADER_COLUMN_TOGGLE_ITEM.key,
|
|
212
|
-
parents: [{
|
|
213
|
-
type: _keys.COLUMN_TOGGLE_SECTION.type,
|
|
214
|
-
key: _keys.COLUMN_TOGGLE_SECTION.key,
|
|
215
|
-
rank: _keys.COLUMN_TOGGLE_SECTION_RANK[_keys.HEADER_COLUMN_TOGGLE_ITEM.key]
|
|
216
|
-
}],
|
|
217
|
-
component: function component() {
|
|
218
|
-
return /*#__PURE__*/_react.default.createElement(_HeaderColumnToggleItem.HeaderColumnToggleItem, {
|
|
219
|
-
api: api
|
|
220
|
-
});
|
|
221
|
-
}
|
|
222
|
-
},
|
|
223
|
-
// --- Background color section ---
|
|
224
|
-
{
|
|
225
|
-
type: _keys.COLUMN_BACKGROUND_SECTION.type,
|
|
226
|
-
key: _keys.COLUMN_BACKGROUND_SECTION.key,
|
|
227
|
-
parents: [{
|
|
228
|
-
type: _keys.COLUMN_MENU.type,
|
|
229
|
-
key: _keys.COLUMN_MENU.key,
|
|
230
|
-
rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_BACKGROUND_SECTION.key]
|
|
231
|
-
}],
|
|
232
|
-
component: function component(props) {
|
|
233
|
-
return /*#__PURE__*/_react.default.createElement(_ColumnBackgroundSection.ColumnBackgroundSection, {
|
|
234
|
-
api: api
|
|
235
|
-
}, props.children);
|
|
236
|
-
}
|
|
237
|
-
},
|
|
238
|
-
// --- Sort section ---
|
|
239
|
-
{
|
|
240
|
-
type: _keys.COLUMN_SORT_SECTION.type,
|
|
241
|
-
key: _keys.COLUMN_SORT_SECTION.key,
|
|
242
|
-
parents: [{
|
|
243
|
-
type: _keys.COLUMN_MENU.type,
|
|
244
|
-
key: _keys.COLUMN_MENU.key,
|
|
245
|
-
rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_SORT_SECTION.key]
|
|
246
|
-
}],
|
|
247
|
-
component: function component(props) {
|
|
248
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
|
|
249
|
-
hasSeparator: true
|
|
250
|
-
}, props.children);
|
|
251
|
-
}
|
|
252
|
-
}, {
|
|
253
|
-
type: _keys.SORT_INCREASING_ITEM.type,
|
|
254
|
-
key: _keys.SORT_INCREASING_ITEM.key,
|
|
255
|
-
parents: [{
|
|
256
|
-
type: _keys.COLUMN_SORT_SECTION.type,
|
|
257
|
-
key: _keys.COLUMN_SORT_SECTION.key,
|
|
258
|
-
rank: _keys.COLUMN_SORT_SECTION_RANK[_keys.SORT_INCREASING_ITEM.key]
|
|
259
|
-
}],
|
|
260
|
-
component: function component() {
|
|
261
|
-
return /*#__PURE__*/_react.default.createElement(_SortIncreasingItem.SortIncreasingItem, {
|
|
262
|
-
api: api
|
|
263
|
-
});
|
|
264
|
-
}
|
|
265
|
-
}, {
|
|
266
|
-
type: _keys.SORT_DECREASING_ITEM.type,
|
|
267
|
-
key: _keys.SORT_DECREASING_ITEM.key,
|
|
268
|
-
parents: [{
|
|
269
|
-
type: _keys.COLUMN_SORT_SECTION.type,
|
|
270
|
-
key: _keys.COLUMN_SORT_SECTION.key,
|
|
271
|
-
rank: _keys.COLUMN_SORT_SECTION_RANK[_keys.SORT_DECREASING_ITEM.key]
|
|
272
|
-
}],
|
|
273
|
-
component: function component() {
|
|
274
|
-
return /*#__PURE__*/_react.default.createElement(_SortDecreasingItem.SortDecreasingItem, {
|
|
275
|
-
api: api
|
|
276
|
-
});
|
|
277
|
-
}
|
|
278
|
-
},
|
|
279
|
-
// --- Add / Move section ---
|
|
280
|
-
{
|
|
281
|
-
type: _keys.COLUMN_ADD_SECTION.type,
|
|
282
|
-
key: _keys.COLUMN_ADD_SECTION.key,
|
|
283
|
-
parents: [{
|
|
284
|
-
type: _keys.COLUMN_MENU.type,
|
|
285
|
-
key: _keys.COLUMN_MENU.key,
|
|
286
|
-
rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_ADD_SECTION.key]
|
|
287
|
-
}],
|
|
288
|
-
component: function component(props) {
|
|
289
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
|
|
290
|
-
hasSeparator: true
|
|
291
|
-
}, props.children);
|
|
292
|
-
}
|
|
293
|
-
}, {
|
|
294
|
-
type: _keys.ADD_COLUMN_LEFT_ITEM.type,
|
|
295
|
-
key: _keys.ADD_COLUMN_LEFT_ITEM.key,
|
|
296
|
-
parents: [{
|
|
297
|
-
type: _keys.COLUMN_ADD_SECTION.type,
|
|
298
|
-
key: _keys.COLUMN_ADD_SECTION.key,
|
|
299
|
-
rank: _keys.COLUMN_ADD_SECTION_RANK[_keys.ADD_COLUMN_LEFT_ITEM.key]
|
|
300
|
-
}],
|
|
301
|
-
component: function component() {
|
|
302
|
-
return /*#__PURE__*/_react.default.createElement(_AddColumnLeftItem.AddColumnLeftItem, {
|
|
303
|
-
api: api
|
|
304
|
-
});
|
|
305
|
-
}
|
|
306
|
-
}, {
|
|
307
|
-
type: _keys.ADD_COLUMN_RIGHT_ITEM.type,
|
|
308
|
-
key: _keys.ADD_COLUMN_RIGHT_ITEM.key,
|
|
309
|
-
parents: [{
|
|
310
|
-
type: _keys.COLUMN_ADD_SECTION.type,
|
|
311
|
-
key: _keys.COLUMN_ADD_SECTION.key,
|
|
312
|
-
rank: _keys.COLUMN_ADD_SECTION_RANK[_keys.ADD_COLUMN_RIGHT_ITEM.key]
|
|
313
|
-
}],
|
|
314
|
-
component: function component() {
|
|
315
|
-
return /*#__PURE__*/_react.default.createElement(_AddColumnRightItem.AddColumnRightItem, {
|
|
316
|
-
api: api
|
|
317
|
-
});
|
|
318
|
-
}
|
|
319
|
-
}, {
|
|
320
|
-
type: _keys.MOVE_COLUMN_LEFT_ITEM.type,
|
|
321
|
-
key: _keys.MOVE_COLUMN_LEFT_ITEM.key,
|
|
322
|
-
parents: [{
|
|
323
|
-
type: _keys.COLUMN_ADD_SECTION.type,
|
|
324
|
-
key: _keys.COLUMN_ADD_SECTION.key,
|
|
325
|
-
rank: _keys.COLUMN_ADD_SECTION_RANK[_keys.MOVE_COLUMN_LEFT_ITEM.key]
|
|
326
|
-
}],
|
|
327
|
-
component: function component() {
|
|
328
|
-
return /*#__PURE__*/_react.default.createElement(_MoveColumnLeftItem.MoveColumnLeftItem, {
|
|
329
|
-
api: api
|
|
330
|
-
});
|
|
331
|
-
}
|
|
332
|
-
}, {
|
|
333
|
-
type: _keys.MOVE_COLUMN_RIGHT_ITEM.type,
|
|
334
|
-
key: _keys.MOVE_COLUMN_RIGHT_ITEM.key,
|
|
335
|
-
parents: [{
|
|
336
|
-
type: _keys.COLUMN_ADD_SECTION.type,
|
|
337
|
-
key: _keys.COLUMN_ADD_SECTION.key,
|
|
338
|
-
rank: _keys.COLUMN_ADD_SECTION_RANK[_keys.MOVE_COLUMN_RIGHT_ITEM.key]
|
|
339
|
-
}],
|
|
340
|
-
component: function component() {
|
|
341
|
-
return /*#__PURE__*/_react.default.createElement(_MoveColumnRightItem.MoveColumnRightItem, {
|
|
342
|
-
api: api
|
|
343
|
-
});
|
|
344
|
-
}
|
|
345
|
-
}, {
|
|
346
|
-
type: _keys.DISTRIBUTE_COLUMNS_ITEM.type,
|
|
347
|
-
key: _keys.DISTRIBUTE_COLUMNS_ITEM.key,
|
|
348
|
-
parents: [{
|
|
349
|
-
type: _keys.COLUMN_ADD_SECTION.type,
|
|
350
|
-
key: _keys.COLUMN_ADD_SECTION.key,
|
|
351
|
-
rank: _keys.COLUMN_ADD_SECTION_RANK[_keys.DISTRIBUTE_COLUMNS_ITEM.key]
|
|
352
|
-
}],
|
|
353
|
-
component: function component() {
|
|
354
|
-
return /*#__PURE__*/_react.default.createElement(_DistributeColumnsItem.DistributeColumnsItem, {
|
|
355
|
-
api: api
|
|
356
|
-
});
|
|
357
|
-
}
|
|
358
|
-
},
|
|
359
|
-
// --- Danger section (Clear cells, Delete column) ---
|
|
360
|
-
{
|
|
361
|
-
type: _keys.COLUMN_DANGER_SECTION.type,
|
|
362
|
-
key: _keys.COLUMN_DANGER_SECTION.key,
|
|
363
|
-
parents: [{
|
|
364
|
-
type: _keys.COLUMN_MENU.type,
|
|
365
|
-
key: _keys.COLUMN_MENU.key,
|
|
366
|
-
rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_DANGER_SECTION.key]
|
|
367
|
-
}],
|
|
368
|
-
component: function component(props) {
|
|
369
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
|
|
370
|
-
hasSeparator: true
|
|
371
|
-
}, props.children);
|
|
372
|
-
}
|
|
373
|
-
}, {
|
|
374
|
-
type: _keys.DELETE_COLUMN_ITEM.type,
|
|
375
|
-
key: _keys.DELETE_COLUMN_ITEM.key,
|
|
376
|
-
parents: [{
|
|
377
|
-
type: _keys.COLUMN_DANGER_SECTION.type,
|
|
378
|
-
key: _keys.COLUMN_DANGER_SECTION.key,
|
|
379
|
-
rank: _keys.COLUMN_DANGER_SECTION_RANK[_keys.DELETE_COLUMN_ITEM.key]
|
|
380
|
-
}],
|
|
381
|
-
component: function component() {
|
|
382
|
-
return /*#__PURE__*/_react.default.createElement(_DeleteColumnItem.DeleteColumnItem, {
|
|
383
|
-
api: api
|
|
384
|
-
});
|
|
385
|
-
}
|
|
386
182
|
}];
|
|
387
183
|
};
|
|
@@ -7,10 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.getRowMenuComponents = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
|
|
10
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
11
10
|
var _AddRowAboveItem = require("./items/AddRowAboveItem");
|
|
12
|
-
var _AddRowBelowItem = require("./items/AddRowBelowItem");
|
|
13
|
-
var _DeleteRowItem = require("./items/DeleteRowItem");
|
|
14
11
|
var _HeaderRowToggleItem = require("./items/HeaderRowToggleItem");
|
|
15
12
|
var _MoveRowDownItem = require("./items/MoveRowDownItem");
|
|
16
13
|
var _MoveRowUpItem = require("./items/MoveRowUpItem");
|
|
@@ -18,8 +15,7 @@ var _NumberedRowsToggleItem = require("./items/NumberedRowsToggleItem");
|
|
|
18
15
|
var _keys = require("./keys");
|
|
19
16
|
var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuComponents(_ref) {
|
|
20
17
|
var api = _ref.api;
|
|
21
|
-
return
|
|
22
|
-
// --- Cell menu update ON ---
|
|
18
|
+
return [
|
|
23
19
|
// AddRowBelowItem/DeleteRowItem are registered in `../shared/getSharedItems`
|
|
24
20
|
// (shared with the cell menu), so they are omitted here.
|
|
25
21
|
|
|
@@ -150,161 +146,5 @@ var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuCom
|
|
|
150
146
|
hasSeparator: true
|
|
151
147
|
}, props.children);
|
|
152
148
|
}
|
|
153
|
-
}] : [
|
|
154
|
-
// --- Cell menu update OFF: legacy row menu (registers its own add/delete items) ---
|
|
155
|
-
|
|
156
|
-
// --- Menu surface ---
|
|
157
|
-
{
|
|
158
|
-
type: _keys.ROW_MENU.type,
|
|
159
|
-
key: _keys.ROW_MENU.key
|
|
160
|
-
},
|
|
161
|
-
// --- Toggle section (Header row, Numbered rows) ---
|
|
162
|
-
{
|
|
163
|
-
type: _keys.ROW_TOGGLE_SECTION.type,
|
|
164
|
-
key: _keys.ROW_TOGGLE_SECTION.key,
|
|
165
|
-
parents: [{
|
|
166
|
-
type: _keys.ROW_MENU.type,
|
|
167
|
-
key: _keys.ROW_MENU.key,
|
|
168
|
-
rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_TOGGLE_SECTION.key]
|
|
169
|
-
}],
|
|
170
|
-
component: function component(props) {
|
|
171
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, props.children);
|
|
172
|
-
}
|
|
173
|
-
}, {
|
|
174
|
-
type: _keys.HEADER_ROW_TOGGLE_ITEM.type,
|
|
175
|
-
key: _keys.HEADER_ROW_TOGGLE_ITEM.key,
|
|
176
|
-
parents: [{
|
|
177
|
-
type: _keys.ROW_TOGGLE_SECTION.type,
|
|
178
|
-
key: _keys.ROW_TOGGLE_SECTION.key,
|
|
179
|
-
rank: _keys.ROW_TOGGLE_SECTION_RANK[_keys.HEADER_ROW_TOGGLE_ITEM.key]
|
|
180
|
-
}],
|
|
181
|
-
component: function component() {
|
|
182
|
-
return /*#__PURE__*/_react.default.createElement(_HeaderRowToggleItem.HeaderRowToggleItem, {
|
|
183
|
-
api: api
|
|
184
|
-
});
|
|
185
|
-
}
|
|
186
|
-
}, {
|
|
187
|
-
type: _keys.NUMBERED_ROWS_TOGGLE_ITEM.type,
|
|
188
|
-
key: _keys.NUMBERED_ROWS_TOGGLE_ITEM.key,
|
|
189
|
-
parents: [{
|
|
190
|
-
type: _keys.ROW_TOGGLE_SECTION.type,
|
|
191
|
-
key: _keys.ROW_TOGGLE_SECTION.key,
|
|
192
|
-
rank: _keys.ROW_TOGGLE_SECTION_RANK[_keys.NUMBERED_ROWS_TOGGLE_ITEM.key]
|
|
193
|
-
}],
|
|
194
|
-
component: function component() {
|
|
195
|
-
return /*#__PURE__*/_react.default.createElement(_NumberedRowsToggleItem.NumberedRowsToggleItem, {
|
|
196
|
-
api: api
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
|
-
},
|
|
200
|
-
// --- Background color section ---
|
|
201
|
-
{
|
|
202
|
-
type: _keys.ROW_BACKGROUND_SECTION.type,
|
|
203
|
-
key: _keys.ROW_BACKGROUND_SECTION.key,
|
|
204
|
-
parents: [{
|
|
205
|
-
type: _keys.ROW_MENU.type,
|
|
206
|
-
key: _keys.ROW_MENU.key,
|
|
207
|
-
rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_BACKGROUND_SECTION.key]
|
|
208
|
-
}],
|
|
209
|
-
component: function component(props) {
|
|
210
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
|
|
211
|
-
hasSeparator: true
|
|
212
|
-
}, props.children);
|
|
213
|
-
}
|
|
214
|
-
},
|
|
215
|
-
// --- Add / Move section ---
|
|
216
|
-
{
|
|
217
|
-
type: _keys.ROW_ADD_SECTION.type,
|
|
218
|
-
key: _keys.ROW_ADD_SECTION.key,
|
|
219
|
-
parents: [{
|
|
220
|
-
type: _keys.ROW_MENU.type,
|
|
221
|
-
key: _keys.ROW_MENU.key,
|
|
222
|
-
rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_ADD_SECTION.key]
|
|
223
|
-
}],
|
|
224
|
-
component: function component(props) {
|
|
225
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
|
|
226
|
-
hasSeparator: true
|
|
227
|
-
}, props.children);
|
|
228
|
-
}
|
|
229
|
-
}, {
|
|
230
|
-
type: _keys.ADD_ROW_ABOVE_ITEM.type,
|
|
231
|
-
key: _keys.ADD_ROW_ABOVE_ITEM.key,
|
|
232
|
-
parents: [{
|
|
233
|
-
type: _keys.ROW_ADD_SECTION.type,
|
|
234
|
-
key: _keys.ROW_ADD_SECTION.key,
|
|
235
|
-
rank: _keys.ROW_ADD_SECTION_RANK[_keys.ADD_ROW_ABOVE_ITEM.key]
|
|
236
|
-
}],
|
|
237
|
-
component: function component() {
|
|
238
|
-
return /*#__PURE__*/_react.default.createElement(_AddRowAboveItem.AddRowAboveItem, {
|
|
239
|
-
api: api
|
|
240
|
-
});
|
|
241
|
-
}
|
|
242
|
-
}, {
|
|
243
|
-
type: _keys.ADD_ROW_BELOW_ITEM.type,
|
|
244
|
-
key: _keys.ADD_ROW_BELOW_ITEM.key,
|
|
245
|
-
parents: [{
|
|
246
|
-
type: _keys.ROW_ADD_SECTION.type,
|
|
247
|
-
key: _keys.ROW_ADD_SECTION.key,
|
|
248
|
-
rank: _keys.ROW_ADD_SECTION_RANK[_keys.ADD_ROW_BELOW_ITEM.key]
|
|
249
|
-
}],
|
|
250
|
-
component: function component() {
|
|
251
|
-
return /*#__PURE__*/_react.default.createElement(_AddRowBelowItem.AddRowBelowItem, {
|
|
252
|
-
api: api
|
|
253
|
-
});
|
|
254
|
-
}
|
|
255
|
-
}, {
|
|
256
|
-
type: _keys.MOVE_ROW_UP_ITEM.type,
|
|
257
|
-
key: _keys.MOVE_ROW_UP_ITEM.key,
|
|
258
|
-
parents: [{
|
|
259
|
-
type: _keys.ROW_ADD_SECTION.type,
|
|
260
|
-
key: _keys.ROW_ADD_SECTION.key,
|
|
261
|
-
rank: _keys.ROW_ADD_SECTION_RANK[_keys.MOVE_ROW_UP_ITEM.key]
|
|
262
|
-
}],
|
|
263
|
-
component: function component() {
|
|
264
|
-
return /*#__PURE__*/_react.default.createElement(_MoveRowUpItem.MoveRowUpItem, {
|
|
265
|
-
api: api
|
|
266
|
-
});
|
|
267
|
-
}
|
|
268
|
-
}, {
|
|
269
|
-
type: _keys.MOVE_ROW_DOWN_ITEM.type,
|
|
270
|
-
key: _keys.MOVE_ROW_DOWN_ITEM.key,
|
|
271
|
-
parents: [{
|
|
272
|
-
type: _keys.ROW_ADD_SECTION.type,
|
|
273
|
-
key: _keys.ROW_ADD_SECTION.key,
|
|
274
|
-
rank: _keys.ROW_ADD_SECTION_RANK[_keys.MOVE_ROW_DOWN_ITEM.key]
|
|
275
|
-
}],
|
|
276
|
-
component: function component() {
|
|
277
|
-
return /*#__PURE__*/_react.default.createElement(_MoveRowDownItem.MoveRowDownItem, {
|
|
278
|
-
api: api
|
|
279
|
-
});
|
|
280
|
-
}
|
|
281
|
-
},
|
|
282
|
-
// --- Danger section (Clear cells, Delete row) ---
|
|
283
|
-
{
|
|
284
|
-
type: _keys.ROW_DANGER_SECTION.type,
|
|
285
|
-
key: _keys.ROW_DANGER_SECTION.key,
|
|
286
|
-
parents: [{
|
|
287
|
-
type: _keys.ROW_MENU.type,
|
|
288
|
-
key: _keys.ROW_MENU.key,
|
|
289
|
-
rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_DANGER_SECTION.key]
|
|
290
|
-
}],
|
|
291
|
-
component: function component(props) {
|
|
292
|
-
return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
|
|
293
|
-
hasSeparator: true
|
|
294
|
-
}, props.children);
|
|
295
|
-
}
|
|
296
|
-
}, {
|
|
297
|
-
type: _keys.DELETE_ROW_ITEM.type,
|
|
298
|
-
key: _keys.DELETE_ROW_ITEM.key,
|
|
299
|
-
parents: [{
|
|
300
|
-
type: _keys.ROW_DANGER_SECTION.type,
|
|
301
|
-
key: _keys.ROW_DANGER_SECTION.key,
|
|
302
|
-
rank: _keys.ROW_DANGER_SECTION_RANK[_keys.DELETE_ROW_ITEM.key]
|
|
303
|
-
}],
|
|
304
|
-
component: function component() {
|
|
305
|
-
return /*#__PURE__*/_react.default.createElement(_DeleteRowItem.DeleteRowItem, {
|
|
306
|
-
api: api
|
|
307
|
-
});
|
|
308
|
-
}
|
|
309
149
|
}];
|
|
310
150
|
};
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.getSharedItems = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
10
9
|
var _keys = require("../cell/keys");
|
|
11
10
|
var _AddColumnRightItem = require("../column/items/AddColumnRightItem");
|
|
12
11
|
var _DeleteColumnItem = require("../column/items/DeleteColumnItem");
|
|
@@ -20,9 +19,8 @@ var _ClearCellsItem = require("./items/ClearCellsItem");
|
|
|
20
19
|
var _keys4 = require("./keys");
|
|
21
20
|
var getSharedItems = exports.getSharedItems = function getSharedItems(_ref) {
|
|
22
21
|
var api = _ref.api;
|
|
23
|
-
return
|
|
24
|
-
//
|
|
25
|
-
// The add/delete items move out of the row/column menu files and are registered here
|
|
22
|
+
return [
|
|
23
|
+
// The add/delete items are registered here rather than in the row/column menu files,
|
|
26
24
|
// once with an additional cell parent, so they render inside the cell menu too.
|
|
27
25
|
{
|
|
28
26
|
type: _keys4.BACKGROUND_COLOR_ITEM.type,
|
|
@@ -151,50 +149,5 @@ var getSharedItems = exports.getSharedItems = function getSharedItems(_ref) {
|
|
|
151
149
|
api: api
|
|
152
150
|
});
|
|
153
151
|
}
|
|
154
|
-
}] : [
|
|
155
|
-
// --- Cell menu update OFF: legacy shared items (background color + clear cells only).
|
|
156
|
-
// The add/delete items are registered by the row/column menu files in this mode.
|
|
157
|
-
{
|
|
158
|
-
type: _keys4.BACKGROUND_COLOR_ITEM.type,
|
|
159
|
-
key: _keys4.BACKGROUND_COLOR_ITEM.key,
|
|
160
|
-
parents: [{
|
|
161
|
-
type: _keys3.ROW_BACKGROUND_SECTION.type,
|
|
162
|
-
key: _keys3.ROW_BACKGROUND_SECTION.key,
|
|
163
|
-
rank: _keys3.ROW_BACKGROUND_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
|
|
164
|
-
}, {
|
|
165
|
-
type: _keys2.COLUMN_BACKGROUND_SECTION.type,
|
|
166
|
-
key: _keys2.COLUMN_BACKGROUND_SECTION.key,
|
|
167
|
-
rank: _keys2.COLUMN_BACKGROUND_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
|
|
168
|
-
}, {
|
|
169
|
-
type: _keys.CELL_ACTION_SECTION.type,
|
|
170
|
-
key: _keys.CELL_ACTION_SECTION.key,
|
|
171
|
-
rank: _keys.CELL_ACTION_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
|
|
172
|
-
}],
|
|
173
|
-
component: function component() {
|
|
174
|
-
return /*#__PURE__*/_react.default.createElement(_BackgroundColorItem.BackgroundColorItem, {
|
|
175
|
-
api: api
|
|
176
|
-
});
|
|
177
|
-
}
|
|
178
|
-
}, {
|
|
179
|
-
type: _keys4.CLEAR_CELLS_ITEM.type,
|
|
180
|
-
key: _keys4.CLEAR_CELLS_ITEM.key,
|
|
181
|
-
parents: [{
|
|
182
|
-
type: _keys3.ROW_DANGER_SECTION.type,
|
|
183
|
-
key: _keys3.ROW_DANGER_SECTION.key,
|
|
184
|
-
rank: _keys3.ROW_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
|
|
185
|
-
}, {
|
|
186
|
-
type: _keys2.COLUMN_DANGER_SECTION.type,
|
|
187
|
-
key: _keys2.COLUMN_DANGER_SECTION.key,
|
|
188
|
-
rank: _keys2.COLUMN_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
|
|
189
|
-
}, {
|
|
190
|
-
type: _keys.CELL_DANGER_SECTION.type,
|
|
191
|
-
key: _keys.CELL_DANGER_SECTION.key,
|
|
192
|
-
rank: _keys.CELL_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
|
|
193
|
-
}],
|
|
194
|
-
component: function component() {
|
|
195
|
-
return /*#__PURE__*/_react.default.createElement(_ClearCellsItem.ClearCellsItem, {
|
|
196
|
-
api: api
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
152
|
}];
|
|
200
153
|
};
|
|
@@ -7,15 +7,10 @@ exports.getMenuSelectionRect = void 0;
|
|
|
7
7
|
var _utils = require("@atlaskit/editor-tables/utils");
|
|
8
8
|
var _getSelectionRect = require("@atlaskit/editor-tables/utils/get-selection-rect");
|
|
9
9
|
var _isSelectionType = require("@atlaskit/editor-tables/utils/is-selection-type");
|
|
10
|
-
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
11
10
|
/**
|
|
12
11
|
* Resolve the table `Rect` for the current selection. Falls back to the closest cell's rect
|
|
13
|
-
* for a `TextSelection` (cell menu), where `getSelectionRect` returns `undefined`.
|
|
14
|
-
* with the gate off this behaves exactly like `getSelectionRect`.
|
|
12
|
+
* for a `TextSelection` (cell menu), where `getSelectionRect` returns `undefined`.
|
|
15
13
|
*/
|
|
16
14
|
var getMenuSelectionRect = exports.getMenuSelectionRect = function getMenuSelectionRect(selection) {
|
|
17
|
-
if (!(0, _fg.fg)('platform_editor_table_cell_menu_update')) {
|
|
18
|
-
return (0, _getSelectionRect.getSelectionRect)(selection);
|
|
19
|
-
}
|
|
20
15
|
return (0, _isSelectionType.isSelectionType)(selection, 'cell') ? (0, _getSelectionRect.getSelectionRect)(selection) : (0, _utils.findCellRectClosestToPos)(selection.$from);
|
|
21
16
|
};
|