@atlaskit/reactions 22.3.0 → 22.3.2

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

@@ -0,0 +1,56 @@
+import { ConcurrentExperience, UFOExperience } from '@atlaskit/ufo';
+/**
+ * Types of experiences
+ */
+export declare enum ExperienceName {
+    REACTIONS_RENDERED = "reactions-rendered",
+    PICKER_OPENED = "reactions-picker-opened",
+    REACTION_ADDED = "reaction-added",
+    REACTION_REMOVED = "reaction-removed",
+    REACTION_DETAILS_FETCHED = "reaction-details-fetched",
+    REACTION_DIALOG_OPENED = "reaction-dialog-opened",
+    REACTION_DIALOG_CLOSED = "reaction-dialog-closed",
+    REACTION_DIALOG_SELECTED_REACTION_CHANGED = "reaction-dialog-selected-reaction-changed"
+}
+/**
+ * UFO types of components been instrumented
+ */
+export declare enum ComponentName {
+    PICKER_RENDERED = "reactions-picker",
+    REACTIONS = "reactions-list",
+    REACTION_ITEM = "reaction-item",
+    REACTION_DIALOG = "reaction-dialog"
+}
+/**
+ * Experience when the emoji picker is opened
+ */
+export declare const PickerRender: UFOExperience;
+/**
+ * Experience when the list of reactions gets rendered
+ */
+export declare const ReactionsRendered: ConcurrentExperience;
+/**
+ * Experience when a reaction emoji gets added
+ */
+export declare const ReactionsAdd: ConcurrentExperience;
+/**
+ * Expeirence when a reaction dialog is opened
+ */
+export declare const ReactionDialogOpened: UFOExperience;
+/**
+ * Experience when a reaction dialog is closed
+ */
+export declare const ReactionDialogClosed: UFOExperience;
+/**
+ * Experience when a reaction changed/fetched from inside the modal dialog
+ */
+export declare const ReactionDialogSelectedReactionChanged: UFOExperience;
+/**
+ * Experience when a reaction details gets fetched
+ */
+export declare const ReactionDetailsFetch: ConcurrentExperience;
+/**
+ * Experience when a reaction emoji gets removed/decrement
+ */
+export declare const ReactionsRemove: ConcurrentExperience;
+export declare const sampledReactionsRendered: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;

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

@@ -0,0 +1,35 @@
+import { Reactions, ReactionSummary, 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

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

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

@@ -0,0 +1,44 @@
+/** @jsx jsx */
+import React from 'react';
+/**
+ * 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 {
+    /**
+     * Count of emoji been selected
+     */
+    value: number;
+    /**
+     * 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 wrapper class name
+     */
+    className?: string;
+    /**
+     * Duration in ms of how long the motion will take (defaults to "mediumDurationMs" from '@atlaskit/motion')
+     */
+    animationDuration?: number;
+}
+/**
+ * Display reaction count next to the emoji button
+ */
+export declare const Counter: React.FC<CounterProps>;

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

@@ -0,0 +1,3 @@
+export { Counter, RENDER_COUNTER_TESTID, RENDER_COMPONENT_WRAPPER, RENDER_LABEL_TESTID, } from './Counter';
+export type { CounterProps } from './Counter';
+export * as styles from './styles';

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

@@ -0,0 +1,4 @@
+export declare const countStyle: import("@emotion/react").SerializedStyles;
+export declare const containerStyle: import("@emotion/react").SerializedStyles;
+export declare const highlightStyle: import("@emotion/react").SerializedStyles;
+export declare const counterLabelStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,22 @@
+/** @jsx jsx */
+import React from 'react';
+import { EmojiId, OnEmojiEvent, 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>;
+    /**
+     * 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: React.FC<EmojiButtonProps>;

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

@@ -0,0 +1,2 @@
+export { EmojiButton, RENDER_BUTTON_TESTID } from './EmojiButton';
+export type { EmojiButtonProps } from './EmojiButton';

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

@@ -0,0 +1 @@
+export declare const emojiButtonStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+import React from 'react';
+export interface FlashAnimationProps {
+    /**
+     * 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: React.FC<FlashAnimationProps>;

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

@@ -0,0 +1,2 @@
+export { FlashAnimation, RENDER_FLASHANIMATION_TESTID } from './FlashAnimation';
+export type { FlashAnimationProps } from './FlashAnimation';

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

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import { keyframes } from '@emotion/react';
+export declare const flashAnimation: typeof keyframes;
+export declare const containerStyle: import("@emotion/react").SerializedStyles;
+export declare const flashStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,48 @@
+/** @jsx jsx */
+import React from 'react';
+import { EmojiProvider } from '@atlaskit/emoji';
+import { ReactionSummary, ReactionClick, ReactionMouseEnter } from '../../types';
+import { ReactionTooltipProps } from '../ReactionTooltip';
+import { ReactionFocused } from '../../types/reaction';
+/**
+ * Test id for Reaction item wrapper div
+ */
+export declare const RENDER_REACTION_TESTID = "render_reaction_wrapper";
+export interface ReactionProps extends Pick<ReactionTooltipProps, 'allowUserDialog'> {
+    /**
+     * Data for the reaction
+     */
+    reaction: ReactionSummary;
+    /**
+     * Provider for loading emojis
+     */
+    emojiProvider: Promise<EmojiProvider>;
+    /**
+     * event handler when the emoji button is clicked
+     */
+    onClick: ReactionClick;
+    /**
+     * Optional wrapper reaction <button /> class name
+     */
+    className?: string;
+    /**
+     * Optional event when the mouse cursor hovers over the reaction
+     */
+    onMouseEnter?: ReactionMouseEnter;
+    /**
+     * Optional event when focused the reaction
+     */
+    onFocused?: ReactionFocused;
+    /**
+     * Show custom animation or render as standard without animation (defaults to false)
+     */
+    flash?: boolean;
+    /**
+     * Optional function when the user wants to see more users in a modal
+     */
+    handleUserListClick?: (emojiId: string) => void;
+}
+/**
+ * Render an emoji reaction button
+ */
+export declare const Reaction: React.FC<ReactionProps>;

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

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

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

@@ -0,0 +1,10 @@
+/**
+ * Styling Note:
+ * Padding and line height are set within the child components
+ * of FlashAnimation b/c it otherwise throws off the flash styling
+ */
+export declare const emojiStyle: import("@emotion/react").SerializedStyles;
+export declare const reactionStyle: import("@emotion/react").SerializedStyles;
+export declare const reactedStyle: import("@emotion/react").SerializedStyles;
+export declare const flashHeight: number;
+export declare const flashStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/components/ReactionDialog/ReactionView.d.ts

@@ -0,0 +1,19 @@
+/** @jsx   jsx */
+import { FC } from 'react';
+import { EmojiProvider } from '@atlaskit/emoji/resource';
+import { ReactionSummary } from '../../types';
+export interface ReactionViewProps {
+    /**
+     * Selected reaction to get user data from
+     */
+    reaction: ReactionSummary;
+    /**
+     * Current emoji selected in the reactions dialog
+     */
+    selectedEmojiId: string;
+    /**
+     * Provider for loading emojis
+     */
+    emojiProvider: Promise<EmojiProvider>;
+}
+export declare const ReactionView: FC<ReactionViewProps>;

package/dist/types-ts4.5/components/ReactionDialog/ReactionsDialog.d.ts

@@ -0,0 +1,32 @@
+/** @jsx jsx */
+import { FC } from 'react';
+import { EmojiProvider } from '@atlaskit/emoji/resource';
+import { OnCloseHandler } from '@atlaskit/modal-dialog';
+import { onDialogSelectReactionChange, ReactionSummary } from '../../types';
+/**
+ * Test id for the Reactions modal dialog
+ */
+export declare const RENDER_MODAL_TESTID = "render-reactions-modal";
+export interface ReactionsDialogProps {
+    /**
+     * List of reactions to render (defaults to empty list)
+     */
+    reactions: ReactionSummary[];
+    /**
+     * Optional handler when the dialog closes
+     */
+    handleCloseReactionsDialog: OnCloseHandler;
+    /**
+     * Provider for loading emojis
+     */
+    emojiProvider: Promise<EmojiProvider>;
+    /**
+     * Current emoji selected to show the reactions dialog
+     */
+    selectedEmojiId: string;
+    /**
+     * Optional callback function called when user selects a reaction in reactions dialog
+     */
+    handleSelectReaction?: onDialogSelectReactionChange;
+}
+export declare const ReactionsDialog: FC<ReactionsDialogProps>;

package/dist/types-ts4.5/components/ReactionDialog/ReactionsList.d.ts

@@ -0,0 +1,23 @@
+/** @jsx   jsx */
+import { FC } from 'react';
+import { EmojiProvider } from '@atlaskit/emoji/resource';
+import { onDialogSelectReactionChange, ReactionSummary } from '../../types';
+export interface ReactionsListProps {
+    /**
+     * Sorted list of reactions to render in list
+     */
+    reactions: ReactionSummary[];
+    /**
+     * Current emoji selected in the reactions dialog
+     */
+    initialEmojiId: string;
+    /**
+     * Provider for loading emojis
+     */
+    emojiProvider: Promise<EmojiProvider>;
+    /**
+     * Function to handle clicking on an emoji from the list
+     */
+    onReactionChanged: onDialogSelectReactionChange;
+}
+export declare const ReactionsList: FC<ReactionsListProps>;

package/dist/types-ts4.5/components/ReactionDialog/index.d.ts

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

package/dist/types-ts4.5/components/ReactionDialog/styles.d.ts

@@ -0,0 +1,11 @@
+import { ThemeColorModes } from '@atlaskit/tokens';
+export declare const containerStyle: (reactionsBorderWidth: number) => import("@emotion/react").SerializedStyles;
+export declare const titleStyle: import("@emotion/react").SerializedStyles;
+export declare const counterStyle: (isSelected: boolean) => import("@emotion/react").SerializedStyles;
+export declare const customTabWrapper: (isSelected: boolean, selectedEmojiId: string, theme?: ThemeColorModes) => import("@emotion/react").SerializedStyles;
+export declare const navigationContainerStyle: import("@emotion/react").SerializedStyles;
+export declare const reactionViewStyle: import("@emotion/react").SerializedStyles;
+export declare const userListStyle: import("@emotion/react").SerializedStyles;
+export declare const userStyle: import("@emotion/react").SerializedStyles;
+export declare const customTabListStyles: import("@emotion/react").SerializedStyles;
+export declare const centerSpinner: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,59 @@
+/** @jsx jsx */
+import React from 'react';
+import { PickerSize } from '@atlaskit/emoji/types';
+import { EmojiProvider } from '@atlaskit/emoji/resource';
+import { SelectorProps } from '../Selector';
+import { TriggerProps } from '../Trigger';
+import { ReactionSource } from '../../types';
+/**
+ * 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'>> {
+    /**
+     * Provider for loading emojis
+     */
+    emojiProvider: Promise<EmojiProvider>;
+    /**
+     * 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 class name
+     */
+    className?: string;
+    /**
+     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
+     */
+    allowAllEmojis?: boolean;
+    /**
+     * Enable/Disable the button to be clickable (defaults to false)
+     */
+    disabled?: boolean;
+    /**
+     * Optional event handler when the emoji picker is opened
+     */
+    onOpen?: () => void;
+    /**
+     * Optional event handler when the emoji picker is clicked outside and closed
+     */
+    onCancel?: () => void;
+    /**
+     * Optional event handler when the custom emoji picker icon is selected
+     */
+    onShowMore?: () => void;
+    /**
+     * Optional emoji picker size to control the size of emoji picker
+     */
+    emojiPickerSize?: PickerSize;
+}
+/**
+ * Picker component for adding reactions
+ */
+export declare const ReactionPicker: React.FC<ReactionPickerProps>;

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

