@atlaskit/editor-plugin-help-dialog 0.3.1 → 0.3.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-help-dialog
 
+## 0.3.3
+
+### Patch Changes
+
+- [#42221](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42221) [`1f49a73a590`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f49a73a590) - [ux] [ECA11Y-110] Selecting table columns, rows, whole table via shortcuts
+
+## 0.3.2
+
+### Patch Changes
+
+- [#43436](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43436) [`6bf14e25965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6bf14e25965) - Revert "Resize media for the keyboard users"
+
 ## 0.3.1
 
 ### Patch Changes

package/dist/cjs/ui/index.js

@@ -55,31 +55,21 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Toggle action item',
     description: 'For Check/Uncheck Action item use shortcut'
   },
-  increaseMediaSize: {
-    id: 'fabric.editor.increaseMediaSize',
-    defaultMessage: 'Increase media size',
-    description: 'For increase media size use shortcut'
-  },
-  decreaseMediaSize: {
-    id: 'fabric.editor.decreaseMediaSize',
-    defaultMessage: 'Decrease media size',
-    description: 'For decrease media size use shortcut'
-  },
-  quickIncreaseMediaSize: {
-    id: 'fabric.editor.quickIncreaseMediaSize',
-    defaultMessage: 'Increase media by 10px',
-    description: 'For increase media size by 10 pixels use shortcut'
-  },
-  quickDecreaseMediaSize: {
-    id: 'fabric.editor.quickDecreaseMediaSize',
-    defaultMessage: 'Decrease media by 10px',
-    description: 'For decrease media size by 10 pixels use shortcut'
-  },
   altText: {
     id: 'fabric.editor.altText',
     defaultMessage: 'Alt text',
     description: 'Alternative text for image.'
   },
+  selectTableRow: {
+    id: 'fabric.editor.selectTableRow',
+    defaultMessage: 'Select table row',
+    description: 'Hint for selecting a table row using a shortcut'
+  },
+  selectTableColumn: {
+    id: 'fabric.editor.selectTableColumn',
+    defaultMessage: 'Select table column',
+    description: 'Hint for selecting a table column using a shortcut'
+  },
   closeHelpDialog: {
     id: 'fabric.editor.closeHelpDialog',
     defaultMessage: 'Close help dialog',
@@ -412,28 +402,16 @@ var otherFormatting = function otherFormatting(_ref3) {
       return _keymaps.toggleTaskItemCheckbox;
     }
   }, {
-    name: formatMessage(messages.increaseMediaSize),
-    type: 'media',
-    keymap: function keymap() {
-      return _keymaps.increaseMediaSize;
-    }
-  }, {
-    name: formatMessage(messages.decreaseMediaSize),
-    type: 'media',
+    name: formatMessage(messages.selectTableRow),
+    type: 'table',
     keymap: function keymap() {
-      return _keymaps.decreaseMediaSize;
+      return _keymaps.selectRow;
     }
   }, {
-    name: formatMessage(messages.quickIncreaseMediaSize),
-    type: 'media',
+    name: formatMessage(messages.selectTableColumn),
+    type: 'table',
     keymap: function keymap() {
-      return _keymaps.quickIncreaseMediaSize;
-    }
-  }, {
-    name: formatMessage(messages.quickDecreaseMediaSize),
-    type: 'media',
-    keymap: function keymap() {
-      return _keymaps.quickDecreaseMediaSize;
+      return _keymaps.selectColumn;
     }
   }];
 };
@@ -488,7 +466,7 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
         css: _styles.codeMd,
         key: "".concat(keyParts, "-").concat(index)
       }, part);
