@atlaskit/reactions 36.3.35 → 36.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/reactions
 
+## 36.4.0
+
+### Minor Changes
+
+- [`8913b07c9f7a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8913b07c9f7a0) -
+  Add a wider reaction tooltip for agentic_reactions_master_gate
+
+### Patch Changes
+
+- Updated dependencies
+
+## 36.3.36
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 36.3.35
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-n
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "36.3.34";
+var packageVersion = "36.3.36";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/Reaction.js

@@ -65,7 +65,8 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
     isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
     showSubtleStyle = _ref.showSubtleStyle,
     optimisticImageURL = _ref.optimisticImageURL,
-    rootElement = _ref.rootElement;
+    rootElement = _ref.rootElement,
+    wideTooltip = _ref.wideTooltip;
   var intl = (0, _reactIntl.useIntl)();
   var hoverStart = (0, _react.useRef)();
   var focusStart = (0, _react.useRef)();
@@ -169,6 +170,7 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
     emojiProvider: emojiProvider,
     optimisticImageURL: optimisticImageURL
   }), /*#__PURE__*/React.createElement(_ReactionTooltip.ReactionTooltip, {
+    wideTooltip: wideTooltip,
     emojiName: emojiName,
     reaction: reaction,
     isEnabled: isTooltipEnabled,

package/dist/cjs/components/ReactionSummaryView.js

@@ -68,7 +68,8 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
     hoverableSummaryViewDelay = _ref$hoverableSummary2 === void 0 ? 300 : _ref$hoverableSummary2,
     summaryGetOptimisticImageURL = _ref.summaryGetOptimisticImageURL,
     summaryButtonIconAfter = _ref.summaryButtonIconAfter,
-    summaryViewParticleEffectEmojiId = _ref.summaryViewParticleEffectEmojiId;
+    summaryViewParticleEffectEmojiId = _ref.summaryViewParticleEffectEmojiId,
+    wideReactionTooltip = _ref.wideReactionTooltip;
   var _useDelayedState = (0, _useDelayedState3.useDelayedState)(false, hoverableSummaryViewDelay),
     _useDelayedState2 = (0, _slicedToArray2.default)(_useDelayedState, 2),
     isSummaryPopupOpen = _useDelayedState2[0],
@@ -222,6 +223,7 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
         alignBlock: "center"
       }, reactions.map(function (reaction) {
         return /*#__PURE__*/React.createElement(_Reaction.Reaction, {
+          wideTooltip: wideReactionTooltip,
           key: reaction.emojiId,
           rootElement: "li",
           reaction: reaction,

package/dist/cjs/components/ReactionTooltip.compiled.css

@@ -31,6 +31,7 @@
 ._o5721q9c{white-space:nowrap}
 ._otyr14y2{margin-bottom:5px}
 ._p12f1w81{max-width:150px}
+._p12fnklw{max-width:20pc}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._u0h115vq li{overflow-y:hidden}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

package/dist/cjs/components/ReactionTooltip.js

@@ -17,6 +17,7 @@ var _constants = require("../shared/constants");
 var _i18n = require("../shared/i18n");
 var verticalMargin = exports.verticalMargin = 5;
 var tooltipStyle = null;
+var wideTooltipStyle = null;
 var emojiNameStyle = null;
 var footerStyle = null;
 var underlineStyle = null;
@@ -40,7 +41,9 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
     isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
     allowUserDialog = _ref.allowUserDialog,
     handleOpenReactionsDialog = _ref.handleOpenReactionsDialog,
-    dismissTooltip = _ref.dismissTooltip;
+    dismissTooltip = _ref.dismissTooltip,
+    _ref$wideTooltip = _ref.wideTooltip,
+    wideTooltip = _ref$wideTooltip === void 0 ? false : _ref$wideTooltip;
   var handleClick = function handleClick() {
     if (allowUserDialog && handleOpenReactionsDialog) {
       dismissTooltip();
@@ -49,7 +52,7 @@ var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
   };
   var content = !users || users.length === 0 || !isEnabled ? null : /*#__PURE__*/_react.default.createElement("div", {
     tabIndex: (0, _fg.fg)('platform_suppression_removal_fix_reactions') ? undefined : 0,
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _p12f1w81 _1bto1l2s _o5721q9c _otyr14y2 _d1n8glyw _102oidpf _1kvxidpf _1ysjidpf _17d4idpf _1hziidpf _3n4midpf _ltofidpf _k7zyidpf _1ywo1e5h _1pru15vq _u0h115vq _5qec1l2s _1eg614y2"])
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _p12f1w81 _1bto1l2s _o5721q9c _otyr14y2 _d1n8glyw _102oidpf _1kvxidpf _1ysjidpf _17d4idpf _1hziidpf _3n4midpf _ltofidpf _k7zyidpf _1ywo1e5h _1pru15vq _u0h115vq _5qec1l2s _1eg614y2", wideTooltip && "_p12fnklw"])
   }, /*#__PURE__*/_react.default.createElement("ul", null, emojiName ? /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _runtime.ax)(["_1p1d1dk0 _syaz15cr _k48p1pd9"])
   }, emojiName) : null, users.slice(0, maxReactions).map(function (user) {

package/dist/cjs/components/Reactions.js

@@ -129,6 +129,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     _ref$hideDefaultReact = _ref.hideDefaultReactions,
     hideDefaultReactions = _ref$hideDefaultReact === void 0 ? false : _ref$hideDefaultReact,
     ProfileCardWrapper = _ref.ProfileCardWrapper,
+    wideReactionTooltip = _ref.wideReactionTooltip,
     _ref$onlyRenderPicker = _ref.onlyRenderPicker,
     onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker,
     _ref$isViewOnly = _ref.isViewOnly,
@@ -339,6 +340,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
   };
   var renderReactionItem = function renderReactionItem(reaction, rootElement) {
     return /*#__PURE__*/_react.default.createElement(_Reaction.Reaction, {
+      wideTooltip: wideReactionTooltip,
       key: reaction.emojiId,
       rootElement: rootElement,
       reaction: reaction,
@@ -388,6 +390,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     onReactionMouseEnter: handleReactionMouseEnter,
     placement: summaryViewPlacement,
     showOpaqueBackground: showOpaqueBackground,
+    wideReactionTooltip: wideReactionTooltip,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
     handleOpenReactionsDialog: function handleOpenReactionsDialog() {
       return _handleOpenReactionsDialog({

package/dist/es2019/analytics/index.js

@@ -2,7 +2,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "36.3.34";
+const packageVersion = "36.3.36";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/Reaction.js

@@ -47,7 +47,8 @@ export const Reaction = ({
   isViewOnly = false,
   showSubtleStyle,
   optimisticImageURL,
-  rootElement
+  rootElement,
+  wideTooltip
 }) => {
   const intl = useIntl();
   const hoverStart = useRef();
@@ -136,6 +137,7 @@ export const Reaction = ({
     emojiProvider: emojiProvider,
     optimisticImageURL: optimisticImageURL
   }), /*#__PURE__*/React.createElement(ReactionTooltip, {
+    wideTooltip: wideTooltip,
     emojiName: emojiName,
     reaction: reaction,
     isEnabled: isTooltipEnabled,

package/dist/es2019/components/ReactionSummaryView.js

@@ -49,7 +49,8 @@ export const ReactionSummaryView = ({
   hoverableSummaryViewDelay = 300,
   summaryGetOptimisticImageURL,
   summaryButtonIconAfter,
-  summaryViewParticleEffectEmojiId
+  summaryViewParticleEffectEmojiId,
+  wideReactionTooltip
 }) => {
   const [isSummaryPopupOpen, setSummaryPopupOpen] = useDelayedState(false, hoverableSummaryViewDelay);
   const [isHoveringSummaryView, setIsHoveringSummaryView] = useState(false);
@@ -189,6 +190,7 @@ export const ReactionSummaryView = ({
       alignBlock: "center"
     }, reactions.map(reaction => {
       return /*#__PURE__*/React.createElement(Reaction, {
+        wideTooltip: wideReactionTooltip,
         key: reaction.emojiId,
         rootElement: "li",
         reaction: reaction,

package/dist/es2019/components/ReactionTooltip.compiled.css

@@ -31,6 +31,7 @@
 ._o5721q9c{white-space:nowrap}
 ._otyr14y2{margin-bottom:5px}
 ._p12f1w81{max-width:150px}
+._p12fnklw{max-width:20pc}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._u0h115vq li{overflow-y:hidden}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

package/dist/es2019/components/ReactionTooltip.js

@@ -10,6 +10,7 @@ import { TOOLTIP_USERS_LIMIT } from '../shared/constants';
 import { messages } from '../shared/i18n';
 export const verticalMargin = 5;
 const tooltipStyle = null;
+const wideTooltipStyle = null;
 const emojiNameStyle = null;
 const footerStyle = null;
 const underlineStyle = null;
@@ -32,7 +33,8 @@ export const ReactionTooltip = ({
   isEnabled = true,
   allowUserDialog,
   handleOpenReactionsDialog,
-  dismissTooltip
+  dismissTooltip,
+  wideTooltip = false
 }) => {
   const handleClick = () => {
     if (allowUserDialog && handleOpenReactionsDialog) {
@@ -42,7 +44,7 @@ export const ReactionTooltip = ({
   };
   const content = !users || users.length === 0 || !isEnabled ? null : /*#__PURE__*/React.createElement("div", {
     tabIndex: fg('platform_suppression_removal_fix_reactions') ? undefined : 0,
-    className: ax(["_1reo15vq _18m915vq _p12f1w81 _1bto1l2s _o5721q9c _otyr14y2 _d1n8glyw _102oidpf _1kvxidpf _1ysjidpf _17d4idpf _1hziidpf _3n4midpf _ltofidpf _k7zyidpf _1ywo1e5h _1pru15vq _u0h115vq _5qec1l2s _1eg614y2"])
+    className: ax(["_1reo15vq _18m915vq _p12f1w81 _1bto1l2s _o5721q9c _otyr14y2 _d1n8glyw _102oidpf _1kvxidpf _1ysjidpf _17d4idpf _1hziidpf _3n4midpf _ltofidpf _k7zyidpf _1ywo1e5h _1pru15vq _u0h115vq _5qec1l2s _1eg614y2", wideTooltip && "_p12fnklw"])
   }, /*#__PURE__*/React.createElement("ul", null, emojiName ? /*#__PURE__*/React.createElement("li", {
     className: ax(["_1p1d1dk0 _syaz15cr _k48p1pd9"])
   }, emojiName) : null, users.slice(0, maxReactions).map(user => {

package/dist/es2019/components/Reactions.js

@@ -100,6 +100,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
   showAddReactionText = false,
   hideDefaultReactions = false,
   ProfileCardWrapper,
+  wideReactionTooltip,
   onlyRenderPicker = false,
   isViewOnly = false,
   noWrap = false,
@@ -284,6 +285,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
     });
   };
   const renderReactionItem = (reaction, rootElement) => /*#__PURE__*/React.createElement(Reaction, {
+    wideTooltip: wideReactionTooltip,
     key: reaction.emojiId,
     rootElement: rootElement,
     reaction: reaction,
@@ -328,6 +330,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
     onReactionMouseEnter: handleReactionMouseEnter,
     placement: summaryViewPlacement,
     showOpaqueBackground: showOpaqueBackground,
+    wideReactionTooltip: wideReactionTooltip,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
     handleOpenReactionsDialog: () => handleOpenReactionsDialog({
       source: 'summaryView'

package/dist/esm/analytics/index.js

@@ -5,7 +5,7 @@ import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "36.3.34";
+var packageVersion = "36.3.36";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/Reaction.js

@@ -56,7 +56,8 @@ export var Reaction = function Reaction(_ref) {
     isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
     showSubtleStyle = _ref.showSubtleStyle,
     optimisticImageURL = _ref.optimisticImageURL,
-    rootElement = _ref.rootElement;
+    rootElement = _ref.rootElement,
+    wideTooltip = _ref.wideTooltip;
   var intl = useIntl();
   var hoverStart = useRef();
   var focusStart = useRef();
@@ -160,6 +161,7 @@ export var Reaction = function Reaction(_ref) {
     emojiProvider: emojiProvider,
     optimisticImageURL: optimisticImageURL
   }), /*#__PURE__*/React.createElement(ReactionTooltip, {
+    wideTooltip: wideTooltip,
     emojiName: emojiName,
     reaction: reaction,
     isEnabled: isTooltipEnabled,

package/dist/esm/components/ReactionSummaryView.js

@@ -59,7 +59,8 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
     hoverableSummaryViewDelay = _ref$hoverableSummary2 === void 0 ? 300 : _ref$hoverableSummary2,
     summaryGetOptimisticImageURL = _ref.summaryGetOptimisticImageURL,
     summaryButtonIconAfter = _ref.summaryButtonIconAfter,
-    summaryViewParticleEffectEmojiId = _ref.summaryViewParticleEffectEmojiId;
+    summaryViewParticleEffectEmojiId = _ref.summaryViewParticleEffectEmojiId,
+    wideReactionTooltip = _ref.wideReactionTooltip;
   var _useDelayedState = useDelayedState(false, hoverableSummaryViewDelay),
     _useDelayedState2 = _slicedToArray(_useDelayedState, 2),
     isSummaryPopupOpen = _useDelayedState2[0],
@@ -213,6 +214,7 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
         alignBlock: "center"
       }, reactions.map(function (reaction) {
         return /*#__PURE__*/React.createElement(Reaction, {
+          wideTooltip: wideReactionTooltip,
           key: reaction.emojiId,
           rootElement: "li",
           reaction: reaction,

package/dist/esm/components/ReactionTooltip.compiled.css

@@ -31,6 +31,7 @@
 ._o5721q9c{white-space:nowrap}
 ._otyr14y2{margin-bottom:5px}
 ._p12f1w81{max-width:150px}
+._p12fnklw{max-width:20pc}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._u0h115vq li{overflow-y:hidden}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

package/dist/esm/components/ReactionTooltip.js

@@ -10,6 +10,7 @@ import { TOOLTIP_USERS_LIMIT } from '../shared/constants';
 import { messages } from '../shared/i18n';
 export var verticalMargin = 5;
 var tooltipStyle = null;
+var wideTooltipStyle = null;
 var emojiNameStyle = null;
 var footerStyle = null;
 var underlineStyle = null;
@@ -33,7 +34,9 @@ export var ReactionTooltip = function ReactionTooltip(_ref) {
     isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
     allowUserDialog = _ref.allowUserDialog,
     handleOpenReactionsDialog = _ref.handleOpenReactionsDialog,
-    dismissTooltip = _ref.dismissTooltip;
+    dismissTooltip = _ref.dismissTooltip,
+    _ref$wideTooltip = _ref.wideTooltip,
+    wideTooltip = _ref$wideTooltip === void 0 ? false : _ref$wideTooltip;
   var handleClick = function handleClick() {
     if (allowUserDialog && handleOpenReactionsDialog) {
       dismissTooltip();
@@ -42,7 +45,7 @@ export var ReactionTooltip = function ReactionTooltip(_ref) {
   };
   var content = !users || users.length === 0 || !isEnabled ? null : /*#__PURE__*/React.createElement("div", {
     tabIndex: fg('platform_suppression_removal_fix_reactions') ? undefined : 0,
-    className: ax(["_1reo15vq _18m915vq _p12f1w81 _1bto1l2s _o5721q9c _otyr14y2 _d1n8glyw _102oidpf _1kvxidpf _1ysjidpf _17d4idpf _1hziidpf _3n4midpf _ltofidpf _k7zyidpf _1ywo1e5h _1pru15vq _u0h115vq _5qec1l2s _1eg614y2"])
+    className: ax(["_1reo15vq _18m915vq _p12f1w81 _1bto1l2s _o5721q9c _otyr14y2 _d1n8glyw _102oidpf _1kvxidpf _1ysjidpf _17d4idpf _1hziidpf _3n4midpf _ltofidpf _k7zyidpf _1ywo1e5h _1pru15vq _u0h115vq _5qec1l2s _1eg614y2", wideTooltip && "_p12fnklw"])
   }, /*#__PURE__*/React.createElement("ul", null, emojiName ? /*#__PURE__*/React.createElement("li", {
     className: ax(["_1p1d1dk0 _syaz15cr _k48p1pd9"])
   }, emojiName) : null, users.slice(0, maxReactions).map(function (user) {

package/dist/esm/components/Reactions.js

@@ -118,6 +118,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     _ref$hideDefaultReact = _ref.hideDefaultReactions,
     hideDefaultReactions = _ref$hideDefaultReact === void 0 ? false : _ref$hideDefaultReact,
     ProfileCardWrapper = _ref.ProfileCardWrapper,
+    wideReactionTooltip = _ref.wideReactionTooltip,
     _ref$onlyRenderPicker = _ref.onlyRenderPicker,
     onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker,
     _ref$isViewOnly = _ref.isViewOnly,
@@ -328,6 +329,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
   };
   var renderReactionItem = function renderReactionItem(reaction, rootElement) {
     return /*#__PURE__*/React.createElement(Reaction, {
+      wideTooltip: wideReactionTooltip,
       key: reaction.emojiId,
       rootElement: rootElement,
       reaction: reaction,
@@ -377,6 +379,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     onReactionMouseEnter: handleReactionMouseEnter,
     placement: summaryViewPlacement,
     showOpaqueBackground: showOpaqueBackground,
+    wideReactionTooltip: wideReactionTooltip,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
     handleOpenReactionsDialog: function handleOpenReactionsDialog() {
       return _handleOpenReactionsDialog({

package/dist/types/components/Reaction.d.ts

@@ -64,8 +64,9 @@ export interface ReactionProps {
      * Optional prop for controlling if the reaction displayed is a default one and should not have a border
      */
     showSubtleStyle?: boolean;
+    wideTooltip?: boolean;
 }
 /**
  * Render an emoji reaction button
  */
-export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, optimisticImageURL, rootElement, }: ReactionProps) => JSX.Element;
+export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, optimisticImageURL, rootElement, wideTooltip, }: ReactionProps) => JSX.Element;

package/dist/types/components/ReactionSummaryView.d.ts

@@ -6,7 +6,7 @@ import { type TriggerProps } from './Trigger';
  * Test id for the Reactions summary view popup
  */
 export declare const RENDER_SUMMARY_VIEW_POPUP_TESTID = "render-summary-view-popup";
-interface ReactionSummaryViewProps extends Pick<ReactionsProps, 'emojiProvider' | 'reactions' | 'flash' | 'particleEffectByEmoji' | 'allowUserDialog' | 'allowSelectFromSummaryView' | 'contentId' | 'emojiPickerSize' | 'useButtonAlignmentStyling' | 'reactionPickerTriggerText'>, Pick<TriggerProps, 'tooltipContent' | 'reactionPickerTriggerIcon' | 'disabled'> {
+interface ReactionSummaryViewProps extends Pick<ReactionsProps, 'emojiProvider' | 'reactions' | 'flash' | 'particleEffectByEmoji' | 'allowUserDialog' | 'allowSelectFromSummaryView' | 'contentId' | 'emojiPickerSize' | 'useButtonAlignmentStyling' | 'reactionPickerTriggerText' | 'wideReactionTooltip'>, Pick<TriggerProps, 'tooltipContent' | 'reactionPickerTriggerIcon' | 'disabled'> {
     /**
      * Optional prop for enabling the Reactions Dialog
      */
@@ -77,5 +77,5 @@ interface ReactionSummaryViewProps extends Pick<ReactionsProps, 'emojiProvider'
         shortName: string;
     } | null;
 }
-export declare const ReactionSummaryView: ({ emojiProvider, reactions, flash, particleEffectByEmoji, placement, onReactionClick, onReactionFocused, onReactionMouseEnter, showOpaqueBackground, subtleReactionsSummaryAndPicker, allowUserDialog, handleOpenReactionsDialog, isViewOnly, allowSelectFromSummaryView, contentId, disabled, emojiPickerSize, onSelection, tooltipContent, reactionPickerTriggerIcon, onOpen, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, hoverableSummaryViewDelay, summaryGetOptimisticImageURL, summaryButtonIconAfter, summaryViewParticleEffectEmojiId, }: ReactionSummaryViewProps) => JSX.Element;
+export declare const ReactionSummaryView: ({ emojiProvider, reactions, flash, particleEffectByEmoji, placement, onReactionClick, onReactionFocused, onReactionMouseEnter, showOpaqueBackground, subtleReactionsSummaryAndPicker, allowUserDialog, handleOpenReactionsDialog, isViewOnly, allowSelectFromSummaryView, contentId, disabled, emojiPickerSize, onSelection, tooltipContent, reactionPickerTriggerIcon, onOpen, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, hoverableSummaryViewDelay, summaryGetOptimisticImageURL, summaryButtonIconAfter, summaryViewParticleEffectEmojiId, wideReactionTooltip, }: ReactionSummaryViewProps) => JSX.Element;
 export {};

package/dist/types/components/ReactionTooltip.d.ts

@@ -39,5 +39,6 @@ export type ReactionTooltipProps = PropsWithChildren<{
      * Info on the emoji reaction to render
      */
     reaction: ReactionSummary;
+    wideTooltip?: boolean;
 }>;
-export declare const ReactionTooltip: ({ children, emojiName, reaction: { users }, maxReactions, isEnabled, allowUserDialog, handleOpenReactionsDialog, dismissTooltip, }: ReactionTooltipProps) => JSX.Element;
+export declare const ReactionTooltip: ({ children, emojiName, reaction: { users }, maxReactions, isEnabled, allowUserDialog, handleOpenReactionsDialog, dismissTooltip, wideTooltip, }: ReactionTooltipProps) => JSX.Element;

package/dist/types/components/Reactions.d.ts

@@ -191,6 +191,7 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      * Optional prop to change the style of the summary view
      */
     useButtonAlignmentStyling?: boolean;
+    wideReactionTooltip?: boolean;
 }
 export interface OpenReactionsDialogOptions {
     emojiId?: string;
@@ -203,4 +204,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, contentId, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, isViewOnly, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerTooltipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, isListItem, summaryGetOptimisticImageURL, getOptimisticImageURL, reactionPickerPlacement, summaryButtonIconAfter, renderParticleEffectOnSummaryView, reactionPickerPopperZIndex, }: ReactionsProps) => JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, contentId, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, wideReactionTooltip, onlyRenderPicker, isViewOnly, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerTooltipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, isListItem, summaryGetOptimisticImageURL, getOptimisticImageURL, reactionPickerPlacement, summaryButtonIconAfter, renderParticleEffectOnSummaryView, reactionPickerPopperZIndex, }: ReactionsProps) => JSX.Element>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "36.3.35",
+	"version": "36.4.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,11 +46,11 @@
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/modal-dialog": "^17.0.0",
-		"@atlaskit/motion": "^9.1.0",
+		"@atlaskit/motion": "^9.2.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/popper": "^9.4.0",
-		"@atlaskit/popup": "^8.1.0",
+		"@atlaskit/popup": "^9.0.0",
 		"@atlaskit/portal": "^7.0.0",
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
@@ -58,9 +58,9 @@
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/tabs": "^21.3.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^219.0.0",
+		"@atlaskit/tmp-editor-statsig": "^220.0.0",
 		"@atlaskit/tokens": "^20.1.0",
-		"@atlaskit/tooltip": "^24.3.0",
+		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",
 		"@atlaskit/util-service-support": "^7.4.0",
 		"@babel/runtime": "^7.0.0",