@atlaskit/user-picker 10.19.0 → 10.19.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/user-picker
 
+## 10.19.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.19.1
+
+### Patch Changes
+
+- [#74482](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74482) [`b10803d85d88`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b10803d85d88) - The internal composition of this component has changed. There is no expected change in behaviour.
+
 ## 10.19.0
 
 ### Minor Changes

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 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; }
 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; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.19.0";
+var packageVersion = "10.19.2";
 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}$/;
 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}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/cjs/components/ExternalUserOption/SourcesTooltipContent.js

@@ -4,7 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sourcesTooltipContainer = exports.sourceWrapper = exports.SourcesTooltipContent = void 0;
+exports.sourceWrapper = exports.SourcesTooltipContent = void 0;
+var _primitives = require("@atlaskit/primitives");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _react2 = require("@emotion/react");
@@ -17,9 +18,9 @@ var _i18n = require("../i18n");
 var _main = require("./main");
 /** @jsx jsx */
 
-var sourcesTooltipContainer = exports.sourcesTooltipContainer = (0, _react2.css)({
-  paddingBottom: "var(--ds-space-050, 4px)",
-  paddingRight: "var(--ds-space-050, 4px)"
+var sourcesTooltipContainer = (0, _primitives.xcss)({
+  paddingBottom: 'space.050',
+  paddingRight: 'space.050'
 });
 var sourceWrapper = exports.sourceWrapper = (0, _react2.css)({
   paddingTop: "var(--ds-space-050, 4px)",
@@ -65,8 +66,8 @@ var SourcesTooltipContent = exports.SourcesTooltipContent = function SourcesTool
       return sources.includes(supportedSource.sourceType);
     });
   }, [sources]);
