@atlaskit/editor-plugin-table 24.6.1 → 25.0.0

package/dist/types/nodeviews/rounded-table-edges.d.ts

@@ -1,4 +1,19 @@
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+type RoundedTableCellEdgeState = {
+    reachesBottom: boolean;
+    reachesLeft: boolean;
+    reachesRight: boolean;
+    reachesTop: boolean;
+};
+/**
+ * Returns the rounded-edge membership for a cell offset.
+ *
+ * The first lookup for a table scans only the TableMap's four borders and caches edge cells.
+ * Interior cells have no cache entry and require no DOM attributes. Subsequent cell nodeview
+ * constructors perform an O(1) lookup. The cache is keyed by the immutable table node, so
+ * structural document changes naturally create a fresh entry.
+ */
+export declare const getRoundedTableCellEdgeState: (tableNode: PmNode, cellOffset: number) => RoundedTableCellEdgeState | undefined;
 /**
  * Keeps a table's rounded-corner edge attributes in sync as its shape changes.
  *
@@ -24,3 +39,4 @@ export declare class RoundedTableEdges {
     destroy(): void;
     private scheduleRefresh;
 }
+export {};

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

@@ -434,24 +434,19 @@ export declare const TableCssClassName: {
     TABLE_HEADER_CELL: 'pm-table-header-content-wrap';
     TABLE_HEADER_CELL_WRAPPER: 'pm-table-header-content-wrap';
     TABLE_LEFT_BORDER: 'pm-table-left-border';
-    TABLE_LEFT_SHADOW: 'pm-table-with-left-shadow';
     TABLE_NODE_WRAPPER: 'pm-table-wrapper';
     TABLE_NODE_WRAPPER_NO_OVERFLOW: 'pm-table-wrapper-no-overflow';
     TABLE_RESIZER_CONTAINER: 'pm-table-resizer-container';
     TABLE_RIGHT_BORDER: 'pm-table-right-border';
-    TABLE_RIGHT_SHADOW: 'pm-table-with-right-shadow';
     TABLE_ROW_CONTROLS_WRAPPER: 'pm-table-row-controls-wrapper';
     TABLE_SCROLL_INLINE_SHADOW: 'pm-table-scroll-inline-shadow';
     TABLE_SELECTED: string;
-    TABLE_SHADOW_SENTINEL_LEFT: 'pm-table-shadow-sentinel-left';
-    TABLE_SHADOW_SENTINEL_RIGHT: 'pm-table-shadow-sentinel-right';
     TABLE_STICKY: string;
     TABLE_STICKY_SCROLLBAR_CONTAINER: 'pm-table-sticky-scrollbar-container';
     TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM: 'pm-table-sticky-scrollbar-sentinel-bottom';
     TABLE_STICKY_SCROLLBAR_SENTINEL_TOP: 'pm-table-sticky-scrollbar-sentinel-top';
     TABLE_STICKY_SENTINEL_BOTTOM: 'pm-table-sticky-sentinel-bottom';
     TABLE_STICKY_SENTINEL_TOP: 'pm-table-sticky-sentinel-top';
-    TABLE_STICKY_SHADOW: 'pm-table-sticky-shadow';
     TABLE_STICKY_WRAPPER: 'pm-table-sticky-wrapper';
     TABLE_VIEW_CONTENT_WRAP: 'tableView-content-wrap';
     TOP_LEFT_CELL: string;
@@ -487,10 +482,6 @@ export interface ToolbarMenuState {
 export interface ToolbarMenuContext {
     formatMessage: IntlShape['formatMessage'];
 }
-export declare enum ShadowEvent {
-    SHOW_BEFORE_SHADOW = "showBeforeShadow",
-    SHOW_AFTER_SHADOW = "showAfterShadow"
-}
 export type ReportInvalidNodeAttrs = (invalidNodeAttrs: InvalidNodeAttr) => void;
 export type InvalidNodeAttr = {
     attribute: string;

package/dist/types/ui/consts.d.ts

@@ -45,8 +45,6 @@ export declare const contextualMenuDropdownWidthDnD = 250;
 export declare const stickyRowZIndex: number;
 export declare const stickyRowOffsetTop = 8;
 export declare const stickyHeaderBorderBottomWidth = 1;
-export declare const tableOverflowShadowWidth = 8;
-export declare const tableOverflowShadowWidthWide = 32;
 export declare const tablePopupMenuFitHeight = 188;
 export declare const tableColumnControlsHeight = 24;
 export declare const nativeStickyHeaderZIndex: number;

package/dist/types/ui/ui-styles.d.ts

@@ -9,8 +9,6 @@ export declare const insertColumnButtonWrapper: () => SerializedStyles;
 export declare const insertRowButtonWrapper: () => SerializedStyles;
 export declare const columnControlsLineMarker: () => SerializedStyles;
 export declare const DeleteButton: () => SerializedStyles;
-export declare const OverflowShadow: () => SerializedStyles;
-export declare const OverflowShadowLessPadding: (tableOverflowShadowWidth: number) => SerializedStyles;
 export declare const floatingColumnControls: () => SerializedStyles;
 export declare const rowControlsWrapperDotStyle: () => SerializedStyles;
 export declare const columnControlsDecoration: () => SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "24.6.1",
+	"version": "25.0.0",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,20 +24,20 @@
 		"@atlaskit/button": "^25.0.0",
 		"@atlaskit/custom-steps": "^1.0.0",
 		"@atlaskit/editor-palette": "^3.4.0",
-		"@atlaskit/editor-plugin-accessibility-utils": "^12.1.0",
-		"@atlaskit/editor-plugin-analytics": "^12.1.0",
-		"@atlaskit/editor-plugin-batch-attribute-updates": "^12.1.0",
-		"@atlaskit/editor-plugin-content-insertion": "^12.1.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^14.1.0",
-		"@atlaskit/editor-plugin-extension": "15.1.3",
-		"@atlaskit/editor-plugin-guideline": "^12.1.0",
-		"@atlaskit/editor-plugin-interaction": "^23.1.0",
-		"@atlaskit/editor-plugin-limited-mode": "^9.1.0",
-		"@atlaskit/editor-plugin-selection": "^12.1.0",
-		"@atlaskit/editor-plugin-toolbar": "^9.1.0",
-		"@atlaskit/editor-plugin-ui-control-registry": "^6.1.0",
-		"@atlaskit/editor-plugin-user-intent": "^10.2.0",
-		"@atlaskit/editor-plugin-width": "^13.1.0",
+		"@atlaskit/editor-plugin-accessibility-utils": "^13.0.0",
+		"@atlaskit/editor-plugin-analytics": "^13.0.0",
+		"@atlaskit/editor-plugin-batch-attribute-updates": "^13.0.0",
+		"@atlaskit/editor-plugin-content-insertion": "^13.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^15.0.0",
+		"@atlaskit/editor-plugin-extension": "16.0.0",
+		"@atlaskit/editor-plugin-guideline": "^13.0.0",
+		"@atlaskit/editor-plugin-interaction": "^24.0.0",
+		"@atlaskit/editor-plugin-limited-mode": "^10.0.0",
+		"@atlaskit/editor-plugin-selection": "^13.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^10.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^7.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^11.0.0",
+		"@atlaskit/editor-plugin-width": "^14.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-tables": "^3.0.0",
@@ -53,7 +53,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
 		"@atlaskit/primitives": "^22.2.0",
-		"@atlaskit/tmp-editor-statsig": "^137.0.0",
+		"@atlaskit/tmp-editor-statsig": "^138.0.0",
 		"@atlaskit/toggle": "^17.1.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^24.0.0",
@@ -68,7 +68,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.51.0",
+		"@atlaskit/editor-common": "^117.0.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"

package/dist/cjs/nodeviews/OverflowShadowsObserver.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OverflowShadowsObserver = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _rafSchd = _interopRequireDefault(require("raf-schd"));
-var _types = require("../types");
-var _updateOverflowShadows = require("./update-overflow-shadows");
-var OverflowShadowsObserver = exports.OverflowShadowsObserver = /*#__PURE__*/function () {
-  // updateShadowState is a method to update shadow key
-  function OverflowShadowsObserver(updateShadowState, _table, wrapper) {
-    var _this = this;
-    (0, _classCallCheck2.default)(this, OverflowShadowsObserver);
-    (0, _defineProperty2.default)(this, "leftShadowSentinel", null);
-    (0, _defineProperty2.default)(this, "rightShadowSentinel", null);
-    (0, _defineProperty2.default)(this, "shadowsObserved", false);
-    (0, _defineProperty2.default)(this, "isSticky", false);
-    (0, _defineProperty2.default)(this, "stickyRowHeight", 0);
-    (0, _defineProperty2.default)(this, "init", function () {
-      var table = _this.table;
-      if (!_this.wrapper || !table) {
-        return;
-      }
-      if (!_this.tableIntersectionObserver) {
-        var intersectonOnbserverCallback = function intersectonOnbserverCallback(entry) {
-          if (entry.target !== _this.leftShadowSentinel && entry.target !== _this.rightShadowSentinel) {
-            return;
-          }
-          _this.updateStickyShadowsHeightIfChanged();
-          _this.updateShadowState(_this.leftShadowSentinel === entry.target ? _types.ShadowEvent.SHOW_BEFORE_SHADOW : _types.ShadowEvent.SHOW_AFTER_SHADOW, entry.intersectionRatio !== 1);
-        };
-        _this.tableIntersectionObserver = new IntersectionObserver(function (entries, _) {
-          entries.forEach(function (entry) {
-            return intersectonOnbserverCallback(entry);
-          });
-        }, {
-          threshold: [0, 1],
-          root: _this.wrapper,
-          rootMargin: '0px'
-        });
-        return;
-      }
-    });
-    (0, _defineProperty2.default)(this, "observeShadowSentinels", function (isSticky) {
-      var _this$table, _this$table2;
-      if (_this.isSticky === isSticky) {
-        return;
-      }
-      _this.isSticky = !!isSticky;
-
-      // reset height
-      _this.stickyRowHeight = 0;
-      // update sticky shadows
-      _this.updateStickyShadowsHeightIfChanged();
-      _this.leftShadowSentinel = (_this$table = _this.table) === null || _this$table === void 0 ? void 0 : _this$table.querySelector(".".concat(_types.TableCssClassName.TABLE_SHADOW_SENTINEL_LEFT));
-      _this.rightShadowSentinel = (_this$table2 = _this.table) === null || _this$table2 === void 0 ? void 0 : _this$table2.querySelector(".".concat(_types.TableCssClassName.TABLE_SHADOW_SENTINEL_RIGHT));
-      if (_this.tableIntersectionObserver && _this.leftShadowSentinel && _this.rightShadowSentinel && !_this.shadowsObserved) {
-        _this.tableIntersectionObserver.disconnect();
-        _this.tableIntersectionObserver.observe(_this.leftShadowSentinel);
-        _this.tableIntersectionObserver.observe(_this.rightShadowSentinel);
-        _this.shadowsObserved = true;
-      }
-    });
-    /**
-     * Takes a heightStyle if it can be computed in a less expensive manner,
-     * e.g. bounds on an IntersectionObserverEntry, otherwise proceed with
-     * reading it from sticky cell
-     */
-    (0, _defineProperty2.default)(this, "updateStickyShadows", (0, _rafSchd.default)(function (stickyRowHeight) {
-      var _this$wrapper;
-      if (!_this.isSticky) {
-        return;
-      }
-      var stickyCell = _this.getStickyCell();
-      if (!stickyCell || !((_this$wrapper = _this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement)) {
-        return;
-      }
-
-      // Reflow Warning! - stickyCell.clientHeight
-      var newStickyRowHeight = stickyRowHeight || stickyCell.clientHeight + 1;
-      if (newStickyRowHeight !== _this.stickyRowHeight) {
-        var _this$wrapper2, _this$wrapper3;
-        _this.stickyRowHeight = newStickyRowHeight;
-        var heightStyleOrCompute = "".concat(newStickyRowHeight, "px");
-        // Use getElementsByClassName here for a live node list to capture
-        // sticky shadows
-        var liveRightShadows = (_this$wrapper2 = _this.wrapper) === null || _this$wrapper2 === void 0 || (_this$wrapper2 = _this$wrapper2.parentElement) === null || _this$wrapper2 === void 0 ? void 0 : _this$wrapper2.getElementsByClassName("".concat(_types.TableCssClassName.TABLE_RIGHT_SHADOW));
-        var liveLeftShadows = (_this$wrapper3 = _this.wrapper) === null || _this$wrapper3 === void 0 || (_this$wrapper3 = _this$wrapper3.parentElement) === null || _this$wrapper3 === void 0 ? void 0 : _this$wrapper3.getElementsByClassName("".concat(_types.TableCssClassName.TABLE_LEFT_SHADOW));
-        (0, _updateOverflowShadows.updateShadowListForStickyStyles)(heightStyleOrCompute, liveLeftShadows);
-        (0, _updateOverflowShadows.updateShadowListForStickyStyles)(heightStyleOrCompute, liveRightShadows);
-      }
-    }));
-    this.updateShadowState = updateShadowState;
-    this.table = _table;
-    this.wrapper = wrapper;
-    this.init();
-  }
-  return (0, _createClass2.default)(OverflowShadowsObserver, [{
-    key: "updateStickyShadowsHeightIfChanged",
-    value: function updateStickyShadowsHeightIfChanged() {
-      if (!this.isSticky) {
-        return;
-      }
-      var stickyCell = this.getStickyCell();
-      if (!stickyCell) {
-        return;
-      }
-      this.updateStickyShadows();
-    }
-  }, {
-    key: "getStickyCell",
-    value: function getStickyCell() {
-      var _this$wrapper4;
-      var stickyRow = (_this$wrapper4 = this.wrapper) === null || _this$wrapper4 === void 0 ? void 0 : _this$wrapper4.querySelector('tr.sticky');
-      var stickyCell = stickyRow && stickyRow.firstElementChild;
-      return stickyCell;
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      if (this.tableIntersectionObserver) {
-        this.tableIntersectionObserver.disconnect();
-        this.tableIntersectionObserver = undefined;
-      }
-    }
-  }]);
-}();

package/dist/cjs/nodeviews/update-overflow-shadows.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateShadowListForStickyStyles = void 0;
-var _types = require("../types");
-var updateShadowListForStickyStyles = exports.updateShadowListForStickyStyles = function updateShadowListForStickyStyles(heightStyle, shadows) {
-  Array.from(shadows).forEach(function (shadow) {
-    if (shadow.classList.contains(_types.TableCssClassName.TABLE_STICKY_SHADOW)) {
-      if (shadow instanceof HTMLElement && shadow.style.height !== heightStyle) {
-        shadow.style.height = heightStyle;
-      }
-    }
-  });
-};

package/dist/es2019/nodeviews/OverflowShadowsObserver.js

@@ -1,112 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import rafSchedule from 'raf-schd';
-import { TableCssClassName as ClassName, ShadowEvent } from '../types';
-import { updateShadowListForStickyStyles } from './update-overflow-shadows';
-export class OverflowShadowsObserver {
-  // updateShadowState is a method to update shadow key
-  constructor(updateShadowState, _table, wrapper) {
-    _defineProperty(this, "leftShadowSentinel", null);
-    _defineProperty(this, "rightShadowSentinel", null);
-    _defineProperty(this, "shadowsObserved", false);
-    _defineProperty(this, "isSticky", false);
-    _defineProperty(this, "stickyRowHeight", 0);
-    _defineProperty(this, "init", () => {
-      const table = this.table;
-      if (!this.wrapper || !table) {
-        return;
-      }
-      if (!this.tableIntersectionObserver) {
-        const intersectonOnbserverCallback = entry => {
-          if (entry.target !== this.leftShadowSentinel && entry.target !== this.rightShadowSentinel) {
-            return;
-          }
-          this.updateStickyShadowsHeightIfChanged();
-          this.updateShadowState(this.leftShadowSentinel === entry.target ? ShadowEvent.SHOW_BEFORE_SHADOW : ShadowEvent.SHOW_AFTER_SHADOW, entry.intersectionRatio !== 1);
-        };
-        this.tableIntersectionObserver = new IntersectionObserver((entries, _) => {
-          entries.forEach(entry => intersectonOnbserverCallback(entry));
-        }, {
-          threshold: [0, 1],
-          root: this.wrapper,
-          rootMargin: '0px'
-        });
-        return;
-      }
-    });
-    _defineProperty(this, "observeShadowSentinels", isSticky => {
-      var _this$table, _this$table2;
-      if (this.isSticky === isSticky) {
-        return;
-      }
-      this.isSticky = !!isSticky;
-
-      // reset height
-      this.stickyRowHeight = 0;
-      // update sticky shadows
-      this.updateStickyShadowsHeightIfChanged();
-      this.leftShadowSentinel = (_this$table = this.table) === null || _this$table === void 0 ? void 0 : _this$table.querySelector(`.${ClassName.TABLE_SHADOW_SENTINEL_LEFT}`);
-      this.rightShadowSentinel = (_this$table2 = this.table) === null || _this$table2 === void 0 ? void 0 : _this$table2.querySelector(`.${ClassName.TABLE_SHADOW_SENTINEL_RIGHT}`);
-      if (this.tableIntersectionObserver && this.leftShadowSentinel && this.rightShadowSentinel && !this.shadowsObserved) {
-        this.tableIntersectionObserver.disconnect();
-        this.tableIntersectionObserver.observe(this.leftShadowSentinel);
-        this.tableIntersectionObserver.observe(this.rightShadowSentinel);
-        this.shadowsObserved = true;
-      }
-    });
-    /**
-     * Takes a heightStyle if it can be computed in a less expensive manner,
-     * e.g. bounds on an IntersectionObserverEntry, otherwise proceed with
-     * reading it from sticky cell
-     */
-    _defineProperty(this, "updateStickyShadows", rafSchedule(stickyRowHeight => {
-      var _this$wrapper;
-      if (!this.isSticky) {
-        return;
-      }
-      const stickyCell = this.getStickyCell();
-      if (!stickyCell || !((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement)) {
-        return;
-      }
-
-      // Reflow Warning! - stickyCell.clientHeight
-      const newStickyRowHeight = stickyRowHeight || stickyCell.clientHeight + 1;
-      if (newStickyRowHeight !== this.stickyRowHeight) {
-        var _this$wrapper2, _this$wrapper2$parent, _this$wrapper3, _this$wrapper3$parent;
-        this.stickyRowHeight = newStickyRowHeight;
-        const heightStyleOrCompute = `${newStickyRowHeight}px`;
-        // Use getElementsByClassName here for a live node list to capture
-        // sticky shadows
-        const liveRightShadows = (_this$wrapper2 = this.wrapper) === null || _this$wrapper2 === void 0 ? void 0 : (_this$wrapper2$parent = _this$wrapper2.parentElement) === null || _this$wrapper2$parent === void 0 ? void 0 : _this$wrapper2$parent.getElementsByClassName(`${ClassName.TABLE_RIGHT_SHADOW}`);
-        const liveLeftShadows = (_this$wrapper3 = this.wrapper) === null || _this$wrapper3 === void 0 ? void 0 : (_this$wrapper3$parent = _this$wrapper3.parentElement) === null || _this$wrapper3$parent === void 0 ? void 0 : _this$wrapper3$parent.getElementsByClassName(`${ClassName.TABLE_LEFT_SHADOW}`);
-        updateShadowListForStickyStyles(heightStyleOrCompute, liveLeftShadows);
-        updateShadowListForStickyStyles(heightStyleOrCompute, liveRightShadows);
-      }
-    }));
-    this.updateShadowState = updateShadowState;
-    this.table = _table;
-    this.wrapper = wrapper;
-    this.init();
-  }
-  updateStickyShadowsHeightIfChanged() {
-    if (!this.isSticky) {
-      return;
-    }
-    const stickyCell = this.getStickyCell();
-    if (!stickyCell) {
-      return;
-    }
-    this.updateStickyShadows();
-  }
-  getStickyCell() {
-    var _this$wrapper4;
-    const stickyRow = (_this$wrapper4 = this.wrapper) === null || _this$wrapper4 === void 0 ? void 0 : _this$wrapper4.querySelector('tr.sticky');
-    const stickyCell = stickyRow && stickyRow.firstElementChild;
-    return stickyCell;
-  }
-  dispose() {
-    if (this.tableIntersectionObserver) {
-      this.tableIntersectionObserver.disconnect();
-      this.tableIntersectionObserver = undefined;
-    }
-  }
-}

package/dist/es2019/nodeviews/update-overflow-shadows.js

@@ -1,10 +0,0 @@
-import { TableCssClassName as ClassName } from '../types';
-export const updateShadowListForStickyStyles = (heightStyle, shadows) => {
-  Array.from(shadows).forEach(shadow => {
-    if (shadow.classList.contains(ClassName.TABLE_STICKY_SHADOW)) {
-      if (shadow instanceof HTMLElement && shadow.style.height !== heightStyle) {
-        shadow.style.height = heightStyle;
-      }
-    }
-  });
-};

package/dist/esm/nodeviews/OverflowShadowsObserver.js

@@ -1,125 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import rafSchedule from 'raf-schd';
-import { TableCssClassName as ClassName, ShadowEvent } from '../types';
-import { updateShadowListForStickyStyles } from './update-overflow-shadows';
-export var OverflowShadowsObserver = /*#__PURE__*/function () {
-  // updateShadowState is a method to update shadow key
-  function OverflowShadowsObserver(updateShadowState, _table, wrapper) {
-    var _this = this;
-    _classCallCheck(this, OverflowShadowsObserver);
-    _defineProperty(this, "leftShadowSentinel", null);
-    _defineProperty(this, "rightShadowSentinel", null);
-    _defineProperty(this, "shadowsObserved", false);
-    _defineProperty(this, "isSticky", false);
-    _defineProperty(this, "stickyRowHeight", 0);
-    _defineProperty(this, "init", function () {
-      var table = _this.table;
-      if (!_this.wrapper || !table) {
-        return;
-      }
-      if (!_this.tableIntersectionObserver) {
-        var intersectonOnbserverCallback = function intersectonOnbserverCallback(entry) {
-          if (entry.target !== _this.leftShadowSentinel && entry.target !== _this.rightShadowSentinel) {
-            return;
-          }
-          _this.updateStickyShadowsHeightIfChanged();
-          _this.updateShadowState(_this.leftShadowSentinel === entry.target ? ShadowEvent.SHOW_BEFORE_SHADOW : ShadowEvent.SHOW_AFTER_SHADOW, entry.intersectionRatio !== 1);
-        };
-        _this.tableIntersectionObserver = new IntersectionObserver(function (entries, _) {
-          entries.forEach(function (entry) {
-            return intersectonOnbserverCallback(entry);
-          });
-        }, {
-          threshold: [0, 1],
-          root: _this.wrapper,
-          rootMargin: '0px'
-        });
-        return;
-      }
-    });
-    _defineProperty(this, "observeShadowSentinels", function (isSticky) {
-      var _this$table, _this$table2;
-      if (_this.isSticky === isSticky) {
-        return;
-      }
-      _this.isSticky = !!isSticky;
-
-      // reset height
-      _this.stickyRowHeight = 0;
-      // update sticky shadows
-      _this.updateStickyShadowsHeightIfChanged();
-      _this.leftShadowSentinel = (_this$table = _this.table) === null || _this$table === void 0 ? void 0 : _this$table.querySelector(".".concat(ClassName.TABLE_SHADOW_SENTINEL_LEFT));
-      _this.rightShadowSentinel = (_this$table2 = _this.table) === null || _this$table2 === void 0 ? void 0 : _this$table2.querySelector(".".concat(ClassName.TABLE_SHADOW_SENTINEL_RIGHT));
-      if (_this.tableIntersectionObserver && _this.leftShadowSentinel && _this.rightShadowSentinel && !_this.shadowsObserved) {
-        _this.tableIntersectionObserver.disconnect();
-        _this.tableIntersectionObserver.observe(_this.leftShadowSentinel);
-        _this.tableIntersectionObserver.observe(_this.rightShadowSentinel);
-        _this.shadowsObserved = true;
-      }
-    });
-    /**
-     * Takes a heightStyle if it can be computed in a less expensive manner,
-     * e.g. bounds on an IntersectionObserverEntry, otherwise proceed with
-     * reading it from sticky cell
-     */
-    _defineProperty(this, "updateStickyShadows", rafSchedule(function (stickyRowHeight) {
-      var _this$wrapper;
-      if (!_this.isSticky) {
-        return;
-      }
-      var stickyCell = _this.getStickyCell();
-      if (!stickyCell || !((_this$wrapper = _this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement)) {
-        return;
-      }
-
-      // Reflow Warning! - stickyCell.clientHeight
-      var newStickyRowHeight = stickyRowHeight || stickyCell.clientHeight + 1;
-      if (newStickyRowHeight !== _this.stickyRowHeight) {
-        var _this$wrapper2, _this$wrapper3;
-        _this.stickyRowHeight = newStickyRowHeight;
-        var heightStyleOrCompute = "".concat(newStickyRowHeight, "px");
-        // Use getElementsByClassName here for a live node list to capture
-        // sticky shadows
-        var liveRightShadows = (_this$wrapper2 = _this.wrapper) === null || _this$wrapper2 === void 0 || (_this$wrapper2 = _this$wrapper2.parentElement) === null || _this$wrapper2 === void 0 ? void 0 : _this$wrapper2.getElementsByClassName("".concat(ClassName.TABLE_RIGHT_SHADOW));
-        var liveLeftShadows = (_this$wrapper3 = _this.wrapper) === null || _this$wrapper3 === void 0 || (_this$wrapper3 = _this$wrapper3.parentElement) === null || _this$wrapper3 === void 0 ? void 0 : _this$wrapper3.getElementsByClassName("".concat(ClassName.TABLE_LEFT_SHADOW));
-        updateShadowListForStickyStyles(heightStyleOrCompute, liveLeftShadows);
-        updateShadowListForStickyStyles(heightStyleOrCompute, liveRightShadows);
-      }
-    }));
-    this.updateShadowState = updateShadowState;
-    this.table = _table;
-    this.wrapper = wrapper;
-    this.init();
-  }
-  return _createClass(OverflowShadowsObserver, [{
-    key: "updateStickyShadowsHeightIfChanged",
-    value: function updateStickyShadowsHeightIfChanged() {
-      if (!this.isSticky) {
-        return;
-      }
-      var stickyCell = this.getStickyCell();
-      if (!stickyCell) {
-        return;
-      }
-      this.updateStickyShadows();
-    }
-  }, {
-    key: "getStickyCell",
-    value: function getStickyCell() {
-      var _this$wrapper4;
-      var stickyRow = (_this$wrapper4 = this.wrapper) === null || _this$wrapper4 === void 0 ? void 0 : _this$wrapper4.querySelector('tr.sticky');
-      var stickyCell = stickyRow && stickyRow.firstElementChild;
-      return stickyCell;
-    }
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      if (this.tableIntersectionObserver) {
-        this.tableIntersectionObserver.disconnect();
-        this.tableIntersectionObserver = undefined;
-      }
-    }
-  }]);
-}();

package/dist/esm/nodeviews/update-overflow-shadows.js

@@ -1,10 +0,0 @@
-import { TableCssClassName as ClassName } from '../types';
-export var updateShadowListForStickyStyles = function updateShadowListForStickyStyles(heightStyle, shadows) {
-  Array.from(shadows).forEach(function (shadow) {
-    if (shadow.classList.contains(ClassName.TABLE_STICKY_SHADOW)) {
-      if (shadow instanceof HTMLElement && shadow.style.height !== heightStyle) {
-        shadow.style.height = heightStyle;
-      }
-    }
-  });
-};

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

@@ -1,26 +0,0 @@
-import { ShadowEvent } from '../types';
-export declare class OverflowShadowsObserver {
-    private tableIntersectionObserver?;
-    private updateShadowState;
-    private table;
-    private wrapper;
-    private leftShadowSentinel;
-    private rightShadowSentinel;
-    private shadowsObserved;
-    private isSticky;
-    private stickyRowHeight;
-    constructor(updateShadowState: (shadowKey: ShadowEvent, value: boolean) => void, table: HTMLElement, wrapper: HTMLDivElement);
-    private init;
-    private updateStickyShadowsHeightIfChanged;
-    private getStickyCell;
-    observeShadowSentinels: (isSticky?: boolean) => void;
-    /**
-     * Takes a heightStyle if it can be computed in a less expensive manner,
-     * e.g. bounds on an IntersectionObserverEntry, otherwise proceed with
-     * reading it from sticky cell
-     */
-    updateStickyShadows: ((stickyRowHeight?: number) => void) & {
-        cancel(): void;
-    };
-    dispose(): void;
-}

package/dist/types/nodeviews/__mocks__/OverflowShadowsObserver.d.ts

@@ -1,9 +0,0 @@
-import { OverridableMock } from './OverridableMock';
-export declare class OverflowShadowsObserver extends OverridableMock {
-    leftShadowSentinel: HTMLElement | null;
-    rightShadowSentinel: HTMLElement | null;
-    constructor(...inputs: any[]);
-    observeShadowSentinels: any;
-    updateStickyShadows: any;
-    dispose: any;
-}

package/dist/types/nodeviews/__mocks__/OverridableMock.d.ts

@@ -1,9 +0,0 @@
-export declare abstract class OverridableMock {
-    static mockOverrides: {
-        [key: string]: any;
-    };
-    constructor(...inputs: any[]);
-    getMock(key: string): any;
-    static setMock(thisKey: string, value: any): void;
-    static resetMocks(): void;
-}

package/dist/types/nodeviews/update-overflow-shadows.d.ts

@@ -1 +0,0 @@
-export declare const updateShadowListForStickyStyles: (heightStyle: string, shadows: HTMLCollection) => void;