@atlaskit/user-picker 11.6.9 → 11.7.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/user-picker
 
+## 11.7.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.7.0
+
+### Minor Changes
+
+- [`be2f98085fa9f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be2f98085fa9f) -
+  [ux] Introduce additional email props to smart user picker (displayEmailInByline,
+  enableEmailSearch, allowEmailSelectionWhenEmailMatched) and one type adjustment to user picker
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.6.9
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.6.8";
+var packageVersion = "11.7.0";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/cjs/components/ExternalUserOption/InfoIcon.js

@@ -33,7 +33,7 @@ var _default = exports.default = function _default() {
     return setHoverState(false);
   }, [setHoverState]);
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
     (0, _react2.jsx)("div", {
       css: wrapper,
       onMouseEnter: onMouseEnter,

package/dist/cjs/components/PopupUserPicker.js

@@ -64,9 +64,7 @@ var PopupUserPickerWithoutAnalytics = exports.PopupUserPickerWithoutAnalytics =
         styles = _this$props.styles,
         strategy = _this$props.strategy;
       var width = this.props.width;
-      var selectStyles = (0, _styles.getPopupStyles)(width, isMulti, styles,
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'));
+      var selectStyles = (0, _styles.getPopupStyles)(width, isMulti, styles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'));
       return /*#__PURE__*/_react.default.createElement(_BaseUserPicker.BaseUserPickerWithoutAnalytics, (0, _extends2.default)({}, this.props, {
         SelectComponent: _select.PopupSelect,
         width: width,

package/dist/cjs/components/UserOption.js

@@ -68,9 +68,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
         avatarUrl = _this$props.user.avatarUrl,
         status = _this$props.status;
       return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
-        appearance:
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-        (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? 'medium' : 'big',
+        appearance: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? 'medium' : 'big',
         src: avatarUrl,
         presence: status
       });

package/dist/cjs/components/UserPicker.js

@@ -102,9 +102,7 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
         SelectComponent: SelectComponent
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
-        styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles,
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-        (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'), false, (0, _platformFeatureFlags.fg)('jifjam_bulk_operations') ? this.props.height : undefined),
+        styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'), false, (0, _platformFeatureFlags.fg)('jifjam_bulk_operations') ? this.props.height : undefined),
         components: (0, _components.getComponents)(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
         pickerProps: pickerProps
       })))));

package/dist/cjs/components/ValueContainerWrapper.js

@@ -21,7 +21,7 @@ var ValueContainerWrapper = function ValueContainerWrapper(_ref) {
     isEnabled = _ref.isEnabled,
     onMouseDown = _ref.onMouseDown;
   return isEnabled ?
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
   (0, _react.jsx)("div", {
     css: (0, _react.css)({
       flexGrow: 1

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "11.6.8";
+const packageVersion = "11.7.0";
 const UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/ExternalUserOption/InfoIcon.js

@@ -16,7 +16,7 @@ export default (() => {
   const onMouseEnter = useCallback(() => setHoverState(true), [setHoverState]);
   const onMouseLeave = useCallback(() => setHoverState(false), [setHoverState]);
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
     jsx("div", {
       css: wrapper,
       onMouseEnter: onMouseEnter,

package/dist/es2019/components/PopupUserPicker.js

@@ -48,9 +48,7 @@ export class PopupUserPickerWithoutAnalytics extends React.Component {
       strategy
     } = this.props;
     const width = this.props.width;
-    const selectStyles = getPopupStyles(width, isMulti, styles,
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    fg('platform-component-visual-refresh'));
+    const selectStyles = getPopupStyles(width, isMulti, styles, fg('platform-component-visual-refresh'));
     return /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
       SelectComponent: PopupSelect,
       width: width,

package/dist/es2019/components/UserOption.js

@@ -55,9 +55,7 @@ export class UserOption extends React.PureComponent {
         status
       } = this.props;
       return jsx(SizeableAvatar, {
-        appearance:
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-        fg('platform-component-visual-refresh') ? 'medium' : 'big',
+        appearance: fg('platform-component-visual-refresh') ? 'medium' : 'big',
         src: avatarUrl,
         presence: status
       });

package/dist/es2019/components/UserPicker.js

@@ -79,9 +79,7 @@ export class UserPickerWithoutAnalytics extends React.Component {
       SelectComponent: SelectComponent
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       ,
-      styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
+      styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
       components: getComponents(isMulti, anchor, showClearIndicator, (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.components ? this.props.components : {}),
       pickerProps: pickerProps
     })))));

package/dist/es2019/components/ValueContainerWrapper.js

@@ -16,7 +16,7 @@ const ValueContainerWrapper = ({
   onMouseDown
 }) => {
   return isEnabled ?
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
   jsx("div", {
     css: css({
       flexGrow: 1

package/dist/esm/analytics.js

@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.6.8";
+var packageVersion = "11.7.0";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/ExternalUserOption/InfoIcon.js

@@ -24,7 +24,7 @@ export default (function () {
     return setHoverState(false);
   }, [setHoverState]);
   return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
     jsx("div", {
       css: wrapper,
       onMouseEnter: onMouseEnter,

package/dist/esm/components/PopupUserPicker.js

@@ -57,9 +57,7 @@ export var PopupUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         styles = _this$props.styles,
         strategy = _this$props.strategy;
       var width = this.props.width;
-      var selectStyles = getPopupStyles(width, isMulti, styles,
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      fg('platform-component-visual-refresh'));
+      var selectStyles = getPopupStyles(width, isMulti, styles, fg('platform-component-visual-refresh'));
       return /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
         SelectComponent: PopupSelect,
         width: width,

package/dist/esm/components/UserOption.js

@@ -63,9 +63,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
         avatarUrl = _this$props.user.avatarUrl,
         status = _this$props.status;
       return jsx(SizeableAvatar, {
-        appearance:
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-        fg('platform-component-visual-refresh') ? 'medium' : 'big',
+        appearance: fg('platform-component-visual-refresh') ? 'medium' : 'big',
         src: avatarUrl,
         presence: status
       });

package/dist/esm/components/UserPicker.js

@@ -93,9 +93,7 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
         SelectComponent: SelectComponent
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
-        styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-        fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
+        styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
         components: getComponents(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
         pickerProps: pickerProps
       })))));

package/dist/esm/components/ValueContainerWrapper.js

@@ -15,7 +15,7 @@ var ValueContainerWrapper = function ValueContainerWrapper(_ref) {
     isEnabled = _ref.isEnabled,
     onMouseDown = _ref.onMouseDown;
   return isEnabled ?
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
   jsx("div", {
     css: css({
       flexGrow: 1

package/dist/types/components/BaseUserPicker.d.ts

@@ -148,7 +148,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "options" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;

package/dist/types/components/PopupUserPicker.d.ts

@@ -102,6 +102,10 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     placeholder?: React.ReactNode;
     isDisabled?: boolean | undefined;
     offset?: [number, number] | undefined;
+    onChange?: import("../types").OnChange | undefined;
+    onInputChange?: import("../types").OnInputChange | undefined;
+    value?: import("../types").Value;
+    appearance?: import("../types").Appearance | undefined;
     autoFocus?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnScroll?: (boolean | EventListener) | undefined;
@@ -119,16 +123,12 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
         inputValue: string;
     }) => string | null | React.ReactNode);
     onBlur?: import("../types").OnPicker | undefined;
-    onChange?: import("../types").OnChange | undefined;
     onFocus?: import("../types").OnPicker | undefined;
-    onInputChange?: import("../types").OnInputChange | undefined;
     onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
     openMenuOnClick?: boolean | undefined;
     options?: import("../types").OptionData[] | undefined;
     styles?: import("@atlaskit/select").StylesConfig | undefined;
-    value?: import("../types").Value;
     required?: boolean | undefined;
-    appearance?: import("../types").Appearance | undefined;
     footer?: React.ReactNode;
     target?: import("../types").Target | undefined;
     defaultValue?: import("../types").DefaultValue;

package/dist/types/components/UserPicker.d.ts

@@ -81,7 +81,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("../types").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "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" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

package/dist/types/types.d.ts

@@ -287,6 +287,7 @@ export interface User extends OptionData {
     publicName?: string;
     title?: string;
     type?: 'user' | 'external_user';
+    userType?: 'DEFAULT' | 'APP' | 'CUSTOMER' | 'SYSTEM';
 }
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {

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

@@ -148,7 +148,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "options" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;

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

@@ -108,6 +108,10 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
         number,
         number
     ] | undefined;
+    onChange?: import("../types").OnChange | undefined;
+    onInputChange?: import("../types").OnInputChange | undefined;
+    value?: import("../types").Value;
+    appearance?: import("../types").Appearance | undefined;
     autoFocus?: boolean | undefined;
     captureMenuScroll?: boolean | undefined;
     closeMenuOnScroll?: (boolean | EventListener) | undefined;
@@ -125,16 +129,12 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
         inputValue: string;
     }) => string | null | React.ReactNode);
     onBlur?: import("../types").OnPicker | undefined;
-    onChange?: import("../types").OnChange | undefined;
     onFocus?: import("../types").OnPicker | undefined;
-    onInputChange?: import("../types").OnInputChange | undefined;
     onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
     openMenuOnClick?: boolean | undefined;
     options?: import("../types").OptionData[] | undefined;
     styles?: import("@atlaskit/select").StylesConfig | undefined;
-    value?: import("../types").Value;
     required?: boolean | undefined;
-    appearance?: import("../types").Appearance | undefined;
     footer?: React.ReactNode;
     target?: import("../types").Target | undefined;
     defaultValue?: import("../types").DefaultValue;

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

@@ -81,7 +81,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("../types").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "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" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -290,6 +290,7 @@ export interface User extends OptionData {
     publicName?: string;
     title?: string;
     type?: 'user' | 'external_user';
+    userType?: 'DEFAULT' | 'APP' | 'CUSTOMER' | 'SYSTEM';
 }
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.6.9",
+	"version": "11.7.1",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,20 +44,20 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.1.0",
-		"@atlaskit/icon": "^28.2.0",
-		"@atlaskit/logo": "^19.7.0",
+		"@atlaskit/avatar": "^25.4.0",
+		"@atlaskit/icon": "^28.5.0",
+		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/lozenge": "^13.0.0",
-		"@atlaskit/people-teams-ui-public": "^3.2.0",
+		"@atlaskit/people-teams-ui-public": "^3.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/primitives": "^15.0.0",
 		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tokens": "^6.5.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",