@atlaskit/reactions 30.0.4 → 30.0.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/reactions
 
+## 30.0.6
+
+### Patch Changes
+
+- [#137066](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137066)
+  [`9090c9149afb4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9090c9149afb4) -
+  correctly import compiled css version of reaction picker
+
+## 30.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 30.0.4
 
 ### 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 = "30.0.4";
+var packageVersion = "30.0.6";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionDialog/ReactionsDialogHeader.js

@@ -13,16 +13,17 @@ var _react = require("react");
 var _reactIntlNext = require("react-intl-next");
 var _react2 = require("@emotion/react");
 var _tokens = require("@atlaskit/tokens");
+var _modalDialog = require("@atlaskit/modal-dialog");
 var _tabs = require("@atlaskit/tabs");
 var _primitives = require("@atlaskit/primitives");
 var _new = require("@atlaskit/button/new");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _modalDialog = require("@atlaskit/modal-dialog");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-left"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
 var _close = _interopRequireDefault(require("@atlaskit/icon/core/close"));
 var _element = require("@atlaskit/emoji/element");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _i18n = require("../../shared/i18n");
 var _Counter = require("../Counter");
 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; }
@@ -127,7 +128,7 @@ var emojiStyles = (0, _primitives.xcss)({
 var counterStyle = (0, _primitives.xcss)({
   marginTop: 'space.025'
 });
-var CloseButton = function CloseButton(_ref) {
+var CloseButtonCustom = function CloseButtonCustom(_ref) {
   var handleCloseReactionsDialog = _ref.handleCloseReactionsDialog;
   var intl = (0, _reactIntlNext.useIntl)();
   return (0, _react2.jsx)(_new.IconButton, {
@@ -232,7 +233,9 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     id: titleId
   }, intl.formatMessage(_i18n.messages.reactionsCount, {
     count: totalReactionsCount
-  })), (0, _react2.jsx)(CloseButton, {
+  })), (0, _platformFeatureFlags.fg)('platform-make-accessible-close-button') ? (0, _react2.jsx)(_modalDialog.CloseButton, {
+    onClick: handleCloseReactionsDialog
+  }) : (0, _react2.jsx)(CloseButtonCustom, {
     handleCloseReactionsDialog: handleCloseReactionsDialog
   })), (0, _react2.jsx)(_primitives.Inline, null, (0, _react2.jsx)("div", {
     css: customTabListStyles,

package/dist/cjs/components/compiled/ReactionsDialogHeader.js

@@ -17,16 +17,17 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntlNext = require("react-intl-next");
 var _tokens = require("@atlaskit/tokens");
+var _modalDialog = require("@atlaskit/modal-dialog");
 var _tabs = require("@atlaskit/tabs");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _new = require("@atlaskit/button/new");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _modalDialog = require("@atlaskit/modal-dialog");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-left"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
 var _close = _interopRequireDefault(require("@atlaskit/icon/core/close"));
 var _element = require("@atlaskit/emoji/element");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _i18n = require("../../shared/i18n");
 var _Counter = require("./Counter");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -48,7 +49,7 @@ var customTabWrapper = {
   darkTheme: "_nhkt1ts8 _j5n7hco4"
 };
 var firstElement = null;
-var CloseButton = function CloseButton(_ref) {
+var CloseButtonCustom = function CloseButtonCustom(_ref) {
   var handleCloseReactionsDialog = _ref.handleCloseReactionsDialog;
   var intl = (0, _reactIntlNext.useIntl)();
   return /*#__PURE__*/React.createElement(_new.IconButton, {
@@ -153,7 +154,9 @@ var ReactionsDialogHeader = exports.ReactionsDialogHeader = function ReactionsDi
     id: titleId
   }, intl.formatMessage(_i18n.messages.reactionsCount, {
     count: totalReactionsCount
-  })), /*#__PURE__*/React.createElement(CloseButton, {
+  })), (0, _platformFeatureFlags.fg)('platform-make-accessible-close-button') ? /*#__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",

package/dist/cjs/index.js

@@ -61,6 +61,7 @@ var _Reaction2 = require("./components/compiled/Reaction");
 var _Reactions = require("./components/Reactions");
 var _Reactions2 = require("./components/compiled/Reactions");
 var _ReactionPicker = require("./components/ReactionPicker/ReactionPicker");
+var _ReactionPicker2 = require("./components/compiled/ReactionPicker");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _client = require("./client");
 var _useCloseManager = require("./hooks/useCloseManager");
@@ -69,7 +70,7 @@ var _store = require("./store");
 var _types = require("./types");
 var Reaction = exports.Reaction = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_css_migrate_reactions', _Reaction2.Reaction, _Reaction.Reaction);
 var Reactions = exports.Reactions = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_css_migrate_reactions', _Reactions2.Reactions, _Reactions.Reactions);
-var ReactionPicker = exports.ReactionPicker = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_css_migrate_reactions', _ReactionPicker.ReactionPicker, _ReactionPicker.ReactionPicker);
+var ReactionPicker = exports.ReactionPicker = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_css_migrate_reactions', _ReactionPicker2.ReactionPicker, _ReactionPicker.ReactionPicker);
 
 // TODO: Convert all calls for ReactionRequest to Request, RequestClient to Client and ReactionsStore to Store
 

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

package/dist/es2019/components/ReactionDialog/ReactionsDialogHeader.js

@@ -7,6 +7,7 @@ import { useIntl } from 'react-intl-next';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { useThemeObserver } from '@atlaskit/tokens';
+import { CloseButton } from '@atlaskit/modal-dialog';
 import { Tab, TabList } from '@atlaskit/tabs';
 import { Box, Flex, xcss, Stack, Inline } from '@atlaskit/primitives';
 import { IconButton } from '@atlaskit/button/new';
@@ -17,6 +18,7 @@ import ChevronLeftIcon from '@atlaskit/icon/utility/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
 import CloseIcon from '@atlaskit/icon/core/close';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../shared/i18n';
 import { Counter } from '../Counter';
 const REACTIONS_CONTAINER_WIDTH = 56;
@@ -112,7 +114,7 @@ const emojiStyles = xcss({
 const counterStyle = xcss({
   marginTop: 'space.025'
 });
-const CloseButton = ({
+const CloseButtonCustom = ({
   handleCloseReactionsDialog
 }) => {
   const intl = useIntl();
@@ -207,7 +209,9 @@ export const ReactionsDialogHeader = ({
     id: titleId
   }, intl.formatMessage(messages.reactionsCount, {
     count: totalReactionsCount
-  })), jsx(CloseButton, {
+  })), fg('platform-make-accessible-close-button') ? jsx(CloseButton, {
+    onClick: handleCloseReactionsDialog
+  }) : jsx(CloseButtonCustom, {
     handleCloseReactionsDialog: handleCloseReactionsDialog
   })), jsx(Inline, null, jsx("div", {
     css: customTabListStyles,

package/dist/es2019/components/compiled/ReactionsDialogHeader.js

@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useThemeObserver } from '@atlaskit/tokens';
+import { CloseButton } from '@atlaskit/modal-dialog';
 import { Tab, TabList } from '@atlaskit/tabs';
 import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { IconButton } from '@atlaskit/button/new';
@@ -15,6 +16,7 @@ import ChevronLeftIcon from '@atlaskit/icon/utility/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
 import CloseIcon from '@atlaskit/icon/core/close';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../shared/i18n';
 import { Counter } from './Counter';
 const styles = {
@@ -32,7 +34,7 @@ const customTabWrapper = {
   darkTheme: "_nhkt1ts8 _j5n7hco4"
 };
 const firstElement = null;
-const CloseButton = ({
+const CloseButtonCustom = ({
   handleCloseReactionsDialog
 }) => {
   const intl = useIntl();
@@ -127,7 +129,9 @@ export const ReactionsDialogHeader = ({
     id: titleId
   }, intl.formatMessage(messages.reactionsCount, {
     count: totalReactionsCount
-  })), /*#__PURE__*/React.createElement(CloseButton, {
+  })), fg('platform-make-accessible-close-button') ? /*#__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",

package/dist/es2019/index.js

@@ -5,7 +5,7 @@ import { Reaction as CompiledReaction } from './components/compiled/Reaction';
 import { Reactions as EmotionReactions } from './components/Reactions';
 import { Reactions as CompiledReactions } from './components/compiled/Reactions';
 import { ReactionPicker as EmotionReactionPicker } from './components/ReactionPicker/ReactionPicker';
-import { ReactionPicker as CompiledReactionPicker } from './components/ReactionPicker/ReactionPicker';
+import { ReactionPicker as CompiledReactionPicker } from './components/compiled/ReactionPicker';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 const Reaction = componentWithFG('platform_editor_css_migrate_reactions', CompiledReaction, EmotionReaction);
 const Reactions = componentWithFG('platform_editor_css_migrate_reactions', CompiledReactions, EmotionReactions);

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

package/dist/esm/components/ReactionDialog/ReactionsDialogHeader.js

@@ -13,6 +13,7 @@ import { useIntl } from 'react-intl-next';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { useThemeObserver } from '@atlaskit/tokens';
+import { CloseButton } from '@atlaskit/modal-dialog';
 import { Tab, TabList } from '@atlaskit/tabs';
 import { Box, Flex, xcss, Stack, Inline } from '@atlaskit/primitives';
 import { IconButton } from '@atlaskit/button/new';
@@ -23,6 +24,7 @@ import ChevronLeftIcon from '@atlaskit/icon/utility/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
 import CloseIcon from '@atlaskit/icon/core/close';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../shared/i18n';
 import { Counter } from '../Counter';
 var REACTIONS_CONTAINER_WIDTH = 56;
@@ -122,7 +124,7 @@ var emojiStyles = xcss({
 var counterStyle = xcss({
   marginTop: 'space.025'
 });
-var CloseButton = function CloseButton(_ref) {
+var CloseButtonCustom = function CloseButtonCustom(_ref) {
   var handleCloseReactionsDialog = _ref.handleCloseReactionsDialog;
   var intl = useIntl();
   return jsx(IconButton, {
@@ -227,7 +229,9 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref4) {
     id: titleId
   }, intl.formatMessage(messages.reactionsCount, {
     count: totalReactionsCount
-  })), jsx(CloseButton, {
+  })), fg('platform-make-accessible-close-button') ? jsx(CloseButton, {
+    onClick: handleCloseReactionsDialog
+  }) : jsx(CloseButtonCustom, {
     handleCloseReactionsDialog: handleCloseReactionsDialog
   })), jsx(Inline, null, jsx("div", {
     css: customTabListStyles,

package/dist/esm/components/compiled/ReactionsDialogHeader.js

@@ -11,6 +11,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useThemeObserver } from '@atlaskit/tokens';
+import { CloseButton } from '@atlaskit/modal-dialog';
 import { Tab, TabList } from '@atlaskit/tabs';
 import { Box, Flex, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { IconButton } from '@atlaskit/button/new';
@@ -21,6 +22,7 @@ import ChevronLeftIcon from '@atlaskit/icon/utility/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
 import CloseIcon from '@atlaskit/icon/core/close';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../shared/i18n';
 import { Counter } from './Counter';
 var styles = {
@@ -38,7 +40,7 @@ var customTabWrapper = {
   darkTheme: "_nhkt1ts8 _j5n7hco4"
 };
 var firstElement = null;
-var CloseButton = function CloseButton(_ref) {
+var CloseButtonCustom = function CloseButtonCustom(_ref) {
   var handleCloseReactionsDialog = _ref.handleCloseReactionsDialog;
   var intl = useIntl();
   return /*#__PURE__*/React.createElement(IconButton, {
@@ -143,7 +145,9 @@ export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref4) {
     id: titleId
   }, intl.formatMessage(messages.reactionsCount, {
     count: totalReactionsCount
-  })), /*#__PURE__*/React.createElement(CloseButton, {
+  })), fg('platform-make-accessible-close-button') ? /*#__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",

package/dist/esm/index.js

@@ -5,7 +5,7 @@ import { Reaction as CompiledReaction } from './components/compiled/Reaction';
 import { Reactions as EmotionReactions } from './components/Reactions';
 import { Reactions as CompiledReactions } from './components/compiled/Reactions';
 import { ReactionPicker as EmotionReactionPicker } from './components/ReactionPicker/ReactionPicker';
-import { ReactionPicker as CompiledReactionPicker } from './components/ReactionPicker/ReactionPicker';
+import { ReactionPicker as CompiledReactionPicker } from './components/compiled/ReactionPicker';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 var Reaction = componentWithFG('platform_editor_css_migrate_reactions', CompiledReaction, EmotionReaction);
 var Reactions = componentWithFG('platform_editor_css_migrate_reactions', CompiledReactions, EmotionReactions);

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@
 import { ComponentName, ExperienceName } from './ufo';
 declare const Reaction: import("react").FC<import("./components/compiled/Reaction").ReactionProps & import("./components/Reaction").ReactionProps>;
 declare const Reactions: import("react").FC<import("./components/compiled/Reactions").ReactionsProps & import("./components/Reactions").ReactionsProps>;
-declare const ReactionPicker: import("react").FC<import("./components/ReactionPicker/ReactionPicker").ReactionPickerProps>;
+declare const ReactionPicker: import("react").FC<import("./components/compiled/ReactionPicker").ReactionPickerProps & import("./components/ReactionPicker/ReactionPicker").ReactionPickerProps>;
 export { ReactionServiceClient } from './client';
 export { Reaction };
 export { Reactions };

package/dist/types-ts4.5/index.d.ts

@@ -2,7 +2,7 @@
 import { ComponentName, ExperienceName } from './ufo';
 declare const Reaction: import("react").FC<import("./components/compiled/Reaction").ReactionProps & import("./components/Reaction").ReactionProps>;
 declare const Reactions: import("react").FC<import("./components/compiled/Reactions").ReactionsProps & import("./components/Reactions").ReactionsProps>;
-declare const ReactionPicker: import("react").FC<import("./components/ReactionPicker/ReactionPicker").ReactionPickerProps>;
+declare const ReactionPicker: import("react").FC<import("./components/compiled/ReactionPicker").ReactionPickerProps & import("./components/ReactionPicker/ReactionPicker").ReactionPickerProps>;
 export { ReactionServiceClient } from './client';
 export { Reaction };
 export { Reactions };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "30.0.4",
+	"version": "30.0.6",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,23 +36,23 @@
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/avatar": "^25.0.0",
-		"@atlaskit/button": "^22.0.0",
+		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/emoji": "^69.0.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^25.2.0",
-		"@atlaskit/modal-dialog": "^14.0.0",
+		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/modal-dialog": "^14.1.0",
 		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.1.0",
 		"@atlaskit/popper": "^7.0.0",
 		"@atlaskit/popup": "^3.0.0",
-		"@atlaskit/primitives": "^14.2.0",
+		"@atlaskit/primitives": "^14.3.0",
 		"@atlaskit/react-ufo": "^3.4.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tabs": "^18.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.5.0",
+		"@atlaskit/tokens": "^4.6.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -129,6 +129,9 @@
 		},
 		"platform_editor_css_migrate_reactions": {
 			"type": "boolean"
+		},
+		"platform-make-accessible-close-button": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [