@atlaskit/reactions 30.0.7 → 31.0.0

package/dist/es2019/components/Reaction/StaticReaction.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { Box, xcss } from '@atlaskit/primitives';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-
-// please sync reaction styles that are not button-specific with ReactionButton.tsx
-const staticReactionStyles = xcss({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'flex-start',
-  minWidth: '36px',
-  height: '24px',
-  backgroundColor: 'color.background.neutral.subtle',
-  color: 'color.text.subtle',
-  marginBlockStart: 'space.050',
-  marginInlineEnd: 'space.050',
-  padding: 'space.0',
-  overflow: 'hidden',
-  border: 'none',
-  borderRadius: 'border.radius',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered',
-    cursor: 'default'
-  }
-});
-export const StaticReaction = ({
-  onMouseEnter,
-  onFocus,
-  children,
-  testId,
-  dataAttributes = {}
-}) => {
-  return jsx(Box, _extends({
-    onMouseEnter: onMouseEnter,
-    onFocus: onFocus,
-    testId: testId,
-    xcss: staticReactionStyles
-  }, dataAttributes), children);
-};

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

@@ -1,2 +0,0 @@
-export { Reaction, RENDER_REACTION_TESTID } from './Reaction';
-export { ReactionButton } from './ReactionButton';

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

@@ -1,93 +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 { B50, B75, B300, N20, N40, N400, B100 } from '@atlaskit/theme/colors';
-/**
- * Default styling px height for an emoji reaction
- */
-const akHeight = 24;
-
-/**
- * Styling Note:
- * Padding and line height are set within the child components
- * of FlashAnimation b/c it otherwise throws off the flash styling
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const containerStyle = css({
-  position: 'relative'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const emojiStyle = css({
-  transformOrigin: 'center center 0',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '12px',
-  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const reactionStyle = css({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'flex-start',
-  minWidth: '36px',
-  height: `${akHeight}px`,
-  background: 'transparent',
-  border: `1px solid ${`var(--ds-border, ${N40})`}`,
-  boxSizing: 'border-box',
-  borderRadius: '20px',
-  color: `${`var(--ds-text-subtle, ${N400})`}`,
-  cursor: 'pointer',
-  margin: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0 0`,
-  padding: 0,
-  transition: '200ms ease-in-out',
-  '&:hover': {
-    background: `${`var(--ds-background-neutral-subtle-hovered, ${N20})`}`
-  },
-  '&:focus': {
-    boxShadow: `0 0 0 2px ${`var(--ds-border-focused, ${B100})`}`,
-    // background, box-shadow
-    transitionDuration: '0s, 0.2s',
-    // disabling browser focus outline
-    outline: 'none'
-  },
-  overflow: 'hidden'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const reactedStyle = css({
-  backgroundColor: `var(--ds-background-selected, ${B50})`,
-  borderColor: `var(--ds-border-selected, ${B300})`,
-  '&:hover': {
-    background: `${`var(--ds-background-selected-hovered, ${B75})`}`
-  }
-});
-export const flashHeight = akHeight - 2; // height without the 1px border
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const flashStyleOld = css({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'center',
-  borderRadius: '10px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: `${flashHeight}px`
-});
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const flashStyle = css({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'center',
-  borderRadius: "var(--ds-border-radius-050, 2px)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: `${flashHeight}px`
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const emojiNoReactionStyle = css({
-  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"} 10px`
-});

package/dist/es2019/components/ReactionDialog/ReactionView.js

@@ -1,80 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useMemo } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import Avatar from '@atlaskit/avatar/Avatar';
-import Spinner from '@atlaskit/spinner';
-import { TabPanel } from '@atlaskit/tabs';
-import { Box, Flex, xcss } from '@atlaskit/primitives';
-import { userListStyle, userStyle } from './styles';
-const userDescriptionStyle = xcss({
-  marginLeft: 'space.150'
-});
-const profileWrapperStyle = xcss({
-  marginLeft: 'space.0'
-});
-const reactionViewStyle = xcss({
-  marginTop: 'space.150',
-  minHeight: '300px',
-  minWidth: '550px'
-});
-const centerSpinnerStyle = xcss({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: '100%',
-  marginTop: 'space.300'
-});
-export const ReactionView = ({
-  reaction,
-  ProfileCardWrapper
-}) => {
-  const alphabeticalNames = useMemo(() => {
-    var _reactionObj$users;
-    const reactionObj = reaction;
-    return ((_reactionObj$users = reactionObj.users) === null || _reactionObj$users === void 0 ? void 0 : _reactionObj$users.sort((a, b) => a.displayName.localeCompare(b.displayName))) || [];
-  }, [reaction]);
-  return jsx(TabPanel, null, jsx(Flex, {
-    direction: "column",
-    xcss: reactionViewStyle
-  }, alphabeticalNames.length === 0 ? jsx(Box, {
-    xcss: centerSpinnerStyle
-  }, jsx(Spinner, {
-    size: "large",
-    interactionName: "reactions-spinner"
-  })) :
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  jsx("ul", {
-    css: userListStyle
-  }, alphabeticalNames.map(user => {
-    var _user$profilePicture;
-    const profile = (_user$profilePicture = user.profilePicture) === null || _user$profilePicture === void 0 ? void 0 : _user$profilePicture.path;
-    return (
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      jsx("li", {
-        css: userStyle,
-        key: user.id
-      }, ProfileCardWrapper && user.accountId ? jsx(Box, {
-        xcss: profileWrapperStyle
-      }, jsx(ProfileCardWrapper, {
-        userId: user.accountId,
-        isAnonymous: false,
-        canViewProfile: true,
-        position: "left-start"
-      }, jsx(Avatar, {
-        size: "medium",
-        src: profile,
-        testId: "profile"
-      }))) : jsx(Avatar, {
-        size: "medium",
-        src: profile,
-        testId: "profile"
-      }), jsx(Flex, {
-        xcss: userDescriptionStyle
-      }, jsx("div", null, user.displayName)))
-    );
-  }))));
-};

package/dist/es2019/components/ReactionDialog/ReactionsDialog.js

@@ -1,103 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useState, useCallback, useMemo } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import Tabs from '@atlaskit/tabs';
-import Modal, { ModalBody } from '@atlaskit/modal-dialog';
-import { Box, xcss } from '@atlaskit/primitives';
-import { NUMBER_OF_REACTIONS_TO_DISPLAY } from '../../shared/constants';
-import { ReactionsList } from './ReactionsList';
-import { ReactionsDialogHeader } from './ReactionsDialogHeader';
-import { containerStyle } from './styles';
-
-/**
- * Test id for the Reactions modal dialog
- */
-export const RENDER_MODAL_TESTID = 'render-reactions-modal';
-const modalBodyStyle = xcss({
-  marginBottom: 'space.300'
-});
-export const ReactionsDialog = ({
-  reactions = [],
-  handleCloseReactionsDialog = () => {},
-  emojiProvider,
-  selectedEmojiId,
-  handleSelectReaction = () => {},
-  handlePaginationChange = () => {},
-  ProfileCardWrapper
-}) => {
-  var _currentReactions$;
-  const [hasNavigatedPages, setHasNavigatedPages] = useState(false);
-  const [currentPage, setCurrentPage] = useState(1);
-  const totalReactionsCount = useMemo(() => {
-    return reactions.reduce((accum, current) => {
-      return accum += current === null || current === void 0 ? void 0 : current.count;
-    }, 0);
-  }, [reactions]);
-  const maxPages = Math.max(1, Math.ceil(reactions.length / NUMBER_OF_REACTIONS_TO_DISPLAY));
-  const currentReactions = useMemo(() => {
-    const start = (currentPage - 1) * NUMBER_OF_REACTIONS_TO_DISPLAY;
-    const end = start + NUMBER_OF_REACTIONS_TO_DISPLAY;
-    return reactions.slice(start, end);
-  }, [reactions, currentPage]);
-  const handleNextPage = () => {
-    setCurrentPage(prevPage => Math.min(prevPage + 1, maxPages));
-    setHasNavigatedPages(true);
-  };
-  const handlePreviousPage = () => {
-    setCurrentPage(prevPage => Math.max(prevPage - 1, 1));
-    setHasNavigatedPages(true);
-  };
-  const firstEmojiOnPage = (_currentReactions$ = currentReactions[0]) === null || _currentReactions$ === void 0 ? void 0 : _currentReactions$.emojiId;
-  useEffect(() => {
-    // trigger the handler with the first emoji when the page changes
-    if (hasNavigatedPages && firstEmojiOnPage) {
-      handlePaginationChange(firstEmojiOnPage, currentPage, maxPages);
-    }
-  }, [hasNavigatedPages, currentPage, maxPages, firstEmojiOnPage, handlePaginationChange]);
-
-  /* set Reactions Border Width , 8 Number of reactions to display*/
-  const reactionsBorderWidth = useMemo(() => {
-    return Math.ceil(reactions.length / NUMBER_OF_REACTIONS_TO_DISPLAY) * 100;
-  }, [reactions]);
-  const selectedIndex = currentReactions.findIndex(reaction => reaction.emojiId === selectedEmojiId);
-  const onTabChange = useCallback(index => {
-    if (index === selectedIndex) {
-      return;
-    }
-    const emojiId = currentReactions[index].emojiId;
-    handleSelectReaction(emojiId);
-  }, [selectedIndex, currentReactions, handleSelectReaction]);
-  return jsx(Modal, {
-    onClose: handleCloseReactionsDialog,
-    height: 600,
-    testId: RENDER_MODAL_TESTID
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    ,
-    autoFocus: false
-  }, jsx(Tabs, {
-    id: "reactions-dialog-tabs",
-    onChange: onTabChange,
-    selected: selectedIndex
-  }, jsx(ReactionsDialogHeader, {
-    totalReactionsCount: totalReactionsCount,
-    maxPages: maxPages,
-    handlePreviousPage: handlePreviousPage,
-    handleNextPage: handleNextPage,
-    currentPage: currentPage,
-    emojiProvider: emojiProvider,
-    currentReactions: currentReactions,
-    handleCloseReactionsDialog: handleCloseReactionsDialog
-  }), jsx(ModalBody, null, jsx(Box, {
-    xcss: modalBodyStyle
-  }, jsx("div", {
-    css: containerStyle(reactionsBorderWidth)
-  }, jsx(ReactionsList, {
-    selectedEmojiId: selectedEmojiId,
-    reactions: currentReactions,
-    ProfileCardWrapper: ProfileCardWrapper
-  }))))));
-};

