@atlaskit/user-picker 11.7.1 → 11.8.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/user-picker
 
+## 11.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.8.0
+
+### Minor Changes
+
+- [`b699e38a65c1a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b699e38a65c1a) -
+  Migrate off findDOMNode to make UserPicker compatible with React 19 (behind a FG for now)
+
 ## 11.7.1
 
 ### Patch Changes
@@ -68,7 +81,6 @@
 
 - [`d281a835c4897`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d281a835c4897) -
   [ux]
-
   - `TeamCreateDialog`
     - Fixed incorrect ariaDescribedBy identifier so that VoiceOver can read out the error message.
     - Programmatically focus the input on submit when there is an error.
@@ -1540,7 +1552,6 @@
   moved to its own dedicated package, @atlaskit/smart-user-picker.
 
   ### What this means for you as a @atlaskit/user-picker/smart-user-picker consumer
-
   - If you require an urgent change to SmartUserPicker, you will need to migrate and make changes to
     @atlaskit/smart-user-picker.
 
@@ -2676,7 +2687,6 @@
 
   Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
   [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
-
   - @atlaskit/docs@8.3.2
   - @atlaskit/analytics-next@6.3.5
   - @atlaskit/avatar@17.1.7
@@ -2754,7 +2764,6 @@
   Make PopupSelect correctly pass props. Forcing update of @atlaskit/select for all other packages-
   Updated dependencies
   [3a20e9a596](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3a20e9a596):
-
   - @atlaskit/select@11.0.2
 
 ## 4.1.4
@@ -2844,12 +2853,10 @@
   safety. Flow types are no longer provided. No behavioural changes.
 
   **Breaking changes**
-
   - `withAnalyticsForSumTypeProps` alias has been removed, please use `withAnalyticsEvents`
   - `AnalyticsContextWrappedComp` alias has been removed, please use `withAnalyticsContext`
 
   **Breaking changes to TypeScript annotations**
-
   - `withAnalyticsEvents` now infers proptypes automatically, consumers no longer need to provide
     props as a generic type.
   - `withAnalyticsContext` now infers proptypes automatically, consumers no longer need to provide
@@ -2896,7 +2903,6 @@
 - [patch][18dfac7332](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18dfac7332):
 
   In this PR, we are:
-
   - Re-introducing dist build folders
   - Adding back cjs
   - Replacing es5 by cjs and es2015 by esm
@@ -3044,50 +3050,42 @@
 ## 4.0.0
 
 - [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
-
   - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
     this package, please ensure you use at least this version of react and react-dom.
 
 ## 3.5.5
 
 - [patch][87c47cd667](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/87c47cd667):
-
   - Getting updated styles from tag
 
 ## 3.5.4
 
 - [patch][b8bc454675](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b8bc454675):
-
   - Add inputId prop to allow label to open the user picker
 
 ## 3.5.3
 
 - [patch][171feaa473](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/171feaa473):
-
   - FS-3792 clear results after selection
 
 ## 3.5.2
 
 - [patch][7cb36f2603](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7cb36f2603):
-
   - Fixed User Picker showing the spinner forever in some async use cases.
 
 ## 3.5.1
 
 - [patch][3fbfd9d7f5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3fbfd9d7f5):
-
   - updated byline message for EmailOption based on email validity in user-picker
 
 ## 3.5.0
 
 - [minor][e1abf3f31a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e1abf3f31a):
-
   - Prevent popup user picker from being dismissed on clear.
 
 ## 3.4.3
 
 - [patch][2f8c041db5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2f8c041db5):
-
   - Corrected asynchronous user picker behaviour
 
 ## 3.4.2
@@ -3108,110 +3106,92 @@
 ## 3.4.1
 
 - [patch][3f28e6443c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3f28e6443c):
-
   - @atlaskit/analytics-next-types is deprecated. Now you can use types for @atlaskit/analytics-next
     supplied from itself.
 
 ## 3.4.0
 
 - [minor][4a8effc046](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4a8effc046):
-
   - FS-3741 expose boundariesElement for integrators to pass in custom boundary
 
 ## 3.3.5
 
 - [patch][0f4109e919](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0f4109e919):
-
   - FS-3743 remove loading message from user picker
 
 ## 3.3.4
 
 - [patch][93464f09e8](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/93464f09e8):
-
   - TEAMS-328 : Changing byline logic
 
 ## 3.3.3
 
 - [patch][d13fad66df](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d13fad66df):
-
   - Enable esModuleInterop for typescript, this allows correct use of default exports
 
 ## 3.3.2
 
 - [patch][3718bdc361](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3718bdc361):
-
   - Updated InviteAvatorIcon in UserPicker to be not transparent
 
 ## 3.3.1
 
 - [patch][83ad0552d4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/83ad0552d4):
-
   - Workaround SSR avatar issue in user-picker ssr tests
 
 ## 3.3.0
 
 - [minor][4526b178cb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4526b178cb):
-
   - Fixed uncaptured Enter key press on Input
 
 ## 3.2.0
 
 - [minor][b0210d7ccc](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b0210d7ccc):
-
   - reset jest modules before hydration
 
 ## 3.1.1
 
 - [patch][3161a93cdb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3161a93cdb):
-
   - FS-3289 update share copy
 
 ## 3.1.0
 
 - [minor][1da59f9d31](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1da59f9d31):
-
   - added ssr tests to user-picker
 
 ## 3.0.0
 
 - [major][3ea3f5ea55](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3ea3f5ea55):
-
   - FS-3548 integrators must explicitly set the context prop in user-picker
 
 ## 2.0.3
 
 - [patch][552843a739](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/552843a739):
-
   - FS-3639 fix analytics when no item is removed
 
 ## 2.0.2
 
 - [patch][1bcaa1b991](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1bcaa1b991):
-
   - Add npmignore for index.ts to prevent some jest tests from resolving that instead of index.js
 
 ## 2.0.1
 
 - [patch][de8123519a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/de8123519a):
-
   - FS-3675 add ability for integrator to add title to popup picker
 
 ## 2.0.0
 
 - [major][9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
-
   - Dropped ES5 distributables from the typescript packages
 
 ## 1.1.1
 
 - [patch][64c306c904](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/64c306c904):
-
   - FS-3599 remove logic to hide add more placeholder
 
 ## 1.1.0
 
 - [minor][14af4044ea](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/14af4044ea):
-
   - FS-3354 introduce PopupUserPicker to package
 
 ## 1.0.25
@@ -3234,26 +3214,22 @@
 ## 1.0.24
 
 - [patch][97307d9dd1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/97307d9dd1):
-
   - FS-3618 add isValidEmail prop to UserPicker
 
 ## 1.0.23
 
 - [patch][ad1bd2a92e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ad1bd2a92e):
-
   - FS-3605 expose prop to disable input
 
 ## 1.0.22
 
 - [patch][46ffd45f21](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/46ffd45f21):
-
   - Added ability to toggle animations in atlaskit/select, updated UserPicker to disable animations
     using this new behaviour
 
 ## 1.0.21
 
 - [patch][b38b2098e3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b38b2098e3):
-
   - FS-3417 export utils functions
 
 ## 1.0.20
@@ -3265,29 +3241,24 @@
 ## 1.0.19
 
 - [patch][1050084e29](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1050084e29):
-
   - TEAMS-242 : Change user picker placeholder
 
 ## 1.0.18
 
 - [patch][0809a67d7b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0809a67d7b):
-
   - FS-3591 hide selected users from multi picker
 
 ## 1.0.17
 
 - [patch][67f0d11134](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/67f0d11134):
-
   - FS-3577 show selected options by default
 
 ## 1.0.16
 
 - [patch][c51d1e2e51](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c51d1e2e51):
-
   - FS-3573 show user avatar on focus
 
 ## 1.0.15
 
 - [patch][1ce3a8812b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1ce3a8812b):
-
   - FS-3458 call loadOptions if open prop is controlled

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 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/user-picker";
-var packageVersion = "11.7.0";
+var packageVersion = "11.8.0";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/cjs/components/MultiValueContainer.js

@@ -24,6 +24,7 @@ var _reactIntlNext = require("react-intl-next");
 var _i18n = require("./i18n");
 var _utils = require("./utils");
 var _ValueContainerWrapper = _interopRequireDefault(require("./ValueContainerWrapper"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["children", "innerProps"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -43,9 +44,13 @@ var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_
       _this.timeoutId = window.setTimeout(function () {
         var current = _this.valueContainerInnerProps.ref.current;
         if (current !== null) {
-          var container = _reactDom.default.findDOMNode(current);
-          if (container instanceof HTMLDivElement) {
-            container.scrollTop = container.scrollHeight;
+          if ((0, _platformFeatureFlags.fg)('user-picker-migrate-off-finddomnode')) {
+            current.scrollTop = current.scrollHeight;
+          } else {
+            var container = _reactDom.default.findDOMNode(current);
+            if (container instanceof HTMLDivElement) {
+              container.scrollTop = container.scrollHeight;
+            }
           }
         }
         _this.timeoutId = null;

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "11.7.0";
+const packageVersion = "11.8.0";
 const UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/MultiValueContainer.js

@@ -10,6 +10,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from './i18n';
 import { isChildInput } from './utils';
 import ValueContainerWrapper from './ValueContainerWrapper';
+import { fg } from '@atlaskit/platform-feature-flags';
 const valueContainerStyles = {
   root: "_yv0e5bpd _ca0q12x7 _n3td12x7 _19bv12x7 _1reo15vq _18m91wug _1fjgglyw _c71l1osq _1suq1j28 _1ke8idpf"
 };
@@ -31,9 +32,13 @@ export class MultiValueContainer extends React.PureComponent {
           }
         } = this.valueContainerInnerProps;
         if (current !== null) {
-          const container = ReactDOM.findDOMNode(current);
-          if (container instanceof HTMLDivElement) {
-            container.scrollTop = container.scrollHeight;
+          if (fg('user-picker-migrate-off-finddomnode')) {
+            current.scrollTop = current.scrollHeight;
+          } else {
+            const container = ReactDOM.findDOMNode(current);
+            if (container instanceof HTMLDivElement) {
+              container.scrollTop = container.scrollHeight;
+            }
           }
         }
         this.timeoutId = null;

package/dist/esm/analytics.js

@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.7.0";
+var packageVersion = "11.8.0";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/MultiValueContainer.js

@@ -21,6 +21,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { messages } from './i18n';
 import { isChildInput } from './utils';
 import ValueContainerWrapper from './ValueContainerWrapper';
+import { fg } from '@atlaskit/platform-feature-flags';
 var valueContainerStyles = {
   root: "_yv0e5bpd _ca0q12x7 _n3td12x7 _19bv12x7 _1reo15vq _18m91wug _1fjgglyw _c71l1osq _1suq1j28 _1ke8idpf"
 };
@@ -34,9 +35,13 @@ export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
       _this.timeoutId = window.setTimeout(function () {
         var current = _this.valueContainerInnerProps.ref.current;
         if (current !== null) {
-          var container = ReactDOM.findDOMNode(current);
-          if (container instanceof HTMLDivElement) {
-            container.scrollTop = container.scrollHeight;
+          if (fg('user-picker-migrate-off-finddomnode')) {
+            current.scrollTop = current.scrollHeight;
+          } else {
+            var container = ReactDOM.findDOMNode(current);
+            if (container instanceof HTMLDivElement) {
+              container.scrollTop = container.scrollHeight;
+            }
           }
         }
         _this.timeoutId = null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.7.1",
+	"version": "11.8.1",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,11 +56,11 @@
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.5.0",
+		"@atlaskit/tokens": "^7.0.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3",
+		"@compiled/react": "^0.18.6",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
 		"memoize-one": "^6.0.0",
@@ -111,6 +111,9 @@
 		},
 		"product-terminology-refresh": {
 			"type": "boolean"
+		},
+		"user-picker-migrate-off-finddomnode": {
+			"type": "boolean"
 		}
 	}
 }