@atlaskit/editor-plugin-table 16.1.4 → 16.1.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 16.1.6
+
+### Patch Changes
+
+- [`8c24728c97456`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8c24728c97456) -
+  EDITOR-3638 Exclude zero intersection entries when scroll is detected
+- Updated dependencies
+
+## 16.1.5
+
+### Patch Changes
+
+- [`38de936c97015`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38de936c97015) -
+  EDITOR-3707 Fire UI event when native/ legacy sticky headers are enabled
+- Updated dependencies
+
 ## 16.1.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableRowNativeStickyWithFallback.js

@@ -13,6 +13,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _nesting = require("@atlaskit/editor-common/nesting");
 var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
 var _styles = require("@atlaskit/editor-common/styles");
@@ -112,6 +113,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
     var _getPluginState = (0, _pluginFactory.getPluginState)(view.state),
       pluginConfig = _getPluginState.pluginConfig;
     _this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
+    _this.api = api;
     if (api !== null && api !== void 0 && (_api$limitedMode = api.limitedMode) !== null && _api$limitedMode !== void 0 && (_api$limitedMode = _api$limitedMode.sharedState.currentState()) !== null && _api$limitedMode !== void 0 && (_api$limitedMode = _api$limitedMode.limitedModePluginKey.getState(view.state)) !== null && _api$limitedMode !== void 0 && _api$limitedMode.documentSizeBreachesThreshold) {
       _this.isStickyHeaderEnabled = false;
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -283,7 +285,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
              */
             entries.forEach(function (entry) {
               var tableWrapper = _this3.dom.closest(".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
-              if (tableWrapper && tableWrapper instanceof HTMLElement) {
+              if (tableWrapper && tableWrapper instanceof HTMLElement && (!(0, _dom2.areAllRectsZero)(entry) && (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_10', 'isEnabled', true) || !(0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_10', 'isEnabled', true))) {
                 if (entry.isIntersecting) {
                   tableWrapper.classList.add(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
                   _this3.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
@@ -403,6 +405,18 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
             _this4.isNativeSticky = false;
           }
           _this4.refreshLegacyStickyState();
+          if ((0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_9', 'isEnabled', true)) {
+            var _this4$api;
+            (_this4$api = _this4.api) === null || _this4$api === void 0 || (_this4$api = _this4$api.analytics) === null || _this4$api === void 0 || (_this4$api = _this4$api.actions) === null || _this4$api === void 0 || _this4$api.fireAnalyticsEvent({
+              action: _analytics.TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
+              actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+              actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
+              eventType: _analytics.EVENT_TYPE.UI,
+              attributes: {
+                nativeStickyHeaderEnabled: entry.isIntersecting
+              }
+            });
+          }
         });
       }, options);
     }

package/dist/cjs/pm-plugins/utils/dom.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTableControlsButton = exports.isTableContainerOrWrapper = exports.isRowControlsButton = exports.isResizeHandleDecoration = exports.isInsertRowButton = exports.isDragRowFloatingInsertDot = exports.isDragCornerButton = exports.isDragColumnFloatingInsertDot = exports.isCornerButton = exports.isColumnControlsDecorations = exports.isCell = exports.hasResizeHandler = exports.getTree = exports.getTop = exports.getMousePositionVerticalRelativeByElement = exports.getMousePositionHorizontalRelativeByElement = exports.getColumnOrRowIndex = exports.findNearestCellIndexToPoint = void 0;
+exports.isTableControlsButton = exports.isTableContainerOrWrapper = exports.isRowControlsButton = exports.isResizeHandleDecoration = exports.isInsertRowButton = exports.isDragRowFloatingInsertDot = exports.isDragCornerButton = exports.isDragColumnFloatingInsertDot = exports.isCornerButton = exports.isColumnControlsDecorations = exports.isCell = exports.hasResizeHandler = exports.getTree = exports.getTop = exports.getMousePositionVerticalRelativeByElement = exports.getMousePositionHorizontalRelativeByElement = exports.getColumnOrRowIndex = exports.findNearestCellIndexToPoint = exports.areAllRectsZero = void 0;
 var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("../../types");
 var isCell = exports.isCell = function isCell(node) {
@@ -202,4 +202,10 @@ var findNearestCellIndexToPoint = exports.findNearestCellIndexToPoint = function
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     col: cell.cellIndex
   };
+};
+var areAllRectsZero = exports.areAllRectsZero = function areAllRectsZero(entry) {
+  var rects = [entry.boundingClientRect, entry.rootBounds, entry.intersectionRect];
+  return rects.every(function (rect) {
+    return rect && rect.width === 0 && rect.height === 0 && rect.top === 0 && rect.left === 0 && rect.bottom === 0 && rect.right === 0 && rect.x === 0 && rect.y === 0;
+  });
 };

package/dist/es2019/nodeviews/TableRowNativeStickyWithFallback.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
+import { ACTION_SUBJECT_ID, ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { tableMarginTop } from '@atlaskit/editor-common/styles';
@@ -13,7 +14,7 @@ import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
 import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
 import { syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../pm-plugins/table-resizing/utils/dom';
-import { getTop, getTree } from '../pm-plugins/utils/dom';
+import { areAllRectsZero, getTop, getTree } from '../pm-plugins/utils/dom';
 import { supportedHeaderRow } from '../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName, TableCssClassName } from '../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../ui/consts';
@@ -97,6 +98,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       pluginConfig
     } = getPluginState(view.state);
     this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
+    this.api = api;
     if (api !== null && api !== void 0 && (_api$limitedMode = api.limitedMode) !== null && _api$limitedMode !== void 0 && (_api$limitedMode$shar = _api$limitedMode.sharedState.currentState()) !== null && _api$limitedMode$shar !== void 0 && (_api$limitedMode$shar2 = _api$limitedMode$shar.limitedModePluginKey.getState(view.state)) !== null && _api$limitedMode$shar2 !== void 0 && _api$limitedMode$shar2.documentSizeBreachesThreshold) {
       this.isStickyHeaderEnabled = false;
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -257,7 +259,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
            */
           entries.forEach(entry => {
             const tableWrapper = this.dom.closest(`.${ClassName.TABLE_NODE_WRAPPER}`);
-            if (tableWrapper && tableWrapper instanceof HTMLElement) {
+            if (tableWrapper && tableWrapper instanceof HTMLElement && (!areAllRectsZero(entry) && expValEquals('platform_editor_table_sticky_header_patch_10', 'isEnabled', true) || !expValEquals('platform_editor_table_sticky_header_patch_10', 'isEnabled', true))) {
               if (entry.isIntersecting) {
                 tableWrapper.classList.add(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
                 this.dom.classList.add(ClassName.NATIVE_STICKY);
@@ -372,6 +374,18 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
           this.isNativeSticky = false;
         }
         this.refreshLegacyStickyState();
+        if (expValEquals('platform_editor_table_sticky_header_patch_9', 'isEnabled', true)) {
+          var _this$api, _this$api$analytics, _this$api$analytics$a;
+          (_this$api = this.api) === null || _this$api === void 0 ? void 0 : (_this$api$analytics = _this$api.analytics) === null || _this$api$analytics === void 0 ? void 0 : (_this$api$analytics$a = _this$api$analytics.actions) === null || _this$api$analytics$a === void 0 ? void 0 : _this$api$analytics$a.fireAnalyticsEvent({
+            action: TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
+            actionSubject: ACTION_SUBJECT.TABLE,
+            actionSubjectId: ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
+            eventType: EVENT_TYPE.UI,
+            attributes: {
+              nativeStickyHeaderEnabled: entry.isIntersecting
+            }
+          });
+        }
       });
     }, options);
   }

package/dist/es2019/pm-plugins/utils/dom.js

@@ -173,4 +173,8 @@ export const findNearestCellIndexToPoint = (x, y) => {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     col: cell.cellIndex
   };
+};
+export const areAllRectsZero = entry => {
+  const rects = [entry.boundingClientRect, entry.rootBounds, entry.intersectionRect];
+  return rects.every(rect => rect && rect.width === 0 && rect.height === 0 && rect.top === 0 && rect.left === 0 && rect.bottom === 0 && rect.right === 0 && rect.x === 0 && rect.y === 0);
 };

package/dist/esm/nodeviews/TableRowNativeStickyWithFallback.js

@@ -8,6 +8,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
+import { ACTION_SUBJECT_ID, ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { tableMarginTop } from '@atlaskit/editor-common/styles';
@@ -20,7 +21,7 @@ import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
 import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
 import { syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../pm-plugins/table-resizing/utils/dom';
-import { getTop, getTree } from '../pm-plugins/utils/dom';
+import { areAllRectsZero, getTop, getTree } from '../pm-plugins/utils/dom';
 import { supportedHeaderRow } from '../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName, TableCssClassName } from '../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../ui/consts';
@@ -105,6 +106,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
     var _getPluginState = getPluginState(view.state),
       pluginConfig = _getPluginState.pluginConfig;
     _this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
+    _this.api = api;
     if (api !== null && api !== void 0 && (_api$limitedMode = api.limitedMode) !== null && _api$limitedMode !== void 0 && (_api$limitedMode = _api$limitedMode.sharedState.currentState()) !== null && _api$limitedMode !== void 0 && (_api$limitedMode = _api$limitedMode.limitedModePluginKey.getState(view.state)) !== null && _api$limitedMode !== void 0 && _api$limitedMode.documentSizeBreachesThreshold) {
       _this.isStickyHeaderEnabled = false;
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -276,7 +278,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
              */
             entries.forEach(function (entry) {
               var tableWrapper = _this3.dom.closest(".".concat(ClassName.TABLE_NODE_WRAPPER));
-              if (tableWrapper && tableWrapper instanceof HTMLElement) {
+              if (tableWrapper && tableWrapper instanceof HTMLElement && (!areAllRectsZero(entry) && expValEquals('platform_editor_table_sticky_header_patch_10', 'isEnabled', true) || !expValEquals('platform_editor_table_sticky_header_patch_10', 'isEnabled', true))) {
                 if (entry.isIntersecting) {
                   tableWrapper.classList.add(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
                   _this3.dom.classList.add(ClassName.NATIVE_STICKY);
@@ -396,6 +398,18 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
             _this4.isNativeSticky = false;
           }
           _this4.refreshLegacyStickyState();
+          if (expValEquals('platform_editor_table_sticky_header_patch_9', 'isEnabled', true)) {
+            var _this4$api;
+            (_this4$api = _this4.api) === null || _this4$api === void 0 || (_this4$api = _this4$api.analytics) === null || _this4$api === void 0 || (_this4$api = _this4$api.actions) === null || _this4$api === void 0 || _this4$api.fireAnalyticsEvent({
+              action: TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
+              actionSubject: ACTION_SUBJECT.TABLE,
+              actionSubjectId: ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
+              eventType: EVENT_TYPE.UI,
+              attributes: {
+                nativeStickyHeaderEnabled: entry.isIntersecting
+              }
+            });
+          }
         });
       }, options);
     }

package/dist/esm/pm-plugins/utils/dom.js

@@ -196,4 +196,10 @@ export var findNearestCellIndexToPoint = function findNearestCellIndexToPoint(x,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     col: cell.cellIndex
   };
+};
+export var areAllRectsZero = function areAllRectsZero(entry) {
+  var rects = [entry.boundingClientRect, entry.rootBounds, entry.intersectionRect];
+  return rects.every(function (rect) {
+    return rect && rect.width === 0 && rect.height === 0 && rect.top === 0 && rect.left === 0 && rect.bottom === 0 && rect.right === 0 && rect.x === 0 && rect.y === 0;
+  });
 };

package/dist/types/nodeviews/TableRowNativeStickyWithFallback.d.ts

@@ -28,6 +28,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private listening;
     private padding;
     private top;
+    private api?;
     /** Native sticky header variables */
     private overflowObserver?;
     private stickyStateObserver?;

package/dist/types/pm-plugins/utils/dom.d.ts

@@ -36,3 +36,4 @@ export declare const findNearestCellIndexToPoint: (x: number, y: number) => {
     col: number;
     row: number;
 } | undefined;
+export declare const areAllRectsZero: (entry: IntersectionObserverEntry) => boolean;

package/dist/types-ts4.5/nodeviews/TableRowNativeStickyWithFallback.d.ts

@@ -28,6 +28,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private listening;
     private padding;
     private top;
+    private api?;
     /** Native sticky header variables */
     private overflowObserver?;
     private stickyStateObserver?;

package/dist/types-ts4.5/pm-plugins/utils/dom.d.ts

@@ -39,3 +39,4 @@ export declare const findNearestCellIndexToPoint: (x: number, y: number) => {
     col: number;
     row: number;
 } | undefined;
+export declare const areAllRectsZero: (entry: IntersectionObserverEntry) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "16.1.4",
+	"version": "16.1.6",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/insm": "^0.2.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -57,10 +57,10 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.4.0",
+		"@atlaskit/tmp-editor-statsig": "^16.9.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tooltip": "^20.12.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"classnames": "^2.2.5",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.2.0",
+		"@atlaskit/editor-common": "^111.6.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"