@atlaskit/user-picker 9.7.4 → 10.0.1

package/dist/esm/analytics.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 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) { _defineProperty(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; }
-
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import versionJson from './version.json';
@@ -24,7 +21,6 @@ export var startSession = function startSession() {
   };
 };
 export var createAndFireEventInElementsChannel = createAndFireEvent('fabric-elements');
-
 var createEvent = function createEvent(eventType, action, actionSubject) {
   var attributes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return {
@@ -37,20 +33,17 @@ var createEvent = function createEvent(eventType, action, actionSubject) {
     }, attributes)
   };
 };
-
 var checkValidId = function checkValidId(id) {
   return UUID_REGEXP_NEW_AAID.test(id) || UUID_REGEXP_OLD_AAID.test(id) || UUID_REGEXP_TEAMS_GROUPS.test(id);
 };
-
 var optionData2Analytics = function optionData2Analytics(option) {
   var id = option.id,
-      type = option.type; // id's of email types are emails which is PII
-
+    type = option.type;
+  // id's of email types are emails which is PII
   var validatedData = {
     id: checkValidId(id) ? id : null,
     type: type || null
   };
-
   if (isExternalUser(option)) {
     return _objectSpread(_objectSpread({}, validatedData), {}, {
       type: 'external_user',
@@ -58,16 +51,13 @@ var optionData2Analytics = function optionData2Analytics(option) {
       externalUserType: option.externalUserType
     });
   }
-
   if (isCustom(option) && option.analyticsType) {
     return _objectSpread(_objectSpread({}, validatedData), {}, {
       type: option.analyticsType
     });
   }
-
   return validatedData;
 };
-
 var buildValueForAnalytics = function buildValueForAnalytics(value) {
   if (value) {
     var valueToConvert = Array.isArray(value) ? value : [value];
@@ -76,10 +66,8 @@ var buildValueForAnalytics = function buildValueForAnalytics(value) {
       return optionData2Analytics(data);
     });
   }
-
   return [];
 };
-
 var createDefaultPickerAttributes = function createDefaultPickerAttributes(props, session, journeyId) {
   return {
     context: props.fieldId,
@@ -88,7 +76,6 @@ var createDefaultPickerAttributes = function createDefaultPickerAttributes(props
     journeyId: journeyId
   };
 };
-
 export var focusEvent = function focusEvent(props, state, session, journeyId) {
   return createEvent('ui', 'focused', 'userPicker', _objectSpread(_objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)), {}, {
     values: buildValueForAnalytics(state.value)
@@ -151,67 +138,52 @@ export var userInfoEvent = function userInfoEvent(sources, accountId) {
     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(function (option) {
     return 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(function (option) {
     return optionData2Analytics(option.data);
   }) : [optionData2Analytics(state.value.data)] : [];
 }
-
 function numberOfResults(state) {
   return (state.options || []).length;
 }

package/dist/esm/clients/UserSourceProvider.js

@@ -4,7 +4,7 @@ import React, { createContext, useContext, useEffect, useMemo, useState } from '
 var ExusUserSourceContext = /*#__PURE__*/createContext({});
 export var ExusUserSourceProvider = function ExusUserSourceProvider(_ref) {
   var fetchUserSource = _ref.fetchUserSource,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React.createElement(ExusUserSourceContext.Provider, {
     value: {
       fetchUserSource: fetchUserSource
@@ -13,48 +13,39 @@ export var ExusUserSourceProvider = function ExusUserSourceProvider(_ref) {
 };
 export var useUserSource = function useUserSource(accountId, shouldFetchSources, existingSources) {
   var _useContext = useContext(ExusUserSourceContext),
-      fetchUserSource = _useContext.fetchUserSource;
-
+    fetchUserSource = _useContext.fetchUserSource;
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      externalSources = _useState2[0],
-      setExternalSources = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    externalSources = _useState2[0],
+    setExternalSources = _useState2[1];
   var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      error = _useState6[0],
-      setError = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
   var abortController = useMemo(function () {
     if (typeof AbortController === 'undefined') {
       return;
     }
-
     return new AbortController();
   }, []);
   useEffect(function () {
     var isMounted = true;
-
     var cleanup = function 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(function (externalSources) {
       if (!isMounted) {
         return;
       }
-
       setLoading(false);
       var externalSourceTypes = externalSources.map(function (source) {
         return source.sourceType;
@@ -64,7 +55,6 @@ export var useUserSource = function useUserSource(accountId, shouldFetchSources,
       if (!isMounted) {
         return;
       }
-
       setLoading(false);
       setError(error);
     });

package/dist/esm/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';
-
 var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge) {
   var padding = isLozenge ? 0 : 4;
   return css({
@@ -14,10 +13,9 @@ var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge)
     alignItems: 'center'
   });
 };
-
 export var AddOptionAvatar = function AddOptionAvatar(_ref) {
   var isLozenge = _ref.isLozenge,
-      label = _ref.label;
+    label = _ref.label;
   return jsx("div", {
     css: getEmailAvatarWrapperStyle(isLozenge)
   }, jsx(EmailIcon, {

package/dist/esm/components/AvatarItemOption.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 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) { _defineProperty(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; }
-
 /** @jsx jsx */
 import React from 'react';
 import { gridSize } from '@atlaskit/theme/constants';
@@ -11,15 +8,12 @@ import { css, jsx } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { isLozengeText } from './utils';
 var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
-  return import(
-  /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */
-  '@atlaskit/tooltip').then(function (module) {
+  return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */'@atlaskit/tooltip').then(function (module) {
     return {
       default: module.default
     };
   });
 });
-
 var wrapper = function wrapper(isDisabled) {
   return css({
     alignItems: 'center',
@@ -33,7 +27,6 @@ var wrapper = function wrapper(isDisabled) {
     opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
   });
 };
-
 var optionWrapper = css({
   maxWidth: '100%',
   minWidth: 0,
@@ -41,7 +34,6 @@ var optionWrapper = css({
   lineHeight: '1.4',
   paddingLeft: "".concat(gridSize(), "px")
 });
-
 var getTextStyle = function getTextStyle(isSecondary) {
   var secondaryCssArgs = isSecondary ? {
     fontSize: '0.85em'
@@ -53,7 +45,6 @@ var getTextStyle = function getTextStyle(isSecondary) {
     whiteSpace: 'nowrap'
   }, secondaryCssArgs));
 };
-
 var additionalInfo = css({
   float: 'right'
 });
@@ -67,11 +58,10 @@ export var textWrapper = function textWrapper(color) {
 };
 export var AvatarItemOption = function AvatarItemOption(_ref) {
   var avatar = _ref.avatar,
-      isDisabled = _ref.isDisabled,
-      lozenge = _ref.lozenge,
-      primaryText = _ref.primaryText,
-      secondaryText = _ref.secondaryText;
-
+    isDisabled = _ref.isDisabled,
+    lozenge = _ref.lozenge,
+    primaryText = _ref.primaryText,
+    secondaryText = _ref.secondaryText;
   var renderLozenge = function renderLozenge() {
     if (isLozengeText(lozenge)) {
       if (lozenge !== null && lozenge !== void 0 && lozenge.tooltip) {
@@ -83,13 +73,10 @@ export var AvatarItemOption = function AvatarItemOption(_ref) {
           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", {