@atlaskit/editor-common 74.29.3 → 74.31.0

package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -0,0 +1,219 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _messages = require("../../messages");
+var _ui = require("../../ui");
+var _templateObject;
+/** @jsx jsx */
+/* eslint-disable no-console */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/*
+ **  The context is used to handle the keydown events of submenus.
+ **  Because the keyboard navigation is explicitly managed for main toolbar items
+ **  Few key presses such as Tab,Arrow Right/Left need ot be handled here via context
+ */
+var KeyDownHandlerContext = /*#__PURE__*/_react.default.createContext({
+  handleArrowLeft: function handleArrowLeft() {},
+  handleArrowRight: function handleArrowRight() {},
+  handleTab: function handleTab() {}
+});
+exports.KeyDownHandlerContext = KeyDownHandlerContext;
+var centeredToolbarContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n"])));
+
+/**
+ * This component is a wrapper of main toolbar which listens to keydown events of children
+ * and handles left/right arrow key navigation for all focusable elements
+ * @param
+ * @returns
+ */
+var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigationProvider(_ref) {
+  var children = _ref.children,
+    editorView = _ref.editorView,
+    childComponentSelector = _ref.childComponentSelector,
+    handleEscape = _ref.handleEscape,
+    disableArrowKeyNavigation = _ref.disableArrowKeyNavigation,
+    isShortcutToFocusToolbar = _ref.isShortcutToFocusToolbar,
+    editorAppearance = _ref.editorAppearance,
+    useStickyToolbar = _ref.useStickyToolbar,
+    intl = _ref.intl;
+  var wrapperRef = (0, _react.useRef)(null);
+  var selectedItemIndex = (0, _react.useRef)(0);
+  var incrementIndex = (0, _react.useCallback)(function (list) {
+    var index = 0;
+    if (document.activeElement) {
+      index = list.indexOf(document.activeElement);
+      index = (index + 1) % list.length;
+    }
+    selectedItemIndex.current = index;
+  }, []);
+  var decrementIndex = (0, _react.useCallback)(function (list) {
+    var index = 0;
+    if (document.activeElement) {
+      index = list.indexOf(document.activeElement);
+      index = (list.length + index - 1) % list.length;
+    }
+    selectedItemIndex.current = index;
+  }, []);
+  var handleArrowRight = function handleArrowRight() {
+    var _filteredFocusableEle;
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    incrementIndex(filteredFocusableElements);
+    (_filteredFocusableEle = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle === void 0 ? void 0 : _filteredFocusableEle.focus();
+  };
+  var handleArrowLeft = function handleArrowLeft() {
+    var _filteredFocusableEle2;
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    decrementIndex(filteredFocusableElements);
+    (_filteredFocusableEle2 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.focus();
+  };
+  var handleTab = function handleTab() {
+    var _filteredFocusableEle3;
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 ? void 0 : _filteredFocusableEle3.focus();
+  };
+  var handleTabLocal = function handleTabLocal() {
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    filteredFocusableElements.forEach(function (element) {
+      element.setAttribute('tabindex', '-1');
+    });
+    filteredFocusableElements[selectedItemIndex.current].setAttribute('tabindex', '0');
+  };
+  var focusAndScrollToElement = function focusAndScrollToElement(element) {
+    var scrollToElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (scrollToElement) {
+      element === null || element === void 0 ? void 0 : element.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'nearest'
+      });
+    }
+    element.focus();
+  };
+  var submenuKeydownHandleContext = {
+    handleArrowLeft: handleArrowLeft,
+    handleArrowRight: handleArrowRight,
+    handleTab: handleTab
+  };
+  (0, _react.useLayoutEffect)(function () {
+    if (!wrapperRef.current || disableArrowKeyNavigation) {
+      return;
+    }
+    var element = wrapperRef.current;
+
+    /**
+     * To handle the key events on the list
+     * @param event
+     */
+    var handleKeyDown = function handleKeyDown(event) {
+      var _document$querySelect, _document$querySelect2, _wrapperRef$current;
+      //To trap the focus inside the horizontal toolbar for left and right arrow keys
+      var targetElement = event.target;
+
+      //To filter out the events outside the child component
+      if (!targetElement.closest("".concat(childComponentSelector))) {
+        return;
+      }
+
+      //The key events are from child components such as dropdown menus / popups are ignored
+      if ((_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
+        return;
+      }
+      var menuWrapper = document.querySelector('.menu-key-handler-wrapper');
+      if (menuWrapper) {
+        // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
+        return;
+      }
+      var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+      if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
+        return;
+      }
+
+      //This is kind of hack to reset the current focused toolbar item
+      //to handle some use cases such as Tab in/out of main toolbar
+      if (!((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+        selectedItemIndex.current = -1;
+      } else {
+        selectedItemIndex.current = filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
+      }
+
+      //do not scroll to focused element for sticky toolbar when navigating with arrows to avoid unnesessary scroll jump
+      var allowScrollToElement = !(editorAppearance === 'comment' && !!useStickyToolbar);
+      switch (event.key) {
+        case 'ArrowRight':
+          incrementIndex(filteredFocusableElements);
+          focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current], allowScrollToElement);
+          event.preventDefault();
+          break;
+        case 'ArrowLeft':
+          decrementIndex(filteredFocusableElements);
+          focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current], allowScrollToElement);
+          event.preventDefault();
+          break;
+        case 'Tab':
+          handleTabLocal();
+          break;
+        case 'Escape':
+          handleEscape(event);
+          break;
+        default:
+      }
+    };
+    var globalKeyDownHandler = function globalKeyDownHandler(event) {
+      //To focus the first element in the toolbar
+      if (isShortcutToFocusToolbar(event)) {
+        var _filteredFocusableEle4, _filteredFocusableEle5;
+        var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+        (_filteredFocusableEle4 = filteredFocusableElements[0]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
+        (_filteredFocusableEle5 = filteredFocusableElements[0]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center',
+          inline: 'nearest'
+        });
+      }
+    };
+    element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
+    var editorViewDom = editorView === null || editorView === void 0 ? void 0 : editorView.dom;
+    if (isShortcutToFocusToolbar) {
+      editorViewDom === null || editorViewDom === void 0 ? void 0 : editorViewDom.addEventListener('keydown', globalKeyDownHandler);
+    }
+    return function () {
+      element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
+      if (isShortcutToFocusToolbar) {
+        editorViewDom === null || editorViewDom === void 0 ? void 0 : editorViewDom.removeEventListener('keydown', globalKeyDownHandler);
+      }
+    };
+  }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex, isShortcutToFocusToolbar, editorAppearance, useStickyToolbar]);
+  return (0, _react2.jsx)("div", {
+    css: editorAppearance === 'comment' && centeredToolbarContainer,
+    className: "custom-key-handler-wrapper",
+    ref: wrapperRef,
+    role: "toolbar",
+    "aria-label": intl.formatMessage(_messages.fullPageMessages.toolbarLabel),
+    "aria-controls": _ui.EDIT_AREA_ID
+  }, (0, _react2.jsx)(KeyDownHandlerContext.Provider, {
+    value: submenuKeydownHandleContext
+  }, children));
+};
+exports.ToolbarArrowKeyNavigationProvider = ToolbarArrowKeyNavigationProvider;
+function getFocusableElements(rootNode) {
+  if (!rootNode) {
+    return [];
+  }
+  var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"], div[tabindex="0"]') || [];
+  return Array.from(focusableModalElements);
+}
+function getFilteredFocusableElements(rootNode) {
+  //The focusable elements from child components such as dropdown menus / popups are ignored
+  return getFocusableElements(rootNode).filter(function (elm) {
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons');
+  });
+}

package/dist/cjs/ui-menu/index.js

@@ -35,22 +35,41 @@ Object.defineProperty(exports, "DropdownMenu", {
     return _DropdownMenu.default;
   }
 });
+Object.defineProperty(exports, "DropdownMenuWithKeyboardNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownMenu.DropdownMenuWithKeyboardNavigation;
+  }
+});
+Object.defineProperty(exports, "KeyDownHandlerContext", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarArrowKeyNavigationProvider.KeyDownHandlerContext;
+  }
+});
 Object.defineProperty(exports, "TOOLBAR_BUTTON", {
   enumerable: true,
   get: function get() {
     return _ToolbarButton.TOOLBAR_BUTTON;
   }
 });
+Object.defineProperty(exports, "ToolbarArrowKeyNavigationProvider", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarArrowKeyNavigationProvider.ToolbarArrowKeyNavigationProvider;
+  }
+});
 Object.defineProperty(exports, "ToolbarButton", {
   enumerable: true,
   get: function get() {
     return _ToolbarButton.default;
   }
 });
-var _DropdownMenu = _interopRequireDefault(require("../ui-menu/DropdownMenu"));
-var _ToolbarButton = _interopRequireWildcard(require("../ui-menu/ToolbarButton"));
-var _ArrowKeyNavigationProvider = require("../ui-menu/ArrowKeyNavigationProvider");
-var _types = require("../ui-menu/ArrowKeyNavigationProvider/types");
+var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
+var _ToolbarButton = _interopRequireWildcard(require("./ToolbarButton"));
+var _ArrowKeyNavigationProvider = require("./ArrowKeyNavigationProvider");
+var _ToolbarArrowKeyNavigationProvider = require("./ToolbarArrowKeyNavigationProvider");
+var _types = require("./ArrowKeyNavigationProvider/types");
 var _ColorPaletteArrowKeyNavigationProvider = require("./ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider");
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/dist/cjs/utils/commands.js

