@atlaskit/user-picker 8.8.6 → 9.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/user-picker
 
+## 9.0.0
+
+### Major Changes
+
+- [`973e01bba77`](https://bitbucket.org/atlassian/atlassian-frontend/commits/973e01bba77) - The deprecated SmartUserPicker module is now removed from @atlaskit/user-picker. The module has now moved to its own dedicated package, @atlaskit/smart-user-picker.
+
+  ### What this means for you as a @atlaskit/user-picker/smart-user-picker consumer
+
+  - If you require an urgent change to SmartUserPicker, you will need to migrate and make changes to @atlaskit/smart-user-picker.
+
+  - if you just want to keep your packages up-to-date, please try to hold off on the migration. The long-term strategy for Smart experiences is to also deprecate @atlaskit/smart-user-picker in favor of a React hook approach to recommending users.
+
 ## 8.8.6
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.successfulRequestUsersEvent = exports.startSession = exports.selectEvent = exports.searchedEvent = exports.requestUsersEvent = exports.preparedUsersLoadedEvent = exports.mountedWithPrefetchEvent = exports.focusEvent = exports.filterUsersEvent = exports.failedRequestUsersEvent = exports.failedEvent = exports.deleteEvent = exports.createAndFireEventInElementsChannel = exports.clearEvent = exports.cancelEvent = void 0;
+exports.startSession = exports.selectEvent = exports.searchedEvent = exports.focusEvent = exports.failedEvent = exports.deleteEvent = exports.createAndFireEventInElementsChannel = exports.clearEvent = exports.cancelEvent = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -173,89 +173,6 @@ var failedEvent = function failedEvent(props, _, session, journeyId) {
 
 exports.failedEvent = failedEvent;
 
-var createDefaultSmartPickerAttributes = function createDefaultSmartPickerAttributes(props, state) {
-  var fieldId = props.fieldId,
-      objectId = props.objectId,
-      containerId = props.containerId,
-      childObjectId = props.childObjectId,
-      prefetch = props.prefetch,
-      maxOptions = props.maxOptions,
-      includeTeams = props.includeTeams,
-      productKey = props.productKey,
-      principalId = props.principalId,
-      siteId = props.siteId,
-      orgId = props.orgId,
-      filterOptions = props.filterOptions;
-  var sessionId = state.sessionId,
-      query = state.query;
-  var maxNumberOfResults = maxOptions || 100;
-  return {
-    context: fieldId,
-    childObjectId: childObjectId,
-    containerId: containerId,
-    hasFilterOptions: Boolean(filterOptions),
-    includeTeams: includeTeams,
-    maxNumberOfResults: maxNumberOfResults,
-    objectId: objectId,
-    prefetch: prefetch,
-    principalId: principalId,
-    productKey: productKey,
-    queryLength: (query || '').length,
-    siteId: siteId,
-    orgId: orgId,
-    sessionId: sessionId
-  };
-};
-
-var createSmartUserPickerEvent = function createSmartUserPickerEvent(action, actionSubect) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return _objectSpread({
-    source: 'smart-user-picker'
-  }, createEvent('operational', action, actionSubect, attributes));
-};
-
-var preparedUsersLoadedEvent = function preparedUsersLoadedEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('loaded', 'preparedUsers', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-
-exports.preparedUsersLoadedEvent = preparedUsersLoadedEvent;
-
-var mountedWithPrefetchEvent = function mountedWithPrefetchEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('mounted', 'prefetch', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-
-exports.mountedWithPrefetchEvent = mountedWithPrefetchEvent;
-
-var filterUsersEvent = function filterUsersEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('filtered', 'users', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-
-exports.filterUsersEvent = filterUsersEvent;
-
-var requestUsersEvent = function requestUsersEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('requested', 'users', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-
-exports.requestUsersEvent = requestUsersEvent;
-
-var successfulRequestUsersEvent = function successfulRequestUsersEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('successful', 'usersRequest', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-
-exports.successfulRequestUsersEvent = successfulRequestUsersEvent;
-
-var failedRequestUsersEvent = function failedRequestUsersEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('failed', 'usersRequest', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-
-exports.failedRequestUsersEvent = failedRequestUsersEvent;
-
 function queryLength(state) {
   return state.inputValue.length;
 }

package/dist/cjs/index.js

@@ -21,12 +21,6 @@ Object.defineProperty(exports, "PopupUserPicker", {
     return _PopupUserPicker.PopupUserPicker;
   }
 });
-Object.defineProperty(exports, "SmartUserPicker", {
-  enumerable: true,
-  get: function get() {
-    return _index.SmartUserPicker;
-  }
-});
 Object.defineProperty(exports, "TeamType", {
   enumerable: true,
   get: function get() {
@@ -45,18 +39,6 @@ Object.defineProperty(exports, "default", {
     return _UserPicker.UserPicker;
   }
 });
-Object.defineProperty(exports, "getUserRecommendations", {
-  enumerable: true,
-  get: function get() {
-    return _index.getUserRecommendations;
-  }
-});
-Object.defineProperty(exports, "hydrateDefaultValues", {
-  enumerable: true,
-  get: function get() {
-    return _index.hydrateDefaultValues;
-  }
-});
 Object.defineProperty(exports, "isEmail", {
   enumerable: true,
   get: function get() {
@@ -87,19 +69,11 @@ Object.defineProperty(exports, "isValidEmail", {
     return _emailValidation.isValidEmail;
   }
 });
-Object.defineProperty(exports, "setSmartUserPickerEnv", {
-  enumerable: true,
-  get: function get() {
-    return _index.setSmartUserPickerEnv;
-  }
-});
 
 var _emailValidation = require("./components/emailValidation");
 
 var _UserPicker = require("./components/UserPicker");
 
-var _index = require("./components/smart-user-picker/index");
-
 var _PopupUserPicker = require("./components/PopupUserPicker");
 
 var _utils = require("./components/utils");

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.8.6",
+	"version": "9.0.0",
 	"sideEffects": false
 }

package/dist/es2019/analytics.js

@@ -116,68 +116,6 @@ export const searchedEvent = (props, state, session, journeyId) => {
 export const failedEvent = (props, _, session, journeyId) => createEvent('operational', 'failed', 'userPicker', { ...createDefaultPickerAttributes(props, session, journeyId)
 });
 
-const createDefaultSmartPickerAttributes = (props, state) => {
-  const {
-    fieldId,
-    objectId,
-    containerId,
-    childObjectId,
-    prefetch,
-    maxOptions,
-    includeTeams,
-    productKey,
-    principalId,
-    siteId,
-    orgId,
-    filterOptions
-  } = props;
-  const {
-    sessionId,
-    query
-  } = state;
-  const maxNumberOfResults = maxOptions || 100;
-  return {
-    context: fieldId,
-    childObjectId,
-    containerId,
-    hasFilterOptions: Boolean(filterOptions),
-    includeTeams,
-    maxNumberOfResults,
-    objectId,
-    prefetch,
-    principalId,
-    productKey,
-    queryLength: (query || '').length,
-    siteId,
-    orgId,
-    sessionId
-  };
-};
-
-const createSmartUserPickerEvent = (action, actionSubect, attributes = {}) => ({
-  source: 'smart-user-picker',
-  ...createEvent('operational', action, actionSubect, attributes)
-});
-
-export const preparedUsersLoadedEvent = (props, state, attributes = {}) => createSmartUserPickerEvent('loaded', 'preparedUsers', { ...createDefaultSmartPickerAttributes(props, state),
-  ...attributes
-});
-export const mountedWithPrefetchEvent = (props, state, attributes = {}) => createSmartUserPickerEvent('mounted', 'prefetch', { ...createDefaultSmartPickerAttributes(props, state),
-  ...attributes
-});
-export const filterUsersEvent = (props, state, attributes = {}) => createSmartUserPickerEvent('filtered', 'users', { ...createDefaultSmartPickerAttributes(props, state),
-  ...attributes
-});
-export const requestUsersEvent = (props, state, attributes = {}) => createSmartUserPickerEvent('requested', 'users', { ...createDefaultSmartPickerAttributes(props, state),
-  ...attributes
-});
-export const successfulRequestUsersEvent = (props, state, attributes = {}) => createSmartUserPickerEvent('successful', 'usersRequest', { ...createDefaultSmartPickerAttributes(props, state),
-  ...attributes
-});
-export const failedRequestUsersEvent = (props, state, attributes = {}) => createSmartUserPickerEvent('failed', 'usersRequest', { ...createDefaultSmartPickerAttributes(props, state),
-  ...attributes
-});
-
 function queryLength(state) {
   return state.inputValue.length;
 }

package/dist/es2019/index.js

@@ -1,6 +1,5 @@
 export { isValidEmail } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
-export { getUserRecommendations, hydrateDefaultValues, SmartUserPicker, setSmartUserPickerEnv } from './components/smart-user-picker/index';
 export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';
 export { // Constants

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.8.6",
+	"version": "9.0.0",
 	"sideEffects": false
 }

package/dist/esm/analytics.js

@@ -136,72 +136,6 @@ export var failedEvent = function failedEvent(props, _, session, journeyId) {
   return createEvent('operational', 'failed', 'userPicker', _objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)));
 };
 
-var createDefaultSmartPickerAttributes = function createDefaultSmartPickerAttributes(props, state) {
-  var fieldId = props.fieldId,
-      objectId = props.objectId,
-      containerId = props.containerId,
-      childObjectId = props.childObjectId,
-      prefetch = props.prefetch,
-      maxOptions = props.maxOptions,
-      includeTeams = props.includeTeams,
-      productKey = props.productKey,
-      principalId = props.principalId,
-      siteId = props.siteId,
-      orgId = props.orgId,
-      filterOptions = props.filterOptions;
-  var sessionId = state.sessionId,
-      query = state.query;
-  var maxNumberOfResults = maxOptions || 100;
-  return {
-    context: fieldId,
-    childObjectId: childObjectId,
-    containerId: containerId,
-    hasFilterOptions: Boolean(filterOptions),
-    includeTeams: includeTeams,
-    maxNumberOfResults: maxNumberOfResults,
-    objectId: objectId,
-    prefetch: prefetch,
-    principalId: principalId,
-    productKey: productKey,
-    queryLength: (query || '').length,
-    siteId: siteId,
-    orgId: orgId,
-    sessionId: sessionId
-  };
-};
-
-var createSmartUserPickerEvent = function createSmartUserPickerEvent(action, actionSubect) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return _objectSpread({
-    source: 'smart-user-picker'
-  }, createEvent('operational', action, actionSubect, attributes));
-};
-
-export var preparedUsersLoadedEvent = function preparedUsersLoadedEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('loaded', 'preparedUsers', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-export var mountedWithPrefetchEvent = function mountedWithPrefetchEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('mounted', 'prefetch', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-export var filterUsersEvent = function filterUsersEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('filtered', 'users', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-export var requestUsersEvent = function requestUsersEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('requested', 'users', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-export var successfulRequestUsersEvent = function successfulRequestUsersEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('successful', 'usersRequest', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-export var failedRequestUsersEvent = function failedRequestUsersEvent(props, state) {
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return createSmartUserPickerEvent('failed', 'usersRequest', _objectSpread(_objectSpread({}, createDefaultSmartPickerAttributes(props, state)), attributes));
-};
-
 function queryLength(state) {
   return state.inputValue.length;
 }

package/dist/esm/index.js

@@ -1,6 +1,5 @@
 export { isValidEmail } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
-export { getUserRecommendations, hydrateDefaultValues, SmartUserPicker, setSmartUserPickerEnv } from './components/smart-user-picker/index';
 export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';
 export { // Constants

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.8.6",
+	"version": "9.0.0",
 	"sideEffects": false
 }

package/dist/types/analytics.d.ts

@@ -1,6 +1,5 @@
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { UserPickerProps, UserPickerState } from './types';
-import { SmartUserPickerProps } from './components/smart-user-picker/index';
 export declare type UserPickerSession = {
     id: string;
     start: number;
@@ -15,9 +14,6 @@ export interface EventCreator {
     (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession): AnalyticsEventPayload;
     (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession, ...args: any[]): AnalyticsEventPayload;
 }
-export interface SmartEventCreator {
-    (props: SmartUserPickerProps, ...args: any[]): AnalyticsEventPayload;
-}
 export declare const focusEvent: EventCreator;
 export declare const clearEvent: EventCreator;
 export declare const deleteEvent: EventCreator;
@@ -25,9 +21,3 @@ export declare const cancelEvent: EventCreator;
 export declare const selectEvent: EventCreator;
 export declare const searchedEvent: EventCreator;
 export declare const failedEvent: EventCreator;
-export declare const preparedUsersLoadedEvent: SmartEventCreator;
-export declare const mountedWithPrefetchEvent: SmartEventCreator;
-export declare const filterUsersEvent: SmartEventCreator;
-export declare const requestUsersEvent: SmartEventCreator;
-export declare const successfulRequestUsersEvent: SmartEventCreator;
-export declare const failedRequestUsersEvent: SmartEventCreator;

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

@@ -51,7 +51,7 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
     private getAppearance;
     render(): JSX.Element;
 }
-export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Pick<BaseUserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps">, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps"> & Partial<Pick<Pick<BaseUserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps">, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
+export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Pick<BaseUserPickerProps, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps">, "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" | "SelectComponent" | "pickerProps"> & Partial<Pick<Pick<BaseUserPickerProps, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps">, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
     isMulti: boolean;
     subtle: boolean;
     noBorder: boolean;

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

@@ -27,7 +27,7 @@ export declare class PopupUserPickerWithoutAnalytics extends React.Component<Pop
     };
     render(): JSX.Element;
 }
-export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<PopupUserPickerProps, "placeholder" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "offset" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">, "placeholder" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "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" | "popupTitle"> & Partial<Pick<Pick<PopupUserPickerProps, "placeholder" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "offset" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">, "isMulti" | "offset" | "width" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">> & Partial<Pick<{
+export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<PopupUserPickerProps, "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "offset" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">, "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" | "popupTitle"> & Partial<Pick<Pick<PopupUserPickerProps, "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "offset" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">, "isMulti" | "offset" | "width" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">> & Partial<Pick<{
     boundariesElement: string;
     width: number;
     isMulti: boolean;

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

@@ -10,7 +10,7 @@ export declare class UserPickerWithoutAnalytics extends React.Component<UserPick
     componentDidMount(): void;
     render(): JSX.Element;
 }
-export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Pick<UserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions">, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "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"> & Partial<Pick<Pick<UserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions">, "isMulti" | "width">> & Partial<Pick<{
+export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Pick<UserPickerProps, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions">, "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"> & Partial<Pick<Pick<UserPickerProps, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions">, "isMulti" | "width">> & Partial<Pick<{
     width: number;
     isMulti: boolean;
 }, never>> & React.RefAttributes<any>>;

package/dist/types/index.d.ts

@@ -1,8 +1,6 @@
 export { isValidEmail } from './components/emailValidation';
 export type { EmailValidationResponse, EmailValidator, } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
-export { getUserRecommendations, hydrateDefaultValues, SmartUserPicker, setSmartUserPickerEnv, } from './components/smart-user-picker/index';
-export type { RecommendationRequest, SmartUserPickerProps, SupportedProduct, } from './components/smart-user-picker/index';
 export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';
 export { EmailType, GroupType, TeamType, UserType, } from './types';

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

@@ -8,7 +8,7 @@ export default md`
       appearance="warning"
       title="Note: @atlaskit/user-picker/smart-user-picker is deprecated."
     >
-      Please use{' '}
+      SmartUserPicker has moved packages! Please use{' '}
       <a href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
         @atlaskit/smart-user-picker
       </a>{' '}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "8.8.6",
+  "version": "9.0.0",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"