@atlaskit/user-picker 12.0.8 → 12.0.9

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/user-picker
 
+## 12.0.9
+
+### Patch Changes
+
+- [`0039f15f6734f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0039f15f6734f) -
+  Clean up platform_user_picker_firefox_tab_fix FG (treated as off / control)
+
 ## 12.0.8
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -15,7 +15,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "0.0.0-development";
+var packageVersion = "12.0.8";
 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/AvatarItemOption.js

@@ -29,20 +29,6 @@ var AsyncTooltip = /*#__PURE__*/_react.default.lazy(function () {
   });
 });
 var wrapper = function wrapper(isDisabled) {
-  if ((0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix')) {
-    return (0, _react2.css)({
-      alignItems: 'center',
-      boxSizing: 'border-box',
-      display: 'flex',
-      outline: 'none',
-      margin: 0,
-      width: '100%',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      cursor: isDisabled ? 'not-allowed' : 'pointer',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
-    });
-  }
   return (0, _react2.css)({
     alignItems: 'center',
     boxSizing: 'border-box',
@@ -65,26 +51,10 @@ var optionWrapper = (0, _react2.css)({
   lineHeight: '1.4',
   paddingLeft: "var(--ds-space-100, 8px)"
 });
-var optionWrapperFix = (0, _react2.css)({
-  display: 'inline-block',
-  overflow: 'hidden',
-  minWidth: 0,
-  maxWidth: '100%',
-  paddingLeft: "var(--ds-space-100, 8px)"
-});
 var getTextStyle = function getTextStyle(isSecondary) {
   var secondaryCssArgs = isSecondary ? {
     font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
   } : {};
-  if ((0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix')) {
-    return (0, _react2.css)(_objectSpread({
-      margin: 0,
-      maxWidth: '100%',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    }, secondaryCssArgs));
-  }
   return (0, _react2.css)(_objectSpread({
     margin: 0,
     overflowX: 'hidden',
@@ -97,18 +67,6 @@ var additionalInfo = (0, _react2.css)({
   marginLeft: "var(--ds-space-100, 8px)"
 });
 var textWrapper = exports.textWrapper = function textWrapper(color) {
-  if ((0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix')) {
-    return (0, _react2.css)({
-      display: 'inline-block',
-      verticalAlign: 'bottom',
-      maxWidth: '100%',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      color: color
-    });
-  }
   return (0, _react2.css)({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -171,7 +129,7 @@ var AvatarItemOption = exports.AvatarItemOption = function AvatarItemOption(_ref
     (0, _react2.jsx)("span", {
       css: wrapper(isDisabled)
     }, avatar, (0, _react2.jsx)("div", {
-      css: (0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix') ? optionWrapperFix : optionWrapper
+      css: optionWrapper
     }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("div", {
       css: getTextStyle()
     }, primaryText), secondaryText && (0, _react2.jsx)("div", {

package/dist/cjs/components/UserOption.js

@@ -25,16 +25,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
-var styles = function styles(color) {
-  return (0, _react.css)({
-    display: 'inline',
-    verticalAlign: 'top',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    color: color
-  });
-};
 var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponent) {
   function UserOption() {
     var _this;
@@ -62,7 +52,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
           key: "publicName"
         }, ' ', (0, _react.jsx)("span", {
           // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          css: (0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix') ? styles(color) : (0, _AvatarItemOption.textWrapper)(color)
+          css: (0, _AvatarItemOption.textWrapper)(color)
           // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
         }, "(", (0, _react.jsx)(_HighlightText.HighlightText, {
           highlights: highlight && highlight.publicName

package/dist/es2019/analytics.js

@@ -6,7 +6,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "0.0.0-development";
+const packageVersion = "12.0.8";
 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/AvatarItemOption.js

@@ -14,36 +14,20 @@ const AsyncTooltip = /*#__PURE__*/React.lazy(() => import( /* webpackChunkName:
     default: module.default
   };
 }));
-const wrapper = isDisabled => {
-  if (fg('platform_user_picker_firefox_tab_fix')) {
-    return css({
-      alignItems: 'center',
-      boxSizing: 'border-box',
-      display: 'flex',
-      outline: 'none',
-      margin: 0,
-      width: '100%',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      cursor: isDisabled ? 'not-allowed' : 'pointer',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
-    });
-  }
-  return css({
-    alignItems: 'center',
-    boxSizing: 'border-box',
-    display: 'flex',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: 1,
-    outline: 'none',
-    margin: 0,
-    width: '100%',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    cursor: isDisabled ? 'not-allowed' : 'pointer',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
-  });
-};
+const wrapper = isDisabled => css({
+  alignItems: 'center',
+  boxSizing: 'border-box',
+  display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  lineHeight: 1,
+  outline: 'none',
+  margin: 0,
+  width: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  cursor: isDisabled ? 'not-allowed' : 'pointer',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
+});
 const optionWrapper = css({
   maxWidth: '100%',
   minWidth: 0,
@@ -51,28 +35,10 @@ const optionWrapper = css({
   lineHeight: '1.4',
   paddingLeft: "var(--ds-space-100, 8px)"
 });
-const optionWrapperFix = css({
-  display: 'inline-block',
-  overflow: 'hidden',
-  minWidth: 0,
-  maxWidth: '100%',
-  paddingLeft: "var(--ds-space-100, 8px)"
-});
 const getTextStyle = isSecondary => {
   const secondaryCssArgs = isSecondary ? {
     font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
   } : {};
-  if (fg('platform_user_picker_firefox_tab_fix')) {
-    return css({
-      margin: 0,
-      maxWidth: '100%',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      ...secondaryCssArgs
-    });
-  }
   return css({
     margin: 0,
     overflowX: 'hidden',
@@ -86,27 +52,13 @@ const additionalInfo = css({
   float: 'right',
   marginLeft: "var(--ds-space-100, 8px)"
 });
-export const textWrapper = color => {
-  if (fg('platform_user_picker_firefox_tab_fix')) {
-    return css({
-      display: 'inline-block',
-      verticalAlign: 'bottom',
-      maxWidth: '100%',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      color
-    });
-  }
-  return css({
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    display: 'inline',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    color
-  });
-};
+export const textWrapper = color => css({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  display: 'inline',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  color
+});
 const lozengeAppearanceToTagColor = {
   default: 'standard',
   success: 'lime',
@@ -162,7 +114,7 @@ export const AvatarItemOption = ({
     jsx("span", {
       css: wrapper(isDisabled)
     }, avatar, jsx("div", {
-      css: fg('platform_user_picker_firefox_tab_fix') ? optionWrapperFix : optionWrapper
+      css: optionWrapper
     }, jsx("div", null, jsx("div", {
       css: getTextStyle()
     }, primaryText), secondaryText && jsx("div", {

package/dist/es2019/components/UserOption.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import { getAppearanceForAppType } from '@atlaskit/avatar';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import { jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from './AvatarItemOption';
 import { HighlightText } from './HighlightText';
@@ -13,14 +13,6 @@ import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { hasValue } from './utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-const styles = color => css({
-  display: 'inline',
-  verticalAlign: 'top',
-  overflow: 'hidden',
-  whiteSpace: 'nowrap',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  color
-});
 export class UserOption extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -46,7 +38,7 @@ export class UserOption extends React.PureComponent {
           key: "publicName"
         }, ' ', jsx("span", {
           // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          css: fg('platform_user_picker_firefox_tab_fix') ? styles(color) : textWrapper(color)
+          css: textWrapper(color)
           // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
         }, "(", jsx(HighlightText, {
           highlights: highlight && highlight.publicName

package/dist/esm/analytics.js

@@ -9,7 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "0.0.0-development";
+var packageVersion = "12.0.8";
 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/AvatarItemOption.js

@@ -20,20 +20,6 @@ var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
   });
 });
 var wrapper = function wrapper(isDisabled) {
-  if (fg('platform_user_picker_firefox_tab_fix')) {
-    return css({
-      alignItems: 'center',
-      boxSizing: 'border-box',
-      display: 'flex',
-      outline: 'none',
-      margin: 0,
-      width: '100%',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      cursor: isDisabled ? 'not-allowed' : 'pointer',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
-    });
-  }
   return css({
     alignItems: 'center',
     boxSizing: 'border-box',
@@ -56,26 +42,10 @@ var optionWrapper = css({
   lineHeight: '1.4',
   paddingLeft: "var(--ds-space-100, 8px)"
 });
-var optionWrapperFix = css({
-  display: 'inline-block',
-  overflow: 'hidden',
-  minWidth: 0,
-  maxWidth: '100%',
-  paddingLeft: "var(--ds-space-100, 8px)"
-});
 var getTextStyle = function getTextStyle(isSecondary) {
   var secondaryCssArgs = isSecondary ? {
     font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
   } : {};
-  if (fg('platform_user_picker_firefox_tab_fix')) {
-    return css(_objectSpread({
-      margin: 0,
-      maxWidth: '100%',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    }, secondaryCssArgs));
-  }
   return css(_objectSpread({
     margin: 0,
     overflowX: 'hidden',
@@ -88,18 +58,6 @@ var additionalInfo = css({
   marginLeft: "var(--ds-space-100, 8px)"
 });
 export var textWrapper = function textWrapper(color) {
-  if (fg('platform_user_picker_firefox_tab_fix')) {
-    return css({
-      display: 'inline-block',
-      verticalAlign: 'bottom',
-      maxWidth: '100%',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      color: color
-    });
-  }
   return css({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -162,7 +120,7 @@ export var AvatarItemOption = function AvatarItemOption(_ref) {
     jsx("span", {
       css: wrapper(isDisabled)
     }, avatar, jsx("div", {
-      css: fg('platform_user_picker_firefox_tab_fix') ? optionWrapperFix : optionWrapper
+      css: optionWrapper
     }, jsx("div", null, jsx("div", {
       css: getTextStyle()
     }, primaryText), secondaryText && jsx("div", {

package/dist/esm/components/UserOption.js

@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 import { getAppearanceForAppType } from '@atlaskit/avatar';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import { jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from './AvatarItemOption';
 import { HighlightText } from './HighlightText';
@@ -20,16 +20,6 @@ import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { hasValue } from './utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-var styles = function styles(color) {
-  return css({
-    display: 'inline',
-    verticalAlign: 'top',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    color: color
-  });
-};
 export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
   function UserOption() {
     var _this;
@@ -57,7 +47,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
           key: "publicName"
         }, ' ', jsx("span", {
           // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          css: fg('platform_user_picker_firefox_tab_fix') ? styles(color) : textWrapper(color)
+          css: textWrapper(color)
           // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
         }, "(", jsx(HighlightText, {
           highlights: highlight && highlight.publicName

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "12.0.8",
+	"version": "12.0.9",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,7 +56,7 @@
 		"@atlaskit/select": "^21.12.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/tag": "^14.13.0",
-		"@atlaskit/teams-avatar": "^2.6.0",
+		"@atlaskit/teams-avatar": "^2.7.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/ufo": "^0.5.0",
@@ -108,9 +108,6 @@
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
-		"platform_user_picker_firefox_tab_fix": {
-			"type": "boolean"
-		},
 		"twcg-444-invite-usd-improvements-m2-gate": {
 			"type": "boolean"
 		},