@atlaskit/editor-core 149.0.0 → 150.0.1

package/dist/cjs/i18n/vi.js

@@ -33,6 +33,7 @@ var _default = {
   'fabric.editor.blockquote.description': 'Chèn trích dẫn hoặc tham chiếu',
   'fabric.editor.blockquote2': 'Trích dẫn',
   'fabric.editor.bold': 'In đậm',
+  'fabric.editor.bug': 'Lỗi',
   'fabric.editor.canNotSortTable': '⚠️ Bạn không thể sắp xếp bảng có các ô đã hợp nhất',
   'fabric.editor.cancelButton': 'Hủy',
   'fabric.editor.captionPlaceholder': 'Thêm chú thích',
@@ -50,6 +51,7 @@ var _default = {
   'fabric.editor.code': 'Mã',
   'fabric.editor.codeblock': 'Đoạn mã',
   'fabric.editor.codeblock.description': 'Hiển thị mã có bôi đậm cú pháp',
+  'fabric.editor.collapseTable': 'Thu gọn bảng',
   'fabric.editor.columns': 'Bố cục',
   'fabric.editor.columns.description': 'Thiết lập cấu trúc trang của bạn bằng cách sử dụng các mục',
   'fabric.editor.configFailedToLoad': 'Không thể tải',
@@ -78,6 +80,7 @@ var _default = {
   'fabric.editor.decision': 'Quyết định',
   'fabric.editor.decision.description': 'Thu thập các quyết định để dễ dàng theo dõi',
   'fabric.editor.decisionPlaceholder': 'Thêm quyết định…',
+  'fabric.editor.defaultAltText': 'Mục danh sách',
   'fabric.editor.displayBlock': 'Hiển thị thẻ',
   'fabric.editor.displayEmbed': 'Hiển thị đối tượng nhúng',
   'fabric.editor.displayInline': 'Hiển thị nội tuyến',
@@ -87,8 +90,11 @@ var _default = {
   'fabric.editor.distributeColumns': 'Phân phối cột',
   'fabric.editor.edit': 'Chỉnh sửa',
   'fabric.editor.editAltText': 'Chỉnh sửa văn bản thay thế',
+  'fabric.editor.editDateText': 'Sửa ngày',
   'fabric.editor.editLink': 'Chỉnh sửa liên kết',
   'fabric.editor.editMode.inviteToEditButton.title': 'Mời chỉnh sửa',
+  'fabric.editor.editStatusColor': 'Sửa màu trạng thái',
+  'fabric.editor.editStatusText': 'Sửa trạng thái',
   'fabric.editor.editorHelp': 'Hỗ trợ chỉnh sửa',
   'fabric.editor.elementBrowser.help': 'Trợ giúp',
   'fabric.editor.elementbrowser.categorylist.category-admin': 'Quản trị',
@@ -109,6 +115,7 @@ var _default = {
   'fabric.editor.emoji': 'Biểu tượng cảm xúc',
   'fabric.editor.emoji.description': 'Sử dụng biểu tượng cảm xúc để thể hiện ý kiến 🎉 và cảm xúc 😄',
   'fabric.editor.emptyLink': 'Vui lòng nhập một liên kết.',
+  'fabric.editor.epic': 'Quá trình',
   'fabric.editor.error': 'Lỗi',
   'fabric.editor.errorPanel': 'Ô lỗi',
   'fabric.editor.errorPanel.description': 'Chỉ ra lỗi bằng ô màu',
@@ -147,8 +154,9 @@ var _default = {
   'fabric.editor.horizontalRule.description': 'Chia tách nội dung bằng một đường ngang',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Các đề xuất sẽ xuất hiện bên dưới khi bạn nhập thông tin vào trường',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {không tìm thấy kết quả} other {Đã tìm thấy {count,number} kết quả}}',
-  'fabric.editor.hyperlinkToolbarPlaceholder': 'Dán liên kết hoặc tìm nội dung đã xem gần đây',
+  'fabric.editor.hyperlinkToolbarPlaceholder': 'Dán hoặc tìm kiếm liên kết',
   'fabric.editor.image': 'hình ảnh',
+  'fabric.editor.improvement': 'Cải tiến',
   'fabric.editor.info': 'Thông tin',
   'fabric.editor.infoPanel': 'Ô thông tin',
   'fabric.editor.infoPanel.description': 'Bôi đậm thông tin bằng ô màu',
@@ -186,7 +194,7 @@ var _default = {
   'fabric.editor.orderedList.description': 'Tạo một danh sách kiểu sắp xếp',
   'fabric.editor.other': 'Khác...',
   'fabric.editor.panel.backgroundColor': 'Màu nền',
-  'fabric.editor.panel.emoji': 'Thêm biểu tượng',
+  'fabric.editor.panel.emoji': 'Thêm biểu tượng cảm xúc',
   'fabric.editor.pastePlainText': 'Dán văn bản thuần túy',
   'fabric.editor.placeholderAltText': 'Mô tả hình ảnh này bằng văn bản thay thế',
   'fabric.editor.placeholderText': 'Văn bản giữ chỗ',
@@ -211,7 +219,9 @@ var _default = {
   'fabric.editor.status': 'Trạng thái',
   'fabric.editor.status.description': 'Thêm một nhãn trạng thái tùy chỉnh',
   'fabric.editor.statusPlaceholder': 'Đặt trạng thái',
+  'fabric.editor.story': 'Câu chuyện',
   'fabric.editor.strike': 'Gạch ngang',
+  'fabric.editor.subTask': 'Tác vụ con',
   'fabric.editor.subscript': 'Chỉ số dưới',
   'fabric.editor.success': 'Thành công',
   'fabric.editor.successPanel': 'Ô thành công',
@@ -223,6 +233,7 @@ var _default = {
   'fabric.editor.tableOptions': 'Tùy chọn bảng',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Việc xóa bảng này cũng sẽ xóa mọi dữ liệu có trong bất kỳ biểu đồ được kết nối nào.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Xóa bảng và dữ liệu',
+  'fabric.editor.task': 'Tác vụ',
   'fabric.editor.taskPlaceholder': "Nhập thao tác của bạn, sử dụng '@' để chỉ định cho người nào đó.",
   'fabric.editor.textColor': 'Màu văn bản',
   'fabric.editor.textColor.lessColors': 'Ít màu hơn',

package/dist/cjs/i18n/zh.js

@@ -33,6 +33,7 @@ var _default = {
   'fabric.editor.blockquote.description': '插入引用',
   'fabric.editor.blockquote2': '引用',
   'fabric.editor.bold': '粗体',
+  'fabric.editor.bug': '缺陷',
   'fabric.editor.canNotSortTable': '⚠️ 无法对包含合并单元格的表格进行排序',
   'fabric.editor.cancelButton': '取消',
   'fabric.editor.captionPlaceholder': '添加标题',
@@ -50,6 +51,7 @@ var _default = {
   'fabric.editor.code': '代码',
   'fabric.editor.codeblock': '代码片段',
   'fabric.editor.codeblock.description': '显示带语法高亮的代码',
+  'fabric.editor.collapseTable': '收起表格',
   'fabric.editor.columns': '布局',
   'fabric.editor.columns.description': '使用分段组织页面',
   'fabric.editor.configFailedToLoad': '无法加载',
@@ -78,6 +80,7 @@ var _default = {
   'fabric.editor.decision': '决定',
   'fabric.editor.decision.description': '捕获决策，以便轻松跟踪',
   'fabric.editor.decisionPlaceholder': '添加决定...',
+  'fabric.editor.defaultAltText': '列出项目',
   'fabric.editor.displayBlock': '显示卡片',
   'fabric.editor.displayEmbed': '显示嵌入',
   'fabric.editor.displayInline': '显示内嵌',
@@ -87,8 +90,11 @@ var _default = {
   'fabric.editor.distributeColumns': '分散列',
   'fabric.editor.edit': '编辑',
   'fabric.editor.editAltText': '编辑替代文本',
+  'fabric.editor.editDateText': '编辑日期',
   'fabric.editor.editLink': '编辑链接',
   'fabric.editor.editMode.inviteToEditButton.title': '邀请编辑',
+  'fabric.editor.editStatusColor': '编辑状态颜色',
+  'fabric.editor.editStatusText': '编辑状态',
   'fabric.editor.editorHelp': '编辑器帮助',
   'fabric.editor.elementBrowser.help': '帮助',
   'fabric.editor.elementbrowser.categorylist.category-admin': '管理',
@@ -109,6 +115,7 @@ var _default = {
   'fabric.editor.emoji': '表情符号',
   'fabric.editor.emoji.description': '使用表情符号传达理念 🎉 和情绪 😄',
   'fabric.editor.emptyLink': '请输入链接。',
+  'fabric.editor.epic': '长篇故事',
   'fabric.editor.error': '错误',
   'fabric.editor.errorPanel': '错误面板',
   'fabric.editor.errorPanel.description': '在彩色面板调出错误',
@@ -123,6 +130,9 @@ var _default = {
   'fabric.editor.findNext': '查找下一个',
   'fabric.editor.findPrevious': '查找上一个',
   'fabric.editor.findReplaceToolbarButton': '查找和替换',
+  'fabric.editor.floatingToolbar.confirmModalCancel': '取消',
+  'fabric.editor.floatingToolbar.confirmModalHeading': '您确定吗？',
+  'fabric.editor.floatingToolbar.confirmModalOK': '确定',
   'fabric.editor.headerColumn': '标头列',
   'fabric.editor.headerRow': '表头行',
   'fabric.editor.heading1': '标题 1',
@@ -144,8 +154,9 @@ var _default = {
   'fabric.editor.horizontalRule.description': '使用水平线分隔内容',
   'fabric.editor.hyperlink.searchLinkAriaDescription': '在字段中输入内容时，下方会显示建议内容',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {未找到结果} other {找到 {count,number} 个结果}}',
-  'fabric.editor.hyperlinkToolbarPlaceholder': '粘贴链接或搜索最近查看的内容',
+  'fabric.editor.hyperlinkToolbarPlaceholder': '粘贴或搜索链接',
   'fabric.editor.image': '图片',
+  'fabric.editor.improvement': '改进',
   'fabric.editor.info': '信息',
   'fabric.editor.infoPanel': '信息面板',
   'fabric.editor.infoPanel.description': '在彩色面板高亮显示信息',
@@ -183,7 +194,7 @@ var _default = {
   'fabric.editor.orderedList.description': '创建有序列表',
   'fabric.editor.other': '其他...',
   'fabric.editor.panel.backgroundColor': '背景颜色',
-  'fabric.editor.panel.emoji': '添加图标',
+  'fabric.editor.panel.emoji': '添加表情',
   'fabric.editor.pastePlainText': '粘贴纯文本',
   'fabric.editor.placeholderAltText': '用替代文本描述此图片',
   'fabric.editor.placeholderText': '占位文本',
@@ -208,7 +219,9 @@ var _default = {
   'fabric.editor.status': '状态',
   'fabric.editor.status.description': '添加自定义状态标签',
   'fabric.editor.statusPlaceholder': '设置状态',
+  'fabric.editor.story': '故事',
   'fabric.editor.strike': '删除线',
+  'fabric.editor.subTask': '子任务',
   'fabric.editor.subscript': '下标',
   'fabric.editor.success': '成功',
   'fabric.editor.successPanel': '成功面板',
@@ -218,6 +231,9 @@ var _default = {
   'fabric.editor.table': '表格',
   'fabric.editor.table.description': '插入表格',
   'fabric.editor.tableOptions': '表格选项',
+  'fabric.editor.tables.confirmDeleteLinkedModalMessage': '删除此表格还将删除所有已连接图表中包含的全部数据。',
+  'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '删除表格和数据',
+  'fabric.editor.task': '任务',
   'fabric.editor.taskPlaceholder': '输入您的操作，使用“@”进行分配。',
   'fabric.editor.textColor': '文本颜色',
   'fabric.editor.textColor.lessColors': '减少颜色',

package/dist/cjs/i18n/zh_TW.js

@@ -33,6 +33,7 @@ var _default = {
   'fabric.editor.blockquote.description': '插入引述或引文',
   'fabric.editor.blockquote2': '引述',
   'fabric.editor.bold': '粗體',
+  'fabric.editor.bug': '錯誤',
   'fabric.editor.canNotSortTable': '⚠️ 您無法排序包含合併儲存格的表格',
   'fabric.editor.cancelButton': '取消',
   'fabric.editor.captionPlaceholder': '新增標題',
@@ -50,6 +51,7 @@ var _default = {
   'fabric.editor.code': '程式碼',
   'fabric.editor.codeblock': '程式碼片段',
   'fabric.editor.codeblock.description': '顯示程式碼並醒目提示語法',
+  'fabric.editor.collapseTable': '摺疊表格',
   'fabric.editor.columns': '版面配置',
   'fabric.editor.columns.description': '使用區段建立頁面的結構',
   'fabric.editor.configFailedToLoad': '無法載入',
@@ -78,6 +80,7 @@ var _default = {
   'fabric.editor.decision': '決定',
   'fabric.editor.decision.description': '擷取決定以便追蹤',
   'fabric.editor.decisionPlaceholder': '新增決定…',
+  'fabric.editor.defaultAltText': '清單項目',
   'fabric.editor.displayBlock': '顯示卡片',
   'fabric.editor.displayEmbed': '顯示嵌入',
   'fabric.editor.displayInline': '顯示內嵌',
@@ -87,8 +90,11 @@ var _default = {
   'fabric.editor.distributeColumns': '平均分配直欄寬度',
   'fabric.editor.edit': '編輯',
   'fabric.editor.editAltText': '編輯替代文字',
+  'fabric.editor.editDateText': '編輯日期',
   'fabric.editor.editLink': '編輯連結',
   'fabric.editor.editMode.inviteToEditButton.title': '邀請編輯',
+  'fabric.editor.editStatusColor': '編輯狀態顏色',
+  'fabric.editor.editStatusText': '編輯狀態',
   'fabric.editor.editorHelp': '編輯器說明',
   'fabric.editor.elementBrowser.help': '說明',
   'fabric.editor.elementbrowser.categorylist.category-admin': '管理',
@@ -109,6 +115,7 @@ var _default = {
   'fabric.editor.emoji': '表情符號',
   'fabric.editor.emoji.description': '使用表情符號來傳達想法 🎉 和情緒 😄',
   'fabric.editor.emptyLink': '請輸入連結。',
+  'fabric.editor.epic': '大型工作',
   'fabric.editor.error': '錯誤',
   'fabric.editor.errorPanel': '錯誤面板',
   'fabric.editor.errorPanel.description': '以彩色面板呼叫錯誤',
@@ -123,6 +130,9 @@ var _default = {
   'fabric.editor.findNext': '尋找下一個',
   'fabric.editor.findPrevious': '尋找上一個',
   'fabric.editor.findReplaceToolbarButton': '尋找與取代',
+  'fabric.editor.floatingToolbar.confirmModalCancel': '取消',
+  'fabric.editor.floatingToolbar.confirmModalHeading': '您確定嗎？',
+  'fabric.editor.floatingToolbar.confirmModalOK': '確定',
   'fabric.editor.headerColumn': '標題欄',
   'fabric.editor.headerRow': '標題列',
   'fabric.editor.heading1': '標題 1',
@@ -144,8 +154,9 @@ var _default = {
   'fabric.editor.horizontalRule.description': '使用水平線來區隔內容',
   'fabric.editor.hyperlink.searchLinkAriaDescription': '當您在欄位中輸入內容時，建議會顯示在下方',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {沒有找到任何結果} other {找到 {count,number} 個結果}}',
-  'fabric.editor.hyperlinkToolbarPlaceholder': '貼上連結或搜尋最近檢視過的內容',
+  'fabric.editor.hyperlinkToolbarPlaceholder': '貼上或搜尋連結',
   'fabric.editor.image': '影像',
+  'fabric.editor.improvement': '改善',
   'fabric.editor.info': '資訊',
   'fabric.editor.infoPanel': '資訊面板',
   'fabric.editor.infoPanel.description': '以彩色面板醒目提示資訊',
@@ -183,7 +194,7 @@ var _default = {
   'fabric.editor.orderedList.description': '建立已排序的清單',
   'fabric.editor.other': '其他...',
   'fabric.editor.panel.backgroundColor': '背景顏色',
-  'fabric.editor.panel.emoji': '新增圖示',
+  'fabric.editor.panel.emoji': '新增表情符號',
   'fabric.editor.pastePlainText': '貼上純文字',
   'fabric.editor.placeholderAltText': '使用替代文字描述這張圖片',
   'fabric.editor.placeholderText': '預留位置文字',
@@ -208,7 +219,9 @@ var _default = {
   'fabric.editor.status': '狀態',
   'fabric.editor.status.description': '新增自訂狀態標籤',
   'fabric.editor.statusPlaceholder': '設定狀態',
+  'fabric.editor.story': '故事',
   'fabric.editor.strike': '刪除線',
+  'fabric.editor.subTask': '子任務',
   'fabric.editor.subscript': '下標',
   'fabric.editor.success': '成功',
   'fabric.editor.successPanel': '成功面板',
@@ -218,6 +231,9 @@ var _default = {
   'fabric.editor.table': '表格',
   'fabric.editor.table.description': '插入表格',
   'fabric.editor.tableOptions': '表格選項',
+  'fabric.editor.tables.confirmDeleteLinkedModalMessage': '移除這個表格也會將已連結圖表中的所有資料移除。',
+  'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '移除表格和資料',
+  'fabric.editor.task': '任務',
   'fabric.editor.taskPlaceholder': '輸入動作，使用「@」以指派給他人。',
   'fabric.editor.textColor': '文字顏色',
   'fabric.editor.textColor.lessColors': '較少色彩',

package/dist/cjs/messages.js

@@ -117,10 +117,10 @@ var _default = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Remove',
     description: 'Delete the element (image, panel, table, etc.) from your document'
   },
-  hideEmoji: {
-    id: 'fabric.editor.hideEmoji',
-    defaultMessage: 'Hide emoji',
-    description: 'Hide the emoji panel icon from custom panel'
+  removeEmoji: {
+    id: 'fabric.editor.removeEmoji',
+    defaultMessage: 'Remove emoji',
+    description: 'Remove the emoji panel icon from custom panel'
   },
   visit: {
     id: 'fabric.editor.visit',

package/dist/cjs/nodeviews/SelectionBasedNodeView.js

@@ -97,8 +97,7 @@ var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
         var _this$view$state$sele = _this.view.state.selection,
             from = _this$view$state$sele.from,
             to = _this$view$state$sele.to;
-        return selection.node === _this.node || // If nodes are not the same object, we check if they are referring to the same document node
-        _this.pos === from && _this.posEnd === to && selection.node.eq(_this.node);
+        return selection.node === _this.node || _this.pos === from && _this.posEnd === to && selection.node.eq(_this.node);
       }
 
       return false;

package/dist/cjs/plugins/analytics/types/enums.js

@@ -98,7 +98,6 @@ exports.ACTION = ACTION;
   ACTION["VIEWED"] = "viewed";
   ACTION["VISITED"] = "visited";
   ACTION["WITH_PLUGIN_STATE_CALLED"] = "withPluginStateCalled";
-  ACTION["FIXED"] = "fixed";
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";

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

@@ -8,6 +8,7 @@ var LAYOUT_TYPE;
 exports.LAYOUT_TYPE = LAYOUT_TYPE;
 
 (function (LAYOUT_TYPE) {
+  LAYOUT_TYPE["SINGLE_COL"] = "singleColumn";
   LAYOUT_TYPE["TWO_COLS_EQUAL"] = "twoColumnsEqual";
   LAYOUT_TYPE["THREE_COLS_EQUAL"] = "threeColumnsEqual";
   LAYOUT_TYPE["LEFT_SIDEBAR"] = "twoColumnsLeftSidebar";

package/dist/cjs/plugins/card/nodeviews/embedCard.js

@@ -252,9 +252,7 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       // since `heightAlone` is defined only when just height is available.
 
       var heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
-      var aspectRatio = !heightAlone && ( // No need getting aspectRatio if heightAlone defined already
-      initialAspectRatio || // If we have initialAspectRatio (coming from iframely) we should go with that
-      originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
+      var aspectRatio = !heightAlone && (initialAspectRatio || originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
       undefined;
       var cardProps = {
         layout: layout,

package/dist/cjs/plugins/expand/pm-plugins/keymap.js

@@ -132,8 +132,8 @@ function expandKeymap() {
           return (0, _commands.focusTitle)(expandBefore.start)(state, dispatch, editorView);
         } // moving cursor from outside of an expand to the content when it is expanded
         else if (dispatch) {
-            dispatch(state.tr.setSelection(sel));
-          }
+          dispatch(state.tr.setSelection(sel));
+        }
 
         return true;
       }

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

@@ -86,22 +86,22 @@ var performNodeUpdate = function performNodeUpdate(type, newAttrs, content, mark
       tr.setSelection(_prosemirrorState.TextSelection.create(tr.doc, state.selection.anchor));
     } // If any extension is currently selected
     else if ((0, _prosemirrorUtils.findSelectedNodeOfType)([extension, bodiedExtension, inlineExtension])(selection)) {
-        tr = (0, _prosemirrorUtils.replaceSelectedNode)(newNode)(tr); // Replacing selected node doesn't update the selection. `selection.node` still returns the old node
-
-        tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, tr.mapping.map(state.selection.anchor)));
-      } // When we loose the selection. This usually happens when Synchrony resets or changes
-      // the selection when user is in the middle of updating an extension.
-      else if (extensionState.element) {
-          var pos = view.posAtDOM(extensionState.element, -1);
-
-          if (pos > -1) {
-            tr = tr.replaceWith(pos, pos + (content.size || 0) + 1, newNode);
-            tr.setSelection(_prosemirrorState.Selection.near(tr.doc.resolve(pos)));
-            targetSelectionSource = _extensionEvents.TARGET_SELECTION_SOURCE.HTML_ELEMENT;
-          } else {
-            action = _analytics.ACTION.ERRORED;
-          }
-        } // Only scroll if we have anything to update, best to avoid surprise scroll
+      tr = (0, _prosemirrorUtils.replaceSelectedNode)(newNode)(tr); // Replacing selected node doesn't update the selection. `selection.node` still returns the old node
+
+      tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, tr.mapping.map(state.selection.anchor)));
+    } // When we loose the selection. This usually happens when Synchrony resets or changes
+    // the selection when user is in the middle of updating an extension.
+    else if (extensionState.element) {
+      var pos = view.posAtDOM(extensionState.element, -1);
+
+      if (pos > -1) {
+        tr = tr.replaceWith(pos, pos + (content.size || 0) + 1, newNode);
+        tr.setSelection(_prosemirrorState.Selection.near(tr.doc.resolve(pos)));
+        targetSelectionSource = _extensionEvents.TARGET_SELECTION_SOURCE.HTML_ELEMENT;
+      } else {
+        action = _analytics.ACTION.ERRORED;
+      }
+    } // Only scroll if we have anything to update, best to avoid surprise scroll
 
 
     if (dispatch && tr.docChanged) {

package/dist/cjs/plugins/extension/pm-plugins/main.js

@@ -359,10 +359,10 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
             })(state, dispatch);
           } // New DOM element doesn't necessarily mean it's a new Node
           else if (element !== newElement) {
-              (0, _commands.updateState)({
-                element: newElement
-              })(state, dispatch);
-            }
+            (0, _commands.updateState)({
+              element: newElement
+            })(state, dispatch);
+          }
 
           return true;
         },

package/dist/cjs/plugins/floating-toolbar/ui/{EditorHideEmojiIcon.js → EditorRemoveEmojiIcon.js}

@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = EditorHideEmojiIcon;
+exports.default = EditorRemoveEmojiIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-function EditorHideEmojiIcon() {
+function EditorRemoveEmojiIcon() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "24",
     height: "24",

package/dist/cjs/plugins/floating-toolbar/ui/EmojiPickerButton.js

@@ -38,6 +38,8 @@ var EmojiPickerButton = function EmojiPickerButton(props) {
       isPopupOpen = _React$useState2[0],
       setIsPopupOpen = _React$useState2[1];
 
+  var EmojiPickerWithListener = (0, _editorCommon.withOuterListeners)(_emoji.EmojiPicker);
+
   var togglePopup = function togglePopup() {
     setIsPopupOpen(!isPopupOpen);
   };
@@ -52,10 +54,11 @@ var EmojiPickerButton = function EmojiPickerButton(props) {
       return null;
     }
 
-    return /*#__PURE__*/_react.default.createElement(_emoji.EmojiPicker, {
+    return /*#__PURE__*/_react.default.createElement(EmojiPickerWithListener, {
       emojiProvider: providers.emojiProvider,
       onSelection: updateEmoji,
-      onPickerRef: function onPickerRef() {}
+      onPickerRef: function onPickerRef() {},
+      handleClickOutside: togglePopup
     });
   };
 

package/dist/cjs/plugins/floating-toolbar/ui/EmojiPickerButton.test.js

@@ -61,6 +61,20 @@ describe('emoji-picker-button', function () {
 
     expect(wrapper.find('Popup')).toHaveLength(1);
   });
+  it('should close EmojiPicker popup after clicking outside', function () {
+    // clicking on the button to open the popup
+    wrapper.find('button').simulate('click'); // make sure the popup and picker are shown
+
+    expect(wrapper.find('Popup')).toHaveLength(1);
+    var emojiPicker = wrapper.find('EmojiPickerInternal').instance(); // calling click outside
+
+    (0, _testUtils.act)(function () {
+      emojiPicker.props.handleClickOutside();
+    });
+    wrapper.update(); // make sure popup is hidden
+
+    expect(wrapper.find('Popup')).toHaveLength(0);
+  });
   it('should hide popup and call onChange after selecting an emoji', function () {
     // click the button
     wrapper.find('button').simulate('click'); // make sure the popup and picker are shown

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

@@ -69,6 +69,8 @@ var _blockInsertMenu = require("./block-insert-menu");
 
 var _commands6 = require("../../../rule/commands");
 
+var _withOuterListeners = _interopRequireDefault(require("../../../../ui/with-outer-listeners"));
+
 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 _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; }
@@ -86,6 +88,8 @@ var isDetachedElement = function isDetachedElement(el) {
 
 var noop = function noop() {};
 
+var EmojiPickerWithListeners = (0, _withOuterListeners.default)(_picker.EmojiPicker);
+
 var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ToolbarInsertBlock, _React$PureComponent);
 
@@ -173,6 +177,18 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         }
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEmojiPressEscape", function () {
+      _this.toggleEmojiPicker(_analytics.INPUT_METHOD.KEYBOARD);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEmojiClickOutside", function (e) {
+      // Ignore click events for detached elements.
+      // Workaround for FS-1322 - where two onClicks fire - one when the upload button is
+      // still in the document, and one once it's detached. Does not always occur, and
+      // may be a side effect of a react render optimisation
+      if (e.target && !isDetachedElement(e.target)) {
+        _this.toggleEmojiPicker(_analytics.INPUT_METHOD.TOOLBAR);
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEmojiButtonRef", function (button) {
       var ref = _reactDom.default.findDOMNode(button);
 
@@ -194,26 +210,6 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         _this.dropdownButtonRef = ref;
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPickerRef", function (ref) {
-      if (ref) {
-        document.addEventListener('click', _this.handleClickOutside);
-      } else {
-        document.removeEventListener('click', _this.handleClickOutside);
-      }
-
-      _this.pickerRef = ref;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickOutside", function (e) {
-      var picker = _this.pickerRef && _reactDom.default.findDOMNode(_this.pickerRef); // Ignore click events for detached elements.
-      // Workaround for FS-1322 - where two onClicks fire - one when the upload button is
-      // still in the document, and one once it's detached. Does not always occur, and
-      // may be a side effect of a react render optimisation
-
-
-      if (!picker || e.target && !isDetachedElement(e.target) && !picker.contains(e.target)) {
-        _this.toggleEmojiPicker();
-      }
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleLinkPanel", function (inputMethod) {
       var editorView = _this.props.editorView;
       (0, _commands5.showLinkToolbar)(inputMethod)(editorView.state, editorView.dispatch);
@@ -501,10 +497,11 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement
-      }, /*#__PURE__*/_react.default.createElement(_picker.EmojiPicker, {
+      }, /*#__PURE__*/_react.default.createElement(EmojiPickerWithListeners, {
         emojiProvider: emojiProvider,
         onSelection: this.handleSelectedEmoji,
-        onPickerRef: this.onPickerRef
+        handleClickOutside: this.handleEmojiClickOutside,
+        handleEscapeKeydown: this.handleEmojiPressEscape
       }));
     }
   }, {