@atlaskit/reactions 33.2.11 → 33.2.13

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

@@ -19,55 +19,55 @@ export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
 export declare const RENDER_REACTIONPICKERPANEL_TESTID = "reactionPickerPanel-testid";
 export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
     /**
-     * Provider for loading emojis
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Event callback when an emoji button is selected
-     * @param emojiId emoji unique id
-     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
+     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
      */
-    onSelection: (emojiId: string, source: ReactionSource) => void;
+    allowAllEmojis?: boolean;
     /**
      * Optional class name
      */
     className?: string;
-    /**
-     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
-     */
-    allowAllEmojis?: boolean;
     /**
      * Enable/Disable the button to be clickable (defaults to false)
      */
     disabled?: boolean;
     /**
-     * Optional event handler when the emoji picker is opened
+     * Optional emoji picker size to control the size of emoji picker
      */
-    onOpen?: () => void;
+    emojiPickerSize?: PickerSize;
     /**
-     * Optional event handler when the emoji picker is clicked outside and closed
+     * Provider for loading emojis
      */
-    onCancel?: () => void;
+    emojiProvider: Promise<EmojiProvider>;
     /**
-     * Optional event handler when the custom emoji picker icon is selected
+     * Optional prop for hoverable reaction picker
      */
-    onShowMore?: () => void;
+    hoverableReactionPicker?: boolean;
     /**
-     * Optional emoji picker size to control the size of emoji picker
+     * Optional prop to set a delay for the reaction picker when it opens/closes on hover
      */
-    emojiPickerSize?: PickerSize;
+    hoverableReactionPickerDelay?: number;
     /**
-     * Optional prop for using an opaque button background instead of a transparent background
+     * Optional prop to say if the reactions component is in a list
      */
-    showOpaqueBackground?: boolean;
+    isListItem?: boolean;
     /**
-     * Optional prop for applying subtle styling to reaction summary and picker
+     * Optional event handler when the emoji picker is clicked outside and closed
      */
-    subtleReactionsSummaryAndPicker?: boolean;
+    onCancel?: () => void;
     /**
-     * Optional prop for displaying text to add a reaction
+     * Optional event handler when the emoji picker is opened
      */
-    showAddReactionText?: boolean;
+    onOpen?: () => void;
+    /**
+     * Event callback when an emoji button is selected
+     * @param emojiId emoji unique id
+     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
+     */
+    onSelection: (emojiId: string, source: ReactionSource) => void;
+    /**
+     * Optional event handler when the custom emoji picker icon is selected
+     */
+    onShowMore?: () => void;
     /**
      * Optional prop for controlling the picker location
      */
@@ -81,27 +81,27 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      */
     reactionPickerTriggerText?: string;
     /**
-     * Optional prop to say if the reactions component is in a list
+     * Optional prop for displaying text to add a reaction
      */
-    isListItem?: boolean;
+    showAddReactionText?: boolean;
     /**
-     * Optional prop for hoverable reaction picker
+     * Optional prop for using an opaque button background instead of a transparent background
      */
-    hoverableReactionPicker?: boolean;
+    showOpaqueBackground?: boolean;
     /**
-     * Optional prop to set a delay for the reaction picker when it opens/closes on hover
+     * Optional prop for applying subtle styling to reaction summary and picker
      */
-    hoverableReactionPickerDelay?: number;
+    subtleReactionsSummaryAndPicker?: boolean;
 }
 /**
  * Picker component for adding reactions
  */
 export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => JSX.Element>;
 export interface PopperWrapperProps {
+    popperModifiers?: PopperProps<{}>['modifiers'];
     settings: {
-        showFullPicker: boolean;
         popperPlacement: Placement;
+        showFullPicker: boolean;
     };
-    popperModifiers?: PopperProps<{}>['modifiers'];
 }
 export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

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

@@ -19,59 +19,63 @@ export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
 export declare const RENDER_REACTIONPICKERPANEL_TESTID = "reactionPickerPanel-testid";
 export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
     /**
-     * Provider for loading emojis
-     */
-    emojiProvider: Promise<EmojiProvider>;
-    /**
-     * Event callback when an emoji button is selected
-     * @param emojiId emoji unique id
-     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
+     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
      */
-    onSelection: (emojiId: string, source: ReactionSource) => void;
+    allowAllEmojis?: boolean;
     /**
      * Optional class name
      */
     className?: string;
