@atlaskit/reactions 33.7.0 → 33.8.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 (30) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/afm-jira/tsconfig.json +0 -3
  4. package/afm-products/tsconfig.json +0 -3
  5. package/dist/cjs/analytics/index.js +1 -1
  6. package/dist/cjs/components/Reaction.compiled.css +0 -1
  7. package/dist/cjs/components/Reaction.js +10 -3
  8. package/dist/cjs/components/ReactionPicker.js +5 -3
  9. package/dist/cjs/components/Reactions.compiled.css +4 -1
  10. package/dist/cjs/components/Reactions.js +176 -105
  11. package/dist/cjs/components/Trigger.js +1 -1
  12. package/dist/es2019/analytics/index.js +1 -1
  13. package/dist/es2019/components/Reaction.compiled.css +0 -1
  14. package/dist/es2019/components/Reaction.js +9 -3
  15. package/dist/es2019/components/ReactionPicker.js +5 -3
  16. package/dist/es2019/components/Reactions.compiled.css +4 -1
  17. package/dist/es2019/components/Reactions.js +97 -28
  18. package/dist/es2019/components/Trigger.js +1 -1
  19. package/dist/esm/analytics/index.js +1 -1
  20. package/dist/esm/components/Reaction.compiled.css +0 -1
  21. package/dist/esm/components/Reaction.js +10 -3
  22. package/dist/esm/components/ReactionPicker.js +5 -3
  23. package/dist/esm/components/Reactions.compiled.css +4 -1
  24. package/dist/esm/components/Reactions.js +176 -105
  25. package/dist/esm/components/Trigger.js +1 -1
  26. package/dist/types/components/Reaction.d.ts +5 -1
  27. package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts +1 -1
  28. package/dist/types-ts4.5/components/Reaction.d.ts +5 -1
  29. package/dist/types-ts4.5/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts +1 -1
  30. package/package.json +9 -4
@@ -23,6 +23,10 @@ export interface ReactionProps {
23
23
  * Optional function when the user wants to open the Reactions Dialog
24
24
  */
25
25
  handleOpenReactionsDialog?: (options?: OpenReactionsDialogOptions) => void;
26
+ /**
27
+ * Optional prop to say if the reaction component is in a list
28
+ */
29
+ isListItem?: boolean;
26
30
  /**
27
31
  * Optional prop for controlling if the reactions component is view only, disabling adding reactions
28
32
  */
@@ -59,4 +63,4 @@ export interface ReactionProps {
59
63
  /**
60
64
  * Render an emoji reaction button
61
65
  */
62
- export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, }: ReactionProps) => JSX.Element;
66
+ export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, isListItem, }: ReactionProps) => JSX.Element;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { type ReactionsProps, type ReactionPickerProps } from '../../components';
3
3
  import { ReactionStatus, type Actions, type State, type StorePropInput } from '../../types';
4
4
  import { type ReactionUpdateSuccess } from '../../types/reaction';
5
- export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView' | 'reactionPickerPopperZIndex'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
5
+ export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView' | 'reactionPickerPopperZIndex' | 'isListItem'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
6
6
  /**
7
7
  * Individual id for a reaction
8
8
  */
@@ -23,6 +23,10 @@ export interface ReactionProps {
23
23
  * Optional function when the user wants to open the Reactions Dialog
24
24
  */
25
25
  handleOpenReactionsDialog?: (options?: OpenReactionsDialogOptions) => void;
26
+ /**
27
+ * Optional prop to say if the reaction component is in a list
28
+ */
29
+ isListItem?: boolean;
26
30
  /**
27
31
  * Optional prop for controlling if the reactions component is view only, disabling adding reactions
28
32
  */
@@ -59,4 +63,4 @@ export interface ReactionProps {
59
63
  /**
60
64
  * Render an emoji reaction button
61
65
  */
62
- export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, }: ReactionProps) => JSX.Element;
66
+ export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, isListItem, }: ReactionProps) => JSX.Element;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { type ReactionsProps, type ReactionPickerProps } from '../../components';
3
3
  import { ReactionStatus, type Actions, type State, type StorePropInput } from '../../types';
4
4
  import { type ReactionUpdateSuccess } from '../../types/reaction';
5
- export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView' | 'reactionPickerPopperZIndex'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
5
+ export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView' | 'reactionPickerPopperZIndex' | 'isListItem'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
6
6
  /**
7
7
  * Individual id for a reaction
8
8
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "33.7.0",
3
+ "version": "33.8.0",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,16 +45,15 @@
45
45
  "@atlaskit/modal-dialog": "^14.7.0",
46
46
  "@atlaskit/motion": "^5.3.0",
47
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
- "@atlaskit/platform-feature-flags-react": "^0.4.0",
49
48
  "@atlaskit/popper": "^7.1.0",
50
49
  "@atlaskit/popup": "^4.6.0",
51
50
  "@atlaskit/portal": "^5.1.0",
52
- "@atlaskit/primitives": "^16.3.0",
51
+ "@atlaskit/primitives": "^16.4.0",
53
52
  "@atlaskit/react-ufo": "^4.15.0",
54
53
  "@atlaskit/spinner": "^19.0.0",
55
54
  "@atlaskit/tabs": "^18.2.0",
56
55
  "@atlaskit/theme": "^21.0.0",
57
- "@atlaskit/tokens": "^8.3.0",
56
+ "@atlaskit/tokens": "^8.4.0",
58
57
  "@atlaskit/tooltip": "^20.10.0",
59
58
  "@atlaskit/ufo": "^0.4.0",
60
59
  "@atlaskit/util-service-support": "^6.3.0",
@@ -132,6 +131,12 @@
132
131
  },
133
132
  "platform_reactions_custom_popper_zindex": {
134
133
  "type": "boolean"
134
+ },
135
+ "platform-reactions-selector-list-semantics": {
136
+ "type": "boolean"
137
+ },
138
+ "jfp_a11y_team_comment_actions_semantic": {
139
+ "type": "boolean"
135
140
  }
136
141
  },
137
142
  "sideEffects": [