@atlaskit/reactions 21.5.1 → 21.6.1

package/dist/types/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.DEFAULT_REACTION_EMOJI_IDS})
+     */
+    pickerQuickReactionEmojiIds?: EmojiId[];
+}
+/**
+ * Reactions picker panel part of the <ReactionPicker /> component
+ */
+export declare const Selector: React.FC<SelectorProps>;

package/dist/types/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';

package/dist/types/components/Selector/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const selectorStyle: import("@emotion/utils").SerializedStyles;
+export declare const emojiStyle: import("@emotion/utils").SerializedStyles;
+export declare const revealAnimation: import("@emotion/serialize").Keyframes;
+export declare const revealStyle: import("@emotion/utils").SerializedStyles;
+/**
+ * custom css styling for the emoji icon
+ * @param index location of the emoji in the rendered list of items
+ */
+export declare const emojiStyleAnimation: (index: number) => React.CSSProperties;

package/dist/types/components/ShowMore/ShowMore.d.ts

@@ -0,0 +1,34 @@
+/** @jsx jsx */
+import React from 'react';
+import { SerializedStyles } from '@emotion/core';
+/**
+ * Test id for wrapper button
+ */
+export declare const RENDER_SHOWMORE_TESTID = "show-more-button";
+interface CommonProps<T> {
+    container?: T;
+    button?: T;
+}
+export interface ShowMoreProps {
+    /**
+     * Optional mouse click DOM event on showing more emoji icon
+     */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Optional button css
+     */
+    buttonStyle?: SerializedStyles;
+    /**
+     * Optional custom styling for wrapper show more emoji button
+     */
+    style?: CommonProps<React.CSSProperties>;
+    /**
+     * Optional custom styling for wrapper show more emoji button
+     */
+    className?: CommonProps<string>;
+}
+/**
+ * Show more custom emojis button
+ */
+export declare const ShowMore: React.FC<ShowMoreProps>;
+export {};

package/dist/types/components/ShowMore/index.d.ts

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

package/dist/types/components/ShowMore/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const moreEmojiContainerStyle: import("@emotion/utils").SerializedStyles;
+export declare const moreButtonStyle: import("@emotion/utils").SerializedStyles;
+export declare const separatorStyle: import("@emotion/utils").SerializedStyles;

package/dist/types/components/Trigger/Trigger.d.ts

@@ -0,0 +1,23 @@
+/** @jsx jsx */
+import React from 'react';
+import { AnalyticsEvent } from '@atlaskit/analytics-next';
+export interface TriggerProps {
+    /**
+     * Optional Event handler when the button to open the picker is clicked
+     * @param e Mouse Dom event
+     * @param analyticsEvent atlaskit analytics event payload of the button
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: AnalyticsEvent) => void;
+    /**
+     * apply "miniMode" className to the button
+     */
+    miniMode?: boolean;
+    /**
+     * Enable/Disable the button to be clickable (defaults to false)
+     */
+    disabled?: boolean;
+}
+/**
+ * Render a button to open the reactions picker
+ */
+export declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Trigger/index.d.ts

@@ -0,0 +1,2 @@
+export { Trigger } from './Trigger';
+export type { TriggerProps } from './Trigger';

package/dist/types/components/Trigger/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const DISABLED_BUTTON_COLOR: string;
+export declare const triggerStyle: ({ miniMode, disabled }: {
+    miniMode?: boolean | undefined;
+    disabled?: boolean | undefined;
+}) => import("@emotion/utils").SerializedStyles;

package/dist/types/components/UfoErrorBoundary/UfoErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import React, { ErrorInfo } from 'react';
+import { UFOExperience } from '@atlaskit/ufo';
+import { WithSamplingUFOExperience } from '@atlaskit/emoji';
+export interface UfoErrorBoundaryProps {
+    /**
+     * UFO Experiences to notify failure when the children components fail on rendering
+     */
+    experiences: UFOExperience[] | WithSamplingUFOExperience[];
+}
+/**
+ * Error boundary wrapper to notify "failure" for UFO events of components when there was a re-rendering exception caught inside the `componentDidCatch` event handler
+ */
+export declare class UfoErrorBoundary extends React.Component<UfoErrorBoundaryProps> {
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): React.ReactNode;
+}

package/dist/types/components/UfoErrorBoundary/index.d.ts

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

package/dist/types/components/index.d.ts

@@ -1,5 +1,8 @@
 export { Reaction } from './Reaction';
