@atlaskit/user-picker 9.6.0 → 9.6.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/user-picker
 
+## 9.6.1
+
+### Patch Changes
+
+- [`8ad846932fc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ad846932fc) - [ux] Fixes incorrect border colour displayed when hovering a user picker with subtle appearance applied.
+
 ## 9.6.0
 
 ### Minor Changes

package/dist/cjs/components/styles.js

@@ -57,7 +57,7 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, isCompact, ov
           opacity: 1
         },
         ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
-          borderColor: state.isFocused ? css[':hover'] ? (0, _tokens.token)('color.border.focused', css[':hover'].borderColor) : (0, _tokens.token)('color.border.focused', _colors.B100) : state.selectProps.subtle ? state.selectProps.hoveringClearIndicator ? (0, _tokens.token)('color.icon.danger', _colors.R50) : (0, _tokens.token)('color.icon', _colors.N30) : (0, _tokens.token)('color.border.input', _colors.N40),
+          borderColor: state.isFocused ? css[':hover'] ? (0, _tokens.token)('color.border.focused', css[':hover'].borderColor) : (0, _tokens.token)('color.border.focused', _colors.B100) : state.selectProps.subtle ? 'transparent' : (0, _tokens.token)('color.border.input', _colors.N40),
           backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? (0, _tokens.token)('color.background.danger', _colors.R50) : state.isFocused ? css[':hover'] ? (0, _tokens.token)('color.background.input', css[':hover'].backgroundColor) : (0, _tokens.token)('color.background.input', _colors.N0) : state.isDisabled ? (0, _tokens.token)('color.background.disabled', _colors.N10) : (0, _tokens.token)('color.background.input.hovered', _colors.N30)
         }),
         padding: 0,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "9.6.0",
+	"version": "9.6.1",
 	"sideEffects": false
 }

package/dist/es2019/components/styles.js

@@ -25,7 +25,7 @@ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles)
           opacity: 1
         },
         ':hover': { ...css[':hover'],
-          borderColor: state.isFocused ? css[':hover'] ? token('color.border.focused', css[':hover'].borderColor) : token('color.border.focused', B100) : state.selectProps.subtle ? state.selectProps.hoveringClearIndicator ? token('color.icon.danger', R50) : token('color.icon', N30) : token('color.border.input', N40),
+          borderColor: state.isFocused ? css[':hover'] ? token('color.border.focused', css[':hover'].borderColor) : token('color.border.focused', B100) : state.selectProps.subtle ? 'transparent' : token('color.border.input', N40),
           backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? token('color.background.danger', R50) : state.isFocused ? css[':hover'] ? token('color.background.input', css[':hover'].backgroundColor) : token('color.background.input', N0) : state.isDisabled ? token('color.background.disabled', N10) : token('color.background.input.hovered', N30)
         },
         padding: 0,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "9.6.0",
+	"version": "9.6.1",
 	"sideEffects": false
 }

package/dist/esm/components/styles.js

@@ -37,7 +37,7 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
           opacity: 1
         },
         ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
-          borderColor: state.isFocused ? css[':hover'] ? token('color.border.focused', css[':hover'].borderColor) : token('color.border.focused', B100) : state.selectProps.subtle ? state.selectProps.hoveringClearIndicator ? token('color.icon.danger', R50) : token('color.icon', N30) : token('color.border.input', N40),
+          borderColor: state.isFocused ? css[':hover'] ? token('color.border.focused', css[':hover'].borderColor) : token('color.border.focused', B100) : state.selectProps.subtle ? 'transparent' : token('color.border.input', N40),
           backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? token('color.background.danger', R50) : state.isFocused ? css[':hover'] ? token('color.background.input', css[':hover'].backgroundColor) : token('color.background.input', N0) : state.isDisabled ? token('color.background.disabled', N10) : token('color.background.input.hovered', N30)
         }),
         padding: 0,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "9.6.0",
+	"version": "9.6.1",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "9.6.0",
+  "version": "9.6.1",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*",
-        "dist/types-ts4.0/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "atlassian": {

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

@@ -1,24 +0,0 @@
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import { UserPickerProps, UserPickerState } from './types';
-export declare type UserPickerSession = {
-    id: string;
-    start: number;
-    inputChangeTime: number;
-    upCount: number;
-    downCount: number;
-    lastKey?: number;
-};
-export declare const startSession: () => UserPickerSession;
-export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
-export interface EventCreator {
-    (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession): AnalyticsEventPayload;
-    (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession, ...args: any[]): AnalyticsEventPayload;
-}
-export declare const focusEvent: EventCreator;
-export declare const clearEvent: EventCreator;
-export declare const deleteEvent: EventCreator;
-export declare const cancelEvent: EventCreator;
-export declare const selectEvent: EventCreator;
-export declare const searchedEvent: EventCreator;
-export declare const failedEvent: EventCreator;
-export declare const userInfoEvent: (sources: string[], accountId: string) => AnalyticsEventPayload;

package/dist/types-ts4.0/clients/UserSourceProvider.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { LoadUserSource, UserSource } from '../types';
-export interface UserSourceContext {
-    fetchUserSource?: LoadUserSource;
-}
-export declare const ExusUserSourceProvider: React.FC<UserSourceContext>;
-export declare const useUserSource: (accountId: string, shouldFetchSources: boolean, existingSources?: UserSource[] | undefined) => {
-    sources: UserSource[];
-    loading: boolean;
-    error: string | null;
-};

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

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

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

@@ -1,12 +0,0 @@
-/** @jsx jsx */
-import { ReactNode } from 'react';
-import { LozengeProps } from '../types';
-export declare const textWrapper: (color?: string | undefined) => import("@emotion/utils").SerializedStyles;
-export declare type AvatarItemOptionProps = {
-    avatar: ReactNode;
-    isDisabled?: boolean;
-    lozenge?: ReactNode | LozengeProps;
-    primaryText?: ReactNode;
-    secondaryText?: ReactNode;
-};
-export declare const AvatarItemOption: ({ avatar, isDisabled, lozenge, primaryText, secondaryText, }: AvatarItemOptionProps) => JSX.Element;

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

@@ -1,60 +0,0 @@
-import React from 'react';
-import { UserPickerProps, UserPickerState } from '../types';
-export declare type BaseUserPickerProps = UserPickerProps & {
-    SelectComponent: React.ComponentClass<any>;
-    pickerProps?: any;
-    styles: any;
-    components: any;
-    width: string | number;
-};
-export declare class BaseUserPickerWithoutAnalytics extends React.Component<BaseUserPickerProps, UserPickerState> {
-    static defaultProps: {
-        isMulti: boolean;
-        subtle: boolean;
-        noBorder: boolean;
-        textFieldBackgroundColor: boolean;
-        isClearable: 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;
-    abortOptionsShownUfoExperience: () => void;
-    startOptionsShownUfoExperience: () => void;
-    private executeLoadOptions;
-    private handleFocus;
-    private resetInputState;
-    private handleBlur;
-    private handleClose;
-    private handleInputChange;
-    private fireEvent;
-    private startSession;
-    componentDidMount(): void;
-    componentDidUpdate(_: UserPickerProps, prevState: UserPickerState): void;
-    private handleKeyDown;
-    handleClearIndicatorHover: (hoveringClearIndicator: boolean) => void;
-    private getOptions;
-    private getAppearance;
-    render(): JSX.Element;
-}
-export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
-    isMulti: boolean;
-    subtle: boolean;
-    noBorder: boolean;
-    textFieldBackgroundColor: boolean;
-    isClearable: boolean;
-}, never>> & React.RefAttributes<any>>;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { IndicatorProps } from '@atlaskit/select';
-export declare class ClearIndicator extends React.PureComponent<IndicatorProps<any>> {
-    private handleMouseDown;
-    render(): JSX.Element;
-}

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

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

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Custom } from '../../types';
-export declare 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.Element;
-}

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

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

@@ -1,6 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
-export declare const sourcesTooltipContainer: import("@emotion/utils").SerializedStyles;
-export declare const sourceWrapper: import("@emotion/utils").SerializedStyles;
-export declare const SourcesTooltipContent: React.FC<ExternalUserSourcesData>;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AsyncExternalUserOption: React.LazyExoticComponent<React.ForwardRefExoticComponent<Omit<import("./main").ExternalUserOptionProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
-export default AsyncExternalUserOption;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare type Props = {
-    selectProps?: {
-        disableInput?: boolean;
-    };
-    innerRef: (ref: React.Ref<HTMLInputElement>) => void;
-};
-export declare class Input extends React.Component<Props> {
-    handleKeyPress: (e: KeyboardEvent) => void;
-    render(): JSX.Element;
-}

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

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

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

@@ -1,25 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { OptionType } from '@atlaskit/select';
-import { Option, UserPickerProps } from '../types';
-import { MultiValueProps } from '@atlaskit/select/types';
-export declare const scrollToValue: (valueContainer: HTMLDivElement, control: HTMLElement) => void;
-declare 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.Element;
-    render(): JSX.Element;
-}
-export {};

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

@@ -1,30 +0,0 @@
-import { ValueContainerProps } from '@atlaskit/select';
-import React from 'react';
-import { User, Option } from '../types';
-export declare type State = {
-    valueSize: number;
-    previousValueSize: number;
-};
-declare type Props = ValueContainerProps<Option<User>[], true> & {
-    innerProps?: ValueContainerInnerProps;
-};
-declare 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-ts4.0/components/Option.d.ts

@@ -1,14 +0,0 @@
-import { OptionProps as AkOptionProps } from '@atlaskit/select';
-import { FC } from 'react';
-import { Option as OptionType } from '../types';
-export declare 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-ts4.0/components/PopupControl.d.ts

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

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

@@ -1,13 +0,0 @@
-import React from 'react';
-export declare type Props = {
-    selectProps: {
-        disableInput?: boolean;
-    };
-    innerRef: (ref: React.Ref<HTMLInputElement>) => void;
-};
-export declare class PopupInput extends React.Component<Props> {
-    private ref;
-    componentDidMount(): void;
-    private handleInnerRef;
-    render(): JSX.Element;
-}

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

@@ -1,39 +0,0 @@
-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" | "isDisabled" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "popupTitle"> & Partial<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "offset" | "isMulti" | "width" | "rootBoundary" | "boundariesElement" | "placement" | "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-ts4.0/components/SingleValue.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Option } from '../types';
-declare type Props = {
-    data: Option;
-    selectProps: any;
-};
-export declare const SingleValue: (props: Props) => JSX.Element | null;
-export {};

package/dist/types-ts4.0/components/SingleValueContainer.d.ts

@@ -1,8 +0,0 @@
-/** @jsx jsx */
-import React from '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.Element;
-}

package/dist/types-ts4.0/components/SizeableAvatar.d.ts

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

package/dist/types-ts4.0/components/TeamOption/index.d.ts

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

package/dist/types-ts4.0/components/TeamOption/main.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Team } from '../../types';
-export declare 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.Element;
-}

package/dist/types-ts4.0/components/UserOption.d.ts

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

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

@@ -1,16 +0,0 @@
-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" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive"> & Partial<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
-    width: number;
-    isMulti: boolean;
-}, never>> & React.RefAttributes<any>>;

package/dist/types-ts4.0/components/assets/github.d.ts

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

package/dist/types-ts4.0/components/assets/google.d.ts

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

package/dist/types-ts4.0/components/assets/microsoft.d.ts

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

package/dist/types-ts4.0/components/assets/slack.d.ts

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

package/dist/types-ts4.0/components/batch.d.ts

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