@atlaskit/editor-plugin-table 12.2.1 → 12.2.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 12.2.3
+
+### Patch Changes
+
+- [`32ac245da116d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/32ac245da116d) -
+  exclude sticky header from TTVC calculation
+- Updated dependencies
+
+## 12.2.2
+
+### Patch Changes
+
+- [`20d3223b57972`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20d3223b57972) -
+  Opted out of debounced portal provider
+- Updated dependencies
+
 ## 12.2.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -1134,6 +1134,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }, allowControls && colControls), (0, _platformFeatureFlags.fg)('disable-sticky-scrollbar-for-nested-tables') ? !this.isNestedInTable ? /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _types.TableCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
+        "data-vc-nvs": "true",
         style: {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: "var(--ds-space-250, 20px)",
@@ -1148,13 +1149,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: '100%'
-        }
+        },
+        "data-vc-nvs": "true"
       })) : /*#__PURE__*/_react.default.createElement("div", {
         style: {
           width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: '100%'
-        }
+        },
+        "data-vc-nvs": "true"
       }) : /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _types.TableCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
@@ -1166,13 +1169,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           display: 'none',
           // prevent unwanted scroll during table resize without removing scrollbar container from the dom
           width: isResizing ? "var(--ds-space-0, 0px)" : '100%'
-        }
+        },
+        "data-vc-nvs": "true"
       }, /*#__PURE__*/_react.default.createElement("div", {
         style: {
           width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: '100%'
-        }
+        },
+        "data-vc-nvs": "true"
       })), /*#__PURE__*/_react.default.createElement("div", {
         contentEditable: false
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/cjs/nodeviews/TableResizer.js

@@ -540,6 +540,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
         description: formatMessage(_messages.tableMessages.resizeTable),
         keymap: _keymaps.focusTableResizer
       });
-    }
+    },
+    "data-vc-nvs": "true"
   }, children));
 };

package/dist/cjs/nodeviews/TableRow.js

@@ -104,6 +104,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
       _this.isInNestedTable = (0, _nesting.getParentOfTypeCount)(view.state.schema.nodes.table)(view.state.doc.resolve(pos)) > 1;
     }
     if (_this.isHeaderRow) {
+      _this.dom.setAttribute('data-vc-nvs', 'true');
       var _nodeVisibilityManage = (0, _nodeVisibility.nodeVisibilityManager)(view.dom),
         observe = _nodeVisibilityManage.observe;
       _this.nodeVisibilityObserverCleanupFn = observe({

package/dist/cjs/pm-plugins/view-mode-sort/index.js

@@ -139,7 +139,9 @@ var createPlugin = exports.createPlugin = function createPlugin(api, nodeViewPor
                     onKeyDown: function onKeyDown() {},
                     api: api
                   }));
-                }, element, decorationRenderKey);
+                }, element, decorationRenderKey, undefined,
+                // @portal-render-immediately
+                true);
                 return element;
               }, {
                 destroy: function destroy(node) {

package/dist/es2019/nodeviews/TableComponent.js

@@ -1110,6 +1110,7 @@ class TableComponent extends React.Component {
     }, allowControls && colControls), fg('disable-sticky-scrollbar-for-nested-tables') ? !this.isNestedInTable ? /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: ClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
+      "data-vc-nvs": "true",
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         height: "var(--ds-space-250, 20px)",
@@ -1124,13 +1125,15 @@ class TableComponent extends React.Component {
         width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         height: '100%'
-      }
+      },
+      "data-vc-nvs": "true"
     })) : /*#__PURE__*/React.createElement("div", {
       style: {
         width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         height: '100%'
-      }
+      },
+      "data-vc-nvs": "true"
     }) : /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: ClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
@@ -1142,13 +1145,15 @@ class TableComponent extends React.Component {
         display: 'none',
         // prevent unwanted scroll during table resize without removing scrollbar container from the dom
         width: isResizing ? "var(--ds-space-0, 0px)" : '100%'
-      }
+      },
+      "data-vc-nvs": "true"
     }, /*#__PURE__*/React.createElement("div", {
       style: {
         width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         height: '100%'
-      }
+      },
+      "data-vc-nvs": "true"
     })), /*#__PURE__*/React.createElement("div", {
       contentEditable: false
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/es2019/nodeviews/TableResizer.js

@@ -539,6 +539,7 @@ export const TableResizer = ({
         description: formatMessage(messages.resizeTable),
         keymap: focusTableResizer
       });
-    }
+    },
+    "data-vc-nvs": "true"
   }, children));
 };

package/dist/es2019/nodeviews/TableRow.js

@@ -89,6 +89,7 @@ export default class TableRow extends TableNodeView {
       this.isInNestedTable = getParentOfTypeCount(view.state.schema.nodes.table)(view.state.doc.resolve(pos)) > 1;
     }
     if (this.isHeaderRow) {
+      this.dom.setAttribute('data-vc-nvs', 'true');
       const {
         observe
       } = nodeVisibilityManager(view.dom);

package/dist/es2019/pm-plugins/view-mode-sort/index.js

@@ -111,7 +111,9 @@ export const createPlugin = (api, nodeViewPortalProviderAPI) => {
                   onClick: () => {},
                   onKeyDown: () => {},
                   api
-                })), element, decorationRenderKey);
+                })), element, decorationRenderKey, undefined,
+                // @portal-render-immediately
+                true);
                 return element;
               }, {
                 destroy: node => {

package/dist/esm/nodeviews/TableComponent.js

@@ -1128,6 +1128,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }, allowControls && colControls), fg('disable-sticky-scrollbar-for-nested-tables') ? !this.isNestedInTable ? /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: ClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
+        "data-vc-nvs": "true",
         style: {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: "var(--ds-space-250, 20px)",
@@ -1142,13 +1143,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: '100%'
-        }
+        },
+        "data-vc-nvs": "true"
       })) : /*#__PURE__*/React.createElement("div", {
         style: {
           width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: '100%'
-        }
+        },
+        "data-vc-nvs": "true"
       }) : /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: ClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,
@@ -1160,13 +1163,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           display: 'none',
           // prevent unwanted scroll during table resize without removing scrollbar container from the dom
           width: isResizing ? "var(--ds-space-0, 0px)" : '100%'
-        }
+        },
+        "data-vc-nvs": "true"
       }, /*#__PURE__*/React.createElement("div", {
         style: {
           width: tableRef === null || tableRef === void 0 ? void 0 : tableRef.clientWidth,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: '100%'
-        }
+        },
+        "data-vc-nvs": "true"
       })), /*#__PURE__*/React.createElement("div", {
         contentEditable: false
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/esm/nodeviews/TableResizer.js

@@ -531,6 +531,7 @@ export var TableResizer = function TableResizer(_ref) {
         description: formatMessage(messages.resizeTable),
         keymap: focusTableResizer
       });
-    }
+    },
+    "data-vc-nvs": "true"
   }, children));
 };

package/dist/esm/nodeviews/TableRow.js

@@ -97,6 +97,7 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
       _this.isInNestedTable = getParentOfTypeCount(view.state.schema.nodes.table)(view.state.doc.resolve(pos)) > 1;
     }
     if (_this.isHeaderRow) {
+      _this.dom.setAttribute('data-vc-nvs', 'true');
       var _nodeVisibilityManage = nodeVisibilityManager(view.dom),
         observe = _nodeVisibilityManage.observe;
       _this.nodeVisibilityObserverCleanupFn = observe({

package/dist/esm/pm-plugins/view-mode-sort/index.js

@@ -134,7 +134,9 @@ export var createPlugin = function createPlugin(api, nodeViewPortalProviderAPI)
                     onKeyDown: function onKeyDown() {},
                     api: api
                   }));
-                }, element, decorationRenderKey);
+                }, element, decorationRenderKey, undefined,
+                // @portal-render-immediately
+                true);
                 return element;
               }, {
                 destroy: function destroy(node) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "12.2.1",
+	"version": "12.2.3",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,10 +37,10 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^3.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^3.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
-		"@atlaskit/editor-plugin-extension": "6.1.8",
+		"@atlaskit/editor-plugin-extension": "6.1.9",
 		"@atlaskit/editor-plugin-guideline": "^3.0.0",
 		"@atlaskit/editor-plugin-interaction": "^5.0.0",
-		"@atlaskit/editor-plugin-limited-mode": "^0.0.2",
+		"@atlaskit/editor-plugin-limited-mode": "^0.0.3",
 		"@atlaskit/editor-plugin-selection": "^3.0.0",
 		"@atlaskit/editor-plugin-user-intent": "^1.1.0",
 		"@atlaskit/editor-plugin-width": "^4.0.0",
@@ -55,9 +55,9 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/react-ufo": "^4.3.0",
+		"@atlaskit/react-ufo": "^4.4.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.0.0",
+		"@atlaskit/tmp-editor-statsig": "^11.3.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.25.0",
+		"@atlaskit/editor-common": "^107.26.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"

package/src/nodeviews/TableComponent.tsx

@@ -1126,6 +1126,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 						<div
 							// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 							className={ClassName.TABLE_STICKY_SCROLLBAR_CONTAINER}
+							data-vc-nvs="true"
 							style={{
 								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 								height: token('space.250', '20px'), // MAX_BROWSER_SCROLLBAR_HEIGHT
@@ -1141,6 +1142,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 									// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 									height: '100%',
 								}}
+								data-vc-nvs="true"
 							></div>
 						</div>
 					) : (
@@ -1150,6 +1152,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 								height: '100%',
 							}}
+							data-vc-nvs="true"
 						></div>
 					)
 				) : (
@@ -1164,6 +1167,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 							// prevent unwanted scroll during table resize without removing scrollbar container from the dom
 							width: isResizing ? token('space.0', '0px') : '100%',
 						}}
+						data-vc-nvs="true"
 					>
 						<div
 							style={{
@@ -1171,6 +1175,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 								height: '100%',
 							}}
+							data-vc-nvs="true"
 						></div>
 					</div>
 				)}

package/src/nodeviews/TableResizer.tsx

@@ -875,6 +875,7 @@ export const TableResizer = ({
 						/>
 					);
 				}}
+				data-vc-nvs="true"
 			>
 				{children}
 			</ResizerNext>

package/src/nodeviews/TableRow.ts

@@ -102,6 +102,7 @@ export default class TableRow extends TableNodeView<HTMLTableRowElement> impleme
 		}
 
 		if (this.isHeaderRow) {
+			this.dom.setAttribute('data-vc-nvs', 'true');
 			const { observe } = nodeVisibilityManager(view.dom);
 			this.nodeVisibilityObserverCleanupFn = observe({
 				element: this.contentDOM,

package/src/pm-plugins/table-resizing/utils/dom.ts

@@ -108,7 +108,6 @@ export const syncStickyRowToTable = (tableRef?: HTMLElement | null) => {
 	if (!headerRow) {
 		return;
 	}
-
 	applyColWidthsToStickyRow(tableRef.querySelector('colgroup'), headerRow);
 	applyTableWidthToStickyRow(tableRef, headerRow);
 };

package/src/pm-plugins/view-mode-sort/index.ts

@@ -143,6 +143,9 @@ export const createPlugin = (
 												),
 											element,
 											decorationRenderKey,
+											undefined,
+											// @portal-render-immediately
+											true,
 										);
 
 										return element;