@@ -1,9 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filter = void 0;
+exports.walkPrevNode = exports.walkNextNode = exports.isEmptySelectionAtStart = exports.isEmptySelectionAtEnd = exports.insertContentDeleteRange = exports.filterCommand = exports.deleteEmptyParagraphAndMoveBlockUp = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _selection = require("../selection");
+var _editorCoreUtils = require("./editor-core-utils");
 var filter = function filter(predicates, cmd) {
   return function (state, dispatch, view) {
     if (!Array.isArray(predicates)) {
@@ -17,4 +22,107 @@ var filter = function filter(predicates, cmd) {
     return cmd(state, dispatch, view) || false;
   };
 };
-exports.filter = filter;
+
+/**
+ * Walk forwards from a position until we encounter the (inside) start of
+ * the next node, or reach the end of the document.
+ *
+ * @param $startPos Position to start walking from.
+ */
+exports.filterCommand = filter;
+var walkNextNode = function walkNextNode($startPos) {
+  var $pos = $startPos;
+
+  // invariant 1: don't walk past the end of the document
+  // invariant 2: we are at the beginning or
+  //              we haven't walked to the start of *any* node
+  //              parentOffset includes textOffset.
+  while ($pos.pos < $pos.doc.nodeSize - 2 && ($pos.pos === $startPos.pos || $pos.parentOffset > 0)) {
+    $pos = $pos.doc.resolve($pos.pos + 1);
+  }
+  return {
+    $pos: $pos,
+    foundNode: $pos.pos < $pos.doc.nodeSize - 2
+  };
+};
+
+/**
+ * Walk backwards from a position until we encounter the (inside) end of
+ * the previous node, or reach the start of the document.
+ *
+ * @param $startPos Position to start walking from.
+ */
+exports.walkNextNode = walkNextNode;
+var walkPrevNode = function walkPrevNode($startPos) {
+  var $pos = $startPos;
+  while ($pos.pos > 0 && ($pos.pos === $startPos.pos || $pos.parentOffset < $pos.parent.nodeSize - 2)) {
+    $pos = $pos.doc.resolve($pos.pos - 1);
+  }
+  return {
+    $pos: $pos,
+    foundNode: $pos.pos > 0
+  };
+};
+
+/**
+ * If the selection is empty, is inside a paragraph node and `canNextNodeMoveUp` is true then delete current paragraph
+ * and move the node below it up. The selection will be retained, to be placed in the moved node.
+ *
+ * @param canNextNodeMoveUp check if node directly after the selection is able to be brought up to selection
+ * @returns PM Command
+ */
+exports.walkPrevNode = walkPrevNode;
+var deleteEmptyParagraphAndMoveBlockUp = function deleteEmptyParagraphAndMoveBlockUp(canNextNodeMoveUp) {
+  return function (state, dispatch, view) {
+    var _state$selection = state.selection,
+      _state$selection$$fro = _state$selection.$from,
+      pos = _state$selection$$fro.pos,
+      parent = _state$selection$$fro.parent,
+      $head = _state$selection.$head,
+      empty = _state$selection.empty,
+      tr = state.tr,
+      doc = state.doc;
+    var _walkNextNode = walkNextNode($head),
+      $pos = _walkNextNode.$pos;
+    var nextPMNode = doc.nodeAt($pos.pos - 1);
+    if (empty && nextPMNode && canNextNodeMoveUp(nextPMNode) && (0, _editorCoreUtils.isEmptyParagraph)(parent) && view !== null && view !== void 0 && view.endOfTextblock('right')) {
+      tr.deleteRange(pos - 1, pos + 1);
+      if (dispatch) {
+        dispatch(tr);
+      }
+      return true;
+    }
+    return false;
+  };
+};
+exports.deleteEmptyParagraphAndMoveBlockUp = deleteEmptyParagraphAndMoveBlockUp;
+var insertContentDeleteRange = function insertContentDeleteRange(tr, getSelectionResolvedPos, insertions, deletions) {
+  insertions.forEach(function (contentInsert) {
+    var _contentInsert = (0, _slicedToArray2.default)(contentInsert, 2),
+      content = _contentInsert[0],
+      pos = _contentInsert[1];
+    tr.insert(tr.mapping.map(pos), content);
+  });
+  deletions.forEach(function (deleteRange) {
+    var _deleteRange = (0, _slicedToArray2.default)(deleteRange, 2),
+      firstPos = _deleteRange[0],
+      lastPos = _deleteRange[1];
+    tr.delete(tr.mapping.map(firstPos), tr.mapping.map(lastPos));
+  });
+  tr.setSelection(new _state.TextSelection(getSelectionResolvedPos(tr)));
+};
+exports.insertContentDeleteRange = insertContentDeleteRange;
+var isEmptySelectionAtStart = function isEmptySelectionAtStart(state) {
+  var _state$selection2 = state.selection,
+    empty = _state$selection2.empty,
+    $from = _state$selection2.$from;
+  return empty && ($from.parentOffset === 0 || state.selection instanceof _selection.GapCursorSelection);
+};
+exports.isEmptySelectionAtStart = isEmptySelectionAtStart;
+var isEmptySelectionAtEnd = function isEmptySelectionAtEnd(state) {
+  var _state$selection3 = state.selection,
+    empty = _state$selection3.empty,
+    $from = _state$selection3.$from;
+  return empty && ($from.end() === $from.pos || state.selection instanceof _selection.GapCursorSelection);
+};
+exports.isEmptySelectionAtEnd = isEmptySelectionAtEnd;

package/dist/cjs/utils/document.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.bracketTyped = bracketTyped;
 exports.getStepRange = void 0;
 exports.hasDocAsParent = hasDocAsParent;
+exports.hasVisibleContent = hasVisibleContent;
 exports.isEmptyDocument = isEmptyDocument;
 exports.nodesBetweenChanged = nodesBetweenChanged;
 exports.processRawValue = processRawValue;
@@ -255,4 +256,28 @@ var maySanitizePrivateContent = function maySanitizePrivateContent(entity, provi
     return (0, _privacyFilter.sanitizeNodeForPrivacy)(entity, providerFactory);
   }
   return entity;
-};
+};
+
+/**
+ * Returns false if node contains only empty inline nodes and hardBreaks.
+ */
+function hasVisibleContent(node) {
+  var isInlineNodeHasVisibleContent = function isInlineNodeHasVisibleContent(inlineNode) {
+    return inlineNode.isText ? !!inlineNode.textContent.trim() : inlineNode.type.name !== 'hardBreak';
+  };
+  if (node.isInline) {
+    return isInlineNodeHasVisibleContent(node);
+  } else if (node.isBlock && (node.isLeaf || node.isAtom)) {
+    return true;
+  } else if (!node.childCount) {
+    return false;
+  }
+  for (var _index = 0; _index < node.childCount; _index++) {
+    var child = node.child(_index);
+    var invisibleNodeTypes = ['paragraph', 'text', 'hardBreak'];
+    if (!invisibleNodeTypes.includes(child.type.name) || hasVisibleContent(child)) {
+      return true;
+    }
+  }
+  return false;
+}

package/dist/cjs/utils/index.js

@@ -106,6 +106,12 @@ Object.defineProperty(exports, "analyticsEventKey", {
     return _analytics.analyticsEventKey;
   }
 });
+Object.defineProperty(exports, "autoJoinTr", {
+  enumerable: true,
+  get: function get() {
+    return _autojoin.autoJoinTr;
+  }
+});
 Object.defineProperty(exports, "bracketTyped", {
   enumerable: true,
   get: function get() {
@@ -220,16 +226,22 @@ Object.defineProperty(exports, "createCompareNodes", {
     return _compareNodes.createCompareNodes;
   }
 });
+Object.defineProperty(exports, "deleteEmptyParagraphAndMoveBlockUp", {
+  enumerable: true,
+  get: function get() {
+    return _commands.deleteEmptyParagraphAndMoveBlockUp;
+  }
+});
 Object.defineProperty(exports, "extractSliceFromStep", {
   enumerable: true,
   get: function get() {
     return _editorCoreUtils.extractSliceFromStep;
   }
 });
-Object.defineProperty(exports, "filterCommands", {
+Object.defineProperty(exports, "filterCommand", {
   enumerable: true,
   get: function get() {
-    return _commands.filter;
+    return _commands.filterCommand;
   }
 });
 Object.defineProperty(exports, "findAndTrackUnsupportedContentNodes", {
@@ -424,6 +436,18 @@ Object.defineProperty(exports, "hasMergedCell", {
     return _table.hasMergedCell;
   }
 });
+Object.defineProperty(exports, "hasVisibleContent", {
+  enumerable: true,
+  get: function get() {
+    return _document.hasVisibleContent;
+  }
+});
+Object.defineProperty(exports, "insertContentDeleteRange", {
+  enumerable: true,
+  get: function get() {
+    return _commands.insertContentDeleteRange;
+  }
+});
 Object.defineProperty(exports, "isBulletList", {
   enumerable: true,
   get: function get() {
@@ -448,6 +472,18 @@ Object.defineProperty(exports, "isEmptyParagraph", {
     return _editorCoreUtils.isEmptyParagraph;
   }
 });
+Object.defineProperty(exports, "isEmptySelectionAtEnd", {
+  enumerable: true,
+  get: function get() {
+    return _commands.isEmptySelectionAtEnd;
+  }
+});
+Object.defineProperty(exports, "isEmptySelectionAtStart", {
+  enumerable: true,
+  get: function get() {
+    return _commands.isEmptySelectionAtStart;
+  }
+});
 Object.defineProperty(exports, "isFromCurrentDomain", {
   enumerable: true,
   get: function get() {
@@ -828,6 +864,18 @@ Object.defineProperty(exports, "validationErrorHandler", {
     return _validateUsingSpec.validationErrorHandler;
   }
 });
+Object.defineProperty(exports, "walkNextNode", {
+  enumerable: true,
+  get: function get() {
+    return _commands.walkNextNode;
+  }
+});
+Object.defineProperty(exports, "walkPrevNode", {
+  enumerable: true,
+  get: function get() {
+    return _commands.walkPrevNode;
+  }
+});
 Object.defineProperty(exports, "walkUpTreeUntil", {
   enumerable: true,
   get: function get() {
@@ -875,6 +923,7 @@ var _validateUsingSpec = require("./validate-using-spec");
 var _compareProps = require("./compare-props");
 var _useComponentRenderTracking = require("./performance/hooks/use-component-render-tracking");
 var _outdatedBrowsers = require("./outdated-browsers");
+var _autojoin = require("./prosemirror/autojoin");
 var _referentiality = require("./referentiality");
 var _list = require("./list");
 var _hyperlink = require("./hyperlink");

package/dist/cjs/utils/prosemirror/autojoin.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.autoJoinTr = autoJoinTr;
+var _transform = require("@atlaskit/editor-prosemirror/transform");
+/**
+ * Checks whether two adjacent nodes can be joined. If so, the document
+ * will be updated to join those nodes. If not, the original transaction
+ * remains untouched.
+ *
+ * Nodes are considered joinable if the `isJoinable` predicate returns true or,
+ * if an array of strings was passed, if their node type name is in that array.
+ *
+ * Adapted from https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js#L597-L610
+ */
+function autoJoinTr(tr, isJoinable) {
+  if (Array.isArray(isJoinable)) {
+    var types = isJoinable;
+    isJoinable = function isJoinable(node) {
+      return types.indexOf(node.type.name) > -1;
+    };
+  }
+  var ranges = [];
+  for (var i = 0; i < tr.mapping.maps.length; i++) {
+    var map = tr.mapping.maps[i];
+    for (var j = 0; j < ranges.length; j++) {
+      ranges[j] = map.map(ranges[j]);
+    }
+    map.forEach(function (_s, _e, from, to) {
+      return ranges.push(from, to);
+    });
+  }
+
+  // Figure out which joinable points exist inside those ranges,
+  // by checking all node boundaries in their parent nodes.
+  var joinable = [];
+  for (var _i = 0; _i < ranges.length; _i += 2) {
+    var from = ranges[_i];
+    var to = ranges[_i + 1];
+    var $from = tr.doc.resolve(from);
+    var depth = $from.sharedDepth(to);
+    var parent = $from.node(depth);
+    for (var index = $from.indexAfter(depth), pos = $from.after(depth + 1); pos <= to; ++index) {
+      var _after = parent.maybeChild(index);
+      if (!_after) {
+        break;
+      }
+      if (index && joinable.indexOf(pos) === -1) {
+        var _before = parent.child(index - 1);
+        if (_before.type === _after.type && isJoinable(_before, _after)) {
+          joinable.push(pos);
+        }
+      }
+      pos += _after.nodeSize;
+    }
+  }
+  // Join the joinable points
+  joinable.sort(function (a, b) {
+    return a - b;
+  });
+  for (var _i2 = joinable.length - 1; _i2 >= 0; _i2--) {
+    if ((0, _transform.canJoin)(tr.doc, joinable[_i2])) {
+      tr.join(joinable[_i2]);
+    }
+  }
+}

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.29.3",
+	"version": "74.31.0",
 	"sideEffects": false
 }

package/dist/es2019/i18n/cs.js

@@ -17,9 +17,12 @@ export default {
   'fabric.editor.blockDescription': 'Zobrazit další informace o odkazu, včetně souhrnu a akcí',
   'fabric.editor.blockTitle': 'Karta',
   'fabric.editor.blockquote': 'citace',
+  'fabric.editor.bug': 'Chyba',
   'fabric.editor.cancelButton': 'Zrušit',
   'fabric.editor.captionPlaceholder': 'Přidejte popisek',
   'fabric.editor.cardFloatingControls': 'Možnosti karty',
+  'fabric.editor.clearLink': 'Vymazat odkaz',
+  'fabric.editor.clearLinkText': 'Vymazat text',
   'fabric.editor.codeBidiWarningLabel': 'Obousměrné znaky mění pořadí vykreslování textu. Může to být použito k zakrytí škodlivého kódu.',
   'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Zkopírováno!',
   'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Kopírovat jako text',
@@ -34,11 +37,13 @@ export default {
   'fabric.editor.date.description': 'Přidat datum pomocí kalendáře',
   'fabric.editor.decision': 'Rozhodnutí',
   'fabric.editor.decision.description': 'Zaznamenávejte rozhodnutí, aby se snadněji sledovala',
+  'fabric.editor.defaultAltText': 'Položka seznamu',
   'fabric.editor.displayBlock': 'Zobrazit jako kartu',
   'fabric.editor.displayEmbed': 'Zobrazit jako vložený objekt',
   'fabric.editor.displayInline': 'Zobrazit v řádku',
   'fabric.editor.displayLink': 'Zobrazit jako text',
   'fabric.editor.displayOptionUnavailableInParentNode': 'Tato možnost zobrazení není v uzlu {node} dostupná',
+  'fabric.editor.displayText': 'Text k zobrazení',
   'fabric.editor.ecombedDescription': 'Zobrazit interaktivní náhled odkazu',
   'fabric.editor.edit.datasource': 'Upravit vyhledávací dotaz',
   'fabric.editor.editLink': 'Upravit odkaz',
@@ -47,6 +52,7 @@ export default {
   'fabric.editor.emoji': 'Emoji',
   'fabric.editor.emoji.description': 'Používejte emoji k vyjádření nápadů 🎉 a emocí 😄',
   'fabric.editor.emptyLink': 'Zadejte odkaz.',
+  'fabric.editor.epic': 'Epic',
   'fabric.editor.expand': 'Rozbalení',
   'fabric.editor.expand.description': 'Vložit rozbalení',
   'fabric.editor.expandDefaultTitle': 'Klikněte sem pro rozbalení...',
@@ -54,12 +60,22 @@ export default {
   'fabric.editor.expandPlaceholder': 'Dejte rozbalenému obsahu název...',
   'fabric.editor.feedbackDialog': 'Poskytnout zpětnou vazbu',
   'fabric.editor.feedbackDialog.description': 'Podělte se s námi o pocity z práce v novém editoru',
+  'fabric.editor.headingLink.hyperlinkIconBlogLabel': 'Blog',
+  'fabric.editor.headingLink.hyperlinkIconBugLabel': 'Chyba',
+  'fabric.editor.headingLink.hyperlinkIconIssueLabel': 'Požadavek',
+  'fabric.editor.headingLink.hyperlinkIconPageLabel': 'Stránka',
+  'fabric.editor.headingLink.hyperlinkIconStoryLabel': 'Story',
+  'fabric.editor.headingLink.hyperlinkIconTaskLabel': 'Úkol',
   'fabric.editor.help': 'Nápověda',
   'fabric.editor.help.description': 'Projděte si všechny klávesové zkratky a možnosti markdownu',
   'fabric.editor.horizontalRule': 'Dílčí příčka',
   'fabric.editor.horizontalRule.description': 'Rozdělit obsah horizontální čárou',
+  'fabric.editor.hyperlink.linkAriaLabel': 'Popisek odkazu',
+  'fabric.editor.hyperlink.searchLinkAriaDescription': 'Níže se objeví návrhy na základě vámi napsaného textu v poli',
+  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {nebyly nalezeny žádné výsledky} one {{count,number} nalezený výsledek} few {{count,number} nalezené výsledky} many {{count,number} nalezeného výsledku} other {{count,number} nalezených výsledků}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': 'Vložit nebo vyhledat odkaz',
   'fabric.editor.image': 'Obrázek',
+  'fabric.editor.improvement': 'Vylepšení',
   'fabric.editor.inlineDescription': 'Zobrazit odkaz jako vložený text',
   'fabric.editor.inlineTitle': 'Vložený',
   'fabric.editor.insertMenu': 'Vložit',
@@ -85,8 +101,11 @@ export default {
   'fabric.editor.settingsLinks': 'Přejít do předvoleb odkazů',
   'fabric.editor.status': 'Stav',
   'fabric.editor.status.description': 'Přidat vlastní štítek stavu',
+  'fabric.editor.story': 'Story',
+  'fabric.editor.subTask': 'Podúkol',
   'fabric.editor.table': 'Tabulka',
   'fabric.editor.table.description': 'Vložit tabulku',
+  'fabric.editor.task': 'Úkol',
   'fabric.editor.time.ago': 'zpět',
   'fabric.editor.time.updated': 'Aktualizováno',
   'fabric.editor.time.viewed': 'Zobrazeno',