@atlaskit/editor-core 153.1.1 → 154.0.0

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

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _version = require("../../version.json");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 FABRIC_CHANNEL = 'fabric-elements';
 exports.FABRIC_CHANNEL = FABRIC_CHANNEL;

package/dist/cjs/plugins/status/nodeviews/status.js

@@ -34,7 +34,7 @@ var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _element = require("@atlaskit/status/element");
 
@@ -148,13 +148,13 @@ var StatusNodeView = /*#__PURE__*/function (_ReactNodeView) {
           style = _this$node$attrs.style;
       return /*#__PURE__*/_react.default.createElement(_InlineNodeWrapper.default, {
         useInlineWrapper: options && options.useInlineWrapper
-      }, /*#__PURE__*/_react.default.createElement(IntlStatusContainerView, {
+      }, options && options.allowZeroWidthSpaceAfter && _utils.ZERO_WIDTH_SPACE, /*#__PURE__*/_react.default.createElement(IntlStatusContainerView, {
         view: this.view,
         text: text,
         color: color,
         style: style,
         localId: localId
-      }), options && options.allowZeroWidthSpaceAfter && _editorCommon.ZERO_WIDTH_SPACE);
+      }), options && options.allowZeroWidthSpaceAfter && _utils.ZERO_WIDTH_SPACE);
     }
   }]);
   return StatusNodeView;

package/dist/cjs/plugins/status/plugin.js

@@ -23,19 +23,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _prosemirrorState = require("prosemirror-state");
 
