@atlaskit/editor-common 74.29.3 → 74.31.0

package/dist/cjs/lists/node.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JoinDirection = void 0;
+exports.isListNodeValidContent = isListNodeValidContent;
+exports.joinSiblingLists = void 0;
+var _model = require("@atlaskit/editor-prosemirror/model");
+var _utils = require("../utils");
+function isListNodeValidContent(node) {
+  var bulletList = node.type.schema.nodes.bulletList;
+  if (!bulletList) {
+    return false;
+  }
+  var listFragment = _model.Fragment.from(bulletList.createAndFill());
+  return !(0, _utils.isListItemNode)(node) && node.type.validContent(listFragment);
+}
+var JoinDirection = /*#__PURE__*/function (JoinDirection) {
+  JoinDirection[JoinDirection["LEFT"] = 1] = "LEFT";
+  JoinDirection[JoinDirection["RIGHT"] = -1] = "RIGHT";
+  return JoinDirection;
+}({});
+exports.JoinDirection = JoinDirection;
+var joinSiblingLists = function joinSiblingLists(_ref) {
+  var tr = _ref.tr,
+    direction = _ref.direction,
+    forceListType = _ref.forceListType;
+  var result = {
+    orderedList: 0,
+    bulletList: 0
+  };
+  var doc = tr.doc,
+    _tr$selection = tr.selection,
+    $from = _tr$selection.$from,
+    $to = _tr$selection.$to,
+    selection = tr.selection;
+  var range = $from.blockRange($to, isListNodeValidContent);
+  if (!range) {
+    return result;
+  }
+  var rootListNode = doc.nodeAt(range.start);
+  var from = (0, _utils.isListNode)(rootListNode) ? range.start : 0;
+  var to = (0, _utils.isListNode)(rootListNode) ? range.end : tr.doc.content.size;
+  var joins = [];
+  doc.nodesBetween(from, to, function (node, pos, parent) {
+    var resolvedPos = doc.resolve(pos);
+    var nodeBefore = resolvedPos.nodeBefore,
+      nodeAfter = resolvedPos.nodeAfter;
+    if (!nodeBefore || !nodeAfter || !(0, _utils.isListNode)(nodeBefore) || !(0, _utils.isListNode)(nodeAfter)) {
+      return;
+    }
+    var isNestedList = (0, _utils.isListItemNode)(parent);
+    if (!isNestedList && nodeBefore.type !== nodeAfter.type && !forceListType) {
+      return;
+    }
+    var index = resolvedPos.index();
+    var positionPreviousNode = resolvedPos.posAtIndex(index - 1);
+    var positionCurrentNode = resolvedPos.posAtIndex(index);
+
+    // If the previous node is part of the selection, OR
+    // If the previous node is not part of the selection and the previous node has the same list type that we’re converting to
+    var joinBefore = positionPreviousNode >= from || nodeBefore.type === forceListType;
+    if (forceListType) {
+      if (joinBefore) {
+        tr.setNodeMarkup(positionPreviousNode, forceListType);
+      }
+      tr.setNodeMarkup(positionCurrentNode, forceListType);
+    }
+    if (isNestedList && nodeBefore.type !== nodeAfter.type) {
+      var nodeType = direction === JoinDirection.RIGHT ? nodeAfter.type : nodeBefore.type;
+      tr.setNodeMarkup(positionPreviousNode, nodeType);
+    }
+    if (joinBefore) {
+      joins.push(pos);
+    }
+  });
+  if (selection.empty && rootListNode && (0, _utils.isListNode)(rootListNode)) {
+    var resolvedPos = doc.resolve(range.start + rootListNode.nodeSize);
+    var nodeBefore = resolvedPos.nodeBefore,
+      nodeAfter = resolvedPos.nodeAfter;
+    if (nodeBefore && nodeAfter && (0, _utils.isListNode)(nodeBefore) && (0, _utils.isListNode)(nodeAfter) && nodeAfter.type === nodeBefore.type) {
+      joins.push(resolvedPos.pos);
+    }
+  }
+  for (var i = joins.length - 1; i >= 0; i--) {
+    var listNode = tr.doc.nodeAt(joins[i]);
+    var listName = listNode === null || listNode === void 0 ? void 0 : listNode.type.name;
+    if (listName && (listName === 'orderedList' || listName === 'bulletList')) {
+      var amount = result[listName] || 0;
+      result[listName] = amount + 1;
+    }
+    tr.join(joins[i]);
+  }
+  return result;
+};
+exports.joinSiblingLists = joinSiblingLists;