-    /**
-     * Optional Show the "more emoji" selector icon for choosing emoji beyond the default list of emojis (defaults to false)
-     */
-    allowAllEmojis?: boolean;
     /**
      * Enable/Disable the button to be clickable (defaults to false)
      */
     disabled?: boolean;
     /**
-     * Optional event handler when the emoji picker is opened
+     * Optional emoji picker size to control the size of emoji picker
      */
-    onOpen?: () => void;
+    emojiPickerSize?: PickerSize;
     /**
-     * Optional event handler when the emoji picker is clicked outside and closed
+     * Provider for loading emojis
      */
-    onCancel?: () => void;
+    emojiProvider: Promise<EmojiProvider>;
     /**
-     * Optional event handler when the custom emoji picker icon is selected
+     * Optional prop for hoverable reaction picker
      */
-    onShowMore?: () => void;
+    hoverableReactionPicker?: boolean;
     /**
-     * Optional emoji picker size to control the size of emoji picker
+     * Optional prop to set a delay for the reaction picker when it opens/closes on hover
      */
-    emojiPickerSize?: PickerSize;
+    hoverableReactionPickerDelay?: number;
     /**
-     * Optional prop for using an opaque button background instead of a transparent background
+     * Optional prop to say if the reactions component is in a list
      */
-    showOpaqueBackground?: boolean;
+    isListItem?: boolean;
     /**
-     * Optional prop for applying subtle styling to reaction summary and picker
+     * Optional event handler when the emoji picker is clicked outside and closed
      */
-    subtleReactionsSummaryAndPicker?: boolean;
+    onCancel?: () => void;
     /**
-     * Optional prop for displaying text to add a reaction
+     * Optional event handler when the emoji picker is opened
      */
-    showAddReactionText?: boolean;
+    onOpen?: () => void;
+    /**
+     * Event callback when an emoji button is selected
+     * @param emojiId emoji unique id
+     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
+     */
+    onSelection: (emojiId: string, source: ReactionSource) => void;
+    /**
+     * Optional event handler when the custom emoji picker icon is selected
+     */
+    onShowMore?: () => void;
     /**
      * Optional prop for controlling the picker location
      */
     reactionPickerPlacement?: Placement;
+    /**
+     * Optional prop to set the strategy of the reaction picker popup
+     */
+    reactionPickerStrategy?: PopperProps<{}>['strategy'];
     /**
      * Optional prop for controlling icon inside Trigger
      */
@@ -81,34 +85,30 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      */
     reactionPickerTriggerText?: string;
     /**
-     * Optional prop to say if the reactions component is in a list
-     */
-    isListItem?: boolean;
-    /**
-     * Optional prop for hoverable reaction picker
+     * Optional prop for displaying text to add a reaction
      */
-    hoverableReactionPicker?: boolean;
+    showAddReactionText?: boolean;
     /**
-     * Optional prop to set a delay for the reaction picker when it opens/closes on hover
+     * Optional prop for using an opaque button background instead of a transparent background
      */
-    hoverableReactionPickerDelay?: number;
+    showOpaqueBackground?: boolean;
     /**
-     * Optional prop to set the strategy of the reaction picker popup
+     * Optional prop for applying subtle styling to reaction summary and picker
      */
-    reactionPickerStrategy?: PopperProps<{}>['strategy'];
+    subtleReactionsSummaryAndPicker?: boolean;
 }
 /**
  * Picker component for adding reactions
  */
 export declare const ReactionPicker: React.MemoExoticComponent<(props: ReactionPickerProps) => JSX.Element>;
 export interface PopperWrapperProps {
-    triggerRef: HTMLDivElement | HTMLButtonElement | null;
-    settings: {
-        showFullPicker: boolean;
-        popperPlacement: Placement;
-    };
     isOpen: boolean;
     onClose: () => void;
     popperModifiers?: PopperProps<{}>['modifiers'];
+    settings: {
+        popperPlacement: Placement;
+        showFullPicker: boolean;
+    };
+    triggerRef: HTMLDivElement | HTMLButtonElement | null;
 }
 export declare const PopperWrapper: (props: PropsWithChildren<PopperWrapperProps>) => JSX.Element;

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

