@atlaskit/reactions 30.0.6 → 30.0.8

package/dist/es2019/components/Reactions/Reactions.js

@@ -1,344 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
-import UFOSegment from '@atlaskit/react-ufo/segment';
-import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionsRenderedEvent, createReactionSelectionEvent, isSampled } from '../../analytics';
-import { SAMPLING_RATE_REACTIONS_RENDERED_EXP } from '../../shared/constants';
-import { messages } from '../../shared/i18n';
-import { ReactionStatus } from '../../types';
-import { ReactionDialogOpened, ReactionDialogSelectedReactionChanged } from '../../ufo';
-import { Reaction } from '../Reaction';
-import { ReactionsDialog } from '../ReactionDialog';
-import { ReactionPicker } from '../ReactionPicker';
-import { ReactionSummaryView } from '../ReactionSummary/';
-import { reactionPickerStyle } from './styles';
-const wrapperStyle = 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
-  }
-});
-const noFlexWrapStyles = css({
-  flexWrap: 'nowrap'
-});
-const noContainerPositionStyles = css({
-  position: 'initial'
-});
-
-/**
- * Set of all available UFO experiences relating to Reactions Dialog
- */
-export const ufoExperiences = {
-  /**
-   * Experience when a reaction dialog is opened
-   */
-  openDialog: ReactionDialogOpened,
-  /**
-   * Experience when a reaction changed/fetched from inside the modal dialog
-   */
-  selectedReactionChangeInsideDialog: ReactionDialogSelectedReactionChanged
-};
-
-/**
- * Test id for wrapper Reactions div
- */
-export const RENDER_REACTIONS_TESTID = 'render-reactions';
-/**
- * Test id for the view all reacted user to trigger the dialog
- */
-export const RENDER_VIEWALL_REACTED_USERS_DIALOG = 'viewall-reacted-users-dialog';
-
-/**
- * Test id for summary view of reactions
- */
-export const RENDER_REACTIONS_SUMMARY_TESTID = 'reaction-summary-view';
-/**
- * Get content of the tooltip
- */
-export function getTooltip(status, errorMessage, tooltipContent) {
-  switch (status) {
-    case ReactionStatus.error:
-      return errorMessage || jsx(FormattedMessage, messages.unexpectedError);
-    // When reaction is not available don't show any tooltip (e.g. Archive page in Confluence)
-    case ReactionStatus.disabled:
-      return null;
-    case ReactionStatus.notLoaded:
-    case ReactionStatus.loading:
-      return jsx(FormattedMessage, messages.loadingReactions);
-    case ReactionStatus.ready:
-      return !!tooltipContent ? tooltipContent : jsx(FormattedMessage, messages.addReaction);
-  }
-}
-
-/**
- * Renders list of reactions
- */
-export const Reactions = /*#__PURE__*/React.memo(({
-  flash = {},
-  particleEffectByEmoji = {},
-  status,
-  errorMessage,
-  loadReaction,
-  quickReactionEmojis,
-  pickerQuickReactionEmojiIds,
-  getReactionDetails = () => {},
-  onSelection,
-  reactions = [],
-  emojiProvider,
-  allowAllEmojis,
-  onReactionClick,
-  allowUserDialog,
-  onDialogOpenCallback = () => {},
-  onDialogCloseCallback = () => {},
-  onDialogSelectReactionCallback = () => {},
-  onDialogPageChangeCallback = () => {},
-  emojiPickerSize = 'medium',
-  miniMode = false,
-  summaryViewEnabled = false,
-  summaryViewThreshold = 3,
-  summaryViewPlacement,
-  showOpaqueBackground = false,
-  subtleReactionsSummaryAndPicker = false,
-  showAddReactionText = false,
-  hideDefaultReactions = false,
-  ProfileCardWrapper,
-  onlyRenderPicker = false,
-  reactionPickerPlacement,
-  reactionsPickerPreventOverflowOptions,
-  isViewOnly = false,
-  noWrap = false,
-  noRelativeContainer = false,
-  showSubtleDefaultReactions,
-  reactionPickerTriggerToolipContent,
-  reactionPickerTriggerIcon,
-  allowSelectFromSummaryView = false,
-  useButtonAlignmentStyling = false
-}) => {
-  const [selectedEmojiId, setSelectedEmojiId] = useState();
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  let openTime = useRef();
-  let renderTime = useRef();
-  useEffect(() => {
-    if (status === ReactionStatus.notLoaded) {
-      loadReaction();
-    }
-  }, [status, loadReaction]);
-  useEffect(() => {
-    if (status !== ReactionStatus.ready) {
-      renderTime.current = Date.now();
-    } else {
-      const isSSR = process.env.REACT_SSR && fg('platform_fix_analytics_error');
-      if (isSampled(SAMPLING_RATE_REACTIONS_RENDERED_EXP) && !isSSR) {
-        var _renderTime$current;
-        createAndFireSafe(createAnalyticsEvent, 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]);
-  const handleReactionMouseEnter = useCallback(emojiId => {
-    getReactionDetails(emojiId);
-  }, [getReactionDetails]);
-  const handleReactionFocused = useCallback(emojiId => {
-    getReactionDetails(emojiId);
-  }, [getReactionDetails]);
-  const handlePickerOpen = useCallback(() => {
-    openTime.current = Date.now();
-    createAndFireSafe(createAnalyticsEvent, createPickerButtonClickedEvent, reactions.length);
-  }, [createAnalyticsEvent, reactions]);
-  const handleOnCancel = useCallback(() => {
-    createAndFireSafe(createAnalyticsEvent, createPickerCancelledEvent, openTime.current);
-    openTime.current = undefined;
-  }, [createAnalyticsEvent]);
-  const handleOnMore = useCallback(() => {
-    createAndFireSafe(createAnalyticsEvent, createPickerMoreClickedEvent, openTime.current);
-  }, [createAnalyticsEvent]);
-  const handleOnSelection = useCallback((emojiId, source) => {
-    createAndFireSafe(createAnalyticsEvent, createReactionSelectionEvent, source, emojiId, reactions.find(reaction => reaction.emojiId === emojiId), openTime.current);
-    openTime.current = undefined;
-    onSelection(emojiId);
-  }, [createAnalyticsEvent, onSelection, reactions]);
-  const handleCloseReactionsDialog = (e, analyticsEvent) => {
-    setSelectedEmojiId('');
-    onDialogCloseCallback(e, analyticsEvent);
-  };
-  const 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,
-        source: 'Reactions',
-        reason: 'Selected Emoji changed'
-      }
-    });
-  };
-  const handlePaginationChange = useCallback((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
-   */
-  const memorizedReactions = useMemo(() => {
-    //
-    /**
-     * 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
-    const {
-      ari,
-      containerAri,
-      emojiIds
-    } = quickReactionEmojis;
-    const items = emojiIds.filter(emojiId => !reactions.some(reaction => reaction.emojiId === emojiId)).map(emojiId => {
-      return {
-        ari,
-        containerAri,
-        emojiId,
-        count: 0,
-        reacted: false
-      };
-    });
-    return reactions.concat(items);
-  }, [quickReactionEmojis, reactions, hideDefaultReactions]);
-  const shouldShowSummaryView = summaryViewEnabled && memorizedReactions.length >= summaryViewThreshold && reactions.length > 0;
-
-  // criteria to show Reactions Dialog
-  const hasEmojiWithFivePlusReactions = reactions.some(reaction => reaction.count >= 5);
-  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]);
-
-  /**
-   * event handler to open dialog with selected reaction
-   * @param emojiId initial emoji id to load dialog with
-   */
-  const handleOpenReactionsDialog = ({
-    emojiId = sortedReactions[0].emojiId,
-    source = 'endOfPageReactions'
-  } = {}) => {
-    // 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,
-        source: 'Reactions',
-        reason: 'Opening Reactions Dialog successfully'
-      }
-    });
-  };
-  return jsx(UFOSegment, {
-    name: "reactions"
-  }, jsx("div", {
-    css: [wrapperStyle, noWrap && noFlexWrapStyles, noRelativeContainer && noContainerPositionStyles],
-    "data-testid": RENDER_REACTIONS_TESTID
-  }, !onlyRenderPicker && (shouldShowSummaryView ? jsx("div", {
-    "data-testid": RENDER_REACTIONS_SUMMARY_TESTID
-  }, jsx(ReactionSummaryView, {
-    reactions: sortedReactions,
-    emojiProvider: emojiProvider,
-    flash: flash,
-    particleEffectByEmoji: particleEffectByEmoji,
-    onSelection: handleOnSelection,
-    onReactionClick: onReactionClick,
-    onReactionFocused: handleReactionFocused,
-    onReactionMouseEnter: handleReactionMouseEnter,
-    placement: summaryViewPlacement,
-    showOpaqueBackground: showOpaqueBackground,
-    subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    handleOpenReactionsDialog: () => handleOpenReactionsDialog({
-      source: 'summaryView'
-    }),
-    allowUserDialog: allowUserDialog && hasEmojiWithFivePlusReactions,
-    isViewOnly: isViewOnly,
-    allowSelectFromSummaryView: allowSelectFromSummaryView,
-    disabled: status !== ReactionStatus.ready,
-    reactionPickerTriggerIcon: reactionPickerTriggerIcon,
-    tooltipContent: getTooltip(status, errorMessage, reactionPickerTriggerToolipContent),
-    emojiPickerSize: emojiPickerSize,
-    onOpen: handlePickerOpen,
-    useButtonAlignmentStyling: useButtonAlignmentStyling
-  })) : memorizedReactions.map(reaction => jsx(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 : jsx(ReactionPicker
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  , {
-    css: reactionPickerStyle,
-    emojiProvider: emojiProvider,
-    allowAllEmojis: allowAllEmojis,
-    pickerQuickReactionEmojiIds: pickerQuickReactionEmojiIds,
-    disabled: status !== 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
-  }), jsx(ModalTransition, null, !!selectedEmojiId && jsx(UFOSegment, {
-    name: "reactions-dialog"
-  }, jsx(ReactionsDialog, {
-    selectedEmojiId: selectedEmojiId,
-    reactions: sortedReactions,
-    emojiProvider: emojiProvider,
-    handleCloseReactionsDialog: handleCloseReactionsDialog,
-    handleSelectReaction: handleSelectReactionInDialog,
-    handlePaginationChange: handlePaginationChange,
-    ProfileCardWrapper: ProfileCardWrapper
-  })))));
-});

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

@@ -1 +0,0 @@
-export { Reactions, RENDER_REACTIONS_TESTID } from './Reactions';

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

@@ -1,11 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const reactionPickerStyle = css({
-  display: 'inline-block',
-  marginTop: "var(--ds-space-050, 4px)"
-});

package/dist/es2019/components/Selector/Selector.js

@@ -1,80 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { Fragment } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { Box, Inline, xcss } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-import { DefaultReactions } from '../../shared/constants';
-import { EmojiButton } from '../EmojiButton';
-import { ShowMore } from '../ShowMore';
-import { revealStyle } from './styles';
-
-/**
- * Test id for wrapper Selector div
- */
-export const RENDER_SELECTOR_TESTID = 'render-selector';
-const containerStyles = xcss({
-  padding: 'space.050'
-});
-const separatorStyles = xcss({
-  borderLeftColor: 'color.border',
-  borderLeftStyle: 'solid',
-  borderLeftWidth: 'border.width',
-  marginInlineStart: 'space.050',
-  marginInlineEnd: 'space.100',
-  height: '24px',
-  display: 'inline-block'
-});
-const Reveal = ({
-  children,
-  testId
-}) => {
-  return 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: revealStyle
-  }, children);
-};
-
-/**
- * Reactions picker panel part of the <ReactionPicker /> component
- */
-export const Selector = ({
-  emojiProvider,
-  onMoreClick,
-  onSelection,
-  showMore,
-  pickerQuickReactionEmojiIds = DefaultReactions
-}) => {
-  /**
-   * Render the default emoji icon
-   * @param emoji emoji item
-   * @param index location of the emoji in the array
-   */
-  const renderEmoji = (emoji, index) => {
-    var _emoji$id;
-    return jsx(Reveal, {
-      key: (_emoji$id = emoji.id) !== null && _emoji$id !== void 0 ? _emoji$id : emoji.shortName,
-      testId: RENDER_SELECTOR_TESTID
-    }, jsx(Tooltip, {
-      content: emoji.shortName
-    }, jsx(EmojiButton, {
-      emojiId: emoji,
-      emojiProvider: emojiProvider,
-      onClick: onSelection
-    })));
-  };
-  return jsx(Inline, {
-    alignBlock: "center",
-    xcss: containerStyles
-  }, pickerQuickReactionEmojiIds ? pickerQuickReactionEmojiIds.map(renderEmoji) : null, showMore ? jsx(Fragment, null, jsx(Box, {
-    xcss: separatorStyles
-  }), jsx(Reveal, null, jsx(ShowMore, {
-    key: "more",
-    onClick: onMoreClick
-  }))) : null);
-};

package/dist/es2019/components/Selector/index.js

@@ -1 +0,0 @@
-export { Selector, RENDER_SELECTOR_TESTID } from './Selector';

package/dist/es2019/components/Selector/styles.js

@@ -1,28 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, keyframes } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const revealAnimation = keyframes({
-  '0%': {
-    opacity: 1,
-    transform: 'scale(0.5)'
-  },
-  '75%': {
-    transform: 'scale(1.25)'
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'scale(1)'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const revealStyle = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  animation: `${revealAnimation} 150ms ease-in-out forwards`,
-  opacity: 0
-});

package/dist/es2019/components/ShowMore/index.js

@@ -1 +0,0 @@
-export { ShowMore, RENDER_SHOWMORE_TESTID } from './ShowMore';

package/dist/es2019/components/Trigger/Trigger.js

@@ -1,128 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { Pressable, Box, xcss } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-import EmojiAddIcon from '@atlaskit/icon/core/migration/emoji-add';
-import { fg } from '@atlaskit/platform-feature-flags';
-
-/**
- * Test id for the tooltip
- */
-export const RENDER_TOOLTIP_TRIGGER_TESTID = 'render-tooltip-trigger';
-export const RENDER_TRIGGER_BUTTON_TESTID = 'render-trigger-button';
-const i18n = defineMessages({
-  addReaction: {
-    id: 'reaction-picker-trigger.add.reaction.message',
-    description: 'Message displayed when there are no page reactions existing on the page.',
-    defaultMessage: 'Add a reaction'
-  }
-});
-const triggerStyles = xcss({
-  minWidth: '32px',
-  height: '24px',
-  padding: 'space.0',
-  borderWidth: 'border.width',
-  borderStyle: 'solid',
-  borderRadius: 'border.radius.circle',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '16px'
-});
-const subtleTriggerStyles = xcss({
-  minWidth: '24px',
-  border: 'none'
-});
-const expandedTriggerStyles = xcss({
-  minWidth: '110px'
-});
-const triggerStylesRefresh = xcss({
-  borderRadius: 'border.radius'
-});
-const transparentEnabledTriggerStyles = xcss({
-  borderColor: 'color.border',
-  backgroundColor: 'color.background.neutral.subtle',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-const opaqueEnabledTriggerStyles = xcss({
-  borderColor: 'color.border',
-  backgroundColor: 'elevation.surface',
-  ':hover': {
-    backgroundColor: 'elevation.surface.hovered'
-  },
-  ':active': {
-    backgroundColor: 'elevation.surface.pressed'
-  }
-});
-const disabledTriggerStyles = xcss({
-  borderColor: 'color.border.disabled',
-  backgroundColor: 'color.background.disabled'
-});
-const miniModeStyles = xcss({
-  minWidth: '24px',
-  padding: 'space.050',
-  border: 'none',
-  borderRadius: 'border.radius'
-});
-const addReactionMessageStyles = xcss({
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  color: 'color.text.subtle',
-  marginLeft: 'space.050'
-});
-
-/**
- * Render an emoji button to open the reactions select picker
- */
-export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    onClick,
-    miniMode,
-    tooltipContent,
-    disabled = false,
-    ariaAttributes = {},
-    showOpaqueBackground = false,
-    showAddReactionText = false,
-    subtleReactionsSummaryAndPicker = false,
-    reactionPickerTriggerIcon
-  } = props;
-  const handleMouseDown = (e, analyticsEvent) => {
-    if (onClick && !disabled) {
-      onClick(e, analyticsEvent);
-    }
-  };
-  return jsx(Tooltip, {
-    testId: RENDER_TOOLTIP_TRIGGER_TESTID,
-    content: tooltipContent
-  }, jsx(Pressable, _extends({
-    testId: RENDER_TRIGGER_BUTTON_TESTID,
-    xcss: [triggerStyles, subtleReactionsSummaryAndPicker && subtleTriggerStyles, showAddReactionText && expandedTriggerStyles, disabled ? disabledTriggerStyles : showOpaqueBackground ? opaqueEnabledTriggerStyles : transparentEnabledTriggerStyles, miniMode && miniModeStyles, fg('platform-component-visual-refresh') && triggerStylesRefresh],
-    onClick: handleMouseDown,
-    isDisabled: disabled,
-    ref: ref
-  }, ariaAttributes), !!reactionPickerTriggerIcon ? reactionPickerTriggerIcon :
-  // TODO: https://product-fabric.atlassian.net/browse/DSP-21007
-  jsx(EmojiAddIcon, {
-    testId: "emoji-add-icon",
-    color: disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)",
-    LEGACY_size: "small",
-    label: "Add reaction"
-  }), showAddReactionText && jsx(Box, {
-    xcss: addReactionMessageStyles
-  }, formatMessage(i18n.addReaction))));
-});

package/dist/es2019/components/Trigger/index.js

@@ -1 +0,0 @@
-export { Trigger, RENDER_TOOLTIP_TRIGGER_TESTID } from './Trigger';

package/dist/es2019/components/UfoErrorBoundary/index.js

@@ -1 +0,0 @@
-export { UfoErrorBoundary } from './UfoErrorBoundary';