@atlaskit/user-picker 12.1.3 → 13.0.0

package/dist/esm/components/Control.compiled.css

@@ -16,7 +16,7 @@
 ._4cvx1j28:hover{border-color:transparent}
 ._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
 ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
+._irr3187o:hover{background-color:var(--ds-background-disabled,#0515240f)}
 ._irr31gly:hover{background-color:var(--ds-background-danger,#ffeceb)}
 ._irr31j9a:hover{background-color:var(--ds-background-input,#fff)}
-._irr3by5v:hover{background-color:var(--ds-background-disabled,#17171708)}
 ._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}

package/dist/esm/components/Control.js

@@ -8,7 +8,7 @@ import { cx } from '@compiled/react';
 var controlStyles = {
   invalid: "_1h6d1bqt _4cvx1bqt",
   focused: "_1h6d1v1w _bfhk1j9a _4cvx1v1w _irr31j9a",
-  disabled: "_irr3by5v",
+  disabled: "_irr3187o",
   subtle: "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31gly",
   root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6drsbi _bfhk1j9a _p12f1osq _14regrf3 _4cvxrsbi _irr3l4ek _1a98zg3v",
   compact: "_1tke1wug"

package/dist/esm/components/styles.js

@@ -29,13 +29,13 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
       return _objectSpread(_objectSpread({}, css), {}, {
         width: width,
         borderColor: state.isFocused ? "var(--ds-border-focused, #4688EC)" : state.isInvalid ? "var(--ds-border-danger, #E2483D)" : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, #8C8F97)",
-        backgroundColor: state.isFocused ? "var(--ds-background-input, #FFFFFF)" : state.selectProps.subtle ? 'transparent' : state.isDisabled && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? "var(--ds-background-disabled, #17171708)" : state.selectProps.textFieldBackgroundColor ? "var(--ds-background-input, #FFFFFF)" : "var(--ds-background-input, #FFFFFF)",
+        backgroundColor: state.isFocused ? "var(--ds-background-input, #FFFFFF)" : state.selectProps.subtle ? 'transparent' : state.isDisabled && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? "var(--ds-background-disabled, #0515240F)" : state.selectProps.textFieldBackgroundColor ? "var(--ds-background-input, #FFFFFF)" : "var(--ds-background-input, #FFFFFF)",
         '&:hover .fabric-user-picker__clear-indicator': {
           opacity: 1
         },
         ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
           borderColor: state.isFocused ? css[':hover'] ? "var(--ds-border-focused, #4688EC)" : "var(--ds-border-focused, #4688EC)" : state.isInvalid ? "var(--ds-border-danger, #E2483D)" : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, #8C8F97)",
-          backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, #FFECEB)" : state.isFocused ? css[':hover'] ? "var(--ds-background-input, #FFFFFF)" : "var(--ds-background-input, #FFFFFF)" : state.isDisabled ? "var(--ds-background-disabled, #17171708)" : "var(--ds-background-input-hovered, #F8F8F8)"
+          backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, #FFECEB)" : state.isFocused ? css[':hover'] ? "var(--ds-background-input, #FFFFFF)" : "var(--ds-background-input, #FFFFFF)" : state.isDisabled ? "var(--ds-background-disabled, #0515240F)" : "var(--ds-background-input-hovered, #F8F8F8)"
         }),
         padding: 0,
         minHeight: minHeight ? minHeight : height || isCompact ? isMulti && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? 30 : 'none' : isMulti && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? 42 : 44,

package/dist/esm/util/i18n-util.js

@@ -12,145 +12,145 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
  */
 var _getMessagesForLocale = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
-    var fragments;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var fragments, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.t0 = locale;
-          _context.next = _context.t0 === 'cs' ? 3 : _context.t0 === 'da' ? 4 : _context.t0 === 'de' ? 5 : _context.t0 === 'en' ? 6 : _context.t0 === 'en_GB' ? 7 : _context.t0 === 'en_ZZ' ? 8 : _context.t0 === 'es' ? 9 : _context.t0 === 'et' ? 10 : _context.t0 === 'fi' ? 11 : _context.t0 === 'fr' ? 12 : _context.t0 === 'hu' ? 13 : _context.t0 === 'is' ? 14 : _context.t0 === 'it' ? 15 : _context.t0 === 'ja' ? 16 : _context.t0 === 'ko' ? 17 : _context.t0 === 'nb' ? 18 : _context.t0 === 'nl' ? 19 : _context.t0 === 'pl' ? 20 : _context.t0 === 'pt_BR' ? 21 : _context.t0 === 'pt-BR' ? 21 : _context.t0 === 'pt_PT' ? 22 : _context.t0 === 'pt-PT' ? 22 : _context.t0 === 'ro' ? 23 : _context.t0 === 'ru' ? 24 : _context.t0 === 'sk' ? 25 : _context.t0 === 'sv' ? 26 : _context.t0 === 'th' ? 27 : _context.t0 === 'tr' ? 28 : _context.t0 === 'uk' ? 29 : _context.t0 === 'vi' ? 30 : _context.t0 === 'zh_TW' ? 31 : _context.t0 === 'zh' ? 32 : 33;
+          _t = locale;
+          _context.next = _t === 'cs' ? 1 : _t === 'da' ? 2 : _t === 'de' ? 3 : _t === 'en' ? 4 : _t === 'en_GB' ? 5 : _t === 'en_ZZ' ? 6 : _t === 'es' ? 7 : _t === 'et' ? 8 : _t === 'fi' ? 9 : _t === 'fr' ? 10 : _t === 'hu' ? 11 : _t === 'is' ? 12 : _t === 'it' ? 13 : _t === 'ja' ? 14 : _t === 'ko' ? 15 : _t === 'nb' ? 16 : _t === 'nl' ? 17 : _t === 'pl' ? 18 : _t === 'pt_BR' ? 19 : _t === 'pt-BR' ? 19 : _t === 'pt_PT' ? 20 : _t === 'pt-PT' ? 20 : _t === 'ro' ? 21 : _t === 'ru' ? 22 : _t === 'sk' ? 23 : _t === 'sv' ? 24 : _t === 'th' ? 25 : _t === 'tr' ? 26 : _t === 'uk' ? 27 : _t === 'vi' ? 28 : _t === 'zh_TW' ? 29 : _t === 'zh' ? 30 : 31;
           break;
-        case 3:
+        case 1:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-cs" */'../i18n/cs').then(function (mod) {
             return mod.default;
           }));
-        case 4:
+        case 2:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-da" */'../i18n/da').then(function (mod) {
             return mod.default;
           }));
-        case 5:
+        case 3:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-de" */'../i18n/de').then(function (mod) {
             return mod.default;
           }));
