@atlaskit/smart-user-picker 4.0.0

package/dist/cjs/components/SmartUserPicker.js

@@ -0,0 +1,473 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmartUserPickerWithoutAnalytics = exports.SmartUserPicker = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _uuid = require("uuid");
+
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+
+var _reactIntlNext = require("react-intl-next");
+
+var _userPicker = _interopRequireDefault(require("@atlaskit/user-picker"));
+
+var _analytics = require("../analytics");
+
+var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
+
+var _service = require("../service");
+
+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) { (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; }
+
+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 DEFAULT_DEBOUNCE_TIME_MS = 150;
+
+var hasContextChanged = function hasContextChanged(oldContext, newContext) {
+  return oldContext.siteId !== newContext.siteId || oldContext.orgId !== newContext.orgId || oldContext.productKey !== newContext.productKey || oldContext.principalId !== newContext.principalId || oldContext.containerId !== newContext.containerId || oldContext.objectId !== newContext.objectId || oldContext.childObjectId !== newContext.childObjectId;
+};
+
+var stringContains = function stringContains(str, substr) {
+  if (str === null || str === undefined) {
+    return false;
+  }
+
+  if (substr === null || substr === '' || substr === undefined) {
+    return true;
+  }
+
+  return str.toLowerCase().includes(substr.toLowerCase());
+};
+
+var getUsersForAnalytics = function getUsersForAnalytics(users) {
+  return (users || []).map(function (_ref) {
+    var id = _ref.id,
+        type = _ref.type;
+    return {
+      id: id,
+      type: type
+    };
+  });
+};
+
+var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(SmartUserPickerWithoutAnalytics, _React$Component);
+
+  var _super = _createSuper(SmartUserPickerWithoutAnalytics);
+
+  function SmartUserPickerWithoutAnalytics() {
+    var _this$props$debounceT;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, SmartUserPickerWithoutAnalytics);
+
+    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+      _args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(_args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      users: [],
+      loading: false,
+      error: false,
+      closed: true,
+      query: '',
+      defaultValue: [],
+      bootstrapOptions: []
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
+      var createAnalyticsEvent = _this.props.createAnalyticsEvent;
+
+      if (createAnalyticsEvent) {
+        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+          args[_key2 - 1] = arguments[_key2];
+        }
+
+        (0, _analytics.createAndFireEventInElementsChannel)(eventCreator.apply(void 0, [_this.props, _this.state].concat(args)))(createAnalyticsEvent);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterOptions", function (users, query, propFilterOptions) {
+      return propFilterOptions ? propFilterOptions(users, query) : users;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "memoizedFilterOptions", (0, _memoizeOne.default)(_this.filterOptions));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getUsers", (0, _debounce.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _this$state, query, sessionId, _this$props, containerId, childObjectId, objectId, principalId, productKey, siteId, orgId, baseUrl, includeUsers, includeGroups, includeTeams, maxOptions, searchQueryFilter, onEmpty, productAttributes, intl, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, defaultUsers, _elapsedTimeMilli;
+
+      return _regenerator.default.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;
+              _this$props = _this.props, containerId = _this$props.containerId, childObjectId = _this$props.childObjectId, objectId = _this$props.objectId, principalId = _this$props.principalId, productKey = _this$props.productKey, siteId = _this$props.siteId, orgId = _this$props.orgId, baseUrl = _this$props.baseUrl, includeUsers = _this$props.includeUsers, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, maxOptions = _this$props.maxOptions, searchQueryFilter = _this$props.searchQueryFilter, onEmpty = _this$props.onEmpty, productAttributes = _this$props.productAttributes, intl = _this$props.intl;
+              maxNumberOfResults = maxOptions || 100;
+              startTime = window.performance.now();
+              recommendationsRequest = {
+                baseUrl: baseUrl,
+                context: {
+                  containerId: containerId,
+                  contextType: _this.props.fieldId,
+                  objectId: objectId,
+                  principalId: principalId,
+                  productKey: productKey,
+                  siteId: siteId,
+                  orgId: orgId,
+                  childObjectId: childObjectId,
+                  sessionId: sessionId,
+                  productAttributes: productAttributes
+                },
+                includeUsers: includeUsers,
+                includeGroups: includeGroups,
+                includeTeams: includeTeams,
+                maxNumberOfResults: maxNumberOfResults,
+                query: query,
+                searchQueryFilter: searchQueryFilter
+              };
+              _context.prev = 5;
+
+              _this.fireEvent(_analytics.requestUsersEvent);
+
+              _context.next = 9;
+              return (0, _service.getUserRecommendations)(recommendationsRequest, intl);
+
+            case 9:
+              recommendedUsers = _context.sent;
+              elapsedTimeMilli = window.performance.now() - startTime;
+
+              if (!(recommendedUsers.length === 0 && onEmpty)) {
+                _context.next = 26;
+                break;
+              }
+
+              _context.next = 14;
+              return onEmpty(query);
+
+            case 14:
+              _context.t2 = _yield$onEmpty = _context.sent;
+              _context.t1 = _context.t2 !== null;
+
+              if (!_context.t1) {
+                _context.next = 18;
+                break;
+              }
+
+              _context.t1 = _yield$onEmpty !== void 0;
+
+            case 18:
+              if (!_context.t1) {
+                _context.next = 22;
+                break;
+              }
+
+              _context.t3 = _yield$onEmpty;
+              _context.next = 23;
+              break;
+
+            case 22:
+              _context.t3 = [];
+
+            case 23:
+              _context.t0 = _context.t3;
+              _context.next = 27;
+              break;
+
+            case 26:
+              _context.t0 = recommendedUsers;
+
+            case 27:
+              displayedUsers = _context.t0;
+
+              _this.setState(function (state) {
+                var applicable = state.query === query;
+                var users = applicable ? displayedUsers : state.users;
+                var loading = !applicable;
+
+                _this.fireEvent(_analytics.successfulRequestUsersEvent, {
+                  users: getUsersForAnalytics(recommendedUsers),
+                  elapsedTimeMilli: elapsedTimeMilli,
+                  displayedUsers: getUsersForAnalytics(displayedUsers),
+                  productAttributes: productAttributes,
+                  applicable: applicable
+                });
+
+                return {
+                  users: users,
+                  loading: loading
+                };
+              });
+
+              _context.next = 40;
+              break;
+
+            case 31:
+              _context.prev = 31;
+              _context.t4 = _context["catch"](5);
+
+              _this.setState({
+                users: [],
+                error: true
+              });
+
+              _context.next = 36;
+              return _this.props.onError ? _this.props.onError(_context.t4, recommendationsRequest) || Promise.resolve([]) : Promise.resolve([]);
+
+            case 36:
+              defaultUsers = _context.sent;
+              _elapsedTimeMilli = window.performance.now() - startTime;
+
+              _this.setState({
+                users: defaultUsers,
+                loading: false
+              });
+
+              _this.fireEvent(_analytics.failedRequestUsersEvent, {
+                elapsedTimeMilli: _elapsedTimeMilli,
+                productAttributes: productAttributes
+              });
+
+            case 40:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[5, 31]]);
+    })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputChange", function (newQuery, sessionId) {
+      var query = newQuery || '';
+      var closed = _this.state.closed;
+
+      if (query === _this.state.query) {
+        return;
+      }
+
+      if (!closed) {
+        _this.setState({
+          loading: true,
+          query: query,
+          sessionId: sessionId
+        });
+
+        if (_this.props.onInputChange) {
+          _this.props.onInputChange(query, sessionId);
+        }
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterUsers", function () {
+      var _this$state2 = _this.state,
+          loading = _this$state2.loading,
+          users = _this$state2.users,
+          query = _this$state2.query;
+
+      var filteredUsers = _this.memoizedFilterOptions(users, query, _this.props.filterOptions); //If bootstrapOptions have been passed in and it is bootstrap
+
+
+      if (_this.props.bootstrapOptions && _this.props.bootstrapOptions.length !== 0 && query === '') {
+        var bootstrapFilteredUsers = _this.memoizedFilterOptions(_this.props.bootstrapOptions, query, _this.props.filterOptions);
+
+        _this.fireEvent(_analytics.filterUsersEvent, {
+          filtered: getUsersForAnalytics(bootstrapFilteredUsers),
+          all: getUsersForAnalytics(_this.props.bootstrapOptions)
+        });
+
+        return bootstrapFilteredUsers;
+      } // while when not loading just return already filtered result from server.
+
+
+      if (!loading) {
+        return filteredUsers;
+      }
+
+      var queryFilteredUsers = filteredUsers.filter(function (user) {
+        return stringContains(user.name, query);
+      });
+
+      _this.fireEvent(_analytics.filterUsersEvent, {
+        filtered: getUsersForAnalytics(queryFilteredUsers),
+        all: getUsersForAnalytics(users)
+      }); // when loading filter previous result.
+
+
+      return filteredUsers;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFocus", function (sessionId) {
+      var state = {
+        query: '',
+        closed: false
+      };
+
+      if (_this.state.users.length === 0) {
+        state.sessionId = sessionId;
+        state.loading = true;
+      } else {
+        _this.fireEvent(_analytics.preparedUsersLoadedEvent, {
+          users: getUsersForAnalytics(_this.state.users),
+          preparedSessionId: _this.state.sessionId,
+          sessionId: sessionId
+        });
+      }
+
+      _this.setState(function (currentState) {
+        return _objectSpread(_objectSpread({}, currentState), state);
+      });
+
+      if (_this.props.onFocus) {
+        _this.props.onFocus(sessionId);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function (sessionId) {
+      _this.getUsers.cancel(); // clear old users if query is populated so that on refocus,
+      // the old list is not shown
+
+
+      var users = _this.state.query.length === 0 ? _this.state.users : [];
+
+      _this.setState({
+        loading: false,
+        closed: true,
+        users: users
+      });
+
+      if (_this.props.onBlur) {
+        _this.props.onBlur(sessionId);
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(SmartUserPickerWithoutAnalytics, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+        var value, defaultValue, prefetch, sessionId;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                _context2.next = 3;
+                return (0, _service.hydrateDefaultValues)(this.props.baseUrl, this.props.defaultValue, this.props.productKey);
+
+              case 3:
+                value = _context2.sent;
+                this.setState({
+                  defaultValue: value
+                });
+                _context2.next = 13;
+                break;
+
+              case 7:
+                _context2.prev = 7;
+                _context2.t0 = _context2["catch"](0);
+                _context2.next = 11;
+                return this.props.onValueError ? this.props.onValueError(_context2.t0, this.props.defaultValue) || Promise.resolve([]) : Promise.resolve([]);
+
+              case 11:
+                defaultValue = _context2.sent;
+                this.setState({
+                  defaultValue: defaultValue
+                });
+
+              case 13:
+                prefetch = this.props.prefetch;
+
+                if (prefetch) {
+                  sessionId = (0, _uuid.v4)();
+                  this.fireEvent(_analytics.mountedWithPrefetchEvent, {
+                    sessionId: sessionId
+                  });
+                  this.setState({
+                    sessionId: sessionId
+                  });
+                }
+
+              case 15:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this, [[0, 7]]);
+      }));
+
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (hasContextChanged(prevProps, this.props) || this.props.fieldId !== prevProps.fieldId) {
+        this.setState({
+          users: []
+        });
+      }
+
+      if ((this.state.sessionId !== prevState.sessionId || this.state.query !== prevState.query) && (this.state.query !== '' || !this.props.bootstrapOptions)) {
+        this.getUsers();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_userPicker.default, (0, _extends2.default)({}, this.props, {
+        onInputChange: this.onInputChange,
+        onBlur: this.onBlur,
+        onFocus: this.onFocus,
+        defaultValue: this.state.defaultValue,
+        isLoading: this.props.isLoading || this.state.loading && !this.state.closed && (!this.props.bootstrapOptions || this.state.query !== ''),
+        options: this.filterUsers()
+      })));
+    }
+  }]);
+  return SmartUserPickerWithoutAnalytics;
+}(_react.default.Component); // TODO: Smart User picker team will have to add a type annotation here
+
+
+exports.SmartUserPickerWithoutAnalytics = SmartUserPickerWithoutAnalytics;
+(0, _defineProperty2.default)(SmartUserPickerWithoutAnalytics, "defaultProps", {
+  onError: function onError() {},
+  baseUrl: '',
+  includeUsers: true,
+  includeGroups: false,
+  includeTeams: false,
+  prefetch: false,
+  principalId: 'Context',
+  debounceTime: DEFAULT_DEBOUNCE_TIME_MS
+});
+var SmartUserPicker = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(SmartUserPickerWithoutAnalytics));
+exports.SmartUserPicker = SmartUserPicker;

package/dist/cjs/components/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SmartUserPicker = require("./SmartUserPicker");
+
+var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
+
+var _ufoExperiences = require("../ufoExperiences");
+
+var SmartUserPickerWithIntlProvider = function SmartUserPickerWithIntlProvider(props) {
+  (0, _ufoExperiences.useUFOConcurrentExperience)(_ufoExperiences.smartUserPickerRenderedUfoExperience, props.inputId || props.fieldId);
+  return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_SmartUserPicker.SmartUserPicker, props));
+};
+
+var _default = SmartUserPickerWithIntlProvider;
+exports.default = _default;

package/dist/cjs/config/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setSmartUserPickerEnv = exports.getConfig = void 0;
+var env = 'prod';
+var STG_INSTANCE = 'https://api-private.stg.atlassian.com';
+var LOCAL_CONFIG = {
+  getRecommendationServiceUrl: function getRecommendationServiceUrl(baseUrl) {
+    return baseUrl ? "".concat(STG_INSTANCE, "/").concat(baseUrl, "/gateway/api/v1/recommendations") : "".concat(STG_INSTANCE, "/gateway/api/v1/recommendations");
+  },
+  getUsersServiceUrl: function getUsersServiceUrl(productKey) {
+    return productKey === 'jira' ? "https://jdog.jira-dev.com/rest/api/3/user/bulk" : "https://pug.jira-dev.com/wiki/rest/api/user/bulk";
+  },
+  getGraphQLUrl: function getGraphQLUrl(baseUrl) {
+    return baseUrl ? "".concat(STG_INSTANCE, "/").concat(baseUrl, "/graphql") : "".concat(STG_INSTANCE, "/graphql");
+  },
+  getTeamsUrl: function getTeamsUrl(baseUrl) {
+    return baseUrl ? "".concat(STG_INSTANCE, "/").concat(baseUrl, "/gateway/api/v3/teams") : "".concat(STG_INSTANCE, "/gateway/api/v3/teams");
+  }
+};
+var PRD_CONFIG = {
+  getRecommendationServiceUrl: function getRecommendationServiceUrl(baseUrl) {
+    return baseUrl ? "".concat(baseUrl, "/gateway/api/v1/recommendations") : '/gateway/api/v1/recommendations';
+  },
+  getUsersServiceUrl: function getUsersServiceUrl(productKey) {
+    var baseUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    return productKey === 'jira' ? "".concat(baseUrl, "/rest/api/3/user/bulk") : "".concat(baseUrl, "/wiki/rest/api/user/bulk");
+  },
+  getGraphQLUrl: function getGraphQLUrl(baseUrl) {
+    return baseUrl ? "".concat(baseUrl, "/graphql") : "/graphql";
+  },
+  getTeamsUrl: function getTeamsUrl(baseUrl) {
+    return baseUrl ? "".concat(baseUrl, "/gateway/api/v3/teams") : "/gateway/api/v3/teams";
+  }
+}; // TODO remove this once no external code is calling it
+
+var setSmartUserPickerEnv = function setSmartUserPickerEnv(newEnv) {
+  return env = newEnv;
+}; // TODO remove this once no external code is calling it
+
+
+exports.setSmartUserPickerEnv = setSmartUserPickerEnv;
+
+var getConfig = function getConfig() {
+  return env === 'local' ? LOCAL_CONFIG : PRD_CONFIG;
+};
+
+exports.getConfig = getConfig;

package/dist/cjs/i18n/cs.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by i18n-tools.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+// Czech
+var _default = {
+  'fabric.elements.user-picker.external.sourced.from': 'Nalezen v:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'HOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Skupiny hostů mají přístup pouze k určitým prostorům a mají omezený přístup k uživatelským údajům.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Hosté mají přístup pouze k určitým prostorům a mají omezený přístup k uživatelským údajům.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLEN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};
+exports.default = _default;

package/dist/cjs/i18n/da.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by i18n-tools.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+// Danish
+var _default = {
+  'fabric.elements.user-picker.external.sourced.from': 'Fundet i:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GÆST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Gæstegrupper har kun adgang til bestemte områder og har begrænset adgang til brugeroplysninger.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gæster har kun adgang til bestemte områder og har begrænset adgang til brugeroplysninger.',
+  'fabric.elements.user-picker.member.lozenge.text': 'Medlem',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};
+exports.default = _default;

package/dist/cjs/i18n/de.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by i18n-tools.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+// German
+var _default = {
+  'fabric.elements.user-picker.external.sourced.from': 'Gefunden in:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GAST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Gästegruppen können ausschließlich auf ausgewählte Bereiche zugreifen und verfügen über eingeschränkten Zugriff auf Benutzerinformationen.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gäste können ausschließlich auf ausgewählte Bereiche zugreifen und verfügen über eingeschränkten Zugriff auf Benutzerinformationen.',
+  'fabric.elements.user-picker.member.lozenge.text': 'Mitglied',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};
+exports.default = _default;

package/dist/cjs/i18n/en.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// English
+var _default = {
+  'fabric.elements.user-picker.placeholder': 'Find a person...',
+  'fabric.elements.user-picker.placeholder.add-more': 'add more people...',
+  'fabric.elements.user-picker.multi.remove-item': 'Remove',
+  'fabric.elements.user-picker.single.clear': 'Clear'
+};
+exports.default = _default;

package/dist/cjs/i18n/en_GB.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// English (United Kingdom)
+var _default = {
+  'fabric.elements.user-picker.placeholder': 'Find a person...',
+  'fabric.elements.user-picker.placeholder.add-more': 'add more people...',
+  'fabric.elements.user-picker.multi.remove-item': 'Remove',
+  'fabric.elements.user-picker.single.clear': 'Clear'
+};
+exports.default = _default;