@atlaskit/reactions 33.8.20 → 33.8.21

package/CHANGELOG.md

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

package/dist/cjs/analytics/index.js

@@ -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; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "33.8.19";
+var packageVersion = "33.8.20";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

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

package/dist/cjs/components/Reactions.js

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

package/dist/es2019/analytics/index.js

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

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

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

package/dist/es2019/components/Reactions.js

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

package/dist/esm/analytics/index.js

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

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

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

package/dist/esm/components/Reactions.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.8.20",
+	"version": "33.8.21",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -126,9 +126,6 @@
 		"jfp_a11y_team_comment_actions_semantic": {
 			"type": "boolean"
 		},
-		"platform-a11y-add-reactions-button-ul-item": {
-			"type": "boolean"
-		},
 		"platform_suppression_removal_fix_reactions": {
 			"type": "boolean"
 		}