@atlaskit/editor-core 176.0.2 → 177.0.0

package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js

@@ -23,7 +23,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { DN70 } from '@atlaskit/theme/colors';
 import { getFeatureFlags } from '../../feature-flags-context';
-import { compareArrays, getFirstFocusableElement, getLastFocusableElement, getFocusableElements, shallowEqual } from '../utils';
+import { compareArrays, getFirstFocusableElement, shallowEqual } from '../utils';
 import { showConfirmDialog } from '../pm-plugins/toolbar-data/commands';
 import Button from './Button';
 import Dropdown from './Dropdown';
@@ -39,6 +39,7 @@ import messages from './messages';
 import { token } from '@atlaskit/tokens';
 import { decorationStateKey, ACTIONS } from '../../base/pm-plugins/decoration';
 import ScrollButtons from './ScrollButtons';
+import { ToolbarArrowKeyNavigationProvider } from '../../../ui/ToolbarArrowKeyNavigationProvider';
 var akGridSize = gridSize();
 var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
   var items = _ref.items,
@@ -67,6 +68,10 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
             dispatchCommand(showConfirmDialog(idx));
           } else {
             dispatchCommand(item.onClick);
+
+            if (item.focusEditoronEnter && !(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
+              editorView === null || editorView === void 0 ? void 0 : editorView.focus();
+            }
           }
         };
 
@@ -140,6 +145,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           scrollableElement: popupsScrollableElement,
           dropdownWidth: item.dropdownWidth,
           showSelected: item.showSelected,
+          buttonTestId: item.testId,
+          editorView: editorView,
           setDisableParentScroll: scrollable ? setDisableScroll : undefined
         });
 
@@ -338,56 +345,25 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+    _defineProperty(_assertThisInitialized(_this), "shouldHandleArrowKeys", function () {
       var _this$props$items;
 
-      //To prevent the keydown handing of arrow keys for 'hyper link floating toolbar'
-      if ((_this$props$items = _this.props.items) !== null && _this$props$items !== void 0 && _this$props$items.find(function (item) {
+      //To prevent the keydown handling of arrow keys for custom toolbar items with 'disableArrowNavigation' prop enabled,
+      //Usually the button which has menus or popups
+      return !((_this$props$items = _this.props.items) !== null && _this$props$items !== void 0 && _this$props$items.find(function (item) {
         return item.type === 'custom' && item.disableArrowNavigation;
-      })) {
-        return;
-      }
+      }));
+    });
 
