@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.
Files changed (149) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/tablePlugin.js +2 -2
  3. package/dist/cjs/ui/FloatingDragMenu/index.js +9 -6
  4. package/dist/cjs/ui/TableMenu/column/getColumnMenuComponents.js +194 -0
  5. package/dist/cjs/ui/TableMenu/column/items/AddColumnLeftItem.js +27 -0
  6. package/dist/cjs/ui/TableMenu/column/items/AddColumnRightItem.js +27 -0
  7. package/dist/cjs/ui/TableMenu/column/items/DeleteColumnItem.js +29 -0
  8. package/dist/cjs/ui/TableMenu/column/items/DistributeColumnsItem.js +22 -0
  9. package/dist/cjs/ui/TableMenu/column/items/HeaderColumnToggleItem.js +23 -0
  10. package/dist/cjs/ui/TableMenu/column/items/MoveColumnRightItem.js +33 -0
  11. package/dist/cjs/ui/TableMenu/column/items/SortDecreasingItem.js +23 -0
  12. package/dist/cjs/ui/TableMenu/column/items/SortIncreasingItem.js +23 -0
  13. package/dist/cjs/ui/TableMenu/column/keys.js +79 -0
  14. package/dist/cjs/ui/TableMenu/row/getRowMenuComponents.js +25 -47
  15. package/dist/cjs/ui/TableMenu/row/items/AddRowAboveItem.js +27 -0
  16. package/dist/cjs/ui/TableMenu/row/items/AddRowBelowItem.js +27 -0
  17. package/dist/cjs/ui/TableMenu/row/items/DeleteRowItem.js +29 -0
  18. package/dist/cjs/ui/TableMenu/row/items/HeaderRowToggleItem.js +23 -0
  19. package/dist/cjs/ui/TableMenu/row/items/MoveRowDownItem.js +33 -0
  20. package/dist/cjs/ui/TableMenu/row/items/MoveRowUpItem.js +33 -0
  21. package/dist/cjs/ui/TableMenu/row/items/NumberedRowsToggleItem.js +23 -0
  22. package/dist/cjs/ui/TableMenu/row/keys.js +7 -14
  23. package/dist/cjs/ui/TableMenu/shared/TableMenu.js +35 -0
  24. package/dist/cjs/ui/TableMenu/shared/consts.js +2 -2
  25. package/dist/cjs/ui/TableMenu/shared/getSharedItems.js +46 -0
  26. package/dist/cjs/ui/TableMenu/shared/getTableMenuComponents.js +14 -0
  27. package/dist/cjs/ui/TableMenu/shared/items/BackgroundColorItem.js +5 -7
  28. package/dist/cjs/ui/TableMenu/shared/items/ClearCellsItem.js +1 -3
  29. package/dist/cjs/ui/TableMenu/shared/keys.js +14 -0
  30. package/dist/es2019/tablePlugin.js +2 -2
  31. package/dist/es2019/ui/FloatingDragMenu/index.js +10 -7
  32. package/dist/es2019/ui/TableMenu/column/getColumnMenuComponents.js +160 -0
  33. package/dist/es2019/ui/TableMenu/column/items/AddColumnLeftItem.js +21 -0
  34. package/dist/es2019/ui/TableMenu/column/items/AddColumnRightItem.js +21 -0
  35. package/dist/es2019/ui/TableMenu/column/items/DeleteColumnItem.js +23 -0
  36. package/dist/es2019/ui/TableMenu/column/items/DistributeColumnsItem.js +16 -0
  37. package/dist/es2019/ui/TableMenu/column/items/HeaderColumnToggleItem.js +17 -0
  38. package/dist/es2019/ui/TableMenu/column/items/MoveColumnRightItem.js +25 -0
  39. package/dist/es2019/ui/TableMenu/column/items/SortDecreasingItem.js +17 -0
  40. package/dist/es2019/ui/TableMenu/column/items/SortIncreasingItem.js +17 -0
  41. package/dist/es2019/ui/TableMenu/column/keys.js +93 -0
  42. package/dist/es2019/ui/TableMenu/row/getRowMenuComponents.js +19 -37
  43. package/dist/es2019/ui/TableMenu/row/items/AddRowAboveItem.js +21 -0
  44. package/dist/es2019/ui/TableMenu/row/items/AddRowBelowItem.js +21 -0
  45. package/dist/es2019/ui/TableMenu/row/items/DeleteRowItem.js +23 -0
  46. package/dist/es2019/ui/TableMenu/row/items/HeaderRowToggleItem.js +17 -0
  47. package/dist/es2019/ui/TableMenu/row/items/MoveRowDownItem.js +25 -0
  48. package/dist/es2019/ui/TableMenu/row/items/MoveRowUpItem.js +25 -0
  49. package/dist/es2019/ui/TableMenu/row/items/NumberedRowsToggleItem.js +17 -0
  50. package/dist/es2019/ui/TableMenu/row/keys.js +7 -13
  51. package/dist/es2019/ui/TableMenu/shared/TableMenu.js +28 -0
  52. package/dist/es2019/ui/TableMenu/shared/consts.js +1 -1
  53. package/dist/es2019/ui/TableMenu/shared/getSharedItems.js +33 -0
  54. package/dist/es2019/ui/TableMenu/shared/getTableMenuComponents.js +4 -0
  55. package/dist/es2019/ui/TableMenu/shared/items/BackgroundColorItem.js +5 -8
  56. package/dist/es2019/ui/TableMenu/shared/items/ClearCellsItem.js +1 -4
  57. package/dist/es2019/ui/TableMenu/shared/keys.js +8 -0
  58. package/dist/esm/tablePlugin.js +2 -2
  59. package/dist/esm/ui/FloatingDragMenu/index.js +10 -7
  60. package/dist/esm/ui/TableMenu/column/getColumnMenuComponents.js +188 -0
  61. package/dist/esm/ui/TableMenu/column/items/AddColumnLeftItem.js +20 -0
  62. package/dist/esm/ui/TableMenu/column/items/AddColumnRightItem.js +20 -0
  63. package/dist/esm/ui/TableMenu/column/items/DeleteColumnItem.js +22 -0
  64. package/dist/esm/ui/TableMenu/column/items/DistributeColumnsItem.js +15 -0
  65. package/dist/esm/ui/TableMenu/column/items/HeaderColumnToggleItem.js +16 -0
  66. package/dist/esm/ui/TableMenu/column/items/MoveColumnRightItem.js +26 -0
  67. package/dist/esm/ui/TableMenu/column/items/SortDecreasingItem.js +16 -0
  68. package/dist/esm/ui/TableMenu/column/items/SortIncreasingItem.js +16 -0
  69. package/dist/esm/ui/TableMenu/column/keys.js +73 -0
  70. package/dist/esm/ui/TableMenu/row/getRowMenuComponents.js +19 -41
  71. package/dist/esm/ui/TableMenu/row/items/AddRowAboveItem.js +20 -0
  72. package/dist/esm/ui/TableMenu/row/items/AddRowBelowItem.js +20 -0
  73. package/dist/esm/ui/TableMenu/row/items/DeleteRowItem.js +22 -0
  74. package/dist/esm/ui/TableMenu/row/items/HeaderRowToggleItem.js +16 -0
  75. package/dist/esm/ui/TableMenu/row/items/MoveRowDownItem.js +26 -0
  76. package/dist/esm/ui/TableMenu/row/items/MoveRowUpItem.js +26 -0
  77. package/dist/esm/ui/TableMenu/row/items/NumberedRowsToggleItem.js +16 -0
  78. package/dist/esm/ui/TableMenu/row/keys.js +7 -13
  79. package/dist/esm/ui/TableMenu/shared/TableMenu.js +27 -0
  80. package/dist/esm/ui/TableMenu/shared/consts.js +1 -1
  81. package/dist/esm/ui/TableMenu/shared/getSharedItems.js +39 -0
  82. package/dist/esm/ui/TableMenu/shared/getTableMenuComponents.js +7 -0
  83. package/dist/esm/ui/TableMenu/shared/items/BackgroundColorItem.js +5 -7
  84. package/dist/esm/ui/TableMenu/shared/items/ClearCellsItem.js +1 -3
  85. package/dist/esm/ui/TableMenu/shared/keys.js +8 -0
  86. package/dist/types/ui/TableMenu/column/getColumnMenuComponents.d.ts +9 -0
  87. package/dist/types/ui/TableMenu/column/items/AddColumnLeftItem.d.ts +2 -0
  88. package/dist/types/ui/TableMenu/column/items/AddColumnRightItem.d.ts +2 -0
  89. package/dist/types/ui/TableMenu/column/items/DeleteColumnItem.d.ts +2 -0
  90. package/dist/types/ui/TableMenu/column/items/DistributeColumnsItem.d.ts +2 -0
  91. package/dist/types/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts +2 -0
  92. package/dist/types/ui/TableMenu/column/items/MoveColumnRightItem.d.ts +2 -0
  93. package/dist/types/ui/TableMenu/column/items/SortDecreasingItem.d.ts +2 -0
  94. package/dist/types/ui/TableMenu/column/items/SortIncreasingItem.d.ts +2 -0
  95. package/dist/types/ui/TableMenu/column/keys.d.ts +21 -0
  96. package/dist/types/ui/TableMenu/row/items/AddRowAboveItem.d.ts +2 -0
  97. package/dist/types/ui/TableMenu/row/items/AddRowBelowItem.d.ts +2 -0
  98. package/dist/types/ui/TableMenu/row/items/DeleteRowItem.d.ts +2 -0
  99. package/dist/types/ui/TableMenu/row/items/HeaderRowToggleItem.d.ts +2 -0
  100. package/dist/types/ui/TableMenu/row/items/MoveRowDownItem.d.ts +2 -0
  101. package/dist/types/ui/TableMenu/row/items/MoveRowUpItem.d.ts +2 -0
  102. package/dist/types/ui/TableMenu/row/items/NumberedRowsToggleItem.d.ts +2 -0
  103. package/dist/types/ui/TableMenu/row/keys.d.ts +5 -7
  104. package/dist/types/ui/TableMenu/shared/TableMenu.d.ts +9 -0
  105. package/dist/types/ui/TableMenu/shared/consts.d.ts +1 -1
  106. package/dist/types/ui/TableMenu/shared/getSharedItems.d.ts +2 -0
  107. package/dist/types/ui/TableMenu/shared/getTableMenuComponents.d.ts +2 -0
  108. package/dist/types/ui/TableMenu/shared/items/BackgroundColorItem.d.ts +1 -5
  109. package/dist/types/ui/TableMenu/shared/items/ClearCellsItem.d.ts +1 -5
  110. package/dist/types/ui/TableMenu/shared/keys.d.ts +3 -0
  111. package/dist/types-ts4.5/ui/TableMenu/column/getColumnMenuComponents.d.ts +9 -0
  112. package/dist/types-ts4.5/ui/TableMenu/column/items/AddColumnLeftItem.d.ts +2 -0
  113. package/dist/types-ts4.5/ui/TableMenu/column/items/AddColumnRightItem.d.ts +2 -0
  114. package/dist/types-ts4.5/ui/TableMenu/column/items/DeleteColumnItem.d.ts +2 -0
  115. package/dist/types-ts4.5/ui/TableMenu/column/items/DistributeColumnsItem.d.ts +2 -0
  116. package/dist/types-ts4.5/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts +2 -0
  117. package/dist/types-ts4.5/ui/TableMenu/column/items/MoveColumnRightItem.d.ts +2 -0
  118. package/dist/types-ts4.5/ui/TableMenu/column/items/SortDecreasingItem.d.ts +2 -0
  119. package/dist/types-ts4.5/ui/TableMenu/column/items/SortIncreasingItem.d.ts +2 -0
  120. package/dist/types-ts4.5/ui/TableMenu/column/keys.d.ts +21 -0
  121. package/dist/types-ts4.5/ui/TableMenu/row/items/AddRowAboveItem.d.ts +2 -0
  122. package/dist/types-ts4.5/ui/TableMenu/row/items/AddRowBelowItem.d.ts +2 -0
  123. package/dist/types-ts4.5/ui/TableMenu/row/items/DeleteRowItem.d.ts +2 -0
  124. package/dist/types-ts4.5/ui/TableMenu/row/items/HeaderRowToggleItem.d.ts +2 -0
  125. package/dist/types-ts4.5/ui/TableMenu/row/items/MoveRowDownItem.d.ts +2 -0
  126. package/dist/types-ts4.5/ui/TableMenu/row/items/MoveRowUpItem.d.ts +2 -0
  127. package/dist/types-ts4.5/ui/TableMenu/row/items/NumberedRowsToggleItem.d.ts +2 -0
  128. package/dist/types-ts4.5/ui/TableMenu/row/keys.d.ts +5 -7
  129. package/dist/types-ts4.5/ui/TableMenu/shared/TableMenu.d.ts +9 -0
  130. package/dist/types-ts4.5/ui/TableMenu/shared/consts.d.ts +1 -1
  131. package/dist/types-ts4.5/ui/TableMenu/shared/getSharedItems.d.ts +2 -0
  132. package/dist/types-ts4.5/ui/TableMenu/shared/getTableMenuComponents.d.ts +2 -0
  133. package/dist/types-ts4.5/ui/TableMenu/shared/items/BackgroundColorItem.d.ts +1 -5
  134. package/dist/types-ts4.5/ui/TableMenu/shared/items/ClearCellsItem.d.ts +1 -5
  135. package/dist/types-ts4.5/ui/TableMenu/shared/keys.d.ts +3 -0
  136. package/package.json +8 -8
  137. package/dist/cjs/ui/TableMenu/row/RowMenu.js +0 -35
  138. package/dist/cjs/ui/TableMenu/row/RowMenuItems.js +0 -130
  139. package/dist/es2019/ui/TableMenu/row/RowMenu.js +0 -27
  140. package/dist/es2019/ui/TableMenu/row/RowMenuItems.js +0 -126
  141. package/dist/esm/ui/TableMenu/row/RowMenu.js +0 -28
  142. package/dist/esm/ui/TableMenu/row/RowMenuItems.js +0 -123
  143. package/dist/types/ui/TableMenu/row/RowMenu.d.ts +0 -7
  144. package/dist/types/ui/TableMenu/row/RowMenuItems.d.ts +0 -8
  145. package/dist/types-ts4.5/ui/TableMenu/row/RowMenu.d.ts +0 -7
  146. package/dist/types-ts4.5/ui/TableMenu/row/RowMenuItems.d.ts +0 -8
  147. /package/dist/cjs/ui/TableMenu/{row/RowMenu.compiled.css → shared/TableMenu.compiled.css} +0 -0
  148. /package/dist/es2019/ui/TableMenu/{row/RowMenu.compiled.css → shared/TableMenu.compiled.css} +0 -0
  149. /package/dist/esm/ui/TableMenu/{row/RowMenu.compiled.css → shared/TableMenu.compiled.css} +0 -0
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const AddColumnRightItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DeleteColumnItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DistributeColumnsItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const HeaderColumnToggleItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const MoveColumnRightItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const SortDecreasingItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const SortIncreasingItem: () => React.JSX.Element;
@@ -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>;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const AddRowAboveItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const AddRowBelowItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DeleteRowItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const HeaderRowToggleItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const MoveRowDownItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const MoveRowUpItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const NumberedRowsToggleItem: () => React.JSX.Element;
@@ -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 ROW_SECTION_RANK: Record<string, number>;
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 TOGGLE_SECTION_ITEM_RANK: Record<string, number>;
18
- export declare const BACKGROUND_SECTION_ITEM_RANK: Record<string, number>;
19
- export declare const ADD_SECTION_ITEM_RANK: Record<string, number>;
20
- export declare const DANGER_SECTION_ITEM_RANK: Record<string, number>;
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 newMenuWidth = 280;
1
+ export declare const TABLE_MENU_WIDTH = 280;
@@ -0,0 +1,2 @@
1
+ import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
2
+ export declare const getSharedItems: () => RegisterComponent[];
@@ -0,0 +1,2 @@
1
+ import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
2
+ export declare const getTableMenuComponents: () => RegisterComponent[];
@@ -3,8 +3,4 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import React from 'react';
6
- type BackgroundColorItemProps = {
7
- testId: string;
8
- };
9
- export declare const BackgroundColorItem: ({ testId }: BackgroundColorItemProps) => React.JSX.Element;
10
- export {};
6
+ export declare const BackgroundColorItem: () => React.JSX.Element;
@@ -1,6 +1,2 @@
1
1
  import React from 'react';
