@atlaskit/reactions 30.0.6 → 30.0.8

package/dist/cjs/components/ReactionTooltip/ReactionTooltip.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReactionTooltip = exports.RENDER_REACTIONTOOLTIP_TESTID = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _reactIntlNext = require("react-intl-next");
-var _constants = require("../../shared/constants");
-var _i18n = require("../../shared/i18n");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-/**
- * Test id for wrapper ReactionTooltip div
- */
-var RENDER_REACTIONTOOLTIP_TESTID = exports.RENDER_REACTIONTOOLTIP_TESTID = 'render-reactionTooltip';
-var ReactionTooltip = exports.ReactionTooltip = function ReactionTooltip(_ref) {
-  var children = _ref.children,
-    emojiName = _ref.emojiName,
-    _ref$reaction$users = _ref.reaction.users,
-    users = _ref$reaction$users === void 0 ? [] : _ref$reaction$users,
-    _ref$maxReactions = _ref.maxReactions,
-    maxReactions = _ref$maxReactions === void 0 ? _constants.TOOLTIP_USERS_LIMIT : _ref$maxReactions,
-    _ref$isEnabled = _ref.isEnabled,
-    isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
-    allowUserDialog = _ref.allowUserDialog,
-    handleOpenReactionsDialog = _ref.handleOpenReactionsDialog,
-    dismissTooltip = _ref.dismissTooltip;
-  var handleClick = function handleClick() {
-    if (allowUserDialog && handleOpenReactionsDialog) {
-      dismissTooltip();
-      handleOpenReactionsDialog();
-    }
-  };
-  var content = !users || users.length === 0 || !isEnabled ? null :
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-noninteractive-tabindex -- Ignored via go/DSP-18766
-  (0, _react2.jsx)("div", {
-    css: _styles.tooltipStyle,
-    tabIndex: 0
-  }, (0, _react2.jsx)("ul", null, emojiName ? (0, _react2.jsx)("li", {
-    css: _styles.emojiNameStyle
-  }, emojiName) : null, users.slice(0, maxReactions).map(function (user) {
-    return (0, _react2.jsx)("li", {
-      key: user.id
-    }, user.displayName);
-  }), (0, _react2.jsx)("li", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: allowUserDialog ? [_styles.footerStyle, _styles.underlineStyle] : _styles.footerStyle,
-    onMouseDown: handleClick,
-    onClick: handleClick
-  }, users.length > maxReactions && (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
-    values: {
-      count: users.length - maxReactions
-    }
-  })))));
-  return (0, _react2.jsx)(_tooltip.default, {
-    content: content,
-    position: "bottom",
-    testId: RENDER_REACTIONTOOLTIP_TESTID
-  }, _react.default.Children.only(children));
-};

package/dist/cjs/components/ReactionTooltip/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RENDER_REACTIONTOOLTIP_TESTID", {
-  enumerable: true,
-  get: function get() {
-    return _ReactionTooltip.RENDER_REACTIONTOOLTIP_TESTID;
-  }
-});
-Object.defineProperty(exports, "ReactionTooltip", {
-  enumerable: true,
-  get: function get() {
-    return _ReactionTooltip.ReactionTooltip;
-  }
-});
-var _ReactionTooltip = require("./ReactionTooltip");

