@atlaskit/user-picker 9.4.1 → 9.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/AvatarItemOption.js +20 -13
  3. package/dist/cjs/components/EmailOption/main.js +3 -2
  4. package/dist/cjs/components/ExternalUserOption/ExternalAvatarItemOption.js +16 -11
  5. package/dist/cjs/components/ExternalUserOption/main.js +1 -0
  6. package/dist/cjs/components/GroupOption/main.js +3 -2
  7. package/dist/cjs/components/TeamOption/main.js +3 -2
  8. package/dist/cjs/components/UserOption.js +3 -2
  9. package/dist/cjs/components/creatable.js +1 -1
  10. package/dist/cjs/components/creatableEmailSuggestion.js +1 -1
  11. package/dist/cjs/components/utils.js +7 -5
  12. package/dist/cjs/version.json +1 -1
  13. package/dist/es2019/components/AvatarItemOption.js +10 -5
  14. package/dist/es2019/components/EmailOption/main.js +3 -2
  15. package/dist/es2019/components/ExternalUserOption/ExternalAvatarItemOption.js +7 -3
  16. package/dist/es2019/components/ExternalUserOption/main.js +1 -0
  17. package/dist/es2019/components/GroupOption/main.js +3 -2
  18. package/dist/es2019/components/TeamOption/main.js +3 -2
  19. package/dist/es2019/components/UserOption.js +3 -2
  20. package/dist/es2019/components/creatable.js +1 -1
  21. package/dist/es2019/components/creatableEmailSuggestion.js +1 -1
  22. package/dist/es2019/components/utils.js +7 -5
  23. package/dist/es2019/version.json +1 -1
  24. package/dist/esm/components/AvatarItemOption.js +20 -13
  25. package/dist/esm/components/EmailOption/main.js +3 -2
  26. package/dist/esm/components/ExternalUserOption/ExternalAvatarItemOption.js +17 -11
  27. package/dist/esm/components/ExternalUserOption/main.js +1 -0
  28. package/dist/esm/components/GroupOption/main.js +3 -2
  29. package/dist/esm/components/TeamOption/main.js +3 -2
  30. package/dist/esm/components/UserOption.js +3 -2
  31. package/dist/esm/components/creatable.js +1 -1
  32. package/dist/esm/components/creatableEmailSuggestion.js +1 -1
  33. package/dist/esm/components/utils.js +7 -5
  34. package/dist/esm/version.json +1 -1
  35. package/dist/types/components/AvatarItemOption.d.ts +3 -2
  36. package/dist/types/components/BaseUserPicker.d.ts +1 -1
  37. package/dist/types/components/ExternalUserOption/ExternalAvatarItemOption.d.ts +2 -1
  38. package/dist/types/components/PopupUserPicker.d.ts +1 -1
  39. package/dist/types/components/UserPicker.d.ts +1 -1
  40. package/dist/types/types.d.ts +6 -4
  41. package/dist/types-ts4.0/components/AvatarItemOption.d.ts +3 -2
  42. package/dist/types-ts4.0/components/BaseUserPicker.d.ts +1 -1
  43. package/dist/types-ts4.0/components/ExternalUserOption/ExternalAvatarItemOption.d.ts +2 -1
  44. package/dist/types-ts4.0/components/PopupUserPicker.d.ts +1 -1
  45. package/dist/types-ts4.0/components/UserPicker.d.ts +1 -1
  46. package/dist/types-ts4.0/types.d.ts +6 -4
  47. package/package.json +10 -10
  48. package/report.api.md +108 -98
  49. package/tmp/api-report-tmp.d.ts +365 -0
package/dist/esm/components/utils.js CHANGED
@@ -34,17 +34,19 @@ var isOptionData = function isOptionData(option) {
34
34
  export var optionToSelectableOption = function optionToSelectableOption(option) {
35
35
  if (isOptionData(option)) {
36
36
  return {
37
+ data: option,
38
+ isDisabled: option.isDisabled,
37
39
  label: option.name,
38
- value: option.id,
39
- data: option
40
+ value: option.id
40
41
  };
41
42
  } else {
42
43
  return {
43
- label: option.id,
44
- value: option.id,
45
44
  data: _objectSpread(_objectSpread({}, option), {}, {
46
45
  name: option.id
47
- })
46
+ }),
47
+ isDisabled: option.isDisabled,
48
+ label: option.id,
49
+ value: option.id
48
50
  };
49
51
  }
