@atlaskit/user-picker 11.2.1 → 11.2.3

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 (22) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/afm-cc/tsconfig.json +1 -4
  3. package/afm-jira/tsconfig.json +0 -3
  4. package/afm-post-office/tsconfig.json +0 -3
  5. package/afm-townsquare/tsconfig.json +69 -0
  6. package/dist/cjs/analytics.js +1 -1
  7. package/dist/cjs/components/Control.compiled.css +3 -2
  8. package/dist/cjs/components/Control.js +4 -2
  9. package/dist/es2019/analytics.js +1 -1
  10. package/dist/es2019/components/Control.compiled.css +3 -2
  11. package/dist/es2019/components/Control.js +4 -2
  12. package/dist/esm/analytics.js +1 -1
  13. package/dist/esm/components/Control.compiled.css +3 -2
  14. package/dist/esm/components/Control.js +4 -2
  15. package/dist/types/components/Control.d.ts +2 -1
  16. package/dist/types/components/PopupControl.d.ts +2 -1
  17. package/dist/types/components/components.d.ts +70 -1
  18. package/dist/types-ts4.5/components/Control.d.ts +2 -1
  19. package/dist/types-ts4.5/components/PopupControl.d.ts +2 -1
  20. package/dist/types-ts4.5/components/components.d.ts +70 -1
  21. package/docs/1-smart-user-picker.tsx +2 -7
  22. package/package.json +7 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 11.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 11.2.2
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 11.2.1
4
16
 
5
17
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "declaration": true,
5
5
  "target": "es5",
6
6
  "composite": true,
7
- "outDir": "../dist",
7
+ "outDir": "../../../../../confluence/tsDist/@atlaskit__user-picker",
8
8
  "rootDir": "../"
9
9
  },
10
10
  "include": [
@@ -26,9 +26,6 @@
26
26
  {
27
27
  "path": "../../../design-system/icon/afm-cc/tsconfig.json"
28
28
  },
29
- {
30
- "path": "../../../design-system/link/afm-cc/tsconfig.json"
31
- },
32
29
  {
33
30
  "path": "../../../design-system/logo/afm-cc/tsconfig.json"
34
31
  },
package/afm-jira/tsconfig.json CHANGED
@@ -26,9 +26,6 @@
26
26
  {
27
27
  "path": "../../../design-system/icon/afm-jira/tsconfig.json"
28
28
  },
29
- {
30
- "path": "../../../design-system/link/afm-jira/tsconfig.json"
31
- },
32
29
  {
33
30
  "path": "../../../design-system/logo/afm-jira/tsconfig.json"
34
31
  },
package/afm-post-office/tsconfig.json CHANGED
@@ -26,9 +26,6 @@
26
26
  {
27
27
  "path": "../../../design-system/icon/afm-post-office/tsconfig.json"
28
28
  },
29
- {
30
- "path": "../../../design-system/link/afm-post-office/tsconfig.json"
31
- },
32
29
  {
33
30
  "path": "../../../design-system/logo/afm-post-office/tsconfig.json"
34
31
  },
package/afm-townsquare/tsconfig.json ADDED
@@ -0,0 +1,69 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.townsquare.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../townsquare/tsDist/@atlaskit__user-picker/app",
7
+ "rootDir": "../",
8
+ "composite": true
9
+ },
10
+ "include": [
11
+ "../src/**/*.ts",
12
+ "../src/**/*.tsx"
13
+ ],
14
+ "exclude": [
15
+ "../src/**/__tests__/*",
16
+ "../src/**/*.test.*",
17
+ "../src/**/test.*"
18
+ ],
19
+ "references": [
20
+ {
21
+ "path": "../../../analytics/analytics-next/afm-townsquare/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../../design-system/avatar/afm-townsquare/tsconfig.json"
25
+ },
26
+ {
27
+ "path": "../../../design-system/icon/afm-townsquare/tsconfig.json"
28
+ },
29
+ {
30
+ "path": "../../../design-system/logo/afm-townsquare/tsconfig.json"
31
+ },
32
+ {
33
+ "path": "../../../design-system/lozenge/afm-townsquare/tsconfig.json"
34
+ },
35
+ {
36
+ "path": "../../../people-and-teams/people-teams-ui-public/afm-townsquare/tsconfig.json"
37
+ },
38
+ {
39
+ "path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
40
+ },
41
+ {
42
+ "path": "../../../design-system/popper/afm-townsquare/tsconfig.json"
43
+ },
44
+ {
45
+ "path": "../../../design-system/primitives/afm-townsquare/tsconfig.json"
46
+ },
47
+ {
48
+ "path": "../../../design-system/select/afm-townsquare/tsconfig.json"
49
+ },
50
+ {
51
+ "path": "../../../design-system/spinner/afm-townsquare/tsconfig.json"
52
+ },
53
+ {
54
+ "path": "../../../people-and-teams/teams-avatar/afm-townsquare/tsconfig.json"
55
+ },
56
+ {
57
+ "path": "../../../design-system/theme/afm-townsquare/tsconfig.json"
58
+ },
59
+ {
60
+ "path": "../../../design-system/tokens/afm-townsquare/tsconfig.json"
61
+ },
62
+ {
63
+ "path": "../../../design-system/tooltip/afm-townsquare/tsconfig.json"
64
+ },
65
+ {
66
+ "path": "../../../data/ufo-external/afm-townsquare/tsconfig.json"
67
+ }
68
+ ]
69
+ }
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.2.1";
15
+ var packageVersion = "11.2.3";
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/Control.compiled.css CHANGED
@@ -2,9 +2,10 @@
2
2
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
3
3
  ._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
