@atlaskit/user-picker 9.7.4 → 10.0.1

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMessagesForLocale = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * Tries to get the most specific messages bundle for a given locale.
  *
@@ -37,227 +30,193 @@ var getMessagesForLocale = /*#__PURE__*/function () {
             _context.t0 = locale;
             _context.next = _context.t0 === 'cs' ? 3 : _context.t0 === 'da' ? 4 : _context.t0 === 'de' ? 5 : _context.t0 === 'en' ? 6 : _context.t0 === 'en_GB' ? 7 : _context.t0 === 'es' ? 8 : _context.t0 === 'et' ? 9 : _context.t0 === 'fi' ? 10 : _context.t0 === 'fr' ? 11 : _context.t0 === 'hu' ? 12 : _context.t0 === 'is' ? 13 : _context.t0 === 'it' ? 14 : _context.t0 === 'ja' ? 15 : _context.t0 === 'ko' ? 16 : _context.t0 === 'nb' ? 17 : _context.t0 === 'nl' ? 18 : _context.t0 === 'pl' ? 19 : _context.t0 === 'pt_BR' ? 20 : _context.t0 === 'pt-BR' ? 20 : _context.t0 === 'pt_PT' ? 21 : _context.t0 === 'pt-PT' ? 21 : _context.t0 === 'ro' ? 22 : _context.t0 === 'ru' ? 23 : _context.t0 === 'sk' ? 24 : _context.t0 === 'sv' ? 25 : _context.t0 === 'th' ? 26 : _context.t0 === 'tr' ? 27 : _context.t0 === 'uk' ? 28 : _context.t0 === 'vi' ? 29 : _context.t0 === 'zh_TW' ? 30 : _context.t0 === 'zh' ? 31 : 32;
             break;
-
           case 3:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/cs'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 4:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/da'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 5:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/de'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 6:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/en'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 7:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/en_GB'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 8:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/es'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 9:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/et'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 10:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/fi'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 11:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/fr'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 12:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/hu'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 13:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/is'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 14:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/it'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 15:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/ja'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 16:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/ko'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 17:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/nb'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 18:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/nl'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 19:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/pl'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 20:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/pt_BR'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 21:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/pt_PT'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 22:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/ro'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 23:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/ru'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 24:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/sk'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 25:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/sv'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 26:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/th'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 27:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/tr'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 28:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/uk'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 29:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/vi'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 30:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/zh_TW'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 31:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/zh'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 32:
             fragments = locale.split(/[_-]/);
-
             if (!(fragments.length === 2)) {
               _context.next = 37;
               break;
             }
-
             return _context.abrupt("return", getMessagesForLocale(fragments[0]));
-
           case 37:
             return _context.abrupt("return", Promise.resolve().then(function () {
               return _interopRequireWildcard(require('../i18n/en'));
             }).then(function (mod) {
               return mod.default;
             }));
-
           case 38:
           case "end":
             return _context.stop();
@@ -265,10 +224,8 @@ var getMessagesForLocale = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function getMessagesForLocale(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-
 exports.getMessagesForLocale = getMessagesForLocale;

package/dist/cjs/util/ufoExperiences.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.userPickerRenderedUfoExperience = exports.userPickerOptionsShownUfoExperience = exports.UfoErrorBoundary = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ufo = require("@atlaskit/ufo");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var userPickerRenderedUfoExperience = new _ufo.ConcurrentExperience('user-picker-rendered', {
   platform: {
     component: 'user-picker'
@@ -41,22 +30,17 @@ var userPickerOptionsShownUfoExperience = new _ufo.ConcurrentExperience('user-pi
   performanceType: _ufo.ExperiencePerformanceTypes.InlineResult
 });
 exports.userPickerOptionsShownUfoExperience = userPickerOptionsShownUfoExperience;
-
 var UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(UfoErrorBoundary, _React$Component);
-
   var _super = _createSuper(UfoErrorBoundary);
-
   function UfoErrorBoundary() {
     (0, _classCallCheck2.default)(this, UfoErrorBoundary);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(UfoErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch() {
       var instance = userPickerRenderedUfoExperience.getInstance(this.props.id);
-
       if (instance.state.id !== _ufo.UFOExperienceState.FAILED.id) {
         instance.failure();
       }
@@ -69,5 +53,4 @@ var UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
   return UfoErrorBoundary;
 }(_react.default.Component);
-
 exports.UfoErrorBoundary = UfoErrorBoundary;

package/dist/cjs/version.json

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

package/dist/es2019/analytics.js

@@ -16,7 +16,6 @@ export const startSession = () => ({
   lastKey: undefined
 });
 export const createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
-
 const createEvent = (eventType, action, actionSubject, attributes = {}) => ({
   eventType,
   action,
@@ -27,39 +26,35 @@ const createEvent = (eventType, action, actionSubject, attributes = {}) => ({
     ...attributes
   }
 });
-
 const checkValidId = id => {
   return UUID_REGEXP_NEW_AAID.test(id) || UUID_REGEXP_OLD_AAID.test(id) || UUID_REGEXP_TEAMS_GROUPS.test(id);
 };
-
 const optionData2Analytics = option => {
   const {
     id,
     type
-  } = option; // id's of email types are emails which is PII
-
+  } = option;
+  // id's of email types are emails which is PII
   const validatedData = {
     id: checkValidId(id) ? id : null,
     type: type || null
   };
-
   if (isExternalUser(option)) {
-    return { ...validatedData,
+    return {
+      ...validatedData,
       type: 'external_user',
       sources: option.sources,
       externalUserType: option.externalUserType
     };
   }
-
   if (isCustom(option) && option.analyticsType) {
-    return { ...validatedData,
+    return {
+      ...validatedData,
       type: option.analyticsType
     };
   }
-
   return validatedData;
 };
-
 const buildValueForAnalytics = value => {
   if (value) {
     const valueToConvert = Array.isArray(value) ? value : [value];
@@ -67,21 +62,20 @@ const buildValueForAnalytics = value => {
       data
     }) => optionData2Analytics(data));
   }
-
   return [];
 };
-
 const createDefaultPickerAttributes = (props, session, journeyId) => ({
   context: props.fieldId,
   sessionId: sessionId(session),
   pickerType: pickerType(props),
   journeyId
 });
-
-export const focusEvent = (props, state, session, journeyId) => createEvent('ui', 'focused', 'userPicker', { ...createDefaultPickerAttributes(props, session, journeyId),
+export const focusEvent = (props, state, session, journeyId) => createEvent('ui', 'focused', 'userPicker', {
+  ...createDefaultPickerAttributes(props, session, journeyId),
   values: buildValueForAnalytics(state.value)
 });
-export const clearEvent = (props, state, session, journeyId) => createEvent('ui', 'cleared', 'userPicker', { ...createDefaultPickerAttributes(props, session, journeyId),
+export const clearEvent = (props, state, session, journeyId) => createEvent('ui', 'cleared', 'userPicker', {
+  ...createDefaultPickerAttributes(props, session, journeyId),
   pickerOpen: state.menuIsOpen,
   values: values(state)
 });
@@ -92,7 +86,8 @@ export const deleteEvent = (props, state, session, journeyId, ...args) => create
   value: optionData2Analytics(args[0]),
   pickerOpen: state.menuIsOpen
 });
-export const cancelEvent = (props, _, session, journeyId, ...args) => createEvent('ui', 'cancelled', 'userPicker', { ...createDefaultPickerAttributes(props, session, journeyId),
+export const cancelEvent = (props, _, session, journeyId, ...args) => createEvent('ui', 'cancelled', 'userPicker', {
+  ...createDefaultPickerAttributes(props, session, journeyId),
   sessionDuration: sessionDuration(session),
   queryLength: queryLength(args[0]),
   spaceInQuery: spaceInQuery(args[0]),
@@ -100,7 +95,8 @@ export const cancelEvent = (props, _, session, journeyId, ...args) => createEven
   downKeyCount: downKeyCount(session)
 });
 export const selectEvent = (props, state, session, journeyId, ...args) => {
-  return createEvent('ui', selectEventType(session), 'userPicker', { ...createDefaultPickerAttributes(props, session, journeyId),
+  return createEvent('ui', selectEventType(session), 'userPicker', {
+    ...createDefaultPickerAttributes(props, session, journeyId),
     sessionDuration: sessionDuration(session),
     position: position(state, args[0]),
     queryLength: queryLength(state),
@@ -113,7 +109,8 @@ export const selectEvent = (props, state, session, journeyId, ...args) => {
 };
 export const searchedEvent = (props, state, session, journeyId) => {
   const searchResults = results(state);
-  return createEvent('operational', 'searched', 'userPicker', { ...createDefaultPickerAttributes(props, session, journeyId),
+  return createEvent('operational', 'searched', 'userPicker', {
+    ...createDefaultPickerAttributes(props, session, journeyId),
     sessionDuration: sessionDuration(session),
     durationSinceInputChange: durationSinceInputChange(session),
     queryLength: queryLength(state),
@@ -122,70 +119,56 @@ export const searchedEvent = (props, state, session, journeyId) => {
     numberOfResults: searchResults.length
   });
 };
-export const failedEvent = (props, _, session, journeyId) => createEvent('operational', 'failed', 'userPicker', { ...createDefaultPickerAttributes(props, session, journeyId)
+export const failedEvent = (props, _, session, journeyId) => createEvent('operational', 'failed', 'userPicker', {
+  ...createDefaultPickerAttributes(props, session, journeyId)
 });
 export const userInfoEvent = (sources, accountId) => createEvent('ui', 'displayed', 'userInfo', {
   sources,
   // 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) {
   return state.inputValue.length;
 }
-
 function selectEventType(session) {
   return session && session.lastKey === 13 ? 'pressed' : 'clicked';
 }
-
 function upKeyCount(session) {
   return session ? session.upCount : null;
 }
-
 function downKeyCount(session) {
   return session ? session.downCount : null;
 }
-
 function spaceInQuery(state) {
   return state.inputValue.indexOf(' ') !== -1;
 }
-
 function sessionDuration(session) {
   return session ? Date.now() - session.start : null;
 }
-
 function durationSinceInputChange(session) {
   return session ? Date.now() - session.inputChangeTime : null;
 }
-
 function sessionId(session) {
   return session && session.id;
 }
-
 function position(state, value) {
   return value ? state.options.findIndex(option => option === value.data) : -1;
 }
-
 function pickerType(props) {
   return props.isMulti ? 'multi' : 'single';
 }
-
 function result(option) {
   return option ? optionData2Analytics(option.data) : null;
 }
-
 function results(state) {
   return (state.options || []).map(optionData2Analytics);
 }
-
 function isLoading(props, state) {
   return state.count > 0 || props.isLoading;
 }
-
 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/clients/UserSourceProvider.js

@@ -19,27 +19,22 @@ export const useUserSource = (accountId, shouldFetchSources, existingSources) =>
     if (typeof AbortController === 'undefined') {
       return;
     }
-
     return new AbortController();
   }, []);
   useEffect(() => {
     let isMounted = true;
-
     const cleanup = () => {
       abortController === null || abortController === void 0 ? void 0 : abortController.abort();
       isMounted = false;
     };
-
     if (!fetchUserSource || !shouldFetchSources) {
       setLoading(false);
       return cleanup;
     }
-
     fetchUserSource(accountId, abortController === null || abortController === void 0 ? void 0 : abortController.signal).then(externalSources => {
       if (!isMounted) {
         return;
       }
-
       setLoading(false);
       const externalSourceTypes = externalSources.map(source => source.sourceType);
       setExternalSources(externalSourceTypes);
@@ -47,7 +42,6 @@ export const useUserSource = (accountId, shouldFetchSources, existingSources) =>
       if (!isMounted) {
         return;
       }
-
       setLoading(false);
       setError(error);
     });

package/dist/es2019/components/AddOptionAvatar.js

@@ -3,7 +3,6 @@ import EmailIcon from '@atlaskit/icon/glyph/email';
 import { N40, N500 } from '@atlaskit/theme/colors';
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-
 const getEmailAvatarWrapperStyle = isLozenge => {
   const padding = isLozenge ? 0 : 4;
   return css({
@@ -14,7 +13,6 @@ const getEmailAvatarWrapperStyle = isLozenge => {
     alignItems: 'center'
   });
 };
-
 export const AddOptionAvatar = ({
   isLozenge,
   label

package/dist/es2019/components/AvatarItemOption.js

@@ -4,14 +4,11 @@ import { gridSize } from '@atlaskit/theme/constants';
 import { css, jsx } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { isLozengeText } from './utils';
-const AsyncTooltip = /*#__PURE__*/React.lazy(() => import(
-/* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */
-'@atlaskit/tooltip').then(module => {
+const AsyncTooltip = /*#__PURE__*/React.lazy(() => import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */'@atlaskit/tooltip').then(module => {
   return {
     default: module.default
   };
 }));
-
 const wrapper = isDisabled => css({
   alignItems: 'center',
   boxSizing: 'border-box',
@@ -23,7 +20,6 @@ const wrapper = isDisabled => css({
   cursor: isDisabled ? 'not-allowed' : 'pointer',
   opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
 });
-
 const optionWrapper = css({
   maxWidth: '100%',
   minWidth: 0,
@@ -31,7 +27,6 @@ const optionWrapper = css({
   lineHeight: '1.4',
   paddingLeft: `${gridSize()}px`
 });
-
 const getTextStyle = isSecondary => {
   const secondaryCssArgs = isSecondary ? {
     fontSize: '0.85em'
@@ -44,7 +39,6 @@ const getTextStyle = isSecondary => {
     ...secondaryCssArgs
   });
 };
-
 const additionalInfo = css({
   float: 'right'
 });
@@ -72,13 +66,10 @@ export const AvatarItemOption = ({
           content: lozenge.tooltip
         }, jsx(Lozenge, lozenge, lozenge.text)));
       }
-
       return jsx(Lozenge, lozenge, lozenge.text);
     }
-
     return lozenge;
   };
-
   return jsx("span", {
     css: wrapper(isDisabled)
   }, avatar, jsx("div", {