@atlaskit/user-picker 12.1.3 → 13.1.0

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

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type AppearanceType } from '@atlaskit/avatar';
-import { jsx } from '@emotion/react';
-export type AvatarOrIconProps = {
-    appearance?: string;
-    avatarAppearanceShape?: AppearanceType;
-    icon?: ReactNode;
-    iconColor?: string;
-    presence?: string;
-    src?: string;
-    type?: 'person' | 'team';
-};
-export declare const AvatarOrIcon: ({ appearance, avatarAppearanceShape, icon, iconColor, presence, src, type, }: AvatarOrIconProps) => jsx.JSX.Element;

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

@@ -1,179 +0,0 @@
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import React from 'react';
-import type { Appearance, DefaultValue, LoadOptions, LoadUserSource, OnChange, OnInputChange, OnOption, OnPicker, OptionData, UserPickerProps, UserPickerRef, UserPickerState, Value } from '../types';
-import type { AriaAttributes } from 'react';
-import type { SelectComponentsConfig, PopupSelectProps, StylesConfig } from '@atlaskit/select';
-import type { EmailValidator } from './emailValidation';
-export type BaseUserPickerProps = UserPickerProps & {
-    components: any;
-    name?: string;
-    pickerProps?: any;
-    SelectComponent: React.ComponentType<any>;
-    styles: any;
-    /**
-     * @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;
-    width: string | number;
-};
-export declare class BaseUserPickerWithoutAnalytics extends React.Component<BaseUserPickerProps, UserPickerState> {
-    static defaultProps: {
-        isMulti: boolean;
-        subtle: boolean;
-        noBorder: boolean;
-        textFieldBackgroundColor: boolean;
-        isClearable: boolean;
-        loadOptionsErrorMessage: () => React.JSX.Element;
-        openMenuOnClick: boolean;
-    };
-    static getDerivedStateFromProps(nextProps: Partial<UserPickerProps>, prevState: UserPickerState): Partial<UserPickerState>;
-    private selectRef;
-    private session?;
-    private journeyId?;
-    private optionsShownUfoExperienceInstance;
-    constructor(props: BaseUserPickerProps);
-    private getSessionId;
-    private withSelectRef;
-    nextOption: () => void;
-    previousOption: () => void;
-    focus: () => void;
-    blur: () => void;
-    selectOption: () => void;
-    private handleChange;
-    private handleSelectRef;
-    private addOptions;
-    private handleLoadOptionsError;
-    private debouncedLoadOptions;
-    private get isMenuOpenOnClickForSingleSelect();
-    abortOptionsShownUfoExperience: () => void;
-    startOptionsShownUfoExperience: () => void;
-    private executeLoadOptions;
-    private handleFocus;
-    private resetInputState;
-    private handleOpen;
-    private handleBlur;
-    private handleClose;
-    private handleInputChange;
-    private fireEvent;
-    private startSession;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: UserPickerProps, prevState: UserPickerState): void;
-    private handleKeyDown;
-    handleClearIndicatorHover: (hoveringClearIndicator: boolean) => void;
-    private getOptionsOld;
-    private getOptionsNew;
-    private getOptions;
-    private getAppearance;
-    get ariaProps(): Partial<AriaAttributes>;
-    private handleClickDraggableParentComponent;
-    private shouldKeepMenuOpen;
-    render(): React.JSX.Element;
-}
-export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
-    addMoreMessage?: string;
-    allowEmail?: boolean;
-    anchor?: React.ComponentType<any>;
-    appearance?: Appearance;
-    ariaDescribedBy?: string;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaLive?: 'polite' | 'off' | 'assertive';
-    autoFocus?: boolean;
-    captureMenuScroll?: boolean;
-    clearValueLabel?: string;
-    closeMenuOnScroll?: boolean | EventListener;
-    components?: SelectComponentsConfig<OptionData, boolean>;
-    customGroupAnalyticsLabels?: Partial<Record<NonNullable<OptionData['type']>, string>>;
-    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
-    defaultValue?: DefaultValue;
-    disableInput?: boolean;
-    emailLabel?: string;
-    fieldId: string | null;
-    footer?: React.ReactNode;
-    forwardedRef?: React.ForwardedRef<UserPickerRef>;
-    groupByTypeOrder?: NonNullable<OptionData['type']>[];
-    header?: React.ReactNode;
-    height?: number | string;
-    includeTeamsUpdates?: boolean;
-    inputId?: string;
-    isClearable?: boolean;
-    isDisabled?: boolean;
-    isFooterFocused?: boolean;
-    isHeaderFocused?: boolean;
-    isInvalid?: boolean;
-    isLoading?: boolean;
-    isMulti?: boolean;
-    isValidEmail?: EmailValidator;
-    loadOptions?: LoadOptions;
-    loadOptionsErrorMessage?: (value: {
-        inputValue: string;
-    }) => React.ReactNode;
-    loadUserSource?: LoadUserSource;
-    maxOptions?: number;
-    maxPickerHeight?: number;
-    menuIsOpen?: boolean;
-    menuMinWidth?: number;
-    menuPortalTarget?: HTMLElement;
-    menuPosition?: 'absolute' | 'fixed';
-    menuShouldBlockScroll?: boolean;
-    name?: string;
-    noBorder?: boolean;
-    noOptionsMessage?: ((value: {
-        inputValue: string;
-    }) => string | null | React.ReactNode) | null | React.ReactNode;
-    onBlur?: OnPicker;
-    onChange?: OnChange;
-    onClear?: OnPicker;
-    onClose?: OnPicker;
-    onFocus?: OnPicker;
-    onInputChange?: OnInputChange;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    onOpen?: OnPicker;
-    onSelection?: OnOption;
-    open?: boolean;
-    openMenuOnClick?: boolean;
-    openMenuOnFocus?: boolean;
-    options?: OptionData[];
-    placeholder?: React.ReactNode;
-    placeholderAvatar?: 'person' | 'team';
-    popupSelectProps?: PopupSelectProps<OptionData>;
-    required?: boolean;
-    search?: string;
-    setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
-    setIsHeaderFocused?: React.Dispatch<React.SetStateAction<boolean>>;
-    showClearIndicator?: boolean;
-    strategy?: 'fixed' | 'absolute';
-    styles?: StylesConfig;
-    subtle?: boolean;
-    suggestEmailsForDomain?: string;
-    textFieldBackgroundColor?: boolean;
-    UNSAFE_hasDraggableParentComponent?: boolean;
-    value?: Value;
-    width?: number | string;
-} & {
-    components: any;
-    name?: string;
-    pickerProps?: any;
-    SelectComponent: React.ComponentType<any>;
-    styles: any;
-    /**
-     * @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;
-    width: string | number;
-}, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'customGroupLabels' | 'customGroupAnalyticsLabels' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'openMenuOnFocus' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
-    isClearable?: boolean | undefined;
-    isMulti?: boolean | undefined;
-    loadOptionsErrorMessage?: ((value: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    noBorder?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    subtle?: boolean | undefined;
-    textFieldBackgroundColor?: boolean | undefined;
-} & {} & React.RefAttributes<any>>;

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

@@ -1,10 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { type ClearIndicatorProps } from '@atlaskit/select';
-export declare class ClearIndicator extends React.PureComponent<ClearIndicatorProps<any>> {
-    private handleMouseDown;
-    render(): JSX.Element;
-}

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

@@ -1,8 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ControlProps } from '@atlaskit/select';
-import type { UserPickerProps } from '../types';
-declare const Control: (props: ControlProps<any> & UserPickerProps) => JSX.Element;
-export default Control;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { CustomOptionProps } from './main';
-declare const AsyncCustomOption: React.LazyExoticComponent<React.ComponentType<CustomOptionProps>>;
-export default AsyncCustomOption;

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

@@ -1,15 +0,0 @@
-import { jsx } from '@emotion/react';
-import React from 'react';
-import { type Custom } from '../../types';
-export type CustomOptionProps = {
-    data: Custom;
-    isSelected: boolean;
-};
-export declare class CustomOption extends React.PureComponent<CustomOptionProps> {
-    private getPrimaryText;
-    private getBylineComponent;
-    private renderByline;
-    private renderAvatar;
-    private getLozengeProps;
-    render(): jsx.JSX.Element;
-}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { EmailOptionProps } from './main';
-declare const AsyncEmailOption: React.LazyExoticComponent<React.ComponentType<EmailOptionProps>>;
-export default AsyncEmailOption;

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

@@ -1,21 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { type Email } from '../../types';
-import { type EmailValidationResponse } from '../emailValidation';
-export type EmailOptionProps = {
-    email: Email;
-    emailValidity: EmailValidationResponse;
-    isSelected: boolean;
-    label?: string;
-};
-export declare class EmailOption extends React.PureComponent<EmailOptionProps> {
-    private getLozengeProps;
-    private renderPrimaryText;
-    private renderSecondaryText;
-    private renderOption;
-    render(): jsx.JSX.Element;
-}

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

@@ -1,14 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
-export type ExternalAvatarItemOptionProps = {
-    avatar: ReactNode;
-    isDisabled?: boolean;
-    primaryText: ReactNode;
-    secondaryText?: ReactNode;
-    sourcesInfoTooltip?: ReactNode;
-};
-export declare const ExternalAvatarItemOption: ({ avatar, isDisabled, primaryText, secondaryText, sourcesInfoTooltip, }: ExternalAvatarItemOptionProps) => jsx.JSX.Element;

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

@@ -1,3 +0,0 @@
-import { jsx } from '@emotion/react';
-declare const _default: () => jsx.JSX.Element;
-export default _default;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { type ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
-export declare const SourcesTooltipContent: ({ sources, sourcesLoading, }: ExternalUserSourcesData) => React.JSX.Element;

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

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

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

@@ -1,20 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { type SerializedStyles } from '@emotion/react';
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type ExternalUser } from '../../types';
-export declare const imageContainer: SerializedStyles;
-export declare const emailDomainWrapper: SerializedStyles;
-export type ExternalUserOptionProps = WithAnalyticsEventsProps & {
-    isSelected: boolean;
-    status?: string;
-    user: ExternalUser;
-};
-export declare const ExternalUserOption: React.ForwardRefExoticComponent<Omit<{
-    isSelected: boolean;
-    status?: string;
-    user: ExternalUser;
-}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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

@@ -1,15 +0,0 @@
-import { type ReactNode } from 'react';
-import { type UserSource } from '../types';
-export interface ExternalUserSourcesData {
-    sources: UserSource[];
-    sourcesLoading: boolean;
-}
-type SourcesChildrenFunc = (sourcesData: ExternalUserSourcesData) => ReactNode;
-interface SourcesContainerProps {
-    accountId: string;
-    children: SourcesChildrenFunc;
-    initialSources: UserSource[];
-    shouldFetchSources: boolean;
-}
-export declare const ExternalUserSourcesContainer: ({ children, accountId, shouldFetchSources, initialSources, }: SourcesContainerProps) => any;
-export {};

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { GroupOptionProps } from './main';
-declare const AsyncGroupOption: React.LazyExoticComponent<React.ComponentType<GroupOptionProps>>;
-export default AsyncGroupOption;

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

@@ -1,21 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx, type SerializedStyles } from '@emotion/react';
-import { type Group } from '../../types';
-export declare const groupOptionIconWrapper: SerializedStyles;
-export type GroupOptionProps = {
-    group: Group;
-    includeTeamsUpdates?: boolean;
-    isSelected: boolean;
-};
-export declare class GroupOption extends React.PureComponent<GroupOptionProps> {
-    private getPrimaryText;
-    private renderAvatar;
-    private renderVerifiedIcon;
-    private renderByline;
-    private getLozengeProps;
-    render(): jsx.JSX.Element;
-}

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type HighlightRange } from '../types';
-export interface Props {
-    children: string;
-    highlights?: HighlightRange[];
-}
-export declare class HighlightText extends React.PureComponent<Props> {
-    render(): (string | React.JSX.Element)[];
-}

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

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { type AriaAttributes } from 'react';
-import { type OptionType, type SelectProps } from '@atlaskit/select';
-import { type AriaAttributesType } from '../types';
-export type Props = {
-    ariaDescribedBy?: AriaAttributesType;
-    innerRef: (ref: React.Ref<HTMLInputElement>) => void;
-    selectProps?: SelectProps<OptionType, boolean>;
-};
-export declare class Input extends React.Component<Props & AriaAttributes> {
-    handleKeyPress: (e: KeyboardEvent) => void;
-    /**
-     * Overrides the default behaviour of react-select lib
-     *
-     * The getter is a workaround for original behaviour of the react-select lib.
-     * Placeholder and Input are linked not via label, aria-label or aria-labeledby, but through aria-describedby.
-     * Basically in the getter we reassign Placeholder ID from aria-describedby to aria-labelledby
-     * {@link https://github.com/JedWatson/react-select/issues/5651#issue-1731353197 GitHub}
-     */
-    get ariaLabelledBy(): AriaAttributesType;
-    get ariaDescribedBy(): AriaAttributesType;
-    render(): JSX.Element;
-}

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

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

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

@@ -1,3 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-declare const MessagesIntlProvider: (props: PropsWithChildren<{}>) => React.JSX.Element;
-export default MessagesIntlProvider;

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

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

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

@@ -1,37 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type MultiValueProps } from '@atlaskit/select';
-import React from 'react';
-import { type Option, type User } from '../types';
-export type State = {
-    previousValueSize: number;
-    valueSize: number;
-};
-type Props = MultiValueProps<Option<User>[], true> & {
-    innerProps?: ValueContainerInnerProps;
-    /** Passed through from Atlaskit Select value container (spacing compact). */
-    isCompact?: boolean;
-};
-type ValueContainerInnerProps = {
-    ref: React.RefObject<HTMLDivElement>;
-};
-export declare class MultiValueContainer extends React.PureComponent<Props, State> {
-    static getDerivedStateFromProps(nextProps: Props, prevState: State): {
-        previousValueSize: number;
-        valueSize: number;
-    };
-    private valueContainerInnerProps;
-    private timeoutId;
-    constructor(props: Props);
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    scrollToBottom: () => void;
-    private showPlaceholder;
-    private addPlaceholder;
-    private renderChildren;
-    onValueContainerClick: any;
-    render(): JSX.Element;
-}
-export {};

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

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

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

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

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

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