@atlaskit/editor-plugin-table 14.2.7 → 14.3.0

package/dist/esm/ui/DragHandle/index.js

@@ -33,8 +33,8 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     forceDefaultHandle = _ref$forceDefaultHand === void 0 ? false : _ref$forceDefaultHand,
     previewWidth = _ref.previewWidth,
     previewHeight = _ref.previewHeight,
-    onMouseOver = _ref.onMouseOver,
-    onMouseOut = _ref.onMouseOut,
+    _onMouseOver = _ref.onMouseOver,
+    _onMouseOut = _ref.onMouseOut,
     toggleDragMenu = _ref.toggleDragMenu,
     hoveredCell = _ref.hoveredCell,
     onClick = _ref.onClick,
@@ -59,6 +59,10 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   var _getDnDPluginState = getDnDPluginState(state),
     _getDnDPluginState$is = _getDnDPluginState.isDragMenuOpen,
     isDragMenuOpen = _getDnDPluginState$is === void 0 ? false : _getDnDPluginState$is;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isHovered = _useState4[0],
+    setIsHovered = _useState4[1];
   var isRow = direction === 'row';
   var isColumn = direction === 'column';
 
@@ -100,7 +104,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   }, [indexes, selection, direction, hoveredCell]);
   var handleIconProps = {
     forceDefaultHandle: forceDefaultHandle,
-    isHandleHovered: isColumnHandleHovered || isRowHandleHovered,
+    isHandleHovered: expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true) ? isHovered : isColumnHandleHovered || isRowHandleHovered,
     hasMergedCells: hasMergedCells
   };
   useEffect(function () {
@@ -207,10 +211,20 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     "aria-haspopup": "menu"
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
     ,
-    onMouseOver: onMouseOver
+    onMouseOver: function onMouseOver(e) {
+      if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
+        setIsHovered(true);
+      }
+      _onMouseOver && _onMouseOver(e);
+    }
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
     ,
-    onMouseOut: onMouseOut,
+    onMouseOut: function onMouseOut(e) {
+      if (expValEquals('platform_editor_table_drag_handle_hover', 'isEnabled', true)) {
+        setIsHovered(false);
+      }
+      _onMouseOut && _onMouseOut(e);
+    },
     onMouseUp: function onMouseUp(e) {
       // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
       // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead
@@ -291,5 +305,4 @@ var DragHandleComponentWithSharedState = function DragHandleComponentWithSharedS
     hoveredRows: hoveredRows
   });
 };
-export var DragHandle = injectIntl(DragHandleComponent);
-export var DragHandleWithSharedState = injectIntl(DragHandleComponentWithSharedState);
+export var DragHandle = injectIntl(DragHandleComponentWithSharedState);

package/dist/esm/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -6,13 +6,12 @@ import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection, hoverCell, hoverColumns, selectColumn, selectColumns } from '../../../pm-plugins/commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
 import { getRowsParams } from '../../../pm-plugins/utils/row-controls';
 import { getSelectedColumnIndexes } from '../../../pm-plugins/utils/selection';
 import { TableCssClassName as ClassName } from '../../../types';