50
52
  };
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "9.4.1",
3
+ "version": "9.5.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/AvatarItemOption.d.ts CHANGED
@@ -4,8 +4,9 @@ import { LozengeProps } from '../types';
4
4
  export declare const textWrapper: (color?: string | undefined) => import("@emotion/utils").SerializedStyles;
5
5
  export declare type AvatarItemOptionProps = {
6
6
  avatar: ReactNode;
7
+ isDisabled?: boolean;
8
+ lozenge?: ReactNode | LozengeProps;
7
9
  primaryText?: ReactNode;
8
10
  secondaryText?: ReactNode;
9
- lozenge?: ReactNode | LozengeProps;
10
11
  };
11
- export declare const AvatarItemOption: ({ avatar, primaryText, secondaryText, lozenge, }: AvatarItemOptionProps) => JSX.Element;
12
+ export declare const AvatarItemOption: ({ avatar, isDisabled, lozenge, primaryText, secondaryText, }: AvatarItemOptionProps) => JSX.Element;
package/dist/types/components/BaseUserPicker.d.ts CHANGED
@@ -51,7 +51,7 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
51
51
  private getAppearance;
52
52
  render(): JSX.Element;
53
53
  }
54
- export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
54
+ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
55
55
  isMulti: boolean;
56
56
  subtle: boolean;
57
57
  noBorder: boolean;
package/dist/types/components/ExternalUserOption/ExternalAvatarItemOption.d.ts CHANGED
@@ -2,8 +2,9 @@
2
2
  import { ReactNode } from 'react';
3
3
  export declare type ExternalAvatarItemOptionProps = {
4
4
  avatar: ReactNode;
5
+ isDisabled?: boolean;
5
6
  primaryText: ReactNode;
6
7
  secondaryText?: ReactNode;
7
8
  sourcesInfoTooltip?: ReactNode;
8
9
  };
9
- export declare const ExternalAvatarItemOption: ({ avatar, primaryText, secondaryText, sourcesInfoTooltip, }: ExternalAvatarItemOptionProps) => JSX.Element;
10
+ export declare const ExternalAvatarItemOption: ({ avatar, isDisabled, primaryText, secondaryText, sourcesInfoTooltip, }: ExternalAvatarItemOptionProps) => JSX.Element;
package/dist/types/components/PopupUserPicker.d.ts CHANGED
@@ -27,7 +27,7 @@ export declare class PopupUserPickerWithoutAnalytics extends React.Component<Pop
27
27
  };
28
28
  render(): JSX.Element;
29
29
  }
30
- export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "popupTitle"> & Partial<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "offset" | "isMulti" | "width" | "rootBoundary" | "boundariesElement" | "placement" | "shouldFlip">> & Partial<Pick<{
30
+ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isDisabled" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "popupTitle"> & Partial<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "offset" | "isMulti" | "width" | "rootBoundary" | "boundariesElement" | "placement" | "shouldFlip">> & Partial<Pick<{
31
31
  boundariesElement: string;
32
32
  width: number;
33
33
  isMulti: boolean;
package/dist/types/components/UserPicker.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare class UserPickerWithoutAnalytics extends React.Component<UserPick
10
10
  componentDidMount(): void;
11
11
  render(): JSX.Element;
12
12
  }
13
- export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive"> & Partial<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
13
+ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive"> & Partial<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
14
14
  width: number;
15
15
  isMulti: boolean;
16
16
  }, never>> & React.RefAttributes<any>>;
package/dist/types/types.d.ts CHANGED
@@ -199,11 +199,12 @@ export interface GroupHighlight {
199
199
  }
200
200
  export interface OptionData {
201
201
  avatarUrl?: any;
202
+ fixed?: boolean;
202
203
  id: string;
204
+ isDisabled?: boolean;
205
+ lozenge?: string | LozengeProps | ReactNode;
203
206
  name: string;
204
207
  type?: 'user' | 'team' | 'email' | 'group';
205
- fixed?: boolean;
206
- lozenge?: string | LozengeProps | ReactNode;
207
208
  }
208
209
  export declare const UserType = "user";
209
210
  export declare type UserSource = 'google' | 'slack' | 'microsoft' | 'github' | 'jira' | 'confluence' | 'other-atlassian';
@@ -250,7 +251,7 @@ export interface Group extends OptionData {
250
251
  }
251
252
  export declare type Value = OptionData | OptionData[] | null | undefined;
252
253
  export declare type DefaultValue = Value | OptionIdentifier | OptionIdentifier[];
