@atlaskit/editor-common 78.33.3 → 78.34.0

package/dist/cjs/i18n/zh.js

@@ -20,6 +20,7 @@ var _default = exports.default = {
   'fabric.editor.addColumnRight': '在右侧添加列',
   'fabric.editor.addCommentOnMedia': '添加注释',
   'fabric.editor.addImageBorder': '添加边框',
+  'fabric.editor.addLoomVideo': '添加 Loom 视频',
   'fabric.editor.addMediaFiles': '添加图像、视频或文件',
   'fabric.editor.addRowAbove': '在上方添加行',
   'fabric.editor.addRowBelow': '在下方添加行',
@@ -100,6 +101,9 @@ var _default = exports.default = {
   'fabric.editor.customPanel.description': '使用表情和彩色背景来添加注释',
   'fabric.editor.datasource.assetsObjects': '资产（测试版）',
   'fabric.editor.datasource.assetsObjects.description': '通过搜索和筛选插入来自 Jira Service Management 中的资产的对象',
+  'fabric.editor.datasource.assetsObjectsGeneralAvailability': '资产',
+  'fabric.editor.datasource.confluenceSearch': '插入 Confluence 列表',
+  'fabric.editor.datasource.confluenceSearch.description': '通过增强的搜索、筛选和配置插入来自 Confluence 的搜索结果列表。',
   'fabric.editor.datasource.jiraIssue': 'Jira 事务',
   'fabric.editor.datasource.jiraIssue.description': '通过增强的搜索、筛选和配置插入来自 Jira Cloud 的 Jira 事务。',
   'fabric.editor.datasourceAppearanceTitle': '列表',
@@ -109,6 +113,7 @@ var _default = exports.default = {
   'fabric.editor.decision': '决定',
   'fabric.editor.decision.description': '捕获决策，以便轻松跟踪',
   'fabric.editor.decisionPlaceholder': '添加决定...',
+  'fabric.editor.decreaseColumnSize': '减小列大小',
   'fabric.editor.decreaseSize': '减小大小',
   'fabric.editor.defaultAltText': '文档',
   'fabric.editor.description': '描述',
@@ -229,6 +234,7 @@ var _default = exports.default = {
   'fabric.editor.imageBorderSize': '大小',
   'fabric.editor.imageBorderSubtle': '细微',
   'fabric.editor.improvement': '改进',
+  'fabric.editor.increaseColumnSize': '增大列大小',
   'fabric.editor.increaseSize': '增大大小',
   'fabric.editor.indent': '增大缩进',
   'fabric.editor.info': '信息',
@@ -317,8 +323,8 @@ var _default = exports.default = {
   'fabric.editor.placeholderTextPlaceholder': '添加占位文本',
   'fabric.editor.plainText': '使用纯文本',
   'fabric.editor.quickInsert': '快速插入',
-  'fabric.editor.recordVideo': '录制视频',
-  'fabric.editor.recordVideo.description': '使用 Loom 录制视频',
+  'fabric.editor.recordVideo': '录制 Loom 视频',
+  'fabric.editor.recordVideo.description': '录制您的屏幕内容和摄像头画面',
   'fabric.editor.redo': '重做',
   'fabric.editor.remove': '删除',
   'fabric.editor.removeColumns': '{0, plural, other {删除列}}',
@@ -336,6 +342,7 @@ var _default = exports.default = {
   'fabric.editor.rowDragHandle': '行选项',
   'fabric.editor.saveButton': '保存',
   'fabric.editor.searchResults': '{itemsLength, plural, other {有 {itemsLength,number} 个搜索结果。使用向上和向下箭头键可浏览这些选项。按 Enter 键可选择选项。}}',
+  'fabric.editor.selectColumnResize': '选择列大小调整',
   'fabric.editor.selectLanguage': '选择语言',
   'fabric.editor.selectTableColumn': '选择表格列',
   'fabric.editor.selectTableRow': '选择表格行',
@@ -419,10 +426,13 @@ var _default = exports.default = {
   'fabric.editor.unsupportedBlockContent': '此编辑器不支持显示此内容',
   'fabric.editor.unsupportedContentTooltip': '此编辑器中的内容不可用，在编辑和保存时将保留此内容',
   'fabric.editor.unsupportedInlineContent': '内容不受支持',
+  'fabric.editor.upDown': '在以下输入字段中使用向上和向下箭头键时，日期将在下方更新',
   'fabric.editor.url': '显示 URL',
   'fabric.editor.urlDescription': '以 URL 显示链接',
   'fabric.editor.urlTitle': 'URL',
   'fabric.editor.useMarkdown': '使用 Markdown',
+  'fabric.editor.viewAndAddCommentsOnMedia': '查看并添加评论',
+  'fabric.editor.viewCommentOnMedia': '查看评论',
   'fabric.editor.viewMore': '查看更多',
   'fabric.editor.visit': '在新窗口中打开链接',
   'fabric.editor.warning': '警告',

package/dist/cjs/i18n/zh_TW.js

@@ -20,6 +20,7 @@ var _default = exports.default = {
   'fabric.editor.addColumnRight': '新增右欄',
   'fabric.editor.addCommentOnMedia': '新增留言',
   'fabric.editor.addImageBorder': '新增邊框',
+  'fabric.editor.addLoomVideo': '新增 Loom 影片',
   'fabric.editor.addMediaFiles': '新增圖片、影片或檔案',
   'fabric.editor.addRowAbove': '在上方新增列',
   'fabric.editor.addRowBelow': '在下方新增列',
@@ -100,6 +101,9 @@ var _default = exports.default = {
   'fabric.editor.customPanel.description': '新增一個帶有表情符號和彩色背景的附註',
   'fabric.editor.datasource.assetsObjects': 'Assets (測試版)',
   'fabric.editor.datasource.assetsObjects.description': '透過搜尋和篩選，從 Jira Service Management 中的 Assets 插入物件',
+  'fabric.editor.datasource.assetsObjectsGeneralAvailability': 'Assets',
+  'fabric.editor.datasource.confluenceSearch': '插入 Confluence 列表',
+  'fabric.editor.datasource.confluenceSearch.description': '插入 Confluence 搜尋結果列表，包含增強的搜尋、篩選和組態。',
   'fabric.editor.datasource.jiraIssue': 'Jira 議題',
   'fabric.editor.datasource.jiraIssue.description': '透過增強的搜尋、篩選和組態，從 Jira Cloud 插入 Jira 議題。',
   'fabric.editor.datasourceAppearanceTitle': '列表',
@@ -109,6 +113,7 @@ var _default = exports.default = {
   'fabric.editor.decision': '決定',
   'fabric.editor.decision.description': '擷取決定以便追蹤',
   'fabric.editor.decisionPlaceholder': '新增決定…',
+  'fabric.editor.decreaseColumnSize': '縮小欄大小',
   'fabric.editor.decreaseSize': '縮減大小',
   'fabric.editor.defaultAltText': '文件',
   'fabric.editor.description': '描述',
@@ -229,6 +234,7 @@ var _default = exports.default = {
   'fabric.editor.imageBorderSize': '大小',
   'fabric.editor.imageBorderSubtle': '不明顯的',
   'fabric.editor.improvement': '改善',
+  'fabric.editor.increaseColumnSize': '放大欄大小',
   'fabric.editor.increaseSize': '增加大小',
   'fabric.editor.indent': '增加縮排',
   'fabric.editor.info': '資訊',
@@ -317,8 +323,8 @@ var _default = exports.default = {
   'fabric.editor.placeholderTextPlaceholder': '新增預留位置文字',
   'fabric.editor.plainText': '使用純文字',
   'fabric.editor.quickInsert': '快速插入',
-  'fabric.editor.recordVideo': '錄製影片',
-  'fabric.editor.recordVideo.description': '使用 Loom 錄製影片',
+  'fabric.editor.recordVideo': '錄製 Loom 影片',
+  'fabric.editor.recordVideo.description': '錄製您的螢幕畫面和相機',
   'fabric.editor.redo': '重做',
   'fabric.editor.remove': '移除',
   'fabric.editor.removeColumns': '{0, plural, other {刪除直欄}}',
@@ -336,6 +342,7 @@ var _default = exports.default = {
   'fabric.editor.rowDragHandle': '列選項',
   'fabric.editor.saveButton': '儲存',
   'fabric.editor.searchResults': '{itemsLength, plural, other {有 {itemsLength,number} 個搜尋結果。請使用向上鍵和向下鍵導覽選項。按 Enter 鍵可選取選項。}}',
+  'fabric.editor.selectColumnResize': '選取欄重新調整大小',
   'fabric.editor.selectLanguage': '選取語言',
   'fabric.editor.selectTableColumn': '選取表格欄',
   'fabric.editor.selectTableRow': '選取表格列',
@@ -419,10 +426,13 @@ var _default = exports.default = {
   'fabric.editor.unsupportedBlockContent': '此編輯器不支援顯示此內容',
   'fabric.editor.unsupportedContentTooltip': '內容不適用於此編輯器，這會在您編輯和儲存時進行保留',
   'fabric.editor.unsupportedInlineContent': '不支援的內容',
+  'fabric.editor.upDown': '在下列輸入欄位中使用向上和向下箭頭按鍵時，日期將在下方更新',
   'fabric.editor.url': '顯示 URL',
   'fabric.editor.urlDescription': '將連結顯示為 URL',
   'fabric.editor.urlTitle': 'URL',
   'fabric.editor.useMarkdown': '使用 Markdown',
+  'fabric.editor.viewAndAddCommentsOnMedia': '檢視和新增留言',
+  'fabric.editor.viewCommentOnMedia': '檢視留言',
   'fabric.editor.viewMore': '檢視更多',
   'fabric.editor.visit': '在新視窗中開啟連結',
   'fabric.editor.warning': '警告',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "78.33.3";
+var packageVersion = "78.34.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/selection/index.js

@@ -132,6 +132,7 @@ Object.defineProperty(exports, "startPositionOfParent", {
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorTables = require("@atlaskit/editor-tables");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _types = require("./types");
 var _selection = require("./gap-cursor/selection");
@@ -233,13 +234,22 @@ function createSelectionClickHandler(nodes, isValidTarget, options) {
       return false;
     }
     if (direct && nodes.indexOf(node.type.name) !== -1) {
-      if (event.target) {
-        var _target = event.target;
-        if (isValidTarget(_target)) {
+      var _target = event.target;
+      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+        if (_target instanceof HTMLElement && isValidTarget(_target)) {
           var selectionPos = options.getNodeSelectionPos ? options.getNodeSelectionPos(view.state, nodePos) : nodePos;
           selectNode(selectionPos)(view.state, view.dispatch);
           return true;
         }
+      } else {
+        if (event.target) {
+          var _target2 = event.target;
+          if (isValidTarget(_target2)) {
+            var _selectionPos = options.getNodeSelectionPos ? options.getNodeSelectionPos(view.state, nodePos) : nodePos;
+            selectNode(_selectionPos)(view.state, view.dispatch);
+            return true;
+          }
+        }
       }
     }
     return false;

package/dist/cjs/ui/DropList/index.js

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.33.3";
+var packageVersion = "78.34.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuArrowKeyNavigationProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var hasEnabledItems = function hasEnabledItems(list) {
@@ -81,7 +82,6 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
      * @param event
      */
     var handleKeyDown = function handleKeyDown(event) {
-      var _wrapperRef$current;
       var targetElement = event.target;
 
       // Tab key on menu items can be handled in the parent components of dropdown menus with KeydownHandlerContext
@@ -96,8 +96,16 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
       if (!focusableElements || (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) === 0) {
         return;
       }
-      if (!((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
-        setCurrentSelectedItemIndex(-1);
+      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+        var _wrapperRef$current;
+        if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+          setCurrentSelectedItemIndex(-1);
+        }
+      } else {
+        var _wrapperRef$current2;
+        if (!((_wrapperRef$current2 = wrapperRef.current) !== null && _wrapperRef$current2 !== void 0 && _wrapperRef$current2.contains(targetElement))) {
+          setCurrentSelectedItemIndex(-1);
+        }
       }
       switch (event.key) {
         case 'ArrowDown':
@@ -125,22 +133,46 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
         // then logic to retain the focus can be handled in the parent components with KeydownHandlerContext
         case 'ArrowLeft':
           // Filter out the events from outside the menu
-          if (!targetElement.closest('.custom-key-handler-wrapper')) {
-            return;
+          if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+            if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
+              return;
+            }
+          } else {
+            if (!(targetElement !== null && targetElement !== void 0 && targetElement.closest('.custom-key-handler-wrapper'))) {
+              return;
+            }
           }
           handleClose(event);
-          if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
-            keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowLeft();
+          if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+            if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
+              keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowLeft();
+            }
+          } else {
+            if (!(targetElement !== null && targetElement !== void 0 && targetElement.closest('[data-testid="editor-floating-toolbar"]'))) {
+              keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowLeft();
+            }
           }
           break;
         case 'ArrowRight':
           // Filter out the events from outside the menu
-          if (!targetElement.closest('.custom-key-handler-wrapper')) {
-            return;
+          if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+            if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
+              return;
+            }
+          } else {
+            if (!targetElement.closest('.custom-key-handler-wrapper')) {
+              return;
+            }
           }
           handleClose(event);
-          if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
-            keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowRight();
+          if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+            if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
+              keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowRight();
+            }
+          } else {
+            if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
+              keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowRight();
+            }
           }
           break;
         case 'Escape':

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

@@ -291,7 +291,11 @@ function DropdownMenuItem(_ref) {
     }, item.content);
   }
   var _handleSubmenuActive = function _handleSubmenuActive(event) {
-    setSubmenuActive(!!event.target.closest(".".concat(_styles.DropdownMenuSharedCssClassName.SUBMENU)));
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+      setSubmenuActive(Boolean(event.target instanceof HTMLElement && event.target.closest(".".concat(_styles.DropdownMenuSharedCssClassName.SUBMENU))));
+    } else {
+      setSubmenuActive(!!event.target.closest(".".concat(_styles.DropdownMenuSharedCssClassName.SUBMENU)));
+    }
   };
   var dropListItem = (0, _react2.jsx)("div", {
     css: function css() {

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../messages");
 var _ui = require("../../ui");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -115,18 +116,31 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
      * @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;
+      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+        if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
+          return;
+        }
+      } else {
+        if (!(targetElement !== null && targetElement !== void 0 && 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;
+      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+        var _document$querySelect, _document$querySelect2;
+        if (targetElement instanceof HTMLElement && (_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) || targetElement instanceof HTMLElement && (_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;
+        }
+      } else {
+        var _document$querySelect3, _document$querySelect4;
+        if ((_document$querySelect3 = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect3 !== void 0 && _document$querySelect3.contains(targetElement) || (_document$querySelect4 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect4 !== void 0 && _document$querySelect4.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
+          return;
+        }
       }
       var menuWrapper = document.querySelector('.menu-key-handler-wrapper');
       if (menuWrapper) {
@@ -140,10 +154,20 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
 
       // 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;
+      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.explicit-html-element-check')) {
+        var _wrapperRef$current;
+        if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+          selectedItemIndex.current = -1;
+        } else {
+          selectedItemIndex.current = targetElement instanceof HTMLElement && filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
+        }
       } else {
-        selectedItemIndex.current = filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
+        var _wrapperRef$current2;
+        if (!((_wrapperRef$current2 = wrapperRef.current) !== null && _wrapperRef$current2 !== void 0 && _wrapperRef$current2.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

package/dist/cjs/utils/insert-node-into-ordered-list.js

@@ -6,12 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.transformNodeIntoListItem = transformNodeIntoListItem;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _model = require("@atlaskit/editor-prosemirror/model");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _list = require("./list");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// Taken from `editor-plugin-content-insertion`
+function setSelectionToValidTextNode(tr, node, from) {
+  var sliceInserted = _model.Slice.maxOpen(_model.Fragment.from(node));
+  var openPosition = Math.min(from + (node.isAtom ? node.nodeSize : sliceInserted.openStart), tr.doc.content.size);
+  var FORWARD_DIRECTION = 1;
+  var nextSelection = _state.TextSelection.findFrom(tr.doc.resolve(openPosition), FORWARD_DIRECTION, true);
+  if (nextSelection) {
+    return tr.setSelection(nextSelection);
+  }
+}
 function transformNodeIntoListItem(tr, node) {
-  var _tr$doc$nodeAt, _findParentNodeOfType;
+  var _tr$doc$nodeAt;
   var _tr$selection = tr.selection,
     $to = _tr$selection.$to,
     $from = _tr$selection.$from,
@@ -70,6 +82,9 @@ function transformNodeIntoListItem(tr, node) {
   var indexOfNextListItem = $to.indexAfter($to.depth - listItemWrappingOffset);
   var positionOfNextListItem = tr.doc.resolve(selectionParentListNodeWithPos.pos + 1).posAtIndex(indexOfNextListItem);
 
+  // Place the selection at the replaced location
+  setSelectionToValidTextNode(tr, node, from);
+
   // Find the ordered list node after the pasted content so we can set it's order
   var mappedPositionOfNextListItem = tr.mapping.map(positionOfNextListItem);
   if (mappedPositionOfNextListItem > tr.doc.nodeSize) {
@@ -79,10 +94,14 @@ function transformNodeIntoListItem(tr, node) {
 
   // Work out the new split out lists 'order' (the number it starts from)
   var originalParentOrderedListNodeOrder = selectionParentListNode === null || selectionParentListNode === void 0 ? void 0 : selectionParentListNode.attrs.order;
-  var numOfListItemsInOriginalList = (_findParentNodeOfType = (0, _utils.findParentNodeOfTypeClosestToPos)(tr.doc.resolve(from - 1), [orderedList])) === null || _findParentNodeOfType === void 0 ? void 0 : _findParentNodeOfType.node.childCount;
+  var nodeOfOriginalList = (0, _utils.findParentNodeOfTypeClosestToPos)(tr.doc.resolve(from - 1), [orderedList]);
+  var numOfListItemsInOriginalList = nodeOfOriginalList === null || nodeOfOriginalList === void 0 ? void 0 : nodeOfOriginalList.node.childCount;
 
   // Set the new split out lists order attribute
-  if (typeof originalParentOrderedListNodeOrder === 'number' && numOfListItemsInOriginalList && nodeAfterPastedContentResolvedPos) {
+  if (typeof originalParentOrderedListNodeOrder === 'number' && numOfListItemsInOriginalList && nodeAfterPastedContentResolvedPos &&
+  // We only want to apply the node markup if we're referring to the split
+  // list rather than the original
+  (nodeOfOriginalList === null || nodeOfOriginalList === void 0 ? void 0 : nodeOfOriginalList.node) !== (nodeAfterPastedContentResolvedPos === null || nodeAfterPastedContentResolvedPos === void 0 ? void 0 : nodeAfterPastedContentResolvedPos.node)) {
     tr.setNodeMarkup(nodeAfterPastedContentResolvedPos.pos, orderedList, _objectSpread(_objectSpread({}, nodeAfterPastedContentResolvedPos.node.attrs), {}, {
       order: originalParentOrderedListNodeOrder + numOfListItemsInOriginalList
     }));

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -4,6 +4,7 @@ import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { N0, N30, N40, N500 } from '@atlaskit/theme/colors';
 const labelStyles = css({
+  zIndex: 1,
   opacity: 0,
   display: 'inline-flex',
   width: 'max-content',
@@ -14,7 +15,7 @@ const labelStyles = css({
   top: '-19px',
   '&.inline': {
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-    top: '-17px',
+    top: '-18px',
     marginLeft: "var(--ds-space-150, 12px)"
   },
   '&.show-label': {

package/dist/es2019/i18n/cs.js

@@ -14,6 +14,7 @@ export default {
   'fabric.editor.addColumnRight': 'Přidat sloupec vpravo',
   'fabric.editor.addCommentOnMedia': 'Přidat komentář',
   'fabric.editor.addImageBorder': 'Přidat ohraničení',
+  'fabric.editor.addLoomVideo': 'Přidat video Loom',
   'fabric.editor.addMediaFiles': 'Přidat obrázek, video nebo soubor',
   'fabric.editor.addRowAbove': 'Přidat řádek nad',
   'fabric.editor.addRowBelow': 'Přidat řádek pod',
@@ -94,6 +95,9 @@ export default {
   'fabric.editor.customPanel.description': 'Přidejte poznámku se smajlíkem a barevným pozadím.',
   'fabric.editor.datasource.assetsObjects': 'Aktiva (Beta)',
   'fabric.editor.datasource.assetsObjects.description': 'Pomocí vyhledávání a filtrování vložte objekty z Aktiv do Jira Service Management.',
+  'fabric.editor.datasource.assetsObjectsGeneralAvailability': 'Aktiva',
+  'fabric.editor.datasource.confluenceSearch': 'Vložit seznam Confluence',
+  'fabric.editor.datasource.confluenceSearch.description': 'Vložte seznam výsledků vyhledávání z Confluence s použitím rozšířeného vyhledávání, filtrování a konfigurací.',
   'fabric.editor.datasource.jiraIssue': 'Požadavky Jira',
   'fabric.editor.datasource.jiraIssue.description': 'Vkládání požadavků Jira z Jira Cloud pomocí rozšířeného vyhledávání, filtrování a konfigurací.',
   'fabric.editor.datasourceAppearanceTitle': 'Sloupec',
@@ -103,6 +107,7 @@ export default {
   'fabric.editor.decision': 'Rozhodnutí',
   'fabric.editor.decision.description': 'Zaznamenávejte rozhodnutí, aby se snadněji sledovala',
   'fabric.editor.decisionPlaceholder': 'Přidat rozhodnutí...',
+  'fabric.editor.decreaseColumnSize': 'Snížit velikost sloupce',
   'fabric.editor.decreaseSize': 'Snížit velikost',
   'fabric.editor.defaultAltText': 'Dokument',
   'fabric.editor.description': 'Popis',
@@ -223,6 +228,7 @@ export default {
   'fabric.editor.imageBorderSize': 'Velikost',
   'fabric.editor.imageBorderSubtle': 'Útlé',
   'fabric.editor.improvement': 'Vylepšení',
+  'fabric.editor.increaseColumnSize': 'Zvýšit velikost sloupce',
   'fabric.editor.increaseSize': 'Zvýšit velikost',
   'fabric.editor.indent': 'Zvětšit odsazení',
   'fabric.editor.info': 'Informace',
@@ -311,8 +317,8 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': 'Přidat text placeholderu.',
   'fabric.editor.plainText': 'Použít prostý text',
   'fabric.editor.quickInsert': 'Rychlé vložení',
-  'fabric.editor.recordVideo': 'Nahrát video',
-  'fabric.editor.recordVideo.description': 'Nahrát video z aplikace Loom',
+  'fabric.editor.recordVideo': 'Nahrávání videa Loom',
+  'fabric.editor.recordVideo.description': 'Nahrávejte obrazovku a obraz z kamery.',
   'fabric.editor.redo': 'Znovu',
   'fabric.editor.remove': 'Odebrat',
   'fabric.editor.removeColumns': '{0, plural, one {Odstranit sloupec} few {Odstranit sloupce} many {Odstranit sloupce} other {Odstranit sloupce}}',
@@ -330,6 +336,7 @@ export default {
   'fabric.editor.rowDragHandle': 'Možnosti řádku',
   'fabric.editor.saveButton': 'Uložit',
   'fabric.editor.searchResults': '{itemsLength, plural, one {K dispozici je {itemsLength,number} výsledek vyhledávání. Možnosti můžete procházet pomocí kláves se šipkami nahoru/dolů. Stisknutím klávesy Enter vyberete možnost.} few {K dispozici jsou {itemsLength,number} výsledky vyhledávání. Možnosti můžete procházet pomocí kláves se šipkami nahoru/dolů. Stisknutím klávesy Enter vyberete možnost.} many {K dispozici je {itemsLength,number} výsledku vyhledávání. Možnosti můžete procházet pomocí kláves se šipkami nahoru/dolů. Stisknutím klávesy Enter vyberete možnost.} other {K dispozici je {itemsLength,number} výsledků vyhledávání. Možnosti můžete procházet pomocí kláves se šipkami nahoru/dolů. Stisknutím klávesy Enter vyberete možnost.}}',
+  'fabric.editor.selectColumnResize': 'Vybrat sloupec ke změně velikosti',
   'fabric.editor.selectLanguage': 'Vyberte programovací jazyk',
   'fabric.editor.selectTableColumn': 'Vybrat sloupec tabulky',
   'fabric.editor.selectTableRow': 'Vybrat řádek tabulky',
@@ -413,10 +420,13 @@ export default {
   'fabric.editor.unsupportedBlockContent': 'Tento editor zobrazování tohoto obsahu nepodporuje.',
   'fabric.editor.unsupportedContentTooltip': 'Obsah není v tomto editoru k dispozici. Vaše úpravy se při uložení zachovají.',
   'fabric.editor.unsupportedInlineContent': 'Nepodporovaný obsah',
+  'fabric.editor.upDown': 'Při použití kláves se šipkami nahoru a dolů v následujícím vstupním poli se aktualizuje datum níže.',
   'fabric.editor.url': 'Zobrazit adresu URL',
   'fabric.editor.urlDescription': 'Zobrazit odkaz jako adresu URL',
   'fabric.editor.urlTitle': 'Adresa URL',
   'fabric.editor.useMarkdown': 'Použít markdown',
+  'fabric.editor.viewAndAddCommentsOnMedia': 'Zobrazit a přidat komentáře',
+  'fabric.editor.viewCommentOnMedia': 'Zobrazit komentáře',
   'fabric.editor.viewMore': 'Zobrazit více',
   'fabric.editor.visit': 'Otevřít odkaz v novém okně',
   'fabric.editor.warning': 'Varování',

package/dist/es2019/i18n/da.js

@@ -14,6 +14,7 @@ export default {
   'fabric.editor.addColumnRight': 'Tilføj kolonne til højre',
   'fabric.editor.addCommentOnMedia': 'Tilføj kommentar',
   'fabric.editor.addImageBorder': 'Tilføj kant',
+  'fabric.editor.addLoomVideo': 'Tilføj Loom-video',
   'fabric.editor.addMediaFiles': 'Tilføj billede, video eller fil',
   'fabric.editor.addRowAbove': 'Tilføj række ovenfor',
   'fabric.editor.addRowBelow': 'Tilføj række nedenfor',
@@ -94,6 +95,9 @@ export default {
   'fabric.editor.customPanel.description': 'Tilføj en note med en emoji og farvet baggrund',
   'fabric.editor.datasource.assetsObjects': 'Aktiver (beta)',
   'fabric.editor.datasource.assetsObjects.description': 'Indsæt objekter fra Aktiver i Jira Service Management med søgning og filtrering',
+  'fabric.editor.datasource.assetsObjectsGeneralAvailability': 'Aktiver',
+  'fabric.editor.datasource.confluenceSearch': 'Indsæt Confluence-liste',
+  'fabric.editor.datasource.confluenceSearch.description': 'Indsæt liste over søgeresultater fra Confluence med forbedret søgning, filtrering og konfiguration.',
   'fabric.editor.datasource.jiraIssue': 'Jira-sager',
   'fabric.editor.datasource.jiraIssue.description': 'Indsæt Jira-sager fra Jira Cloud med forbedret søgning, filtrering og konfiguration.',
   'fabric.editor.datasourceAppearanceTitle': 'Liste',
@@ -103,6 +107,7 @@ export default {
   'fabric.editor.decision': 'Beslutning',
   'fabric.editor.decision.description': 'Registrér beslutninger, så de er lette at finde igen',
   'fabric.editor.decisionPlaceholder': 'Tilføj en beslutning ...',
+  'fabric.editor.decreaseColumnSize': 'Reducer kolonnestørrelse',
   'fabric.editor.decreaseSize': 'Reducer størrelse',
   'fabric.editor.defaultAltText': 'Dokument',
   'fabric.editor.description': 'Beskrivelse',
@@ -223,6 +228,7 @@ export default {
   'fabric.editor.imageBorderSize': 'Størrelse',
   'fabric.editor.imageBorderSubtle': 'Diskret',
   'fabric.editor.improvement': 'Forbedring',
+  'fabric.editor.increaseColumnSize': 'Forøg kolonnestørrelse',
   'fabric.editor.increaseSize': 'Gør større',
   'fabric.editor.indent': 'Ryk ind',
   'fabric.editor.info': 'Info',
@@ -311,8 +317,8 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': 'Tilføj midlertidig tekst',
   'fabric.editor.plainText': 'Brug almindelig tekst',
   'fabric.editor.quickInsert': 'Hurtig indsætning',
-  'fabric.editor.recordVideo': 'Optag video',
-  'fabric.editor.recordVideo.description': 'Optag video ved hjælp af Loom',
+  'fabric.editor.recordVideo': 'Optag en Loom-video',
+  'fabric.editor.recordVideo.description': 'Optag din skærm og dit kamera',
   'fabric.editor.redo': 'Gentag',
   'fabric.editor.remove': 'Fjern',
   'fabric.editor.removeColumns': '{0, plural, one {Slet kolonne} other {Slet kolonner}}',
@@ -330,6 +336,7 @@ export default {
   'fabric.editor.rowDragHandle': 'Rækkeindstillinger',
   'fabric.editor.saveButton': 'Gem',
   'fabric.editor.searchResults': '{itemsLength, plural, one {{itemsLength,number} søgeresultat tilgængeligt. Brug piletasterne op og ned til at navigere gennem mulighederne. Tryk på Enter for at vælge en mulighed.} other {{itemsLength,number} søgeresultater er tilgængelige. Brug piletasterne op og ned til at navigere gennem mulighederne. Tryk på Enter for at vælge en mulighed.}}',
+  'fabric.editor.selectColumnResize': 'Vælg ændring af kolonnestørrelse',
   'fabric.editor.selectLanguage': 'Vælg sprog',
   'fabric.editor.selectTableColumn': 'Vælg tabelkolonne',
   'fabric.editor.selectTableRow': 'Vælg tabelrække',
@@ -413,10 +420,13 @@ export default {
   'fabric.editor.unsupportedBlockContent': 'Denne editor understøtter ikke visning af dette indhold',
   'fabric.editor.unsupportedContentTooltip': 'Indholdet er ikke tilgængeligt i denne editor. Det bevares, når du redigerer og gemmer',
   'fabric.editor.unsupportedInlineContent': 'Ikke-understøttet indhold',
+  'fabric.editor.upDown': 'Når du bruger piletasterne op og ned i følgende indtastningsfelt opdateres datoen nedenfor',
   'fabric.editor.url': 'Visnings-URL',
   'fabric.editor.urlDescription': 'Vis link som URL-adresse',
   'fabric.editor.urlTitle': 'URL-adresse',
   'fabric.editor.useMarkdown': 'Brug markdown',
+  'fabric.editor.viewAndAddCommentsOnMedia': 'Se og tilføj kommentarer',
+  'fabric.editor.viewCommentOnMedia': 'Se kommentarer',
   'fabric.editor.viewMore': 'Vis mere',
   'fabric.editor.visit': 'Åbn link i et nyt vindue',
   'fabric.editor.warning': 'Advarsel',