@atlaskit/editor-plugin-table 4.0.1 → 4.0.3

package/dist/es2019/plugins/table/ui/ui-styles.js

@@ -230,19 +230,36 @@ export const OverflowShadow = props => css`
     }
   }
 `;
-const columnHeaderButton = (props, cssString) => css`
-  background: ${tableHeaderCellBackgroundColor(props)};
-  border: 1px solid ${tableBorderColor(props)};
-  display: block;
-  box-sizing: border-box;
-  padding: 0;
-
-  :focus {
-    outline: none;
-  }
+const columnHeaderButton = (props, cssString) => {
+  if (getBooleanFF('platform.editor.table.column-controls-styles-updated')) {
+    return css`
+      background: ${tableHeaderCellBackgroundColor(props)};
+      display: block;
+      box-sizing: border-box;
+      padding: 0;
 
-  ${cssString}
-`;
+      :focus {
+        outline: none;
+      }
+
+      ${cssString}
+    `;
+  } else {
+    return css`
+      background: ${tableHeaderCellBackgroundColor(props)};
+      border: 1px solid ${tableBorderColor(props)};
+      display: block;
+      box-sizing: border-box;
+      padding: 0;
+
+      :focus {
+        outline: none;
+      }
+
+      ${cssString}
+    `;
+  }
+};
 const columnHeaderButtonSelected = props => css`
   color: ${`var(--ds-text-inverse, ${N0})`};
   background-color: ${tableToolbarSelectedColor(props)};
@@ -269,99 +286,220 @@ const getFloatingDotOverrides = props => {
         }
       ` : '';
 };
-export const columnControlsDecoration = props => css`
-  .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
-    display: none;
-    cursor: pointer;
-    position: absolute;
-    width: calc(100% + ${tableCellBorderWidth * 2}px);
-    left: -1px;
-    top: -${columnControlsDecorationHeight + tableCellBorderWidth}px;
-    height: ${columnControlsDecorationHeight}px;
-    // floating dot for adding column button
-    &::before {
-      content: ' ';
-      background-color: ${tableBorderColor(props)};
-      position: absolute;
-      height: ${lineMarkerSize}px;
-      width: ${lineMarkerSize}px;
-      border-radius: 50%;
-      pointer-events: none;
-      top: 2px;
-      right: -1px;
-    }
+export const columnControlsDecoration = props => {
+  if (getBooleanFF('platform.editor.table.column-controls-styles-updated')) {
+    return css`
+      .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
+        display: none;
+        cursor: pointer;
+        position: absolute;
+        width: 100%;
+        left: 0;
+        top: -${columnControlsDecorationHeight + tableCellBorderWidth}px;
+        height: ${columnControlsDecorationHeight}px;
+        // floating dot for adding column button
+        &::before {
+          content: ' ';
+          background-color: ${tableBorderColor(props)};
+          position: absolute;
+          height: ${lineMarkerSize}px;
+          width: ${lineMarkerSize}px;
+          border-radius: 50%;
+          pointer-events: none;
+          top: 2px;
+          right: -1px;
+        }
 