-        case 6:
+        case 4:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-en" */'../i18n/en').then(function (mod) {
             return mod.default;
           }));
-        case 7:
+        case 5:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-en_GB" */'../i18n/en_GB').then(function (mod) {
             return mod.default;
           }));
-        case 8:
+        case 6:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-en_ZZ" */'../i18n/en_ZZ').then(function (mod) {
             return mod.default;
           }));
-        case 9:
+        case 7:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-es" */'../i18n/es').then(function (mod) {
             return mod.default;
           }));
-        case 10:
+        case 8:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-et" */'../i18n/et').then(function (mod) {
             return mod.default;
           }));
-        case 11:
+        case 9:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-fi" */'../i18n/fi').then(function (mod) {
             return mod.default;
           }));
-        case 12:
+        case 10:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-fr" */'../i18n/fr').then(function (mod) {
             return mod.default;
           }));
-        case 13:
+        case 11:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-hu" */'../i18n/hu').then(function (mod) {
             return mod.default;
           }));
-        case 14:
+        case 12:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-is" */'../i18n/is').then(function (mod) {
             return mod.default;
           }));
-        case 15:
+        case 13:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-it" */'../i18n/it').then(function (mod) {
             return mod.default;
           }));
-        case 16:
+        case 14:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-ja" */'../i18n/ja').then(function (mod) {
             return mod.default;
           }));
-        case 17:
+        case 15:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-ko" */'../i18n/ko').then(function (mod) {
             return mod.default;
           }));
-        case 18:
+        case 16:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-nb" */'../i18n/nb').then(function (mod) {
             return mod.default;
           }));
-        case 19:
+        case 17:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-nl" */'../i18n/nl').then(function (mod) {
             return mod.default;
           }));
-        case 20:
+        case 18:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-pl" */'../i18n/pl').then(function (mod) {
             return mod.default;
           }));
-        case 21:
+        case 19:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-pt_BR" */'../i18n/pt_BR').then(function (mod) {
             return mod.default;
           }));
-        case 22:
+        case 20:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-pt_PT" */'../i18n/pt_PT').then(function (mod) {
             return mod.default;
           }));
