@atlaskit/editor-plugin-table 1.7.3 → 2.0.1

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.7.3",
+	"version": "2.0.1",
 	"sideEffects": false
 }

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

@@ -33,6 +33,7 @@ var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
 var tablesPlugin = function tablesPlugin(options, api) {
+  var _api$dependencies$ana;
   var editorViewRef = {
     current: null
   };
@@ -43,6 +44,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
     };
     return (_api$dependencies$wid = api === null || api === void 0 ? void 0 : api.dependencies.width.sharedState.currentState()) !== null && _api$dependencies$wid !== void 0 ? _api$dependencies$wid : defaultState;
   };
+  var editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions;
   return {
     name: 'table',
     actions: {
@@ -84,19 +86,15 @@ var tablesPlugin = function tablesPlugin(options, api) {
       var plugins = [{
         name: 'table',
         plugin: function plugin(_ref) {
-          var _api$dependencies$ana;
           var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
             dispatch = _ref.dispatch,
             portalProviderAPI = _ref.portalProviderAPI,
             eventDispatcher = _ref.eventDispatcher;
-          var _ref2 = options || {
-              editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions
-            },
+          var _ref2 = options || {},
             fullWidthEnabled = _ref2.fullWidthEnabled,
             wasFullWidthEnabled = _ref2.wasFullWidthEnabled,
             breakoutEnabled = _ref2.breakoutEnabled,
             tableOptions = _ref2.tableOptions,
-            editorAnalyticsAPI = _ref2.editorAnalyticsAPI,
             getEditorFeatureFlags = _ref2.getEditorFeatureFlags;
           return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI);
         }
@@ -107,7 +105,6 @@ var tablesPlugin = function tablesPlugin(options, api) {
           var _ref4 = options || {},
             fullWidthEnabled = _ref4.fullWidthEnabled,
             tableOptions = _ref4.tableOptions,
-            editorAnalyticsAPI = _ref4.editorAnalyticsAPI,
             getEditorFeatureFlags = _ref4.getEditorFeatureFlags;
           var _pluginConfig = pluginConfig(tableOptions),
             allowColumnResizing = _pluginConfig.allowColumnResizing;
@@ -126,7 +123,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
       {
         name: 'tableKeymap',
         plugin: function plugin() {
-          return keymapPlugin(defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI);
+          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI);
         }
       }, {
         name: 'tableSelectionKeymap',
@@ -138,11 +135,10 @@ var tablesPlugin = function tablesPlugin(options, api) {
         plugin: function plugin() {
           return tableEditing({
             reportFixedTable: function reportFixedTable(_ref5) {
-              var _options$editorAnalyt;
               var state = _ref5.state,
                 tr = _ref5.tr,
                 reason = _ref5.reason;
-              options === null || options === void 0 ? void 0 : (_options$editorAnalyt = options.editorAnalyticsAPI) === null || _options$editorAnalyt === void 0 ? void 0 : _options$editorAnalyt.attachAnalyticsEvent({
+              editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
                 action: TABLE_ACTION.FIXED,
                 actionSubject: ACTION_SUBJECT.TABLE,
                 actionSubjectId: null,
@@ -249,7 +245,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
             layout: layout,
             isResizing: !!resizingPluginState && !!resizingPluginState.dragging,
             stickyHeader: stickyHeader,
-            editorAnalyticsAPI: options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI
+            editorAnalyticsAPI: editorAnalyticsAPI
           }) : null;
           return /*#__PURE__*/React.createElement(React.Fragment, null, targetCellPosition && tableRef && !isDragging && options && options.allowContextualMenu && /*#__PURE__*/React.createElement(FloatingContextualButton, {
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
@@ -276,7 +272,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
             scrollableElement: popupsScrollableElement,
             hasStickyHeaders: stickyHeader && stickyHeader.sticky,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            editorAnalyticsAPI: options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI,
+            editorAnalyticsAPI: editorAnalyticsAPI,
             getEditorContainerWidth: defaultGetEditorContainerWidth
           }), /*#__PURE__*/React.createElement(FloatingContextualMenu, {
             editorView: editorView,
@@ -285,7 +281,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
             targetCellPosition: targetCellPosition,
             isOpen: Boolean(isContextualMenuOpen),
             pluginConfig: pluginConfig,
-            editorAnalyticsAPI: options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI,
+            editorAnalyticsAPI: editorAnalyticsAPI,
             getEditorContainerWidth: defaultGetEditorContainerWidth,
             getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags
           }), allowControls && /*#__PURE__*/React.createElement(FloatingDeleteButton, {
@@ -297,7 +293,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
             scrollableElement: popupsScrollableElement,
             stickyHeaders: stickyHeader,
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
-            editorAnalyticsAPI: options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI
+            editorAnalyticsAPI: editorAnalyticsAPI
           }), LayoutContent);
         }
       }));
@@ -316,11 +312,10 @@ var tablesPlugin = function tablesPlugin(options, api) {
             return /*#__PURE__*/React.createElement(IconTable, null);
           },
           action: function action(insert, state) {
-            var _options$editorAnalyt2;
             var tr = insert(createTable({
               schema: state.schema
             }));
-            options === null || options === void 0 ? void 0 : (_options$editorAnalyt2 = options.editorAnalyticsAPI) === null || _options$editorAnalyt2 === void 0 ? void 0 : _options$editorAnalyt2.attachAnalyticsEvent({
+            editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
               action: ACTION.INSERTED,
               actionSubject: ACTION_SUBJECT.DOCUMENT,
               actionSubjectId: ACTION_SUBJECT_ID.TABLE,
@@ -333,7 +328,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
           }
         }];
       },
-      floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, function () {
+      floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, function () {
         return editorViewRef.current;
       })(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
     }

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

@@ -278,7 +278,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
          * We no longer use `containerWidth` as a variable to determine an update for table resizing (avoids unnecessary updates).
          * Instead we use the resize event to only trigger updates when necessary.
          */
-        window.addEventListener('resize', this.handleWindowResizeDebounced);
+        if (!getBooleanFF('platform.editor.custom-table-width')) {
+          window.addEventListener('resize', this.handleWindowResizeDebounced);
+        }
         this.handleTableResizingDebounced();
       }
       var currentStickyState = stickyHeadersPluginKey.getState(this.props.view.state);
@@ -297,8 +299,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       this.scaleTableDebounced.cancel();
       this.handleTableResizingDebounced.cancel();
       this.handleAutoSizeDebounced.cancel();
-      this.handleWindowResizeDebounced.cancel();
-      if (this.props.allowColumnResizing) {
+      if (!getBooleanFF('platform.editor.custom-table-width')) {
+        this.handleWindowResizeDebounced.cancel();
+      }
+      if (!getBooleanFF('platform.editor.custom-table-width') && this.props.allowColumnResizing) {
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
       if (this.overflowShadowsObserver) {

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

@@ -4,6 +4,7 @@ import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { TableCssClassName as ClassName } from '../types';
 import { TableResizer } from './TableResizer';
+import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
 var getMarginLeft = function getMarginLeft(_ref) {
   var lineLength = _ref.lineLength,
     tableWidth = _ref.tableWidth;
@@ -17,17 +18,13 @@ var getMarginLeft = function getMarginLeft(_ref) {
   return marginLeft;
 };
 export var InnerContainer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var marginLeft = _ref2.marginLeft,
-    className = _ref2.className,
-    width = _ref2.width,
+  var className = _ref2.className,
+    style = _ref2.style,
     node = _ref2.node,
     children = _ref2.children;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    style: {
-      width: width,
-      marginLeft: marginLeft
-    },
+    style: style,
     className: className,
     "data-number-column": node.attrs.isNumberColumnEnabled,
     "data-layout": node.attrs.layout,
@@ -39,6 +36,7 @@ export var ResizableTableContainer = function ResizableTableContainer(_ref3) {
     className = _ref3.className,
     node = _ref3.node,
     lineLength = _ref3.lineLength,
+    containerWidth = _ref3.containerWidth,
     editorView = _ref3.editorView,
     getPos = _ref3.getPos,
     tableRef = _ref3.tableRef;
@@ -48,19 +46,24 @@ export var ResizableTableContainer = function ResizableTableContainer(_ref3) {
     if (!containerRef.current || !innerContainerRef.current) {
       return;
     }
-    innerContainerRef.current.style.width = "".concat(width, "px");
     var marginLeft = getMarginLeft({
       lineLength: lineLength,
       tableWidth: width
     });
-    containerRef.current.style.width = "".concat(width, "px");
-    containerRef.current.style.marginLeft = "".concat(marginLeft, "px");
+    if (marginLeft) {
+      containerRef.current.style.marginLeft = "".concat(marginLeft, "px");
+    }
   }, [lineLength]);
-  var width = getTableContainerWidth(node);
+  var tableWidth = getTableContainerWidth(node);
+
+  // 76 is currently an accepted padding value considering the spacing for resizer handle
+  var responsiveContainerWidth = containerWidth - 76;
+  var width = Math.min(tableWidth, responsiveContainerWidth);
   var marginLeft = getMarginLeft({
     lineLength: lineLength,
     tableWidth: width
   });
+  var maxResizerWidth = Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       marginLeft: marginLeft,
@@ -70,6 +73,7 @@ export var ResizableTableContainer = function ResizableTableContainer(_ref3) {
     ref: containerRef
   }, /*#__PURE__*/React.createElement(TableResizer, {
     width: width,
+    maxWidth: maxResizerWidth,
     updateWidth: updateWidth,
     editorView: editorView,
     getPos: getPos,
@@ -78,9 +82,7 @@ export var ResizableTableContainer = function ResizableTableContainer(_ref3) {
   }, /*#__PURE__*/React.createElement(InnerContainer, {
     ref: innerContainerRef,
     className: className,
-    node: node,
-    width: width,
-    marginLeft: 0
+    node: node
   }, children)));
 };
 export var TableContainer = function TableContainer(_ref4) {
@@ -110,10 +112,12 @@ export var TableContainer = function TableContainer(_ref4) {
   return /*#__PURE__*/React.createElement(InnerContainer, {
     node: node,
     className: className,
-    width: tableWidth,
-    marginLeft: getMarginLeft({
-      lineLength: lineLength,
-      tableWidth: tableWidth
-    })
+    style: {
+      width: tableWidth,
+      marginLeft: getMarginLeft({
+        lineLength: lineLength,
+        tableWidth: tableWidth
+      })
+    }
   }, children);
 };

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

@@ -4,13 +4,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import rafSchd from 'raf-schd';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
-import { scaleTable, previewScaleTable, getColgroupChildrenLength, COLUMN_MIN_WIDTH, TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
+import { scaleTable, previewScaleTable, getColgroupChildrenLength, COLUMN_MIN_WIDTH } from '../pm-plugins/table-resizing/utils';
 var handles = {
   right: true
 };
 export var TableResizer = function TableResizer(_ref) {
   var children = _ref.children,
     width = _ref.width,
+    maxWidth = _ref.maxWidth,
     updateWidth = _ref.updateWidth,
     editorView = _ref.editorView,
     getPos = _ref.getPos,
@@ -63,6 +64,6 @@ export var TableResizer = function TableResizer(_ref) {
     },
     resizeRatio: 2,
     minWidth: minColumnWidth,
-    maxWidth: TABLE_MAX_WIDTH
+    maxWidth: maxWidth
   }, children);
 };

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

@@ -21,13 +21,17 @@ import { pluginKey as tableResizingPluginKey } from '../pm-plugins/table-resizin
 import { generateColgroup } from '../pm-plugins/table-resizing/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import TableComponent from './TableComponent';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 var tableAttributes = function tableAttributes(node) {
+  var style = getBooleanFF('platform.editor.custom-table-width') ? "width: ".concat(getTableContainerWidth(node), "px") : undefined;
   return {
     'data-number-column': node.attrs.isNumberColumnEnabled,
     'data-layout': node.attrs.layout,
     'data-autosize': node.attrs.__autoSize,
     'data-table-local-id': node.attrs.localId || '',
-    'data-table-width': node.attrs.width
+    'data-table-width': node.attrs.width,
+    style: style
   };
 };
 var toDOM = function toDOM(node, props) {

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/scale-table.js

@@ -3,6 +3,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getTableWidth } from '../../../utils';
 import { getLayoutSize } from '../utils/misc';
 import { reduceSpace } from '../utils/resize-logic';
@@ -101,7 +102,13 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
   var node = options.node,
     start = options.start,
     parentWidth = options.parentWidth;
-  if (!tableRef || !hasTableBeenResized(node)) {
+  if (!tableRef) {
+    return;
+  }
+  if (getBooleanFF('platform.editor.custom-table-width') && parentWidth) {
+    tableRef.style.width = "".concat(parentWidth, "px");
+  }
+  if (!hasTableBeenResized(node)) {
     return;
   }
   var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos) : scale(tableRef, options, domAtPos);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.7.3",
+	"version": "2.0.1",
 	"sideEffects": false
 }

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

@@ -1,6 +1,5 @@
 import type { Command } from '@atlaskit/editor-common/types';
 import { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import { PluginConfig } from './types';
 import type { GetEditorFeatureFlags, NextEditorPlugin } from '@atlaskit/editor-common/types';
@@ -13,7 +12,6 @@ interface TablePluginOptions {
     allowContextualMenu?: boolean;
     fullWidthEnabled?: boolean;
     wasFullWidthEnabled?: boolean;
-    editorAnalyticsAPI?: EditorAnalyticsAPI;
     editorSelectionAPI?: EditorSelectionAPI;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
 }

package/dist/types/plugins/table/nodeviews/TableContainer.d.ts

@@ -4,8 +4,10 @@ import { EditorView } from 'prosemirror-view';
 import { EditorContainerWidth } from '@atlaskit/editor-common/types';
 type InnerContainerProps = {
     className: string;
-    marginLeft: number | undefined;
-    width: number | 'inherit';
+    style?: {
+        width: number | 'inherit';
+        marginLeft: number | undefined;
+    };
     node: PMNode;
 };
 export declare const InnerContainer: React.ForwardRefExoticComponent<InnerContainerProps & {
@@ -20,7 +22,7 @@ type ResizableTableContainerProps = {
     getPos: () => number | undefined;
     tableRef: HTMLTableElement;
 };
-export declare const ResizableTableContainer: ({ children, className, node, lineLength, editorView, getPos, tableRef, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element;
+export declare const ResizableTableContainer: ({ children, className, node, lineLength, containerWidth, editorView, getPos, tableRef, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element;
 type TableContainerProps = {
     node: PMNode;
     className: string;

package/dist/types/plugins/table/nodeviews/TableResizer.d.ts

@@ -3,11 +3,12 @@ import { EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
 interface TableResizerProps {
     width: number;
+    maxWidth: number;
     updateWidth: (width: number) => void;
     editorView: EditorView;
     getPos: () => number | undefined;
     node: PMNode;
     tableRef: HTMLTableElement;
 }
-export declare const TableResizer: ({ children, width, updateWidth, editorView, getPos, node, tableRef, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, updateWidth, editorView, getPos, node, tableRef, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
 export {};

package/dist/types-ts4.5/plugins/table/index.d.ts

@@ -1,6 +1,5 @@
 import type { Command } from '@atlaskit/editor-common/types';
 import { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import { PluginConfig } from './types';
 import type { GetEditorFeatureFlags, NextEditorPlugin } from '@atlaskit/editor-common/types';
@@ -13,7 +12,6 @@ interface TablePluginOptions {
     allowContextualMenu?: boolean;
     fullWidthEnabled?: boolean;
     wasFullWidthEnabled?: boolean;
-    editorAnalyticsAPI?: EditorAnalyticsAPI;
     editorSelectionAPI?: EditorSelectionAPI;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
 }

package/dist/types-ts4.5/plugins/table/nodeviews/TableContainer.d.ts

@@ -4,8 +4,10 @@ import { EditorView } from 'prosemirror-view';
 import { EditorContainerWidth } from '@atlaskit/editor-common/types';
 type InnerContainerProps = {
     className: string;
-    marginLeft: number | undefined;
-    width: number | 'inherit';
+    style?: {
+        width: number | 'inherit';
+        marginLeft: number | undefined;
+    };
     node: PMNode;
 };
 export declare const InnerContainer: React.ForwardRefExoticComponent<InnerContainerProps & {
@@ -20,7 +22,7 @@ type ResizableTableContainerProps = {
     getPos: () => number | undefined;
     tableRef: HTMLTableElement;
 };
-export declare const ResizableTableContainer: ({ children, className, node, lineLength, editorView, getPos, tableRef, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element;
+export declare const ResizableTableContainer: ({ children, className, node, lineLength, containerWidth, editorView, getPos, tableRef, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element;
 type TableContainerProps = {
     node: PMNode;
     className: string;

package/dist/types-ts4.5/plugins/table/nodeviews/TableResizer.d.ts

@@ -3,11 +3,12 @@ import { EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
 interface TableResizerProps {
     width: number;
+    maxWidth: number;
     updateWidth: (width: number) => void;
     editorView: EditorView;
     getPos: () => number | undefined;
     node: PMNode;
     tableRef: HTMLTableElement;
 }
-export declare const TableResizer: ({ children, width, updateWidth, editorView, getPos, node, tableRef, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, updateWidth, editorView, getPos, node, tableRef, }: PropsWithChildren<TableResizerProps>) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "1.7.3",
+  "version": "2.0.1",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,8 +27,8 @@
     "releaseModel": "continuous"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^26.0.0",
-    "@atlaskit/editor-common": "^74.15.0",
+    "@atlaskit/adf-schema": "^26.1.0",
+    "@atlaskit/editor-common": "^74.18.0",
     "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-analytics": "^0.0.5",
     "@atlaskit/editor-plugin-content-insertion": "^0.0.5",
@@ -60,15 +60,13 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@af/editor-libra": "*",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/editor-core": "^185.8.0",
+    "@atlaskit/editor-core": "^185.11.0",
     "@atlaskit/editor-plugin-decorations": "^0.1.0",
     "@atlaskit/editor-plugin-feature-flags": "^0.1.0",
     "@atlaskit/editor-plugin-grid": "^0.1.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
-    "@atlaskit/editor-test-helpers": "^18.8.0",
-    "@atlaskit/media-integration-test-helpers": "^3.0.0",
+    "@atlaskit/editor-test-helpers": "^18.10.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -19,7 +19,6 @@ import { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
@@ -87,8 +86,6 @@ interface TablePluginOptions {
   // (undocumented)
   breakoutEnabled?: boolean;
   // (undocumented)
-  editorAnalyticsAPI?: EditorAnalyticsAPI;
-  // (undocumented)
   editorSelectionAPI?: EditorSelectionAPI;
   // (undocumented)
   fullWidthEnabled?: boolean;

package/src/__tests__/unit/analytics.ts

@@ -44,9 +44,9 @@ import tablePlugin from '../../plugins/table-plugin';
 import typeAheadPlugin from '@atlaskit/editor-core/src/plugins/type-ahead';
 import quickInsertPlugin from '@atlaskit/editor-core/src/plugins/quick-insert';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 
 const defaultTableDoc = doc(
   table()(
@@ -59,6 +59,16 @@ const defaultTableDoc = doc(
 const secondRow: Rect = { left: 0, top: 1, bottom: 2, right: 3 };
 const secondColumn: Rect = { left: 1, top: 0, bottom: 3, right: 2 };
 
+// We don't need to test if the analytics implementation works (tested elsewhere)
+// We just want to know if the action is called.
+const mockAttachPayload = jest.fn();
+const analyticsPluginFake = () => ({
+  name: 'analytics',
+  actions: {
+    attachAnalyticsEvent: mockAttachPayload.mockImplementation(() => () => {}),
+  },
+});
+
 describe('Table analytic events', () => {
   let editorAnalyticsAPIFake: EditorAnalyticsAPI;
   const analyticFireMock = jest.fn().mockReturnValue(jest.fn());
@@ -83,15 +93,15 @@ describe('Table analytic events', () => {
       doc,
       preset: new Preset<LightEditorPlugin>()
         .add([featureFlagsPlugin, {}])
-        .add([analyticsPlugin, {}])
+        .add([
+          analyticsPluginFake as unknown as typeof analyticsPlugin,
+          { createAnalyticsEvent: jest.fn() },
+        ])
         .add(typeAheadPlugin)
         .add(contentInsertionPlugin)
         .add(quickInsertPlugin)
         .add(widthPlugin)
-        .add([
-          tablePlugin,
-          { tableOptions, editorAnalyticsAPI: editorAnalyticsAPIFake },
-        ]),
+        .add([tablePlugin, { tableOptions }]),
       pluginKey,
     });
 
@@ -105,7 +115,7 @@ describe('Table analytic events', () => {
     });
 
     it('should fire v3 analytics', () => {
-      expect(analyticFireMock).toBeCalledWith({
+      expect(mockAttachPayload).toBeCalledWith({
         action: 'inserted',
         actionSubject: 'document',
         actionSubjectId: 'table',
@@ -218,7 +228,7 @@ describe('Table analytic events', () => {
       });
 
       it('should fire v3 analytics', () => {
-        expect(analyticFireMock).toHaveBeenCalledWith({
+        expect(mockAttachPayload).toHaveBeenCalledWith({
           action: 'cleared',
           actionSubject: 'table',
           actionSubjectId: null,
@@ -578,7 +588,7 @@ describe('Table analytic events', () => {
         });
 
         it('should fire v3 analytics', () => {
-          expect(analyticFireMock).toHaveBeenCalledWith({
+          expect(mockAttachPayload).toHaveBeenCalledWith({
             action: 'addedRow',
             actionSubject: 'table',
             actionSubjectId: null,
@@ -608,7 +618,7 @@ describe('Table analytic events', () => {
         });
 
         it('should fire v3 analytics', () => {
-          expect(analyticFireMock).toHaveBeenCalledWith({
+          expect(mockAttachPayload).toHaveBeenCalledWith({
             action: 'addedRow',
             actionSubject: 'table',
             actionSubjectId: null,