@atlaskit/reactions 22.3.1 → 22.3.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/reactions
 
+## 22.3.3
+
+### Patch Changes
+
+- [`82f7f9600a9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/82f7f9600a9) - Migrated to declarative entry points internally for emoji and reactions. Public API is unchanged.
+
+## 22.3.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
 ## 22.3.1
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.3.1"
+	"version": "22.3.3"
 }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.3.1"
+	"version": "22.3.3"
 }

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.3.1"
+	"version": "22.3.3"
 }

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

@@ -0,0 +1,27 @@
+import { Reactions, Client, 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/analytics.d.ts

@@ -0,0 +1,121 @@
+import { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { EventType } from '@atlaskit/analytics-gas-types';
+import { ReactionSummary, 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) => import("@atlaskit/analytics-next").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: any;
+        packageVersion: any;
+    };
+};
+export declare const createRestFailedEvent: (actionSubject: string, errorCode?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+export declare const createReactionsRenderedEvent: (startTime: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+export declare const createPickerCancelledEvent: (startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+export declare const createPickerMoreClickedEvent: (startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+export declare const createReactionSelectionEvent: (source: ReactionSource, emojiId: string, reaction?: ReactionSummary, startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+export declare const createReactionHoveredEvent: (startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+export declare const createReactionFocusedEvent: (startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+export declare const createReactionClickedEvent: (added: boolean, emojiId: string) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: any;
+        packageVersion: any;
+    };
+};
+/**
+ * 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/analytics/index.d.ts

@@ -0,0 +1,2 @@
+export * as Analytics from './analytics';
+export * as UFO from './ufo';

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;