-  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)("div", {
-    css: sourcesTooltipContainer
+  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, {
+    xcss: sourcesTooltipContainer
   }, sourcesLoading && (0, _react2.jsx)(_spinner.default, {
     size: "small",
     appearance: "invert"

package/dist/cjs/i18n/vi.js

@@ -29,7 +29,7 @@ var _default = exports.default = {
   'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
   'fabric.elements.user-picker.multi.remove-item': 'Xóa',
   'fabric.elements.user-picker.placeholder': 'Nhập người hoặc nhóm...',
-  'fabric.elements.user-picker.placeholder.add-more': 'thêm nhiều người hơn...',
+  'fabric.elements.user-picker.placeholder.add-more': 'thêm người khác...',
   'fabric.elements.user-picker.single.clear': 'Xóa',
   'fabric.elements.user-picker.slack.provider': 'Slack',
   'fabric.elements.user-picker.source.confluence': 'Confluence',

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "10.19.0";
+const packageVersion = "10.19.2";
 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}$/;
 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}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/ExternalUserOption/SourcesTooltipContent.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+import { Box, xcss } from '@atlaskit/primitives';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
@@ -9,9 +10,9 @@ import { GoogleIcon } from '../assets/google';
 import { MicrosoftIcon } from '../assets/microsoft';
 import { messages } from '../i18n';
 import { imageContainer } from './main';
-export const sourcesTooltipContainer = css({
-  paddingBottom: "var(--ds-space-050, 4px)",
-  paddingRight: "var(--ds-space-050, 4px)"
+const sourcesTooltipContainer = xcss({
+  paddingBottom: 'space.050',
+  paddingRight: 'space.050'
 });
 export const sourceWrapper = css({
   paddingTop: "var(--ds-space-050, 4px)",
@@ -54,8 +55,8 @@ export const SourcesTooltipContent = ({
   sourcesLoading
 }) => {
   const sourcesToRender = React.useMemo(() => SUPPORTED_SOURCES.filter(supportedSource => sources.includes(supportedSource.sourceType)), [sources]);
-  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("div", {
-    css: sourcesTooltipContainer
+  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, {
+    xcss: sourcesTooltipContainer
   }, sourcesLoading && jsx(Spinner, {
     size: "small",
     appearance: "invert"

package/dist/es2019/i18n/vi.js

@@ -23,7 +23,7 @@ export default {
   'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
   'fabric.elements.user-picker.multi.remove-item': 'Xóa',
   'fabric.elements.user-picker.placeholder': 'Nhập người hoặc nhóm...',
-  'fabric.elements.user-picker.placeholder.add-more': 'thêm nhiều người hơn...',
+  'fabric.elements.user-picker.placeholder.add-more': 'thêm người khác...',
   'fabric.elements.user-picker.single.clear': 'Xóa',
   'fabric.elements.user-picker.slack.provider': 'Slack',
   'fabric.elements.user-picker.source.confluence': 'Confluence',

package/dist/esm/analytics.js

@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.19.0";
+var packageVersion = "10.19.2";
 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}$/;
 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}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/ExternalUserOption/SourcesTooltipContent.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+import { Box, xcss } from '@atlaskit/primitives';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
@@ -9,9 +10,9 @@ import { GoogleIcon } from '../assets/google';
 import { MicrosoftIcon } from '../assets/microsoft';
 import { messages } from '../i18n';
 import { imageContainer } from './main';
-export var sourcesTooltipContainer = css({
-  paddingBottom: "var(--ds-space-050, 4px)",
-  paddingRight: "var(--ds-space-050, 4px)"
+var sourcesTooltipContainer = xcss({
+  paddingBottom: 'space.050',
+  paddingRight: 'space.050'
 });
 export var sourceWrapper = css({
   paddingTop: "var(--ds-space-050, 4px)",
@@ -57,8 +58,8 @@ export var SourcesTooltipContent = function SourcesTooltipContent(_ref) {
       return sources.includes(supportedSource.sourceType);
     });
   }, [sources]);
-  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("div", {
-    css: sourcesTooltipContainer
+  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, {
+    xcss: sourcesTooltipContainer
   }, sourcesLoading && jsx(Spinner, {
     size: "small",
     appearance: "invert"

package/dist/esm/i18n/vi.js

@@ -23,7 +23,7 @@ export default {
   'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
   'fabric.elements.user-picker.multi.remove-item': 'Xóa',
   'fabric.elements.user-picker.placeholder': 'Nhập người hoặc nhóm...',
-  'fabric.elements.user-picker.placeholder.add-more': 'thêm nhiều người hơn...',
+  'fabric.elements.user-picker.placeholder.add-more': 'thêm người khác...',
   'fabric.elements.user-picker.single.clear': 'Xóa',
   'fabric.elements.user-picker.slack.provider': 'Slack',
   'fabric.elements.user-picker.source.confluence': 'Confluence',

package/dist/types/components/ExternalUserOption/SourcesTooltipContent.d.ts

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
 import { ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
-export declare const sourcesTooltipContainer: import("@emotion/react").SerializedStyles;
 export declare const sourceWrapper: import("@emotion/react").SerializedStyles;
 export declare const SourcesTooltipContent: React.FC<ExternalUserSourcesData>;

package/dist/types-ts4.5/components/ExternalUserOption/SourcesTooltipContent.d.ts

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
 import { ExternalUserSourcesData } from '../ExternalUserSourcesContainer';
-export declare const sourcesTooltipContainer: import("@emotion/react").SerializedStyles;
 export declare const sourceWrapper: import("@emotion/react").SerializedStyles;
 export declare const SourcesTooltipContent: React.FC<ExternalUserSourcesData>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "10.19.0",
+  "version": "10.19.2",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,12 +44,12 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/avatar": "^21.5.0",
-    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/icon": "^22.1.0",
     "@atlaskit/logo": "^13.15.0",
     "@atlaskit/lozenge": "^11.6.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/primitives": "^2.0.0",
+    "@atlaskit/primitives": "^3.0.0",
     "@atlaskit/select": "^17.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/teams-avatar": "^1.0.0",