@atlaskit/user-picker 11.6.5 → 11.6.6
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 +7 -0
- package/dist/cjs/analytics.js +1 -1
- package/dist/cjs/components/UserPicker.js +1 -1
- package/dist/cjs/components/styles.js +4 -4
- package/dist/es2019/analytics.js +1 -1
- package/dist/es2019/components/UserPicker.js +1 -1
- package/dist/es2019/components/styles.js +4 -4
- package/dist/esm/analytics.js +1 -1
- package/dist/esm/components/UserPicker.js +1 -1
- package/dist/esm/components/styles.js +4 -4
- package/dist/types/components/styles.d.ts +1 -1
- package/dist/types-ts4.5/components/styles.d.ts +1 -1
- package/package.json +4 -13
package/CHANGELOG.md
CHANGED
package/dist/cjs/analytics.js
CHANGED
|
@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
|
|
|
12
12
|
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; }
|
|
13
13
|
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; }
|
|
14
14
|
var packageName = "@atlaskit/user-picker";
|
|
15
|
-
var packageVersion = "
|
|
15
|
+
var packageVersion = "11.6.5";
|
|
16
16
|
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}$/;
|
|
17
17
|
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}$/;
|
|
18
18
|
var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
|
|
@@ -102,7 +102,7 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
|
|
|
102
102
|
SelectComponent: SelectComponent
|
|
103
103
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
104
104
|
,
|
|
105
|
-
styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles,
|
|
105
|
+
styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles,
|
|
106
106
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
107
107
|
(0, _platformFeatureFlags.fg)('platform-component-visual-refresh'), false, (0, _platformFeatureFlags.fg)('jifjam_bulk_operations') ? this.props.height : undefined),
|
|
108
108
|
components: (0, _components.getComponents)(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
|
|
@@ -18,7 +18,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
18
18
|
var BORDER_PADDING = exports.BORDER_PADDING = "var(--ds-space-075, 6px)";
|
|
19
19
|
var AVATAR_PADDING = exports.AVATAR_PADDING = 6;
|
|
20
20
|
var INDICATOR_WIDTH = exports.INDICATOR_WIDTH = 39;
|
|
21
|
-
var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, isMulti, isCompact, overrideStyles,
|
|
21
|
+
var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) {
|
|
22
22
|
var styles = {
|
|
23
23
|
menu: function menu(css, state) {
|
|
24
24
|
return _objectSpread(_objectSpread({}, css), {}, {
|
|
@@ -36,13 +36,13 @@ var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, is
|
|
|
36
36
|
var isMulti = state.selectProps.isMulti;
|
|
37
37
|
return _objectSpread(_objectSpread({}, css), {}, {
|
|
38
38
|
width: width,
|
|
39
|
-
borderColor:
|
|
39
|
+
borderColor: state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")"),
|
|
40
40
|
backgroundColor: state.isFocused ? "var(--ds-background-input, ".concat(css['backgroundColor'], ")") : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? "var(--ds-background-input, ".concat(_colors.N10, ")") : "var(--ds-background-input, ".concat(_colors.N20, ")"),
|
|
41
41
|
'&:hover .fabric-user-picker__clear-indicator': {
|
|
42
42
|
opacity: 1
|
|
43
43
|
},
|
|
44
44
|
':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
|
|
45
|
-
borderColor:
|
|
45
|
+
borderColor: state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(_colors.B100, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")"),
|
|
46
46
|
backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, ".concat(_colors.R50, ")") : state.isFocused ? css[':hover'] ? "var(--ds-background-input, ".concat(css[':hover'].backgroundColor, ")") : "var(--ds-background-input, ".concat(_colors.N0, ")") : state.isDisabled ? "var(--ds-background-disabled, ".concat(_colors.N10, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N30, ")")
|
|
47
47
|
}),
|
|
48
48
|
padding: 0,
|
|
@@ -177,5 +177,5 @@ var getStyles = exports.getStyles = (0, _memoizeOne.default)(function (width, is
|
|
|
177
177
|
return overrideStyles ? (0, _select.mergeStyles)(styles, overrideStyles) : styles;
|
|
178
178
|
});
|
|
179
179
|
var getPopupStyles = exports.getPopupStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyles, isVisualRefresh) {
|
|
180
|
-
return _objectSpread({}, getStyles(width, isMulti, false, overrideStyles,
|
|
180
|
+
return _objectSpread({}, getStyles(width, isMulti, false, overrideStyles, isVisualRefresh, true));
|
|
181
181
|
});
|
package/dist/es2019/analytics.js
CHANGED
|
@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
|
2
2
|
import { v4 as uuidv4 } from 'uuid';
|
|
3
3
|
import { isCustom, isExternalUser } from './components/utils';
|
|
4
4
|
const packageName = "@atlaskit/user-picker";
|
|
5
|
-
const packageVersion = "
|
|
5
|
+
const packageVersion = "11.6.5";
|
|
6
6
|
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}$/;
|
|
7
7
|
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}$/;
|
|
8
8
|
const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
|
|
@@ -79,7 +79,7 @@ export class UserPickerWithoutAnalytics extends React.Component {
|
|
|
79
79
|
SelectComponent: SelectComponent
|
|
80
80
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
81
81
|
,
|
|
82
|
-
styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
|
|
82
|
+
styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
|
|
83
83
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
84
84
|
fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
|
|
85
85
|
components: getComponents(isMulti, anchor, showClearIndicator, (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.components ? this.props.components : {}),
|
|
@@ -5,7 +5,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
5
5
|
export const BORDER_PADDING = "var(--ds-space-075, 6px)";
|
|
6
6
|
export const AVATAR_PADDING = 6;
|
|
7
7
|
export const INDICATOR_WIDTH = 39;
|
|
8
|
-
export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles,
|
|
8
|
+
export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) => {
|
|
9
9
|
let styles = {
|
|
10
10
|
menu: (css, state) => ({
|
|
11
11
|
...css,
|
|
@@ -22,14 +22,14 @@ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles,
|
|
|
22
22
|
return {
|
|
23
23
|
...css,
|
|
24
24
|
width,
|
|
25
|
-
borderColor:
|
|
25
|
+
borderColor: state.isFocused ? `var(--ds-border-focused, ${css.borderColor})` : state.isInvalid ? `var(--ds-border-danger, ${R400})` : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : `var(--ds-border-input, ${N90})`,
|
|
26
26
|
backgroundColor: state.isFocused ? `var(--ds-background-input, ${css['backgroundColor']})` : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? `var(--ds-background-input, ${N10})` : `var(--ds-background-input, ${N20})`,
|
|
27
27
|
'&:hover .fabric-user-picker__clear-indicator': {
|
|
28
28
|
opacity: 1
|
|
29
29
|
},
|
|
30
30
|
':hover': {
|
|
31
31
|
...css[':hover'],
|
|
32
|
-
borderColor:
|
|
32
|
+
borderColor: state.isFocused ? css[':hover'] ? `var(--ds-border-focused, ${css[':hover'].borderColor})` : `var(--ds-border-focused, ${B100})` : state.isInvalid ? `var(--ds-border-danger, ${R400})` : state.selectProps.subtle ? 'transparent' : `var(--ds-border-input, ${N90})`,
|
|
33
33
|
backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? `var(--ds-background-danger, ${R50})` : state.isFocused ? css[':hover'] ? `var(--ds-background-input, ${css[':hover'].backgroundColor})` : `var(--ds-background-input, ${N0})` : state.isDisabled ? `var(--ds-background-disabled, ${N10})` : `var(--ds-background-input-hovered, ${N30})`
|
|
34
34
|
},
|
|
35
35
|
padding: 0,
|
|
@@ -163,5 +163,5 @@ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles,
|
|
|
163
163
|
return overrideStyles ? mergeStyles(styles, overrideStyles) : styles;
|
|
164
164
|
});
|
|
165
165
|
export const getPopupStyles = memoizeOne((width, isMulti, overrideStyles, isVisualRefresh) => ({
|
|
166
|
-
...getStyles(width, isMulti, false, overrideStyles,
|
|
166
|
+
...getStyles(width, isMulti, false, overrideStyles, isVisualRefresh, true)
|
|
167
167
|
}));
|
package/dist/esm/analytics.js
CHANGED
|
@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
|
|
|
5
5
|
import { v4 as uuidv4 } from 'uuid';
|
|
6
6
|
import { isCustom, isExternalUser } from './components/utils';
|
|
7
7
|
var packageName = "@atlaskit/user-picker";
|
|
8
|
-
var packageVersion = "
|
|
8
|
+
var packageVersion = "11.6.5";
|
|
9
9
|
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}$/;
|
|
10
10
|
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}$/;
|
|
11
11
|
var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
|
|
@@ -93,7 +93,7 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
|
|
|
93
93
|
SelectComponent: SelectComponent
|
|
94
94
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
95
95
|
,
|
|
96
|
-
styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
|
|
96
|
+
styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
|
|
97
97
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
98
98
|
fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
|
|
99
99
|
components: getComponents(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
|
|
@@ -11,7 +11,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
11
11
|
export var BORDER_PADDING = "var(--ds-space-075, 6px)";
|
|
12
12
|
export var AVATAR_PADDING = 6;
|
|
13
13
|
export var INDICATOR_WIDTH = 39;
|
|
14
|
-
export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideStyles,
|
|
14
|
+
export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideStyles, isVisualRefresh, isPopupStyles, height) {
|
|
15
15
|
var styles = {
|
|
16
16
|
menu: function menu(css, state) {
|
|
17
17
|
return _objectSpread(_objectSpread({}, css), {}, {
|
|
@@ -29,13 +29,13 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
|
|
|
29
29
|
var isMulti = state.selectProps.isMulti;
|
|
30
30
|
return _objectSpread(_objectSpread({}, css), {}, {
|
|
31
31
|
width: width,
|
|
32
|
-
borderColor:
|
|
32
|
+
borderColor: state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")"),
|
|
33
33
|
backgroundColor: state.isFocused ? "var(--ds-background-input, ".concat(css['backgroundColor'], ")") : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? "var(--ds-background-input, ".concat(N10, ")") : "var(--ds-background-input, ".concat(N20, ")"),
|
|
34
34
|
'&:hover .fabric-user-picker__clear-indicator': {
|
|
35
35
|
opacity: 1
|
|
36
36
|
},
|
|
37
37
|
':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
|
|
38
|
-
borderColor:
|
|
38
|
+
borderColor: state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(B100, ")") : state.isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")"),
|
|
39
39
|
backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? "var(--ds-background-danger, ".concat(R50, ")") : state.isFocused ? css[':hover'] ? "var(--ds-background-input, ".concat(css[':hover'].backgroundColor, ")") : "var(--ds-background-input, ".concat(N0, ")") : state.isDisabled ? "var(--ds-background-disabled, ".concat(N10, ")") : "var(--ds-background-input-hovered, ".concat(N30, ")")
|
|
40
40
|
}),
|
|
41
41
|
padding: 0,
|
|
@@ -170,5 +170,5 @@ export var getStyles = memoizeOne(function (width, isMulti, isCompact, overrideS
|
|
|
170
170
|
return overrideStyles ? mergeStyles(styles, overrideStyles) : styles;
|
|
171
171
|
});
|
|
172
172
|
export var getPopupStyles = memoizeOne(function (width, isMulti, overrideStyles, isVisualRefresh) {
|
|
173
|
-
return _objectSpread({}, getStyles(width, isMulti, false, overrideStyles,
|
|
173
|
+
return _objectSpread({}, getStyles(width, isMulti, false, overrideStyles, isVisualRefresh, true));
|
|
174
174
|
});
|
|
@@ -2,5 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
|
|
|
2
2
|
export declare const BORDER_PADDING: "var(--ds-space-075)";
|
|
3
3
|
export declare const AVATAR_PADDING = 6;
|
|
4
4
|
export declare const INDICATOR_WIDTH = 39;
|
|
5
|
-
export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig,
|
|
5
|
+
export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
|
|
6
6
|
export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean) => StylesConfig>;
|
|
@@ -2,5 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
|
|
|
2
2
|
export declare const BORDER_PADDING: "var(--ds-space-075)";
|
|
3
3
|
export declare const AVATAR_PADDING = 6;
|
|
4
4
|
export declare const INDICATOR_WIDTH = 39;
|
|
5
|
-
export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig,
|
|
5
|
+
export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean, isPopupStyles?: boolean, height?: number | string) => StylesConfig>;
|
|
6
6
|
export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig, isVisualRefresh?: boolean) => StylesConfig>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/user-picker",
|
|
3
|
-
"version": "11.6.
|
|
3
|
+
"version": "11.6.6",
|
|
4
4
|
"description": "Fabric component for display a dropdown to select a user from",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -24,12 +24,6 @@
|
|
|
24
24
|
"*.compiled.css"
|
|
25
25
|
],
|
|
26
26
|
"atlaskit:src": "src/index.ts",
|
|
27
|
-
"af:exports": {
|
|
28
|
-
".": "./src/index.ts",
|
|
29
|
-
"./analytics": "./src/analytics.ts",
|
|
30
|
-
"./option": "./src/option.ts",
|
|
31
|
-
"./types": "./src/types.ts"
|
|
32
|
-
},
|
|
33
27
|
"atlassian": {
|
|
34
28
|
"team": "Search Platform: Search Experience",
|
|
35
29
|
"slack": {
|
|
@@ -50,14 +44,14 @@
|
|
|
50
44
|
"dependencies": {
|
|
51
45
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
52
46
|
"@atlaskit/avatar": "^25.1.0",
|
|
53
|
-
"@atlaskit/icon": "^28.
|
|
47
|
+
"@atlaskit/icon": "^28.2.0",
|
|
54
48
|
"@atlaskit/logo": "^19.7.0",
|
|
55
49
|
"@atlaskit/lozenge": "^13.0.0",
|
|
56
|
-
"@atlaskit/people-teams-ui-public": "^3.
|
|
50
|
+
"@atlaskit/people-teams-ui-public": "^3.2.0",
|
|
57
51
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
58
52
|
"@atlaskit/popper": "^7.1.0",
|
|
59
53
|
"@atlaskit/primitives": "^14.14.0",
|
|
60
|
-
"@atlaskit/select": "^21.
|
|
54
|
+
"@atlaskit/select": "^21.3.0",
|
|
61
55
|
"@atlaskit/spinner": "^19.0.0",
|
|
62
56
|
"@atlaskit/teams-avatar": "^2.3.0",
|
|
63
57
|
"@atlaskit/theme": "^21.0.0",
|
|
@@ -117,9 +111,6 @@
|
|
|
117
111
|
},
|
|
118
112
|
"product-terminology-refresh": {
|
|
119
113
|
"type": "boolean"
|
|
120
|
-
},
|
|
121
|
-
"uxissue-914": {
|
|
122
|
-
"type": "boolean"
|
|
123
114
|
}
|
|
124
115
|
}
|
|
125
116
|
}
|