@atlaskit/user-picker 11.4.2 → 11.5.0

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

@@ -21,82 +21,83 @@ export declare class PopupUserPickerWithoutAnalytics extends React.Component<Pop
 }
 export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<Omit<{
     fieldId: string | null;
-    options?: import("../types").OptionData[] | undefined;
-    width?: string | number | undefined;
-    menuMinWidth?: number | undefined;
-    maxPickerHeight?: number | undefined;
-    textFieldBackgroundColor?: boolean | undefined;
-    loadOptions?: import("../types").LoadOptions | undefined;
-    loadOptionsErrorMessage?: ((value: {
+    options?: import("../types").OptionData[];
+    width?: number | string;
+    height?: number | string;
+    menuMinWidth?: number;
+    maxPickerHeight?: number;
+    textFieldBackgroundColor?: boolean;
+    loadOptions?: import("../types").LoadOptions;
+    loadOptionsErrorMessage?: (value: {
         inputValue: string;
-    }) => React.ReactNode) | undefined;
-    loadUserSource?: import("../types").LoadUserSource | undefined;
-    onChange?: import("../types").OnChange | undefined;
-    isMulti?: boolean | undefined;
-    search?: string | undefined;
-    anchor?: React.ComponentType<any> | undefined;
-    open?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    onInputChange?: import("../types").OnInputChange | undefined;
-    onSelection?: import("../types").OnOption | undefined;
-    onFocus?: import("../types").OnPicker | undefined;
-    onBlur?: import("../types").OnPicker | undefined;
-    onClear?: import("../types").OnPicker | undefined;
-    onOpen?: import("../types").OnPicker | undefined;
-    onClose?: import("../types").OnPicker | undefined;
-    onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    appearance?: import("../types").Appearance | undefined;
-    subtle?: boolean | undefined;
-    noBorder?: boolean | undefined;
-    styles?: import("@atlaskit/select").StylesConfig | undefined;
-    components?: Partial<import("packages/design-system/react-select/dist/types/components").SelectComponents<import("../types").OptionData, boolean, import("@atlaskit/select").GroupType<import("../types").OptionData>>> | undefined;
+    }) => React.ReactNode;
+    loadUserSource?: import("../types").LoadUserSource;
+    onChange?: import("../types").OnChange;
+    isMulti?: boolean;
+    search?: string;
+    anchor?: React.ComponentType<any>;
+    open?: boolean;
+    isLoading?: boolean;
+    onInputChange?: import("../types").OnInputChange;
+    onSelection?: import("../types").OnOption;
+    onFocus?: import("../types").OnPicker;
+    onBlur?: import("../types").OnPicker;
+    onClear?: import("../types").OnPicker;
+    onOpen?: import("../types").OnPicker;
+    onClose?: import("../types").OnPicker;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    appearance?: import("../types").Appearance;
+    subtle?: boolean;
+    noBorder?: boolean;
+    styles?: import("@atlaskit/select").StylesConfig;
+    components?: import("@atlaskit/select").SelectComponentsConfig<import("../types").OptionData, boolean>;
     defaultValue?: import("../types").DefaultValue;
     placeholder?: React.ReactNode;
-    placeholderAvatar?: "team" | "person" | undefined;
-    addMoreMessage?: string | undefined;
-    noOptionsMessage?: React.ReactNode | ((value: {
+    placeholderAvatar?: "person" | "team";
+    addMoreMessage?: string;
+    noOptionsMessage?: ((value: {
         inputValue: string;
-    }) => React.ReactNode);
+    }) => string | null | React.ReactNode) | null | React.ReactNode;
     footer?: React.ReactNode;
     value?: import("../types").Value;
-    isDisabled?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isClearable?: boolean | undefined;
-    clearValueLabel?: string | undefined;
-    menuPosition?: "fixed" | "absolute" | undefined;
-    captureMenuScroll?: boolean | undefined;
-    menuPortalTarget?: HTMLElement | undefined;
-    allowEmail?: boolean | undefined;
-    suggestEmailsForDomain?: string | undefined;
-    emailLabel?: string | undefined;
-    disableInput?: boolean | undefined;
-    isValidEmail?: import("./emailValidation").EmailValidator | undefined;
-    autoFocus?: boolean | undefined;
-    maxOptions?: number | undefined;
-    inputId?: string | undefined;
-    closeMenuOnScroll?: boolean | EventListener | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    ariaLabel?: string | undefined;
-    ariaLabelledBy?: string | undefined;
-    ariaDescribedBy?: string | undefined;
-    ariaLive?: "polite" | "off" | "assertive" | undefined;
-    name?: string | undefined;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isClearable?: boolean;
+    clearValueLabel?: string;
+    menuPosition?: "absolute" | "fixed";
+    captureMenuScroll?: boolean;
+    menuPortalTarget?: HTMLElement;
+    allowEmail?: boolean;
+    suggestEmailsForDomain?: string;
+    emailLabel?: string;
+    disableInput?: boolean;
+    isValidEmail?: import("./emailValidation").EmailValidator;
+    autoFocus?: boolean;
+    maxOptions?: number;
+    inputId?: string;
+    closeMenuOnScroll?: boolean | EventListener;
+    menuShouldBlockScroll?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    ariaLive?: "polite" | "off" | "assertive";
+    name?: string;
     header?: React.ReactNode;
-    required?: boolean | undefined;
-    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    strategy?: "fixed" | "absolute" | undefined;
-    showClearIndicator?: boolean | undefined;
-    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
-    groupByTypeOrder?: NonNullable<"user" | "team" | "email" | "group" | "custom" | "external_user" | undefined>[] | undefined;
+    required?: boolean;
+    UNSAFE_hasDraggableParentComponent?: boolean;
+    openMenuOnClick?: boolean;
+    strategy?: "fixed" | "absolute";
+    showClearIndicator?: boolean;
+    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
+    groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[];
 } & {
     target: import("../types").Target;
-    popupTitle?: string | undefined;
-    boundariesElement?: import("../types").BoundariesElement | undefined;
-    offset?: [number, number] | undefined;
-    placement?: import("@popperjs/core").Placement | undefined;
-    rootBoundary?: import("../types").RootBoundary | undefined;
-    shouldFlip?: boolean | undefined;
+    popupTitle?: string;
+    boundariesElement?: import("../types").BoundariesElement;
+    offset?: [number, number];
+    placement?: import("@popperjs/core").Placement;
+    rootBoundary?: import("../types").RootBoundary;
+    shouldFlip?: boolean;
 }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
     options?: import("../types").OptionData[] | undefined;
     search?: string | undefined;