package/dist/cjs/lists/replace-content.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.moveTargetIntoList = void 0;
+var _transform = require("@atlaskit/editor-prosemirror/transform");
+var moveTargetIntoList = function moveTargetIntoList(_ref) {
+  var _$target$nodeAfter;
+  var insertPosition = _ref.insertPosition,
+    $target = _ref.$target;
+  // take the text content of the paragraph and insert after the paragraph up until before the the cut
+  var from = insertPosition;
+  var to = $target.pos + (((_$target$nodeAfter = $target.nodeAfter) === null || _$target$nodeAfter === void 0 ? void 0 : _$target$nodeAfter.nodeSize) || 0); //$cut.pos + $cut.nodeAfter.nodeSize;
+  var gapFrom = $target.posAtIndex(0, $target.depth + 1); // start pos of the child
+  var gapTo = $target.doc.resolve(gapFrom).end(); // end pos of the paragraph
+
+  if (gapTo - gapFrom === 0) {
+    return new _transform.ReplaceStep(from, to, $target.doc.slice(insertPosition, $target.pos));
+  }
+  var step = new _transform.ReplaceAroundStep(from, to, gapFrom, gapTo, $target.doc.slice(insertPosition, $target.pos), 0, true);
+  return step;
+};
+exports.moveTargetIntoList = moveTargetIntoList;

package/dist/cjs/lists/selection.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.numberNestedLists = exports.normalizeListItemsSelection = exports.getListItemAttributes = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _utils2 = require("../utils");
+var numberNestedLists = function numberNestedLists(resolvedPos) {
+  var count = 0;
+  for (var i = resolvedPos.depth - 1; i > 0; i--) {
+    var node = resolvedPos.node(i);
+    if ((0, _utils2.isListNode)(node)) {
+      count += 1;
+    }
+  }
+  return count;
+};
+exports.numberNestedLists = numberNestedLists;
+var getListItemAttributes = function getListItemAttributes($pos) {
+  var indentLevel = numberNestedLists($pos) - 1;
+  var itemAtPos = (0, _utils.findParentNodeClosestToPos)($pos, _utils2.isListItemNode);
+
+  // Get the index of the current item relative to parent (parent is at item depth - 1)
+  var itemIndex = $pos.index(itemAtPos ? itemAtPos.depth - 1 : undefined);
+  return {
+    indentLevel: indentLevel,
+    itemIndex: itemIndex
+  };
+};
+exports.getListItemAttributes = getListItemAttributes;
+var normalizeListItemsSelection = function normalizeListItemsSelection(_ref) {
+  var selection = _ref.selection,
+    doc = _ref.doc;
+  if (selection.empty) {
+    return selection;
+  }
+  var $from = selection.$from,
+    $to = selection.$to;
+  if (selection instanceof _state.NodeSelection) {
+    var _head = resolvePositionToStartOfListItem($from);
+    return new _state.TextSelection(_head, _head);
+  }
+  var head = resolvePositionToStartOfListItem($from);
+  var anchor = resolvePositionToEndOfListItem($to);
+  return new _state.TextSelection(anchor, head);
+};
+exports.normalizeListItemsSelection = normalizeListItemsSelection;
+var resolvePositionToStartOfListItem = function resolvePositionToStartOfListItem($pos) {
+  var fromRange = $pos.blockRange($pos, _utils2.isListItemNode);
+  var fromPosition = fromRange && $pos.textOffset === 0 && fromRange.end - 1 === $pos.pos ? _state.Selection.near($pos.doc.resolve(fromRange.end + 1), 1).$from : $pos;
+  return fromPosition;
+};
+var resolvePositionToEndOfListItem = function resolvePositionToEndOfListItem($pos) {
+  var toRange = $pos.blockRange($pos, _utils2.isListItemNode);
+  var toPosition = toRange && $pos.textOffset === 0 && toRange.start + 1 === $pos.pos ? _state.Selection.near($pos.doc.resolve(toRange.start - 1), -1).$to : $pos;
+  return toPosition;
+};

