@atlaskit/editor-core 149.0.2 → 150.0.3

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/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/collab-edit/ui/to-avatar.js

@@ -27,18 +27,14 @@ var toAvatar = function toAvatar(participant) {
   };
 };
 
-var participantEquals = function participantEquals(_ref, _ref2) {
+var _default = (0, _memoizeOne.default)(toAvatar, function participantEquals(_ref, _ref2) {
   var _ref3 = (0, _slicedToArray2.default)(_ref, 1),
-      aRaw = _ref3[0];
+      a = _ref3[0];
 
   var _ref4 = (0, _slicedToArray2.default)(_ref2, 1),
-      bRaw = _ref4[0];
+      b = _ref4[0];
 
-  var a = aRaw;
-  var b = bRaw;
   return a.name === b.name && a.avatar === b.avatar && a.sessionId === b.sessionId;
-};
-
-var _default = (0, _memoizeOne.default)(toAvatar, participantEquals);
+});
 
 exports.default = _default;

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
       }));
     }
   }, {

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.forceSectionToPresetLayout = forceSectionToPresetLayout;
-exports.deleteActiveLayoutNode = exports.fixColumnStructure = exports.fixColumnSizes = exports.setPresetLayout = exports.insertLayoutColumnsWithAnalytics = exports.insertLayoutColumns = exports.createDefaultLayoutSection = exports.getSelectedLayout = exports.getPresetLayout = exports.THREE_COL_LAYOUTS = exports.TWO_COL_LAYOUTS = void 0;
+exports.deleteActiveLayoutNode = exports.fixColumnStructure = exports.fixColumnSizes = exports.setPresetLayout = exports.insertLayoutColumnsWithAnalytics = exports.insertLayoutColumns = exports.createDefaultLayoutSection = exports.getSelectedLayout = exports.getPresetLayout = exports.THREE_COL_LAYOUTS = exports.TWO_COL_LAYOUTS = exports.ONE_COL_LAYOUTS = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -32,6 +32,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
+var ONE_COL_LAYOUTS = ['single'];
+exports.ONE_COL_LAYOUTS = ONE_COL_LAYOUTS;
 var TWO_COL_LAYOUTS = ['two_equal', 'two_left_sidebar', 'two_right_sidebar'];
 exports.TWO_COL_LAYOUTS = TWO_COL_LAYOUTS;
 var THREE_COL_LAYOUTS = ['three_equal', 'three_with_sidebars'];
@@ -39,6 +41,9 @@ exports.THREE_COL_LAYOUTS = THREE_COL_LAYOUTS;
 
 var getWidthsForPreset = function getWidthsForPreset(presetLayout) {
   switch (presetLayout) {
+    case 'single':
+      return [100];
+
     case 'two_equal':
       return [50, 50];
 
@@ -67,6 +72,9 @@ var getPresetLayout = function getPresetLayout(section) {
   }).join(',');
 
   switch (widths) {
+    case '100':
+      return 'single';
+
     case '33.33,33.33,33.33':
       return 'three_equal';
 
@@ -135,6 +143,47 @@ var insertLayoutColumnsWithAnalytics = function insertLayoutColumnsWithAnalytics
     eventType: _enums.EVENT_TYPE.TRACK
   })(insertLayoutColumns);
 };
+/**
+ * Add a column to the right of existing layout
+ */
+
+
+exports.insertLayoutColumnsWithAnalytics = insertLayoutColumnsWithAnalytics;
+
+function addColumn(schema, pos) {
+  return function (tr) {
+    tr.replaceWith(tr.mapping.map(pos), tr.mapping.map(pos), schema.nodes.layoutColumn.createAndFill());
+  };
+}
+
+function removeLastColumnInLayout(column, columnPos, insideRightEdgePos) {
+  return function (tr) {
+    if ((0, _utils.isEmptyDocument)(column)) {
+      tr.replaceRange(tr.mapping.map(columnPos - 1), tr.mapping.map(insideRightEdgePos), _prosemirrorModel.Slice.empty);
+    } else {
+      tr.replaceRange(tr.mapping.map(columnPos - 1), tr.mapping.map(columnPos + 1), _prosemirrorModel.Slice.empty);
+    }
+  };
+}
+
+var fromTwoColsToThree = addColumn;
+var fromOneColToTwo = addColumn;
+var fromTwoColsToOne = removeLastColumnInLayout;
+var fromThreeColsToTwo = removeLastColumnInLayout;
+
+var fromOneColToThree = function fromOneColToThree(schema, pos) {
+  return function (tr) {
+    addColumn(schema, pos)(tr);
+    addColumn(schema, pos)(tr);
+  };
+};
+
+var fromThreeColstoOne = function fromThreeColstoOne(node, tr, insideRightEdgePos) {
+  var thirdColumn = node.content.child(2);
+  fromThreeColsToTwo(thirdColumn, insideRightEdgePos - thirdColumn.nodeSize, insideRightEdgePos)(tr);
+  var secondColumn = node.content.child(1);
+  fromTwoColsToOne(secondColumn, insideRightEdgePos - thirdColumn.nodeSize - secondColumn.nodeSize, insideRightEdgePos)(tr);
+};
 /**
  * Handles switching from 2 -> 3 cols, or 3 -> 2 cols
  * Switching from 2 -> 3 just adds a new one at the end
@@ -143,27 +192,29 @@ var insertLayoutColumnsWithAnalytics = function insertLayoutColumnsWithAnalytics
  */
 
 
-exports.insertLayoutColumnsWithAnalytics = insertLayoutColumnsWithAnalytics;
-
 function forceColumnStructure(state, node, pos, presetLayout) {
   var tr = state.tr;
   var insideRightEdgeOfLayoutSection = pos + node.nodeSize - 1;
-  var numCols = node.childCount;
+  var numCols = node.childCount; // 3 columns -> 2 columns
 
   if (TWO_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 3) {
     var thirdColumn = node.content.child(2);
-    var thirdColumnPos = insideRightEdgeOfLayoutSection - thirdColumn.nodeSize;
-
-    if ((0, _utils.isEmptyDocument)(thirdColumn)) {
-      tr.replaceRange( // end pos of second column
-      tr.mapping.map(thirdColumnPos - 1), tr.mapping.map(insideRightEdgeOfLayoutSection), _prosemirrorModel.Slice.empty);
-    } else {
-      tr.replaceRange( // end pos of second column
-      tr.mapping.map(thirdColumnPos - 1), // start pos of third column
-      tr.mapping.map(thirdColumnPos + 1), _prosemirrorModel.Slice.empty);
-    }
+    var columnPos = insideRightEdgeOfLayoutSection - thirdColumn.nodeSize;
+    fromThreeColsToTwo(thirdColumn, columnPos, insideRightEdgeOfLayoutSection)(tr); // 2 columns -> 3 columns
   } else if (THREE_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 2) {
-    tr.replaceWith(tr.mapping.map(insideRightEdgeOfLayoutSection), tr.mapping.map(insideRightEdgeOfLayoutSection), state.schema.nodes.layoutColumn.createAndFill());
+    fromTwoColsToThree(state.schema, insideRightEdgeOfLayoutSection)(tr); // 2 columns -> 1 column
+  } else if (ONE_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 2) {
+    var secondColumn = node.content.child(1);
+
+    var _columnPos = insideRightEdgeOfLayoutSection - secondColumn.nodeSize;
+
+    fromTwoColsToOne(secondColumn, _columnPos, insideRightEdgeOfLayoutSection)(tr); // 3 columns -> 1 column
+  } else if (ONE_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 3) {
+    fromThreeColstoOne(node, tr, insideRightEdgeOfLayoutSection); // 1 column -> 2 columns
+  } else if (TWO_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 1) {
+    fromOneColToTwo(state.schema, insideRightEdgeOfLayoutSection)(tr); // 1 column -> 3 columns
+  } else if (THREE_COL_LAYOUTS.indexOf(presetLayout) >= 0 && numCols === 1) {
+    fromOneColToThree(state.schema, insideRightEdgeOfLayoutSection)(tr);
   }
 
   return tr;
@@ -259,7 +310,7 @@ function getLayoutChange(node, pos, schema) {
       return;
     }
 
-    var presetLayout = node.childCount === 2 ? 'two_equal' : 'three_equal';
+    var presetLayout = node.childCount === 2 ? 'two_equal' : node.childCount === 3 ? 'three_equal' : 'single';
     var fixedColumns = columnWidth(node, schema, getWidthsForPreset(presetLayout));
     return {
       from: pos + 1,
@@ -360,6 +411,9 @@ exports.deleteActiveLayoutNode = deleteActiveLayoutNode;
 
 var formatLayoutName = function formatLayoutName(layout) {
   switch (layout) {
+    case 'single':
+      return _nodeEvents.LAYOUT_TYPE.SINGLE_COL;
+
     case 'two_equal':
       return _nodeEvents.LAYOUT_TYPE.TWO_COLS_EQUAL;
 

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

@@ -57,10 +57,11 @@ var layoutPlugin = function layoutPlugin() {
         var _ref = _pluginKey.pluginKey.getState(state),
             pos = _ref.pos,
             allowBreakout = _ref.allowBreakout,
-            addSidebarLayouts = _ref.addSidebarLayouts;
+            addSidebarLayouts = _ref.addSidebarLayouts,
+            allowSingleColumnLayout = _ref.allowSingleColumnLayout;
 
         if (pos !== null) {
-          return (0, _toolbar.buildToolbar)(state, intl, pos, allowBreakout, addSidebarLayouts);
+          return (0, _toolbar.buildToolbar)(state, intl, pos, allowBreakout, addSidebarLayouts, allowSingleColumnLayout);
         }
 
         return undefined;

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

@@ -76,13 +76,15 @@ var getInitialPluginState = function getInitialPluginState(options, state) {
   var maybeLayoutSection = (0, _prosemirrorUtils.findParentNodeOfType)(state.schema.nodes.layoutSection)(state.selection);
   var allowBreakout = options.allowBreakout || false;
   var addSidebarLayouts = options.UNSAFE_addSidebarLayouts || false;
+  var allowSingleColumnLayout = options.UNSAFE_allowSingleColumnLayout || false;
   var pos = maybeLayoutSection ? maybeLayoutSection.pos : null;
   var selectedLayout = (0, _actions.getSelectedLayout)(maybeLayoutSection && maybeLayoutSection.node, DEFAULT_LAYOUT);
   return {
     pos: pos,
     allowBreakout: allowBreakout,
     addSidebarLayouts: addSidebarLayouts,
-    selectedLayout: selectedLayout
+    selectedLayout: selectedLayout,
+    allowSingleColumnLayout: allowSingleColumnLayout
   };
 };