@atlaskit/editor-plugin-table 22.4.7 → 22.4.9

package/dist/esm/ui/event-handlers.js

@@ -9,6 +9,7 @@ import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/u
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { cellAround, findCellRectClosestToPos, findTable, getSelectionRect, removeTable } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { addResizeHandleDecorations, clearHoverSelection, hideInsertColumnOrRowButton, hideResizeHandleLine, hoverCell, hoverColumns, selectColumn, setEditorFocus, setTableHovered, showInsertColumnButton, showInsertRowButton, showResizeHandleLine } from '../pm-plugins/commands';
 import { getPluginState as getDragDropPluginState } from '../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -20,6 +21,7 @@ import { convertHTMLCellIndexToColumnIndex, getColumnIndexMappedToColumnIndexInF
 import { getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, hasResizeHandler, isCell, isColumnControlsDecorations, isCornerButton, isDragColumnFloatingInsertDot, isDragCornerButton, isDragRowFloatingInsertDot, isInsertRowButton, isResizeHandleDecoration, isRowControlsButton, isTableContainerOrWrapper, isTableControlsButton } from '../pm-plugins/utils/dom';
 import { getAllowAddColumnCustomStep } from '../pm-plugins/utils/get-allow-add-column-custom-step';
 import { TableCssClassName as ClassName, RESIZE_HANDLE_AREA_DECORATION_GAP } from '../types';
+import { TABLE_MENU_SELECTOR } from './TableMenu/shared/consts';
 var isFocusingCalendar = function isFocusingCalendar(event) {
   return event instanceof FocusEvent && event.relatedTarget instanceof HTMLElement && event.relatedTarget.getAttribute('aria-label') === 'calendar';
 };
@@ -35,12 +37,15 @@ var isFocusingDragHandles = function isFocusingDragHandles(event) {
 var isFocusingDragHandlesClickableZone = function isFocusingDragHandlesClickableZone(event) {
   return event instanceof FocusEvent && event.relatedTarget instanceof HTMLElement && event.relatedTarget.closest('button') && event.relatedTarget.classList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE);
 };
