@atlaskit/user-picker 11.10.0 → 11.12.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/user-picker
 
+## 11.12.0
+
+### Minor Changes
+
+- [`fbc3b9aa8797e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fbc3b9aa8797e) -
+  add a new prop popupSelectProps to allow customised props for PopupSelect componenet in
+  PopupUserPicker
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.11.0
+
+### Minor Changes
+
+- [`11f67199573c8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/11f67199573c8) -
+  Clean up the FG and remove findDOMNode for good
+
 ## 11.10.0
 
 ### Minor Changes

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.9.0";
+var packageVersion = "11.11.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/ExternalUserOption/InfoIcon.js

@@ -33,7 +33,7 @@ var _default = exports.default = function _default() {
     return setHoverState(false);
   }, [setHoverState]);
   return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     (0, _react2.jsx)("div", {
       css: wrapper,
       onMouseEnter: onMouseEnter,

package/dist/cjs/components/ExternalUserOption/main.js

@@ -95,6 +95,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
           }, emailDomainWithAt))
         );
       }
+      return null;
     });
     (0, _defineProperty2.default)(_this, "renderAvatar", function () {
       var _this$props = _this.props,

package/dist/cjs/components/MultiValueContainer.js

@@ -19,12 +19,10 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _select = require("@atlaskit/select");
 var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
 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; }
@@ -44,14 +42,7 @@ var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_
       _this.timeoutId = window.setTimeout(function () {
         var current = _this.valueContainerInnerProps.ref.current;
         if (current !== null) {
-          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;
-            }
-          }
+          current.scrollTop = current.scrollHeight;
         }
         _this.timeoutId = null;
       });

package/dist/cjs/components/PopupUserPicker.js

@@ -20,6 +20,8 @@ var _styles = require("./styles");
 var _popup = require("./popup");
 var _BaseUserPicker = require("./BaseUserPicker");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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; }
 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 PopupUserPickerWithoutAnalytics = exports.PopupUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
@@ -65,12 +67,13 @@ var PopupUserPickerWithoutAnalytics = exports.PopupUserPickerWithoutAnalytics =
         strategy = _this$props.strategy;
       var width = this.props.width;
       var selectStyles = (0, _styles.getPopupStyles)(width, isMulti, styles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'));
+      var pickerProps = _objectSpread(_objectSpread({}, (0, _popup.getPopupProps)(width, target, this.handleFlipStyle, boundariesElement, offset, placement, rootBoundary, shouldFlip, popupTitle, strategy)), this.props.popupSelectProps || {});
       return /*#__PURE__*/_react.default.createElement(_BaseUserPicker.BaseUserPickerWithoutAnalytics, (0, _extends2.default)({}, this.props, {
         SelectComponent: _select.PopupSelect,
         width: width,
         styles: selectStyles,
         components: (0, _components.getPopupComponents)(!!popupTitle),
-        pickerProps: (0, _popup.getPopupProps)(width, target, this.handleFlipStyle, boundariesElement, offset, placement, rootBoundary, shouldFlip, popupTitle, strategy)
+        pickerProps: pickerProps
       }));
     }
   }]);

package/dist/cjs/components/utils.js

@@ -107,6 +107,7 @@ var callCallback = exports.callCallback = function callCallback(callback) {
       console.error('@atlassian/user-select: an error happening in `callCallback`: ', error);
     }
   }
+  return undefined;
 };
 var getAvatarUrl = exports.getAvatarUrl = function getAvatarUrl(optionData) {
   if (isUser(optionData) || isTeam(optionData) || isCustom(optionData) || isExternalUser(optionData)) {

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.9.0";
+const packageVersion = "11.11.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/ExternalUserOption/InfoIcon.js

@@ -16,7 +16,7 @@ export default (() => {
   const onMouseEnter = useCallback(() => setHoverState(true), [setHoverState]);
   const onMouseLeave = useCallback(() => setHoverState(false), [setHoverState]);
   return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     jsx("div", {
       css: wrapper,
       onMouseEnter: onMouseEnter,

package/dist/es2019/components/ExternalUserOption/main.js

@@ -80,6 +80,7 @@ class ExternalUserOptionImpl extends React.PureComponent {
           }, emailDomainWithAt))
         );
       }
+      return null;
     });
     _defineProperty(this, "renderAvatar", () => {
       const {

package/dist/es2019/components/MultiValueContainer.js

@@ -5,12 +5,10 @@ import "./MultiValueContainer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import { components } from '@atlaskit/select';
 import React, { Fragment } from 'react';
-import ReactDOM from 'react-dom';
 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"
 };
@@ -32,14 +30,7 @@ export class MultiValueContainer extends React.PureComponent {
           }
         } = this.valueContainerInnerProps;
         if (current !== null) {
-          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;
-            }
-          }
+          current.scrollTop = current.scrollHeight;
         }
         this.timeoutId = null;
       });

package/dist/es2019/components/PopupUserPicker.js

