@atlaskit/user-picker 10.27.0 → 10.27.2

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 +17 -0
  2. package/dist/cjs/analytics.js +1 -1
  3. package/dist/cjs/components/ExternalUserOption/SourcesTooltipContent.js +31 -27
  4. package/dist/es2019/analytics.js +1 -1
  5. package/dist/es2019/components/ExternalUserOption/SourcesTooltipContent.js +30 -24
  6. package/dist/esm/analytics.js +1 -1
  7. package/dist/esm/components/ExternalUserOption/SourcesTooltipContent.js +30 -24
  8. package/dist/types/components/ExternalUserOption/SourcesTooltipContent.d.ts +2 -3
  9. package/dist/types-ts4.5/components/ExternalUserOption/SourcesTooltipContent.d.ts +2 -3
  10. package/docs/0-intro.tsx +1 -1
  11. package/docs/1-smart-user-picker.tsx +1 -1
  12. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 10.27.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#168041](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/168041)
8
+ [`87c8f13c37183`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/87c8f13c37183) -
9
+ Migrate text elements to DS components
10
+ - Updated dependencies
11
+
12
+ ## 10.27.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#166035](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166035)
17
+ [`2c941c7061475`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2c941c7061475) -
18
+ Update documenation to point to the Search Experiences team
19
+
3
20
  ## 10.27.0
4
21
 
5
22
  ### Minor 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.0";
15
+ var packageVersion = "10.27.2";
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/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/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.0";
5
+ const packageVersion = "10.27.2";
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/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/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.0";
8
+ var packageVersion = "10.27.2";
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/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/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-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/docs/0-intro.tsx CHANGED
@@ -10,7 +10,7 @@ export default md`
10
10
  #### DISCLAIMER:
11
11
 
12
12
  Please consider using the smart-user-picker over user-picker if possible. This encourages consistency and monitoring.
13
- If you cannot use smart-user-picker, please reach out to the our slack channels, #help-smart-experiences,
13
+ If you cannot use smart-user-picker, please reach out to the our slack channels, #search-plex,
14
14
  so that we can work with you.
15
15
 
16
16
  ## Usage
package/docs/1-smart-user-picker.tsx CHANGED
@@ -13,7 +13,7 @@ export default md`
13
13
  @atlaskit/smart-user-picker
14
14
  </a>{' '}
15
15
  instead. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact
16
- #help-smart-experiences for further details.
16
+ #search-plex for further details.
17
17
  </SectionMessage>
18
18
  )}
19
19
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "10.27.0",
3
+ "version": "10.27.2",
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",
51
+ "@atlaskit/icon": "^22.26.0",
52
52
  "@atlaskit/logo": "^14.3.0",
53
53
  "@atlaskit/lozenge": "^11.12.0",
54
- "@atlaskit/people-teams-ui-public": "^1.5.0",
54
+ "@atlaskit/people-teams-ui-public": "^1.6.0",
55
55
  "@atlaskit/platform-feature-flags": "^0.3.0",
56
56
  "@atlaskit/popper": "^6.3.0",
57
57
  "@atlaskit/primitives": "^13.2.0",
58
- "@atlaskit/select": "^18.5.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.3.0",
63
63
  "@atlaskit/tooltip": "^18.9.0",
64
64
  "@atlaskit/ufo": "^0.3.0",
65
65
  "@babel/runtime": "^7.0.0",
@@ -76,7 +76,7 @@
76
76
  "devDependencies": {
77
77
  "@atlaskit/analytics-viewer": "^0.6.0",
78
78
  "@atlaskit/elements-test-helpers": "^0.7.0",
79
- "@atlaskit/heading": "^2.4.0",
79
+ "@atlaskit/heading": "^3.1.0",
80
80
  "@atlaskit/visual-regression": "*",
81
81
  "@atlassian/feature-flags-test-utils": "^0.2.0",
82
82
  "@emotion/styled": "^11.0.0",