@atlaskit/editor-core 175.0.5 → 176.0.0

package/dist/esm/ui/ConfigPanel/Fields/Select.js

@@ -30,9 +30,7 @@ export default function SelectField(_ref) {
       onChange: function onChange(value) {
         fieldProps.onChange(value);
         onFieldChange(name, true);
-      } // @see DST-2386 & ED-12503
-      ,
-      enableAnimation: false // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
+      } // add type cast to avoid adding a "IsMulti" generic prop (TODO: ED-12072)
       ,
       isMulti: field.isMultiple || false,
       options: field.items || [],

package/dist/esm/ui/Dropdown/index.js

@@ -1,2 +1,18 @@
-import { Dropdown } from '@atlaskit/editor-common/ui-menu';
+import _extends from "@babel/runtime/helpers/extends";
+import { Dropdown as DropdownComponent } from '@atlaskit/editor-common/ui-menu';
+import React, { useContext } from 'react';
+import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
+var Dropdown = /*#__PURE__*/React.memo(function (_ref) {
+  var props = _extends({}, _ref);
+
+  var keydownHandlerContext = useContext(KeyDownHandlerContext);
+  return (
+    /*#__PURE__*/
+    //This context is to handle the tab, Arrow Right/Left key events for dropdown.
+    //Default context has the void callbacks for above key events
+    React.createElement(DropdownComponent, _extends({
+      keyDownHandlerContext: keydownHandlerContext
+    }, props))
+  );
+});
 export default Dropdown;

package/dist/esm/ui/DropdownMenu/index.js

@@ -1,2 +1,15 @@
-import { DropdownMenu } from '@atlaskit/editor-common/ui-menu';
+import _extends from "@babel/runtime/helpers/extends";
+import { DropdownMenu as DropdownComponent } from '@atlaskit/editor-common/ui-menu';
+import React, { useContext } from 'react';
+import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
+var DropdownMenu = /*#__PURE__*/React.memo(function (_ref) {
+  var props = _extends({}, _ref);
+
+  var 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 /*#__PURE__*/React.createElement(DropdownComponent, _extends({
+    keyDownHandlerContext: keydownHandlerContext
+  }, props));
+});
 export default DropdownMenu;

package/dist/esm/ui/ElementBrowser/constants.js

@@ -1,4 +1,3 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { gridSize } from '@atlaskit/theme/constants';
 export var GRID_SIZE = gridSize();
 export var DEVICE_BREAKPOINT_NUMBERS = {

package/dist/esm/ui/ToolbarArrowKeyNavigationProvider/index.js

@@ -0,0 +1,147 @@
+/* eslint-disable no-console */
+import React, { useLayoutEffect, useRef } from 'react';
+
+/*
+ **  The context is used to handle the keydown events of submenus.
+ **  Because the keyboard navigation is explicitly managed for main toolbar items
+ **  Few key presses such as Tab,Arrow Right/Left need ot be handled here via context
+ */
+export var KeyDownHandlerContext = /*#__PURE__*/React.createContext({
+  handleArrowLeft: function handleArrowLeft() {},
+  handleArrowRight: function handleArrowRight() {},
+  handleTab: function handleTab() {}
+});
+/**
+ * This component is a wrapper of main toolbar which listens to keydown events of children
+ * and handles left/right arrow key navigation for all focusable elements
+ * @param
+ * @returns
+ */
+
+export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigationProvider(_ref) {
+  var children = _ref.children,
+      editorView = _ref.editorView;
+  var wrapperRef = useRef(null);
+  var currentSelectedItemIndex = useRef(0);
+
+  var incrementIndex = function incrementIndex(list) {
+    if (currentSelectedItemIndex.current === list.length - 1) {
+      currentSelectedItemIndex.current = 0;
+    } else {
+      currentSelectedItemIndex.current = currentSelectedItemIndex.current + 1;
+    }
+  };
+
+  var decrementIndex = function decrementIndex(list) {
+    if (currentSelectedItemIndex.current === 0) {
+      currentSelectedItemIndex.current = list.length - 1;
+    } else {
+      currentSelectedItemIndex.current = currentSelectedItemIndex.current - 1;
+    }
+  };
+
+  var handleArrowRight = function handleArrowRight() {
+    var _filteredFocusableEle;
+
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    incrementIndex(filteredFocusableElements);
+    (_filteredFocusableEle = filteredFocusableElements[currentSelectedItemIndex.current]) === null || _filteredFocusableEle === void 0 ? void 0 : _filteredFocusableEle.focus();
+  };
+
+  var handleArrowLeft = function handleArrowLeft() {
+    var _filteredFocusableEle2;
+
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    decrementIndex(filteredFocusableElements);
+    (_filteredFocusableEle2 = filteredFocusableElements[currentSelectedItemIndex.current]) === null || _filteredFocusableEle2 === void 0 ? void 0 : _filteredFocusableEle2.focus();
+  };
+
+  var handleTab = function handleTab() {
+    var _filteredFocusableEle3;
+
+    var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    (_filteredFocusableEle3 = filteredFocusableElements[currentSelectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 ? void 0 : _filteredFocusableEle3.focus();
+  };
+
+  var submenuKeydownHandleContext = {
+    handleArrowLeft: handleArrowLeft,
+    handleArrowRight: handleArrowRight,
+    handleTab: handleTab
+  };
+  useLayoutEffect(function () {
+    if (!wrapperRef.current) {
+      return;
+    }
+
+    var element = wrapperRef.current;
+    /**
+     * To handle the key events on the list
+     * @param event
+     */
+
+    var handleKeyDown = function handleKeyDown(event) {
+      var _document$querySelect, _wrapperRef$current, _filteredFocusableEle4;
+
+      //To trap the focus inside the horizontal main toolbar for left and right arrow keys
+      var targetElement = event.target; //To filter out the events outside the main toolbar
+
+      if (!targetElement.closest("[data-testid='ak-editor-main-toolbar']")) {
+        return;
+      } //The key events are from child components such as dropdown menus / popups are ignored
+
+
+      if ((_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+        return;
+      }
+
+      var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+
+      if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
+        return;
+      } //This is kind of hack to reset the current focused toolbar item
+      //to handle some usecases such as Tab in/out of main toolbar
+
+
+      if (!((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+        currentSelectedItemIndex.current = -1;
+      } else {
+        currentSelectedItemIndex.current = filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : currentSelectedItemIndex.current;
+      }
+
+      if (event.key === 'ArrowRight') {
+        incrementIndex(filteredFocusableElements);
+      } else if (event.key === 'ArrowLeft') {
+        decrementIndex(filteredFocusableElements);
+      }
+
+      (_filteredFocusableEle4 = filteredFocusableElements[currentSelectedItemIndex.current]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
+    };
+
+    element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
+    return function () {
+      element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [currentSelectedItemIndex, wrapperRef, editorView]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "custom-key-handler-wrapper",
+    ref: wrapperRef
+  }, /*#__PURE__*/React.createElement(KeyDownHandlerContext.Provider, {
+    value: submenuKeydownHandleContext
+  }, children));
+};
+
+function getFocusableElements(rootNode) {
+  if (!rootNode) {
+    return [];
+  }
+
+  var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"], div[tabindex="0"]') || [];
+  return Array.from(focusableModalElements);
+}
+
+function getFilteredFocusableElements(rootNode) {
+  //The focusable elements from child components such as dropdown menus / popups are ignored
+  return getFocusableElements(rootNode).filter(function (elm) {
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]');
+  });
+}

package/dist/esm/ui/styles.js

@@ -1,24 +1,20 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-export { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar'; // TODO ED-15449 delete this style when deleting editor-core table
+export { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
+export var buttonGroupStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
+export var separatorStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), token('color.border', N30));
+export var wrapperStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
+export var wrapperSmallStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
+export var expandIconWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));
+export var triggerWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+export var buttonContentStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 6px;\n"])));
+export var buttonContentReducedSpacingStyle = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 8px;\n"]))); // Taken from the style of inline dialog components
 
-export var cellColourPreviewStyles = function cellColourPreviewStyles(selectedColor) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &::before {\n    background: ", ";\n  }\n"])), selectedColor);
-};
-export var buttonGroupStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
-export var separatorStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), token('color.border', N30));
-export var wrapperStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
-export var wrapperSmallStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
-export var expandIconWrapperStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));
-export var triggerWrapperStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-export var buttonContentStyle = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 6px;\n"])));
-export var buttonContentReducedSpacingStyle = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding: 8px;\n"]))); // Taken from the style of inline dialog components
-
-export var dropShadow = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n"])), token('elevation.shadow.overlay', "0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)"));
-export var clickSelectWrapperStyle = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));
+export var dropShadow = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n"])), token('elevation.shadow.overlay', "0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)"));
+export var clickSelectWrapperStyle = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));

