@atlaskit/editor-plugin-table 9.3.3 → 9.3.5

package/dist/types/ui/TableFloatingControls/NumberColumn/index.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 interface Props {
     editorView: EditorView;
@@ -15,7 +15,7 @@ interface Props {
     isDragAndDropEnabled?: boolean;
 }
 export default class NumberColumn extends Component<Props, any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private hoverRows;
     private selectRow;
     private clearHoverSelection;

package/dist/types/ui/TableFloatingControls/RowControls/DragControls.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
@@ -22,6 +22,6 @@ type DragControlsProps = {
     api?: ExtractInjectionAPI<TablePlugin>;
     selection?: Selection;
 };
-export declare const DragControls: ({ tableRef, tableNode, tableWidth, hoveredCell, tableActive, editorView, isInDanger, isResizing, isTableHovered, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, selection, }: DragControlsProps) => JSX.Element | null;
-export declare const DragControlsWithSelection: ({ editorView, tableRef, tableNode, tableWidth, tableActive, hoveredCell, isInDanger, isTableHovered, isResizing, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, }: Exclude<DragControlsProps, 'selection'>) => JSX.Element;
+export declare const DragControls: ({ tableRef, tableNode, tableWidth, hoveredCell, tableActive, editorView, isInDanger, isResizing, isTableHovered, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, selection, }: DragControlsProps) => React.JSX.Element | null;
+export declare const DragControlsWithSelection: ({ editorView, tableRef, tableNode, tableWidth, tableActive, hoveredCell, isInDanger, isTableHovered, isResizing, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, }: Exclude<DragControlsProps, 'selection'>) => React.JSX.Element;
 export {};

package/dist/types/ui/TableFloatingControls/RowDropTarget/index.d.ts

@@ -4,5 +4,5 @@ type RowDropTargetProps = {
     localId?: string;
     style?: React.CSSProperties;
 };
-declare const RowDropTarget: ({ index, localId, style }: RowDropTargetProps) => JSX.Element;
+declare const RowDropTarget: ({ index, localId, style }: RowDropTargetProps) => React.JSX.Element;
 export default RowDropTarget;

package/dist/types/ui/TableFloatingControls/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
@@ -38,5 +38,5 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
         commands: import("../../tablePluginType").TablePluginCommands;
         dependencies: import("../../tablePluginType").TablePluginDependencies;
     }> | undefined;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default TableFloatingControls;

package/dist/types/ui/TableFullWidthLabel/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const FullWidthDisplay: () => JSX.Element;
+import React from 'react';
+export declare const FullWidthDisplay: () => React.JSX.Element;

package/dist/types/ui/icons/AddColLeftIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AddColLeftIcon: () => JSX.Element;
+import React from 'react';
+export declare const AddColLeftIcon: () => React.JSX.Element;

package/dist/types/ui/icons/AddColRightIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AddColRightIcon: () => JSX.Element;
+import React from 'react';
+export declare const AddColRightIcon: () => React.JSX.Element;

package/dist/types/ui/icons/AddRowAboveIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AddRowAboveIcon: () => JSX.Element;
+import React from 'react';
+export declare const AddRowAboveIcon: () => React.JSX.Element;

package/dist/types/ui/icons/AddRowBelowIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AddRowBelowIcon: () => JSX.Element;
+import React from 'react';
+export declare const AddRowBelowIcon: () => React.JSX.Element;

package/dist/types/ui/icons/DragHandleDisabledIcon.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface DragHandleDisabledIconProps {
     style?: React.CSSProperties;
 }
-export declare const DragHandleDisabledIcon: ({ style }: DragHandleDisabledIconProps) => JSX.Element;
+export declare const DragHandleDisabledIcon: ({ style }: DragHandleDisabledIconProps) => React.JSX.Element;
 export {};

package/dist/types/ui/icons/DragHandleIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const DragHandleIcon: () => JSX.Element;
+import React from 'react';
+export declare const DragHandleIcon: () => React.JSX.Element;

package/dist/types/ui/icons/DragInMotionIcon.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface DragInMotionIconProps {
     style?: React.CSSProperties;
 }
-export declare const DragInMotionIcon: ({ style }: DragInMotionIconProps) => JSX.Element;
+export declare const DragInMotionIcon: ({ style }: DragInMotionIconProps) => React.JSX.Element;
 export {};