-import { DragHandle, DragHandleWithSharedState } from '../../DragHandle';
+import { DragHandle } from '../../DragHandle';
 var getSelectedColumns = function getSelectedColumns(selection) {
   if (selection instanceof CellSelection && selection.isColSelection()) {
     var rect = getSelectionRect(selection);
@@ -168,23 +167,7 @@ export var ColumnControls = function ColumnControls(_ref) {
         position: 'relative'
       },
       "data-testid": "table-floating-column-".concat(isHover ? colIndex : isPlaceholder ? appearance : selectedColIndexes[0], "-drag-handle")
-    }, fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(DragHandleWithSharedState, {
-      isDragMenuTarget: !isHover,
-      direction: "column",
-      tableLocalId: localId || '',
-      indexes: indexes,
-      hoveredCell: hoveredCell,
-      previewWidth: previewWidth,
-      forceDefaultHandle: !isHover,
-      previewHeight: previewHeight,
-      appearance: appearance,
-      onClick: handleClick,
-      onMouseOver: handleMouseOver,
-      onMouseOut: handleMouseOut,
-      toggleDragMenu: toggleDragMenuHandler,
-      editorView: editorView,
-      api: api
-    }) : /*#__PURE__*/React.createElement(DragHandle, {
+    }, /*#__PURE__*/React.createElement(DragHandle, {
       isDragMenuTarget: !isHover,
       direction: "column",
       tableLocalId: localId || '',

package/dist/esm/ui/TableFloatingColumnControls/index.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { getColumnsWidths } from '../../pm-plugins/utils/column-controls';
 import { containsHeaderColumn } from '../../pm-plugins/utils/nodes';
@@ -94,7 +93,7 @@ var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
     isNumberColumnEnabled: isNumberColumnEnabled,
     isDragging: isDragging,
     getScrollOffset: getScrollOffset,
-    api: fg('platform_editor_table_use_shared_state_hook_fg') ? api : undefined
+    api: api
   }), isDragging && /*#__PURE__*/React.createElement(ColumnDropTargets, {
     tableRef: tableRef,
     isHeaderSticky: (stickyHeader === null || stickyHeader === void 0 ? void 0 : stickyHeader.sticky) && hasHeaderRow,

package/dist/esm/ui/TableFloatingControls/RowControls/DragControls.js

@@ -5,7 +5,6 @@ import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'reac
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
@@ -14,7 +13,7 @@ import { getRowHeights, getRowsParams } from '../../../pm-plugins/utils/row-cont
 import { getSelectedRowIndexes } from '../../../pm-plugins/utils/selection';
 import { TableCssClassName as ClassName } from '../../../types';
 import { dropTargetExtendedWidth } from '../../consts';
-import { DragHandle, DragHandleWithSharedState } from '../../DragHandle';
+import { DragHandle } from '../../DragHandle';
 import RowDropTarget from '../RowDropTarget';
 var getSelectedRows = function getSelectedRows(selection) {
   if (selection instanceof CellSelection && selection.isRowSelection()) {
@@ -157,23 +156,7 @@ export var DragControls = function DragControls(_ref) {
         pointerEvents: 'none'
       },
       "data-testid": "table-floating-row-".concat(isHover ? rowIndex : selectedRowIndexes[0], "-drag-handle")
-    }, fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(DragHandleWithSharedState, {
-      isDragMenuTarget: !isHover,
-      direction: "row",
-      tableLocalId: currentNodeLocalId,
-      indexes: indexes,
-      forceDefaultHandle: !isHover,
-      previewWidth: tableWidth,
-      previewHeight: previewHeight,
-      appearance: appearance,
-      hoveredCell: hoveredCell,
-      onClick: handleClick,
-      onMouseOver: handleMouseOver,
-      onMouseOut: handleMouseOut,
-      toggleDragMenu: toggleDragMenuHandler,
-      editorView: editorView,
-      api: api
-    }) : /*#__PURE__*/React.createElement(DragHandle, {
+    }, /*#__PURE__*/React.createElement(DragHandle, {
       isDragMenuTarget: !isHover,
       direction: "row",
       tableLocalId: currentNodeLocalId,

package/dist/esm/ui/TableFloatingControls/index.js

@@ -5,12 +5,10 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { hoverCell, hoverRows, selectRow, selectRows } from '../../pm-plugins/commands';
 import { isTableNested } from '../../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName } from '../../types';
-import { CornerControls } from './CornerControls/ClassicCornerControls';
-import { DragCornerControls, DragCornerControlsWithSelection } from './CornerControls/DragCornerControls';
+import { DragCornerControlsWithSelection } from './CornerControls/DragCornerControls';
 import { FloatingControlsWithSelection } from './FloatingControlsWithSelection';
 import NumberColumn from './NumberColumn';
-import { RowControls } from './RowControls/ClassicControls';
-import { DragControls, DragControlsWithSelection } from './RowControls/DragControls';
+import { DragControlsWithSelection } from './RowControls/DragControls';
 // Row controls
 export var TableFloatingControls = function TableFloatingControls(_ref) {
   var _findTable;
@@ -102,7 +100,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
       updateCellHoverLocation: updateCellHoverLocation,
       stickyTop: stickyTop,
       isDragAndDropEnabled: isDragAndDropEnabled
-    }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCornerControls && /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
+    }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCornerControls && /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
@@ -126,29 +124,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
       selectRows: _selectRows,
       updateCellHoverLocation: updateCellHoverLocation,
       api: api
-    })) : /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCornerControls && /*#__PURE__*/React.createElement(DragCornerControls, {
-      editorView: editorView,
-      tableRef: tableRef,
-      isInDanger: isInDanger,
-      isResizing: isResizing
-    }), /*#__PURE__*/React.createElement(DragControls, {
-      tableRef: tableRef,
-      tableNode: tableNode,
-      hoveredCell: hoveredCell,
-      isTableHovered: isTableHovered,
-      editorView: editorView,
-      tableActive: tableActive,
-      isInDanger: isInDanger,
-      isResizing: isResizing
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      ,
-      tableWidth: tableWrapperWidth,
-      hoverRows: _hoverRows,
-      selectRow: _selectRow,
-      selectRows: _selectRows,
-      updateCellHoverLocation: updateCellHoverLocation
-    }))) : fg('platform_editor_table_use_shared_state_hook_fg') ? /*#__PURE__*/React.createElement(FloatingControlsWithSelection, {
+    })) : /*#__PURE__*/React.createElement(FloatingControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
@@ -161,25 +137,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
       hoverRows: _hoverRows,
       selectRow: _selectRow,
       api: api
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CornerControls, {
-      editorView: editorView,
-      tableRef: tableRef,
-      isInDanger: isInDanger,
-      isResizing: isResizing,
-      isHeaderRowEnabled: isHeaderRowEnabled,
-      isHeaderColumnEnabled: isHeaderColumnEnabled,
-      hoveredRows: hoveredRows,
-      stickyTop: tableActive ? stickyTop : undefined
-    }), /*#__PURE__*/React.createElement(RowControls, {
-      editorView: editorView,
-      tableRef: tableRef,
-      hoverRows: _hoverRows,
-      hoveredRows: hoveredRows,
-      isInDanger: isInDanger,
-      isResizing: isResizing,
-      selectRow: _selectRow,
-      stickyTop: tableActive ? stickyTop : undefined
-    })))))
+    }))))
   );
 };
 export default TableFloatingControls;

