@atlaskit/editor-plugin-table 22.4.4 → 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 +9 -0
- package/dist/cjs/tablePlugin.js +2 -2
- package/dist/cjs/ui/FloatingDragMenu/index.js +9 -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/es2019/tablePlugin.js +2 -2
- package/dist/es2019/ui/FloatingDragMenu/index.js +10 -7
- 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/esm/tablePlugin.js +2 -2
- package/dist/esm/ui/FloatingDragMenu/index.js +10 -7
- 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/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 +8 -8
- 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
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { MenuItemType, MenuSectionType, MenuType } from '@atlaskit/editor-ui-control-model';
|
|
2
|
+
export declare const COLUMN_MENU: MenuType;
|
|
3
|
+
export declare const COLUMN_TOGGLE_SECTION: MenuSectionType;
|
|
4
|
+
export declare const COLUMN_BACKGROUND_SECTION: MenuSectionType;
|
|
5
|
+
export declare const COLUMN_SORT_SECTION: MenuSectionType;
|
|
6
|
+
export declare const COLUMN_ADD_SECTION: MenuSectionType;
|
|
7
|
+
export declare const COLUMN_DANGER_SECTION: MenuSectionType;
|
|
8
|
+
export declare const COLUMN_SECTION_RANK: Record<string, number>;
|
|
9
|
+
export declare const HEADER_COLUMN_TOGGLE_ITEM: MenuItemType;
|
|
10
|
+
export declare const SORT_INCREASING_ITEM: MenuItemType;
|
|
11
|
+
export declare const SORT_DECREASING_ITEM: MenuItemType;
|
|
12
|
+
export declare const ADD_COLUMN_LEFT_ITEM: MenuItemType;
|
|
13
|
+
export declare const ADD_COLUMN_RIGHT_ITEM: MenuItemType;
|
|
14
|
+
export declare const MOVE_COLUMN_RIGHT_ITEM: MenuItemType;
|
|
15
|
+
export declare const DISTRIBUTE_COLUMNS_ITEM: MenuItemType;
|
|
16
|
+
export declare const DELETE_COLUMN_ITEM: MenuItemType;
|
|
17
|
+
export declare const COLUMN_TOGGLE_SECTION_RANK: Record<string, number>;
|
|
18
|
+
export declare const COLUMN_BACKGROUND_SECTION_RANK: Record<string, number>;
|
|
19
|
+
export declare const COLUMN_SORT_SECTION_RANK: Record<string, number>;
|
|
20
|
+
export declare const COLUMN_ADD_SECTION_RANK: Record<string, number>;
|
|
21
|
+
export declare const COLUMN_DANGER_SECTION_RANK: Record<string, number>;
|
|
@@ -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;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
|
|
2
|
+
/**
|
|
3
|
+
* Returns the RegisterComponent[] array defining the column menu surface.
|
|
4
|
+
*
|
|
5
|
+
* This is a **UI-only stub** — all items are always visible with no conditional
|
|
6
|
+
* logic and no wired actions. Functional behaviour (actions, conditional visibility)
|
|
7
|
+
* will be connected in follow-up tickets.
|
|
8
|
+
*/
|
|
9
|
+
export declare const getColumnMenuComponents: () => RegisterComponent[];
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { MenuItemType, MenuSectionType, MenuType } from '@atlaskit/editor-ui-control-model';
|
|
2
|
+
export declare const COLUMN_MENU: MenuType;
|
|
3
|
+
export declare const COLUMN_TOGGLE_SECTION: MenuSectionType;
|
|
4
|
+
export declare const COLUMN_BACKGROUND_SECTION: MenuSectionType;
|
|
5
|
+
export declare const COLUMN_SORT_SECTION: MenuSectionType;
|
|
6
|
+
export declare const COLUMN_ADD_SECTION: MenuSectionType;
|
|
7
|
+
export declare const COLUMN_DANGER_SECTION: MenuSectionType;
|
|
8
|
+
export declare const COLUMN_SECTION_RANK: Record<string, number>;
|
|
9
|
+
export declare const HEADER_COLUMN_TOGGLE_ITEM: MenuItemType;
|
|
10
|
+
export declare const SORT_INCREASING_ITEM: MenuItemType;
|
|
11
|
+
export declare const SORT_DECREASING_ITEM: MenuItemType;
|
|
12
|
+
export declare const ADD_COLUMN_LEFT_ITEM: MenuItemType;
|
|
13
|
+
export declare const ADD_COLUMN_RIGHT_ITEM: MenuItemType;
|
|
14
|
+
export declare const MOVE_COLUMN_RIGHT_ITEM: MenuItemType;
|
|
15
|
+
export declare const DISTRIBUTE_COLUMNS_ITEM: MenuItemType;
|
|
16
|
+
export declare const DELETE_COLUMN_ITEM: MenuItemType;
|
|
17
|
+
export declare const COLUMN_TOGGLE_SECTION_RANK: Record<string, number>;
|
|
18
|
+
export declare const COLUMN_BACKGROUND_SECTION_RANK: Record<string, number>;
|
|
19
|
+
export declare const COLUMN_SORT_SECTION_RANK: Record<string, number>;
|
|
20
|
+
export declare const COLUMN_ADD_SECTION_RANK: Record<string, number>;
|
|
21
|
+
export declare const COLUMN_DANGER_SECTION_RANK: Record<string, number>;
|
|
@@ -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.
|
|
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
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",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@atlaskit/editor-prosemirror": "^7.3.0",
|
|
50
50
|
"@atlaskit/editor-shared-styles": "^3.11.0",
|
|
51
51
|
"@atlaskit/editor-tables": "^2.10.0",
|
|
52
|
-
"@atlaskit/editor-toolbar": "^1.
|
|
52
|
+
"@atlaskit/editor-toolbar": "^1.5.0",
|
|
53
53
|
"@atlaskit/editor-ui-control-model": "^1.2.0",
|
|
54
54
|
"@atlaskit/icon": "^34.5.0",
|
|
55
55
|
"@atlaskit/insm": "^0.4.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",
|
|
@@ -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
|
-
};
|