@@ -0,0 +1,13 @@
+/**
+ * Copied from ADS popup component with some tweeks for our use
+ */
+import { FC } from 'react';
+import { PopperChildrenProps } from '@atlaskit/popper';
+export type RepositionOnUpdateProps = {
+    update: PopperChildrenProps['update'];
+    settings: {
+        isOpen: boolean;
+        showFullPicker: boolean;
+    };
+};
+export declare const RepositionOnUpdate: FC<RepositionOnUpdateProps>;

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

@@ -0,0 +1,2 @@
+export { ReactionPicker, RENDER_REACTIONPICKER_TESTID } from './ReactionPicker';
+export type { ReactionPickerProps } from './ReactionPicker';

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

@@ -0,0 +1,4 @@
+export declare const pickerStyle: import("@emotion/react").SerializedStyles;
+export declare const contentStyle: import("@emotion/react").SerializedStyles;
+export declare const popupWrapperStyle: import("@emotion/react").SerializedStyles;
+export declare const popupStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,34 @@
+/** @jsx jsx */
+import React from 'react';
+import { ReactionSummary } from '../../types';
+/**
+ * Test id for wrapper ReactionTooltip div
+ */
+export declare const RENDER_REACTIONTOOLTIP_TESTID = "render-reactionTooltip";
+export interface ReactionTooltipProps {
+    /**
+     * Optional name for the reaction emoji
+     */
+    emojiName?: string;
+    /**
+     * Info on the emoji reaction to render
+     */
+    reaction: ReactionSummary;
+    /**
+     * Optional Max users to show in the displayed tooltip (defaults to 5)
+     */
+    maxReactions?: number;
+    /**
+     * Optional function when the user wants to see more users in a modal
+     */
+    handleUserListClick?: (emojiId: string) => void;
+    /**
+     * Optional flag to show reactions dialog (defaults to false)
+     */
+    allowUserDialog?: boolean;
+    /**
+     * Optional flag for enabling tooltip (defaults to true)
+     */
+    isEnabled?: boolean;
+}
+export declare const ReactionTooltip: React.FC<ReactionTooltipProps>;

