@atlaskit/util-data-test 17.8.2 → 17.8.4

package/dist/types/user-picker/src/components/Menu.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import React from 'react';
+import { UserPickerProps } from '../types';
+import { jsx } from '@emotion/react';
+export type Props = {
+    selectProps: UserPickerProps;
+};
+export declare class Menu extends React.Component<Props> {
+    render(): jsx.JSX.Element;
+}

package/dist/types/user-picker/src/components/MessagesIntlProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MessagesIntlProvider: React.FC;
+export default MessagesIntlProvider;

package/dist/types/user-picker/src/components/MultiValue.d.ts

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import React from 'react';
+import { OptionType } from '@atlaskit/select';
+import { jsx } from '@emotion/react';
+import { Option, UserPickerProps } from '../types';
+import { MultiValueProps } from '@atlaskit/select';
+export declare const scrollToValue: (valueContainer: HTMLDivElement, control: HTMLElement) => void;
+type Props = MultiValueProps<OptionType> & {
+    isFocused?: boolean;
+    data: Option;
+    innerProps: any;
+    removeProps: {
+        onClick: Function;
+    };
+    selectProps: UserPickerProps;
+    ref?: React.RefObject<HTMLDivElement>;
+};
+export declare class MultiValue extends React.Component<Props> {
+    private containerRef;
+    constructor(props: Props);
+    componentDidUpdate(): void;
+    shouldComponentUpdate(nextProps: Props): boolean;
+    getElemBefore: () => jsx.JSX.Element;
+    render(): jsx.JSX.Element;
+}
+export {};

package/dist/types/user-picker/src/components/MultiValueContainer.d.ts

@@ -0,0 +1,30 @@
+import { MultiValueProps } from '@atlaskit/select';
+import React from 'react';
+import { User, Option } from '../types';
+export type State = {
+    valueSize: number;
+    previousValueSize: number;
+};
+type Props = MultiValueProps<Option<User>[], true> & {
+    innerProps?: ValueContainerInnerProps;
+};
+type ValueContainerInnerProps = {
+    ref: React.RefObject<HTMLDivElement>;
+};
+export declare class MultiValueContainer extends React.PureComponent<Props, State> {
+    static getDerivedStateFromProps(nextProps: Props, prevState: State): {
+        valueSize: number;
+        previousValueSize: number;
+    };
+    private valueContainerInnerProps;
+    private timeoutId;
+    constructor(props: Props);
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    scrollToBottom: () => void;
+    private showPlaceholder;
+    private addPlaceholder;
+    private renderChildren;
+    render(): JSX.Element;
+}
+export {};

package/dist/types/user-picker/src/components/Option.d.ts

@@ -0,0 +1,14 @@
+import { OptionProps as AkOptionProps } from '@atlaskit/select';
+import { FC } from 'react';
+import { Option as OptionType } from '../types';
+export type OptionProps = AkOptionProps & {
+    data: OptionType;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isFocused: boolean;
+    status?: string;
+    selectProps: {
+        emailLabel?: string;
+    };
+};
+export declare const Option: FC<OptionProps>;

package/dist/types/user-picker/src/components/PopupControl.d.ts

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import React from 'react';
+import { ControlProps } from '@atlaskit/select';
+import { jsx } from '@emotion/react';
+export declare class PopupControl extends React.PureComponent<ControlProps<any>> {
+    render(): jsx.JSX.Element;
+}

package/dist/types/user-picker/src/components/PopupInput.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type Props } from './Input';
+export declare class PopupInput extends React.Component<Props> {
+    private ref;
+    componentDidMount(): void;
+    private handleInnerRef;
+    render(): JSX.Element;
+}

package/dist/types/user-picker/src/components/PopupUserPicker.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { PopupUserPickerProps } from '../types';
+interface State {
+    flipped: boolean;
+}
+export declare class PopupUserPickerWithoutAnalytics extends React.Component<PopupUserPickerProps, State> {
+    static defaultProps: {
+        boundariesElement: string;
+        width: number;
+        isMulti: boolean;
+        offset: number[];
+        placement: string;
+        rootBoundary: string;
+        shouldFlip: boolean;
+    };
+    state: {
+        flipped: boolean;
+    };
+    handleFlipStyle: (data: {
+        flipped: boolean;
+        styles: any;
+        popper: any;
+    }) => {
+        flipped: boolean;
+        styles: any;
+        popper: any;
+    };
+    render(): JSX.Element;
+}
+export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "name" | "anchor" | "footer" | "appearance" | "onSelection" | "target" | "onClose" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "value" | "autoFocus" | "noOptionsMessage" | "isDisabled" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "onInputChange" | "styles" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "open" | "onClear" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "popupTitle"> & Partial<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "width" | "offset" | "isMulti" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip">> & Partial<Pick<{
+    boundariesElement: string;
+    width: number;
+    isMulti: boolean;
+    offset: number[];
+    placement: string;
+    rootBoundary: string;
+    shouldFlip: boolean;
+}, never>> & React.RefAttributes<any>>;
+export {};

package/dist/types/user-picker/src/components/SingleValue.d.ts

@@ -0,0 +1,5 @@
+import { jsx } from '@emotion/react';
+import { Option } from '../types';
+import { SingleValueProps } from '@atlaskit/select';
+export type Props = SingleValueProps<Option>;
+export declare const SingleValue: (props: Props) => jsx.JSX.Element | null;

package/dist/types/user-picker/src/components/SingleValueContainer.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { ValueContainerProps } from '@atlaskit/select';
+import { User, Option } from '../types';
+export declare class SingleValueContainer extends React.Component<ValueContainerProps<Option<User>>> {
+    private renderAvatar;
+    render(): jsx.JSX.Element;
+}

package/dist/types/user-picker/src/components/SizeableAvatar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type Props = {
+    appearance: string;
+    src?: string;
+    name?: string;
+    presence?: string;
+};
+export declare class SizeableAvatar extends React.PureComponent<Props> {
+    render(): JSX.Element;
+}

package/dist/types/user-picker/src/components/TeamOption/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AsyncTeamOption: React.LazyExoticComponent<typeof import("./main").TeamOption>;
+export default AsyncTeamOption;

package/dist/types/user-picker/src/components/TeamOption/main.d.ts

@@ -0,0 +1,16 @@
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { Team } from '../../types';
+export type TeamOptionProps = {
+    team: Team;
+    isSelected: boolean;
+};
+export declare class TeamOption extends React.PureComponent<TeamOptionProps> {
+    private getPrimaryText;
+    private renderByline;
+    private getBylineComponent;
+    private renderAvatar;
+    private getLozengeProps;
+    private renderCustomByLine;
+    render(): jsx.JSX.Element;
+}

package/dist/types/user-picker/src/components/UserOption.d.ts

@@ -0,0 +1,15 @@
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { User } from '../types';
+export type UserOptionProps = {
+    user: User;
+    status?: string;
+    isSelected: boolean;
+};
+export declare class UserOption extends React.PureComponent<UserOptionProps> {
+    getPrimaryText: () => jsx.JSX.Element[];
+    renderSecondaryText: () => jsx.JSX.Element | undefined;
+    private renderAvatar;
+    private getLozengeProps;
+    render(): jsx.JSX.Element;
+}

package/dist/types/user-picker/src/components/UserPicker.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { UserPickerProps } from '../types';
+export declare class UserPickerWithoutAnalytics extends React.Component<UserPickerProps> {
+    ufoId: string;
+    constructor(props: UserPickerProps);
+    static defaultProps: {
+        width: number;
+        isMulti: boolean;
+    };
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "name" | "anchor" | "footer" | "appearance" | "onSelection" | "onClose" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "value" | "autoFocus" | "noOptionsMessage" | "isDisabled" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "onInputChange" | "styles" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "open" | "onClear" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive"> & Partial<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "width" | "isMulti">> & Partial<Pick<{
+    width: number;
+    isMulti: boolean;
+}, never>> & React.RefAttributes<any>>;

package/dist/types/user-picker/src/components/assets/github.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function GitHubIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/dist/types/user-picker/src/components/assets/google.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function GoogleIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/dist/types/user-picker/src/components/assets/microsoft.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function MicrosoftIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/dist/types/user-picker/src/components/assets/slack.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function SlackIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/dist/types/user-picker/src/components/batch.d.ts

@@ -0,0 +1 @@
+export declare function batchByKey<T>(callback: (key: string, args: T[][]) => void): (key: string, ...args: T[]) => void;

package/dist/types/user-picker/src/components/components.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { ClearIndicator } from './ClearIndicator';
+import { MultiValue } from './MultiValue';
+import { MultiValueContainer } from './MultiValueContainer';
+import { Input } from './Input';
+import { SingleValueContainer } from './SingleValueContainer';
+import { PopupInput } from './PopupInput';
+import { PopupControl } from './PopupControl';
+import { Menu } from './Menu';
+/**
+ * Memoize getComponents to avoid rerenders.
+ */
+export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: boolean, anchor?: React.ComponentType<any>) => {
+    Control: import("react").ComponentType<any>;
+    Option: import("react").FC<import("./Option").OptionProps>;
+    MultiValue?: undefined;
+    DropdownIndicator?: undefined;
+    SingleValue?: undefined;
+    ClearIndicator?: undefined;
+    ValueContainer?: undefined;
+    Input?: undefined;
+    Menu?: undefined;
+} | {
+    MultiValue: typeof MultiValue;
+    DropdownIndicator: null;
+    SingleValue: (props: import("./SingleValue").Props) => import("@emotion/react").jsx.JSX.Element | null;
+    ClearIndicator: typeof ClearIndicator | null;
+    Option: import("react").FC<import("./Option").OptionProps>;
+    ValueContainer: typeof MultiValueContainer | typeof SingleValueContainer;
+    Input: typeof Input;
+    Menu: typeof Menu;
+    Control?: undefined;
+}>;
+export declare const getPopupComponents: import("memoize-one").MemoizedFn<(hasPopupTitle: boolean) => {
+    DropdownIndicator: null;
+    SingleValue: (props: import("./SingleValue").Props) => import("@emotion/react").jsx.JSX.Element | null;
+    ClearIndicator: typeof ClearIndicator;
+    Option: import("react").FC<import("./Option").OptionProps>;
+    ValueContainer: typeof SingleValueContainer;
+    Input: typeof PopupInput;
+} | {
+    Control: typeof PopupControl;
+    DropdownIndicator: null;
+    SingleValue: (props: import("./SingleValue").Props) => import("@emotion/react").jsx.JSX.Element | null;
+    ClearIndicator: typeof ClearIndicator;
+    Option: import("react").FC<import("./Option").OptionProps>;
+    ValueContainer: typeof SingleValueContainer;
+    Input: typeof PopupInput;
+}>;

package/dist/types/user-picker/src/components/creatable.d.ts

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

package/dist/types/user-picker/src/components/creatableEmailSuggestion.d.ts

@@ -0,0 +1,19 @@
+import { Option } from '../types';
+import { EmailValidator } from './emailValidation';
+export declare const getCreatableSuggestedEmailProps: import("memoize-one").MemoizedFn<(emailDomain: string, isValidEmail?: EmailValidator) => {
+    allowCreateWhileLoading: boolean;
+    createOptionPosition: string;
+    isValidNewOption: (inputValue?: string) => boolean | "" | undefined;
+    getNewOptionData: (inputValue?: string) => {
+        label: string;
+        value: string;
+        data: {
+            id: string;
+            name: string;
+            type: string;
+            suggestion: boolean;
+        };
+    } | null;
+    formatCreateLabel: (inputText?: string) => string;
+    isOptionDisabled: (option: Option) => boolean;
+}>;

package/dist/types/user-picker/src/components/emailValidation.d.ts

@@ -0,0 +1,3 @@
+export type EmailValidationResponse = 'INVALID' | 'POTENTIAL' | 'VALID';
+export type EmailValidator = (inputText: string) => EmailValidationResponse;
+export declare const isValidEmail: EmailValidator;

package/dist/types/user-picker/src/components/i18n.d.ts

@@ -0,0 +1,132 @@
+export declare const messages: {
+    placeholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addMore: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    remove: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    clear: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    errorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    memberCountWithoutYou: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    memberCountWithYou: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    plus50MembersWithoutYou: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    plus50MembersWithYou: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addEmail: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    selectToAddEmail: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    continueToAddEmail: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    groupByline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    externalUserSourcesHeading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    externalUserSourcesError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    slackProvider: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    googleProvider: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    microsoftProvider: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    gitHubProvider: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    jiraSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confluenceSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    otherAtlassianSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    memberLozengeText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    guestLozengeText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    guestUserLozengeTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    guestGroupLozengeTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/user-picker/src/components/popup.d.ts

@@ -0,0 +1,48 @@
+import { Placement } from '@atlaskit/popper';
+import { Target, BoundariesElement, 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) => {
+    searchThreshold: number;
+    controlShouldRenderValue: boolean;
+    minMenuWidth: string | number;
+    maxMenuWidth: string | number;
+    autoFocus: boolean;
+    target: Target;
+    popupTitle: string | undefined;
+    popperProps: {
+        placement: Placement;
+        strategy: string;
+        modifiers: ({
+            name: string;
+            options: {
+                offset: number[] | undefined;
+                rootBoundary?: undefined;
+                boundary?: undefined;
+            };
+            enabled?: undefined;
+            order?: undefined;
+            fn?: undefined;
+        } | {
+            name: string;
+            enabled: boolean;
+            order: number;
+            fn: (data: any) => any;
+            options?: undefined;
+        } | {
+            name: string;
+            options: {
+                rootBoundary: RootBoundary | undefined;
+                boundary: BoundariesElement | undefined;
+                offset?: undefined;
+            };
+            enabled?: undefined;
+            order?: undefined;
+            fn?: undefined;
+        } | {
+            name: string;
+            enabled: boolean | undefined;
+            options?: undefined;
+            order?: undefined;
+            fn?: undefined;
+        })[];
+    };
+}>;

package/dist/types/user-picker/src/components/styles.d.ts

@@ -0,0 +1,42 @@
+import { StylesConfig } from '@atlaskit/select';
+export declare const BORDER_PADDING = 6;
+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) => {
+    menu: (css: any, state: any) => any;
+    control: (css: any, state: any) => any;
+    clearIndicator: ({ paddingTop, paddingBottom, paddingLeft, paddingRight, ...css }: any) => any;
+    indicatorsContainer: (css: any) => any;
+    valueContainer: ({ paddingTop, paddingBottom, position, ...css }: any, state: any) => any;
+    multiValue: (css: any) => any;
+    multiValueLabel: (css: any) => any;
+    multiValueRemove: (css: any) => any;
+    placeholder: (css: any, state: any) => any;
+    option: (css: any) => any;
+    input: (css: any, state: any) => any;
+    singleValue: (css: any) => any;
+} | {
+    clearIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").ClearIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    container?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    control?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ControlProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    dropdownIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").DropdownIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    group?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").GroupProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    groupHeading?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").GroupHeadingProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    indicatorsContainer?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").IndicatorsContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    indicatorSeparator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").IndicatorSeparatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    input?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").InputProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    loadingIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").LoadingIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    loadingMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").NoticeProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    menu?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MenuProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    menuList?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MenuListProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    menuPortal?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select/dist/declarations/src/components/Menu").PortalStyleArgs> | undefined;
+    multiValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    multiValueLabel?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    multiValueRemove?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    noOptionsMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").NoticeProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    option?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").OptionProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    placeholder?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").PlaceholderProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    singleValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").SingleValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+    valueContainer?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ValueContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
+}>;
+export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig) => StylesConfig<import("@atlaskit/select").OptionType, false>>;

package/dist/types/user-picker/src/components/utils.d.ts

@@ -0,0 +1,29 @@
+import { ReactChild, ReactElement, ReactNode } from 'react';
+import { AtlaskitSelectValue, ExternalUser, Custom, Email, Option, OptionData, Promisable, Team, Group, User, OptionIdentifier, DefaultValue, LozengeProps } from '../types';
+export declare const isExternalUser: (option: OptionData) => option is ExternalUser;
+export declare const isUser: (option: OptionData) => option is User;
+export declare const isTeam: (option: OptionData) => option is Team;
+export declare const isGroup: (option: OptionData) => option is Group;
+export declare const isEmail: (option: OptionData) => option is Email;
+export declare const isCustom: (option: OptionData) => option is Custom;
+export declare const isDefaultValuePopulated: (value?: DefaultValue) => boolean;
+export declare const optionToSelectableOption: (option: OptionData | OptionIdentifier) => Option;
+export declare const extractOptionValue: (value: AtlaskitSelectValue) => OptionData | OptionData[] | undefined;
+export declare const isIterable: (a: any) => a is Iterable<Promisable<OptionData | OptionData[]>>;
+export declare const getOptions: import("memoize-one").MemoizedFn<(options: OptionData[]) => Option<OptionData>[]>;
+export interface OptionToSelectableOptions {
+    (defaultValue: OptionData): Option;
+    (defaultValue: OptionData[]): Option[];
+    (defaultValue?: null): null;
+    (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 isSingleValue: (value?: AtlaskitSelectValue) => value is Option<OptionData>;
+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;
+export declare const getAvatarUrl: (optionData: OptionData) => string | undefined;
+export declare const isPopupUserPickerByComponent: (SelectComponent: React.ComponentClass<any>) => boolean;
+export declare const isPopupUserPickerByProps: (selectProps: any) => boolean;
+export declare const isLozengeText: (lozengeProp: ReactNode | LozengeProps) => lozengeProp is LozengeProps;

package/dist/types/user-picker/src/i18n/cs.d.ts

@@ -0,0 +1,35 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.error.message': string;
+    'fabric.elements.user-picker.external.sourced.error': string;
+    'fabric.elements.user-picker.external.sourced.from': 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.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.placeholder': string;
+    'fabric.elements.user-picker.placeholder.add-more': string;
+    'fabric.elements.user-picker.single.clear': string;
+    'fabric.elements.user-picker.slack.provider': string;
+    'fabric.elements.user-picker.source.confluence': string;
+    'fabric.elements.user-picker.source.jira': string;
+    'fabric.elements.user-picker.source.other-atlassian': string;
+    'fabric.elements.user-picker.team.member.50plus': string;
+    '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;
+};
+export default _default;