@@ -105,25 +106,25 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     offset?: [number, number] | undefined;
     autoFocus?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
-    closeMenuOnScroll?: boolean | EventListener | undefined;
-    components?: Partial<import("packages/design-system/react-select/dist/types/components").SelectComponents<import("../types").OptionData, boolean, import("@atlaskit/select").GroupType<import("../types").OptionData>>> | undefined;
+    closeMenuOnScroll?: (boolean | EventListener) | undefined;
+    components?: import("@atlaskit/select").SelectComponentsConfig<import("../types").OptionData, boolean> | undefined;
     inputId?: string | undefined;
     isClearable?: boolean | undefined;
     isInvalid?: boolean | undefined;
     isLoading?: boolean | undefined;
     isMulti?: boolean | undefined;
-    menuPosition?: "fixed" | "absolute" | undefined;
+    menuPosition?: "absolute" | "fixed" | undefined;
     menuPortalTarget?: HTMLElement | undefined;
     menuShouldBlockScroll?: boolean | undefined;
     name?: string | undefined;
     noOptionsMessage?: React.ReactNode | ((value: {
         inputValue: string;
-    }) => React.ReactNode);
+    }) => string | null | React.ReactNode);
     onBlur?: import("../types").OnPicker | undefined;
     onChange?: import("../types").OnChange | undefined;
     onFocus?: import("../types").OnPicker | undefined;
     onInputChange?: import("../types").OnInputChange | undefined;