package/dist/es2019/components/ReactionDialog/ReactionsDialogHeader.js

@@ -1,262 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useState } from 'react';
-import { useIntl } from 'react-intl-next';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx, css } from '@emotion/react';
-import { useThemeObserver } from '@atlaskit/tokens';
-import { CloseButton } from '@atlaskit/modal-dialog';
-import { Tab, TabList } from '@atlaskit/tabs';
-import { Box, Flex, xcss, Stack, Inline } from '@atlaskit/primitives';
-import { IconButton } from '@atlaskit/button/new';
-import Heading from '@atlaskit/heading';
-import { useModal } from '@atlaskit/modal-dialog';
-import Tooltip from '@atlaskit/tooltip';
-import ChevronLeftIcon from '@atlaskit/icon/utility/chevron-left';
-import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
-import CloseIcon from '@atlaskit/icon/core/close';
-import { ResourcedEmoji } from '@atlaskit/emoji/element';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { messages } from '../../shared/i18n';
-import { Counter } from '../Counter';
-const REACTIONS_CONTAINER_WIDTH = 56;
-const REACTION_CONTAINER_HEIGHT = 40;
-const containerEdgeAngle = {
-  rightEdge: 270,
-  leftEdge: 90
-};
-const leftNavigationStyle = xcss({
-  marginTop: 'space.050',
-  alignSelf: 'self-start',
-  paddingLeft: 'space.200',
-  paddingBottom: 'space.150'
-});
-const rightNavigationStyle = xcss({
-  marginTop: 'space.050',
-  alignSelf: 'self-start',
-  marginLeft: 'auto',
-  marginRight: 'space.100'
-});
-const fadedCss = (edge, theme) => css({
-  content: '""',
-  position: 'absolute',
-  left: '0px',
-  top: '0px',
-  width: `${REACTIONS_CONTAINER_WIDTH}px`,
-  height: `${REACTION_CONTAINER_HEIGHT}px`,
-  zIndex: 0,
-  background:
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  theme === 'dark' ? `linear-gradient(${containerEdgeAngle[edge]}deg, rgba(34, 39, 43, 0.95) 40.23%, rgba(34, 39, 43, 0.55) 58.33%, rgba(34, 39, 43, 0) 77.49%)` : `linear-gradient(${containerEdgeAngle[edge]}deg, rgba(255, 255, 255, 0.95) 40.23%, rgba(255, 255, 255, 0.55) 58.33%, rgba(255, 255, 255, 0) 77.49%)`
-});
-const customTabListStyles = css({
-  overflow: 'auto',
-  display: 'flex',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'div[role=tablist]': {
-    flexGrow: 1,
-    // paddingInline exists to maintain styling prior to @atlaskit/tabs update that removed baked in horizontal padding
-    paddingInline: "var(--ds-space-100, 8px)",
-    // we add our own border bottom below since tablist border is not full width
-    '&::before': {
-      backgroundColor: 'transparent'
-    }
-  },
-  width: ' 100%',
-  alignItems: 'flex-start',
-  borderBottom: `1px solid ${"var(--ds-border, #EBECF0)"}`
-});
-const customTabWrapper = theme => css({
-  flexShrink: 0,
-  display: 'flex',
-  flexDirection: 'column',
-  textAlign: 'center',
-  alignItems: 'center',
-  justifyContent: 'center',
-  minWidth: `${REACTIONS_CONTAINER_WIDTH}px`,
-  boxSizing: 'border-box',
-  position: 'relative',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> div': {
-    minWidth: `${REACTIONS_CONTAINER_WIDTH}px`,
-    minHeight: `${REACTION_CONTAINER_HEIGHT}px`,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    padding: '0px !important',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > span': {
-    minHeight: '16px',
-    minWidth: '16px'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  '&.disabled:after': fadedCss('rightEdge', theme),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  '&.disabled + &.disabled:after': fadedCss('leftEdge', theme)
-});
-const firstElement = css({
-  paddingLeft: "var(--ds-space-200, 16px)"
-});
-const fullWidthStyle = xcss({
-  width: '100%',
-  padding: 'space.300',
-  paddingBlockEnd: 'space.400'
-});
-const emojiStyles = xcss({
-  transformOrigin: 'center center 0',
-  paddingInlineStart: 'space.100',
-  paddingBlock: 'space.050',
-  paddingInlineEnd: 'space.050'
-});
-const counterStyle = xcss({
-  marginTop: 'space.025'
-});
-const CloseButtonCustom = ({
-  handleCloseReactionsDialog
-}) => {
-  const intl = useIntl();
-  return jsx(IconButton, {
-    onClick: handleCloseReactionsDialog,
-    icon: CloseIcon,
-    label: intl.formatMessage(messages.closeReactionsDialog),
-    appearance: "subtle",
-    isTooltipDisabled: false
-  });
-};
-const LeftNavigationButton = ({
-  handlePreviousPage
-}) => {
-  const intl = useIntl();
-  return jsx(Flex, {
-    xcss: leftNavigationStyle
-  }, jsx(IconButton, {
-    spacing: "compact",
-    onClick: handlePreviousPage,
-    icon: ChevronLeftIcon,
-    label: intl.formatMessage(messages.leftNavigateLabel),
-    isTooltipDisabled: false
-  }));
-};
-const RightNavigationButton = ({
-  handleNextPage
-}) => {
-  const intl = useIntl();
-  return jsx(Flex, {
-    xcss: rightNavigationStyle
-  }, jsx(IconButton, {
-    spacing: "compact",
-    onClick: handleNextPage,
-    icon: ChevronRightIcon,
-    label: intl.formatMessage(messages.rightNavigateLabel),
-    isTooltipDisabled: false
-  }));
-};
-export const ReactionsDialogHeader = ({
-  totalReactionsCount,
-  handlePreviousPage,
-  handleNextPage,
-  currentPage,
-  maxPages,
-  currentReactions,
-  emojiProvider,
-  handleCloseReactionsDialog
-}) => {
-  const [cache, setCache] = useState({});
-  const {
-    titleId
-  } = useModal();
-  const intl = useIntl();
-  const {
-    colorMode
-  } = useThemeObserver();
-  const isSinglePage = maxPages === 1;
-  const isOnFirstPage = currentPage === 1;
-  const isOnLastPage = currentPage === maxPages;
-  const handleMouseEnter = reaction => {
-    const {
-      emojiId
-    } = reaction;
-    if (!emojiId || cache[emojiId]) {
-      return;
-    }
-    (async () => {
-      // Note: not a network request e.g. ReactedUsersQuery
-      const provider = await emojiProvider;
-      const emoji = await provider.findByEmojiId({
-        shortName: '',
-        id: emojiId
-      });
-      if (emoji !== null && emoji !== void 0 && emoji.name) {
-        // capitalize first letter of each string
-        const capitalizedName = emoji.name.replace(/\b\w/g, char => char.toUpperCase());
-        setCache(prevCache => ({
-          ...prevCache,
-          [emojiId]: capitalizedName
-        }));
-      }
-    })();
-  };
-  return jsx(Stack, null, jsx(Flex, {
-    direction: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    xcss: fullWidthStyle
-  }, jsx(Heading, {
-    size: "medium",
-    id: titleId
-  }, intl.formatMessage(messages.reactionsCount, {
-    count: totalReactionsCount
-  })), fg('platform-make-accessible-close-button') ? jsx(CloseButton, {
-    onClick: handleCloseReactionsDialog
-  }) : jsx(CloseButtonCustom, {
-    handleCloseReactionsDialog: handleCloseReactionsDialog
-  })), jsx(Inline, null, jsx("div", {
-    css: customTabListStyles,
-    id: "reactions-dialog-tabs-list"
-  }, !isSinglePage && !isOnFirstPage && jsx(LeftNavigationButton, {
-    handlePreviousPage: handlePreviousPage
-  }), jsx(TabList, null, currentReactions.map((reaction, index) => {
-    const emojiId = {
-      id: reaction.emojiId,
-      shortName: ''
-    };
-    return (
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      jsx("div", {
-        // 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: [customTabWrapper(colorMode), index === 0 ? firstElement : []]
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: "reaction-elements",
-        key: reaction.emojiId,
-        "data-testid": emojiId === null || emojiId === void 0 ? void 0 : emojiId.id,
-        onMouseEnter: () => {
-          handleMouseEnter(reaction);
-        }
-      }, jsx(Tab, null, jsx(Tooltip, {
-        content: cache[reaction.emojiId],
-        canAppear: () => !!cache[reaction.emojiId]
-      }, jsx(Flex, {
-        justifyContent: "center",
-        alignItems: "center",
-        direction: "row"
-      }, jsx(Box, {
-        xcss: emojiStyles
-      }, jsx(ResourcedEmoji, {
-        emojiProvider: emojiProvider,
-        emojiId: emojiId,
-        fitToHeight: 16,
-        showTooltip: true
-      })), jsx(Box, {
-        xcss: counterStyle
-      }, jsx(Counter, {
-        value: reaction.count
-      }))))))
-    );
-  }), !isSinglePage && !isOnLastPage && jsx(RightNavigationButton, {
-    handleNextPage: handleNextPage
-  })))));
-};

