@atlaskit/reactions 22.10.0 → 22.10.2

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

@@ -60,4 +60,12 @@ export type State = {
             [emojiId: string]: boolean;
         };
     };
+    /**
+     * floating reactions for given emojis as true|false (key => unique id, value => collection of emojiIds and true|false to apply floating animation)
+     */
+    particleEffectByEmoji: {
+        [key: string]: {
+            [emojiId: string]: boolean;
+        };
+    };
 };

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 export type FlashAnimationProps = PropsWithChildren<{

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

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

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { type XCSS } from '@atlaskit/primitives';
 import { jsx } from '@emotion/react';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type EmojiProvider, type EmojiId } from '@atlaskit/emoji';
 import { jsx } from '@emotion/react';
 export declare const PARTICLE_COUNT = 4;

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type PickerSize } from '@atlaskit/emoji/types';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type PropsWithChildren } from 'react';
 import { jsx } from '@emotion/react';
 import { type ReactionSummary } from '../../types';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type OnCloseHandler } from '@atlaskit/modal-dialog';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type EmojiId, type OnEmojiEvent } from '@atlaskit/emoji/types';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { keyframes } from '@emotion/react';
 export declare const revealAnimation: typeof keyframes;
 export declare const revealStyle: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,8 @@
 /// <reference types="react" />
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 /**
  * Test id for wrapper button

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { type AriaAttributes } from 'react';
 import { type AnalyticsEvent } from '@atlaskit/analytics-next';
 /**

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

@@ -16,20 +16,28 @@ export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quick
      * 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;
+    /**
+     * Optional boolean to control if particle animation on reactions appear
+     */
+    particleEffectByEmojiEnabled?: boolean;
 }
 /**
  * Export the mapper function outside the component so easier to do unit tests
  */
-export declare const mapStateToPropsHelper: (containerAri: string, ari: string, state?: State) => {
+export declare const mapStateToPropsHelper: (containerAri: string, ari: string, particleEffectByEmojiEnabled?: boolean, state?: State) => {
     status: ReactionStatus;
     reactions: never[];
     flash?: undefined;
+    particleEffectByEmoji?: undefined;
 } | {
     reactions: import("../../types").ReactionSummary[];
     status: ReactionStatus.ready;
     flash: {
         [emojiId: string]: boolean;
     };
+    particleEffectByEmoji: {
+        [emojiId: string]: boolean;
+    };
 };
 /**
  * Export the mapper function outside the component so easier to do unit tests

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

@@ -53,6 +53,7 @@ export declare class MemoryReactionsStore implements Store {
     private handleDetailedReactionResponse;
     private setFlash;
     private flash;
+    private setParticleEffectForEmoji;
     private optmisticUpdate;
     /**
      * Utility function to help execute a callback to Reaction if its state is ready.

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

@@ -60,4 +60,12 @@ export type State = {
             [emojiId: string]: boolean;
         };
     };
+    /**
+     * floating reactions for given emojis as true|false (key => unique id, value => collection of emojiIds and true|false to apply floating animation)
+     */
+    particleEffectByEmoji: {
+        [key: string]: {
+            [emojiId: string]: boolean;
+        };
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.10.0",
+	"version": "22.10.2",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,18 +37,18 @@
 		"@atlaskit/analytics-namespaced-context": "^6.10.0",
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/avatar": "^21.11.0",
-		"@atlaskit/button": "^18.4.0",
+		"@atlaskit/button": "^19.0.0",
 		"@atlaskit/emoji": "^67.6.0",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.7.0",
 		"@atlaskit/modal-dialog": "^12.14.0",
 		"@atlaskit/motion": "^1.7.0",
 		"@atlaskit/popper": "^6.1.0",
-		"@atlaskit/popup": "1.20.1",
+		"@atlaskit/popup": "1.20.2",
 		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/tabs": "^16.3.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.54.0",
+		"@atlaskit/tokens": "^1.56.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/ufo": "^0.2.0",
 		"@atlaskit/util-service-support": "^6.2.0",