@atlaskit/user-picker 10.27.1 → 10.27.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 (25) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/analytics.js +1 -1
  3. package/dist/cjs/components/ExternalUserOption/InfoIcon.js +15 -12
  4. package/dist/cjs/components/ExternalUserOption/SourcesTooltipContent.js +31 -27
  5. package/dist/cjs/components/SingleValueContainer.js +1 -1
  6. package/dist/cjs/components/ValueContainerWrapper.js +1 -1
  7. package/dist/es2019/analytics.js +1 -1
  8. package/dist/es2019/components/ExternalUserOption/InfoIcon.js +15 -12
  9. package/dist/es2019/components/ExternalUserOption/SourcesTooltipContent.js +30 -24
  10. package/dist/es2019/components/SingleValueContainer.js +1 -1
  11. package/dist/es2019/components/ValueContainerWrapper.js +1 -1
  12. package/dist/esm/analytics.js +1 -1
  13. package/dist/esm/components/ExternalUserOption/InfoIcon.js +15 -12
  14. package/dist/esm/components/ExternalUserOption/SourcesTooltipContent.js +30 -24
  15. package/dist/esm/components/SingleValueContainer.js +1 -1
  16. package/dist/esm/components/ValueContainerWrapper.js +1 -1
  17. package/dist/types/components/BaseUserPicker.d.ts +1 -1
  18. package/dist/types/components/ExternalUserOption/SourcesTooltipContent.d.ts +2 -3
  19. package/dist/types/components/PopupUserPicker.d.ts +1 -1
  20. package/dist/types/components/UserPicker.d.ts +1 -1
  21. package/dist/types-ts4.5/components/BaseUserPicker.d.ts +1 -1
  22. package/dist/types-ts4.5/components/ExternalUserOption/SourcesTooltipContent.d.ts +2 -3
  23. package/dist/types-ts4.5/components/PopupUserPicker.d.ts +1 -1
  24. package/dist/types-ts4.5/components/UserPicker.d.ts +1 -1
  25. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 10.27.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 10.27.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#168041](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/168041)
14
+ [`87c8f13c37183`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/87c8f13c37183) -
15
+ Migrate text elements to DS components
16
+ - Updated dependencies
17
+
3
18
  ## 10.27.1
4
19
 
5
20
  ### Patch Changes
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 = "10.27.1";
15
+ var packageVersion = "10.27.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/ExternalUserOption/InfoIcon.js CHANGED
@@ -32,16 +32,19 @@ var _default = exports.default = function _default() {
32
32
  var onMouseLeave = (0, _react.useCallback)(function () {
33
33
  return setHoverState(false);
34
34
  }, [setHoverState]);
35
- return (0, _react2.jsx)("div", {
36
- css: wrapper,
37
- onMouseEnter: onMouseEnter,
38
- onMouseLeave: onMouseLeave
39
- }, (0, _react2.jsx)(_informationEditorPanel.default, {
40
- testId: "source-icon",
41
- label: "",
42
- LEGACY_size: "large",
43
- LEGACY_margin: "0 ".concat("var(--ds-space-negative-050, -4px)", " 0 0"),
44
- spacing: "spacious",
45
- color: "var(--ds-text-subtlest, ".concat(isMouseHovered ? _colors.N200 : _colors.N50, ")")
46
- }));
35
+ return (
36
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions
37
+ (0, _react2.jsx)("div", {
38
+ css: wrapper,
39
+ onMouseEnter: onMouseEnter,
40
+ onMouseLeave: onMouseLeave
41
+ }, (0, _react2.jsx)(_informationEditorPanel.default, {
42
+ testId: "source-icon",
43
+ label: "",
44
+ LEGACY_size: "large",
45
+ LEGACY_margin: "0 ".concat("var(--ds-space-negative-050, -4px)", " 0 0"),
46
+ spacing: "spacious",
47
+ color: "var(--ds-text-subtlest, ".concat(isMouseHovered ? _colors.N200 : _colors.N50, ")")
48
+ }))
49
+ );
47
50
  };