-    onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
+    onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
     openMenuOnClick?: boolean | undefined;
     styles?: import("@atlaskit/select").StylesConfig | undefined;
     value?: import("../types").Value;
@@ -134,7 +135,8 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     defaultValue?: import("../types").DefaultValue;
     anchor?: React.ComponentType<any> | undefined;
     fieldId?: string | null | undefined;
-    width?: string | number | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
     menuMinWidth?: number | undefined;
     maxPickerHeight?: number | undefined;
     textFieldBackgroundColor?: boolean | undefined;
@@ -150,7 +152,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     onClose?: import("../types").OnPicker | undefined;
     subtle?: boolean | undefined;
     noBorder?: boolean | undefined;
-    placeholderAvatar?: "team" | "person" | undefined;
+    placeholderAvatar?: "person" | "team" | undefined;
     addMoreMessage?: string | undefined;
     clearValueLabel?: string | undefined;
     allowEmail?: boolean | undefined;
@@ -168,7 +170,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     strategy?: "fixed" | "absolute" | undefined;
     showClearIndicator?: boolean | undefined;
     forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
-    groupByTypeOrder?: NonNullable<"user" | "team" | "email" | "group" | "custom" | "external_user" | undefined>[] | undefined;
+    groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[] | undefined;
     popupTitle?: string | undefined;
     placement?: import("@popperjs/core").Placement | undefined;
     rootBoundary?: import("../types").RootBoundary | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type Option } from '../types';
 import { type SingleValueProps } from '@atlaskit/select';
 export type Props = SingleValueProps<Option>;

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

@@ -12,75 +12,76 @@ export declare class UserPickerWithoutAnalytics extends React.Component<UserPick
 }
 export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     fieldId: string | null;
-    options?: import("../types").OptionData[] | undefined;
-    width?: string | number | undefined;
-    menuMinWidth?: number | undefined;
-    maxPickerHeight?: number | undefined;
-    textFieldBackgroundColor?: boolean | undefined;
-    loadOptions?: import("../types").LoadOptions | undefined;
-    loadOptionsErrorMessage?: ((value: {
+    options?: import("../types").OptionData[];
+    width?: number | string;
+    height?: number | string;
+    menuMinWidth?: number;
+    maxPickerHeight?: number;
+    textFieldBackgroundColor?: boolean;
+    loadOptions?: import("../types").LoadOptions;
+    loadOptionsErrorMessage?: (value: {
         inputValue: string;
-    }) => React.ReactNode) | undefined;
-    loadUserSource?: import("../types").LoadUserSource | undefined;
-    onChange?: import("../types").OnChange | undefined;
-    isMulti?: boolean | undefined;
-    search?: string | undefined;
-    anchor?: React.ComponentType<any> | undefined;
-    open?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    onInputChange?: import("../types").OnInputChange | undefined;
-    onSelection?: import("../types").OnOption | undefined;
-    onFocus?: import("../types").OnPicker | undefined;
-    onBlur?: import("../types").OnPicker | undefined;
-    onClear?: import("../types").OnPicker | undefined;
-    onOpen?: import("../types").OnPicker | undefined;
-    onClose?: import("../types").OnPicker | undefined;
-    onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    appearance?: import("../types").Appearance | undefined;
-    subtle?: boolean | undefined;
-    noBorder?: boolean | undefined;
-    styles?: import("@atlaskit/select").StylesConfig | undefined;
-    components?: Partial<import("packages/design-system/react-select/dist/types/components").SelectComponents<import("../types").OptionData, boolean, import("@atlaskit/select").GroupType<import("../types").OptionData>>> | undefined;
+    }) => React.ReactNode;
+    loadUserSource?: import("../types").LoadUserSource;
+    onChange?: import("../types").OnChange;
+    isMulti?: boolean;
+    search?: string;
+    anchor?: React.ComponentType<any>;
+    open?: boolean;
+    isLoading?: boolean;
+    onInputChange?: import("../types").OnInputChange;
+    onSelection?: import("../types").OnOption;
+    onFocus?: import("../types").OnPicker;
+    onBlur?: import("../types").OnPicker;
+    onClear?: import("../types").OnPicker;
+    onOpen?: import("../types").OnPicker;
+    onClose?: import("../types").OnPicker;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    appearance?: import("../types").Appearance;
+    subtle?: boolean;
+    noBorder?: boolean;
+    styles?: import("@atlaskit/select").StylesConfig;
+    components?: import("@atlaskit/select").SelectComponentsConfig<import("../types").OptionData, boolean>;
     defaultValue?: import("../types").DefaultValue;
     placeholder?: React.ReactNode;
