@atlaskit/user-picker 7.16.3 → 8.0.0

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

@@ -1,6 +1,6 @@
 import { Option } from '../types';
 import { EmailValidator } from './emailValidation';
-export declare const getCreatableSuggestedEmailProps: (emailDomain: string, isValidEmail?: EmailValidator | undefined) => {
+export declare const getCreatableSuggestedEmailProps: import("memoize-one").MemoizedFn<(emailDomain: string, isValidEmail?: EmailValidator | undefined) => {
     allowCreateWhileLoading: boolean;
     createOptionPosition: string;
     isValidNewOption: (inputValue?: string | undefined) => boolean | "" | undefined;
@@ -16,4 +16,4 @@ export declare const getCreatableSuggestedEmailProps: (emailDomain: string, isVa
     } | null;
     formatCreateLabel: (inputText?: string | undefined) => string;
     isOptionDisabled: (option: Option) => boolean;
-};
+}>;

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

@@ -1,6 +1,6 @@
 import { Placement } from '@atlaskit/popper';
 import { Target } from '../types';
-export declare const getPopupProps: (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) => {
+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) => {
     searchThreshold: number;
     controlShouldRenderValue: boolean;
     minMenuWidth: string | number;
@@ -45,4 +45,4 @@ export declare const getPopupProps: (width: string | number, target: Target, onF
             fn?: undefined;
         })[];
     };
-};
+}>;

package/dist/types/components/smart-user-picker/service/recommendationClient.d.ts

@@ -1,6 +1,6 @@
 import { OptionData } from '../../../types';
 import { ProductAttributes, RecommendationRequest } from '../components';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 /**
  * @deprecated Please use @atlassian/smart-user-picker
  */
@@ -15,7 +15,7 @@ export interface Context {
     siteId: string;
     productAttributes?: ProductAttributes;
 }
-declare const getUserRecommendations: (request: RecommendationRequest, intl: InjectedIntl) => Promise<OptionData[]>;
+declare const getUserRecommendations: (request: RecommendationRequest, intl: IntlShape) => Promise<OptionData[]>;
 /**
  * @deprecated Please use @atlassian/smart-user-picker
  */

package/dist/types/components/smart-user-picker/service/users-transformer.d.ts