package/dist/cjs/components/ExternalUserOption/SourcesTooltipContent.js CHANGED
@@ -4,67 +4,64 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.sourceWrapper = exports.SourcesTooltipContent = void 0;
7
+ exports.SourcesTooltipContent = void 0;
8
8
  var _primitives = require("@atlaskit/primitives");
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _reactIntlNext = require("react-intl-next");
11
- var _react2 = require("@emotion/react");
12
11
  var _logo = require("@atlaskit/logo");
13
12
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
14
13
  var _slack = require("../assets/slack");
15
14
  var _google = require("../assets/google");
16
15
  var _microsoft = require("../assets/microsoft");
17
16
  var _i18n = require("../i18n");
18
- var _main = require("./main");
19
- /**
20
- * @jsxRuntime classic
21
- * @jsx jsx
22
- */
23
-
24
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
25
-
26
17
  var sourcesTooltipContainer = (0, _primitives.xcss)({
27
18
  paddingBottom: 'space.050',
28
19
  paddingRight: 'space.050'
29
20
  });
30
-
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
32
- var sourceWrapper = exports.sourceWrapper = (0, _react2.css)({
33
- paddingTop: "var(--ds-space-050, 4px)",
21
+ var sourceWrapperStyles = (0, _primitives.xcss)({
22
+ paddingTop: 'space.050',
34
23
  display: 'flex',
35
24
  alignItems: 'center'
36
25
  });
37
26
  var SUPPORTED_SOURCES = [{
38
27
  sourceType: 'jira',
39
- icon: (0, _react2.jsx)(_logo.JiraIcon, {
28
+ icon: /*#__PURE__*/_react.default.createElement(_logo.JiraIcon, {
40
29
  size: 'xsmall'
41
30
  }),
42
31
  label: _i18n.messages.jiraSource
43
32
  }, {
44
33
  sourceType: 'confluence',
45
- icon: (0, _react2.jsx)(_logo.ConfluenceIcon, {
34
+ icon: /*#__PURE__*/_react.default.createElement(_logo.ConfluenceIcon, {
46
35
  size: 'xsmall'
47
36
  }),
48
37
  label: _i18n.messages.confluenceSource
49
38
  }, {
50
39
  sourceType: 'other-atlassian',
51
- icon: (0, _react2.jsx)(_logo.AtlassianIcon, {
40
+ icon: /*#__PURE__*/_react.default.createElement(_logo.AtlassianIcon, {
52
41
  size: 'xsmall'
53
42
  }),
54
43
  label: _i18n.messages.otherAtlassianSource
55
44
  }, {
56
45
  sourceType: 'slack',
57
- icon: (0, _react2.jsx)(_slack.SlackIcon, null),
46
+ icon: /*#__PURE__*/_react.default.createElement(_slack.SlackIcon, null),
58
47
  label: _i18n.messages.slackProvider
59
48
  }, {
60
49
  sourceType: 'google',
61
- icon: (0, _react2.jsx)(_google.GoogleIcon, null),
50
+ icon: /*#__PURE__*/_react.default.createElement(_google.GoogleIcon, null),
62
51
  label: _i18n.messages.googleProvider
63
52
  }, {
64
53
  sourceType: 'microsoft',
65
- icon: (0, _react2.jsx)(_microsoft.MicrosoftIcon, null),
54
+ icon: /*#__PURE__*/_react.default.createElement(_microsoft.MicrosoftIcon, null),
66
55
  label: _i18n.messages.microsoftProvider
67
56
  }];
57
+ var imageContainerStyles = (0, _primitives.xcss)({
58
+ height: '16px',
59
+ width: '16px',
60
+ paddingRight: 'space.050',
61
+ display: 'flex',
62
+ alignItems: 'center',
63
+ justifyContent: 'center'
64
+ });
68
65
  var SourcesTooltipContent = exports.SourcesTooltipContent = function SourcesTooltipContent(_ref) {
69
66
  var sources = _ref.sources,
70
67
  sourcesLoading = _ref.sourcesLoading;
@@ -73,20 +70,27 @@ var SourcesTooltipContent = exports.SourcesTooltipContent = function SourcesTool
73
70
  return sources.includes(supportedSource.sourceType);
74
71
  });
75
72
  }, [sources]);
76
- return (0, _react2.jsx)(_react.default.Fragment, null, !sourcesLoading && sources.length === 0 ? (0, _react2.jsx)("span", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.externalUserSourcesError)) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("span", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.externalUserSourcesHeading)), (0, _react2.jsx)(_primitives.Box, {
73
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !sourcesLoading && sources.length === 0 ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
74
+ as: "span"
75
+ }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.externalUserSourcesError)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
76
+ as: "span"
77
+ }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.externalUserSourcesHeading)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
77
78
  xcss: sourcesTooltipContainer
78
- }, sourcesLoading && (0, _react2.jsx)(_spinner.default, {
79
+ }, sourcesLoading && /*#__PURE__*/_react.default.createElement(_spinner.default, {
79
80
  size: "small",
80
81
  appearance: "invert"
81
82
  }), !sourcesLoading && sourcesToRender.map(function (_ref2) {
82
83
  var sourceType = _ref2.sourceType,
83
84
  icon = _ref2.icon,
84
85
  label = _ref2.label;
85
- return (0, _react2.jsx)("div", {
86
- css: sourceWrapper,
86
+ return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
87
+ xcss: sourceWrapperStyles,
87
88
  key: sourceType
88
- }, (0, _react2.jsx)("span", {
89
- css: _main.imageContainer
90
- }, icon), (0, _react2.jsx)("span", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, label)));
89
+ }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
90
+ as: "span",
91
+ xcss: imageContainerStyles
92
+ }, icon), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
93
+ as: "span"
94
+ }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label)));
91
95
  }))));