package/dist/esm/utils/clipboard.js

@@ -94,8 +94,8 @@ export var copyToClipboard = /*#__PURE__*/function () {
   };
 }();
 export var copyHTMLToClipboard = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(htmlToCopy) {
-    var blobInput, data, Clipboard, dt;
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(elementToCopy, plainTextToCopy) {
+    var data, Clipboard, dt;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -106,15 +106,19 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
             }
 
             _context2.prev = 1;
-            blobInput = new Blob([htmlToCopy], {
-              type: 'text/html'
+            data = new ClipboardItem({
+              'text/plain': new Blob([plainTextToCopy || elementToCopy.innerText], {
+                type: 'text/plain'
+              }),
+              'text/html': new Blob([elementToCopy.innerHTML], {
+                type: 'text/html'
+              })
             }); // @ts-ignore
 
-            data = [new ClipboardItem({
-              'text/html': blobInput
-            })]; // @ts-ignore
+            _context2.next = 5;
+            return navigator.clipboard.write([data]);
 
-            navigator.clipboard.write(data);
+          case 5:
             _context2.next = 10;
             break;
 
@@ -124,7 +128,7 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
             throw new Error('Clipboard api is not supported');
 
           case 10:
-            _context2.next = 16;
+            _context2.next = 17;
             break;
 
           case 12:
@@ -132,10 +136,11 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
             // Hence of use of this polyfill
             Clipboard = clipboard;
             dt = new Clipboard.DT();
-            dt.setData('text/html', htmlToCopy);
+            dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+            dt.setData('text/html', elementToCopy.innerHTML);
             Clipboard.write(dt);
 
-          case 16:
+          case 17:
           case "end":
             return _context2.stop();
         }
@@ -143,7 +148,7 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
     }, _callee2, null, [[1, 7]]);
   }));
 
-  return function copyHTMLToClipboard(_x2) {
+  return function copyHTMLToClipboard(_x2, _x3) {
     return _ref3.apply(this, arguments);
   };
 }();

package/dist/esm/utils/document.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { Node } from 'prosemirror-model';
-import { transformMediaLinkMarks, transformTextLinkCodeMarks, transformDedupeMarks, transformNodesMissingContent, transformIndentationMarks } from '@atlaskit/adf-utils/transforms';
+import { transformMediaLinkMarks, transformTextLinkCodeMarks, transformDedupeMarks, transformNodesMissingContent, transformIndentationMarks, transformInvalidMediaContent } from '@atlaskit/adf-utils/transforms';
 import { sanitizeNodeForPrivacy } from '../utils/filter/privacy-filter';
 import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
 import { getBreakoutMode } from './node-width';
@@ -249,6 +249,19 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
       });
     }
 
+    var _transformInvalidMedi = transformInvalidMediaContent(transformedAdf);
+
+    transformedAdf = _transformInvalidMedi.transformedAdf;
+    isTransformed = _transformInvalidMedi.isTransformed;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.INVALID_MEDIA_CONTENT_TRANSFORMED,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL
+      });
+    }
+
     var entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
     var newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
     var parsedDoc = Node.fromJSON(schema, newEntity); // throws an error if the document is invalid

package/dist/esm/utils/index.js

@@ -361,13 +361,6 @@ export function stringRepeat(text, length) {
 
   return result;
 }
