@atlaskit/editor-plugin-table 7.16.19 → 7.17.1

package/dist/esm/utils/drag-menu.js

@@ -74,6 +74,8 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
   var tableDuplicateCellColouring = arguments.length > 12 && arguments[12] !== undefined ? arguments[12] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 13 && arguments[13] !== undefined ? arguments[13] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 14 && arguments[14] !== undefined ? arguments[14] : false;
+  var tableSortColumnDiscoverability = arguments.length > 15 && arguments[15] !== undefined ? arguments[15] : false;
+  var selection = editorView.state.selection;
   var addOptions = direction === 'row' ? [{
     label: 'above',
     offset: 0,
@@ -95,7 +97,6 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
     icon: AddColRightIcon,
     keymap: addColumnAfter
   }];
-  var selection = editorView.state.selection;
   var moveOptions = direction === 'row' ? [{
     label: 'up',
     icon: ArrowUpIcon,
@@ -142,11 +143,26 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
     order: SortOrder.DESC,
     icon: HipchatChevronDoubleDownIcon
   }] : [];
-  return [].concat(_toConsumableArray(addOptions.map(function (_ref) {
+  var sortConfigs = _toConsumableArray(sortOptions.map(function (_ref) {
     var label = _ref.label,
-      offset = _ref.offset,
-      icon = _ref.icon,
-      keymap = _ref.keymap;
+      order = _ref.order,
+      icon = _ref.icon;
+    return {
+      id: "sort_column_".concat(order),
+      title: "Sort ".concat(label),
+      disabled: hasMergedCellsInTable,
+      icon: icon,
+      onClick: function onClick(state, dispatch) {
+        sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, index !== null && index !== void 0 ? index : 0, order)(state, dispatch);
+        return true;
+      }
+    };
+  }));
+  var restConfigs = [].concat(_toConsumableArray(addOptions.map(function (_ref2) {
+    var label = _ref2.label,
+      offset = _ref2.offset,
+      icon = _ref2.icon,
+      keymap = _ref2.keymap;
     return {
       id: "add_".concat(direction, "_").concat(label),
       title: "Add ".concat(direction, " ").concat(label),
@@ -203,13 +219,13 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
     },
     icon: RemoveIcon,
     keymap: direction === 'row' ? tooltip(deleteRow) : tooltip(deleteColumn)
-  }], _toConsumableArray(moveOptions.map(function (_ref2) {
-    var label = _ref2.label,
-      canMove = _ref2.canMove,
-      icon = _ref2.icon,
-      keymap = _ref2.keymap,
-      getOriginIndexes = _ref2.getOriginIndexes,
-      getTargetIndex = _ref2.getTargetIndex;
+  }], _toConsumableArray(moveOptions.map(function (_ref3) {
+    var label = _ref3.label,
+      canMove = _ref3.canMove,
+      icon = _ref3.icon,
+      keymap = _ref3.keymap,
+      getOriginIndexes = _ref3.getOriginIndexes,
+      getTargetIndex = _ref3.getTargetIndex;
     return {
       id: "move_".concat(direction, "_").concat(label),
       title: "Move ".concat(direction, " ").concat(label),
@@ -226,19 +242,8 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
       },
       keymap: keymap && tooltip(keymap)
     };
-  })), _toConsumableArray(sortOptions.map(function (_ref3) {
-    var label = _ref3.label,
-      order = _ref3.order,
-      icon = _ref3.icon;
-    return {
-      id: "sort_column_".concat(order),
-      title: "Sort ".concat(label),
-      disabled: hasMergedCellsInTable,
-      icon: icon,
-      onClick: function onClick(state, dispatch) {
-        sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, index !== null && index !== void 0 ? index : 0, order)(state, dispatch);
-        return true;
-      }
-    };
-  }))).filter(Boolean);
+  })));
+  var allConfigs = _toConsumableArray(restConfigs);
+  tableSortColumnDiscoverability ? allConfigs.unshift.apply(allConfigs, _toConsumableArray(sortConfigs)) : allConfigs.push.apply(allConfigs, _toConsumableArray(sortConfigs));
+  return allConfigs.filter(Boolean);
 };

package/dist/types/plugin.d.ts

