@atlaskit/reactions 30.0.7 → 31.0.0

package/dist/esm/components/Reactions/Reactions.js

@@ -1,383 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @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';
-var 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
-  }
-});
-var noFlexWrapStyles = css({
-  flexWrap: 'nowrap'
-});
-var noContainerPositionStyles = css({
-  position: 'initial'
-});
-
-/**
- * Set of all available UFO experiences relating to Reactions Dialog
- */
-export var 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 var RENDER_REACTIONS_TESTID = 'render-reactions';
-/**
- * Test id for the view all reacted user to trigger the dialog
- */
-export var RENDER_VIEWALL_REACTED_USERS_DIALOG = 'viewall-reacted-users-dialog';
-
-/**
- * Test id for summary view of reactions
- */
-export var 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 var Reactions = /*#__PURE__*/React.memo(function (_ref) {
-  var _ref$flash = _ref.flash,
-    flash = _ref$flash === void 0 ? {} : _ref$flash,
-    _ref$particleEffectBy = _ref.particleEffectByEmoji,
-    particleEffectByEmoji = _ref$particleEffectBy === void 0 ? {} : _ref$particleEffectBy,
-    status = _ref.status,
-    errorMessage = _ref.errorMessage,
-    loadReaction = _ref.loadReaction,
-    quickReactionEmojis = _ref.quickReactionEmojis,
-    pickerQuickReactionEmojiIds = _ref.pickerQuickReactionEmojiIds,
-    _ref$getReactionDetai = _ref.getReactionDetails,
-    getReactionDetails = _ref$getReactionDetai === void 0 ? function () {} : _ref$getReactionDetai,
-    onSelection = _ref.onSelection,
-    _ref$reactions = _ref.reactions,
-    reactions = _ref$reactions === void 0 ? [] : _ref$reactions,
-    emojiProvider = _ref.emojiProvider,
-    allowAllEmojis = _ref.allowAllEmojis,
-    onReactionClick = _ref.onReactionClick,
-    allowUserDialog = _ref.allowUserDialog,
-    _ref$onDialogOpenCall = _ref.onDialogOpenCallback,
-    onDialogOpenCallback = _ref$onDialogOpenCall === void 0 ? function () {} : _ref$onDialogOpenCall,
-    _ref$onDialogCloseCal = _ref.onDialogCloseCallback,
-    onDialogCloseCallback = _ref$onDialogCloseCal === void 0 ? function () {} : _ref$onDialogCloseCal,
-    _ref$onDialogSelectRe = _ref.onDialogSelectReactionCallback,
-    onDialogSelectReactionCallback = _ref$onDialogSelectRe === void 0 ? function () {} : _ref$onDialogSelectRe,
-    _ref$onDialogPageChan = _ref.onDialogPageChangeCallback,
-    onDialogPageChangeCallback = _ref$onDialogPageChan === void 0 ? function () {} : _ref$onDialogPageChan,
-    _ref$emojiPickerSize = _ref.emojiPickerSize,
-    emojiPickerSize = _ref$emojiPickerSize === void 0 ? 'medium' : _ref$emojiPickerSize,
-    _ref$miniMode = _ref.miniMode,
-    miniMode = _ref$miniMode === void 0 ? false : _ref$miniMode,
-    _ref$summaryViewEnabl = _ref.summaryViewEnabled,
-    summaryViewEnabled = _ref$summaryViewEnabl === void 0 ? false : _ref$summaryViewEnabl,
-    _ref$summaryViewThres = _ref.summaryViewThreshold,
-    summaryViewThreshold = _ref$summaryViewThres === void 0 ? 3 : _ref$summaryViewThres,
-    summaryViewPlacement = _ref.summaryViewPlacement,
-    _ref$showOpaqueBackgr = _ref.showOpaqueBackground,
-    showOpaqueBackground = _ref$showOpaqueBackgr === void 0 ? false : _ref$showOpaqueBackgr,
-    _ref$subtleReactionsS = _ref.subtleReactionsSummaryAndPicker,
-    subtleReactionsSummaryAndPicker = _ref$subtleReactionsS === void 0 ? false : _ref$subtleReactionsS,
-    _ref$showAddReactionT = _ref.showAddReactionText,
-    showAddReactionText = _ref$showAddReactionT === void 0 ? false : _ref$showAddReactionT,
-    _ref$hideDefaultReact = _ref.hideDefaultReactions,
-    hideDefaultReactions = _ref$hideDefaultReact === void 0 ? false : _ref$hideDefaultReact,
-    ProfileCardWrapper = _ref.ProfileCardWrapper,
-    _ref$onlyRenderPicker = _ref.onlyRenderPicker,
-    onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker,
-    reactionPickerPlacement = _ref.reactionPickerPlacement,
-    reactionsPickerPreventOverflowOptions = _ref.reactionsPickerPreventOverflowOptions,
-    _ref$isViewOnly = _ref.isViewOnly,
-    isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
-    _ref$noWrap = _ref.noWrap,
-    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
-    _ref$noRelativeContai = _ref.noRelativeContainer,
-    noRelativeContainer = _ref$noRelativeContai === void 0 ? false : _ref$noRelativeContai,
-    showSubtleDefaultReactions = _ref.showSubtleDefaultReactions,
-    reactionPickerTriggerToolipContent = _ref.reactionPickerTriggerToolipContent,
-    reactionPickerTriggerIcon = _ref.reactionPickerTriggerIcon,
-    _ref$allowSelectFromS = _ref.allowSelectFromSummaryView,
-    allowSelectFromSummaryView = _ref$allowSelectFromS === void 0 ? false : _ref$allowSelectFromS,
-    _ref$useButtonAlignme = _ref.useButtonAlignmentStyling,
-    useButtonAlignmentStyling = _ref$useButtonAlignme === void 0 ? false : _ref$useButtonAlignme;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedEmojiId = _useState2[0],
-    setSelectedEmojiId = _useState2[1];
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var openTime = useRef();
-  var renderTime = useRef();
-  useEffect(function () {
-    if (status === ReactionStatus.notLoaded) {
-      loadReaction();
-    }
-  }, [status, loadReaction]);
-  useEffect(function () {
-    if (status !== ReactionStatus.ready) {
-      renderTime.current = Date.now();
-    } else {
-      var 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]);
-  var handleReactionMouseEnter = useCallback(function (emojiId) {
-    getReactionDetails(emojiId);
-  }, [getReactionDetails]);
-  var handleReactionFocused = useCallback(function (emojiId) {
-    getReactionDetails(emojiId);
-  }, [getReactionDetails]);
-  var handlePickerOpen = useCallback(function () {
-    openTime.current = Date.now();
-    createAndFireSafe(createAnalyticsEvent, createPickerButtonClickedEvent, reactions.length);
-  }, [createAnalyticsEvent, reactions]);
-  var handleOnCancel = useCallback(function () {
-    createAndFireSafe(createAnalyticsEvent, createPickerCancelledEvent, openTime.current);
-    openTime.current = undefined;
-  }, [createAnalyticsEvent]);
-  var handleOnMore = useCallback(function () {
-    createAndFireSafe(createAnalyticsEvent, createPickerMoreClickedEvent, openTime.current);
-  }, [createAnalyticsEvent]);
-  var handleOnSelection = useCallback(function (emojiId, source) {
-    createAndFireSafe(createAnalyticsEvent, createReactionSelectionEvent, source, emojiId, reactions.find(function (reaction) {
-      return reaction.emojiId === emojiId;
-    }), openTime.current);
-    openTime.current = undefined;
-    onSelection(emojiId);
-  }, [createAnalyticsEvent, onSelection, reactions]);
-  var handleCloseReactionsDialog = function handleCloseReactionsDialog(e, analyticsEvent) {
-    setSelectedEmojiId('');
-    onDialogCloseCallback(e, analyticsEvent);
-  };
-  var handleSelectReactionInDialog = function handleSelectReactionInDialog(emojiId) {
-    // ufo selected reaction inside the modal dialog
-    ufoExperiences.selectedReactionChangeInsideDialog.start();
-    handleReactionMouseEnter(emojiId);
-    setSelectedEmojiId(emojiId);
-    onDialogSelectReactionCallback(emojiId);
-
-    // ufo selected reaction inside the modal dialog success
-    ufoExperiences.selectedReactionChangeInsideDialog.success({
-      metadata: {
-        emojiId: emojiId,
-        source: 'Reactions',
-        reason: 'Selected Emoji changed'
-      }
-    });
-  };
-  var handlePaginationChange = useCallback(function (emojiId, currentPage, maxPages) {
-    // fetch the latest active emoji from the new page
-    getReactionDetails(emojiId);
-    setSelectedEmojiId(emojiId);
-    onDialogPageChangeCallback(emojiId, currentPage, maxPages);
-  },
-  // Exclude unstable getReactionDetails to avoid extra re-renders
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [setSelectedEmojiId]);
-
-  /**
-   * Get the reactions that we want to render are any reactions with a count greater than zero as well as any default emoji not already shown
-   */
-  var memorizedReactions = useMemo(function () {
-    //
-    /**
-     * If reactions not empty, don't show quick reactions Pre defined emoji or if its empty and default reactions not hidden => return the current list of reactions
-     */
-    if (reactions.length === 0 && hideDefaultReactions || reactions.length > 0 || !quickReactionEmojis) {
-      return reactions;
-    }
-
-    // add any missing default reactions
-    var ari = quickReactionEmojis.ari,
-      containerAri = quickReactionEmojis.containerAri,
-      emojiIds = quickReactionEmojis.emojiIds;
-    var items = emojiIds.filter(function (emojiId) {
-      return !reactions.some(function (reaction) {
-        return reaction.emojiId === emojiId;
-      });
-    }).map(function (emojiId) {
-      return {
-        ari: ari,
-        containerAri: containerAri,
-        emojiId: emojiId,
-        count: 0,
-        reacted: false
-      };
-    });
-    return reactions.concat(items);
-  }, [quickReactionEmojis, reactions, hideDefaultReactions]);
-  var shouldShowSummaryView = summaryViewEnabled && memorizedReactions.length >= summaryViewThreshold && reactions.length > 0;
-
-  // criteria to show Reactions Dialog
-  var hasEmojiWithFivePlusReactions = reactions.some(function (reaction) {
-    return reaction.count >= 5;
-  });
-  var sortedReactions = useMemo(function () {
-    return _toConsumableArray(memorizedReactions).sort(function (a, b) {
-      return (b === null || b === void 0 ? void 0 : b.count) - (a === null || a === void 0 ? void 0 : a.count);
-    });
-  }, [memorizedReactions]);
-
-  /**
-   * event handler to open dialog with selected reaction
-   * @param emojiId initial emoji id to load dialog with
-   */
-  var _handleOpenReactionsDialog = function handleOpenReactionsDialog() {
-    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref2$emojiId = _ref2.emojiId,
-      emojiId = _ref2$emojiId === void 0 ? sortedReactions[0].emojiId : _ref2$emojiId,
-      _ref2$source = _ref2.source,
-      source = _ref2$source === void 0 ? 'endOfPageReactions' : _ref2$source;
-    // ufo start opening reaction dialog
-    ufoExperiences.openDialog.start();
-    getReactionDetails(emojiId);
-    setSelectedEmojiId(emojiId);
-    onDialogOpenCallback(emojiId, source);
-
-    // ufo opening reaction dialog success
-    ufoExperiences.openDialog.success({
-      metadata: {
-        emojiId: emojiId,
-        source: 'Reactions',
-        reason: 'Opening Reactions Dialog successfully'
-      }
-    });
-  };
-  return 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: function handleOpenReactionsDialog() {
-      return _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(function (reaction) {
-    return 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/esm/components/Reactions/index.js

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

package/dist/esm/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 var reactionPickerStyle = css({
-  display: 'inline-block',
-  marginTop: "var(--ds-space-050, 4px)"
-});

package/dist/esm/components/Selector/Selector.js

@@ -1,79 +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 var RENDER_SELECTOR_TESTID = 'render-selector';
-var containerStyles = xcss({
-  padding: 'space.050'
-});
-var separatorStyles = xcss({
-  borderLeftColor: 'color.border',
-  borderLeftStyle: 'solid',
-  borderLeftWidth: 'border.width',
-  marginInlineStart: 'space.050',
-  marginInlineEnd: 'space.100',
-  height: '24px',
-  display: 'inline-block'
-});
-var Reveal = function Reveal(_ref) {
-  var children = _ref.children,
-    testId = _ref.testId;
-  return 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 var Selector = function Selector(_ref2) {
-  var emojiProvider = _ref2.emojiProvider,
-    onMoreClick = _ref2.onMoreClick,
-    onSelection = _ref2.onSelection,
-    showMore = _ref2.showMore,
-    _ref2$pickerQuickReac = _ref2.pickerQuickReactionEmojiIds,
-    pickerQuickReactionEmojiIds = _ref2$pickerQuickReac === void 0 ? DefaultReactions : _ref2$pickerQuickReac;
-  /**
-   * Render the default emoji icon
-   * @param emoji emoji item
-   * @param index location of the emoji in the array
-   */
-  var renderEmoji = function renderEmoji(emoji, index) {
-    var _emoji$id;
-    return 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/esm/components/Selector/index.js

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

package/dist/esm/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 var 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 var revealStyle = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  animation: "".concat(revealAnimation, " 150ms ease-in-out forwards"),
-  opacity: 0
-});

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

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

package/dist/esm/components/Trigger/Trigger.js

@@ -1,130 +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 var RENDER_TOOLTIP_TRIGGER_TESTID = 'render-tooltip-trigger';
-export var RENDER_TRIGGER_BUTTON_TESTID = 'render-trigger-button';
-var 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'
-  }
-});
-var 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'
-});
-var subtleTriggerStyles = xcss({
-  minWidth: '24px',
-  border: 'none'
-});
-var expandedTriggerStyles = xcss({
-  minWidth: '110px'
-});
-var triggerStylesRefresh = xcss({
-  borderRadius: 'border.radius'
-});
-var transparentEnabledTriggerStyles = xcss({
-  borderColor: 'color.border',
-  backgroundColor: 'color.background.neutral.subtle',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-var opaqueEnabledTriggerStyles = xcss({
-  borderColor: 'color.border',
-  backgroundColor: 'elevation.surface',
-  ':hover': {
-    backgroundColor: 'elevation.surface.hovered'
-  },
-  ':active': {
-    backgroundColor: 'elevation.surface.pressed'
-  }
-});
-var disabledTriggerStyles = xcss({
-  borderColor: 'color.border.disabled',
-  backgroundColor: 'color.background.disabled'
-});
-var miniModeStyles = xcss({
-  minWidth: '24px',
-  padding: 'space.050',
-  border: 'none',
-  borderRadius: 'border.radius'
-});
-var 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 var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var onClick = props.onClick,
-    miniMode = props.miniMode,
-    tooltipContent = props.tooltipContent,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$ariaAttributes = props.ariaAttributes,
-    ariaAttributes = _props$ariaAttributes === void 0 ? {} : _props$ariaAttributes,
-    _props$showOpaqueBack = props.showOpaqueBackground,
-    showOpaqueBackground = _props$showOpaqueBack === void 0 ? false : _props$showOpaqueBack,
-    _props$showAddReactio = props.showAddReactionText,
-    showAddReactionText = _props$showAddReactio === void 0 ? false : _props$showAddReactio,
-    _props$subtleReaction = props.subtleReactionsSummaryAndPicker,
-    subtleReactionsSummaryAndPicker = _props$subtleReaction === void 0 ? false : _props$subtleReaction,
-    reactionPickerTriggerIcon = props.reactionPickerTriggerIcon;
-  var handleMouseDown = function 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/esm/components/Trigger/index.js

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

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

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