@atlaskit/reactions 22.5.2 → 22.5.4

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

@@ -1,2 +1,121 @@
-export * as Analytics from './analytics';
-export * as UFO from './ufo';
+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: string;
+        packageVersion: string;
+    };
+};
+export declare const createRestFailedEvent: (actionSubject: string, errorCode?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+export declare const createReactionsRenderedEvent: (startTime: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+export declare const createPickerCancelledEvent: (startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+export declare const createPickerMoreClickedEvent: (startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+export declare const createReactionSelectionEvent: (source: ReactionSource, emojiId: string, reaction?: ReactionSummary, startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+export declare const createReactionHoveredEvent: (startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+export declare const createReactionFocusedEvent: (startTime?: number) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+export declare const createReactionClickedEvent: (added: boolean, emojiId: string) => {
+    action: string;
+    actionSubject: string;
+    eventType: EventType;
+    actionSubjectId: string | undefined;
+    attributes: {
+        packageName: string;
+        packageVersion: string;
+    };
+};
+/**
+ * Used for store failure metadata for analytics
+ * @param error The error could be a service error with {code, reason} or an Error
+ * @returns any
+ */
+export declare const extractErrorInfo: (error: any) => any;

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

@@ -1,3 +1,2 @@
 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/ReactionPicker/ReactionPicker.d.ts

@@ -2,9 +2,9 @@
 import React from 'react';
 import { PickerSize } from '@atlaskit/emoji/types';
 import { EmojiProvider } from '@atlaskit/emoji/resource';
+import { ReactionSource } from '../../types';
 import { SelectorProps } from '../Selector';
 import { TriggerProps } from '../Trigger';
-import { ReactionSource } from '../../types';
 /**
  * Test id for wrapper ReactionPicker div
  */

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

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

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

@@ -24,7 +24,7 @@ export interface SelectorProps {
      */
     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})
+     * Optional emojis shown for user to select from when the reaction add button is clicked (defaults to pre-defined list of emojis {@link DefaultReactions})
      */
     pickerQuickReactionEmojiIds?: EmojiId[];
 }

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

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

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

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

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

@@ -1,7 +1,28 @@
-export { UFO } from './analytics';
+import { ComponentName, ExperienceName } from './ufo';
 export { ReactionServiceClient } from './client';
-export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, StorePropInput, State, onDialogSelectReactionChange, } from './types';
-export { constants } from './shared';
 export { Reaction, ReactionPicker, Reactions } from './components';
 export { ConnectedReactionPicker, ConnectedReactionsView } from './containers';
 export { MemoryReactionsStore, ReactionConsumer } from './store';
+export type { Client as ReactionClient, Request as ReactionRequest, Store as ReactionsStore, StorePropInput, State, onDialogSelectReactionChange, } from './types';
+export declare const constants: {
+    DefaultReactions: import("@atlaskit/emoji").EmojiId[];
+    DefaultReactionsByShortName: Map<string, import("@atlaskit/emoji").EmojiId>;
+    ExtendedReactions: import("@atlaskit/emoji").EmojiId[];
+    ExtendedReactionsByShortName: Map<string, import("@atlaskit/emoji").EmojiId>;
+    NUMBER_OF_REACTIONS_TO_DISPLAY: number;
+    SAMPLING_RATE_REACTIONS_RENDERED_EXP: number;
+    TOOLTIP_USERS_LIMIT: number;
+};
+export declare const UFO: {
+    ComponentName: typeof ComponentName;
+    ExperienceName: typeof ExperienceName;
+    PickerRender: import("@atlaskit/ufo").UFOExperience;
+    ReactionsAdd: import("@atlaskit/ufo").ConcurrentExperience;
+    ReactionDetailsFetch: import("@atlaskit/ufo").ConcurrentExperience;
+    ReactionDialogClosed: import("@atlaskit/ufo").UFOExperience;
+    ReactionDialogOpened: import("@atlaskit/ufo").UFOExperience;
+    ReactionDialogSelectedReactionChanged: import("@atlaskit/ufo").UFOExperience;
+    ReactionsRemove: import("@atlaskit/ufo").ConcurrentExperience;
+    ReactionsRendered: import("@atlaskit/ufo").ConcurrentExperience;
+    sampledReactionsRendered: (instanceId: string) => import("@atlaskit/emoji").WithSamplingUFOExperience;
+};

package/dist/types-ts4.5/store/MemoryReactionsStore.d.ts

@@ -1,5 +1,5 @@
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import * as Types from '../types';
+import { type Client, type OnChangeCallback, type State, type Store } from '../types';
 /**
  * Set of all available UFO experiences relating to reaction element
  */
@@ -28,7 +28,7 @@ interface StoreMetadata {
     subproduct?: string;
     [k: string]: any;
 }
-export declare class MemoryReactionsStore implements Types.Store {
+export declare class MemoryReactionsStore implements Store {
     private client;
     private state;
     private metadata;
@@ -38,7 +38,7 @@ export declare class MemoryReactionsStore implements Types.Store {
      * default initial store data
      */
     private initialState;
-    constructor(client: Types.Client, state?: Types.State, metadata?: StoreMetadata);
+    constructor(client: Client, state?: State, metadata?: StoreMetadata);
     /**
      * Update the store state data with a new data
      * @param newState new store data
@@ -87,8 +87,8 @@ export declare class MemoryReactionsStore implements Types.Store {
     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;
+    getState: () => State;
+    onChange: (callback: OnChangeCallback) => void;
+    removeOnChangeListener: (toRemove: OnChangeCallback) => void;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "22.5.2",
+  "version": "22.5.4",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,17 +35,17 @@
     "@atlaskit/analytics-gas-types": "^5.1.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/avatar": "^21.3.0",
-    "@atlaskit/button": "^16.9.0",
-    "@atlaskit/emoji": "^67.4.0",
+    "@atlaskit/avatar": "^21.4.0",
+    "@atlaskit/button": "^16.12.0",
+    "@atlaskit/emoji": "^67.5.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/modal-dialog": "^12.6.0",
-    "@atlaskit/motion": "^1.4.0",
+    "@atlaskit/modal-dialog": "^12.8.0",
+    "@atlaskit/motion": "^1.5.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/spinner": "^15.5.0",
+    "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/tabs": "^13.4.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.15.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/util-service-support": "^6.2.0",
@@ -60,7 +60,6 @@
   },
   "devDependencies": {
     "@atlaskit/elements-test-helpers": "^0.7.0",
-    "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/jest": "^11.8.0",