+export type { ReactionProps } from './Reaction';
 export { ReactionPicker } from './ReactionPicker';
+export type { ReactionPickerProps } from './ReactionPicker';
 export { Reactions } from './Reactions';
-export type { StateMapperProps } from './Reactions';
+export type { ReactionsProps } from './Reactions';
 export { UfoErrorBoundary } from './UfoErrorBoundary';
+export type { UfoErrorBoundaryProps } from './UfoErrorBoundary';

package/dist/types/containers/ConnectedReactionPicker/ConnectedReactionPicker.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ReactionPickerProps } from '../../components';
+import { StorePropInput } from '../../types';
+export interface ConnectedReactionPickerProps extends Omit<ReactionPickerProps, 'onSelection'> {
+    /**
+     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
+     */
+    allowAllEmojis?: boolean;
+    /**
+     * Wrapper id for reactions list
+     */
+    containerAri: string;
+    /**
+     * Individual id for a reaction
+     */
+    ari: string;
+    /**
+     * Reference to the store.
+     * @remarks
+     * This was initially implemented with a sync and Async versions and will be replaced with just a sync Store in a future release (Please use only the sync version)
+     */
+    store: StorePropInput;
+}
+/**
+ * Reaction Picker component
+ */
+export declare const ConnectedReactionPicker: React.FC<ConnectedReactionPickerProps>;

package/dist/types/containers/ConnectedReactionPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { ConnectedReactionPicker } from './ConnectedReactionPicker';
+export type { ConnectedReactionPickerProps } from './ConnectedReactionPicker';

package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import { EmojiProvider } from '@atlaskit/emoji/resource';
+import { ReactionsProps, ReactionPickerProps } from '../../components';
+import { ReactionStatus, Actions, State, StorePropInput } from '../../types';
+export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojiIds'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
+    /**
+     * Provider for loading emojis
+     */
+    emojiProvider: Promise<EmojiProvider>;
+    /**
+     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
+     */
+    allowAllEmojis?: boolean;
+    /**
+     * Wrapper id for reactions list
+     */
+    containerAri: string;
+    /**
+     * Individual id for a reaction
+     */
+    ari: string;
+    /**
+     * Reference to the store.
+     * @remarks
+     * This was initially implemented with a sync and Async versions and will be replaced with just a sync Store in a future release (Please use only the sync version)
+     */
+    store: StorePropInput;
+}
+/**
+ * Export the mapper function outside the component so easier to do unit tests migration from Enzyme to React Testing Library
+ */
+export declare const mapStateToPropsHelper: (containerAri: string, ari: string, state?: State | undefined) => {
+    status: ReactionStatus;
+    reactions: never[];
+    flash?: undefined;
+} | {
+    reactions: import("../../types").ReactionSummary[];
+    status: ReactionStatus.ready;
+    flash: {
+        [emojiId: string]: boolean;
+    };
+};
+/**
+ * Export the mapper function outside the component so easier to do unit tests migration from Enzyme to React Testing Library
+ */
+export declare const mapDispatchToPropsHelper: (actions: Actions, containerAri: string, ari: string) => {
+    loadReaction: () => void;
+    onReactionClick: (emojiId: string) => void;
+    onReactionHover: (emojiId: string) => void;
+    onSelection: (emojiId: string) => void;
+};
+export declare const ConnectedReactionsView: React.FC<ConnectedReactionsViewProps>;

package/dist/types/containers/ConnectedReactionsView/index.d.ts

@@ -0,0 +1,2 @@
+export { ConnectedReactionsView } from './ConnectedReactionsView';
+export type { ConnectedReactionsViewProps } from './ConnectedReactionsView';

package/dist/types/containers/index.d.ts

@@ -1,2 +1,2 @@
-export { ConnectedReactionPicker } from './ConnectedReactionPicker';
-export { ConnectedReactionsView } from './ConnectedReactionsView';
+export * from './ConnectedReactionPicker';
+export * from './ConnectedReactionsView';

package/dist/types/hooks/index.d.ts

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

package/dist/types/hooks/useClickAway.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * Custom hook to detect when user action is outside given container ref
+ * @param ref ref object to an html element
+ * @param callback event callback when detected a click outside the ref object
+ * @param type (Optional) type of event to listen to. @default click
+ */
+export declare function useClickAway(ref: React.RefObject<HTMLElement>, callback: () => void, type?: 'click' | 'mousedown' | 'touchstart'): void;

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 export { UFO } from './analytics';
 export { ReactionServiceClient } from './client';
