@atlaskit/user-picker 10.25.0 → 10.26.1

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UserPickerProps, UserPickerState } from '../types';
+import type { Appearance, OptionData, UserPickerProps, UserPickerState } from '../types';
 export type BaseUserPickerProps = UserPickerProps & {
     SelectComponent: React.ComponentType<any>;
     pickerProps?: any;
@@ -64,7 +64,161 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
     private handleClickDraggableParentComponent;
     render(): JSX.Element;
 }
-export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "openMenuOnClick" | "textFieldBackgroundColor" | "loadOptionsErrorMessage" | "subtle" | "noBorder">> & Partial<Pick<{
+export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
+    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;
+    }) => 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?: Appearance | undefined;
+    subtle?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    styles?: import("@atlaskit/select").StylesConfig | undefined;
+    defaultValue?: import("../types").DefaultValue;
+    placeholder?: React.ReactNode;
+    placeholderAvatar?: "team" | "person" | undefined;
+    addMoreMessage?: string | undefined;
+    noOptionsMessage?: React.ReactNode | ((value: {
+        inputValue: string;
+    }) => React.ReactNode);
+    footer?: React.ReactNode;
+    value?: import("../types").Value;
+    isDisabled?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    clearValueLabel?: string | undefined;
+    menuPosition?: "absolute" | "fixed" | 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;
+    ariaLive?: "polite" | "off" | "assertive" | undefined;
+    name?: string | undefined;
+    header?: React.ReactNode;
+    required?: boolean | undefined;
+    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+} & {
+    SelectComponent: React.ComponentType<any>;
+    pickerProps?: any;
+    styles: any;
+    components: any;
+    width: string | number;
+    name?: string | undefined;
+    /**
+     * @deprecated This is a temporary prop to enable user-pickers to work in Draggable elements in react-beautiful-dnd.
+     * See https://product-fabric.atlassian.net/browse/DSP-15701 for more details.
+     * It may be removed in a future minor or patch when a longer-term workaround is found.
+     */
+    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<{
+    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;
+    }) => 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?: Appearance | undefined;
+    subtle?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    styles?: import("@atlaskit/select").StylesConfig | undefined;
+    defaultValue?: import("../types").DefaultValue;
+    placeholder?: React.ReactNode;
+    placeholderAvatar?: "team" | "person" | undefined;
+    addMoreMessage?: string | undefined;
+    noOptionsMessage?: React.ReactNode | ((value: {
+        inputValue: string;
+    }) => React.ReactNode);
+    footer?: React.ReactNode;
+    value?: import("../types").Value;
+    isDisabled?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    clearValueLabel?: string | undefined;
+    menuPosition?: "absolute" | "fixed" | 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;
+    ariaLive?: "polite" | "off" | "assertive" | undefined;
+    name?: string | undefined;
+    header?: React.ReactNode;
+    required?: boolean | undefined;
+    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+} & {
+    SelectComponent: React.ComponentType<any>;
+    pickerProps?: any;
+    styles: any;
+    components: any;
+    width: string | number;
+    name?: string | undefined;
+    /**
+     * @deprecated This is a temporary prop to enable user-pickers to work in Draggable elements in react-beautiful-dnd.
+     * See https://product-fabric.atlassian.net/browse/DSP-15701 for more details.
+     * It may be removed in a future minor or patch when a longer-term workaround is found.
+     */
+    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "openMenuOnClick" | "textFieldBackgroundColor" | "loadOptionsErrorMessage" | "subtle" | "noBorder">> & Partial<Pick<{
     isMulti: boolean;
     subtle: boolean;
     noBorder: boolean;

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

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

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

@@ -12,4 +12,8 @@ export type ExternalUserOptionProps = WithAnalyticsEventsProps & {
     status?: string;
     isSelected: boolean;
 };
-export declare const ExternalUserOption: React.ForwardRefExoticComponent<Omit<ExternalUserOptionProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+export declare const ExternalUserOption: React.ForwardRefExoticComponent<Omit<{
+    user: ExternalUser;
+    status?: string | undefined;
+    isSelected: boolean;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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

@@ -24,6 +24,7 @@ export declare class MultiValue extends React.Component<Props> {
     componentDidUpdate(): void;
     shouldComponentUpdate(nextProps: Props): boolean;
     getElemBefore: () => jsx.JSX.Element;
+    getElemAfter: () => jsx.JSX.Element | null;
     render(): jsx.JSX.Element;
 }
 export {};

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

@@ -19,5 +19,155 @@ export declare class PopupUserPickerWithoutAnalytics extends React.Component<Pop
     };
     render(): JSX.Element;
 }
-export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip">> & Partial<Pick<Partial<PopupUserPickerProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip"> & React.RefAttributes<any>>;
+export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<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: {
+        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;
+    defaultValue?: import("../types").DefaultValue;
+    placeholder?: React.ReactNode;
+    placeholderAvatar?: "team" | "person" | undefined;
+    addMoreMessage?: string | undefined;
+    noOptionsMessage?: React.ReactNode | ((value: {
+        inputValue: string;
+    }) => React.ReactNode);
+    footer?: React.ReactNode;
+    value?: import("../types").Value;
+    isDisabled?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    clearValueLabel?: string | undefined;
+    menuPosition?: "absolute" | "fixed" | 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;
+    ariaLive?: "polite" | "off" | "assertive" | undefined;
+    name?: string | undefined;
+    header?: React.ReactNode;
+    required?: boolean | undefined;
+    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+} & {
+    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;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<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: {
+        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;
+    defaultValue?: import("../types").DefaultValue;
+    placeholder?: React.ReactNode;
+    placeholderAvatar?: "team" | "person" | undefined;
+    addMoreMessage?: string | undefined;
+    noOptionsMessage?: React.ReactNode | ((value: {
+        inputValue: string;
+    }) => React.ReactNode);
+    footer?: React.ReactNode;
+    value?: import("../types").Value;
+    isDisabled?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    clearValueLabel?: string | undefined;
+    menuPosition?: "absolute" | "fixed" | 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;
+    ariaLive?: "polite" | "off" | "assertive" | undefined;
+    name?: string | undefined;
+    header?: React.ReactNode;
+    required?: boolean | undefined;
+    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+} & {
+    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;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip">> & Partial<Pick<Partial<PopupUserPickerProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip"> & React.RefAttributes<any>>;
 export {};

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

@@ -10,7 +10,135 @@ export declare class UserPickerWithoutAnalytics extends React.Component<UserPick
     componentDidMount(): void;
     render(): JSX.Element;
 }
-export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & Partial<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
+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: {
+        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;
+    defaultValue?: import("../types").DefaultValue;
+    placeholder?: React.ReactNode;
+    placeholderAvatar?: "team" | "person" | undefined;
+    addMoreMessage?: string | undefined;
+    noOptionsMessage?: React.ReactNode | ((value: {
+        inputValue: string;
+    }) => React.ReactNode);
+    footer?: React.ReactNode;
+    value?: import("../types").Value;
+    isDisabled?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    clearValueLabel?: string | undefined;
+    menuPosition?: "absolute" | "fixed" | 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;
+    ariaLive?: "polite" | "off" | "assertive" | undefined;
+    name?: string | undefined;
+    header?: React.ReactNode;
+    required?: boolean | undefined;
+    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & Partial<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: {
+        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;
+    defaultValue?: import("../types").DefaultValue;
+    placeholder?: React.ReactNode;
+    placeholderAvatar?: "team" | "person" | undefined;
+    addMoreMessage?: string | undefined;
+    noOptionsMessage?: React.ReactNode | ((value: {
+        inputValue: string;
+    }) => React.ReactNode);
+    footer?: React.ReactNode;
+    value?: import("../types").Value;
+    isDisabled?: boolean | undefined;
+    isInvalid?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    clearValueLabel?: string | undefined;
+    menuPosition?: "absolute" | "fixed" | 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;
+    ariaLive?: "polite" | "off" | "assertive" | undefined;
+    name?: string | undefined;
+    header?: React.ReactNode;
+    required?: boolean | undefined;
+    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
     width: number;
     isMulti: boolean;
 }, never>> & React.RefAttributes<any>>;

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

@@ -293,6 +293,7 @@ export interface Team extends OptionData {
     highlight?: TeamHighlight;
     type: 'team';
     byline?: string;
+    verified?: boolean;
 }
 export declare const GroupType = "group";
 export interface Group extends OptionData {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "10.25.0",
+	"version": "10.26.1",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,15 +48,17 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/avatar": "^21.15.0",
-		"@atlaskit/icon": "^22.21.0",
+		"@atlaskit/icon": "^22.22.0",
 		"@atlaskit/logo": "^14.3.0",
 		"@atlaskit/lozenge": "^11.11.0",
+		"@atlaskit/people-teams-ui-public": "^1.1.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/primitives": "^12.2.0",
-		"@atlaskit/select": "^18.0.0",
+		"@atlaskit/select": "^18.1.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/teams-avatar": "^1.1.0",
-		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
@@ -76,6 +78,7 @@
 		"@atlaskit/elements-test-helpers": "^0.7.0",
 		"@atlaskit/heading": "^2.4.0",
 		"@atlaskit/visual-regression": "*",
+		"@atlassian/feature-flags-test-utils": "^0.2.0",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
@@ -100,5 +103,10 @@
 	"keywords": [
 		"fabric",
 		"ui"
-	]
+	],
+	"platform-feature-flags": {
+		"verified-team-in-user-picker": {
+			"type": "boolean"
+		}
+	}
 }