@atlaskit/user-picker 12.0.7 → 12.0.9
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.
- package/CHANGELOG.md +13 -0
- package/afm-cc/tsconfig.json +0 -1
- package/afm-products/tsconfig.json +0 -1
- package/dist/cjs/analytics.js +1 -1
- package/dist/cjs/components/AvatarItemOption.js +1 -43
- package/dist/cjs/components/UserOption.js +1 -11
- package/dist/es2019/analytics.js +1 -1
- package/dist/es2019/components/AvatarItemOption.js +22 -70
- package/dist/es2019/components/UserOption.js +2 -10
- package/dist/esm/analytics.js +1 -1
- package/dist/esm/components/AvatarItemOption.js +1 -43
- package/dist/esm/components/UserOption.js +2 -12
- package/package.json +7 -10
- package/afm-jira/tsconfig.json +0 -78
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/user-picker
|
|
2
2
|
|
|
3
|
+
## 12.0.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`0039f15f6734f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0039f15f6734f) -
|
|
8
|
+
Clean up platform_user_picker_firefox_tab_fix FG (treated as off / control)
|
|
9
|
+
|
|
10
|
+
## 12.0.8
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 12.0.7
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/afm-cc/tsconfig.json
CHANGED
package/dist/cjs/analytics.js
CHANGED
|
@@ -15,7 +15,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
15
15
|
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
|
|
16
16
|
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
17
17
|
var packageName = "@atlaskit/user-picker";
|
|
18
|
-
var packageVersion = "12.0.
|
|
18
|
+
var packageVersion = "12.0.8";
|
|
19
19
|
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}$/;
|
|
20
20
|
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}$/;
|
|
21
21
|
var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
|
|
@@ -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:
|
|
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", {
|
|
@@ -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,
|
|
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/analytics.js
CHANGED
|
@@ -6,7 +6,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
6
6
|
import { v4 as uuidv4 } from 'uuid';
|
|
7
7
|
import { isCustom, isExternalUser } from './components/utils';
|
|
8
8
|
const packageName = "@atlaskit/user-picker";
|
|
9
|
-
const packageVersion = "12.0.
|
|
9
|
+
const packageVersion = "12.0.8";
|
|
10
10
|
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}$/;
|
|
11
11
|
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}$/;
|
|
12
12
|
const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
|
|
@@ -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
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
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:
|
|
117
|
+
css: optionWrapper
|
|
166
118
|
}, jsx("div", null, jsx("div", {
|
|
167
119
|
css: getTextStyle()
|
|
168
120
|
}, primaryText), secondaryText && jsx("div", {
|
|
@@ -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 {
|
|
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:
|
|
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/analytics.js
CHANGED
|
@@ -9,7 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
9
9
|
import { v4 as uuidv4 } from 'uuid';
|
|
10
10
|
import { isCustom, isExternalUser } from './components/utils';
|
|
11
11
|
var packageName = "@atlaskit/user-picker";
|
|
12
|
-
var packageVersion = "12.0.
|
|
12
|
+
var packageVersion = "12.0.8";
|
|
13
13
|
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}$/;
|
|
14
14
|
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}$/;
|
|
15
15
|
var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
|
|
@@ -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:
|
|
123
|
+
css: optionWrapper
|
|
166
124
|
}, jsx("div", null, jsx("div", {
|
|
167
125
|
css: getTextStyle()
|
|
168
126
|
}, primaryText), secondaryText && jsx("div", {
|
|
@@ -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 {
|
|
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:
|
|
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.
|
|
3
|
+
"version": "12.0.9",
|
|
4
4
|
"description": "Fabric component for display a dropdown to select a user from",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -46,20 +46,20 @@
|
|
|
46
46
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
47
47
|
"@atlaskit/avatar": "^25.14.0",
|
|
48
48
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
49
|
-
"@atlaskit/icon": "^34.
|
|
49
|
+
"@atlaskit/icon": "^34.5.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",
|
|
53
53
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
54
54
|
"@atlaskit/popper": "^7.2.0",
|
|
55
55
|
"@atlaskit/primitives": "^19.0.0",
|
|
56
|
-
"@atlaskit/select": "^21.
|
|
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.
|
|
59
|
+
"@atlaskit/teams-avatar": "^2.7.0",
|
|
60
60
|
"@atlaskit/tokens": "^13.0.0",
|
|
61
|
-
"@atlaskit/tooltip": "^22.
|
|
62
|
-
"@atlaskit/ufo": "^0.
|
|
61
|
+
"@atlaskit/tooltip": "^22.2.0",
|
|
62
|
+
"@atlaskit/ufo": "^0.5.0",
|
|
63
63
|
"@babel/runtime": "^7.0.0",
|
|
64
64
|
"@compiled/react": "^0.20.0",
|
|
65
65
|
"@emotion/react": "^11.7.1",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"@atlaskit/heading": "^5.4.0",
|
|
81
81
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
82
82
|
"@atlassian/a11y-playwright-testing": "^0.9.0",
|
|
83
|
-
"@atlassian/feature-flags-test-utils": "^1.
|
|
83
|
+
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
84
84
|
"@emotion/styled": "^11.0.0",
|
|
85
85
|
"@testing-library/dom": "^10.1.0",
|
|
86
86
|
"@testing-library/jest-dom": "^6.4.5",
|
|
@@ -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/afm-jira/tsconfig.json
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "../../../../tsconfig.local-consumption.json",
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"target": "es5",
|
|
5
|
-
"outDir": "../../../../../jira/tsDist/@atlaskit__user-picker/app",
|
|
6
|
-
"rootDir": "../",
|
|
7
|
-
"composite": true,
|
|
8
|
-
"noCheck": true
|
|
9
|
-
},
|
|
10
|
-
"include": [
|
|
11
|
-
"../src/**/*.ts",
|
|
12
|
-
"../src/**/*.tsx"
|
|
13
|
-
],
|
|
14
|
-
"exclude": [
|
|
15
|
-
"../src/**/__tests__/*",
|
|
16
|
-
"../src/**/*.test.*",
|
|
17
|
-
"../src/**/test.*",
|
|
18
|
-
"../src/**/examples.*",
|
|
19
|
-
"../src/**/examples/*",
|
|
20
|
-
"../src/**/examples/**/*",
|
|
21
|
-
"../src/**/*.stories.*",
|
|
22
|
-
"../src/**/stories/*",
|
|
23
|
-
"../src/**/stories/**/*"
|
|
24
|
-
],
|
|
25
|
-
"references": [
|
|
26
|
-
{
|
|
27
|
-
"path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"path": "../../../design-system/avatar/afm-jira/tsconfig.json"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
"path": "../../../measurement/feature-gate-js-client/afm-jira/tsconfig.json"
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"path": "../../../design-system/icon/afm-jira/tsconfig.json"
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
"path": "../../../design-system/logo/afm-jira/tsconfig.json"
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
"path": "../../../people-and-teams/people-teams-ui-public/afm-jira/tsconfig.json"
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
"path": "../../../design-system/popper/afm-jira/tsconfig.json"
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"path": "../../../design-system/select/afm-jira/tsconfig.json"
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
"path": "../../../design-system/spinner/afm-jira/tsconfig.json"
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
"path": "../../../design-system/tag/afm-jira/tsconfig.json"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"path": "../../../people-and-teams/teams-avatar/afm-jira/tsconfig.json"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
"path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
"path": "../../../data/ufo-external/afm-jira/tsconfig.json"
|
|
76
|
-
}
|
|
77
|
-
]
|
|
78
|
-
}
|