-var _prosemirrorView = require("prosemirror-view");
-
-var _editorCommon = require("@atlaskit/editor-common");
-
 var _status = _interopRequireDefault(require("./nodeviews/status"));
 
 var _pluginKey = require("./plugin-key");
 
 var _utils = require("./utils");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 createPlugin = function createPlugin(dispatch, portalProviderAPI, eventDispatcher, options) {
   return new _prosemirrorState.Plugin({
@@ -139,26 +135,6 @@ var createPlugin = function createPlugin(dispatch, portalProviderAPI, eventDispa
     props: {
       nodeViews: {
         status: (0, _status.default)(portalProviderAPI, eventDispatcher, options)
-      },
-      decorations: function decorations(state) {
-        var tr = state.tr;
-        var nodeAtSelection = tr.doc.nodeAt(tr.selection.from);
-
-        if (options && options.allowZeroWidthSpaceAfter && nodeAtSelection && nodeAtSelection.type === state.schema.nodes.status) {
-          var delayedNodeRendering = function delayedNodeRendering() {
-            return document.createTextNode(_editorCommon.ZERO_WIDTH_SPACE);
-          };
-
-          var decoration = _prosemirrorView.Decoration.widget(tr.selection.from, delayedNodeRendering, {
-            side: 1,
-            key: '#status-zero-width-char-decoration'
-          });
-
-          var doc = state.doc;
-          return _prosemirrorView.DecorationSet.create(doc, [decoration]);
-        }
-
-        return null;
       }
     }
   });

package/dist/cjs/plugins/status/styles.js

@@ -11,11 +11,11 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = require("styled-components");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject;
 
-var statusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default\n    // as it will make all inline nodes inline-block by default\n    display: inline-block;\n    user-select: all;\n\n    > span {\n      display: inline-block;\n      cursor: pointer;\n      line-height: 0; /* Prevent responsive layouts increasing height of container. */\n    }\n\n    &.", "\n      .", "\n      > span {\n      ", "\n    }\n  }\n\n  .danger {\n    .", " > span {\n      background-color: ", ";\n    }\n\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px ", ";\n    }\n  }\n"])), _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
+var statusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", ",\n    .", ",\n    [data-layout-section] {\n    .", " {\n      max-width: 100%;\n      line-height: 0;\n\n      > span {\n        width: 100%;\n      }\n    }\n  }\n  .", " {\n    // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default\n    // as it will make all inline nodes inline-block by default\n    display: inline-block;\n    user-select: all;\n\n    > span {\n      display: inline-block;\n      cursor: pointer;\n      line-height: 0; /* Prevent responsive layouts increasing height of container. */\n    }\n\n    &.", "\n      .", "\n      > span {\n      ", "\n    }\n  }\n\n  .danger {\n    .", " > span {\n      background-color: ", ";\n    }\n\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px ", ";\n    }\n  }\n"])), _styles.TableSharedCssClassName.TABLE_CELL_WRAPPER, _styles.TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
 exports.statusStyles = statusStyles;

package/dist/cjs/plugins/status/ui/statusPicker.js

@@ -29,7 +29,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -53,7 +53,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var PopupWithListeners = (0, _withOuterListeners.default)(_editorCommon.Popup);
+var PopupWithListeners = (0, _withOuterListeners.default)(_ui.Popup);
 var InputMethod;
 exports.InputMethod = InputMethod;
 

package/dist/cjs/plugins/table/commands/collapse.js

@@ -8,14 +8,14 @@ exports.wrapTableInExpand = void 0;
 var _collapse = require("../utils/collapse");
 
 var wrapTableInExpand = function wrapTableInExpand(state, dispatch) {
-  var canCollapseTr = (0, _collapse.collapseSelectedTable)(state.tr);
+  var collapseTr = (0, _collapse.collapseSelectedTable)(state.tr);
 
-  if (!canCollapseTr) {
+  if (!collapseTr) {
     return false;
   }
 
   if (dispatch) {
-    dispatch(canCollapseTr);
+    dispatch(collapseTr);
   }
 
   return true;

package/dist/cjs/plugins/table/commands/misc.js

@@ -41,9 +41,9 @@ var _nodes = require("../utils/nodes");
 
 var _updatePluginStateDecorations = require("../utils/update-plugin-state-decorations");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 // #endregion
 // #endregion

package/dist/cjs/plugins/table/commands/sort.js

@@ -11,7 +11,7 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 
 var _utils = require("@atlaskit/editor-tables/utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils2 = require("@atlaskit/editor-common/utils");
 
 var _main = require("../../card/pm-plugins/main");
 
@@ -81,7 +81,7 @@ var sortByColumn = function sortByColumn(columnIndex) {
       headerRow = tableArray.shift();
     }
 
-    var compareNodesInOrder = (0, _editorCommon.createCompareNodes)({
+    var compareNodesInOrder = (0, _utils2.createCompareNodes)({
       getInlineCardTextFromStore: createGetInlineCardTextFromStore(state)
     }, order);
     var sortedTable = tableArray.sort(function (rowA, rowB) {

package/dist/cjs/plugins/table/commands/toggle.js

@@ -13,9 +13,9 @@ var _utils = require("@atlaskit/editor-tables/utils");
 
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 //#endregion
 // #region Utils

package/dist/cjs/plugins/table/commands-with-analytics.js

@@ -41,9 +41,9 @@ var _utils2 = require("./utils");
 
 var _getAllowAddColumnCustomStep = require("./utils/get-allow-add-column-custom-step");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 TABLE_BREAKOUT_NAME_MAPPING = {
   default: _analytics.TABLE_BREAKOUT.NORMAL,

package/dist/cjs/plugins/table/create-plugin-config.js

@@ -9,9 +9,9 @@ exports.pluginConfig = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 pluginConfig = function pluginConfig() {
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/dist/cjs/plugins/table/event-handlers.js

@@ -19,11 +19,9 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 
 var _utils = require("@atlaskit/editor-tables/utils");
 
-var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _utils2 = require("@atlaskit/editor-common/utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
-
-var _utils2 = require("../../utils");
+var _utils3 = require("../../utils");
 
 var _dom = require("../../utils/dom");
 
@@ -39,7 +37,7 @@ var _transforms = require("./transforms");
 
 var _types = require("./types");
 
-var _utils3 = require("./utils");
+var _utils4 = require("./utils");
 
 var _getAllowAddColumnCustomStep = require("./utils/get-allow-add-column-custom-step");
 
@@ -58,7 +56,7 @@ var handleBlur = function handleBlur(view, event) {
       dispatch = view.dispatch; // IE version check for ED-4665
   // Calendar focus check for ED-10466
 
-  if (_editorCommon.browser.ie_version !== 11 && !isFocusingCalendar(event) && !isFocusingModal(event)) {
+  if (_utils2.browser.ie_version !== 11 && !isFocusingCalendar(event) && !isFocusingModal(event)) {
     (0, _commands.setEditorFocus)(false)(state, dispatch);
   }
 
@@ -86,8 +84,8 @@ var handleClick = function handleClick(view, event) {
   var element = event.target;
   var table = (0, _utils.findTable)(view.state.selection);
 
-  if (event instanceof MouseEvent && (0, _utils3.isColumnControlsDecorations)(element)) {
-    var _getColumnOrRowIndex = (0, _utils3.getColumnOrRowIndex)(element),
+  if (event instanceof MouseEvent && (0, _utils4.isColumnControlsDecorations)(element)) {
+    var _getColumnOrRowIndex = (0, _utils4.getColumnOrRowIndex)(element),
         _getColumnOrRowIndex2 = (0, _slicedToArray2.default)(_getColumnOrRowIndex, 1),
         startIndex = _getColumnOrRowIndex2[0];
 
@@ -98,7 +96,7 @@ var handleClick = function handleClick(view, event) {
 
   var matchfn = element.matches ? element.matches : element.msMatchesSelector; // check if the table cell with an image is clicked and its not the image itself
 
-  if (!table || !(0, _utils2.isElementInTableCell)(element) || !matchfn || matchfn.call(element, 'table .image, table p, table .image div')) {
+  if (!table || !(0, _utils3.isElementInTableCell)(element) || !matchfn || matchfn.call(element, 'table .image, table p, table .image div')) {
     return false;
   }
 
@@ -111,7 +109,6 @@ var handleClick = function handleClick(view, event) {
   var rowElement = (0, _dom.closestElement)(element, 'tr');
   var rowIndex = rowElement && rowElement.rowIndex;
   var cellIndex = map.width * rowIndex + colIndex;
-  var posInTable = map.map[cellIndex + 1];
   var dispatch = view.dispatch,
       _view$state = view.state,
       tr = _view$state.tr,
@@ -119,10 +116,11 @@ var handleClick = function handleClick(view, event) {
   var editorElement = table.node.nodeAt(map.map[cellIndex]);
   /** Only if the last item is media group, insert a paragraph */
 
-  if ((0, _utils2.isLastItemMediaGroup)(editorElement)) {
+  if ((0, _utils3.isLastItemMediaGroup)(editorElement)) {
+    var posInTable = map.map[cellIndex] + editorElement.nodeSize;
     tr.insert(posInTable + table.pos, paragraph.create());
     dispatch(tr);
-    (0, _utils2.setNodeSelection)(view, posInTable + table.pos);
+    (0, _utils3.setNodeSelection)(view, posInTable + table.pos);
   }
 
   return true;
@@ -143,18 +141,18 @@ var handleMouseOver = function handleMouseOver(view, mouseEvent) {
       insertColumnButtonIndex = _getPluginState.insertColumnButtonIndex,
       insertRowButtonIndex = _getPluginState.insertRowButtonIndex;
 
-  if ((0, _utils3.isInsertRowButton)(target)) {
-    var _getColumnOrRowIndex3 = (0, _utils3.getColumnOrRowIndex)(target),
+  if ((0, _utils4.isInsertRowButton)(target)) {
+    var _getColumnOrRowIndex3 = (0, _utils4.getColumnOrRowIndex)(target),
         _getColumnOrRowIndex4 = (0, _slicedToArray2.default)(_getColumnOrRowIndex3, 2),
         startIndex = _getColumnOrRowIndex4[0],
         endIndex = _getColumnOrRowIndex4[1];
 
-    var positionRow = (0, _utils3.getMousePositionVerticalRelativeByElement)(mouseEvent) === 'bottom' ? endIndex : startIndex;
+    var positionRow = (0, _utils4.getMousePositionVerticalRelativeByElement)(mouseEvent) === 'bottom' ? endIndex : startIndex;
     return (0, _commands.showInsertRowButton)(positionRow)(state, dispatch);
   }
 
-  if ((0, _utils3.isColumnControlsDecorations)(target)) {
-    var _getColumnOrRowIndex5 = (0, _utils3.getColumnOrRowIndex)(target),
+  if ((0, _utils4.isColumnControlsDecorations)(target)) {
+    var _getColumnOrRowIndex5 = (0, _utils4.getColumnOrRowIndex)(target),
         _getColumnOrRowIndex6 = (0, _slicedToArray2.default)(_getColumnOrRowIndex5, 1),
         _startIndex = _getColumnOrRowIndex6[0];
 
@@ -163,12 +161,12 @@ var handleMouseOver = function handleMouseOver(view, mouseEvent) {
     return (0, _commands.hoverColumns)([_startIndex], false)(_state, _dispatch2);
   }
 
-  if (((0, _utils3.isCell)(target) || (0, _utils3.isCornerButton)(target)) && (typeof insertColumnButtonIndex === 'number' || typeof insertRowButtonIndex === 'number')) {
+  if (((0, _utils4.isCell)(target) || (0, _utils4.isCornerButton)(target)) && (typeof insertColumnButtonIndex === 'number' || typeof insertRowButtonIndex === 'number')) {
     return (0, _commands.hideInsertColumnOrRowButton)()(state, dispatch);
   }
 
-  if ((0, _utils3.isResizeHandleDecoration)(target)) {
-    var _getColumnOrRowIndex7 = (0, _utils3.getColumnOrRowIndex)(target),
+  if ((0, _utils4.isResizeHandleDecoration)(target)) {
+    var _getColumnOrRowIndex7 = (0, _utils4.getColumnOrRowIndex)(target),
         _getColumnOrRowIndex8 = (0, _slicedToArray2.default)(_getColumnOrRowIndex7, 2),
         _startIndex2 = _getColumnOrRowIndex8[0],
         _endIndex = _getColumnOrRowIndex8[1];
@@ -187,7 +185,7 @@ var handleMouseOver = function handleMouseOver(view, mouseEvent) {
 exports.handleMouseOver = handleMouseOver;
 
 var handleMouseDown = function handleMouseDown(_, event) {
-  var isControl = !!(event.target && event.target instanceof HTMLElement && ((0, _utils3.isTableContainerOrWrapper)(event.target) || (0, _utils3.isColumnControlsDecorations)(event.target) || (0, _utils3.isRowControlsButton)(event.target)));
+  var isControl = !!(event.target && event.target instanceof HTMLElement && ((0, _utils4.isTableContainerOrWrapper)(event.target) || (0, _utils4.isColumnControlsDecorations)(event.target) || (0, _utils4.isRowControlsButton)(event.target)));
 
   if (isControl) {
     event.preventDefault();
@@ -205,7 +203,7 @@ var handleMouseOut = function handleMouseOut(view, mouseEvent) {
 
   var target = mouseEvent.target;
 
-  if ((0, _utils3.isColumnControlsDecorations)(target)) {
+  if ((0, _utils4.isColumnControlsDecorations)(target)) {
     var state = view.state,
         dispatch = view.dispatch;
     return (0, _commands.clearHoverSelection)()(state, dispatch);
@@ -214,7 +212,7 @@ var handleMouseOut = function handleMouseOut(view, mouseEvent) {
   var relatedTarget = mouseEvent.relatedTarget; // In case the user is moving between cell at the same column
   // we don't need to hide the resize handle decoration
 
-  if ((0, _utils3.isResizeHandleDecoration)(target) && !(0, _utils3.isResizeHandleDecoration)(relatedTarget)) {
+  if ((0, _utils4.isResizeHandleDecoration)(target) && !(0, _utils4.isResizeHandleDecoration)(relatedTarget)) {
     var _state2 = view.state,
         _dispatch3 = view.dispatch;
     return (0, _commands.hideResizeHandleLine)()(_state2, _dispatch3);
@@ -239,7 +237,7 @@ var handleMouseLeave = function handleMouseLeave(view, event) {
 
   var target = event.target;
 
-  if ((0, _utils3.isTableControlsButton)(target)) {
+  if ((0, _utils4.isTableControlsButton)(target)) {
     return true;
   }
 
@@ -259,38 +257,38 @@ var handleMouseMove = function handleMouseMove(view, event, tableCellOptimizatio
 
   var element = event.target;
 
-  if ((0, _utils3.isColumnControlsDecorations)(element)) {
+  if ((0, _utils4.isColumnControlsDecorations)(element)) {
     var state = view.state,
         dispatch = view.dispatch;
 
     var _getPluginState3 = (0, _pluginFactory.getPluginState)(state),
         insertColumnButtonIndex = _getPluginState3.insertColumnButtonIndex;
 
-    var _getColumnOrRowIndex9 = (0, _utils3.getColumnOrRowIndex)(element),
+    var _getColumnOrRowIndex9 = (0, _utils4.getColumnOrRowIndex)(element),
         _getColumnOrRowIndex10 = (0, _slicedToArray2.default)(_getColumnOrRowIndex9, 2),
         startIndex = _getColumnOrRowIndex10[0],
         endIndex = _getColumnOrRowIndex10[1];
 
-    var positionColumn = (0, _utils3.getMousePositionHorizontalRelativeByElement)(event, tableCellOptimization, elementContentRects) === 'right' ? endIndex : startIndex;
+    var positionColumn = (0, _utils4.getMousePositionHorizontalRelativeByElement)(event, tableCellOptimization, elementContentRects) === 'right' ? endIndex : startIndex;
 
     if (positionColumn !== insertColumnButtonIndex) {
       return (0, _commands.showInsertColumnButton)(positionColumn)(state, dispatch);
     }
   }
 
-  if ((0, _utils3.isRowControlsButton)(element)) {
+  if ((0, _utils4.isRowControlsButton)(element)) {
     var _state3 = view.state,
         _dispatch4 = view.dispatch;
 
     var _getPluginState4 = (0, _pluginFactory.getPluginState)(_state3),
         insertRowButtonIndex = _getPluginState4.insertRowButtonIndex;
 
-    var _getColumnOrRowIndex11 = (0, _utils3.getColumnOrRowIndex)(element),
+    var _getColumnOrRowIndex11 = (0, _utils4.getColumnOrRowIndex)(element),
         _getColumnOrRowIndex12 = (0, _slicedToArray2.default)(_getColumnOrRowIndex11, 2),
         _startIndex3 = _getColumnOrRowIndex12[0],
         _endIndex2 = _getColumnOrRowIndex12[1];
 
-    var positionRow = (0, _utils3.getMousePositionVerticalRelativeByElement)(event) === 'bottom' ? _endIndex2 : _startIndex3;
+    var positionRow = (0, _utils4.getMousePositionVerticalRelativeByElement)(event) === 'bottom' ? _endIndex2 : _startIndex3;
 
     if (positionRow !== insertRowButtonIndex) {
       return (0, _commands.showInsertRowButton)(positionRow)(_state3, _dispatch4);
@@ -304,8 +302,8 @@ var handleMouseMove = function handleMouseMove(view, event, tableCellOptimizatio
 
   var useMouseMoveOptimisation = tableCellOptimization && mouseMoveOptimization;
 
-  if (!(0, _utils3.isResizeHandleDecoration)(element) && (0, _utils3.isCell)(element)) {
-    var _positionColumn = (0, _utils3.getMousePositionHorizontalRelativeByElement)(event, useMouseMoveOptimisation, elementContentRects, _types.RESIZE_HANDLE_AREA_DECORATION_GAP);
+  if (!(0, _utils4.isResizeHandleDecoration)(element) && (0, _utils4.isCell)(element)) {
+    var _positionColumn = (0, _utils4.getMousePositionHorizontalRelativeByElement)(event, useMouseMoveOptimisation, elementContentRects, _types.RESIZE_HANDLE_AREA_DECORATION_GAP);
 
     if (_positionColumn !== null) {
       var _state4 = view.state,
@@ -321,7 +319,7 @@ var handleMouseMove = function handleMouseMove(view, event, tableCellOptimizatio
       if (rect) {
         var columnEndIndexTarget = _positionColumn === 'left' ? rect.left : rect.right;
 
-        if (columnEndIndexTarget !== resizeHandleColumnIndex || !(0, _utils3.hasResizeHandler)({
+        if (columnEndIndexTarget !== resizeHandleColumnIndex || !(0, _utils4.hasResizeHandler)({
           target: element,
           columnEndIndexTarget: columnEndIndexTarget
         })) {
@@ -375,7 +373,7 @@ var handleCut = function handleCut(oldTr, oldState, newState) {
       var rect = (0, _utils.getSelectionRect)(cellSelection);
 
       if (rect) {
-        var _getSelectedCellInfo = (0, _utils3.getSelectedCellInfo)(tr.selection),
+        var _getSelectedCellInfo = (0, _utils4.getSelectedCellInfo)(tr.selection),
             verticalCells = _getSelectedCellInfo.verticalCells,
             horizontalCells = _getSelectedCellInfo.horizontalCells,
             totalCells = _getSelectedCellInfo.totalCells,
@@ -432,10 +430,9 @@ var whenTableInFocus = function whenTableInFocus(eventHandler, elementContentRec
 
     if (!hasTableNode || isDragging) {
       return false;
-    } // debounce event handler
-
+    }
 
-    return (0, _rafSchd.default)(eventHandler(view, mouseEvent, tableCellOptimization, elementContentRects));
+    return eventHandler(view, mouseEvent, tableCellOptimization, elementContentRects);
   };
 };
 

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

@@ -23,9 +23,9 @@ var _tableResizing = require("./pm-plugins/table-resizing");
 
 var _steps = require("@atlaskit/adf-schema/steps");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 // #endregion
 var nextTableSorting = function nextTableSorting(tr, table) {
@@ -108,9 +108,8 @@ var updateCollapseHandler = function updateCollapseHandler(_ref3) {
     }
 
     var expandNodeType = schema.nodes.expand;
-    var isTableCollapsed = expandNodeType && !!(0, _prosemirrorUtils.findParentNodeOfType)(expandNodeType)(tr.selection); // check result of wrapping without applying it
-
-    var trCanBeCollapsed = (0, _collapse.collapseSelectedTable)(tr); // We're focused on a table + we're not inside an expand
+    var isTableCollapsed = expandNodeType && !!(0, _prosemirrorUtils.findParentNodeOfType)(expandNodeType)(tr.selection);
+    var trCanBeCollapsed = (0, _collapse.isTableCollapsible)(tr).tableIsCollapsible; // We're focused on a table + we're not inside an expand
 
     var canCollapseTable = !!pluginState.tableNode && // is it already collapsed?
     !isTableCollapsed && !!trCanBeCollapsed;

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

@@ -9,9 +9,11 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _utils = require("@atlaskit/editor-common/utils");
+
 var _pmPlugins = require("@atlaskit/editor-tables/pm-plugins");
 
-var _utils = require("@atlaskit/editor-tables/utils");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -29,6 +31,8 @@ var _createPluginConfig = require("./create-plugin-config");
 
 var _tableLocalId = require("./pm-plugins/table-local-id");
 
+var _safariDelayedDomSelectionSyncingWorkaround = require("./pm-plugins/safari-delayed-dom-selection-syncing-workaround");
+
 var _plugin = require("./pm-plugins/decorations/plugin");
 
 var _keymap = require("./pm-plugins/keymap");
@@ -55,7 +59,7 @@ var _FloatingInsertButton = _interopRequireDefault(require("./ui/FloatingInsertB
 
 var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
 
-var _utils2 = require("./utils");
+var _utils3 = require("./utils");
 
 var _featureFlagsContext = require("../feature-flags-context");
 
@@ -80,7 +84,7 @@ var tablesPlugin = function tablesPlugin(options) {
       }];
     },
     pmPlugins: function pmPlugins() {
-      return [{
+      var plugins = [{
         name: 'table',
         plugin: function plugin(_ref) {
           var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
@@ -150,7 +154,20 @@ var tablesPlugin = function tablesPlugin(options) {
           var dispatch = _ref6.dispatch;
           return (0, _tableLocalId.createPlugin)(dispatch);
         }
-      }];
+      }]; // workaround for prosemirrors delayed dom selection syncing during pointer drag
+      // causing issues with table selections in Safari
+      // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
+
+      if (_utils.browser.safari) {
+        plugins.push({
+          name: 'tableSafariDelayedDomSelectionSyncingWorkaround',
+          plugin: function plugin() {
+            return (0, _safariDelayedDomSelectionSyncingWorkaround.createPlugin)();
+          }
+        });
+      }
+
+      return plugins;
     },
     contentComponent: function contentComponent(_ref7) {
       var editorView = _ref7.editorView,
@@ -234,7 +251,7 @@ var tablesPlugin = function tablesPlugin(options) {
             scrollableElement: popupsScrollableElement,
             stickyHeaders: stickyHeader,
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled
-          }), (0, _utils2.isLayoutSupported)(state) && options && options.breakoutEnabled && /*#__PURE__*/_react.default.createElement(_LayoutButton.default, {
+          }), (0, _utils3.isLayoutSupported)(state) && options && options.breakoutEnabled && /*#__PURE__*/_react.default.createElement(_LayoutButton.default, {
             editorView: editorView,
             mountPoint: popupsMountPoint,
             boundariesElement: popupsBoundariesElement,
@@ -261,7 +278,7 @@ var tablesPlugin = function tablesPlugin(options) {
             return /*#__PURE__*/_react.default.createElement(_assets.IconTable, null);
           },
           action: function action(insert, state) {
-            var tr = insert((0, _utils.createTable)({
+            var tr = insert((0, _utils2.createTable)({
               schema: state.schema
             }));
             return (0, _analytics.addAnalytics)(state, tr, {