92
96
  };
package/dist/cjs/components/SingleValueContainer.js CHANGED
@@ -67,7 +67,7 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
67
67
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "Wrapper", function (_ref) {
68
68
  var children = _ref.children;
69
69
  return _this.onValueContainerClick ?
70
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
70
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
71
71
  (0, _react.jsx)("div", {
72
72
  css: (0, _react.css)({
73
73
  flexGrow: 1
package/dist/cjs/components/ValueContainerWrapper.js CHANGED
@@ -21,7 +21,7 @@ var ValueContainerWrapper = function ValueContainerWrapper(_ref) {
21
21
  isEnabled = _ref.isEnabled,
22
22
  onMouseDown = _ref.onMouseDown;
23
23
  return isEnabled ?
24
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
24
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
25
25
  (0, _react.jsx)("div", {
26
26
  css: (0, _react.css)({
27
27
  flexGrow: 1
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 = "10.27.1";
5
+ const packageVersion = "10.27.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/ExternalUserOption/InfoIcon.js CHANGED
@@ -15,16 +15,19 @@ export default (() => {
15
15
  const [isMouseHovered, setHoverState] = useState(false);
16
16
  const onMouseEnter = useCallback(() => setHoverState(true), [setHoverState]);
17
17
  const onMouseLeave = useCallback(() => setHoverState(false), [setHoverState]);
18
- return jsx("div", {
19
- css: wrapper,
20
- onMouseEnter: onMouseEnter,
21
- onMouseLeave: onMouseLeave
22
- }, jsx(EditorPanelIcon, {
23
- testId: "source-icon",
24
- label: "",
25
- LEGACY_size: "large",
26
- LEGACY_margin: `0 ${"var(--ds-space-negative-050, -4px)"} 0 0`,
27
- spacing: "spacious",
28
- color: `var(--ds-text-subtlest, ${isMouseHovered ? N200 : N50})`
29
- }));
18
+ return (
19
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions
20
+ jsx("div", {
21
+ css: wrapper,
22
+ onMouseEnter: onMouseEnter,
23
+ onMouseLeave: onMouseLeave
24
+ }, jsx(EditorPanelIcon, {
25
+ testId: "source-icon",
26
+ label: "",
27
+ LEGACY_size: "large",
28
+ LEGACY_margin: `0 ${"var(--ds-space-negative-050, -4px)"} 0 0`,
29
+ spacing: "spacious",
30
+ color: `var(--ds-text-subtlest, ${isMouseHovered ? N200 : N50})`
31
+ }))
32
+ );
30
33
  });
package/dist/es2019/components/ExternalUserOption/SourcesTooltipContent.js CHANGED
@@ -1,79 +1,85 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
1
  import { Box, xcss } from '@atlaskit/primitives';
6
2
  import React from 'react';
7
3
  import { FormattedMessage } from 'react-intl-next';
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
- import { css, jsx } from '@emotion/react';
10
4
  import { AtlassianIcon, ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
11
5
  import Spinner from '@atlaskit/spinner/spinner';
12
6
  import { SlackIcon } from '../assets/slack';
13
7
  import { GoogleIcon } from '../assets/google';
14
8
  import { MicrosoftIcon } from '../assets/microsoft';
15
9
  import { messages } from '../i18n';
16
- import { imageContainer } from './main';
17
10
  const sourcesTooltipContainer = xcss({
18
11
  paddingBottom: 'space.050',
19
12
  paddingRight: 'space.050'
20
13
  });
21
-
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
23
- export const sourceWrapper = css({
24
- paddingTop: "var(--ds-space-050, 4px)",
14
+ const sourceWrapperStyles = xcss({
15
+ paddingTop: 'space.050',
25
16
  display: 'flex',
26
17
  alignItems: 'center'
27
18
  });
28
19
  const SUPPORTED_SOURCES = [{
29
20
  sourceType: 'jira',
30
- icon: jsx(JiraIcon, {
21
+ icon: /*#__PURE__*/React.createElement(JiraIcon, {
31
22
  size: 'xsmall'
32
23
  }),
33
24
  label: messages.jiraSource
34
25
  }, {
35
26
  sourceType: 'confluence',
36
- icon: jsx(ConfluenceIcon, {
27
+ icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
37
28
  size: 'xsmall'
38
29
  }),
39
30
  label: messages.confluenceSource
40
31
  }, {
41
32
  sourceType: 'other-atlassian',
42
- icon: jsx(AtlassianIcon, {
33
+ icon: /*#__PURE__*/React.createElement(AtlassianIcon, {
43
34
  size: 'xsmall'
44
35
  }),
45
36
  label: messages.otherAtlassianSource
46
37
  }, {
47
38
  sourceType: 'slack',
48
- icon: jsx(SlackIcon, null),
39
+ icon: /*#__PURE__*/React.createElement(SlackIcon, null),
49
40
  label: messages.slackProvider
50
41
  }, {
51
42
  sourceType: 'google',
52
- icon: jsx(GoogleIcon, null),
43
+ icon: /*#__PURE__*/React.createElement(GoogleIcon, null),
53
44
  label: messages.googleProvider
54
45
  }, {
55
46
  sourceType: 'microsoft',
56
- icon: jsx(MicrosoftIcon, null),
47
+ icon: /*#__PURE__*/React.createElement(MicrosoftIcon, null),
57
48
  label: messages.microsoftProvider
58
49
  }];
50
+ const imageContainerStyles = xcss({
51
+ height: '16px',
52
+ width: '16px',
53
+ paddingRight: 'space.050',
54
+ display: 'flex',
55
+ alignItems: 'center',
56
+ justifyContent: 'center'
57
+ });
59
58
  export const SourcesTooltipContent = ({
60
59
  sources,
61
60
  sourcesLoading
62
61
  }) => {
63
62
  const sourcesToRender = React.useMemo(() => SUPPORTED_SOURCES.filter(supportedSource => sources.includes(supportedSource.sourceType)), [sources]);
64
- return jsx(React.Fragment, null, !sourcesLoading && sources.length === 0 ? jsx("span", null, jsx(FormattedMessage, messages.externalUserSourcesError)) : jsx(React.Fragment, null, jsx("span", null, jsx(FormattedMessage, messages.externalUserSourcesHeading)), jsx(Box, {
63
+ return /*#__PURE__*/React.createElement(React.Fragment, null, !sourcesLoading && sources.length === 0 ? /*#__PURE__*/React.createElement(Box, {
64
+ as: "span"
65
+ }, /*#__PURE__*/React.createElement(FormattedMessage, messages.externalUserSourcesError)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
66
+ as: "span"
67
+ }, /*#__PURE__*/React.createElement(FormattedMessage, messages.externalUserSourcesHeading)), /*#__PURE__*/React.createElement(Box, {
65
68
  xcss: sourcesTooltipContainer
66
- }, sourcesLoading && jsx(Spinner, {
69
+ }, sourcesLoading && /*#__PURE__*/React.createElement(Spinner, {
67
70
  size: "small",
68
71
  appearance: "invert"
69
72
  }), !sourcesLoading && sourcesToRender.map(({
70
73
  sourceType,
71
74
  icon,
72
75
  label
73
- }) => jsx("div", {
74
- css: sourceWrapper,
76
+ }) => /*#__PURE__*/React.createElement(Box, {
77
+ xcss: sourceWrapperStyles,
75
78
  key: sourceType
76
- }, jsx("span", {
77
- css: imageContainer
78
- }, icon), jsx("span", null, jsx(FormattedMessage, label)))))));
79
+ }, /*#__PURE__*/React.createElement(Box, {
80
+ as: "span",
81
+ xcss: imageContainerStyles
82
+ }, icon), /*#__PURE__*/React.createElement(Box, {
83
+ as: "span"
84
+ }, /*#__PURE__*/React.createElement(FormattedMessage, label)))))));
79
85
  };
package/dist/es2019/components/SingleValueContainer.js CHANGED
@@ -47,7 +47,7 @@ export class SingleValueContainer extends React.Component {
47
47
  children
48
48
  }) => {
49
49
  return this.onValueContainerClick ?
50
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
50
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
51
51
  jsx("div", {
52
52
  css: css({
53
53
  flexGrow: 1
package/dist/es2019/components/ValueContainerWrapper.js CHANGED
@@ -16,7 +16,7 @@ const ValueContainerWrapper = ({
16
16
  onMouseDown
17
17
  }) => {
18
18
  return isEnabled ?
19
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
19
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
20
20
  jsx("div", {
21
21
  css: css({
22
22
  flexGrow: 1
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 = "10.27.1";
8
+ var packageVersion = "10.27.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/ExternalUserOption/InfoIcon.js CHANGED
@@ -23,16 +23,19 @@ export default (function () {
23
23
  var onMouseLeave = useCallback(function () {
24
24
  return setHoverState(false);
25
25
  }, [setHoverState]);
26
- return jsx("div", {
27
- css: wrapper,
28
- onMouseEnter: onMouseEnter,
29
- onMouseLeave: onMouseLeave
30
- }, jsx(EditorPanelIcon, {
31
- testId: "source-icon",
32
- label: "",
33
- LEGACY_size: "large",
34
- LEGACY_margin: "0 ".concat("var(--ds-space-negative-050, -4px)", " 0 0"),
35
- spacing: "spacious",
36
- color: "var(--ds-text-subtlest, ".concat(isMouseHovered ? N200 : N50, ")")
37
- }));
26
+ return (
27
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions
28
+ jsx("div", {
29
+ css: wrapper,
30
+ onMouseEnter: onMouseEnter,
31
+ onMouseLeave: onMouseLeave
32
+ }, jsx(EditorPanelIcon, {
33
+ testId: "source-icon",
34
+ label: "",
35
+ LEGACY_size: "large",
36
+ LEGACY_margin: "0 ".concat("var(--ds-space-negative-050, -4px)", " 0 0"),
37
+ spacing: "spacious",
38
+ color: "var(--ds-text-subtlest, ".concat(isMouseHovered ? N200 : N50, ")")
39
+ }))
40
+ );
38
41
  });
package/dist/esm/components/ExternalUserOption/SourcesTooltipContent.js CHANGED
@@ -1,61 +1,60 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
1
  import { Box, xcss } from '@atlaskit/primitives';
6
2
  import React from 'react';
7
3
  import { FormattedMessage } from 'react-intl-next';
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
- import { css, jsx } from '@emotion/react';
10
4
  import { AtlassianIcon, ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
11
5
  import Spinner from '@atlaskit/spinner/spinner';
12
6
  import { SlackIcon } from '../assets/slack';
13
7
  import { GoogleIcon } from '../assets/google';
14
8
  import { MicrosoftIcon } from '../assets/microsoft';
15
9
  import { messages } from '../i18n';
16
- import { imageContainer } from './main';
17
10
  var sourcesTooltipContainer = xcss({
18
11
  paddingBottom: 'space.050',
19
12
  paddingRight: 'space.050'
20
13
  });
21
-
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
23
- export var sourceWrapper = css({
24
- paddingTop: "var(--ds-space-050, 4px)",
14
+ var sourceWrapperStyles = xcss({
15
+ paddingTop: 'space.050',
25
16
  display: 'flex',
26
17
  alignItems: 'center'
27
18
  });
28
19
  var SUPPORTED_SOURCES = [{
29
20
  sourceType: 'jira',
30
- icon: jsx(JiraIcon, {
21
+ icon: /*#__PURE__*/React.createElement(JiraIcon, {
31
22
  size: 'xsmall'
32
23
  }),
33
24
  label: messages.jiraSource
34
25
  }, {
35
26
  sourceType: 'confluence',
36
- icon: jsx(ConfluenceIcon, {
27
+ icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
37
28
  size: 'xsmall'
38
29
  }),
39
30
  label: messages.confluenceSource
40
31
  }, {
41
32
  sourceType: 'other-atlassian',
42
- icon: jsx(AtlassianIcon, {
33
+ icon: /*#__PURE__*/React.createElement(AtlassianIcon, {
43
34
  size: 'xsmall'
44
35
  }),
45
36
  label: messages.otherAtlassianSource
46
37
  }, {
47
38
  sourceType: 'slack',
48
- icon: jsx(SlackIcon, null),
39
+ icon: /*#__PURE__*/React.createElement(SlackIcon, null),
49
40
  label: messages.slackProvider
50
41
  }, {
51
42
  sourceType: 'google',
52
- icon: jsx(GoogleIcon, null),
43
+ icon: /*#__PURE__*/React.createElement(GoogleIcon, null),
53
44
  label: messages.googleProvider
54
45
  }, {
55
46
  sourceType: 'microsoft',
56
- icon: jsx(MicrosoftIcon, null),
47
+ icon: /*#__PURE__*/React.createElement(MicrosoftIcon, null),
57
48
  label: messages.microsoftProvider
58
49
  }];
50
+ var imageContainerStyles = xcss({
51
+ height: '16px',
52
+ width: '16px',
53
+ paddingRight: 'space.050',
54
+ display: 'flex',
55
+ alignItems: 'center',
56
+ justifyContent: 'center'
57
+ });
59
58
  export var SourcesTooltipContent = function SourcesTooltipContent(_ref) {
60
59
  var sources = _ref.sources,
61
60
  sourcesLoading = _ref.sourcesLoading;
@@ -64,20 +63,27 @@ export var SourcesTooltipContent = function SourcesTooltipContent(_ref) {
64
63
  return sources.includes(supportedSource.sourceType);
65
64
  });
66
65
  }, [sources]);
67
- return jsx(React.Fragment, null, !sourcesLoading && sources.length === 0 ? jsx("span", null, jsx(FormattedMessage, messages.externalUserSourcesError)) : jsx(React.Fragment, null, jsx("span", null, jsx(FormattedMessage, messages.externalUserSourcesHeading)), jsx(Box, {
66
+ return /*#__PURE__*/React.createElement(React.Fragment, null, !sourcesLoading && sources.length === 0 ? /*#__PURE__*/React.createElement(Box, {
67
+ as: "span"
68
+ }, /*#__PURE__*/React.createElement(FormattedMessage, messages.externalUserSourcesError)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
69
+ as: "span"
70
+ }, /*#__PURE__*/React.createElement(FormattedMessage, messages.externalUserSourcesHeading)), /*#__PURE__*/React.createElement(Box, {
68
71
  xcss: sourcesTooltipContainer
69
- }, sourcesLoading && jsx(Spinner, {
72
+ }, sourcesLoading && /*#__PURE__*/React.createElement(Spinner, {
70
73
  size: "small",
71
74
  appearance: "invert"
72
75
  }), !sourcesLoading && sourcesToRender.map(function (_ref2) {
73
76
  var sourceType = _ref2.sourceType,
74
77
  icon = _ref2.icon,
75
78
  label = _ref2.label;
76
- return jsx("div", {
77
- css: sourceWrapper,
79
+ return /*#__PURE__*/React.createElement(Box, {
80
+ xcss: sourceWrapperStyles,
78
81
  key: sourceType
79
- }, jsx("span", {
80
- css: imageContainer
81
- }, icon), jsx("span", null, jsx(FormattedMessage, label)));
82
+ }, /*#__PURE__*/React.createElement(Box, {
83
+ as: "span",
84
+ xcss: imageContainerStyles
85
+ }, icon), /*#__PURE__*/React.createElement(Box, {
86
+ as: "span"
87
+ }, /*#__PURE__*/React.createElement(FormattedMessage, label)));
82
88
  }))));
83
89
  };
package/dist/esm/components/SingleValueContainer.js CHANGED
@@ -62,7 +62,7 @@ export var SingleValueContainer = /*#__PURE__*/function (_React$Component) {
62
62
  _defineProperty(_assertThisInitialized(_this), "Wrapper", function (_ref) {
63
63
  var children = _ref.children;
64
64
  return _this.onValueContainerClick ?
65
- // 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
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
66
66
  jsx("div", {
67
67
  css: css({
68
68
  flexGrow: 1
package/dist/esm/components/ValueContainerWrapper.js CHANGED
@@ -15,7 +15,7 @@ var ValueContainerWrapper = function ValueContainerWrapper(_ref) {
15
15
  isEnabled = _ref.isEnabled,
16
16
  onMouseDown = _ref.onMouseDown;
17
17
  return isEnabled ?
18
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
18
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
19
19
  jsx("div", {
20
20
  css: css({
21
21
  flexGrow: 1
package/dist/types/components/BaseUserPicker.d.ts CHANGED
@@ -141,7 +141,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
141
141
  * It may be removed in a future minor or patch when a longer-term workaround is found.
142
142
  */
143
143
  UNSAFE_hasDraggableParentComponent?: boolean | undefined;
144
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<{
144
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<{
145
145
  fieldId: string | null;
146
146
  options?: OptionData[] | undefined;
147
147
  width?: string | number | undefined;
package/dist/types/components/ExternalUserOption/SourcesTooltipContent.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { type ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
3
- export declare const sourceWrapper: import("@emotion/react").SerializedStyles;
4
- export declare const SourcesTooltipContent: React.FC<ExternalUserSourcesData>;
3
+ export declare const SourcesTooltipContent: ({ sources, sourcesLoading }: ExternalUserSourcesData) => JSX.Element;
package/dist/types/components/PopupUserPicker.d.ts CHANGED
@@ -163,5 +163,5 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<
163
163
  placement?: import("@popperjs/core").Placement | undefined;
164
164
  rootBoundary?: import("../types").RootBoundary | undefined;
165
165
  shouldFlip?: boolean | undefined;
166
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip">> & Partial<Pick<Partial<PopupUserPickerProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip"> & React.RefAttributes<any>>;
166
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip">> & Partial<Pick<Partial<PopupUserPickerProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip"> & React.RefAttributes<any>>;
167
167
  export {};
package/dist/types/components/UserPicker.d.ts CHANGED
@@ -74,7 +74,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
74
74
  required?: boolean | undefined;
75
75
  UNSAFE_hasDraggableParentComponent?: boolean | undefined;
76
76
  openMenuOnClick?: boolean | undefined;
77
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & Partial<Pick<Omit<{
77
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & Partial<Pick<Omit<{
78
78
  fieldId: string | null;
79
79
  options?: import("../types").OptionData[] | undefined;
80
80
  width?: string | number | undefined;
package/dist/types-ts4.5/components/BaseUserPicker.d.ts CHANGED
@@ -141,7 +141,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
141
141
  * It may be removed in a future minor or patch when a longer-term workaround is found.
142
142
  */
143
143
  UNSAFE_hasDraggableParentComponent?: boolean | undefined;
144
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<{
144
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<{
145
145
  fieldId: string | null;
146
146
  options?: OptionData[] | undefined;
147
147
  width?: string | number | undefined;
package/dist/types-ts4.5/components/ExternalUserOption/SourcesTooltipContent.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { type ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
3
- export declare const sourceWrapper: import("@emotion/react").SerializedStyles;
4
- export declare const SourcesTooltipContent: React.FC<ExternalUserSourcesData>;
3
+ export declare const SourcesTooltipContent: ({ sources, sourcesLoading }: ExternalUserSourcesData) => JSX.Element;
package/dist/types-ts4.5/components/PopupUserPicker.d.ts CHANGED
@@ -169,5 +169,5 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<
169
169
  placement?: import("@popperjs/core").Placement | undefined;
170
170
  rootBoundary?: import("../types").RootBoundary | undefined;
171
171
  shouldFlip?: boolean | undefined;
172
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip">> & Partial<Pick<Partial<PopupUserPickerProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip"> & React.RefAttributes<any>>;
172
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip">> & Partial<Pick<Partial<PopupUserPickerProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip"> & React.RefAttributes<any>>;
173
173
  export {};
package/dist/types-ts4.5/components/UserPicker.d.ts CHANGED
@@ -74,7 +74,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
74
74
  required?: boolean | undefined;
75
75
  UNSAFE_hasDraggableParentComponent?: boolean | undefined;
76
76
  openMenuOnClick?: boolean | undefined;
77
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & Partial<Pick<Omit<{
77
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & Partial<Pick<Omit<{
78
78
  fieldId: string | null;
79
79
  options?: import("../types").OptionData[] | undefined;
80
80
  width?: string | number | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "10.27.1",
3
+ "version": "10.27.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/"
@@ -48,18 +48,18 @@
48
48
  "dependencies": {
49
49
  "@atlaskit/analytics-next": "^10.1.0",
50
50
  "@atlaskit/avatar": "^21.17.0",
51
- "@atlaskit/icon": "^22.24.0",
52
- "@atlaskit/logo": "^14.3.0",
51
+ "@atlaskit/icon": "^22.28.0",
52
+ "@atlaskit/logo": "^15.0.0",
53
53
  "@atlaskit/lozenge": "^11.12.0",
54
- "@atlaskit/people-teams-ui-public": "^1.6.0",
54
+ "@atlaskit/people-teams-ui-public": "^1.7.0",
55
55
  "@atlaskit/platform-feature-flags": "^0.3.0",
56
56
  "@atlaskit/popper": "^6.3.0",
57
- "@atlaskit/primitives": "^13.2.0",
58
- "@atlaskit/select": "^18.5.0",
57
+ "@atlaskit/primitives": "^13.3.0",
58
+ "@atlaskit/select": "^18.6.0",
59
59
  "@atlaskit/spinner": "^16.3.0",
60
60
  "@atlaskit/teams-avatar": "^1.1.0",
61
61
  "@atlaskit/theme": "^14.0.0",
62
- "@atlaskit/tokens": "^2.2.0",
62
+ "@atlaskit/tokens": "^2.4.0",
63
63
  "@atlaskit/tooltip": "^18.9.0",
64
64
  "@atlaskit/ufo": "^0.3.0",
65
65
  "@babel/runtime": "^7.0.0",