@atlaskit/smart-user-picker 6.11.2 → 7.0.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlassian/smart-user-picker
 
+## 7.0.1
+
+### Patch Changes
+
+- [#115319](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115319)
+  [`d3a55e50e9513`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d3a55e50e9513) -
+  QS-5272 migrate atlassian smart user picker to r18 concurrent
+- [#115319](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115319)
+  [`b0c914f8d10d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b0c914f8d10d7) -
+  QS-5272 runReact18 true
+
+## 7.0.0
+
+### Major Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.11.2
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -11,7 +11,7 @@ var _uuid = require("uuid");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/smart-user-picker";
-var packageVersion = "6.11.2";
+var packageVersion = "7.0.1";
 var startSession = exports.startSession = function startSession() {
   return {
     id: (0, _uuid.v4)(),

package/dist/cjs/components/SmartUserPicker.js

@@ -11,10 +11,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
@@ -35,7 +34,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var DEFAULT_DEBOUNCE_TIME_MS = 150;
 var ufoEndStateConfig = function ufoEndStateConfig(fieldId) {
@@ -71,14 +70,12 @@ var checkIf500Event = function checkIf500Event(statusCode) {
   return 500 <= statusCode && statusCode < 600;
 };
 var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SmartUserPickerWithoutAnalytics, _React$Component);
-  var _super = _createSuper(SmartUserPickerWithoutAnalytics);
   function SmartUserPickerWithoutAnalytics(props) {
     var _this$props$debounceT;
     var _this;
     (0, _classCallCheck2.default)(this, SmartUserPickerWithoutAnalytics);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _callSuper(this, SmartUserPickerWithoutAnalytics, [props]);
+    (0, _defineProperty2.default)(_this, "state", {
       users: [],
       loading: false,
       closed: true,
@@ -86,18 +83,18 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
       defaultValue: [],
       bootstrapOptions: []
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "abortOptionsShownUfoExperience", function () {
+    (0, _defineProperty2.default)(_this, "abortOptionsShownUfoExperience", function () {
       if (_this.optionsShownUfoExperienceInstance.state.id === _ufo.UFOExperienceState.STARTED.id) {
         // There may be an existing UFO timing running from previous key entry or focus,
         // so abort it and restart it just in case.
         _this.optionsShownUfoExperienceInstance.abort();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startOptionsShownUfoExperience", function () {
+    (0, _defineProperty2.default)(_this, "startOptionsShownUfoExperience", function () {
       _this.abortOptionsShownUfoExperience();
       _this.optionsShownUfoExperienceInstance.start();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
+    (0, _defineProperty2.default)(_this, "fireEvent", function (eventCreator) {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
       if (createAnalyticsEvent) {
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -106,11 +103,11 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
         (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) {
+    (0, _defineProperty2.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() {
+    (0, _defineProperty2.default)(_this, "memoizedFilterOptions", (0, _memoizeOne.default)(_this.filterOptions));
+    (0, _defineProperty2.default)(_this, "getUsers", (0, _debounce.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -278,7 +275,7 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
         }
       }, _callee, null, [[5, 32], [39, 53]]);
     })), (_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) {
+    (0, _defineProperty2.default)(_this, "onInputChange", function (newQuery, sessionId) {
       var query = newQuery || '';
       var closed = _this.state.closed;
       if (query === _this.state.query) {
@@ -300,7 +297,7 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterUsers", function () {
+    (0, _defineProperty2.default)(_this, "filterUsers", function () {
       var _this$state2 = _this.state,
         loading = _this$state2.loading,
         users = _this$state2.users,
@@ -330,7 +327,7 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
       // when loading filter previous result.
       return filteredUsers;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFocus", function (sessionId) {
+    (0, _defineProperty2.default)(_this, "onFocus", function (sessionId) {
       var state = {
         query: '',
         closed: false
@@ -353,7 +350,7 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
         _this.props.onFocus(sessionId);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function (sessionId) {
+    (0, _defineProperty2.default)(_this, "onBlur", function (sessionId) {
       _this.getUsers.cancel();
       _this.abortOptionsShownUfoExperience();
 
@@ -372,7 +369,8 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
     _this.optionsShownUfoExperienceInstance = _ufoExperiences.smartUserPickerOptionsShownUfoExperience.getInstance(props.inputId || props.fieldId);
     return _this;
   }
-  (0, _createClass2.default)(SmartUserPickerWithoutAnalytics, [{
+  (0, _inherits2.default)(SmartUserPickerWithoutAnalytics, _React$Component);
+  return (0, _createClass2.default)(SmartUserPickerWithoutAnalytics, [{
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
@@ -453,7 +451,6 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
       })));
     }
   }]);
-  return SmartUserPickerWithoutAnalytics;
 }(_react.default.Component); // TODO: Smart User picker team will have to add a type annotation here
 (0, _defineProperty2.default)(SmartUserPickerWithoutAnalytics, "defaultProps", {
   baseUrl: '',

package/dist/cjs/ufoExperiences.js

@@ -8,14 +8,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.useUFOConcurrentExperience = exports.smartUserPickerRenderedUfoExperience = exports.smartUserPickerOptionsShownUfoExperience = 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
 var _ufo = require("@atlaskit/ufo");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var COMPONENT_NAME = 'smart-user-picker';
 var smartUserPickerRenderedUfoExperience = exports.smartUserPickerRenderedUfoExperience = new _ufo.ConcurrentExperience('smart-user-picker-rendered', {
@@ -57,13 +57,12 @@ var useUFOConcurrentExperience = exports.useUFOConcurrentExperience = function u
   }, []);
 };
 var UfoErrorBoundary = exports.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);
+    return _callSuper(this, UfoErrorBoundary, arguments);
   }
-  (0, _createClass2.default)(UfoErrorBoundary, [{
+  (0, _inherits2.default)(UfoErrorBoundary, _React$Component);
+  return (0, _createClass2.default)(UfoErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch() {
       smartUserPickerRenderedUfoExperience.getInstance(this.props.id).failure();
@@ -74,5 +73,4 @@ var UfoErrorBoundary = exports.UfoErrorBoundary = /*#__PURE__*/function (_React$
       return this.props.children;
     }
   }]);
-  return UfoErrorBoundary;
 }(_react.default.Component);

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

@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * @param locale string specifying the locale like 'en_GB', or 'fr'.
  */
-var getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function () {
+var _getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
     var fragments;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -209,7 +209,7 @@ var getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function
             _context.next = 37;
             break;
           }
-          return _context.abrupt("return", getMessagesForLocale(fragments[0]));
+          return _context.abrupt("return", _getMessagesForLocale(fragments[0]));
         case 37:
           return _context.abrupt("return", Promise.resolve().then(function () {
             return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-en" */'../i18n/en'));

package/dist/es2019/analytics.js

@@ -1,7 +1,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuid } from 'uuid';
 const packageName = "@atlaskit/smart-user-picker";
-const packageVersion = "6.11.2";
+const packageVersion = "7.0.1";
 export const startSession = () => ({
   id: uuid(),
   start: Date.now(),

package/dist/esm/analytics.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuid } from 'uuid';
 var packageName = "@atlaskit/smart-user-picker";
-var packageVersion = "6.11.2";
+var packageVersion = "7.0.1";
 export var startSession = function startSession() {
   return {
     id: uuid(),

package/dist/esm/components/SmartUserPicker.js

@@ -2,10 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -13,7 +12,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import debounce from 'lodash/debounce';
@@ -61,14 +60,12 @@ var checkIf500Event = function checkIf500Event(statusCode) {
   return 500 <= statusCode && statusCode < 600;
 };
 export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
-  _inherits(SmartUserPickerWithoutAnalytics, _React$Component);
-  var _super = _createSuper(SmartUserPickerWithoutAnalytics);
   function SmartUserPickerWithoutAnalytics(props) {
     var _this$props$debounceT;
     var _this;
     _classCallCheck(this, SmartUserPickerWithoutAnalytics);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, SmartUserPickerWithoutAnalytics, [props]);
+    _defineProperty(_this, "state", {
       users: [],
       loading: false,
       closed: true,
@@ -76,18 +73,18 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
       defaultValue: [],
       bootstrapOptions: []
     });
-    _defineProperty(_assertThisInitialized(_this), "abortOptionsShownUfoExperience", function () {
+    _defineProperty(_this, "abortOptionsShownUfoExperience", function () {
       if (_this.optionsShownUfoExperienceInstance.state.id === UFOExperienceState.STARTED.id) {
         // There may be an existing UFO timing running from previous key entry or focus,
         // so abort it and restart it just in case.
         _this.optionsShownUfoExperienceInstance.abort();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "startOptionsShownUfoExperience", function () {
+    _defineProperty(_this, "startOptionsShownUfoExperience", function () {
       _this.abortOptionsShownUfoExperience();
       _this.optionsShownUfoExperienceInstance.start();
     });
-    _defineProperty(_assertThisInitialized(_this), "fireEvent", function (eventCreator) {
+    _defineProperty(_this, "fireEvent", function (eventCreator) {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
       if (createAnalyticsEvent) {
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -96,11 +93,11 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         createAndFireEventInElementsChannel(eventCreator.apply(void 0, [_this.props, _this.state].concat(args)))(createAnalyticsEvent);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "filterOptions", function (users, query, propFilterOptions) {
+    _defineProperty(_this, "filterOptions", function (users, query, propFilterOptions) {
       return propFilterOptions ? propFilterOptions(users, query) : users;
     });
-    _defineProperty(_assertThisInitialized(_this), "memoizedFilterOptions", memoizeOne(_this.filterOptions));
-    _defineProperty(_assertThisInitialized(_this), "getUsers", debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    _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;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -268,7 +265,7 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         }
       }, _callee, null, [[5, 32], [39, 53]]);
     })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
-    _defineProperty(_assertThisInitialized(_this), "onInputChange", function (newQuery, sessionId) {
+    _defineProperty(_this, "onInputChange", function (newQuery, sessionId) {
       var query = newQuery || '';
       var closed = _this.state.closed;
       if (query === _this.state.query) {
@@ -290,7 +287,7 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "filterUsers", function () {
+    _defineProperty(_this, "filterUsers", function () {
       var _this$state2 = _this.state,
         loading = _this$state2.loading,
         users = _this$state2.users,
@@ -320,7 +317,7 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
       // when loading filter previous result.
       return filteredUsers;
     });
-    _defineProperty(_assertThisInitialized(_this), "onFocus", function (sessionId) {
+    _defineProperty(_this, "onFocus", function (sessionId) {
       var state = {
         query: '',
         closed: false
@@ -343,7 +340,7 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         _this.props.onFocus(sessionId);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onBlur", function (sessionId) {
+    _defineProperty(_this, "onBlur", function (sessionId) {
       _this.getUsers.cancel();
       _this.abortOptionsShownUfoExperience();
 
@@ -362,7 +359,8 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
     _this.optionsShownUfoExperienceInstance = smartUserPickerOptionsShownUfoExperience.getInstance(props.inputId || props.fieldId);
     return _this;
   }
-  _createClass(SmartUserPickerWithoutAnalytics, [{
+  _inherits(SmartUserPickerWithoutAnalytics, _React$Component);
+  return _createClass(SmartUserPickerWithoutAnalytics, [{
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
@@ -443,7 +441,6 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
       })));
     }
   }]);
-  return SmartUserPickerWithoutAnalytics;
 }(React.Component);
 
 // TODO: Smart User picker team will have to add a type annotation here

package/dist/esm/ufoExperiences.js

@@ -1,9 +1,9 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { ExperiencePerformanceTypes, ExperienceTypes, ConcurrentExperience, UFOExperienceState } from '@atlaskit/ufo';
@@ -48,13 +48,12 @@ export var useUFOConcurrentExperience = function useUFOConcurrentExperience(expe
   }, []);
 };
 export var UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(UfoErrorBoundary, _React$Component);
-  var _super = _createSuper(UfoErrorBoundary);
   function UfoErrorBoundary() {
     _classCallCheck(this, UfoErrorBoundary);
-    return _super.apply(this, arguments);
+    return _callSuper(this, UfoErrorBoundary, arguments);
   }
-  _createClass(UfoErrorBoundary, [{
+  _inherits(UfoErrorBoundary, _React$Component);
+  return _createClass(UfoErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch() {
       smartUserPickerRenderedUfoExperience.getInstance(this.props.id).failure();
@@ -65,5 +64,4 @@ export var UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return UfoErrorBoundary;
 }(React.Component);

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

@@ -10,7 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
  *
  * @param locale string specifying the locale like 'en_GB', or 'fr'.
  */
-export var getMessagesForLocale = /*#__PURE__*/function () {
+var _getMessagesForLocale = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
     var fragments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -141,7 +141,7 @@ export var getMessagesForLocale = /*#__PURE__*/function () {
             _context.next = 37;
             break;
           }
-          return _context.abrupt("return", getMessagesForLocale(fragments[0]));
+          return _context.abrupt("return", _getMessagesForLocale(fragments[0]));
         case 37:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-en" */'../i18n/en').then(function (mod) {
             return mod.default;
@@ -155,4 +155,5 @@ export var getMessagesForLocale = /*#__PURE__*/function () {
   return function getMessagesForLocale(_x) {
     return _ref.apply(this, arguments);
   };
-}();
+}();
+export { _getMessagesForLocale as getMessagesForLocale };

package/dist/types/components/MessagesIntlProvider.d.ts

@@ -3,11 +3,7 @@ import { type IntlShape } from 'react-intl-next';
 export type MessagesIntlProviderProps = PropsWithChildren<{
     intl: IntlShape;
 }>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
-    intl: IntlShape;
-}>> & {
-    WrappedComponent: React.ComponentType<{
-        intl: IntlShape;
-    }>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<MessagesIntlProviderProps>> & {
+    WrappedComponent: React.ComponentType<MessagesIntlProviderProps>;
 };
 export default _default;

package/dist/types/components/SmartUserPicker.d.ts

@@ -29,6 +29,6 @@ export declare class SmartUserPickerWithoutAnalytics extends React.Component<Pro
     filterUsers: () => OptionData[];
     onFocus: (sessionId?: string) => void;
     onBlur: (sessionId?: string) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const SmartUserPicker: any;

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

@@ -3,11 +3,7 @@ import { type IntlShape } from 'react-intl-next';
 export type MessagesIntlProviderProps = PropsWithChildren<{
     intl: IntlShape;
 }>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
-    intl: IntlShape;
-}>> & {
-    WrappedComponent: React.ComponentType<{
-        intl: IntlShape;
-    }>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<MessagesIntlProviderProps>> & {
+    WrappedComponent: React.ComponentType<MessagesIntlProviderProps>;
 };
 export default _default;

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

@@ -29,6 +29,6 @@ export declare class SmartUserPickerWithoutAnalytics extends React.Component<Pro
     filterUsers: () => OptionData[];
     onFocus: (sessionId?: string) => void;
     onBlur: (sessionId?: string) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const SmartUserPicker: any;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-user-picker",
-	"version": "6.11.2",
+	"version": "7.0.1",
 	"license": "Apache-2.0",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,6 +28,7 @@
 	},
 	"atlassian": {
 		"team": "Search Platform: Search Experience",
+		"runReact18": true,
 		"slack": {
 			"channel": "#search-plex-prs",
 			"notifications": {
@@ -38,9 +39,9 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.1.0",
+		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/ufo": "^0.3.0",
-		"@atlaskit/user-picker": "^10.27.0",
+		"@atlaskit/user-picker": "^10.31.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"memoize-one": "^6.0.0",
@@ -48,12 +49,15 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0",
-		"react-dom": "^16.8.0"
+		"react": "^16.8.0 || ^17.0.0 || ^18.2.0",
+		"react-dom": "^16.8.0 || ^17.0.0 || ^18.2.0"
 	},
 	"devDependencies": {
-		"@atlaskit/select": "^18.5.0",
-		"@atlaskit/util-data-test": "^17.13.0",
+		"@atlaskit/select": "^18.10.0",
+		"@atlaskit/util-data-test": "^18.0.0",
+		"@testing-library/dom": "^10.1.0",
+		"@testing-library/react": "^13.4.0",
+		"@testing-library/user-event": "^14.4.3",
 		"enzyme": "^3.10.0",
 		"fetch-mock": "^8.0.0",
 		"graphql-tag": "^2.10.1",

package/tsconfig.json

@@ -11,6 +11,5 @@
     "./examples/**/*.tsx"
   ],
   "compilerOptions": {
-    "baseUrl": "./"
   }
 }