@atlaskit/user-picker 9.2.0 → 9.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/user-picker
 
+## 9.2.1
+
+### Patch Changes
+
+- [`607b182bb8a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/607b182bb8a) - Add typecasting to prevent type errors during multivaluecontainer placeholder translations. Also fix warnings for importing json attributes from version.json for analytics.
+
 ## 9.2.0
 
 ### Minor Changes

package/dist/cjs/analytics.js

@@ -13,7 +13,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _uuid = require("uuid");
 
-var _version = require("./version.json");
+var _version = _interopRequireDefault(require("./version.json"));
 
 var _utils = require("./components/utils");
 
@@ -21,6 +21,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var packageName = _version.default.name;
+var packageVersion = _version.default.version;
 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}$/;
@@ -47,8 +49,8 @@ var createEvent = function createEvent(eventType, action, actionSubject) {
     action: action,
     actionSubject: actionSubject,
     attributes: _objectSpread({
-      packageName: _version.name,
-      packageVersion: _version.version
+      packageName: packageName,
+      packageVersion: packageVersion
     }, attributes)
   };
 };

package/dist/cjs/components/MultiValueContainer.js

@@ -95,7 +95,16 @@ var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
 
       if (addMoreMessage === undefined) {
         return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.addMore, function (addMore) {
-          return _this.addPlaceholder(addMore);
+          var _join, _addMoreMessages;
+
+          var addMoreMessages = addMore;
+
+          if (addMore && typeof addMore === 'string') {
+            addMoreMessages = [addMore];
+          }
+
+          var placeholder = (_join = (_addMoreMessages = addMoreMessages) === null || _addMoreMessages === void 0 ? void 0 : _addMoreMessages.join('')) !== null && _join !== void 0 ? _join : '';
+          return _this.addPlaceholder(placeholder);
         });
       }
 

package/dist/cjs/version.json

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

package/dist/es2019/analytics.js

@@ -1,7 +1,9 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
-import { name as packageName, version as packageVersion } from './version.json';
+import versionJson from './version.json';
 import { isExternalUser } from './components/utils';
+const packageName = versionJson.name;
+const packageVersion = versionJson.version;
 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/MultiValueContainer.js

@@ -67,7 +67,18 @@ export class MultiValueContainer extends React.PureComponent {
       }
 
       if (addMoreMessage === undefined) {
-        return /*#__PURE__*/React.createElement(FormattedMessage, messages.addMore, addMore => this.addPlaceholder(addMore));
+        return /*#__PURE__*/React.createElement(FormattedMessage, messages.addMore, addMore => {
+          var _join, _addMoreMessages;
+
+          let addMoreMessages = addMore;
+
+          if (addMore && typeof addMore === 'string') {
+            addMoreMessages = [addMore];
+          }
+
+          const placeholder = (_join = (_addMoreMessages = addMoreMessages) === null || _addMoreMessages === void 0 ? void 0 : _addMoreMessages.join('')) !== null && _join !== void 0 ? _join : '';
+          return this.addPlaceholder(placeholder);
+        });
       }
 
       return this.addPlaceholder(addMoreMessage);

package/dist/es2019/version.json

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

package/dist/esm/analytics.js

@@ -6,8 +6,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
-import { name as packageName, version as packageVersion } from './version.json';
+import versionJson from './version.json';
 import { isExternalUser } from './components/utils';
+var packageName = versionJson.name;
+var packageVersion = versionJson.version;
 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/MultiValueContainer.js

@@ -77,7 +77,16 @@ export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
 
       if (addMoreMessage === undefined) {
         return /*#__PURE__*/React.createElement(FormattedMessage, messages.addMore, function (addMore) {
-          return _this.addPlaceholder(addMore);
+          var _join, _addMoreMessages;
+
+          var addMoreMessages = addMore;
+
+          if (addMore && typeof addMore === 'string') {
+            addMoreMessages = [addMore];
+          }
+
+          var placeholder = (_join = (_addMoreMessages = addMoreMessages) === null || _addMoreMessages === void 0 ? void 0 : _addMoreMessages.join('')) !== null && _join !== void 0 ? _join : '';
+          return _this.addPlaceholder(placeholder);
         });
       }
 

package/dist/esm/util/i18n-util.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 /**
  * Tries to get the most specific messages bundle for a given locale.

package/dist/esm/version.json

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

package/package.json

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

package/report.api.md

@@ -0,0 +1,490 @@
+## API Report File for "@atlaskit/user-picker"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { Placement } from '@atlaskit/popper';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { StylesConfig } from '@atlaskit/select';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export type ActionTypes =
+  | 'select-option'
+  | 'deselect-option'
+  | 'remove-value'
+  | 'pop-value'
+  | 'set-value'
+  | 'clear'
+  | 'create-option';
+
+// @public (undocumented)
+export type Appearance = 'normal' | 'compact';
+
+// @public (undocumented)
+export type AtlasKitSelectChange = (
+  value: AtlaskitSelectValue,
+  extraInfo: {
+    removedValue?: Option_2;
+    option?: Option_2;
+    action: ActionTypes;
+  },
+) => void;
+
+// @public (undocumented)
+export type AtlaskitSelectValue = Option_2 | Array<Option_2> | null | undefined;
+
+// @public (undocumented)
+export type DefaultValue = Value | OptionIdentifier | OptionIdentifier[];
+
+// @public (undocumented)
+export interface Email extends OptionData {
+  // (undocumented)
+  suggestion?: boolean;
+  // (undocumented)
+  type: 'email';
+}
+
+// @public (undocumented)
+export const EmailType = 'email';
+
+// @public (undocumented)
+export type EmailValidationResponse = 'INVALID' | 'POTENTIAL' | 'VALID';
+
+// @public (undocumented)
+export type EmailValidator = (inputText: string) => EmailValidationResponse;
+
+// @public (undocumented)
+export interface ExternalUser extends User {
+  // (undocumented)
+  externalUserType?: 'crossSite' | 'thirdParty';
+  // (undocumented)
+  requiresSourceHydration?: boolean;
+  // (undocumented)
+  sources: UserSource[];
+}
+
+// @public (undocumented)
+export interface Group extends OptionData {
+  // (undocumented)
+  highlight?: GroupHighlight;
+  // (undocumented)
+  type: 'group';
+}
+
+// @public (undocumented)
+export interface GroupHighlight {
+  // (undocumented)
+  name: HighlightRange[];
+}
+
+// @public (undocumented)
+export const GroupType = 'group';
+
+// @public (undocumented)
+export interface HighlightRange {
+  // (undocumented)
+  end: number;
+  // (undocumented)
+  start: number;
+}
+
+// @public (undocumented)
+export type InputActionTypes =
+  | 'set-value'
+  | 'input-change'
+  | 'input-blur'
+  | 'menu-close';
+
+// @public (undocumented)
+export const isEmail: (option: OptionData) => option is Email;
+
+// @public (undocumented)
+export const isExternalUser: (option: OptionData) => option is ExternalUser;
+
+// @public (undocumented)
+export const isTeam: (option: OptionData) => option is Team;
+
+// @public (undocumented)
+export const isUser: (option: OptionData) => option is User;
+
+// @public (undocumented)
+export const isValidEmail: EmailValidator;
+
+// @public (undocumented)
+export interface LoadOptions {
+  // (undocumented)
+  (searchText?: string, sessionId?: string):
+    | Promisable<OptionData | OptionData[]>
+    | Iterable<
+        Promisable<OptionData[] | OptionData> | OptionData | OptionData[]
+      >;
+}
+
+// @public (undocumented)
+export interface LozengeProps {
+  // (undocumented)
+  appearance?: LozengeColor;
+  // (undocumented)
+  isBold?: boolean;
+  // (undocumented)
+  text: string;
+  // (undocumented)
+  tooltip?: string;
+}
+
+// @public (undocumented)
+export type OnChange = (value: Value, action: ActionTypes) => void;
+
+// @public (undocumented)
+export type OnInputChange = (query?: string, sessionId?: string) => void;
+
+// @public (undocumented)
+export type OnOption = (value: Value, sessionId?: string) => void;
+
+// @public (undocumented)
+export type OnPicker = (sessionId?: string) => void;
+
+// @public (undocumented)
+type Option_2<Data = OptionData> = {
+  label: string;
+  value: string;
+  data: Data;
+};
+export { Option_2 as Option };
+
+// @public (undocumented)
+export interface OptionData {
+  // (undocumented)
+  avatarUrl?: any;
+  // (undocumented)
+  fixed?: boolean;
+  // (undocumented)
+  id: string;
+  // (undocumented)
+  lozenge?: string | LozengeProps;
+  // (undocumented)
+  name: string;
+  // (undocumented)
+  type?: 'user' | 'team' | 'email' | 'group';
+}
+
+// @public (undocumented)
+export type OptionIdentifier = Pick<OptionData, 'id' | 'type'>;
+
+// @public (undocumented)
+export const PopupUserPicker: React_2.ForwardRefExoticComponent<
+  Pick<
+    Omit<PopupUserPickerProps, keyof WithAnalyticsEventsProps>,
+    | 'target'
+    | 'autoFocus'
+    | 'captureMenuScroll'
+    | 'closeMenuOnScroll'
+    | 'inputId'
+    | 'isClearable'
+    | 'isDisabled'
+    | 'isLoading'
+    | 'menuPosition'
+    | 'menuPortalTarget'
+    | 'menuShouldBlockScroll'
+    | 'noOptionsMessage'
+    | 'onBlur'
+    | 'onChange'
+    | 'onFocus'
+    | 'onInputChange'
+    | 'options'
+    | 'placeholder'
+    | 'styles'
+    | 'value'
+    | 'defaultValue'
+    | 'fieldId'
+    | 'menuMinWidth'
+    | 'maxPickerHeight'
+    | 'textFieldBackgroundColor'
+    | 'loadOptions'
+    | 'loadUserSource'
+    | 'search'
+    | 'anchor'
+    | 'open'
+    | 'onSelection'
+    | 'onClear'
+    | 'onClose'
+    | 'appearance'
+    | 'subtle'
+    | 'noBorder'
+    | 'addMoreMessage'
+    | 'clearValueLabel'
+    | 'allowEmail'
+    | 'suggestEmailsForDomain'
+    | 'emailLabel'
+    | 'disableInput'
+    | 'isValidEmail'
+    | 'maxOptions'
+    | 'ariaLabelledBy'
+    | 'ariaLive'
+    | 'popupTitle'
+  > &
+    Partial<
+      Pick<
+        Omit<PopupUserPickerProps, keyof WithAnalyticsEventsProps>,
+        | 'isMulti'
+        | 'width'
+        | 'offset'
+        | 'boundariesElement'
+        | 'placement'
+        | 'rootBoundary'
+        | 'shouldFlip'
+      >
+    > &
+    Partial<
+      Pick<
+        {
+          boundariesElement: string;
+          width: number;
+          isMulti: boolean;
+          offset: number[];
+          placement: string;
+          rootBoundary: string;
+          shouldFlip: boolean;
+        },
+        never
+      >
+    > &
+    React_2.RefAttributes<any>
+>;
+
+// @public (undocumented)
+export type PopupUserPickerProps = UserPickerProps & {
+  target: Target;
+  popupTitle?: string;
+  boundariesElement?: BoundariesElement;
+  offset?: [number, number];
+  placement?: Placement;
+  rootBoundary?: RootBoundary;
+  shouldFlip?: boolean;
+};
+
+// @public (undocumented)
+export type Promisable<T> = T | PromiseLike<T>;
+
+// @public (undocumented)
+export type Target = (options: { ref: any; isOpen: boolean }) => ReactNode;
+
+// @public (undocumented)
+export interface Team extends OptionData {
+  // (undocumented)
+  avatarUrl?: string;
+  // (undocumented)
+  description?: string;
+  // (undocumented)
+  highlight?: TeamHighlight;
+  // (undocumented)
+  includesYou?: boolean;
+  // (undocumented)
+  memberCount?: number;
+  // (undocumented)
+  members?: TeamMember[];
+  // (undocumented)
+  type: 'team';
+}
+
+// @public (undocumented)
+export interface TeamHighlight {
+  // (undocumented)
+  description?: HighlightRange[];
+  // (undocumented)
+  name: HighlightRange[];
+}
+
+// @public (undocumented)
+export interface TeamMember {
+  // (undocumented)
+  id: string;
+  // (undocumented)
+  name: string;
+}
+
+// @public (undocumented)
+export const TeamType = 'team';
+
+// @public (undocumented)
+export interface User extends OptionData {
+  // (undocumented)
+  avatarUrl?: string;
+  // (undocumented)
+  byline?: string;
+  // (undocumented)
+  email?: string;
+  // (undocumented)
+  highlight?: UserHighlight;
+  // (undocumented)
+  isExternal?: boolean;
+  // (undocumented)
+  publicName?: string;
+  // (undocumented)
+  type?: 'user';
+}
+
+// @public (undocumented)
+export interface UserHighlight {
+  // (undocumented)
+  name: HighlightRange[];
+  // (undocumented)
+  publicName: HighlightRange[];
+}
+
+// @public (undocumented)
+const UserPicker: React_2.ForwardRefExoticComponent<
+  Pick<
+    Omit<UserPickerProps, keyof WithAnalyticsEventsProps>,
+    | 'autoFocus'
+    | 'captureMenuScroll'
+    | 'closeMenuOnScroll'
+    | 'inputId'
+    | 'isClearable'
+    | 'isDisabled'
+    | 'isLoading'
+    | 'menuPosition'
+    | 'menuPortalTarget'
+    | 'menuShouldBlockScroll'
+    | 'noOptionsMessage'
+    | 'onBlur'
+    | 'onChange'
+    | 'onFocus'
+    | 'onInputChange'
+    | 'options'
+    | 'placeholder'
+    | 'styles'
+    | 'value'
+    | 'defaultValue'
+    | 'fieldId'
+    | 'menuMinWidth'
+    | 'maxPickerHeight'
+    | 'textFieldBackgroundColor'
+    | 'loadOptions'
+    | 'loadUserSource'
+    | 'search'
+    | 'anchor'
+    | 'open'
+    | 'onSelection'
+    | 'onClear'
+    | 'onClose'
+    | 'appearance'
+    | 'subtle'
+    | 'noBorder'
+    | 'addMoreMessage'
+    | 'clearValueLabel'
+    | 'allowEmail'
+    | 'suggestEmailsForDomain'
+    | 'emailLabel'
+    | 'disableInput'
+    | 'isValidEmail'
+    | 'maxOptions'
+    | 'ariaLabelledBy'
+    | 'ariaLive'
+  > &
+    Partial<
+      Pick<
+        Omit<UserPickerProps, keyof WithAnalyticsEventsProps>,
+        'isMulti' | 'width'
+      >
+    > &
+    Partial<
+      Pick<
+        {
+          width: number;
+          isMulti: boolean;
+        },
+        never
+      >
+    > &
+    React_2.RefAttributes<any>
+>;
+export default UserPicker;
+
+// @public (undocumented)
+export type UserPickerProps = WithAnalyticsEventsProps & {
+  fieldId: string | null;
+  options?: OptionData[];
+  width?: number | string;
+  menuMinWidth?: number;
+  maxPickerHeight?: number;
+  textFieldBackgroundColor?: boolean;
+  loadOptions?: LoadOptions;
+  loadUserSource?: LoadUserSource;
+  onChange?: OnChange;
+  isMulti?: boolean;
+  search?: string;
+  anchor?: React_2.ComponentType<any>;
+  open?: boolean;
+  isLoading?: boolean;
+  onInputChange?: OnInputChange;
+  onSelection?: OnOption;
+  onFocus?: OnPicker;
+  onBlur?: OnPicker;
+  onClear?: OnPicker;
+  onClose?: OnPicker;
+  appearance?: Appearance;
+  subtle?: boolean;
+  noBorder?: boolean;
+  styles?: StylesConfig;
+  defaultValue?: DefaultValue;
+  placeholder?: React_2.ReactNode;
+  addMoreMessage?: string;
+  noOptionsMessage?:
+    | ((value: { inputValue: string }) => string | null)
+    | string
+    | null;
+  value?: Value;
+  isDisabled?: boolean;
+  isClearable?: boolean;
+  clearValueLabel?: string;
+  menuPosition?: 'absolute' | 'fixed';
+  captureMenuScroll?: boolean;
+  menuPortalTarget?: HTMLElement;
+  allowEmail?: boolean;
+  suggestEmailsForDomain?: string;
+  emailLabel?: string;
+  disableInput?: boolean;
+  isValidEmail?: EmailValidator;
+  autoFocus?: boolean;
+  maxOptions?: number;
+  inputId?: string;
+  closeMenuOnScroll?: boolean | EventListener;
+  menuShouldBlockScroll?: boolean;
+  ariaLabelledBy?: string;
+  ariaLive?: 'polite' | 'off' | 'assertive';
+};
+
+// @public (undocumented)
+export type UserPickerState = {
+  options: OptionData[];
+  value?: AtlaskitSelectValue;
+  isDefaultSet: boolean;
+  inflightRequest: number;
+  count: number;
+  hoveringClearIndicator: boolean;
+  menuIsOpen: boolean;
+  inputValue: string;
+  resolving: boolean;
+};
+
+// @public (undocumented)
+export type UserSource =
+  | 'google'
+  | 'slack'
+  | 'microsoft'
+  | 'github'
+  | 'jira'
+  | 'confluence'
+  | 'other-atlassian';
+
+// @public (undocumented)
+export const UserType = 'user';
+
+// @public (undocumented)
+export type Value = OptionData | OptionData[] | null | undefined;
+
+// (No @packageDocumentation comment for this package)
+```