@atlaskit/editor-common 74.29.2 → 74.30.0

package/dist/es2019/i18n/vi.js

@@ -17,9 +17,12 @@ export default {
   'fabric.editor.blockDescription': 'Hiển thị thêm thông tin về liên kết, bao gồm bản tóm tắt và các thao tác',
   'fabric.editor.blockTitle': 'Thẻ',
   'fabric.editor.blockquote': 'một dấu ngoặc kép',
+  'fabric.editor.bug': 'Lỗi',
   'fabric.editor.cancelButton': 'Hủy',
   'fabric.editor.captionPlaceholder': 'Thêm chú thích',
   'fabric.editor.cardFloatingControls': 'Tùy chọn thẻ',
+  'fabric.editor.clearLink': 'Xóa liên kết',
+  'fabric.editor.clearLinkText': 'Xóa văn bản',
   'fabric.editor.codeBidiWarningLabel': 'Ký tự hai chiều thay đổi thứ tự kết xuất văn bản. Điều này có thể được dùng để che giấu mã độc hại.',
   'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Đã sao chép!',
   'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Sao chép dưới dạng văn bản',
@@ -34,11 +37,13 @@ export default {
   'fabric.editor.date.description': 'Thêm ngày bằng cách sử dụng lịch',
   '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.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',
   'fabric.editor.displayLink': 'Hiển thị dạng văn bản',
   'fabric.editor.displayOptionUnavailableInParentNode': 'Tùy chọn hiển thị này không dùng được bên trong {node}',
+  'fabric.editor.displayText': 'Văn bản cần hiển thị',
   'fabric.editor.ecombedDescription': 'Hiển thị bản xem trước tương tác của một liên kết',
   'fabric.editor.edit.datasource': 'Sửa truy vấn tìm kiếm',
   'fabric.editor.editLink': 'Chỉnh sửa liên kết',
@@ -47,6 +52,7 @@ export 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.expand': 'Mở rộng',
   'fabric.editor.expand.description': 'Chèn đoạn mở rộng',
   'fabric.editor.expandDefaultTitle': 'Nhấp vào đây để mở rộng...',
@@ -54,12 +60,22 @@ export default {
   'fabric.editor.expandPlaceholder': 'Đặt tiêu đề cho phần mở rộng này...',
   'fabric.editor.feedbackDialog': 'Đưa ra phản hồi',
   'fabric.editor.feedbackDialog.description': 'Cho chúng tôi biết về trải nghiệm của bạn khi sử dụng trình chỉnh sửa mới',
+  'fabric.editor.headingLink.hyperlinkIconBlogLabel': 'Blog',
+  'fabric.editor.headingLink.hyperlinkIconBugLabel': 'Lỗi',
+  'fabric.editor.headingLink.hyperlinkIconIssueLabel': 'Vấn đề',
+  'fabric.editor.headingLink.hyperlinkIconPageLabel': 'Trang',
+  'fabric.editor.headingLink.hyperlinkIconStoryLabel': 'Câu chuyện',
+  'fabric.editor.headingLink.hyperlinkIconTaskLabel': 'Tác vụ',
   'fabric.editor.help': 'Trợ giúp',
   'fabric.editor.help.description': 'Duyệt qua tất cả các phím tắt trên bàn phím và các tùy chọn đánh dấu',
   'fabric.editor.horizontalRule': 'Trình phân chia',
   'fabric.editor.horizontalRule.description': 'Chia tách nội dung bằng một đường ngang',
+  'fabric.editor.hyperlink.linkAriaLabel': 'Nhãn liên kết',
+  '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 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.inlineDescription': 'Hiển thị liên kết dưới dạng văn bản nội tuyến',
   'fabric.editor.inlineTitle': 'Nội tuyến',
   'fabric.editor.insertMenu': 'Chèn',
@@ -85,8 +101,11 @@ export default {
   'fabric.editor.settingsLinks': 'Vào phần Tùy chọn liên kết',
   '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.story': 'Câu chuyện',
+  'fabric.editor.subTask': 'Tác vụ con',
   'fabric.editor.table': 'Bảng',
   'fabric.editor.table.description': 'Chèn bảng',
+  'fabric.editor.task': 'Tác vụ',
   'fabric.editor.time.ago': 'trước',
   'fabric.editor.time.updated': 'Đã cập nhật',
   'fabric.editor.time.viewed': 'Đã xem',

package/dist/es2019/i18n/zh.js

@@ -17,9 +17,12 @@ export default {
   'fabric.editor.blockDescription': '显示有关链接的更多信息，包括摘要和操作',
   'fabric.editor.blockTitle': '卡片',
   'fabric.editor.blockquote': '引用',
+  'fabric.editor.bug': '缺陷',
   'fabric.editor.cancelButton': '取消',
   'fabric.editor.captionPlaceholder': '添加标题',
   'fabric.editor.cardFloatingControls': '卡片选项',
+  'fabric.editor.clearLink': '清除链接',
+  'fabric.editor.clearLinkText': '清除文本',
   'fabric.editor.codeBidiWarningLabel': '双向字符会更改文本的呈现顺序。这可能被用于掩盖恶意代码。',
   'fabric.editor.codeBlockCopyButton.copiedToClipboard': '已复制！',
   'fabric.editor.codeBlockCopyButton.copyToClipboard': '复制为文本',
@@ -34,11 +37,13 @@ export default {
   'fabric.editor.date.description': '使用日历添加日期',
   'fabric.editor.decision': '决定',
   'fabric.editor.decision.description': '捕获决策，以便轻松跟踪',
+  'fabric.editor.defaultAltText': '列出项目',
   'fabric.editor.displayBlock': '显示卡片',
   'fabric.editor.displayEmbed': '显示嵌入',
   'fabric.editor.displayInline': '显示内联',
   'fabric.editor.displayLink': '显示为文本',
   'fabric.editor.displayOptionUnavailableInParentNode': '无法在 {node} 内使用此显示选项',
+  'fabric.editor.displayText': '待显示的文本',
   'fabric.editor.ecombedDescription': '显示链接的交互式预览',
   'fabric.editor.edit.datasource': '编辑搜索查询',
   'fabric.editor.editLink': '编辑链接',
@@ -47,6 +52,7 @@ export default {
   'fabric.editor.emoji': '表情符号',
   'fabric.editor.emoji.description': '使用表情符号传达理念 🎉 和情绪 😄',
   'fabric.editor.emptyLink': '请输入链接。',
+  'fabric.editor.epic': '长篇故事',
   'fabric.editor.expand': '扩展',
   'fabric.editor.expand.description': '插入扩展',
   'fabric.editor.expandDefaultTitle': '点击此处展开...',
@@ -54,12 +60,22 @@ export default {
   'fabric.editor.expandPlaceholder': '为此展开添加标题......',
   'fabric.editor.feedbackDialog': '提供反馈意见',
   'fabric.editor.feedbackDialog.description': '跟我们讲讲您对新编辑器的使用体验',
+  'fabric.editor.headingLink.hyperlinkIconBlogLabel': '博文',
+  'fabric.editor.headingLink.hyperlinkIconBugLabel': '缺陷',
+  'fabric.editor.headingLink.hyperlinkIconIssueLabel': '事务',
+  'fabric.editor.headingLink.hyperlinkIconPageLabel': '页面',
+  'fabric.editor.headingLink.hyperlinkIconStoryLabel': '故事',
+  'fabric.editor.headingLink.hyperlinkIconTaskLabel': '任务',
   'fabric.editor.help': '帮助',
   'fabric.editor.help.description': '浏览所有键盘快捷键和文本标记选项',
   'fabric.editor.horizontalRule': '分隔条',
   'fabric.editor.horizontalRule.description': '使用水平线分隔内容',
+  'fabric.editor.hyperlink.linkAriaLabel': '链接标签',
+  'fabric.editor.hyperlink.searchLinkAriaDescription': '在字段中输入内容时，下方会显示建议内容',
+  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {未找到结果} other {找到 {count,number} 个结果}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': '粘贴或搜索链接',
   'fabric.editor.image': '图片',
+  'fabric.editor.improvement': '改进',
   'fabric.editor.inlineDescription': '以内联文本显示链接',
   'fabric.editor.inlineTitle': '内联',
   'fabric.editor.insertMenu': '插入',
@@ -85,8 +101,11 @@ export default {
   'fabric.editor.settingsLinks': '转到“链接首选项”',
   'fabric.editor.status': '状态',
   'fabric.editor.status.description': '添加自定义状态标签',
+  'fabric.editor.story': '故事',
+  'fabric.editor.subTask': '子任务',
   'fabric.editor.table': '表格',
   'fabric.editor.table.description': '插入表格',
+  'fabric.editor.task': '任务',
   'fabric.editor.time.ago': '前',
   'fabric.editor.time.updated': '上次更新时间',
   'fabric.editor.time.viewed': '上次查看时间',

package/dist/es2019/i18n/zh_TW.js

@@ -17,9 +17,12 @@ export default {
   'fabric.editor.blockDescription': '顯示有關連結的更多資訊，包括摘要和動作',
   'fabric.editor.blockTitle': '卡片',
   'fabric.editor.blockquote': '引述',
+  'fabric.editor.bug': '錯誤',
   'fabric.editor.cancelButton': '取消',
   'fabric.editor.captionPlaceholder': '新增標題',
   'fabric.editor.cardFloatingControls': '卡片選項',
+  'fabric.editor.clearLink': '清除連結',
+  'fabric.editor.clearLinkText': '清除文字',
   'fabric.editor.codeBidiWarningLabel': '雙向字元會變更文字呈現的順序。這可用來將惡意程式碼模糊化。',
   'fabric.editor.codeBlockCopyButton.copiedToClipboard': '已複製！',
   'fabric.editor.codeBlockCopyButton.copyToClipboard': '複製文字',
@@ -34,11 +37,13 @@ export default {
   'fabric.editor.date.description': '使用日曆新增日期',
   'fabric.editor.decision': '決定',
   'fabric.editor.decision.description': '擷取決定以便追蹤',
+  'fabric.editor.defaultAltText': '清單項目',
   'fabric.editor.displayBlock': '顯示卡片',
   'fabric.editor.displayEmbed': '顯示嵌入',
   'fabric.editor.displayInline': '顯示內嵌',
   'fabric.editor.displayLink': '以文字顯示',
   'fabric.editor.displayOptionUnavailableInParentNode': '{node} 內無法使用此顯示選項',
+  'fabric.editor.displayText': '要顯示的文字',
   'fabric.editor.ecombedDescription': '顯示連結的互動式預覽',
   'fabric.editor.edit.datasource': '編輯搜尋查詢',
   'fabric.editor.editLink': '編輯連結',
@@ -47,6 +52,7 @@ export default {
   'fabric.editor.emoji': '表情符號',
   'fabric.editor.emoji.description': '使用表情符號來傳達想法 🎉 和情緒 😄',
   'fabric.editor.emptyLink': '請輸入連結。',
+  'fabric.editor.epic': '大型工作',
   'fabric.editor.expand': '擴充',
   'fabric.editor.expand.description': '插入擴充',
   'fabric.editor.expandDefaultTitle': '按一下此處以展開...',
@@ -54,12 +60,22 @@ export default {
   'fabric.editor.expandPlaceholder': '為此展開設定標題...',
   'fabric.editor.feedbackDialog': '提供意見回饋',
   'fabric.editor.feedbackDialog.description': '請說明您對於新編輯器的使用體驗',
+  'fabric.editor.headingLink.hyperlinkIconBlogLabel': '部落格',
+  'fabric.editor.headingLink.hyperlinkIconBugLabel': '錯誤',
+  'fabric.editor.headingLink.hyperlinkIconIssueLabel': '問題',
+  'fabric.editor.headingLink.hyperlinkIconPageLabel': '頁面',
+  'fabric.editor.headingLink.hyperlinkIconStoryLabel': '故事',
+  'fabric.editor.headingLink.hyperlinkIconTaskLabel': '任務',
   'fabric.editor.help': '說明',
   'fabric.editor.help.description': '瀏覽所有鍵盤快速鍵和 Markdown 選項',
   'fabric.editor.horizontalRule': '分隔線',
   'fabric.editor.horizontalRule.description': '使用水平線來區隔內容',
+  'fabric.editor.hyperlink.linkAriaLabel': '連結標籤',
+  'fabric.editor.hyperlink.searchLinkAriaDescription': '當您在欄位中輸入內容時，建議會顯示在下方',
+  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {沒有找到任何結果} other {找到 {count,number} 個結果}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': '貼上或搜尋連結',
   'fabric.editor.image': '影像',
+  'fabric.editor.improvement': '改善',
   'fabric.editor.inlineDescription': '將連結顯示為內嵌文字',
   'fabric.editor.inlineTitle': '內嵌',
   'fabric.editor.insertMenu': '插入',
@@ -85,8 +101,11 @@ export default {
   'fabric.editor.settingsLinks': '前往連結偏好設定',
   'fabric.editor.status': '狀態',
   'fabric.editor.status.description': '新增自訂狀態標籤',
+  'fabric.editor.story': '故事',
+  'fabric.editor.subTask': '子任務',
   'fabric.editor.table': '表格',
   'fabric.editor.table.description': '插入表格',
+  'fabric.editor.task': '任務',
   'fabric.editor.time.ago': '前',
   'fabric.editor.time.updated': '已更新',
   'fabric.editor.time.viewed': '已檢視',

package/dist/es2019/mark/commands.js

@@ -0,0 +1,205 @@
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+// eslint-disable-next-line no-duplicate-imports
+
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+const SMART_TO_ASCII = {
+  '…': '...',
+  '→': '->',
+  '←': '<-',
+  '–': '--',
+  '“': '"',
+  '”': '"',
+  '‘': "'",
+  '’': "'"
+};
+const FIND_SMART_CHAR = new RegExp(`[${Object.keys(SMART_TO_ASCII).join('')}]`, 'g');
+const isNodeTextBlock = schema => {
+  const {
+    mention,
+    text,
+    emoji
+  } = schema.nodes;
+  return (node, _, parent) => {
+    if (node.type === mention || node.type === emoji || node.type === text) {
+      return parent === null || parent === void 0 ? void 0 : parent.isTextblock;
+    }
+    return;
+  };
+};
+const replaceSmartCharsToAscii = (position, textContent, tr) => {
+  const {
+    schema
+  } = tr.doc.type;
+  let match;
+  while (match = FIND_SMART_CHAR.exec(textContent)) {
+    const {
+      0: smartChar,
+      index: offset
+    } = match;
+    const replacePos = tr.mapping.map(position + offset);
+    const replacementText = schema.text(SMART_TO_ASCII[smartChar]);
+    tr.replaceWith(replacePos, replacePos + smartChar.length, replacementText);
+  }
+};
+const replaceMentionOrEmojiForTextContent = (position, nodeSize, textContent, tr) => {
+  const currentPos = tr.mapping.map(position);
+  const {
+    schema
+  } = tr.doc.type;
+  tr.replaceWith(currentPos, currentPos + nodeSize, schema.text(textContent));
+};
+export function filterChildrenBetween(doc, from, to, predicate) {
+  const results = [];
+  doc.nodesBetween(from, to, (node, pos, parent) => {
+    if (predicate(node, pos, parent)) {
+      results.push({
+        node,
+        pos
+      });
+    }
+  });
+  return results;
+}
+export const transformSmartCharsMentionsAndEmojis = (from, to, tr) => {
+  const {
+    schema
+  } = tr.doc.type;
+  const {
+    mention,
+    text,
+    emoji
+  } = schema.nodes;
+  // Traverse through all the nodes within the range and replace them with their plaintext counterpart
+  const children = filterChildrenBetween(tr.doc, from, to, isNodeTextBlock(schema));
+  children.forEach(({
+    node,
+    pos
+  }) => {
+    if (node.type === mention || node.type === emoji) {
+      // Convert gracefully when no text found, ProseMirror will blow up if you try to create a node with an empty string or undefined
+      let replacementText = node.attrs.text;
+      if (typeof replacementText === 'undefined' || replacementText === '') {
+        replacementText = `${node.type.name} text missing`;
+      }
+      replaceMentionOrEmojiForTextContent(pos, node.nodeSize, replacementText, tr);
+    } else if (node.type === text && node.text) {
+      const replacePosition = pos > from ? pos : from;
+      const textToReplace = pos > from ? node.text : node.text.substr(from - pos);
+      replaceSmartCharsToAscii(replacePosition, textToReplace, tr);
+    }
+  });
+};
+export const applyMarkOnRange = (from, to, removeMark, mark, tr) => {
+  const {
+    schema
+  } = tr.doc.type;
+  const {
+    code
+  } = schema.marks;
+  if (mark.type === code) {
+    transformSmartCharsMentionsAndEmojis(from, to, tr);
+  }
+  tr.doc.nodesBetween(tr.mapping.map(from), tr.mapping.map(to), (node, pos) => {
+    if (!node.isText) {
+      return true;
+    }
+
+    // This is an issue when the user selects some text.
+    // We need to check if the current node position is less than the range selection from.
+    // If it’s true, that means we should apply the mark using the range selection,
+    // not the current node position.
+    const nodeBetweenFrom = Math.max(pos, tr.mapping.map(from));
+    const nodeBetweenTo = Math.min(pos + node.nodeSize, tr.mapping.map(to));
+    if (removeMark) {
+      tr.removeMark(nodeBetweenFrom, nodeBetweenTo, mark);
+    } else {
+      tr.addMark(nodeBetweenFrom, nodeBetweenTo, mark);
+    }
+    return true;
+  });
+  return tr;
+};
+const entireSelectionContainsMark = (mark, doc, fromPos, toPos) => {
+  let onlyContainsMark = true;
+  doc.nodesBetween(fromPos, toPos, node => {
+    // Skip recursion once we've found text which doesn't include the mark
+    if (!onlyContainsMark) {
+      return false;
+    }
+    if (node.isText) {
+      onlyContainsMark && (onlyContainsMark = mark.isInSet(node.marks));
+    }
+  });
+  return onlyContainsMark;
+};
+const toggleMarkInRange = mark => (state, dispatch) => {
+  const {
+    tr
+  } = state;
+  if (state.selection instanceof CellSelection) {
+    let removeMark = true;
+    const cells = [];
+    state.selection.forEachCell((cell, cellPos) => {
+      cells.push({
+        node: cell,
+        pos: cellPos
+      });
+      const from = cellPos;
+      const to = cellPos + cell.nodeSize;
+      removeMark && (removeMark = entireSelectionContainsMark(mark, state.doc, from, to));
+    });
+    for (let i = cells.length - 1; i >= 0; i--) {
+      const cell = cells[i];
+      const from = cell.pos;
+      const to = from + cell.node.nodeSize;
+      applyMarkOnRange(from, to, removeMark, mark, tr);
+    }
+  } else {
+    const {
+      $from,
+      $to
+    } = state.selection;
+    // We decide to remove the mark only if the entire selection contains the mark
+    // Examples with *bold* text
+    // Scenario 1: Selection contains both bold and non-bold text -> bold entire selection
+    // Scenario 2: Selection contains only bold text -> un-bold entire selection
+    // Scenario 3: Selection contains no bold text -> bold entire selection
+    const removeMark = entireSelectionContainsMark(mark, state.doc, $from.pos, $to.pos);
+    applyMarkOnRange($from.pos, $to.pos, removeMark, mark, tr);
+  }
+  if (tr.docChanged) {
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  }
+  return false;
+};
+
+/**
+ * A wrapper over the default toggleMark, except when we have a selection
+ * we only toggle marks on text nodes rather than inline nodes.
+ * @param markType
+ * @param attrs
+ */
+export const toggleMark = (markType, attrs) => (state, dispatch) => {
+  const mark = markType.create(attrs);
+
+  // For cursor selections we can use the default behaviour.
+  if (state.selection instanceof TextSelection && state.selection.$cursor) {
+    const {
+      tr
+    } = state;
+    if (mark.isInSet(state.storedMarks || state.selection.$cursor.marks())) {
+      tr.removeStoredMark(mark);
+    } else {
+      tr.addStoredMark(mark);
+    }
+    if (dispatch) {
+      dispatch(tr);
+      return true;
+    }
+    return false;
+  }
+  return toggleMarkInRange(mark)(state, dispatch);
+};

package/dist/es2019/mark/index.js

@@ -0,0 +1 @@
+export { transformSmartCharsMentionsAndEmojis, applyMarkOnRange, toggleMark, filterChildrenBetween } from './commands';

package/dist/es2019/messages/full-page.js

@@ -0,0 +1,18 @@
+import { defineMessages } from 'react-intl-next';
+export const messages = defineMessages({
+  toolbarLabel: {
+    id: 'fabric.editor.toolbarLabel',
+    defaultMessage: 'Editor toolbar',
+    description: 'Label for the ARIA region landmark'
+  },
+  pageActionsLabel: {
+    id: 'fabric.editor.pageActionsLabel',
+    defaultMessage: 'Page actions',
+    description: 'Label for the ARIA region landmark'
+  },
+  editableContentLabel: {
+    id: 'fabric.editor.editableContentLabel',
+    defaultMessage: 'Editable content',
+    description: 'Label for the ARIA region landmark'
+  }
+});

package/dist/es2019/messages/index.js

@@ -7,6 +7,7 @@ export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
 export { messages as cardMessages } from './card';
+export { messages as fullPageMessages } from './full-page';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.29.2";
+const packageVersion = "74.30.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.29.2";
+const packageVersion = "74.30.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/Toolbar/index.js

@@ -0,0 +1 @@
+export const EDIT_AREA_ID = 'ak-editor-textarea';

package/dist/es2019/ui/index.js

@@ -25,4 +25,5 @@ export { snapTo, handleSides, imageAlignmentMap } from './ResizerLegacy/utils';
 export { wrapperStyle } from './ResizerLegacy/styled';
 export { panelTextInput } from './PanelTextInput/styles';
 export { default as PanelTextInput } from './PanelTextInput';
-export { default as Announcer } from './Announcer/announcer';
+export { default as Announcer } from './Announcer/announcer';
+export { EDIT_AREA_ID } from './Toolbar';

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
-import React, { PureComponent } from 'react';
+import React, { PureComponent, useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CustomItem, MenuGroup } from '@atlaskit/menu';
@@ -10,6 +10,7 @@ import { B100, DN600, DN80, N70, N900 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import Tooltip from '@atlaskit/tooltip';
 import { DropdownMenuSharedCssClassName } from '../../styles';
+import { KeyDownHandlerContext } from '../../ui-menu/ToolbarArrowKeyNavigationProvider';
 import { withReactEditorViewOuterListeners } from '../../ui-react';
 import DropList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
@@ -319,4 +320,17 @@ function DropdownMenuItem({
     }, dropListItem);
   }
   return dropListItem;
-}
+}
+export const DropdownMenuWithKeyboardNavigation = /*#__PURE__*/React.memo(({
+  ...props
+}) => {
+  const keyDownHandlerContext = useContext(KeyDownHandlerContext);
+  //This context is to handle the tab, Arrow Right/Left key events for dropdown.
+  //Default context has the void callbacks for above key events
+  return jsx(DropdownMenuWrapper, _extends({
+    arrowKeyNavigationProviderOptions: {
+      ...props.arrowKeyNavigationProviderOptions,
+      keyDownHandlerContext
+    }
+  }, props));
+});