@atlaskit/reactions 36.3.7 → 36.3.9

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/reactions
 
+## 36.3.9
+
+### Patch Changes
+
+- [`5bb049fcdba7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5bb049fcdba7e) -
+  Use the direct React UFO segment entry point, preserving the existing component implementation and
+  instrumentation behavior.
+- Updated dependencies
+
+## 36.3.8
+
+### Patch Changes
+
+- [`c7ac8f1cd5f6b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c7ac8f1cd5f6b) -
+  Migrate modal titles to ModalTitle behind platform_dst_modal-dialog-use-modal-title.
+
 ## 36.3.7
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 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.6";
+var packageVersion = "36.3.8";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/Counter.js

@@ -1,4 +1,4 @@
-/* Counter.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Counter.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/EmojiButton.js

@@ -1,4 +1,4 @@
-/* EmojiButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* EmojiButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/components/FlashAnimation.js

@@ -1,4 +1,4 @@
-/* FlashAnimation.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* FlashAnimation.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/components/Reaction.js

@@ -1,4 +1,4 @@
-/* Reaction.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Reaction.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/ReactionButton.js

@@ -1,4 +1,4 @@
-/* ReactionButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/ReactionParticleEffect.js

@@ -1,4 +1,4 @@
-/* ReactionParticleEffect.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionParticleEffect.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/ReactionPicker.js

@@ -1,4 +1,4 @@
-/* ReactionPicker.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionPicker.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/ReactionSummaryButton.js

@@ -1,4 +1,4 @@
-/* ReactionSummaryButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionSummaryButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/ReactionSummaryView.js

@@ -1,4 +1,4 @@
-/* ReactionSummaryView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionSummaryView.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/ReactionTooltip.js

@@ -1,4 +1,4 @@
-/* ReactionTooltip.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionTooltip.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/ReactionView.js

@@ -1,4 +1,4 @@
-/* ReactionView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionView.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/Reactions.js

@@ -1,4 +1,4 @@
-/* Reactions.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Reactions.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
-var _segment = _interopRequireDefault(require("@atlaskit/react-ufo/segment"));
+var _ufoSegment = _interopRequireDefault(require("@atlaskit/react-ufo/ufo-segment"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _analytics = require("../analytics");
 var _constants = require("../shared/constants");
@@ -370,7 +370,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
       return renderReactionItem(reaction);
     })));
   };
-  return /*#__PURE__*/_react.default.createElement(_segment.default, {
+  return /*#__PURE__*/_react.default.createElement(_ufoSegment.default, {
     name: "reactions"
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": RENDER_REACTIONS_TESTID,
@@ -439,7 +439,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     reactionPickerPlacement: reactionPickerPlacement,
     reactionPickerPopperZIndex: reactionPickerPopperZIndex,
     className: (0, _runtime.ax)(["_1e0c1o8l _1pfh1b66"])
-  }), /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, !!selectedEmojiId && /*#__PURE__*/_react.default.createElement(_segment.default, {
+  }), /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, !!selectedEmojiId && /*#__PURE__*/_react.default.createElement(_ufoSegment.default, {
     name: "reactions-dialog"
   }, /*#__PURE__*/_react.default.createElement(_ReactionsDialog.ReactionsDialog, {
     selectedEmojiId: selectedEmojiId,

package/dist/cjs/components/ReactionsDialog.js

@@ -1,4 +1,4 @@
-/* ReactionsDialog.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialog.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/ReactionsDialogHeader.js

@@ -1,4 +1,4 @@
-/* ReactionsDialogHeader.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialogHeader.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -19,6 +19,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _reactIntl = require("react-intl");
 var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
 var _closeButton = require("@atlaskit/modal-dialog/close-button");
+var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
+var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
 var _tab = _interopRequireDefault(require("@atlaskit/tabs/tab"));
 var _tabList = _interopRequireDefault(require("@atlaskit/tabs/tab-list"));
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -143,7 +145,11 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
       }, _callee);
     }))();
   };
-  return /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Flex, {
+  return /*#__PURE__*/React.createElement(_compiled.Stack, null, (0, _fg.fg)('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(_modalHeader.default, {
+    hasCloseButton: true
+  }, /*#__PURE__*/React.createElement(_modalTitle.default, null, intl.formatMessage(_i18n.messages.reactionsCount, {
+    count: totalReactionsCount
+  }))) : /*#__PURE__*/React.createElement(_compiled.Flex, {
     direction: "row",
     justifyContent: "space-between",
     alignItems: "center",

package/dist/cjs/components/ReactionsDialogTrigger.js

@@ -1,4 +1,4 @@
-/* ReactionsDialogTrigger.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialogTrigger.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/Selector.js

@@ -1,4 +1,4 @@
-/* Selector.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Selector.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/StaticReaction.js

@@ -1,4 +1,4 @@
-/* StaticReaction.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* StaticReaction.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/Trigger.js

@@ -1,4 +1,4 @@
-/* Trigger.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Trigger.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/analytics/index.js

@@ -2,7 +2,7 @@
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "36.3.6";
+const packageVersion = "36.3.8";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/Counter.js

@@ -1,4 +1,4 @@
-/* Counter.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Counter.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./Counter.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/EmojiButton.js

@@ -1,4 +1,4 @@
-/* EmojiButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* EmojiButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./EmojiButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/FlashAnimation.js

@@ -1,4 +1,4 @@
-/* FlashAnimation.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* FlashAnimation.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./FlashAnimation.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/Reaction.js

@@ -1,4 +1,4 @@
-/* Reaction.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Reaction.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./Reaction.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/ReactionButton.js

@@ -1,4 +1,4 @@
-/* ReactionButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionButton.compiled.css";
 import * as React from 'react';

package/dist/es2019/components/ReactionParticleEffect.js

@@ -1,4 +1,4 @@
-/* ReactionParticleEffect.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionParticleEffect.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ReactionParticleEffect.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/ReactionPicker.js

@@ -1,4 +1,4 @@
-/* ReactionPicker.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionPicker.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ReactionPicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';

package/dist/es2019/components/ReactionSummaryButton.js

@@ -1,4 +1,4 @@
-/* ReactionSummaryButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionSummaryButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ReactionSummaryButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/ReactionSummaryView.js

@@ -1,4 +1,4 @@
-/* ReactionSummaryView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionSummaryView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionSummaryView.compiled.css";
 import * as React from 'react';

package/dist/es2019/components/ReactionTooltip.js

@@ -1,4 +1,4 @@
-/* ReactionTooltip.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionTooltip.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionTooltip.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/ReactionView.js

@@ -1,4 +1,4 @@
-/* ReactionView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ReactionView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/Reactions.js

@@ -1,11 +1,11 @@
-/* Reactions.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Reactions.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./Reactions.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
-import UFOSegment from '@atlaskit/react-ufo/segment';
+import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';

package/dist/es2019/components/ReactionsDialog.js

@@ -1,4 +1,4 @@
-/* ReactionsDialog.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialog.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ReactionsDialog.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/ReactionsDialogHeader.js

@@ -1,4 +1,4 @@
-/* ReactionsDialogHeader.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialogHeader.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionsDialogHeader.compiled.css";
 import * as React from 'react';
@@ -7,6 +7,8 @@ import { useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
 import { CloseButton } from '@atlaskit/modal-dialog/close-button';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import Tab from '@atlaskit/tabs/tab';
 import TabList from '@atlaskit/tabs/tab-list';
 import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
@@ -113,7 +115,11 @@ export const ReactionsDialogHeader = ({
       }
     })();
   };
-  return /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Flex, {
+  return /*#__PURE__*/React.createElement(Stack, null, fg('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: true
+  }, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.reactionsCount, {
+    count: totalReactionsCount
+  }))) : /*#__PURE__*/React.createElement(Flex, {
     direction: "row",
     justifyContent: "space-between",
     alignItems: "center",

package/dist/es2019/components/ReactionsDialogTrigger.js

@@ -1,4 +1,4 @@
-/* ReactionsDialogTrigger.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialogTrigger.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ReactionsDialogTrigger.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/Selector.js

@@ -1,4 +1,4 @@
-/* Selector.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Selector.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./Selector.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/StaticReaction.js

@@ -1,4 +1,4 @@
-/* StaticReaction.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* StaticReaction.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./StaticReaction.compiled.css";
 import * as React from 'react';

package/dist/es2019/components/Trigger.js

@@ -1,4 +1,4 @@
-/* Trigger.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Trigger.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./Trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/analytics/index.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "36.3.6";
+var packageVersion = "36.3.8";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/Counter.js

@@ -1,4 +1,4 @@
-/* Counter.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Counter.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./Counter.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/EmojiButton.js

@@ -1,4 +1,4 @@
-/* EmojiButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* EmojiButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./EmojiButton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/FlashAnimation.js

@@ -1,4 +1,4 @@
-/* FlashAnimation.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* FlashAnimation.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./FlashAnimation.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/Reaction.js

@@ -1,4 +1,4 @@
-/* Reaction.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Reaction.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Reaction.compiled.css";

package/dist/esm/components/ReactionButton.js

@@ -1,4 +1,4 @@
-/* ReactionButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionButton.compiled.css";
 import * as React from 'react';

package/dist/esm/components/ReactionParticleEffect.js

@@ -1,4 +1,4 @@
-/* ReactionParticleEffect.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionParticleEffect.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./ReactionParticleEffect.compiled.css";
 import * as React from 'react';

package/dist/esm/components/ReactionPicker.js

@@ -1,4 +1,4 @@
-/* ReactionPicker.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionPicker.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ReactionPicker.compiled.css";

package/dist/esm/components/ReactionSummaryButton.js

@@ -1,4 +1,4 @@
-/* ReactionSummaryButton.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionSummaryButton.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./ReactionSummaryButton.compiled.css";
 import * as React from 'react';

package/dist/esm/components/ReactionSummaryView.js

@@ -1,4 +1,4 @@
-/* ReactionSummaryView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionSummaryView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ReactionSummaryView.compiled.css";

package/dist/esm/components/ReactionTooltip.js

@@ -1,4 +1,4 @@
-/* ReactionTooltip.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionTooltip.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionTooltip.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/ReactionView.js

@@ -1,4 +1,4 @@
-/* ReactionView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ReactionView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/Reactions.js

@@ -1,4 +1,4 @@
-/* Reactions.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Reactions.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Reactions.compiled.css";
@@ -7,7 +7,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { FormattedMessage, useIntl } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
-import UFOSegment from '@atlaskit/react-ufo/segment';
+import UFOSegment from '@atlaskit/react-ufo/ufo-segment';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';

package/dist/esm/components/ReactionsDialog.js

@@ -1,4 +1,4 @@
-/* ReactionsDialog.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialog.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ReactionsDialog.compiled.css";
 import * as React from 'react';

package/dist/esm/components/ReactionsDialogHeader.js

@@ -1,4 +1,4 @@
-/* ReactionsDialogHeader.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialogHeader.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -13,6 +13,8 @@ import { useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
 import { CloseButton } from '@atlaskit/modal-dialog/close-button';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import Tab from '@atlaskit/tabs/tab';
 import TabList from '@atlaskit/tabs/tab-list';
 import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
@@ -134,7 +136,11 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
       }, _callee);
     }))();
   };
-  return /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Flex, {
+  return /*#__PURE__*/React.createElement(Stack, null, fg('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: true
+  }, /*#__PURE__*/React.createElement(ModalTitle, null, intl.formatMessage(messages.reactionsCount, {
+    count: totalReactionsCount
+  }))) : /*#__PURE__*/React.createElement(Flex, {
     direction: "row",
     justifyContent: "space-between",
     alignItems: "center",

package/dist/esm/components/ReactionsDialogTrigger.js

@@ -1,4 +1,4 @@
-/* ReactionsDialogTrigger.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ReactionsDialogTrigger.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ReactionsDialogTrigger.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/Selector.js

@@ -1,4 +1,4 @@
-/* Selector.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Selector.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Selector.compiled.css";
 import * as React from 'react';

package/dist/esm/components/StaticReaction.js

@@ -1,4 +1,4 @@
-/* StaticReaction.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* StaticReaction.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./StaticReaction.compiled.css";
 import * as React from 'react';

package/dist/esm/components/Trigger.js

@@ -1,4 +1,4 @@
-/* Trigger.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Trigger.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./Trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "36.3.7",
+	"version": "36.3.9",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,10 +48,10 @@
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/popper": "^9.4.0",
 		"@atlaskit/popup": "^6.3.0",
-		"@atlaskit/portal": "^6.4.0",
+		"@atlaskit/portal": "^7.0.0",
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/react-ufo": "^7.10.0",
+		"@atlaskit/react-ufo": "^7.11.0",
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/tabs": "^21.2.0",
 		"@atlaskit/theme": "^28.2.0",
@@ -140,6 +140,10 @@
 		},
 		"platform_teamoji_26_refresh_emoji_picker_user_id": {
 			"type": "boolean"
+		},
+		"platform_dst_modal-dialog-use-modal-title": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"sideEffects": [