253
- export declare type OptionIdentifier = Pick<OptionData, 'id' | 'type'>;
254
+ export declare type OptionIdentifier = Pick<OptionData, 'id' | 'type' | 'isDisabled'>;
254
255
  export declare const EmailType = "email";
255
256
  export interface Email extends OptionData {
256
257
  type: 'email';
@@ -262,9 +263,10 @@ export declare type OnInputChange = (query?: string, sessionId?: string) => void
262
263
  export declare type OnPicker = (sessionId?: string) => void;
263
264
  export declare type OnOption = (value: Value, sessionId?: string) => void;
264
265
  export declare type Option<Data = OptionData> = {
266
+ data: Data;
267
+ isDisabled?: boolean;
265
268
  label: string;
266
269
  value: string;
267
- data: Data;
268
270
  };
269
271
  export interface UserSourceResult {
270
272
  sourceId: string;
package/dist/types-ts4.0/components/AvatarItemOption.d.ts CHANGED
@@ -4,8 +4,9 @@ import { LozengeProps } from '../types';
4
4
  export declare const textWrapper: (color?: string | undefined) => import("@emotion/utils").SerializedStyles;
5
5
  export declare type AvatarItemOptionProps = {
6
6
  avatar: ReactNode;
7
+ isDisabled?: boolean;
8
+ lozenge?: ReactNode | LozengeProps;
7
9
  primaryText?: ReactNode;
8
10
  secondaryText?: ReactNode;
9
- lozenge?: ReactNode | LozengeProps;
10
11
  };
11
- export declare const AvatarItemOption: ({ avatar, primaryText, secondaryText, lozenge, }: AvatarItemOptionProps) => JSX.Element;
12
+ export declare const AvatarItemOption: ({ avatar, isDisabled, lozenge, primaryText, secondaryText, }: AvatarItemOptionProps) => JSX.Element;
package/dist/types-ts4.0/components/BaseUserPicker.d.ts CHANGED
@@ -51,7 +51,7 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
51
51
  private getAppearance;
52
52
  render(): JSX.Element;
53
53
  }
54
- export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
54
+ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
55
55
  isMulti: boolean;
56
56
  subtle: boolean;
57
57
  noBorder: boolean;
package/dist/types-ts4.0/components/ExternalUserOption/ExternalAvatarItemOption.d.ts CHANGED
@@ -2,8 +2,9 @@
2
2
  import { ReactNode } from 'react';
3
3
  export declare type ExternalAvatarItemOptionProps = {
4
4
  avatar: ReactNode;
5
+ isDisabled?: boolean;
5
6
  primaryText: ReactNode;
6
7
  secondaryText?: ReactNode;
7
8
  sourcesInfoTooltip?: ReactNode;
8
9
  };
9
- export declare const ExternalAvatarItemOption: ({ avatar, primaryText, secondaryText, sourcesInfoTooltip, }: ExternalAvatarItemOptionProps) => JSX.Element;
10
+ export declare const ExternalAvatarItemOption: ({ avatar, isDisabled, primaryText, secondaryText, sourcesInfoTooltip, }: ExternalAvatarItemOptionProps) => JSX.Element;
package/dist/types-ts4.0/components/PopupUserPicker.d.ts CHANGED
@@ -27,7 +27,7 @@ export declare class PopupUserPickerWithoutAnalytics extends React.Component<Pop
27
27
  };
28
28
  render(): JSX.Element;
29
29
  }
30
- export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "popupTitle"> & Partial<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "offset" | "isMulti" | "width" | "rootBoundary" | "boundariesElement" | "placement" | "shouldFlip">> & Partial<Pick<{
30
+ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isDisabled" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive" | "popupTitle"> & Partial<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "offset" | "isMulti" | "width" | "rootBoundary" | "boundariesElement" | "placement" | "shouldFlip">> & Partial<Pick<{
31
31
  boundariesElement: string;
32
32
  width: number;
33
33
  isMulti: boolean;
package/dist/types-ts4.0/components/UserPicker.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare class UserPickerWithoutAnalytics extends React.Component<UserPick
10
10
  componentDidMount(): void;
11
11
  render(): JSX.Element;
12
12
  }
13
- export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive"> & Partial<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
13
+ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabelledBy" | "ariaLive"> & Partial<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
14
14
  width: number;
15
15
  isMulti: boolean;
16
16
  }, never>> & React.RefAttributes<any>>;