-        case 23:
+        case 21:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-ro" */'../i18n/ro').then(function (mod) {
             return mod.default;
           }));
-        case 24:
+        case 22:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-ru" */'../i18n/ru').then(function (mod) {
             return mod.default;
           }));
-        case 25:
+        case 23:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-sk" */'../i18n/sk').then(function (mod) {
             return mod.default;
           }));
-        case 26:
+        case 24:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-sv" */'../i18n/sv').then(function (mod) {
             return mod.default;
           }));
-        case 27:
+        case 25:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-th" */'../i18n/th').then(function (mod) {
             return mod.default;
           }));
-        case 28:
+        case 26:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-tr" */'../i18n/tr').then(function (mod) {
             return mod.default;
           }));
-        case 29:
+        case 27:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-uk" */'../i18n/uk').then(function (mod) {
             return mod.default;
           }));
-        case 30:
+        case 28:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-vi" */'../i18n/vi').then(function (mod) {
             return mod.default;
           }));
-        case 31:
+        case 29:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-zh_TW" */'../i18n/zh_TW').then(function (mod) {
             return mod.default;
           }));
-        case 32:
+        case 30:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-zh" */'../i18n/zh').then(function (mod) {
             return mod.default;
           }));
-        case 33:
+        case 31:
           fragments = locale.split(/[_-]/);
           if (!(fragments.length === 2)) {
-            _context.next = 38;
+            _context.next = 32;
             break;
           }
           return _context.abrupt("return", _getMessagesForLocale(fragments[0]));
-        case 38:
+        case 32:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-en" */'../i18n/en').then(function (mod) {
             return mod.default;
           }));
-        case 39:
+        case 33:
         case "end":
           return _context.stop();
       }

package/option/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/option.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/option.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/option.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "12.1.3",
+	"version": "13.0.0",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,20 +12,12 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/search-test-utils": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlassian/a11y-jest-testing": "^0.11.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/a11y-playwright-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
@@ -72,24 +64,24 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.130.0",
-		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/avatar": "^25.15.0",
-		"@atlaskit/feature-gate-js-client": "^5.7.0",
-		"@atlaskit/icon": "^35.1.0",
-		"@atlaskit/logo": "^20.1.0",
-		"@atlaskit/lozenge": "^13.8.0",
-		"@atlaskit/people-teams-ui-public": "^4.1.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popper": "^7.2.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/select": "^21.12.0",
-		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tag": "^14.14.0",
-		"@atlaskit/teams-avatar": "^2.7.0",
-		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/tooltip": "^22.3.0",
-		"@atlaskit/ufo": "^0.5.0",
+		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.142.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/avatar": "^26.0.0",
+		"@atlaskit/feature-gate-js-client": "^6.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/logo": "^21.0.0",
+		"@atlaskit/lozenge": "^14.0.0",
+		"@atlaskit/people-teams-ui-public": "^5.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/popper": "^8.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/select": "^22.0.0",
+		"@atlaskit/spinner": "^20.0.0",
+		"@atlaskit/tag": "^15.0.0",
+		"@atlaskit/teams-avatar": "^3.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
+		"@atlaskit/ufo": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/types.d.ts"
 }

package/utils/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/components/utils.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/components/utils.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/components/utils.d.ts"
 }

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

@@ -1,24 +0,0 @@
-import { UIAnalyticsEvent, type AnalyticsEventPayload, type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type UserPickerProps, type UserPickerState } from './types';
-export type UserPickerSession = {
-    downCount: number;
-    id: string;
-    inputChangeTime: number;
-    lastKey?: number;
-    start: number;
-    upCount: number;
-};
-export declare const startSession: () => UserPickerSession;
-export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
-export interface EventCreator {
-    (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession): AnalyticsEventPayload;
-    (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession, ...args: any[]): AnalyticsEventPayload;
-}
-export declare const focusEvent: EventCreator;
-export declare const clearEvent: EventCreator;
-export declare const deleteEvent: EventCreator;
-export declare const cancelEvent: EventCreator;
-export declare const selectEvent: EventCreator;
-export declare const searchedEvent: EventCreator;
-export declare const failedEvent: EventCreator;
-export declare const userInfoEvent: (sources: string[], accountId: string) => AnalyticsEventPayload;

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