package/dist/types-ts4.5/components/ReactionTooltip/index.d.ts

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

package/dist/types-ts4.5/components/ReactionTooltip/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const verticalMargin = 5;
+export declare const tooltipStyle: import("@emotion/react").SerializedStyles;
+export declare const emojiNameStyle: import("@emotion/react").SerializedStyles;
+export declare const footerStyle: import("@emotion/react").SerializedStyles;
+export declare const underlineStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,96 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { OnCloseHandler } from '@atlaskit/modal-dialog';
+import { onDialogSelectReactionChange, ReactionStatus, ReactionClick, ReactionSummary, QuickReactionEmojiSummary } from '../../types';
+import { ReactionProps } from '../Reaction';
+import { ReactionPickerProps } from '../ReactionPicker';
+import { SelectorProps } from '../Selector';
+/**
+ * Set of all available UFO experiences relating to reactions dialog
+ */
+export declare const ufoExperiences: {
+    /**
+     * Expeirence when a reaction dialog is opened
+     */
+    openDialog: import("@atlaskit/ufo").UFOExperience;
+    /**
+     * Experience when a reaction dialog is closed
+     */
+    closeDialog: import("@atlaskit/ufo").UFOExperience;
+    /**
+     * Experience when a reaction changed/fetched from inside the modal dialog
+     */
+    selectedReactionChangeInsideDialog: import("@atlaskit/ufo").UFOExperience;
+};
+/**
+ * Test id for wrapper Reactions div
+ */
+export declare const RENDER_REACTIONS_TESTID = "render-reactions";
+/**
+ * Test id for the view all reacted user to trigger the dialog
+ */
+export declare const RENDER_VIEWALL_REACTED_USERS_DIALOG = "viewall-reacted-users-dialog";
+export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode'>, Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Pick<ReactionProps, 'allowUserDialog'> {
+    /**
+     * event handler to fetching the reactions
+     */
+    loadReaction: () => void;
+    /**
+     * Event callback when an emoji button is selected
+     */
+    onSelection: (emojiId: string) => void;
+    /**
+     * Optional list of reactions to render (defaults to empty list)
+     */
+    reactions?: ReactionSummary[];
+    /**
+     * Condition for the reaction list status while being fetched
+     */
+    status: ReactionStatus;
+    /**
+     * event handler when the emoji button is clicked
+     */
+    onReactionClick: ReactionClick;
+    /**
+     * Optional emoji reactions list to show custom animation or render as standard (key => emoji string "id", value => true/false to show custom animation)
+     */
+    flash?: Record<string, boolean>;
+    /**
+     * Optional event to get reaction details for an emoji
+     * @param emojiId current reaction emoji id
+     */
+    getReactionDetails?: (emojiId: string) => void;
+    /**
+     * @deprecated use getReactionDetails instead
+     */
+    onReactionHover?: (emojiId: string) => void;
+    /**
+     * Optional error message to show when unable to display the reaction emoji
+     */
+    errorMessage?: string;
+    /**
+     * quickReactionEmojiIds are emojis that will be shown in the the primary view even if the reaction count is zero
+     */
+    quickReactionEmojis?: QuickReactionEmojiSummary;
+    /**
+     * Optional callback function called when opening reactions dialog
+     */
+    onDialogOpenCallback?: (emojiId: string, source?: string) => void;
+    /**
+     * Optional callback function called when closing reactions dialog
+     */
+    onDialogCloseCallback?: OnCloseHandler;
+    /**
+     * Optional callback function called when selecting a reaction in reactions dialog
+     */
+    onDialogSelectReactionCallback?: onDialogSelectReactionChange;
+}
+/**
+ * Get content of the tooltip
+ */
+export declare function getTooltip(status: ReactionStatus, errorMessage?: string): string | jsx.JSX.Element | null;
+/**
+ * Renders list of reactions
+ */
+export declare const Reactions: React.FC<ReactionsProps>;