package/dist/types/ui/icons/MergeCellsIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const MergeCellsIcon: () => JSX.Element;
+import React from 'react';
+export declare const MergeCellsIcon: () => React.JSX.Element;

package/dist/types/ui/icons/MinimisedHandle.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const MinimisedHandleIcon: () => JSX.Element;
+import React from 'react';
+export declare const MinimisedHandleIcon: () => React.JSX.Element;

package/dist/types/ui/icons/SortingIconWrapper.d.ts

@@ -6,5 +6,5 @@ type SortingIconProps = React.ComponentProps<typeof SortingIcon>;
 type SortingIconWrapperProps = SortingIconProps & {
     api: ExtractInjectionAPI<TablePlugin>;
 };
-export declare const SortingIconWrapper: (props: SortingIconWrapperProps) => JSX.Element | null;
+export declare const SortingIconWrapper: (props: SortingIconWrapperProps) => React.JSX.Element | null;
 export {};

package/dist/types/ui/icons/SplitCellIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const SplitCellIcon: () => JSX.Element;
+import React from 'react';
+export declare const SplitCellIcon: () => React.JSX.Element;

package/dist/types-ts4.5/nodeviews/ExternalDropTargets.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const ExternalDropTargets: ({ editorView, node, getScrollOffset, getTableWrapperWidth, }: {
@@ -6,4 +6,4 @@ export declare const ExternalDropTargets: ({ editorView, node, getScrollOffset,
     node?: PMNode | undefined;
     getScrollOffset: () => number;
     getTableWrapperWidth: () => number;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;

package/dist/types-ts4.5/nodeviews/TableComponentWithSharedState.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { GetEditorFeatureFlags, getPosHandlerNode } from '@atlaskit/editor-common/types';
@@ -25,5 +25,5 @@ type TableComponentWithSharedStateProps = {
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
-export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, allowTableAlignment, allowTableResizing, }: TableComponentWithSharedStateProps) => JSX.Element | null;
+export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, allowTableAlignment, allowTableResizing, }: TableComponentWithSharedStateProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/nodeviews/TableContainer.d.ts

@@ -22,7 +22,7 @@ type ResizableTableContainerProps = {
     shouldUseIncreasedScalingPercent?: boolean;
     isCommentEditor?: boolean;
 };
-export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, lineLength, editorView, getPos, tableRef, isResizing, pluginInjectionApi, tableWrapperHeight, isWholeTableInDanger, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element>;
+export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, lineLength, editorView, getPos, tableRef, isResizing, pluginInjectionApi, tableWrapperHeight, isWholeTableInDanger, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, }: PropsWithChildren<ResizableTableContainerProps>) => React.JSX.Element>;
 type TableContainerProps = {
     node: PMNode;
     className: string;
@@ -43,5 +43,5 @@ type TableContainerProps = {
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth, lineLength }, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isWholeTableInDanger, isTableResizingEnabled, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
+export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth, lineLength }, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isWholeTableInDanger, isTableResizingEnabled, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<TableContainerProps>) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/nodeviews/TableResizer.d.ts

@@ -1,4 +1,5 @@
 import type { PropsWithChildren } from 'react';
+import React from 'react';
 import type { TableEventPayload } from '@atlaskit/editor-common/analytics';
 import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
@@ -30,5 +31,5 @@ interface TableResizerProps {
     onResizeStart?: () => void;
     disabled?: boolean;
 }
-export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, disabled, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, containerWidth, lineLength, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, isWholeTableInDanger, shouldUseIncreasedScalingPercent, pluginInjectionApi, isFullWidthModeEnabled, isCommentEditor, disabled, }: PropsWithChildren<TableResizerProps>) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/nodeviews/table.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -23,7 +23,7 @@ export default class TableView extends ReactNodeView<Props> {
     };
     setDomAttrs(node: PmNode): void;
     getNode: () => PmNode;