-/**
- * A replacement for `Array.from` until it becomes widely implemented.
- */
-
-export function arrayFrom(obj) {
-  return Array.prototype.slice.call(obj);
-}
 /*
  * From Modernizr
  * Returns the kind of transitionevent available for the element

package/dist/esm/utils/input-rules.js

@@ -4,11 +4,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { canJoin, findWrapping } from 'prosemirror-transform';
 import { closeHistory } from 'prosemirror-history';
 import { TextSelection } from 'prosemirror-state';
-import { addAnalytics } from '../plugins/analytics/utils';
+import { canJoin, findWrapping } from 'prosemirror-transform';
+import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { createInputRulePlugin } from '@atlaskit/prosemirror-input-rules';
+import { addAnalytics } from '../plugins/analytics';
 export var ruleWithAnalytics = function ruleWithAnalytics(getPayload) {
   return function (originalRule) {
     var onHandlerApply = function onHandlerApply(state, tr, matchResult) {
@@ -63,7 +64,7 @@ export var createPlugin = function createPlugin(pluginName, rules) {
     var unsupportedMarks = isBlockNodeRule ? ['code', 'link', 'typeAheadQuery'] : ['code'];
     var $from = state.selection.$from;
 
-    if ($from.parent.type.spec.code || !(state.selection instanceof TextSelection) || hasUnsupportedMarks(state, from, to, unsupportedMarks) || isBlockNodeRule && isCursorInsideUnsupportedMarks(state, unsupportedMarks)) {
+    if ($from.parent.type.spec.code || !(state.selection instanceof TextSelection) && !(state.selection instanceof GapCursorSelection) || hasUnsupportedMarks(state, from, to, unsupportedMarks) || isBlockNodeRule && isCursorInsideUnsupportedMarks(state, unsupportedMarks)) {
       return false;
     }
 

package/dist/esm/utils/table.js

@@ -0,0 +1,28 @@
+/*
+  isPositionNearTableRow()
+  Returns true when a sibling node, or any  of the parent's sibling
+  nodes are a tableRow
+ */
+export function isPositionNearTableRow(pos, schema, direction) {
+  if (!schema.nodes.tableRow) {
+    return false;
+  }
+
+  var doc = pos.doc;
+  var resolved = pos;
+  var sibling = direction === 'before' ? 'nodeBefore' : 'nodeAfter';
+
+  while (resolved.depth > 0) {
+    var _resolved$sibling;
+
+    var siblingType = (_resolved$sibling = resolved[sibling]) === null || _resolved$sibling === void 0 ? void 0 : _resolved$sibling.type;
+
+    if (siblingType === schema.nodes.tableRow) {
+      return true;
+    }
+
+    resolved = doc.resolve(resolved[direction]());
+  }
+
+  return false;
+}

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "175.0.5";
+export var version = "176.0.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "175.0.5",
+	"version": "176.0.0",
 	"sideEffects": false
 }

package/dist/types/keymaps/index.d.ts

@@ -1,2 +1,2 @@
-export { addAltText, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleCode, pastePlainText, clearFormatting, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleOrderedList, ctrlBackSpace, toggleBulletList, toggleBlockQuote, insertNewLine, shiftBackspace, splitCodeBlock, splitListItem, insertRule, undo, moveUp, moveDown, moveLeft, moveRight, indentList, outdentList, redo, openHelp, addLink, addInlineComment, submit, enter, shiftEnter, tab, indent, outdent, backspace, deleteKey, forwardDelete, space, escape, nextCell, previousCell, shiftTab, toggleTable, addRowBefore, addRowAfter, addColumnAfter, addColumnBefore, cut, copy, paste, altPaste, find, alignLeft, alignRight, tooltip, ToolTipContent, findKeymapByDescription, findShortcutByDescription, findShortcutByKeymap, makeKeymap, makeKeyMapWithCommon, bindKeymapWithCommand, findKeyMapForBrowser, DOWN, HEADING_KEYS, KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6, LEFT, RIGHT, UP, } from '@atlaskit/editor-common/keymaps';
+export { addAltText, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleCode, pastePlainText, clearFormatting, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleOrderedList, ctrlBackSpace, toggleBulletList, toggleBlockQuote, insertNewLine, shiftBackspace, splitCodeBlock, splitListItem, insertRule, undo, moveUp, moveDown, moveLeft, moveRight, indentList, outdentList, redo, openHelp, addLink, addInlineComment, submit, enter, shiftEnter, tab, indent, outdent, backspace, deleteKey, forwardDelete, space, escape, nextCell, previousCell, shiftTab, toggleTable, addRowBefore, addRowAfter, addColumnAfter, addColumnBefore, cut, copy, paste, altPaste, find, alignLeft, tooltip, ToolTipContent, findKeymapByDescription, findShortcutByDescription, findShortcutByKeymap, makeKeymap, makeKeyMapWithCommon, bindKeymapWithCommand, findKeyMapForBrowser, DOWN, HEADING_KEYS, KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6, LEFT, RIGHT, UP, } from '@atlaskit/editor-common/keymaps';
 export type { Keymap } from '@atlaskit/editor-common/keymaps';

