@atlaskit/editor-plugin-help-dialog 8.0.32 → 9.0.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-help-dialog
 
+## 9.0.0
+
+### Patch Changes
+
+- [`d15da1c489b34`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d15da1c489b34) -
+  Add drag handle and move selection keyboard shortcuts to the editor help dialog, gated behind the
+  platform_editor_drag_handle_keyboard_a11y experiment
+- Updated dependencies
+
+## 8.0.33
+
+### Patch Changes
+
+- [`73b2fc243f544`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/73b2fc243f544) -
+  Cleaning up getBrowserInfo which was behind experiment platform_editor_hydratable_ui and is now
+  rolled out
+- Updated dependencies
+
 ## 8.0.32
 
 ### Patch Changes

package/dist/cjs/ui/ModalContent.js

@@ -28,7 +28,7 @@ var _utils = require("./utils");
 var ModalContent = exports.ModalContent = function ModalContent(_ref) {
   var formatting = _ref.formatting,
     onClose = _ref.onClose;
-  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+  var browser = (0, _browser.getBrowserInfo)();
   var intl = (0, _reactIntlNext.useIntl)();
   var isA11yFixEnabled = (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true);
   return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_ModalHeader.default, {

package/dist/cjs/ui/formatting.js

@@ -403,7 +403,7 @@ var quickInsertAskAI = function quickInsertAskAI(_ref3) {
 };
 var otherFormatting = function otherFormatting(_ref4) {
   var formatMessage = _ref4.formatMessage;
-  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+  var browser = (0, _browser.getBrowserInfo)();
   return [{
     name: formatMessage(_messages.toolbarMessages.clearFormatting),
     type: 'clearFormatting',
@@ -641,8 +641,46 @@ var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting
     }
   }];
 };
-var moveTableRowColumnFormatting = function moveTableRowColumnFormatting(_ref8) {
+
+// 'navigation' is used as the type for these entries because Format.type is designed to match ADF
+// schema node/mark names — these shortcuts have no corresponding ADF type, so 'navigation' acts as
+// a catch-all that passes the schema filter and routes entries to the keyboard shortcuts column in the UI.
+var blockControlsShortcutsFormatting = function blockControlsShortcutsFormatting(_ref8) {
   var formatMessage = _ref8.formatMessage;
+  return [{
+    name: formatMessage(_messages.helpDialogMessages.selectDragHandle),
+    type: 'navigation',
+    keymap: function keymap() {
+      return _keymaps.showElementDragHandle;
+    }
+  }, {
+    name: formatMessage(_messages.helpDialogMessages.moveSelectionUp),
+    type: 'navigation',
+    keymap: function keymap() {
+      return _keymaps.dragToMoveUp;
+    }
+  }, {
+    name: formatMessage(_messages.helpDialogMessages.moveSelectionDown),
+    type: 'navigation',
+    keymap: function keymap() {
+      return _keymaps.dragToMoveDown;
+    }
+  }, {
+    name: formatMessage(_messages.helpDialogMessages.moveSelectionLeft),
+    type: 'navigation',
+    keymap: function keymap() {
+      return _keymaps.dragToMoveLeft;
+    }
+  }, {
+    name: formatMessage(_messages.helpDialogMessages.moveSelectionRight),
+    type: 'navigation',
+    keymap: function keymap() {
+      return _keymaps.dragToMoveRight;
+    }
+  }];
+};
+var moveTableRowColumnFormatting = function moveTableRowColumnFormatting(_ref9) {
+  var formatMessage = _ref9.formatMessage;
   return [{
     name: formatMessage(_messages.tableMessages.moveColumnLeftHelpDialogLabel),
     type: 'table',
@@ -669,8 +707,8 @@ var moveTableRowColumnFormatting = function moveTableRowColumnFormatting(_ref8)
     }
   }];
 };
-var openCellOptionsFormattingtoFormat = function openCellOptionsFormattingtoFormat(_ref9) {
-  var formatMessage = _ref9.formatMessage;
+var openCellOptionsFormattingtoFormat = function openCellOptionsFormattingtoFormat(_ref0) {
+  var formatMessage = _ref0.formatMessage;
   return [{
     name: formatMessage(_messages.helpDialogMessages.openCellOptions),
     type: 'image',
@@ -692,8 +730,8 @@ var imageAutoFormat = {
     , _messages.helpDialogMessages.altText), "](http://www.image.com)"));
   }
 };
-var quickInsertAutoFormat = function quickInsertAutoFormat(_ref0) {
-  var formatMessage = _ref0.formatMessage;
+var quickInsertAutoFormat = function quickInsertAutoFormat(_ref1) {
+  var formatMessage = _ref1.formatMessage;
   return {
     name: formatMessage(_messages.helpDialogMessages.quickInsert),
     type: 'quickInsert',
@@ -709,5 +747,5 @@ var getSupportedFormatting = exports.getSupportedFormatting = function getSuppor
   var supportedBySchema = formatting(intl).filter(function (format) {
     return schema.nodes[format.type] || schema.marks[format.type];
   });
-  return [].concat((0, _toConsumableArray2.default)(aiEnabled && (0, _experiments.editorExperiment)('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), (0, _toConsumableArray2.default)(navigationKeymaps(intl)), (0, _toConsumableArray2.default)(otherFormatting(intl)), (0, _toConsumableArray2.default)(supportedBySchema), (0, _toConsumableArray2.default)(imageEnabled ? [imageAutoFormat] : []), (0, _toConsumableArray2.default)(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), (0, _toConsumableArray2.default)(focusTableResizeHandleFormatting(intl)), (0, _toConsumableArray2.default)((0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) ? newResizeInformationFormatting(intl) : resizeInformationFormatting(intl)), (0, _toConsumableArray2.default)(openCellOptionsFormattingtoFormat(intl)), (0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveTableRowColumnFormatting(intl) : []));
+  return [].concat((0, _toConsumableArray2.default)(aiEnabled && (0, _experiments.editorExperiment)('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), (0, _toConsumableArray2.default)(navigationKeymaps(intl)), (0, _toConsumableArray2.default)(otherFormatting(intl)), (0, _toConsumableArray2.default)(supportedBySchema), (0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_drag_handle_keyboard_a11y', 'isEnabled', true) ? blockControlsShortcutsFormatting(intl) : []), (0, _toConsumableArray2.default)(imageEnabled ? [imageAutoFormat] : []), (0, _toConsumableArray2.default)(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), (0, _toConsumableArray2.default)(focusTableResizeHandleFormatting(intl)), (0, _toConsumableArray2.default)((0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) ? newResizeInformationFormatting(intl) : resizeInformationFormatting(intl)), (0, _toConsumableArray2.default)(openCellOptionsFormattingtoFormat(intl)), (0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveTableRowColumnFormatting(intl) : []));
 };

package/dist/cjs/ui/utils.js

@@ -7,7 +7,6 @@ exports.shortcutNamesWithoutKeymap = exports.getComponentFromKeymap = void 0;
 var _react = require("@emotion/react");
 var _browser = require("@atlaskit/editor-common/browser");
 var _primitives = require("@atlaskit/primitives");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _styles = require("./styles");
 /**
  * @jsxRuntime classic
@@ -44,8 +43,14 @@ var codeSm = (0, _primitives.xcss)({
   lineHeight: "var(--ds-space-300, 24px)",
   textAlign: 'center'
 });
+var arrowSymbols = {
+  arrowup: '↑',
+  arrowdown: '↓',
+  arrowleft: '←',
+  arrowright: '→'
+};
 var getKeyParts = function getKeyParts(keymap) {
-  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+  var browser = (0, _browser.getBrowserInfo)();
   var shortcut = keymap[browser.mac ? 'mac' : 'windows'];
   if (browser.mac) {
     shortcut = shortcut.replace('Alt', 'Opt');
@@ -113,6 +118,16 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
           ,
           key: "".concat(keyParts, "-").concat(index)
         }, '⏎');
+      } else if (['arrowup', 'arrowdown', 'arrowleft', 'arrowright'].indexOf(part.toLowerCase()) >= 0) {
+        return (
+          // Ignored via go/ees005
+          // eslint-disable-next-line react/no-array-index-key
+          (0, _react.jsx)(_primitives.Box, {
+            as: "span",
+            xcss: codeSm,
+            key: "".concat(keyParts, "-").concat(index)
+          }, arrowSymbols[part.toLowerCase()])
+        );
       }
       return (
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766

package/dist/es2019/ui/ModalContent.js

@@ -8,7 +8,7 @@ import { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
-import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
 import Heading from '@atlaskit/heading';
 import { Text } from '@atlaskit/primitives/compiled';
@@ -21,7 +21,7 @@ export const ModalContent = ({
   formatting,
   onClose
 }) => {
-  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+  const browser = getBrowserInfo();
   const intl = useIntl();
   const isA11yFixEnabled = expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true);
   return jsx(Fragment, null, jsx(ModalHeader, {

package/dist/es2019/ui/formatting.js

@@ -5,8 +5,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, askAIQuickInsert, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, moveColumnLeft, moveColumnRight, moveRowDown, moveRowUp, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redoAlt, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleSmallText, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, askAIQuickInsert, clearFormatting, decreaseMediaSize, dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, focusTableResizer, showElementDragHandle, focusToContextMenuTrigger, increaseMediaSize, insertRule, moveColumnLeft, moveColumnRight, moveRowDown, moveRowUp, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redoAlt, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleSmallText, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, tableMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
@@ -299,7 +299,7 @@ const quickInsertAskAI = ({
 const otherFormatting = ({
   formatMessage
 }) => {
-  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+  const browser = getBrowserInfo();
   return [{
     name: formatMessage(toolbarMessages.clearFormatting),
     type: 'clearFormatting',
@@ -495,6 +495,33 @@ const focusTableResizeHandleFormatting = ({
   type: 'navigation',
   keymap: () => focusTableResizer
 }];
+
+// 'navigation' is used as the type for these entries because Format.type is designed to match ADF
+// schema node/mark names — these shortcuts have no corresponding ADF type, so 'navigation' acts as
+// a catch-all that passes the schema filter and routes entries to the keyboard shortcuts column in the UI.
+const blockControlsShortcutsFormatting = ({
+  formatMessage
+}) => [{
+  name: formatMessage(messages.selectDragHandle),
+  type: 'navigation',
+  keymap: () => showElementDragHandle
+}, {
+  name: formatMessage(messages.moveSelectionUp),
+  type: 'navigation',
+  keymap: () => dragToMoveUp
+}, {
+  name: formatMessage(messages.moveSelectionDown),
+  type: 'navigation',
+  keymap: () => dragToMoveDown
+}, {
+  name: formatMessage(messages.moveSelectionLeft),
+  type: 'navigation',
+  keymap: () => dragToMoveLeft
+}, {
+  name: formatMessage(messages.moveSelectionRight),
+  type: 'navigation',
+  keymap: () => dragToMoveRight
+}];
 const moveTableRowColumnFormatting = ({
   formatMessage
 }) => [{
@@ -544,5 +571,5 @@ const quickInsertAutoFormat = ({
 });
 export const getSupportedFormatting = (schema, intl, imageEnabled, quickInsertEnabled, aiEnabled) => {
   const supportedBySchema = formatting(intl).filter(format => schema.nodes[format.type] || schema.marks[format.type]);
-  return [...(aiEnabled && editorExperiment('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), ...navigationKeymaps(intl), ...otherFormatting(intl), ...supportedBySchema, ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...focusTableResizeHandleFormatting(intl), ...(editorExperiment('platform_editor_breakout_resizing', true) ? newResizeInformationFormatting(intl) : resizeInformationFormatting(intl)), ...openCellOptionsFormattingtoFormat(intl), ...(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveTableRowColumnFormatting(intl) : [])];
+  return [...(aiEnabled && editorExperiment('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), ...navigationKeymaps(intl), ...otherFormatting(intl), ...supportedBySchema, ...(expValEquals('platform_editor_drag_handle_keyboard_a11y', 'isEnabled', true) ? blockControlsShortcutsFormatting(intl) : []), ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...focusTableResizeHandleFormatting(intl), ...(editorExperiment('platform_editor_breakout_resizing', true) ? newResizeInformationFormatting(intl) : resizeInformationFormatting(intl)), ...openCellOptionsFormattingtoFormat(intl), ...(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveTableRowColumnFormatting(intl) : [])];
 };

package/dist/es2019/ui/utils.js

@@ -4,10 +4,9 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
-import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { componentFromKeymapWrapperStyles } from './styles';
 const codeLg = xcss({
   borderRadius: 'radius.small',
@@ -36,8 +35,14 @@ const codeSm = xcss({
   lineHeight: "var(--ds-space-300, 24px)",
   textAlign: 'center'
 });
+const arrowSymbols = {
+  arrowup: '↑',
+  arrowdown: '↓',
+  arrowleft: '←',
+  arrowright: '→'
+};
 const getKeyParts = keymap => {
-  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+  const browser = getBrowserInfo();
   let shortcut = keymap[browser.mac ? 'mac' : 'windows'];
   if (browser.mac) {
     shortcut = shortcut.replace('Alt', 'Opt');
@@ -105,6 +110,16 @@ export const getComponentFromKeymap = keymap => {
           ,
           key: `${keyParts}-${index}`
         }, '⏎');
+      } else if (['arrowup', 'arrowdown', 'arrowleft', 'arrowright'].indexOf(part.toLowerCase()) >= 0) {
+        return (
+          // Ignored via go/ees005
+          // eslint-disable-next-line react/no-array-index-key
+          jsx(Box, {
+            as: "span",
+            xcss: codeSm,
+            key: `${keyParts}-${index}`
+          }, arrowSymbols[part.toLowerCase()])
+        );
       }
       return (
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766

package/dist/esm/ui/ModalContent.js

@@ -8,7 +8,7 @@ import { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
-import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
 import Heading from '@atlaskit/heading';
 import { Text } from '@atlaskit/primitives/compiled';
@@ -20,7 +20,7 @@ import { getComponentFromKeymap, shortcutNamesWithoutKeymap } from './utils';
 export var ModalContent = function ModalContent(_ref) {
   var formatting = _ref.formatting,
     onClose = _ref.onClose;
-  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+  var browser = getBrowserInfo();
   var intl = useIntl();
   var isA11yFixEnabled = expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true);
   return jsx(Fragment, null, jsx(ModalHeader, {

package/dist/esm/ui/formatting.js

@@ -6,8 +6,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, askAIQuickInsert, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, moveColumnLeft, moveColumnRight, moveRowDown, moveRowUp, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redoAlt, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleSmallText, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, askAIQuickInsert, clearFormatting, decreaseMediaSize, dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, focusTableResizer, showElementDragHandle, focusToContextMenuTrigger, increaseMediaSize, insertRule, moveColumnLeft, moveColumnRight, moveRowDown, moveRowUp, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redoAlt, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleSmallText, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, tableMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
@@ -394,7 +394,7 @@ var quickInsertAskAI = function quickInsertAskAI(_ref3) {
 };
 var otherFormatting = function otherFormatting(_ref4) {
   var formatMessage = _ref4.formatMessage;
-  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+  var browser = getBrowserInfo();
   return [{
     name: formatMessage(toolbarMessages.clearFormatting),
     type: 'clearFormatting',
@@ -632,8 +632,46 @@ var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting
     }
   }];
 };
-var moveTableRowColumnFormatting = function moveTableRowColumnFormatting(_ref8) {
+
+// 'navigation' is used as the type for these entries because Format.type is designed to match ADF
+// schema node/mark names — these shortcuts have no corresponding ADF type, so 'navigation' acts as
+// a catch-all that passes the schema filter and routes entries to the keyboard shortcuts column in the UI.
+var blockControlsShortcutsFormatting = function blockControlsShortcutsFormatting(_ref8) {
   var formatMessage = _ref8.formatMessage;
+  return [{
+    name: formatMessage(messages.selectDragHandle),
+    type: 'navigation',
+    keymap: function keymap() {
+      return showElementDragHandle;
+    }
+  }, {
+    name: formatMessage(messages.moveSelectionUp),
+    type: 'navigation',
+    keymap: function keymap() {
+      return dragToMoveUp;
+    }
+  }, {
+    name: formatMessage(messages.moveSelectionDown),
+    type: 'navigation',
+    keymap: function keymap() {
+      return dragToMoveDown;
+    }
+  }, {
+    name: formatMessage(messages.moveSelectionLeft),
+    type: 'navigation',
+    keymap: function keymap() {
+      return dragToMoveLeft;
+    }
+  }, {
+    name: formatMessage(messages.moveSelectionRight),
+    type: 'navigation',
+    keymap: function keymap() {
+      return dragToMoveRight;
+    }
+  }];
+};
+var moveTableRowColumnFormatting = function moveTableRowColumnFormatting(_ref9) {
+  var formatMessage = _ref9.formatMessage;
   return [{
     name: formatMessage(tableMessages.moveColumnLeftHelpDialogLabel),
     type: 'table',
@@ -660,8 +698,8 @@ var moveTableRowColumnFormatting = function moveTableRowColumnFormatting(_ref8)
     }
   }];
 };
-var openCellOptionsFormattingtoFormat = function openCellOptionsFormattingtoFormat(_ref9) {
-  var formatMessage = _ref9.formatMessage;
+var openCellOptionsFormattingtoFormat = function openCellOptionsFormattingtoFormat(_ref0) {
+  var formatMessage = _ref0.formatMessage;
   return [{
     name: formatMessage(messages.openCellOptions),
     type: 'image',
@@ -683,8 +721,8 @@ var imageAutoFormat = {
     , messages.altText), "](http://www.image.com)"));
   }
 };
-var quickInsertAutoFormat = function quickInsertAutoFormat(_ref0) {
-  var formatMessage = _ref0.formatMessage;
+var quickInsertAutoFormat = function quickInsertAutoFormat(_ref1) {
+  var formatMessage = _ref1.formatMessage;
   return {
     name: formatMessage(messages.quickInsert),
     type: 'quickInsert',
@@ -700,5 +738,5 @@ export var getSupportedFormatting = function getSupportedFormatting(schema, intl
   var supportedBySchema = formatting(intl).filter(function (format) {
     return schema.nodes[format.type] || schema.marks[format.type];
   });
-  return [].concat(_toConsumableArray(aiEnabled && editorExperiment('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), _toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(otherFormatting(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(focusTableResizeHandleFormatting(intl)), _toConsumableArray(editorExperiment('platform_editor_breakout_resizing', true) ? newResizeInformationFormatting(intl) : resizeInformationFormatting(intl)), _toConsumableArray(openCellOptionsFormattingtoFormat(intl)), _toConsumableArray(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveTableRowColumnFormatting(intl) : []));
+  return [].concat(_toConsumableArray(aiEnabled && editorExperiment('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), _toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(otherFormatting(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(expValEquals('platform_editor_drag_handle_keyboard_a11y', 'isEnabled', true) ? blockControlsShortcutsFormatting(intl) : []), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(focusTableResizeHandleFormatting(intl)), _toConsumableArray(editorExperiment('platform_editor_breakout_resizing', true) ? newResizeInformationFormatting(intl) : resizeInformationFormatting(intl)), _toConsumableArray(openCellOptionsFormattingtoFormat(intl)), _toConsumableArray(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveTableRowColumnFormatting(intl) : []));
 };

package/dist/esm/ui/utils.js

@@ -4,10 +4,9 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
-import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { componentFromKeymapWrapperStyles } from './styles';
 var codeLg = xcss({
   borderRadius: 'radius.small',
@@ -36,8 +35,14 @@ var codeSm = xcss({
   lineHeight: "var(--ds-space-300, 24px)",
   textAlign: 'center'
 });
+var arrowSymbols = {
+  arrowup: '↑',
+  arrowdown: '↓',
+  arrowleft: '←',
+  arrowright: '→'
+};
 var getKeyParts = function getKeyParts(keymap) {
-  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+  var browser = getBrowserInfo();
   var shortcut = keymap[browser.mac ? 'mac' : 'windows'];
   if (browser.mac) {
     shortcut = shortcut.replace('Alt', 'Opt');
@@ -105,6 +110,16 @@ export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
           ,
           key: "".concat(keyParts, "-").concat(index)
         }, '⏎');
+      } else if (['arrowup', 'arrowdown', 'arrowleft', 'arrowright'].indexOf(part.toLowerCase()) >= 0) {
+        return (
+          // Ignored via go/ees005
+          // eslint-disable-next-line react/no-array-index-key
+          jsx(Box, {
+            as: "span",
+            xcss: codeSm,
+            key: "".concat(keyParts, "-").concat(index)
+          }, arrowSymbols[part.toLowerCase()])
+        );
       }
       return (
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-help-dialog",
-	"version": "8.0.32",
+	"version": "9.0.0",
 	"description": "Help Dialog plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,16 +29,16 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/editor-plugin-analytics": "^8.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^8.0.0",
+		"@atlaskit/editor-plugin-analytics": "^9.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^9.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.0.0",
+		"@atlaskit/icon": "^34.2.0",
 		"@atlaskit/modal-dialog": "^14.15.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^61.0.0",
+		"@atlaskit/tmp-editor-statsig": "^62.4.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -50,7 +50,7 @@
 		"@testing-library/react": "^16.3.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.20.0",
+		"@atlaskit/editor-common": "^113.0.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {