@atlaskit/reactions 33.2.2 → 33.2.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/reactions
 
+## 33.2.3
+
+### Patch Changes
+
+- [#187672](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/187672)
+  [`e01d743f3c06b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e01d743f3c06b) -
+  use formatted message rather than default message for show more button label
+
 ## 33.2.2
 
 ### 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; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "33.2.1";
+var packageVersion = "33.2.3";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionsDialogHeader.js

@@ -26,9 +26,7 @@ var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
-var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _element = require("@atlaskit/emoji/element");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _i18n = require("../shared/i18n");
 var _Counter = require("./Counter");
 var _constants = require("../shared/constants");
@@ -50,19 +48,8 @@ var customTabWrapper = {
   darkTheme: "_nhkt1ts8 _j5n7hco4"
 };
 var firstElement = null;
-var CloseButtonCustom = function CloseButtonCustom(_ref) {
-  var handleCloseReactionsDialog = _ref.handleCloseReactionsDialog;
-  var intl = (0, _reactIntlNext.useIntl)();
-  return /*#__PURE__*/React.createElement(_new.IconButton, {
-    onClick: handleCloseReactionsDialog,
-    icon: _cross.default,
-    label: intl.formatMessage(_i18n.messages.closeReactionsDialog),
-    appearance: "subtle",
-    isTooltipDisabled: false
-  });
-};
-var LeftNavigationButton = function LeftNavigationButton(_ref2) {
-  var handlePreviousPage = _ref2.handlePreviousPage;
+var LeftNavigationButton = function LeftNavigationButton(_ref) {
+  var handlePreviousPage = _ref.handlePreviousPage;
   var intl = (0, _reactIntlNext.useIntl)();
   return /*#__PURE__*/React.createElement(_compiled.Flex, {
     xcss: styles.leftNavigationStyle
@@ -78,8 +65,8 @@ var LeftNavigationButton = function LeftNavigationButton(_ref2) {
     isTooltipDisabled: false
   }));
 };
-var RightNavigationButton = function RightNavigationButton(_ref3) {
-  var handleNextPage = _ref3.handleNextPage;
+var RightNavigationButton = function RightNavigationButton(_ref2) {
+  var handleNextPage = _ref2.handleNextPage;
   var intl = (0, _reactIntlNext.useIntl)();
   return /*#__PURE__*/React.createElement(_compiled.Flex, {
     xcss: styles.rightNavigationStyle
@@ -95,15 +82,15 @@ var RightNavigationButton = function RightNavigationButton(_ref3) {
     isTooltipDisabled: false
   }));
 };
-var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDialogHeader(_ref4) {
-  var totalReactionsCount = _ref4.totalReactionsCount,
-    handlePreviousPage = _ref4.handlePreviousPage,
-    handleNextPage = _ref4.handleNextPage,
-    currentPage = _ref4.currentPage,
-    maxPages = _ref4.maxPages,
-    currentReactions = _ref4.currentReactions,
-    emojiProvider = _ref4.emojiProvider,
-    handleCloseReactionsDialog = _ref4.handleCloseReactionsDialog;
+var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
+  var totalReactionsCount = _ref3.totalReactionsCount,
+    handlePreviousPage = _ref3.handlePreviousPage,
+    handleNextPage = _ref3.handleNextPage,
+    currentPage = _ref3.currentPage,
+    maxPages = _ref3.maxPages,
+    currentReactions = _ref3.currentReactions,
+    emojiProvider = _ref3.emojiProvider,
+    handleCloseReactionsDialog = _ref3.handleCloseReactionsDialog;
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     cache = _useState2[0],
@@ -163,10 +150,8 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     id: titleId
   }, intl.formatMessage(_i18n.messages.reactionsCount, {
     count: totalReactionsCount
-  })), (0, _platformFeatureFlags.fg)('platform-make-accessible-close-button') ? /*#__PURE__*/React.createElement(_modalDialog.CloseButton, {
+  })), /*#__PURE__*/React.createElement(_modalDialog.CloseButton, {
     onClick: handleCloseReactionsDialog
-  }) : /*#__PURE__*/React.createElement(CloseButtonCustom, {
-    handleCloseReactionsDialog: handleCloseReactionsDialog
   })), /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement("div", {
     id: "reactions-dialog-tabs-list",
     className: (0, _runtime.ax)(["_1reo1wug _18m91wug _n7zlfl6d _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"]),

package/dist/cjs/components/ShowMore.js

@@ -24,7 +24,7 @@ var ShowMore = exports.ShowMore = function ShowMore(_ref) {
     return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
       content: message
     }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
-      label: _i18n.messages.moreEmoji.defaultMessage,
+      label: message,
       onClick: onClick,
       testId: RENDER_SHOWMORE_TESTID,
       icon: _showMoreHorizontalEditorMore.default,

package/dist/es2019/analytics/index.js

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

package/dist/es2019/components/ReactionsDialogHeader.js

@@ -15,9 +15,7 @@ import { useModal } from '@atlaskit/modal-dialog';
 import Tooltip from '@atlaskit/tooltip';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
-import CrossIcon from '@atlaskit/icon/core/cross';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../shared/i18n';
 import { Counter } from './Counter';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
@@ -36,18 +34,6 @@ const customTabWrapper = {
   darkTheme: "_nhkt1ts8 _j5n7hco4"
 };
 const firstElement = null;
-const CloseButtonCustom = ({
-  handleCloseReactionsDialog
-}) => {
-  const intl = useIntl();
-  return /*#__PURE__*/React.createElement(IconButton, {
-    onClick: handleCloseReactionsDialog,
-    icon: CrossIcon,
-    label: intl.formatMessage(messages.closeReactionsDialog),
-    appearance: "subtle",
-    isTooltipDisabled: false
-  });
-};
 const LeftNavigationButton = ({
   handlePreviousPage
 }) => {
@@ -135,10 +121,8 @@ export const ReactionsDialogHeader = ({
     id: titleId
   }, intl.formatMessage(messages.reactionsCount, {
     count: totalReactionsCount
-  })), fg('platform-make-accessible-close-button') ? /*#__PURE__*/React.createElement(CloseButton, {
+  })), /*#__PURE__*/React.createElement(CloseButton, {
     onClick: handleCloseReactionsDialog
-  }) : /*#__PURE__*/React.createElement(CloseButtonCustom, {
-    handleCloseReactionsDialog: handleCloseReactionsDialog
   })), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
     id: "reactions-dialog-tabs-list",
     className: ax(["_1reo1wug _18m91wug _n7zl1l7n _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"])

package/dist/es2019/components/ShowMore.js

@@ -18,7 +18,7 @@ export const ShowMore = ({
   return /*#__PURE__*/React.createElement(FormattedMessage, messages.moreEmoji, message => /*#__PURE__*/React.createElement(Tooltip, {
     content: message
   }, /*#__PURE__*/React.createElement(IconButton, {
-    label: messages.moreEmoji.defaultMessage,
+    label: message,
     onClick: onClick,
     testId: RENDER_SHOWMORE_TESTID,
     icon: EditorMoreIcon,

package/dist/esm/analytics/index.js

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

package/dist/esm/components/ReactionsDialogHeader.js

@@ -21,9 +21,7 @@ import { useModal } from '@atlaskit/modal-dialog';
 import Tooltip from '@atlaskit/tooltip';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
-import CrossIcon from '@atlaskit/icon/core/cross';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../shared/i18n';
 import { Counter } from './Counter';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
@@ -42,19 +40,8 @@ var customTabWrapper = {
   darkTheme: "_nhkt1ts8 _j5n7hco4"
 };
 var firstElement = null;
-var CloseButtonCustom = function CloseButtonCustom(_ref) {
-  var handleCloseReactionsDialog = _ref.handleCloseReactionsDialog;
-  var intl = useIntl();
-  return /*#__PURE__*/React.createElement(IconButton, {
-    onClick: handleCloseReactionsDialog,
-    icon: CrossIcon,
-    label: intl.formatMessage(messages.closeReactionsDialog),
-    appearance: "subtle",
-    isTooltipDisabled: false
-  });
-};
-var LeftNavigationButton = function LeftNavigationButton(_ref2) {
-  var handlePreviousPage = _ref2.handlePreviousPage;
+var LeftNavigationButton = function LeftNavigationButton(_ref) {
+  var handlePreviousPage = _ref.handlePreviousPage;
   var intl = useIntl();
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: styles.leftNavigationStyle
@@ -70,8 +57,8 @@ var LeftNavigationButton = function LeftNavigationButton(_ref2) {
     isTooltipDisabled: false
   }));
 };
-var RightNavigationButton = function RightNavigationButton(_ref3) {
-  var handleNextPage = _ref3.handleNextPage;
+var RightNavigationButton = function RightNavigationButton(_ref2) {
+  var handleNextPage = _ref2.handleNextPage;
   var intl = useIntl();
   return /*#__PURE__*/React.createElement(Flex, {
     xcss: styles.rightNavigationStyle
@@ -87,15 +74,15 @@ var RightNavigationButton = function RightNavigationButton(_ref3) {
     isTooltipDisabled: false
   }));
 };
-export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref4) {
-  var totalReactionsCount = _ref4.totalReactionsCount,
-    handlePreviousPage = _ref4.handlePreviousPage,
-    handleNextPage = _ref4.handleNextPage,
-    currentPage = _ref4.currentPage,
-    maxPages = _ref4.maxPages,
-    currentReactions = _ref4.currentReactions,
-    emojiProvider = _ref4.emojiProvider,
-    handleCloseReactionsDialog = _ref4.handleCloseReactionsDialog;
+export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref3) {
+  var totalReactionsCount = _ref3.totalReactionsCount,
+    handlePreviousPage = _ref3.handlePreviousPage,
+    handleNextPage = _ref3.handleNextPage,
+    currentPage = _ref3.currentPage,
+    maxPages = _ref3.maxPages,
+    currentReactions = _ref3.currentReactions,
+    emojiProvider = _ref3.emojiProvider,
+    handleCloseReactionsDialog = _ref3.handleCloseReactionsDialog;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     cache = _useState2[0],
@@ -155,10 +142,8 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref4) {
     id: titleId
   }, intl.formatMessage(messages.reactionsCount, {
     count: totalReactionsCount
-  })), fg('platform-make-accessible-close-button') ? /*#__PURE__*/React.createElement(CloseButton, {
+  })), /*#__PURE__*/React.createElement(CloseButton, {
     onClick: handleCloseReactionsDialog
-  }) : /*#__PURE__*/React.createElement(CloseButtonCustom, {
-    handleCloseReactionsDialog: handleCloseReactionsDialog
   })), /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
     id: "reactions-dialog-tabs-list",
     className: ax(["_1reo1wug _18m91wug _n7zlfl6d _1e0c1txw _1bsb1osq _4cvr1y6m _80wau2gc _s2c4kb7n _141m1j28"]),

package/dist/esm/components/ShowMore.js

@@ -18,7 +18,7 @@ export var ShowMore = function ShowMore(_ref) {
     return /*#__PURE__*/React.createElement(Tooltip, {
       content: message
     }, /*#__PURE__*/React.createElement(IconButton, {
-      label: messages.moreEmoji.defaultMessage,
+      label: message,
       onClick: onClick,
       testId: RENDER_SHOWMORE_TESTID,
       icon: EditorMoreIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.2.2",
+	"version": "33.2.3",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -122,9 +122,6 @@
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
-		"platform-make-accessible-close-button": {
-			"type": "boolean"
-		},
 		"platform-reactions-offset-based-popper": {
 			"type": "boolean"
 		},