@@ -1,11 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { type LoadUserSource, type UserSource } from '../types';
-export interface UserSourceContext {
-    fetchUserSource?: LoadUserSource;
-}
-export declare const ExusUserSourceProvider: ({ fetchUserSource, children, }: PropsWithChildren<UserSourceContext>) => React.JSX.Element;
-export declare const useUserSource: (accountId: string, shouldFetchSources: boolean, existingSources?: UserSource[]) => {
-    sources: UserSource[];
-    loading: boolean;
-    error: string | null;
-};

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

@@ -1,7 +0,0 @@
-import React from 'react';
-export type AddOptionAvatarProps = {
-    isLozenge?: boolean;
-    isPendingAction?: boolean;
-    label?: string;
-};
-export declare const AddOptionAvatar: React.FunctionComponent<AddOptionAvatarProps>;

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

@@ -1,16 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { jsx, type SerializedStyles } from '@emotion/react';
-import { type LozengeProps } from '../types';
-export declare const textWrapper: (color?: string) => SerializedStyles;
-export type AvatarItemOptionProps = {
-    avatar: ReactNode;
-    isDisabled?: boolean;
-    lozenge?: ReactNode | LozengeProps;
-    primaryText?: ReactNode;
-    secondaryText?: ReactNode;
-};
-export declare const AvatarItemOption: ({ avatar, isDisabled, lozenge, primaryText, secondaryText, }: AvatarItemOptionProps) => jsx.JSX.Element;

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

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type AppearanceType } from '@atlaskit/avatar';
-import { jsx } from '@emotion/react';
-export type AvatarOrIconProps = {
-    appearance?: string;
-    avatarAppearanceShape?: AppearanceType;
-    icon?: ReactNode;
-    iconColor?: string;
-    presence?: string;
-    src?: string;
-    type?: 'person' | 'team';
-};
-export declare const AvatarOrIcon: ({ appearance, avatarAppearanceShape, icon, iconColor, presence, src, type, }: AvatarOrIconProps) => jsx.JSX.Element;

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

