@atlaskit/reactions 33.4.0 → 33.5.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/reactions
 
+## 33.5.0
+
+### Minor Changes
+
+- [`b5eb7e7afc46a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b5eb7e7afc46a) -
+  [ux] A11Y-9714: use unordered list markup for emojis in the reaction picker for screen reader a11y
+
+## 33.4.1
+
+### Patch Changes
+
+- [`feb2d9020eaf2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/feb2d9020eaf2) -
+  introduce optional popperZIndex of reaction picker for products to config
+
 ## 33.4.0
 
 ### Minor Changes

package/afm-products/tsconfig.json

@@ -0,0 +1,105 @@
+{
+	"extends": "../../../../tsconfig.entry-points.products.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../tsDist/@atlaskit__reactions/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-gas-types/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../analytics/analytics-namespaced-context/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../analytics/analytics-next/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/css/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../emoji/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/heading/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/link/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/modal-dialog/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/motion/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popper/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popup/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/portal/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../react-ufo/atlaskit/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/spinner/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tabs/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../util-service-support/afm-products/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/components/ReactionPicker.js

@@ -87,7 +87,8 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
     _props$hoverableReact = props.hoverableReactionPicker,
     hoverableReactionPicker = _props$hoverableReact === void 0 ? false : _props$hoverableReact,
     _props$hoverableReact2 = props.hoverableReactionPickerDelay,
-    hoverableReactionPickerDelay = _props$hoverableReact2 === void 0 ? 0 : _props$hoverableReact2;
+    hoverableReactionPickerDelay = _props$hoverableReact2 === void 0 ? 0 : _props$hoverableReact2,
+    reactionPickerPopperZIndex = props.reactionPickerPopperZIndex;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     triggerRef = _useState2[0],
@@ -321,13 +322,14 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
       }))
     );
   }), isPopupTrayOpen && /*#__PURE__*/_react.default.createElement(_portal.default, {
-    zIndex: _constants.layers.flag()
+    zIndex: (0, _platformFeatureFlags.fg)('platform_reactions_custom_popper_zindex') ? reactionPickerPopperZIndex || _constants.layers.flag() : _constants.layers.flag()
   }, /*#__PURE__*/_react.default.createElement(PopperWrapper, {
     settings: settings,
     popperModifiers: popperModifiers,
     isOpen: isPopupTrayOpen,
     onClose: onClose,
-    triggerRef: triggerRef
+    triggerRef: triggerRef,
+    zIndex: (0, _platformFeatureFlags.fg)('platform_reactions_custom_popper_zindex') ? reactionPickerPopperZIndex || _constants.layers.flag() : _constants.layers.layer()
   }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? (0, _platformFeatureFlags.fg)('platform_reaction_full_picker_hover') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: additionalStyles.selectorContainer,
     onMouseEnter: handlePopupMouseEnter,
@@ -359,7 +361,8 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
     isOpen = props.isOpen,
     onClose = props.onClose,
     children = props.children,
-    popperModifiers = props.popperModifiers;
+    popperModifiers = props.popperModifiers,
+    zIndex = props.zIndex;
   var _useState11 = (0, _react.useState)(null),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     popupRef = _useState12[0],
@@ -396,11 +399,9 @@ var PopperWrapper = exports.PopperWrapper = function PopperWrapper(props) {
       role: "group",
       "aria-label": formatMessage(_i18n.messages.popperWrapperLabel),
       id: PICKER_CONTROL_ID,
-      "data-testid": RENDER_REACTIONPICKERPANEL_TESTID
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      ,
+      "data-testid": RENDER_REACTIONPICKERPANEL_TESTID,
       style: _objectSpread({
-        zIndex: _constants.layers.layer()
+        zIndex: zIndex
       }, style),
       ref: function ref(node) {
         if (node) {

package/dist/cjs/components/Reactions.js

@@ -150,7 +150,8 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     reactionPickerPlacement = _ref.reactionPickerPlacement,
     summaryButtonIconAfter = _ref.summaryButtonIconAfter,
     _ref$renderParticleEf = _ref.renderParticleEffectOnSummaryView,
-    renderParticleEffectOnSummaryView = _ref$renderParticleEf === void 0 ? false : _ref$renderParticleEf;
+    renderParticleEffectOnSummaryView = _ref$renderParticleEf === void 0 ? false : _ref$renderParticleEf,
+    reactionPickerPopperZIndex = _ref.reactionPickerPopperZIndex;
   var _useState = (0, _react.useState)(''),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     selectedEmojiId = _useState2[0],
@@ -405,6 +406,7 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     hoverableReactionPicker: hoverableSummaryView,
     hoverableReactionPickerDelay: hoverableSummaryView ? 300 : 0,
     reactionPickerPlacement: reactionPickerPlacement,
+    reactionPickerPopperZIndex: reactionPickerPopperZIndex,
     className: (0, _runtime.ax)(["_1e0c1o8l _19pk1b66"])
   }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, !!selectedEmojiId && /*#__PURE__*/_react.default.createElement(_segment.default, {
     name: "reactions-dialog"

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

@@ -1,10 +1,12 @@
 
 ._zulp1b66{gap:var(--ds-space-050,4px)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1e0c1o8l{display:inline-block}
 ._1o51q7pw{animation-fill-mode:forwards}
 ._1p3lnqa1{border-left-style:solid}
 ._1pgl1ytf{animation-timing-function:ease-in-out}
+._2mzuglyw{list-style-type:none}
 ._4t3i1tcg{height:24px}
 ._5sag6ebc{animation-duration:.15s}
 ._5wramuej{border-left-color:var(--ds-border,#091e4224)}

package/dist/cjs/components/Selector.js

@@ -11,8 +11,9 @@ require("./Selector.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _i18n = require("../shared/i18n");
 var _constants = require("../shared/constants");
 var _EmojiButton = require("./EmojiButton");
@@ -21,6 +22,7 @@ var _Trigger = require("./Trigger");
 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: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
+  emojiContainer: "_2mzuglyw _19pkze3t",
   separator: "_t6vde4h9 _5wramuej _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
   hoverableReactionPickerSelectorContainer: "_zulp1b66 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"
 };
@@ -31,7 +33,7 @@ var revealStyle = null;
  * Test id for wrapper Selector div
  */
 var RENDER_SELECTOR_TESTID = exports.RENDER_SELECTOR_TESTID = 'render-selector';
-var Reveal = function Reveal(_ref) {
+var RevealOld = function RevealOld(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
   return /*#__PURE__*/React.createElement("div", {
@@ -39,19 +41,30 @@ var Reveal = function Reveal(_ref) {
     className: (0, _runtime.ax)(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
   }, children);
 };
+var Reveal = function Reveal(_ref2) {
+  var children = _ref2.children,
+    testId = _ref2.testId;
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    as: "li",
+    xcss: styles.emojiContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    className: (0, _runtime.ax)(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
+  }, children));
+};
 
 /**
  * Reactions picker panel part of the <ReactionPicker /> component
  */
-var Selector = exports.Selector = function Selector(_ref2) {
-  var emojiProvider = _ref2.emojiProvider,
-    onMoreClick = _ref2.onMoreClick,
-    onSelection = _ref2.onSelection,
-    showMore = _ref2.showMore,
-    _ref2$pickerQuickReac = _ref2.pickerQuickReactionEmojiIds,
-    pickerQuickReactionEmojiIds = _ref2$pickerQuickReac === void 0 ? _constants.DefaultReactions : _ref2$pickerQuickReac,
-    _ref2$hoverableReacti = _ref2.hoverableReactionPickerSelector,
-    hoverableReactionPickerSelector = _ref2$hoverableReacti === void 0 ? false : _ref2$hoverableReacti;
+var Selector = exports.Selector = function Selector(_ref3) {
+  var emojiProvider = _ref3.emojiProvider,
+    onMoreClick = _ref3.onMoreClick,
+    onSelection = _ref3.onSelection,
+    showMore = _ref3.showMore,
+    _ref3$pickerQuickReac = _ref3.pickerQuickReactionEmojiIds,
+    pickerQuickReactionEmojiIds = _ref3$pickerQuickReac === void 0 ? _constants.DefaultReactions : _ref3$pickerQuickReac,
+    _ref3$hoverableReacti = _ref3.hoverableReactionPickerSelector,
+    hoverableReactionPickerSelector = _ref3$hoverableReacti === void 0 ? false : _ref3$hoverableReacti;
   /**
    * Render the default emoji icon
    * @param emoji emoji item
@@ -67,7 +80,8 @@ var Selector = exports.Selector = function Selector(_ref2) {
       onClick: onSelection,
       hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
     }));
-    return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
+    var RevealComponent = (0, _platformFeatureFlags.fg)('platform-reactions-selector-list-semantics') ? Reveal : RevealOld;
+    return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(RevealComponent, {
       key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
       testId: RENDER_SELECTOR_TESTID
     }, emojiButtonAndTooltip);
@@ -88,7 +102,8 @@ var Selector = exports.Selector = function Selector(_ref2) {
   }
   return /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center",
-    xcss: styles.container
+    xcss: styles.container,
+    as: (0, _platformFeatureFlags.fg)('platform-reactions-selector-list-semantics') ? 'ul' : undefined
   }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.separator
   }), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(_ShowMore.ShowMore, {

package/dist/es2019/components/ReactionPicker.js

@@ -65,7 +65,8 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
     reactionPickerPlacement,
     isListItem = false,
     hoverableReactionPicker = false,
-    hoverableReactionPickerDelay = 0
+    hoverableReactionPickerDelay = 0,
+    reactionPickerPopperZIndex
   } = props;
   const [triggerRef, setTriggerRef] = useState(null);
   const [isHoverableReactionPickerEmojiPickerOpen, setIsHoverableReactionPickerEmojiPickerOpen] = useState(false);
@@ -278,13 +279,14 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
     reactionPickerTriggerText: reactionPickerTriggerText,
     isListItem: isListItem
   }))), isPopupTrayOpen && /*#__PURE__*/React.createElement(Portal, {
-    zIndex: layers.flag()
+    zIndex: fg('platform_reactions_custom_popper_zindex') ? reactionPickerPopperZIndex || layers.flag() : layers.flag()
   }, /*#__PURE__*/React.createElement(PopperWrapper, {
     settings: settings,
     popperModifiers: popperModifiers,
     isOpen: isPopupTrayOpen,
     onClose: onClose,
-    triggerRef: triggerRef
+    triggerRef: triggerRef,
+    zIndex: fg('platform_reactions_custom_popper_zindex') ? reactionPickerPopperZIndex || layers.flag() : layers.layer()
   }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? fg('platform_reaction_full_picker_hover') ? /*#__PURE__*/React.createElement(Box, {
     xcss: additionalStyles.selectorContainer,
     onMouseEnter: handlePopupMouseEnter,
@@ -317,7 +319,8 @@ export const PopperWrapper = props => {
     isOpen,
     onClose,
     children,
-    popperModifiers
+    popperModifiers,
+    zIndex
   } = props;
   const [popupRef, setPopupRef] = useState(null);
   const {
@@ -352,11 +355,10 @@ export const PopperWrapper = props => {
       role: "group",
       "aria-label": formatMessage(messages.popperWrapperLabel),
       id: PICKER_CONTROL_ID,
-      "data-testid": RENDER_REACTIONPICKERPANEL_TESTID
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      ,
+      "data-testid": RENDER_REACTIONPICKERPANEL_TESTID,
       style: {
-        zIndex: layers.layer(),
+        zIndex,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ...style
       },
       ref: node => {

package/dist/es2019/components/Reactions.js

@@ -112,7 +112,8 @@ export const Reactions = /*#__PURE__*/React.memo(({
   summaryGetOptimisticImageURL,
   reactionPickerPlacement,
   summaryButtonIconAfter,
-  renderParticleEffectOnSummaryView = false
+  renderParticleEffectOnSummaryView = false,
+  reactionPickerPopperZIndex
 }) => {
   const [selectedEmojiId, setSelectedEmojiId] = useState('');
   const [summaryViewParticleEffectEmojiId, setSummaryViewParticleEffectEmojiId] = useState(null);
@@ -347,6 +348,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
     hoverableReactionPicker: hoverableSummaryView,
     hoverableReactionPickerDelay: hoverableSummaryView ? 300 : 0,
     reactionPickerPlacement: reactionPickerPlacement,
+    reactionPickerPopperZIndex: reactionPickerPopperZIndex,
     className: ax(["_1e0c1o8l _19pk1b66"])
   }), /*#__PURE__*/React.createElement(ModalTransition, null, !!selectedEmojiId && /*#__PURE__*/React.createElement(UFOSegment, {
     name: "reactions-dialog"

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

@@ -1,10 +1,12 @@
 
 ._zulp1b66{gap:var(--ds-space-050,4px)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1e0c1o8l{display:inline-block}
 ._1o51q7pw{animation-fill-mode:forwards}
 ._1p3lnqa1{border-left-style:solid}
 ._1pgl1ytf{animation-timing-function:ease-in-out}
+._2mzuglyw{list-style-type:none}
 ._4t3i1tcg{height:24px}
 ._5sag6ebc{animation-duration:.15s}
 ._5wramuej{border-left-color:var(--ds-border,#091e4224)}

package/dist/es2019/components/Selector.js

@@ -3,8 +3,9 @@ import "./Selector.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
-import Tooltip from '@atlaskit/tooltip';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
+import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../shared/i18n';
 import { DefaultReactions } from '../shared/constants';
 import { EmojiButton } from './EmojiButton';
@@ -12,6 +13,7 @@ import { ShowMore } from './ShowMore';
 import { Trigger } from './Trigger';
 const styles = {
   container: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
+  emojiContainer: "_2mzuglyw _19pkze3t",
   separator: "_t6vde4h9 _5wramuej _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
   hoverableReactionPickerSelectorContainer: "_zulp1b66 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"
 };
@@ -22,7 +24,7 @@ const revealStyle = null;
  * Test id for wrapper Selector div
  */
 export const RENDER_SELECTOR_TESTID = 'render-selector';
-const Reveal = ({
+const RevealOld = ({
   children,
   testId
 }) => {
@@ -31,6 +33,18 @@ const Reveal = ({
     className: ax(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
   }, children);
 };
+const Reveal = ({
+  children,
+  testId
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "li",
+    xcss: styles.emojiContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    className: ax(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
+  }, children));
+};
 
 /**
  * Reactions picker panel part of the <ReactionPicker /> component
@@ -58,7 +72,8 @@ export const Selector = ({
       onClick: onSelection,
       hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
     }));
-    return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
+    const RevealComponent = fg('platform-reactions-selector-list-semantics') ? Reveal : RevealOld;
+    return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(RevealComponent, {
       key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
       testId: RENDER_SELECTOR_TESTID
     }, emojiButtonAndTooltip);
@@ -79,7 +94,8 @@ export const Selector = ({
   }
   return /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
-    xcss: styles.container
+    xcss: styles.container,
+    as: fg('platform-reactions-selector-list-semantics') ? 'ul' : undefined
   }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.separator
   }), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(ShowMore, {

package/dist/esm/components/ReactionPicker.js

@@ -78,7 +78,8 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
     _props$hoverableReact = props.hoverableReactionPicker,
     hoverableReactionPicker = _props$hoverableReact === void 0 ? false : _props$hoverableReact,
     _props$hoverableReact2 = props.hoverableReactionPickerDelay,
-    hoverableReactionPickerDelay = _props$hoverableReact2 === void 0 ? 0 : _props$hoverableReact2;
+    hoverableReactionPickerDelay = _props$hoverableReact2 === void 0 ? 0 : _props$hoverableReact2,
+    reactionPickerPopperZIndex = props.reactionPickerPopperZIndex;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     triggerRef = _useState2[0],
@@ -312,13 +313,14 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
       }))
     );
   }), isPopupTrayOpen && /*#__PURE__*/React.createElement(Portal, {
-    zIndex: layers.flag()
+    zIndex: fg('platform_reactions_custom_popper_zindex') ? reactionPickerPopperZIndex || layers.flag() : layers.flag()
   }, /*#__PURE__*/React.createElement(PopperWrapper, {
     settings: settings,
     popperModifiers: popperModifiers,
     isOpen: isPopupTrayOpen,
     onClose: onClose,
-    triggerRef: triggerRef
+    triggerRef: triggerRef,
+    zIndex: fg('platform_reactions_custom_popper_zindex') ? reactionPickerPopperZIndex || layers.flag() : layers.layer()
   }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? fg('platform_reaction_full_picker_hover') ? /*#__PURE__*/React.createElement(Box, {
     xcss: additionalStyles.selectorContainer,
     onMouseEnter: handlePopupMouseEnter,
@@ -350,7 +352,8 @@ export var PopperWrapper = function PopperWrapper(props) {
     isOpen = props.isOpen,
     onClose = props.onClose,
     children = props.children,
-    popperModifiers = props.popperModifiers;
+    popperModifiers = props.popperModifiers,
+    zIndex = props.zIndex;
   var _useState11 = useState(null),
     _useState12 = _slicedToArray(_useState11, 2),
     popupRef = _useState12[0],
@@ -387,11 +390,9 @@ export var PopperWrapper = function PopperWrapper(props) {
       role: "group",
       "aria-label": formatMessage(messages.popperWrapperLabel),
       id: PICKER_CONTROL_ID,
-      "data-testid": RENDER_REACTIONPICKERPANEL_TESTID
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      ,
+      "data-testid": RENDER_REACTIONPICKERPANEL_TESTID,
       style: _objectSpread({
-        zIndex: layers.layer()
+        zIndex: zIndex
       }, style),
       ref: function ref(node) {
         if (node) {

package/dist/esm/components/Reactions.js

@@ -139,7 +139,8 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     reactionPickerPlacement = _ref.reactionPickerPlacement,
     summaryButtonIconAfter = _ref.summaryButtonIconAfter,
     _ref$renderParticleEf = _ref.renderParticleEffectOnSummaryView,
-    renderParticleEffectOnSummaryView = _ref$renderParticleEf === void 0 ? false : _ref$renderParticleEf;
+    renderParticleEffectOnSummaryView = _ref$renderParticleEf === void 0 ? false : _ref$renderParticleEf,
+    reactionPickerPopperZIndex = _ref.reactionPickerPopperZIndex;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     selectedEmojiId = _useState2[0],
@@ -394,6 +395,7 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     hoverableReactionPicker: hoverableSummaryView,
     hoverableReactionPickerDelay: hoverableSummaryView ? 300 : 0,
     reactionPickerPlacement: reactionPickerPlacement,
+    reactionPickerPopperZIndex: reactionPickerPopperZIndex,
     className: ax(["_1e0c1o8l _19pk1b66"])
   }), /*#__PURE__*/React.createElement(ModalTransition, null, !!selectedEmojiId && /*#__PURE__*/React.createElement(UFOSegment, {
     name: "reactions-dialog"

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

@@ -1,10 +1,12 @@
 
 ._zulp1b66{gap:var(--ds-space-050,4px)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1e0c1o8l{display:inline-block}
 ._1o51q7pw{animation-fill-mode:forwards}
 ._1p3lnqa1{border-left-style:solid}
 ._1pgl1ytf{animation-timing-function:ease-in-out}
+._2mzuglyw{list-style-type:none}
 ._4t3i1tcg{height:24px}
 ._5sag6ebc{animation-duration:.15s}
 ._5wramuej{border-left-color:var(--ds-border,#091e4224)}

package/dist/esm/components/Selector.js

@@ -3,8 +3,9 @@ import "./Selector.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
-import Tooltip from '@atlaskit/tooltip';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
+import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../shared/i18n';
 import { DefaultReactions } from '../shared/constants';
 import { EmojiButton } from './EmojiButton';
@@ -12,6 +13,7 @@ import { ShowMore } from './ShowMore';
 import { Trigger } from './Trigger';
 var styles = {
   container: "_ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66",
+  emojiContainer: "_2mzuglyw _19pkze3t",
   separator: "_t6vde4h9 _5wramuej _1p3lnqa1 _ahbq1b66 _12l2u2gc _4t3i1tcg _1e0c1o8l",
   hoverableReactionPickerSelectorContainer: "_zulp1b66 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"
 };
@@ -22,7 +24,7 @@ var revealStyle = null;
  * Test id for wrapper Selector div
  */
 export var RENDER_SELECTOR_TESTID = 'render-selector';
-var Reveal = function Reveal(_ref) {
+var RevealOld = function RevealOld(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
   return /*#__PURE__*/React.createElement("div", {
@@ -30,19 +32,30 @@ var Reveal = function Reveal(_ref) {
     className: ax(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
   }, children);
 };
+var Reveal = function Reveal(_ref2) {
+  var children = _ref2.children,
+    testId = _ref2.testId;
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "li",
+    xcss: styles.emojiContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    className: ax(["_j7hqordv _5sag6ebc _1pgl1ytf _1o51q7pw _tzy4idpf"])
+  }, children));
+};
 
 /**
  * Reactions picker panel part of the <ReactionPicker /> component
  */
-export var Selector = function Selector(_ref2) {
-  var emojiProvider = _ref2.emojiProvider,
-    onMoreClick = _ref2.onMoreClick,
-    onSelection = _ref2.onSelection,
-    showMore = _ref2.showMore,
-    _ref2$pickerQuickReac = _ref2.pickerQuickReactionEmojiIds,
-    pickerQuickReactionEmojiIds = _ref2$pickerQuickReac === void 0 ? DefaultReactions : _ref2$pickerQuickReac,
-    _ref2$hoverableReacti = _ref2.hoverableReactionPickerSelector,
-    hoverableReactionPickerSelector = _ref2$hoverableReacti === void 0 ? false : _ref2$hoverableReacti;
+export var Selector = function Selector(_ref3) {
+  var emojiProvider = _ref3.emojiProvider,
+    onMoreClick = _ref3.onMoreClick,
+    onSelection = _ref3.onSelection,
+    showMore = _ref3.showMore,
+    _ref3$pickerQuickReac = _ref3.pickerQuickReactionEmojiIds,
+    pickerQuickReactionEmojiIds = _ref3$pickerQuickReac === void 0 ? DefaultReactions : _ref3$pickerQuickReac,
+    _ref3$hoverableReacti = _ref3.hoverableReactionPickerSelector,
+    hoverableReactionPickerSelector = _ref3$hoverableReacti === void 0 ? false : _ref3$hoverableReacti;
   /**
    * Render the default emoji icon
    * @param emoji emoji item
@@ -58,7 +71,8 @@ export var Selector = function Selector(_ref2) {
       onClick: onSelection,
       hoverableReactionPickerSelectorEmoji: hoverableReactionPickerSelector
     }));
-    return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(Reveal, {
+    var RevealComponent = fg('platform-reactions-selector-list-semantics') ? Reveal : RevealOld;
+    return hoverableReactionPickerSelector ? emojiButtonAndTooltip : /*#__PURE__*/React.createElement(RevealComponent, {
       key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
       testId: RENDER_SELECTOR_TESTID
     }, emojiButtonAndTooltip);
@@ -79,7 +93,8 @@ export var Selector = function Selector(_ref2) {
   }
   return /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
-    xcss: styles.container
+    xcss: styles.container,
+    as: fg('platform-reactions-selector-list-semantics') ? 'ul' : undefined
   }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.separator
   }), /*#__PURE__*/React.createElement(Reveal, null, /*#__PURE__*/React.createElement(ShowMore, {

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

@@ -72,6 +72,10 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      * Optional prop for controlling the picker location
      */
     reactionPickerPlacement?: Placement;
+    /**
+     * Optional zIndex for the reaction picker popper
+     */
+    reactionPickerPopperZIndex?: number;
     /**
      * Optional prop to set the strategy of the reaction picker popup
      */
@@ -110,5 +114,6 @@ export interface PopperWrapperProps {
         showFullPicker: boolean;
     };
     triggerRef: HTMLDivElement | HTMLButtonElement | null;
+    zIndex?: number;
 }
 export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

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

@@ -33,7 +33,7 @@ export declare const RENDER_VIEWALL_REACTED_USERS_DIALOG = "viewall-reacted-user
  * Test id for summary view of reactions
  */
 export declare const RENDER_REACTIONS_SUMMARY_TESTID = "reaction-summary-view";
-export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'reactionPickerTriggerIcon' | 'reactionPickerPlacement'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'> {
+export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'reactionPickerTriggerIcon' | 'reactionPickerPlacement' | 'reactionPickerPopperZIndex'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'> {
     /**
      * Optional prop for controlling if we can select emojis and display UI via summary view picker
      */
@@ -197,4 +197,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, isViewOnly, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerTooltipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, isListItem, summaryGetOptimisticImageURL, reactionPickerPlacement, summaryButtonIconAfter, renderParticleEffectOnSummaryView, }: ReactionsProps) => JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, isViewOnly, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerTooltipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, isListItem, summaryGetOptimisticImageURL, reactionPickerPlacement, summaryButtonIconAfter, renderParticleEffectOnSummaryView, reactionPickerPopperZIndex, }: ReactionsProps) => JSX.Element>;

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

@@ -2,7 +2,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';
-export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
+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
      */

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

@@ -72,6 +72,10 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      * Optional prop for controlling the picker location
      */
     reactionPickerPlacement?: Placement;
+    /**
+     * Optional zIndex for the reaction picker popper
+     */
+    reactionPickerPopperZIndex?: number;
     /**
      * Optional prop to set the strategy of the reaction picker popup
      */
@@ -110,5 +114,6 @@ export interface PopperWrapperProps {
         showFullPicker: boolean;
     };
     triggerRef: HTMLDivElement | HTMLButtonElement | null;
+    zIndex?: number;
 }
 export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

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

@@ -33,7 +33,7 @@ export declare const RENDER_VIEWALL_REACTED_USERS_DIALOG = "viewall-reacted-user
  * Test id for summary view of reactions
  */
 export declare const RENDER_REACTIONS_SUMMARY_TESTID = "reaction-summary-view";
-export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'reactionPickerTriggerIcon' | 'reactionPickerPlacement'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'> {
+export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'reactionPickerTriggerIcon' | 'reactionPickerPlacement' | 'reactionPickerPopperZIndex'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'> {
     /**
      * Optional prop for controlling if we can select emojis and display UI via summary view picker
      */
@@ -197,4 +197,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, isViewOnly, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerTooltipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, isListItem, summaryGetOptimisticImageURL, reactionPickerPlacement, summaryButtonIconAfter, renderParticleEffectOnSummaryView, }: ReactionsProps) => JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, isViewOnly, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerTooltipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, isListItem, summaryGetOptimisticImageURL, reactionPickerPlacement, summaryButtonIconAfter, renderParticleEffectOnSummaryView, reactionPickerPopperZIndex, }: ReactionsProps) => JSX.Element>;

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

@@ -2,7 +2,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';
-export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
+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
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.4.0",
+	"version": "33.5.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,14 +35,14 @@
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.1.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.4.0",
+		"@atlaskit/avatar": "^25.5.0",
 		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/emoji": "^69.6.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/modal-dialog": "^14.5.0",
+		"@atlaskit/modal-dialog": "^14.6.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
@@ -72,7 +72,7 @@
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/elements-test-helpers": "workspace:^",
 		"@atlaskit/util-data-test": "^18.3.0",
-		"@atlassian/feature-flags-test-utils": "^0.3.0",
+		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^13.4.0",
@@ -138,6 +138,12 @@
 		},
 		"platform_reaction_full_picker_hover": {
 			"type": "boolean"
+		},
+		"platform_reactions_custom_popper_zindex": {
+			"type": "boolean"
+		},
+		"platform-reactions-selector-list-semantics": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [

package/afm-passionfruit/tsconfig.json

@@ -1,105 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.passionfruit.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../passionfruit/tsDist/@atlaskit__reactions/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-gas-types/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-namespaced-context/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-next/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/css/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../emoji/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/heading/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/link/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/modal-dialog/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/motion/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags-react/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popup/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/portal/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../react-ufo/atlaskit/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tabs/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../util-service-support/afm-passionfruit/tsconfig.json"
-		}
-	]
-}

package/afm-rovo-extension/tsconfig.json

@@ -1,105 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.rovo-extension.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../rovo-extension/tsDist/@atlaskit__reactions/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-gas-types/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-namespaced-context/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-next/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/css/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../emoji/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/heading/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/link/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/modal-dialog/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/motion/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags-react/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popup/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/portal/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../react-ufo/atlaskit/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tabs/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../util-service-support/afm-rovo-extension/tsconfig.json"
-		}
-	]
-}

package/afm-volt/tsconfig.json

@@ -1,105 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.volt.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../volt/tsDist/@atlaskit__reactions/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-gas-types/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-namespaced-context/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-next/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/css/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../emoji/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/heading/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/link/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/modal-dialog/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/motion/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags-react/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popup/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/portal/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../react-ufo/atlaskit/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tabs/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-volt/tsconfig.json"
-		},
-		{
-			"path": "../../util-service-support/afm-volt/tsconfig.json"
-		}
-	]
-}