@atlaskit/user-picker 12.0.8 → 12.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/components/custom-option/main/package.json +17 -0
  3. package/components/custom-option/package.json +17 -0
  4. package/components/email-option/main/package.json +17 -0
  5. package/components/email-option/package.json +17 -0
  6. package/components/email-validation/package.json +17 -0
  7. package/components/group-option/main/package.json +17 -0
  8. package/components/group-option/package.json +17 -0
  9. package/components/option/package.json +17 -0
  10. package/components/popup-user-picker/package.json +17 -0
  11. package/components/single-value/package.json +17 -0
  12. package/components/team-option/main/package.json +17 -0
  13. package/components/team-option/package.json +17 -0
  14. package/components/user-option/package.json +17 -0
  15. package/components/user-picker/package.json +17 -0
  16. package/dist/cjs/components/AvatarItemOption.js +1 -43
  17. package/dist/cjs/components/UserOption.js +1 -11
  18. package/dist/es2019/components/AvatarItemOption.js +22 -70
  19. package/dist/es2019/components/UserOption.js +2 -10
  20. package/dist/esm/components/AvatarItemOption.js +1 -43
  21. package/dist/esm/components/UserOption.js +2 -12
  22. package/package.json +4 -7
  23. package/utils/package.json +17 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 12.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`d4e632fa57116`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4e632fa57116) -
