@atlaskit/editor-plugin-annotation 3.3.0 → 3.3.2

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/editor-plugin-annotation
2
2
 
3
+ ## 3.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.3.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`3145f278b1f7a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3145f278b1f7a) -
14
+ [ux] [ED-28473] minor UI updates for editor-toolbar
15
+
16
+ - Use ADS ButtonGroup for ToolbarButtonGroup
17
+ - Remove groupLocation prop and use CSS instead
18
+ - Use DropdownItemGroup for ToolbarDropdownItemSection and expand props for section separator and
19
+ title
20
+ - Support ReactNode as content for ToolbarTooltip and add missing shortcuts in tooltips
21
+ - Center Icons for split buttons and make chevron icon 24px wide
22
+ - Align dropdown menu UI with current editor design
23
+
24
+ - Updated dependencies
25
+
3
26
  ## 3.3.0
4
27
 
5
28
  ### Minor Changes
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.CommentButton = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
+ var _keymaps = require("@atlaskit/editor-common/keymaps");
10
11
  var _messages = require("@atlaskit/editor-common/messages");
11
12
  var _toolbar = require("@atlaskit/editor-common/toolbar");
12
13
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
@@ -65,18 +66,17 @@ var CommentButton = exports.CommentButton = function CommentButton(_ref) {
65
66
  state: state,
66
67
  api: api
67
68
  });
68
- return (
69
- /*#__PURE__*/
70
- // TODO: ED-28743 - add keyboard shortcut here
71
- _react.default.createElement(_editorToolbar.ToolbarTooltip, {
72
- content: isDisabled ? commentDisabledMessage : commentMessage
73
- }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
74
- iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.CommentIcon, {
75
- label: ""
76
- }),
77
- onClick: onClick,
78
- testId: _types.AnnotationTestIds.floatingToolbarCreateButton,
79
- isDisabled: isDisabled
80
- }, commentMessage))
81
- );
69
+ return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
70
+ content: isDisabled ? commentDisabledMessage : /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
71
+ description: commentMessage,
72
+ keymap: _keymaps.addInlineComment
73
+ })
74
+ }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
75
+ iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.CommentIcon, {
76
+ label: ""
77
+ }),
78
+ onClick: onClick,
79
+ testId: _types.AnnotationTestIds.floatingToolbarCreateButton,
80
+ isDisabled: isDisabled
81
+ }, commentMessage));
82
82
  };
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
+ import { ToolTipContent, addInlineComment } from '@atlaskit/editor-common/keymaps';
3
4
  import { annotationMessages } from '@atlaskit/editor-common/messages';
4
5
  import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
5
6
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
@@ -61,18 +62,17 @@ export const CommentButton = ({
61
62
  state,
62
63
  api
63
64
  });
64
- return (
65
- /*#__PURE__*/
66
- // TODO: ED-28743 - add keyboard shortcut here
67
- React.createElement(ToolbarTooltip, {
68
- content: isDisabled ? commentDisabledMessage : commentMessage
69
- }, /*#__PURE__*/React.createElement(ToolbarButton, {
70
- iconBefore: /*#__PURE__*/React.createElement(NewCommentIcon, {
71
- label: ""
72
- }),
73
- onClick: onClick,
74
- testId: AnnotationTestIds.floatingToolbarCreateButton,
75
- isDisabled: isDisabled
76
- }, commentMessage))
77
- );
65
+ return /*#__PURE__*/React.createElement(ToolbarTooltip, {
66
+ content: isDisabled ? commentDisabledMessage : /*#__PURE__*/React.createElement(ToolTipContent, {
67
+ description: commentMessage,
68
+ keymap: addInlineComment
69
+ })
70
+ }, /*#__PURE__*/React.createElement(ToolbarButton, {
71
+ iconBefore: /*#__PURE__*/React.createElement(NewCommentIcon, {
72
+ label: ""
73
+ }),
74
+ onClick: onClick,
75
+ testId: AnnotationTestIds.floatingToolbarCreateButton,
76
+ isDisabled: isDisabled
77
+ }, commentMessage));
78
78
  };
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
+ import { ToolTipContent, addInlineComment } from '@atlaskit/editor-common/keymaps';
3
4
  import { annotationMessages } from '@atlaskit/editor-common/messages';
4
5
  import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
5
6
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
@@ -58,18 +59,17 @@ export var CommentButton = function CommentButton(_ref) {
58
59
  state: state,
59
60
  api: api
60
61
  });
61
- return (
62
- /*#__PURE__*/
63
- // TODO: ED-28743 - add keyboard shortcut here
64
- React.createElement(ToolbarTooltip, {
65
- content: isDisabled ? commentDisabledMessage : commentMessage
66
- }, /*#__PURE__*/React.createElement(ToolbarButton, {
67
- iconBefore: /*#__PURE__*/React.createElement(NewCommentIcon, {
68
- label: ""
69
- }),
70
- onClick: onClick,
71
- testId: AnnotationTestIds.floatingToolbarCreateButton,
72
- isDisabled: isDisabled
73
- }, commentMessage))
74
- );
62
+ return /*#__PURE__*/React.createElement(ToolbarTooltip, {
63
+ content: isDisabled ? commentDisabledMessage : /*#__PURE__*/React.createElement(ToolTipContent, {
64
+ description: commentMessage,
65
+ keymap: addInlineComment
66
+ })
67
+ }, /*#__PURE__*/React.createElement(ToolbarButton, {
68
+ iconBefore: /*#__PURE__*/React.createElement(NewCommentIcon, {
69
+ label: ""
70
+ }),
71
+ onClick: onClick,
72
+ testId: AnnotationTestIds.floatingToolbarCreateButton,
73
+ isDisabled: isDisabled
74
+ }, commentMessage));
75
75
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-annotation",
3
- "version": "3.3.0",
3
+ "version": "3.3.2",
4
4
  "description": "Annotation plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -43,12 +43,12 @@
43
43
  "@atlaskit/icon": "^27.12.0",
44
44
  "@atlaskit/onboarding": "^14.3.0",
45
45
  "@atlaskit/platform-feature-flags": "^1.1.0",
46
- "@atlaskit/tmp-editor-statsig": "^9.29.0",
46
+ "@atlaskit/tmp-editor-statsig": "^10.0.0",
47
47
  "@babel/runtime": "^7.0.0",
48
48
  "react-intl-next": "npm:react-intl@^5.18.1"
49
49
  },
50
50
  "peerDependencies": {
51
- "@atlaskit/editor-common": "^107.24.0",
51
+ "@atlaskit/editor-common": "^107.25.0",
52
52
  "react": "^18.2.0",
53
53
  "react-dom": "^18.2.0"
54
54
  },