@atlaskit/editor-plugin-table 22.4.12 → 22.4.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/nodeviews/TableComponent.js +21 -19
- package/dist/cjs/tablePlugin.js +3 -0
- package/dist/cjs/ui/TableMenu/column/getColumnMenuComponents.js +46 -11
- package/dist/cjs/ui/TableMenu/column/items/AddColumnLeftItem.js +34 -1
- package/dist/cjs/ui/TableMenu/column/items/AddColumnRightItem.js +34 -1
- package/dist/cjs/ui/TableMenu/column/items/ColumnBackgroundSection.js +15 -2
- package/dist/cjs/ui/TableMenu/column/items/ColumnToggleSection.js +15 -2
- package/dist/cjs/ui/TableMenu/column/items/DeleteColumnItem.js +60 -3
- package/dist/cjs/ui/TableMenu/column/items/DistributeColumnsItem.js +43 -5
- package/dist/cjs/ui/TableMenu/column/items/HeaderColumnToggleItem.js +36 -5
- package/dist/cjs/ui/TableMenu/column/items/MoveColumnLeftItem.js +69 -0
- package/dist/cjs/ui/TableMenu/column/items/MoveColumnRightItem.js +42 -3
- package/dist/cjs/ui/TableMenu/column/items/SortDecreasingItem.js +22 -1
- package/dist/cjs/ui/TableMenu/column/items/SortIncreasingItem.js +22 -1
- package/dist/cjs/ui/TableMenu/column/keys.js +6 -2
- package/dist/cjs/ui/TableMenu/shared/getTableMenuComponents.js +1 -1
- package/dist/es2019/nodeviews/TableComponent.js +22 -20
- package/dist/es2019/tablePlugin.js +3 -0
- package/dist/es2019/ui/TableMenu/column/getColumnMenuComponents.js +46 -12
- package/dist/es2019/ui/TableMenu/column/items/AddColumnLeftItem.js +37 -1
- package/dist/es2019/ui/TableMenu/column/items/AddColumnRightItem.js +37 -1
- package/dist/es2019/ui/TableMenu/column/items/ColumnBackgroundSection.js +15 -1
- package/dist/es2019/ui/TableMenu/column/items/ColumnToggleSection.js +15 -1
- package/dist/es2019/ui/TableMenu/column/items/DeleteColumnItem.js +63 -3
- package/dist/es2019/ui/TableMenu/column/items/DistributeColumnsItem.js +43 -7
- package/dist/es2019/ui/TableMenu/column/items/HeaderColumnToggleItem.js +40 -5
- package/dist/es2019/ui/TableMenu/column/items/MoveColumnLeftItem.js +65 -0
- package/dist/es2019/ui/TableMenu/column/items/MoveColumnRightItem.js +44 -3
- package/dist/es2019/ui/TableMenu/column/items/SortDecreasingItem.js +24 -1
- package/dist/es2019/ui/TableMenu/column/items/SortIncreasingItem.js +24 -1
- package/dist/es2019/ui/TableMenu/column/keys.js +7 -2
- package/dist/es2019/ui/TableMenu/shared/getTableMenuComponents.js +1 -1
- package/dist/esm/nodeviews/TableComponent.js +22 -20
- package/dist/esm/tablePlugin.js +3 -0
- package/dist/esm/ui/TableMenu/column/getColumnMenuComponents.js +47 -12
- package/dist/esm/ui/TableMenu/column/items/AddColumnLeftItem.js +34 -1
- package/dist/esm/ui/TableMenu/column/items/AddColumnRightItem.js +34 -1
- package/dist/esm/ui/TableMenu/column/items/ColumnBackgroundSection.js +15 -2
- package/dist/esm/ui/TableMenu/column/items/ColumnToggleSection.js +15 -2
- package/dist/esm/ui/TableMenu/column/items/DeleteColumnItem.js +60 -3
- package/dist/esm/ui/TableMenu/column/items/DistributeColumnsItem.js +43 -6
- package/dist/esm/ui/TableMenu/column/items/HeaderColumnToggleItem.js +36 -6
- package/dist/esm/ui/TableMenu/column/items/MoveColumnLeftItem.js +62 -0
- package/dist/esm/ui/TableMenu/column/items/MoveColumnRightItem.js +42 -3
- package/dist/esm/ui/TableMenu/column/items/SortDecreasingItem.js +22 -1
- package/dist/esm/ui/TableMenu/column/items/SortIncreasingItem.js +22 -1
- package/dist/esm/ui/TableMenu/column/keys.js +5 -1
- package/dist/esm/ui/TableMenu/shared/getTableMenuComponents.js +1 -1
- package/dist/types/types/index.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/getColumnMenuComponents.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/AddColumnLeftItem.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/AddColumnRightItem.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/ColumnBackgroundSection.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/ColumnToggleSection.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/DeleteColumnItem.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/DistributeColumnsItem.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts +7 -3
- package/dist/types/ui/TableMenu/column/items/MoveColumnLeftItem.d.ts +3 -0
- package/dist/types/ui/TableMenu/column/items/MoveColumnRightItem.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/SortDecreasingItem.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/items/SortIncreasingItem.d.ts +2 -1
- package/dist/types/ui/TableMenu/column/keys.d.ts +1 -0
- package/dist/types-ts4.5/types/index.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/getColumnMenuComponents.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/AddColumnLeftItem.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/AddColumnRightItem.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/ColumnBackgroundSection.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/ColumnToggleSection.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/DeleteColumnItem.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/DistributeColumnsItem.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts +7 -3
- package/dist/types-ts4.5/ui/TableMenu/column/items/MoveColumnLeftItem.d.ts +3 -0
- package/dist/types-ts4.5/ui/TableMenu/column/items/MoveColumnRightItem.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/SortDecreasingItem.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/items/SortIncreasingItem.d.ts +2 -1
- package/dist/types-ts4.5/ui/TableMenu/column/keys.d.ts +1 -0
- package/package.json +5 -3
|
@@ -1,13 +1,34 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
+
import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
|
|
4
|
+
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
3
5
|
import { tableMessages as messages } from '@atlaskit/editor-common/messages';
|
|
6
|
+
import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
|
|
7
|
+
import { getSelectionRect } from '@atlaskit/editor-tables/utils';
|
|
4
8
|
import { ArrowDownIcon, ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
9
|
+
import { sortColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
|
|
5
10
|
import { useTableMenuContext } from '../../shared/TableMenuContext';
|
|
6
|
-
export var SortDecreasingItem = function SortDecreasingItem() {
|
|
11
|
+
export var SortDecreasingItem = function SortDecreasingItem(_ref) {
|
|
12
|
+
var api = _ref.api;
|
|
13
|
+
var _useEditorToolbar = useEditorToolbar(),
|
|
14
|
+
editorView = _useEditorToolbar.editorView;
|
|
7
15
|
var tableMenuContext = useTableMenuContext();
|
|
8
16
|
var _useIntl = useIntl(),
|
|
9
17
|
formatMessage = _useIntl.formatMessage;
|
|
18
|
+
var handleClick = function handleClick() {
|
|
19
|
+
var _api$analytics;
|
|
20
|
+
if (!editorView) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
var selectionRect = getSelectionRect(editorView.state.selection);
|
|
24
|
+
var columnIndex = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.left;
|
|
25
|
+
if (columnIndex === undefined) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
sortColumnWithAnalytics(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(INPUT_METHOD.TABLE_CONTEXT_MENU, columnIndex, SortOrder.DESC)(editorView.state, editorView.dispatch);
|
|
29
|
+
};
|
|
10
30
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
31
|
+
onClick: handleClick,
|
|
11
32
|
isDisabled: Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.hasMergedCellsInTable),
|
|
12
33
|
elemBefore: /*#__PURE__*/React.createElement(ArrowDownIcon, {
|
|
13
34
|
color: "currentColor",
|
|
@@ -1,13 +1,34 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
|
+
import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
|
|
4
|
+
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
3
5
|
import { tableMessages as messages } from '@atlaskit/editor-common/messages';
|
|
6
|
+
import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
|
|
7
|
+
import { getSelectionRect } from '@atlaskit/editor-tables/utils';
|
|
4
8
|
import { ArrowUpIcon, ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
9
|
+
import { sortColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
|
|
5
10
|
import { useTableMenuContext } from '../../shared/TableMenuContext';
|
|
6
|
-
export var SortIncreasingItem = function SortIncreasingItem() {
|
|
11
|
+
export var SortIncreasingItem = function SortIncreasingItem(_ref) {
|
|
12
|
+
var api = _ref.api;
|
|
13
|
+
var _useEditorToolbar = useEditorToolbar(),
|
|
14
|
+
editorView = _useEditorToolbar.editorView;
|
|
7
15
|
var tableMenuContext = useTableMenuContext();
|
|
8
16
|
var _useIntl = useIntl(),
|
|
9
17
|
formatMessage = _useIntl.formatMessage;
|
|
18
|
+
var handleClick = function handleClick() {
|
|
19
|
+
var _api$analytics;
|
|
20
|
+
if (!editorView) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
var selectionRect = getSelectionRect(editorView.state.selection);
|
|
24
|
+
var columnIndex = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.left;
|
|
25
|
+
if (columnIndex === undefined) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
sortColumnWithAnalytics(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(INPUT_METHOD.TABLE_CONTEXT_MENU, columnIndex, SortOrder.ASC)(editorView.state, editorView.dispatch);
|
|
29
|
+
};
|
|
10
30
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
31
|
+
onClick: handleClick,
|
|
11
32
|
isDisabled: Boolean(tableMenuContext === null || tableMenuContext === void 0 ? void 0 : tableMenuContext.hasMergedCellsInTable),
|
|
12
33
|
elemBefore: /*#__PURE__*/React.createElement(ArrowUpIcon, {
|
|
13
34
|
color: "currentColor",
|
|
@@ -51,6 +51,10 @@ export var ADD_COLUMN_RIGHT_ITEM = {
|
|
|
51
51
|
type: 'menu-item',
|
|
52
52
|
key: 'add-column-right'
|
|
53
53
|
};
|
|
54
|
+
export var MOVE_COLUMN_LEFT_ITEM = {
|
|
55
|
+
type: 'menu-item',
|
|
56
|
+
key: 'move-column-left'
|
|
57
|
+
};
|
|
54
58
|
export var MOVE_COLUMN_RIGHT_ITEM = {
|
|
55
59
|
type: 'menu-item',
|
|
56
60
|
key: 'move-column-right'
|
|
@@ -69,5 +73,5 @@ export var DELETE_COLUMN_ITEM = {
|
|
|
69
73
|
export var COLUMN_TOGGLE_SECTION_RANK = _defineProperty({}, HEADER_COLUMN_TOGGLE_ITEM.key, 100);
|
|
70
74
|
export var COLUMN_BACKGROUND_SECTION_RANK = _defineProperty({}, BACKGROUND_COLOR_ITEM.key, 100);
|
|
71
75
|
export var COLUMN_SORT_SECTION_RANK = _defineProperty(_defineProperty({}, SORT_INCREASING_ITEM.key, 100), SORT_DECREASING_ITEM.key, 200);
|
|
72
|
-
export var COLUMN_ADD_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ADD_COLUMN_LEFT_ITEM.key, 100), ADD_COLUMN_RIGHT_ITEM.key, 200),
|
|
76
|
+
export var COLUMN_ADD_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ADD_COLUMN_LEFT_ITEM.key, 100), ADD_COLUMN_RIGHT_ITEM.key, 200), MOVE_COLUMN_LEFT_ITEM.key, 300), MOVE_COLUMN_RIGHT_ITEM.key, 400), DISTRIBUTE_COLUMNS_ITEM.key, 500);
|
|
73
77
|
export var COLUMN_DANGER_SECTION_RANK = _defineProperty(_defineProperty({}, CLEAR_CELLS_ITEM.key, 100), DELETE_COLUMN_ITEM.key, 200);
|
|
@@ -4,5 +4,5 @@ import { getColumnMenuComponents } from '../column/getColumnMenuComponents';
|
|
|
4
4
|
import { getRowMenuComponents } from '../row/getRowMenuComponents';
|
|
5
5
|
import { getSharedItems } from './getSharedItems';
|
|
6
6
|
export var getTableMenuComponents = function getTableMenuComponents(params) {
|
|
7
|
-
return [].concat(_toConsumableArray(getRowMenuComponents(params)), _toConsumableArray(getColumnMenuComponents()), _toConsumableArray(getCellMenuComponents()), _toConsumableArray(getSharedItems(params)));
|
|
7
|
+
return [].concat(_toConsumableArray(getRowMenuComponents(params)), _toConsumableArray(getColumnMenuComponents(params)), _toConsumableArray(getCellMenuComponents()), _toConsumableArray(getSharedItems(params)));
|
|
8
8
|
};
|
|
@@ -34,13 +34,14 @@ export type PluginInjectionAPIWithA11y = ExtractInjectionAPI<TablePlugin> & {
|
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
36
|
};
|
|
37
|
-
export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'isMaxWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'wasMaxWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'isNumberColumnEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest' | 'tableRef' | 'tablePos' | 'targetCellPosition' | 'isContextualMenuOpen' | 'pluginConfig' | 'insertColumnButtonIndex' | 'insertRowButtonIndex' | 'tableWrapperTarget' | 'isCellMenuOpenByKeyboard'> & {
|
|
37
|
+
export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'isMaxWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'wasMaxWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'isNumberColumnEnabled' | 'isCommentEditor' | 'isTableScalingEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest' | 'tableRef' | 'tablePos' | 'targetCellPosition' | 'isContextualMenuOpen' | 'pluginConfig' | 'insertColumnButtonIndex' | 'insertRowButtonIndex' | 'tableWrapperTarget' | 'isCellMenuOpenByKeyboard'> & {
|
|
38
38
|
dragMenuDirection?: TableDirection;
|
|
39
39
|
dragMenuIndex?: number;
|
|
40
40
|
editorContentAreaHeight?: number;
|
|
41
41
|
isDragMenuOpen?: boolean;
|
|
42
42
|
isResizing: boolean;
|
|
43
43
|
isSizeSelectorOpen?: boolean;
|
|
44
|
+
isTableFixedColumnWidthsOptionEnabled?: boolean;
|
|
44
45
|
isTableResizing?: boolean;
|
|
45
46
|
isWholeTableInDanger?: boolean;
|
|
46
47
|
resizingTableLocalId?: string;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
|
|
2
|
-
|
|
2
|
+
import type { TableMenuComponentsParams } from '../shared/types';
|
|
3
|
+
export declare const getColumnMenuComponents: ({ api }: TableMenuComponentsParams) => RegisterComponent[];
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
2
3
|
/**
|
|
3
4
|
* Background section sits directly below `ColumnToggleSection`. Its separator
|
|
4
5
|
* exists only to divide it from the toggle section; when the toggle section
|
|
5
6
|
* is hidden, the separator must drop too so we don't render a stray rule at
|
|
6
7
|
* the very top of the menu.
|
|
7
8
|
*/
|
|
8
|
-
export declare const ColumnBackgroundSection: ({ children, }: {
|
|
9
|
+
export declare const ColumnBackgroundSection: ({ api, children, }: TableMenuComponentsParams & {
|
|
9
10
|
children?: React.ReactNode;
|
|
10
11
|
}) => React.JSX.Element;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
2
3
|
/**
|
|
3
4
|
* The toggle section currently contains only the Header column toggle. When
|
|
4
5
|
* that item is hidden, the whole section disappears so we don't render an
|
|
5
6
|
* empty wrapper (and so the section below can drop its leading separator).
|
|
6
7
|
*/
|
|
7
|
-
export declare const ColumnToggleSection: ({ children, }: {
|
|
8
|
+
export declare const ColumnToggleSection: ({ api, children, }: TableMenuComponentsParams & {
|
|
8
9
|
children?: React.ReactNode;
|
|
9
10
|
}) => React.JSX.Element | null;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
3
|
+
export declare const DistributeColumnsItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element | null;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
3
3
|
/**
|
|
4
4
|
* Header column toggle is only visible when the first column is the entire
|
|
5
5
|
* selection.
|
|
@@ -8,5 +8,9 @@ import { type TableMenuContextValue } from '../../shared/TableMenuContext';
|
|
|
8
8
|
* `ColumnBackgroundSection` (which drops its leading separator alongside)
|
|
9
9
|
* can stay in lockstep with this rule without redefining it.
|
|
10
10
|
*/
|
|
11
|
-
export declare const shouldShowHeaderColumnToggle: (
|
|
12
|
-
|
|
11
|
+
export declare const shouldShowHeaderColumnToggle: ({ isFirstColumn, isHeaderColumnAllowed, selectedColumnCount, }: {
|
|
12
|
+
isFirstColumn?: boolean;
|
|
13
|
+
isHeaderColumnAllowed?: boolean;
|
|
14
|
+
selectedColumnCount?: number;
|
|
15
|
+
}) => boolean;
|
|
16
|
+
export declare const HeaderColumnToggleItem: (props: TableMenuComponentsParams) => React.JSX.Element | null;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
3
|
+
export declare const MoveColumnRightItem: (props: TableMenuComponentsParams) => React.JSX.Element | null;
|
|
@@ -11,6 +11,7 @@ export declare const SORT_INCREASING_ITEM: MenuItemType;
|
|
|
11
11
|
export declare const SORT_DECREASING_ITEM: MenuItemType;
|
|
12
12
|
export declare const ADD_COLUMN_LEFT_ITEM: MenuItemType;
|
|
13
13
|
export declare const ADD_COLUMN_RIGHT_ITEM: MenuItemType;
|
|
14
|
+
export declare const MOVE_COLUMN_LEFT_ITEM: MenuItemType;
|
|
14
15
|
export declare const MOVE_COLUMN_RIGHT_ITEM: MenuItemType;
|
|
15
16
|
export declare const DISTRIBUTE_COLUMNS_ITEM: MenuItemType;
|
|
16
17
|
export declare const DELETE_COLUMN_ITEM: MenuItemType;
|
|
@@ -34,13 +34,14 @@ export type PluginInjectionAPIWithA11y = ExtractInjectionAPI<TablePlugin> & {
|
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
36
|
};
|
|
37
|
-
export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'isMaxWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'wasMaxWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'isNumberColumnEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest' | 'tableRef' | 'tablePos' | 'targetCellPosition' | 'isContextualMenuOpen' | 'pluginConfig' | 'insertColumnButtonIndex' | 'insertRowButtonIndex' | 'tableWrapperTarget' | 'isCellMenuOpenByKeyboard'> & {
|
|
37
|
+
export type TableSharedStateInternal = Pick<TablePluginState, 'isFullWidthModeEnabled' | 'isMaxWidthModeEnabled' | 'wasFullWidthModeEnabled' | 'wasMaxWidthModeEnabled' | 'isHeaderRowEnabled' | 'isHeaderColumnEnabled' | 'isNumberColumnEnabled' | 'isCommentEditor' | 'isTableScalingEnabled' | 'ordering' | 'isInDanger' | 'hoveredRows' | 'hoveredColumns' | 'hoveredCell' | 'isTableHovered' | 'tableNode' | 'widthToWidest' | 'tableRef' | 'tablePos' | 'targetCellPosition' | 'isContextualMenuOpen' | 'pluginConfig' | 'insertColumnButtonIndex' | 'insertRowButtonIndex' | 'tableWrapperTarget' | 'isCellMenuOpenByKeyboard'> & {
|
|
38
38
|
dragMenuDirection?: TableDirection;
|
|
39
39
|
dragMenuIndex?: number;
|
|
40
40
|
editorContentAreaHeight?: number;
|
|
41
41
|
isDragMenuOpen?: boolean;
|
|
42
42
|
isResizing: boolean;
|
|
43
43
|
isSizeSelectorOpen?: boolean;
|
|
44
|
+
isTableFixedColumnWidthsOptionEnabled?: boolean;
|
|
44
45
|
isTableResizing?: boolean;
|
|
45
46
|
isWholeTableInDanger?: boolean;
|
|
46
47
|
resizingTableLocalId?: string;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
|
|
2
|
-
|
|
2
|
+
import type { TableMenuComponentsParams } from '../shared/types';
|
|
3
|
+
export declare const getColumnMenuComponents: ({ api }: TableMenuComponentsParams) => RegisterComponent[];
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
2
3
|
/**
|
|
3
4
|
* Background section sits directly below `ColumnToggleSection`. Its separator
|
|
4
5
|
* exists only to divide it from the toggle section; when the toggle section
|
|
5
6
|
* is hidden, the separator must drop too so we don't render a stray rule at
|
|
6
7
|
* the very top of the menu.
|
|
7
8
|
*/
|
|
8
|
-
export declare const ColumnBackgroundSection: ({ children, }: {
|
|
9
|
+
export declare const ColumnBackgroundSection: ({ api, children, }: TableMenuComponentsParams & {
|
|
9
10
|
children?: React.ReactNode;
|
|
10
11
|
}) => React.JSX.Element;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
2
3
|
/**
|
|
3
4
|
* The toggle section currently contains only the Header column toggle. When
|
|
4
5
|
* that item is hidden, the whole section disappears so we don't render an
|
|
5
6
|
* empty wrapper (and so the section below can drop its leading separator).
|
|
6
7
|
*/
|
|
7
|
-
export declare const ColumnToggleSection: ({ children, }: {
|
|
8
|
+
export declare const ColumnToggleSection: ({ api, children, }: TableMenuComponentsParams & {
|
|
8
9
|
children?: React.ReactNode;
|
|
9
10
|
}) => React.JSX.Element | null;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
3
|
+
export declare const DistributeColumnsItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element | null;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
3
3
|
/**
|
|
4
4
|
* Header column toggle is only visible when the first column is the entire
|
|
5
5
|
* selection.
|
|
@@ -8,5 +8,9 @@ import { type TableMenuContextValue } from '../../shared/TableMenuContext';
|
|
|
8
8
|
* `ColumnBackgroundSection` (which drops its leading separator alongside)
|
|
9
9
|
* can stay in lockstep with this rule without redefining it.
|
|
10
10
|
*/
|
|
11
|
-
export declare const shouldShowHeaderColumnToggle: (
|
|
12
|
-
|
|
11
|
+
export declare const shouldShowHeaderColumnToggle: ({ isFirstColumn, isHeaderColumnAllowed, selectedColumnCount, }: {
|
|
12
|
+
isFirstColumn?: boolean;
|
|
13
|
+
isHeaderColumnAllowed?: boolean;
|
|
14
|
+
selectedColumnCount?: number;
|
|
15
|
+
}) => boolean;
|
|
16
|
+
export declare const HeaderColumnToggleItem: (props: TableMenuComponentsParams) => React.JSX.Element | null;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
3
|
+
export declare const MoveColumnRightItem: (props: TableMenuComponentsParams) => React.JSX.Element | null;
|
|
@@ -11,6 +11,7 @@ export declare const SORT_INCREASING_ITEM: MenuItemType;
|
|
|
11
11
|
export declare const SORT_DECREASING_ITEM: MenuItemType;
|
|
12
12
|
export declare const ADD_COLUMN_LEFT_ITEM: MenuItemType;
|
|
13
13
|
export declare const ADD_COLUMN_RIGHT_ITEM: MenuItemType;
|
|
14
|
+
export declare const MOVE_COLUMN_LEFT_ITEM: MenuItemType;
|
|
14
15
|
export declare const MOVE_COLUMN_RIGHT_ITEM: MenuItemType;
|
|
15
16
|
export declare const DISTRIBUTE_COLUMNS_ITEM: MenuItemType;
|
|
16
17
|
export declare const DELETE_COLUMN_ITEM: MenuItemType;
|
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.14",
|
|
4
4
|
"description": "Table plugin for the @atlaskit/editor",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -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": "^82.
|
|
62
|
+
"@atlaskit/tmp-editor-statsig": "^82.3.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.41.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"
|
|
@@ -169,6 +169,8 @@
|
|
|
169
169
|
}
|
|
170
170
|
},
|
|
171
171
|
"devDependencies": {
|
|
172
|
+
"react": "^18.2.0",
|
|
173
|
+
"react-dom": "^18.2.0",
|
|
172
174
|
"react-intl": "^6.6.2"
|
|
173
175
|
}
|
|
174
176
|
}
|