@atlaskit/user-picker 10.20.2 → 10.20.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/user-picker
 
+## 10.20.3
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 10.20.2
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.20.2";
+var packageVersion = "10.20.3";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "10.20.2";
+const packageVersion = "10.20.3";
 const UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/analytics.js

@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.20.2";
+var packageVersion = "10.20.3";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/types/analytics.d.ts

@@ -1,5 +1,5 @@
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import { UserPickerProps, UserPickerState } from './types';
+import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type UserPickerProps, type UserPickerState } from './types';
 export type UserPickerSession = {
     id: string;
     start: number;

package/dist/types/clients/UserSourceProvider.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { LoadUserSource, UserSource } from '../types';
+import { type PropsWithChildren } from 'react';
+import { type LoadUserSource, type UserSource } from '../types';
 export interface UserSourceContext {
     fetchUserSource?: LoadUserSource;
 }

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { LozengeProps } from '../types';
+import { type LozengeProps } from '../types';
 export declare const textWrapper: (color?: string) => import("@emotion/react").SerializedStyles;
 export type AvatarItemOptionProps = {
     avatar: ReactNode;

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

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

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { Custom } from '../../types';
+import { type Custom } from '../../types';
 export type CustomOptionProps = {
     data: Custom;
     isSelected: boolean;

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

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { Email } from '../../types';
-import { EmailValidationResponse } from '../emailValidation';
+import { type Email } from '../../types';
+import { type EmailValidationResponse } from '../emailValidation';
 export type EmailOptionProps = {
     email: Email;
     isSelected: boolean;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 export type ExternalAvatarItemOptionProps = {
     avatar: ReactNode;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
+import { type ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
 export declare const sourceWrapper: import("@emotion/react").SerializedStyles;
 export declare const SourcesTooltipContent: React.FC<ExternalUserSourcesData>;

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ExternalUser } from '../../types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type ExternalUser } from '../../types';
 export declare const imageContainer: import("@emotion/react").SerializedStyles;
 export declare const emailDomainWrapper: import("@emotion/react").SerializedStyles;
 export type ExternalUserOptionProps = WithAnalyticsEventsProps & {

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { UserSource } from '../types';
+import { type ReactNode } from 'react';
+import { type UserSource } from '../types';
 export interface ExternalUserSourcesData {
     sources: UserSource[];
     sourcesLoading: boolean;

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { Group } from '../../types';
+import { type Group } from '../../types';
 export declare const groupOptionIconWrapper: import("@emotion/react").SerializedStyles;
 export type GroupOptionProps = {
     group: Group;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HighlightRange } from '../types';
+import { type HighlightRange } from '../types';
 export interface Props {
     highlights?: HighlightRange[];
     children: string;

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

@@ -1,6 +1,6 @@
 import React, { type AriaAttributes } from 'react';
 import { type OptionType, type SelectProps } from '@atlaskit/select';
-import { AriaAttributesType } from '../types';
+import { type AriaAttributesType } from '../types';
 export type Props = {
     selectProps?: SelectProps<OptionType, boolean>;
     innerRef: (ref: React.Ref<HTMLInputElement>) => void;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { UserPickerProps } from '../types';
+import { type UserPickerProps } from '../types';
 import { jsx } from '@emotion/react';
 export type Props = React.PropsWithChildren<{
     selectProps: UserPickerProps;

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

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

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

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
-import { OptionType } from '@atlaskit/select';
+import { type OptionType } from '@atlaskit/select';
 import { jsx } from '@emotion/react';
-import { Option, UserPickerProps } from '../types';
-import { MultiValueProps } 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> & {
     isFocused?: boolean;

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

@@ -1,6 +1,6 @@
-import { MultiValueProps } from '@atlaskit/select';
+import { type MultiValueProps } from '@atlaskit/select';
 import React from 'react';
-import { Option, User } from '../types';
+import { type Option, type User } from '../types';
 export type State = {
     valueSize: number;
     previousValueSize: number;

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

@@ -1,6 +1,6 @@
-import { OptionProps as AkOptionProps } from '@atlaskit/select';
-import { FC } from 'react';
-import { Option as OptionType } from '../types';
+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;
     isSelected: boolean;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { ControlProps } from '@atlaskit/select';
+import { type 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/components/PopupUserPicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopupUserPickerProps } from '../types';
+import { type PopupUserPickerProps } from '../types';
 interface State {
     flipped: boolean;
 }

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

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

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

@@ -1,8 +1,8 @@
 /** @jsx jsx */
-import { ValueContainerProps } from '@atlaskit/select';
+import { type ValueContainerProps } from '@atlaskit/select';
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { Option, User } from '../types';
+import { type Option, type User } from '../types';
 export declare class SingleValueContainer extends React.Component<ValueContainerProps<Option<User>>> {
     private renderAvatar;
     onValueContainerClick: any;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { Team } from '../../types';
+import { type Team } from '../../types';
 export type TeamOptionProps = {
     team: Team;
     isSelected: boolean;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { User } from '../types';
+import { type User } from '../types';
 export type UserOptionProps = {
     user: User;
     status?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UserPickerProps } from '../types';
+import { type UserPickerProps } from '../types';
 export declare class UserPickerWithoutAnalytics extends React.Component<UserPickerProps> {
     ufoId: string;
     constructor(props: UserPickerProps);

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

@@ -1,5 +1,5 @@
-import { Option } from '../types';
-import { EmailValidator } from './emailValidation';
+import { type Option } from '../types';
+import { type EmailValidator } from './emailValidation';
 declare function creatableProps(isValidEmail?: EmailValidator): {
     allowCreateWhileLoading: boolean;
     createOptionPosition: string;

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

@@ -1,5 +1,5 @@
-import { Option } from '../types';
-import { EmailValidator } from './emailValidation';
+import { type Option } from '../types';
+import { type EmailValidator } from './emailValidation';
 export declare const getCreatableSuggestedEmailProps: import("memoize-one").MemoizedFn<(emailDomain: string, isValidEmail?: EmailValidator) => {
     allowCreateWhileLoading: boolean;
     createOptionPosition: string;

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

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

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

@@ -1,4 +1,4 @@
-import { StylesConfig } from '@atlaskit/select';
+import { type StylesConfig } from '@atlaskit/select';
 export declare const BORDER_PADDING: "var(--ds-space-075)";
 export declare const AVATAR_PADDING = 6;
 export declare const INDICATOR_WIDTH = 39;

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

@@ -1,5 +1,5 @@
-import { ReactChild, ReactElement, ReactNode } from 'react';
-import { AtlaskitSelectValue, ExternalUser, Custom, Email, Option, OptionData, Promisable, Team, Group, User, OptionIdentifier, DefaultValue, LozengeProps } from '../types';
+import { type ReactChild, type ReactElement, type ReactNode } from 'react';
+import { type AtlaskitSelectValue, type ExternalUser, type Custom, type Email, type Option, type OptionData, type Promisable, type Team, type Group, type User, type OptionIdentifier, type DefaultValue, type 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;

package/dist/types/types.d.ts

@@ -1,9 +1,11 @@
-import React, { type AriaAttributes, ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { Placement } from '@atlaskit/popper';
-import { EmailValidator } from './components/emailValidation';
-import { StylesConfig } from '@atlaskit/select';
-import { BaseUserPickerWithoutAnalytics } from './components/BaseUserPicker';
+import { type ReactNode } from 'react';
+import type React from 'react';
+import { type AriaAttributes } from 'react';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type Placement } from '@atlaskit/popper';
+import { type EmailValidator } from './components/emailValidation';
+import { type StylesConfig } from '@atlaskit/select';
+import { type BaseUserPickerWithoutAnalytics } from './components/BaseUserPicker';
 export type UserPickerProps = WithAnalyticsEventsProps & {
     /**
      * Used to configure additional information regarding where the

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

@@ -1,5 +1,5 @@
-import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
-import { UserPickerProps, UserPickerState } from './types';
+import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type UserPickerProps, type UserPickerState } from './types';
 export type UserPickerSession = {
     id: string;
     start: number;

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

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { LoadUserSource, UserSource } from '../types';
+import { type PropsWithChildren } from 'react';
+import { type LoadUserSource, type UserSource } from '../types';
 export interface UserSourceContext {
     fetchUserSource?: LoadUserSource;
 }

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { LozengeProps } from '../types';
+import { type LozengeProps } from '../types';
 export declare const textWrapper: (color?: string) => import("@emotion/react").SerializedStyles;
 export type AvatarItemOptionProps = {
     avatar: ReactNode;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ClearIndicatorProps } from '@atlaskit/select';
+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/CustomOption/main.d.ts

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { Custom } from '../../types';
+import { type Custom } from '../../types';
 export type CustomOptionProps = {
     data: Custom;
     isSelected: boolean;

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

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { Email } from '../../types';
-import { EmailValidationResponse } from '../emailValidation';
+import { type Email } from '../../types';
+import { type EmailValidationResponse } from '../emailValidation';
 export type EmailOptionProps = {
     email: Email;
     isSelected: boolean;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 export type ExternalAvatarItemOptionProps = {
     avatar: ReactNode;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
+import { type ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
 export declare const sourceWrapper: import("@emotion/react").SerializedStyles;
 export declare const SourcesTooltipContent: React.FC<ExternalUserSourcesData>;

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ExternalUser } from '../../types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type ExternalUser } from '../../types';
 export declare const imageContainer: import("@emotion/react").SerializedStyles;
 export declare const emailDomainWrapper: import("@emotion/react").SerializedStyles;
 export type ExternalUserOptionProps = WithAnalyticsEventsProps & {

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { UserSource } from '../types';
+import { type ReactNode } from 'react';
+import { type UserSource } from '../types';
 export interface ExternalUserSourcesData {
     sources: UserSource[];
     sourcesLoading: boolean;

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { Group } from '../../types';
+import { type Group } from '../../types';
 export declare const groupOptionIconWrapper: import("@emotion/react").SerializedStyles;
 export type GroupOptionProps = {
     group: Group;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HighlightRange } from '../types';
+import { type HighlightRange } from '../types';
 export interface Props {
     highlights?: HighlightRange[];
     children: string;

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

@@ -1,6 +1,6 @@
 import React, { type AriaAttributes } from 'react';
 import { type OptionType, type SelectProps } from '@atlaskit/select';
-import { AriaAttributesType } from '../types';
+import { type AriaAttributesType } from '../types';
 export type Props = {
     selectProps?: SelectProps<OptionType, boolean>;
     innerRef: (ref: React.Ref<HTMLInputElement>) => void;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { UserPickerProps } from '../types';
+import { type UserPickerProps } from '../types';
 import { jsx } from '@emotion/react';
 export type Props = React.PropsWithChildren<{
     selectProps: UserPickerProps;

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

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

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

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
-import { OptionType } from '@atlaskit/select';
+import { type OptionType } from '@atlaskit/select';
 import { jsx } from '@emotion/react';
-import { Option, UserPickerProps } from '../types';
-import { MultiValueProps } 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> & {
     isFocused?: boolean;

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

@@ -1,6 +1,6 @@
-import { MultiValueProps } from '@atlaskit/select';
+import { type MultiValueProps } from '@atlaskit/select';
 import React from 'react';
-import { Option, User } from '../types';
+import { type Option, type User } from '../types';
 export type State = {
     valueSize: number;
     previousValueSize: number;

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

@@ -1,6 +1,6 @@
-import { OptionProps as AkOptionProps } from '@atlaskit/select';
-import { FC } from 'react';
-import { Option as OptionType } from '../types';
+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;
     isSelected: boolean;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { ControlProps } from '@atlaskit/select';
+import { type 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-ts4.5/components/PopupUserPicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopupUserPickerProps } from '../types';
+import { type PopupUserPickerProps } from '../types';
 interface State {
     flipped: boolean;
 }

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

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

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

@@ -1,8 +1,8 @@
 /** @jsx jsx */
-import { ValueContainerProps } from '@atlaskit/select';
+import { type ValueContainerProps } from '@atlaskit/select';
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { Option, User } from '../types';
+import { type Option, type User } from '../types';
 export declare class SingleValueContainer extends React.Component<ValueContainerProps<Option<User>>> {
     private renderAvatar;
     onValueContainerClick: any;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { Team } from '../../types';
+import { type Team } from '../../types';
 export type TeamOptionProps = {
     team: Team;
     isSelected: boolean;

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

@@ -1,6 +1,6 @@
 import { jsx } from '@emotion/react';
 import React from 'react';
-import { User } from '../types';
+import { type User } from '../types';
 export type UserOptionProps = {
     user: User;
     status?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UserPickerProps } from '../types';
+import { type UserPickerProps } from '../types';
 export declare class UserPickerWithoutAnalytics extends React.Component<UserPickerProps> {
     ufoId: string;
     constructor(props: UserPickerProps);

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

@@ -1,5 +1,5 @@
-import { Option } from '../types';
-import { EmailValidator } from './emailValidation';
+import { type Option } from '../types';
+import { type EmailValidator } from './emailValidation';
 declare function creatableProps(isValidEmail?: EmailValidator): {
     allowCreateWhileLoading: boolean;
     createOptionPosition: string;

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

@@ -1,5 +1,5 @@
-import { Option } from '../types';
-import { EmailValidator } from './emailValidation';
+import { type Option } from '../types';
+import { type EmailValidator } from './emailValidation';
 export declare const getCreatableSuggestedEmailProps: import("memoize-one").MemoizedFn<(emailDomain: string, isValidEmail?: EmailValidator) => {
     allowCreateWhileLoading: boolean;
     createOptionPosition: string;

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

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

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

@@ -1,4 +1,4 @@
-import { StylesConfig } from '@atlaskit/select';
+import { type StylesConfig } from '@atlaskit/select';
 export declare const BORDER_PADDING: "var(--ds-space-075)";
 export declare const AVATAR_PADDING = 6;
 export declare const INDICATOR_WIDTH = 39;

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

@@ -1,5 +1,5 @@
-import { ReactChild, ReactElement, ReactNode } from 'react';
-import { AtlaskitSelectValue, ExternalUser, Custom, Email, Option, OptionData, Promisable, Team, Group, User, OptionIdentifier, DefaultValue, LozengeProps } from '../types';
+import { type ReactChild, type ReactElement, type ReactNode } from 'react';
+import { type AtlaskitSelectValue, type ExternalUser, type Custom, type Email, type Option, type OptionData, type Promisable, type Team, type Group, type User, type OptionIdentifier, type DefaultValue, type 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;

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

@@ -1,9 +1,11 @@
-import React, { type AriaAttributes, ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { Placement } from '@atlaskit/popper';
-import { EmailValidator } from './components/emailValidation';
-import { StylesConfig } from '@atlaskit/select';
-import { BaseUserPickerWithoutAnalytics } from './components/BaseUserPicker';
+import { type ReactNode } from 'react';
+import type React from 'react';
+import { type AriaAttributes } from 'react';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type Placement } from '@atlaskit/popper';
+import { type EmailValidator } from './components/emailValidation';
+import { type StylesConfig } from '@atlaskit/select';
+import { type BaseUserPickerWithoutAnalytics } from './components/BaseUserPicker';
 export type UserPickerProps = WithAnalyticsEventsProps & {
     /**
      * Used to configure additional information regarding where the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "10.20.2",
+  "version": "10.20.3",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
     "@atlaskit/logo": "^13.17.0",
     "@atlaskit/lozenge": "^11.7.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/popper": "^5.5.0",
+    "@atlaskit/popper": "^6.0.0",
     "@atlaskit/primitives": "^6.3.0",
     "@atlaskit/select": "^17.9.0",
     "@atlaskit/spinner": "^16.1.0",