package/dist/types/pm-plugins/utils/analytics.d.ts

@@ -2,6 +2,7 @@ import type { AnalyticsEventPayload, AnalyticsEventPayloadCallback, EditorAnalyt
 import type { HigherOrderCommand } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
 export declare function getSelectedTableInfo(selection: Selection): {
@@ -43,4 +44,5 @@ export declare const useMeasureFramerate: (config?: UseMeasureFramerateConfig) =
     endMeasure: () => number[];
     countFrames: () => void;
 };
+export declare const getWidthInfoPayload: (editorView: EditorView, editorWidth: number) => TableEventPayload;
 export {};

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

@@ -25,10 +25,7 @@ type DragHandleProps = {
     tableLocalId: string;
     toggleDragMenu?: (trigger: TriggerType, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
-export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps>;
-};
-export declare const DragHandleWithSharedState: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & {
+export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & {
     api?: ExtractInjectionAPI<TablePlugin>;
 } & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragHandleProps & {

package/dist/types-ts4.5/pm-plugins/utils/analytics.d.ts

@@ -2,6 +2,7 @@ import type { AnalyticsEventPayload, AnalyticsEventPayloadCallback, EditorAnalyt
 import type { HigherOrderCommand } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
 export declare function getSelectedTableInfo(selection: Selection): {
@@ -43,4 +44,5 @@ export declare const useMeasureFramerate: (config?: UseMeasureFramerateConfig) =
     endMeasure: () => number[];
     countFrames: () => void;
 };
+export declare const getWidthInfoPayload: (editorView: EditorView, editorWidth: number) => TableEventPayload;
 export {};

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

@@ -25,10 +25,7 @@ type DragHandleProps = {
     tableLocalId: string;
     toggleDragMenu?: (trigger: TriggerType, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
-export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<DragHandleProps & WrappedComponentProps>;
-};
-export declare const DragHandleWithSharedState: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & {
+export declare const DragHandle: React.FC<import("react-intl-next").WithIntlProps<DragHandleProps & {
     api?: ExtractInjectionAPI<TablePlugin>;
 } & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragHandleProps & {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "14.2.7",
+	"version": "14.3.0",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,16 +28,16 @@
 		"singleton": true
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.1.2",
+		"@atlaskit/adf-schema": "^51.2.0",
 		"@atlaskit/button": "^23.4.0",
-		"@atlaskit/custom-steps": "^0.13.0",
+		"@atlaskit/custom-steps": "^0.14.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^5.0.0",
-		"@atlaskit/editor-plugin-analytics": "^5.2.0",
-		"@atlaskit/editor-plugin-batch-attribute-updates": "^5.2.0",
+		"@atlaskit/editor-plugin-analytics": "^5.3.0",
+		"@atlaskit/editor-plugin-batch-attribute-updates": "^5.3.0",
 		"@atlaskit/editor-plugin-content-insertion": "^5.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^7.0.0",
-		"@atlaskit/editor-plugin-extension": "8.2.3",
+		"@atlaskit/editor-plugin-extension": "8.3.0",
 		"@atlaskit/editor-plugin-guideline": "^5.0.0",
 		"@atlaskit/editor-plugin-interaction": "^7.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^2.1.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/insm": "^0.1.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -57,9 +57,9 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/react-ufo": "^4.9.0",
+		"@atlaskit/react-ufo": "^4.10.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.28.0",
+		"@atlaskit/tmp-editor-statsig": "^12.30.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.11.0",
+		"@atlaskit/editor-common": "^109.16.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -115,21 +115,9 @@
 		"platform_editor_table_overflow_in_full_width_fix": {
 			"type": "boolean"
 		},
-		"platform_editor_table_use_shared_state_hook_fg": {
-			"type": "boolean"
-		},
 		"platform_editor_live_page_prevent_table_recreation": {
 			"type": "boolean"
 		},
-		"nested_table_control_padding_with_css": {
-			"type": "boolean"
-		},
-		"platform_editor_nested_tables_view_mode_sort": {
-			"type": "boolean"
-		},
-		"disable-sticky-scrollbar-for-nested-tables": {
-			"type": "boolean"
-		},
 		"platform_editor_nested_tables_sticky_header_bug": {
 			"type": "boolean"
 		},