package/dist/types-ts4.0/types.d.ts CHANGED
@@ -202,11 +202,12 @@ export interface GroupHighlight {
202
202
  }
203
203
  export interface OptionData {
204
204
  avatarUrl?: any;
205
+ fixed?: boolean;
205
206
  id: string;
207
+ isDisabled?: boolean;
208
+ lozenge?: string | LozengeProps | ReactNode;
206
209
  name: string;
207
210
  type?: 'user' | 'team' | 'email' | 'group';
208
- fixed?: boolean;
209
- lozenge?: string | LozengeProps | ReactNode;
210
211
  }
211
212
  export declare const UserType = "user";
212
213
  export declare type UserSource = 'google' | 'slack' | 'microsoft' | 'github' | 'jira' | 'confluence' | 'other-atlassian';
@@ -253,7 +254,7 @@ export interface Group extends OptionData {
253
254
  }
254
255
  export declare type Value = OptionData | OptionData[] | null | undefined;
255
256
  export declare type DefaultValue = Value | OptionIdentifier | OptionIdentifier[];
256
- export declare type OptionIdentifier = Pick<OptionData, 'id' | 'type'>;
257
+ export declare type OptionIdentifier = Pick<OptionData, 'id' | 'type' | 'isDisabled'>;
257
258
  export declare const EmailType = "email";
258
259
  export interface Email extends OptionData {
259
260
  type: 'email';
@@ -265,9 +266,10 @@ export declare type OnInputChange = (query?: string, sessionId?: string) => void
265
266
  export declare type OnPicker = (sessionId?: string) => void;
266
267
  export declare type OnOption = (value: Value, sessionId?: string) => void;
267
268
  export declare type Option<Data = OptionData> = {
269
+ data: Data;
270
+ isDisabled?: boolean;
268
271
  label: string;
269
272
  value: string;
270
- data: Data;
271
273
  };
272
274
  export interface UserSourceResult {
273
275
  sourceId: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "9.4.1",
3
+ "version": "9.5.0",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,16 +34,16 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@atlaskit/analytics-next": "^8.2.0",
37
- "@atlaskit/avatar": "^21.0.0",
38
- "@atlaskit/icon": "^21.10.0",
39
- "@atlaskit/logo": "^13.9.0",
37
+ "@atlaskit/avatar": "^21.1.0",
38
+ "@atlaskit/icon": "^21.11.0",
39
+ "@atlaskit/logo": "^13.10.0",
40
40
  "@atlaskit/lozenge": "^11.2.0",
41
41
  "@atlaskit/popper": "^5.0.0",
42
42
  "@atlaskit/select": "^15.7.0",
43
43
  "@atlaskit/spinner": "^15.1.4",
44
44
  "@atlaskit/theme": "^12.2.0",
45
45
  "@atlaskit/tokens": "^0.10.0",
46
- "@atlaskit/tooltip": "^17.5.0",
46
+ "@atlaskit/tooltip": "^17.6.0",
47
47
  "@atlaskit/ufo": "^0.1.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/core": "^10.0.9",
@@ -61,12 +61,13 @@
61
61
  "@atlaskit/button": "^16.3.0",
62
62
  "@atlaskit/docs": "*",
63
63
  "@atlaskit/elements-test-helpers": "^0.7.0",
64
- "@atlaskit/modal-dialog": "^12.3.0",
64
+ "@atlaskit/modal-dialog": "^12.4.0",
65
65
  "@atlaskit/radio": "^5.4.0",
66
- "@atlaskit/range": "^6.0.0",
67
- "@atlaskit/section-message": "^6.2.0",
68
- "@atlaskit/textfield": "^5.2.0",
66
+ "@atlaskit/range": "^6.1.0",
67
+ "@atlaskit/section-message": "^6.3.0",
68
+ "@atlaskit/textfield": "^5.3.0",
69
69
  "@atlaskit/util-data-test": "^17.5.0",
70
+ "@atlaskit/visual-regression": "*",
70
71
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
71
72
  "@emotion/styled": "^10.0.7",
72
73
  "@testing-library/dom": "^8.17.1",
@@ -77,7 +78,6 @@
77
78
  "@types/uuid": "^3.4.4",
78
79
  "enzyme": "^3.10.0",
79
80
  "enzyme-react-intl": "^2.0.6",
80
- "faker": "^4.1.0",
81
81
  "mock-apollo-client": "^0.1.0",
82
82
  "react-intl-next": "npm:react-intl@^5.18.1",
83
83
  "typescript": "4.5.5"