@atlaskit/user-picker 11.24.0 → 11.25.1

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

@@ -1,5 +1,9 @@
+import { type CreateUIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type PopupSelectProps, type SelectComponentsConfig, type StylesConfig } from '@atlaskit/select';
 import React from 'react';
-import { type PopupUserPickerProps } from '../types';
+import { type Appearance, type BoundariesElement, type DefaultValue, type LoadOptions, type LoadUserSource, type OnChange, type OnInputChange, type OnOption, type OnPicker, type OptionData, type PopupUserPickerProps, type RootBoundary, type Target, type UserPickerRef, type Value } from '../types';
+import type { Placement } from '@popperjs/core';
+import type { EmailValidator } from './emailValidation';
 interface State {
     flipped: boolean;
 }
@@ -23,23 +27,23 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     addMoreMessage?: string;
     allowEmail?: boolean;
     anchor?: React.ComponentType<any>;
-    appearance?: import("..").Appearance;
+    appearance?: Appearance;
     ariaDescribedBy?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
-    ariaLive?: "polite" | "off" | "assertive";
+    ariaLive?: 'polite' | 'off' | 'assertive';
     autoFocus?: boolean;
     captureMenuScroll?: boolean;
     clearValueLabel?: string;
     closeMenuOnScroll?: boolean | EventListener;
-    components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean>;
-    defaultValue?: import("..").DefaultValue;
+    components?: SelectComponentsConfig<OptionData, boolean>;
+    defaultValue?: DefaultValue;
     disableInput?: boolean;
     emailLabel?: string;
     fieldId: string | null;
     footer?: React.ReactNode;
-    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
-    groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[];
+    forwardedRef?: React.ForwardedRef<UserPickerRef>;
+    groupByTypeOrder?: NonNullable<OptionData['type']>[];
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;
@@ -51,18 +55,18 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     isInvalid?: boolean;
     isLoading?: boolean;
     isMulti?: boolean;
-    isValidEmail?: import("./emailValidation").EmailValidator;
-    loadOptions?: import("..").LoadOptions;
+    isValidEmail?: EmailValidator;
+    loadOptions?: LoadOptions;
     loadOptionsErrorMessage?: (value: {
         inputValue: string;
     }) => React.ReactNode;
-    loadUserSource?: import("../types").LoadUserSource;
+    loadUserSource?: LoadUserSource;
     maxOptions?: number;
     maxPickerHeight?: number;
     menuIsOpen?: boolean;
     menuMinWidth?: number;
     menuPortalTarget?: HTMLElement;
-    menuPosition?: "absolute" | "fixed";
+    menuPosition?: 'absolute' | 'fixed';
     menuShouldBlockScroll?: boolean;
     minHeight?: number | string;
     name?: string;
@@ -70,130 +74,130 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     noOptionsMessage?: ((value: {
         inputValue: string;
     }) => string | null | React.ReactNode) | null | React.ReactNode;
-    onBlur?: import("..").OnPicker;
-    onChange?: import("..").OnChange;
-    onClear?: import("..").OnPicker;
-    onClose?: import("..").OnPicker;
-    onFocus?: import("..").OnPicker;
-    onInputChange?: import("..").OnInputChange;
+    onBlur?: OnPicker;
+    onChange?: OnChange;
+    onClear?: OnPicker;
+    onClose?: OnPicker;
+    onFocus?: OnPicker;
+    onInputChange?: OnInputChange;
     onKeyDown?: (event: React.KeyboardEvent) => void;
-    onOpen?: import("..").OnPicker;
-    onSelection?: import("..").OnOption;
+    onOpen?: OnPicker;
+    onSelection?: OnOption;
     open?: boolean;
     openMenuOnClick?: boolean;
-    options?: import("..").OptionData[];
+    options?: OptionData[];
     placeholder?: React.ReactNode;
-    placeholderAvatar?: "person" | "team";
-    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData>;
+    placeholderAvatar?: 'person' | 'team';
+    popupSelectProps?: PopupSelectProps<OptionData>;
     required?: boolean;
     search?: string;
     setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
     setIsHeaderFocused?: React.Dispatch<React.SetStateAction<boolean>>;
     showClearIndicator?: boolean;
-    strategy?: "fixed" | "absolute";
-    styles?: import("@atlaskit/select").StylesConfig;
+    strategy?: 'fixed' | 'absolute';
+    styles?: StylesConfig;
     subtle?: boolean;
     suggestEmailsForDomain?: string;
     textFieldBackgroundColor?: boolean;
     UNSAFE_hasDraggableParentComponent?: boolean;
