@atlaskit/editor-core 172.1.2 → 172.2.0

package/dist/cjs/plugins/analytics/types/node-events.js

@@ -3,24 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SMART_LINK_TYPE = exports.LAYOUT_TYPE = void 0;
-var LAYOUT_TYPE;
-exports.LAYOUT_TYPE = LAYOUT_TYPE;
-
-(function (LAYOUT_TYPE) {
-  LAYOUT_TYPE["SINGLE_COL"] = "singleColumn";
-  LAYOUT_TYPE["TWO_COLS_EQUAL"] = "twoColumnsEqual";
-  LAYOUT_TYPE["THREE_COLS_EQUAL"] = "threeColumnsEqual";
-  LAYOUT_TYPE["LEFT_SIDEBAR"] = "twoColumnsLeftSidebar";
-  LAYOUT_TYPE["RIGHT_SIDEBAR"] = "twoColumnsRightSidebar";
-  LAYOUT_TYPE["THREE_WITH_SIDEBARS"] = "threeColumnsWithSidebars ";
-})(LAYOUT_TYPE || (exports.LAYOUT_TYPE = LAYOUT_TYPE = {}));
-
-var SMART_LINK_TYPE;
-exports.SMART_LINK_TYPE = SMART_LINK_TYPE;
+Object.defineProperty(exports, "LAYOUT_TYPE", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.LAYOUT_TYPE;
+  }
+});
+Object.defineProperty(exports, "SMART_LINK_TYPE", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.SMART_LINK_TYPE;
+  }
+});
 
-(function (SMART_LINK_TYPE) {
-  SMART_LINK_TYPE["INLINE_CARD"] = "inline";
-  SMART_LINK_TYPE["BLOCK_CARD"] = "block";
-  SMART_LINK_TYPE["URL"] = "url";
-})(SMART_LINK_TYPE || (exports.SMART_LINK_TYPE = SMART_LINK_TYPE = {}));
+var _analytics = require("@atlaskit/editor-common/analytics");

package/dist/cjs/plugins/analytics/types/smart-links.js

@@ -3,17 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLinkNodeContexts = void 0;
-var SmartLinkNodeContexts = {
-  doc: 'doc',
-  blockquote: 'blockquote',
-  tableCell: 'tableCell',
-  tableHeader: 'tableHeader',
-  decisionList: 'decisionList',
-  taskList: 'taskList',
-  bodiedExtension: 'bodiedExtension',
-  listItem: 'listItem',
-  panel: 'panel',
-  mixed: 'mixed'
-};
-exports.SmartLinkNodeContexts = SmartLinkNodeContexts;
+Object.defineProperty(exports, "SmartLinkNodeContexts", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.SmartLinkNodeContexts;
+  }
+});
+
+var _analytics = require("@atlaskit/editor-common/analytics");

package/dist/cjs/plugins/analytics/types/toolbar-button.js

@@ -3,24 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOOLBAR_ACTION_SUBJECT_ID = void 0;
-var TOOLBAR_ACTION_SUBJECT_ID;
-exports.TOOLBAR_ACTION_SUBJECT_ID = TOOLBAR_ACTION_SUBJECT_ID;
+Object.defineProperty(exports, "TOOLBAR_ACTION_SUBJECT_ID", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.TOOLBAR_ACTION_SUBJECT_ID;
+  }
+});
 
