@atlaskit/reactions 21.5.1 → 21.6.1

package/dist/types-ts4.0/i18n/pl.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/pt_BR.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/pt_PT.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/ro.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.error.unexpected': string;
+};
+export default _default;

package/dist/types-ts4.0/i18n/ru.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/sk.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/sv.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/th.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/tr.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/uk.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/vi.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/zh.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/i18n/zh_TW.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    'fabric.reactions.error.unexpected': string;
+    'fabric.reactions.loading': string;
+    'fabric.reactions.more.emoji': string;
+    'fabric.reactions.other.reacted.users': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types-ts4.0/index.d.ts

@@ -0,0 +1,7 @@
+export { UFO } from './analytics';
+export { ReactionServiceClient } 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';

package/dist/types-ts4.0/shared/constants.d.ts

@@ -0,0 +1,13 @@
+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-ts4.0/shared/index.d.ts

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

package/dist/types-ts4.0/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/ReactionsStore.d.ts → types-ts4.0/store/MemoryReactionsStore.d.ts}

@@ -1,37 +1,5 @@
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ReactionClient } from '../client';
 import * as Types from '../types';
-/**
- * store main structure
- */
-export declare type State = {
-    /**
-     * collection of the different reactions (key => unique reaction id , value => state of the reaction)
-     */
-    reactions: {
-        [key: string]: Types.ReactionsState;
-    };
-    /**
-     * custom animation for given emojis as true|false (key => unique reaction id, value => collection of emojiIds and true|false to apply custom animation)
-     */
-    flash: {
-        [key: string]: {
-            [emojiId: string]: boolean;
-        };
-    };
-};
-/**
- * Callback event when changes apply to the main store
- * @param state latest store state
- */
-export declare type OnChangeCallback = (state: State) => void;
-/**
- * Optional metadata information in the store used in sending the API client requests
- */
-export interface StoreMetadata {
-    subproduct?: string;
-    [k: string]: any;
-}
 /**
  * Set of all available UFO experiences relating to reaction element
  */
@@ -54,40 +22,31 @@ export declare const ufoExperiences: {
     fetchDetails: import("@atlaskit/ufo").ConcurrentExperience;
 };
 /**
- * Collection of methods to manage internal state across the different Reaction container components ConnectedReactionPicker and ConnectedReactionsView
+ * Optional metadata information in the store used in sending the API client requests
  */
