@atlaskit/reactions 36.3.6 → 36.3.8

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/reactions
 
+## 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
+
+- Updated dependencies
+
 ## 36.3.6
 
 ### 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.5";
+var packageVersion = "36.3.7";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionsDialogHeader.js

@@ -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/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.5";
+const packageVersion = "36.3.7";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/ReactionsDialogHeader.js

@@ -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/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.5";
+var packageVersion = "36.3.7";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/ReactionsDialogHeader.js

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "36.3.6",
+	"version": "36.3.8",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/tabs": "^21.2.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^196.0.0",
+		"@atlaskit/tmp-editor-statsig": "^197.0.0",
 		"@atlaskit/tokens": "^17.0.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/ufo": "^1.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": [