+var isFocusingTableMenu = function isFocusingTableMenu(event) {
+  return expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && event instanceof FocusEvent && event.relatedTarget instanceof HTMLElement && Boolean(event.relatedTarget.closest(TABLE_MENU_SELECTOR));
+};
 export var handleBlur = function handleBlur(view, event) {
   var state = view.state,
     dispatch = view.dispatch;
   // IE version check for ED-4665
   // Calendar focus check for ED-10466
-  if (getBrowserInfo().ie_version !== 11 && !isFocusingCalendar(event) && !isFocusingModal(event) && !isFocusingFloatingToolbar(event) && !isFocusingDragHandles(event) && !isFocusingDragHandlesClickableZone(event)) {
+  if (getBrowserInfo().ie_version !== 11 && !isFocusingCalendar(event) && !isFocusingModal(event) && !isFocusingFloatingToolbar(event) && !isFocusingDragHandles(event) && !isFocusingDragHandlesClickableZone(event) && !isFocusingTableMenu(event)) {
     setEditorFocus(false)(state, dispatch);
   }
   event.preventDefault();

package/dist/types/pm-plugins/commands/split-cell.d.ts

@@ -1,4 +1,6 @@
 import type { Command } from '@atlaskit/editor-common/types';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const canSplitCellSelection: (selection: Selection) => boolean;
 /**
  * We need to split cell keeping the right type of cell given current table configuration.
  * We are using editor-tables splitCellWithType that allows you to choose what cell type should be.

package/dist/types/pm-plugins/transforms/merge.d.ts

@@ -1,5 +1,7 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
 export declare function mergeCells(tr: Transaction): Transaction;
+export declare function canMergeCellSelection(selection: Selection): boolean;
 export declare function canMergeCells(tr: Transaction): boolean;
 export declare function mergeEmptyColumns(table: PMNode): PMNode | null;

package/dist/types/ui/FloatingContextualMenu/CellMenuPopup.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginInjectionAPI } from '../../types';
+type CellMenuPopupProps = {
+    api: PluginInjectionAPI | undefined | null;
+    editorView: EditorView;
+    isCellMenuOpenByKeyboard?: boolean;
+    isOpen: boolean;
+    targetCellRef: Node;
+};
+export declare const CellMenuPopup: ({ api, editorView, isCellMenuOpenByKeyboard, isOpen, targetCellRef, }: CellMenuPopupProps) => React.JSX.Element;
+export {};

package/dist/types/ui/TableMenu/cell/getCellMenuComponents.d.ts

@@ -0,0 +1,2 @@
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+export declare const getCellMenuComponents: () => RegisterComponent[];

package/dist/types/ui/TableMenu/cell/items/MergeCellsItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MergeCellsItem: () => React.JSX.Element | null;

package/dist/types/ui/TableMenu/cell/items/SplitCellItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SplitCellItem: () => React.JSX.Element | null;

package/dist/types/ui/TableMenu/cell/keys.d.ts

@@ -0,0 +1,9 @@
+import type { MenuItemType, MenuSectionType, MenuType } from '@atlaskit/editor-ui-control-model';
+export declare const CELL_MENU: MenuType;
+export declare const CELL_ACTION_SECTION: MenuSectionType;
+export declare const CELL_DANGER_SECTION: MenuSectionType;
+export declare const CELL_MENU_RANK: Record<string, number>;
+export declare const MERGE_CELLS_ITEM: MenuItemType;
+export declare const SPLIT_CELL_ITEM: MenuItemType;
+export declare const CELL_ACTION_SECTION_RANK: Record<string, number>;
+export declare const CELL_DANGER_SECTION_RANK: Record<string, number>;

package/dist/types/ui/TableMenu/column/getColumnMenuComponents.d.ts

@@ -1,9 +1,2 @@
 import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
-/**
- * Returns the RegisterComponent[] array defining the column menu surface.
- *
- * This is a **UI-only stub** — all items are always visible with no conditional
- * logic and no wired actions. Functional behaviour (actions, conditional visibility)
- * will be connected in follow-up tickets.
- */
 export declare const getColumnMenuComponents: () => RegisterComponent[];

package/dist/types/ui/TableMenu/column/items/ColumnBackgroundSection.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * Background section sits directly below `ColumnToggleSection`. Its separator
+ * exists only to divide it from the toggle section; when the toggle section
+ * is hidden, the separator must drop too so we don't render a stray rule at
+ * the very top of the menu.
+ */
+export declare const ColumnBackgroundSection: ({ children, }: {
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/dist/types/ui/TableMenu/column/items/ColumnToggleSection.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * The toggle section currently contains only the Header column toggle. When
+ * that item is hidden, the whole section disappears so we don't render an
+ * empty wrapper (and so the section below can drop its leading separator).
+ */
+export declare const ColumnToggleSection: ({ children, }: {
+    children?: React.ReactNode;
+}) => React.JSX.Element | null;

package/dist/types/ui/TableMenu/column/items/DistributeColumnsItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const DistributeColumnsItem: () => React.JSX.Element;
+export declare const DistributeColumnsItem: () => React.JSX.Element | null;

package/dist/types/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts

@@ -1,2 +1,12 @@
 import React from 'react';
-export declare const HeaderColumnToggleItem: () => React.JSX.Element;
+import { type TableMenuContextValue } from '../../shared/TableMenuContext';
+/**
+ * Header column toggle is only visible when the first column is the entire
+ * selection.
+ *
+ * Exported so `ColumnToggleSection` (which can become empty) and
+ * `ColumnBackgroundSection` (which drops its leading separator alongside)
+ * can stay in lockstep with this rule without redefining it.
+ */
+export declare const shouldShowHeaderColumnToggle: (tableMenuContext?: TableMenuContextValue) => boolean;
+export declare const HeaderColumnToggleItem: () => React.JSX.Element | null;

package/dist/types/ui/TableMenu/row/getRowMenuComponents.d.ts

@@ -1,9 +1,2 @@
 import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
-/**
- * Returns the RegisterComponent[] array defining the row menu surface.
- *
- * This is a **UI-only stub** — all items are always visible with no conditional
- * logic and no wired actions. Functional behaviour (actions, conditional visibility)
- * will be connected in follow-up tickets.
- */
 export declare const getRowMenuComponents: () => RegisterComponent[];

package/dist/types/ui/TableMenu/row/items/HeaderRowToggleItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const HeaderRowToggleItem: () => React.JSX.Element;
+export declare const HeaderRowToggleItem: () => React.JSX.Element | null;

package/dist/types/ui/TableMenu/row/items/MoveRowDownItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MoveRowDownItem: () => React.JSX.Element;
+export declare const MoveRowDownItem: () => React.JSX.Element | null;

package/dist/types/ui/TableMenu/row/items/MoveRowUpItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MoveRowUpItem: () => React.JSX.Element;
+export declare const MoveRowUpItem: () => React.JSX.Element | null;

package/dist/types/ui/TableMenu/shared/TableMenu.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MenuType } from '@atlaskit/editor-ui-control-model';
 import type { PluginInjectionAPI } from '../../../types';
 type TableMenuProps = {
     api: PluginInjectionAPI | undefined | null;
+    editorView?: EditorView;
     surface: MenuType;
 };
-export declare const TableMenu: React.MemoExoticComponent<(props: TableMenuProps) => React.JSX.Element | null>;
+export declare const TableMenu: React.NamedExoticComponent<TableMenuProps>;
 export {};

package/dist/types/ui/TableMenu/shared/TableMenuContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type TableMenuContextValue = {
+    canMergeCells?: boolean;
+    canSplitCell?: boolean;
+    hasMergedCellsInTable?: boolean;
+    isFirstColumn?: boolean;
+    isFirstRow?: boolean;
+    isLastColumn?: boolean;
+    isLastRow?: boolean;
+    selectedColumnCount?: number;
+    selectedRowCount?: number;
+};
+export declare const TableMenuProvider: React.Provider<TableMenuContextValue | undefined>;
+export declare const useTableMenuContext: () => TableMenuContextValue | undefined;

package/dist/types/ui/TableMenu/shared/consts.d.ts

@@ -1 +1,2 @@
 export declare const TABLE_MENU_WIDTH = 280;
+export declare const TABLE_MENU_SELECTOR = "[data-testid=\"column-handle-menu\"], [data-testid=\"row-handle-menu\"], [data-toolbar-nested-dropdown-menu]";

package/dist/types-ts4.5/pm-plugins/commands/split-cell.d.ts

@@ -1,4 +1,6 @@
 import type { Command } from '@atlaskit/editor-common/types';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const canSplitCellSelection: (selection: Selection) => boolean;
 /**
  * We need to split cell keeping the right type of cell given current table configuration.
  * We are using editor-tables splitCellWithType that allows you to choose what cell type should be.

package/dist/types-ts4.5/pm-plugins/transforms/merge.d.ts

@@ -1,5 +1,7 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
 export declare function mergeCells(tr: Transaction): Transaction;
+export declare function canMergeCellSelection(selection: Selection): boolean;
 export declare function canMergeCells(tr: Transaction): boolean;
 export declare function mergeEmptyColumns(table: PMNode): PMNode | null;

package/dist/types-ts4.5/ui/FloatingContextualMenu/CellMenuPopup.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginInjectionAPI } from '../../types';
+type CellMenuPopupProps = {
+    api: PluginInjectionAPI | undefined | null;
+    editorView: EditorView;
+    isCellMenuOpenByKeyboard?: boolean;
+    isOpen: boolean;
+    targetCellRef: Node;
+};
+export declare const CellMenuPopup: ({ api, editorView, isCellMenuOpenByKeyboard, isOpen, targetCellRef, }: CellMenuPopupProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/TableMenu/cell/getCellMenuComponents.d.ts

@@ -0,0 +1,2 @@
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+export declare const getCellMenuComponents: () => RegisterComponent[];

package/dist/types-ts4.5/ui/TableMenu/cell/items/MergeCellsItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MergeCellsItem: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/cell/items/SplitCellItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SplitCellItem: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/cell/keys.d.ts

@@ -0,0 +1,9 @@
+import type { MenuItemType, MenuSectionType, MenuType } from '@atlaskit/editor-ui-control-model';
+export declare const CELL_MENU: MenuType;
+export declare const CELL_ACTION_SECTION: MenuSectionType;
+export declare const CELL_DANGER_SECTION: MenuSectionType;
+export declare const CELL_MENU_RANK: Record<string, number>;
+export declare const MERGE_CELLS_ITEM: MenuItemType;
+export declare const SPLIT_CELL_ITEM: MenuItemType;
+export declare const CELL_ACTION_SECTION_RANK: Record<string, number>;
+export declare const CELL_DANGER_SECTION_RANK: Record<string, number>;

package/dist/types-ts4.5/ui/TableMenu/column/getColumnMenuComponents.d.ts

@@ -1,9 +1,2 @@
 import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
-/**
- * Returns the RegisterComponent[] array defining the column menu surface.
- *
- * This is a **UI-only stub** — all items are always visible with no conditional
- * logic and no wired actions. Functional behaviour (actions, conditional visibility)
- * will be connected in follow-up tickets.
- */
 export declare const getColumnMenuComponents: () => RegisterComponent[];

package/dist/types-ts4.5/ui/TableMenu/column/items/ColumnBackgroundSection.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * Background section sits directly below `ColumnToggleSection`. Its separator
+ * exists only to divide it from the toggle section; when the toggle section
+ * is hidden, the separator must drop too so we don't render a stray rule at
+ * the very top of the menu.
+ */
+export declare const ColumnBackgroundSection: ({ children, }: {
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/items/ColumnToggleSection.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * The toggle section currently contains only the Header column toggle. When
+ * that item is hidden, the whole section disappears so we don't render an
+ * empty wrapper (and so the section below can drop its leading separator).
+ */
+export declare const ColumnToggleSection: ({ children, }: {
+    children?: React.ReactNode;
+}) => React.JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/column/items/DistributeColumnsItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const DistributeColumnsItem: () => React.JSX.Element;
+export declare const DistributeColumnsItem: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts

@@ -1,2 +1,12 @@
 import React from 'react';
-export declare const HeaderColumnToggleItem: () => React.JSX.Element;
+import { type TableMenuContextValue } from '../../shared/TableMenuContext';
+/**
+ * Header column toggle is only visible when the first column is the entire
+ * selection.
+ *
+ * Exported so `ColumnToggleSection` (which can become empty) and
+ * `ColumnBackgroundSection` (which drops its leading separator alongside)
+ * can stay in lockstep with this rule without redefining it.
+ */
+export declare const shouldShowHeaderColumnToggle: (tableMenuContext?: TableMenuContextValue) => boolean;
+export declare const HeaderColumnToggleItem: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/row/getRowMenuComponents.d.ts

@@ -1,9 +1,2 @@
 import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
-/**
- * Returns the RegisterComponent[] array defining the row menu surface.
- *
- * This is a **UI-only stub** — all items are always visible with no conditional
- * logic and no wired actions. Functional behaviour (actions, conditional visibility)
- * will be connected in follow-up tickets.
- */
 export declare const getRowMenuComponents: () => RegisterComponent[];

package/dist/types-ts4.5/ui/TableMenu/row/items/HeaderRowToggleItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const HeaderRowToggleItem: () => React.JSX.Element;
+export declare const HeaderRowToggleItem: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/row/items/MoveRowDownItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MoveRowDownItem: () => React.JSX.Element;
+export declare const MoveRowDownItem: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/row/items/MoveRowUpItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MoveRowUpItem: () => React.JSX.Element;
+export declare const MoveRowUpItem: () => React.JSX.Element | null;

package/dist/types-ts4.5/ui/TableMenu/shared/TableMenu.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MenuType } from '@atlaskit/editor-ui-control-model';
 import type { PluginInjectionAPI } from '../../../types';
 type TableMenuProps = {
     api: PluginInjectionAPI | undefined | null;
+    editorView?: EditorView;
     surface: MenuType;
 };
-export declare const TableMenu: React.MemoExoticComponent<(props: TableMenuProps) => React.JSX.Element | null>;
+export declare const TableMenu: React.NamedExoticComponent<TableMenuProps>;
 export {};

package/dist/types-ts4.5/ui/TableMenu/shared/TableMenuContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type TableMenuContextValue = {
+    canMergeCells?: boolean;
+    canSplitCell?: boolean;
+    hasMergedCellsInTable?: boolean;
+    isFirstColumn?: boolean;
+    isFirstRow?: boolean;
+    isLastColumn?: boolean;
+    isLastRow?: boolean;
+    selectedColumnCount?: number;
+    selectedRowCount?: number;
+};
+export declare const TableMenuProvider: React.Provider<TableMenuContextValue | undefined>;
+export declare const useTableMenuContext: () => TableMenuContextValue | undefined;

package/dist/types-ts4.5/ui/TableMenu/shared/consts.d.ts

@@ -1 +1,2 @@
 export declare const TABLE_MENU_WIDTH = 280;
+export declare const TABLE_MENU_SELECTOR = "[data-testid=\"column-handle-menu\"], [data-testid=\"row-handle-menu\"], [data-toolbar-nested-dropdown-menu]";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "22.4.7",
+	"version": "22.4.9",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
 		"singleton": true
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.11.0",
+		"@atlaskit/adf-schema": "^52.12.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/custom-steps": "^0.17.0",
 		"@atlaskit/editor-palette": "^2.2.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.11.0",
 		"@atlaskit/editor-tables": "^2.10.0",
-		"@atlaskit/editor-toolbar": "^1.5.0",
+		"@atlaskit/editor-toolbar": "^1.6.0",
 		"@atlaskit/editor-ui-control-model": "^1.2.0",
 		"@atlaskit/icon": "^35.0.0",
 		"@atlaskit/insm": "^0.4.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^81.1.0",
+		"@atlaskit/tmp-editor-statsig": "^81.2.0",
 		"@atlaskit/toggle": "^15.6.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
@@ -74,7 +74,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.35.0",
+		"@atlaskit/editor-common": "^114.36.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"