4
4
  ._1h6d1j28{border-color:transparent}
5
- ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._19bvidpf{padding-left:0}
5
+ ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._14regrf3 .fabric-user-picker__clear-indicator{opacity:0!important}
6
+ ._19bvidpf{padding-left:0}
6
7
  ._1a98zg3v:hover .fabric-user-picker__clear-indicator{opacity:1!important}
7
- ._1fkdidpf .-IndicatorsContainer{opacity:0}
8
+ ._1tke1wug{min-height:auto}
8
9
  ._bfhk1j28{background-color:transparent}
9
10
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
10
11
  ._ca0qidpf{padding-top:0}
package/dist/cjs/components/Control.js CHANGED
@@ -19,11 +19,13 @@ var controlStyles = {
19
19
  focused: "_1h6d1p6i _bfhk1j9a _4cvx1p6i _irr31j9a",
20
20
  disabled: "_irr3syzs",
21
21
  subtle: "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31gly",
22
- root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6d1elr _bfhk1j9a _p12f1osq _1fkdidpf _4cvx1elr _irr31d5g _1a98zg3v"
22
+ root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6d1elr _bfhk1j9a _p12f1osq _14regrf3 _4cvx1elr _irr31d5g _1a98zg3v",
23
+ compact: "_1tke1wug"
23
24
  };
24
25
  var Control = function Control(props) {
26
+ var isCompact = props.appearance === 'compact';
25
27
  return /*#__PURE__*/React.createElement(_select.components.Control, (0, _extends2.default)({}, props, {
26
- xcss: (0, _react2.cx)(controlStyles.root, (props.selectProps.subtle || props.selectProps.noBorder) && controlStyles.subtle, props.isFocused && controlStyles.focused, props.isInvalid && controlStyles.invalid, props.isDisabled && controlStyles.disabled)
28
+ xcss: (0, _react2.cx)(controlStyles.root, isCompact && controlStyles.compact, (props.selectProps.subtle || props.selectProps.noBorder) && controlStyles.subtle, props.isFocused && controlStyles.focused, props.isInvalid && controlStyles.invalid, props.isDisabled && controlStyles.disabled)
27
29
  }));
28
30
  };
