@atlaskit/editor-plugin-table 1.7.2 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-table
 
+## 2.0.0
+
+### Major Changes
+
+- [`bdb840c6eaa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bdb840c6eaa) - Remove EditorAnalyticsAPI parameter from tables plugin as it now gets this from `editor-plugin-analytics`. This parameter is unused and the action is just to remove it.
+
+  Fix issue where internal analytics plugin was not being called correctly.
+
+## 1.7.3
+
+### Patch Changes
+
+- [`5f5ba16de66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f5ba16de66) - [ED-13910] Fix prosemirror types
+- Updated dependencies
+
 ## 1.7.2
 
 ### Patch Changes

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

@@ -40,6 +40,7 @@ var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
   return {};
 };
 var tablesPlugin = function tablesPlugin(options, api) {
+  var _api$dependencies$ana;
   var editorViewRef = {
     current: null
   };
@@ -50,6 +51,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: {
@@ -91,19 +93,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 (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI);
         }
@@ -114,7 +112,6 @@ var tablesPlugin = function tablesPlugin(options, api) {
           var _ref4 = options || {},
             fullWidthEnabled = _ref4.fullWidthEnabled,
             tableOptions = _ref4.tableOptions,
-            editorAnalyticsAPI = _ref4.editorAnalyticsAPI,
             getEditorFeatureFlags = _ref4.getEditorFeatureFlags;
           var _pluginConfig = (0, _createPluginConfig.pluginConfig)(tableOptions),
             allowColumnResizing = _pluginConfig.allowColumnResizing;
@@ -133,7 +130,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
       {
         name: 'tableKeymap',
         plugin: function plugin() {
-          return (0, _keymap.keymapPlugin)(defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI);
+          return (0, _keymap.keymapPlugin)(defaultGetEditorContainerWidth, editorAnalyticsAPI);
         }
       }, {
         name: 'tableSelectionKeymap',
@@ -145,11 +142,10 @@ var tablesPlugin = function tablesPlugin(options, api) {
         plugin: function plugin() {
           return (0, _pmPlugins.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: _analytics.TABLE_ACTION.FIXED,
                 actionSubject: _analytics.ACTION_SUBJECT.TABLE,
                 actionSubjectId: null,
@@ -256,7 +252,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.default.createElement(_react.default.Fragment, null, targetCellPosition && tableRef && !isDragging && options && options.allowContextualMenu && /*#__PURE__*/_react.default.createElement(_FloatingContextualButton.default, {
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
@@ -283,7 +279,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.default.createElement(_FloatingContextualMenu.default, {
             editorView: editorView,
@@ -292,7 +288,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.default.createElement(_FloatingDeleteButton.default, {
@@ -304,7 +300,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);
         }
       }));
@@ -323,11 +319,10 @@ var tablesPlugin = function tablesPlugin(options, api) {
             return /*#__PURE__*/_react.default.createElement(_icons.IconTable, null);
           },
           action: function action(insert, state) {
-            var _options$editorAnalyt2;
             var tr = insert((0, _utils2.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: _analytics.ACTION.INSERTED,
               actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
               actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
@@ -340,7 +335,7 @@ var tablesPlugin = function tablesPlugin(options, api) {
           }
         }];
       },
-      floatingToolbar: (0, _toolbar.getToolbarConfig)(defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, function () {
+      floatingToolbar: (0, _toolbar.getToolbarConfig)(defaultGetEditorContainerWidth, editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, function () {
         return editorViewRef.current;
       })((0, _createPluginConfig.pluginConfig)(options === null || options === void 0 ? void 0 : options.tableOptions))
     }

package/dist/cjs/plugins/table/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -51,7 +51,8 @@ var createPlugin = function createPlugin() {
     },
     props: {
       decorations: function decorations(state) {
-        return tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state).decorations;
+        var _tableSafariDeleteCom;
+        return (_tableSafariDeleteCom = tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state)) === null || _tableSafariDeleteCom === void 0 ? void 0 : _tableSafariDeleteCom.decorations;
       },
       handleDOMEvents: {
         beforeinput: function beforeinput(view, event) {

package/dist/cjs/plugins/table/ui/FloatingContextualMenu/index.js

@@ -19,8 +19,8 @@ var _ContextualMenu = _interopRequireDefault(require("./ContextualMenu"));
 
 // offset of the contextual menu dropdown
 var calculateOffset = function calculateOffset(targetCellRef, state) {
-  var _pluginKey$getState = _pluginKey.pluginKey.getState(state),
-    tableRef = _pluginKey$getState.tableRef;
+  var _ref = _pluginKey.pluginKey.getState(state) || {},
+    tableRef = _ref.tableRef;
   var top = -_consts.contextualMenuTriggerSize;
   if (tableRef && targetCellRef) {
     var targetOffset = targetCellRef.getBoundingClientRect();
@@ -32,16 +32,16 @@ var calculateOffset = function calculateOffset(targetCellRef, state) {
   }
   return [_consts.contextualMenuTriggerSize / 2, top];
 };
-var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
-  var mountPoint = _ref.mountPoint,
-    boundariesElement = _ref.boundariesElement,
-    scrollableElement = _ref.scrollableElement,
-    editorView = _ref.editorView,
-    isOpen = _ref.isOpen,
-    pluginConfig = _ref.pluginConfig,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI,
-    getEditorContainerWidth = _ref.getEditorContainerWidth,
-    getEditorFeatureFlags = _ref.getEditorFeatureFlags;
+var FloatingContextualMenu = function FloatingContextualMenu(_ref2) {
+  var mountPoint = _ref2.mountPoint,
+    boundariesElement = _ref2.boundariesElement,
+    scrollableElement = _ref2.scrollableElement,
+    editorView = _ref2.editorView,
+    isOpen = _ref2.isOpen,
+    pluginConfig = _ref2.pluginConfig,
+    editorAnalyticsAPI = _ref2.editorAnalyticsAPI,
+    getEditorContainerWidth = _ref2.getEditorContainerWidth,
+    getEditorFeatureFlags = _ref2.getEditorFeatureFlags;
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
   var _getPluginState = (0, _pluginFactory.getPluginState)(editorView.state),
     targetCellPosition = _getPluginState.targetCellPosition;

package/dist/cjs/plugins/table/utils/nodes.js

@@ -62,12 +62,14 @@ var checkIfNumberColumnEnabled = function checkIfNumberColumnEnabled(selection)
 };
 exports.checkIfNumberColumnEnabled = checkIfNumberColumnEnabled;
 var isLayoutSupported = function isLayoutSupported(state) {
-  var permittedLayouts = _pluginKey.pluginKey.getState(state).pluginConfig.permittedLayouts;
+  var _pluginKey$getState;
+  var _ref = ((_pluginKey$getState = _pluginKey.pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.pluginConfig) || {},
+    permittedLayouts = _ref.permittedLayouts;
   var _state$schema$nodes = state.schema.nodes,
     bodiedExtension = _state$schema$nodes.bodiedExtension,
     layoutSection = _state$schema$nodes.layoutSection,
     expand = _state$schema$nodes.expand;
-  return !(0, _prosemirrorUtils.hasParentNodeOfType)([expand, layoutSection, bodiedExtension])(state.selection) && permittedLayouts && (permittedLayouts === 'all' || permittedLayouts.indexOf('default') > -1 && permittedLayouts.indexOf('wide') > -1 && permittedLayouts.indexOf('full-page') > -1);
+  return !(0, _prosemirrorUtils.hasParentNodeOfType)([expand, layoutSection, bodiedExtension])(state.selection) && !!permittedLayouts && (permittedLayouts === 'all' || permittedLayouts.indexOf('default') > -1 && permittedLayouts.indexOf('wide') > -1 && permittedLayouts.indexOf('full-width') > -1);
 };
 exports.isLayoutSupported = isLayoutSupported;
 var getTableWidth = function getTableWidth(node) {

package/dist/cjs/version.json

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

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

@@ -31,6 +31,7 @@ import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const defaultGetEditorFeatureFlags = () => ({});
 const tablesPlugin = (options, api) => {
+  var _api$dependencies$ana;
   const editorViewRef = {
     current: null
   };
@@ -41,6 +42,7 @@ const 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;
   };
+  const 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: {
@@ -85,17 +87,13 @@ const tablesPlugin = (options, api) => {
           portalProviderAPI,
           eventDispatcher
         }) => {
-          var _api$dependencies$ana;
           const {
             fullWidthEnabled,
             wasFullWidthEnabled,
             breakoutEnabled,
             tableOptions,
-            editorAnalyticsAPI,
             getEditorFeatureFlags
-          } = 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
-          };
+          } = options || {};
           return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI);
         }
       }, {
@@ -106,7 +104,6 @@ const tablesPlugin = (options, api) => {
           const {
             fullWidthEnabled,
             tableOptions,
-            editorAnalyticsAPI,
             getEditorFeatureFlags
           } = options || {};
           const {
@@ -124,7 +121,7 @@ const tablesPlugin = (options, api) => {
       // plugin as it is currently swallowing backspace events inside tables
       {
         name: 'tableKeymap',
-        plugin: () => keymapPlugin(defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI)
+        plugin: () => keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI)
       }, {
         name: 'tableSelectionKeymap',
         plugin: () => tableSelectionKeymapPlugin(options === null || options === void 0 ? void 0 : options.editorSelectionAPI)
@@ -136,8 +133,7 @@ const tablesPlugin = (options, api) => {
             tr,
             reason
           }) => {
-            var _options$editorAnalyt;
-            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,
@@ -245,7 +241,7 @@ const 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,
@@ -272,7 +268,7 @@ const 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,
@@ -281,7 +277,7 @@ const 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, {
@@ -293,7 +289,7 @@ const 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);
         }
       }));
@@ -310,11 +306,10 @@ const tablesPlugin = (options, api) => {
         keyshortcut: tooltip(toggleTable),
         icon: () => /*#__PURE__*/React.createElement(IconTable, null),
         action(insert, state) {
-          var _options$editorAnalyt2;
           const 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,
@@ -326,7 +321,7 @@ const tablesPlugin = (options, api) => {
           return tr;
         }
       }],
-      floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, options === null || options === void 0 ? void 0 : options.editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, () => editorViewRef.current)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
+      floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, () => editorViewRef.current)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
     }
   };
 };

package/dist/es2019/plugins/table/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -42,7 +42,10 @@ export const createPlugin = () => {
       }
     },
     props: {
-      decorations: state => tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state).decorations,
+      decorations: state => {
+        var _tableSafariDeleteCom;
+        return (_tableSafariDeleteCom = tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state)) === null || _tableSafariDeleteCom === void 0 ? void 0 : _tableSafariDeleteCom.decorations;
+      },
       handleDOMEvents: {
         beforeinput: (view, event) => {
           if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/index.js

@@ -14,7 +14,7 @@ import ContextualMenu from './ContextualMenu';
 const calculateOffset = (targetCellRef, state) => {
   const {
     tableRef
-  } = pluginKey.getState(state);
+  } = pluginKey.getState(state) || {};
   let top = -contextualMenuTriggerSize;
   if (tableRef && targetCellRef) {
     const targetOffset = targetCellRef.getBoundingClientRect();

package/dist/es2019/plugins/table/utils/nodes.js

@@ -40,15 +40,16 @@ export const checkIfHeaderColumnEnabled = selection => filterNearSelection(selec
 export const checkIfHeaderRowEnabled = selection => filterNearSelection(selection, findTable, containsHeaderRow, false);
 export const checkIfNumberColumnEnabled = selection => filterNearSelection(selection, findTable, table => !!table.attrs.isNumberColumnEnabled, false);
 export const isLayoutSupported = state => {
+  var _pluginKey$getState;
   const {
     permittedLayouts
-  } = pluginKey.getState(state).pluginConfig;
+  } = ((_pluginKey$getState = pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.pluginConfig) || {};
   const {
     bodiedExtension,
     layoutSection,
     expand
   } = state.schema.nodes;
-  return !hasParentNodeOfType([expand, layoutSection, bodiedExtension])(state.selection) && permittedLayouts && (permittedLayouts === 'all' || permittedLayouts.indexOf('default') > -1 && permittedLayouts.indexOf('wide') > -1 && permittedLayouts.indexOf('full-page') > -1);
+  return !hasParentNodeOfType([expand, layoutSection, bodiedExtension])(state.selection) && !!permittedLayouts && (permittedLayouts === 'all' || permittedLayouts.indexOf('default') > -1 && permittedLayouts.indexOf('wide') > -1 && permittedLayouts.indexOf('full-width') > -1);
 };
 export const getTableWidth = node => {
   return getTableWidths(node).reduce((acc, current) => acc + current, 0);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.7.2",
+	"version": "2.0.0",
 	"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/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -43,7 +43,8 @@ export var createPlugin = function createPlugin() {
     },
     props: {
       decorations: function decorations(state) {
-        return tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state).decorations;
+        var _tableSafariDeleteCom;
+        return (_tableSafariDeleteCom = tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state)) === null || _tableSafariDeleteCom === void 0 ? void 0 : _tableSafariDeleteCom.decorations;
       },
       handleDOMEvents: {
         beforeinput: function beforeinput(view, event) {

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

@@ -12,8 +12,8 @@ import ContextualMenu from './ContextualMenu';
 
 // offset of the contextual menu dropdown
 var calculateOffset = function calculateOffset(targetCellRef, state) {
-  var _pluginKey$getState = pluginKey.getState(state),
-    tableRef = _pluginKey$getState.tableRef;
+  var _ref = pluginKey.getState(state) || {},
+    tableRef = _ref.tableRef;
   var top = -contextualMenuTriggerSize;
   if (tableRef && targetCellRef) {
     var targetOffset = targetCellRef.getBoundingClientRect();
@@ -25,16 +25,16 @@ var calculateOffset = function calculateOffset(targetCellRef, state) {
   }
   return [contextualMenuTriggerSize / 2, top];
 };
-var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
-  var mountPoint = _ref.mountPoint,
-    boundariesElement = _ref.boundariesElement,
-    scrollableElement = _ref.scrollableElement,
-    editorView = _ref.editorView,
-    isOpen = _ref.isOpen,
-    pluginConfig = _ref.pluginConfig,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI,
-    getEditorContainerWidth = _ref.getEditorContainerWidth,
-    getEditorFeatureFlags = _ref.getEditorFeatureFlags;
+var FloatingContextualMenu = function FloatingContextualMenu(_ref2) {
+  var mountPoint = _ref2.mountPoint,
+    boundariesElement = _ref2.boundariesElement,
+    scrollableElement = _ref2.scrollableElement,
+    editorView = _ref2.editorView,
+    isOpen = _ref2.isOpen,
+    pluginConfig = _ref2.pluginConfig,
+    editorAnalyticsAPI = _ref2.editorAnalyticsAPI,
+    getEditorContainerWidth = _ref2.getEditorContainerWidth,
+    getEditorFeatureFlags = _ref2.getEditorFeatureFlags;
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
   var _getPluginState = getPluginState(editorView.state),
     targetCellPosition = _getPluginState.targetCellPosition;

package/dist/esm/plugins/table/utils/nodes.js

@@ -49,12 +49,14 @@ export var checkIfNumberColumnEnabled = function checkIfNumberColumnEnabled(sele
   }, false);
 };
 export var isLayoutSupported = function isLayoutSupported(state) {
-  var permittedLayouts = pluginKey.getState(state).pluginConfig.permittedLayouts;
+  var _pluginKey$getState;
+  var _ref = ((_pluginKey$getState = pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.pluginConfig) || {},
+    permittedLayouts = _ref.permittedLayouts;
   var _state$schema$nodes = state.schema.nodes,
     bodiedExtension = _state$schema$nodes.bodiedExtension,
     layoutSection = _state$schema$nodes.layoutSection,
     expand = _state$schema$nodes.expand;
-  return !hasParentNodeOfType([expand, layoutSection, bodiedExtension])(state.selection) && permittedLayouts && (permittedLayouts === 'all' || permittedLayouts.indexOf('default') > -1 && permittedLayouts.indexOf('wide') > -1 && permittedLayouts.indexOf('full-page') > -1);
+  return !hasParentNodeOfType([expand, layoutSection, bodiedExtension])(state.selection) && !!permittedLayouts && (permittedLayouts === 'all' || permittedLayouts.indexOf('default') > -1 && permittedLayouts.indexOf('wide') > -1 && permittedLayouts.indexOf('full-width') > -1);
 };
 export var getTableWidth = function getTableWidth(node) {
   return getTableWidths(node).reduce(function (acc, current) {

package/dist/esm/version.json

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

package/dist/types/plugins/table/commands/insert.d.ts

@@ -2,7 +2,7 @@ import { Transaction } from 'prosemirror-state';
 import { Command } from '@atlaskit/editor-common/types';
 import { EditorView } from 'prosemirror-view';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
-export declare function addColumnAt(getEditorContainerWidth: GetEditorContainerWidth): (column: number, allowAddColumnCustomStep: boolean | undefined, view: EditorView | undefined) => (tr: Transaction) => Transaction<any>;
+export declare function addColumnAt(getEditorContainerWidth: GetEditorContainerWidth): (column: number, allowAddColumnCustomStep: boolean | undefined, view: EditorView | undefined) => (tr: Transaction) => Transaction;
 export declare const addColumnBefore: (getEditorContainerWidth: GetEditorContainerWidth) => Command;
 export declare const addColumnAfter: (getEditorContainerWidth: GetEditorContainerWidth) => Command;
 export declare const insertColumn: (getEditorContainerWidth: GetEditorContainerWidth) => (column: number) => Command;

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/table.d.ts

@@ -16,11 +16,11 @@ export default class TableView extends ReactNodeView<Props> {
     getPos: getPosHandlerNode;
     constructor(props: Props);
     getContentDOM(): {
-        dom: Node;
-        contentDOM?: Node | null | undefined;
+        dom: HTMLElement;
+        contentDOM?: HTMLElement | undefined;
     };
     setDomAttrs(node: PmNode): void;
-    getNode: () => PmNode<any>;
+    getNode: () => PmNode;
     render(props: Props, forwardRef: ForwardRef): JSX.Element;
     private hasHoveredRows;
     viewShouldUpdate(nextNode: PmNode): boolean;