-    placeholderAvatar?: "team" | "person" | undefined;
-    addMoreMessage?: string | undefined;
-    noOptionsMessage?: React.ReactNode | ((value: {
+    placeholderAvatar?: "person" | "team";
+    addMoreMessage?: string;
+    noOptionsMessage?: ((value: {
         inputValue: string;
-    }) => React.ReactNode);
+    }) => string | null | React.ReactNode) | null | React.ReactNode;
     footer?: React.ReactNode;
     value?: import("../types").Value;
-    isDisabled?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isClearable?: boolean | undefined;
-    clearValueLabel?: string | undefined;
-    menuPosition?: "fixed" | "absolute" | undefined;
-    captureMenuScroll?: boolean | undefined;
-    menuPortalTarget?: HTMLElement | undefined;
-    allowEmail?: boolean | undefined;
-    suggestEmailsForDomain?: string | undefined;
-    emailLabel?: string | undefined;
-    disableInput?: boolean | undefined;
-    isValidEmail?: import("./emailValidation").EmailValidator | undefined;
-    autoFocus?: boolean | undefined;
-    maxOptions?: number | undefined;
-    inputId?: string | undefined;
-    closeMenuOnScroll?: boolean | EventListener | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    ariaLabel?: string | undefined;
-    ariaLabelledBy?: string | undefined;
-    ariaDescribedBy?: string | undefined;
-    ariaLive?: "polite" | "off" | "assertive" | undefined;
-    name?: string | undefined;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isClearable?: boolean;
+    clearValueLabel?: string;
+    menuPosition?: "absolute" | "fixed";
+    captureMenuScroll?: boolean;
+    menuPortalTarget?: HTMLElement;
+    allowEmail?: boolean;
+    suggestEmailsForDomain?: string;
+    emailLabel?: string;
+    disableInput?: boolean;
+    isValidEmail?: import("./emailValidation").EmailValidator;
+    autoFocus?: boolean;
+    maxOptions?: number;
+    inputId?: string;
+    closeMenuOnScroll?: boolean | EventListener;
+    menuShouldBlockScroll?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    ariaLive?: "polite" | "off" | "assertive";
+    name?: string;
     header?: React.ReactNode;