-    value?: import("..").Value;
+    value?: Value;
     width?: number | string;
 } & {
-    boundariesElement?: import("../types").BoundariesElement;
+    boundariesElement?: BoundariesElement;
     offset?: [number, number];
-    placement?: import("@popperjs/core").Placement;
+    placement?: Placement;
     popupTitle?: string;
-    rootBoundary?: import("../types").RootBoundary;
+    rootBoundary?: RootBoundary;
     shouldFlip?: boolean;
-    target: import("..").Target;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    placeholder?: React.ReactNode;
-    isDisabled?: boolean | undefined;
+    target: Target;
+}, keyof WithAnalyticsEventsProps>, never> & {
+    footer?: React.ReactNode;
+    header?: React.ReactNode;
+    search?: string | undefined;
+    appearance?: Appearance | undefined;
+    height?: number | string | undefined;
+    minHeight?: number | string | undefined;
+    width?: number | string | undefined;
     offset?: [number, number] | undefined;
-    onChange?: import("..").OnChange | undefined;
-    onInputChange?: import("..").OnInputChange | undefined;
-    value?: import("..").Value;
-    appearance?: import("..").Appearance | undefined;
-    autoFocus?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    closeMenuOnScroll?: (boolean | EventListener) | undefined;
-    components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean> | undefined;
-    inputId?: string | undefined;
-    isClearable?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isMulti?: boolean | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPosition?: "absolute" | "fixed" | undefined;
-    menuPortalTarget?: HTMLElement | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
+    shouldFlip?: boolean | undefined;
+    boundariesElement?: BoundariesElement | undefined;
+    placement?: Placement | undefined;
+    anchor?: React.ComponentType<any> | undefined;
+    onInputChange?: OnInputChange | undefined;
+    onSelection?: OnOption | undefined;
+    options?: OptionData[] | undefined;
+    required?: boolean | undefined;
     name?: string | undefined;
-    noOptionsMessage?: React.ReactNode | ((value: {
-        inputValue: string;
-    }) => string | null | React.ReactNode);
-    onBlur?: import("..").OnPicker | undefined;
-    onFocus?: import("..").OnPicker | undefined;
+    placeholder?: React.ReactNode;
+    value?: Value;
+    onChange?: OnChange | undefined;
+    defaultValue?: DefaultValue;
+    autoFocus?: boolean | undefined;
+    onFocus?: OnPicker | undefined;
+    onBlur?: OnPicker | undefined;
     onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: import("..").OptionData[] | undefined;
-    styles?: import("@atlaskit/select").StylesConfig | undefined;
-    required?: boolean | undefined;
-    search?: string | undefined;
-    anchor?: React.ComponentType<any> | undefined;
+    isDisabled?: boolean | undefined;
     addMoreMessage?: string | undefined;
     allowEmail?: boolean | undefined;
     ariaDescribedBy?: string | undefined;
     ariaLabel?: string | undefined;
     ariaLabelledBy?: string | undefined;
-    ariaLive?: "polite" | "off" | "assertive" | undefined;
+    ariaLive?: 'polite' | 'off' | 'assertive' | undefined;
+    captureMenuScroll?: boolean | undefined;
     clearValueLabel?: string | undefined;
-    defaultValue?: import("..").DefaultValue;
+    closeMenuOnScroll?: (boolean | EventListener) | undefined;
+    components?: SelectComponentsConfig<OptionData, boolean> | undefined;
     disableInput?: boolean | undefined;
     emailLabel?: string | undefined;
     fieldId?: string | null | undefined;
-    footer?: React.ReactNode;
-    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
-    groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[] | undefined;
-    header?: React.ReactNode;
-    height?: number | string | undefined;
+    forwardedRef?: React.ForwardedRef<UserPickerRef> | undefined;
+    groupByTypeOrder?: NonNullable<OptionData['type']>[] | undefined;
     includeTeamsUpdates?: boolean | undefined;
+    inputId?: string | undefined;
+    isClearable?: boolean | undefined;
     isFooterFocused?: boolean | undefined;
     isHeaderFocused?: boolean | undefined;
-    isValidEmail?: import("./emailValidation").EmailValidator | undefined;
-    loadOptions?: import("..").LoadOptions | undefined;
+    isInvalid?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isMulti?: boolean | undefined;
+    isValidEmail?: EmailValidator | undefined;
+    loadOptions?: LoadOptions | undefined;
     loadOptionsErrorMessage?: ((value: {
         inputValue: string;
     }) => React.ReactNode) | undefined;
-    loadUserSource?: import("../types").LoadUserSource | undefined;
+    loadUserSource?: LoadUserSource | undefined;
     maxOptions?: number | undefined;
     maxPickerHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
     menuMinWidth?: number | undefined;
-    minHeight?: number | string | undefined;
+    menuPortalTarget?: HTMLElement | undefined;
+    menuPosition?: 'absolute' | 'fixed' | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
     noBorder?: boolean | undefined;
-    onClear?: import("..").OnPicker | undefined;
-    onClose?: import("..").OnPicker | undefined;
-    onOpen?: import("..").OnPicker | undefined;
-    onSelection?: import("..").OnOption | undefined;
+    noOptionsMessage?: React.ReactNode | ((value: {
+        inputValue: string;
+    }) => string | null | React.ReactNode);
+    onClear?: OnPicker | undefined;
+    onClose?: OnPicker | undefined;
+    onOpen?: OnPicker | undefined;
     open?: boolean | undefined;
-    placeholderAvatar?: "person" | "team" | undefined;
-    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData> | undefined;
+    openMenuOnClick?: boolean | undefined;
+    placeholderAvatar?: 'person' | 'team' | undefined;
+    popupSelectProps?: PopupSelectProps<OptionData> | undefined;
     setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     setIsHeaderFocused?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     showClearIndicator?: boolean | undefined;
-    strategy?: "fixed" | "absolute" | undefined;
+    strategy?: 'fixed' | 'absolute' | undefined;
+    styles?: StylesConfig | undefined;
     subtle?: boolean | undefined;
     suggestEmailsForDomain?: string | undefined;
     textFieldBackgroundColor?: boolean | undefined;
     UNSAFE_hasDraggableParentComponent?: boolean | undefined;
-    width?: number | string | undefined;
-    target?: import("..").Target | undefined;
     popupTitle?: string | undefined;
-    placement?: import("@popperjs/core").Placement | undefined;
-    rootBoundary?: import("../types").RootBoundary | undefined;
-    boundariesElement?: import("../types").BoundariesElement | undefined;
-    shouldFlip?: boolean | undefined;
+    rootBoundary?: RootBoundary | undefined;
+    target?: Target | undefined;
 } & {
     ref?: React.Ref<any> | undefined;
-    createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
-}, "ref"> & React.RefAttributes<any>>;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
+}, 'ref'> & React.RefAttributes<any>>;
 export {};

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

