@atlaskit/editor-plugin-table 22.4.3 → 22.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/cjs/nodeviews/TableComponent.js +1 -1
- package/dist/cjs/pm-plugins/table-resizing/utils/scale-table.js +1 -2
- package/dist/cjs/tablePlugin.js +2 -2
- package/dist/cjs/ui/FloatingDragMenu/index.js +9 -6
- package/dist/cjs/ui/TableFloatingControls/NumberColumn/index.js +4 -6
- package/dist/cjs/ui/TableMenu/column/getColumnMenuComponents.js +194 -0
- package/dist/cjs/ui/TableMenu/column/items/AddColumnLeftItem.js +27 -0
- package/dist/cjs/ui/TableMenu/column/items/AddColumnRightItem.js +27 -0
- package/dist/cjs/ui/TableMenu/column/items/DeleteColumnItem.js +29 -0
- package/dist/cjs/ui/TableMenu/column/items/DistributeColumnsItem.js +22 -0
- package/dist/cjs/ui/TableMenu/column/items/HeaderColumnToggleItem.js +23 -0
- package/dist/cjs/ui/TableMenu/column/items/MoveColumnRightItem.js +33 -0
- package/dist/cjs/ui/TableMenu/column/items/SortDecreasingItem.js +23 -0
- package/dist/cjs/ui/TableMenu/column/items/SortIncreasingItem.js +23 -0
- package/dist/cjs/ui/TableMenu/column/keys.js +79 -0
- package/dist/cjs/ui/TableMenu/row/getRowMenuComponents.js +25 -47
- package/dist/cjs/ui/TableMenu/row/items/AddRowAboveItem.js +27 -0
- package/dist/cjs/ui/TableMenu/row/items/AddRowBelowItem.js +27 -0
- package/dist/cjs/ui/TableMenu/row/items/DeleteRowItem.js +29 -0
- package/dist/cjs/ui/TableMenu/row/items/HeaderRowToggleItem.js +23 -0
- package/dist/cjs/ui/TableMenu/row/items/MoveRowDownItem.js +33 -0
- package/dist/cjs/ui/TableMenu/row/items/MoveRowUpItem.js +33 -0
- package/dist/cjs/ui/TableMenu/row/items/NumberedRowsToggleItem.js +23 -0
- package/dist/cjs/ui/TableMenu/row/keys.js +7 -14
- package/dist/cjs/ui/TableMenu/shared/TableMenu.js +35 -0
- package/dist/cjs/ui/TableMenu/shared/consts.js +2 -2
- package/dist/cjs/ui/TableMenu/shared/getSharedItems.js +46 -0
- package/dist/cjs/ui/TableMenu/shared/getTableMenuComponents.js +14 -0
- package/dist/cjs/ui/TableMenu/shared/items/BackgroundColorItem.js +5 -7
- package/dist/cjs/ui/TableMenu/shared/items/ClearCellsItem.js +1 -3
- package/dist/cjs/ui/TableMenu/shared/keys.js +14 -0
- package/dist/cjs/ui/common-styles.js +4 -4
- package/dist/es2019/nodeviews/TableComponent.js +1 -1
- package/dist/es2019/pm-plugins/table-resizing/utils/scale-table.js +1 -2
- package/dist/es2019/tablePlugin.js +2 -2
- package/dist/es2019/ui/FloatingDragMenu/index.js +10 -7
- package/dist/es2019/ui/TableFloatingControls/NumberColumn/index.js +4 -4
- package/dist/es2019/ui/TableMenu/column/getColumnMenuComponents.js +160 -0
- package/dist/es2019/ui/TableMenu/column/items/AddColumnLeftItem.js +21 -0
- package/dist/es2019/ui/TableMenu/column/items/AddColumnRightItem.js +21 -0
- package/dist/es2019/ui/TableMenu/column/items/DeleteColumnItem.js +23 -0
- package/dist/es2019/ui/TableMenu/column/items/DistributeColumnsItem.js +16 -0
- package/dist/es2019/ui/TableMenu/column/items/HeaderColumnToggleItem.js +17 -0
- package/dist/es2019/ui/TableMenu/column/items/MoveColumnRightItem.js +25 -0
- package/dist/es2019/ui/TableMenu/column/items/SortDecreasingItem.js +17 -0
- package/dist/es2019/ui/TableMenu/column/items/SortIncreasingItem.js +17 -0
- package/dist/es2019/ui/TableMenu/column/keys.js +93 -0
- package/dist/es2019/ui/TableMenu/row/getRowMenuComponents.js +19 -37
- package/dist/es2019/ui/TableMenu/row/items/AddRowAboveItem.js +21 -0
- package/dist/es2019/ui/TableMenu/row/items/AddRowBelowItem.js +21 -0
- package/dist/es2019/ui/TableMenu/row/items/DeleteRowItem.js +23 -0
- package/dist/es2019/ui/TableMenu/row/items/HeaderRowToggleItem.js +17 -0
- package/dist/es2019/ui/TableMenu/row/items/MoveRowDownItem.js +25 -0
- package/dist/es2019/ui/TableMenu/row/items/MoveRowUpItem.js +25 -0
- package/dist/es2019/ui/TableMenu/row/items/NumberedRowsToggleItem.js +17 -0
- package/dist/es2019/ui/TableMenu/row/keys.js +7 -13
- package/dist/es2019/ui/TableMenu/shared/TableMenu.js +28 -0
- package/dist/es2019/ui/TableMenu/shared/consts.js +1 -1
- package/dist/es2019/ui/TableMenu/shared/getSharedItems.js +33 -0
- package/dist/es2019/ui/TableMenu/shared/getTableMenuComponents.js +4 -0
- package/dist/es2019/ui/TableMenu/shared/items/BackgroundColorItem.js +5 -8
- package/dist/es2019/ui/TableMenu/shared/items/ClearCellsItem.js +1 -4
- package/dist/es2019/ui/TableMenu/shared/keys.js +8 -0
- package/dist/es2019/ui/common-styles.js +167 -66
- package/dist/esm/nodeviews/TableComponent.js +1 -1
- package/dist/esm/pm-plugins/table-resizing/utils/scale-table.js +1 -2
- package/dist/esm/tablePlugin.js +2 -2
- package/dist/esm/ui/FloatingDragMenu/index.js +10 -7
- package/dist/esm/ui/TableFloatingControls/NumberColumn/index.js +4 -6
- package/dist/esm/ui/TableMenu/column/getColumnMenuComponents.js +188 -0
- package/dist/esm/ui/TableMenu/column/items/AddColumnLeftItem.js +20 -0
- package/dist/esm/ui/TableMenu/column/items/AddColumnRightItem.js +20 -0
- package/dist/esm/ui/TableMenu/column/items/DeleteColumnItem.js +22 -0
- package/dist/esm/ui/TableMenu/column/items/DistributeColumnsItem.js +15 -0
- package/dist/esm/ui/TableMenu/column/items/HeaderColumnToggleItem.js +16 -0
- package/dist/esm/ui/TableMenu/column/items/MoveColumnRightItem.js +26 -0
- package/dist/esm/ui/TableMenu/column/items/SortDecreasingItem.js +16 -0
- package/dist/esm/ui/TableMenu/column/items/SortIncreasingItem.js +16 -0
- package/dist/esm/ui/TableMenu/column/keys.js +73 -0
- package/dist/esm/ui/TableMenu/row/getRowMenuComponents.js +19 -41
- package/dist/esm/ui/TableMenu/row/items/AddRowAboveItem.js +20 -0
- package/dist/esm/ui/TableMenu/row/items/AddRowBelowItem.js +20 -0
- package/dist/esm/ui/TableMenu/row/items/DeleteRowItem.js +22 -0
- package/dist/esm/ui/TableMenu/row/items/HeaderRowToggleItem.js +16 -0
- package/dist/esm/ui/TableMenu/row/items/MoveRowDownItem.js +26 -0
- package/dist/esm/ui/TableMenu/row/items/MoveRowUpItem.js +26 -0
- package/dist/esm/ui/TableMenu/row/items/NumberedRowsToggleItem.js +16 -0
- package/dist/esm/ui/TableMenu/row/keys.js +7 -13
- package/dist/esm/ui/TableMenu/shared/TableMenu.js +27 -0
- package/dist/esm/ui/TableMenu/shared/consts.js +1 -1
- package/dist/esm/ui/TableMenu/shared/getSharedItems.js +39 -0
- package/dist/esm/ui/TableMenu/shared/getTableMenuComponents.js +7 -0
- package/dist/esm/ui/TableMenu/shared/items/BackgroundColorItem.js +5 -7
- package/dist/esm/ui/TableMenu/shared/items/ClearCellsItem.js +1 -3
- package/dist/esm/ui/TableMenu/shared/keys.js +8 -0
- package/dist/esm/ui/common-styles.js +4 -4
- package/dist/types/ui/TableMenu/column/getColumnMenuComponents.d.ts +9 -0
- package/dist/types/ui/TableMenu/column/items/AddColumnLeftItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/column/items/AddColumnRightItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/column/items/DeleteColumnItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/column/items/DistributeColumnsItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/column/items/MoveColumnRightItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/column/items/SortDecreasingItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/column/items/SortIncreasingItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/column/keys.d.ts +21 -0
- package/dist/types/ui/TableMenu/row/items/AddRowAboveItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/row/items/AddRowBelowItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/row/items/DeleteRowItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/row/items/HeaderRowToggleItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/row/items/MoveRowDownItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/row/items/MoveRowUpItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/row/items/NumberedRowsToggleItem.d.ts +2 -0
- package/dist/types/ui/TableMenu/row/keys.d.ts +5 -7
- package/dist/types/ui/TableMenu/shared/TableMenu.d.ts +9 -0
- package/dist/types/ui/TableMenu/shared/consts.d.ts +1 -1
- package/dist/types/ui/TableMenu/shared/getSharedItems.d.ts +2 -0
- package/dist/types/ui/TableMenu/shared/getTableMenuComponents.d.ts +2 -0
- package/dist/types/ui/TableMenu/shared/items/BackgroundColorItem.d.ts +1 -5
- package/dist/types/ui/TableMenu/shared/items/ClearCellsItem.d.ts +1 -5
- package/dist/types/ui/TableMenu/shared/keys.d.ts +3 -0
- package/dist/types-ts4.5/ui/TableMenu/column/getColumnMenuComponents.d.ts +9 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/AddColumnLeftItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/AddColumnRightItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/DeleteColumnItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/DistributeColumnsItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/MoveColumnRightItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/SortDecreasingItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/SortIncreasingItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/column/keys.d.ts +21 -0
- package/dist/types-ts4.5/ui/TableMenu/row/items/AddRowAboveItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/row/items/AddRowBelowItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/row/items/DeleteRowItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/row/items/HeaderRowToggleItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/row/items/MoveRowDownItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/row/items/MoveRowUpItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/row/items/NumberedRowsToggleItem.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/row/keys.d.ts +5 -7
- package/dist/types-ts4.5/ui/TableMenu/shared/TableMenu.d.ts +9 -0
- package/dist/types-ts4.5/ui/TableMenu/shared/consts.d.ts +1 -1
- package/dist/types-ts4.5/ui/TableMenu/shared/getSharedItems.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/shared/getTableMenuComponents.d.ts +2 -0
- package/dist/types-ts4.5/ui/TableMenu/shared/items/BackgroundColorItem.d.ts +1 -5
- package/dist/types-ts4.5/ui/TableMenu/shared/items/ClearCellsItem.d.ts +1 -5
- package/dist/types-ts4.5/ui/TableMenu/shared/keys.d.ts +3 -0
- package/package.json +13 -16
- package/dist/cjs/ui/TableMenu/row/RowMenu.js +0 -35
- package/dist/cjs/ui/TableMenu/row/RowMenuItems.js +0 -130
- package/dist/es2019/ui/TableMenu/row/RowMenu.js +0 -27
- package/dist/es2019/ui/TableMenu/row/RowMenuItems.js +0 -126
- package/dist/esm/ui/TableMenu/row/RowMenu.js +0 -28
- package/dist/esm/ui/TableMenu/row/RowMenuItems.js +0 -123
- package/dist/types/ui/TableMenu/row/RowMenu.d.ts +0 -7
- package/dist/types/ui/TableMenu/row/RowMenuItems.d.ts +0 -8
- package/dist/types-ts4.5/ui/TableMenu/row/RowMenu.d.ts +0 -7
- package/dist/types-ts4.5/ui/TableMenu/row/RowMenuItems.d.ts +0 -8
- /package/dist/cjs/ui/TableMenu/{row/RowMenu.compiled.css → shared/TableMenu.compiled.css} +0 -0
- /package/dist/es2019/ui/TableMenu/{row/RowMenu.compiled.css → shared/TableMenu.compiled.css} +0 -0
- /package/dist/esm/ui/TableMenu/{row/RowMenu.compiled.css → shared/TableMenu.compiled.css} +0 -0
|
@@ -4,17 +4,15 @@ export declare const ROW_TOGGLE_SECTION: MenuSectionType;
|
|
|
4
4
|
export declare const ROW_BACKGROUND_SECTION: MenuSectionType;
|
|
5
5
|
export declare const ROW_ADD_SECTION: MenuSectionType;
|
|
6
6
|
export declare const ROW_DANGER_SECTION: MenuSectionType;
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const ROW_MENU_SECTION_RANK: Record<string, number>;
|
|
8
8
|
export declare const HEADER_ROW_TOGGLE_ITEM: MenuItemType;
|
|
9
9
|
export declare const NUMBERED_ROWS_TOGGLE_ITEM: MenuItemType;
|
|
10
|
-
export declare const BACKGROUND_COLOR_ITEM: MenuItemType;
|
|
11
10
|
export declare const ADD_ROW_ABOVE_ITEM: MenuItemType;
|
|
12
11
|
export declare const ADD_ROW_BELOW_ITEM: MenuItemType;
|
|
13
12
|
export declare const MOVE_ROW_UP_ITEM: MenuItemType;
|
|
14
13
|
export declare const MOVE_ROW_DOWN_ITEM: MenuItemType;
|
|
15
|
-
export declare const CLEAR_CELLS_ITEM: MenuItemType;
|
|
16
14
|
export declare const DELETE_ROW_ITEM: MenuItemType;
|
|
17
|
-
export declare const
|
|
18
|
-
export declare const
|
|
19
|
-
export declare const
|
|
20
|
-
export declare const
|
|
15
|
+
export declare const ROW_TOGGLE_SECTION_RANK: Record<string, number>;
|
|
16
|
+
export declare const ROW_BACKGROUND_SECTION_RANK: Record<string, number>;
|
|
17
|
+
export declare const ROW_ADD_SECTION_RANK: Record<string, number>;
|
|
18
|
+
export declare const ROW_DANGER_SECTION_RANK: Record<string, number>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { MenuType } from '@atlaskit/editor-ui-control-model';
|
|
3
|
+
import type { PluginInjectionAPI } from '../../../types';
|
|
4
|
+
type TableMenuProps = {
|
|
5
|
+
api: PluginInjectionAPI | undefined | null;
|
|
6
|
+
surface: MenuType;
|
|
7
|
+
};
|
|
8
|
+
export declare const TableMenu: React.MemoExoticComponent<(props: TableMenuProps) => React.JSX.Element | null>;
|
|
9
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const TABLE_MENU_WIDTH = 280;
|
|
@@ -3,8 +3,4 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import React from 'react';
|
|
6
|
-
|
|
7
|
-
testId: string;
|
|
8
|
-
};
|
|
9
|
-
export declare const BackgroundColorItem: ({ testId }: BackgroundColorItemProps) => React.JSX.Element;
|
|
10
|
-
export {};
|
|
6
|
+
export declare const BackgroundColorItem: () => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-table",
|
|
3
|
-
"version": "22.4.
|
|
3
|
+
"version": "22.4.5",
|
|
4
4
|
"description": "Table plugin for the @atlaskit/editor",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -30,14 +30,14 @@
|
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@atlaskit/adf-schema": "^52.11.0",
|
|
32
32
|
"@atlaskit/button": "^23.11.0",
|
|
33
|
-
"@atlaskit/custom-steps": "^0.
|
|
34
|
-
"@atlaskit/editor-palette": "^2.
|
|
35
|
-
"@atlaskit/editor-plugin-accessibility-utils": "^10.
|
|
36
|
-
"@atlaskit/editor-plugin-analytics": "^10.
|
|
37
|
-
"@atlaskit/editor-plugin-batch-attribute-updates": "^10.
|
|
33
|
+
"@atlaskit/custom-steps": "^0.17.0",
|
|
34
|
+
"@atlaskit/editor-palette": "^2.2.0",
|
|
35
|
+
"@atlaskit/editor-plugin-accessibility-utils": "^10.2.0",
|
|
36
|
+
"@atlaskit/editor-plugin-analytics": "^10.1.0",
|
|
37
|
+
"@atlaskit/editor-plugin-batch-attribute-updates": "^10.1.0",
|
|
38
38
|
"@atlaskit/editor-plugin-content-insertion": "^10.1.0",
|
|
39
39
|
"@atlaskit/editor-plugin-editor-viewmode": "^12.1.0",
|
|
40
|
-
"@atlaskit/editor-plugin-extension": "13.5.
|
|
40
|
+
"@atlaskit/editor-plugin-extension": "13.5.1",
|
|
41
41
|
"@atlaskit/editor-plugin-guideline": "^10.1.0",
|
|
42
42
|
"@atlaskit/editor-plugin-interaction": "^19.1.0",
|
|
43
43
|
"@atlaskit/editor-plugin-limited-mode": "^7.2.0",
|
|
@@ -47,10 +47,10 @@
|
|
|
47
47
|
"@atlaskit/editor-plugin-user-intent": "^8.2.0",
|
|
48
48
|
"@atlaskit/editor-plugin-width": "^11.1.0",
|
|
49
49
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
50
|
-
"@atlaskit/editor-shared-styles": "^3.
|
|
51
|
-
"@atlaskit/editor-tables": "^2.
|
|
52
|
-
"@atlaskit/editor-toolbar": "^1.
|
|
53
|
-
"@atlaskit/editor-ui-control-model": "^1.
|
|
50
|
+
"@atlaskit/editor-shared-styles": "^3.11.0",
|
|
51
|
+
"@atlaskit/editor-tables": "^2.10.0",
|
|
52
|
+
"@atlaskit/editor-toolbar": "^1.5.0",
|
|
53
|
+
"@atlaskit/editor-ui-control-model": "^1.2.0",
|
|
54
54
|
"@atlaskit/icon": "^34.5.0",
|
|
55
55
|
"@atlaskit/insm": "^0.4.0",
|
|
56
56
|
"@atlaskit/menu": "^8.5.0",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
|
|
60
60
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
|
|
61
61
|
"@atlaskit/primitives": "^19.0.0",
|
|
62
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
62
|
+
"@atlaskit/tmp-editor-statsig": "^81.0.0",
|
|
63
63
|
"@atlaskit/toggle": "^15.6.0",
|
|
64
64
|
"@atlaskit/tokens": "^13.0.0",
|
|
65
65
|
"@atlaskit/tooltip": "^22.2.0",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"uuid": "^3.1.0"
|
|
75
75
|
},
|
|
76
76
|
"peerDependencies": {
|
|
77
|
-
"@atlaskit/editor-common": "^114.
|
|
77
|
+
"@atlaskit/editor-common": "^114.32.0",
|
|
78
78
|
"react": "^18.2.0",
|
|
79
79
|
"react-dom": "^18.2.0",
|
|
80
80
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|
|
@@ -166,9 +166,6 @@
|
|
|
166
166
|
},
|
|
167
167
|
"platform_editor_max_width_default_width": {
|
|
168
168
|
"type": "boolean"
|
|
169
|
-
},
|
|
170
|
-
"platform_synced_block_patch_9": {
|
|
171
|
-
"type": "boolean"
|
|
172
169
|
}
|
|
173
170
|
},
|
|
174
171
|
"devDependencies": {
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/* RowMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.RowMenu = void 0;
|
|
9
|
-
require("./RowMenu.compiled.css");
|
|
10
|
-
var _runtime = require("@compiled/react/runtime");
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _editorUiControlModel = require("@atlaskit/editor-ui-control-model");
|
|
13
|
-
var _compiled = require("@atlaskit/primitives/compiled");
|
|
14
|
-
var _keys = require("./keys");
|
|
15
|
-
var rowMenuContainerStyles = {
|
|
16
|
-
container: "_2rko1qi0 _1reo15vq _18m915vq _1bsb1178 _16qs130s _bfhk1bhr"
|
|
17
|
-
};
|
|
18
|
-
var RowMenu = exports.RowMenu = function RowMenu(_ref) {
|
|
19
|
-
var _api$uiControlRegistr, _api$uiControlRegistr2;
|
|
20
|
-
var api = _ref.api;
|
|
21
|
-
var rowMenuComponents = (_api$uiControlRegistr = api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(_keys.ROW_MENU.key)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : [];
|
|
22
|
-
var surface = rowMenuComponents.find(function (c) {
|
|
23
|
-
return c.type === _keys.ROW_MENU.type;
|
|
24
|
-
});
|
|
25
|
-
if (!surface) {
|
|
26
|
-
return null;
|
|
27
|
-
}
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
29
|
-
xcss: rowMenuContainerStyles.container,
|
|
30
|
-
testId: "row-handle-menu"
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_editorUiControlModel.SurfaceRenderer, {
|
|
32
|
-
surface: surface,
|
|
33
|
-
components: rowMenuComponents
|
|
34
|
-
}));
|
|
35
|
-
};
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.NumberedRowsToggleItem = exports.MoveRowUpItem = exports.MoveRowDownItem = exports.HeaderRowToggleItem = exports.DeleteRowItem = exports.AddRowBelowItem = exports.AddRowAboveItem = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _reactIntl = require("react-intl");
|
|
10
|
-
var _keymaps = require("@atlaskit/editor-common/keymaps");
|
|
11
|
-
var _messages = require("@atlaskit/editor-common/messages");
|
|
12
|
-
var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
13
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
14
|
-
var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
|
|
15
|
-
var HeaderRowToggleItem = exports.HeaderRowToggleItem = function HeaderRowToggleItem() {
|
|
16
|
-
var _useIntl = (0, _reactIntl.useIntl)(),
|
|
17
|
-
formatMessage = _useIntl.formatMessage;
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
19
|
-
testId: "row-menu-header-row-toggle",
|
|
20
|
-
elemAfter: /*#__PURE__*/_react.default.createElement(_toggle.default, {
|
|
21
|
-
id: "row-menu-toggle-header-row",
|
|
22
|
-
label: formatMessage(_messages.tableMessages.headerRow),
|
|
23
|
-
isChecked: false
|
|
24
|
-
})
|
|
25
|
-
}, formatMessage(_messages.tableMessages.headerRow));
|
|
26
|
-
};
|
|
27
|
-
var NumberedRowsToggleItem = exports.NumberedRowsToggleItem = function NumberedRowsToggleItem() {
|
|
28
|
-
var _useIntl2 = (0, _reactIntl.useIntl)(),
|
|
29
|
-
formatMessage = _useIntl2.formatMessage;
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
31
|
-
testId: "row-menu-numbered-rows-toggle",
|
|
32
|
-
elemAfter: /*#__PURE__*/_react.default.createElement(_toggle.default, {
|
|
33
|
-
id: "row-menu-toggle-numbered-rows",
|
|
34
|
-
label: formatMessage(_messages.tableMessages.numberedRows),
|
|
35
|
-
isChecked: false
|
|
36
|
-
})
|
|
37
|
-
}, formatMessage(_messages.tableMessages.numberedRows));
|
|
38
|
-
};
|
|
39
|
-
var getMoveRowUpShortcut = function getMoveRowUpShortcut() {
|
|
40
|
-
return (0, _keymaps.tooltip)((0, _expValEquals.expValEquals)('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? _keymaps.moveRowUp : _keymaps.moveRowUpOld);
|
|
41
|
-
};
|
|
42
|
-
var getMoveRowDownShortcut = function getMoveRowDownShortcut() {
|
|
43
|
-
return (0, _keymaps.tooltip)((0, _expValEquals.expValEquals)('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? _keymaps.moveRowDown : _keymaps.moveRowDownOld);
|
|
44
|
-
};
|
|
45
|
-
var AddRowAboveItem = exports.AddRowAboveItem = function AddRowAboveItem() {
|
|
46
|
-
var _tooltip;
|
|
47
|
-
var _useIntl3 = (0, _reactIntl.useIntl)(),
|
|
48
|
-
formatMessage = _useIntl3.formatMessage;
|
|
49
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
50
|
-
testId: "row-menu-add-row-above",
|
|
51
|
-
elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowAddAboveIcon, {
|
|
52
|
-
color: "currentColor",
|
|
53
|
-
label: "",
|
|
54
|
-
size: "small"
|
|
55
|
-
}),
|
|
56
|
-
elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
|
|
57
|
-
shortcut: (_tooltip = (0, _keymaps.tooltip)(_keymaps.addRowBefore)) !== null && _tooltip !== void 0 ? _tooltip : ''
|
|
58
|
-
})
|
|
59
|
-
}, formatMessage(_messages.tableMessages.addRowAbove));
|
|
60
|
-
};
|
|
61
|
-
var AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem() {
|
|
62
|
-
var _tooltip2;
|
|
63
|
-
var _useIntl4 = (0, _reactIntl.useIntl)(),
|
|
64
|
-
formatMessage = _useIntl4.formatMessage;
|
|
65
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
66
|
-
testId: "row-menu-add-row-below",
|
|
67
|
-
elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowAddBelowIcon, {
|
|
68
|
-
color: "currentColor",
|
|
69
|
-
label: "",
|
|
70
|
-
size: "small"
|
|
71
|
-
}),
|
|
72
|
-
elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
|
|
73
|
-
shortcut: (_tooltip2 = (0, _keymaps.tooltip)(_keymaps.addRowAfter)) !== null && _tooltip2 !== void 0 ? _tooltip2 : ''
|
|
74
|
-
})
|
|
75
|
-
}, formatMessage(_messages.tableMessages.addRowBelow));
|
|
76
|
-
};
|
|
77
|
-
var MoveRowUpItem = exports.MoveRowUpItem = function MoveRowUpItem() {
|
|
78
|
-
var _getMoveRowUpShortcut;
|
|
79
|
-
var _useIntl5 = (0, _reactIntl.useIntl)(),
|
|
80
|
-
formatMessage = _useIntl5.formatMessage;
|
|
81
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
82
|
-
testId: "row-menu-move-row-up",
|
|
83
|
-
elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowMoveUpIcon, {
|
|
84
|
-
color: "currentColor",
|
|
85
|
-
label: "",
|
|
86
|
-
size: "small"
|
|
87
|
-
}),
|
|
88
|
-
elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
|
|
89
|
-
shortcut: (_getMoveRowUpShortcut = getMoveRowUpShortcut()) !== null && _getMoveRowUpShortcut !== void 0 ? _getMoveRowUpShortcut : ''
|
|
90
|
-
})
|
|
91
|
-
}, formatMessage(_messages.tableMessages.moveRowUp, {
|
|
92
|
-
0: 1
|
|
93
|
-
}));
|
|
94
|
-
};
|
|
95
|
-
var MoveRowDownItem = exports.MoveRowDownItem = function MoveRowDownItem() {
|
|
96
|
-
var _getMoveRowDownShortc;
|
|
97
|
-
var _useIntl6 = (0, _reactIntl.useIntl)(),
|
|
98
|
-
formatMessage = _useIntl6.formatMessage;
|
|
99
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
100
|
-
testId: "row-menu-move-row-down",
|
|
101
|
-
elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableRowMoveDownIcon, {
|
|
102
|
-
color: "currentColor",
|
|
103
|
-
label: "",
|
|
104
|
-
size: "small"
|
|
105
|
-
}),
|
|
106
|
-
elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
|
|
107
|
-
shortcut: (_getMoveRowDownShortc = getMoveRowDownShortcut()) !== null && _getMoveRowDownShortc !== void 0 ? _getMoveRowDownShortc : ''
|
|
108
|
-
})
|
|
109
|
-
}, formatMessage(_messages.tableMessages.moveRowDown, {
|
|
110
|
-
0: 1
|
|
111
|
-
}));
|
|
112
|
-
};
|
|
113
|
-
var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem() {
|
|
114
|
-
var _tooltip3;
|
|
115
|
-
var _useIntl7 = (0, _reactIntl.useIntl)(),
|
|
116
|
-
formatMessage = _useIntl7.formatMessage;
|
|
117
|
-
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
118
|
-
testId: "row-menu-delete-row",
|
|
119
|
-
elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.DeleteIcon, {
|
|
120
|
-
color: "currentColor",
|
|
121
|
-
label: "",
|
|
122
|
-
size: "small"
|
|
123
|
-
}),
|
|
124
|
-
elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
|
|
125
|
-
shortcut: (_tooltip3 = (0, _keymaps.tooltip)(_keymaps.deleteRow)) !== null && _tooltip3 !== void 0 ? _tooltip3 : ''
|
|
126
|
-
})
|
|
127
|
-
}, formatMessage(_messages.tableMessages.removeRows, {
|
|
128
|
-
0: 1
|
|
129
|
-
}));
|
|
130
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/* RowMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
-
import "./RowMenu.compiled.css";
|
|
3
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model';
|
|
6
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
-
import { ROW_MENU } from './keys';
|
|
8
|
-
const rowMenuContainerStyles = {
|
|
9
|
-
container: "_2rko1qi0 _1reo15vq _18m915vq _1bsb1178 _16qs130s _bfhk1bhr"
|
|
10
|
-
};
|
|
11
|
-
export const RowMenu = ({
|
|
12
|
-
api
|
|
13
|
-
}) => {
|
|
14
|
-
var _api$uiControlRegistr, _api$uiControlRegistr2;
|
|
15
|
-
const rowMenuComponents = (_api$uiControlRegistr = api === null || api === void 0 ? void 0 : (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(ROW_MENU.key)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : [];
|
|
16
|
-
const surface = rowMenuComponents.find(c => c.type === ROW_MENU.type);
|
|
17
|
-
if (!surface) {
|
|
18
|
-
return null;
|
|
19
|
-
}
|
|
20
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
21
|
-
xcss: rowMenuContainerStyles.container,
|
|
22
|
-
testId: "row-handle-menu"
|
|
23
|
-
}, /*#__PURE__*/React.createElement(SurfaceRenderer, {
|
|
24
|
-
surface: surface,
|
|
25
|
-
components: rowMenuComponents
|
|
26
|
-
}));
|
|
27
|
-
};
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useIntl } from 'react-intl';
|
|
3
|
-
import { addRowAfter, addRowBefore, deleteRow, moveRowDown, moveRowDownOld, moveRowUp, moveRowUpOld, tooltip } from '@atlaskit/editor-common/keymaps';
|
|
4
|
-
import { tableMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
|
-
import { DeleteIcon, TableRowAddAboveIcon, TableRowAddBelowIcon, TableRowMoveDownIcon, TableRowMoveUpIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
|
|
6
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
|
-
import Toggle from '@atlaskit/toggle';
|
|
8
|
-
export const HeaderRowToggleItem = () => {
|
|
9
|
-
const {
|
|
10
|
-
formatMessage
|
|
11
|
-
} = useIntl();
|
|
12
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
13
|
-
testId: "row-menu-header-row-toggle",
|
|
14
|
-
elemAfter: /*#__PURE__*/React.createElement(Toggle, {
|
|
15
|
-
id: "row-menu-toggle-header-row",
|
|
16
|
-
label: formatMessage(messages.headerRow),
|
|
17
|
-
isChecked: false
|
|
18
|
-
})
|
|
19
|
-
}, formatMessage(messages.headerRow));
|
|
20
|
-
};
|
|
21
|
-
export const NumberedRowsToggleItem = () => {
|
|
22
|
-
const {
|
|
23
|
-
formatMessage
|
|
24
|
-
} = useIntl();
|
|
25
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
26
|
-
testId: "row-menu-numbered-rows-toggle",
|
|
27
|
-
elemAfter: /*#__PURE__*/React.createElement(Toggle, {
|
|
28
|
-
id: "row-menu-toggle-numbered-rows",
|
|
29
|
-
label: formatMessage(messages.numberedRows),
|
|
30
|
-
isChecked: false
|
|
31
|
-
})
|
|
32
|
-
}, formatMessage(messages.numberedRows));
|
|
33
|
-
};
|
|
34
|
-
const getMoveRowUpShortcut = () => tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowUp : moveRowUpOld);
|
|
35
|
-
const getMoveRowDownShortcut = () => tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowDown : moveRowDownOld);
|
|
36
|
-
export const AddRowAboveItem = () => {
|
|
37
|
-
var _tooltip;
|
|
38
|
-
const {
|
|
39
|
-
formatMessage
|
|
40
|
-
} = useIntl();
|
|
41
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
42
|
-
testId: "row-menu-add-row-above",
|
|
43
|
-
elemBefore: /*#__PURE__*/React.createElement(TableRowAddAboveIcon, {
|
|
44
|
-
color: "currentColor",
|
|
45
|
-
label: "",
|
|
46
|
-
size: "small"
|
|
47
|
-
}),
|
|
48
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
49
|
-
shortcut: (_tooltip = tooltip(addRowBefore)) !== null && _tooltip !== void 0 ? _tooltip : ''
|
|
50
|
-
})
|
|
51
|
-
}, formatMessage(messages.addRowAbove));
|
|
52
|
-
};
|
|
53
|
-
export const AddRowBelowItem = () => {
|
|
54
|
-
var _tooltip2;
|
|
55
|
-
const {
|
|
56
|
-
formatMessage
|
|
57
|
-
} = useIntl();
|
|
58
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
59
|
-
testId: "row-menu-add-row-below",
|
|
60
|
-
elemBefore: /*#__PURE__*/React.createElement(TableRowAddBelowIcon, {
|
|
61
|
-
color: "currentColor",
|
|
62
|
-
label: "",
|
|
63
|
-
size: "small"
|
|
64
|
-
}),
|
|
65
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
66
|
-
shortcut: (_tooltip2 = tooltip(addRowAfter)) !== null && _tooltip2 !== void 0 ? _tooltip2 : ''
|
|
67
|
-
})
|
|
68
|
-
}, formatMessage(messages.addRowBelow));
|
|
69
|
-
};
|
|
70
|
-
export const MoveRowUpItem = () => {
|
|
71
|
-
var _getMoveRowUpShortcut;
|
|
72
|
-
const {
|
|
73
|
-
formatMessage
|
|
74
|
-
} = useIntl();
|
|
75
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
76
|
-
testId: "row-menu-move-row-up",
|
|
77
|
-
elemBefore: /*#__PURE__*/React.createElement(TableRowMoveUpIcon, {
|
|
78
|
-
color: "currentColor",
|
|
79
|
-
label: "",
|
|
80
|
-
size: "small"
|
|
81
|
-
}),
|
|
82
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
83
|
-
shortcut: (_getMoveRowUpShortcut = getMoveRowUpShortcut()) !== null && _getMoveRowUpShortcut !== void 0 ? _getMoveRowUpShortcut : ''
|
|
84
|
-
})
|
|
85
|
-
}, formatMessage(messages.moveRowUp, {
|
|
86
|
-
0: 1
|
|
87
|
-
}));
|
|
88
|
-
};
|
|
89
|
-
export const MoveRowDownItem = () => {
|
|
90
|
-
var _getMoveRowDownShortc;
|
|
91
|
-
const {
|
|
92
|
-
formatMessage
|
|
93
|
-
} = useIntl();
|
|
94
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
95
|
-
testId: "row-menu-move-row-down",
|
|
96
|
-
elemBefore: /*#__PURE__*/React.createElement(TableRowMoveDownIcon, {
|
|
97
|
-
color: "currentColor",
|
|
98
|
-
label: "",
|
|
99
|
-
size: "small"
|
|
100
|
-
}),
|
|
101
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
102
|
-
shortcut: (_getMoveRowDownShortc = getMoveRowDownShortcut()) !== null && _getMoveRowDownShortc !== void 0 ? _getMoveRowDownShortc : ''
|
|
103
|
-
})
|
|
104
|
-
}, formatMessage(messages.moveRowDown, {
|
|
105
|
-
0: 1
|
|
106
|
-
}));
|
|
107
|
-
};
|
|
108
|
-
export const DeleteRowItem = () => {
|
|
109
|
-
var _tooltip3;
|
|
110
|
-
const {
|
|
111
|
-
formatMessage
|
|
112
|
-
} = useIntl();
|
|
113
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
114
|
-
testId: "row-menu-delete-row",
|
|
115
|
-
elemBefore: /*#__PURE__*/React.createElement(DeleteIcon, {
|
|
116
|
-
color: "currentColor",
|
|
117
|
-
label: "",
|
|
118
|
-
size: "small"
|
|
119
|
-
}),
|
|
120
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
121
|
-
shortcut: (_tooltip3 = tooltip(deleteRow)) !== null && _tooltip3 !== void 0 ? _tooltip3 : ''
|
|
122
|
-
})
|
|
123
|
-
}, formatMessage(messages.removeRows, {
|
|
124
|
-
0: 1
|
|
125
|
-
}));
|
|
126
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/* RowMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
-
import "./RowMenu.compiled.css";
|
|
3
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model';
|
|
6
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
-
import { ROW_MENU } from './keys';
|
|
8
|
-
var rowMenuContainerStyles = {
|
|
9
|
-
container: "_2rko1qi0 _1reo15vq _18m915vq _1bsb1178 _16qs130s _bfhk1bhr"
|
|
10
|
-
};
|
|
11
|
-
export var RowMenu = function RowMenu(_ref) {
|
|
12
|
-
var _api$uiControlRegistr, _api$uiControlRegistr2;
|
|
13
|
-
var api = _ref.api;
|
|
14
|
-
var rowMenuComponents = (_api$uiControlRegistr = api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(ROW_MENU.key)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : [];
|
|
15
|
-
var surface = rowMenuComponents.find(function (c) {
|
|
16
|
-
return c.type === ROW_MENU.type;
|
|
17
|
-
});
|
|
18
|
-
if (!surface) {
|
|
19
|
-
return null;
|
|
20
|
-
}
|
|
21
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
22
|
-
xcss: rowMenuContainerStyles.container,
|
|
23
|
-
testId: "row-handle-menu"
|
|
24
|
-
}, /*#__PURE__*/React.createElement(SurfaceRenderer, {
|
|
25
|
-
surface: surface,
|
|
26
|
-
components: rowMenuComponents
|
|
27
|
-
}));
|
|
28
|
-
};
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useIntl } from 'react-intl';
|
|
3
|
-
import { addRowAfter, addRowBefore, deleteRow, moveRowDown, moveRowDownOld, moveRowUp, moveRowUpOld, tooltip } from '@atlaskit/editor-common/keymaps';
|
|
4
|
-
import { tableMessages as messages } from '@atlaskit/editor-common/messages';
|
|
5
|
-
import { DeleteIcon, TableRowAddAboveIcon, TableRowAddBelowIcon, TableRowMoveDownIcon, TableRowMoveUpIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
|
|
6
|
-
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
|
-
import Toggle from '@atlaskit/toggle';
|
|
8
|
-
export var HeaderRowToggleItem = function HeaderRowToggleItem() {
|
|
9
|
-
var _useIntl = useIntl(),
|
|
10
|
-
formatMessage = _useIntl.formatMessage;
|
|
11
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
12
|
-
testId: "row-menu-header-row-toggle",
|
|
13
|
-
elemAfter: /*#__PURE__*/React.createElement(Toggle, {
|
|
14
|
-
id: "row-menu-toggle-header-row",
|
|
15
|
-
label: formatMessage(messages.headerRow),
|
|
16
|
-
isChecked: false
|
|
17
|
-
})
|
|
18
|
-
}, formatMessage(messages.headerRow));
|
|
19
|
-
};
|
|
20
|
-
export var NumberedRowsToggleItem = function NumberedRowsToggleItem() {
|
|
21
|
-
var _useIntl2 = useIntl(),
|
|
22
|
-
formatMessage = _useIntl2.formatMessage;
|
|
23
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
24
|
-
testId: "row-menu-numbered-rows-toggle",
|
|
25
|
-
elemAfter: /*#__PURE__*/React.createElement(Toggle, {
|
|
26
|
-
id: "row-menu-toggle-numbered-rows",
|
|
27
|
-
label: formatMessage(messages.numberedRows),
|
|
28
|
-
isChecked: false
|
|
29
|
-
})
|
|
30
|
-
}, formatMessage(messages.numberedRows));
|
|
31
|
-
};
|
|
32
|
-
var getMoveRowUpShortcut = function getMoveRowUpShortcut() {
|
|
33
|
-
return tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowUp : moveRowUpOld);
|
|
34
|
-
};
|
|
35
|
-
var getMoveRowDownShortcut = function getMoveRowDownShortcut() {
|
|
36
|
-
return tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowDown : moveRowDownOld);
|
|
37
|
-
};
|
|
38
|
-
export var AddRowAboveItem = function AddRowAboveItem() {
|
|
39
|
-
var _tooltip;
|
|
40
|
-
var _useIntl3 = useIntl(),
|
|
41
|
-
formatMessage = _useIntl3.formatMessage;
|
|
42
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
43
|
-
testId: "row-menu-add-row-above",
|
|
44
|
-
elemBefore: /*#__PURE__*/React.createElement(TableRowAddAboveIcon, {
|
|
45
|
-
color: "currentColor",
|
|
46
|
-
label: "",
|
|
47
|
-
size: "small"
|
|
48
|
-
}),
|
|
49
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
50
|
-
shortcut: (_tooltip = tooltip(addRowBefore)) !== null && _tooltip !== void 0 ? _tooltip : ''
|
|
51
|
-
})
|
|
52
|
-
}, formatMessage(messages.addRowAbove));
|
|
53
|
-
};
|
|
54
|
-
export var AddRowBelowItem = function AddRowBelowItem() {
|
|
55
|
-
var _tooltip2;
|
|
56
|
-
var _useIntl4 = useIntl(),
|
|
57
|
-
formatMessage = _useIntl4.formatMessage;
|
|
58
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
59
|
-
testId: "row-menu-add-row-below",
|
|
60
|
-
elemBefore: /*#__PURE__*/React.createElement(TableRowAddBelowIcon, {
|
|
61
|
-
color: "currentColor",
|
|
62
|
-
label: "",
|
|
63
|
-
size: "small"
|
|
64
|
-
}),
|
|
65
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
66
|
-
shortcut: (_tooltip2 = tooltip(addRowAfter)) !== null && _tooltip2 !== void 0 ? _tooltip2 : ''
|
|
67
|
-
})
|
|
68
|
-
}, formatMessage(messages.addRowBelow));
|
|
69
|
-
};
|
|
70
|
-
export var MoveRowUpItem = function MoveRowUpItem() {
|
|
71
|
-
var _getMoveRowUpShortcut;
|
|
72
|
-
var _useIntl5 = useIntl(),
|
|
73
|
-
formatMessage = _useIntl5.formatMessage;
|
|
74
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
75
|
-
testId: "row-menu-move-row-up",
|
|
76
|
-
elemBefore: /*#__PURE__*/React.createElement(TableRowMoveUpIcon, {
|
|
77
|
-
color: "currentColor",
|
|
78
|
-
label: "",
|
|
79
|
-
size: "small"
|
|
80
|
-
}),
|
|
81
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
82
|
-
shortcut: (_getMoveRowUpShortcut = getMoveRowUpShortcut()) !== null && _getMoveRowUpShortcut !== void 0 ? _getMoveRowUpShortcut : ''
|
|
83
|
-
})
|
|
84
|
-
}, formatMessage(messages.moveRowUp, {
|
|
85
|
-
0: 1
|
|
86
|
-
}));
|
|
87
|
-
};
|
|
88
|
-
export var MoveRowDownItem = function MoveRowDownItem() {
|
|
89
|
-
var _getMoveRowDownShortc;
|
|
90
|
-
var _useIntl6 = useIntl(),
|
|
91
|
-
formatMessage = _useIntl6.formatMessage;
|
|
92
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
93
|
-
testId: "row-menu-move-row-down",
|
|
94
|
-
elemBefore: /*#__PURE__*/React.createElement(TableRowMoveDownIcon, {
|
|
95
|
-
color: "currentColor",
|
|
96
|
-
label: "",
|
|
97
|
-
size: "small"
|
|
98
|
-
}),
|
|
99
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
100
|
-
shortcut: (_getMoveRowDownShortc = getMoveRowDownShortcut()) !== null && _getMoveRowDownShortc !== void 0 ? _getMoveRowDownShortc : ''
|
|
101
|
-
})
|
|
102
|
-
}, formatMessage(messages.moveRowDown, {
|
|
103
|
-
0: 1
|
|
104
|
-
}));
|
|
105
|
-
};
|
|
106
|
-
export var DeleteRowItem = function DeleteRowItem() {
|
|
107
|
-
var _tooltip3;
|
|
108
|
-
var _useIntl7 = useIntl(),
|
|
109
|
-
formatMessage = _useIntl7.formatMessage;
|
|
110
|
-
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
111
|
-
testId: "row-menu-delete-row",
|
|
112
|
-
elemBefore: /*#__PURE__*/React.createElement(DeleteIcon, {
|
|
113
|
-
color: "currentColor",
|
|
114
|
-
label: "",
|
|
115
|
-
size: "small"
|
|
116
|
-
}),
|
|
117
|
-
elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
|
|
118
|
-
shortcut: (_tooltip3 = tooltip(deleteRow)) !== null && _tooltip3 !== void 0 ? _tooltip3 : ''
|
|
119
|
-
})
|
|
120
|
-
}, formatMessage(messages.removeRows, {
|
|
121
|
-
0: 1
|
|
122
|
-
}));
|
|
123
|
-
};
|