-    required?: boolean | undefined;
-    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    strategy?: "fixed" | "absolute" | undefined;
-    showClearIndicator?: boolean | undefined;
-    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
-    groupByTypeOrder?: NonNullable<"user" | "team" | "email" | "group" | "custom" | "external_user" | undefined>[] | undefined;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "anchor" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaDescribedBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "strategy" | "showClearIndicator" | "forwardedRef" | "groupByTypeOrder"> & {
+    required?: boolean;
+    UNSAFE_hasDraggableParentComponent?: boolean;
+    openMenuOnClick?: boolean;
+    strategy?: "fixed" | "absolute";
+    showClearIndicator?: boolean;
+    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
+    groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[];
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "anchor" | "fieldId" | "height" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaDescribedBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "strategy" | "showClearIndicator" | "forwardedRef" | "groupByTypeOrder"> & {
     isMulti?: boolean | undefined;
-    width?: string | number | undefined;
+    width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ClearIndicator } from './ClearIndicator';
 import { MultiValue } from './MultiValue';
 import { MultiValueContainer } from './MultiValueContainer';
@@ -19,77 +18,7 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
     Option: import("react").FC<import("./Option").OptionProps> | import("react").ComponentType<import("packages/design-system/react-select/dist/types").OptionProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
     Group?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
     ClearIndicator: typeof ClearIndicator | import("react").ComponentType<import("@atlaskit/select").ClearIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
-    Control: ((props: import("@atlaskit/select").ControlProps<any> & import("@atlaskit/analytics-next").WithAnalyticsEventsProps & {
-        fieldId: string | null;
-        options?: OptionData[] | undefined;
-        width?: string | number | undefined;
-        menuMinWidth?: number | undefined;
-        maxPickerHeight?: number | undefined;
-        textFieldBackgroundColor?: boolean | undefined;
-        loadOptions?: import("../types").LoadOptions | undefined;
-        loadOptionsErrorMessage?: ((value: {
-            inputValue: string;
-        }) => import("react").ReactNode) | undefined;
-        loadUserSource?: import("../types").LoadUserSource | undefined;
-        onChange?: import("../types").OnChange | undefined;
-        isMulti?: boolean | undefined;
-        search?: string | undefined;
-        anchor?: import("react").ComponentType<any> | undefined;
-        open?: boolean | undefined;
-        isLoading?: boolean | undefined;
-        onInputChange?: import("../types").OnInputChange | undefined;
-        onSelection?: import("../types").OnOption | undefined;
-        onFocus?: import("../types").OnPicker | undefined;
-        onBlur?: import("../types").OnPicker | undefined;
-        onClear?: import("../types").OnPicker | undefined;
-        onOpen?: import("../types").OnPicker | undefined;
-        onClose?: import("../types").OnPicker | undefined;
-        onKeyDown?: ((event: import("react").KeyboardEvent<Element>) => void) | undefined;
-        appearance?: import("../types").Appearance | undefined;
-        subtle?: boolean | undefined;
-        noBorder?: boolean | undefined;
-        styles?: import("@atlaskit/select").StylesConfig | undefined;
-        components?: Partial<import("packages/design-system/react-select/dist/types/components").SelectComponents<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
-        defaultValue?: import("../types").DefaultValue;
-        placeholder?: import("react").ReactNode;
-        placeholderAvatar?: "team" | "person" | undefined;
-        addMoreMessage?: string | undefined;
-        noOptionsMessage?: import("react").ReactNode | ((value: {
-            inputValue: string;
-        }) => import("react").ReactNode);
-        footer?: import("react").ReactNode;
-        value?: import("../types").Value;
-        isDisabled?: boolean | undefined;
-        isInvalid?: boolean | undefined;
-        isClearable?: boolean | undefined;
-        clearValueLabel?: string | undefined;
-        menuPosition?: "fixed" | "absolute" | undefined;
-        captureMenuScroll?: boolean | undefined;
-        menuPortalTarget?: HTMLElement | undefined;
-        allowEmail?: boolean | undefined;
-        suggestEmailsForDomain?: string | undefined;
-        emailLabel?: string | undefined;
-        disableInput?: boolean | undefined;
-        isValidEmail?: import("./emailValidation").EmailValidator | undefined;
-        autoFocus?: boolean | undefined;
-        maxOptions?: number | undefined;
-        inputId?: string | undefined;
-        closeMenuOnScroll?: boolean | EventListener | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        ariaLabel?: string | undefined;
-        ariaLabelledBy?: string | undefined;
-        ariaDescribedBy?: string | undefined;
-        ariaLive?: "polite" | "off" | "assertive" | undefined;
-        name?: string | undefined;
-        header?: import("react").ReactNode;
-        required?: boolean | undefined;
-        UNSAFE_hasDraggableParentComponent?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        strategy?: "fixed" | "absolute" | undefined;
-        showClearIndicator?: boolean | undefined;
-        forwardedRef?: import("react").ForwardedRef<import("../types").UserPickerRef> | undefined;
-        groupByTypeOrder?: NonNullable<"user" | "team" | "email" | "group" | "custom" | "external_user" | undefined>[] | undefined;
-    }) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    Control: ((props: import("@atlaskit/select").ControlProps<any> & import("../types").UserPickerProps) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
     DropdownIndicator: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
     GroupHeading?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupHeadingProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
     IndicatorsContainer?: import("react").ComponentType<import("@atlaskit/select").IndicatorsContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;

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

@@ -3,9 +3,9 @@ import { type EmailValidator } from './emailValidation';
 declare function creatableProps(isValidEmail?: EmailValidator): {
     allowCreateWhileLoading: boolean;
     createOptionPosition: string;
-    isValidNewOption: (inputValue?: string | undefined) => boolean | "" | undefined;
+    isValidNewOption: (inputValue?: string) => boolean | "" | undefined;
     getNewOptionData: (inputValue: string) => Option;
-    formatCreateLabel: (inputText?: string | undefined) => string;
+    formatCreateLabel: (inputText?: string) => string;
     isOptionDisabled: (option: Option) => boolean;
 };
 export declare const getCreatableProps: typeof creatableProps;

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

@@ -1,6 +1,6 @@
 import { type Placement } from '@atlaskit/popper';
 import { type Target, type BoundariesElement, type RootBoundary } from '../types';
-export declare const getPopupProps: import("memoize-one").MemoizedFn<(width: string | number, target: Target, onFlip: (data: any) => any, boundariesElement?: BoundariesElement, offset?: number[], placement?: Placement, rootBoundary?: RootBoundary, shouldFlip?: boolean, popupTitle?: string, strategy?: 'fixed' | 'absolute') => {
+export declare const getPopupProps: import("memoize-one").MemoizedFn<(width: string | number, target: Target, onFlip: (data: any) => any, boundariesElement?: BoundariesElement, offset?: number[], placement?: Placement, rootBoundary?: RootBoundary, shouldFlip?: boolean, popupTitle?: string, strategy?: "fixed" | "absolute") => {
     searchThreshold: number;
     controlShouldRenderValue: boolean;
     minMenuWidth: string | number;

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

@@ -2,5 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
 export declare const BORDER_PADDING: "var(--ds-space-075)";
 export declare const AVATAR_PADDING = 6;
 export declare const INDICATOR_WIDTH = 39;
-export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isInvalid?: boolean, isVisualRefresh?: boolean, isPopupStyles?: boolean) => StylesConfig>;
+export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isInvalid?: boolean, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
 export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean) => StylesConfig>;

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

@@ -18,8 +18,8 @@ export interface OptionToSelectableOptions {
     (defaultValue?: DefaultValue): Option | Option[] | null | undefined;
 }
 export declare const optionToSelectableOptions: OptionToSelectableOptions;
-export declare const getAvatarSize: (appearance: string) => 'xsmall' | 'small' | 'medium';
-export declare const isChildInput: (child: ReactChild) => child is ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const getAvatarSize: (appearance: string) => "xsmall" | "small" | "medium";
+export declare const isChildInput: (child: ReactChild) => child is ReactElement<any>;
 export declare const isSingleValue: (value?: AtlaskitSelectValue) => value is Option;
 export declare const hasValue: (value?: string) => value is string;
 export declare const callCallback: <U extends any[], R>(callback: ((...U: U) => R) | undefined, ...args: U) => R | undefined;

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

@@ -5,6 +5,7 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'fabric.elements.user-picker.custom.type.label': string;
     'fabric.elements.user-picker.email.add': string;
     'fabric.elements.user-picker.email.add.potential': string;
     'fabric.elements.user-picker.email.select.to.add': string;

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

@@ -5,6 +5,7 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'fabric.elements.user-picker.custom.type.label': string;
     'fabric.elements.user-picker.email.add': string;
     'fabric.elements.user-picker.email.add.potential': string;
     'fabric.elements.user-picker.email.select.to.add': string;

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

@@ -5,21 +5,26 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'fabric.elements.user-picker.custom.type.label': string;
     'fabric.elements.user-picker.email.add': string;
     'fabric.elements.user-picker.email.add.potential': string;
     'fabric.elements.user-picker.email.select.to.add': string;
+    'fabric.elements.user-picker.email.type.label': string;
     'fabric.elements.user-picker.error.message': string;
     'fabric.elements.user-picker.external.sourced.error': string;
     'fabric.elements.user-picker.external.sourced.from': string;
+    'fabric.elements.user-picker.external.user.type.label': string;
     'fabric.elements.user-picker.github.provider': string;
     'fabric.elements.user-picker.google.provider': string;
     'fabric.elements.user-picker.group.byline': string;
+    'fabric.elements.user-picker.group.type.label': string;
     'fabric.elements.user-picker.guest.lozenge.text': string;
     'fabric.elements.user-picker.guest.lozenge.tooltip.group': string;
     'fabric.elements.user-picker.guest.lozenge.tooltip.user': string;
     'fabric.elements.user-picker.member.lozenge.text': string;
     'fabric.elements.user-picker.microsoft.provider': string;
     'fabric.elements.user-picker.multi.remove-item': string;
+    'fabric.elements.user-picker.other.type.label': string;
     'fabric.elements.user-picker.placeholder': string;
     'fabric.elements.user-picker.placeholder.add-more': string;
     'fabric.elements.user-picker.single.clear': string;
@@ -31,5 +36,7 @@ declare const _default: {
     'fabric.elements.user-picker.team.member.50plus.including.you': string;
     'fabric.elements.user-picker.team.member.count': string;
     'fabric.elements.user-picker.team.member.count.including.you': string;
+    'fabric.elements.user-picker.team.type.label': string;
+    'fabric.elements.user-picker.user.type.label': string;
 };
 export default _default;

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

@@ -5,6 +5,7 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'fabric.elements.user-picker.custom.type.label': string;
     'fabric.elements.user-picker.email.add': string;
     'fabric.elements.user-picker.email.add.potential': string;
     'fabric.elements.user-picker.email.select.to.add': string;

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

@@ -5,6 +5,7 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'fabric.elements.user-picker.custom.type.label': string;
     'fabric.elements.user-picker.email.add': string;
     'fabric.elements.user-picker.email.add.potential': string;
     'fabric.elements.user-picker.email.select.to.add': string;

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

@@ -5,6 +5,7 @@
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 declare const _default: {
+    'fabric.elements.user-picker.custom.type.label': string;
     'fabric.elements.user-picker.email.add': string;
     'fabric.elements.user-picker.email.add.potential': string;
     'fabric.elements.user-picker.email.select.to.add': string;

package/dist/types/types.d.ts

@@ -29,6 +29,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     options?: OptionData[];
     /** Width of the user picker field. It can be the amount of pixels as numbers or a string with the percentage. */
     width?: number | string;
+    /** Sets the height of the user picker. If not set, the height settings will be based on the "compact" or "normal" appearance. */
+    height?: number | string;
     /** Sets the minimum width for the menu. If not set, menu will always have the same width of the field. */
     menuMinWidth?: number;
     /** Sets max height of the user picker. If not set, the height will grow based on number of picked users. */
@@ -330,6 +332,7 @@ export declare const CustomType = "custom";
 export interface Email extends OptionData {
     type: 'email';
     suggestion?: boolean;
+    isPendingAction?: boolean;
 }
 export type ActionTypes = 'select-option' | 'deselect-option' | 'remove-value' | 'pop-value' | 'set-value' | 'clear' | 'create-option';
 export type OnChange = (value: Value, action: ActionTypes) => void;

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

@@ -1,2 +1,2 @@
 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"]>[]) => Option[] | GroupedOptions[]>;

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

@@ -2,5 +2,6 @@ import React from 'react';
 export type AddOptionAvatarProps = {
     label?: string;
     isLozenge?: boolean;
+    isPendingAction?: boolean;
 };
 export declare const AddOptionAvatar: React.FunctionComponent<AddOptionAvatarProps>;