@atlaskit/reactions 35.11.9 → 35.12.0

package/AGENTS.md

@@ -0,0 +1,19 @@
+# Reactions Package
+
+## Scope
+
+This guide applies to work under `platform/packages/elements/reactions/**`.
+
+This package is a shared platform for interacting with Reactions and is used by multiple products.
+
+## Coding standards
+
+- ⛔ ** Avoid adding product specific behaviour to the components **. As this is a platform
+  component we should prefer that users of the platform component control how the components behave.
+- A11Y fixes should be made in a platform component manner
+
+## Feature gating
+
+- Changes should be behind a feature gate/experiment
+- Target apps for the gate/experiment should include: `confluence_web`, `jira_web`, `atlas_web`,
+  `mercury_frontend_web`, `post-office_web`

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/reactions
 
+## 35.12.0
+
+### Minor Changes
+
+- [`499c637d02e3b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/499c637d02e3b) -
+  [ux] Add semantic list markup to the reaction summary when the
+  `platform_a11y_reactions_hover_selector_list` experiment is enabled.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 35.11.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 35.11.9
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "35.11.8";
+var packageVersion = "35.11.10";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/Reaction.js

@@ -22,7 +22,6 @@ var _analytics = require("../analytics");
 var _Counter = require("./Counter");
 var _ReactionParticleEffect = require("./ReactionParticleEffect");
 var _ReactionTooltip = require("./ReactionTooltip");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _i18n = require("../shared/i18n");
 var _utils = require("../shared/utils");
 var _constants = require("../shared/constants");
@@ -63,7 +62,8 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
     _ref$isViewOnly = _ref.isViewOnly,
     isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
     showSubtleStyle = _ref.showSubtleStyle,
-    optimisticImageURL = _ref.optimisticImageURL;
+    optimisticImageURL = _ref.optimisticImageURL,
+    rootElement = _ref.rootElement;
   var intl = (0, _reactIntl.useIntl)();
   var hoverStart = (0, _react.useRef)();
   var focusStart = (0, _react.useRef)();
@@ -160,8 +160,8 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
     });
   }
   return /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.container, (0, _platformFeatureFlags.fg)('jfp_a11y_team_comment_actions_semantic') ? styles.listItem : undefined),
-    as: (0, _platformFeatureFlags.fg)('jfp_a11y_team_comment_actions_semantic') ? 'li' : undefined
+    xcss: (0, _css.cx)(styles.container, rootElement === 'li' ? styles.listItem : undefined),
+    as: rootElement
   }, showParticleEffect && /*#__PURE__*/React.createElement(_ReactionParticleEffect.ReactionParticleEffect, {
     emojiId: emojiId,
     emojiProvider: emojiProvider,

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

@@ -1,5 +1,10 @@
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
+._2mzuglyw{list-style-type:none}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
 ._p12foiq5{max-width:325px}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/cjs/components/ReactionSummaryView.js

@@ -16,6 +16,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _picker = require("@atlaskit/emoji/picker");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _useDelayedState3 = require("../hooks/useDelayedState");
 var _Reaction = require("./Reaction");
 var _Trigger = require("./Trigger");
@@ -24,7 +25,8 @@ var _ufo = require("../ufo");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  summaryPopup: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _p12foiq5"
+  summaryPopup: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _p12foiq5",
+  summaryList: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _p12foiq5 _2mzuglyw"
 };
 
 /**
@@ -186,6 +188,7 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
       setSummaryPopupOpen(false);
     }
   }, [hoverableSummaryView, isSummaryViewButtonHovered, setIsHoveringSummaryView, setSummaryPopupOpen, isSummaryViewButtonClicked]);
+  var shouldRenderReactionSummaryList = (0, _isExperimentEnabled.isExperimentEnabled)('platform_a11y_reactions_hover_selector_list');
   return /*#__PURE__*/React.createElement(_popup.default, {
     placement: placement,
     content: function content(_ref2) {
@@ -213,13 +216,15 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
         reactionPickerTriggerText: reactionPickerTriggerText,
         fullWidthSummaryViewReactionPickerTrigger: true
       })), /*#__PURE__*/React.createElement(_compiled.Inline, {
-        xcss: styles.summaryPopup,
+        as: shouldRenderReactionSummaryList ? 'ul' : undefined,
+        xcss: shouldRenderReactionSummaryList ? styles.summaryList : styles.summaryPopup,
         space: "space.025",
         shouldWrap: true,
         alignBlock: "center"
       }, reactions.map(function (reaction) {
         return /*#__PURE__*/React.createElement(_Reaction.Reaction, {
           key: reaction.emojiId,
+          rootElement: shouldRenderReactionSummaryList ? 'li' : undefined,
           reaction: reaction,
           emojiProvider: emojiProvider,
           onClick: onReactionClick,

package/dist/cjs/components/Reactions.js

@@ -378,6 +378,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
   }, memorizedReactions.map(function (reaction) {
     return /*#__PURE__*/_react.default.createElement(_Reaction.Reaction, {
       key: reaction.emojiId,
+      rootElement: "li",
       reaction: reaction,
       emojiProvider: emojiProvider,
       onClick: onReactionClick,

package/dist/es2019/analytics/index.js

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

package/dist/es2019/components/Reaction.js

@@ -11,7 +11,6 @@ import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEve
 import { Counter } from './Counter';
 import { ReactionParticleEffect } from './ReactionParticleEffect';
 import { ReactionTooltip } from './ReactionTooltip';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../shared/i18n';
 import { isLeftClick } from '../shared/utils';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
@@ -45,7 +44,8 @@ export const Reaction = ({
   handleOpenReactionsDialog,
   isViewOnly = false,
   showSubtleStyle,
-  optimisticImageURL
+  optimisticImageURL,
+  rootElement
 }) => {
   const intl = useIntl();
   const hoverStart = useRef();
@@ -127,8 +127,8 @@ export const Reaction = ({
     });
   }
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.container, fg('jfp_a11y_team_comment_actions_semantic') ? styles.listItem : undefined),
-    as: fg('jfp_a11y_team_comment_actions_semantic') ? 'li' : undefined
+    xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined),
+    as: rootElement
   }, showParticleEffect && /*#__PURE__*/React.createElement(ReactionParticleEffect, {
     emojiId: emojiId,
     emojiProvider: emojiProvider,

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

@@ -1,5 +1,10 @@
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
+._2mzuglyw{list-style-type:none}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
 ._p12foiq5{max-width:325px}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/es2019/components/ReactionSummaryView.js

@@ -7,6 +7,7 @@ import { useCallback, useState } from 'react';
 import Popup from '@atlaskit/popup';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { EmojiPicker } from '@atlaskit/emoji/picker';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { Reaction } from './Reaction';
 import { Trigger as EmojiPickerTrigger } from './Trigger';
@@ -14,7 +15,8 @@ import { ReactionSummaryButton } from './ReactionSummaryButton';
 import { PickerRender } from '../ufo';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 const styles = {
-  summaryPopup: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _p12foiq5"
+  summaryPopup: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _p12foiq5",
+  summaryList: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _p12foiq5 _2mzuglyw"
 };
 
 /**
@@ -153,6 +155,7 @@ export const ReactionSummaryView = ({
       setSummaryPopupOpen(false);
     }
   }, [hoverableSummaryView, isSummaryViewButtonHovered, setIsHoveringSummaryView, setSummaryPopupOpen, isSummaryViewButtonClicked]);
+  const shouldRenderReactionSummaryList = isExperimentEnabled('platform_a11y_reactions_hover_selector_list');
   return /*#__PURE__*/React.createElement(Popup, {
     placement: placement,
     content: ({
@@ -180,23 +183,27 @@ export const ReactionSummaryView = ({
       reactionPickerTriggerText: reactionPickerTriggerText,
       fullWidthSummaryViewReactionPickerTrigger: true
     })), /*#__PURE__*/React.createElement(Inline, {
-      xcss: styles.summaryPopup,
+      as: shouldRenderReactionSummaryList ? 'ul' : undefined,
+      xcss: shouldRenderReactionSummaryList ? styles.summaryList : styles.summaryPopup,
       space: "space.025",
       shouldWrap: true,
       alignBlock: "center"
-    }, reactions.map(reaction => /*#__PURE__*/React.createElement(Reaction, {
-      key: reaction.emojiId,
-      reaction: reaction,
-      emojiProvider: emojiProvider,
-      onClick: onReactionClick,
-      onFocused: onReactionFocused,
-      onMouseEnter: onReactionMouseEnter,
-      flash: flash[reaction.emojiId],
-      showParticleEffect: particleEffectByEmoji[reaction.emojiId],
-      allowUserDialog: allowUserDialog,
-      handleOpenReactionsDialog: handleOpenReactionsDialog,
-      isViewOnly: isViewOnly
-    })))),
+    }, reactions.map(reaction => {
+      return /*#__PURE__*/React.createElement(Reaction, {
+        key: reaction.emojiId,
+        rootElement: shouldRenderReactionSummaryList ? 'li' : undefined,
+        reaction: reaction,
+        emojiProvider: emojiProvider,
+        onClick: onReactionClick,
+        onFocused: onReactionFocused,
+        onMouseEnter: onReactionMouseEnter,
+        flash: flash[reaction.emojiId],
+        showParticleEffect: particleEffectByEmoji[reaction.emojiId],
+        allowUserDialog: allowUserDialog,
+        handleOpenReactionsDialog: handleOpenReactionsDialog,
+        isViewOnly: isViewOnly
+      });
+    }))),
     isOpen: isSummaryPopupOpen || isEmojiPickerOpen,
     onClose: handlePopupClose,
     shouldRenderToParent: expValEquals('a11y-fixes-week4-may-2026', 'isEnabled', true),

package/dist/es2019/components/Reactions.js

@@ -321,6 +321,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
     className: ax(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1txw _1n261g80 _4cvr1h6o _kqswh2mm"])
   }, memorizedReactions.map(reaction => /*#__PURE__*/React.createElement(Reaction, {
     key: reaction.emojiId,
+    rootElement: "li",
     reaction: reaction,
     emojiProvider: emojiProvider,
     onClick: onReactionClick,

package/dist/esm/analytics/index.js

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

package/dist/esm/components/Reaction.js

@@ -14,7 +14,6 @@ import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEve
 import { Counter } from './Counter';
 import { ReactionParticleEffect } from './ReactionParticleEffect';
 import { ReactionTooltip } from './ReactionTooltip';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../shared/i18n';
 import { isLeftClick } from '../shared/utils';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
@@ -54,7 +53,8 @@ export var Reaction = function Reaction(_ref) {
     _ref$isViewOnly = _ref.isViewOnly,
     isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
     showSubtleStyle = _ref.showSubtleStyle,
-    optimisticImageURL = _ref.optimisticImageURL;
+    optimisticImageURL = _ref.optimisticImageURL,
+    rootElement = _ref.rootElement;
   var intl = useIntl();
   var hoverStart = useRef();
   var focusStart = useRef();
@@ -151,8 +151,8 @@ export var Reaction = function Reaction(_ref) {
     });
   }
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.container, fg('jfp_a11y_team_comment_actions_semantic') ? styles.listItem : undefined),
-    as: fg('jfp_a11y_team_comment_actions_semantic') ? 'li' : undefined
+    xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined),
+    as: rootElement
   }, showParticleEffect && /*#__PURE__*/React.createElement(ReactionParticleEffect, {
     emojiId: emojiId,
     emojiProvider: emojiProvider,

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

@@ -1,5 +1,10 @@
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
+._2mzuglyw{list-style-type:none}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
 ._p12foiq5{max-width:325px}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}

package/dist/esm/components/ReactionSummaryView.js

@@ -8,6 +8,7 @@ import { useCallback, useState } from 'react';
 import Popup from '@atlaskit/popup';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { EmojiPicker } from '@atlaskit/emoji/picker';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { Reaction } from './Reaction';
 import { Trigger as EmojiPickerTrigger } from './Trigger';
@@ -15,7 +16,8 @@ import { ReactionSummaryButton } from './ReactionSummaryButton';
 import { PickerRender } from '../ufo';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 var styles = {
-  summaryPopup: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _p12foiq5"
+  summaryPopup: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _p12foiq5",
+  summaryList: "_ca0q1b66 _u5f3u2gc _n3tdu2gc _19bvu2gc _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _p12foiq5 _2mzuglyw"
 };
 
 /**
@@ -177,6 +179,7 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
       setSummaryPopupOpen(false);
     }
   }, [hoverableSummaryView, isSummaryViewButtonHovered, setIsHoveringSummaryView, setSummaryPopupOpen, isSummaryViewButtonClicked]);
+  var shouldRenderReactionSummaryList = isExperimentEnabled('platform_a11y_reactions_hover_selector_list');
   return /*#__PURE__*/React.createElement(Popup, {
     placement: placement,
     content: function content(_ref2) {
@@ -204,13 +207,15 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
         reactionPickerTriggerText: reactionPickerTriggerText,
         fullWidthSummaryViewReactionPickerTrigger: true
       })), /*#__PURE__*/React.createElement(Inline, {
-        xcss: styles.summaryPopup,
+        as: shouldRenderReactionSummaryList ? 'ul' : undefined,
+        xcss: shouldRenderReactionSummaryList ? styles.summaryList : styles.summaryPopup,
         space: "space.025",
         shouldWrap: true,
         alignBlock: "center"
       }, reactions.map(function (reaction) {
         return /*#__PURE__*/React.createElement(Reaction, {
           key: reaction.emojiId,
+          rootElement: shouldRenderReactionSummaryList ? 'li' : undefined,
           reaction: reaction,
           emojiProvider: emojiProvider,
           onClick: onReactionClick,

package/dist/esm/components/Reactions.js

@@ -367,6 +367,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
   }, memorizedReactions.map(function (reaction) {
     return /*#__PURE__*/React.createElement(Reaction, {
       key: reaction.emojiId,
+      rootElement: "li",
       reaction: reaction,
       emojiProvider: emojiProvider,
       onClick: onReactionClick,

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

@@ -39,10 +39,19 @@ export interface ReactionProps {
      * Optional event when the mouse cursor hovers over the reaction
      */
     onMouseEnter?: ReactionMouseEnter;
+    /**
+     * Optional URL to optimistically render the emoji image before the catalogue arrives.
+     * When provided, the emoji will render immediately without waiting for the emoji provider to resolve.
+     */
+    optimisticImageURL?: string;
     /**
      * Data for the reaction
      */
     reaction: ReactionSummary;
+    /**
+     * The HTML element used for the reaction root
+     */
+    rootElement?: 'div' | 'li';
     /**
      * Optional prop for using an opaque button background instead of a transparent background
      */
@@ -55,13 +64,8 @@ export interface ReactionProps {
      * Optional prop for controlling if the reaction displayed is a default one and should not have a border
      */
     showSubtleStyle?: boolean;
-    /**
-     * Optional URL to optimistically render the emoji image before the catalogue arrives.
-     * When provided, the emoji will render immediately without waiting for the emoji provider to resolve.
-     */
-    optimisticImageURL?: string;
 }
 /**
  * Render an emoji reaction button
  */
-export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, optimisticImageURL, }: ReactionProps) => JSX.Element;
+export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, optimisticImageURL, rootElement, }: ReactionProps) => JSX.Element;

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

@@ -52,6 +52,10 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      * Optional emoji reactions list to show custom animation or render as standard (key => emoji string "id", value => true/false to show custom animation)
      */
     flash?: Record<string, boolean>;
+    /**
+     * Optional function to get an optimistic image URL for a reaction emoji, used to render immediately without waiting for the catalogue.
+     */
+    getOptimisticImageURL?: (emojiId: string) => string;
     /**
      * Optional event to get reaction details for an emoji
      * @param emojiId current reaction emoji id
@@ -171,10 +175,6 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      * Optional prop to optimistically render the image URL for a given emoji id. Typically used in SSR before the emoji Provider resolves & the real image is loaded.
      */
     summaryGetOptimisticImageURL?: (emojiId: string) => string;
-    /**
-     * Optional function to get an optimistic image URL for a reaction emoji, used to render immediately without waiting for the catalogue.
-     */
-    getOptimisticImageURL?: (emojiId: string) => string;
     /**
      * Enables a summary view for displaying reactions. If enabled and the number of reactions meets or exceeds the summaryViewThreshold, reactions will be shown in a more aggregated format.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "35.11.9",
+	"version": "35.12.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,7 +42,7 @@
 		"@atlaskit/heading": "^7.0.0",
 		"@atlaskit/icon": "^37.3.0",
 		"@atlaskit/link": "^5.0.0",
-		"@atlaskit/modal-dialog": "^16.2.0",
+		"@atlaskit/modal-dialog": "^16.3.0",
 		"@atlaskit/motion": "^8.0.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
@@ -54,8 +54,8 @@
 		"@atlaskit/react-ufo": "^7.3.0",
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/tabs": "^20.1.0",
-		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^140.0.0",
+		"@atlaskit/theme": "^27.0.0",
+		"@atlaskit/tmp-editor-statsig": "^141.1.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/ufo": "^1.0.0",

package/tsconfig.json

@@ -1,19 +1,7 @@
 {
-  "extends": "../../../tsconfig.json",
-  "include": [
-    "./*.docs.tsx",
-    "./package.json",
-    "./src/**/*.ts",
-    "./src/**/*.tsx",
-    "./docs/**/*.ts",
-    "./docs/**/*.tsx",
-    "./examples/**/*.ts",
-    "./examples/**/*.tsx",
-    "**/stories.ts",
-    "**/stories.tsx",
-    "**/stories/*.ts",
-    "**/stories/*.tsx",
-    "**/stories/**/*.ts",
-    "**/stories/**/*.tsx"
-  ]
+	"extends": "./tsconfig.dev.json",
+	"compilerOptions": {
+		"disableReferencedProjectLoad": true,
+		"disableSolutionSearching": true
+	}
 }