-      if (event.key === 'Escape') {
+    _defineProperty(_assertThisInitialized(_this), "handleEscape", function (event) {
+      //If any dropdown is open inside the floating toolbar 'Esc' key should not
+      //focus the editorview. The event cannot be stopped as dropdown is not childnode of floating toolbar
+      if (!document.querySelector('[data-role="droplistContent"]')) {
         var _this$props$editorVie;
 
-        _this.currentSelectedItemIndex = 0;
         (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
         event.preventDefault();
         event.stopPropagation();
-      } else {
-        var _this$toolbarContaine2, _this$toolbarContaine3, _this$toolbarContaine4;
-
-        //To trap the focus inside the toolbar using left and right arrow keys
-        var focusableElements = getFocusableElements((_this$toolbarContaine2 = _this.toolbarContainerRef) === null || _this$toolbarContaine2 === void 0 ? void 0 : _this$toolbarContaine2.current);
-        var firstFocsuableElement = getFirstFocusableElement((_this$toolbarContaine3 = _this.toolbarContainerRef) === null || _this$toolbarContaine3 === void 0 ? void 0 : _this$toolbarContaine3.current);
-        var lastFocsuableElement = getLastFocusableElement((_this$toolbarContaine4 = _this.toolbarContainerRef) === null || _this$toolbarContaine4 === void 0 ? void 0 : _this$toolbarContaine4.current);
-
-        if (!focusableElements || focusableElements.length === 0) {
-          return;
-        }
-
-        if (event.key === 'ArrowRight') {
-          if (_this.currentSelectedItemIndex === focusableElements.length - 1) {
-            firstFocsuableElement === null || firstFocsuableElement === void 0 ? void 0 : firstFocsuableElement.focus();
-            _this.currentSelectedItemIndex = 0;
-          } else {
-            var _focusableElements;
-
-            (_focusableElements = focusableElements[_this.currentSelectedItemIndex + 1]) === null || _focusableElements === void 0 ? void 0 : _focusableElements.focus();
-            _this.currentSelectedItemIndex++;
-          }
-        } else if (event.key === 'ArrowLeft') {
-          if (_this.currentSelectedItemIndex === 0) {
-            lastFocsuableElement === null || lastFocsuableElement === void 0 ? void 0 : lastFocsuableElement.focus();
-            _this.currentSelectedItemIndex = focusableElements.length - 1;
-          } else {
-            var _focusableElements2;
-
-            (_focusableElements2 = focusableElements[_this.currentSelectedItemIndex - 1]) === null || _focusableElements2 === void 0 ? void 0 : _focusableElements2.focus();
-            _this.currentSelectedItemIndex--;
-          }
-        }
       }
     });
 
@@ -398,7 +374,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       scrollDisabled: false,
       mounted: false
     };
-    _this.currentSelectedItemIndex = 0;
     return _this;
   } // remove any decorations added by toolbar buttons i.e danger and selected styling
   // this prevents https://product-fabric.atlassian.net/browse/ED-10207
@@ -491,7 +466,12 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       var hasSelect = items.find(function (item) {
         return item.type === 'select' && item.selectType === 'list';
       });
-      return jsx(React.Fragment, null, jsx("div", {
+      return jsx(React.Fragment, null, jsx(ToolbarArrowKeyNavigationProvider, {
+        editorView: this.props.editorView,
+        handleEscape: this.handleEscape,
+        disableArrowKeyNavigation: !this.shouldHandleArrowKeys(),
+        childComponentSelector: "[data-testid='editor-floating-toolbar']"
+      }, jsx("div", {
         ref: this.toolbarContainerRef,
         css: function css(theme) {
           return [toolbarContainer({
@@ -500,8 +480,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         },
         "aria-label": intl.formatMessage(messages.floatingToolbarAriaLabel),
         role: "toolbar",
-        className: className,
-        onKeyDown: this.handleKeyDown
+        "data-testid": "editor-floating-toolbar",
+        className: className
       }, jsx(Announcer, {
         text: intl.formatMessage(messages.floatingToolbarAnnouncer),
         delay: 250
@@ -519,7 +499,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         disabled: this.state.scrollDisabled
       })), jsx("div", {
         ref: this.mountRef
-      }));
+      })));
     }
   }]);
 

package/dist/esm/plugins/floating-toolbar/ui/messages.js

@@ -15,6 +15,16 @@ export default defineMessages({
     defaultMessage: 'Cancel',
     description: 'Cancel button for floating toolbar confirmation modal.'
   },
+  confirmModalListUnit: {
+    id: 'fabric.editor.floatingToolbar.confirmModalConnectedUnit',
+    defaultMessage: '{name}{amount, plural, =0 {} one { (+1 connected element)} other { (+# connected elements)}}',
+    description: 'Text displayed in confirmation modal which highlights the nodes and the amount of connected nodes that will be deleted'
+  },
+  confirmDeleteLinkedModalMessage: {
+    id: 'fabric.editor.extension.confirmDeleteLinkedModalMessage',
+    defaultMessage: 'Deleting {nodeName} will break anything connected to it.',
+    description: 'Message for confirm modal when deleting a extension linked to an data consumer.'
+  },
   floatingToolbarAriaLabel: {
     id: 'fabric.editor.floatingToolbar.floatingToolbarAriaLabel',
     defaultMessage: 'Floating Toolbar',
@@ -23,16 +33,16 @@ export default defineMessages({
   floatingToolbarAnnouncer: {
     id: 'fabric.editor.floatingToolbar.floatingToolbarAnnouncer',
     defaultMessage: 'Floating toolbar controls have been opened',
-    description: "message that will be announced to screenreaders that the floating toolbar is opened"
+    description: 'message that will be announced to screenreaders that the floating toolbar is opened'
   },
   floatingToolbarScrollLeft: {
     id: 'fabric.editor.floatingToolbar.scrollLeft',
     defaultMessage: 'Scroll left',
-    description: "Button to scroll left when the toolbar is in the overflow state"
+    description: 'Button to scroll left when the toolbar is in the overflow state'
   },
   floatingToolbarScrollRight: {
     id: 'fabric.editor.floatingToolbar.scrollRight',
     defaultMessage: 'Scroll right',
-    description: "Button to scroll right when the toolbar is in the overflow state"
+    description: 'Button to scroll right when the toolbar is in the overflow state'
   }
 });

package/dist/esm/plugins/floating-toolbar/utils.js

@@ -63,27 +63,14 @@ export function findNode(parent, predicate) {
   });
   return matchedNode;
 }
-export function getFirstFocusableElement(rootNode) {
-  if (!rootNode) {
-    return;
-  }
-
-  var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select') || [];
-  return focusableModalElements[0];
-}
 export function getFocusableElements(rootNode) {
   if (!rootNode) {
-    return;
+    return [];
   }
 
   var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select') || [];
-  return focusableModalElements;
+  return Array.from(focusableModalElements) || [];
 }
-export function getLastFocusableElement(rootNode) {
-  if (!rootNode) {
-    return;
-  }
-
-  var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select') || [];
-  return focusableModalElements[focusableModalElements.length - 1];
+export function getFirstFocusableElement(rootNode) {
+  return getFocusableElements(rootNode)[0];
 }

package/dist/esm/plugins/help-dialog/index.js

@@ -46,7 +46,8 @@ export function createPlugin(dispatch, imageEnabled) {
   });
 }
 
-var helpDialog = function helpDialog(legacyImageUploadProvider) {
+var helpDialog = function helpDialog() {
+  var imageUploadProviderExists = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return {
     name: 'helpDialog',
     pmPlugins: function pmPlugins() {
@@ -54,7 +55,7 @@ var helpDialog = function helpDialog(legacyImageUploadProvider) {
         name: 'helpDialog',
         plugin: function plugin(_ref) {
           var dispatch = _ref.dispatch;
-          return createPlugin(dispatch, !!legacyImageUploadProvider);
+          return createPlugin(dispatch, imageUploadProviderExists);
         }
       }, {
         name: 'helpDialogKeymap',

package/dist/esm/plugins/hyperlink/Toolbar.js

@@ -15,7 +15,7 @@ import OpenIcon from '@atlaskit/icon/glyph/shortcut';
 import { normalizeUrl } from './utils';
 import { linkToolbarMessages as linkToolbarCommonMessages, linkMessages } from '../../messages';
 import { isSafeUrl } from '@atlaskit/adf-schema';
-import { RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../ui/LinkSearch/ToolbarComponents';
+import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../ui/LinkSearch/ToolbarComponents';
 import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
 import { addAnalytics, ACTION_SUBJECT_ID } from '../analytics';
 import { buildVisitedLinkPayload, buildOpenedSettingsPayload } from '../../utils/linking-utils';
@@ -85,6 +85,16 @@ export var getToolbarConfig = function getToolbarConfig(options) {
   return function (state, intl, providerFactory) {
     var formatMessage = intl.formatMessage;
     var linkState = stateKey.getState(state);
+    /**
+     * Enable focus trap only if feature flag is enabled AND for the new version of the picker
+     */
+
+    var _getFeatureFlags2 = getFeatureFlags(state),
+        lpLinkPicker = _getFeatureFlags2.lpLinkPicker,
+        lpLinkPickerFocusTrap = _getFeatureFlags2.lpLinkPickerFocusTrap,
+        preventPopupOverflow = _getFeatureFlags2.preventPopupOverflow;
+
+    var shouldEnableFocusTrap = lpLinkPicker && lpLinkPickerFocusTrap;
 
     if (linkState && linkState.activeLinkMark) {
       var activeLinkMark = linkState.activeLinkMark;
@@ -189,6 +199,8 @@ export var getToolbarConfig = function getToolbarConfig(options) {
         case 'EDIT_INSERTED':
         case 'INSERT':
           {
+            var _options$linkPicker, _options$linkPicker$p;
+
             var _link;
 
             if (isEditLink(activeLinkMark) && activeLinkMark.node) {
@@ -200,9 +212,12 @@ export var getToolbarConfig = function getToolbarConfig(options) {
             }
 
             var displayText = isEditLink(activeLinkMark) ? getLinkText(activeLinkMark, state) : linkState.activeText;
+            var popupHeight = lpLinkPicker && Boolean(options === null || options === void 0 ? void 0 : (_options$linkPicker = options.linkPicker) === null || _options$linkPicker === void 0 ? void 0 : (_options$linkPicker$p = _options$linkPicker.plugins) === null || _options$linkPicker$p === void 0 ? void 0 : _options$linkPicker$p.length) ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX;
             return _objectSpread(_objectSpread({}, hyperLinkToolbar), {}, {
-              height: RECENT_SEARCH_HEIGHT_IN_PX,
+              preventPopupOverflow: preventPopupOverflow,
+              height: popupHeight,
               width: RECENT_SEARCH_WIDTH_IN_PX,
+              focusTrap: shouldEnableFocusTrap,
               items: [{
                 type: 'custom',
                 fallback: [],
@@ -219,6 +234,9 @@ export var getToolbarConfig = function getToolbarConfig(options) {
                     displayUrl: _link,
                     displayText: displayText || '',
                     providerFactory: providerFactory,
+                    onCancel: function onCancel() {
+                      return view.focus();
+                    },
                     onSubmit: function onSubmit(href) {
                       var _options$cardOptions;
 

package/dist/esm/plugins/hyperlink/ui/EditorLinkPicker/index.js

@@ -1,22 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["view"];
+var _excluded = ["view", "onCancel"];
 import React, { useCallback } from 'react';
 import { LinkPicker } from '@atlaskit/link-picker';
 import { hideLinkToolbar as cardHideLinkToolbar } from '../../../card/pm-plugins/actions';
 import { hideLinkToolbar } from '../../commands';
 import { useEscapeClickaway } from './useEscapeClickaway';
+/**
+ * Returns a type that matches T but where keys (K) are now optional
+ */
+
 export var EditorLinkPicker = function EditorLinkPicker(_ref) {
   var view = _ref.view,
+      onCancel = _ref.onCancel,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var onEscape = useCallback(function () {
     hideLinkToolbar()(view.state, view.dispatch);
     view.dispatch(cardHideLinkToolbar(view.state.tr));
-  }, [view]);
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  }, [view, onCancel]);
   var onClickAway = useCallback(function () {
     hideLinkToolbar()(view.state, view.dispatch);
-  }, [view]);
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  }, [view, onCancel]);
   var ref = useEscapeClickaway(onEscape, onClickAway);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -53,7 +53,8 @@ var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           displayText = _this$props.displayText,
           displayUrl = _this$props.displayUrl,
           providerFactory = _this$props.providerFactory,
-          view = _this$props.view;
+          view = _this$props.view,
+          onCancel = _this$props.onCancel;
       return /*#__PURE__*/React.createElement(WithProviders, {
         providers: ['activityProvider', 'searchProvider'],
         providerFactory: providerFactory,
@@ -66,25 +67,19 @@ var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
               hyperlinkPluginState: pluginKey
             },
             render: function render(_ref3) {
-              var _linkPickerOptions$pl;
-
               var hyperlinkPluginState = _ref3.hyperlinkPluginState;
 
               var _getFeatureFlags = getFeatureFlags(view.state),
                   lpLinkPicker = _getFeatureFlags.lpLinkPicker;
-              /**
-               * If activityProvider or searchProvider are present then only enable if there are plugins supplied to
-               * faciliate providing link search capabilities
-               */
-
 
-              if (lpLinkPicker && (!activityProvider && !searchProvider || Boolean(linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : (_linkPickerOptions$pl = linkPickerOptions.plugins) === null || _linkPickerOptions$pl === void 0 ? void 0 : _linkPickerOptions$pl.length))) {
+              if (lpLinkPicker) {
                 return /*#__PURE__*/React.createElement(EditorLinkPicker, _extends({
                   view: view
                 }, linkPickerOptions, {
                   url: displayUrl,
                   displayText: displayText,
-                  onSubmit: onSubmitInterface(onSubmit)
+                  onSubmit: onSubmitInterface(onSubmit),
+                  onCancel: onCancel
                 }));
               }
 

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -24,6 +24,7 @@ export var BlockInsertElementBrowser = function BlockInsertElementBrowser(props)
     disabled: props.disabled,
     onClick: props.onClick,
     spacing: props.spacing,
-    label: props.label
+    label: props.label,
+    "aria-keyshortcuts": "/"
   }));
 };

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu-legacy.js

@@ -28,6 +28,7 @@ export var BlockInsertMenuLegacy = function BlockInsertMenuLegacy(props) {
     disabled: props.disabled,
     onClick: props.onClick,
     spacing: props.spacing,
-    label: props.label
+    label: props.label,
+    "aria-keyshortcuts": "/"
   }));
 };

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -16,7 +16,8 @@ export var BlockInsertMenu = function BlockInsertMenu(props) {
       disabled: props.disabled,
       onClick: props.onClick,
       spacing: props.spacing,
-      label: props.label
+      label: props.label,
+      "aria-keyshortcuts": "/"
     }));
   }
 

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.js

@@ -27,7 +27,8 @@ export var DropDownButton = /*#__PURE__*/React.memo(function (props) {
     spacing: props.spacing,
     "aria-expanded": props['aria-expanded'],
     "aria-haspopup": props['aria-haspopup'],
-    "aria-label": props.label,
+    "aria-keyshortcuts": props['aria-keyshortcuts'],
+    "aria-label": "".concat(props.label, " /"),
     iconBefore: jsx(DropDownButtonIcon, {
       label: ""
     }),

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

@@ -536,6 +536,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }, buttons.map(function (btn) {
         return jsx(ToolbarButton, {
           item: btn,
+          testId: String(btn.content),
           ref: btn.value.name === 'emoji' ? _this2.handleEmojiButtonRef : noop,
           key: btn.value.name,
           spacing: isReducedSpacing ? 'none' : 'default',
@@ -545,6 +546,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           title: btn.title,
           "aria-label": btn['aria-label'],
           "aria-haspopup": btn['aria-haspopup'],
+          "aria-keyshortcuts": btn['aria-keyshortcuts'],
           onItemClick: _this2.insertToolbarMenuItem
         });
       }), jsx("span", {

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/item.js

@@ -22,6 +22,7 @@ import QuoteIcon from '@atlaskit/icon/glyph/quote';
 import { shortcutStyle } from '../../../../ui/styles';
 import { tooltip, addLink, toggleTable } from '../../../../keymaps';
 import { shallowEquals } from './shallow-equals';
+import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 
 var from = function from(init) {
   return {
@@ -36,8 +37,9 @@ var from = function from(init) {
     elemAfter: init.shortcut ? jsx("div", {
       css: shortcutStyle
     }, init.shortcut) : undefined,
-    'aria-label': init.content,
+    'aria-label': init.shortcut ? init.content + ' ' + init.shortcut : init.content,
     'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': init['aria-keyshortcuts'],
     shortcut: init.shortcut,
     isDisabled: init.disabled
   };
@@ -54,7 +56,8 @@ export var action = mem(function (init) {
     disabled: init.disabled,
     name: 'action',
     shortcut: '[]',
-    Icon: TaskIcon
+    Icon: TaskIcon,
+    'aria-keyshortcuts': '[ ] Space'
   });
 });
 export var link = mem(function (init) {
@@ -65,7 +68,8 @@ export var link = mem(function (init) {
     name: 'link',
     shortcut: tooltip(addLink),
     Icon: LinkIcon,
-    'aria-haspopup': init['aria-haspopup']
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': getAriaKeyshortcuts(addLink)
   });
 });
 export var media = mem(function (init) {
@@ -94,7 +98,8 @@ export var mention = mem(function (init) {
     name: 'mention',
     Icon: MentionIcon,
     shortcut: '@',
-    'aria-haspopup': init['aria-haspopup']
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': 'Shift+2 Space'
   });
 });
 export var emoji = mem(function (init) {
@@ -105,7 +110,8 @@ export var emoji = mem(function (init) {
     name: 'emoji',
     Icon: EmojiIcon,
     shortcut: ':',
-    'aria-haspopup': init['aria-haspopup']
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': 'Shift+;'
   });
 });
 export var table = mem(function (init) {
@@ -115,7 +121,8 @@ export var table = mem(function (init) {
     disabled: init.disabled,
     name: 'table',
     Icon: TableIcon,
-    shortcut: tooltip(toggleTable)
+    shortcut: tooltip(toggleTable),
+    'aria-keyshortcuts': getAriaKeyshortcuts(toggleTable)
   });
 });
 export var layout = mem(function (init) {
@@ -134,7 +141,8 @@ export var codeblock = mem(function (init) {
     disabled: init.disabled,
     name: 'codeblock',
     Icon: CodeIcon,
-    shortcut: init.shortcut
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
   });
 });
 export var panel = mem(function (init) {
@@ -144,7 +152,8 @@ export var panel = mem(function (init) {
     disabled: init.disabled,
     name: 'panel',
     Icon: InfoIcon,
-    shortcut: init.shortcut
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
   });
 });
 export var blockquote = mem(function (init) {
@@ -154,7 +163,8 @@ export var blockquote = mem(function (init) {
     disabled: init.disabled,
     name: 'blockquote',
     Icon: QuoteIcon,
-    shortcut: init.shortcut
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': 'Shift+. Space'
   });
 });
 export var decision = mem(function (init) {
@@ -164,7 +174,8 @@ export var decision = mem(function (init) {
     disabled: init.disabled,
     name: 'decision',
     Icon: DecisionIcon,
-    shortcut: '<>'
+    shortcut: '<>',
+    'aria-keyshortcuts': 'Shift+, Shift+. Space'
   });
 });
 export var horizontalrule = mem(function (init) {
@@ -174,7 +185,8 @@ export var horizontalrule = mem(function (init) {
     disabled: init.disabled,
     name: 'horizontalrule',
     Icon: HorizontalRuleIcon,
-    shortcut: '---'
+    shortcut: '---',
+    'aria-keyshortcuts': '- - -'
   });
 });
 export var expand = mem(function (init) {
@@ -193,7 +205,8 @@ export var date = mem(function (init) {
     disabled: init.disabled,
     name: 'date',
     Icon: DateIcon,
-    shortcut: '//'
+    shortcut: '//',
+    'aria-keyshortcuts': '/ / Enter'
   });
 });
 export var placeholder = mem(function (init) {

package/dist/esm/plugins/layout/toolbar.js

@@ -72,6 +72,7 @@ export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout
       id: 'editor.layout.delete',
       type: 'button',
       appearance: 'danger',
+      focusEditoronEnter: true,
       icon: RemoveIcon,
       testId: commonMessages.remove.id,
       title: intl.formatMessage(commonMessages.remove),

package/dist/esm/plugins/list/actions/outdent-list-items-selected.js

@@ -1,11 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = 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 { Selection, TextSelection, NodeSelection } from 'prosemirror-state';
 import { NodeRange, Slice, Fragment } from 'prosemirror-model';
 import { liftTarget, ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform';
+import { getOrderFromOrderedListNode } from '@atlaskit/editor-common/utils';
 import { isListNode, isListItemNode, joinSiblingLists, JoinDirection } from '../utils/node';
 import { findFirstParentListItemNode, findRootParentListNode } from '../utils/find';
 import { normalizeListItemsSelection, createListNodeRange } from '../utils/selection';
 import { GapCursorSelection } from '../../selection/gap-cursor-selection';
-export var outdentListItemsSelected = function outdentListItemsSelected(tr) {
+import { getFeatureFlags } from '../../feature-flags-context';
+export var outdentListItemsSelected = function outdentListItemsSelected(tr, state) {
   var originalSelection = tr.selection;
   var normalizedSelection = normalizeListItemsSelection({
     selection: tr.selection,
@@ -45,7 +53,8 @@ export var outdentListItemsSelected = function outdentListItemsSelected(tr) {
     } else {
       extractListItemsRangeFromList({
         tr: tr,
-        range: mappedRange
+        range: mappedRange,
+        state: state
       });
       hasNormalizedToPositionLiftedOut = hasNormalizedToPositionLiftedOut || oldTo >= range.from && oldTo < range.to;
       hasNormalizedFromPositionLiftedOut = hasNormalizedFromPositionLiftedOut || oldFrom >= range.from && oldFrom < range.to;
@@ -190,7 +199,8 @@ var outdentRangeToParentList = function outdentRangeToParentList(_ref2) {
 
 var extractListItemsRangeFromList = function extractListItemsRangeFromList(_ref3) {
   var tr = _ref3.tr,
-      range = _ref3.range;
+      range = _ref3.range,
+      state = _ref3.state;
   var list = range.parent;
   var $start = tr.doc.resolve(range.start);
   var listStart = $start.start(range.depth);
@@ -215,7 +225,23 @@ var extractListItemsRangeFromList = function extractListItemsRangeFromList(_ref3
     }
   }
 
-  var nextListFragment = listItemContent.append(Fragment.from(list.copy(Fragment.empty)));
+  var nextList = list.copy(Fragment.empty);
+  var featureFlags = getFeatureFlags(state);
+
+  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
+    // if splitting a numbered list, keep the splitted item
+    // counter as the start of the next (second half) list (instead
+    // of reverting back to 1 as a starting number)
+    var order = getOrderFromOrderedListNode(list);
+
+    if (list.type.name === 'orderedList') {
+      nextList.attrs = _objectSpread(_objectSpread({}, nextList.attrs), {}, {
+        order: range.endIndex - 1 + order
+      });
+    }
+  }
+
+  var nextListFragment = listItemContent.append(Fragment.from(nextList));
 
   if (isTheEntireList) {
     var slice = new Slice(listItemContent, 0, 0);

package/dist/esm/plugins/list/commands/outdent-list.js

@@ -30,7 +30,7 @@ export function outdentList() {
     closeHistory(state.tr);
     var actionSubjectId = isBulletList(parentListNode.node) ? ACTION_SUBJECT_ID.FORMAT_LIST_BULLET : ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER;
     var customTr = state.tr;
-    outdentListAction(customTr);
+    outdentListAction(customTr, state);
 
     if (!customTr || !customTr.docChanged) {
       // Even though this is a non-operation, we don't want to send this event to the browser. Because if we return false, the browser will move the focus to another place