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

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-help-dialog
 
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.3.0
+
+### Minor Changes
+
+- [#43108](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43108) [`b779a47b799`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b779a47b799) - ECA11Y-86: Added ability to resize media via keyboard and added announcer
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.2.3
 
 ### Patch Changes

package/dist/cjs/ui/index.js

@@ -55,6 +55,26 @@ 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',
@@ -391,6 +411,30 @@ var otherFormatting = function otherFormatting(_ref3) {
     keymap: function keymap() {
       return _keymaps.toggleTaskItemCheckbox;
     }
+  }, {
+    name: formatMessage(messages.increaseMediaSize),
+    type: 'media',
+    keymap: function keymap() {
+      return _keymaps.increaseMediaSize;
+    }
+  }, {
+    name: formatMessage(messages.decreaseMediaSize),
+    type: 'media',
+    keymap: function keymap() {
+      return _keymaps.decreaseMediaSize;
+    }
+  }, {
+    name: formatMessage(messages.quickIncreaseMediaSize),
+    type: 'media',
+    keymap: function keymap() {
+      return _keymaps.quickIncreaseMediaSize;
+    }
+  }, {
+    name: formatMessage(messages.quickDecreaseMediaSize),
+    type: 'media',
+    keymap: function keymap() {
+      return _keymaps.quickDecreaseMediaSize;
+    }
   }];
 };
 var imageAutoFormat = {
@@ -454,6 +498,16 @@ 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, insertRule, navToEditorToolbar, navToFloatingToolbar, openHelp, pastePlainText, 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, 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 { 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,6 +43,26 @@ 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',
@@ -281,6 +301,22 @@ const otherFormatting = ({
   name: formatMessage(messages.CheckUncheckActionItem),
   type: 'checkbox',
   keymap: () => toggleTaskItemCheckbox
+}, {
+  name: formatMessage(messages.increaseMediaSize),
+  type: 'media',
+  keymap: () => increaseMediaSize
+}, {
+  name: formatMessage(messages.decreaseMediaSize),
+  type: 'media',
+  keymap: () => decreaseMediaSize
+}, {
+  name: formatMessage(messages.quickIncreaseMediaSize),
+  type: 'media',
+  keymap: () => quickIncreaseMediaSize
+}, {
+  name: formatMessage(messages.quickDecreaseMediaSize),
+  type: 'media',
+  keymap: () => quickDecreaseMediaSize
 }];
 const imageAutoFormat = {
   name: 'Image',
@@ -336,6 +372,16 @@ 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, insertRule, navToEditorToolbar, navToFloatingToolbar, openHelp, pastePlainText, 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, 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 { 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,6 +44,26 @@ 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',
@@ -380,6 +400,30 @@ var otherFormatting = function otherFormatting(_ref3) {
     keymap: function keymap() {
       return toggleTaskItemCheckbox;
     }
+  }, {
+    name: formatMessage(messages.increaseMediaSize),
+    type: 'media',
+    keymap: function keymap() {
+      return increaseMediaSize;
+    }
+  }, {
+    name: formatMessage(messages.decreaseMediaSize),
+    type: 'media',
+    keymap: function keymap() {
+      return decreaseMediaSize;
+    }
+  }, {
+    name: formatMessage(messages.quickIncreaseMediaSize),
+    type: 'media',
+    keymap: function keymap() {
+      return quickIncreaseMediaSize;
+    }
+  }, {
+    name: formatMessage(messages.quickDecreaseMediaSize),
+    type: 'media',
+    keymap: function keymap() {
+      return quickDecreaseMediaSize;
+    }
   }];
 };
 var imageAutoFormat = {
@@ -443,6 +487,16 @@ 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.2.3",
+  "version": "0.3.1",
   "description": "Help Dialog plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -31,12 +31,12 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^76.18.0",
+    "@atlaskit/editor-common": "^76.22.0",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",
     "@atlaskit/editor-plugin-quick-insert": "^0.2.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.8.0",
-    "@atlaskit/icon": "^21.12.0",
+    "@atlaskit/icon": "^22.0.0",
     "@atlaskit/modal-dialog": "^12.8.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",