@atlaskit/reactions 36.0.0 → 36.0.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/reactions
 
+## 36.0.1
+
+### Patch Changes
+
+- [`9cfe1cf91a89f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9cfe1cf91a89f) -
+  Render the reaction popup next to the parent
+- Updated dependencies
+
 ## 36.0.0
 
 ### Major 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.13.8";
+var packageVersion = "36.0.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -3,6 +3,7 @@
 ._1mouze3t{margin-block:var(--ds-space-0,0)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
+._2mzuglyw{list-style-type:none}
 ._8hrz1nam{transform-origin:center center 0}
 ._bozg19bv{padding-inline-start:10px}
 ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}

package/dist/cjs/components/Reaction.js

@@ -18,6 +18,7 @@ var _reactIntl = require("react-intl");
 var _css = require("@atlaskit/css");
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _emoji = require("@atlaskit/emoji");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _analytics = require("../analytics");
 var _Counter = require("./Counter");
 var _ReactionParticleEffect = require("./ReactionParticleEffect");
@@ -31,7 +32,8 @@ 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 = {
   container: "_kqswh2mm",
-  listItem: "_195gze3t _1mouze3t _18zrze3t _1rjcze3t"
+  listItem: "_195gze3t _1mouze3t _18zrze3t _1rjcze3t",
+  listItemNoMarker: "_2mzuglyw"
 };
 var emojiStyle = null;
 var emojiNoReactionStyle = null;
@@ -160,7 +162,7 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
     });
   }
   return /*#__PURE__*/React.createElement(_compiled.Box, {
-    xcss: (0, _css.cx)(styles.container, rootElement === 'li' ? styles.listItem : undefined),
+    xcss: (0, _css.cx)(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li' && (0, _fg.fg)('platform_a11y_fixes_reading_order') ? styles.listItemNoMarker : undefined),
     as: rootElement
   }, showParticleEffect && /*#__PURE__*/React.createElement(_ReactionParticleEffect.ReactionParticleEffect, {
     emojiId: emojiId,

package/dist/cjs/components/ReactionSummaryView.js

@@ -14,9 +14,9 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _popup = require("@atlaskit/popup/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 _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useDelayedState3 = require("../hooks/useDelayedState");
 var _Reaction = require("./Reaction");
 var _Trigger = require("./Trigger");
@@ -240,7 +240,8 @@ var ReactionSummaryView = exports.ReactionSummaryView = function ReactionSummary
     },
     isOpen: isSummaryPopupOpen || isEmojiPickerOpen,
     onClose: handlePopupClose,
-    shouldRenderToParent: (0, _expValEquals.expValEquals)('a11y-fixes-week4-may-2026', 'isEnabled', true),
+    shouldRenderToParent: (0, _fg.fg)('platform_a11y_fixes_reading_order'),
+    strategy: (0, _fg.fg)('platform_a11y_fixes_reading_order') ? 'absolute' : undefined,
     trigger: function trigger(triggerProps) {
       return /*#__PURE__*/React.createElement(_ReactionSummaryButton.ReactionSummaryButton, (0, _extends2.default)({}, triggerProps, {
         emojiProvider: emojiProvider,

package/dist/es2019/analytics/index.js

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

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

@@ -3,6 +3,7 @@
 ._1mouze3t{margin-block:var(--ds-space-0,0)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
+._2mzuglyw{list-style-type:none}
 ._8hrz1nam{transform-origin:center center 0}
 ._bozg19bv{padding-inline-start:10px}
 ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}

package/dist/es2019/components/Reaction.js

@@ -7,6 +7,7 @@ import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { ResourcedEmoji } from '@atlaskit/emoji';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
 import { Counter } from './Counter';
 import { ReactionParticleEffect } from './ReactionParticleEffect';
@@ -19,7 +20,8 @@ import { StaticReaction } from './StaticReaction';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 const styles = {
   container: "_kqswh2mm",
-  listItem: "_195gze3t _1mouze3t _18zrze3t _1rjcze3t"
+  listItem: "_195gze3t _1mouze3t _18zrze3t _1rjcze3t",
+  listItemNoMarker: "_2mzuglyw"
 };
 const emojiStyle = null;
 const emojiNoReactionStyle = null;
@@ -127,7 +129,7 @@ export const Reaction = ({
     });
   }
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined),
+    xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li' && fg('platform_a11y_fixes_reading_order') ? styles.listItemNoMarker : undefined),
     as: rootElement
   }, showParticleEffect && /*#__PURE__*/React.createElement(ReactionParticleEffect, {
     emojiId: emojiId,

package/dist/es2019/components/ReactionSummaryView.js

@@ -5,9 +5,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
 import { Popup } from '@atlaskit/popup/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 { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { Reaction } from './Reaction';
 import { Trigger as EmojiPickerTrigger } from './Trigger';
@@ -206,7 +206,8 @@ export const ReactionSummaryView = ({
     }))),
     isOpen: isSummaryPopupOpen || isEmojiPickerOpen,
     onClose: handlePopupClose,
-    shouldRenderToParent: expValEquals('a11y-fixes-week4-may-2026', 'isEnabled', true),
+    shouldRenderToParent: fg('platform_a11y_fixes_reading_order'),
+    strategy: fg('platform_a11y_fixes_reading_order') ? 'absolute' : undefined,
     trigger: triggerProps => /*#__PURE__*/React.createElement(ReactionSummaryButton, _extends({}, triggerProps, {
       emojiProvider: emojiProvider,
       reactions: reactions,

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/createAndFireEvents';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "35.13.8";
+var packageVersion = "36.0.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -3,6 +3,7 @@
 ._1mouze3t{margin-block:var(--ds-space-0,0)}
 ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
+._2mzuglyw{list-style-type:none}
 ._8hrz1nam{transform-origin:center center 0}
 ._bozg19bv{padding-inline-start:10px}
 ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}

package/dist/esm/components/Reaction.js

@@ -10,6 +10,7 @@ import { useIntl } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { ResourcedEmoji } from '@atlaskit/emoji';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createAndFireSafe, createReactionClickedEvent, createReactionFocusedEvent, createReactionHoveredEvent } from '../analytics';
 import { Counter } from './Counter';
 import { ReactionParticleEffect } from './ReactionParticleEffect';
@@ -22,7 +23,8 @@ import { StaticReaction } from './StaticReaction';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 var styles = {
   container: "_kqswh2mm",
-  listItem: "_195gze3t _1mouze3t _18zrze3t _1rjcze3t"
+  listItem: "_195gze3t _1mouze3t _18zrze3t _1rjcze3t",
+  listItemNoMarker: "_2mzuglyw"
 };
 var emojiStyle = null;
 var emojiNoReactionStyle = null;
@@ -151,7 +153,7 @@ export var Reaction = function Reaction(_ref) {
     });
   }
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined),
+    xcss: cx(styles.container, rootElement === 'li' ? styles.listItem : undefined, rootElement === 'li' && fg('platform_a11y_fixes_reading_order') ? styles.listItemNoMarker : undefined),
     as: rootElement
   }, showParticleEffect && /*#__PURE__*/React.createElement(ReactionParticleEffect, {
     emojiId: emojiId,

package/dist/esm/components/ReactionSummaryView.js

@@ -6,9 +6,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
 import { Popup } from '@atlaskit/popup/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 { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { Reaction } from './Reaction';
 import { Trigger as EmojiPickerTrigger } from './Trigger';
@@ -231,7 +231,8 @@ export var ReactionSummaryView = function ReactionSummaryView(_ref) {
     },
     isOpen: isSummaryPopupOpen || isEmojiPickerOpen,
     onClose: handlePopupClose,
-    shouldRenderToParent: expValEquals('a11y-fixes-week4-may-2026', 'isEnabled', true),
+    shouldRenderToParent: fg('platform_a11y_fixes_reading_order'),
+    strategy: fg('platform_a11y_fixes_reading_order') ? 'absolute' : undefined,
     trigger: function trigger(triggerProps) {
       return /*#__PURE__*/React.createElement(ReactionSummaryButton, _extends({}, triggerProps, {
         emojiProvider: emojiProvider,

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

@@ -18,102 +18,102 @@ export declare const createAndFireSafe: <U extends any[], T extends (...args: U)
 export declare const createRestSucceededEvent: (actionSubject: string) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createRestFailedEvent: (actionSubject: string, errorCode?: number) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createReactionsRenderedEvent: (startTime: number) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createPickerCancelledEvent: (startTime?: number) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createPickerMoreClickedEvent: (startTime?: number) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createReactionSelectionEvent: (source: ReactionSource, emojiId: string, reaction?: ReactionSummary, startTime?: number) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createReactionHoveredEvent: (startTime?: number) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createReactionFocusedEvent: (startTime?: number) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 export declare const createReactionClickedEvent: (added: boolean, emojiId: string) => {
     action: string;
     actionSubject: string;
-    eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
         packageName: string;
         packageVersion: string;
     };
+    eventType: EventType;
 };
 /**
  * Used for store failure metadata for analytics

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "36.0.0",
+	"version": "36.0.1",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
 		"@atlaskit/afm-i18n-platform-elements-reactions": "2.200.0",
 		"@atlaskit/analytics-gas-types": "^6.0.0",
 		"@atlaskit/analytics-namespaced-context": "^8.1.0",
-		"@atlaskit/analytics-next": "^12.3.0",
+		"@atlaskit/analytics-next": "^12.4.0",
 		"@atlaskit/avatar": "^27.2.0",
 		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/css": "^1.0.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/icon": "^37.5.0",
 		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/modal-dialog": "^16.5.0",
-		"@atlaskit/motion": "^8.4.0",
+		"@atlaskit/motion": "^8.5.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/popper": "^9.3.0",
@@ -136,6 +136,9 @@
 		"a11y_reactions_reading_order": {
 			"type": "boolean"
 		},
+		"platform_a11y_fixes_reading_order": {
+			"type": "boolean"
+		},
 		"platform_reactions_a11y_group_added_reactions": {
 			"type": "boolean"
 		},