@atlaskit/reactions 30.0.7 → 30.0.8

package/dist/esm/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
- */
-var 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 var containerStyle = css({
-  position: 'relative'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var emojiStyle = css({
-  transformOrigin: 'center center 0',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '12px',
-  padding: "var(--ds-space-050, 4px)".concat(" ", "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 var reactionStyle = css({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'flex-start',
-  minWidth: '36px',
-  height: "".concat(akHeight, "px"),
-  background: 'transparent',
-  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  boxSizing: 'border-box',
-  borderRadius: '20px',
-  color: "".concat("var(--ds-text-subtle, ".concat(N400, ")")),
-  cursor: 'pointer',
-  margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)", " 0 0"),
-  padding: 0,
-  transition: '200ms ease-in-out',
-  '&:hover': {
-    background: "".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"))
-  },
-  '&:focus': {
-    boxShadow: "0 0 0 2px ".concat("var(--ds-border-focused, ".concat(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 var reactedStyle = css({
-  backgroundColor: "var(--ds-background-selected, ".concat(B50, ")"),
-  borderColor: "var(--ds-border-selected, ".concat(B300, ")"),
-  '&:hover': {
-    background: "".concat("var(--ds-background-selected-hovered, ".concat(B75, ")"))
-  }
-});
-export var 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 var 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: "".concat(flashHeight, "px")
-});
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var 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: "".concat(flashHeight, "px")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var emojiNoReactionStyle = css({
-  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-025, 2px)", " ", "var(--ds-space-050, 4px)", " 10px")
-});

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

@@ -1,81 +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';
-var userDescriptionStyle = xcss({
-  marginLeft: 'space.150'
-});
-var profileWrapperStyle = xcss({
-  marginLeft: 'space.0'
-});
-var reactionViewStyle = xcss({
-  marginTop: 'space.150',
-  minHeight: '300px',
-  minWidth: '550px'
-});
-var centerSpinnerStyle = xcss({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: '100%',
-  marginTop: 'space.300'
-});
-export var ReactionView = function ReactionView(_ref) {
-  var reaction = _ref.reaction,
-    ProfileCardWrapper = _ref.ProfileCardWrapper;
-  var alphabeticalNames = useMemo(function () {
-    var _reactionObj$users;
-    var reactionObj = reaction;
-    return ((_reactionObj$users = reactionObj.users) === null || _reactionObj$users === void 0 ? void 0 : _reactionObj$users.sort(function (a, b) {
-      return 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(function (user) {
-    var _user$profilePicture;
-    var 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/esm/components/ReactionDialog/ReactionsDialog.js

@@ -1,119 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @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 var RENDER_MODAL_TESTID = 'render-reactions-modal';
-var modalBodyStyle = xcss({
-  marginBottom: 'space.300'
-});
-export var ReactionsDialog = function ReactionsDialog(_ref) {
-  var _currentReactions$;
-  var _ref$reactions = _ref.reactions,
-    reactions = _ref$reactions === void 0 ? [] : _ref$reactions,
-    _ref$handleCloseReact = _ref.handleCloseReactionsDialog,
-    handleCloseReactionsDialog = _ref$handleCloseReact === void 0 ? function () {} : _ref$handleCloseReact,
-    emojiProvider = _ref.emojiProvider,
-    selectedEmojiId = _ref.selectedEmojiId,
-    _ref$handleSelectReac = _ref.handleSelectReaction,
-    handleSelectReaction = _ref$handleSelectReac === void 0 ? function () {} : _ref$handleSelectReac,
-    _ref$handlePagination = _ref.handlePaginationChange,
-    handlePaginationChange = _ref$handlePagination === void 0 ? function () {} : _ref$handlePagination,
-    ProfileCardWrapper = _ref.ProfileCardWrapper;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasNavigatedPages = _useState2[0],
-    setHasNavigatedPages = _useState2[1];
-  var _useState3 = useState(1),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentPage = _useState4[0],
-    setCurrentPage = _useState4[1];
-  var totalReactionsCount = useMemo(function () {
-    return reactions.reduce(function (accum, current) {
-      return accum += current === null || current === void 0 ? void 0 : current.count;
-    }, 0);
-  }, [reactions]);
-  var maxPages = Math.max(1, Math.ceil(reactions.length / NUMBER_OF_REACTIONS_TO_DISPLAY));
-  var currentReactions = useMemo(function () {
-    var start = (currentPage - 1) * NUMBER_OF_REACTIONS_TO_DISPLAY;
-    var end = start + NUMBER_OF_REACTIONS_TO_DISPLAY;
-    return reactions.slice(start, end);
-  }, [reactions, currentPage]);
-  var handleNextPage = function handleNextPage() {
-    setCurrentPage(function (prevPage) {
-      return Math.min(prevPage + 1, maxPages);
-    });
-    setHasNavigatedPages(true);
-  };
-  var handlePreviousPage = function handlePreviousPage() {
-    setCurrentPage(function (prevPage) {
-      return Math.max(prevPage - 1, 1);
-    });
-    setHasNavigatedPages(true);
-  };
-  var firstEmojiOnPage = (_currentReactions$ = currentReactions[0]) === null || _currentReactions$ === void 0 ? void 0 : _currentReactions$.emojiId;
-  useEffect(function () {
-    // 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*/
-  var reactionsBorderWidth = useMemo(function () {
-    return Math.ceil(reactions.length / NUMBER_OF_REACTIONS_TO_DISPLAY) * 100;
-  }, [reactions]);
-  var selectedIndex = currentReactions.findIndex(function (reaction) {
-    return reaction.emojiId === selectedEmojiId;
-  });
-  var onTabChange = useCallback(function (index) {
-    if (index === selectedIndex) {
-      return;
-    }
-    var 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/esm/components/ReactionDialog/ReactionsDialogHeader.js

@@ -1,284 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * @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';
-var REACTIONS_CONTAINER_WIDTH = 56;
-var REACTION_CONTAINER_HEIGHT = 40;
-var containerEdgeAngle = {
-  rightEdge: 270,
-  leftEdge: 90
-};
-var leftNavigationStyle = xcss({
-  marginTop: 'space.050',
-  alignSelf: 'self-start',
-  paddingLeft: 'space.200',
-  paddingBottom: 'space.150'
-});
-var rightNavigationStyle = xcss({
-  marginTop: 'space.050',
-  alignSelf: 'self-start',
-  marginLeft: 'auto',
-  marginRight: 'space.100'
-});
-var fadedCss = function fadedCss(edge, theme) {
-  return css({
-    content: '""',
-    position: 'absolute',
-    left: '0px',
-    top: '0px',
-    width: "".concat(REACTIONS_CONTAINER_WIDTH, "px"),
-    height: "".concat(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(".concat(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(".concat(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%)")
-  });
-};
-var 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 ".concat("var(--ds-border, #EBECF0)")
-});
-var customTabWrapper = function customTabWrapper(theme) {
-  return css({
-    flexShrink: 0,
-    display: 'flex',
-    flexDirection: 'column',
-    textAlign: 'center',
-    alignItems: 'center',
-    justifyContent: 'center',
-    minWidth: "".concat(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: "".concat(REACTIONS_CONTAINER_WIDTH, "px"),
-      minHeight: "".concat(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)
-  });
-};
-var firstElement = css({
-  paddingLeft: "var(--ds-space-200, 16px)"
-});
-var fullWidthStyle = xcss({
-  width: '100%',
-  padding: 'space.300',
-  paddingBlockEnd: 'space.400'
-});
-var emojiStyles = xcss({
-  transformOrigin: 'center center 0',
-  paddingInlineStart: 'space.100',
-  paddingBlock: 'space.050',
-  paddingInlineEnd: 'space.050'
-});
-var counterStyle = xcss({
-  marginTop: 'space.025'
-});
-var CloseButtonCustom = function CloseButtonCustom(_ref) {
-  var handleCloseReactionsDialog = _ref.handleCloseReactionsDialog;
-  var intl = useIntl();
-  return jsx(IconButton, {
-    onClick: handleCloseReactionsDialog,
-    icon: CloseIcon,
-    label: intl.formatMessage(messages.closeReactionsDialog),
-    appearance: "subtle",
-    isTooltipDisabled: false
-  });
-};
-var LeftNavigationButton = function LeftNavigationButton(_ref2) {
-  var handlePreviousPage = _ref2.handlePreviousPage;
-  var intl = useIntl();
-  return jsx(Flex, {
-    xcss: leftNavigationStyle
-  }, jsx(IconButton, {
-    spacing: "compact",
-    onClick: handlePreviousPage,
-    icon: ChevronLeftIcon,
-    label: intl.formatMessage(messages.leftNavigateLabel),
-    isTooltipDisabled: false
-  }));
-};
-var RightNavigationButton = function RightNavigationButton(_ref3) {
-  var handleNextPage = _ref3.handleNextPage;
-  var intl = useIntl();
-  return jsx(Flex, {
-    xcss: rightNavigationStyle
-  }, jsx(IconButton, {
-    spacing: "compact",
-    onClick: handleNextPage,
-    icon: ChevronRightIcon,
-    label: intl.formatMessage(messages.rightNavigateLabel),
-    isTooltipDisabled: false
-  }));
-};
-export var ReactionsDialogHeader = function ReactionsDialogHeader(_ref4) {
-  var totalReactionsCount = _ref4.totalReactionsCount,
-    handlePreviousPage = _ref4.handlePreviousPage,
-    handleNextPage = _ref4.handleNextPage,
-    currentPage = _ref4.currentPage,
-    maxPages = _ref4.maxPages,
-    currentReactions = _ref4.currentReactions,
-    emojiProvider = _ref4.emojiProvider,
-    handleCloseReactionsDialog = _ref4.handleCloseReactionsDialog;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    cache = _useState2[0],
-    setCache = _useState2[1];
-  var _useModal = useModal(),
-    titleId = _useModal.titleId;
-  var intl = useIntl();
-  var _useThemeObserver = useThemeObserver(),
-    colorMode = _useThemeObserver.colorMode;
-  var isSinglePage = maxPages === 1;
-  var isOnFirstPage = currentPage === 1;
-  var isOnLastPage = currentPage === maxPages;
-  var handleMouseEnter = function handleMouseEnter(reaction) {
-    var emojiId = reaction.emojiId;
-    if (!emojiId || cache[emojiId]) {
-      return;
-    }
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var provider, emoji, capitalizedName;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return emojiProvider;
-          case 2:
-            provider = _context.sent;
-            _context.next = 5;
-            return provider.findByEmojiId({
-              shortName: '',
-              id: emojiId
-            });
-          case 5:
-            emoji = _context.sent;
-            if (emoji !== null && emoji !== void 0 && emoji.name) {
-              // capitalize first letter of each string
-              capitalizedName = emoji.name.replace(/\b\w/g, function (char) {
-                return char.toUpperCase();
-              });
-              setCache(function (prevCache) {
-                return _objectSpread(_objectSpread({}, prevCache), {}, _defineProperty({}, emojiId, capitalizedName));
-              });
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }))();
-  };
-  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(function (reaction, index) {
-    var 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: function onMouseEnter() {
-          handleMouseEnter(reaction);
-        }
-      }, jsx(Tab, null, jsx(Tooltip, {
-        content: cache[reaction.emojiId],
-        canAppear: function canAppear() {
-          return !!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/esm/components/ReactionDialog/ReactionsDialogTrigger.js

@@ -1,42 +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';
-var triggerStyles = xcss({
-  marginRight: 'space.050',
-  marginTop: 'space.050',
-  minWidth: '32px',
-  height: '24px',
-  borderRadius: 'border.radius.100',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var 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 var ReactionsDialogTrigger = function ReactionsDialogTrigger(_ref) {
-  var onClick = _ref.onClick;
-  var 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/esm/components/ReactionDialog/ReactionsList.js

@@ -1,24 +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 var ReactionsList = function ReactionsList(_ref) {
-  var reactions = _ref.reactions,
-    selectedEmojiId = _ref.selectedEmojiId,
-    ProfileCardWrapper = _ref.ProfileCardWrapper;
-  return jsx(Box, null, reactions.map(function (reaction) {
-    if (reaction.emojiId === selectedEmojiId) {
-      return jsx(ReactionView, {
-        key: reaction.emojiId,
-        reaction: reaction,
-        ProfileCardWrapper: ProfileCardWrapper
-      });
-    } else {
-      return null;
-    }
-  }));
-};

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

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