@atlaskit/user-picker 9.0.3 → 9.0.6

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/user-picker
 
+## 9.0.6
+
+### Patch Changes
+
+- [`1d0b82f07d6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1d0b82f07d6) - Added numberOfResults to clicked and pressed events.
+
+## 9.0.5
+
+### Patch Changes
+
+- [`9b66179b615`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9b66179b615) - Removed potential logging of PII in the external user hover analytics event.
+
+## 9.0.4
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+
 ## 9.0.3
 
 ### Patch Changes

package/analytics/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/analytics.js",
   "module": "../dist/esm/analytics.js",
   "module:es2019": "../dist/es2019/analytics.js",
+  "sideEffects": false,
   "types": "../dist/types/analytics.d.ts"
 }

package/dist/cjs/analytics.js

@@ -23,7 +23,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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}/;
+var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
 
 var startSession = function startSession() {
   return {
@@ -147,7 +147,8 @@ var selectEvent = function selectEvent(props, state, session, journeyId) {
     spaceInQuery: spaceInQuery(state),
     upKeyCount: upKeyCount(session),
     downKeyCount: downKeyCount(session),
-    result: result(arguments.length <= 4 ? undefined : arguments[4])
+    result: result(arguments.length <= 4 ? undefined : arguments[4]),
+    numberOfResults: numberOfResults(state)
   }));
 };
 
@@ -176,7 +177,8 @@ exports.failedEvent = failedEvent;
 var userInfoEvent = function userInfoEvent(sources, accountId) {
   return createEvent('ui', 'displayed', 'userInfo', {
     sources: sources,
-    accountId: accountId
+    // accountId can be PII if it is an email so check that it's an AAID first
+    accountId: checkValidId(accountId) ? accountId : null
   });
 };
 
@@ -240,4 +242,8 @@ function values(state) {
   return state.value ? Array.isArray(state.value) ? state.value.map(function (option) {
     return optionData2Analytics(option.data);
   }) : [optionData2Analytics(state.value.data)] : [];
+}
+
+function numberOfResults(state) {
+  return (state.options || []).length;
 }

package/dist/cjs/version.json

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

package/dist/es2019/analytics.js

@@ -4,7 +4,7 @@ import { name as packageName, version as packageVersion } from './version.json';
 import { isExternalUser } from './components/utils';
 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}/;
+const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
 export const startSession = () => ({
   id: uuidv4(),
   start: Date.now(),
@@ -99,7 +99,8 @@ export const selectEvent = (props, state, session, journeyId, ...args) => {
     spaceInQuery: spaceInQuery(state),
     upKeyCount: upKeyCount(session),
     downKeyCount: downKeyCount(session),
-    result: result(args[0])
+    result: result(args[0]),
+    numberOfResults: numberOfResults(state)
   });
 };
 export const searchedEvent = (props, state, session, journeyId) => {
@@ -117,7 +118,8 @@ export const failedEvent = (props, _, session, journeyId) => createEvent('operat
 });
 export const userInfoEvent = (sources, accountId) => createEvent('ui', 'displayed', 'userInfo', {
   sources,
-  accountId
+  // accountId can be PII if it is an email so check that it's an AAID first
+  accountId: checkValidId(accountId) ? accountId : null
 });
 
 function queryLength(state) {
@@ -174,4 +176,8 @@ function isLoading(props, state) {
 
 function values(state) {
   return state.value ? Array.isArray(state.value) ? state.value.map(option => optionData2Analytics(option.data)) : [optionData2Analytics(state.value.data)] : [];
+}
+
+function numberOfResults(state) {
+  return (state.options || []).length;
 }

package/dist/es2019/version.json

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

package/dist/esm/analytics.js

@@ -10,7 +10,7 @@ import { name as packageName, version as packageVersion } from './version.json';
 import { isExternalUser } from './components/utils';
 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}/;
+var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
 export var startSession = function startSession() {
   return {
     id: uuidv4(),
@@ -118,7 +118,8 @@ export var selectEvent = function selectEvent(props, state, session, journeyId)
     spaceInQuery: spaceInQuery(state),
     upKeyCount: upKeyCount(session),
     downKeyCount: downKeyCount(session),
-    result: result(arguments.length <= 4 ? undefined : arguments[4])
+    result: result(arguments.length <= 4 ? undefined : arguments[4]),
+    numberOfResults: numberOfResults(state)
   }));
 };
 export var searchedEvent = function searchedEvent(props, state, session, journeyId) {
@@ -138,7 +139,8 @@ export var failedEvent = function failedEvent(props, _, session, journeyId) {
 export var userInfoEvent = function userInfoEvent(sources, accountId) {
   return createEvent('ui', 'displayed', 'userInfo', {
     sources: sources,
-    accountId: accountId
+    // accountId can be PII if it is an email so check that it's an AAID first
+    accountId: checkValidId(accountId) ? accountId : null
   });
 };
 
@@ -200,4 +202,8 @@ function values(state) {
   return state.value ? Array.isArray(state.value) ? state.value.map(function (option) {
     return optionData2Analytics(option.data);
   }) : [optionData2Analytics(state.value.data)] : [];
+}
+
+function numberOfResults(state) {
+  return (state.options || []).length;
 }

package/dist/esm/version.json

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

package/dist/types/analytics.d.ts

@@ -9,7 +9,7 @@ export declare type UserPickerSession = {
     lastKey?: number;
 };
 export declare const startSession: () => UserPickerSession;
-export declare const createAndFireEventInElementsChannel: (payload: Record<string, any>) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
 export interface EventCreator {
     (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession): AnalyticsEventPayload;
     (props: UserPickerProps, state: UserPickerState, session?: UserPickerSession, ...args: any[]): AnalyticsEventPayload;

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, "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<{
+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" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<BaseUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
     isMulti: boolean;
     subtle: boolean;
     noBorder: boolean;

package/dist/types/components/ExternalUserOption/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const AsyncExternalUserOption: React.LazyExoticComponent<React.ForwardRefExoticComponent<Pick<import("./main").ExternalUserOptionProps, "user" | "status" | "isSelected"> & React.RefAttributes<any>>>;
+declare const AsyncExternalUserOption: React.LazyExoticComponent<React.ForwardRefExoticComponent<Omit<import("./main").ExternalUserOptionProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
 export default AsyncExternalUserOption;

package/dist/types/components/ExternalUserOption/main.d.ts

@@ -9,4 +9,4 @@ export declare type ExternalUserOptionProps = WithAnalyticsEventsProps & {
     status?: string;
     isSelected: boolean;
 };
-export declare const ExternalUserOption: React.ForwardRefExoticComponent<Pick<ExternalUserOptionProps, "user" | "status" | "isSelected"> & React.RefAttributes<any>>;
+export declare const ExternalUserOption: React.ForwardRefExoticComponent<Omit<ExternalUserOptionProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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, "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<{
+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" | "popupTitle"> & Partial<Pick<Omit<PopupUserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width" | "offset" | "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, "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<{
+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"> & Partial<Pick<Omit<UserPickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
     width: number;
     isMulti: boolean;
 }, never>> & React.RefAttributes<any>>;

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

@@ -9,7 +9,7 @@ import { PopupControl } from './PopupControl';
 /**
  * Memoize getComponents to avoid rerenders.
  */
-export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: boolean | undefined, anchor?: import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined) => {
+export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: boolean | undefined, anchor?: import("react").ComponentType<any> | undefined) => {
     Control: import("react").ComponentType<any>;
     Option: import("react").FC<import("./Option").OptionProps>;
     MultiValue?: undefined;

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

@@ -1,6 +1,6 @@
 import { Placement } from '@atlaskit/popper';
-import { Target } from '../types';
-export declare const getPopupProps: import("memoize-one").MemoizedFn<(width: string | number, target: Target, onFlip: (data: any) => any, boundariesElement?: HTMLElement | "scrollParent" | "window" | "viewport" | undefined, offset?: number[] | undefined, placement?: "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined, rootBoundary?: "viewport" | "document" | undefined, shouldFlip?: boolean | undefined, popupTitle?: string | undefined) => {
+import { Target, BoundariesElement, RootBoundary } from '../types';
+export declare const getPopupProps: import("memoize-one").MemoizedFn<(width: string | number, target: Target, onFlip: (data: any) => any, boundariesElement?: BoundariesElement | undefined, offset?: number[] | undefined, placement?: Placement | undefined, rootBoundary?: RootBoundary | undefined, shouldFlip?: boolean | undefined, popupTitle?: string | undefined) => {
     searchThreshold: number;
     controlShouldRenderValue: boolean;
     minMenuWidth: string | number;
@@ -30,8 +30,8 @@ export declare const getPopupProps: import("memoize-one").MemoizedFn<(width: str
         } | {
             name: string;
             options: {
-                rootBoundary: "viewport" | "document" | undefined;
-                boundary: HTMLElement | "scrollParent" | "window" | "viewport" | undefined;
+                rootBoundary: RootBoundary | undefined;
+                boundary: BoundariesElement | undefined;
                 offset?: undefined;
             };
             enabled?: undefined;

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

@@ -18,7 +18,7 @@ export interface OptionToSelectableOptions {
 }
 export declare const optionToSelectableOptions: OptionToSelectableOptions;
 export declare const getAvatarSize: (appearance: string) => 'xsmall' | 'small' | 'medium';
-export declare const isChildInput: (child: ReactChild) => child is ReactElement<any, string | ((props: any) => ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+export declare const isChildInput: (child: ReactChild) => child is ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare const isSingleValue: (value?: AtlaskitSelectValue) => value is Option<OptionData>;
 export declare const hasValue: (value?: string | undefined) => value is string;
 export declare const callCallback: <U extends any[], R>(callback: ((...U: U) => R) | undefined, ...args: U) => R | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "9.0.3",
+  "version": "9.0.6",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -51,7 +51,7 @@
   },
   "devDependencies": {
     "@atlaskit/analytics-viewer": "^0.4.0",
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/elements-test-helpers": "^0.7.0",
     "@atlaskit/modal-dialog": "^12.2.0",
@@ -73,7 +73,7 @@
     "faker": "^4.1.0",
     "mock-apollo-client": "^0.1.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "3.9.10"
+    "typescript": "4.2.4"
   },
   "techstack": {
     "@repo/internal": {

package/types/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/types.js",
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
+  "sideEffects": false,
   "types": "../dist/types/types.d.ts"
 }