package/dist/types/plugins/alignment/ui/ToolbarAlignment/index.d.ts

@@ -17,12 +17,14 @@ export interface Props {
 }
 export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
     static displayName: string;
+    private toolbarItemRef;
     state: State;
     render(): jsx.JSX.Element;
     private changeAlignment;
     private toggleOpen;
     private handleOpenChange;
     private hide;
+    private hideonEsc;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

package/dist/types/plugins/annotation/utils.d.ts

@@ -1,4 +1,4 @@
-import { ResolvedPos, Mark, Node, Slice } from 'prosemirror-model';
+import { ResolvedPos, Mark, Node, Slice, Schema } from 'prosemirror-model';
 import { EditorState, Selection, PluginKey, TextSelection, AllSelection } from 'prosemirror-state';
 import { Decoration } from 'prosemirror-view';
 import { AnnotationInfo, AnnotationSelectionType } from './types';
@@ -50,7 +50,7 @@ export declare const hasInvalidNodes: (state: EditorState) => boolean;
  * Checks if any of the nodes in a given selection are completely whitespace
  * This is to conform to Confluence annotation specifications
  */
-export declare function hasInvalidWhitespaceNode(selection: TextSelection | AllSelection): boolean;
+export declare function hasInvalidWhitespaceNode(selection: TextSelection | AllSelection, schema: Schema): boolean;
 export declare function hasAnnotationMark(node: Node, state: EditorState): boolean;
 export declare function annotationExists(annotationId: string, state: EditorState): boolean;
 export declare function containsAnyAnnotations(slice: Slice, state: EditorState): boolean;

package/dist/types/plugins/block-type/ui/ToolbarBlockType/index.d.ts

@@ -4,6 +4,7 @@ import { WrappedComponentProps } from 'react-intl-next';
 import { BlockTypeState } from '../../pm-plugins/main';
 import { BlockType } from '../../types';
 import { MenuItem } from '../../../../ui/DropdownMenu/types';
+import { EditorView } from 'prosemirror-view';
 export declare type DropdownItem = MenuItem & {
     value: BlockType;
 };
@@ -15,6 +16,7 @@ export interface Props {
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
+    editorView?: EditorView;
     setBlockType: (type: string) => void;
 }
 export interface State {

package/dist/types/plugins/code-block/refresh-browser-selection.d.ts

@@ -1,3 +1,5 @@
 import { EditorState, Transaction } from 'prosemirror-state';
+declare const refreshBrowserSelection: () => void;
 declare const refreshBrowserSelectionOnChange: (transaction: Transaction, editorState: EditorState) => void;
 export default refreshBrowserSelectionOnChange;
+export { refreshBrowserSelection };

package/dist/types/plugins/code-block/ui/class-names.d.ts

@@ -1,6 +1,8 @@
 export declare const codeBlockClassNames: {
+    container: string;
     start: string;
     end: string;
+    contentWrapper: string;
     gutter: string;
     content: string;
 };

package/dist/types/plugins/emoji/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    emojiNodeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/plugins/extension/index.d.ts

@@ -5,7 +5,6 @@ interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
     allowAutoSave?: boolean;
     breakoutEnabled?: boolean;
     extensionHandlers?: ExtensionHandlers;
-    stickToolbarToBottom?: boolean;
     appearance?: EditorAppearance;
 }
 declare const extensionPlugin: (options?: ExtensionPluginOptions) => EditorPlugin;

package/dist/types/plugins/floating-toolbar/ui/Dropdown.d.ts

@@ -27,5 +27,6 @@ export default class Dropdown extends Component<Props, State> {
     private renderArrayOptions;
     private toggleOpen;
     private hide;
+    private hideonEsc;
     componentDidUpdate(prevProps: Props, prevState: State): void;
 }

package/dist/types/plugins/floating-toolbar/ui/DropdownMenu.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ButtonItemProps } from '@atlaskit/menu';
 import { DropdownOptionT } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
 export declare const menuItemDimensions: {
@@ -12,6 +13,11 @@ export interface Props {
     items: Array<DropdownOptionT<Function>>;
     showSelected?: boolean;
 }
+export interface DropdownButtonItemProps extends ButtonItemProps {
+    onMouseEnter?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseOver?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+    onMouseLeave?: (event: React.MouseEvent | React.KeyboardEvent) => void;
+}
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };

package/dist/types/plugins/floating-toolbar/ui/Select.d.ts

@@ -15,5 +15,6 @@ export interface Props {
     width?: number;
     filterOption?: ((option: SelectOption, rawInput: string) => boolean) | null;
     setDisableParentScroll?: (disable: boolean) => void;
+    ariaLabel?: string;
 }
 export default function Search(props: Props): JSX.Element;

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { EditorView } from 'prosemirror-view';
 import { BlockMenuItem } from './create-items';
 import { OnInsert } from '../../../../ui/ElementBrowser/types';
+declare type SimpleEventHandler<T> = (event?: T) => void;
 export interface BlockInsertElementBrowserProps {
     disabled: boolean;
     editorView: EditorView;
@@ -16,6 +17,7 @@ export interface BlockInsertElementBrowserProps {
     onRef(el: HTMLElement): void;
     onClick: React.MouseEventHandler;
     onInsert: OnInsert;
-    togglePlusMenuVisibility(): void;
+    togglePlusMenuVisibility: SimpleEventHandler<MouseEvent | KeyboardEvent>;
 }
 export declare const BlockInsertElementBrowser: React.FC<BlockInsertElementBrowserProps>;
+export {};

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts

@@ -20,6 +20,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private handlePlusButtonRef;
     private handleDropDownButtonRef;
     render(): jsx.JSX.Element | null;
+    private handleClick;
     private toggleLinkPanel;
     private insertMention;
     private insertTable;

package/dist/types/plugins/media/nodeviews/mediaSingle.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { Component } from 'react';
+import React, { Component, MouseEvent } from 'react';
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorView, Decoration } from 'prosemirror-view';
 import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
@@ -27,6 +27,8 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
     static defaultProps: Partial<MediaSingleNodeProps>;
     static displayName: string;
     state: MediaSingleNodeState;
+    mediaSingleWrapperRef: React.RefObject<HTMLDivElement>;
+    captionPlaceHolderRef: React.RefObject<HTMLSpanElement>;
     createMediaNodeUpdater: (props: MediaSingleNodeProps) => MediaNodeUpdater;
     UNSAFE_componentWillReceiveProps(nextProps: MediaSingleNodeProps): void;
     setViewMediaClientConfig: (props: MediaSingleNodeProps) => Promise<void>;
@@ -34,6 +36,7 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
     componentDidMount(): Promise<void>;
     selectMediaSingle: ({ event }: CardEvent) => void;
     updateSize: (width: number | null, layout: MediaSingleLayout) => void;
+    onMediaSingleClicked: (event: MouseEvent) => void;
     render(): jsx.JSX.Element;
     private clickPlaceholder;
     private getLineLength;

package/dist/types/plugins/media/pm-plugins/main.d.ts

@@ -14,6 +14,7 @@ import { MediaNodeWithPosHandler, MediaPluginState } from './types';
 import { IntlShape } from 'react-intl-next';
 export type { MediaState, MediaProvider, MediaStateStatus };
 export { stateKey } from './plugin-key';
+export declare const MEDIA_CONTENT_WRAP_CLASS_NAME = "media-content-wrap";
 export declare class MediaPluginStateImplementation implements MediaPluginState {
     allowsUploads: boolean;
     mediaClientConfig?: MediaClientConfig;

package/dist/types/plugins/media/ui/CaptionPlaceholder/index.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+import React from 'react';
 export declare const CAPTION_PLACEHOLDER_ID = "caption-placeholder";
-declare const _default: ({ onClick }: {
+declare const _default: React.ForwardRefExoticComponent<{
     onClick: () => void;
-}) => jsx.JSX.Element;
+} & React.RefAttributes<HTMLSpanElement>>;
 export default _default;

package/dist/types/plugins/mentions/messages.d.ts

@@ -14,4 +14,9 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    mentionsNodeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };