@atlaskit/reactions 33.8.0 → 33.8.2

package/dist/cjs/i18n/th.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _th = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-reactions/i18n/th"));
 /* prettier-ignore */
 /**
  * NOTE:
@@ -13,4 +11,24 @@ var _th = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-r
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-var _default = exports.default = _th.default;
+//Thai (Thailand)
+var _default = exports.default = {
+  'fabric.reactions.add': 'เพิ่มการโต้ตอบ',
+  'fabric.reactions.add.new': 'เพิ่มใหม่',
+  'fabric.reactions.error.unexpected': 'การแสดงปฏิกิริยาไม่สามารถใช้งานได้ชั่วคราว',
+  'fabric.reactions.loading': 'กำลังโหลด...',
+  'fabric.reactions.more.emojis': 'เอโมจิเพิ่มเติม',
+  'fabric.reactions.other.reacted.users': '{count, plural, other {และคนอื่น ๆ อีก {count} คน}}',
+  'fabric.reactions.reactwithemoji': 'แสดงปฏิกิริยาด้วยเอโมจิ {emoji}',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, other {{count,number} {emoji} เอโมจิ แสดงปฏิกิริยาด้วยเอโมจิ {emoji}}}',
+  'fabric.reactions.summary': 'ดูการโต้ตอบของผู้ใช้ทั้งหมด',
+  'reaction-picker-trigger.add.reaction.message': 'เพิ่มการโต้ตอบ',
+  'reactions-reaction.picker-label': 'เพิ่มการโต้ตอบ',
+  'reactions.dialog.close': 'ปิด',
+  'reactions.dialog.emoji.name': '{emojiName}',
+  'reactions.dialog.left.navigate': 'นำทางไปทางซ้าย',
+  'reactions.dialog.reactions.count': '{count, plural, other {การโต้ตอบทั้งหมด {count,number} ครั้ง}}',
+  'reactions.dialog.right.navigate': 'นำทางไปทางขวา',
+  'reactions.dialog.viewall': 'ดูทั้งหมด',
+  'reactions.dialog.viewall.tooltip': 'ดูผู้ใช้ที่ตอบสนองทั้งหมด'
+};

package/dist/cjs/i18n/tr.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _tr = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-reactions/i18n/tr"));
 /* prettier-ignore */
 /**
  * NOTE:
@@ -13,4 +11,24 @@ var _tr = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-r
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-var _default = exports.default = _tr.default;
+//Turkish (Turkey)
+var _default = exports.default = {
+  'fabric.reactions.add': 'Tepki ekle',
+  'fabric.reactions.add.new': 'Yeni ekle',
+  'fabric.reactions.error.unexpected': 'Tepkiler geçici olarak kullanılamıyor',
+  'fabric.reactions.loading': 'Yükleniyor...',
+  'fabric.reactions.more.emojis': 'Daha fazla emoji',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {ve bir kişi daha} other {ve {count} kişi daha}}',
+  'fabric.reactions.reactwithemoji': "{emoji} emoji'siyle tepki verin",
+  'fabric.reactions.reactwithemojiandcount': "{count, plural, one {{count,number} {emoji} emoji. {emoji} emoji'siyle tepki verin} other {{count,number} {emoji} emoji. {emoji} emoji'siyle tepki verin}}",
+  'fabric.reactions.summary': 'Tüm kullanıcı tepkilerini görüntüleyin',
+  'reaction-picker-trigger.add.reaction.message': 'Tepki ekleyin',
+  'reactions-reaction.picker-label': 'Tepki ekleyin',
+  'reactions.dialog.close': 'Kapat',
+  'reactions.dialog.emoji.name': '{emojiName}',
+  'reactions.dialog.left.navigate': 'Sol Gezinme',
+  'reactions.dialog.reactions.count': '{count, plural, one {Toplam {count,number} tepki} other {Toplam {count,number} tepki}}',
+  'reactions.dialog.right.navigate': 'Sağ Gezinme',
+  'reactions.dialog.viewall': 'Tümünü göster',
+  'reactions.dialog.viewall.tooltip': 'Tüm kullanıcı tepkilerini görüntüleyin'
+};

package/dist/cjs/i18n/uk.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _uk = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-reactions/i18n/uk"));
 /* prettier-ignore */
 /**
  * NOTE:
@@ -13,4 +11,24 @@ var _uk = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-r
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-var _default = exports.default = _uk.default;
+//Ukrainian (Ukraine)
+var _default = exports.default = {
+  'fabric.reactions.add': 'Додати реакцію',
+  'fabric.reactions.add.new': 'Додати нову реакцію',
+  'fabric.reactions.error.unexpected': 'Реакції тимчасово недоступні',
+  'fabric.reactions.loading': 'Завантаження...',
+  'fabric.reactions.more.emojis': 'Інші емодзі',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {і ще {count} особа} few {і ще {count} особи} many {і ще {count} осіб} other {і ще {count} особи}}',
+  'fabric.reactions.reactwithemoji': 'Вставити емодзі {emoji}',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, one {{count,number} емодзі {emoji}. Відреагуйте за допомогою емодзі {emoji}} few {{count,number} емодзі {emoji}. Відреагуйте за допомогою емодзі {emoji}} many {{count,number} емодзі {emoji} Відреагуйте за допомогою емодзі {emoji}} other {{count,number} емодзі {emoji} Відреагуйте за допомогою емодзі {emoji}}}',
+  'fabric.reactions.summary': 'Переглянути всі реакції користувачів',
+  'reaction-picker-trigger.add.reaction.message': 'Додайте реакцію',
+  'reactions-reaction.picker-label': 'Додати реакції',
+  'reactions.dialog.close': 'Закрити',
+  'reactions.dialog.emoji.name': '{emojiName}',
+  'reactions.dialog.left.navigate': 'Перейти вліво',
+  'reactions.dialog.reactions.count': '{count, plural, one {Усього {count,number} реакція} few {Усього {count,number} реакції} many {Усього {count,number} реакцій} other {Усього {count,number} реакції}}',
+  'reactions.dialog.right.navigate': 'Перейти вправо',
+  'reactions.dialog.viewall': 'Переглянути все',
+  'reactions.dialog.viewall.tooltip': 'Переглянути всі реакції користувачів'
+};

package/dist/cjs/i18n/vi.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _vi = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-reactions/i18n/vi"));
 /* prettier-ignore */
 /**
  * NOTE:
@@ -13,4 +11,24 @@ var _vi = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-r
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-var _default = exports.default = _vi.default;
+//Vietnamese (Vietnam)
+var _default = exports.default = {
+  'fabric.reactions.add': 'Thêm tương tác',
+  'fabric.reactions.add.new': 'Thêm mới',
+  'fabric.reactions.error.unexpected': 'Tính năng tương tác tạm thời không hỗ trợ',
+  'fabric.reactions.loading': 'Đang tải...',
+  'fabric.reactions.more.emojis': 'Biểu tượng cảm xúc khác',
+  'fabric.reactions.other.reacted.users': '{count, plural, other {và {count} người khác}}',
+  'fabric.reactions.reactwithemoji': 'Bày tỏ biểu tượng cảm xúc {emoji}',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, other {{count,number} {emoji} biểu tượng cảm xúc. Hãy bày tỏ cảm xúc bằng biểu tượng cảm xúc {emoji}}}',
+  'fabric.reactions.summary': 'Xem tất cả tương tác của người dùng',
+  'reaction-picker-trigger.add.reaction.message': 'Thêm tương tác',
+  'reactions-reaction.picker-label': 'Thêm tương tác',
+  'reactions.dialog.close': 'Đóng',
+  'reactions.dialog.emoji.name': '{emojiName}',
+  'reactions.dialog.left.navigate': 'Sang trái',
+  'reactions.dialog.reactions.count': '{count, plural, other {Tổng số {count,number} lượt tương tác}}',
+  'reactions.dialog.right.navigate': 'Sang phải',
+  'reactions.dialog.viewall': 'Xem tất cả',
+  'reactions.dialog.viewall.tooltip': 'Xem tất cả tương tác của người dùng'
+};

package/dist/cjs/i18n/zh.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _zh = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-reactions/i18n/zh"));
 /* prettier-ignore */
 /**
  * NOTE:
@@ -13,4 +11,24 @@ var _zh = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-r
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-var _default = exports.default = _zh.default;
+//Chinese (Simplified)
+var _default = exports.default = {
+  'fabric.reactions.add': '添加反应',
+  'fabric.reactions.add.new': '新增',
+  'fabric.reactions.error.unexpected': '反应暂时不可用',
+  'fabric.reactions.loading': '正在加载...',
+  'fabric.reactions.more.emojis': '更多表情',
+  'fabric.reactions.other.reacted.users': '{count, plural, other {以及其他 {count} 个人}}',
+  'fabric.reactions.reactwithemoji': '使用 {emoji} 表情回应',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, other {{count,number} 个 {emoji} 表情。使用 {emoji} 表情回应}}',
+  'fabric.reactions.summary': '查看所有用户回应',
+  'reaction-picker-trigger.add.reaction.message': '添加反应',
+  'reactions-reaction.picker-label': '添加回应',
+  'reactions.dialog.close': '关闭',
+  'reactions.dialog.emoji.name': '{emojiName}',
+  'reactions.dialog.left.navigate': '向左导航',
+  'reactions.dialog.reactions.count': '{count, plural, other {共 {count,number} 条回应}}',
+  'reactions.dialog.right.navigate': '向右导航',
+  'reactions.dialog.viewall': '查看全部',
+  'reactions.dialog.viewall.tooltip': '查看所有用户反应'
+};

package/dist/cjs/i18n/zh_TW.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _zh_TW = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-elements-reactions/i18n/zh_TW"));
 /* prettier-ignore */
 /**
  * NOTE:
@@ -13,4 +11,23 @@ var _zh_TW = _interopRequireDefault(require("@atlaskit/afm-i18n-platform-element
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-var _default = exports.default = _zh_TW.default;
+//Chinese (Traditional)
+var _default = exports.default = {
+  'fabric.reactions.add': '新增反應',
+  'fabric.reactions.add.new': '新增',
+  'fabric.reactions.error.unexpected': '暫時無法使用回覆功能',
+  'fabric.reactions.loading': '正在載入...',
+  'fabric.reactions.more.emojis': '更多表情符號',
+  'fabric.reactions.other.reacted.users': '{count, plural, other {還有其他 {count} 個}}',
+  'fabric.reactions.reactwithemoji': '使用 {emoji} 表情符號回應',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, other {{count,number} 個 {emoji} 表情符號。使用 {emoji} 表情符號回應}}',
+  'fabric.reactions.summary': '檢視所有使用者的回應',
+  'reaction-picker-trigger.add.reaction.message': '新增回應',
+  'reactions-reaction.picker-label': '新增回應',
+  'reactions.dialog.close': '關閉',
+  'reactions.dialog.left.navigate': '左側導覽',
+  'reactions.dialog.reactions.count': '{count, plural, other {{count,number} 個回應總計}}',
+  'reactions.dialog.right.navigate': '右側導覽',
+  'reactions.dialog.viewall': '查看全部',
+  'reactions.dialog.viewall.tooltip': '檢視所有使用者的回應'
+};

package/dist/cjs/shared/i18n.js

@@ -73,6 +73,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   },
   emojiName: {
     id: 'reactions.dialog.emoji.name',
+    // eslint-disable-next-line @atlassian/i18n/no-useless-message
     defaultMessage: '{emojiName}',
     description: 'Description of the emoji'
   },

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

@@ -2,6 +2,7 @@
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._8hrz1nam{transform-origin:center center 0}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._kqswh2mm{position:relative}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3v77o{padding-right:var(--ds-space-025,2px)}

package/dist/es2019/components/Reaction.js

@@ -15,11 +15,9 @@ import { isLeftClick } from '../shared/utils';
 import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { ReactionButton } from './ReactionButton';
 import { StaticReaction } from './StaticReaction';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 const styles = {
-  container: "_kqswh2mm",
-  listContainer: "_qtt8glyw _kqswh2mm _19pkze3t"
+  container: "_kqswh2mm"
 };
 const emojiStyle = null;
 const emojiNoReactionStyle = null;
@@ -43,8 +41,7 @@ export const Reaction = ({
   allowUserDialog,
   handleOpenReactionsDialog,
   isViewOnly = false,
-  showSubtleStyle,
-  isListItem = false
+  showSubtleStyle
 }) => {
   const intl = useIntl();
   const hoverStart = useRef();
@@ -124,10 +121,7 @@ export const Reaction = ({
       count: reaction.count
     });
   }
-  return /*#__PURE__*/React.createElement(Box, isListItem && fg('jfp_a11y_team_comment_actions_semantic') ? {
-    as: 'li',
-    xcss: styles.listContainer
-  } : {
+  return /*#__PURE__*/React.createElement(Box, {
     xcss: styles.container
   }, showParticleEffect && /*#__PURE__*/React.createElement(ReactionParticleEffect, {
     emojiId: emojiId,

package/dist/es2019/components/ReactionPicker.js

@@ -1,5 +1,4 @@
 /* ReactionPicker.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./ReactionPicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
@@ -8,7 +7,6 @@ import { EmojiPicker } from '@atlaskit/emoji/picker';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { layers } from '@atlaskit/theme/constants';
 import { Box } from '@atlaskit/primitives/compiled';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useCloseManagerV2 } from '../hooks/useCloseManager';
 import { useDelayedState } from '../hooks/useDelayedState';
 import { useFocusTrap } from '../hooks/useFocusTrap';
@@ -255,7 +253,7 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
   React.createElement(Box, {
     onMouseEnter: handleTriggerMouseEnter,
     onMouseLeave: handleTriggerMouseLeave
-  }, /*#__PURE__*/React.createElement(Trigger, _extends({
+  }, /*#__PURE__*/React.createElement(Trigger, {
     ariaAttributes: {
       'aria-expanded': isPopupTrayOpen,
       'aria-controls': PICKER_CONTROL_ID
@@ -279,18 +277,17 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
     showAddReactionText: showAddReactionText,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
-    reactionPickerTriggerText: reactionPickerTriggerText
-  }, !fg('jfp_a11y_team_comment_actions_semantic') && {
+    reactionPickerTriggerText: reactionPickerTriggerText,
     isListItem: isListItem
-  })))), isPopupTrayOpen && /*#__PURE__*/React.createElement(Portal, {
-    zIndex: fg('platform_reactions_custom_popper_zindex') ? reactionPickerPopperZIndex || layers.flag() : layers.flag()
+  }))), isPopupTrayOpen && /*#__PURE__*/React.createElement(Portal, {
+    zIndex: reactionPickerPopperZIndex || layers.flag()
   }, /*#__PURE__*/React.createElement(PopperWrapper, {
     settings: settings,
     popperModifiers: popperModifiers,
     isOpen: isPopupTrayOpen,
     onClose: onClose,
     triggerRef: triggerRef,
-    zIndex: fg('platform_reactions_custom_popper_zindex') ? reactionPickerPopperZIndex || layers.flag() : layers.layer()
+    zIndex: reactionPickerPopperZIndex || layers.flag()
   }, settings.showFullPicker || hoverableReactionPicker && isHoverableReactionPickerEmojiPickerOpen ? /*#__PURE__*/React.createElement(Box, {
     xcss: additionalStyles.selectorContainer,
     onMouseEnter: handlePopupMouseEnter,

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

@@ -1,10 +1,6 @@
-
-._qtt8glyw{list-style:none}._13vtidpf >:first-of-type>:first-of-type{margin-left:0}
-._19bvze3t{padding-left:var(--ds-space-0,0)}
+._13vtidpf >:first-of-type>:first-of-type{margin-left:0}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
-._19pk1wng{margin-top:var(--ds-space-negative-050,-4px)!important}
 ._19pkr5cr{margin-top:var(--ds-space-negative-050,-4px)}
-._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1txw{display:flex}
 ._1n261g80{flex-wrap:wrap}

package/dist/es2019/components/Reactions.js

@@ -1,5 +1,4 @@
 /* Reactions.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./Reactions.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -7,7 +6,6 @@ import { FormattedMessage } from 'react-intl-next';
 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 { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../analytics';
 import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../shared/constants';
 import { messages } from '../shared/i18n';
@@ -20,8 +18,6 @@ import { ReactionSummaryView } from './ReactionSummaryView';
 const wrapperStyle = null;
 const noFlexWrapStyles = null;
 const noContainerPositionStyles = null;
-const listWrapperStyle = null;
-const listItemStyle = null;
 const reactionPickerStyle = null;
 
 /**
@@ -68,34 +64,7 @@ export function getTooltip(status, errorMessage, tooltipContent) {
       return !!tooltipContent ? tooltipContent : /*#__PURE__*/React.createElement(FormattedMessage, messages.addReaction);
   }
 }
-const ReactionsWrapper = ({
-  children,
-  noWrap,
-  noRelativeContainer,
-  isListItem = false,
-  reactionsLength = 0,
-  isShowingDefaultReactions = false
-}) => {
-  if (isListItem && fg('jfp_a11y_team_comment_actions_semantic')) {
-    // with no reactions picker render children inside listitem container
-    if (reactionsLength === 0 && !isShowingDefaultReactions) {
-      return /*#__PURE__*/React.createElement("li", {
-        "data-testid": RENDER_REACTIONS_TESTID,
-        className: ax(["_1e0c1txw _1n261g80 _kqswh2mm _4cvr1h6o _19pkr5cr _13vtidpf", "_19bvze3t _19pk1wng", noWrap && "_1n261q9c", noRelativeContainer && "_kqswpfqs"])
-      }, children);
-    }
 
-    // with reactions or default reactions present, reactions & picker rendered as listitem inside un-ordered list
-    return /*#__PURE__*/React.createElement("ul", {
-      "data-testid": RENDER_REACTIONS_TESTID,
-      className: ax(["_1e0c1txw _1n261g80 _kqswh2mm _4cvr1h6o _19pkr5cr _13vtidpf", "_19bvze3t _19pk1wng", noWrap && "_1n261q9c", noRelativeContainer && "_kqswpfqs"])
-    }, children);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": RENDER_REACTIONS_TESTID,
-    className: ax(["_1e0c1txw _1n261g80 _kqswh2mm _4cvr1h6o _19pkr5cr _13vtidpf", noWrap && "_1n261q9c", noRelativeContainer && "_kqswpfqs"])
-  }, children);
-};
 /**
  * Renders list of reactions
  */
@@ -308,70 +277,11 @@ export const Reactions = /*#__PURE__*/React.memo(({
       }
     });
   };
-  const renderReactionPicker = () => {
-    if (isListItem && memorizedReactions.length > 0 && fg('jfp_a11y_team_comment_actions_semantic')) {
-      // render the reaction picker inside li when reactions are present
-      return /*#__PURE__*/React.createElement("li", {
-        className: ax(["_qtt8glyw _19pkze3t"])
-      }, /*#__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,
-        hoverableReactionPicker: hoverableSummaryView,
-        hoverableReactionPickerDelay: hoverableSummaryView ? 300 : 0,
-        reactionPickerPlacement: reactionPickerPlacement,
-        reactionPickerPopperZIndex: reactionPickerPopperZIndex,
-        className: ax(["_1e0c1o8l _19pk1b66"])
-      }));
-    }
-    return /*#__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,
-      className: ax(["_1e0c1o8l _19pk1b66"])
-    });
-  };
   return /*#__PURE__*/React.createElement(UFOSegment, {
     name: "reactions"
-  }, /*#__PURE__*/React.createElement(ReactionsWrapper, {
-    noRelativeContainer: noRelativeContainer,
-    isListItem: isListItem,
-    reactionsLength: memorizedReactions.length,
-    noWrap: noWrap,
-    isShowingDefaultReactions:
-    // Conditon to determine whether showing the default reacitons
-    !(reactions.length === 0 && hideDefaultReactions || reactions.length > 0 || !quickReactionEmojis)
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": RENDER_REACTIONS_TESTID,
+    className: ax(["_1e0c1txw _1n261g80 _kqswh2mm _4cvr1h6o _19pkr5cr _13vtidpf", noWrap && "_1n261q9c", noRelativeContainer && "_kqswpfqs"])
   }, !onlyRenderPicker && (shouldShowSummaryView ? /*#__PURE__*/React.createElement("div", {
     "data-testid": RENDER_REACTIONS_SUMMARY_TESTID
   }, /*#__PURE__*/React.createElement(ReactionSummaryView, {
@@ -403,7 +313,7 @@ export const Reactions = /*#__PURE__*/React.memo(({
     summaryGetOptimisticImageURL: summaryGetOptimisticImageURL,
     summaryButtonIconAfter: summaryButtonIconAfter,
     summaryViewParticleEffectEmojiId: renderParticleEffectOnSummaryView ? summaryViewParticleEffectEmojiId : null
-  })) : memorizedReactions.map(reaction => /*#__PURE__*/React.createElement(Reaction, _extends({
+  })) : memorizedReactions.map(reaction => /*#__PURE__*/React.createElement(Reaction, {
     key: reaction.emojiId,
     reaction: reaction,
     emojiProvider: emojiProvider,
@@ -417,9 +327,30 @@ export const Reactions = /*#__PURE__*/React.memo(({
     handleOpenReactionsDialog: handleOpenReactionsDialog,
     isViewOnly: isViewOnly,
     showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0
-  }, fg('jfp_a11y_team_comment_actions_semantic') && {
-    isListItem: isListItem
-  })))), isViewOnly || !onlyRenderPicker && shouldShowSummaryView && allowSelectFromSummaryView ? null : renderReactionPicker(), /*#__PURE__*/React.createElement(ModalTransition, null, !!selectedEmojiId && /*#__PURE__*/React.createElement(UFOSegment, {
+  }))), isViewOnly || !onlyRenderPicker && shouldShowSummaryView && allowSelectFromSummaryView ? null : /*#__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,
+    className: ax(["_1e0c1o8l _19pk1b66"])
+  }), /*#__PURE__*/React.createElement(ModalTransition, null, !!selectedEmojiId && /*#__PURE__*/React.createElement(UFOSegment, {
     name: "reactions-dialog"
   }, /*#__PURE__*/React.createElement(ReactionsDialog, {
     selectedEmojiId: selectedEmojiId,

package/dist/es2019/components/Trigger.js

@@ -99,7 +99,7 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     testId: RENDER_TOOLTIP_TRIGGER_TESTID,
     content: tooltipContent,
     canAppear: () => !showAddReactionText
-  }, isListItem && !fg('jfp_a11y_team_comment_actions_semantic') ? /*#__PURE__*/React.createElement("li", {
+  }, isListItem ? /*#__PURE__*/React.createElement("li", {
     "data-testid": RENDER_LIST_ITEM_WRAPPER_TESTID,
     className: ax(["_qtt8glyw"])
   }, renderPressableButton()) : renderPressableButton()));

package/dist/es2019/i18n/cs.js

@@ -5,6 +5,24 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-reactions/i18n/cs';
-export default translations;
+//Czech
+export default {
+  'fabric.reactions.add': 'Přidat reakci',
+  'fabric.reactions.add.new': 'Přidat novou',
+  'fabric.reactions.error.unexpected': 'Reakce jsou dočasně nedostupné.',
+  'fabric.reactions.loading': 'Načítání...',
+  'fabric.reactions.more.emojis': 'Více smajlíků',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {a jeden další} few {a {count} další} many {a {count} dalšího} other {a {count} dalších}}',
+  'fabric.reactions.reactwithemoji': 'Reagovat pomocí smajlíku {emoji}',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, one {{count,number} {emoji} smajlík. Reagovat pomocí smajlíku {emoji}} few {{count,number} {emoji} smajlíky. Reagovat pomocí smajlíku {emoji}} many {{count,number} {emoji} smajlíku. Reagovat pomocí smajlíku {emoji}} other {{count,number} {emoji} smajlíků. Reagovat pomocí smajlíku {emoji}}}',
+  'fabric.reactions.summary': 'Zobrazit všechny reakce uživatelů',
+  'reaction-picker-trigger.add.reaction.message': 'Přidat reakci',
+  'reactions-reaction.picker-label': 'Přidat reakce',
+  'reactions.dialog.close': 'Zavřít',
+  'reactions.dialog.emoji.name': '{emojiName}',
+  'reactions.dialog.left.navigate': 'Navigace doleva',
+  'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reakce celkem} few {{count,number} reakce celkem} many {{count,number} reakce celkem} other {{count,number} reakcí celkem}}',
+  'reactions.dialog.right.navigate': 'Navigace doprava',
+  'reactions.dialog.viewall': 'Zobrazit vše',
+  'reactions.dialog.viewall.tooltip': 'Zobrazit všechny reakce uživatelů'
+};

package/dist/es2019/i18n/da.js

@@ -5,6 +5,24 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-reactions/i18n/da';
-export default translations;
+//Danish (Denmark)
+export default {
+  'fabric.reactions.add': 'Tilføj reaktion',
+  'fabric.reactions.add.new': 'Tilføj ny',
+  'fabric.reactions.error.unexpected': 'Reaktioner er midlertidigt utilgængelige',
+  'fabric.reactions.loading': 'Indlæser ...',
+  'fabric.reactions.more.emojis': 'Flere emojis',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {og én anden} other {og {count} andre}}',
+  'fabric.reactions.reactwithemoji': 'Reager med emojien {emoji}',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, one {{count,number} {emoji}-emoji. Reager med emojien {emoji}} other {{count,number} {emoji}-emojier. Reager med emojien {emoji}}}',
+  'fabric.reactions.summary': 'Se alle brugerreaktioner',
+  'reaction-picker-trigger.add.reaction.message': 'Tilføj en reaktion',
+  'reactions-reaction.picker-label': 'Tilføj reaktioner',
+  'reactions.dialog.close': 'Luk',
+  'reactions.dialog.emoji.name': '{emojiName}',
+  'reactions.dialog.left.navigate': 'Navigation til venstre',
+  'reactions.dialog.reactions.count': '{count, plural, one {{count,number} reaktion i alt} other {{count,number} reaktioner i alt}}',
+  'reactions.dialog.right.navigate': 'Navigation til højre',
+  'reactions.dialog.viewall': 'Vis alle',
+  'reactions.dialog.viewall.tooltip': 'Se alle brugerreaktioner'
+};

package/dist/es2019/i18n/de.js

@@ -5,6 +5,23 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-reactions/i18n/de';
-export default translations;
+//German (Germany)
+export default {
+  'fabric.reactions.add': 'Reaktion hinzufügen',
+  'fabric.reactions.add.new': 'Neu hinzufügen',
+  'fabric.reactions.error.unexpected': 'Reaktionen sind vorübergehend nicht verfügbar.',
+  'fabric.reactions.loading': 'Wird geladen...',
+  'fabric.reactions.more.emojis': 'Mehr Emojis',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {und ein weiterer} other {und {count} weitere}}',
+  'fabric.reactions.reactwithemoji': 'Mit {emoji}-Emoji reagieren',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, one {{count,number} {emoji}-Emoji. Mit {emoji}-Emoji reagieren} other {{count,number} {emoji}-Emojis. Mit {emoji}-Emoji reagieren}}',
+  'fabric.reactions.summary': 'Alle Benutzerreaktionen anzeigen',
+  'reaction-picker-trigger.add.reaction.message': 'Eine Reaktion hinzufügen',
+  'reactions-reaction.picker-label': 'Reaktionen hinzufügen',
+  'reactions.dialog.close': 'Schließen',
+  'reactions.dialog.left.navigate': 'Nach links navigieren',
+  'reactions.dialog.reactions.count': '{count, plural, one {{count,number} Reaktion insgesamt} other {{count,number} Reaktionen insgesamt}}',
+  'reactions.dialog.right.navigate': 'Nach rechts navigieren',
+  'reactions.dialog.viewall': 'Alle anzeigen',
+  'reactions.dialog.viewall.tooltip': 'Alle Benutzerreaktionen anzeigen'
+};

package/dist/es2019/i18n/en.js

@@ -5,6 +5,24 @@
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-
-import translations from '@atlaskit/afm-i18n-platform-elements-reactions/i18n/en';
-export default translations;
+//
+export default {
+  'fabric.reactions.add': 'Add reaction',
+  'fabric.reactions.add.new': 'Add new',
+  'fabric.reactions.error.unexpected': 'Reactions are temporarily unavailable',
+  'fabric.reactions.loading': 'Loading...',
+  'fabric.reactions.more.emojis': 'More emojis',
+  'fabric.reactions.other.reacted.users': '{count, plural, one {and one other} other {and {count} others}}',
+  'fabric.reactions.reactwithemoji': 'React with {emoji} emoji',
+  'fabric.reactions.reactwithemojiandcount': '{count, plural, one {# {emoji} emoji} other {# {emoji} emojis}}. React with {emoji} emoji',
+  'fabric.reactions.summary': 'View all user reactions',
+  'reaction-picker-trigger.add.reaction.message': 'Add a reaction',
+  'reactions-reaction.picker-label': 'Add reactions',
+  'reactions.dialog.close': 'Close',
+  'reactions.dialog.emoji.name': '{emojiName}',
+  'reactions.dialog.left.navigate': 'Left Navigate',
+  'reactions.dialog.reactions.count': '{count, plural, one {# total reaction} other {# total reactions} }',
+  'reactions.dialog.right.navigate': 'Right Navigate',
+  'reactions.dialog.viewall': 'View all',
+  'reactions.dialog.viewall.tooltip': 'View all user reactions'
+};