29
31
  var _default = exports.default = Control;
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.2.1";
5
+ const packageVersion = "11.2.3";
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/Control.compiled.css CHANGED
@@ -2,9 +2,10 @@
2
2
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
3
3
  ._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
4
4
  ._1h6d1j28{border-color:transparent}
5
- ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._19bvidpf{padding-left:0}
5
+ ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._14regrf3 .fabric-user-picker__clear-indicator{opacity:0!important}
6
+ ._19bvidpf{padding-left:0}
6
7
  ._1a98zg3v:hover .fabric-user-picker__clear-indicator{opacity:1!important}
7
- ._1fkdidpf .-IndicatorsContainer{opacity:0}
8
+ ._1tke1wug{min-height:auto}
8
9
  ._bfhk1j28{background-color:transparent}
9
10
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
10
11
  ._ca0qidpf{padding-top:0}
package/dist/es2019/components/Control.js CHANGED
@@ -10,11 +10,13 @@ const controlStyles = {
10
10
  focused: "_1h6d1p6i _bfhk1j9a _4cvx1p6i _irr31j9a",
11
11
  disabled: "_irr3syzs",
12
12
  subtle: "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31gly",
13
- root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6d1elr _bfhk1j9a _p12f1osq _1fkdidpf _4cvx1elr _irr31d5g _1a98zg3v"
13
+ root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6d1elr _bfhk1j9a _p12f1osq _14regrf3 _4cvx1elr _irr31d5g _1a98zg3v",
14
+ compact: "_1tke1wug"
14
15
  };
15
16
  const Control = props => {
17
+ const isCompact = props.appearance === 'compact';
16
18
  return /*#__PURE__*/React.createElement(components.Control, _extends({}, props, {
17
- xcss: cx(controlStyles.root, (props.selectProps.subtle || props.selectProps.noBorder) && controlStyles.subtle, props.isFocused && controlStyles.focused, props.isInvalid && controlStyles.invalid, props.isDisabled && controlStyles.disabled)
19
+ xcss: cx(controlStyles.root, isCompact && controlStyles.compact, (props.selectProps.subtle || props.selectProps.noBorder) && controlStyles.subtle, props.isFocused && controlStyles.focused, props.isInvalid && controlStyles.invalid, props.isDisabled && controlStyles.disabled)
18
20
  }));
19
21
  };
