@atlaskit/user-picker 11.6.2 → 11.6.4

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 (12) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/afm-cc/tsconfig.json +1 -1
  3. package/dist/cjs/analytics.js +1 -1
  4. package/dist/cjs/components/UserPicker.js +1 -1
  5. package/dist/cjs/components/styles.js +2 -2
  6. package/dist/es2019/analytics.js +1 -1
  7. package/dist/es2019/components/UserPicker.js +1 -1
  8. package/dist/es2019/components/styles.js +2 -2
  9. package/dist/esm/analytics.js +1 -1
  10. package/dist/esm/components/UserPicker.js +1 -1
  11. package/dist/esm/components/styles.js +2 -2
  12. package/package.json +8 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 11.6.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 11.6.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [`d281a835c4897`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d281a835c4897) -
14
+ [ux]
15
+
16
+ - `TeamCreateDialog`
17
+ - Fixed incorrect ariaDescribedBy identifier so that VoiceOver can read out the error message.
18
+ - Programmatically focus the input on submit when there is an error.
19
+
20
+ - Updated dependencies
21
+
3
22
  ## 11.6.2
4
23
 
5
24
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -72,4 +72,4 @@
72
72
  "path": "../../../data/ufo-external/afm-cc/tsconfig.json"
73
73
  }
74
74
  ]
75
- }
75
+ }
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 = "11.6.1";
15
+ var packageVersion = "0.0.0-development";
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}$/;
package/dist/cjs/components/UserPicker.js CHANGED
@@ -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, this.props.isInvalid,
105
+ styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles, (0, _platformFeatureFlags.fg)('uxissue-914') ? undefined : this.props.isInvalid,
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 : {}),
package/dist/cjs/components/styles.js CHANGED
@@ -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: isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")"),
39
+ borderColor: (0, _platformFeatureFlags.fg)('uxissue-914') ? 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, ")") : isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : 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: isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(_colors.B100, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(_colors.N90, ")"),
45
+ borderColor: (0, _platformFeatureFlags.fg)('uxissue-914') ? 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, ")") : isInvalid ? "var(--ds-border-danger, ".concat(_colors.R400, ")") : state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(_colors.B100, ")") : 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,
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 = "11.6.1";
5
+ const packageVersion = "0.0.0-development";
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}$/;
package/dist/es2019/components/UserPicker.js CHANGED
@@ -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, this.props.isInvalid,
82
+ styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('uxissue-914') ? undefined : this.props.isInvalid,
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 : {}),
package/dist/es2019/components/styles.js CHANGED
@@ -22,14 +22,14 @@ export const getStyles = memoizeOne((width, isMulti, isCompact, overrideStyles,
22
22
  return {
23
23
  ...css,
24
24
  width,
25
- borderColor: isInvalid ? `var(--ds-border-danger, ${R400})` : state.isFocused ? `var(--ds-border-focused, ${css.borderColor})` : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : `var(--ds-border-input, ${N90})`,
25
+ borderColor: fg('uxissue-914') ? 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})` : isInvalid ? `var(--ds-border-danger, ${R400})` : state.isFocused ? `var(--ds-border-focused, ${css.borderColor})` : 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: isInvalid ? `var(--ds-border-danger, ${R400})` : state.isFocused ? css[':hover'] ? `var(--ds-border-focused, ${css[':hover'].borderColor})` : `var(--ds-border-focused, ${B100})` : state.selectProps.subtle ? 'transparent' : `var(--ds-border-input, ${N90})`,
32
+ borderColor: fg('uxissue-914') ? 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})` : isInvalid ? `var(--ds-border-danger, ${R400})` : state.isFocused ? css[':hover'] ? `var(--ds-border-focused, ${css[':hover'].borderColor})` : `var(--ds-border-focused, ${B100})` : 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,
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 = "11.6.1";
8
+ var packageVersion = "0.0.0-development";
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}$/;
package/dist/esm/components/UserPicker.js CHANGED
@@ -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, this.props.isInvalid,
96
+ styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('uxissue-914') ? undefined : this.props.isInvalid,
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 : {}),
package/dist/esm/components/styles.js CHANGED
@@ -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: isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")"),
32
+ borderColor: fg('uxissue-914') ? 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, ")") : isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.isFocused ? "var(--ds-border-focused, ".concat(css.borderColor, ")") : 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: isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(B100, ")") : state.selectProps.subtle ? 'transparent' : "var(--ds-border-input, ".concat(N90, ")"),
38
+ borderColor: fg('uxissue-914') ? 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, ")") : isInvalid ? "var(--ds-border-danger, ".concat(R400, ")") : state.isFocused ? css[':hover'] ? "var(--ds-border-focused, ".concat(css[':hover'].borderColor, ")") : "var(--ds-border-focused, ".concat(B100, ")") : 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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "11.6.2",
3
+ "version": "11.6.4",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -50,18 +50,18 @@
50
50
  "dependencies": {
51
51
  "@atlaskit/analytics-next": "^11.1.0",
52
52
  "@atlaskit/avatar": "^25.1.0",
53
- "@atlaskit/icon": "^28.0.0",
53
+ "@atlaskit/icon": "^28.1.0",
54
54
  "@atlaskit/logo": "^19.7.0",
55
55
  "@atlaskit/lozenge": "^13.0.0",
56
56
  "@atlaskit/people-teams-ui-public": "^3.1.0",
57
57
  "@atlaskit/platform-feature-flags": "^1.1.0",
58
58
  "@atlaskit/popper": "^7.1.0",
59
- "@atlaskit/primitives": "^14.11.0",
59
+ "@atlaskit/primitives": "^14.12.0",
60
60
  "@atlaskit/select": "^21.2.0",
61
61
  "@atlaskit/spinner": "^19.0.0",
62
62
  "@atlaskit/teams-avatar": "^2.3.0",
63
- "@atlaskit/theme": "^19.0.0",
64
- "@atlaskit/tokens": "^6.0.0",
63
+ "@atlaskit/theme": "^20.0.0",
64
+ "@atlaskit/tokens": "^6.1.0",
65
65
  "@atlaskit/tooltip": "^20.4.0",
66
66
  "@atlaskit/ufo": "^0.4.0",
67
67
  "@babel/runtime": "^7.0.0",
@@ -117,6 +117,9 @@
117
117
  },
118
118
  "product-terminology-refresh": {
119
119
  "type": "boolean"
120
+ },
121
+ "uxissue-914": {
122
+ "type": "boolean"
120
123
  }
121
124
  }
122
125
  }