@atlaskit/user-picker 13.9.0 → 13.10.1

package/dist/esm/util/group-options-by-type/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FormattedMessage } from 'react-intl';
 import memoizeOne from 'memoize-one';
 import { messages } from '../../components/i18n';

package/dist/esm/util/ufoExperiences.js

@@ -6,7 +6,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { ExperiencePerformanceTypes, ExperienceTypes, ConcurrentExperience, UFOExperienceState } from '@atlaskit/ufo';
+import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
+import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
+import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
 export var userPickerRenderedUfoExperience = new ConcurrentExperience('user-picker-rendered', {
   platform: {
     component: 'user-picker'

package/dist/types/analytics.d.ts

@@ -1,4 +1,6 @@
-import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import type { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import { type UserPickerProps, type UserPickerState } from './types';
 export type UserPickerSession = {
     downCount: number;

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

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
-import { type AppearanceType } from '@atlaskit/avatar';
+import type { AppearanceType } from '@atlaskit/avatar/types';
 import { jsx } from '@emotion/react';
 export type AvatarOrIconProps = {
     appearance?: string;

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

@@ -1,8 +1,9 @@
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 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 { SelectComponentsConfig, StylesConfig } from '@atlaskit/select/types';
+import type { PopupSelectProps } from '@atlaskit/select/popup-select';
 import type { EmailValidator } from './emailValidation';
 export type BaseUserPickerProps = UserPickerProps & {
     components: any;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 import React from 'react';
 import type { ExternalUser } from '../../types';
 declare const AsyncExternalUserOption: React.LazyExoticComponent<React.ForwardRefExoticComponent<Omit<{

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

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { type SerializedStyles } from '@emotion/react';
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { type ExternalUser } from '../../types';
 export declare const imageContainer: SerializedStyles;
 export declare const emailDomainWrapper: SerializedStyles;

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

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React, { type AriaAttributes } from 'react';
-import { type OptionType, type SelectProps } from '@atlaskit/select';
+import type { OptionType, SelectProps } from '@atlaskit/select/types';
 import { type AriaAttributesType } from '../types';
 export type Props = {
     ariaDescribedBy?: AriaAttributesType;

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

@@ -3,9 +3,9 @@
  * @jsx jsx
  */
 import React from 'react';
-import { type OptionType } from '@atlaskit/select';
+import type { OptionType } from '@atlaskit/select/types';
 import { type Option, type UserPickerProps } from '../types';
-import { type MultiValueProps } from '@atlaskit/select';
+import type { MultiValueProps } from '@atlaskit/select/types';
 export declare const scrollToValue: (valueContainer: HTMLDivElement, control: HTMLElement) => void;
 type Props = MultiValueProps<OptionType> & {
     data: Option;

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

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type MultiValueProps } from '@atlaskit/select';
+import type { MultiValueProps } from '@atlaskit/select/types';
 import React from 'react';
 import { type Option, type User } from '../types';
 export type State = {

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

@@ -1,4 +1,4 @@
-import { type OptionProps as AkOptionProps } from '@atlaskit/select';
+import type { OptionProps as AkOptionProps } from '@atlaskit/select/types';
 import React, { type ReactNode } from 'react';
 import { type Option as OptionType } from '../types';
 export type OptionProps = AkOptionProps & {

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

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

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

@@ -1,8 +1,10 @@
-import { type CreateUIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type PopupSelectProps, type SelectComponentsConfig, type StylesConfig } from '@atlaskit/select';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
+import { type PopupSelectProps } from '@atlaskit/select/popup-select';
+import type { SelectComponentsConfig, StylesConfig } from '@atlaskit/select/types';
 import React from 'react';
 import { type Appearance, type BoundariesElement, type DefaultValue, type LoadOptions, type LoadUserSource, type OnChange, type OnInputChange, type OnOption, type OnPicker, type OptionData, type PopupUserPickerProps, type RootBoundary, type Target, type UserPickerRef, type Value } from '../types';
-import type { Placement } from '@atlaskit/popper/popper';
+import type { Placement } from '@atlaskit/popper/main';
 import type { EmailValidator } from './emailValidation';
 interface State {
     flipped: boolean;

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

@@ -1,5 +1,5 @@
 import { type Option, type OptionData } from '../types';
-import { type SingleValueProps } from '@atlaskit/select';
+import type { SingleValueProps } from '@atlaskit/select/types';
 export type Props = SingleValueProps<Option> & {
     shouldShowVerifiedIcon?: (data: OptionData) => boolean;
 };

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

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

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

@@ -1,4 +1,4 @@
-import { type AppearanceType } from '@atlaskit/avatar';
+import type { AppearanceType } from '@atlaskit/avatar/types';
 import React from 'react';
 export type Props = {
     appearance: string;

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

@@ -2,8 +2,9 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { type PopupSelectProps, type SelectComponentsConfig, type StylesConfig } from '@atlaskit/select';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import type { PopupSelectProps } from '@atlaskit/select/popup-select';
+import type { SelectComponentsConfig, StylesConfig } from '@atlaskit/select/types';
 import React from 'react';
 import { type Appearance, type DefaultValue, type LoadOptions, type LoadUserSource, type OnChange, type OnInputChange, type OnOption, type OnPicker, type OptionData, type UserPickerProps, type UserPickerRef, type Value } from '../types';
 import type { EmailValidator } from './emailValidation';

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

@@ -9,9 +9,19 @@ import { SingleValueContainer } from './SingleValueContainer';
 import { PopupInput } from './PopupInput';
 import { PopupControl } from './PopupControl';
 import { Menu } from './Menu';
-import { type ClearIndicatorProps, type ControlProps, type DropdownIndicatorProps, type IndicatorsContainerProps, type InputProps, type LoadingIndicatorProps, type MultiValueGenericProps, type MultiValueProps, type MultiValueRemoveProps, type NoticeProps, type SelectComponentsConfig, type SingleValueProps } from '@atlaskit/select';
+import type { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, IndicatorsContainerProps, InputProps, LoadingIndicatorProps, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, NoticeProps, SelectComponentsConfig, SingleValueProps } from '@atlaskit/select/types';
 import { type OptionData, type UserPickerProps } from '../types';
-import type { OptionProps as ReactSelectOptionProps, GroupBase, GroupProps, ControlProps as ReactSelectControlProps, GroupHeadingProps, MenuProps, MenuListProps, MenuPortalProps, PlaceholderProps, ContainerProps, ValueContainerProps } from '@atlaskit/react-select';
+import type { OptionProps as ReactSelectOptionProps } from '@atlaskit/react-select/option';
+import type { GroupBase } from '@atlaskit/react-select/types';
+import type { GroupProps } from '@atlaskit/react-select/group';
+import type { ControlProps as ReactSelectControlProps } from '@atlaskit/react-select/control';
+import type { GroupHeadingProps } from '@atlaskit/react-select/group-heading';
+import type { MenuProps } from '@atlaskit/react-select/menu';
+import type { MenuListProps } from '@atlaskit/react-select/menu-list';
+import type { MenuPortalProps } from '@atlaskit/react-select/menu-portal';
+import type { PlaceholderProps } from '@atlaskit/react-select/placeholder';
+import type { ContainerProps } from '@atlaskit/react-select/select-container';
+import type { ValueContainerProps } from '@atlaskit/react-select/value-container';
 import type { ComponentType, FC } from 'react';
 /**
  * Memoize getComponents to avoid rerenders.

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

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

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

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

package/dist/types/types.d.ts

@@ -1,10 +1,11 @@
 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 { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import type { Placement } from '@atlaskit/popper/main';
 import { type EmailValidator } from './components/emailValidation';
-import { type StylesConfig, type SelectComponentsConfig, type PopupSelectProps } from '@atlaskit/select';
+import type { StylesConfig, SelectComponentsConfig } from '@atlaskit/select/types';
+import type { PopupSelectProps } from '@atlaskit/select/popup-select';
 import { type BaseUserPickerWithoutAnalytics } from './components/BaseUserPicker';
 export type UserPickerProps = WithAnalyticsEventsProps & {
     /** Message to encourage the user to add more items to user picker. */

package/dist/types/util/ufoExperiences.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ConcurrentExperience } from '@atlaskit/ufo';
+import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
 export declare const userPickerRenderedUfoExperience: ConcurrentExperience;
 export declare const userPickerOptionsShownUfoExperience: ConcurrentExperience;
 export declare class UfoErrorBoundary extends React.Component<React.PropsWithChildren<{

package/docs/1-smart-user-picker.tsx

@@ -1,7 +1,7 @@
-import Link from '@atlaskit/link';
+import Link from '@atlaskit/link/link';
 import React from 'react';
 import { md } from '@atlaskit/docs';
-import SectionMessage from '@atlaskit/section-message';
+import SectionMessage from '@atlaskit/section-message/message';
 
 const _default_1: any = md`
   ${(

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "13.9.0",
+	"version": "13.10.1",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -16,10 +16,10 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/search-test-utils": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/heading": "^7.0.0",
-		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^3.2.0",
-		"@atlassian/a11y-jest-testing": "^0.15.0",
-		"@atlassian/a11y-playwright-testing": "^0.10.0",
+		"@atlaskit/heading": "^7.1.0",
+		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^3.3.0",
+		"@atlassian/a11y-jest-testing": "^0.17.0",
+		"@atlassian/a11y-playwright-testing": "^0.12.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/dom": "^10.1.0",
@@ -65,22 +65,22 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.200.0",
 		"@atlaskit/analytics-next": "^12.3.0",
-		"@atlaskit/avatar": "^27.0.0",
+		"@atlaskit/avatar": "^27.2.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
-		"@atlaskit/icon": "^37.3.0",
-		"@atlaskit/logo": "^21.4.0",
-		"@atlaskit/lozenge": "^15.0.0",
+		"@atlaskit/icon": "^37.5.0",
+		"@atlaskit/logo": "^21.5.0",
+		"@atlaskit/lozenge": "^15.3.0",
 		"@atlaskit/people-teams-ui-public": "^5.2.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/popper": "^9.1.0",
-		"@atlaskit/primitives": "^22.2.0",
+		"@atlaskit/popper": "^9.3.0",
+		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/select": "^22.6.0",
-		"@atlaskit/spinner": "^20.1.0",
-		"@atlaskit/tag": "^15.4.0",
+		"@atlaskit/select": "^22.9.0",
+		"@atlaskit/spinner": "^20.3.0",
+		"@atlaskit/tag": "^15.7.0",
 		"@atlaskit/teams-avatar": "^4.1.0",
-		"@atlaskit/tokens": "^16.7.0",
-		"@atlaskit/tooltip": "^24.0.0",
+		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/tooltip": "^24.2.0",
 		"@atlaskit/ufo": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -115,6 +115,9 @@
 		"platform-dst-lozenge-tag-badge-visual-uplifts": {
 			"type": "boolean"
 		},
+		"platform-dst-motion-uplift-labels": {
+			"type": "boolean"
+		},
 		"jsm_routing_recommended_agent_minor_fix": {
 			"type": "boolean"
 		},