package/dist/es2019/components/ReactionDialog/ReactionsDialogTrigger.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import Tooltip from '@atlaskit/tooltip';
-import { Pressable, xcss } from '@atlaskit/primitives';
-import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { useIntl } from 'react-intl-next';
-import { messages } from '../../shared/i18n';
-const triggerStyles = xcss({
-  marginRight: 'space.050',
-  marginTop: 'space.050',
-  minWidth: '32px',
-  height: '24px',
-  borderRadius: 'border.radius.100',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-const transparentEnabledTriggerStyles = xcss({
-  borderColor: 'color.border',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-// Currently not in use due to Reactions Dialog trigger being moved to tooltip
-// Similar to platform/packages/elements/reactions/src/components/Trigger/Trigger.tsx
-export const ReactionsDialogTrigger = ({
-  onClick
-}) => {
-  const intl = useIntl();
-  return /*#__PURE__*/React.createElement(Pressable, {
-    xcss: [triggerStyles, transparentEnabledTriggerStyles],
-    backgroundColor: "color.background.neutral.subtle",
-    padding: "space.0",
-    onClick: onClick,
-    "aria-label": intl.formatMessage(messages.seeWhoReactedTooltip)
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: intl.formatMessage(messages.seeWhoReactedTooltip)
-  }, /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
-    label: intl.formatMessage(messages.seeWhoReacted)
-  })));
-};

package/dist/es2019/components/ReactionDialog/ReactionsList.js

@@ -1,25 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { Box } from '@atlaskit/primitives';
-import { ReactionView } from './ReactionView';
-export const ReactionsList = ({
-  reactions,
-  selectedEmojiId,
-  ProfileCardWrapper
-}) => {
-  return jsx(Box, null, reactions.map(reaction => {
-    if (reaction.emojiId === selectedEmojiId) {
-      return jsx(ReactionView, {
-        key: reaction.emojiId,
-        reaction: reaction,
-        ProfileCardWrapper: ProfileCardWrapper
-      });
-    } else {
-      return null;
-    }
-  }));
-};

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

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