@atlaskit/user-picker 11.24.0 → 11.25.1

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

@@ -1,5 +1,9 @@
+import { type CreateUIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type PopupSelectProps, type SelectComponentsConfig, type StylesConfig } from '@atlaskit/select';
 import React from 'react';
-import { type PopupUserPickerProps } from '../types';
+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 '@popperjs/core';
+import type { EmailValidator } from './emailValidation';
 interface State {
     flipped: boolean;
 }
@@ -23,23 +27,23 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     addMoreMessage?: string;
     allowEmail?: boolean;
     anchor?: React.ComponentType<any>;
-    appearance?: import("..").Appearance;
+    appearance?: Appearance;
     ariaDescribedBy?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
-    ariaLive?: "polite" | "off" | "assertive";
+    ariaLive?: 'polite' | 'off' | 'assertive';
     autoFocus?: boolean;
     captureMenuScroll?: boolean;
     clearValueLabel?: string;
     closeMenuOnScroll?: boolean | EventListener;
-    components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean>;
-    defaultValue?: import("..").DefaultValue;
+    components?: SelectComponentsConfig<OptionData, boolean>;
+    defaultValue?: DefaultValue;
     disableInput?: boolean;
     emailLabel?: string;
     fieldId: string | null;
     footer?: React.ReactNode;
-    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
-    groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[];
+    forwardedRef?: React.ForwardedRef<UserPickerRef>;
+    groupByTypeOrder?: NonNullable<OptionData['type']>[];
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;
@@ -51,18 +55,18 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     isInvalid?: boolean;
     isLoading?: boolean;
     isMulti?: boolean;
-    isValidEmail?: import("./emailValidation").EmailValidator;
-    loadOptions?: import("..").LoadOptions;
+    isValidEmail?: EmailValidator;
+    loadOptions?: LoadOptions;
     loadOptionsErrorMessage?: (value: {
         inputValue: string;
     }) => React.ReactNode;
-    loadUserSource?: import("../types").LoadUserSource;
+    loadUserSource?: LoadUserSource;
     maxOptions?: number;
     maxPickerHeight?: number;
     menuIsOpen?: boolean;
     menuMinWidth?: number;
     menuPortalTarget?: HTMLElement;
-    menuPosition?: "absolute" | "fixed";
+    menuPosition?: 'absolute' | 'fixed';
     menuShouldBlockScroll?: boolean;
     minHeight?: number | string;
     name?: string;
@@ -70,136 +74,136 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     noOptionsMessage?: ((value: {
         inputValue: string;
     }) => string | null | React.ReactNode) | null | React.ReactNode;
-    onBlur?: import("..").OnPicker;
-    onChange?: import("..").OnChange;
-    onClear?: import("..").OnPicker;
-    onClose?: import("..").OnPicker;
-    onFocus?: import("..").OnPicker;
-    onInputChange?: import("..").OnInputChange;
+    onBlur?: OnPicker;
+    onChange?: OnChange;
+    onClear?: OnPicker;
+    onClose?: OnPicker;
+    onFocus?: OnPicker;
+    onInputChange?: OnInputChange;
     onKeyDown?: (event: React.KeyboardEvent) => void;
-    onOpen?: import("..").OnPicker;
-    onSelection?: import("..").OnOption;
+    onOpen?: OnPicker;
+    onSelection?: OnOption;
     open?: boolean;
     openMenuOnClick?: boolean;
-    options?: import("..").OptionData[];
+    options?: OptionData[];
     placeholder?: React.ReactNode;
-    placeholderAvatar?: "person" | "team";
-    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData>;
+    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?: import("@atlaskit/select").StylesConfig;
+    strategy?: 'fixed' | 'absolute';
+    styles?: StylesConfig;
     subtle?: boolean;
     suggestEmailsForDomain?: string;
     textFieldBackgroundColor?: boolean;
     UNSAFE_hasDraggableParentComponent?: boolean;
-    value?: import("..").Value;
+    value?: Value;
     width?: number | string;
 } & {
-    boundariesElement?: import("../types").BoundariesElement;
+    boundariesElement?: BoundariesElement;
     offset?: [
         number,
         number
     ];
-    placement?: import("@popperjs/core").Placement;
+    placement?: Placement;
     popupTitle?: string;
-    rootBoundary?: import("../types").RootBoundary;
+    rootBoundary?: RootBoundary;
     shouldFlip?: boolean;
-    target: import("..").Target;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    placeholder?: React.ReactNode;
-    isDisabled?: boolean | undefined;
+    target: Target;
+}, keyof WithAnalyticsEventsProps>, never> & {
+    footer?: React.ReactNode;
+    header?: React.ReactNode;
+    search?: string | undefined;
+    appearance?: Appearance | undefined;
+    height?: number | string | undefined;
+    minHeight?: number | string | undefined;
+    width?: number | string | undefined;
     offset?: [
         number,
         number
     ] | undefined;
-    onChange?: import("..").OnChange | undefined;
-    onInputChange?: import("..").OnInputChange | undefined;
-    value?: import("..").Value;
-    appearance?: import("..").Appearance | undefined;
-    autoFocus?: boolean | undefined;
-    captureMenuScroll?: boolean | undefined;
-    closeMenuOnScroll?: (boolean | EventListener) | undefined;
-    components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean> | undefined;
-    inputId?: string | undefined;
-    isClearable?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isMulti?: boolean | undefined;
-    menuIsOpen?: boolean | undefined;
-    menuPosition?: "absolute" | "fixed" | undefined;
-    menuPortalTarget?: HTMLElement | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
+    shouldFlip?: boolean | undefined;
+    boundariesElement?: BoundariesElement | undefined;
+    placement?: Placement | undefined;
+    anchor?: React.ComponentType<any> | undefined;
+    onInputChange?: OnInputChange | undefined;
+    onSelection?: OnOption | undefined;
+    options?: OptionData[] | undefined;
+    required?: boolean | undefined;
     name?: string | undefined;
-    noOptionsMessage?: React.ReactNode | ((value: {
-        inputValue: string;
-    }) => string | null | React.ReactNode);
-    onBlur?: import("..").OnPicker | undefined;
-    onFocus?: import("..").OnPicker | undefined;
+    placeholder?: React.ReactNode;
+    value?: Value;
+    onChange?: OnChange | undefined;
+    defaultValue?: DefaultValue;
+    autoFocus?: boolean | undefined;
+    onFocus?: OnPicker | undefined;
+    onBlur?: OnPicker | undefined;
     onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
-    openMenuOnClick?: boolean | undefined;
-    options?: import("..").OptionData[] | undefined;
-    styles?: import("@atlaskit/select").StylesConfig | undefined;
-    required?: boolean | undefined;
-    search?: string | undefined;
-    anchor?: React.ComponentType<any> | undefined;
+    isDisabled?: boolean | undefined;
     addMoreMessage?: string | undefined;
     allowEmail?: boolean | undefined;
     ariaDescribedBy?: string | undefined;
     ariaLabel?: string | undefined;
     ariaLabelledBy?: string | undefined;
-    ariaLive?: "polite" | "off" | "assertive" | undefined;
+    ariaLive?: 'polite' | 'off' | 'assertive' | undefined;
+    captureMenuScroll?: boolean | undefined;
     clearValueLabel?: string | undefined;
-    defaultValue?: import("..").DefaultValue;
+    closeMenuOnScroll?: (boolean | EventListener) | undefined;
+    components?: SelectComponentsConfig<OptionData, boolean> | undefined;
     disableInput?: boolean | undefined;
     emailLabel?: string | undefined;
     fieldId?: string | null | undefined;
-    footer?: React.ReactNode;
-    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
-    groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[] | undefined;
-    header?: React.ReactNode;
-    height?: number | string | undefined;
+    forwardedRef?: React.ForwardedRef<UserPickerRef> | undefined;
+    groupByTypeOrder?: NonNullable<OptionData['type']>[] | undefined;
     includeTeamsUpdates?: boolean | undefined;
+    inputId?: string | undefined;
+    isClearable?: boolean | undefined;
     isFooterFocused?: boolean | undefined;
     isHeaderFocused?: boolean | undefined;
-    isValidEmail?: import("./emailValidation").EmailValidator | undefined;
-    loadOptions?: import("..").LoadOptions | undefined;
+    isInvalid?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isMulti?: boolean | undefined;
+    isValidEmail?: EmailValidator | undefined;
+    loadOptions?: LoadOptions | undefined;
     loadOptionsErrorMessage?: ((value: {
         inputValue: string;
     }) => React.ReactNode) | undefined;
-    loadUserSource?: import("../types").LoadUserSource | undefined;
+    loadUserSource?: LoadUserSource | undefined;
     maxOptions?: number | undefined;
     maxPickerHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
     menuMinWidth?: number | undefined;
-    minHeight?: number | string | undefined;
+    menuPortalTarget?: HTMLElement | undefined;
+    menuPosition?: 'absolute' | 'fixed' | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
     noBorder?: boolean | undefined;
-    onClear?: import("..").OnPicker | undefined;
-    onClose?: import("..").OnPicker | undefined;
-    onOpen?: import("..").OnPicker | undefined;
-    onSelection?: import("..").OnOption | undefined;
+    noOptionsMessage?: React.ReactNode | ((value: {
+        inputValue: string;
+    }) => string | null | React.ReactNode);
+    onClear?: OnPicker | undefined;
+    onClose?: OnPicker | undefined;
+    onOpen?: OnPicker | undefined;
     open?: boolean | undefined;
-    placeholderAvatar?: "person" | "team" | undefined;
-    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData> | undefined;
+    openMenuOnClick?: boolean | undefined;
+    placeholderAvatar?: 'person' | 'team' | undefined;
+    popupSelectProps?: PopupSelectProps<OptionData> | undefined;
     setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     setIsHeaderFocused?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     showClearIndicator?: boolean | undefined;
-    strategy?: "fixed" | "absolute" | undefined;
+    strategy?: 'fixed' | 'absolute' | undefined;
+    styles?: StylesConfig | undefined;
     subtle?: boolean | undefined;
     suggestEmailsForDomain?: string | undefined;
     textFieldBackgroundColor?: boolean | undefined;
     UNSAFE_hasDraggableParentComponent?: boolean | undefined;
-    width?: number | string | undefined;
-    target?: import("..").Target | undefined;
     popupTitle?: string | undefined;
-    placement?: import("@popperjs/core").Placement | undefined;
-    rootBoundary?: import("../types").RootBoundary | undefined;
-    boundariesElement?: import("../types").BoundariesElement | undefined;
-    shouldFlip?: boolean | undefined;
+    rootBoundary?: RootBoundary | undefined;
+    target?: Target | undefined;
 } & {
     ref?: React.Ref<any> | undefined;
-    createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
-}, "ref"> & React.RefAttributes<any>>;
+    createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined;
+}, 'ref'> & React.RefAttributes<any>>;
 export {};

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

@@ -31,6 +31,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     footer?: React.ReactNode;
     forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
     groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[];
+    customGroupLabels?: Partial<Record<NonNullable<import("..").OptionData["type"]>, React.ReactNode>>;
     header?: React.ReactNode;
     height?: number | string;
     includeTeamsUpdates?: boolean;
@@ -89,7 +90,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("..").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "customGroupLabels" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -169,6 +169,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    archivedLozenge: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     userTypeLabel: {
         id: string;
         defaultMessage: string;

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

@@ -5,4 +5,4 @@ export { PopupUserPicker } from './components/PopupUserPicker';
 export { SingleValue } from './components/SingleValue';
 export { isEmail, isExternalUser, isTeam, isUser, isGroup } from './components/utils';
 export { CustomType, EmailType, GroupType, TeamType, UserType, ExternalUserType, } from './types';
-export type { ActionTypes, Appearance, AtlasKitSelectChange, AtlaskitSelectValue, DefaultValue, InputActionTypes, LozengeProps, OnChange, OnInputChange, OnOption, OnPicker, Option, OptionData, OptionIdentifier, PopupUserPickerProps, Promisable, Target, UserPickerProps, UserPickerState, Value, Custom, Email, Group, GroupHighlight, HighlightRange, LoadOptions, Team, TeamMember, TeamHighlight, User, UserHighlight, ExternalUser, UserSource, } from './types';
+export type { ActionTypes, Appearance, AtlasKitSelectChange, AtlaskitSelectValue, DefaultValue, InputActionTypes, LozengeProps, OnChange, OnInputChange, OnOption, OnPicker, Option, OptionData, OptionIdentifier, PopupUserPickerProps, Promisable, Target, TeamState, UserPickerProps, UserPickerState, Value, Custom, Email, Group, GroupHighlight, HighlightRange, LoadOptions, Team, TeamMember, TeamHighlight, User, UserHighlight, ExternalUser, UserSource, } from './types';

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

@@ -66,6 +66,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     forwardedRef?: React.ForwardedRef<UserPickerRef>;
     /** group the options by type */
     groupByTypeOrder?: NonNullable<OptionData['type']>[];
+    /** Custom labels for grouped option types. Overrides default labels when groupByTypeOrder is used. */
+    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
     /** Header to be displayed in MenuList */
     header?: React.ReactNode;
     /** Sets the height of the user picker. If not set, the height settings will be based on the "compact" or "normal" appearance. */
@@ -323,6 +325,7 @@ export interface LozengeProps {
     tooltip?: string;
 }
 export declare const TeamType = "team";
+export type TeamState = 'ACTIVE' | 'DISBANDED' | 'PURGED';
 export interface TeamMember {
     id: string;
     name: string;
@@ -337,6 +340,7 @@ export interface Team extends OptionData {
     includeTeamsUpdates?: boolean;
     memberCount?: number;
     members?: TeamMember[];
+    state?: TeamState;
     teamTypeName?: string;
     type: 'team';
     verified?: boolean;

package/dist/types-ts4.5/util/group-options-by-type/index.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { OptionData, Option, GroupedOptions } from '../../types';
-export declare const groupOptionsByType: import("memoize-one").MemoizedFn<(options: Option[], groupByTypeOrder: NonNullable<OptionData["type"]>[]) => Option[] | GroupedOptions[]>;
+export declare const groupOptionsByType: import("memoize-one").MemoizedFn<(options: Option[], groupByTypeOrder: NonNullable<OptionData["type"]>[], customGroupLabels?: Partial<Record<NonNullable<OptionData["type"]>, React.ReactNode>>) => Option[] | GroupedOptions[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.24.0",
+	"version": "11.25.1",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,21 +44,21 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.8.0",
+		"@atlaskit/avatar": "^25.9.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/logo": "^19.10.0",
-		"@atlaskit/lozenge": "^13.4.0",
+		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/people-teams-ui-public": "^3.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/select": "^21.7.0",
+		"@atlaskit/select": "^21.8.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tag": "^14.5.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.0.0",
+		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -79,7 +79,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/elements-test-helpers": "workspace:^",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlassian/a11y-jest-testing": "^0.11.0",
+		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/dom": "^10.1.0",
@@ -122,6 +122,12 @@
 		},
 		"platform-dst-lozenge-tag-badge-visual-uplifts": {
 			"type": "boolean"
+		},
+		"enable-sup-archive-experience": {
+			"type": "boolean"
+		},
+		"jsm-wfo-assignee-recommendation-on-queues": {
+			"type": "boolean"
 		}
 	}
 }