package/dist/types-ts4.5/components/Reactions/index.d.ts

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

package/dist/types-ts4.5/components/Reactions/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const reactionPickerStyle: import("@emotion/react").SerializedStyles;
+export declare const seeWhoReacted: import("@emotion/react").SerializedStyles;
+export declare const wrapperStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,34 @@
+/** @jsx jsx */
+import React from 'react';
+import { EmojiId, OnEmojiEvent } from '@atlaskit/emoji/types';
+import { EmojiProvider } from '@atlaskit/emoji/resource';
+/**
+ * Test id for wrapper Selector div
+ */
+export declare const RENDER_SELECTOR_TESTID = "render-selector";
+export interface SelectorProps {
+    /**
+     * Provider for loading emojis
+     */
+    emojiProvider: Promise<EmojiProvider>;
+    /**
+     * Event handler when an emoji gets selected
+     */
+    onSelection: OnEmojiEvent;
+    /**
+     * Enable/Disable selection of extra custom emoji beyond default list (defaults to false)
+     */
+    showMore?: boolean;
+    /**
+     * Optional event when extra custom emojis icon is selected
+     */
+    onMoreClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Optional emojis shown for user to select from when the reaction add button is clicked (defaults to pre-defined list of emojis {@link constants.DefaultReactions})
+     */
+    pickerQuickReactionEmojiIds?: EmojiId[];
+}
+/**
+ * Reactions picker panel part of the <ReactionPicker /> component
+ */
+export declare const Selector: React.FC<SelectorProps>;

package/dist/types-ts4.5/components/Selector/index.d.ts

@@ -0,0 +1,3 @@
+export { Selector, RENDER_SELECTOR_TESTID } from './Selector';
+export * as styles from './styles';
+export type { SelectorProps } from './Selector';