@atlaskit/reactions 33.8.20 → 33.8.22

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/reactions
 
+## 33.8.22
+
+### Patch Changes
+
+- Updated dependencies
+
+## 33.8.21
+
+### Patch Changes
+
+- [`1973bfd3d96db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1973bfd3d96db) -
+  Feature gate cleanup
+- Updated dependencies
+
 ## 33.8.20
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -9,9 +9,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _analyticsNext = require("@atlaskit/analytics-next");
 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; }
+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 = "33.8.19";
+var packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/Reactions.compiled.css

@@ -1,8 +1,5 @@
 
-._qtt8glyw{list-style:none}
-._18zrze3t{padding-inline:var(--ds-space-0,0)}
-._195gze3t{margin-inline:var(--ds-space-0,0)}
-._1rjcze3t{padding-block:var(--ds-space-0,0)}._18u0idpf{margin-left:0}
+._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
 ._19bvidpf{padding-left:0}
 ._19pkidpf{margin-top:0}
 ._1e0c1o8l{display:inline-block}
@@ -14,7 +11,6 @@
 ._1pfhr5cr{margin-block-start:var(--ds-space-negative-050,-4px)}
 ._2hwxidpf{margin-right:0}
 ._4cvr1h6o{align-items:center}
-._6rthze3t{margin-block-end:var(--ds-space-0,0)}
 ._ca0qidpf{padding-top:0}
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}

package/dist/cjs/components/Reactions.js

@@ -19,7 +19,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _segment = _interopRequireDefault(require("@atlaskit/react-ufo/segment"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../analytics");
 var _constants = require("../shared/constants");
 var _i18n = require("../shared/i18n");
@@ -35,9 +34,6 @@ var noFlexWrapStyles = null;
 var noContainerPositionStyles = null;
 var reactionPickerStyle = null;
 var listContainerStyles = null;
-var pickerListItemStyles = {
-  picker: "_195gze3t _18zrze3t _1rjcze3t _1e0c1o8l _1pfh1b66 _6rthze3t"
-};
 
 /**
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -307,9 +303,6 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     return reaction.count >= 5;
   });
   var shouldShowPicker = !isViewOnly && !(!onlyRenderPicker && shouldShowSummaryView && allowSelectFromSummaryView);
-  var semanticListEnabled = (0, _platformFeatureFlags.fg)('jfp_a11y_team_comment_actions_semantic');
-  var addReactionButtonAsListItem = (0, _platformFeatureFlags.fg)('platform-a11y-add-reactions-button-ul-item');
-  var pickerInsideList = semanticListEnabled && addReactionButtonAsListItem && shouldShowPicker;
   var sortedReactions = (0, _react.useMemo)(function () {
     return (0, _toConsumableArray2.default)(memorizedReactions).sort(function (a, b) {
       return (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count);
@@ -397,32 +390,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
       isViewOnly: isViewOnly,
       showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0
     });
-  }), pickerInsideList && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    as: "li",
-    xcss: pickerListItemStyles.picker
-  }, /*#__PURE__*/_react.default.createElement(_ReactionPicker.ReactionPicker, {
-    emojiProvider: emojiProvider,
-    allowAllEmojis: allowAllEmojis,
-    pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
-    disabled: status !== _types.ReactionStatus.ready,
-    onSelection: handleOnSelection,
-    onOpen: handlePickerOpen,
-    onCancel: handleOnCancel,
-    onShowMore: handleOnMore,
-    tooltipContent: hoverableSummaryView ? null : getTooltip(status, errorMessage, reactionPickerTriggerTooltipContent),
-    emojiPickerSize: emojiPickerSize,
-    miniMode: miniMode,
-    showOpaqueBackground: showOpaqueBackground,
-    showAddReactionText: showAddReactionText,
-    subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    reactionPickerTriggerIcon: reactionPickerTriggerIcon,
-    reactionPickerTriggerText: reactionPickerTriggerText,
-    isListItem: isListItem,
-    hoverableReactionPicker: hoverableSummaryView,
-    hoverableReactionPickerDelay: hoverableSummaryView ? 300 : 0,
-    reactionPickerPlacement: reactionPickerPlacement,
-    reactionPickerPopperZIndex: reactionPickerPopperZIndex
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, memorizedReactions.map(function (reaction) {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, memorizedReactions.map(function (reaction) {
     return /*#__PURE__*/_react.default.createElement(_Reaction.Reaction, {
       key: reaction.emojiId,
       reaction: reaction,
@@ -438,7 +406,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
       isViewOnly: isViewOnly,
       showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0
     });
-  }))), shouldShowPicker && !pickerInsideList && /*#__PURE__*/_react.default.createElement(_ReactionPicker.ReactionPicker, {
+  }))), shouldShowPicker && /*#__PURE__*/_react.default.createElement(_ReactionPicker.ReactionPicker, {
     emojiProvider: emojiProvider,
     allowAllEmojis: allowAllEmojis,
     pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,

package/dist/es2019/analytics/index.js

@@ -1,7 +1,8 @@
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 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.8.19";
+const packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/Reactions.compiled.css

@@ -1,8 +1,5 @@
 
-._qtt8glyw{list-style:none}
-._18zrze3t{padding-inline:var(--ds-space-0,0)}
-._195gze3t{margin-inline:var(--ds-space-0,0)}
-._1rjcze3t{padding-block:var(--ds-space-0,0)}._18u0idpf{margin-left:0}
+._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
 ._19bvidpf{padding-left:0}
 ._19pkidpf{margin-top:0}
 ._1e0c1o8l{display:inline-block}
@@ -14,7 +11,6 @@
 ._1pfhr5cr{margin-block-start:var(--ds-space-negative-050,-4px)}
 ._2hwxidpf{margin-right:0}
 ._4cvr1h6o{align-items:center}
-._6rthze3t{margin-block-end:var(--ds-space-0,0)}
 ._ca0qidpf{padding-top:0}
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}

package/dist/es2019/components/Reactions.js

@@ -7,7 +7,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ModalTransition } from '@atlaskit/modal-dialog';
 import UFOSegment from '@atlaskit/react-ufo/segment';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box } from '@atlaskit/primitives/compiled';
 import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
 import { messages } from '../shared/i18n';
@@ -22,9 +21,6 @@ const noFlexWrapStyles = null;
 const noContainerPositionStyles = null;
 const reactionPickerStyle = null;
 const listContainerStyles = null;
-const pickerListItemStyles = {
-  picker: "_195gze3t _18zrze3t _1rjcze3t _1e0c1o8l _1pfh1b66 _6rthze3t"
-};
 
 /**
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -257,9 +253,6 @@ export const Reactions = /*#__PURE__*/React.memo(({
   // criteria to show Reactions Dialog
   const hasEmojiWithFivePlusReactions = reactions.some(reaction => reaction.count >= 5);
   const shouldShowPicker = !isViewOnly && !(!onlyRenderPicker && shouldShowSummaryView && allowSelectFromSummaryView);
-  const semanticListEnabled = fg('jfp_a11y_team_comment_actions_semantic');
-  const addReactionButtonAsListItem = fg('platform-a11y-add-reactions-button-ul-item');
-  const pickerInsideList = semanticListEnabled && addReactionButtonAsListItem && shouldShowPicker;
   const sortedReactions = useMemo(() => {
     return [...memorizedReactions].sort((a, b) => (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count));
   }, [memorizedReactions]);
@@ -339,31 +332,6 @@ export const Reactions = /*#__PURE__*/React.memo(({
     handleOpenReactionsDialog: handleOpenReactionsDialog,
     isViewOnly: isViewOnly,
     showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0
-  })), pickerInsideList && /*#__PURE__*/React.createElement(Box, {
-    as: "li",
-    xcss: pickerListItemStyles.picker
-  }, /*#__PURE__*/React.createElement(ReactionPicker, {
-    emojiProvider: emojiProvider,
-    allowAllEmojis: allowAllEmojis,
-    pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
-    disabled: status !== ReactionStatus.ready,
-    onSelection: handleOnSelection,
-    onOpen: handlePickerOpen,
-    onCancel: handleOnCancel,
-    onShowMore: handleOnMore,
-    tooltipContent: hoverableSummaryView ? null : getTooltip(status, errorMessage, reactionPickerTriggerTooltipContent),
-    emojiPickerSize: emojiPickerSize,
-    miniMode: miniMode,
-    showOpaqueBackground: showOpaqueBackground,
-    showAddReactionText: showAddReactionText,
-    subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    reactionPickerTriggerIcon: reactionPickerTriggerIcon,
-    reactionPickerTriggerText: reactionPickerTriggerText,
-    isListItem: isListItem,
-    hoverableReactionPicker: hoverableSummaryView,
-    hoverableReactionPickerDelay: hoverableSummaryView ? 300 : 0,
-    reactionPickerPlacement: reactionPickerPlacement,
-    reactionPickerPopperZIndex: reactionPickerPopperZIndex
   }))) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(reaction => /*#__PURE__*/React.createElement(Reaction, {
     key: reaction.emojiId,
     reaction: reaction,
@@ -378,7 +346,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
     handleOpenReactionsDialog: handleOpenReactionsDialog,
     isViewOnly: isViewOnly,
     showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0
-  })))), shouldShowPicker && !pickerInsideList && /*#__PURE__*/React.createElement(ReactionPicker, {
+  })))), shouldShowPicker && /*#__PURE__*/React.createElement(ReactionPicker, {
     emojiProvider: emojiProvider,
     allowAllEmojis: allowAllEmojis,
     pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,

package/dist/es2019/store/MemoryReactionsStore.js

@@ -6,7 +6,6 @@ import { addOne, byEmojiId, flattenAris, getReactionsSortFunction, isRealErrorFr
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
 import { ReactionsAdd, ReactionDetailsFetch, ReactionsRemove, sampledReactionsRendered } from '../ufo';
 import { ReactionUpdateType } from '../types/reaction';
-
 /**
  * Set of all available UFO experiences relating to reaction element
  */

package/dist/esm/analytics/index.js

@@ -1,10 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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
 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.8.19";
+var packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/Reactions.compiled.css

@@ -1,8 +1,5 @@
 
-._qtt8glyw{list-style:none}
-._18zrze3t{padding-inline:var(--ds-space-0,0)}
-._195gze3t{margin-inline:var(--ds-space-0,0)}
-._1rjcze3t{padding-block:var(--ds-space-0,0)}._18u0idpf{margin-left:0}
+._qtt8glyw{list-style:none}._18u0idpf{margin-left:0}
 ._19bvidpf{padding-left:0}
 ._19pkidpf{margin-top:0}
 ._1e0c1o8l{display:inline-block}
@@ -14,7 +11,6 @@
 ._1pfhr5cr{margin-block-start:var(--ds-space-negative-050,-4px)}
 ._2hwxidpf{margin-right:0}
 ._4cvr1h6o{align-items:center}
-._6rthze3t{margin-block-end:var(--ds-space-0,0)}
 ._ca0qidpf{padding-top:0}
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}

package/dist/esm/components/Reactions.js

@@ -9,7 +9,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ModalTransition } from '@atlaskit/modal-dialog';
 import UFOSegment from '@atlaskit/react-ufo/segment';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box } from '@atlaskit/primitives/compiled';
 import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
 import { messages } from '../shared/i18n';
@@ -24,9 +23,6 @@ var noFlexWrapStyles = null;
 var noContainerPositionStyles = null;
 var reactionPickerStyle = null;
 var listContainerStyles = null;
-var pickerListItemStyles = {
-  picker: "_195gze3t _18zrze3t _1rjcze3t _1e0c1o8l _1pfh1b66 _6rthze3t"
-};
 
 /**
  * Set of all available UFO experiences relating to Reactions Dialog
@@ -296,9 +292,6 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     return reaction.count >= 5;
   });
   var shouldShowPicker = !isViewOnly && !(!onlyRenderPicker && shouldShowSummaryView && allowSelectFromSummaryView);
-  var semanticListEnabled = fg('jfp_a11y_team_comment_actions_semantic');
-  var addReactionButtonAsListItem = fg('platform-a11y-add-reactions-button-ul-item');
-  var pickerInsideList = semanticListEnabled && addReactionButtonAsListItem && shouldShowPicker;
   var sortedReactions = useMemo(function () {
     return _toConsumableArray(memorizedReactions).sort(function (a, b) {
       return (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count);
@@ -386,32 +379,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
       isViewOnly: isViewOnly,
       showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0
     });
-  }), pickerInsideList && /*#__PURE__*/React.createElement(Box, {
-    as: "li",
-    xcss: pickerListItemStyles.picker
-  }, /*#__PURE__*/React.createElement(ReactionPicker, {
-    emojiProvider: emojiProvider,
-    allowAllEmojis: allowAllEmojis,
-    pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
-    disabled: status !== ReactionStatus.ready,
-    onSelection: handleOnSelection,
-    onOpen: handlePickerOpen,
-    onCancel: handleOnCancel,
-    onShowMore: handleOnMore,
-    tooltipContent: hoverableSummaryView ? null : getTooltip(status, errorMessage, reactionPickerTriggerTooltipContent),
-    emojiPickerSize: emojiPickerSize,
-    miniMode: miniMode,
-    showOpaqueBackground: showOpaqueBackground,
-    showAddReactionText: showAddReactionText,
-    subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    reactionPickerTriggerIcon: reactionPickerTriggerIcon,
-    reactionPickerTriggerText: reactionPickerTriggerText,
-    isListItem: isListItem,
-    hoverableReactionPicker: hoverableSummaryView,
-    hoverableReactionPickerDelay: hoverableSummaryView ? 300 : 0,
-    reactionPickerPlacement: reactionPickerPlacement,
-    reactionPickerPopperZIndex: reactionPickerPopperZIndex
-  }))) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(function (reaction) {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, memorizedReactions.map(function (reaction) {
     return /*#__PURE__*/React.createElement(Reaction, {
       key: reaction.emojiId,
       reaction: reaction,
@@ -427,7 +395,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
       isViewOnly: isViewOnly,
       showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0
     });
-  }))), shouldShowPicker && !pickerInsideList && /*#__PURE__*/React.createElement(ReactionPicker, {
+  }))), shouldShowPicker && /*#__PURE__*/React.createElement(ReactionPicker, {
     emojiProvider: emojiProvider,
     allowAllEmojis: allowAllEmojis,
     pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,

package/dist/esm/store/MemoryReactionsStore.js

@@ -10,7 +10,6 @@ import { addOne, byEmojiId, flattenAris, getReactionsSortFunction, isRealErrorFr
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
 import { ReactionsAdd, ReactionDetailsFetch, ReactionsRemove, sampledReactionsRendered } from '../ufo';
 import { ReactionUpdateType } from '../types/reaction';
-
 /**
  * Set of all available UFO experiences relating to reaction element
  */

package/dist/types/analytics/index.d.ts

@@ -1,4 +1,4 @@
-import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type EventType } from '@atlaskit/analytics-gas-types';
 import { type ReactionSummary, type ReactionSource } from '../types';
 export type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
@@ -11,7 +11,7 @@ export type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
  * @returns bool, if it passes or not
  */
 export declare const isSampled: (rate: number) => boolean;
-export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
 export declare const createAndFireSafe: <U extends any[], T extends (...args: U) => AnalyticsEventPayload>(createAnalyticsEvent: CreateUIAnalyticsEvent | void, creator: T, ...args: U) => void;
 export declare const createRestSucceededEvent: (actionSubject: string) => {
     action: string;

package/dist/types/components/ReactionParticleEffect.d.ts

@@ -14,5 +14,5 @@ interface ReactionParticleEffectProps {
      */
     emojiProvider: Promise<EmojiProvider>;
 }
-export declare const ReactionParticleEffect: ({ emojiProvider, emojiId }: ReactionParticleEffectProps) => JSX.Element;
+export declare const ReactionParticleEffect: ({ emojiProvider, emojiId, }: ReactionParticleEffectProps) => JSX.Element;
 export {};

package/dist/types/components/ReactionSummaryButton.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
 import { type ReactionsProps } from './Reactions';
 interface ReactionSummaryButtonProps extends Pick<ReactionsProps, 'emojiProvider' | 'reactions' | 'useButtonAlignmentStyling'> {
     /**
@@ -48,5 +53,5 @@ export declare const RENDER_SUMMARY_BUTTON_TESTID = "reaction-summary-button";
  * Test id for emojis displayed inside summary button. All emoji's in the summary button will have this test id
  */
 export declare const RENDER_SUMMARY_EMOJI_TESTID = "summary-emoji-display";
-export declare const ReactionSummaryButton: import("react").ForwardRefExoticComponent<ReactionSummaryButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ReactionSummaryButton: ForwardRefExoticComponent<ReactionSummaryButtonProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/components/Reactions.d.ts

@@ -9,6 +9,7 @@ import { type Placement } from '@atlaskit/popper';
 import { ReactionStatus, type ReactionClick, type ReactionSummary, type QuickReactionEmojiSummary, type ProfileCardWrapper } from '../types';
 import { type ReactionPickerProps } from './ReactionPicker';
 import { type SelectorProps } from './Selector';
+import type { UFOExperience } from '@atlaskit/ufo';
 /**
  * Set of all available UFO experiences relating to Reactions Dialog
  */
@@ -16,11 +17,11 @@ export declare const ufoExperiences: {
     /**
      * Experience when a reaction dialog is opened
      */
-    openDialog: import("@atlaskit/ufo").UFOExperience;
+    openDialog: UFOExperience;
     /**
      * Experience when a reaction changed/fetched from inside the modal dialog
      */
-    selectedReactionChangeInsideDialog: import("@atlaskit/ufo").UFOExperience;
+    selectedReactionChangeInsideDialog: UFOExperience;
 };
 /**
  * Test id for wrapper Reactions div

package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type ReactionsProps, type ReactionPickerProps } from '../../components';
 import { ReactionStatus, type Actions, type State, type StorePropInput } from '../../types';
-import { type ReactionUpdateSuccess } from '../../types/reaction';
+import { type ReactionSummary, type ReactionUpdateSuccess } from '../../types/reaction';
 export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView' | 'reactionPickerPopperZIndex'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
     /**
      * Individual id for a reaction
@@ -35,7 +35,7 @@ export declare const mapStateToPropsHelper: (containerAri: string, ari: string,
     flash?: undefined;
     particleEffectByEmoji?: undefined;
 } | {
-    reactions: import("../..").ReactionSummary[];
+    reactions: ReactionSummary[];
     status: ReactionStatus.ready;
     flash: {
         [emojiId: string]: boolean;

package/dist/types/index.d.ts

@@ -1,5 +1,7 @@
 import { ComponentName, ExperienceName } from './ufo';
 import { ReactionPicker } from './components/ReactionPicker';
+import type { EmojiId, WithSamplingUFOExperience } from '@atlaskit/emoji';
+import type { UFOExperience, ConcurrentExperience } from '@atlaskit/ufo';
 export { ReactionServiceClient } from './client';
 export { Reaction } from './components/Reaction';
 export { ReactionPicker };
@@ -10,10 +12,10 @@ export { MemoryReactionsStore, ReactionConsumer } from './store';
 export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, Reactions as ReactionsType, StorePropInput, State, } from './types';
 export { ReactionUpdateType, ReactionStatus, type ReactionSummary } from './types';
 export declare const constants: {
-    DefaultReactions: import("@atlaskit/emoji").EmojiId[];
-    DefaultReactionsByShortName: Map<string, import("@atlaskit/emoji").EmojiId>;
-    ExtendedReactions: import("@atlaskit/emoji").EmojiId[];
-    ExtendedReactionsByShortName: Map<string, import("@atlaskit/emoji").EmojiId>;
+    DefaultReactions: EmojiId[];
+    DefaultReactionsByShortName: Map<string, EmojiId>;
+    ExtendedReactions: EmojiId[];
+    ExtendedReactionsByShortName: Map<string, EmojiId>;
     NUMBER_OF_REACTIONS_TO_DISPLAY: number;
     SAMPLING_RATE_REACTIONS_RENDERED_EXP: number;
     TOOLTIP_USERS_LIMIT: number;
@@ -21,12 +23,12 @@ export declare const constants: {
 export declare const UFO: {
     ComponentName: typeof ComponentName;
     ExperienceName: typeof ExperienceName;
-    PickerRender: import("@atlaskit/ufo").UFOExperience;
-    ReactionsAdd: import("@atlaskit/ufo").ConcurrentExperience;
-    ReactionDetailsFetch: import("@atlaskit/ufo").ConcurrentExperience;
-    ReactionDialogOpened: import("@atlaskit/ufo").UFOExperience;
-    ReactionDialogSelectedReactionChanged: import("@atlaskit/ufo").UFOExperience;
-    ReactionsRemove: import("@atlaskit/ufo").ConcurrentExperience;
-    ReactionsRendered: import("@atlaskit/ufo").ConcurrentExperience;
-    sampledReactionsRendered: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;
+    PickerRender: UFOExperience;
+    ReactionsAdd: ConcurrentExperience;
+    ReactionDetailsFetch: ConcurrentExperience;
+    ReactionDialogOpened: UFOExperience;
+    ReactionDialogSelectedReactionChanged: UFOExperience;
+    ReactionsRemove: ConcurrentExperience;
+    ReactionsRendered: ConcurrentExperience;
+    sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;
 };

package/dist/types/store/MemoryReactionsStore.d.ts

@@ -1,6 +1,8 @@
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type Client, type OnChangeCallback, type State, type Store } from '../types';
 import { type ReactionUpdateSuccess } from '../types/reaction';
+import type { WithSamplingUFOExperience } from '@atlaskit/emoji';
+import type { ConcurrentExperience } from '@atlaskit/ufo';
 /**
  * Set of all available UFO experiences relating to reaction element
  */
@@ -8,19 +10,19 @@ export declare const ufoExperiences: {
     /**
      * Experience when a reaction emoji gets added
      */
-    add: import("@atlaskit/ufo").ConcurrentExperience;
+    add: ConcurrentExperience;
     /**
      * Experience when a reaction emoji gets removed/decrement
      */
-    remove: import("@atlaskit/ufo").ConcurrentExperience;
+    remove: ConcurrentExperience;
     /**
      * Experience when the list of reactions gets rendered with sampling
      */
-    render: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;
+    render: (instanceId: string) => WithSamplingUFOExperience;
     /**
      * Experience when a reaction details gets fetched
      */
-    fetchDetails: import("@atlaskit/ufo").ConcurrentExperience;
+    fetchDetails: ConcurrentExperience;
 };
 /**
  * Optional metadata information in the store used in sending the API client requests

package/dist/types/ufo/index.d.ts

@@ -1,4 +1,5 @@
 import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
+import { type WithSamplingUFOExperience } from '@atlaskit/emoji';
 /**
  * Types of experiences
  */
@@ -50,4 +51,4 @@ export declare const ReactionDetailsFetch: ConcurrentExperience;
  * Experience when a reaction emoji gets removed/decrement
  */
 export declare const ReactionsRemove: ConcurrentExperience;
-export declare const sampledReactionsRendered: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;
+export declare const sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;

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

@@ -1,4 +1,4 @@
-import { type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type EventType } from '@atlaskit/analytics-gas-types';
 import { type ReactionSummary, type ReactionSource } from '../types';
 export type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
@@ -11,7 +11,7 @@ export type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
  * @returns bool, if it passes or not
  */
 export declare const isSampled: (rate: number) => boolean;
-export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
 export declare const createAndFireSafe: <U extends any[], T extends (...args: U) => AnalyticsEventPayload>(createAnalyticsEvent: CreateUIAnalyticsEvent | void, creator: T, ...args: U) => void;
 export declare const createRestSucceededEvent: (actionSubject: string) => {
     action: string;

package/dist/types-ts4.5/components/ReactionParticleEffect.d.ts

@@ -14,5 +14,5 @@ interface ReactionParticleEffectProps {
      */
     emojiProvider: Promise<EmojiProvider>;
 }
-export declare const ReactionParticleEffect: ({ emojiProvider, emojiId }: ReactionParticleEffectProps) => JSX.Element;
+export declare const ReactionParticleEffect: ({ emojiProvider, emojiId, }: ReactionParticleEffectProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/components/ReactionSummaryButton.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
 import { type ReactionsProps } from './Reactions';
 interface ReactionSummaryButtonProps extends Pick<ReactionsProps, 'emojiProvider' | 'reactions' | 'useButtonAlignmentStyling'> {
     /**
@@ -48,5 +53,5 @@ export declare const RENDER_SUMMARY_BUTTON_TESTID = "reaction-summary-button";
  * Test id for emojis displayed inside summary button. All emoji's in the summary button will have this test id
  */
 export declare const RENDER_SUMMARY_EMOJI_TESTID = "summary-emoji-display";
-export declare const ReactionSummaryButton: import("react").ForwardRefExoticComponent<ReactionSummaryButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ReactionSummaryButton: ForwardRefExoticComponent<ReactionSummaryButtonProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types-ts4.5/components/Reactions.d.ts

@@ -9,6 +9,7 @@ import { type Placement } from '@atlaskit/popper';
 import { ReactionStatus, type ReactionClick, type ReactionSummary, type QuickReactionEmojiSummary, type ProfileCardWrapper } from '../types';
 import { type ReactionPickerProps } from './ReactionPicker';
 import { type SelectorProps } from './Selector';
+import type { UFOExperience } from '@atlaskit/ufo';
 /**
  * Set of all available UFO experiences relating to Reactions Dialog
  */
@@ -16,11 +17,11 @@ export declare const ufoExperiences: {
     /**
      * Experience when a reaction dialog is opened
      */
-    openDialog: import("@atlaskit/ufo").UFOExperience;
+    openDialog: UFOExperience;
     /**
      * Experience when a reaction changed/fetched from inside the modal dialog
      */
-    selectedReactionChangeInsideDialog: import("@atlaskit/ufo").UFOExperience;
+    selectedReactionChangeInsideDialog: UFOExperience;
 };
 /**
  * Test id for wrapper Reactions div

package/dist/types-ts4.5/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type ReactionsProps, type ReactionPickerProps } from '../../components';
 import { ReactionStatus, type Actions, type State, type StorePropInput } from '../../types';
-import { type ReactionUpdateSuccess } from '../../types/reaction';
+import { type ReactionSummary, type ReactionUpdateSuccess } from '../../types/reaction';
 export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView' | 'reactionPickerPopperZIndex'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
     /**
      * Individual id for a reaction
@@ -35,7 +35,7 @@ export declare const mapStateToPropsHelper: (containerAri: string, ari: string,
     flash?: undefined;
     particleEffectByEmoji?: undefined;
 } | {
-    reactions: import("../..").ReactionSummary[];
+    reactions: ReactionSummary[];
     status: ReactionStatus.ready;
     flash: {
         [emojiId: string]: boolean;

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

@@ -1,5 +1,7 @@
 import { ComponentName, ExperienceName } from './ufo';
 import { ReactionPicker } from './components/ReactionPicker';
+import type { EmojiId, WithSamplingUFOExperience } from '@atlaskit/emoji';
+import type { UFOExperience, ConcurrentExperience } from '@atlaskit/ufo';
 export { ReactionServiceClient } from './client';
 export { Reaction } from './components/Reaction';
 export { ReactionPicker };
@@ -10,10 +12,10 @@ export { MemoryReactionsStore, ReactionConsumer } from './store';
 export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, Reactions as ReactionsType, StorePropInput, State, } from './types';
 export { ReactionUpdateType, ReactionStatus, type ReactionSummary } from './types';
 export declare const constants: {
-    DefaultReactions: import("@atlaskit/emoji").EmojiId[];
-    DefaultReactionsByShortName: Map<string, import("@atlaskit/emoji").EmojiId>;
-    ExtendedReactions: import("@atlaskit/emoji").EmojiId[];
-    ExtendedReactionsByShortName: Map<string, import("@atlaskit/emoji").EmojiId>;
+    DefaultReactions: EmojiId[];
+    DefaultReactionsByShortName: Map<string, EmojiId>;
+    ExtendedReactions: EmojiId[];
+    ExtendedReactionsByShortName: Map<string, EmojiId>;
     NUMBER_OF_REACTIONS_TO_DISPLAY: number;
     SAMPLING_RATE_REACTIONS_RENDERED_EXP: number;
     TOOLTIP_USERS_LIMIT: number;
@@ -21,12 +23,12 @@ export declare const constants: {
 export declare const UFO: {
     ComponentName: typeof ComponentName;
     ExperienceName: typeof ExperienceName;
-    PickerRender: import("@atlaskit/ufo").UFOExperience;
-    ReactionsAdd: import("@atlaskit/ufo").ConcurrentExperience;
-    ReactionDetailsFetch: import("@atlaskit/ufo").ConcurrentExperience;
-    ReactionDialogOpened: import("@atlaskit/ufo").UFOExperience;
-    ReactionDialogSelectedReactionChanged: import("@atlaskit/ufo").UFOExperience;
-    ReactionsRemove: import("@atlaskit/ufo").ConcurrentExperience;
-    ReactionsRendered: import("@atlaskit/ufo").ConcurrentExperience;
-    sampledReactionsRendered: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;
+    PickerRender: UFOExperience;
+    ReactionsAdd: ConcurrentExperience;
+    ReactionDetailsFetch: ConcurrentExperience;
+    ReactionDialogOpened: UFOExperience;
+    ReactionDialogSelectedReactionChanged: UFOExperience;
+    ReactionsRemove: ConcurrentExperience;
+    ReactionsRendered: ConcurrentExperience;
+    sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;
 };

package/dist/types-ts4.5/store/MemoryReactionsStore.d.ts

@@ -1,6 +1,8 @@
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type Client, type OnChangeCallback, type State, type Store } from '../types';
 import { type ReactionUpdateSuccess } from '../types/reaction';
+import type { WithSamplingUFOExperience } from '@atlaskit/emoji';
+import type { ConcurrentExperience } from '@atlaskit/ufo';
 /**
  * Set of all available UFO experiences relating to reaction element
  */
@@ -8,19 +10,19 @@ export declare const ufoExperiences: {
     /**
      * Experience when a reaction emoji gets added
      */
-    add: import("@atlaskit/ufo").ConcurrentExperience;
+    add: ConcurrentExperience;
     /**
      * Experience when a reaction emoji gets removed/decrement
      */
-    remove: import("@atlaskit/ufo").ConcurrentExperience;
+    remove: ConcurrentExperience;
     /**
      * Experience when the list of reactions gets rendered with sampling
      */
-    render: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;
+    render: (instanceId: string) => WithSamplingUFOExperience;
     /**
      * Experience when a reaction details gets fetched
      */
-    fetchDetails: import("@atlaskit/ufo").ConcurrentExperience;
+    fetchDetails: ConcurrentExperience;
 };
 /**
  * Optional metadata information in the store used in sending the API client requests

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

@@ -1,4 +1,5 @@
 import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
+import { type WithSamplingUFOExperience } from '@atlaskit/emoji';
 /**
  * Types of experiences
  */
@@ -50,4 +51,4 @@ export declare const ReactionDetailsFetch: ConcurrentExperience;
  * Experience when a reaction emoji gets removed/decrement
  */
 export declare const ReactionsRemove: ConcurrentExperience;
-export declare const sampledReactionsRendered: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;
+export declare const sampledReactionsRendered: (instanceId: string) => WithSamplingUFOExperience;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.8.20",
+	"version": "33.8.22",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,12 +35,12 @@
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.8.0",
+		"@atlaskit/avatar": "^25.9.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/emoji": "^69.10.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/motion": "^5.4.0",
@@ -126,9 +126,6 @@
 		"jfp_a11y_team_comment_actions_semantic": {
 			"type": "boolean"
 		},
-		"platform-a11y-add-reactions-button-ul-item": {
-			"type": "boolean"
-		},
 		"platform_suppression_removal_fix_reactions": {
 			"type": "boolean"
 		}