@atlaskit/editor-plugin-table 16.1.3 → 16.1.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-table
 
+## 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
+
+- [`c4a774ad462fb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c4a774ad462fb) -
+  EDITOR-2477 Clean up remaining usages of `platform_editor_use_nested_table_pm_nodes` which are no
+  longer needed now that `isNestedTablesSupported` is fully rolled out.
+- Updated dependencies
+
 ## 16.1.3
 
 ### 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
@@ -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/commands/insert.js

@@ -15,7 +15,6 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils2 = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../analytics/commands");
 var _tableAnalytics = require("../table-analytics");
@@ -274,7 +273,7 @@ var insertTableWithNestingSupport = exports.insertTableWithNestingSupport = func
     // If the cursor is inside a table
     var insertAt;
     var isNestedTable = false;
-    if ((0, _utils.hasParentNodeOfType)(schema.nodes.table)(tr.selection) && (0, _nesting.isNestedTablesSupported)(schema) && (0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
+    if ((0, _utils.hasParentNodeOfType)(schema.nodes.table)(tr.selection) && (0, _nesting.isNestedTablesSupported)(schema)) {
       // If the experiment is disabled, or we're trying to nest deeper than one level, we insert the table after the top table
       if ((0, _experiments.editorExperiment)('nested-tables-in-tables', false, {
         exposure: true

package/dist/cjs/pm-plugins/main.js

@@ -16,7 +16,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorTables = require("@atlaskit/editor-tables");
 var _utils3 = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tableNodeViews = require("../nodeviews/table-node-views");
 var _plugin = require("../pm-plugins/decorations/plugin");
@@ -247,7 +246,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
           slice = (0, _misc.transformSliceToFixDarkModeDefaultBackgroundColor)(slice, schema);
         }
         slice = (0, _transforms.transformSliceToRemoveOpenNestedExpand)(slice, schema);
-        if ((0, _nesting.isNestedTablesSupported)(schema) && (0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes')) {
+        if ((0, _nesting.isNestedTablesSupported)(schema)) {
           slice = (0, _paste.transformSliceToRemoveNestedTables)(slice, schema, editorState.selection);
         }
         return slice;

package/dist/cjs/ui/toolbar.js

@@ -506,7 +506,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
             onBlur: (0, _commands.clearHoverSelection)()
           }]
         };
-        var isNestedTable = (0, _nesting.isNestedTablesSupported)(state.schema) && (0, _platformFeatureFlags.fg)('platform_editor_use_nested_table_pm_nodes') && (0, _nesting.isSelectionTableNestedInTable)(state);
+        var isNestedTable = (0, _nesting.isNestedTablesSupported)(state.schema) && (0, _nesting.isSelectionTableNestedInTable)(state);
         var hoverTableProps = function hoverTableProps(isInDanger, isSelected) {
           return {
             onMouseEnter: (0, _commands.hoverTable)(isInDanger, isSelected),

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';
@@ -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
@@ -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/commands/insert.js

@@ -6,7 +6,6 @@ import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { addColumnAt as addColumnAtPMUtils, addRowAt, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { updateRowOrColumnMovedTransform } from '../analytics/commands';
 import { META_KEYS } from '../table-analytics';
@@ -233,7 +232,7 @@ export const insertTableWithNestingSupport = ({
   // If the cursor is inside a table
   let insertAt;
   let isNestedTable = false;
-  if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && isNestedTablesSupported(schema) && fg('platform_editor_use_nested_table_pm_nodes')) {
+  if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && isNestedTablesSupported(schema)) {
     // If the experiment is disabled, or we're trying to nest deeper than one level, we insert the table after the top table
     if (editorExperiment('nested-tables-in-tables', false, {
       exposure: true

package/dist/es2019/pm-plugins/main.js

@@ -8,7 +8,6 @@ import { closestElement } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { tableCellView, tableHeaderView, tableRowView, tableView } from '../nodeviews/table-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
@@ -239,7 +238,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
           slice = transformSliceToFixDarkModeDefaultBackgroundColor(slice, schema);
         }
         slice = transformSliceToRemoveOpenNestedExpand(slice, schema);
-        if (isNestedTablesSupported(schema) && fg('platform_editor_use_nested_table_pm_nodes')) {
+        if (isNestedTablesSupported(schema)) {
           slice = transformSliceToRemoveNestedTables(slice, schema, editorState.selection);
         }
         return slice;

package/dist/es2019/ui/toolbar.js

@@ -477,7 +477,7 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
         onBlur: clearHoverSelection()
       }]
     };
-    const isNestedTable = isNestedTablesSupported(state.schema) && fg('platform_editor_use_nested_table_pm_nodes') && isSelectionTableNestedInTable(state);
+    const isNestedTable = isNestedTablesSupported(state.schema) && isSelectionTableNestedInTable(state);
     const hoverTableProps = (isInDanger, isSelected) => ({
       onMouseEnter: hoverTable(isInDanger, isSelected),
       onMouseLeave: clearHoverSelection(),

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';
@@ -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
@@ -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/commands/insert.js

@@ -9,7 +9,6 @@ import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { addColumnAt as addColumnAtPMUtils, addRowAt, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { updateRowOrColumnMovedTransform } from '../analytics/commands';
 import { META_KEYS } from '../table-analytics';
@@ -266,7 +265,7 @@ export var insertTableWithNestingSupport = function insertTableWithNestingSuppor
     // If the cursor is inside a table
     var insertAt;
     var isNestedTable = false;
-    if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && isNestedTablesSupported(schema) && fg('platform_editor_use_nested_table_pm_nodes')) {
+    if (hasParentNodeOfType(schema.nodes.table)(tr.selection) && isNestedTablesSupported(schema)) {
       // If the experiment is disabled, or we're trying to nest deeper than one level, we insert the table after the top table
       if (editorExperiment('nested-tables-in-tables', false, {
         exposure: true

package/dist/esm/pm-plugins/main.js

@@ -11,7 +11,6 @@ import { closestElement } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { tableCellView, tableHeaderView, tableRowView, tableView } from '../nodeviews/table-node-views';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
@@ -240,7 +239,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
           slice = transformSliceToFixDarkModeDefaultBackgroundColor(slice, schema);
         }
         slice = transformSliceToRemoveOpenNestedExpand(slice, schema);
-        if (isNestedTablesSupported(schema) && fg('platform_editor_use_nested_table_pm_nodes')) {
+        if (isNestedTablesSupported(schema)) {
           slice = transformSliceToRemoveNestedTables(slice, schema, editorState.selection);
         }
         return slice;

package/dist/esm/ui/toolbar.js

@@ -499,7 +499,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
             onBlur: clearHoverSelection()
           }]
         };
-        var isNestedTable = isNestedTablesSupported(state.schema) && fg('platform_editor_use_nested_table_pm_nodes') && isSelectionTableNestedInTable(state);
+        var isNestedTable = isNestedTablesSupported(state.schema) && isSelectionTableNestedInTable(state);
         var hoverTableProps = function hoverTableProps(isInDanger, isSelected) {
           return {
             onMouseEnter: hoverTable(isInDanger, isSelected),

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-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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "16.1.3",
+	"version": "16.1.5",
 	"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.8.0",
 		"@atlaskit/toggle": "^15.2.0",
-		"@atlaskit/tokens": "^9.0.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tokens": "^9.1.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"
@@ -106,10 +106,6 @@
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},
-		"platform_editor_use_nested_table_pm_nodes": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform_editor_nested_tables_sticky_header_bug": {
 			"type": "boolean"
 		},