@atlaskit/editor-plugin-table 16.4.4 → 17.0.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-table
 
+## 17.0.1
+
+### Patch Changes
+
+- [`2bd7dcf49bbf2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2bd7dcf49bbf2) -
+  [ux] [EDITOR-4452] remove the selection change after setting the background color on multiple
+  table cells behind platform_editor_table_cell_colour_change
+- Updated dependencies
+
+## 17.0.0
+
+### Major Changes
+
+- [`c774e8b6231c2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c774e8b6231c2) -
+  EDITOR-4549 Removing allowCellOptionsInFloatingToolbar as a prop as the functionality has been
+  removed and changing this prop doesn't do anything
+
 ## 16.4.4
 
 ### Patch Changes

package/dist/cjs/pm-plugins/commands/misc.js

@@ -14,6 +14,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils2 = require("@atlaskit/editor-tables/utils");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _types = require("../../types");
 var _plugin = require("../decorations/plugin");
 var _columnResizing = require("../decorations/utils/column-resizing");
@@ -224,7 +225,7 @@ var getTableElementMoveTypeBySlice = exports.getTableElementMoveTypeBySlice = fu
     var map = _tableMap.TableMap.get(currentTable.node);
     var slicedMap = _tableMap.TableMap.get(slice.content.firstChild);
     return map.width === slicedMap.width ? 'row' : map.height === slicedMap.height ? 'column' : undefined;
-  } catch (e) {
+  } catch (_unused) {
     return undefined;
   }
 };
@@ -361,11 +362,16 @@ var setMultipleCellAttrs = exports.setMultipleCellAttrs = function setMultipleCe
     }
     if (tr.docChanged && cursorPos !== undefined) {
       if (dispatch) {
-        if (cursorPos !== undefined) {
+        if ((0, _expValEquals.expValEquals)('platform_editor_table_cell_colour_change', 'isEnabled', true)) {
           editorView === null || editorView === void 0 || editorView.focus();
-          tr.setSelection(new _state.TextSelection(tr.doc.resolve(cursorPos)));
+          dispatch(tr);
+        } else {
+          if (cursorPos !== undefined) {
+            editorView === null || editorView === void 0 || editorView.focus();
+            tr.setSelection(new _state.TextSelection(tr.doc.resolve(cursorPos)));
+          }
+          dispatch(tr);
         }
-        dispatch(tr);
       }
       return true;
     }

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -472,6 +472,8 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     if (shouldCloseMenu(state)) {
       if (target && focusTarget === 'handle') {
         target === null || target === void 0 || target.focus();
+      } else if ((0, _expValEquals.expValEquals)('platform_editor_table_cell_colour_change', 'isEnabled', true)) {
+        editorView.focus();
       } else {
         editorView.dom.focus();
       }

package/dist/es2019/pm-plugins/commands/misc.js

@@ -5,6 +5,7 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findCellClosestToPos, findTable, getCellsInColumn, getCellsInRow, getSelectionRect, isSelectionType, isTableSelected, removeTable, selectColumns as selectColumnsTransform, selectColumn as selectColumnTransform, selectionCell, selectRows as selectRowsTransform, selectRow as selectRowTransform, setCellAttrs } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TableCssClassName as ClassName, TableDecorations } from '../../types';
 import { getDecorations } from '../decorations/plugin';
 import { buildColumnResizingDecorations, clearColumnResizingDecorations } from '../decorations/utils/column-resizing';
@@ -233,7 +234,7 @@ export const getTableElementMoveTypeBySlice = (slice, state) => {
     const map = TableMap.get(currentTable.node);
     const slicedMap = TableMap.get(slice.content.firstChild);
     return map.width === slicedMap.width ? 'row' : map.height === slicedMap.height ? 'column' : undefined;
-  } catch (e) {
+  } catch {
     return undefined;
   }
 };