@@ -1,5 +1,5 @@
 import { OptionData } from '../../../types';
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl-next';
 interface ServerItem {
     id: string;
     name?: string;
@@ -11,7 +11,7 @@ interface ServerItem {
 }
 interface ServerResponse {
     recommendedUsers: ServerItem[];
-    intl: InjectedIntl;
+    intl: IntlShape;
 }
 declare enum EntityType {
     USER = "USER",
@@ -21,5 +21,5 @@ declare enum EntityType {
 /**
  * @deprecated Please use @atlassian/smart-user-picker
  */
-export declare const transformUsers: (serverResponse: ServerResponse, intl: InjectedIntl) => OptionData[];
+export declare const transformUsers: (serverResponse: ServerResponse, intl: IntlShape) => OptionData[];
 export {};

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

@@ -1,7 +1,7 @@
 export declare const BORDER_PADDING = 6;
 export declare const AVATAR_PADDING = 6;
 export declare const INDICATOR_WIDTH = 39;
-export declare const getStyles: (width: string | number, isMulti?: boolean | undefined, overrideStyles?: Partial<import("react-select").Styles<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined) => Partial<import("react-select").Styles<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | {
+export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean | undefined, overrideStyles?: Partial<import("react-select").Styles<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined) => Partial<import("react-select").Styles<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | {
     menu: (css: any, state: any) => any;
     control: (css: any, state: any) => any;
     clearIndicator: ({ paddingTop, paddingBottom, paddingLeft, paddingRight, ...css }: any) => any;
@@ -13,5 +13,5 @@ export declare const getStyles: (width: string | number, isMulti?: boolean | und
     placeholder: (css: any, state: any) => any;
     option: (css: any) => any;
     input: ({ margin, ...css }: any) => any;
-};
-export declare const getPopupStyles: (width: string | number, flip?: boolean | undefined, isMulti?: boolean | undefined) => Partial<import("react-select").Styles<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>>;
+}>;
+export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, flip?: boolean | undefined, isMulti?: boolean | undefined) => Partial<import("react-select").Styles<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>>>;

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

@@ -8,7 +8,7 @@ export declare const isEmail: (option: OptionData) => option is Email;
 export declare const optionToSelectableOption: (option: OptionData | OptionIdentifier) => Option;
 export declare const extractOptionValue: (value: AtlaskitSelectValue) => OptionData | OptionData[] | undefined;
 export declare const isIterable: (a: any) => a is Iterable<Promisable<OptionData | OptionData[]>>;
-export declare const getOptions: (options: OptionData[]) => Option<OptionData>[];
+export declare const getOptions: import("memoize-one").MemoizedFn<(options: OptionData[]) => Option<OptionData>[]>;
 export interface OptionToSelectableOptions {
     (defaultValue: OptionData): Option;
     (defaultValue: OptionData[]): Option[];

package/dist/types/i18n/en_ZZ.d.ts

@@ -0,0 +1,30 @@
+declare const _default: {
+    'fabric.elements.user-picker.email.add': string;
+    'fabric.elements.user-picker.email.add.potential': string;
+    'fabric.elements.user-picker.email.select.to.add': string;
+    'fabric.elements.user-picker.external.sourced.from': string;
+    'fabric.elements.user-picker.github.provider': string;
+    'fabric.elements.user-picker.google.provider': string;
+    'fabric.elements.user-picker.group.byline': string;
+    'fabric.elements.user-picker.guest.lozenge.text': string;
+    'fabric.elements.user-picker.guest.lozenge.tooltip.group': string;
+    'fabric.elements.user-picker.guest.lozenge.tooltip.user': string;
+    'fabric.elements.user-picker.member.lozenge.text': string;
+    'fabric.elements.user-picker.microsoft.provider': string;
+    'fabric.elements.user-picker.multi.remove-item': string;
+    'fabric.elements.user-picker.placeholder': string;
+    'fabric.elements.user-picker.placeholder.add-more': string;
+    'fabric.elements.user-picker.single.clear': string;
+    'fabric.elements.user-picker.slack.provider': string;
+    'fabric.elements.user-picker.team.member.50plus': string;
+    'fabric.elements.user-picker.team.member.50plus.including.you': string;
+    'fabric.elements.user-picker.team.member.count': string;
+    'fabric.elements.user-picker.team.member.count.including.you': string;
+};
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by i18n-tools.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+export default _default;

package/dist/types/i18n/fi.d.ts

@@ -1,5 +1,7 @@
 declare const _default: {
     'fabric.elements.user-picker.email.add': string;
+    'fabric.elements.user-picker.email.add.potential': string;
+    'fabric.elements.user-picker.email.select.to.add': string;
     'fabric.elements.user-picker.external.sourced.from': string;
     'fabric.elements.user-picker.github.provider': string;
     'fabric.elements.user-picker.google.provider': string;

package/dist/types/i18n/fr.d.ts

@@ -1,5 +1,7 @@
 declare const _default: {
     'fabric.elements.user-picker.email.add': string;
+    'fabric.elements.user-picker.email.add.potential': string;
+    'fabric.elements.user-picker.email.select.to.add': string;
     'fabric.elements.user-picker.external.sourced.from': string;
     'fabric.elements.user-picker.github.provider': string;
     'fabric.elements.user-picker.google.provider': string;

package/dist/types/i18n/index.d.ts

@@ -29,6 +29,7 @@ export { default as th } from './th';
 export { default as tr } from './tr';
 export { default as uk } from './uk';
 export { default as vi } from './vi';
+export { default as en_ZZ } from './en_ZZ';
 export { default as en } from './en';
 export { default as en_GB } from './en_GB';
 export { default as is } from './is';

package/dist/types/i18n/uk.d.ts

@@ -1,5 +1,7 @@
 declare const _default: {
     'fabric.elements.user-picker.email.add': string;
+    'fabric.elements.user-picker.email.add.potential': string;
+    'fabric.elements.user-picker.email.select.to.add': string;
     'fabric.elements.user-picker.external.sourced.from': string;
     'fabric.elements.user-picker.github.provider': string;
     'fabric.elements.user-picker.google.provider': string;

package/dist/types/i18n/zh_TW.d.ts

@@ -1,5 +1,7 @@
 declare const _default: {
     'fabric.elements.user-picker.email.add': string;
+    'fabric.elements.user-picker.email.add.potential': string;
+    'fabric.elements.user-picker.email.select.to.add': string;
     'fabric.elements.user-picker.external.sourced.from': string;
     'fabric.elements.user-picker.github.provider': string;
     'fabric.elements.user-picker.google.provider': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "7.16.3",
+  "version": "8.0.0",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,6 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/avatar": "^20.5.0",
-    "@atlaskit/field-base": "^15.0.0",
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/lozenge": "^11.0.0",
     "@atlaskit/popper": "^5.0.0",
@@ -37,13 +36,13 @@
     "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "lodash": "^4.17.15",
-    "memoize-one": "^5.1.0",
+    "memoize-one": "^6.0.0",
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
@@ -51,18 +50,18 @@
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/docs": "*",
     "@atlaskit/elements-test-helpers": "^0.7.0",
-    "@atlaskit/field-range": "^9.0.0",
-    "@atlaskit/modal-dialog": "^12.0.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
+    "@atlaskit/range": "^5.0.11",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/textfield": "^5.0.0",
-    "@atlaskit/util-data-test": "^16.0.0",
+    "@atlaskit/util-data-test": "^17.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@types/uuid": "^3.4.4",
     "enzyme": "^3.10.0",
     "enzyme-react-intl": "^2.0.6",
     "faker": "^4.1.0",
     "mock-apollo-client": "^0.1.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "typescript": "3.9.6"
   },
   "keywords": [