@atlaskit/user-picker 11.4.3 → 11.5.0

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

@@ -12,75 +12,76 @@ export declare class UserPickerWithoutAnalytics extends React.Component<UserPick
 }
 export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     fieldId: string | null;
-    options?: import("../types").OptionData[] | undefined;
-    width?: string | number | undefined;
-    menuMinWidth?: number | undefined;
-    maxPickerHeight?: number | undefined;
-    textFieldBackgroundColor?: boolean | undefined;
-    loadOptions?: import("../types").LoadOptions | undefined;
-    loadOptionsErrorMessage?: ((value: {
+    options?: import("../types").OptionData[];
+    width?: number | string;
+    height?: number | string;
+    menuMinWidth?: number;
+    maxPickerHeight?: number;
+    textFieldBackgroundColor?: boolean;
+    loadOptions?: import("../types").LoadOptions;
+    loadOptionsErrorMessage?: (value: {
         inputValue: string;
-    }) => React.ReactNode) | undefined;
-    loadUserSource?: import("../types").LoadUserSource | undefined;
-    onChange?: import("../types").OnChange | undefined;
-    isMulti?: boolean | undefined;
-    search?: string | undefined;
-    anchor?: React.ComponentType<any> | undefined;
-    open?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    onInputChange?: import("../types").OnInputChange | undefined;
-    onSelection?: import("../types").OnOption | undefined;
-    onFocus?: import("../types").OnPicker | undefined;
-    onBlur?: import("../types").OnPicker | undefined;
-    onClear?: import("../types").OnPicker | undefined;
-    onOpen?: import("../types").OnPicker | undefined;
-    onClose?: import("../types").OnPicker | undefined;
-    onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    appearance?: import("../types").Appearance | undefined;
-    subtle?: boolean | undefined;
-    noBorder?: boolean | undefined;
-    styles?: import("@atlaskit/select").StylesConfig | undefined;
-    components?: Partial<import("packages/design-system/react-select/dist/types/components").SelectComponents<import("../types").OptionData, boolean, import("@atlaskit/select").GroupType<import("../types").OptionData>>> | undefined;
+    }) => React.ReactNode;
+    loadUserSource?: import("../types").LoadUserSource;
+    onChange?: import("../types").OnChange;
+    isMulti?: boolean;
+    search?: string;
+    anchor?: React.ComponentType<any>;
+    open?: boolean;
+    isLoading?: boolean;
+    onInputChange?: import("../types").OnInputChange;
+    onSelection?: import("../types").OnOption;
+    onFocus?: import("../types").OnPicker;
+    onBlur?: import("../types").OnPicker;
+    onClear?: import("../types").OnPicker;
+    onOpen?: import("../types").OnPicker;
+    onClose?: import("../types").OnPicker;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    appearance?: import("../types").Appearance;
+    subtle?: boolean;
+    noBorder?: boolean;
+    styles?: import("@atlaskit/select").StylesConfig;
+    components?: import("@atlaskit/select").SelectComponentsConfig<import("../types").OptionData, boolean>;
     defaultValue?: import("../types").DefaultValue;
     placeholder?: React.ReactNode;
-    placeholderAvatar?: "team" | "person" | undefined;
-    addMoreMessage?: string | undefined;
-    noOptionsMessage?: React.ReactNode | ((value: {
+    placeholderAvatar?: "person" | "team";
+    addMoreMessage?: string;
+    noOptionsMessage?: ((value: {
         inputValue: string;
-    }) => React.ReactNode);
+    }) => string | null | React.ReactNode) | null | React.ReactNode;
     footer?: React.ReactNode;
     value?: import("../types").Value;
-    isDisabled?: boolean | undefined;
-    isInvalid?: boolean | undefined;
-    isClearable?: boolean | undefined;
-    clearValueLabel?: string | undefined;
-    menuPosition?: "fixed" | "absolute" | undefined;
-    captureMenuScroll?: boolean | undefined;
-    menuPortalTarget?: HTMLElement | undefined;
-    allowEmail?: boolean | undefined;
-    suggestEmailsForDomain?: string | undefined;
-    emailLabel?: string | undefined;
-    disableInput?: boolean | undefined;
-    isValidEmail?: import("./emailValidation").EmailValidator | undefined;
-    autoFocus?: boolean | undefined;
-    maxOptions?: number | undefined;
-    inputId?: string | undefined;
-    closeMenuOnScroll?: boolean | EventListener | undefined;
-    menuShouldBlockScroll?: boolean | undefined;
-    ariaLabel?: string | undefined;
-    ariaLabelledBy?: string | undefined;
-    ariaDescribedBy?: string | undefined;
-    ariaLive?: "polite" | "off" | "assertive" | undefined;
-    name?: string | undefined;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isClearable?: boolean;
+    clearValueLabel?: string;
+    menuPosition?: "absolute" | "fixed";
+    captureMenuScroll?: boolean;
+    menuPortalTarget?: HTMLElement;
+    allowEmail?: boolean;
+    suggestEmailsForDomain?: string;
+    emailLabel?: string;
+    disableInput?: boolean;
+    isValidEmail?: import("./emailValidation").EmailValidator;
+    autoFocus?: boolean;
+    maxOptions?: number;
+    inputId?: string;
+    closeMenuOnScroll?: boolean | EventListener;
+    menuShouldBlockScroll?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    ariaLive?: "polite" | "off" | "assertive";
+    name?: string;
     header?: React.ReactNode;
-    required?: boolean | undefined;
-    UNSAFE_hasDraggableParentComponent?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    strategy?: "fixed" | "absolute" | undefined;
-    showClearIndicator?: boolean | undefined;
-    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
-    groupByTypeOrder?: NonNullable<"user" | "team" | "email" | "group" | "custom" | "external_user" | undefined>[] | undefined;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "anchor" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaDescribedBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "strategy" | "showClearIndicator" | "forwardedRef" | "groupByTypeOrder"> & {
+    required?: boolean;
+    UNSAFE_hasDraggableParentComponent?: boolean;
+    openMenuOnClick?: boolean;
+    strategy?: "fixed" | "absolute";
+    showClearIndicator?: boolean;
+    forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
+    groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[];
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "anchor" | "fieldId" | "height" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaDescribedBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "strategy" | "showClearIndicator" | "forwardedRef" | "groupByTypeOrder"> & {
     isMulti?: boolean | undefined;
-    width?: string | number | undefined;
+    width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ClearIndicator } from './ClearIndicator';
 import { MultiValue } from './MultiValue';
 import { MultiValueContainer } from './MultiValueContainer';
@@ -19,77 +18,7 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
     Option: import("react").FC<import("./Option").OptionProps> | import("react").ComponentType<import("packages/design-system/react-select/dist/types").OptionProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
     Group?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
     ClearIndicator: typeof ClearIndicator | import("react").ComponentType<import("@atlaskit/select").ClearIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
-    Control: ((props: import("@atlaskit/select").ControlProps<any> & import("@atlaskit/analytics-next").WithAnalyticsEventsProps & {
-        fieldId: string | null;
-        options?: OptionData[] | undefined;
-        width?: string | number | undefined;
-        menuMinWidth?: number | undefined;
-        maxPickerHeight?: number | undefined;
-        textFieldBackgroundColor?: boolean | undefined;
-        loadOptions?: import("../types").LoadOptions | undefined;
-        loadOptionsErrorMessage?: ((value: {
-            inputValue: string;
-        }) => import("react").ReactNode) | undefined;
-        loadUserSource?: import("../types").LoadUserSource | undefined;
-        onChange?: import("../types").OnChange | undefined;
-        isMulti?: boolean | undefined;
-        search?: string | undefined;
-        anchor?: import("react").ComponentType<any> | undefined;
-        open?: boolean | undefined;
-        isLoading?: boolean | undefined;
-        onInputChange?: import("../types").OnInputChange | undefined;
-        onSelection?: import("../types").OnOption | undefined;
-        onFocus?: import("../types").OnPicker | undefined;
-        onBlur?: import("../types").OnPicker | undefined;
-        onClear?: import("../types").OnPicker | undefined;
-        onOpen?: import("../types").OnPicker | undefined;
-        onClose?: import("../types").OnPicker | undefined;
-        onKeyDown?: ((event: import("react").KeyboardEvent<Element>) => void) | undefined;
-        appearance?: import("../types").Appearance | undefined;
-        subtle?: boolean | undefined;
-        noBorder?: boolean | undefined;
-        styles?: import("@atlaskit/select").StylesConfig | undefined;
-        components?: Partial<import("packages/design-system/react-select/dist/types/components").SelectComponents<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
-        defaultValue?: import("../types").DefaultValue;
-        placeholder?: import("react").ReactNode;
-        placeholderAvatar?: "team" | "person" | undefined;
-        addMoreMessage?: string | undefined;
-        noOptionsMessage?: import("react").ReactNode | ((value: {
-            inputValue: string;
-        }) => import("react").ReactNode);
-        footer?: import("react").ReactNode;
-        value?: import("../types").Value;
-        isDisabled?: boolean | undefined;
-        isInvalid?: boolean | undefined;
-        isClearable?: boolean | undefined;
-        clearValueLabel?: string | undefined;
-        menuPosition?: "fixed" | "absolute" | undefined;
-        captureMenuScroll?: boolean | undefined;
-        menuPortalTarget?: HTMLElement | undefined;
-        allowEmail?: boolean | undefined;
-        suggestEmailsForDomain?: string | undefined;
-        emailLabel?: string | undefined;
-        disableInput?: boolean | undefined;
-        isValidEmail?: import("./emailValidation").EmailValidator | undefined;
-        autoFocus?: boolean | undefined;
-        maxOptions?: number | undefined;
-        inputId?: string | undefined;
-        closeMenuOnScroll?: boolean | EventListener | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        ariaLabel?: string | undefined;
-        ariaLabelledBy?: string | undefined;
-        ariaDescribedBy?: string | undefined;
-        ariaLive?: "polite" | "off" | "assertive" | undefined;
-        name?: string | undefined;
-        header?: import("react").ReactNode;
-        required?: boolean | undefined;
-        UNSAFE_hasDraggableParentComponent?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        strategy?: "fixed" | "absolute" | undefined;
-        showClearIndicator?: boolean | undefined;
-        forwardedRef?: import("react").ForwardedRef<import("../types").UserPickerRef> | undefined;
-        groupByTypeOrder?: NonNullable<"user" | "team" | "email" | "group" | "custom" | "external_user" | undefined>[] | undefined;
-    }) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    Control: ((props: import("@atlaskit/select").ControlProps<any> & import("../types").UserPickerProps) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
     DropdownIndicator: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
     GroupHeading?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupHeadingProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
     IndicatorsContainer?: import("react").ComponentType<import("@atlaskit/select").IndicatorsContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;

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

@@ -3,9 +3,9 @@ import { type EmailValidator } from './emailValidation';
 declare function creatableProps(isValidEmail?: EmailValidator): {
     allowCreateWhileLoading: boolean;
     createOptionPosition: string;
-    isValidNewOption: (inputValue?: string | undefined) => boolean | "" | undefined;
+    isValidNewOption: (inputValue?: string) => boolean | "" | undefined;
     getNewOptionData: (inputValue: string) => Option;
-    formatCreateLabel: (inputText?: string | undefined) => string;
+    formatCreateLabel: (inputText?: string) => string;
     isOptionDisabled: (option: Option) => boolean;
 };
 export declare const getCreatableProps: typeof creatableProps;

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

@@ -1,6 +1,6 @@
 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, strategy?: 'fixed' | 'absolute') => {
+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, strategy?: "fixed" | "absolute") => {
     searchThreshold: number;
     controlShouldRenderValue: boolean;
     minMenuWidth: string | number;

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

@@ -2,5 +2,5 @@ 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;
-export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isInvalid?: boolean, isVisualRefresh?: boolean, isPopupStyles?: boolean) => StylesConfig>;
+export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isInvalid?: boolean, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
 export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean) => StylesConfig>;

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

@@ -18,8 +18,8 @@ export interface OptionToSelectableOptions {
     (defaultValue?: DefaultValue): Option | Option[] | null | undefined;
 }
 export declare const optionToSelectableOptions: OptionToSelectableOptions;
-export declare const getAvatarSize: (appearance: string) => 'xsmall' | 'small' | 'medium';
-export declare const isChildInput: (child: ReactChild) => child is ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const getAvatarSize: (appearance: string) => "xsmall" | "small" | "medium";
+export declare const isChildInput: (child: ReactChild) => child is ReactElement<any>;
 export declare const isSingleValue: (value?: AtlaskitSelectValue) => value is Option;
 export declare const hasValue: (value?: string) => value is string;
 export declare const callCallback: <U extends any[], R>(callback: ((...U: U) => R) | undefined, ...args: U) => R | undefined;

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

@@ -29,6 +29,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     options?: OptionData[];
     /** Width of the user picker field. It can be the amount of pixels as numbers or a string with the percentage. */
     width?: number | string;
+    /** Sets the height of the user picker. If not set, the height settings will be based on the "compact" or "normal" appearance. */
+    height?: number | string;
     /** Sets the minimum width for the menu. If not set, menu will always have the same width of the field. */
     menuMinWidth?: number;
     /** Sets max height of the user picker. If not set, the height will grow based on number of picked users. */
@@ -333,6 +335,7 @@ export declare const CustomType = "custom";
 export interface Email extends OptionData {
     type: 'email';
     suggestion?: boolean;
+    isPendingAction?: boolean;
 }
 export type ActionTypes = 'select-option' | 'deselect-option' | 'remove-value' | 'pop-value' | 'set-value' | 'clear' | 'create-option';
 export type OnChange = (value: Value, action: ActionTypes) => void;

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

@@ -1,2 +1,2 @@
 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"]>[]) => Option[] | GroupedOptions[]>;

package/option/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/option.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/option.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.4.3",
+	"version": "11.5.0",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,8 +50,8 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.1.0",
-		"@atlaskit/icon": "^27.9.0",
-		"@atlaskit/logo": "^19.6.0",
+		"@atlaskit/icon": "^27.12.0",
+		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -93,8 +93,7 @@
 		"mock-apollo-client": "^0.1.0",
 		"react-beautiful-dnd": "^12.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
-		"react-select-event": "^5.5.0",
-		"typescript": "~5.4.2"
+		"react-select-event": "^5.5.0"
 	},
 	"techstack": {
 		"@repo/internal": {
@@ -110,6 +109,12 @@
 	"platform-feature-flags": {
 		"platform-component-visual-refresh": {
 			"type": "boolean"
+		},
+		"jifjam_bulk_operations": {
+			"type": "boolean"
+		},
+		"twcg-444-invite-usd-improvements-m2-gate": {
+			"type": "boolean"
 		}
 	}
 }

package/types/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]