@atlaskit/editor-plugin-help-dialog 0.2.2 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/ui/index.js +54 -0
  3. package/dist/es2019/ui/index.js +47 -1
  4. package/dist/esm/ui/index.js +55 -1
  5. package/package.json +4 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-help-dialog
2
2
 
3
+ ## 0.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#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
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
13
+ ## 0.2.3
14
+
15
+ ### Patch Changes
16
+
17
+ - [#42734](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42734) [`9a298d1b3c3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a298d1b3c3) - Decouple code-block plugin from editor-core.
18
+
3
19
  ## 0.2.2
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/ui/index.js CHANGED
@@ -55,6 +55,26 @@ var messages = (0, _reactIntlNext.defineMessages)({
55
55
  defaultMessage: 'Toggle action item',
56
56
  description: 'For Check/Uncheck Action item use shortcut'
57
57
  },
58
+ increaseMediaSize: {
59
+ id: 'fabric.editor.increaseMediaSize',
60
+ defaultMessage: 'Increase media size',
61
+ description: 'For increase media size use shortcut'
62
+ },
63
+ decreaseMediaSize: {
64
+ id: 'fabric.editor.decreaseMediaSize',
65
+ defaultMessage: 'Decrease media size',
66
+ description: 'For decrease media size use shortcut'
67
+ },
68
+ quickIncreaseMediaSize: {
69
+ id: 'fabric.editor.quickIncreaseMediaSize',
70
+ defaultMessage: 'Increase media by 10px',
71
+ description: 'For increase media size by 10 pixels use shortcut'
72
+ },
73
+ quickDecreaseMediaSize: {
74
+ id: 'fabric.editor.quickDecreaseMediaSize',
75
+ defaultMessage: 'Decrease media by 10px',
76
+ description: 'For decrease media size by 10 pixels use shortcut'
77
+ },
58
78
  altText: {
59
79
  id: 'fabric.editor.altText',
60
80
  defaultMessage: 'Alt text',
@@ -391,6 +411,30 @@ var otherFormatting = function otherFormatting(_ref3) {
391
411
  keymap: function keymap() {
392
412
  return _keymaps.toggleTaskItemCheckbox;
393
413
  }
414
+ }, {
415
+ name: formatMessage(messages.increaseMediaSize),
416
+ type: 'media',
417
+ keymap: function keymap() {
418
+ return _keymaps.increaseMediaSize;
419
+ }
420
+ }, {
421
+ name: formatMessage(messages.decreaseMediaSize),
422
+ type: 'media',
423
+ keymap: function keymap() {
424
+ return _keymaps.decreaseMediaSize;
425
+ }
426
+ }, {
427
+ name: formatMessage(messages.quickIncreaseMediaSize),
428
+ type: 'media',
429
+ keymap: function keymap() {
430
+ return _keymaps.quickIncreaseMediaSize;
431
+ }
432
+ }, {
433
+ name: formatMessage(messages.quickDecreaseMediaSize),
434
+ type: 'media',
435
+ keymap: function keymap() {
436
+ return _keymaps.quickDecreaseMediaSize;
437
+ }
394
438
  }];
395
439
  };
396
440
  var imageAutoFormat = {
@@ -454,6 +498,16 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
454
498
  css: _styles.codeSm,
455
499
  key: "".concat(keyParts, "-").concat(index)
456
500
  }, '⏎');
501
+ } else if (part === 'ArrowRight') {
502
+ return (0, _react2.jsx)("span", {
503
+ css: _styles.codeSm,
504
+ key: "".concat(keyParts, "-").concat(index)
505
+ }, "\u2192");
506
+ } else if (part === 'ArrowLeft') {
507
+ return (0, _react2.jsx)("span", {
508
+ css: _styles.codeSm,
509
+ key: "".concat(keyParts, "-").concat(index)
510
+ }, "\u2190");
457
511
  }
458
512
  return (0, _react2.jsx)("span", {
459
513
  css: _styles.codeSm,
package/dist/es2019/ui/index.js CHANGED
@@ -4,7 +4,7 @@ import { useCallback, useEffect } from 'react';
4
4
  import { jsx } from '@emotion/react';
5
5
  import { defineMessages, FormattedMessage, injectIntl } from 'react-intl-next';
6
6
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
7
- 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';
7
+ 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';
8
8
  import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
9
9
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
10
10
  import { browser } from '@atlaskit/editor-common/utils';
@@ -43,6 +43,26 @@ const messages = defineMessages({
43
43
  defaultMessage: 'Toggle action item',
44
44
  description: 'For Check/Uncheck Action item use shortcut'
45
45
  },
46
+ increaseMediaSize: {
47
+ id: 'fabric.editor.increaseMediaSize',
48
+ defaultMessage: 'Increase media size',
49
+ description: 'For increase media size use shortcut'
50
+ },
51
+ decreaseMediaSize: {
52
+ id: 'fabric.editor.decreaseMediaSize',
53
+ defaultMessage: 'Decrease media size',
54
+ description: 'For decrease media size use shortcut'
55
+ },
56
+ quickIncreaseMediaSize: {
57
+ id: 'fabric.editor.quickIncreaseMediaSize',
58
+ defaultMessage: 'Increase media by 10px',
59
+ description: 'For increase media size by 10 pixels use shortcut'
60
+ },
61
+ quickDecreaseMediaSize: {
62
+ id: 'fabric.editor.quickDecreaseMediaSize',
63
+ defaultMessage: 'Decrease media by 10px',
64
+ description: 'For decrease media size by 10 pixels use shortcut'
65
+ },
46
66
  altText: {
47
67
  id: 'fabric.editor.altText',
48
68
  defaultMessage: 'Alt text',
@@ -281,6 +301,22 @@ const otherFormatting = ({
281
301
  name: formatMessage(messages.CheckUncheckActionItem),
282
302
  type: 'checkbox',
283
303
  keymap: () => toggleTaskItemCheckbox
304
+ }, {
305
+ name: formatMessage(messages.increaseMediaSize),
306
+ type: 'media',
307
+ keymap: () => increaseMediaSize
308
+ }, {
309
+ name: formatMessage(messages.decreaseMediaSize),
310
+ type: 'media',
311
+ keymap: () => decreaseMediaSize
312
+ }, {
313
+ name: formatMessage(messages.quickIncreaseMediaSize),
314
+ type: 'media',
315
+ keymap: () => quickIncreaseMediaSize
316
+ }, {
317
+ name: formatMessage(messages.quickDecreaseMediaSize),
318
+ type: 'media',
319
+ keymap: () => quickDecreaseMediaSize
284
320
  }];
285
321
  const imageAutoFormat = {
286
322
  name: 'Image',
@@ -336,6 +372,16 @@ export const getComponentFromKeymap = keymap => {
336
372
  css: codeSm,
337
373
  key: `${keyParts}-${index}`
338
374
  }, '⏎');
375
+ } else if (part === 'ArrowRight') {
376
+ return jsx("span", {
377
+ css: codeSm,
378
+ key: `${keyParts}-${index}`
379
+ }, "\u2192");
380
+ } else if (part === 'ArrowLeft') {
381
+ return jsx("span", {
382
+ css: codeSm,
383
+ key: `${keyParts}-${index}`
384
+ }, "\u2190");
339
385
  }
340
386
  return jsx("span", {
341
387
  css: codeSm,
package/dist/esm/ui/index.js CHANGED
@@ -5,7 +5,7 @@ import { useCallback, useEffect } from 'react';
5
5
  import { jsx } from '@emotion/react';
6
6
  import { defineMessages, FormattedMessage, injectIntl } from 'react-intl-next';
7
7
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
8
- 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';
8
+ 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';
9
9
  import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
10
10
  import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
11
11
  import { browser } from '@atlaskit/editor-common/utils';
@@ -44,6 +44,26 @@ var messages = defineMessages({
44
44
  defaultMessage: 'Toggle action item',
45
45
  description: 'For Check/Uncheck Action item use shortcut'
46
46
  },
47
+ increaseMediaSize: {
48
+ id: 'fabric.editor.increaseMediaSize',
49
+ defaultMessage: 'Increase media size',
50
+ description: 'For increase media size use shortcut'
51
+ },
52
+ decreaseMediaSize: {
53
+ id: 'fabric.editor.decreaseMediaSize',
54
+ defaultMessage: 'Decrease media size',
55
+ description: 'For decrease media size use shortcut'
56
+ },
57
+ quickIncreaseMediaSize: {
58
+ id: 'fabric.editor.quickIncreaseMediaSize',
59
+ defaultMessage: 'Increase media by 10px',
60
+ description: 'For increase media size by 10 pixels use shortcut'
61
+ },
62
+ quickDecreaseMediaSize: {
63
+ id: 'fabric.editor.quickDecreaseMediaSize',
64
+ defaultMessage: 'Decrease media by 10px',
65
+ description: 'For decrease media size by 10 pixels use shortcut'
66
+ },
47
67
  altText: {
48
68
  id: 'fabric.editor.altText',
49
69
  defaultMessage: 'Alt text',
@@ -380,6 +400,30 @@ var otherFormatting = function otherFormatting(_ref3) {
380
400
  keymap: function keymap() {
381
401
  return toggleTaskItemCheckbox;
382
402
  }
403
+ }, {
404
+ name: formatMessage(messages.increaseMediaSize),
405
+ type: 'media',
406
+ keymap: function keymap() {
407
+ return increaseMediaSize;
408
+ }
409
+ }, {
410
+ name: formatMessage(messages.decreaseMediaSize),
411
+ type: 'media',
412
+ keymap: function keymap() {
413
+ return decreaseMediaSize;
414
+ }
415
+ }, {
416
+ name: formatMessage(messages.quickIncreaseMediaSize),
417
+ type: 'media',
418
+ keymap: function keymap() {
419
+ return quickIncreaseMediaSize;
420
+ }
421
+ }, {
422
+ name: formatMessage(messages.quickDecreaseMediaSize),
423
+ type: 'media',
424
+ keymap: function keymap() {
425
+ return quickDecreaseMediaSize;
426
+ }
383
427
  }];
384
428
  };
385
429
  var imageAutoFormat = {
@@ -443,6 +487,16 @@ export var getComponentFromKeymap = function getComponentFromKeymap(keymap) {
443
487
  css: codeSm,
444
488
  key: "".concat(keyParts, "-").concat(index)
445
489
  }, '⏎');
490
+ } else if (part === 'ArrowRight') {
491
+ return jsx("span", {
492
+ css: codeSm,
493
+ key: "".concat(keyParts, "-").concat(index)
494
+ }, "\u2192");
495
+ } else if (part === 'ArrowLeft') {
496
+ return jsx("span", {
497
+ css: codeSm,
498
+ key: "".concat(keyParts, "-").concat(index)
499
+ }, "\u2190");
446
500
  }
447
501
  return jsx("span", {
448
502
  css: codeSm,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-help-dialog",
3
- "version": "0.2.2",
3
+ "version": "0.3.0",
4
4
  "description": "Help Dialog plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -31,7 +31,7 @@
31
31
  ".": "./src/index.ts"
32
32
  },
33
33
  "dependencies": {
34
- "@atlaskit/editor-common": "^76.17.0",
34
+ "@atlaskit/editor-common": "^76.22.0",
35
35
  "@atlaskit/editor-plugin-analytics": "^0.3.0",
36
36
  "@atlaskit/editor-plugin-quick-insert": "^0.2.0",
37
37
  "@atlaskit/editor-prosemirror": "1.1.0",
@@ -46,7 +46,8 @@
46
46
  "react-loadable": "^5.1.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0"
49
+ "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
50
+ "@testing-library/react": "^12.1.5"
50
51
  },
51
52
  "peerDependencies": {
52
53
  "react": "^16.8.0"