@atlaskit/editor-plugin-table 18.1.18 → 18.1.20

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 18.1.20
+
+### Patch Changes
+
+- [`91f722df43475`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/91f722df43475) -
+  [ux] [EDITOR-5815] the fix adds a check for column width changes so that we update the table on
+  click of 'distribute columns' button. this is gated behind the
+  `platform_editor_lovability_distribute_column_fix` experiment.
+- Updated dependencies
+
+## 18.1.19
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.1.18
 
 ### Patch Changes

package/dist/cjs/nodeviews/table.js

@@ -21,6 +21,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _createPluginConfig = require("../pm-plugins/create-plugin-config");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _tableWidth = require("../pm-plugins/table-width");
@@ -263,6 +264,9 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
       if ((0, _typeof2.default)(node.attrs) !== (0, _typeof2.default)(nextNode.attrs)) {
         return true;
       }
+      if ((0, _nodes.tablesHaveDifferentColumnWidths)(node, nextNode) && (0, _expValEquals.expValEquals)('platform_editor_lovability_distribute_column_fix', 'isEnabled', true)) {
+        return true;
+      }
       var attrKeys = Object.keys(node.attrs);
       var nextAttrKeys = Object.keys(nextNode.attrs);
       if (attrKeys.length !== nextAttrKeys.length) {

package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js

@@ -787,7 +787,6 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       }, (0, _react2.jsx)("div", {
         "data-testid": "table-cell-contextual-menu",
         onMouseLeave: (0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? undefined : this.closeSubmenu,
-        onBlur: (0, _expValEquals.expValEquals)('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.closeSubmenu : undefined,
         ref: this.dropdownMenuRef
       }, (0, _react2.jsx)(_uiMenu.DropdownMenu
       //This needs be removed when the a11y is completely handled

package/dist/es2019/nodeviews/table.js

@@ -7,10 +7,11 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { pluginConfig as getPluginConfig } from '../pm-plugins/create-plugin-config';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
-import { isTableNested } from '../pm-plugins/utils/nodes';
+import { isTableNested, tablesHaveDifferentColumnWidths } from '../pm-plugins/utils/nodes';
 import { TableComponentWithSharedState } from './TableComponentWithSharedState';
 import { tableNodeSpecWithFixedToDOM } from './toDOM';
 const tableAttributes = node => {
@@ -228,6 +229,9 @@ export default class TableView extends ReactNodeView {
     if (typeof node.attrs !== typeof nextNode.attrs) {
       return true;
     }
+    if (tablesHaveDifferentColumnWidths(node, nextNode) && expValEquals('platform_editor_lovability_distribute_column_fix', 'isEnabled', true)) {
+      return true;
+    }
     const attrKeys = Object.keys(node.attrs);
     const nextAttrKeys = Object.keys(nextNode.attrs);
     if (attrKeys.length !== nextAttrKeys.length) {

package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js

@@ -843,7 +843,6 @@ export class ContextualMenu extends Component {
     }, jsx("div", {
       "data-testid": "table-cell-contextual-menu",
       onMouseLeave: expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? undefined : this.closeSubmenu,
-      onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.closeSubmenu : undefined,
       ref: this.dropdownMenuRef
     }, jsx(DropdownMenu
     //This needs be removed when the a11y is completely handled

package/dist/esm/nodeviews/table.js

@@ -17,10 +17,11 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { pluginConfig as getPluginConfig } from '../pm-plugins/create-plugin-config';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
-import { isTableNested } from '../pm-plugins/utils/nodes';
+import { isTableNested, tablesHaveDifferentColumnWidths } from '../pm-plugins/utils/nodes';
 import { TableComponentWithSharedState } from './TableComponentWithSharedState';
 import { tableNodeSpecWithFixedToDOM } from './toDOM';
 var tableAttributes = function tableAttributes(node) {
@@ -256,6 +257,9 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
       if (_typeof(node.attrs) !== _typeof(nextNode.attrs)) {
         return true;
       }
+      if (tablesHaveDifferentColumnWidths(node, nextNode) && expValEquals('platform_editor_lovability_distribute_column_fix', 'isEnabled', true)) {
+        return true;
+      }
       var attrKeys = Object.keys(node.attrs);
       var nextAttrKeys = Object.keys(nextNode.attrs);
       if (attrKeys.length !== nextAttrKeys.length) {

package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js

@@ -781,7 +781,6 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       }, jsx("div", {
         "data-testid": "table-cell-contextual-menu",
         onMouseLeave: expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? undefined : this.closeSubmenu,
-        onBlur: expValEquals('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.closeSubmenu : undefined,
         ref: this.dropdownMenuRef
       }, jsx(DropdownMenu
       //This needs be removed when the a11y is completely handled

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "18.1.18",
+	"version": "18.1.20",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^8.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^8.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^10.0.0",
-		"@atlaskit/editor-plugin-extension": "11.0.21",
+		"@atlaskit/editor-plugin-extension": "11.0.22",
 		"@atlaskit/editor-plugin-guideline": "^8.0.0",
 		"@atlaskit/editor-plugin-interaction": "^15.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^5.0.0",
@@ -56,10 +56,10 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/tmp-editor-statsig": "^51.0.0",
+		"@atlaskit/tmp-editor-statsig": "^52.1.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^11.4.0",
-		"@atlaskit/tooltip": "^21.0.0",
+		"@atlaskit/tooltip": "^21.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"classnames": "^2.2.5",
@@ -69,7 +69,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.13.0",
+		"@atlaskit/editor-common": "^112.15.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"