@atlaskit/editor-plugin-table 22.4.15 → 22.4.16

package/dist/types-ts4.5/types/index.d.ts

@@ -34,7 +34,7 @@ export type PluginInjectionAPIWithA11y = ExtractInjectionAPI<TablePlugin> & {
         };
     };
 };
-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'> & {
+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' | 'activeTableMenu'> & {
     dragMenuDirection?: TableDirection;
     dragMenuIndex?: number;
     editorContentAreaHeight?: number;
@@ -85,7 +85,22 @@ export interface CellHoverMeta {
 export interface WidthToWidest {
     [tableLocalId: string]: boolean;
 }
+export type ActiveTableMenu = {
+    type: 'none';
+} | {
+    openedBy: 'mouse' | 'keyboard';
+    type: 'cell';
+} | {
+    index: number;
+    openedBy: 'mouse' | 'keyboard';
+    type: 'row';
+} | {
+    index: number;
+    openedBy: 'mouse' | 'keyboard';
+    type: 'column';
+};
 export interface TablePluginState {
+    activeTableMenu?: ActiveTableMenu;
     canCollapseTable?: boolean;
     editorHasFocus?: boolean;
     editorViewportHeight?: number;
@@ -266,6 +281,11 @@ export type TablePluginAction = {
     type: 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON';
 } | {
     type: 'TOGGLE_CONTEXTUAL_MENU';
+} | {
+    data: {
+        activeTableMenu: ActiveTableMenu;
+    };
+    type: 'SET_ACTIVE_TABLE_MENU';
 } | {
     data: {
         isCellMenuOpenByKeyboard: boolean;

package/dist/types-ts4.5/ui/FloatingContextualButton/index.d.ts

@@ -2,7 +2,9 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
+import { type PluginInjectionAPI } from '../../types';
 export interface Props {
+    api?: PluginInjectionAPI | null;
     boundariesElement?: HTMLElement;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     editorView: EditorView;

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

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

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

@@ -16,7 +16,6 @@ interface Props {
     mountPoint?: HTMLElement;
     pluginConfig?: PluginConfig;
     scrollableElement?: HTMLElement;
-    targetCellPosition?: number;
 }
 declare const FloatingContextualMenu: {
     ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, pluginConfig, editorAnalyticsAPI, getEditorContainerWidth, getEditorFeatureFlags, isCellMenuOpenByKeyboard, isCommentEditor, api, isDragMenuOpen, }: Props): JSX.Element | null;

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

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

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

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const MergeCellsItem: () => React.JSX.Element | null;
+import type { TableMenuComponentsParams } from '../../shared/types';
+export declare const MergeCellsItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element | null;

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

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const SplitCellItem: () => React.JSX.Element | null;
+import type { TableMenuComponentsParams } from '../../shared/types';
+export declare const SplitCellItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { TableMenuComponentsParams } from '../../shared/types';
-export declare const DistributeColumnsItem: ({ api, }: TableMenuComponentsParams) => React.JSX.Element | null;
+export declare const DistributeColumnsItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element | null;

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

@@ -1,7 +1,9 @@
 import React from 'react';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export type TableMenuContextValue = {
     canMergeCells?: boolean;
     canSplitCell?: boolean;
+    editorView?: EditorView;
     hasMergedCellsInTable?: boolean;
     isFirstColumn?: boolean;
     isFirstRow?: boolean;

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

@@ -3,4 +3,5 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const BackgroundColorItem: () => React.JSX.Element;
+import type { TableMenuComponentsParams } from '../types';
+export declare const BackgroundColorItem: ({ api }: TableMenuComponentsParams) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "22.4.15",
+	"version": "22.4.16",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -74,7 +74,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.46.0",
+		"@atlaskit/editor-common": "^114.47.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"