20
22
  export default Control;
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.2.1";
8
+ var packageVersion = "11.2.3";
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/Control.compiled.css CHANGED
@@ -2,9 +2,10 @@
2
2
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
3
3
  ._1h6d1elr{border-color:var(--ds-border-input,#8590a2)}
4
4
  ._1h6d1j28{border-color:transparent}
5
- ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._19bvidpf{padding-left:0}
5
+ ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._14regrf3 .fabric-user-picker__clear-indicator{opacity:0!important}
6
+ ._19bvidpf{padding-left:0}
6
7
  ._1a98zg3v:hover .fabric-user-picker__clear-indicator{opacity:1!important}
7
- ._1fkdidpf .-IndicatorsContainer{opacity:0}
8
+ ._1tke1wug{min-height:auto}
8
9
  ._bfhk1j28{background-color:transparent}
9
10
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
10
11
  ._ca0qidpf{padding-top:0}
package/dist/esm/components/Control.js CHANGED
@@ -10,11 +10,13 @@ var controlStyles = {
10
10
  focused: "_1h6d1p6i _bfhk1j9a _4cvx1p6i _irr31j9a",
11
11
  disabled: "_irr3syzs",
12
12
  subtle: "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31gly",
13
- root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6d1elr _bfhk1j9a _p12f1osq _1fkdidpf _4cvx1elr _irr31d5g _1a98zg3v"
13
+ root: "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1h6d1elr _bfhk1j9a _p12f1osq _14regrf3 _4cvx1elr _irr31d5g _1a98zg3v",
14
+ compact: "_1tke1wug"
14
15
  };
15
16
  var Control = function Control(props) {
17
+ var isCompact = props.appearance === 'compact';
16
18
  return /*#__PURE__*/React.createElement(components.Control, _extends({}, props, {
17
- xcss: cx(controlStyles.root, (props.selectProps.subtle || props.selectProps.noBorder) && controlStyles.subtle, props.isFocused && controlStyles.focused, props.isInvalid && controlStyles.invalid, props.isDisabled && controlStyles.disabled)
19
+ xcss: cx(controlStyles.root, isCompact && controlStyles.compact, (props.selectProps.subtle || props.selectProps.noBorder) && controlStyles.subtle, props.isFocused && controlStyles.focused, props.isInvalid && controlStyles.invalid, props.isDisabled && controlStyles.disabled)
18
20
  }));
19
21
  };
20
22
  export default Control;
package/dist/types/components/Control.d.ts CHANGED
@@ -4,5 +4,6 @@
4
4
  * @jsx jsx
5
5
  */
6
6
  import { type ControlProps } from '@atlaskit/select';
7
- declare const Control: (props: ControlProps<any>) => JSX.Element;
7
+ import type { UserPickerProps } from '../types';
8
+ declare const Control: (props: ControlProps<any> & UserPickerProps) => JSX.Element;
8
9
  export default Control;
package/dist/types/components/PopupControl.d.ts CHANGED
@@ -5,6 +5,7 @@
5
5
  import React from 'react';
6
6
  import { type ControlProps } from '@atlaskit/select';
7
7
  import { jsx } from '@emotion/react';
8
- export declare class PopupControl extends React.PureComponent<ControlProps<any>> {
8
+ import type { UserPickerProps } from '../types';
9
+ export declare class PopupControl extends React.PureComponent<ControlProps<any> & UserPickerProps> {
9
10
  render(): jsx.JSX.Element;
10
11
  }
package/dist/types/components/components.d.ts CHANGED
@@ -19,7 +19,76 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
19
19
  Option: import("react").FC<import("./Option").OptionProps> | import("react").ComponentType<import("packages/design-system/react-select/dist/types").OptionProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
20
20
  Group?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
21
21
  ClearIndicator: typeof ClearIndicator | import("react").ComponentType<import("@atlaskit/select").ClearIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
22
- Control: ((props: import("@atlaskit/select").ControlProps<any>) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
22
+ Control: ((props: import("@atlaskit/select").ControlProps<any> & import("@atlaskit/analytics-next").WithAnalyticsEventsProps & {
23
+ fieldId: string | null;
24
+ options?: OptionData[] | undefined;
25
+ width?: string | number | undefined;
26
+ menuMinWidth?: number | undefined;
27
+ maxPickerHeight?: number | undefined;
28
+ textFieldBackgroundColor?: boolean | undefined;
29
+ loadOptions?: import("../types").LoadOptions | undefined;
30
+ loadOptionsErrorMessage?: ((value: {
31
+ inputValue: string;
32
+ }) => import("react").ReactNode) | undefined;
33
+ loadUserSource?: import("../types").LoadUserSource | undefined;
34
+ onChange?: import("../types").OnChange | undefined;
35
+ isMulti?: boolean | undefined;
36
+ search?: string | undefined;
37
+ anchor?: import("react").ComponentType<any> | undefined;
38
+ open?: boolean | undefined;
39
+ isLoading?: boolean | undefined;
40
+ onInputChange?: import("../types").OnInputChange | undefined;
41
+ onSelection?: import("../types").OnOption | undefined;
42
+ onFocus?: import("../types").OnPicker | undefined;
43
+ onBlur?: import("../types").OnPicker | undefined;
44
+ onClear?: import("../types").OnPicker | undefined;
45
+ onOpen?: import("../types").OnPicker | undefined;
46
+ onClose?: import("../types").OnPicker | undefined;
47
+ onKeyDown?: ((event: import("react").KeyboardEvent<Element>) => void) | undefined;
48
+ appearance?: import("../types").Appearance | undefined;
49
+ subtle?: boolean | undefined;
50
+ noBorder?: boolean | undefined;
51
+ styles?: import("@atlaskit/select").StylesConfig | undefined;
52
+ components?: Partial<import("packages/design-system/react-select/dist/types/components").SelectComponents<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
53
+ defaultValue?: import("../types").DefaultValue;
54
+ placeholder?: import("react").ReactNode;
55
+ placeholderAvatar?: "team" | "person" | undefined;
56
+ addMoreMessage?: string | undefined;
57
+ noOptionsMessage?: import("react").ReactNode | ((value: {
58
+ inputValue: string;
59
+ }) => import("react").ReactNode);
60
+ footer?: import("react").ReactNode;
61
+ value?: import("../types").Value;
62
+ isDisabled?: boolean | undefined;
63
+ isInvalid?: boolean | undefined;
64
+ isClearable?: boolean | undefined;
65
+ clearValueLabel?: string | undefined;
66
+ menuPosition?: "absolute" | "fixed" | undefined;
67
+ captureMenuScroll?: boolean | undefined;
68
+ menuPortalTarget?: HTMLElement | undefined;
69
+ allowEmail?: boolean | undefined;
70
+ suggestEmailsForDomain?: string | undefined;
71
+ emailLabel?: string | undefined;
72
+ disableInput?: boolean | undefined;
73
+ isValidEmail?: import("./emailValidation").EmailValidator | undefined;
74
+ autoFocus?: boolean | undefined;
75
+ maxOptions?: number | undefined;
76
+ inputId?: string | undefined;
77
+ closeMenuOnScroll?: boolean | EventListener | undefined;
78
+ menuShouldBlockScroll?: boolean | undefined;
79
+ ariaLabel?: string | undefined;
80
+ ariaLabelledBy?: string | undefined;
81
+ ariaDescribedBy?: string | undefined;
82
+ ariaLive?: "polite" | "off" | "assertive" | undefined;
83
+ name?: string | undefined;
84
+ header?: import("react").ReactNode;
85
+ required?: boolean | undefined;
86
+ UNSAFE_hasDraggableParentComponent?: boolean | undefined;
87
+ openMenuOnClick?: boolean | undefined;
88
+ strategy?: "absolute" | "fixed" | undefined;
89
+ showClearIndicator?: boolean | undefined;
90
+ forwardedRef?: import("react").ForwardedRef<import("../types").UserPickerRef> | undefined;
91
+ }) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
23
92
  DropdownIndicator: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
24
93
  GroupHeading?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupHeadingProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
25
94
  IndicatorsContainer?: import("react").ComponentType<import("@atlaskit/select").IndicatorsContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
package/dist/types-ts4.5/components/Control.d.ts CHANGED
@@ -4,5 +4,6 @@
4
4
  * @jsx jsx
5
5
  */
6
6
  import { type ControlProps } from '@atlaskit/select';
7
- declare const Control: (props: ControlProps<any>) => JSX.Element;
7
+ import type { UserPickerProps } from '../types';
8
+ declare const Control: (props: ControlProps<any> & UserPickerProps) => JSX.Element;
8
9
  export default Control;
package/dist/types-ts4.5/components/PopupControl.d.ts CHANGED
@@ -5,6 +5,7 @@
5
5
  import React from 'react';
6
6
  import { type ControlProps } from '@atlaskit/select';
7
7
  import { jsx } from '@emotion/react';
8
- export declare class PopupControl extends React.PureComponent<ControlProps<any>> {
8
+ import type { UserPickerProps } from '../types';
9
+ export declare class PopupControl extends React.PureComponent<ControlProps<any> & UserPickerProps> {
9
10
  render(): jsx.JSX.Element;
10
11
  }
package/dist/types-ts4.5/components/components.d.ts CHANGED
@@ -19,7 +19,76 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
19
19
  Option: import("react").FC<import("./Option").OptionProps> | import("react").ComponentType<import("packages/design-system/react-select/dist/types").OptionProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
20
20
  Group?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
21
21
  ClearIndicator: typeof ClearIndicator | import("react").ComponentType<import("@atlaskit/select").ClearIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
22
- Control: ((props: import("@atlaskit/select").ControlProps<any>) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
22
+ Control: ((props: import("@atlaskit/select").ControlProps<any> & import("@atlaskit/analytics-next").WithAnalyticsEventsProps & {
23
+ fieldId: string | null;
24
+ options?: OptionData[] | undefined;
25
+ width?: string | number | undefined;
26
+ menuMinWidth?: number | undefined;
27
+ maxPickerHeight?: number | undefined;
28
+ textFieldBackgroundColor?: boolean | undefined;
29
+ loadOptions?: import("../types").LoadOptions | undefined;
30
+ loadOptionsErrorMessage?: ((value: {
31
+ inputValue: string;
32
+ }) => import("react").ReactNode) | undefined;
33
+ loadUserSource?: import("../types").LoadUserSource | undefined;
34
+ onChange?: import("../types").OnChange | undefined;
35
+ isMulti?: boolean | undefined;
36
+ search?: string | undefined;
37
+ anchor?: import("react").ComponentType<any> | undefined;
38
+ open?: boolean | undefined;
39
+ isLoading?: boolean | undefined;
40
+ onInputChange?: import("../types").OnInputChange | undefined;
41
+ onSelection?: import("../types").OnOption | undefined;
42
+ onFocus?: import("../types").OnPicker | undefined;
43
+ onBlur?: import("../types").OnPicker | undefined;
44
+ onClear?: import("../types").OnPicker | undefined;
45
+ onOpen?: import("../types").OnPicker | undefined;
46
+ onClose?: import("../types").OnPicker | undefined;
47
+ onKeyDown?: ((event: import("react").KeyboardEvent<Element>) => void) | undefined;
48
+ appearance?: import("../types").Appearance | undefined;
49
+ subtle?: boolean | undefined;
50
+ noBorder?: boolean | undefined;
51
+ styles?: import("@atlaskit/select").StylesConfig | undefined;
52
+ components?: Partial<import("packages/design-system/react-select/dist/types/components").SelectComponents<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
53
+ defaultValue?: import("../types").DefaultValue;
54
+ placeholder?: import("react").ReactNode;
55
+ placeholderAvatar?: "team" | "person" | undefined;
56
+ addMoreMessage?: string | undefined;
57
+ noOptionsMessage?: import("react").ReactNode | ((value: {
58
+ inputValue: string;
59
+ }) => import("react").ReactNode);
60
+ footer?: import("react").ReactNode;
61
+ value?: import("../types").Value;
62
+ isDisabled?: boolean | undefined;
63
+ isInvalid?: boolean | undefined;
64
+ isClearable?: boolean | undefined;
65
+ clearValueLabel?: string | undefined;
66
+ menuPosition?: "absolute" | "fixed" | undefined;
67
+ captureMenuScroll?: boolean | undefined;
68
+ menuPortalTarget?: HTMLElement | undefined;
69
+ allowEmail?: boolean | undefined;
70
+ suggestEmailsForDomain?: string | undefined;
71
+ emailLabel?: string | undefined;
72
+ disableInput?: boolean | undefined;
73
+ isValidEmail?: import("./emailValidation").EmailValidator | undefined;
74
+ autoFocus?: boolean | undefined;
75
+ maxOptions?: number | undefined;
76
+ inputId?: string | undefined;
77
+ closeMenuOnScroll?: boolean | EventListener | undefined;
78
+ menuShouldBlockScroll?: boolean | undefined;
79
+ ariaLabel?: string | undefined;
80
+ ariaLabelledBy?: string | undefined;
81
+ ariaDescribedBy?: string | undefined;
82
+ ariaLive?: "polite" | "off" | "assertive" | undefined;
83
+ name?: string | undefined;
84
+ header?: import("react").ReactNode;
85
+ required?: boolean | undefined;
86
+ UNSAFE_hasDraggableParentComponent?: boolean | undefined;
87
+ openMenuOnClick?: boolean | undefined;
88
+ strategy?: "absolute" | "fixed" | undefined;
89
+ showClearIndicator?: boolean | undefined;
90
+ forwardedRef?: import("react").ForwardedRef<import("../types").UserPickerRef> | undefined;
91
+ }) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
23
92
  DropdownIndicator: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
24
93
  GroupHeading?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupHeadingProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
25
94
  IndicatorsContainer?: import("react").ComponentType<import("@atlaskit/select").IndicatorsContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
package/docs/1-smart-user-picker.tsx CHANGED
@@ -1,13 +1,8 @@
1
1
  import Link from '@atlaskit/link';
2
- import { fg } from '@atlaskit/platform-feature-flags';
3
2
  import React from 'react';
4
3
  import { md } from '@atlaskit/docs';
5
4
  import SectionMessage from '@atlaskit/section-message';
6
5
 
7
- const LinkComponent = (props: any) =>
8
- // eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-has-content
9
- fg('dst-a11y__replace-anchor-with-link__search-platfor') ? <Link {...props} /> : <a {...props} />;
10
-
11
6
  export default md`
12
7
  ${(
13
8
  <SectionMessage
@@ -15,9 +10,9 @@ export default md`
15
10
  title="Note: @atlaskit/user-picker/smart-user-picker is deprecated."
16
11
  >
17
12
  SmartUserPicker has moved packages! Please use{' '}
18
- <LinkComponent href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
13
+ <Link href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
19
14
  @atlaskit/smart-user-picker
20
- </LinkComponent>{' '}
15
+ </Link>{' '}
21
16
  instead. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact
22
17
  #search-plex for further details.
23
18
  </SectionMessage>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "11.2.1",
3
+ "version": "11.2.3",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -51,20 +51,19 @@
51
51
  "dependencies": {
52
52
  "@atlaskit/analytics-next": "^11.1.0",
53
53
  "@atlaskit/avatar": "^25.1.0",
54
- "@atlaskit/icon": "^26.4.0",
55
- "@atlaskit/link": "^3.2.0",
56
- "@atlaskit/logo": "^19.0.0",
57
- "@atlaskit/lozenge": "^12.2.0",
54
+ "@atlaskit/icon": "^27.0.0",
55
+ "@atlaskit/logo": "^19.1.0",
56
+ "@atlaskit/lozenge": "^13.0.0",
58
57
  "@atlaskit/people-teams-ui-public": "^3.1.0",
59
58
  "@atlaskit/platform-feature-flags": "^1.1.0",
60
59
  "@atlaskit/popper": "^7.0.0",
61
60
  "@atlaskit/primitives": "^14.8.0",
62
- "@atlaskit/select": "^20.6.0",
61
+ "@atlaskit/select": "^20.7.0",
63
62
  "@atlaskit/spinner": "^18.0.0",
64
63
  "@atlaskit/teams-avatar": "^2.3.0",
65
64
  "@atlaskit/theme": "^18.0.0",
66
- "@atlaskit/tokens": "^5.0.0",
67
- "@atlaskit/tooltip": "^20.2.0",
65
+ "@atlaskit/tokens": "^5.2.0",
66
+ "@atlaskit/tooltip": "^20.3.0",
68
67
  "@atlaskit/ufo": "^0.4.0",
69
68
  "@babel/runtime": "^7.0.0",
70
69
  "@compiled/react": "^0.18.3",
@@ -115,9 +114,6 @@
115
114
  },
116
115
  "user-picker-show-clear-indicator": {
117
116
  "type": "boolean"
118
- },
119
- "dst-a11y__replace-anchor-with-link__search-platfor": {
120
- "type": "boolean"
121
117
  }
122
118
  }
123
119
  }