package/dist/cjs/mark/commands.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyMarkOnRange = void 0;
+exports.filterChildrenBetween = filterChildrenBetween;
+exports.transformSmartCharsMentionsAndEmojis = exports.toggleMark = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
+// eslint-disable-next-line no-duplicate-imports
+
+var SMART_TO_ASCII = {
+  '…': '...',
+  '→': '->',
+  '←': '<-',
+  '–': '--',
+  '“': '"',
+  '”': '"',
+  '‘': "'",
+  '’': "'"
+};
+var FIND_SMART_CHAR = new RegExp("[".concat(Object.keys(SMART_TO_ASCII).join(''), "]"), 'g');
+var isNodeTextBlock = function isNodeTextBlock(schema) {
+  var _schema$nodes = schema.nodes,
+    mention = _schema$nodes.mention,
+    text = _schema$nodes.text,
+    emoji = _schema$nodes.emoji;
+  return function (node, _, parent) {
+    if (node.type === mention || node.type === emoji || node.type === text) {
+      return parent === null || parent === void 0 ? void 0 : parent.isTextblock;
+    }
+    return;
+  };
+};
+var replaceSmartCharsToAscii = function replaceSmartCharsToAscii(position, textContent, tr) {
+  var schema = tr.doc.type.schema;
+  var match;
+  while (match = FIND_SMART_CHAR.exec(textContent)) {
+    var _match = match,
+      smartChar = _match[0],
+      offset = _match.index;
+    var replacePos = tr.mapping.map(position + offset);
+    var replacementText = schema.text(SMART_TO_ASCII[smartChar]);
+    tr.replaceWith(replacePos, replacePos + smartChar.length, replacementText);
+  }
+};
+var replaceMentionOrEmojiForTextContent = function replaceMentionOrEmojiForTextContent(position, nodeSize, textContent, tr) {
+  var currentPos = tr.mapping.map(position);
+  var schema = tr.doc.type.schema;
+  tr.replaceWith(currentPos, currentPos + nodeSize, schema.text(textContent));
+};
+function filterChildrenBetween(doc, from, to, predicate) {
+  var results = [];
+  doc.nodesBetween(from, to, function (node, pos, parent) {
+    if (predicate(node, pos, parent)) {
+      results.push({
+        node: node,
+        pos: pos
+      });
+    }
+  });
+  return results;
+}
+var transformSmartCharsMentionsAndEmojis = function transformSmartCharsMentionsAndEmojis(from, to, tr) {
+  var schema = tr.doc.type.schema;
+  var _schema$nodes2 = schema.nodes,
+    mention = _schema$nodes2.mention,
+    text = _schema$nodes2.text,
+    emoji = _schema$nodes2.emoji;
+  // Traverse through all the nodes within the range and replace them with their plaintext counterpart
+  var children = filterChildrenBetween(tr.doc, from, to, isNodeTextBlock(schema));
+  children.forEach(function (_ref) {
+    var node = _ref.node,
+      pos = _ref.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
+      var replacementText = node.attrs.text;
+      if (typeof replacementText === 'undefined' || replacementText === '') {
+        replacementText = "".concat(node.type.name, " text missing");
+      }
+      replaceMentionOrEmojiForTextContent(pos, node.nodeSize, replacementText, tr);
+    } else if (node.type === text && node.text) {
+      var replacePosition = pos > from ? pos : from;
+      var textToReplace = pos > from ? node.text : node.text.substr(from - pos);
+      replaceSmartCharsToAscii(replacePosition, textToReplace, tr);
+    }
+  });
+};
+exports.transformSmartCharsMentionsAndEmojis = transformSmartCharsMentionsAndEmojis;
+var applyMarkOnRange = function applyMarkOnRange(from, to, removeMark, mark, tr) {
+  var schema = tr.doc.type.schema;
+  var code = schema.marks.code;
+  if (mark.type === code) {
+    transformSmartCharsMentionsAndEmojis(from, to, tr);
+  }
+  tr.doc.nodesBetween(tr.mapping.map(from), tr.mapping.map(to), function (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.
+    var nodeBetweenFrom = Math.max(pos, tr.mapping.map(from));
+    var 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;
+};
+exports.applyMarkOnRange = applyMarkOnRange;
+var entireSelectionContainsMark = function entireSelectionContainsMark(mark, doc, fromPos, toPos) {
+  var onlyContainsMark = true;
+  doc.nodesBetween(fromPos, toPos, function (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;
+};
+var toggleMarkInRange = function toggleMarkInRange(mark) {
+  return function (state, dispatch) {
+    var tr = state.tr;
+    if (state.selection instanceof _cellSelection.CellSelection) {
+      var removeMark = true;
+      var cells = [];
+      state.selection.forEachCell(function (cell, cellPos) {
+        cells.push({
+          node: cell,
+          pos: cellPos
+        });
+        var from = cellPos;
+        var to = cellPos + cell.nodeSize;
+        removeMark && (removeMark = entireSelectionContainsMark(mark, state.doc, from, to));
+      });
+      for (var i = cells.length - 1; i >= 0; i--) {
+        var cell = cells[i];
+        var from = cell.pos;
+        var to = from + cell.node.nodeSize;
+        applyMarkOnRange(from, to, removeMark, mark, tr);
+      }
+    } else {
+      var _state$selection = state.selection,
+        $from = _state$selection.$from,
+        $to = _state$selection.$to;
+      // 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
+      var _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
+ */
+var toggleMark = function toggleMark(markType, attrs) {
+  return function (state, dispatch) {
+    var mark = markType.create(attrs);
+
+    // For cursor selections we can use the default behaviour.
+    if (state.selection instanceof _state.TextSelection && state.selection.$cursor) {
+      var tr = state.tr;
+      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);
+  };
+};
+exports.toggleMark = toggleMark;

package/dist/cjs/mark/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "applyMarkOnRange", {
+  enumerable: true,
+  get: function get() {
+    return _commands.applyMarkOnRange;
+  }
+});
+Object.defineProperty(exports, "filterChildrenBetween", {
+  enumerable: true,
+  get: function get() {
+    return _commands.filterChildrenBetween;
+  }
+});
+Object.defineProperty(exports, "toggleMark", {
+  enumerable: true,
+  get: function get() {
+    return _commands.toggleMark;
+  }
+});
+Object.defineProperty(exports, "transformSmartCharsMentionsAndEmojis", {
+  enumerable: true,
+  get: function get() {
+    return _commands.transformSmartCharsMentionsAndEmojis;
+  }
+});
+var _commands = require("./commands");

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = (0, _reactIntlNext.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'
+  }
+});
+exports.messages = messages;

package/dist/cjs/messages/index.js

@@ -22,6 +22,12 @@ Object.defineProperty(exports, "codeBlockButtonMessages", {
   }
 });
 exports.default = void 0;
+Object.defineProperty(exports, "fullPageMessages", {
+  enumerable: true,
+  get: function get() {
+    return _fullPage.messages;
+  }
+});
 Object.defineProperty(exports, "linkMessages", {
   enumerable: true,
   get: function get() {
@@ -61,6 +67,7 @@ var _codeBlockButton = require("./codeBlockButton");
 var _insertBlock = require("./insert-block");
 var _mediaAndEmbedToolbar = require("./media-and-embed-toolbar");
 var _card = require("./card");
+var _fullPage = require("./full-page");
 var _default = (0, _reactIntlNext.defineMessages)({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 = "74.29.3";
+var packageVersion = "74.31.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/node-width/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.layoutToWidth = exports.getTableContainerWidth = exports.getParentNodeWidth = void 0;
+exports.layoutToWidth = exports.getTableWidthWithNumberColumn = exports.getTableContainerWidth = exports.getParentNodeWidth = void 0;
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _constants = require("@atlaskit/theme/constants");
@@ -110,4 +110,12 @@ var getTableContainerWidth = function getTableContainerWidth(node) {
   }
   return layoutToWidth[node.attrs.layout];
 };
-exports.getTableContainerWidth = getTableContainerWidth;
+exports.getTableContainerWidth = getTableContainerWidth;
+var getTableWidthWithNumberColumn = function getTableWidthWithNumberColumn(node, offset) {
+  var isNumberColumnEnabled = node.attrs.isNumberColumnEnabled;
+  if (isNumberColumnEnabled && offset > 0) {
+    return getTableContainerWidth(node) - offset;
+  }
+  return getTableContainerWidth(node);
+};
+exports.getTableWidthWithNumberColumn = getTableWidthWithNumberColumn;

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.29.3";
+var packageVersion = "74.31.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EDIT_AREA_ID = void 0;
+var EDIT_AREA_ID = 'ak-editor-textarea';
+exports.EDIT_AREA_ID = EDIT_AREA_ID;

package/dist/cjs/ui/index.js

@@ -59,6 +59,12 @@ Object.defineProperty(exports, "DEFAULT_IMAGE_WIDTH", {
     return _MediaSingle.DEFAULT_IMAGE_WIDTH;
   }
 });
+Object.defineProperty(exports, "EDIT_AREA_ID", {
+  enumerable: true,
+  get: function get() {
+    return _Toolbar.EDIT_AREA_ID;
+  }
+});
 Object.defineProperty(exports, "ErrorMessage", {
   enumerable: true,
   get: function get() {
@@ -405,5 +411,6 @@ var _styled2 = require("./ResizerLegacy/styled");
 var _styles = require("./PanelTextInput/styles");
 var _PanelTextInput = _interopRequireDefault(require("./PanelTextInput"));
 var _announcer = _interopRequireDefault(require("./Announcer/announcer"));
+var _Toolbar = require("./Toolbar");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -5,7 +5,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.DropdownMenuWithKeyboardNavigation = void 0;
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -26,6 +27,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _components = require("@atlaskit/theme/components");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styles = require("../../styles");
+var _ToolbarArrowKeyNavigationProvider = require("../../ui-menu/ToolbarArrowKeyNavigationProvider");
 var _uiReact = require("../../ui-react");
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
@@ -327,4 +329,16 @@ function DropdownMenuItem(_ref) {
     }, dropListItem);
   }
   return dropListItem;
-}
+}
+var DropdownMenuWithKeyboardNavigation = /*#__PURE__*/_react.default.memo(function (_ref2) {
+  var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref2), _ref2));
+  var keyDownHandlerContext = (0, _react.useContext)(_ToolbarArrowKeyNavigationProvider.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 (0, _react2.jsx)(DropdownMenuWrapper, (0, _extends2.default)({
+    arrowKeyNavigationProviderOptions: _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
+      keyDownHandlerContext: keyDownHandlerContext
+    })
+  }, props));
+});
+exports.DropdownMenuWithKeyboardNavigation = DropdownMenuWithKeyboardNavigation;