-    } else if (['f9', 'f10'].indexOf(part.toLowerCase()) >= 0) {
+    } else if (['f9', 'f10', 'space'].indexOf(part.toLowerCase()) >= 0) {
       return (0, _react2.jsx)("span", {
         css: _styles.codeLg,
         key: "".concat(keyParts, "-").concat(index)
@@ -498,16 +476,6 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
         css: _styles.codeSm,
         key: "".concat(keyParts, "-").concat(index)
       }, '⏎');
-    } else if (part === 'ArrowRight') {
-      return (0, _react2.jsx)("span", {
-        css: _styles.codeSm,
-        key: "".concat(keyParts, "-").concat(index)
-      }, "\u2192");
-    } else if (part === 'ArrowLeft') {
-      return (0, _react2.jsx)("span", {
-        css: _styles.codeSm,
-        key: "".concat(keyParts, "-").concat(index)
-      }, "\u2190");
     }
     return (0, _react2.jsx)("span", {
       css: _styles.codeSm,

package/dist/es2019/ui/index.js

@@ -4,7 +4,7 @@ import { useCallback, useEffect } from 'react';
 import { jsx } from '@emotion/react';
 import { defineMessages, FormattedMessage, injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { addInlineComment, addLink, alignLeft, clearFormatting, decreaseMediaSize, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, openHelp, pastePlainText, quickDecreaseMediaSize, quickIncreaseMediaSize, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
+import { addInlineComment, addLink, alignLeft, clearFormatting, insertRule, navToEditorToolbar, navToFloatingToolbar, openHelp, pastePlainText, redo, selectColumn, selectRow, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { browser } from '@atlaskit/editor-common/utils';
@@ -43,31 +43,21 @@ const messages = defineMessages({
     defaultMessage: 'Toggle action item',
     description: 'For Check/Uncheck Action item use shortcut'
   },
-  increaseMediaSize: {
-    id: 'fabric.editor.increaseMediaSize',
-    defaultMessage: 'Increase media size',
-    description: 'For increase media size use shortcut'
-  },
-  decreaseMediaSize: {
-    id: 'fabric.editor.decreaseMediaSize',
-    defaultMessage: 'Decrease media size',
-    description: 'For decrease media size use shortcut'
-  },
-  quickIncreaseMediaSize: {
-    id: 'fabric.editor.quickIncreaseMediaSize',
-    defaultMessage: 'Increase media by 10px',
-    description: 'For increase media size by 10 pixels use shortcut'
-  },
-  quickDecreaseMediaSize: {
-    id: 'fabric.editor.quickDecreaseMediaSize',
-    defaultMessage: 'Decrease media by 10px',
-    description: 'For decrease media size by 10 pixels use shortcut'
-  },
   altText: {
     id: 'fabric.editor.altText',
     defaultMessage: 'Alt text',
     description: 'Alternative text for image.'
   },
+  selectTableRow: {
+    id: 'fabric.editor.selectTableRow',
+    defaultMessage: 'Select table row',
+    description: 'Hint for selecting a table row using a shortcut'
+  },
+  selectTableColumn: {
+    id: 'fabric.editor.selectTableColumn',
+    defaultMessage: 'Select table column',
+    description: 'Hint for selecting a table column using a shortcut'
+  },
   closeHelpDialog: {
     id: 'fabric.editor.closeHelpDialog',
     defaultMessage: 'Close help dialog',
@@ -302,21 +292,13 @@ const otherFormatting = ({
   type: 'checkbox',
   keymap: () => toggleTaskItemCheckbox
 }, {
-  name: formatMessage(messages.increaseMediaSize),
-  type: 'media',
-  keymap: () => increaseMediaSize
-}, {
-  name: formatMessage(messages.decreaseMediaSize),
-  type: 'media',
-  keymap: () => decreaseMediaSize
+  name: formatMessage(messages.selectTableRow),
+  type: 'table',
+  keymap: () => selectRow
 }, {
-  name: formatMessage(messages.quickIncreaseMediaSize),
-  type: 'media',
-  keymap: () => quickIncreaseMediaSize
-}, {
-  name: formatMessage(messages.quickDecreaseMediaSize),
-  type: 'media',
-  keymap: () => quickDecreaseMediaSize
+  name: formatMessage(messages.selectTableColumn),
+  type: 'table',
+  keymap: () => selectColumn
 }];
 const imageAutoFormat = {
   name: 'Image',
@@ -362,7 +344,7 @@ export const getComponentFromKeymap = keymap => {
         css: codeMd,
         key: `${keyParts}-${index}`
       }, part);
-    } else if (['f9', 'f10'].indexOf(part.toLowerCase()) >= 0) {
+    } else if (['f9', 'f10', 'space'].indexOf(part.toLowerCase()) >= 0) {
       return jsx("span", {
         css: codeLg,
         key: `${keyParts}-${index}`
@@ -372,16 +354,6 @@ export const getComponentFromKeymap = keymap => {
         css: codeSm,
         key: `${keyParts}-${index}`
       }, '⏎');
-    } else if (part === 'ArrowRight') {
-      return jsx("span", {
-        css: codeSm,
-        key: `${keyParts}-${index}`
-      }, "\u2192");
-    } else if (part === 'ArrowLeft') {
-      return jsx("span", {
-        css: codeSm,
-        key: `${keyParts}-${index}`
-      }, "\u2190");
     }
     return jsx("span", {
       css: codeSm,

package/dist/esm/ui/index.js

@@ -5,7 +5,7 @@ import { useCallback, useEffect } from 'react';
 import { jsx } from '@emotion/react';
 import { defineMessages, FormattedMessage, injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { addInlineComment, addLink, alignLeft, clearFormatting, decreaseMediaSize, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, openHelp, pastePlainText, quickDecreaseMediaSize, quickIncreaseMediaSize, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
+import { addInlineComment, addLink, alignLeft, clearFormatting, insertRule, navToEditorToolbar, navToFloatingToolbar, openHelp, pastePlainText, redo, selectColumn, selectRow, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { browser } from '@atlaskit/editor-common/utils';
@@ -44,31 +44,21 @@ var messages = defineMessages({
     defaultMessage: 'Toggle action item',
     description: 'For Check/Uncheck Action item use shortcut'
   },
-  increaseMediaSize: {
-    id: 'fabric.editor.increaseMediaSize',
-    defaultMessage: 'Increase media size',
-    description: 'For increase media size use shortcut'
-  },
-  decreaseMediaSize: {
-    id: 'fabric.editor.decreaseMediaSize',
-    defaultMessage: 'Decrease media size',
-    description: 'For decrease media size use shortcut'
-  },
-  quickIncreaseMediaSize: {
-    id: 'fabric.editor.quickIncreaseMediaSize',
-    defaultMessage: 'Increase media by 10px',
-    description: 'For increase media size by 10 pixels use shortcut'
-  },
-  quickDecreaseMediaSize: {
-    id: 'fabric.editor.quickDecreaseMediaSize',
-    defaultMessage: 'Decrease media by 10px',
-    description: 'For decrease media size by 10 pixels use shortcut'
-  },
   altText: {
     id: 'fabric.editor.altText',
     defaultMessage: 'Alt text',
     description: 'Alternative text for image.'
   },
+  selectTableRow: {
+    id: 'fabric.editor.selectTableRow',
+    defaultMessage: 'Select table row',
+    description: 'Hint for selecting a table row using a shortcut'
+  },
+  selectTableColumn: {
+    id: 'fabric.editor.selectTableColumn',
+    defaultMessage: 'Select table column',
+    description: 'Hint for selecting a table column using a shortcut'
+  },
   closeHelpDialog: {
     id: 'fabric.editor.closeHelpDialog',
     defaultMessage: 'Close help dialog',
@@ -401,28 +391,16 @@ var otherFormatting = function otherFormatting(_ref3) {
       return toggleTaskItemCheckbox;
     }
   }, {
-    name: formatMessage(messages.increaseMediaSize),
-    type: 'media',
-    keymap: function keymap() {
-      return increaseMediaSize;
-    }
-  }, {
-    name: formatMessage(messages.decreaseMediaSize),
-    type: 'media',
+    name: formatMessage(messages.selectTableRow),
+    type: 'table',
     keymap: function keymap() {
-      return decreaseMediaSize;
+      return selectRow;
     }
   }, {
-    name: formatMessage(messages.quickIncreaseMediaSize),
-    type: 'media',
+    name: formatMessage(messages.selectTableColumn),
+    type: 'table',
     keymap: function keymap() {
-      return quickIncreaseMediaSize;
-    }
-  }, {
-    name: formatMessage(messages.quickDecreaseMediaSize),
-    type: 'media',
-    keymap: function keymap() {
-      return quickDecreaseMediaSize;
+      return selectColumn;
     }
   }];
 };
@@ -477,7 +455,7 @@ export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
         css: codeMd,
         key: "".concat(keyParts, "-").concat(index)
       }, part);
-    } else if (['f9', 'f10'].indexOf(part.toLowerCase()) >= 0) {
+    } else if (['f9', 'f10', 'space'].indexOf(part.toLowerCase()) >= 0) {
       return jsx("span", {
         css: codeLg,
         key: "".concat(keyParts, "-").concat(index)
@@ -487,16 +465,6 @@ export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
         css: codeSm,
         key: "".concat(keyParts, "-").concat(index)
       }, '⏎');
-    } else if (part === 'ArrowRight') {
-      return jsx("span", {
-        css: codeSm,
-        key: "".concat(keyParts, "-").concat(index)
-      }, "\u2192");
-    } else if (part === 'ArrowLeft') {
-      return jsx("span", {
-        css: codeSm,
-        key: "".concat(keyParts, "-").concat(index)
-      }, "\u2190");
     }
     return jsx("span", {
       css: codeSm,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-help-dialog",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Help Dialog plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",