-export type { ReactionClient, ReactionRequest } from './client';
+export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, StorePropInput, State, } from './types';
+export { constants } from './shared';
 export { Reaction, ReactionPicker, Reactions } from './components';
 export { ConnectedReactionPicker, ConnectedReactionsView } from './containers';
 export { MemoryReactionsStore, ReactionConsumer } from './store';
-export type { ReactionsStore, State } from './store';

package/dist/types/shared/constants.d.ts

@@ -1,3 +1,13 @@
-export declare const demoCloudId = "49d8b9d6-ee7d-4931-a0ca-7fcae7d1c3b5";
-export declare const AriPrefix: string;
-export declare const ContainerAriPrefix: string;
+import { EmojiId } from '@atlaskit/emoji/types';
+/**
+ * Initial list of emoji to pick from
+ */
+export declare const DefaultReactions: EmojiId[];
+/**
+ * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
+ */
+export declare const DefaultReactionsByShortName: Map<string, EmojiId>;
+/**
+ * Maximum number of users to show in the tooltip for an emoji reaction
+ */
+export declare const TOOLTIP_USERS_LIMIT = 5;

package/dist/types/shared/i18n.d.ts

@@ -0,0 +1,22 @@
+export declare const messages: {
+    loadingReactions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    moreEmoji: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unexpectedError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    otherUsers: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/shared/index.d.ts

@@ -1 +1,3 @@
-export * as Constants from './constants';
+export * as constants from './constants';
+export * as utils from './utils';
+export * as i18n from './i18n';

package/dist/types/shared/utils.d.ts

@@ -0,0 +1,11 @@
+import { EmojiId } from '@atlaskit/emoji/types';
+/**
+ * Is selected mouse event a left click
+ * @param event event data
+ */
+export declare const isLeftClick: (event: React.MouseEvent<HTMLElement>) => boolean;
+/**
+ * Does provided item part of the default emoji ids
+ * @param item selected emoji item
+ */
+export declare const isDefaultReaction: (item: EmojiId) => boolean;

package/dist/types/store/MemoryReactionsStore.d.ts

@@ -0,0 +1,94 @@
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import * as Types from '../types';
+/**
+ * Set of all available UFO experiences relating to reaction element
+ */
+export declare const ufoExperiences: {
+    /**
+     * Experience when a reaction emoji gets added
+     */
+    add: import("@atlaskit/ufo").ConcurrentExperience;
+    /**
+     * Experience when a reaction emoji gets removed/decrement
+     */
+    remove: import("@atlaskit/ufo").ConcurrentExperience;
+    /**
+     * Experience when the list of reactions gets rendered with sampling
+     */
+    render: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;
+    /**
+     * Experience when a reaction details gets fetched
+     */
+    fetchDetails: import("@atlaskit/ufo").ConcurrentExperience;
+};
+/**
+ * Optional metadata information in the store used in sending the API client requests
+ */
+interface StoreMetadata {
+    subproduct?: string;
+    [k: string]: any;
+}
+export declare class MemoryReactionsStore implements Types.Store {
+    private client;
+    private state;
+    private metadata;
+    private callbacks;
+    private createAnalyticsEvent?;
+    /**
+     * default initial store data
+     */
+    private initialState;
+    constructor(client: Types.Client, state?: Types.State, metadata?: StoreMetadata);
+    /**
+     * Update the store state data with a new data
+     * @param newState new store data
+     */
+    private setState;
+    /**
+     * Calls any onChange callbacks in the store using latest state data.
+     */
+    private triggerOnChange;
+    private setReactions;
+    private getReactionsState;
+    private handleDetailedReactionResponse;
+    private setFlash;
+    private flash;
+    private optmisticUpdate;
+    /**
+     * Utility function to help execute a callback to Reaction if its state is ready.
+     *
+     *
+     * @param containerAri
+     * @param ari
+     *
+     * @returns (updater: Updater<ReactionsReadyState>) => ReactionsState?
+     *  A function that will execute the received callback with the ReactionsState if
+     *  ready. If some state is returned, the new state will be applied.
+     */
+    private withReadyReaction;
+    /**
+     * Utility function to help execute actions with a reaction. It handles reaction discovery
+     * and branching between reacted and not reacted.
+     *
+     * @param reactedCallback callback that will be executed when the user has already reacted
+     * with the emoji
+     * @param notReactedCallback callback that will be executed when the user hasn't reacted
+     * with the emoji
+     *
+     * @returns (containerAri: string, ari: string, emojiId: string) => ReactionsState?
+     *  A function that will execute the correct callback to the triple containerAri, ari and
+     *  emojiId. If some state is returned, the new state will be applied.
+     */
+    private withReaction;
+    private doAddReaction;
+    private doRemoveReaction;
+    setCreateAnalyticsEvent: (createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined) => void;
+    getReactions: (key: string, ...args: string[]) => void;
+    toggleReaction: (containerAri: string, ari: string, emojiId: string) => void;
+    addReaction: (containerAri: string, ari: string, emojiId: string) => void;
+    getDetailedReaction: (containerAri: string, ari: string, emojiId: string) => void;
+    getState: () => Types.State;
+    onChange: (callback: Types.OnChangeCallback) => void;
+    removeOnChangeListener: (toRemove: Types.OnChangeCallback) => void;
+}
+export {};

package/dist/types/store/ReactionConsumer.d.ts

@@ -1,29 +1,57 @@
 import React from 'react';
-import { Actions } from '../types';
-import { StateMapperProps } from '../components/Reactions';
-import { ReactionsStore, State } from './ReactionsStore';
-export declare type ReactionStoreProp = ReactionsStore | Promise<ReactionsStore>;
-export declare type ReactionStoreState = State;
-export interface ExtendedPropsFromState extends StateMapperProps {
-}
-export declare type Props<ExtendedPropsFromState, PropsFromActions extends {}> = {
-    stateMapper?: (state: State) => ExtendedPropsFromState;
-    actionsMapper?: (actions: Actions) => PropsFromActions;
-    children: (props: ExtendedPropsFromState & PropsFromActions) => React.ReactNode;
-    store: ReactionStoreProp;
+import { Actions, State, StorePropInput, Store } from '../types';
+/**
+ * Props type for the ReactionConsumer class component
+ */
+export declare type ReactioConsumerProps<PropsFromState, PropsFromActions> = {
+    /**
+     * Return a plain object containing the data that the connected component needs
+     */
+    mapStateToProps?: (state: State) => PropsFromState;
+    /**
+     * Specify which actions the child component might need to dispatch from its props
+     */
+    mapActionsToProps?: (actions: Actions) => PropsFromActions;
+    /**
+     * Component to render
+     */
+    children: (props: PropsFromState & PropsFromActions) => React.ReactNode;
+    /**
+     * Reference to the store.
+     * @remarks
+     * This was initially implemented with a sync and Async versions and will be replaced with just a sync Store in a future release (Please use only the sync version)
+     */
+    store: StorePropInput;
 };
-declare type ConsumerState = {
-    store?: ReactionsStore;
+/**
+ * State type for the ReactionConsumer class component
+ */
+export declare type ReactionConsumerState = {
+    store?: Store;
 };
-export declare class ReactionConsumer<ExtendedPropsFromState, PropsFromActions extends {}> extends React.PureComponent<Props<ExtendedPropsFromState, PropsFromActions>, ConsumerState> {
+/**
+ * A custom mapper class that takes the store instance and mapper functions "mapStateToProps" and "mapActionsToProps" to return the renderProps pattern as a child component
+ * @deprecated please avoid using this class as it will be removed in a future release
+ */
+export declare class ReactionConsumer<PropsFromState, PropsFromActions> extends React.PureComponent<ReactioConsumerProps<PropsFromState, PropsFromActions>, ReactionConsumerState> {
     private previousActions;
     private propsFromActions;
-    constructor(props: Props<ExtendedPropsFromState, PropsFromActions>);
+    constructor(props: ReactioConsumerProps<PropsFromState, PropsFromActions>);
+    componentDidMount(): void;
+    componentWillUnmount(): Promise<void>;
+    /**
+     * Get the actions the child component might need to dispatch from its props
+     */
     private getPropsFromActions;
+    /**
+     *
+     * @param state Internal state data
+     * @returns object containing the data that the connected component needs
+     */
     private getPropsFromState;
+    /**
+     *
+     */
     private handleOnChange;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
     render(): React.ReactNode;
 }
-export {};

package/dist/types/store/index.d.ts

@@ -1,3 +1,3 @@
 export { ReactionConsumer } from './ReactionConsumer';
-export { MemoryReactionsStore } from './ReactionsStore';
-export type { ReactionsStore, State } from './ReactionsStore';
+export type { ReactioConsumerProps } from './ReactionConsumer';
+export { MemoryReactionsStore, ufoExperiences } from './MemoryReactionsStore';

package/dist/types/store/utils.d.ts

@@ -1,10 +1,5 @@
-import { ReactionsReadyState } from '../types/ReactionsState';
-import { ReactionSummary } from '../types/ReactionSummary';
-import { Updater } from '../types/Updater';
-export declare const compareEmojiId: (l: string, r: string) => number;
-export declare type ReactionSummarySortFunction = (a: ReactionSummary, b: ReactionSummary) => number;
-export declare const sortByRelevance: ReactionSummarySortFunction;
-export declare const sortByPreviousPosition: (reactions: ReactionSummary[]) => ReactionSummarySortFunction;
+import { Updater, ReactionsReadyState, ReactionSummary } from '../types';
+declare type ReactionSummarySortFunction = (a: ReactionSummary, b: ReactionSummary) => number;
 export declare const readyState: (reactions: ReactionSummary[]) => ReactionsReadyState;
 export declare const byEmojiId: (emojiId: string) => (reaction: ReactionSummary) => boolean;
 export declare const addOne: (reaction: ReactionSummary) => ReactionSummary;
@@ -13,3 +8,4 @@ export declare const updateByEmojiId: (emojiId: string, updater: Updater<Reactio
 export declare const getReactionsSortFunction: (reactions?: ReactionSummary[] | undefined) => ReactionSummarySortFunction;
 export declare const flattenAris: (a: string[], b: string[]) => string[];
 export declare function isRealErrorFromService(errorCode?: number): boolean;
+export {};

package/dist/types/types/Actions.d.ts

@@ -1,5 +1,8 @@
 /**
  * Event callback by the client to the API
+ * @param containerAri the container for reactions/ari in the page (attached to the "quickReactionEmojiIds" prop)
+ * @param ariunique Atlassian identifier for an emoji (attached to the "quickReactionEmojiIds" prop)
+ * @param emojiId unique identifier guid for the emoji
  */
 export declare type ReactionAction = (containerAri: string, ari: string, emojiId: string) => void;
 export declare type Actions = {

package/dist/types/types/User.d.ts

@@ -1,4 +1,10 @@
 export interface User {
+    /**
+     * user id in system
+     */
     id: string;
+    /**
+     * name of user clicked on the reaction
+     */
     displayName: string;
 }

package/dist/types/types/client.d.ts

@@ -0,0 +1,38 @@
+import { Reactions, ReactionSummary } from './reaction';
+export declare type Request<T> = (
+/**
+ * Reaction Asset id in the container
+ */
+ari: string, 
+/**
+ * the container for reactions/ari
+ */
+containerAri: string, 
+/**
+ * unique Atlassian identifier for an emoji
+ */
+emojiId: string, 
+/**
+ * Optional metadata information used in the API request
+ */
+metadata?: Record<string, any>) => Promise<T>;
+export interface Client {
+    /**
+     * fetch reactions request handler
+     * @param containerAri container wrapper id
+     * @param aris container reaction assets unique ids
+     */
+    getReactions(containerAri: string, aris: string[]): Promise<Reactions>;
+    /**
+     * Fetch details for a given reaction.
+     */
+    getDetailedReaction: Request<ReactionSummary>;
+    /**
+     * Fetch request when adding a reaction to a container.
+     */
+    addReaction: Request<ReactionSummary[]>;
+    /**
+     * Fetch request when removing a reaction from a container.
+     */
+    deleteReaction: Request<ReactionSummary[]>;
+}

package/dist/types/types/index.d.ts

@@ -1,9 +1,7 @@
 export type { ReactionAction, Actions } from './Actions';
-export type { DetailedReaction } from './DetailedReaction';
-export type { Reactions } from './Reactions';
-export type { ReactionSource } from './ReactionSource';
-export type { ReactionsError, ReactionsLoading, ReactionsReadyState, ReactionsState, } from './ReactionsState';
-export { ReactionStatus } from './ReactionStatus';
-export type { ReactionSummary } from './ReactionSummary';
+export { ReactionStatus } from './reaction';
+export type { ReactionSource, ReactionsError, ReactionsLoading, ReactionsReadyState, ReactionsState, ReactionSummary, ReactionsNotLoaded, Reactions, ReactionClick, ReactionMouseEnter, } from './reaction';
+export type { Client, Request } from './client';
 export type { Updater } from './Updater';
 export type { User } from './User';
+export type { Store, StorePropInput, State, OnChangeCallback } from './store';