@@ -1,21 +1,13 @@
 import { type ReactionsProps } from './Reactions';
 interface ReactionSummaryButtonProps extends Pick<ReactionsProps, 'emojiProvider' | 'reactions' | 'useButtonAlignmentStyling'> {
-    /**
-     * event handler when the summary button is clicked to view all reactions
-     */
-    onClick: () => void;
     /**
      * The number of emojis to show in the summary button
      */
     emojisToShow?: number;
     /**
-     * Optional prop for using an opaque button background instead of a transparent background
-     */
-    showOpaqueBackground?: boolean;
-    /**
-     * Optional prop for applying subtle styling to reaction summary button
+     * event handler when the summary button is clicked to view all reactions
      */
-    subtleReactionsSummaryAndPicker?: boolean;
+    onClick: () => void;
     /**
      * Optional event handler when mouse enters the button
      */
@@ -25,13 +17,21 @@ interface ReactionSummaryButtonProps extends Pick<ReactionsProps, 'emojiProvider
      */
     onMouseLeave?: () => void;
     /**
-     * Optional prop for the optimistic image URL
+     * Optional prop for using an opaque button background instead of a transparent background
      */
-    summaryGetOptimisticImageURL?: (emojiId: string) => string;
+    showOpaqueBackground?: boolean;
+    /**
+     * Optional prop for applying subtle styling to reaction summary button
+     */
+    subtleReactionsSummaryAndPicker?: boolean;
     /**
      * Optional prop to add an icon to the end of the summary button
      */
     summaryButtonIconAfter?: React.ReactNode;
+    /**
+     * Optional prop for the optimistic image URL
+     */
+    summaryGetOptimisticImageURL?: (emojiId: string) => string;
     /**
      * Optional prop to set the most recently clicked emoji id
      */

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

@@ -8,67 +8,67 @@ import { type TriggerProps } from './Trigger';
 export declare const RENDER_SUMMARY_VIEW_POPUP_TESTID = "render-summary-view-popup";
 interface ReactionSummaryViewProps extends Pick<ReactionsProps, 'emojiProvider' | 'reactions' | 'flash' | 'particleEffectByEmoji' | 'allowUserDialog' | 'allowSelectFromSummaryView' | 'emojiPickerSize' | 'useButtonAlignmentStyling' | 'reactionPickerTriggerText'>, Pick<TriggerProps, 'tooltipContent' | 'reactionPickerTriggerIcon' | 'disabled'> {
     /**
-     * Optional prop to change the placement of the summary popup reaction list
-     */
-    placement?: Placement;
-    /**
-     * event handler when a a reaction button is clicked inside the summary
+     * Optional prop for enabling the Reactions Dialog
      */
-    onReactionClick: ReactionClick;
+    allowUserDialog?: boolean;
     /**
-     * Event callback when an emoji button is selected
-     * @param emojiId emoji unique id
-     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
+     * Optional function when the user wants to open the Reactions Dialog
      */
-    onSelection: (emojiId: string, source: ReactionSource) => void;
+    handleOpenReactionsDialog?: (options?: OpenReactionsDialogOptions) => void;
     /**
-     * Optional event when the mouse cursor hovers over a reaction button inside the summary
+     * Optional prop to make the summary view open on hover
      */
-    onReactionMouseEnter?: ReactionMouseEnter;
+    hoverableSummaryView?: boolean;
     /**
-     * Optional event when focused a reaction inside the summary
+     * Optional prop to set a delay for the summary view when it opens/closes on hover
      */
-    onReactionFocused?: ReactionFocused;
+    hoverableSummaryViewDelay?: number;
     /**
-     * Optional prop for using an opaque button background instead of a transparent background
+     * Optional prop for controlling if the reactions component is view only, disabling adding reactions
      */
-    showOpaqueBackground?: boolean;
+    isViewOnly?: boolean;
     /**
-     * Optional prop for applying subtle styling to reaction picker
+     * Optional event handler when the emoji picker is opened
      */
-    subtleReactionsSummaryAndPicker?: boolean;
+    onOpen?: () => void;
     /**
-     * Optional prop for enabling the Reactions Dialog
+     * event handler when a a reaction button is clicked inside the summary
      */
-    allowUserDialog?: boolean;
+    onReactionClick: ReactionClick;
     /**
-     * Optional function when the user wants to open the Reactions Dialog
+     * Optional event when focused a reaction inside the summary
      */
-    handleOpenReactionsDialog?: (options?: OpenReactionsDialogOptions) => void;
+    onReactionFocused?: ReactionFocused;
     /**
-     * Optional prop for controlling if the reactions component is view only, disabling adding reactions
+     * Optional event when the mouse cursor hovers over a reaction button inside the summary
      */
-    isViewOnly?: boolean;
+    onReactionMouseEnter?: ReactionMouseEnter;
     /**
-     * Optional event handler when the emoji picker is opened
+     * Event callback when an emoji button is selected
+     * @param emojiId emoji unique id
+     * @param source source where the reaction was picked (either the initial default reactions or the custom reactions picker)
      */
-    onOpen?: () => void;
+    onSelection: (emojiId: string, source: ReactionSource) => void;
     /**
-     * Optional prop to make the summary view open on hover
+     * Optional prop to change the placement of the summary popup reaction list
      */
-    hoverableSummaryView?: boolean;
+    placement?: Placement;
     /**
-     * Optional prop to set a delay for the summary view when it opens/closes on hover
+     * Optional prop for using an opaque button background instead of a transparent background
      */
-    hoverableSummaryViewDelay?: number;
+    showOpaqueBackground?: boolean;
     /**
-     * Optional prop for the optimistic image URL
+     * Optional prop for applying subtle styling to reaction picker
      */
-    summaryGetOptimisticImageURL?: (emojiId: string) => string;
+    subtleReactionsSummaryAndPicker?: boolean;
     /**
      * Optional prop to control if the side picker is shown
      */
     summaryButtonIconAfter?: React.ReactNode;
+    /**
+     * Optional prop for the optimistic image URL
+     */
+    summaryGetOptimisticImageURL?: (emojiId: string) => string;
     /**
      * Optional prop to set the most recently clicked id
      */

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

@@ -12,32 +12,32 @@ export declare const verticalMargin = 5;
 export declare const RENDER_REACTIONTOOLTIP_TESTID = "render-reactionTooltip";
 export type ReactionTooltipProps = PropsWithChildren<{
     /**
-     * Optional name for the reaction emoji
+     * Optional prop for enabling the Reactions Dialog
      */
-    emojiName?: string;
+    allowUserDialog?: boolean;
     /**
-     * Info on the emoji reaction to render
+     * Function that hides the tooltip
      */
-    reaction: ReactionSummary;
+    dismissTooltip: () => void;
     /**
-     * Optional Max users to show in the displayed tooltip (defaults to 5)
+     * Optional name for the reaction emoji
      */
-    maxReactions?: number;
+    emojiName?: string;
     /**
-     * Optional flag for enabling tooltip (defaults to true)
+     * Optional function when the user wants to open the Reactions Dialog
      */
-    isEnabled?: boolean;
+    handleOpenReactionsDialog?: (options?: OpenReactionsDialogOptions) => void;
     /**
-     * Optional prop for enabling the Reactions Dialog
+     * Optional flag for enabling tooltip (defaults to true)
      */
-    allowUserDialog?: boolean;
+    isEnabled?: boolean;
     /**
-     * Optional function when the user wants to open the Reactions Dialog
+     * Optional Max users to show in the displayed tooltip (defaults to 5)
      */
-    handleOpenReactionsDialog?: (options?: OpenReactionsDialogOptions) => void;
+    maxReactions?: number;
     /**
-     * Function that hides the tooltip
+     * Info on the emoji reaction to render
      */
-    dismissTooltip: () => void;
+    reaction: ReactionSummary;
 }>;
 export declare const ReactionTooltip: ({ children, emojiName, reaction: { users }, maxReactions, isEnabled, allowUserDialog, handleOpenReactionsDialog, dismissTooltip, }: ReactionTooltipProps) => JSX.Element;

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

@@ -1,12 +1,12 @@
 import { type ReactionSummary, type ProfileCardWrapper } from '../types';
 export interface ReactionViewProps {
-    /**
-     * Selected reaction to get user data from
-     */
-    reaction: ReactionSummary;
     /**
      * Optional ProfileWrapper component to show profile card on hover
      */
     ProfileCardWrapper?: ProfileCardWrapper;
+    /**
+     * Selected reaction to get user data from
+     */
+    reaction: ReactionSummary;
 }
 export declare const ReactionView: ({ reaction, ProfileCardWrapper }: ReactionViewProps) => JSX.Element;