@@ -373,11 +374,16 @@ export const setMultipleCellAttrs = (attrs, editorView) => (state, dispatch) =>
   }
   if (tr.docChanged && cursorPos !== undefined) {
     if (dispatch) {
-      if (cursorPos !== undefined) {
+      if (expValEquals('platform_editor_table_cell_colour_change', 'isEnabled', true)) {
         editorView === null || editorView === void 0 ? void 0 : editorView.focus();
-        tr.setSelection(new TextSelection(tr.doc.resolve(cursorPos)));
+        dispatch(tr);
+      } else {
+        if (cursorPos !== undefined) {
+          editorView === null || editorView === void 0 ? void 0 : editorView.focus();
+          tr.setSelection(new TextSelection(tr.doc.resolve(cursorPos)));
+        }
+        dispatch(tr);
       }
-      dispatch(tr);
     }
     return true;
   }

package/dist/es2019/ui/FloatingDragMenu/DragMenu.js

@@ -462,6 +462,8 @@ const DragMenu = /*#__PURE__*/React.memo(({
     if (shouldCloseMenu(state)) {
       if (target && focusTarget === 'handle') {
         target === null || target === void 0 ? void 0 : target.focus();
+      } else if (expValEquals('platform_editor_table_cell_colour_change', 'isEnabled', true)) {
+        editorView.focus();
       } else {
         editorView.dom.focus();
       }

package/dist/esm/pm-plugins/commands/misc.js

@@ -9,6 +9,7 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findCellClosestToPos, findTable, getCellsInColumn, getCellsInRow, getSelectionRect, isSelectionType, isTableSelected, removeTable, selectColumns as selectColumnsTransform, selectColumn as selectColumnTransform, selectionCell, selectRows as selectRowsTransform, selectRow as selectRowTransform, setCellAttrs } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TableCssClassName as ClassName, TableDecorations } from '../../types';
 import { getDecorations } from '../decorations/plugin';
 import { buildColumnResizingDecorations, clearColumnResizingDecorations } from '../decorations/utils/column-resizing';
@@ -217,7 +218,7 @@ export var getTableElementMoveTypeBySlice = function getTableElementMoveTypeBySl
     var map = TableMap.get(currentTable.node);
     var slicedMap = TableMap.get(slice.content.firstChild);
     return map.width === slicedMap.width ? 'row' : map.height === slicedMap.height ? 'column' : undefined;
-  } catch (e) {
+  } catch (_unused) {
     return undefined;
   }
 };
@@ -354,11 +355,16 @@ export var setMultipleCellAttrs = function setMultipleCellAttrs(attrs, editorVie
     }
     if (tr.docChanged && cursorPos !== undefined) {
       if (dispatch) {
-        if (cursorPos !== undefined) {
+        if (expValEquals('platform_editor_table_cell_colour_change', 'isEnabled', true)) {
           editorView === null || editorView === void 0 || editorView.focus();
-          tr.setSelection(new TextSelection(tr.doc.resolve(cursorPos)));
+          dispatch(tr);
+        } else {
+          if (cursorPos !== undefined) {
+            editorView === null || editorView === void 0 || editorView.focus();
+            tr.setSelection(new TextSelection(tr.doc.resolve(cursorPos)));
+          }
+          dispatch(tr);
         }
-        dispatch(tr);
       }
       return true;
     }

package/dist/esm/ui/FloatingDragMenu/DragMenu.js

@@ -461,6 +461,8 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     if (shouldCloseMenu(state)) {
       if (target && focusTarget === 'handle') {
         target === null || target === void 0 || target.focus();
+      } else if (expValEquals('platform_editor_table_cell_colour_change', 'isEnabled', true)) {
+        editorView.focus();
       } else {
         editorView.dom.focus();
       }

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

@@ -55,7 +55,6 @@ export interface PluginConfig {
     advanced?: boolean;
     allowAddColumnWithCustomStep?: boolean;
     allowBackgroundColor?: boolean;
-    allowCellOptionsInFloatingToolbar?: boolean;
     allowCollapse?: boolean;
     allowColumnResizing?: boolean;
     allowColumnSorting?: boolean;

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

@@ -55,7 +55,6 @@ export interface PluginConfig {
     advanced?: boolean;
     allowAddColumnWithCustomStep?: boolean;
     allowBackgroundColor?: boolean;
-    allowCellOptionsInFloatingToolbar?: boolean;
     allowCollapse?: boolean;
     allowColumnResizing?: boolean;
     allowColumnSorting?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "16.4.4",
+	"version": "17.0.1",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
 		"@atlaskit/editor-plugin-selection": "^7.0.0",
 		"@atlaskit/editor-plugin-toolbar": "^4.1.0",
 		"@atlaskit/editor-plugin-user-intent": "^5.0.0",
-		"@atlaskit/editor-plugin-width": "^8.0.0",
+		"@atlaskit/editor-plugin-width": "^8.1.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
@@ -57,7 +57,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^17.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.30.0",
+		"@atlaskit/tmp-editor-statsig": "^16.34.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.8.0",
+		"@atlaskit/editor-common": "^111.9.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"