-export interface ReactionsStore extends Types.Actions {
-    /**
-     * Get current state of the stor
-     */
-    getState: () => State;
-    /**
-     * Register a callback event on change to the store instance state data
-     * @param callback event to register
-     * @deprecated initially implemented by the MemoryReactionsStore and kept. This is not required by external ReactionsStore implementation
-     */
-    onChange: (callback: OnChangeCallback) => void;
-    /**
-     * Deregister any callback event on changes to the store instance state data
-     * @param callback event to deregister
-     * @deprecated initially implemented by the MemoryReactionsStore and kept. This is not required by external ReactionsStore implementation
-     */
-    removeOnChangeListener: (callback: OnChangeCallback) => void;
-    /**
-     * Add Atlaskit analytics events to different operations in the store
-     * @param createAnalyticsEvent analytics event trigger
-     * @deprecated initially implemented by the MemoryReactionsStore and kept. This is not required by external ReactionsStore implementation
-     */
-    setCreateAnalyticsEvent?: (createAnalyticsEvent: CreateUIAnalyticsEvent) => void;
+interface StoreMetadata {
+    subproduct?: string;
+    [k: string]: any;
 }
-export declare class MemoryReactionsStore implements ReactionsStore {
+export declare class MemoryReactionsStore implements Types.Store {
     private client;
     private state;
     private metadata;
     private callbacks;
     private createAnalyticsEvent?;
-    constructor(client: ReactionClient, state?: State, metadata?: StoreMetadata);
+    /**
+     * 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;
@@ -128,7 +87,8 @@ export declare class MemoryReactionsStore implements ReactionsStore {
     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: () => State;
-    onChange: (callback: OnChangeCallback) => void;
-    removeOnChangeListener: (toRemove: OnChangeCallback) => void;
+    getState: () => Types.State;
+    onChange: (callback: Types.OnChangeCallback) => void;
+    removeOnChangeListener: (toRemove: Types.OnChangeCallback) => void;
 }
+export {};

package/dist/types-ts4.0/store/ReactionConsumer.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+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;
+};
+/**
+ * State type for the ReactionConsumer class component
+ */
+export declare type ReactionConsumerState = {
+    store?: Store;
+};
+/**
+ * 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: 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;
+    render(): React.ReactNode;
+}

package/dist/types-ts4.0/store/batched.d.ts

@@ -0,0 +1,2 @@
+export declare function batch<T>(callback: (args: T[][]) => void): (...args: T[]) => void;
+export declare function batchByKey<T>(callback: (key: string, args: T[][]) => void): (key: string, ...args: T[]) => void;

package/dist/types-ts4.0/store/index.d.ts

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

package/dist/types-ts4.0/store/utils.d.ts

@@ -0,0 +1,11 @@
+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;
+export declare const removeOne: (reaction: ReactionSummary) => ReactionSummary;
+export declare const updateByEmojiId: (emojiId: string, updater: Updater<ReactionSummary> | ReactionSummary) => (reaction: ReactionSummary) => void | ReactionSummary;
+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-ts4.0/types/Actions.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 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 = {
+    /**
+     * Retrieve reaction collection api
+     * @param containerId the container for reactions/ari in the page
+     * @param aris collection of Asset ids in the container
+     */
+    getReactions: (containerId: string, aris: string) => void;
+    /**
+     * Select/deselect a rection callback
+     */
+    toggleReaction: ReactionAction;
+    /**
+     * Add a new reation api
+     */
+    addReaction: ReactionAction;
+    /**
+     * Hover an existing reaction emoji api
+     */
+    getDetailedReaction: ReactionAction;
+};

package/dist/types-ts4.0/types/Updater.d.ts

@@ -0,0 +1 @@
+export declare type Updater<T> = (original: T) => T | void;

package/dist/types-ts4.0/types/User.d.ts

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

package/dist/types-ts4.0/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-ts4.0/types/index.d.ts

@@ -0,0 +1,7 @@
+export type { ReactionAction, Actions } from './Actions';
+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';

package/dist/types-ts4.0/types/reaction.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="react" />
+import { User } from './User';
+/**
+ * Collection of reactions as object (key is unique id from containerAri and ari combined)
+ */
+export declare type Reactions = Record<string, ReactionSummary[]>;
+/**
+ * MetaData for Reaction object
+ */
+export interface ReactionSummary {
+    /**
+     * Reaction Asset id in the container
+     */
+    ari: string;
+    /**
+     * the container for reactions/ari in the page
+     */
+    containerAri: string;
+    /**
+     * unique Atlassian identifier for an emoji
+     */
+    emojiId: string;
+    /**
+     * Number of selected count for the emoji
+     */
+    count: number;
+    /**
+     * Has the current user selected the emoji or not
+     */
+    reacted: boolean;
+    /**
+     * Users collection
+     */
+    users?: User[];
+    /**
+     * @deprecated Legacy content Not in use anymore
+     */
+    optimisticallyUpdated?: boolean;
+}
+/**
+ * Event handler for when the user clicks on the reaction
+ * @param id give id for the emoji
+ * @param event selected mouse event proerties
+ */
+export declare type ReactionClick = (id: string, event: React.MouseEvent<HTMLButtonElement>) => void;
+/**
+ * Event handler for when the user hovers with the mouse on the reaction
+ * @param reaction reaction object
+ * @param event (Optional) custom DOM event handler callback
+ */
+export declare type ReactionMouseEnter = (reaction: ReactionSummary, event?: React.MouseEvent<any>) => void;
+/**
+ * Condition of the reaction when gets loaded from the store
+ */
+export declare enum ReactionStatus {
+    ready = "READY",
+    loading = "LOADING",
+    error = "ERROR",
+    notLoaded = "NOT_LOADED"
+}
+/**
+ * state in which the reaction is at
+ */
+export declare type ReactionsState = ReactionsNotLoaded | ReactionsLoading | ReactionsReadyState | ReactionsError;
+export declare type ReactionsReadyState = {
+    readonly status: ReactionStatus.ready;
+    readonly reactions: ReactionSummary[];
+};
+export declare type ReactionsLoading = {
+    readonly status: ReactionStatus.loading;
+};
+export declare type ReactionsError = {
+    readonly status: ReactionStatus.error;
+    readonly message: string;
+};
+export declare type ReactionsNotLoaded = {
+    readonly status: ReactionStatus.notLoaded;
+};
+/**
+ * Source where the emoji selected from ("quickSelector" -> default list, "emojiPicker" -> custom emoji list)
+ */
+export declare type ReactionSource = 'quickSelector' | 'emojiPicker';

package/dist/types-ts4.0/types/store.d.ts

@@ -0,0 +1,63 @@
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { Actions } from './Actions';
+import { ReactionsState } from './reaction';
+/**
+ * Callback event when changes apply to the main store
+ * @param state latest store state
+ */
+export declare type OnChangeCallback = (state: State) => void;
+/**
+ * Map of state props
+ */
+export interface StoreProps {
+    /**
+     * Get current state of the stor
+     */
+    getState: () => State;
+    /**
+     * Register a callbsack event on change to the store instance state data
+     * @param callback event to register
+     * @deprecated initially implemented by the MemoryReactionsStore class and kept. This will be removed in a future release
+     */
+    onChange: (callback: OnChangeCallback) => void;
+    /**
+     * Deregister any callback event on changes to the store instance state data
+     * @param callback event to de-register
+     * @deprecated initially implemented by the MemoryReactionsStore class and kept. This will be removed in a future release
+     */
+    removeOnChangeListener: (callback: OnChangeCallback) => void;
+    /**
+     * Add Atlaskit analytics events to different operations in the store
+     * @param createAnalyticsEvent analytics event trigger
+     * @deprecated initially implemented by the MemoryReactionsStore class and kept. This will be removed in a future release
+     */
+    setCreateAnalyticsEvent?: (createAnalyticsEvent: CreateUIAnalyticsEvent) => void;
+}
+/**
+ * General Interface for a reaction store
+ */
+export interface Store extends Actions, StoreProps {
+}
+/**
+ * the "store" prop option to the connected view and picker components
+ */
+export declare type StorePropInput = Store | Promise<Store>;
+/**
+ * store main structure
+ */
+export declare type State = {
+    /**
+     * collection of the different reactions (key => unique reaction id , value => state of the reaction)
+     */
+    reactions: {
+        [key: string]: ReactionsState;
+    };
+    /**
+     * custom animation for given emojis as true|false (key => unique reaction id, value => collection of emojiIds and true|false to apply custom animation)
+     */
+    flash: {
+        [key: string]: {
+            [emojiId: string]: boolean;
+        };
+    };
+};

package/extract-react-type/ConnectedReactionPicker.ts

@@ -1,8 +1,6 @@
-import type { ConnectedReactionPickerProps } from '../src/containers/ConnectedReactionPicker';
+import type { ConnectedReactionPickerProps } from '../src/containers';
 
 /**
- * The props definition in custom-item.tsx breaks ERT unfortunately,
- * because we had to typecast the component to make forwardRef work with generics
- * (for the custom component props).
+ * The props definition in src/containers/ConnectedReactionPicker.tsx breaks ERT unfortunately, hence this hack (for the custom component props).
  */
 export default function (_: ConnectedReactionPickerProps) {}