@@ -49,12 +49,16 @@ export class PopupUserPickerWithoutAnalytics extends React.Component {
     } = this.props;
     const width = this.props.width;
     const selectStyles = getPopupStyles(width, isMulti, styles, fg('platform-component-visual-refresh'));
+    const pickerProps = {
+      ...getPopupProps(width, target, this.handleFlipStyle, boundariesElement, offset, placement, rootBoundary, shouldFlip, popupTitle, strategy),
+      ...(this.props.popupSelectProps || {})
+    };
     return /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
       SelectComponent: PopupSelect,
       width: width,
       styles: selectStyles,
       components: getPopupComponents(!!popupTitle),
-      pickerProps: getPopupProps(width, target, this.handleFlipStyle, boundariesElement, offset, placement, rootBoundary, shouldFlip, popupTitle, strategy)
+      pickerProps: pickerProps
     }));
   }
 }

package/dist/es2019/components/utils.js

@@ -65,6 +65,7 @@ export const callCallback = (callback, ...args) => {
       console.error('@atlassian/user-select: an error happening in `callCallback`: ', error);
     }
   }
+  return undefined;
 };
 export const getAvatarUrl = optionData => {
   if (isUser(optionData) || isTeam(optionData) || isCustom(optionData) || isExternalUser(optionData)) {

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.9.0";
+var packageVersion = "11.11.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/ExternalUserOption/InfoIcon.js

@@ -24,7 +24,7 @@ export default (function () {
     return setHoverState(false);
   }, [setHoverState]);
   return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
     jsx("div", {
       css: wrapper,
       onMouseEnter: onMouseEnter,

package/dist/esm/components/ExternalUserOption/main.js

@@ -91,6 +91,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
           }, emailDomainWithAt))
         );
       }
+      return null;
     });
     _defineProperty(_this, "renderAvatar", function () {
       var _this$props = _this.props,

package/dist/esm/components/MultiValueContainer.js

@@ -16,12 +16,10 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { components } from '@atlaskit/select';
 import React, { Fragment } from 'react';
-import ReactDOM from 'react-dom';
 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"
 };
@@ -35,14 +33,7 @@ export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
       _this.timeoutId = window.setTimeout(function () {
         var current = _this.valueContainerInnerProps.ref.current;
         if (current !== null) {
-          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;
-            }
-          }
+          current.scrollTop = current.scrollHeight;
         }
         _this.timeoutId = null;
       });

package/dist/esm/components/PopupUserPicker.js

@@ -5,6 +5,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 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; }
 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 { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -58,12 +60,13 @@ export var PopupUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         strategy = _this$props.strategy;
       var width = this.props.width;
       var selectStyles = getPopupStyles(width, isMulti, styles, fg('platform-component-visual-refresh'));
+      var pickerProps = _objectSpread(_objectSpread({}, getPopupProps(width, target, this.handleFlipStyle, boundariesElement, offset, placement, rootBoundary, shouldFlip, popupTitle, strategy)), this.props.popupSelectProps || {});
       return /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
         SelectComponent: PopupSelect,
         width: width,
         styles: selectStyles,
         components: getPopupComponents(!!popupTitle),
-        pickerProps: getPopupProps(width, target, this.handleFlipStyle, boundariesElement, offset, placement, rootBoundary, shouldFlip, popupTitle, strategy)
+        pickerProps: pickerProps
       }));
     }
   }]);

package/dist/esm/components/utils.js

@@ -100,6 +100,7 @@ export var callCallback = function callCallback(callback) {
       console.error('@atlassian/user-select: an error happening in `callCallback`: ', error);
     }
   }