8
+ Autofix: add explicit package exports (barrel removal)
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 12.0.9
15
+
16
+ ### Patch Changes
17
+
18
+ - [`0039f15f6734f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0039f15f6734f) -
19
+ Clean up platform_user_picker_firefox_tab_fix FG (treated as off / control)
20
+
3
21
  ## 12.0.8
4
22
 
5
23
  ### Patch Changes
package/components/custom-option/main/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/custom-option/main",
3
+ "main": "../../../dist/cjs/components/CustomOption/main.js",
4
+ "module": "../../../dist/esm/components/CustomOption/main.js",
5
+ "module:es2019": "../../../dist/es2019/components/CustomOption/main.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../../dist/types/components/CustomOption/main.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../../dist/types-ts4.5/components/CustomOption/main.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/custom-option/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/custom-option",
3
+ "main": "../../dist/cjs/components/CustomOption/index.js",
4
+ "module": "../../dist/esm/components/CustomOption/index.js",
5
+ "module:es2019": "../../dist/es2019/components/CustomOption/index.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/CustomOption/index.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/CustomOption/index.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/email-option/main/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/email-option/main",
3
+ "main": "../../../dist/cjs/components/EmailOption/main.js",
4
+ "module": "../../../dist/esm/components/EmailOption/main.js",
5
+ "module:es2019": "../../../dist/es2019/components/EmailOption/main.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../../dist/types/components/EmailOption/main.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../../dist/types-ts4.5/components/EmailOption/main.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/email-option/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/email-option",
3
+ "main": "../../dist/cjs/components/EmailOption/index.js",
4
+ "module": "../../dist/esm/components/EmailOption/index.js",
5
+ "module:es2019": "../../dist/es2019/components/EmailOption/index.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/EmailOption/index.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/EmailOption/index.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/email-validation/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/email-validation",
3
+ "main": "../../dist/cjs/components/emailValidation.js",
4
+ "module": "../../dist/esm/components/emailValidation.js",
5
+ "module:es2019": "../../dist/es2019/components/emailValidation.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/emailValidation.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/emailValidation.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/group-option/main/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/group-option/main",
3
+ "main": "../../../dist/cjs/components/GroupOption/main.js",
4
+ "module": "../../../dist/esm/components/GroupOption/main.js",
5
+ "module:es2019": "../../../dist/es2019/components/GroupOption/main.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../../dist/types/components/GroupOption/main.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../../dist/types-ts4.5/components/GroupOption/main.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/group-option/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/group-option",
3
+ "main": "../../dist/cjs/components/GroupOption/index.js",
4
+ "module": "../../dist/esm/components/GroupOption/index.js",
5
+ "module:es2019": "../../dist/es2019/components/GroupOption/index.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/GroupOption/index.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/GroupOption/index.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/option/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/option",
3
+ "main": "../../dist/cjs/components/Option.js",
4
+ "module": "../../dist/esm/components/Option.js",
5
+ "module:es2019": "../../dist/es2019/components/Option.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/Option.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/Option.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/popup-user-picker/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/popup-user-picker",
3
+ "main": "../../dist/cjs/components/PopupUserPicker.js",
4
+ "module": "../../dist/esm/components/PopupUserPicker.js",
5
+ "module:es2019": "../../dist/es2019/components/PopupUserPicker.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/PopupUserPicker.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/PopupUserPicker.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/single-value/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/single-value",
3
+ "main": "../../dist/cjs/components/SingleValue.js",
4
+ "module": "../../dist/esm/components/SingleValue.js",
5
+ "module:es2019": "../../dist/es2019/components/SingleValue.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/SingleValue.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/SingleValue.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/team-option/main/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/team-option/main",
3
+ "main": "../../../dist/cjs/components/TeamOption/main.js",
4
+ "module": "../../../dist/esm/components/TeamOption/main.js",
5
+ "module:es2019": "../../../dist/es2019/components/TeamOption/main.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../../dist/types/components/TeamOption/main.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../../dist/types-ts4.5/components/TeamOption/main.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/team-option/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/team-option",
3
+ "main": "../../dist/cjs/components/TeamOption/index.js",
4
+ "module": "../../dist/esm/components/TeamOption/index.js",
5
+ "module:es2019": "../../dist/es2019/components/TeamOption/index.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/TeamOption/index.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/TeamOption/index.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/user-option/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/user-option",
3
+ "main": "../../dist/cjs/components/UserOption.js",
4
+ "module": "../../dist/esm/components/UserOption.js",
5
+ "module:es2019": "../../dist/es2019/components/UserOption.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/UserOption.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/UserOption.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/components/user-picker/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/components/user-picker",
3
+ "main": "../../dist/cjs/components/UserPicker.js",
4
+ "module": "../../dist/esm/components/UserPicker.js",
5
+ "module:es2019": "../../dist/es2019/components/UserPicker.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../../dist/types/components/UserPicker.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../../dist/types-ts4.5/components/UserPicker.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/dist/cjs/components/AvatarItemOption.js CHANGED
@@ -29,20 +29,6 @@ var AsyncTooltip = /*#__PURE__*/_react.default.lazy(function () {
29
29
  });
30
30
  });
31
31
  var wrapper = function wrapper(isDisabled) {
32
- if ((0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix')) {
33
- return (0, _react2.css)({
34
- alignItems: 'center',
35
- boxSizing: 'border-box',
36
- display: 'flex',
37
- outline: 'none',
38
- margin: 0,
39
- width: '100%',
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
41
- cursor: isDisabled ? 'not-allowed' : 'pointer',
42
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
43
- opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
44
- });
45
- }
46
32
  return (0, _react2.css)({
47
33
  alignItems: 'center',
48
34
  boxSizing: 'border-box',
@@ -65,26 +51,10 @@ var optionWrapper = (0, _react2.css)({
65
51
  lineHeight: '1.4',
66
52
  paddingLeft: "var(--ds-space-100, 8px)"
67
53
  });
68
- var optionWrapperFix = (0, _react2.css)({
69
- display: 'inline-block',
70
- overflow: 'hidden',
71
- minWidth: 0,
72
- maxWidth: '100%',
73
- paddingLeft: "var(--ds-space-100, 8px)"
74
- });
75
54
  var getTextStyle = function getTextStyle(isSecondary) {
76
55
  var secondaryCssArgs = isSecondary ? {
77
56
  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)"
78
57
  } : {};
79
- if ((0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix')) {
80
- return (0, _react2.css)(_objectSpread({
81
- margin: 0,
82
- maxWidth: '100%',
83
- overflow: 'hidden',
84
- textOverflow: 'ellipsis',
85
- whiteSpace: 'nowrap'
86
- }, secondaryCssArgs));
87
- }
88
58
  return (0, _react2.css)(_objectSpread({
89
59
  margin: 0,
90
60
  overflowX: 'hidden',
@@ -97,18 +67,6 @@ var additionalInfo = (0, _react2.css)({
97
67
  marginLeft: "var(--ds-space-100, 8px)"
98
68
  });
99
69
  var textWrapper = exports.textWrapper = function textWrapper(color) {
100
- if ((0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix')) {
101
- return (0, _react2.css)({
102
- display: 'inline-block',
103
- verticalAlign: 'bottom',
104
- maxWidth: '100%',
105
- overflow: 'hidden',
106
- textOverflow: 'ellipsis',
107
- whiteSpace: 'nowrap',
108
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
109
- color: color
110
- });
111
- }
112
70
  return (0, _react2.css)({
113
71
  overflow: 'hidden',
114
72
  textOverflow: 'ellipsis',
@@ -171,7 +129,7 @@ var AvatarItemOption = exports.AvatarItemOption = function AvatarItemOption(_ref
171
129
  (0, _react2.jsx)("span", {
172
130
  css: wrapper(isDisabled)
173
131
  }, avatar, (0, _react2.jsx)("div", {
174
- css: (0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix') ? optionWrapperFix : optionWrapper
132
+ css: optionWrapper
175
133
  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("div", {
176
134
  css: getTextStyle()
177
135
  }, primaryText), secondaryText && (0, _react2.jsx)("div", {
package/dist/cjs/components/UserOption.js CHANGED
@@ -25,16 +25,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
25
25
  * @jsxRuntime classic
26
26
  * @jsx jsx
27
27
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
28
- var styles = function styles(color) {
29
- return (0, _react.css)({
30
- display: 'inline',
31
- verticalAlign: 'top',
32
- overflow: 'hidden',
33
- whiteSpace: 'nowrap',
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
35
- color: color
36
- });
37
- };
38
28
  var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponent) {
39
29
  function UserOption() {
40
30
  var _this;
@@ -62,7 +52,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
62
52
  key: "publicName"
63
53
  }, ' ', (0, _react.jsx)("span", {
64
54
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
65
- css: (0, _platformFeatureFlags.fg)('platform_user_picker_firefox_tab_fix') ? styles(color) : (0, _AvatarItemOption.textWrapper)(color)
55
+ css: (0, _AvatarItemOption.textWrapper)(color)
66
56
  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
67
57
  }, "(", (0, _react.jsx)(_HighlightText.HighlightText, {
68
58
  highlights: highlight && highlight.publicName
package/dist/es2019/components/AvatarItemOption.js CHANGED
@@ -14,36 +14,20 @@ const AsyncTooltip = /*#__PURE__*/React.lazy(() => import( /* webpackChunkName:
14
14
  default: module.default
15
15
  };
16
16
  }));
17
- const wrapper = isDisabled => {
18
- if (fg('platform_user_picker_firefox_tab_fix')) {
19
- return css({
20
- alignItems: 'center',
21
- boxSizing: 'border-box',
22
- display: 'flex',
23
- outline: 'none',
24
- margin: 0,
25
- width: '100%',
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
- cursor: isDisabled ? 'not-allowed' : 'pointer',
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
- opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
30
- });
31
- }
32
- return css({
33
- alignItems: 'center',
34
- boxSizing: 'border-box',
35
- display: 'flex',
36
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
37
- lineHeight: 1,
38
- outline: 'none',
39
- margin: 0,
40
- width: '100%',
41
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
42
- cursor: isDisabled ? 'not-allowed' : 'pointer',
43
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
44
- opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
45
- });
46
- };
17
+ const wrapper = isDisabled => css({
18
+ alignItems: 'center',
19
+ boxSizing: 'border-box',
20
+ display: 'flex',
21
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
22
+ lineHeight: 1,
23
+ outline: 'none',
24
+ margin: 0,
25
+ width: '100%',
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
+ cursor: isDisabled ? 'not-allowed' : 'pointer',
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
+ opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
30
+ });
47
31
  const optionWrapper = css({
48
32
  maxWidth: '100%',
49
33
  minWidth: 0,
@@ -51,28 +35,10 @@ const optionWrapper = css({
51
35
  lineHeight: '1.4',
52
36
  paddingLeft: "var(--ds-space-100, 8px)"
53
37
  });
54
- const optionWrapperFix = css({
55
- display: 'inline-block',
56
- overflow: 'hidden',
57
- minWidth: 0,
58
- maxWidth: '100%',
59
- paddingLeft: "var(--ds-space-100, 8px)"
60
- });
61
38
  const getTextStyle = isSecondary => {
62
39
  const secondaryCssArgs = isSecondary ? {
63
40
  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)"
64
41
  } : {};
65
- if (fg('platform_user_picker_firefox_tab_fix')) {
66
- return css({
67
- margin: 0,
68
- maxWidth: '100%',
69
- overflow: 'hidden',
70
- textOverflow: 'ellipsis',
71
- whiteSpace: 'nowrap',
72
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
73
- ...secondaryCssArgs
74
- });
75
- }
76
42
  return css({
77
43
  margin: 0,
78
44
  overflowX: 'hidden',
@@ -86,27 +52,13 @@ const additionalInfo = css({
86
52
  float: 'right',
87
53
  marginLeft: "var(--ds-space-100, 8px)"
88
54
  });
89
- export const textWrapper = color => {
90
- if (fg('platform_user_picker_firefox_tab_fix')) {
91
- return css({
92
- display: 'inline-block',
93
- verticalAlign: 'bottom',
94
- maxWidth: '100%',
95
- overflow: 'hidden',
96
- textOverflow: 'ellipsis',
97
- whiteSpace: 'nowrap',
98
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
99
- color
100
- });
101
- }
102
- return css({
103
- overflow: 'hidden',
104
- textOverflow: 'ellipsis',
105
- display: 'inline',
106
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
107
- color
108
- });
109
- };
55
+ export const textWrapper = color => css({
56
+ overflow: 'hidden',
57
+ textOverflow: 'ellipsis',
58
+ display: 'inline',
59
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
60
+ color
61
+ });
110
62
  const lozengeAppearanceToTagColor = {
111
63
  default: 'standard',
112
64
  success: 'lime',
@@ -162,7 +114,7 @@ export const AvatarItemOption = ({
162
114
  jsx("span", {
163
115
  css: wrapper(isDisabled)
164
116
  }, avatar, jsx("div", {
165
- css: fg('platform_user_picker_firefox_tab_fix') ? optionWrapperFix : optionWrapper
117
+ css: optionWrapper
166
118
  }, jsx("div", null, jsx("div", {
167
119
  css: getTextStyle()
168
120
  }, primaryText), secondaryText && jsx("div", {
package/dist/es2019/components/UserOption.js CHANGED
@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  */
6
6
  import { getAppearanceForAppType } from '@atlaskit/avatar';
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
8
- import { css, jsx } from '@emotion/react';
8
+ import { jsx } from '@emotion/react';
9
9
  import React from 'react';
10
10
  import { AvatarItemOption, textWrapper } from './AvatarItemOption';
11
11
  import { HighlightText } from './HighlightText';
@@ -13,14 +13,6 @@ import { AvatarOrIcon } from './AvatarOrIcon';
13
13
  import { SizeableAvatar } from './SizeableAvatar';
14
14
  import { hasValue } from './utils';
15
15
  import { fg } from '@atlaskit/platform-feature-flags';
16
- const styles = color => css({
17
- display: 'inline',
18
- verticalAlign: 'top',
19
- overflow: 'hidden',
20
- whiteSpace: 'nowrap',
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
22
- color
23
- });
24
16
  export class UserOption extends React.PureComponent {
25
17
  constructor(...args) {
26
18
  super(...args);
@@ -46,7 +38,7 @@ export class UserOption extends React.PureComponent {
46
38
  key: "publicName"
47
39
  }, ' ', jsx("span", {
48
40
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
49
- css: fg('platform_user_picker_firefox_tab_fix') ? styles(color) : textWrapper(color)
41
+ css: textWrapper(color)
50
42
  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
51
43
  }, "(", jsx(HighlightText, {
52
44
  highlights: highlight && highlight.publicName
package/dist/esm/components/AvatarItemOption.js CHANGED
@@ -20,20 +20,6 @@ var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
20
20
  });
21
21
  });
22
22
  var wrapper = function wrapper(isDisabled) {
23
- if (fg('platform_user_picker_firefox_tab_fix')) {
24
- return css({
25
- alignItems: 'center',
26
- boxSizing: 'border-box',
27
- display: 'flex',
28
- outline: 'none',
29
- margin: 0,
30
- width: '100%',
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
- cursor: isDisabled ? 'not-allowed' : 'pointer',
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
34
- opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
35
- });
36
- }
37
23
  return css({
38
24
  alignItems: 'center',
39
25
  boxSizing: 'border-box',
@@ -56,26 +42,10 @@ var optionWrapper = css({
56
42
  lineHeight: '1.4',
57
43
  paddingLeft: "var(--ds-space-100, 8px)"
58
44
  });
59
- var optionWrapperFix = css({
60
- display: 'inline-block',
61
- overflow: 'hidden',
62
- minWidth: 0,
63
- maxWidth: '100%',
64
- paddingLeft: "var(--ds-space-100, 8px)"
65
- });
66
45
  var getTextStyle = function getTextStyle(isSecondary) {
67
46
  var secondaryCssArgs = isSecondary ? {
68
47
  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)"
69
48
  } : {};
70
- if (fg('platform_user_picker_firefox_tab_fix')) {
71
- return css(_objectSpread({
72
- margin: 0,
73
- maxWidth: '100%',
74
- overflow: 'hidden',
75
- textOverflow: 'ellipsis',
76
- whiteSpace: 'nowrap'
77
- }, secondaryCssArgs));
78
- }
79
49
  return css(_objectSpread({
80
50
  margin: 0,
81
51
  overflowX: 'hidden',
@@ -88,18 +58,6 @@ var additionalInfo = css({
88
58
  marginLeft: "var(--ds-space-100, 8px)"
89
59
  });
90
60
  export var textWrapper = function textWrapper(color) {
91
- if (fg('platform_user_picker_firefox_tab_fix')) {
92
- return css({
93
- display: 'inline-block',
94
- verticalAlign: 'bottom',
95
- maxWidth: '100%',
96
- overflow: 'hidden',
97
- textOverflow: 'ellipsis',
98
- whiteSpace: 'nowrap',
99
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
100
- color: color
101
- });
102
- }
103
61
  return css({
104
62
  overflow: 'hidden',
105
63
  textOverflow: 'ellipsis',
@@ -162,7 +120,7 @@ export var AvatarItemOption = function AvatarItemOption(_ref) {
162
120
  jsx("span", {
163
121
  css: wrapper(isDisabled)
164
122
  }, avatar, jsx("div", {
165
- css: fg('platform_user_picker_firefox_tab_fix') ? optionWrapperFix : optionWrapper
123
+ css: optionWrapper
166
124
  }, jsx("div", null, jsx("div", {
167
125
  css: getTextStyle()
168
126
  }, primaryText), secondaryText && jsx("div", {
package/dist/esm/components/UserOption.js CHANGED
@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
12
12
  */
13
13
  import { getAppearanceForAppType } from '@atlaskit/avatar';
14
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
15
- import { css, jsx } from '@emotion/react';
15
+ import { jsx } from '@emotion/react';
16
16
  import React from 'react';
17
17
  import { AvatarItemOption, textWrapper } from './AvatarItemOption';
18
18
  import { HighlightText } from './HighlightText';
@@ -20,16 +20,6 @@ import { AvatarOrIcon } from './AvatarOrIcon';
20
20
  import { SizeableAvatar } from './SizeableAvatar';
21
21
  import { hasValue } from './utils';
22
22
  import { fg } from '@atlaskit/platform-feature-flags';
23
- var styles = function styles(color) {
24
- return css({
25
- display: 'inline',
26
- verticalAlign: 'top',
27
- overflow: 'hidden',
28
- whiteSpace: 'nowrap',
29
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
30
- color: color
31
- });
32
- };
33
23
  export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
34
24
  function UserOption() {
35
25
  var _this;
@@ -57,7 +47,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
57
47
  key: "publicName"
58
48
  }, ' ', jsx("span", {
59
49
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
60
- css: fg('platform_user_picker_firefox_tab_fix') ? styles(color) : textWrapper(color)
50
+ css: textWrapper(color)
61
51
  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
62
52
  }, "(", jsx(HighlightText, {
63
53
  highlights: highlight && highlight.publicName
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "12.0.8",
3
+ "version": "12.1.0",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,8 +45,8 @@
45
45
  "@atlaskit/afm-i18n-platform-elements-user-picker": "2.87.0",
46
46
  "@atlaskit/analytics-next": "^11.2.0",
47
47
  "@atlaskit/avatar": "^25.14.0",
48
- "@atlaskit/feature-gate-js-client": "^5.5.0",
49
- "@atlaskit/icon": "^34.5.0",
48
+ "@atlaskit/feature-gate-js-client": "^5.6.0",
49
+ "@atlaskit/icon": "^34.6.0",
50
50
  "@atlaskit/logo": "^20.1.0",
51
51
  "@atlaskit/lozenge": "^13.8.0",
52
52
  "@atlaskit/people-teams-ui-public": "^4.0.0",
@@ -56,7 +56,7 @@
56
56
  "@atlaskit/select": "^21.12.0",
57
57
  "@atlaskit/spinner": "^19.1.0",
58
58
  "@atlaskit/tag": "^14.13.0",
59
- "@atlaskit/teams-avatar": "^2.6.0",
59
+ "@atlaskit/teams-avatar": "^2.7.0",
60
60
  "@atlaskit/tokens": "^13.0.0",
61
61
  "@atlaskit/tooltip": "^22.2.0",
62
62
  "@atlaskit/ufo": "^0.5.0",
@@ -108,9 +108,6 @@
108
108
  "platform-component-visual-refresh": {
109
109
  "type": "boolean"
110
110
  },
111
- "platform_user_picker_firefox_tab_fix": {
112
- "type": "boolean"
113
- },
114
111
  "twcg-444-invite-usd-improvements-m2-gate": {
115
112
  "type": "boolean"
116
113
  },
package/utils/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/user-picker/utils",
3
+ "main": "../dist/cjs/components/utils.js",
4
+ "module": "../dist/esm/components/utils.js",
5
+ "module:es2019": "../dist/es2019/components/utils.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../dist/types/components/utils.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/components/utils.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }