@atlaskit/user-picker 11.2.2 → 11.3.0

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

@@ -19,7 +19,77 @@ 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>) => 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("@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>>>;
     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/i18n.d.ts

@@ -129,4 +129,39 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    userTypeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    teamTypeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emailTypeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    groupTypeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    externalUserTypeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    customTypeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    otherTypeLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -10,7 +10,7 @@ export declare const getPopupProps: import("memoize-one").MemoizedFn<(width: str
     popupTitle: string | undefined;
     popperProps: {
         placement: Placement;
-        strategy: "absolute" | "fixed";
+        strategy: "fixed" | "absolute";
         modifiers: ({
             name: string;
             options: {

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

@@ -182,6 +182,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     showClearIndicator?: boolean;
     /** Ref to the underlying select */
     forwardedRef?: React.ForwardedRef<UserPickerRef>;
+    /** group the options by type */
+    groupByTypeOrder?: NonNullable<OptionData['type']>[];
 };
 export type UserPickerRef = {
     focus: () => void;
@@ -343,6 +345,10 @@ export type Option<Data = OptionData> = {
     label: string;
     value: string;
 };
+export type GroupedOptions = {
+    label: React.JSX.Element;
+    options: Option[];
+};
 export interface UserSourceResult {
     sourceId: string;
     sourceType: UserSource;

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

@@ -0,0 +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[]>;

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

@@ -1,13 +1,8 @@
 import Link from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { md } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
 
-const LinkComponent = (props: any) =>
-	// eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-has-content
-	fg('dst-a11y__replace-anchor-with-link__search-platfor') ? <Link {...props} /> : <a {...props} />;
-
 export default md`
   ${(
 		<SectionMessage
@@ -15,9 +10,9 @@ export default md`
 			title="Note: @atlaskit/user-picker/smart-user-picker is deprecated."
 		>
 			SmartUserPicker has moved packages! Please use{' '}
-			<LinkComponent href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
+			<Link href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
 				@atlaskit/smart-user-picker
-			</LinkComponent>{' '}
+			</Link>{' '}
 			instead. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact
 			#search-plex for further details.
 		</SectionMessage>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.2.2",
+	"version": "11.3.0",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,19 +51,18 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.1.0",
-		"@atlaskit/icon": "^26.4.0",
-		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^19.0.0",
+		"@atlaskit/icon": "^27.1.0",
+		"@atlaskit/logo": "^19.1.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.0.0",
-		"@atlaskit/primitives": "^14.8.0",
-		"@atlaskit/select": "^20.6.0",
+		"@atlaskit/primitives": "^14.9.0",
+		"@atlaskit/select": "^20.7.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -116,7 +115,7 @@
 		"user-picker-show-clear-indicator": {
 			"type": "boolean"
 		},
-		"dst-a11y__replace-anchor-with-link__search-platfor": {
+		"support_group_by_type_for_user_picker": {
 			"type": "boolean"
 		}
 	}