@atlaskit/editor-plugin-table 10.9.9 → 10.9.11

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-table
 
+## 10.9.11
+
+### Patch Changes
+
+- [#146949](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/146949)
+  [`e3ec002371c78`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3ec002371c78) -
+  [ux] Fixes Chrome specific issue when column drag handle doesn't open the drag menu after the last
+  column was selected by dragging across its columns from top to bottom.
+
+## 10.9.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.9.9
 
 ### Patch Changes

package/dist/cjs/pm-plugins/main.js

@@ -265,7 +265,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
           // Ignored via go/ees005
           // eslint-disable-next-line @atlaskit/editor/no-as-casting
           var targetClassList = event.target.classList;
-          if (targetClassList.contains(_types.TableCssClassName.CONTROLS_BUTTON) || targetClassList.contains(_types.TableCssClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(_types.TableCssClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE)) {
+          if (targetClassList.contains(_types.TableCssClassName.CONTROLS_BUTTON) || targetClassList.contains(_types.TableCssClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(_types.TableCssClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE) || targetClassList.contains(_types.TableCssClassName.DRAG_HANDLE_BUTTON_CONTAINER) && (0, _platformFeatureFlags.fg)('platform_editor_table_last_col_drag_handle_fix')) {
             return true;
           }
         }

package/dist/es2019/pm-plugins/main.js

@@ -258,7 +258,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
           // Ignored via go/ees005
           // eslint-disable-next-line @atlaskit/editor/no-as-casting
           const targetClassList = event.target.classList;
-          if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE)) {
+          if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE) || targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CONTAINER) && fg('platform_editor_table_last_col_drag_handle_fix')) {
             return true;
           }
         }

package/dist/esm/pm-plugins/main.js

@@ -258,7 +258,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
           // Ignored via go/ees005
           // eslint-disable-next-line @atlaskit/editor/no-as-casting
           var targetClassList = event.target.classList;
-          if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE)) {
+          if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON) || targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE) || targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CONTAINER) && fg('platform_editor_table_last_col_drag_handle_fix')) {
             return true;
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "10.9.9",
+	"version": "10.9.11",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/custom-steps": "^0.11.0",
-		"@atlaskit/editor-common": "^103.19.0",
+		"@atlaskit/editor-common": "^103.20.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^2.0.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
@@ -47,7 +47,7 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/icon": "^25.6.0",
-		"@atlaskit/menu": "^3.2.0",
+		"@atlaskit/menu": "^4.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.6.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
@@ -206,6 +206,9 @@
 		},
 		"platform_editor_fix_table_resizing_undo": {
 			"type": "boolean"
+		},
+		"platform_editor_table_last_col_drag_handle_fix": {
+			"type": "boolean"
 		}
 	}
 }

package/src/pm-plugins/main.ts

@@ -362,7 +362,9 @@ export const createPlugin = (
 					if (
 						targetClassList.contains(ClassName.CONTROLS_BUTTON) ||
 						targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON) ||
-						targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE)
+						targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CLICKABLE_ZONE) ||
+						(targetClassList.contains(ClassName.DRAG_HANDLE_BUTTON_CONTAINER) &&
+							fg('platform_editor_table_last_col_drag_handle_fix'))
 					) {
 						return true;
 					}

package/src/ui/TableFloatingColumnControls/ColumnControls/index.tsx

@@ -107,7 +107,7 @@ export const ColumnControls = ({
 	const hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
 
 	const rowControlStickyTop = 45;
-	const marginTop = hasHeaderRow && stickyTop !== undefined ? rowControlStickyTop ?? 0 : 0;
+	const marginTop = hasHeaderRow && stickyTop !== undefined ? (rowControlStickyTop ?? 0) : 0;
 
 	const handleClick = useCallback(
 		(event: MouseEvent) => {