2
- type ClearCellsItemProps = {
3
- testId: string;
4
- };
5
- export declare const ClearCellsItem: ({ testId }: ClearCellsItemProps) => React.JSX.Element;
6
- export {};
2
+ export declare const ClearCellsItem: () => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import type { MenuItemType } from '@atlaskit/editor-ui-control-model';
2
+ export declare const BACKGROUND_COLOR_ITEM: MenuItemType;
3
+ export declare const CLEAR_CELLS_ITEM: MenuItemType;
@@ -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,2 @@
1
+ import React from 'react';
2
+ export declare const AddColumnLeftItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const AddColumnRightItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DeleteColumnItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DistributeColumnsItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const HeaderColumnToggleItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const MoveColumnRightItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const SortDecreasingItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const SortIncreasingItem: () => React.JSX.Element;
@@ -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>;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const AddRowAboveItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const AddRowBelowItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const DeleteRowItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const HeaderRowToggleItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const MoveRowDownItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const MoveRowUpItem: () => React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const NumberedRowsToggleItem: () => React.JSX.Element;
@@ -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 ROW_SECTION_RANK: Record<string, number>;
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 TOGGLE_SECTION_ITEM_RANK: Record<string, number>;
18
- export declare const BACKGROUND_SECTION_ITEM_RANK: Record<string, number>;
19
- export declare const ADD_SECTION_ITEM_RANK: Record<string, number>;
20
- export declare const DANGER_SECTION_ITEM_RANK: Record<string, number>;
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 newMenuWidth = 280;
1
+ export declare const TABLE_MENU_WIDTH = 280;
@@ -0,0 +1,2 @@
1
+ import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
2
+ export declare const getSharedItems: () => RegisterComponent[];
@@ -0,0 +1,2 @@
1
+ import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
2
+ export declare const getTableMenuComponents: () => RegisterComponent[];
@@ -3,8 +3,4 @@
3
3
  * @jsx jsx
4
4
  */
5
5
  import React from 'react';
6
- type BackgroundColorItemProps = {
7
- testId: string;
8
- };
9
- export declare const BackgroundColorItem: ({ testId }: BackgroundColorItemProps) => React.JSX.Element;
10
- export {};
6
+ export declare const BackgroundColorItem: () => React.JSX.Element;
@@ -1,6 +1,2 @@
1
1
  import React from 'react';
2
- type ClearCellsItemProps = {
3
- testId: string;
4
- };
5
- export declare const ClearCellsItem: ({ testId }: ClearCellsItemProps) => React.JSX.Element;
6
- export {};
2
+ export declare const ClearCellsItem: () => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import type { MenuItemType } from '@atlaskit/editor-ui-control-model';
2
+ export declare const BACKGROUND_COLOR_ITEM: MenuItemType;
3
+ export declare const CLEAR_CELLS_ITEM: MenuItemType;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "22.4.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.16.0",
34
- "@atlaskit/editor-palette": "^2.1.0",
35
- "@atlaskit/editor-plugin-accessibility-utils": "^10.1.0",
36
- "@atlaskit/editor-plugin-analytics": "^10.0.0",
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.0",
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.4.0",
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": "^80.3.0",
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
- };