@atlaskit/reactions 33.2.25 → 33.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 +7 -0
  2. package/dist/cjs/components/ReactionPicker.js +9 -1
  3. package/dist/es2019/components/ReactionPicker.js +9 -1
  4. package/dist/esm/components/ReactionPicker.js +9 -1
  5. package/package.json +4 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/reactions
2
2
 
3
+ ## 33.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`98d925e6d7670`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/98d925e6d7670) -
8
+ [ux] Fixes issue where full picker can't be interacted with when hoverableReactionPicker=true
9
+
3
10
  ## 33.2.25
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/components/ReactionPicker.js CHANGED
@@ -328,7 +328,15 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
328
328
  isOpen: isPopupTrayOpen,
329
329
  onClose: onClose,
330
330
  triggerRef: triggerRef
331
- }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? /*#__PURE__*/_react.default.createElement(_picker.EmojiPicker, {
331
+ }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? (0, _platformFeatureFlags.fg)('platform_reaction_full_picker_hover') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
332
+ xcss: additionalStyles.selectorContainer,
333
+ onMouseEnter: handlePopupMouseEnter,
334
+ onMouseLeave: handlePopupMouseLeave
335
+ }, /*#__PURE__*/_react.default.createElement(_picker.EmojiPicker, {
336
+ emojiProvider: emojiProvider,
337
+ onSelection: onEmojiSelected,
338
+ size: emojiPickerSize
339
+ })) : /*#__PURE__*/_react.default.createElement(_picker.EmojiPicker, {
332
340
  emojiProvider: emojiProvider,
333
341
  onSelection: onEmojiSelected,
334
342
  size: emojiPickerSize
package/dist/es2019/components/ReactionPicker.js CHANGED
@@ -285,7 +285,15 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
285
285
  isOpen: isPopupTrayOpen,
286
286
  onClose: onClose,
287
287
  triggerRef: triggerRef
288
- }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? /*#__PURE__*/React.createElement(EmojiPicker, {
288
+ }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? fg('platform_reaction_full_picker_hover') ? /*#__PURE__*/React.createElement(Box, {
289
+ xcss: additionalStyles.selectorContainer,
290
+ onMouseEnter: handlePopupMouseEnter,
291
+ onMouseLeave: handlePopupMouseLeave
292
+ }, /*#__PURE__*/React.createElement(EmojiPicker, {
293
+ emojiProvider: emojiProvider,
294
+ onSelection: onEmojiSelected,
295
+ size: emojiPickerSize
296
+ })) : /*#__PURE__*/React.createElement(EmojiPicker, {
289
297
  emojiProvider: emojiProvider,
290
298
  onSelection: onEmojiSelected,
291
299
  size: emojiPickerSize
package/dist/esm/components/ReactionPicker.js CHANGED
@@ -319,7 +319,15 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
319
319
  isOpen: isPopupTrayOpen,
320
320
  onClose: onClose,
321
321
  triggerRef: triggerRef
322
- }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? /*#__PURE__*/React.createElement(EmojiPicker, {
322
+ }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? fg('platform_reaction_full_picker_hover') ? /*#__PURE__*/React.createElement(Box, {
323
+ xcss: additionalStyles.selectorContainer,
324
+ onMouseEnter: handlePopupMouseEnter,
325
+ onMouseLeave: handlePopupMouseLeave
326
+ }, /*#__PURE__*/React.createElement(EmojiPicker, {
327
+ emojiProvider: emojiProvider,
328
+ onSelection: onEmojiSelected,
329
+ size: emojiPickerSize
330
+ })) : /*#__PURE__*/React.createElement(EmojiPicker, {
323
331
  emojiProvider: emojiProvider,
324
332
  onSelection: onEmojiSelected,
325
333
  size: emojiPickerSize
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "33.2.25",
3
+ "version": "33.3.0",
4
4
  "description": "Reactions component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -135,6 +135,9 @@
135
135
  },
136
136
  "platform-a11y-remove-autofocus-prop": {
137
137
  "type": "boolean"
138
+ },
139
+ "platform_reaction_full_picker_hover": {
140
+ "type": "boolean"
138
141
  }
139
142
  },
140
143
  "sideEffects": [