@atlaskit/reactions 34.4.11 → 34.4.13

package/dist/types-ts4.5/MockReactionsClient.d.ts

@@ -1,27 +0,0 @@
-import { type Reactions, type Client, type ReactionSummary } from './types';
-export declare const containerAri = "ari:cloud:owner:demo-cloud-id:container/1";
-export declare const ari = "ari:cloud:owner:demo-cloud-id:item/1";
-export declare const getReactionSummary: (shortName: string, count: number, reacted: boolean, extendedReactions?: boolean) => ReactionSummary;
-export declare const getUser: (id: string, displayName: string) => {
-    id: string;
-    displayName: string;
-    profilePicture: {
-        path: string;
-    };
-};
-export declare const simpleMockData: {
-    [key: string]: ReactionSummary[];
-};
-/**
- * Mocked version of the client to fetch user information
- */
-export declare class MockReactionsClient implements Client {
-    private delay;
-    private mockData;
-    constructor(delay?: number, showExtendedReactions?: boolean);
-    private delayPromise;
-    getReactions(containerAri: string, aris: string[]): Promise<Reactions>;
-    getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
-    addReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary[]>;
-    deleteReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary[]>;
-}

package/dist/types-ts4.5/analytics/index.d.ts

@@ -1,121 +0,0 @@
-import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type EventType } from '@atlaskit/analytics-gas-types';
-import { type ReactionSummary, type ReactionSource } from '../types';
-export type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
-/**
- * TODO: move to utility package?
- * A random sampling function
- * sampling algorithm is from @atlassian/jira-coinflip at https://stash.atlassian.com/projects/JIRACLOUD/repos/jira-frontend/browse/src/packages/platform/app-framework/coinflip/src/index.tsx
- * E.g. isSampled(2) will pass 50% of the time
- * @param rate The chance that it will pass (1 in <rate> times)
- * @returns bool, if it passes or not
- */
-export declare const isSampled: (rate: number) => boolean;
-export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
-export declare const createAndFireSafe: <U extends any[], T extends (...args: U) => AnalyticsEventPayload>(createAnalyticsEvent: CreateUIAnalyticsEvent | void, creator: T, ...args: U) => void;
-export declare const createRestSucceededEvent: (actionSubject: string) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createRestFailedEvent: (actionSubject: string, errorCode?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionsRenderedEvent: (startTime: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createPickerCancelledEvent: (startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createPickerMoreClickedEvent: (startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionSelectionEvent: (source: ReactionSource, emojiId: string, reaction?: ReactionSummary, startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionHoveredEvent: (startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionFocusedEvent: (startTime?: number) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-export declare const createReactionClickedEvent: (added: boolean, emojiId: string) => {
-    action: string;
-    actionSubject: string;
-    eventType: EventType;
-    actionSubjectId: string | undefined;
-    attributes: {
-        packageName: string;
-        packageVersion: string;
-    };
-};
-/**
- * Used for store failure metadata for analytics
- * @param error The error could be a service error with {code, reason} or an Error
- * @returns any
- */
-export declare const extractErrorInfo: (error: any) => any;

package/dist/types-ts4.5/client/ReactionServiceClient.d.ts

@@ -1,35 +0,0 @@
-import { type Reactions, type ReactionSummary, type Client } from '../types';
-/**
- * Utility class to retrieve/modify all actions on reactions collection
- */
-export declare class ReactionServiceClient implements Client {
-    /**
-     * oAuth token
-     */
-    private sessionToken?;
-    /**
-     * API config
-     */
-    private serviceConfig;
-    /**
-     *
-     * @param baseUrl base domain url
-     * @param sessionToken oAuth token for reactions emoji services
-     */
-    constructor(baseUrl: string, sessionToken?: string);
-    /**
-     * Get http headers for the "fetch" request
-     * @param hasBody
-     */
-    private getHeaders;
-    /**
-     * Send a request to remote service
-     * @param path endpoint api url
-     * @param options Optional custom params
-     */
-    private requestService;
-    getReactions(containerAri: string, aris: string[]): Promise<Reactions>;
-    getDetailedReaction(containerAri: string, ari: string, emojiId: string): Promise<ReactionSummary>;
-    addReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
-    deleteReaction(containerAri: string, ari: string, emojiId: string, metadata?: Record<string, any>): Promise<ReactionSummary[]>;
-}

package/dist/types-ts4.5/client/index.d.ts

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

package/dist/types-ts4.5/components/Counter.d.ts

@@ -1,51 +0,0 @@
-import { type Durations } from '@atlaskit/motion';
-/**
- * Test id for component top level div
- */
-export declare const RENDER_COMPONENT_WRAPPER = "counter-wrapper";
-/**
- * Test id for wrapper div of the counter inside the slider
- */
-export declare const RENDER_COUNTER_TESTID = "counter-container";
-/**
- * Counter label value wrapper div
- */
-export declare const RENDER_LABEL_TESTID = "counter_label_wrapper";
-export interface CounterProps {
-    /**
-     * Duration of how long the motion will take (defaults to "medium" from '@atlaskit/motion')
-     */
-    animationDuration?: Durations;
-    /**
-     * Optional wrapper class name
-     */
-    className?: string;
-    /**
-     * Has the emoji been selected by given user (defaults to false)
-     */
-    highlight?: boolean;
-    /**
-     * Max threshold of selections to show before having a label (defaults to 1000)
-     */
-    limit?: number;
-    /**
-     * Label to show when the value surpasses the limit value (defaults to "1k+")
-     */
-    overLimitLabel?: string;
-    /**
-     * Optional prop to use a darker text color for the counter
-     */
-    useDarkerFont?: boolean;
-    /**
-     * Optional prop to show updated styling for counter
-     */
-    useUpdatedStyles?: boolean;
-    /**
-     * Count of emoji been selected
-     */
-    value: number;
-}
-/**
- * Display reaction count next to the emoji button
- */
-export declare const Counter: ({ highlight, limit, overLimitLabel, className, value, animationDuration, useDarkerFont, useUpdatedStyles, }: CounterProps) => JSX.Element;

package/dist/types-ts4.5/components/EmojiButton.d.ts

@@ -1,24 +0,0 @@
-import { type EmojiId, type OnEmojiEvent, type EmojiProvider } from '@atlaskit/emoji';
-export declare const RENDER_BUTTON_TESTID = "button-emoji-id";
-export interface EmojiButtonProps {
-    /**
-     * identifier info for a given emoji
-     */
-    emojiId: EmojiId;
-    /**
-     * Async provider to fetch the emoji
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Optional prop for hoverable reaction picker selector emoji
-     */
-    hoverableReactionPickerSelectorEmoji?: boolean;
-    /**
-     * Event handler when a new emoji is selected
-     */
-    onClick: OnEmojiEvent;
-}
-/**
- * custom button to render the custom emoji selector inside the reaction picker
- */
-export declare const EmojiButton: ({ emojiId, onClick, emojiProvider, hoverableReactionPickerSelectorEmoji, }: EmojiButtonProps) => JSX.Element;

package/dist/types-ts4.5/components/FlashAnimation.d.ts

@@ -1,23 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type PropsWithChildren } from 'react';
-export type FlashAnimationProps = PropsWithChildren<{
-    /**
-     * Optional wrapper div class anme
-     */
-    className?: string;
-    /**
-     * Show custom animation or render as standard without animation (defaults to false)
-     */
-    flash?: boolean;
-}>;
-/**
- * Test id for wrapper FlashAnimation div
- */
-export declare const RENDER_FLASHANIMATION_TESTID = "flash-animation";
-/**
- * Flash animation background component. See Reaction component for usage.
- */
-export declare const FlashAnimation: (props: FlashAnimationProps) => JSX.Element;

package/dist/types-ts4.5/components/Reaction.d.ts

@@ -1,67 +0,0 @@
-import { type EmojiProvider } from '@atlaskit/emoji';
-import { type ReactionSummary, type ReactionClick, type ReactionMouseEnter } from '../types';
-import { type ReactionFocused } from '../types/reaction';
-import { type OpenReactionsDialogOptions } from './Reactions';
-/**
- * Test id for Reaction item wrapper div
- */
-export declare const RENDER_REACTION_TESTID = "render_reaction_wrapper";
-export interface ReactionProps {
-    /**
-     * Optional prop for enabling the Reactions Dialog
-     */
-    allowUserDialog?: boolean;
-    /**
-     * Provider for loading emojis
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Show custom animation or render as standard without animation (defaults to false)
-     */
-    flash?: boolean;
-    /**
-     * Optional function when the user wants to open the Reactions Dialog
-     */
-    handleOpenReactionsDialog?: (options?: OpenReactionsDialogOptions) => void;
-    /**
-     * Optional prop for controlling if the reactions component is view only, disabling adding reactions
-     */
-    isViewOnly?: boolean;
-    /**
-     * event handler when the emoji button is clicked
-     */
-    onClick: ReactionClick;
-    /**
-     * Optional event when focused the reaction
-     */
-    onFocused?: ReactionFocused;
-    /**
-     * Optional event when the mouse cursor hovers over the reaction
-     */
-    onMouseEnter?: ReactionMouseEnter;
-    /**
-     * Data for the reaction
-     */
-    reaction: ReactionSummary;
-    /**
-     * Optional prop for using an opaque button background instead of a transparent background
-     */
-    showOpaqueBackground?: boolean;
-    /**
-     * Show a floating emoji particle effect (usually in response to a new reaction) (defaults to false)
-     */
-    showParticleEffect?: boolean;
-    /**
-     * Optional prop for controlling if the reaction displayed is a default one and should not have a border
-     */
-    showSubtleStyle?: boolean;
-    /**
-     * Optional URL to optimistically render the emoji image before the catalogue arrives.
-     * When provided, the emoji will render immediately without waiting for the emoji provider to resolve.
-     */
-    optimisticImageURL?: string;
-}
-/**
- * Render an emoji reaction button
- */
-export declare const Reaction: ({ emojiProvider, onClick, reaction, onMouseEnter, onFocused, flash, showParticleEffect, showOpaqueBackground, allowUserDialog, handleOpenReactionsDialog, isViewOnly, showSubtleStyle, optimisticImageURL, }: ReactionProps) => JSX.Element;

package/dist/types-ts4.5/components/ReactionButton.d.ts

@@ -1,22 +0,0 @@
-import { type ReactionProps } from './Reaction';
-interface ReactionButtonProps extends Pick<ReactionProps, 'flash'> {
-    ariaExpanded?: boolean;
-    ariaLabel: string;
-    ariaPressed?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    dataAttributes?: {
-        [key: string]: string;
-    };
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-    onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    reacted?: boolean;
-    showOpaqueBackground?: boolean;
-    showSubtleStyle?: boolean;
-    testId?: string;
-    useCompactStyles?: boolean;
-}
-export declare const ReactionButton: ({ onClick, flash, showSubtleStyle, showOpaqueBackground, useCompactStyles, reacted, ariaLabel, ariaExpanded, ariaPressed, onMouseEnter, onMouseLeave, onFocus, children, dataAttributes, testId, }: ReactionButtonProps) => JSX.Element;
-export {};

package/dist/types-ts4.5/components/ReactionParticleEffect.d.ts

@@ -1,22 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type EmojiProvider, type EmojiId } from '@atlaskit/emoji';
-export declare const PARTICLE_COUNT = 4;
-interface ReactionParticleEffectProps {
-    /**
-     * ID of the emoji to show within the particle effect
-     */
-    emojiId: EmojiId;
-    /**
-     * Provider for loading emojis
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Optional URL to optimistically render the emoji image before the catalogue arrives.
-     */
-    optimisticImageURL?: string;
-}
-export declare const ReactionParticleEffect: ({ emojiProvider, emojiId, optimisticImageURL, }: ReactionParticleEffectProps) => JSX.Element;
-export {};

package/dist/types-ts4.5/components/ReactionPicker.d.ts

@@ -1,119 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { type PropsWithChildren } from 'react';
-import { type PickerSize } from '@atlaskit/emoji/types';
-import { type EmojiProvider } from '@atlaskit/emoji/resource';
-import { type PopperProps, type Placement } from '@atlaskit/popper';
-import { type ReactionSource } from '../types';
-import { type SelectorProps } from './Selector';
-import { type TriggerProps } from './Trigger';
-/**
- * Test id for wrapper ReactionPicker div
- */
-export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
-/**
- * Test id for ReactionPicker panel div
- */
-export declare const RENDER_REACTIONPICKERPANEL_TESTID = "reactionPickerPanel-testid";
-export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
-    /**
-     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
-     */
-    allowAllEmojis?: boolean;
-    /**
-     * Optional class name
-     */
-    className?: string;
-    /**
-     * Enable/Disable the button to be clickable (defaults to false)
-     */
-    disabled?: boolean;
-    /**
-     * Optional emoji picker size to control the size of emoji picker
-     */
-    emojiPickerSize?: PickerSize;
-    /**
-     * Provider for loading emojis
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Optional prop for hoverable reaction picker
-     */
-    hoverableReactionPicker?: boolean;
-    /**
-     * Optional prop to set a delay for the reaction picker when it opens/closes on hover
-     */
-    hoverableReactionPickerDelay?: number;
-    /**
-     * Optional prop to say if the reactions component is in a list
-     */
-    isListItem?: boolean;
-    /**
-     * Optional event handler when the emoji picker is clicked outside and closed
-     */
-    onCancel?: () => void;
-    /**
-     * Optional event handler when the emoji picker is opened
-     */
-    onOpen?: () => void;
-    /**
-     * Event callback when an emoji button is selected
-     * @param emojiId emoji unique id
-     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
-     */
-    onSelection: (emojiId: string, source: ReactionSource) => void;
-    /**
-     * Optional event handler when the custom emoji picker icon is selected
-     */
-    onShowMore?: () => void;
-    /**
-     * Optional prop for controlling the picker location
-     */
-    reactionPickerPlacement?: Placement;
-    /**
-     * Optional zIndex for the reaction picker popper
-     */
-    reactionPickerPopperZIndex?: number;
-    /**
-     * Optional prop to set the strategy of the reaction picker popup
-     */
-    reactionPickerStrategy?: PopperProps<{}>['strategy'];
-    /**
-     * Optional prop for controlling icon inside Trigger
-     */
-    reactionPickerTriggerIcon?: React.ReactNode;
-    /**
-     * Optional prop for controlling text of the trigger button
-     */
-    reactionPickerTriggerText?: string;
-    /**
-     * Optional prop for displaying text to add a reaction
-     */
-    showAddReactionText?: boolean;
-    /**
-     * Optional prop for using an opaque button background instead of a transparent background
-     */
-    showOpaqueBackground?: boolean;
-    /**
-     * Optional prop for applying subtle styling to reaction summary and picker
-     */
-    subtleReactionsSummaryAndPicker?: boolean;
-}
-/**
- * Picker component for adding reactions
- */
-export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => JSX.Element>;
-export interface PopperWrapperProps {
-    isOpen: boolean;
-    onClose: () => void;
-    popperModifiers?: PopperProps<{}>['modifiers'];
-    settings: {
-        popperPlacement: Placement;
-        showFullPicker: boolean;
-    };
-    triggerRef: HTMLDivElement | HTMLButtonElement | null;
-    zIndex?: number;
-}
-export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

package/dist/types-ts4.5/components/ReactionSummaryButton.d.ts

@@ -1,61 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
-import { type ReactionsProps } from './Reactions';
-interface ReactionSummaryButtonProps extends Pick<ReactionsProps, 'emojiProvider' | 'reactions' | 'useButtonAlignmentStyling'> {
-    /**
-     * The number of emojis to show in the summary button
-     */
-    emojisToShow?: number;
-    /**
-     * event handler when the summary button is clicked to view all reactions
-     */
-    onClick: () => void;
-    /**
-     * Optional event handler when mouse enters the button
-     */
-    onMouseEnter?: () => void;
-    /**
-     * Optional event handler when mouse leaves the button
-     */
-    onMouseLeave?: () => void;
-    /**
-     * Optional prop for using an opaque button background instead of a transparent background
-     */
-    showOpaqueBackground?: boolean;
-    /**
-     * Optional prop for applying subtle styling to reaction summary button
-     */
-    subtleReactionsSummaryAndPicker?: boolean;
-    /**
-     * Optional prop to add an icon to the end of the summary button
-     */
-    summaryButtonIconAfter?: React.ReactNode;
-    /**
-     * Optional prop for the optimistic image URL
-     */
-    summaryGetOptimisticImageURL?: (emojiId: string) => string;
-    /**
-     * Optional prop to set the most recently clicked emoji id
-     */
-    summaryViewParticleEffectEmojiId?: {
-        id: string;
-        shortName: string;
-    } | null;
-    /**
-     * Optional prop to indicate whether the summary popup is open, used for aria-expanded
-     */
-    isOpen?: boolean;
-}
-/**
- * Test id for summary reaction wrapper button
- */
-export declare const RENDER_SUMMARY_BUTTON_TESTID = "reaction-summary-button";
-/**
- * Test id for emojis displayed inside summary button. All emoji's in the summary button will have this test id
- */
-export declare const RENDER_SUMMARY_EMOJI_TESTID = "summary-emoji-display";
-export declare const ReactionSummaryButton: ForwardRefExoticComponent<ReactionSummaryButtonProps & RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types-ts4.5/components/ReactionSummaryView.d.ts

@@ -1,81 +0,0 @@
-import { type Placement } from '@atlaskit/popper';
-import { type ReactionClick, type ReactionFocused, type ReactionMouseEnter, type ReactionSource } from '../types';
-import { type ReactionsProps, type OpenReactionsDialogOptions } from './Reactions';
-import { type TriggerProps } from './Trigger';
-/**
- * Test id for the Reactions summary view popup
- */
-export declare const RENDER_SUMMARY_VIEW_POPUP_TESTID = "render-summary-view-popup";
-interface ReactionSummaryViewProps extends Pick<ReactionsProps, 'emojiProvider' | 'reactions' | 'flash' | 'particleEffectByEmoji' | 'allowUserDialog' | 'allowSelectFromSummaryView' | 'emojiPickerSize' | 'useButtonAlignmentStyling' | 'reactionPickerTriggerText'>, Pick<TriggerProps, 'tooltipContent' | 'reactionPickerTriggerIcon' | 'disabled'> {
-    /**
-     * Optional prop for enabling the Reactions Dialog
-     */
-    allowUserDialog?: boolean;
-    /**
-     * Optional function when the user wants to open the Reactions Dialog
-     */
-    handleOpenReactionsDialog?: (options?: OpenReactionsDialogOptions) => void;
-    /**
-     * Optional prop to make the summary view open on hover
-     */
-    hoverableSummaryView?: boolean;
-    /**
-     * Optional prop to set a delay for the summary view when it opens/closes on hover
-     */
-    hoverableSummaryViewDelay?: number;
-    /**
-     * Optional prop for controlling if the reactions component is view only, disabling adding reactions
-     */
-    isViewOnly?: boolean;
-    /**
-     * Optional event handler when the emoji picker is opened
-     */
-    onOpen?: () => void;
-    /**
-     * event handler when a a reaction button is clicked inside the summary
-     */
-    onReactionClick: ReactionClick;
-    /**
-     * Optional event when focused a reaction inside the summary
-     */
-    onReactionFocused?: ReactionFocused;
-    /**
-     * Optional event when the mouse cursor hovers over a reaction button inside the summary
-     */
-    onReactionMouseEnter?: ReactionMouseEnter;
-    /**
-     * Event callback when an emoji button is selected
-     * @param emojiId emoji unique id
-     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
-     */
-    onSelection: (emojiId: string, source: ReactionSource) => void;
-    /**
-     * Optional prop to change the placement of the summary popup reaction list
-     */
-    placement?: Placement;
-    /**
-     * Optional prop for using an opaque button background instead of a transparent background
-     */
-    showOpaqueBackground?: boolean;
-    /**
-     * Optional prop for applying subtle styling to reaction picker
-     */
-    subtleReactionsSummaryAndPicker?: boolean;
-    /**
-     * Optional prop to control if the side picker is shown
-     */
-    summaryButtonIconAfter?: React.ReactNode;
-    /**
-     * Optional prop for the optimistic image URL
-     */
-    summaryGetOptimisticImageURL?: (emojiId: string) => string;
-    /**
-     * Optional prop to set the most recently clicked id
-     */
-    summaryViewParticleEffectEmojiId?: {
-        id: string;
-        shortName: string;
-    } | null;
-}
-export declare const ReactionSummaryView: ({ emojiProvider, reactions, flash, particleEffectByEmoji, placement, onReactionClick, onReactionFocused, onReactionMouseEnter, showOpaqueBackground, subtleReactionsSummaryAndPicker, allowUserDialog, handleOpenReactionsDialog, isViewOnly, allowSelectFromSummaryView, disabled, emojiPickerSize, onSelection, tooltipContent, reactionPickerTriggerIcon, onOpen, useButtonAlignmentStyling, reactionPickerTriggerText, hoverableSummaryView, hoverableSummaryViewDelay, summaryGetOptimisticImageURL, summaryButtonIconAfter, summaryViewParticleEffectEmojiId, }: ReactionSummaryViewProps) => JSX.Element;
-export {};