@atlaskit/reactions 30.0.7 → 31.0.0

package/dist/es2019/components/ReactionSummary/ReactionSummaryView.js

@@ -1,85 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useState } from 'react';
-import Popup from '@atlaskit/popup';
-import { Inline, xcss } from '@atlaskit/primitives';
-import { Reaction } from '../Reaction';
-import { ReactionSummaryViewEmojiPicker } from './ReactionSummaryViewEmojiPicker';
-import { ReactionSummaryButton } from './ReactionSummaryButton';
-const summaryPopupStyles = xcss({
-  padding: 'space.100',
-  paddingTop: 'space.050',
-  maxWidth: '325px'
-});
-
-/**
- * Test id for the Reactions summary view popup
- */
-export const RENDER_SUMMARY_VIEW_POPUP_TESTID = 'render-summary-view-popup';
-export const ReactionSummaryView = ({
-  emojiProvider,
-  reactions = [],
-  flash = {},
-  particleEffectByEmoji = {},
-  placement = 'auto-start',
-  onReactionClick,
-  onReactionFocused,
-  onReactionMouseEnter,
-  showOpaqueBackground = false,
-  subtleReactionsSummaryAndPicker = false,
-  allowUserDialog,
-  handleOpenReactionsDialog,
-  isViewOnly = false,
-  allowSelectFromSummaryView,
-  disabled,
-  emojiPickerSize,
-  onSelection,
-  tooltipContent,
-  reactionPickerTriggerIcon,
-  onOpen,
-  useButtonAlignmentStyling
-}) => {
-  const [isSummaryPopupOpen, setSummaryPopupOpen] = useState(false);
-  const handlePopupClose = useCallback(() => setSummaryPopupOpen(false), []);
-  const handleSummaryClick = useCallback(() => setSummaryPopupOpen(!isSummaryPopupOpen), [isSummaryPopupOpen]);
-  return /*#__PURE__*/React.createElement(Popup, {
-    placement: placement,
-    content: () => /*#__PURE__*/React.createElement(Inline, {
-      xcss: summaryPopupStyles,
-      testId: RENDER_SUMMARY_VIEW_POPUP_TESTID,
-      space: "space.025",
-      shouldWrap: true,
-      alignBlock: "center"
-    }, reactions.map(reaction => /*#__PURE__*/React.createElement(Reaction, {
-      key: reaction.emojiId,
-      reaction: reaction,
-      emojiProvider: emojiProvider,
-      onClick: onReactionClick,
-      onFocused: onReactionFocused,
-      onMouseEnter: onReactionMouseEnter,
-      flash: flash[reaction.emojiId],
-      showParticleEffect: particleEffectByEmoji[reaction.emojiId],
-      allowUserDialog: allowUserDialog,
-      handleOpenReactionsDialog: handleOpenReactionsDialog,
-      isViewOnly: isViewOnly
-    })), allowSelectFromSummaryView && /*#__PURE__*/React.createElement(ReactionSummaryViewEmojiPicker, {
-      emojiProvider: emojiProvider,
-      disabled: disabled,
-      onSelection: onSelection,
-      emojiPickerSize: emojiPickerSize,
-      tooltipContent: tooltipContent,
-      reactionPickerTriggerIcon: reactionPickerTriggerIcon,
-      onOpen: onOpen
-    })),
-    isOpen: isSummaryPopupOpen,
-    onClose: handlePopupClose,
-    trigger: triggerProps => /*#__PURE__*/React.createElement(ReactionSummaryButton, _extends({}, triggerProps, {
-      emojiProvider: emojiProvider,
-      reactions: reactions,
-      onClick: handleSummaryClick,
-      showOpaqueBackground: showOpaqueBackground,
-      subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-      useCompactStyles: allowSelectFromSummaryView,
-      useButtonAlignmentStyling: useButtonAlignmentStyling
-    }))
-  });
-};

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

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

package/dist/es2019/components/ReactionTooltip/ReactionTooltip.js

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import Tooltip from '@atlaskit/tooltip';
-import { FormattedMessage } from 'react-intl-next';
-import { TOOLTIP_USERS_LIMIT } from '../../shared/constants';
-import { messages } from '../../shared/i18n';
-import { emojiNameStyle, footerStyle, tooltipStyle, underlineStyle } from './styles';
-/**
- * Test id for wrapper ReactionTooltip div
- */
-export const RENDER_REACTIONTOOLTIP_TESTID = 'render-reactionTooltip';
-export const ReactionTooltip = ({
-  children,
-  emojiName,
-  reaction: {
-    users = []
-  },
-  maxReactions = TOOLTIP_USERS_LIMIT,
-  isEnabled = true,
-  allowUserDialog,
-  handleOpenReactionsDialog,
-  dismissTooltip
-}) => {
-  const handleClick = () => {
-    if (allowUserDialog && handleOpenReactionsDialog) {
-      dismissTooltip();
-      handleOpenReactionsDialog();
-    }
-  };
-  const 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
-  jsx("div", {
-    css: tooltipStyle,
-    tabIndex: 0
-  }, jsx("ul", null, emojiName ? jsx("li", {
-    css: emojiNameStyle
-  }, emojiName) : null, users.slice(0, maxReactions).map(user => {
-    return jsx("li", {
-      key: user.id
-    }, user.displayName);
-  }), 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 ? [footerStyle, underlineStyle] : footerStyle,
-    onMouseDown: handleClick,
-    onClick: handleClick
-  }, users.length > maxReactions && jsx(FormattedMessage, _extends({}, messages.otherUsers, {
-    values: {
-      count: users.length - maxReactions
-    }
-  })))));
-  return jsx(Tooltip, {
-    content: content,
-    position: "bottom",
-    testId: RENDER_REACTIONTOOLTIP_TESTID
-  }, React.Children.only(children));
-};

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

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

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

@@ -1,53 +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';
-import { N90, N800, N0 } from '@atlaskit/theme/colors';
-export const verticalMargin = 5;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const tooltipStyle = 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
-export const emojiNameStyle = css({
-  textTransform: 'capitalize',
-  color: `var(--ds-text-inverse, ${N90})`,
-  fontWeight: "var(--ds-font-weight-semibold, 600)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const footerStyle = css({
-  color: `var(--ds-text-inverse, ${N90})`
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const underlineStyle = 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, ${N800})`,
-    color: `var(--ds-text-inverse, ${N0})`
-  }
-});

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';