+  return undefined;
 };
 export var getAvatarUrl = function getAvatarUrl(optionData) {
   if (isUser(optionData) || isTeam(optionData) || isCustom(optionData) || isExternalUser(optionData)) {

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

@@ -125,6 +125,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     options?: OptionData[];
     placeholder?: React.ReactNode;
     placeholderAvatar?: "person" | "team";
+    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<OptionData>;
     required?: boolean;
     search?: string;
     showClearIndicator?: boolean;
@@ -149,7 +150,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;

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

@@ -79,6 +79,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     options?: import("../types").OptionData[];
     placeholder?: React.ReactNode;
     placeholderAvatar?: "person" | "team";
+    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("../types").OptionData>;
     required?: boolean;
     search?: string;
     showClearIndicator?: boolean;
@@ -164,6 +165,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     onSelection?: import("../types").OnOption | undefined;
     open?: boolean | undefined;
     placeholderAvatar?: "person" | "team" | undefined;
+    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("../types").OptionData> | undefined;
     showClearIndicator?: boolean | undefined;
     strategy?: "fixed" | "absolute" | undefined;
     subtle?: boolean | undefined;

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

@@ -70,6 +70,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     options?: import("../types").OptionData[];
     placeholder?: React.ReactNode;
     placeholderAvatar?: "person" | "team";
+    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("../types").OptionData>;
     required?: boolean;
     search?: string;
     showClearIndicator?: boolean;
@@ -81,7 +82,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("../types").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

package/dist/types/types.d.ts

@@ -4,7 +4,7 @@ import { type AriaAttributes } from 'react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type Placement } from '@atlaskit/popper';
 import { type EmailValidator } from './components/emailValidation';
-import { type StylesConfig, type SelectComponentsConfig } from '@atlaskit/select';
+import { type StylesConfig, type SelectComponentsConfig, type PopupSelectProps } from '@atlaskit/select';
 import { type BaseUserPickerWithoutAnalytics } from './components/BaseUserPicker';
 export type UserPickerProps = WithAnalyticsEventsProps & {
     /** Message to encourage the user to add more items to user picker. */
@@ -156,6 +156,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     placeholder?: React.ReactNode;
     /** Placeholder avatar style - defaults to person */
     placeholderAvatar?: 'person' | 'team';
+    /** Props to be passed to the popup select component */
+    popupSelectProps?: PopupSelectProps<OptionData>;
     /** Accessibility: A field to dictate if this is a mandatory field in the form. */
     required?: boolean;
     /** Input text value. */

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

@@ -125,6 +125,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     options?: OptionData[];
     placeholder?: React.ReactNode;
     placeholderAvatar?: "person" | "team";
+    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<OptionData>;
     required?: boolean;
     search?: string;
     showClearIndicator?: boolean;
@@ -149,7 +150,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;

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

@@ -79,6 +79,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     options?: import("../types").OptionData[];
     placeholder?: React.ReactNode;
     placeholderAvatar?: "person" | "team";
+    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("../types").OptionData>;
     required?: boolean;
     search?: string;
     showClearIndicator?: boolean;
@@ -170,6 +171,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     onSelection?: import("../types").OnOption | undefined;
     open?: boolean | undefined;
     placeholderAvatar?: "person" | "team" | undefined;
+    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("../types").OptionData> | undefined;
     showClearIndicator?: boolean | undefined;
     strategy?: "fixed" | "absolute" | undefined;
     subtle?: boolean | undefined;

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

@@ -70,6 +70,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     options?: import("../types").OptionData[];
     placeholder?: React.ReactNode;
     placeholderAvatar?: "person" | "team";
+    popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("../types").OptionData>;
     required?: boolean;
     search?: string;
     showClearIndicator?: boolean;
@@ -81,7 +82,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("../types").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -4,7 +4,7 @@ import { type AriaAttributes } from 'react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type Placement } from '@atlaskit/popper';
 import { type EmailValidator } from './components/emailValidation';
-import { type StylesConfig, type SelectComponentsConfig } from '@atlaskit/select';
+import { type StylesConfig, type SelectComponentsConfig, type PopupSelectProps } from '@atlaskit/select';
 import { type BaseUserPickerWithoutAnalytics } from './components/BaseUserPicker';
 export type UserPickerProps = WithAnalyticsEventsProps & {
     /** Message to encourage the user to add more items to user picker. */
@@ -156,6 +156,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     placeholder?: React.ReactNode;
     /** Placeholder avatar style - defaults to person */
     placeholderAvatar?: 'person' | 'team';
+    /** Props to be passed to the popup select component */
+    popupSelectProps?: PopupSelectProps<OptionData>;
     /** Accessibility: A field to dictate if this is a mandatory field in the form. */
     required?: boolean;
     /** Input text value. */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.10.0",
+	"version": "11.12.0",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,13 +51,13 @@
 		"@atlaskit/people-teams-ui-public": "^3.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^16.0.0",
+		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.6.0",
+		"@atlaskit/tokens": "^7.1.0",
+		"@atlaskit/tooltip": "^20.7.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -72,6 +72,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
+		"@af/visual-regression": "workspace:^",
 		"@atlaskit/elements-test-helpers": "workspace:^",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
@@ -112,9 +113,6 @@
 		"product-terminology-refresh": {
 			"type": "boolean"
 		},
-		"user-picker-migrate-off-finddomnode": {
-			"type": "boolean"
-		},
 		"jira_ai_agent_avatar_user_picker_user_option": {
 			"type": "boolean"
 		},

package/afm-post-office/tsconfig.json

@@ -1,75 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.post-office.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../post-office/tsDist/@atlaskit__user-picker/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-next/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/logo/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/lozenge/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/people-teams-ui-public/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/select/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/teams-avatar/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-post-office/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-post-office/tsconfig.json"
-		}
-	]
-}

package/afm-townsquare/tsconfig.json

@@ -1,75 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.townsquare.json",
-	"compilerOptions": {
-		"declaration": true,
-		"target": "es5",
-		"outDir": "../../../../../townsquare/tsDist/@atlaskit__user-picker/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-next/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/logo/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/lozenge/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/people-teams-ui-public/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/select/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../people-and-teams/teams-avatar/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-townsquare/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-townsquare/tsconfig.json"
-		}
-	]
-}