@atlaskit/reactions 30.0.7 → 30.0.8

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/reactions
 
+## 30.0.8
+
+### Patch Changes
+
+- [#138792](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138792)
+  [`aec039377f39e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aec039377f39e) -
+  tidy up feature flag of compiled css migration
+
 ## 30.0.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; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "30.0.7";
+var packageVersion = "30.0.8";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/{compiled/Counter.js → Counter.js}

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _motion = require("@atlaskit/motion");
-var _utils = require("../../shared/utils");
+var _utils = require("../shared/utils");
 var _colors = require("@atlaskit/theme/colors");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/components/{compiled/EmojiButton.js → EmojiButton.js}

@@ -11,8 +11,8 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _emoji = require("@atlaskit/emoji");
-var _i18n = require("../../shared/i18n");
-var _utils = require("../../shared/utils");
+var _i18n = require("../shared/i18n");
+var _utils = require("../shared/utils");
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/components/{compiled/Reaction.js → Reaction.js}

@@ -17,12 +17,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _emoji = require("@atlaskit/emoji");
-var _analytics = require("../../analytics");
-var _Counter = require("../Counter");
+var _analytics = require("../analytics");
+var _Counter = require("./Counter");
 var _ReactionParticleEffect = require("./ReactionParticleEffect");
 var _ReactionTooltip = require("./ReactionTooltip");
-var _i18n = require("../../shared/i18n");
-var _utils = require("../../shared/utils");
+var _i18n = require("../shared/i18n");
+var _utils = require("../shared/utils");
 var _ReactionButton = require("./ReactionButton");
 var _StaticReaction = require("./StaticReaction");
 var _compiled = require("@atlaskit/primitives/compiled");

package/dist/cjs/components/{compiled/ReactionPicker.js → ReactionPicker.js}

@@ -16,14 +16,14 @@ var _reactIntlNext = require("react-intl-next");
 var _picker = require("@atlaskit/emoji/picker");
 var _popper = require("@atlaskit/popper");
 var _constants = require("@atlaskit/theme/constants");
-var _useCloseManager = require("../../hooks/useCloseManager");
-var _useFocusTrap = require("../../hooks/useFocusTrap");
-var _i18n = require("../../shared/i18n");
-var _ufo = require("../../ufo");
+var _useCloseManager = require("../hooks/useCloseManager");
+var _useFocusTrap = require("../hooks/useFocusTrap");
+var _i18n = require("../shared/i18n");
+var _ufo = require("../ufo");
 var _Selector = require("./Selector");
 var _Trigger = require("./Trigger");
 var _colors = require("@atlaskit/theme/colors");
-var _RepositionOnUpdate = require("../ReactionPicker/RepositionOnUpdate");
+var _RepositionOnUpdate = require("./RepositionOnUpdate");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), 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; }

package/dist/cjs/components/{compiled/ReactionSummaryButton.js → ReactionSummaryButton.js}

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _reactIntlNext = require("react-intl-next");
 var _emoji = require("@atlaskit/emoji");
-var _i18n = require("../../shared/i18n");
+var _i18n = require("../shared/i18n");
 var _Counter = require("./Counter");
 var _ReactionButton = require("./ReactionButton");
 var _compiled = require("@atlaskit/primitives/compiled");

package/dist/cjs/components/{compiled/ReactionSummaryView.js → ReactionSummaryView.js}

@@ -15,7 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _Reaction = require("./Reaction");
-var _ReactionSummaryViewEmojiPicker = require("../ReactionSummary/ReactionSummaryViewEmojiPicker");
+var _ReactionSummaryViewEmojiPicker = require("./ReactionSummaryViewEmojiPicker");
 var _ReactionSummaryButton = require("./ReactionSummaryButton");
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }

package/dist/cjs/components/{ReactionSummary/ReactionSummaryViewEmojiPicker.js → ReactionSummaryViewEmojiPicker.js}

@@ -11,8 +11,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _picker = require("@atlaskit/emoji/picker");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
-var _ufo = require("../../ufo");
-var _Trigger = require("../Trigger");
+var _ufo = require("../ufo");
+var _Trigger = require("./Trigger");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ReactionSummaryViewEmojiPicker = exports.ReactionSummaryViewEmojiPicker = function ReactionSummaryViewEmojiPicker(_ref) {

package/dist/cjs/components/{compiled/ReactionTooltip.js → ReactionTooltip.js}

@@ -12,8 +12,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _reactIntlNext = require("react-intl-next");
-var _constants = require("../../shared/constants");
-var _i18n = require("../../shared/i18n");
+var _constants = require("../shared/constants");
+var _i18n = require("../shared/i18n");
 var _colors = require("@atlaskit/theme/colors");
 var verticalMargin = exports.verticalMargin = 5;
 var tooltipStyle = null;

package/dist/cjs/components/{compiled/Reactions.js → Reactions.js}

@@ -19,11 +19,11 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _segment = _interopRequireDefault(require("@atlaskit/react-ufo/segment"));
-var _analytics = require("../../analytics");
-var _constants = require("../../shared/constants");
-var _i18n = require("../../shared/i18n");
-var _types = require("../../types");
-var _ufo = require("../../ufo");
+var _analytics = require("../analytics");
+var _constants = require("../shared/constants");
+var _i18n = require("../shared/i18n");
+var _types = require("../types");
+var _ufo = require("../ufo");
 var _Reaction = require("./Reaction");
 var _ReactionsDialog = require("./ReactionsDialog");
 var _ReactionPicker = require("./ReactionPicker");

package/dist/cjs/components/{compiled/ReactionsDialog.js → ReactionsDialog.js}

@@ -15,7 +15,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _tabs = _interopRequireDefault(require("@atlaskit/tabs"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _constants = require("../../shared/constants");
+var _constants = require("../shared/constants");
 var _ReactionsList = require("./ReactionsList");
 var _ReactionsDialogHeader = require("./ReactionsDialogHeader");
 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); }

package/dist/cjs/components/{compiled/ReactionsDialogHeader.js → ReactionsDialogHeader.js}

@@ -28,7 +28,7 @@ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevr
 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 _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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/components/{compiled/ReactionsDialogTrigger.js → ReactionsDialogTrigger.js}

@@ -15,7 +15,7 @@ var _react2 = require("@compiled/react");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _reactIntlNext = require("react-intl-next");
-var _i18n = require("../../shared/i18n");
+var _i18n = require("../shared/i18n");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var styles = {

package/dist/cjs/components/{compiled/Selector.js → Selector.js}

@@ -12,9 +12,9 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _constants = require("../../shared/constants");
+var _constants = require("../shared/constants");
 var _EmojiButton = require("./EmojiButton");
-var _ShowMore = require("../ShowMore");
+var _ShowMore = require("./ShowMore");
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/components/{ShowMore/ShowMore.js → ShowMore.js}

@@ -10,7 +10,7 @@ var _reactIntlNext = require("react-intl-next");
 var _new = require("@atlaskit/button/new");
 var _showMoreHorizontalEditorMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--editor-more"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _i18n = require("../../shared/i18n");
+var _i18n = require("../shared/i18n");
 /**
  * Test id for wrapper button
  */

package/dist/cjs/components/{compiled/Trigger.js → Trigger.js}

@@ -85,7 +85,9 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
     },
     onClick: handleMouseDown,
     isDisabled: disabled,
-    ref: ref
+    ref: ref,
+    "data-subtle": subtleReactionsSummaryAndPicker,
+    "data-mini-mode": miniMode
   }, ariaAttributes), !!reactionPickerTriggerIcon ? reactionPickerTriggerIcon :
   /*#__PURE__*/
   // TODO: https://product-fabric.atlassian.net/browse/DSP-21007

package/dist/cjs/components/index.js

@@ -37,4 +37,4 @@ var _Reaction = require("./Reaction");
 var _ReactionPicker = require("./ReactionPicker");
 var _Reactions = require("./Reactions");
 var _UfoErrorBoundary = require("./UfoErrorBoundary");
-var _ReactionsDialog = require("./ReactionDialog/ReactionsDialog");
+var _ReactionsDialog = require("./ReactionsDialog");

package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js

@@ -12,9 +12,6 @@ var _react = _interopRequireDefault(require("react"));
 var _components = require("../../components");
 var _ufo = require("../../ufo");
 var _ReactionPicker = require("../../components/ReactionPicker");
-var _ReactionPicker2 = require("../../components/compiled/ReactionPicker");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var ReactionPicker = (0, _platformFeatureFlagsReact.componentWithFG)('platform_editor_css_migrate_reactions', _ReactionPicker2.ReactionPicker, _ReactionPicker.ReactionPicker);
 /**
  * Reaction Picker component
  */
@@ -46,7 +43,7 @@ var ConnectedReactionPicker = exports.ConnectedReactionPicker = function Connect
   };
   return /*#__PURE__*/_react.default.createElement(_components.UfoErrorBoundary, {
     experiences: [_ufo.PickerRender]
-  }, /*#__PURE__*/_react.default.createElement(ReactionPicker, (0, _extends2.default)({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(_ReactionPicker.ReactionPicker, (0, _extends2.default)({}, props, {
     onSelection: onSelection
   })));
 };

package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -16,10 +16,8 @@ var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-contex
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _components = require("../../components");
 var _Reactions = require("../../components/Reactions");
-var _Reactions2 = require("../../components/compiled/Reactions");
 var _store2 = require("../../store");
 var _types = require("../../types");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["ari", "containerAri", "store", "particleEffectByEmojiEnabled", "onReactionSuccess"];
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -223,9 +221,7 @@ var ConnectedReactionsView = exports.ConnectedReactionsView = function Connected
     }
   }, /*#__PURE__*/_react.default.createElement(_components.UfoErrorBoundary, {
     experiences: experienceInstance.current ? [experienceInstance.current] : []
-  }, stateData && dispatchData && (0, _platformFeatureFlags.fg)('platform_editor_css_migrate_reactions') ? /*#__PURE__*/_react.default.createElement(_Reactions2.Reactions, (0, _extends2.default)({
+  }, stateData && dispatchData && /*#__PURE__*/_react.default.createElement(_Reactions.Reactions, (0, _extends2.default)({
     key: "".concat(containerAri, "|").concat(ari)
-  }, rest, dispatchData, stateData)) : null, stateData && dispatchData && !(0, _platformFeatureFlags.fg)('platform_editor_css_migrate_reactions') ? /*#__PURE__*/_react.default.createElement(_Reactions.Reactions, (0, _extends2.default)({
-    key: "".concat(containerAri, "|").concat(ari)
-  }, rest, dispatchData, stateData)) : null));
+  }, rest, dispatchData, stateData))));
 };

package/dist/cjs/index.js

@@ -21,14 +21,24 @@ Object.defineProperty(exports, "MemoryReactionsStore", {
     return _store.MemoryReactionsStore;
   }
 });
-exports.Reaction = void 0;
+Object.defineProperty(exports, "Reaction", {
+  enumerable: true,
+  get: function get() {
+    return _Reaction.Reaction;
+  }
+});
 Object.defineProperty(exports, "ReactionConsumer", {
   enumerable: true,
   get: function get() {
     return _store.ReactionConsumer;
   }
 });
-exports.ReactionPicker = void 0;
+Object.defineProperty(exports, "ReactionPicker", {
+  enumerable: true,
+  get: function get() {
+    return _ReactionPicker.ReactionPicker;
+  }
+});
 Object.defineProperty(exports, "ReactionServiceClient", {
   enumerable: true,
   get: function get() {
@@ -47,7 +57,13 @@ Object.defineProperty(exports, "ReactionUpdateType", {
     return _types.ReactionUpdateType;
   }
 });
-exports.constants = exports.UFO = exports.Reactions = void 0;
+Object.defineProperty(exports, "Reactions", {
+  enumerable: true,
+  get: function get() {
+    return _Reactions.Reactions;
+  }
+});
+exports.constants = exports.UFO = void 0;
 Object.defineProperty(exports, "useCloseManager", {
   enumerable: true,
   get: function get() {
@@ -56,22 +72,14 @@ Object.defineProperty(exports, "useCloseManager", {
 });
 var _constants = require("./shared/constants");
 var _ufo = require("./ufo");
+var _client = require("./client");
 var _Reaction = require("./components/Reaction");
-var _Reaction2 = require("./components/compiled/Reaction");
+var _ReactionPicker = require("./components/ReactionPicker");
 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");
 var _containers = require("./containers");
 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', _ReactionPicker2.ReactionPicker, _ReactionPicker.ReactionPicker);
-
 // TODO: Convert all calls for ReactionRequest to Request, RequestClient to Client and ReactionsStore to Store
 
 var constants = exports.constants = {

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

package/dist/es2019/components/{compiled/Counter.js → Counter.js}

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useMemo, useRef } from 'react';
 import { SlideIn, ExitingPersistence } from '@atlaskit/motion';
-import { formatLargeNumber } from '../../shared/utils';
+import { formatLargeNumber } from '../shared/utils';
 import { B400, N90 } from '@atlaskit/theme/colors';
 const containerStyle = null;
 const counterLabelStyle = null;

package/dist/es2019/components/{compiled/EmojiButton.js → EmojiButton.js}

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl-next';
 import { ResourcedEmoji } from '@atlaskit/emoji';
-import { messages } from '../../shared/i18n';
-import { isLeftClick } from '../../shared/utils';
+import { messages } from '../shared/i18n';
+import { isLeftClick } from '../shared/utils';
 import { Pressable } from '@atlaskit/primitives/compiled';
 const styles = {
   emojiButton: "_12ji1r31 _1qu2glyw _12y31o36 _2rkoglpi _189eidpf _1e0c1txw _bfhksm61 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _o7ksrkh3 _1llw1q5f"

package/dist/es2019/components/{compiled/Reaction.js → Reaction.js}

@@ -6,12 +6,12 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ResourcedEmoji } from '@atlaskit/emoji';
-import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../../analytics';
-import { Counter } from '../Counter';
+import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
+import { Counter } from './Counter';
 import { ReactionParticleEffect } from './ReactionParticleEffect';
 import { ReactionTooltip } from './ReactionTooltip';
-import { messages } from '../../shared/i18n';
-import { isLeftClick } from '../../shared/utils';
+import { messages } from '../shared/i18n';
+import { isLeftClick } from '../shared/utils';
 import { ReactionButton } from './ReactionButton';
 import { StaticReaction } from './StaticReaction';
 import { Box, Inline } from '@atlaskit/primitives/compiled';

package/dist/es2019/components/{compiled/ReactionPicker.js → ReactionPicker.js}

@@ -6,10 +6,10 @@ import { FormattedMessage } from 'react-intl-next';
 import { EmojiPicker } from '@atlaskit/emoji/picker';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { layers } from '@atlaskit/theme/constants';
-import { useCloseManager } from '../../hooks/useCloseManager';
-import { useFocusTrap } from '../../hooks/useFocusTrap';
-import { messages } from '../../shared/i18n';
-import { PickerRender } from '../../ufo';
+import { useCloseManager } from '../hooks/useCloseManager';
+import { useFocusTrap } from '../hooks/useFocusTrap';
+import { messages } from '../shared/i18n';
+import { PickerRender } from '../ufo';
 import { Selector } from './Selector';
 import { Trigger } from './Trigger';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
@@ -17,7 +17,7 @@ const pickerStyle = null;
 const contentStyle = null;
 const popupWrapperStyle = null;
 const popupStyle = null;
-import { RepositionOnUpdate } from '../ReactionPicker/RepositionOnUpdate';
+import { RepositionOnUpdate } from './RepositionOnUpdate';
 
 /**
  * Test id for wrapper ReactionPicker div

package/dist/es2019/components/{compiled/ReactionSummaryButton.js → ReactionSummaryButton.js}

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { ResourcedEmoji } from '@atlaskit/emoji';
-import { messages } from '../../shared/i18n';
+import { messages } from '../shared/i18n';
 import { Counter } from './Counter';
 import { ReactionButton } from './ReactionButton';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';

package/dist/es2019/components/{compiled/ReactionSummaryView.js → ReactionSummaryView.js}

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
 import Popup from '@atlaskit/popup';
 import { Reaction } from './Reaction';
-import { ReactionSummaryViewEmojiPicker } from '../ReactionSummary/ReactionSummaryViewEmojiPicker';
+import { ReactionSummaryViewEmojiPicker } from './ReactionSummaryViewEmojiPicker';
 import { ReactionSummaryButton } from './ReactionSummaryButton';
 import { Inline } from '@atlaskit/primitives/compiled';
 const styles = {

package/dist/es2019/components/{ReactionSummary/ReactionSummaryViewEmojiPicker.js → ReactionSummaryViewEmojiPicker.js}

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
 import { EmojiPicker } from '@atlaskit/emoji/picker';
 import Popup from '@atlaskit/popup';
-import { PickerRender } from '../../ufo';
-import { Trigger } from '../Trigger';
+import { PickerRender } from '../ufo';
+import { Trigger } from './Trigger';
 export const ReactionSummaryViewEmojiPicker = ({
   emojiProvider,
   onSelection,

package/dist/es2019/components/{compiled/ReactionTooltip.js → ReactionTooltip.js}

@@ -5,8 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
 import { FormattedMessage } from 'react-intl-next';
-import { TOOLTIP_USERS_LIMIT } from '../../shared/constants';
-import { messages } from '../../shared/i18n';
+import { TOOLTIP_USERS_LIMIT } from '../shared/constants';
+import { messages } from '../shared/i18n';
 import { N90, N800, N0 } from '@atlaskit/theme/colors';
 export const verticalMargin = 5;
 const tooltipStyle = null;

package/dist/es2019/components/{compiled/Reactions.js → Reactions.js}

@@ -7,11 +7,11 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ModalTransition } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
 import UFOSegment from '@atlaskit/react-ufo/segment';
-import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../../analytics';
-import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../../shared/constants';
-import { messages } from '../../shared/i18n';
-import { ReactionStatus } from '../../types';
-import { ReactionDialogOpened, ReactionDialogSelectedReactionChanged } from '../../ufo';
+import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
+import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
+import { messages } from '../shared/i18n';
+import { ReactionStatus } from '../types';
+import { ReactionDialogOpened, ReactionDialogSelectedReactionChanged } from '../ufo';
 import { Reaction } from './Reaction';
 import { ReactionsDialog } from './ReactionsDialog';
 import { ReactionPicker } from './ReactionPicker';

package/dist/es2019/components/{compiled/ReactionsDialog.js → ReactionsDialog.js}

@@ -6,7 +6,7 @@ import { useEffect, useState, useCallback, useMemo } from 'react';
 import Tabs from '@atlaskit/tabs';
 import Modal, { ModalBody } from '@atlaskit/modal-dialog';
 import { Box } from '@atlaskit/primitives/compiled';
-import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../../shared/constants';
+import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../shared/constants';
 import { ReactionsList } from './ReactionsList';
 import { ReactionsDialogHeader } from './ReactionsDialogHeader';
 const styles = {

package/dist/es2019/components/{compiled/ReactionsDialogHeader.js → ReactionsDialogHeader.js}

@@ -17,7 +17,7 @@ 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 { messages } from '../shared/i18n';
 import { Counter } from './Counter';
 const styles = {
   leftNavigationStyle: "_19pk1b66 _1wpzynz6 _19bvpxbi _n3tdutpp",

package/dist/es2019/components/{compiled/ReactionsDialogTrigger.js → ReactionsDialogTrigger.js}

@@ -7,7 +7,7 @@ import { cx } from '@compiled/react';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { useIntl } from 'react-intl-next';
-import { messages } from '../../shared/i18n';
+import { messages } from '../shared/i18n';
 const styles = {
   trigger: "_2rkoiti9 _2hwx1b66 _19pk1b66 _1ul9zwfg _4t3i1tcg _1e0c1txw _1bah1h6o _4cvr1h6o _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
   transparentEnabledTrigger: "_1h6dmuej _irr3166n _1di61dty"

package/dist/es2019/components/{compiled/Selector.js → Selector.js}

@@ -4,9 +4,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
 import Tooltip from '@atlaskit/tooltip';
-import { DefaultReactions } from '../../shared/constants';
+import { DefaultReactions } from '../shared/constants';
 import { EmojiButton } from './EmojiButton';
-import { ShowMore } from '../ShowMore';
+import { ShowMore } from './ShowMore';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 const styles = {
   container: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",

package/dist/es2019/components/{ShowMore/ShowMore.js → ShowMore.js}

@@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import EditorMoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
 import Tooltip from '@atlaskit/tooltip';
-import { messages } from '../../shared/i18n';
+import { messages } from '../shared/i18n';
 
 /**
  * Test id for wrapper button

package/dist/es2019/components/{compiled/Trigger.js → Trigger.js}

@@ -75,7 +75,9 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     },
     onClick: handleMouseDown,
     isDisabled: disabled,
-    ref: ref
+    ref: ref,
+    "data-subtle": subtleReactionsSummaryAndPicker,
+    "data-mini-mode": miniMode
   }, ariaAttributes), !!reactionPickerTriggerIcon ? reactionPickerTriggerIcon :
   /*#__PURE__*/
   // TODO: https://product-fabric.atlassian.net/browse/DSP-21007

package/dist/es2019/components/index.js

@@ -2,4 +2,4 @@ export { Reaction } from './Reaction';
 export { ReactionPicker } from './ReactionPicker';
 export { Reactions } from './Reactions';
 export { UfoErrorBoundary } from './UfoErrorBoundary';
-export { ReactionsDialog } from './ReactionDialog/ReactionsDialog';
+export { ReactionsDialog } from './ReactionsDialog';

package/dist/es2019/containers/ConnectedReactionPicker/ConnectedReactionPicker.js

@@ -2,10 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { UfoErrorBoundary } from '../../components';
 import { PickerRender } from '../../ufo';
-import { ReactionPicker as EmotionReactionPicker } from '../../components/ReactionPicker';
-import { ReactionPicker as CompiledReactionPicker } from '../../components/compiled/ReactionPicker';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
-const ReactionPicker = componentWithFG('platform_editor_css_migrate_reactions', CompiledReactionPicker, EmotionReactionPicker);
+import { ReactionPicker } from '../../components/ReactionPicker';
 /**
  * Reaction Picker component
  */

package/dist/es2019/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -3,11 +3,9 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { UfoErrorBoundary } from '../../components';
-import { Reactions as EmotionReactions } from '../../components/Reactions';
-import { Reactions as CompiledReactions } from '../../components/compiled/Reactions';
+import { Reactions } from '../../components/Reactions';
 import { ufoExperiences } from '../../store';
 import { ReactionStatus } from '../../types';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 /**
  * State Props required for <Reactions />
@@ -170,9 +168,7 @@ export const ConnectedReactionsView = props => {
     }
   }, /*#__PURE__*/React.createElement(UfoErrorBoundary, {
     experiences: experienceInstance.current ? [experienceInstance.current] : []
-  }, stateData && dispatchData && fg('platform_editor_css_migrate_reactions') ? /*#__PURE__*/React.createElement(CompiledReactions, _extends({
+  }, stateData && dispatchData && /*#__PURE__*/React.createElement(Reactions, _extends({
     key: `${containerAri}|${ari}`
-  }, rest, dispatchData, stateData)) : null, stateData && dispatchData && !fg('platform_editor_css_migrate_reactions') ? /*#__PURE__*/React.createElement(EmotionReactions, _extends({
-    key: `${containerAri}|${ari}`
-  }, rest, dispatchData, stateData)) : null));
+  }, rest, dispatchData, stateData))));
 };