@atlaskit/reactions 31.5.2 → 31.6.0

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

@@ -92,6 +92,14 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      * Optional prop to say if the reactions component is in a list
      */
     isListItem?: boolean;
+    /**
+     * Optional prop for hoverable reaction picker
+     */
+    hoverableReactionPicker?: boolean;
+    /**
+     * Optional prop to set a delay for the reaction picker when it opens/closes on hover
+     */
+    hoverableReactionPickerDelay?: number;
 }
 /**
  * Picker component for adding reactions
@@ -99,10 +107,10 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
 export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => JSX.Element>;
 export interface PopperWrapperProps {
     settings: {
-        isOpen: boolean;
         showFullPicker: boolean;
         popperPlacement: Placement;
     };
+    isOpen: boolean;
     popperModifiers?: PopperProps<{}>['modifiers'];
 }
 export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

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

@@ -6,9 +6,9 @@ import { type PopperChildrenProps, type Placement } from '@atlaskit/popper';
 export type RepositionOnUpdateProps = {
     update: PopperChildrenProps['update'];
     settings: {
-        isOpen: boolean;
         showFullPicker: boolean;
         popperPlacement: Placement;
     };
+    isOpen: boolean;
 };
-export declare const RepositionOnUpdate: ({ children, update, settings, }: React.PropsWithChildren<RepositionOnUpdateProps>) => React.JSX.Element;
+export declare const RepositionOnUpdate: ({ children, update, settings, isOpen, }: React.PropsWithChildren<RepositionOnUpdateProps>) => React.JSX.Element;

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

@@ -26,8 +26,12 @@ export interface SelectorProps {
      * 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[];
+    /**
+     * Optional prop for hoverable reaction picker selector
+     */
+    hoverableReactionPickerSelector?: boolean;
 }
 /**
  * Reactions picker panel part of the <ReactionPicker /> component
  */
-export declare const Selector: ({ emojiProvider, onMoreClick, onSelection, showMore, pickerQuickReactionEmojiIds, }: SelectorProps) => JSX.Element;
+export declare const Selector: ({ emojiProvider, onMoreClick, onSelection, showMore, pickerQuickReactionEmojiIds, hoverableReactionPickerSelector, }: SelectorProps) => JSX.Element;

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

@@ -71,6 +71,7 @@ export interface TriggerProps {
      * Optional prop to say if the reactions component is in a list
      */
     isListItem?: boolean;
+    fullWidthSelectorTrayReactionPickerTrigger?: boolean;
 }
 /**
  * Render an emoji button to open the reactions select picker

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

@@ -26,3 +26,4 @@ export declare const TOOLTIP_USERS_LIMIT = 5;
  */
 export declare const NUMBER_OF_REACTIONS_TO_DISPLAY = 8;
 export declare const SAMPLING_RATE_REACTIONS_RENDERED_EXP = 50;
+export declare const RESOURCED_EMOJI_COMPACT_HEIGHT = 16;

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

@@ -4,6 +4,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    addNewReaction: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     loadingReactions: {
         id: string;
         defaultMessage: string;

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

@@ -14,8 +14,12 @@ export interface EmojiButtonProps {
      * Event handler when a new emoji is selected
      */
     onClick: OnEmojiEvent;
+    /**
+     * Optional prop for hoverable reaction picker selector emoji
+     */
+    hoverableReactionPickerSelectorEmoji?: boolean;
 }
 /**
  * custom button to render the custom emoji selector inside the reaction picker
  */
-export declare const EmojiButton: ({ emojiId, onClick, emojiProvider }: EmojiButtonProps) => JSX.Element;
+export declare const EmojiButton: ({ emojiId, onClick, emojiProvider, hoverableReactionPickerSelectorEmoji, }: EmojiButtonProps) => JSX.Element;

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

@@ -92,6 +92,14 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      * Optional prop to say if the reactions component is in a list
      */
     isListItem?: boolean;
+    /**
+     * Optional prop for hoverable reaction picker
+     */
+    hoverableReactionPicker?: boolean;
+    /**
+     * Optional prop to set a delay for the reaction picker when it opens/closes on hover
+     */
+    hoverableReactionPickerDelay?: number;
 }
 /**
  * Picker component for adding reactions
@@ -99,10 +107,10 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
 export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => JSX.Element>;
 export interface PopperWrapperProps {
     settings: {
-        isOpen: boolean;
         showFullPicker: boolean;
         popperPlacement: Placement;
     };
+    isOpen: boolean;
     popperModifiers?: PopperProps<{}>['modifiers'];
 }
 export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

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

@@ -6,9 +6,9 @@ import { type PopperChildrenProps, type Placement } from '@atlaskit/popper';
 export type RepositionOnUpdateProps = {
     update: PopperChildrenProps['update'];
     settings: {
-        isOpen: boolean;
         showFullPicker: boolean;
         popperPlacement: Placement;
     };
+    isOpen: boolean;
 };
-export declare const RepositionOnUpdate: ({ children, update, settings, }: React.PropsWithChildren<RepositionOnUpdateProps>) => React.JSX.Element;
+export declare const RepositionOnUpdate: ({ children, update, settings, isOpen, }: React.PropsWithChildren<RepositionOnUpdateProps>) => React.JSX.Element;

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

@@ -26,8 +26,12 @@ export interface SelectorProps {
      * 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[];
+    /**
+     * Optional prop for hoverable reaction picker selector
+     */
+    hoverableReactionPickerSelector?: boolean;
 }
 /**
  * Reactions picker panel part of the <ReactionPicker /> component
  */
-export declare const Selector: ({ emojiProvider, onMoreClick, onSelection, showMore, pickerQuickReactionEmojiIds, }: SelectorProps) => JSX.Element;
+export declare const Selector: ({ emojiProvider, onMoreClick, onSelection, showMore, pickerQuickReactionEmojiIds, hoverableReactionPickerSelector, }: SelectorProps) => JSX.Element;

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

@@ -71,6 +71,7 @@ export interface TriggerProps {
      * Optional prop to say if the reactions component is in a list
      */
     isListItem?: boolean;
+    fullWidthSelectorTrayReactionPickerTrigger?: boolean;
 }
 /**
  * Render an emoji button to open the reactions select picker

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

@@ -26,3 +26,4 @@ export declare const TOOLTIP_USERS_LIMIT = 5;
  */
 export declare const NUMBER_OF_REACTIONS_TO_DISPLAY = 8;
 export declare const SAMPLING_RATE_REACTIONS_RENDERED_EXP = 50;
+export declare const RESOURCED_EMOJI_COMPACT_HEIGHT = 16;

package/dist/types-ts4.5/shared/i18n.d.ts

@@ -4,6 +4,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    addNewReaction: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     loadingReactions: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "31.5.2",
+	"version": "31.6.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,7 +47,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.1.0",
 		"@atlaskit/popper": "^7.0.0",
 		"@atlaskit/popup": "^4.1.0",
-		"@atlaskit/primitives": "^14.4.0",
+		"@atlaskit/primitives": "^14.6.0",
 		"@atlaskit/react-ufo": "^3.9.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tabs": "^18.0.0",