@@ -1,179 +0,0 @@
-import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-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 { EmailValidator } from './emailValidation';
-export type BaseUserPickerProps = UserPickerProps & {
-    components: any;
-    name?: string;
-    pickerProps?: any;
-    SelectComponent: React.ComponentType<any>;
-    styles: any;
-    /**
-     * @deprecated This is a temporary prop to enable user-pickers to work in Draggable elements in react-beautiful-dnd.
-     * See https://product-fabric.atlassian.net/browse/DSP-15701 for more details.
-     * It may be removed in a future minor or patch when a longer-term workaround is found.
-     */
-    UNSAFE_hasDraggableParentComponent?: boolean;
-    width: string | number;
-};
-export declare class BaseUserPickerWithoutAnalytics extends React.Component<BaseUserPickerProps, UserPickerState> {
-    static defaultProps: {
-        isMulti: boolean;
-        subtle: boolean;
-        noBorder: boolean;
-        textFieldBackgroundColor: boolean;
-        isClearable: boolean;
-        loadOptionsErrorMessage: () => React.JSX.Element;
-        openMenuOnClick: boolean;
-    };
-    static getDerivedStateFromProps(nextProps: Partial<UserPickerProps>, prevState: UserPickerState): Partial<UserPickerState>;
-    private selectRef;
-    private session?;
-    private journeyId?;
-    private optionsShownUfoExperienceInstance;
-    constructor(props: BaseUserPickerProps);
-    private getSessionId;
-    private withSelectRef;
-    nextOption: () => void;
-    previousOption: () => void;
-    focus: () => void;
-    blur: () => void;
-    selectOption: () => void;
-    private handleChange;
-    private handleSelectRef;
-    private addOptions;
-    private handleLoadOptionsError;
-    private debouncedLoadOptions;
-    private get isMenuOpenOnClickForSingleSelect();
-    abortOptionsShownUfoExperience: () => void;
-    startOptionsShownUfoExperience: () => void;
-    private executeLoadOptions;
-    private handleFocus;
-    private resetInputState;
-    private handleOpen;
-    private handleBlur;
-    private handleClose;
-    private handleInputChange;
-    private fireEvent;
-    private startSession;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: UserPickerProps, prevState: UserPickerState): void;
-    private handleKeyDown;
-    handleClearIndicatorHover: (hoveringClearIndicator: boolean) => void;
-    private getOptionsOld;
-    private getOptionsNew;
-    private getOptions;
-    private getAppearance;
-    get ariaProps(): Partial<AriaAttributes>;
-    private handleClickDraggableParentComponent;
-    private shouldKeepMenuOpen;
-    render(): React.JSX.Element;
-}
-export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
-    addMoreMessage?: string;
-    allowEmail?: boolean;
-    anchor?: React.ComponentType<any>;
-    appearance?: Appearance;
-    ariaDescribedBy?: string;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaLive?: 'polite' | 'off' | 'assertive';
-    autoFocus?: boolean;
-    captureMenuScroll?: boolean;
-    clearValueLabel?: string;
-    closeMenuOnScroll?: boolean | EventListener;
-    components?: SelectComponentsConfig<OptionData, boolean>;
-    customGroupAnalyticsLabels?: Partial<Record<NonNullable<OptionData['type']>, string>>;
-    customGroupLabels?: Partial<Record<NonNullable<OptionData['type']>, React.ReactNode>>;
-    defaultValue?: DefaultValue;
-    disableInput?: boolean;
-    emailLabel?: string;
-    fieldId: string | null;
-    footer?: React.ReactNode;
-    forwardedRef?: React.ForwardedRef<UserPickerRef>;
-    groupByTypeOrder?: NonNullable<OptionData['type']>[];
-    header?: React.ReactNode;
-    height?: number | string;
-    includeTeamsUpdates?: boolean;
-    inputId?: string;
-    isClearable?: boolean;
-    isDisabled?: boolean;
-    isFooterFocused?: boolean;
-    isHeaderFocused?: boolean;
-    isInvalid?: boolean;
-    isLoading?: boolean;
-    isMulti?: boolean;
-    isValidEmail?: EmailValidator;
-    loadOptions?: LoadOptions;
-    loadOptionsErrorMessage?: (value: {
-        inputValue: string;
-    }) => React.ReactNode;
-    loadUserSource?: LoadUserSource;
-    maxOptions?: number;
-    maxPickerHeight?: number;
-    menuIsOpen?: boolean;
-    menuMinWidth?: number;
-    menuPortalTarget?: HTMLElement;
-    menuPosition?: 'absolute' | 'fixed';
-    menuShouldBlockScroll?: boolean;
-    name?: string;
-    noBorder?: boolean;
-    noOptionsMessage?: ((value: {
-        inputValue: string;
-    }) => string | null | React.ReactNode) | null | React.ReactNode;
-    onBlur?: OnPicker;
-    onChange?: OnChange;
-    onClear?: OnPicker;
-    onClose?: OnPicker;
-    onFocus?: OnPicker;
-    onInputChange?: OnInputChange;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    onOpen?: OnPicker;
-    onSelection?: OnOption;
-    open?: boolean;
-    openMenuOnClick?: boolean;
-    openMenuOnFocus?: boolean;
-    options?: OptionData[];
-    placeholder?: React.ReactNode;
-    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?: StylesConfig;
-    subtle?: boolean;
-    suggestEmailsForDomain?: string;
-    textFieldBackgroundColor?: boolean;
-    UNSAFE_hasDraggableParentComponent?: boolean;
-    value?: Value;
-    width?: number | string;
-} & {
-    components: any;
-    name?: string;
-    pickerProps?: any;
-    SelectComponent: React.ComponentType<any>;
-    styles: any;
-    /**
-     * @deprecated This is a temporary prop to enable user-pickers to work in Draggable elements in react-beautiful-dnd.
-     * See https://product-fabric.atlassian.net/browse/DSP-15701 for more details.
-     * It may be removed in a future minor or patch when a longer-term workaround is found.
-     */
-    UNSAFE_hasDraggableParentComponent?: boolean;
-    width: string | number;
-}, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'customGroupLabels' | 'customGroupAnalyticsLabels' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'openMenuOnFocus' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
-    isClearable?: boolean | undefined;
-    isMulti?: boolean | undefined;
-    loadOptionsErrorMessage?: ((value: {
-        inputValue: string;
-    }) => React.ReactNode) | undefined;
-    noBorder?: boolean | undefined;
-    openMenuOnClick?: boolean | undefined;
-    openMenuOnFocus?: boolean | undefined;
-    subtle?: boolean | undefined;
-    textFieldBackgroundColor?: boolean | undefined;
-} & {} & React.RefAttributes<any>>;

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

@@ -1,10 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-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/Control.d.ts

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

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { CustomOptionProps } from './main';
-declare const AsyncCustomOption: React.LazyExoticComponent<React.ComponentType<CustomOptionProps>>;
-export default AsyncCustomOption;