-    &::after {
-      content: ' ';
+        &::after {
+          content: ' ';
 
-      ${columnHeaderButton(props, `
+          ${columnHeaderButton(props, `
         border-right: ${tableCellBorderWidth}px solid ${tableBorderColor(props)};
-        border-bottom: none;
-        height: ${tableToolbarSize}px;
+        border-top: ${tableCellBorderWidth}px solid ${tableBorderColor(props)};
+        border-bottom: ${tableCellBorderWidth}px solid ${tableBorderColor(props)};
+        box-sizing: content-box;
+        height: ${tableToolbarSize - 1}px;
         width: 100%;
         position: absolute;
         top: ${columnControlsDecorationHeight - tableToolbarSize}px;
         left: 0px;
         z-index: ${columnControlsZIndex};
       `)}
-    }
-  }
+        }
+      }
 
-  // floating dot for adding column button - overriding style on last column to avoid scroll
-  ${getFloatingDotOverrides(props)}
+      // floating dot for adding column button - overriding style on last column to avoid scroll
+      ${getFloatingDotOverrides(props)}
 
-  div.${ClassName.WITH_CONTROLS}>.${ClassName.ROW_CONTROLS_WRAPPER}::after {
-    content: ' ';
-    background-color: ${tableBorderColor(props)};
-    position: absolute;
-    height: ${lineMarkerSize}px;
-    width: ${lineMarkerSize}px;
-    border-radius: 50%;
-    pointer-events: none;
-    top: -${tableToolbarSize + tableCellBorderWidth}px;
-    right: -1px;
-  }
+      div.${ClassName.WITH_CONTROLS}>.${ClassName.ROW_CONTROLS_WRAPPER}::after {
+        content: ' ';
+        background-color: ${tableBorderColor(props)};
+        position: absolute;
+        height: ${lineMarkerSize}px;
+        width: ${lineMarkerSize}px;
+        border-radius: 50%;
+        pointer-events: none;
+        top: -${tableToolbarSize + tableCellBorderWidth}px;
+        right: -1px;
+      }
 
-  .${ClassName.WITH_CONTROLS} .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
-    display: block;
-  }
+      .${ClassName.WITH_CONTROLS} .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
+        display: block;
+      }
 
-  table
-    tr:first-of-type
-    td.${ClassName.TABLE_CELL},
-    table
-    tr:first-of-type
-    th.${ClassName.TABLE_HEADER_CELL} {
-    &.${ClassName.COLUMN_SELECTED},
-      &.${ClassName.HOVERED_COLUMN},
-      &.${ClassName.HOVERED_TABLE} {
-      .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
-        ${columnHeaderButtonSelected(props)};
+      table tr:first-of-type th.${ClassName.TABLE_HEADER_CELL} {
+        &.${ClassName.COLUMN_SELECTED}, &.${ClassName.HOVERED_TABLE} {
+          .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
+            ${columnHeaderButtonSelected(props)};
+          }
+
+          &.${ClassName.HOVERED_CELL_IN_DANGER}
+            .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
+            background-color: ${tableToolbarDeleteColor(props)};
+            border-color: ${tableBorderDeleteColor(props)};
+            z-index: ${akEditorUnitZIndex * 100};
+          }
+        }
+      }
+
+      table tr:first-of-type th.${ClassName.TABLE_HEADER_CELL} {
+        &.${ClassName.COLUMN_SELECTED}, &.${ClassName.HOVERED_COLUMN} {
+          .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
+            ${columnHeaderButtonSelected(props)};
+            border-left: ${tableCellBorderWidth}px solid
+              ${tableBorderSelectedColor(props)};
+            left: -${tableCellBorderWidth}px;
+          }
+        }
       }
 
-      &.${ClassName.HOVERED_CELL_IN_DANGER}
+      table tr:first-of-type th.${ClassName.TABLE_HEADER_CELL} {
+        &.${ClassName.HOVERED_COLUMN} {
+          .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
+            ${columnHeaderButtonSelected(props)};
+          }
+
+          &.${ClassName.HOVERED_CELL_IN_DANGER}
+            .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
+            background-color: ${tableToolbarDeleteColor(props)};
+            border-color: ${tableBorderDeleteColor(props)};
+            border-left: ${tableCellBorderWidth}px solid
+              ${tableBorderDeleteColor(props)};
+            left: -${tableCellBorderWidth}px;
+            z-index: ${akEditorUnitZIndex * 100};
+          }
+        }
+      }
+
+      .${ClassName.TABLE_SELECTED}
+        table
+        tr:first-of-type
+        td.${ClassName.TABLE_CELL},
+        .${ClassName.TABLE_SELECTED}
+        table
+        tr:first-of-type
+        th.${ClassName.TABLE_HEADER_CELL} {
         .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
-        background-color: ${tableToolbarDeleteColor(props)};
-        border: 1px solid ${tableBorderDeleteColor(props)};
+          ${columnHeaderButtonSelected(props)};
+        }
+      }
+    `;
+  } else {
+    return css`
+      .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
+        display: none;
+        cursor: pointer;
+        position: absolute;
+        width: calc(100% + ${tableCellBorderWidth * 2}px);
+        left: -1px;
+        top: -${columnControlsDecorationHeight + tableCellBorderWidth}px;
+        height: ${columnControlsDecorationHeight}px;
+        // floating dot for adding column button
+        &::before {
+          content: ' ';
+          background-color: ${tableBorderColor(props)};
+          position: absolute;
+          height: ${lineMarkerSize}px;
+          width: ${lineMarkerSize}px;
+          border-radius: 50%;
+          pointer-events: none;
+          top: 2px;
+          right: -1px;
+        }
+
+        &::after {
+          content: ' ';
+
+          ${columnHeaderButton(props, `
+        border-right: ${tableCellBorderWidth}px solid ${tableBorderColor(props)};
         border-bottom: none;
-        z-index: ${akEditorUnitZIndex * 100};
+        height: ${tableToolbarSize}px;
+        width: 100%;
+        position: absolute;
+        top: ${columnControlsDecorationHeight - tableToolbarSize}px;
+        left: 0px;
+        z-index: ${columnControlsZIndex};
+      `)}
+        }
       }
-    }
-  }
 
-  .${ClassName.TABLE_SELECTED}
-    table
-    tr:first-of-type
-    td.${ClassName.TABLE_CELL},
-    .${ClassName.TABLE_SELECTED}
-    table
-    tr:first-of-type
-    th.${ClassName.TABLE_HEADER_CELL} {
-    .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
-      ${columnHeaderButtonSelected(props)};
-    }
+      // floating dot for adding column button - overriding style on last column to avoid scroll
+      ${getFloatingDotOverrides(props)}
+
+      div.${ClassName.WITH_CONTROLS}>.${ClassName.ROW_CONTROLS_WRAPPER}::after {
+        content: ' ';
+        background-color: ${tableBorderColor(props)};
+        position: absolute;
+        height: ${lineMarkerSize}px;
+        width: ${lineMarkerSize}px;
+        border-radius: 50%;
+        pointer-events: none;
+        top: -${tableToolbarSize + tableCellBorderWidth}px;
+        right: -1px;
+      }
+
+      .${ClassName.WITH_CONTROLS} .${ClassName.COLUMN_CONTROLS_DECORATIONS} {
+        display: block;
+      }
+
+      table
+        tr:first-of-type
+        td.${ClassName.TABLE_CELL},
+        table
+        tr:first-of-type
+        th.${ClassName.TABLE_HEADER_CELL} {
+        &.${ClassName.COLUMN_SELECTED},
+          &.${ClassName.HOVERED_COLUMN},
+          &.${ClassName.HOVERED_TABLE} {
+          .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
+            ${columnHeaderButtonSelected(props)};
+          }
+
+          &.${ClassName.HOVERED_CELL_IN_DANGER}
+            .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
+            background-color: ${tableToolbarDeleteColor(props)};
+            border: 1px solid ${tableBorderDeleteColor(props)};
+            border-bottom: none;
+            z-index: ${akEditorUnitZIndex * 100};
+          }
+        }
+      }
+
+      .${ClassName.TABLE_SELECTED}
+        table
+        tr:first-of-type
+        td.${ClassName.TABLE_CELL},
+        .${ClassName.TABLE_SELECTED}
+        table
+        tr:first-of-type
+        th.${ClassName.TABLE_HEADER_CELL} {
+        .${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
+          ${columnHeaderButtonSelected(props)};
+        }
+      }
+    `;
   }
-`;
+};
 export const hoveredDeleteButton = props => css`
   .${ClassName.TABLE_CONTAINER}.${ClassName.HOVERED_DELETE_BUTTON} {
     .${ClassName.SELECTED_CELL},

package/dist/esm/plugins/table/commands/insert.js

@@ -1,5 +1,5 @@
 // #region Imports
-import { AddColumnStep } from '@atlaskit/adf-schema/steps';
+import { AddColumnStep } from '@atlaskit/custom-steps';
 import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';

package/dist/esm/plugins/table/commands/sort.js

@@ -1,4 +1,4 @@
-import { TableSortOrder as SortOrder, TableSortStep } from '@atlaskit/adf-schema/steps';
+import { TableSortOrder as SortOrder, TableSortStep } from '@atlaskit/custom-steps';
 import { createCompareNodes } from '@atlaskit/editor-common/utils';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { TableMap } from '@atlaskit/editor-tables/table-map';

package/dist/esm/plugins/table/event-handlers.js

@@ -269,7 +269,7 @@ export var handleCut = function handleCut(oldTr, oldState, newState, editorAnaly
           totalColumnCount = _getSelectedCellInfo.totalColumnCount;
 
         // Reassigning to make it more obvious and consistent
-        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
           action: TABLE_ACTION.CUT,
           actionSubject: ACTION_SUBJECT.TABLE,
           actionSubjectId: null,

package/dist/esm/plugins/table/handlers.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // #region Imports
-import { TableSortStep } from '@atlaskit/adf-schema/steps';
+import { TableSortStep } from '@atlaskit/custom-steps';
 import { isTextInput } from '@atlaskit/editor-common/utils';
 
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck

package/dist/esm/plugins/table/index.js

@@ -48,23 +48,23 @@ var tablesPlugin = function tablesPlugin(_ref) {
     current: null
   };
   var defaultGetEditorContainerWidth = function defaultGetEditorContainerWidth() {
-    var _document$body$offset, _document, _document$body, _api$width$sharedStat;
+    var _document$body$offset, _document, _api$width$sharedStat;
     var defaultState = {
-      width: (_document$body$offset = (_document = document) === null || _document === void 0 ? void 0 : (_document$body = _document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 500
+      width: (_document$body$offset = (_document = document) === null || _document === void 0 || (_document = _document.body) === null || _document === void 0 ? void 0 : _document.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 500
     };
     return (_api$width$sharedStat = api === null || api === void 0 ? void 0 : api.width.sharedState.currentState()) !== null && _api$width$sharedStat !== void 0 ? _api$width$sharedStat : defaultState;
   };
-  var editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
   return {
     name: 'table',
     actions: {
       insertTable: function insertTable(analyticsPayload) {
         return function (state, dispatch) {
-          var _api$contentInsertion, _api$contentInsertion2, _api$contentInsertion3;
+          var _api$contentInsertion, _api$contentInsertion2;
           var node = createTable({
             schema: state.schema
           });
-          return (_api$contentInsertion = api === null || api === void 0 ? void 0 : (_api$contentInsertion2 = api.contentInsertion) === null || _api$contentInsertion2 === void 0 ? void 0 : (_api$contentInsertion3 = _api$contentInsertion2.actions) === null || _api$contentInsertion3 === void 0 ? void 0 : _api$contentInsertion3.insert({
+          return (_api$contentInsertion = api === null || api === void 0 || (_api$contentInsertion2 = api.contentInsertion) === null || _api$contentInsertion2 === void 0 || (_api$contentInsertion2 = _api$contentInsertion2.actions) === null || _api$contentInsertion2 === void 0 ? void 0 : _api$contentInsertion2.insert({
             state: state,
             dispatch: dispatch,
             node: node,
@@ -149,7 +149,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
             reportFixedTable: function reportFixedTable(_ref6) {
               var tr = _ref6.tr,
                 reason = _ref6.reason;
-              editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+              editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
                 action: TABLE_ACTION.FIXED,
                 actionSubject: ACTION_SUBJECT.TABLE,
                 actionSubjectId: null,
@@ -341,7 +341,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
             var tr = insert(createTable({
               schema: state.schema
             }));
-            editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+            editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
               action: ACTION.INSERTED,
               actionSubject: ACTION_SUBJECT.DOCUMENT,
               actionSubjectId: ACTION_SUBJECT_ID.TABLE,

package/dist/esm/plugins/table/nodeviews/OverflowShadowsObserver.js

@@ -61,7 +61,7 @@ export var OverflowShadowsObserver = /*#__PURE__*/function () {
      * reading it from sticky cell
      */
     _defineProperty(this, "updateStickyShadows", function (stickyRowHeight) {
-      var _this$wrapper, _this$wrapper2, _this$wrapper2$parent, _this$wrapper3, _this$wrapper3$parent;
+      var _this$wrapper, _this$wrapper2, _this$wrapper3;
       if (!_this.isSticky) {
         return;
       }
@@ -72,8 +72,8 @@ export var OverflowShadowsObserver = /*#__PURE__*/function () {
       var heightStyleOrCompute = "".concat(stickyRowHeight || stickyCell.clientHeight + 1, "px");
       // Use getElementsByClassName here for a live node list to capture
       // sticky shadows
-      var 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("".concat(ClassName.TABLE_RIGHT_SHADOW));
-      var 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("".concat(ClassName.TABLE_LEFT_SHADOW));
+      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);
     });

package/dist/esm/plugins/table/nodeviews/TableComponent.js

@@ -235,7 +235,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var prevNode = _this.node;
       var layoutSize = _this.tableNodeLayoutSize(node);
       var prevAttrs = prevNode === null || prevNode === void 0 ? void 0 : prevNode.attrs;
-      var layoutChanged = (prevAttrs === null || prevAttrs === void 0 ? void 0 : prevAttrs.layout) !== (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) && (prevAttrs === null || prevAttrs === void 0 ? void 0 : prevAttrs.__autoSize) === (node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.__autoSize);
+      var layoutChanged = (prevAttrs === null || prevAttrs === void 0 ? void 0 : prevAttrs.layout) !== (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) && (prevAttrs === null || prevAttrs === void 0 ? void 0 : prevAttrs.__autoSize) === (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.__autoSize);
       if (containerWidth.width > layoutSize) {
         return;
       }

package/dist/esm/plugins/table/nodeviews/TableContainer.js

@@ -61,11 +61,11 @@ export var ResizableTableContainer = function ResizableTableContainer(_ref2) {
       //    1px is border width but collapse make it 0.5.
       // -- When sticky header appear, we should add first row height but reduce
       //    collapsed border
-      (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.style.setProperty('height', typeof height === 'number' ? "".concat(height + 40.5, "px") : 'auto');
+      (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.style.setProperty('height', typeof height === 'number' ? "".concat(height + 40.5, "px") : 'auto');
     } else {
       var _containerRef$current3, _containerRef$current4;
       var stickyHeaderHeight = ((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getElementsByTagName('th')[0].getBoundingClientRect().height) || 0;
-      (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.style.setProperty('height', typeof height === 'number' ? "".concat(height + stickyHeaderHeight + 39.5, "px") : 'auto');
+      (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 || _containerRef$current4.style.setProperty('height', typeof height === 'number' ? "".concat(height + stickyHeaderHeight + 39.5, "px") : 'auto');
     }
   }, []);
   var resizeObserverRef = useRef(new ResizeObserver(function (entries) {
@@ -101,18 +101,18 @@ export var ResizableTableContainer = function ResizableTableContainer(_ref2) {
     }
   }, [lineLength]);
   var displayGuideline = useCallback(function (guidelines) {
-    var _pluginInjectionApi$g, _pluginInjectionApi$g2, _pluginInjectionApi$g3;
-    return (_pluginInjectionApi$g = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$g2 = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g2 === void 0 ? void 0 : (_pluginInjectionApi$g3 = _pluginInjectionApi$g2.actions) === null || _pluginInjectionApi$g3 === void 0 ? void 0 : _pluginInjectionApi$g3.displayGuideline(editorView)({
+    var _pluginInjectionApi$g, _pluginInjectionApi$g2;
+    return (_pluginInjectionApi$g = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g2 = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g2 === void 0 || (_pluginInjectionApi$g2 = _pluginInjectionApi$g2.actions) === null || _pluginInjectionApi$g2 === void 0 ? void 0 : _pluginInjectionApi$g2.displayGuideline(editorView)({
       guidelines: guidelines
     })) !== null && _pluginInjectionApi$g !== void 0 ? _pluginInjectionApi$g : false;
   }, [pluginInjectionApi, editorView]);
   var attachAnalyticsEvent = useCallback(function (payload) {
     var _pluginInjectionApi$a;
-    return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.attachAnalyticsEvent(payload);
+    return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.attachAnalyticsEvent(payload);
   }, [pluginInjectionApi]);
   var displayGapCursor = useCallback(function (toggle) {
     var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$s;
-    return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
+    return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
   }, [pluginInjectionApi]);
   var tableWidth = getTableContainerWidth(node);
   // 76 is currently an accepted padding value considering the spacing for resizer handle

package/dist/esm/plugins/table/nodeviews/TableResizer.js

@@ -198,7 +198,7 @@ export var TableResizer = function TableResizer(_ref) {
       });
       resizeFrameRatePayloads.forEach(function (payload) {
         var _attachAnalyticsEvent;
-        (_attachAnalyticsEvent = attachAnalyticsEvent(payload)) === null || _attachAnalyticsEvent === void 0 ? void 0 : _attachAnalyticsEvent(tr);
+        (_attachAnalyticsEvent = attachAnalyticsEvent(payload)) === null || _attachAnalyticsEvent === void 0 || _attachAnalyticsEvent(tr);
       });
     }
     if (typeof pos === 'number') {
@@ -217,7 +217,7 @@ export var TableResizer = function TableResizer(_ref) {
       (_attachAnalyticsEvent2 = attachAnalyticsEvent(generateResizedPayload({
         originalNode: node,
         resizedNode: scaledNode
-      }))) === null || _attachAnalyticsEvent2 === void 0 ? void 0 : _attachAnalyticsEvent2(tr);
+      }))) === null || _attachAnalyticsEvent2 === void 0 || _attachAnalyticsEvent2(tr);
     }
     displayGapCursor(true);
     dispatch(tr);

package/dist/esm/plugins/table/nodeviews/TableStickyScrollbar.js

@@ -56,11 +56,7 @@ export var TableStickyScrollbar = /*#__PURE__*/function () {
     value: function createIntersectionObserver() {
       var _this2 = this,
         _this$wrapper,
-        _this$wrapper$parentE2,
-        _this$wrapper$parentE3,
-        _this$wrapper2,
-        _this$wrapper2$parent,
-        _this$wrapper2$parent2;
+        _this$wrapper2;
       this.editorScrollableElement = findOverflowScrollParent(this.view.dom) || window.document;
       if (!this.editorScrollableElement || !this.wrapper) {
         return;
@@ -86,8 +82,8 @@ export var TableStickyScrollbar = /*#__PURE__*/function () {
       }, {
         root: this.editorScrollableElement
       });
-      this.sentinels.bottom = (_this$wrapper = this.wrapper) === null || _this$wrapper === void 0 ? void 0 : (_this$wrapper$parentE2 = _this$wrapper.parentElement) === null || _this$wrapper$parentE2 === void 0 ? void 0 : (_this$wrapper$parentE3 = _this$wrapper$parentE2.getElementsByClassName(ClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM)) === null || _this$wrapper$parentE3 === void 0 ? void 0 : _this$wrapper$parentE3.item(0);
-      this.sentinels.top = (_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$parent2 = _this$wrapper2$parent.getElementsByClassName(ClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_TOP)) === null || _this$wrapper2$parent2 === void 0 ? void 0 : _this$wrapper2$parent2.item(0);
+      this.sentinels.bottom = (_this$wrapper = this.wrapper) === null || _this$wrapper === void 0 || (_this$wrapper = _this$wrapper.parentElement) === null || _this$wrapper === void 0 || (_this$wrapper = _this$wrapper.getElementsByClassName(ClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM)) === null || _this$wrapper === void 0 ? void 0 : _this$wrapper.item(0);
+      this.sentinels.top = (_this$wrapper2 = this.wrapper) === null || _this$wrapper2 === void 0 || (_this$wrapper2 = _this$wrapper2.parentElement) === null || _this$wrapper2 === void 0 || (_this$wrapper2 = _this$wrapper2.getElementsByClassName(ClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_TOP)) === null || _this$wrapper2 === void 0 ? void 0 : _this$wrapper2.item(0);
       [this.sentinels.bottom, this.sentinels.top].forEach(function (el) {
         return _this2.intersectionObserver.observe(el);
       });

package/dist/esm/plugins/table/nodeviews/table.js

@@ -235,7 +235,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
       if (this.resizeObserver) {
         this.resizeObserver.disconnect();
       }
-      (_this$eventDispatcher = this.eventDispatcher) === null || _this$eventDispatcher === void 0 ? void 0 : _this$eventDispatcher.emit('TABLE_DELETED', this.node);
+      (_this$eventDispatcher = this.eventDispatcher) === null || _this$eventDispatcher === void 0 || _this$eventDispatcher.emit('TABLE_DELETED', this.node);
       _get(_getPrototypeOf(TableView.prototype), "destroy", this).call(this);
     }
   }]);

package/dist/esm/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -167,7 +167,7 @@ export var TableRowNodeView = /*#__PURE__*/function () {
 
       // ED-16035 Make sure sticky header is only applied to first row
       var tbody = _this.dom.parentElement;
-      var isFirstHeader = tbody === null || tbody === void 0 ? void 0 : (_tbody$firstChild = tbody.firstChild) === null || _tbody$firstChild === void 0 ? void 0 : _tbody$firstChild.isEqualNode(_this.dom);
+      var isFirstHeader = tbody === null || tbody === void 0 || (_tbody$firstChild = tbody.firstChild) === null || _tbody$firstChild === void 0 ? void 0 : _tbody$firstChild.isEqualNode(_this.dom);
       if (!isFirstHeader) {
         return;
       }
@@ -188,7 +188,7 @@ export var TableRowNodeView = /*#__PURE__*/function () {
          * detaches from the table. This typically happens during a fast scroll by the user which causes
          * the intersection observer logic to not fire as expected.
          */
-        (_this$editorScrollabl = _this.editorScrollableElement) === null || _this$editorScrollabl === void 0 ? void 0 : _this$editorScrollabl.addEventListener('scrollend', _this.refireIntersectionObservers, {
+        (_this$editorScrollabl = _this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.addEventListener('scrollend', _this.refireIntersectionObservers, {
           passive: true,
           once: true
         });
@@ -439,7 +439,7 @@ export var TableRowNodeView = /*#__PURE__*/function () {
               }
             } else if (entry.isIntersecting && sentinelIsAboveScrollArea) {
               var _entry$rootBounds5;
-              _this4.tree && _this4.makeHeaderRowSticky(_this4.tree, entry === null || entry === void 0 ? void 0 : (_entry$rootBounds5 = entry.rootBounds) === null || _entry$rootBounds5 === void 0 ? void 0 : _entry$rootBounds5.top);
+              _this4.tree && _this4.makeHeaderRowSticky(_this4.tree, entry === null || entry === void 0 || (_entry$rootBounds5 = entry.rootBounds) === null || _entry$rootBounds5 === void 0 ? void 0 : _entry$rootBounds5.top);
               _this4.lastStickyTimestamp = Date.now();
             }
           }

package/dist/esm/plugins/table/pm-plugins/table-analytics.js

@@ -36,7 +36,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, table
       var _newPluginState$lastT;
       var newPluginState = pluginKey.getState(newState);
       var hasAnalyticsBeenDispatched = false;
-      var lastTriggerName = (newPluginState === null || newPluginState === void 0 ? void 0 : (_newPluginState$lastT = newPluginState.lastTrigger) === null || _newPluginState$lastT === void 0 ? void 0 : _newPluginState$lastT.name) ||
+      var lastTriggerName = (newPluginState === null || newPluginState === void 0 || (_newPluginState$lastT = newPluginState.lastTrigger) === null || _newPluginState$lastT === void 0 ? void 0 : _newPluginState$lastT.name) ||
       // NOTE: We assume that we know and can correctly differentiate
       // between all triggers of table overflow state change.
       // The only trigger we can't identify is viewport width change.

package/dist/esm/plugins/table/pm-plugins/table-resizing/event-handlers.js

@@ -114,7 +114,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
         tr = updateColumnWidths(newResizeState, table, start)(tr);
         if (colIndex === map.width - 1) {
           var mouseUpTime = event.timeStamp;
-          editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+          editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
             action: TABLE_ACTION.ATTEMPTED_TABLE_WIDTH_CHANGE,
             actionSubject: ACTION_SUBJECT.TABLE,
             actionSubjectId: null,