-    render(props: Props, forwardRef: ForwardRef): JSX.Element;
+    render(props: Props, forwardRef: ForwardRef): React.JSX.Element;
     private hasHoveredRows;
     viewShouldUpdate(nextNode: PmNode): boolean;
     ignoreMutation(mutation: MutationRecord | {

package/dist/types-ts4.5/ui/DragHandle/HandleIconComponent.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 type HandleIconProps = {
     forceDefaultHandle: boolean;
     isHandleHovered: boolean;
     hasMergedCells: boolean;
 };
-export declare const HandleIconComponent: (props: HandleIconProps) => JSX.Element;
+export declare const HandleIconComponent: (props: HandleIconProps) => React.JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import type { TableDirection } from '../../types';
 export declare const DragPreview: ({ direction, width, height, }: {
     direction: TableDirection;
     width: number;
     height: number;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -50,6 +50,6 @@ declare class FloatingDeleteButton extends Component<Props, State> {
      * @memberof FloatingDeleteButton
      */
     private handleClick;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export default FloatingDeleteButton;

package/dist/types-ts4.5/ui/FloatingDragMenu/DropdownMenu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 type DropdownMenuProps = {
     items: Array<{
@@ -32,5 +32,5 @@ type DropdownMenuProps = {
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
 };
-export declare const DropdownMenu: ({ items, section, disableKeyboardHandling, onItemActivated, handleClose, onMouseEnter, onMouseLeave, fitWidth, fitHeight, direction, mountPoint, boundariesElement, scrollableElement, }: DropdownMenuProps) => JSX.Element;
+export declare const DropdownMenu: ({ items, section, disableKeyboardHandling, onItemActivated, handleClose, onMouseEnter, onMouseLeave, fitWidth, fitHeight, direction, mountPoint, boundariesElement, scrollableElement, }: DropdownMenuProps) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
@@ -28,7 +28,7 @@ interface Props {
     isCommentEditor?: boolean;
 }
 declare const FloatingDragMenu: {
-    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableNode, direction, index, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, stickyHeaders, pluginConfig, isTableScalingEnabled, getEditorFeatureFlags, ariaNotifyPlugin, api, isCommentEditor, }: Props): JSX.Element | null;
+    ({ mountPoint, boundariesElement, scrollableElement, editorView, isOpen, tableNode, direction, index, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, stickyHeaders, pluginConfig, isTableScalingEnabled, getEditorFeatureFlags, ariaNotifyPlugin, api, isCommentEditor, }: Props): React.JSX.Element | null;
     displayName: string;
 };
 export default FloatingDragMenu;

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

@@ -30,7 +30,7 @@ export interface Props {
 export declare class FloatingInsertButton extends React.Component<Props & WrappedComponentProps, any> {
     static displayName: string;
     constructor(props: Props & WrappedComponentProps);
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     private getCellPosition;
     private insertRow;
     private insertColumn;

package/dist/types-ts4.5/ui/FloatingToolbarLabel/FloatingToolbarLabel.d.ts

@@ -12,5 +12,5 @@ interface Props {
         number
     ];
 }
-export declare const FloatingToolbarLabel: React.MemoExoticComponent<(props: Props) => JSX.Element>;
+export declare const FloatingToolbarLabel: React.MemoExoticComponent<(props: Props) => React.JSX.Element>;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { TablePlugin } from '../../../tablePluginType';
@@ -28,5 +28,5 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
         commands: import("../../../tablePluginType").TablePluginCommands;
         dependencies: import("../../../tablePluginType").TablePluginDependencies;
     }> | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface Props {
     index: number;
     localId?: string;
@@ -6,5 +6,5 @@ interface Props {
     height?: number;
     marginTop?: number;
 }
-export declare const ColumnDropTarget: ({ index, localId, width, height, marginTop }: Props) => JSX.Element;
+export declare const ColumnDropTarget: ({ index, localId, width, height, marginTop }: Props) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface Props {
     tableRef: HTMLTableElement;
     tableHeight?: number;
@@ -7,5 +7,5 @@ interface Props {
     isHeaderSticky?: boolean;
     getScrollOffset?: () => number;
 }
-export declare const ColumnDropTargets: ({ tableRef, tableHeight, localId, colWidths, isHeaderSticky, getScrollOffset, }: Props) => JSX.Element | null;
+export declare const ColumnDropTargets: ({ tableRef, tableHeight, localId, colWidths, isHeaderSticky, getScrollOffset, }: Props) => React.JSX.Element | null;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
@@ -29,5 +29,5 @@ interface Props {
     api?: PluginInjectionAPI;
     isChromelessEditor?: boolean;
 }
-declare const TableFloatingColumnControls: ({ editorView, tableRef, getNode, tableActive, hasHeaderRow, hoveredCell, isResizing, stickyHeader, selection, isInDanger, isTableHovered, tableContainerWidth, isNumberColumnEnabled, getScrollOffset, tableWrapperHeight, api, isChromelessEditor, }: Props) => JSX.Element | null;
+declare const TableFloatingColumnControls: ({ editorView, tableRef, getNode, tableActive, hasHeaderRow, hoveredCell, isResizing, stickyHeader, selection, isInDanger, isTableHovered, tableContainerWidth, isNumberColumnEnabled, getScrollOffset, tableWrapperHeight, api, isChromelessEditor, }: Props) => React.JSX.Element | null;
 export default TableFloatingColumnControls;

package/dist/types-ts4.5/ui/TableFloatingControls/FloatingControlsWithSelection.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { TablePlugin } from '../../tablePluginType';
@@ -16,5 +16,5 @@ type FloatingControlsWithSelectionProps = {
     tableActive: boolean;
     api?: ExtractInjectionAPI<TablePlugin>;
 };
-export declare const FloatingControlsWithSelection: ({ editorView, tableRef, isInDanger, isResizing, isHeaderRowEnabled, isHeaderColumnEnabled, hoveredRows, stickyTop, hoverRows, selectRow, tableActive, api, }: FloatingControlsWithSelectionProps) => JSX.Element;
+export declare const FloatingControlsWithSelection: ({ editorView, tableRef, isInDanger, isResizing, isHeaderRowEnabled, isHeaderColumnEnabled, hoveredRows, stickyTop, hoverRows, selectRow, tableActive, api, }: FloatingControlsWithSelectionProps) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 interface Props {
     editorView: EditorView;
@@ -15,7 +15,7 @@ interface Props {
     isDragAndDropEnabled?: boolean;
 }
 export default class NumberColumn extends Component<Props, any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private hoverRows;
     private selectRow;
     private clearHoverSelection;

package/dist/types-ts4.5/ui/TableFloatingControls/RowControls/DragControls.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
@@ -22,6 +22,6 @@ type DragControlsProps = {
     api?: ExtractInjectionAPI<TablePlugin>;
     selection?: Selection;
 };
-export declare const DragControls: ({ tableRef, tableNode, tableWidth, hoveredCell, tableActive, editorView, isInDanger, isResizing, isTableHovered, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, selection, }: DragControlsProps) => JSX.Element | null;
-export declare const DragControlsWithSelection: ({ editorView, tableRef, tableNode, tableWidth, tableActive, hoveredCell, isInDanger, isTableHovered, isResizing, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, }: Exclude<DragControlsProps, 'selection'>) => JSX.Element;
+export declare const DragControls: ({ tableRef, tableNode, tableWidth, hoveredCell, tableActive, editorView, isInDanger, isResizing, isTableHovered, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, selection, }: DragControlsProps) => React.JSX.Element | null;
+export declare const DragControlsWithSelection: ({ editorView, tableRef, tableNode, tableWidth, tableActive, hoveredCell, isInDanger, isTableHovered, isResizing, hoverRows, selectRow, selectRows, updateCellHoverLocation, api, }: Exclude<DragControlsProps, 'selection'>) => React.JSX.Element;
 export {};

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

@@ -4,5 +4,5 @@ type RowDropTargetProps = {
     localId?: string;
     style?: React.CSSProperties;
 };
-declare const RowDropTarget: ({ index, localId, style }: RowDropTargetProps) => JSX.Element;
+declare const RowDropTarget: ({ index, localId, style }: RowDropTargetProps) => React.JSX.Element;
 export default RowDropTarget;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { TableColumnOrdering } from '@atlaskit/custom-steps';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
@@ -38,5 +38,5 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
         commands: import("../../tablePluginType").TablePluginCommands;
         dependencies: import("../../tablePluginType").TablePluginDependencies;
     }> | undefined;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default TableFloatingControls;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const FullWidthDisplay: () => JSX.Element;
+import React from 'react';
+export declare const FullWidthDisplay: () => React.JSX.Element;

package/dist/types-ts4.5/ui/icons/AddColLeftIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AddColLeftIcon: () => JSX.Element;
+import React from 'react';
+export declare const AddColLeftIcon: () => React.JSX.Element;

package/dist/types-ts4.5/ui/icons/AddColRightIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AddColRightIcon: () => JSX.Element;
+import React from 'react';
+export declare const AddColRightIcon: () => React.JSX.Element;

package/dist/types-ts4.5/ui/icons/AddRowAboveIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AddRowAboveIcon: () => JSX.Element;
+import React from 'react';
+export declare const AddRowAboveIcon: () => React.JSX.Element;

package/dist/types-ts4.5/ui/icons/AddRowBelowIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AddRowBelowIcon: () => JSX.Element;
+import React from 'react';
+export declare const AddRowBelowIcon: () => React.JSX.Element;

package/dist/types-ts4.5/ui/icons/DragHandleDisabledIcon.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface DragHandleDisabledIconProps {
     style?: React.CSSProperties;
 }
-export declare const DragHandleDisabledIcon: ({ style }: DragHandleDisabledIconProps) => JSX.Element;
+export declare const DragHandleDisabledIcon: ({ style }: DragHandleDisabledIconProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/icons/DragHandleIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const DragHandleIcon: () => JSX.Element;
+import React from 'react';
+export declare const DragHandleIcon: () => React.JSX.Element;

package/dist/types-ts4.5/ui/icons/DragInMotionIcon.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface DragInMotionIconProps {
     style?: React.CSSProperties;
 }
-export declare const DragInMotionIcon: ({ style }: DragInMotionIconProps) => JSX.Element;
+export declare const DragInMotionIcon: ({ style }: DragInMotionIconProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/icons/MergeCellsIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const MergeCellsIcon: () => JSX.Element;
+import React from 'react';
+export declare const MergeCellsIcon: () => React.JSX.Element;

package/dist/types-ts4.5/ui/icons/MinimisedHandle.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const MinimisedHandleIcon: () => JSX.Element;
+import React from 'react';
+export declare const MinimisedHandleIcon: () => React.JSX.Element;

package/dist/types-ts4.5/ui/icons/SortingIconWrapper.d.ts

@@ -6,5 +6,5 @@ type SortingIconProps = React.ComponentProps<typeof SortingIcon>;
 type SortingIconWrapperProps = SortingIconProps & {
     api: ExtractInjectionAPI<TablePlugin>;
 };
-export declare const SortingIconWrapper: (props: SortingIconWrapperProps) => JSX.Element | null;
+export declare const SortingIconWrapper: (props: SortingIconWrapperProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/icons/SplitCellIcon.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const SplitCellIcon: () => JSX.Element;
+import React from 'react';
+export declare const SplitCellIcon: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "9.3.3",
+	"version": "9.3.5",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,9 +28,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/custom-steps": "^0.9.0",
-		"@atlaskit/editor-common": "^99.7.0",
+		"@atlaskit/editor-common": "^99.9.0",
 		"@atlaskit/editor-palette": "1.7.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.3.0",
 		"@atlaskit/editor-plugin-analytics": "^1.11.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.7.0",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
 		"@atlaskit/primitives": "^13.4.0",
 		"@atlaskit/theme": "^14.1.0",
-		"@atlaskit/tmp-editor-statsig": "^2.41.0",
+		"@atlaskit/tmp-editor-statsig": "^2.43.0",
 		"@atlaskit/toggle": "^14.1.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
@@ -143,6 +143,12 @@
 		},
 		"platform_editor_nested_tables_resizing": {
 			"type": "boolean"
+		},
+		"platform_editor_nested_tables_paste_wrap_fix": {
+			"type": "boolean"
+		},
+		"platform_editor_table_layout_shift_fix": {
+			"type": "boolean"
 		}
 	}
 }

package/src/nodeviews/toDOM.ts

@@ -5,6 +5,7 @@ import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { DOMOutputSpec, NodeSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 import { generateColgroup, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
@@ -144,7 +145,9 @@ export const tableNodeSpecWithFixedToDOM = (config: Config): NodeSpec => {
 								'--ak-editor-table-min-width': `${tableMinWidth}px`,
 								minWidth: 'var(--ak-editor-table-min-width)',
 								maxWidth: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))`,
-								width: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ${node.attrs.width})`,
+								width: fg('platform_editor_table_layout_shift_fix')
+									? `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ${node.attrs.width}px)`
+									: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ${node.attrs.width})`,
 							}),
 						},
 						[