package/dist/cjs/components/ReactionTooltip/styles.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.verticalMargin = exports.underlineStyle = exports.tooltipStyle = exports.footerStyle = exports.emojiNameStyle = void 0;
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var verticalMargin = exports.verticalMargin = 5;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var tooltipStyle = exports.tooltipStyle = (0, _react.css)({
-  maxWidth: '150px',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden',
-  marginBottom: verticalMargin,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  ul: {
-    listStyle: 'none',
-    margin: 0,
-    padding: 0,
-    textAlign: 'left'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  li: {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    marginTop: verticalMargin
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var emojiNameStyle = exports.emojiNameStyle = (0, _react.css)({
-  textTransform: 'capitalize',
-  color: "var(--ds-text-inverse, ".concat(_colors.N90, ")"),
-  fontWeight: "var(--ds-font-weight-semibold, 600)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var footerStyle = exports.footerStyle = (0, _react.css)({
-  color: "var(--ds-text-inverse, ".concat(_colors.N90, ")")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var underlineStyle = exports.underlineStyle = (0, _react.css)({
-  cursor: 'pointer',
-  textDecoration: 'underline',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':hover': {
-    backgroundColor: "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")"),
-    color: "var(--ds-text-inverse, ".concat(_colors.N0, ")")
-  }
-});

package/dist/cjs/components/Reactions/Reactions.js

@@ -1,397 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Reactions = exports.RENDER_VIEWALL_REACTED_USERS_DIALOG = exports.RENDER_REACTIONS_TESTID = exports.RENDER_REACTIONS_SUMMARY_TESTID = void 0;
-exports.getTooltip = getTooltip;
-exports.ufoExperiences = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _modalDialog = require("@atlaskit/modal-dialog");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _segment = _interopRequireDefault(require("@atlaskit/react-ufo/segment"));
-var _analytics = require("../../analytics");
-var _constants = require("../../shared/constants");
-var _i18n = require("../../shared/i18n");
-var _types = require("../../types");
-var _ufo = require("../../ufo");
-var _Reaction = require("../Reaction");
-var _ReactionDialog = require("../ReactionDialog");
-var _ReactionPicker = require("../ReactionPicker");
-var _ReactionSummary = require("../ReactionSummary/");
-var _styles = require("./styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var wrapperStyle = (0, _react2.css)({
-  display: 'flex',
-  flexWrap: 'wrap',
-  position: 'relative',
-  alignItems: 'center',
-  borderRadius: '15px',
-  marginTop: "var(--ds-space-negative-050, -4px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '> :first-of-type > :first-of-type': {
-    marginLeft: 0
-  }
-});
-var noFlexWrapStyles = (0, _react2.css)({
-  flexWrap: 'nowrap'
-});
-var noContainerPositionStyles = (0, _react2.css)({
-  position: 'initial'
-});
-
-/**
- * Set of all available UFO experiences relating to Reactions Dialog
- */
-var ufoExperiences = exports.ufoExperiences = {
-  /**
-   * Experience when a reaction dialog is opened
-   */
-  openDialog: _ufo.ReactionDialogOpened,
-  /**
-   * Experience when a reaction changed/fetched from inside the modal dialog
-   */
-  selectedReactionChangeInsideDialog: _ufo.ReactionDialogSelectedReactionChanged
-};
-
-/**
- * Test id for wrapper Reactions div
- */
-var RENDER_REACTIONS_TESTID = exports.RENDER_REACTIONS_TESTID = 'render-reactions';
-/**
- * Test id for the view all reacted user to trigger the dialog
- */
-var RENDER_VIEWALL_REACTED_USERS_DIALOG = exports.RENDER_VIEWALL_REACTED_USERS_DIALOG = 'viewall-reacted-users-dialog';
-
-/**
- * Test id for summary view of reactions
- */
-var RENDER_REACTIONS_SUMMARY_TESTID = exports.RENDER_REACTIONS_SUMMARY_TESTID = 'reaction-summary-view';
-/**
- * Get content of the tooltip
- */
-function getTooltip(status, errorMessage, tooltipContent) {
-  switch (status) {
-    case _types.ReactionStatus.error:
-      return errorMessage || (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.unexpectedError);
-    // When reaction is not available don't show any tooltip (e.g. Archive page in Confluence)
-    case _types.ReactionStatus.disabled:
-      return null;
-    case _types.ReactionStatus.notLoaded:
-    case _types.ReactionStatus.loading:
-      return (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.loadingReactions);
-    case _types.ReactionStatus.ready:
-      return !!tooltipContent ? tooltipContent : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.addReaction);
-  }
-}
-
-/**
- * Renders list of reactions
- */
-var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var _ref$flash = _ref.flash,
-    flash = _ref$flash === void 0 ? {} : _ref$flash,
-    _ref$particleEffectBy = _ref.particleEffectByEmoji,
-    particleEffectByEmoji = _ref$particleEffectBy === void 0 ? {} : _ref$particleEffectBy,
-    status = _ref.status,
-    errorMessage = _ref.errorMessage,
-    loadReaction = _ref.loadReaction,
-    quickReactionEmojis = _ref.quickReactionEmojis,
-    pickerQuickReactionEmojiIds = _ref.pickerQuickReactionEmojiIds,
-    _ref$getReactionDetai = _ref.getReactionDetails,
-    getReactionDetails = _ref$getReactionDetai === void 0 ? function () {} : _ref$getReactionDetai,
-    onSelection = _ref.onSelection,
-    _ref$reactions = _ref.reactions,
-    reactions = _ref$reactions === void 0 ? [] : _ref$reactions,
-    emojiProvider = _ref.emojiProvider,
-    allowAllEmojis = _ref.allowAllEmojis,
-    onReactionClick = _ref.onReactionClick,
-    allowUserDialog = _ref.allowUserDialog,
-    _ref$onDialogOpenCall = _ref.onDialogOpenCallback,
-    onDialogOpenCallback = _ref$onDialogOpenCall === void 0 ? function () {} : _ref$onDialogOpenCall,
-    _ref$onDialogCloseCal = _ref.onDialogCloseCallback,
-    onDialogCloseCallback = _ref$onDialogCloseCal === void 0 ? function () {} : _ref$onDialogCloseCal,
-    _ref$onDialogSelectRe = _ref.onDialogSelectReactionCallback,
-    onDialogSelectReactionCallback = _ref$onDialogSelectRe === void 0 ? function () {} : _ref$onDialogSelectRe,
-    _ref$onDialogPageChan = _ref.onDialogPageChangeCallback,
-    onDialogPageChangeCallback = _ref$onDialogPageChan === void 0 ? function () {} : _ref$onDialogPageChan,
-    _ref$emojiPickerSize = _ref.emojiPickerSize,
-    emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize,
-    _ref$miniMode = _ref.miniMode,
-    miniMode = _ref$miniMode === void 0 ? false : _ref$miniMode,
-    _ref$summaryViewEnabl = _ref.summaryViewEnabled,
-    summaryViewEnabled = _ref$summaryViewEnabl === void 0 ? false : _ref$summaryViewEnabl,
-    _ref$summaryViewThres = _ref.summaryViewThreshold,
-    summaryViewThreshold = _ref$summaryViewThres === void 0 ? 3 : _ref$summaryViewThres,
-    summaryViewPlacement = _ref.summaryViewPlacement,
-    _ref$showOpaqueBackgr = _ref.showOpaqueBackground,
-    showOpaqueBackground = _ref$showOpaqueBackgr === void 0 ? false : _ref$showOpaqueBackgr,
-    _ref$subtleReactionsS = _ref.subtleReactionsSummaryAndPicker,
-    subtleReactionsSummaryAndPicker = _ref$subtleReactionsS === void 0 ? false : _ref$subtleReactionsS,
-    _ref$showAddReactionT = _ref.showAddReactionText,
-    showAddReactionText = _ref$showAddReactionT === void 0 ? false : _ref$showAddReactionT,
-    _ref$hideDefaultReact = _ref.hideDefaultReactions,
-    hideDefaultReactions = _ref$hideDefaultReact === void 0 ? false : _ref$hideDefaultReact,
-    ProfileCardWrapper = _ref.ProfileCardWrapper,
-    _ref$onlyRenderPicker = _ref.onlyRenderPicker,
-    onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker,
-    reactionPickerPlacement = _ref.reactionPickerPlacement,
-    reactionsPickerPreventOverflowOptions = _ref.reactionsPickerPreventOverflowOptions,
-    _ref$isViewOnly = _ref.isViewOnly,
-    isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
-    _ref$noWrap = _ref.noWrap,
-    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
-    _ref$noRelativeContai = _ref.noRelativeContainer,
-    noRelativeContainer = _ref$noRelativeContai === void 0 ? false : _ref$noRelativeContai,
-    showSubtleDefaultReactions = _ref.showSubtleDefaultReactions,
-    reactionPickerTriggerToolipContent = _ref.reactionPickerTriggerToolipContent,
-    reactionPickerTriggerIcon = _ref.reactionPickerTriggerIcon,
-    _ref$allowSelectFromS = _ref.allowSelectFromSummaryView,
-    allowSelectFromSummaryView = _ref$allowSelectFromS === void 0 ? false : _ref$allowSelectFromS,
-    _ref$useButtonAlignme = _ref.useButtonAlignmentStyling,
-    useButtonAlignmentStyling = _ref$useButtonAlignme === void 0 ? false : _ref$useButtonAlignme;
-  var _useState = (0, _react.useState)(),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selectedEmojiId = _useState2[0],
-    setSelectedEmojiId = _useState2[1];
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var openTime = (0, _react.useRef)();
-  var renderTime = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    if (status === _types.ReactionStatus.notLoaded) {
-      loadReaction();
-    }
-  }, [status, loadReaction]);
-  (0, _react.useEffect)(function () {
-    if (status !== _types.ReactionStatus.ready) {
-      renderTime.current = Date.now();
-    } else {
-      var isSSR = process.env.REACT_SSR && (0, _platformFeatureFlags.fg)('platform_fix_analytics_error');
-      if ((0, _analytics.isSampled)(_constants.SAMPLING_RATE_REACTIONS_RENDERED_EXP) && !isSSR) {
-        var _renderTime$current;
-        (0, _analytics.createAndFireSafe)(createAnalyticsEvent, _analytics.createReactionsRenderedEvent, (_renderTime$current = renderTime.current) !== null && _renderTime$current !== void 0 ? _renderTime$current : Date.now() //renderTime.current can be null during unit test cases
-        );
-      }
-      renderTime.current = undefined;
-    }
-  }, [createAnalyticsEvent, status]);
-  var handleReactionMouseEnter = (0, _react.useCallback)(function (emojiId) {
-    getReactionDetails(emojiId);
-  }, [getReactionDetails]);
-  var handleReactionFocused = (0, _react.useCallback)(function (emojiId) {
-    getReactionDetails(emojiId);
-  }, [getReactionDetails]);
-  var handlePickerOpen = (0, _react.useCallback)(function () {
-    openTime.current = Date.now();
-    (0, _analytics.createAndFireSafe)(createAnalyticsEvent, _analytics.createPickerButtonClickedEvent, reactions.length);
-  }, [createAnalyticsEvent, reactions]);
-  var handleOnCancel = (0, _react.useCallback)(function () {
-    (0, _analytics.createAndFireSafe)(createAnalyticsEvent, _analytics.createPickerCancelledEvent, openTime.current);
-    openTime.current = undefined;
-  }, [createAnalyticsEvent]);
-  var handleOnMore = (0, _react.useCallback)(function () {
-    (0, _analytics.createAndFireSafe)(createAnalyticsEvent, _analytics.createPickerMoreClickedEvent, openTime.current);
-  }, [createAnalyticsEvent]);
-  var handleOnSelection = (0, _react.useCallback)(function (emojiId, source) {
-    (0, _analytics.createAndFireSafe)(createAnalyticsEvent, _analytics.createReactionSelectionEvent, source, emojiId, reactions.find(function (reaction) {
-      return reaction.emojiId === emojiId;
-    }), openTime.current);
-    openTime.current = undefined;
-    onSelection(emojiId);
-  }, [createAnalyticsEvent, onSelection, reactions]);
-  var handleCloseReactionsDialog = function handleCloseReactionsDialog(e, analyticsEvent) {
-    setSelectedEmojiId('');
-    onDialogCloseCallback(e, analyticsEvent);
-  };
-  var handleSelectReactionInDialog = function handleSelectReactionInDialog(emojiId) {
-    // ufo selected reaction inside the modal dialog
-    ufoExperiences.selectedReactionChangeInsideDialog.start();
-    handleReactionMouseEnter(emojiId);
-    setSelectedEmojiId(emojiId);
-    onDialogSelectReactionCallback(emojiId);
-
-    // ufo selected reaction inside the modal dialog success
-    ufoExperiences.selectedReactionChangeInsideDialog.success({
-      metadata: {
-        emojiId: emojiId,
-        source: 'Reactions',
-        reason: 'Selected Emoji changed'
-      }
-    });
-  };
-  var handlePaginationChange = (0, _react.useCallback)(function (emojiId, currentPage, maxPages) {
-    // fetch the latest active emoji from the new page
-    getReactionDetails(emojiId);
-    setSelectedEmojiId(emojiId);
-    onDialogPageChangeCallback(emojiId, currentPage, maxPages);
-  },
-  // Exclude unstable getReactionDetails to avoid extra re-renders
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [setSelectedEmojiId]);
-
-  /**
-   * Get the reactions that we want to render are any reactions with a count greater than zero as well as any default emoji not already shown
-   */
-  var memorizedReactions = (0, _react.useMemo)(function () {
-    //
-    /**
-     * If reactions not empty, don't show quick reactions Pre defined emoji or if its empty and default reactions not hidden => return the current list of reactions
-     */
-    if (reactions.length === 0 && hideDefaultReactions || reactions.length > 0 || !quickReactionEmojis) {
-      return reactions;
-    }
-
-    // add any missing default reactions
-    var ari = quickReactionEmojis.ari,
-      containerAri = quickReactionEmojis.containerAri,
-      emojiIds = quickReactionEmojis.emojiIds;
-    var items = emojiIds.filter(function (emojiId) {
-      return !reactions.some(function (reaction) {
-        return reaction.emojiId === emojiId;
-      });
-    }).map(function (emojiId) {
-      return {
-        ari: ari,
-        containerAri: containerAri,
-        emojiId: emojiId,
-        count: 0,
-        reacted: false
-      };
-    });
-    return reactions.concat(items);
-  }, [quickReactionEmojis, reactions, hideDefaultReactions]);
-  var shouldShowSummaryView = summaryViewEnabled && memorizedReactions.length >= summaryViewThreshold && reactions.length > 0;
-
-  // criteria to show Reactions Dialog
-  var hasEmojiWithFivePlusReactions = reactions.some(function (reaction) {
-    return reaction.count >= 5;
-  });
-  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);
-    });
-  }, [memorizedReactions]);
-
-  /**
-   * event handler to open dialog with selected reaction
-   * @param emojiId initial emoji id to load dialog with
-   */
-  var _handleOpenReactionsDialog = function handleOpenReactionsDialog() {
-    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref2$emojiId = _ref2.emojiId,
-      emojiId = _ref2$emojiId === void 0 ? sortedReactions[0].emojiId : _ref2$emojiId,
-      _ref2$source = _ref2.source,
-      source = _ref2$source === void 0 ? 'endOfPageReactions' : _ref2$source;
-    // ufo start opening reaction dialog
-    ufoExperiences.openDialog.start();
-    getReactionDetails(emojiId);
-    setSelectedEmojiId(emojiId);
-    onDialogOpenCallback(emojiId, source);
-
-    // ufo opening reaction dialog success
-    ufoExperiences.openDialog.success({
-      metadata: {
-        emojiId: emojiId,
-        source: 'Reactions',
-        reason: 'Opening Reactions Dialog successfully'
-      }
-    });
-  };
-  return (0, _react2.jsx)(_segment.default, {
-    name: "reactions"
-  }, (0, _react2.jsx)("div", {
-    css: [wrapperStyle, noWrap && noFlexWrapStyles, noRelativeContainer && noContainerPositionStyles],
-    "data-testid": RENDER_REACTIONS_TESTID
-  }, !onlyRenderPicker && (shouldShowSummaryView ? (0, _react2.jsx)("div", {
-    "data-testid": RENDER_REACTIONS_SUMMARY_TESTID
-  }, (0, _react2.jsx)(_ReactionSummary.ReactionSummaryView, {
-    reactions: sortedReactions,
-    emojiProvider: emojiProvider,
-    flash: flash,
-    particleEffectByEmoji: particleEffectByEmoji,
-    onSelection: handleOnSelection,
-    onReactionClick: onReactionClick,
-    onReactionFocused: handleReactionFocused,
-    onReactionMouseEnter: handleReactionMouseEnter,
-    placement: summaryViewPlacement,
-    showOpaqueBackground: showOpaqueBackground,
-    subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    handleOpenReactionsDialog: function handleOpenReactionsDialog() {
-      return _handleOpenReactionsDialog({
-        source: 'summaryView'
-      });
-    },
-    allowUserDialog: allowUserDialog && hasEmojiWithFivePlusReactions,
-    isViewOnly: isViewOnly,
-    allowSelectFromSummaryView: allowSelectFromSummaryView,
-    disabled: status !== _types.ReactionStatus.ready,
-    reactionPickerTriggerIcon: reactionPickerTriggerIcon,
-    tooltipContent: getTooltip(status, errorMessage, reactionPickerTriggerToolipContent),
-    emojiPickerSize: emojiPickerSize,
-    onOpen: handlePickerOpen,
-    useButtonAlignmentStyling: useButtonAlignmentStyling
-  })) : memorizedReactions.map(function (reaction) {
-    return (0, _react2.jsx)(_Reaction.Reaction, {
-      key: reaction.emojiId,
-      reaction: reaction,
-      emojiProvider: emojiProvider,
-      onClick: onReactionClick,
-      onMouseEnter: handleReactionMouseEnter,
-      onFocused: handleReactionFocused,
-      flash: flash[reaction.emojiId],
-      showParticleEffect: particleEffectByEmoji[reaction.emojiId],
-      showOpaqueBackground: showOpaqueBackground,
-      allowUserDialog: allowUserDialog && hasEmojiWithFivePlusReactions,
-      handleOpenReactionsDialog: _handleOpenReactionsDialog,
-      isViewOnly: isViewOnly,
-      showSubtleStyle: showSubtleDefaultReactions && reactions.length === 0
-    });
-  })), isViewOnly || allowSelectFromSummaryView ? null : (0, _react2.jsx)(_ReactionPicker.ReactionPicker
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  , {
-    css: _styles.reactionPickerStyle,
-    emojiProvider: emojiProvider,
-    allowAllEmojis: allowAllEmojis,
-    pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
-    disabled: status !== _types.ReactionStatus.ready,
-    onSelection: handleOnSelection,
-    onOpen: handlePickerOpen,
-    onCancel: handleOnCancel,
-    onShowMore: handleOnMore,
-    tooltipContent: getTooltip(status, errorMessage, reactionPickerTriggerToolipContent),
-    emojiPickerSize: emojiPickerSize,
-    miniMode: miniMode,
-    showOpaqueBackground: showOpaqueBackground,
-    showAddReactionText: showAddReactionText,
-    subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    reactionPickerTriggerIcon: reactionPickerTriggerIcon,
-    reactionPickerPlacement: reactionPickerPlacement,
-    reactionsPickerPreventOverflowOptions: reactionsPickerPreventOverflowOptions
-  }), (0, _react2.jsx)(_modalDialog.ModalTransition, null, !!selectedEmojiId && (0, _react2.jsx)(_segment.default, {
-    name: "reactions-dialog"
-  }, (0, _react2.jsx)(_ReactionDialog.ReactionsDialog, {
-    selectedEmojiId: selectedEmojiId,
-    reactions: sortedReactions,
-    emojiProvider: emojiProvider,
-    handleCloseReactionsDialog: handleCloseReactionsDialog,
-    handleSelectReaction: handleSelectReactionInDialog,
-    handlePaginationChange: handlePaginationChange,
-    ProfileCardWrapper: ProfileCardWrapper
-  })))));
-});

package/dist/cjs/components/Reactions/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RENDER_REACTIONS_TESTID", {
-  enumerable: true,
-  get: function get() {
-    return _Reactions.RENDER_REACTIONS_TESTID;
-  }
-});
-Object.defineProperty(exports, "Reactions", {
-  enumerable: true,
-  get: function get() {
-    return _Reactions.Reactions;
-  }
-});
-var _Reactions = require("./Reactions");

package/dist/cjs/components/Reactions/styles.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.reactionPickerStyle = void 0;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var reactionPickerStyle = exports.reactionPickerStyle = (0, _react.css)({
-  display: 'inline-block',
-  marginTop: "var(--ds-space-050, 4px)"
-});

package/dist/cjs/components/Selector/Selector.js

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Selector = exports.RENDER_SELECTOR_TESTID = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _primitives = require("@atlaskit/primitives");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _constants = require("../../shared/constants");
-var _EmojiButton = require("../EmojiButton");
-var _ShowMore = require("../ShowMore");
-var _styles = require("./styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-/**
- * Test id for wrapper Selector div
- */
-var RENDER_SELECTOR_TESTID = exports.RENDER_SELECTOR_TESTID = 'render-selector';
-var containerStyles = (0, _primitives.xcss)({
-  padding: 'space.050'
-});
-var separatorStyles = (0, _primitives.xcss)({
-  borderLeftColor: 'color.border',
-  borderLeftStyle: 'solid',
-  borderLeftWidth: 'border.width',
-  marginInlineStart: 'space.050',
-  marginInlineEnd: 'space.100',
-  height: '24px',
-  display: 'inline-block'
-});
-var Reveal = function Reveal(_ref) {
-  var children = _ref.children,
-    testId = _ref.testId;
-  return (0, _react2.jsx)("div", {
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    ,
-    css: _styles.revealStyle
-  }, 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;
-  /**
-   * Render the default emoji icon
-   * @param emoji emoji item
-   * @param index location of the emoji in the array
-   */
-  var renderEmoji = function renderEmoji(emoji, index) {
-    var _emoji$id;
-    return (0, _react2.jsx)(Reveal, {
-      key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
-      testId: RENDER_SELECTOR_TESTID
-    }, (0, _react2.jsx)(_tooltip.default, {
-      content: emoji.shortName
-    }, (0, _react2.jsx)(_EmojiButton.EmojiButton, {
-      emojiId: emoji,
-      emojiProvider: emojiProvider,
-      onClick: onSelection
-    })));
-  };
-  return (0, _react2.jsx)(_primitives.Inline, {
-    alignBlock: "center",
-    xcss: containerStyles
-  }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_primitives.Box, {
-    xcss: separatorStyles
-  }), (0, _react2.jsx)(Reveal, null, (0, _react2.jsx)(_ShowMore.ShowMore, {
-    key: "more",
-    onClick: onMoreClick
-  }))) : null);
-};