-(function (TOOLBAR_ACTION_SUBJECT_ID) {
-  TOOLBAR_ACTION_SUBJECT_ID["FIND_REPLACE"] = "findReplace";
-  TOOLBAR_ACTION_SUBJECT_ID["EMOJI"] = "emoji";
-  TOOLBAR_ACTION_SUBJECT_ID["ORDERED_LIST"] = "orderedList";
-  TOOLBAR_ACTION_SUBJECT_ID["BULLET_LIST"] = "bulletList";
-  TOOLBAR_ACTION_SUBJECT_ID["MEDIA"] = "media";
-  TOOLBAR_ACTION_SUBJECT_ID["MENTION"] = "mention";
-  TOOLBAR_ACTION_SUBJECT_ID["DECISION_LIST"] = "decisionList";
-  TOOLBAR_ACTION_SUBJECT_ID["TASK_LIST"] = "taskList";
-  TOOLBAR_ACTION_SUBJECT_ID["TEXT_COLOR"] = "color";
-  TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_STRONG"] = "strong";
-  TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_ITALIC"] = "italic";
-  TOOLBAR_ACTION_SUBJECT_ID["UNDO"] = "undo";
-  TOOLBAR_ACTION_SUBJECT_ID["REDO"] = "redo";
-  TOOLBAR_ACTION_SUBJECT_ID["INDENT"] = "indent";
-  TOOLBAR_ACTION_SUBJECT_ID["OUTDENT"] = "outdent";
-})(TOOLBAR_ACTION_SUBJECT_ID || (exports.TOOLBAR_ACTION_SUBJECT_ID = TOOLBAR_ACTION_SUBJECT_ID = {}));
+var _analytics = require("@atlaskit/editor-common/analytics");

package/dist/cjs/plugins/analytics/utils.js

@@ -6,38 +6,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addAnalytics = addAnalytics;
-exports.findInsertLocation = findInsertLocation;
+Object.defineProperty(exports, "findInsertLocation", {
+  enumerable: true,
+  get: function get() {
+    return _editorStateContext.findInsertLocation;
+  }
+});
 exports.getAnalyticsEventsFromTransaction = getAnalyticsEventsFromTransaction;
-exports.getSelectionType = getSelectionType;
-exports.getStateContext = getStateContext;
-exports.mapActionSubjectIdToAttributes = mapActionSubjectIdToAttributes;
+Object.defineProperty(exports, "getSelectionType", {
+  enumerable: true,
+  get: function get() {
+    return _editorStateContext.getSelectionType;
+  }
+});
+Object.defineProperty(exports, "getStateContext", {
+  enumerable: true,
+  get: function get() {
+    return _editorStateContext.getStateContext;
+  }
+});
+Object.defineProperty(exports, "mapActionSubjectIdToAttributes", {
+  enumerable: true,
+  get: function get() {
+    return _mapAttributes.mapActionSubjectIdToAttributes;
+  }
+});
 exports.withAnalytics = withAnalytics;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _prosemirrorUtils = require("prosemirror-utils");
-
-var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-
-var _prosemirrorState = require("prosemirror-state");
-
-var _selection = require("../selection/gap-cursor/selection");
-
 var _steps = require("@atlaskit/adf-schema/steps");
 
 var _consts = require("./consts");
 
-var _types = require("./types");
-
-var _utils = require("./types/utils");
-
 var _pluginKey = require("./plugin-key");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+var _attachPayloadIntoTransaction = require("../../analytics-api/attach-payload-into-transaction");
 
-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) { (0, _defineProperty2.default)(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; }
+var _mapAttributes = require("../../analytics-api/map-attributes");
+
+var _editorStateContext = require("../../analytics-api/editor-state-context");
 
 function getCreateUIAnalyticsEvent(editorState) {
   var _analyticsPluginKey$g;
@@ -45,118 +53,20 @@ function getCreateUIAnalyticsEvent(editorState) {
   return (_analyticsPluginKey$g = _pluginKey.analyticsPluginKey.getState(editorState)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.createAnalyticsEvent;
 }
 
-function getStateContext(state, payload) {
-  if (!payload.attributes) {
-    return payload;
-  }
-
-  var _getSelectionType = getSelectionType(state),
-      type = _getSelectionType.type,
-      position = _getSelectionType.position;
-
-  payload.attributes.selectionType = type;
-
-  if (position) {
-    payload.attributes.selectionPosition = position;
-  }
-
-  var insertLocation = findInsertLocation(state);
-
-  if (payload.action === _types.ACTION.INSERTED && payload.actionSubject === _types.ACTION_SUBJECT.DOCUMENT && payload.attributes) {
-    payload.attributes.insertLocation = insertLocation;
-  } else {
-    payload.attributes.nodeLocation = insertLocation;
-  }
-
-  return payload;
-}
-
-function mapActionSubjectIdToAttributes(payload) {
-  var documentInserted = payload.action === _types.ACTION.INSERTED && payload.actionSubject === _types.ACTION_SUBJECT.DOCUMENT;
-  var textFormatted = payload.action === _types.ACTION.FORMATTED && payload.actionSubject === _types.ACTION_SUBJECT.TEXT;
-  var hasActionSubjectId = !!payload.actionSubjectId;
-
-  if (hasActionSubjectId && (documentInserted || textFormatted)) {
-    payload.attributes = _objectSpread(_objectSpread({}, payload.attributes), {}, {
-      actionSubjectId: payload.actionSubjectId
-    });
-  }
-
-  return payload;
-}
-
-function getSelectionType(state) {
-  var selection = state.selection;
-  var type;
-  var position;
-
-  if (selection instanceof _selection.GapCursorSelection) {
-    type = _utils.SELECTION_TYPE.GAP_CURSOR;
-    position = selection.side === _selection.Side.LEFT ? _utils.SELECTION_POSITION.LEFT : _utils.SELECTION_POSITION.RIGHT;
-  } else if (selection instanceof _cellSelection.CellSelection) {
-    type = _utils.SELECTION_TYPE.CELL;
-  } else if (selection instanceof _prosemirrorState.NodeSelection) {
-    type = _utils.SELECTION_TYPE.NODE;
-  } else if (selection.from !== selection.to) {
-    type = _utils.SELECTION_TYPE.RANGED;
-  } else {
-    type = _utils.SELECTION_TYPE.CURSOR;
-    var from = selection.from,
-        $from = selection.$from;
-
-    if (from === $from.start()) {
-      position = _utils.SELECTION_POSITION.START;
-    } else if (from === $from.end()) {
-      position = _utils.SELECTION_POSITION.END;
-    } else {
-      position = _utils.SELECTION_POSITION.MIDDLE;
-    }
-  }
-
-  return {
-    type: type,
-    position: position
-  };
-}
-
-function findInsertLocation(state) {
-  var selection = state.selection;
-
-  if (selection instanceof _prosemirrorState.NodeSelection) {
-    return selection.node.type.name;
-  }
-
-  if (selection instanceof _cellSelection.CellSelection) {
-    return state.schema.nodes.table.name;
-  } // Text selection
-
-
-  var parentNodeInfo = (0, _prosemirrorUtils.findParentNode)(function (node) {
-    return node.type !== state.schema.nodes.paragraph;
-  })(state.selection);
-  return parentNodeInfo ? parentNodeInfo.node.type.name : state.doc.type.name;
-}
-
-var actionsToIgnore = [_types.ACTION.INVOKED, _types.ACTION.OPENED];
-
 function addAnalytics(state, tr, payload) {
   var channel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _consts.editorAnalyticsChannel;
   var createAnalyticsEvent = getCreateUIAnalyticsEvent(state);
-  payload = getStateContext(state, payload);
-  payload = mapActionSubjectIdToAttributes(payload);
-
-  if (createAnalyticsEvent) {
-    var storedMarks = tr.storedMarks;
-    tr.step(new _steps.AnalyticsStep([{
-      payload: payload,
-      channel: channel
-    }], actionsToIgnore, tr.selection.$from.pos)); // When you add a new step all the storedMarks are removed it
-
-    if (storedMarks) {
-      tr.setStoredMarks(storedMarks);
-    }
+
+  if (!createAnalyticsEvent) {
+    return tr;
   }
 
+  (0, _attachPayloadIntoTransaction.attachPayloadIntoTransaction)({
+    tr: tr,
+    editorState: state,
+    payload: payload,
+    channel: channel
+  });
   return tr;
 }
 

package/dist/cjs/plugins/expand/utils.js

@@ -3,50 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformSliceToRemoveOpenExpand = exports.transformSliceNestedExpandToExpand = exports.findExpand = void 0;
-
-var _prosemirrorUtils = require("prosemirror-utils");
-
-var _prosemirrorModel = require("prosemirror-model");
-
-var _slice = require("../../utils/slice");
-
-var findExpand = function findExpand(state, selection) {
-  var _state$schema$nodes = state.schema.nodes,
-      expand = _state$schema$nodes.expand,
-      nestedExpand = _state$schema$nodes.nestedExpand;
-  return (0, _prosemirrorUtils.findSelectedNodeOfType)([expand, nestedExpand])(selection || state.selection) || (0, _prosemirrorUtils.findParentNodeOfType)([expand, nestedExpand])(selection || state.selection);
-}; // If the top level is a single expand, and the expand is not
-// a part of copied content, then return unwrap contents.
-// This is needed for handling content copied from expand.
-// https://product-fabric.atlassian.net/browse/ED-9146
-
-
-exports.findExpand = findExpand;
-
-var transformSliceToRemoveOpenExpand = function transformSliceToRemoveOpenExpand(slice, schema) {
-  if (slice.openStart > 1 && slice.openEnd > 1 && slice.content.childCount === 1 && slice.content.firstChild && slice.content.firstChild.type === schema.nodes.expand) {
-    return new _prosemirrorModel.Slice(slice.content.firstChild.content, slice.openStart - 1, slice.openEnd - 1);
+Object.defineProperty(exports, "findExpand", {
+  enumerable: true,
+  get: function get() {
+    return _transforms.findExpand;
   }
+});
+Object.defineProperty(exports, "transformSliceNestedExpandToExpand", {
+  enumerable: true,
+  get: function get() {
+    return _transforms.transformSliceNestedExpandToExpand;
+  }
+});
+Object.defineProperty(exports, "transformSliceToRemoveOpenExpand", {
+  enumerable: true,
+  get: function get() {
+    return _transforms.transformSliceToRemoveOpenExpand;
+  }
+});
 
-  return slice;
-};
-
-exports.transformSliceToRemoveOpenExpand = transformSliceToRemoveOpenExpand;
-
-var transformSliceNestedExpandToExpand = function transformSliceNestedExpandToExpand(slice, schema) {
-  var _schema$nodes = schema.nodes,
-      expand = _schema$nodes.expand,
-      nestedExpand = _schema$nodes.nestedExpand;
-  var children = [];
-  (0, _slice.mapChildren)(slice.content, function (node) {
-    if (node.type === nestedExpand) {
-      children.push(expand.createChecked(node.attrs, node.content, node.marks));
-    } else {
-      children.push(node);
-    }
-  });
-  return new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.fromArray(children), slice.openStart, slice.openEnd);
-};
-
-exports.transformSliceNestedExpandToExpand = transformSliceNestedExpandToExpand;
+var _transforms = require("@atlaskit/editor-common/transforms");

package/dist/cjs/plugins/extension/actions.js

@@ -5,7 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateExtensionParams = exports.transformSliceToRemoveOpenBodiedExtension = exports.performNodeUpdate = exports.editSelectedExtension = exports.editExtension = exports.buildExtensionNode = void 0;
+exports.performNodeUpdate = exports.editSelectedExtension = exports.editExtension = exports.buildExtensionNode = void 0;
+Object.defineProperty(exports, "transformSliceToRemoveOpenBodiedExtension", {
+  enumerable: true,
+  get: function get() {
+    return _transforms.transformSliceToRemoveOpenBodiedExtension;
+  }
+});
+exports.updateExtensionParams = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -13,13 +20,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
-var _slice = require("../../utils/slice");
+var _transforms = require("@atlaskit/editor-common/transforms");
 
 var _analytics = require("../analytics");
 
@@ -256,30 +261,5 @@ var editExtension = function editExtension(macroProvider, updateExtension) {
     return true;
   };
 };
-/**
- * Lift content out of "open" top-level bodiedExtensions.
- * Will not work if bodiedExtensions are nested, or when bodiedExtensions are not in the top level
- */
-
-
-exports.editExtension = editExtension;
-
-var transformSliceToRemoveOpenBodiedExtension = function transformSliceToRemoveOpenBodiedExtension(slice, schema) {
-  var bodiedExtension = schema.nodes.bodiedExtension;
-  var fragment = (0, _slice.mapFragment)(slice.content, function (node, parent, index) {
-    if (node.type === bodiedExtension && !parent) {
-      var currentNodeIsAtStartAndIsOpen = slice.openStart && index === 0;
-      var currentNodeIsAtEndAndIsOpen = slice.openEnd && index + 1 === slice.content.childCount;
-
-      if (currentNodeIsAtStartAndIsOpen || currentNodeIsAtEndAndIsOpen) {
-        return node.content;
-      }
-    }
-
-    return node;
-  }); // If the first/last child has changed - then we know we've removed a bodied extension & to decrement the open depth
-
-  return new _prosemirrorModel.Slice(fragment, fragment.firstChild && fragment.firstChild.type !== slice.content.firstChild.type ? slice.openStart - 1 : slice.openStart, fragment.lastChild && fragment.lastChild.type !== slice.content.lastChild.type ? slice.openEnd - 1 : slice.openEnd);
-};
 
-exports.transformSliceToRemoveOpenBodiedExtension = transformSliceToRemoveOpenBodiedExtension;
+exports.editExtension = editExtension;

package/dist/cjs/plugins/extension/ui/Extension/styles.js

@@ -5,26 +5,36 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapperDefault = exports.styledImage = exports.placeholderFallbackParams = exports.placeholderFallback = exports.padding = exports.overlay = exports.BODIED_EXT_PADDING = void 0;
+Object.defineProperty(exports, "BODIED_EXT_PADDING", {
+  enumerable: true,
+  get: function get() {
+    return _styles.BODIED_EXT_PADDING;
+  }
+});
+exports.overlay = void 0;
+Object.defineProperty(exports, "padding", {
+  enumerable: true,
+  get: function get() {
+    return _styles.EXTENSION_PADDING;
+  }
+});
+exports.wrapperDefault = exports.styledImage = exports.placeholderFallbackParams = exports.placeholderFallback = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _react = require("@emotion/react");
 
-var _constants = require("@atlaskit/theme/constants");
-
 var _components = require("@atlaskit/theme/components");
 
+var _constants = require("@atlaskit/theme/constants");
+
 var _colors = require("@atlaskit/theme/colors");
 
 var _tokens = require("@atlaskit/tokens");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _styles = require("@atlaskit/editor-common/styles");
 
-var padding = (0, _constants.gridSize)();
-exports.padding = padding;
-var BODIED_EXT_PADDING = padding * 2;
-exports.BODIED_EXT_PADDING = BODIED_EXT_PADDING;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var wrapperDefault = function wrapperDefault(theme) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  position: relative;\n  vertical-align: middle;\n\n  .ProseMirror-selectednode > span > & > .extension-overlay {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n    opacity: 1;\n  }\n\n  &.with-overlay {\n    .extension-overlay {\n      background: ", ";\n      color: transparent;\n    }\n\n    &:hover .extension-overlay {\n      opacity: 1;\n    }\n  }\n"])), (0, _components.themed)({

package/dist/cjs/plugins/insert-block/index.js

@@ -119,6 +119,7 @@ var insertBlockPlugin = function insertBlockPlugin() {
                 placeholderTextState = _ref2.placeholderTextState,
                 layoutState = _ref2.layoutState;
             return /*#__PURE__*/_react.default.createElement(_ToolbarInsertBlock.default, {
+              insertNodeAPI: options.insertNodeAPI,
               buttons: buttons,
               isReducedSpacing: isToolbarReducedSpacing,
               isDisabled: disabled,

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -39,21 +39,19 @@ var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButto
 
 var _styles = require("../../../../ui/styles");
 
-var _commands = require("../../../table/commands");
-
 var _actions = require("../../../date/actions");
 
-var _commands2 = require("../../../quick-insert/commands");
+var _commands = require("../../../quick-insert/commands");
 
 var _actions2 = require("../../../placeholder-text/actions");
 
 var _actions3 = require("../../../layout/actions");
 
-var _commands3 = require("../../../tasks-and-decisions/commands");
+var _commands2 = require("../../../tasks-and-decisions/commands");
 
-var _commands4 = require("../../../expand/commands");
+var _commands3 = require("../../../expand/commands");
 
-var _commands5 = require("../../../hyperlink/commands");
+var _commands4 = require("../../../hyperlink/commands");
 
 var _api = require("../../../type-ahead/api");
 
@@ -69,7 +67,7 @@ var _createItems3 = require("./create-items");
 
 var _blockInsertMenu = require("./block-insert-menu");
 
-var _commands6 = require("../../../rule/commands");
+var _commands5 = require("../../../rule/commands");
 
 var _withOuterListeners = _interopRequireDefault(require("../../../../ui/with-outer-listeners"));
 
@@ -214,7 +212,7 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleLinkPanel", function (inputMethod) {
       var editorView = _this.props.editorView;
-      (0, _commands5.showLinkToolbar)(inputMethod)(editorView.state, editorView.dispatch);
+      (0, _commands4.showLinkToolbar)(inputMethod)(editorView.state, editorView.dispatch);
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertMention", function (inputMethod) {
@@ -228,16 +226,27 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTable", function (inputMethod) {
-      var editorView = _this.props.editorView;
-      return (0, _analytics.withAnalytics)({
-        action: _analytics.ACTION.INSERTED,
-        actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
-        attributes: {
-          inputMethod: inputMethod
-        },
-        eventType: _analytics.EVENT_TYPE.TRACK
-      })((0, _commands.createTable)())(editorView.state, editorView.dispatch);
+      var insertNodeAPI = _this.props.insertNodeAPI;
+
+      if (!insertNodeAPI) {
+        return false;
+      }
+
+      return insertNodeAPI.insert({
+        node: 'table',
+        options: {
+          selectNodeInserted: false,
+          analyticsPayload: {
+            action: _analytics.ACTION.INSERTED,
+            actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+            actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
+            attributes: {
+              inputMethod: inputMethod
+            },
+            eventType: _analytics.EVENT_TYPE.TRACK
+          }
+        }
+      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createDate", function (inputMethod) {
       var editorView = _this.props.editorView;
@@ -288,20 +297,20 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
             state = _this$props$editorVie.state,
             dispatch = _this$props$editorVie.dispatch;
         var listType = name === 'action' ? 'taskList' : 'decisionList';
-        return (0, _commands3.insertTaskDecisionCommand)(listType, inputMethod)(state, dispatch);
+        return (0, _commands2.insertTaskDecisionCommand)(listType, inputMethod)(state, dispatch);
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
       var _this$props$editorVie2 = _this.props.editorView,
           state = _this$props$editorVie2.state,
           dispatch = _this$props$editorVie2.dispatch;
-      return (0, _commands6.insertHorizontalRule)(inputMethod)(state, dispatch);
+      return (0, _commands5.insertHorizontalRule)(inputMethod)(state, dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
       var _this$props$editorVie3 = _this.props.editorView,
           state = _this$props$editorVie3.state,
           dispatch = _this$props$editorVie3.dispatch;
-      return (0, _commands4.insertExpand)(state, dispatch);
+      return (0, _commands3.insertExpand)(state, dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
       return function () {
@@ -324,7 +333,7 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openElementBrowser", function () {
-      (0, _commands2.openElementBrowserModal)()(_this.props.editorView.state, _this.props.editorView.dispatch);
+      (0, _commands.openElementBrowserModal)()(_this.props.editorView.state, _this.props.editorView.dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref) {
       var item = _ref.item,