@atlaskit/editor-plugin-table 16.1.6 → 16.1.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 16.1.7
+
+### Patch Changes
+
+- [`acd81a73a9a20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/acd81a73a9a20) -
+  [ux] EDITOR-4259 Set table ref when table is rendered
+- Updated dependencies
+
 ## 16.1.6
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -926,6 +926,12 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             if (tableElement !== _this5.table) {
               _this5.table = tableElement;
               _this5.observeTable(_this5.table);
+
+              // // Update tableRef in plugin state when table is properly mounted
+              // // At this point, both table and wrapper are in DOM with correct parent-child relationship
+              if (_this5.table && _this5.props.view && (0, _expValEquals.expValEquals)('platform_editor_table_update_table_ref', 'isEnabled', true)) {
+                (0, _commands.setTableRef)(_this5.table)(_this5.props.view.state, _this5.props.view.dispatch);
+              }
             }
           }
         }

package/dist/es2019/nodeviews/TableComponent.js

@@ -13,7 +13,7 @@ import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { autoSizeTable, clearHoverSelection } from '../pm-plugins/commands';
+import { autoSizeTable, clearHoverSelection, setTableRef } from '../pm-plugins/commands';
 import { autoScrollerFactory } from '../pm-plugins/drag-and-drop/utils/autoscrollers';
 import { pluginKey as stickyHeadersPluginKey } from '../pm-plugins/sticky-headers/plugin-key';
 import { findStickyHeaderForTable } from '../pm-plugins/sticky-headers/util';
@@ -891,6 +891,12 @@ class TableComponent extends React.Component {
           if (tableElement !== this.table) {
             this.table = tableElement;
             this.observeTable(this.table);
+
+            // // Update tableRef in plugin state when table is properly mounted
+            // // At this point, both table and wrapper are in DOM with correct parent-child relationship
+            if (this.table && this.props.view && expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true)) {
+              setTableRef(this.table)(this.props.view.state, this.props.view.dispatch);
+            }
           }
         }
       }

package/dist/esm/nodeviews/TableComponent.js

@@ -26,7 +26,7 @@ import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { autoSizeTable, clearHoverSelection } from '../pm-plugins/commands';
+import { autoSizeTable, clearHoverSelection, setTableRef } from '../pm-plugins/commands';
 import { autoScrollerFactory } from '../pm-plugins/drag-and-drop/utils/autoscrollers';
 import { pluginKey as stickyHeadersPluginKey } from '../pm-plugins/sticky-headers/plugin-key';
 import { findStickyHeaderForTable } from '../pm-plugins/sticky-headers/util';
@@ -920,6 +920,12 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             if (tableElement !== _this5.table) {
               _this5.table = tableElement;
               _this5.observeTable(_this5.table);
+
+              // // Update tableRef in plugin state when table is properly mounted
+              // // At this point, both table and wrapper are in DOM with correct parent-child relationship
+              if (_this5.table && _this5.props.view && expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true)) {
+                setTableRef(_this5.table)(_this5.props.view.state, _this5.props.view.dispatch);
+              }
             }
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "16.1.6",
+	"version": "16.1.7",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.9.0",
+		"@atlaskit/tmp-editor-statsig": "^16.10.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/tooltip": "^20.12.0",