@@ -31,6 +31,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
     groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[];
+    customGroupLabels?: Partial<Record<NonNullable<import("..").OptionData["type"]>, React.ReactNode>>;
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;
@@ -89,7 +90,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("..").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "customGroupLabels" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -169,6 +169,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    archivedLozenge: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     userTypeLabel: {
         id: string;
         defaultMessage: string;

package/dist/types/index.d.ts

@@ -5,4 +5,4 @@ export { PopupUserPicker } from './components/PopupUserPicker';
 export { SingleValue } from './components/SingleValue';
 export { isEmail, isExternalUser, isTeam, isUser, isGroup } from './components/utils';
 export { CustomType, EmailType, GroupType, TeamType, UserType, ExternalUserType, } from './types';
-export type { ActionTypes, Appearance, AtlasKitSelectChange, AtlaskitSelectValue, DefaultValue, InputActionTypes, LozengeProps, OnChange, OnInputChange, OnOption, OnPicker, Option, OptionData, OptionIdentifier, PopupUserPickerProps, Promisable, Target, UserPickerProps, UserPickerState, Value, Custom, Email, Group, GroupHighlight, HighlightRange, LoadOptions, Team, TeamMember, TeamHighlight, User, UserHighlight, ExternalUser, UserSource, } from './types';
+export type { ActionTypes, Appearance, AtlasKitSelectChange, AtlaskitSelectValue, DefaultValue, InputActionTypes, LozengeProps, OnChange, OnInputChange, OnOption, OnPicker, Option, OptionData, OptionIdentifier, PopupUserPickerProps, Promisable, Target, TeamState, UserPickerProps, UserPickerState, Value, Custom, Email, Group, GroupHighlight, HighlightRange, LoadOptions, Team, TeamMember, TeamHighlight, User, UserHighlight, ExternalUser, UserSource, } from './types';

package/dist/types/types.d.ts

@@ -66,6 +66,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     forwardedRef?: React.ForwardedRef<UserPickerRef>;
     /** group the options by type */
     groupByTypeOrder?: NonNullable<OptionData['type']>[];
+    /** Custom labels for grouped option types. Overrides default labels when groupByTypeOrder is used. */
+    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
     /** Header to be displayed in MenuList */
     header?: React.ReactNode;
     /** Sets the height of the user picker. If not set, the height settings will be based on the "compact" or "normal" appearance. */
@@ -320,6 +322,7 @@ export interface LozengeProps {
     tooltip?: string;
 }
 export declare const TeamType = "team";
+export type TeamState = 'ACTIVE' | 'DISBANDED' | 'PURGED';
 export interface TeamMember {
     id: string;
     name: string;
@@ -334,6 +337,7 @@ export interface Team extends OptionData {
     includeTeamsUpdates?: boolean;
     memberCount?: number;
     members?: TeamMember[];
+    state?: TeamState;
     teamTypeName?: string;
     type: 'team';
     verified?: boolean;

package/dist/types/util/group-options-by-type/index.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { OptionData, Option, GroupedOptions } from '../../types';
-export declare const groupOptionsByType: import("memoize-one").MemoizedFn<(options: Option[], groupByTypeOrder: NonNullable<OptionData["type"]>[]) => Option[] | GroupedOptions[]>;
+export declare const groupOptionsByType: import("memoize-one").MemoizedFn<(options: Option[], groupByTypeOrder: NonNullable<OptionData["type"]>[], customGroupLabels?: Partial<Record<NonNullable<OptionData["type"]>, React.ReactNode>>) => Option[] | GroupedOptions[]>;

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

@@ -1,4 +1,4 @@
-import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type UserPickerProps, type UserPickerState } from './types';
 export type UserPickerSession = {
     downCount: number;
@@ -9,7 +9,7 @@ export type UserPickerSession = {
     upCount: number;
 };
 export declare const startSession: () => UserPickerSession;
-export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
 export interface EventCreator {
     (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession): AnalyticsEventPayload;
     (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession, ...args: any[]): AnalyticsEventPayload;

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

@@ -3,9 +3,9 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
+import { jsx, type SerializedStyles } from '@emotion/react';
 import { type LozengeProps } from '../types';
-export declare const textWrapper: (color?: string) => import("@emotion/utils").SerializedStyles;
+export declare const textWrapper: (color?: string) => SerializedStyles;
 export type AvatarItemOptionProps = {
     avatar: ReactNode;
     isDisabled?: boolean;

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

@@ -62,6 +62,8 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
     componentDidUpdate(prevProps: UserPickerProps, prevState: UserPickerState): void;
     private handleKeyDown;
     handleClearIndicatorHover: (hoveringClearIndicator: boolean) => void;
+    private getOptionsOld;
+    private getOptionsNew;
     private getOptions;
     private getAppearance;
     get ariaProps(): Partial<AriaAttributes>;
@@ -90,6 +92,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<UserPickerRef>;
     groupByTypeOrder?: NonNullable<OptionData['type']>[];
+    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;
@@ -160,7 +163,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
+}, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'customGroupLabels' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     loadOptionsErrorMessage?: ((value: {

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

@@ -1,7 +1,9 @@
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import React from 'react';
+import type { ExternalUser } from '../../types';
 declare const AsyncExternalUserOption: React.LazyExoticComponent<React.ForwardRefExoticComponent<Omit<{
     isSelected: boolean;
     status?: string;
-    user: import("../..").ExternalUser;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
+    user: ExternalUser;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
 export default AsyncExternalUserOption;

package/dist/types-ts4.5/components/ExternalUserOption/main.d.ts

@@ -3,10 +3,11 @@
  * @jsx jsx
  */
 import React from 'react';
+import { type SerializedStyles } from '@emotion/react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type ExternalUser } from '../../types';
-export declare const imageContainer: import("@emotion/utils").SerializedStyles;
-export declare const emailDomainWrapper: import("@emotion/utils").SerializedStyles;
+export declare const imageContainer: SerializedStyles;
+export declare const emailDomainWrapper: SerializedStyles;
 export type ExternalUserOptionProps = WithAnalyticsEventsProps & {
     isSelected: boolean;
     status?: string;

package/dist/types-ts4.5/components/GroupOption/main.d.ts

@@ -3,9 +3,9 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
+import { jsx, type SerializedStyles } from '@emotion/react';
 import { type Group } from '../../types';
-export declare const groupOptionIconWrapper: import("@emotion/utils").SerializedStyles;
+export declare const groupOptionIconWrapper: SerializedStyles;
 export type GroupOptionProps = {
     group: Group;
     includeTeamsUpdates?: boolean;