@atlaskit/editor-plugin-table 15.3.15 → 15.3.16

package/dist/es2019/nodeviews/table-node-views.js

@@ -1,7 +1,9 @@
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // TODO: ED-23976 - Clean up
 import { createTableView } from './table';
 import TableCell from './TableCell';
 import TableRow from './TableRow';
+import TableRowNativeStickyWithFallback from './TableRowNativeStickyWithFallback';
 export const tableView = options => {
   return (node, view, getPos) => {
     return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isCommentEditor, options.isChromelessEditor);
@@ -21,6 +23,10 @@ export const tableHeaderView = options => {
 };
 export const tableRowView = options => {
   return (node, view, getPos) => {
-    return new TableRow(node, view, getPos, options.eventDispatcher, options.pluginInjectionApi);
+    if (expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
+      return new TableRowNativeStickyWithFallback(node, view, getPos, options.eventDispatcher, options.pluginInjectionApi);
+    } else {
+      return new TableRow(node, view, getPos, options.eventDispatcher, options.pluginInjectionApi);
+    }
   };
 };

package/dist/es2019/types/index.js

@@ -161,7 +161,8 @@ export const TableCssClassName = {
   WITH_ROW_INSERT_LINE: `${tablePrefixSelector}-row-insert-line`,
   WITH_ROW_INSERT_LINE_INACTIVE: `${tablePrefixSelector}-row-insert-line__inactive`,
   WITH_LAST_ROW_INSERT_LINE: `${tablePrefixSelector}-last-row-insert-line`,
-  WITH_LAST_ROW_INSERT_LINE_INACTIVE: `${tablePrefixSelector}-last-row-insert-line__inactive`
+  WITH_LAST_ROW_INSERT_LINE_INACTIVE: `${tablePrefixSelector}-last-row-insert-line__inactive`,
+  NATIVE_STICKY: `${tablePrefixSelector}-row-native-sticky`
 };
 export let ShadowEvent = /*#__PURE__*/function (ShadowEvent) {
   ShadowEvent["SHOW_BEFORE_SHADOW"] = "showBeforeShadow";

package/dist/es2019/ui/common-styles.js

@@ -461,6 +461,12 @@ export const baseTableStyles = props => {
 		z-index: 1;
 	}
 
+	tr.${ClassName.NATIVE_STICKY} {
+		position: sticky;
+		top: 0;
+		z-index: ${akEditorTableCellOnStickyHeaderZIndex};
+	}
+
 	.${ClassName.WITH_CONTROLS} tr.sticky {
 		padding-top: ${tableControlsSpacing}px;
 	}
@@ -1108,6 +1114,10 @@ export const baseTableStyles = props => {
 		overflow-y: hidden;
 		position: relative;
 	}
+
+	.${ClassName.TABLE_NODE_WRAPPER}.${ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW} {
+		overflow: visible;
+	}
 `;
 };