@atlaskit/smart-user-picker 8.0.1 → 8.1.0

package/dist/es2019/components/SmartUserPicker.js

@@ -97,7 +97,8 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
         productAttributes,
         productKey,
         searchQueryFilter,
-        siteId
+        siteId,
+        transformOptions
       } = this.props;
       const maxNumberOfResults = maxOptions || 100;
       const startTime = window.performance.now();
@@ -125,6 +126,9 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
       };
       try {
         var _await$onEmpty;
+        const {
+          query
+        } = this.state;
         this.fireEvent(requestUsersEvent);
         const recommendedUsers = await getUserRecommendations(recommendationsRequest, intl);
         if (overrideByline) {
@@ -135,7 +139,8 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
           }
         }
         const elapsedTimeMilli = window.performance.now() - startTime;
-        const displayedUsers = recommendedUsers.length === 0 && onEmpty ? (_await$onEmpty = await onEmpty(query)) !== null && _await$onEmpty !== void 0 ? _await$onEmpty : [] : recommendedUsers;
+        const transformedOptions = transformOptions ? await transformOptions(recommendedUsers, query) : recommendedUsers;
+        const displayedUsers = transformedOptions.length === 0 && onEmpty ? (_await$onEmpty = await onEmpty(query)) !== null && _await$onEmpty !== void 0 ? _await$onEmpty : [] : transformedOptions;
         this.setState(state => {
           const applicable = state.query === query;
           const users = applicable ? displayedUsers : state.users;

package/dist/es2019/i18n/hr.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Croatian (Croatia) [hr-HR]
+export default {
+  'fabric.elements.user-picker.external.sourced.from': 'Pronađen u:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Grupe gostiju mogu pristupiti samo određenim prostorima i imaju ograničen pristup korisničkim podacima.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gosti mogu pristupiti samo određenim prostorima i imaju ograničen pristup korisničkim podacima.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/es2019/i18n/sl.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+export default {
+  'fabric.elements.user-picker.external.sourced.from': 'Najdeno v:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Skupine gostov lahko dostopajo samo do določenih prostorov in imajo omejen dostop do uporabniških podatkov.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gostje lahko dostopajo samo do določenih prostorov in imajo omejen dostop do uporabniških podatkov.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/es2019/i18n/sr_RS.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.elements.user-picker.external.sourced.from': 'Pronađeno u:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Grupe za goste mogu da pristupe određenim prostorima i imaju ograničen pristup podacima korisnika.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gosti mogu da pristupe samo određenim prostorima i imaju ograničen pristup podacima korisnika.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/es2019/i18n/sr_YR.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+export default {
+  'fabric.elements.user-picker.external.sourced.from': 'Пронађено у:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'ГОСТ',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Групе за госте могу да приступе одређеним просторима и имају ограничен приступ подацима корисника.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Гости могу да приступе само одређеним просторима и имају ограничен приступ подацима корисника.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ЧЛАН',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/esm/components/SmartUserPicker.js

@@ -98,12 +98,12 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
     });
     _defineProperty(_this, "memoizedFilterOptions", memoizeOne(_this.filterOptions));
     _defineProperty(_this, "getUsers", debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, includeNonLicensedUsers, intl, maxOptions, objectId, onEmpty, onError, overrideByline, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, _iterator, _step, option, elapsedTimeMilli, displayedUsers, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
+      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, includeNonLicensedUsers, intl, maxOptions, objectId, onEmpty, onError, overrideByline, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, transformOptions, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, _query, recommendedUsers, _iterator, _step, option, elapsedTimeMilli, transformedOptions, displayedUsers, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _this$state = _this.state, query = _this$state.query, sessionId = _this$state.sessionId, closed = _this$state.closed;
-            _this$props = _this.props, baseUrl = _this$props.baseUrl, childObjectId = _this$props.childObjectId, containerId = _this$props.containerId, fieldId = _this$props.fieldId, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, includeUsers = _this$props.includeUsers, includeNonLicensedUsers = _this$props.includeNonLicensedUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, overrideByline = _this$props.overrideByline, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId;
+            _this$props = _this.props, baseUrl = _this$props.baseUrl, childObjectId = _this$props.childObjectId, containerId = _this$props.containerId, fieldId = _this$props.fieldId, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, includeUsers = _this$props.includeUsers, includeNonLicensedUsers = _this$props.includeNonLicensedUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, overrideByline = _this$props.overrideByline, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId, transformOptions = _this$props.transformOptions;
             maxNumberOfResults = maxOptions || 100;
             startTime = window.performance.now();
             recommendationsRequest = {
@@ -129,10 +129,11 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
               searchQueryFilter: searchQueryFilter
             };
             _context.prev = 5;
+            _query = _this.state.query;
             _this.fireEvent(requestUsersEvent);
-            _context.next = 9;
+            _context.next = 10;
             return getUserRecommendations(recommendationsRequest, intl);
-          case 9:
+          case 10:
             recommendedUsers = _context.sent;
             if (overrideByline) {
               _iterator = _createForOfIteratorHelper(recommendedUsers);
@@ -150,40 +151,54 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
               }
             }
             elapsedTimeMilli = window.performance.now() - startTime;
-            if (!(recommendedUsers.length === 0 && onEmpty)) {
-              _context.next = 27;
-              break;
-            }
-            _context.next = 15;
-            return onEmpty(query);
-          case 15:
-            _context.t2 = _yield$onEmpty = _context.sent;
-            _context.t1 = _context.t2 !== null;
-            if (!_context.t1) {
+            if (!transformOptions) {
               _context.next = 19;
               break;
             }
-            _context.t1 = _yield$onEmpty !== void 0;
+            _context.next = 16;
+            return transformOptions(recommendedUsers, _query);
+          case 16:
+            _context.t0 = _context.sent;
+            _context.next = 20;
+            break;
           case 19:
-            if (!_context.t1) {
-              _context.next = 23;
+            _context.t0 = recommendedUsers;
+          case 20:
+            transformedOptions = _context.t0;
+            if (!(transformedOptions.length === 0 && onEmpty)) {
+              _context.next = 36;
               break;
             }
-            _context.t3 = _yield$onEmpty;
             _context.next = 24;
-            break;
-          case 23:
-            _context.t3 = [];
+            return onEmpty(_query);
           case 24:
-            _context.t0 = _context.t3;
-            _context.next = 28;
-            break;
-          case 27:
-            _context.t0 = recommendedUsers;
+            _context.t3 = _yield$onEmpty = _context.sent;
+            _context.t2 = _context.t3 !== null;
+            if (!_context.t2) {
+              _context.next = 28;
+              break;
+            }
+            _context.t2 = _yield$onEmpty !== void 0;
           case 28:
-            displayedUsers = _context.t0;
+            if (!_context.t2) {
+              _context.next = 32;
+              break;
+            }
+            _context.t4 = _yield$onEmpty;
+            _context.next = 33;
+            break;
+          case 32:
+            _context.t4 = [];
+          case 33:
+            _context.t1 = _context.t4;
+            _context.next = 37;
+            break;
+          case 36:
+            _context.t1 = transformedOptions;
+          case 37:
+            displayedUsers = _context.t1;
             _this.setState(function (state) {
-              var applicable = state.query === query;
+              var applicable = state.query === _query;
               var users = applicable ? displayedUsers : state.users;
               var loading = !applicable;
               _this.fireEvent(successfulRequestUsersEvent, {
@@ -198,12 +213,12 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                 loading: loading
               };
             });
-            _context.next = 61;
+            _context.next = 70;
             break;
-          case 32:
-            _context.prev = 32;
-            _context.t4 = _context["catch"](5);
-            is5xxEvent = checkIf500Event(_context.t4.statusCode);
+          case 41:
+            _context.prev = 41;
+            _context.t5 = _context["catch"](5);
+            is5xxEvent = checkIf500Event(_context.t5.statusCode);
             if (!closed && !onError && is5xxEvent) {
               // If the user lookup fails while the menu is open, and the consumer is not providing a
               // fallback data source via the onError prop, then send UFO failure
@@ -214,35 +229,35 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
             });
             onErrorProducedError = false;
             defaultUsers = [];
-            _context.prev = 39;
+            _context.prev = 48;
             if (!onError) {
-              _context.next = 49;
+              _context.next = 58;
               break;
             }
-            _context.next = 43;
-            return onError(_context.t4, recommendationsRequest);
-          case 43:
-            _context.t6 = _context.sent;
-            if (_context.t6) {
-              _context.next = 46;
+            _context.next = 52;
+            return onError(_context.t5, recommendationsRequest);
+          case 52:
+            _context.t7 = _context.sent;
+            if (_context.t7) {
+              _context.next = 55;
               break;
             }
-            _context.t6 = [];
-          case 46:
-            _context.t5 = _context.t6;
-            _context.next = 50;
+            _context.t7 = [];
+          case 55:
+            _context.t6 = _context.t7;
+            _context.next = 59;
             break;
-          case 49:
-            _context.t5 = [];
-          case 50:
-            defaultUsers = _context.t5;
-            _context.next = 56;
+          case 58:
+            _context.t6 = [];
+          case 59:
+            defaultUsers = _context.t6;
+            _context.next = 65;
             break;
-          case 53:
-            _context.prev = 53;
-            _context.t7 = _context["catch"](39);
+          case 62:
+            _context.prev = 62;
+            _context.t8 = _context["catch"](48);
             onErrorProducedError = true;
-          case 56:
+          case 65:
             if (onErrorProducedError && is5xxEvent) {
               // Log error from fallback data source `onError` to UFO
               _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
@@ -259,11 +274,11 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
               elapsedTimeMilli: _elapsedTimeMilli,
               productAttributes: productAttributes
             });
-          case 61:
+          case 70:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[5, 32], [39, 53]]);
+      }, _callee, null, [[5, 41], [48, 62]]);
     })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
     _defineProperty(_this, "onInputChange", function (newQuery, sessionId) {
       var query = newQuery || '';

package/dist/esm/i18n/hr.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Croatian (Croatia) [hr-HR]
+export default {
+  'fabric.elements.user-picker.external.sourced.from': 'Pronađen u:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Grupe gostiju mogu pristupiti samo određenim prostorima i imaju ograničen pristup korisničkim podacima.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gosti mogu pristupiti samo određenim prostorima i imaju ograničen pristup korisničkim podacima.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/esm/i18n/sl.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+export default {
+  'fabric.elements.user-picker.external.sourced.from': 'Najdeno v:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Skupine gostov lahko dostopajo samo do določenih prostorov in imajo omejen dostop do uporabniških podatkov.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gostje lahko dostopajo samo do določenih prostorov in imajo omejen dostop do uporabniških podatkov.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/esm/i18n/sr_RS.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.elements.user-picker.external.sourced.from': 'Pronađeno u:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Grupe za goste mogu da pristupe određenim prostorima i imaju ograničen pristup podacima korisnika.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gosti mogu da pristupe samo određenim prostorima i imaju ograničen pristup podacima korisnika.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/esm/i18n/sr_YR.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+export default {
+  'fabric.elements.user-picker.external.sourced.from': 'Пронађено у:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'ГОСТ',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Групе за госте могу да приступе одређеним просторима и имају ограничен приступ подацима корисника.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Гости могу да приступе само одређеним просторима и имају ограничен приступ подацима корисника.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ЧЛАН',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/esm/service/default-value-hydration-client.js

@@ -164,7 +164,7 @@ var hydrateAccountIds = /*#__PURE__*/function () {
     return _ref2.apply(this, arguments);
   };
 }();
-function hydrateDefaultValues(_x7, _x8, _x9, _x10) {
+function hydrateDefaultValues(_x7, _x8, _x9, _x0) {
   return _hydrateDefaultValues.apply(this, arguments);
 }
 function _hydrateDefaultValues() {

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

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.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.slack.provider': string;
+};
+export default _default;

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

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.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.slack.provider': string;
+};
+export default _default;

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

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.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.slack.provider': string;
+};
+export default _default;

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

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.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.slack.provider': string;
+};
+export default _default;

package/dist/types/types.d.ts

@@ -26,6 +26,7 @@ export interface RecommendationRequest {
 type OnError = (error: any, request: RecommendationRequest) => Promise<OptionData[]> | void;
 type OnValueError = (error: any, defaultValue: DefaultValue) => Promise<OptionData[]> | void;
 type OnEmpty = (query: string) => Promise<OptionData[]>;
+type TransformOptions = (options: OptionData[], query?: string) => Promise<OptionData[]>;
 export interface State {
     users: OptionData[];
     loading: boolean;
@@ -190,6 +191,11 @@ export interface SmartProps {
      * Identifier for the organization in which to search for teams.
      */
     orgId?: string;
+    /**
+     * Optional callback to customize the options shown to the user.
+     * Called after options are loaded.
+     */
+    transformOptions?: TransformOptions;
 }
 export interface Props extends SmartProps, UserPickerProps, WithAnalyticsEventsProps {
     /**

package/dist/types-ts4.5/i18n/hr.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.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.slack.provider': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sl.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.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.slack.provider': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sr_RS.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.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.slack.provider': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sr_YR.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    '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.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.slack.provider': string;
+};
+export default _default;

package/dist/types-ts4.5/types.d.ts

@@ -26,6 +26,7 @@ export interface RecommendationRequest {
 type OnError = (error: any, request: RecommendationRequest) => Promise<OptionData[]> | void;
 type OnValueError = (error: any, defaultValue: DefaultValue) => Promise<OptionData[]> | void;
 type OnEmpty = (query: string) => Promise<OptionData[]>;
+type TransformOptions = (options: OptionData[], query?: string) => Promise<OptionData[]>;
 export interface State {
     users: OptionData[];
     loading: boolean;
@@ -190,6 +191,11 @@ export interface SmartProps {
      * Identifier for the organization in which to search for teams.
      */
     orgId?: string;
+    /**
+     * Optional callback to customize the options shown to the user.
+     * Called after options are loaded.
+     */
+    transformOptions?: TransformOptions;
 }
 export interface Props extends SmartProps, UserPickerProps, WithAnalyticsEventsProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-user-picker",
-	"version": "8.0.1",
+	"version": "8.1.0",
 	"license": "Apache-2.0",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,7 +28,6 @@
 	},
 	"atlassian": {
 		"team": "Search Platform: Search Experience",
-		"runReact18": true,
 		"slack": {
 			"channel": "#search-plex-prs",
 			"notifications": {
@@ -39,9 +38,9 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.0.0",
+		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/ufo": "^0.4.0",
-		"@atlaskit/user-picker": "^11.0.0",
+		"@atlaskit/user-picker": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"memoize-one": "^6.0.0",
@@ -53,7 +52,7 @@
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@atlaskit/select": "^20.3.0",
+		"@atlaskit/select": "^21.2.0",
 		"@atlaskit/util-data-test": "^18.0.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^13.4.0",
@@ -61,7 +60,6 @@
 		"enzyme": "^3.10.0",
 		"fetch-mock": "^8.0.0",
 		"graphql-tag": "^2.10.1",
-		"mock-apollo-client": "^0.1.0",
-		"typescript": "~5.4.2"
+		"mock-apollo-client": "^0.1.0"
 	}
 }