@@ -5,6 +5,7 @@ import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibi
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -44,7 +45,8 @@ export type TablePlugin = NextEditorPlugin<'table', {
         SelectionPlugin,
         OptionalPlugin<AccessibilityUtilsPlugin>,
         OptionalPlugin<MediaPlugin>,
-        OptionalPlugin<EditorViewModePlugin>
+        OptionalPlugin<EditorViewModePlugin>,
+        OptionalPlugin<FeatureFlagsPlugin>
     ];
 }>;
 /**

package/dist/types/ui/FloatingDragMenu/DragMenu.d.ts

@@ -28,8 +28,9 @@ type DragMenuProps = {
     tableDuplicateCellColouring?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;
     isTableFixedColumnWidthsOptionEnabled?: boolean;
+    tableSortColumnDiscoverability?: boolean;
 };
-export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, isTableFixedColumnWidthsOptionEnabled, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
+export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, isTableFixedColumnWidthsOptionEnabled, tableSortColumnDiscoverability, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps>;
 };

package/dist/types/ui/FloatingDragMenu/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const cellColourPreviewStyles: (selectedColor: string) => import("@emotion/react").SerializedStyles;
 export declare const elementBeforeIconStyles: import("@emotion/react").SerializedStyles;
-export declare const dragMenuBackgroundColorStyles: import("@emotion/react").SerializedStyles;
+export declare const dragMenuBackgroundColorStyles: (tableSortColumnDiscoverability?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const toggleStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -130,7 +130,10 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>];
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
     }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
@@ -231,6 +234,9 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
         };
     }, {
         mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-    } | undefined>>]> | undefined;
+    } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+    }, import("@atlaskit/editor-common/types").FeatureFlags>>]> | undefined;
 }) => JSX.Element;
 export default ColumnControls;

package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts

@@ -111,7 +111,10 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>];
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
     }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
@@ -212,7 +215,10 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
         };
     }, {
         mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-    } | undefined>>]> | undefined;
+    } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+    }, import("@atlaskit/editor-common/types").FeatureFlags>>]> | undefined;
 }>> & {
     WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps & {
         api?: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"table", {
@@ -324,7 +330,10 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>];
+            } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>];
         }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
@@ -425,7 +434,10 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>]> | undefined;
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>]> | undefined;
     }>;
 };
 export declare const DragCornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps>> & {

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

@@ -139,7 +139,10 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>];
+        } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>];
     }, import("../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
@@ -240,6 +243,9 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
         };
     }, {
         mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-    } | undefined>>]> | undefined;
+    } | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+    }, import("@atlaskit/editor-common/types").FeatureFlags>>]> | undefined;
 }) => JSX.Element | null;
 export default TableFloatingControls;

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

@@ -54,6 +54,9 @@ export declare const TABLE_HIGHLIGHT_GAP = 10;
 export declare const TABLE_HIGHLIGHT_TOLERANCE = 2;
 export declare const STICKY_HEADER_TOGGLE_TOLERANCE_MS = 5;
 export declare const TABLE_GUIDELINE_VISIBLE_ADJUSTMENT = -68;
+export declare const TABLE_DRAG_MENU_SORT_GROUP_HEIGHT = 92;
+export declare const TABLE_DRAG_MENU_PADDING_TOP = 4;
+export declare const TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT = 6;
 export declare const dragMenuDropdownWidth = 250;
 export declare const dragTableInsertColumnButtonSize = 16;
 export declare const dropTargetExtendedWidth = 150;

package/dist/types/utils/drag-menu.d.ts

@@ -13,4 +13,4 @@ export interface DragMenuConfig extends DropdownOptionT<Command> {
     icon?: React.ComponentType<React.PropsWithChildren<IconProps>>;
     keymap?: string;
 }
-export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, canDrag: boolean, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => DragMenuConfig[];
+export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, canDrag: boolean, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, tableSortColumnDiscoverability?: boolean) => DragMenuConfig[];

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

@@ -5,6 +5,7 @@ import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibi
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -44,7 +45,8 @@ export type TablePlugin = NextEditorPlugin<'table', {
         SelectionPlugin,
         OptionalPlugin<AccessibilityUtilsPlugin>,
         OptionalPlugin<MediaPlugin>,
-        OptionalPlugin<EditorViewModePlugin>
+        OptionalPlugin<EditorViewModePlugin>,
+        OptionalPlugin<FeatureFlagsPlugin>
     ];
 }>;
 /**

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

@@ -28,8 +28,9 @@ type DragMenuProps = {
     tableDuplicateCellColouring?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;
     isTableFixedColumnWidthsOptionEnabled?: boolean;
+    tableSortColumnDiscoverability?: boolean;
 };
-export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, isTableFixedColumnWidthsOptionEnabled, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
+export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, isTableFixedColumnWidthsOptionEnabled, tableSortColumnDiscoverability, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps>;
 };

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

@@ -1,4 +1,4 @@
 export declare const cellColourPreviewStyles: (selectedColor: string) => import("@emotion/react").SerializedStyles;
 export declare const elementBeforeIconStyles: import("@emotion/react").SerializedStyles;
-export declare const dragMenuBackgroundColorStyles: import("@emotion/react").SerializedStyles;
+export declare const dragMenuBackgroundColorStyles: (tableSortColumnDiscoverability?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const toggleStyles: import("@emotion/react").SerializedStyles;

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

@@ -155,7 +155,11 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
                     };
                 }, {
                     mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-                } | undefined>>
+                } | undefined>>,
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>
             ];
         }, import("../../../plugin").TablePluginOptions | undefined>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -281,7 +285,11 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>
+        } | undefined>>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>
     ]> | undefined;
 }) => JSX.Element;
 export default ColumnControls;

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

@@ -136,7 +136,11 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                     };
                 }, {
                     mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-                } | undefined>>
+                } | undefined>>,
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>
             ];
         }, import("../../../plugin").TablePluginOptions | undefined>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -262,7 +266,11 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>
+        } | undefined>>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>
     ]> | undefined;
 }>> & {
     WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps & {
@@ -400,7 +408,11 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                         };
                     }, {
                         mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-                    } | undefined>>
+                    } | undefined>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                    }, import("@atlaskit/editor-common/types").FeatureFlags>>
                 ];
             }, import("../../../plugin").TablePluginOptions | undefined>,
             import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -526,7 +538,11 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 };
             }, {
                 mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-            } | undefined>>
+            } | undefined>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>>
         ]> | undefined;
     }>;
 };

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

@@ -164,7 +164,11 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
                     };
                 }, {
                     mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-                } | undefined>>
+                } | undefined>>,
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>>
             ];
         }, import("../../plugin").TablePluginOptions | undefined>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
@@ -290,7 +294,11 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
             };
         }, {
             mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
-        } | undefined>>
+        } | undefined>>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>>
     ]> | undefined;
 }) => JSX.Element | null;
 export default TableFloatingControls;

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

@@ -54,6 +54,9 @@ export declare const TABLE_HIGHLIGHT_GAP = 10;
 export declare const TABLE_HIGHLIGHT_TOLERANCE = 2;
 export declare const STICKY_HEADER_TOGGLE_TOLERANCE_MS = 5;
 export declare const TABLE_GUIDELINE_VISIBLE_ADJUSTMENT = -68;
+export declare const TABLE_DRAG_MENU_SORT_GROUP_HEIGHT = 92;
+export declare const TABLE_DRAG_MENU_PADDING_TOP = 4;
+export declare const TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT = 6;
 export declare const dragMenuDropdownWidth = 250;
 export declare const dragTableInsertColumnButtonSize = 16;
 export declare const dropTargetExtendedWidth = 150;

package/dist/types-ts4.5/utils/drag-menu.d.ts

@@ -13,4 +13,4 @@ export interface DragMenuConfig extends DropdownOptionT<Command> {
     icon?: React.ComponentType<React.PropsWithChildren<IconProps>>;
     keymap?: string;
 }
-export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, canDrag: boolean, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => DragMenuConfig[];
+export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, canDrag: boolean, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, tableSortColumnDiscoverability?: boolean) => DragMenuConfig[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.16.19",
+  "version": "7.17.1",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
     "@atlaskit/adf-schema": "^36.10.7",
     "@atlaskit/button": "^17.17.0",
     "@atlaskit/custom-steps": "^0.2.0",
-    "@atlaskit/editor-common": "^82.2.0",
+    "@atlaskit/editor-common": "^82.4.0",
     "@atlaskit/editor-palette": "1.6.0",
     "@atlaskit/editor-plugin-accessibility-utils": "^1.1.0",
     "@atlaskit/editor-plugin-analytics": "^1.2.0",
@@ -52,7 +52,7 @@
     "@atlaskit/primitives": "^7.0.0",
     "@atlaskit/theme": "^12.9.0",
     "@atlaskit/toggle": "^13.1.0",
-    "@atlaskit/tokens": "^1.49.0",
+    "@atlaskit/tokens": "^1.50.0",
     "@atlaskit/tooltip": "^18.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -143,9 +143,6 @@
     },
     "platform.editor.table.editor-num-col-style-changes": {
       "type": "boolean"
-    },
-    "platform.editor.drag-and-drop_wmv9t": {
-      "type": "boolean"
     }
   }
 }

package/src/nodeviews/ExternalDropTargets.tsx

@@ -53,10 +53,11 @@ export const ExternalDropTargets = ({
 				overflow: 'hidden',
 				// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 				position: 'absolute',
-				// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+				// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
 				top: `-${dropTargetExtendedWidth - tableMarginTop}px`,
 				// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 				pointerEvents: 'auto',
+				// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
 				zIndex: `${dropTargetsZIndex}`,
 			}}
 			data-testid="table-floating-column-extended-drop-targets"

package/src/plugin.tsx

@@ -30,6 +30,7 @@ import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibi
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -134,6 +135,7 @@ export type TablePlugin = NextEditorPlugin<
 			OptionalPlugin<AccessibilityUtilsPlugin>,
 			OptionalPlugin<MediaPlugin>,
 			OptionalPlugin<EditorViewModePlugin>,
+			OptionalPlugin<FeatureFlagsPlugin>,
 		];
 	}
 >;

package/src/toolbar.tsx

@@ -224,6 +224,7 @@ export const getToolbarCellOptionsConfig = (
 			},
 			selected: false,
 			disabled: false,
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 			elemAfter: <div css={shortcutStyle}>{tooltip(addColumnAfter)}</div>,
 		},
 		{
@@ -242,6 +243,7 @@ export const getToolbarCellOptionsConfig = (
 			},
 			selected: false,
 			disabled: false,
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 			elemAfter: <div css={shortcutStyle}>{tooltip(addRowAfter)}</div>,
 		},
 		{
@@ -414,6 +416,7 @@ export const getToolbarCellOptionsConfig = (
 		},
 		selected: false,
 		disabled: false,
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 		elemAfter: <div css={shortcutStyle}>{tooltip(backspace)}</div>,
 	});
 

package/src/ui/DragHandle/index.tsx

@@ -199,11 +199,13 @@ const DragHandleComponent = ({
 				data-testid="table-drag-handle-clickable-zone-button"
 				style={{
 					height: isRow
-						? `calc(100% - ${dragTableInsertColumnButtonSize}px)`
+						? // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+							`calc(100% - ${dragTableInsertColumnButtonSize}px)`
 						: `${token('space.200', '16px')}`, // 16px here because it's the size of drag handle button's large side
 					width: isRow
 						? `${token('space.200', '16px')}` // 16px here because it's the size of drag handle button's large side
-						: `calc(100% - ${dragTableInsertColumnButtonSize}px)`,
+						: // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+							`calc(100% - ${dragTableInsertColumnButtonSize}px)`,
 					left: isRow ? `${token('space.050', '4px')}` : undefined,
 					bottom: isColumn ? `${token('space.0', '0px')}` : undefined,
 					alignSelf: isColumn ? 'none' : 'center',

package/src/ui/FloatingContextualButton/FixedButton.tsx

@@ -160,7 +160,7 @@ export const FixedButton = ({
 					position: 'fixed',
 					// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 					top: stickyHeader.top + stickyHeader.padding + offset * 2,
-					// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+					// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
 					zIndex: akEditorTableCellOnStickyHeaderZIndex,
 					// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 					left: calcLeftPos({

package/src/ui/FloatingContextualButton/index.tsx

@@ -77,7 +77,9 @@ const FloatingContextualButtonInner = React.memo((props: Props & WrappedComponen
 	const button = (
 		<div
 			css={[
+				// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 				tableFloatingCellButtonStyles(),
+				// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 				isContextualMenuOpen && tableFloatingCellButtonSelectedStyles(),
 			]}
 		>

package/src/ui/FloatingContextualButton/styles.ts

@@ -7,14 +7,17 @@ import { contextualMenuTriggerSize } from '../consts';
 
 export const tableFloatingCellButtonStyles = () =>
 	css({
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 		'> div': {
 			// Sits behind button to provide surface-color background
 			background: token('elevation.surface', N20),
 			borderRadius: token('border.radius', '3px'),
 			display: 'flex',
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 			height: `${contextualMenuTriggerSize + 2}px`,
 			flexDirection: 'column',
 		},
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 		'&& button': {
 			background: token('color.background.neutral', 'none'),
 			flexDirection: 'column',
@@ -25,15 +28,19 @@ export const tableFloatingCellButtonStyles = () =>
 			height: 'calc(100% - 4px)',
 			display: 'flex',
 		},
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 		'&& button:hover': {
 			background: token('color.background.neutral.hovered', N30A),
 		},
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 		'&& button:active': {
 			background: token('color.background.neutral.pressed', 'rgba(179, 212, 255, 0.6)'),
 		},
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 		'&& button > span': {
 			margin: `0px ${token('space.negative.050', '-4px')}`,
 		},
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 		'&& span': {
 			pointerEvents: 'none',
 		},
@@ -41,12 +48,15 @@ export const tableFloatingCellButtonStyles = () =>
 
 export const tableFloatingCellButtonSelectedStyles = () =>
 	css({
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 		'&& button': {
 			background: token('color.background.selected', N700),
 		},
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 		'&& button:hover': {
 			background: token('color.background.selected.hovered', N700),
 		},
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 		'&& button:active': {
 			background: token('color.background.selected.pressed', N700),
 		},