@atlaskit/user-picker 10.16.0 → 10.17.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/user-picker
 
+## 10.17.0
+
+### Minor Changes
+
+- [#73914](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73914) [`ca85dd7a4109`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ca85dd7a4109) - Added ExternalUserType and exported it in the public API
+
+## 10.16.1
+
+### Patch Changes
+
+- [#70460](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70460) [`2f37600156ae`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2f37600156ae) - The internal composition of a component in this package has changed. There is no expected change in behaviour.
+
 ## 10.16.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.16.0";
+var packageVersion = "10.17.0";
 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/MultiValue.js

@@ -16,6 +16,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
 var _select = require("@atlaskit/select");
 var _react2 = require("@emotion/react");
 var _AddOptionAvatar = require("./AddOptionAvatar");
@@ -39,8 +40,8 @@ var scrollToValue = exports.scrollToValue = function scrollToValue(valueContaine
     valueContainer.scrollIntoView(false);
   }
 };
-var groupTagContainer = (0, _react2.css)({
-  paddingLeft: "var(--ds-space-025, 2px)"
+var groupTagContainer = (0, _primitives.xcss)({
+  paddingLeft: 'space.025'
 });
 var nameWrapper = (0, _react2.css)({
   paddingLeft: '5px'
@@ -68,8 +69,8 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
         });
       }
       if ((0, _utils.isGroup)(data)) {
-        return (0, _react2.jsx)("div", {
-          css: groupTagContainer
+        return (0, _react2.jsx)(_primitives.Box, {
+          xcss: groupTagContainer
         }, (0, _react2.jsx)(_people.default, {
           label: "group-icon",
           size: "small"

package/dist/cjs/components/utils.js

@@ -13,7 +13,7 @@ var _select = require("@atlaskit/select");
 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 isExternalUser = exports.isExternalUser = function isExternalUser(option) {
-  return isUser(option) && Boolean(option.isExternal);
+  return option.type === _types.ExternalUserType || Boolean(option.isExternal);
 };
 var isUser = exports.isUser = function isUser(option) {
   return option.type === undefined || option.type === _types.UserType;

package/dist/cjs/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "EmailType", {
     return _types.EmailType;
   }
 });
+Object.defineProperty(exports, "ExternalUserType", {
+  enumerable: true,
+  get: function get() {
+    return _types.ExternalUserType;
+  }
+});
 Object.defineProperty(exports, "GroupType", {
   enumerable: true,
   get: function get() {

package/dist/cjs/types.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UserType = exports.TeamType = exports.GroupType = exports.EmailType = exports.CustomType = void 0;
+exports.UserType = exports.TeamType = exports.GroupType = exports.ExternalUserType = exports.EmailType = exports.CustomType = void 0;
 var UserType = exports.UserType = 'user';
+var ExternalUserType = exports.ExternalUserType = 'external_user';
 var TeamType = exports.TeamType = 'team';
 var GroupType = exports.GroupType = 'group';
 

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.16.0";
+const packageVersion = "10.17.0";
 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/MultiValue.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { Box, xcss } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';
 import { css, jsx } from '@emotion/react';
 import { AddOptionAvatar } from './AddOptionAvatar';
@@ -25,8 +26,8 @@ export const scrollToValue = (valueContainer, control) => {
     valueContainer.scrollIntoView(false);
   }
 };
-const groupTagContainer = css({
-  paddingLeft: "var(--ds-space-025, 2px)"
+const groupTagContainer = xcss({
+  paddingLeft: 'space.025'
 });
 const nameWrapper = css({
   paddingLeft: '5px'
@@ -51,8 +52,8 @@ export class MultiValue extends React.Component {
         }));
       }
       if (isGroup(data)) {
-        return jsx("div", {
-          css: groupTagContainer
+        return jsx(Box, {
+          xcss: groupTagContainer
         }, jsx(PeopleIcon, {
           label: "group-icon",
           size: "small"

package/dist/es2019/components/utils.js

@@ -1,7 +1,7 @@
 import memoizeOne from 'memoize-one';
-import { CustomType, EmailType, TeamType, GroupType, UserType } from '../types';
+import { CustomType, EmailType, TeamType, GroupType, UserType, ExternalUserType } from '../types';
 import { PopupSelect } from '@atlaskit/select';
-export const isExternalUser = option => isUser(option) && Boolean(option.isExternal);
+export const isExternalUser = option => option.type === ExternalUserType || Boolean(option.isExternal);
 export const isUser = option => option.type === undefined || option.type === UserType;
 export const isTeam = option => option.type === TeamType;
 export const isGroup = option => option.type === GroupType;

package/dist/es2019/index.js

@@ -4,4 +4,4 @@ export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';
 export {
 // Constants
-CustomType, EmailType, GroupType, TeamType, UserType } from './types';
+CustomType, EmailType, GroupType, TeamType, UserType, ExternalUserType } from './types';

package/dist/es2019/types.js

@@ -1,4 +1,5 @@
 export const UserType = 'user';
+export const ExternalUserType = 'external_user';
 export const TeamType = 'team';
 export const GroupType = 'group';
 

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.16.0";
+var packageVersion = "10.17.0";
 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/MultiValue.js

@@ -13,6 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { Box, xcss } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';
 import { css, jsx } from '@emotion/react';
 import { AddOptionAvatar } from './AddOptionAvatar';
@@ -33,8 +34,8 @@ export var scrollToValue = function scrollToValue(valueContainer, control) {
     valueContainer.scrollIntoView(false);
   }
 };
-var groupTagContainer = css({
-  paddingLeft: "var(--ds-space-025, 2px)"
+var groupTagContainer = xcss({
+  paddingLeft: 'space.025'
 });
 var nameWrapper = css({
   paddingLeft: '5px'
@@ -62,8 +63,8 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
         });
       }
       if (isGroup(data)) {
-        return jsx("div", {
-          css: groupTagContainer
+        return jsx(Box, {
+          xcss: groupTagContainer
         }, jsx(PeopleIcon, {
           label: "group-icon",
           size: "small"

package/dist/esm/components/utils.js

@@ -3,10 +3,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import memoizeOne from 'memoize-one';
-import { CustomType, EmailType, TeamType, GroupType, UserType } from '../types';
+import { CustomType, EmailType, TeamType, GroupType, UserType, ExternalUserType } from '../types';
 import { PopupSelect } from '@atlaskit/select';
 export var isExternalUser = function isExternalUser(option) {
-  return isUser(option) && Boolean(option.isExternal);
+  return option.type === ExternalUserType || Boolean(option.isExternal);
 };
 export var isUser = function isUser(option) {
   return option.type === undefined || option.type === UserType;

package/dist/esm/index.js

@@ -4,4 +4,4 @@ export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';
 export {
 // Constants
-CustomType, EmailType, GroupType, TeamType, UserType } from './types';
+CustomType, EmailType, GroupType, TeamType, UserType, ExternalUserType } from './types';

package/dist/esm/types.js

@@ -1,4 +1,5 @@
 export var UserType = 'user';
+export var ExternalUserType = 'external_user';
 export var TeamType = 'team';
 export var GroupType = 'group';
 

package/dist/types/index.d.ts

@@ -3,5 +3,5 @@ export type { EmailValidationResponse, EmailValidator, } from './components/emai
 export { UserPicker as default } from './components/UserPicker';
 export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';
-export { CustomType, EmailType, GroupType, TeamType, UserType, } from './types';
+export { CustomType, EmailType, GroupType, TeamType, UserType, ExternalUserType, } from './types';
 export type { ActionTypes, Appearance, AtlasKitSelectChange, AtlaskitSelectValue, DefaultValue, InputActionTypes, LozengeProps, OnChange, OnInputChange, OnOption, OnPicker, Option, OptionData, OptionIdentifier, PopupUserPickerProps, Promisable, Target, UserPickerProps, UserPickerState, Value, Custom, Email, Group, GroupHighlight, HighlightRange, LoadOptions, Team, TeamMember, TeamHighlight, User, UserHighlight, ExternalUser, UserSource, } from './types';

package/dist/types/types.d.ts

@@ -242,6 +242,7 @@ export interface OptionData {
     tooltip?: string;
 }
 export declare const UserType = "user";
+export declare const ExternalUserType = "external_user";
 export type UserSource = 'google' | 'slack' | 'microsoft' | 'jira' | 'confluence' | 'other-atlassian';
 export interface ExternalUser extends User {
     externalUserType?: 'crossSite' | 'thirdParty';

package/dist/types-ts4.5/index.d.ts

@@ -3,5 +3,5 @@ export type { EmailValidationResponse, EmailValidator, } from './components/emai
 export { UserPicker as default } from './components/UserPicker';
 export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';
-export { CustomType, EmailType, GroupType, TeamType, UserType, } from './types';
+export { CustomType, EmailType, GroupType, TeamType, UserType, ExternalUserType, } from './types';
 export type { ActionTypes, Appearance, AtlasKitSelectChange, AtlaskitSelectValue, DefaultValue, InputActionTypes, LozengeProps, OnChange, OnInputChange, OnOption, OnPicker, Option, OptionData, OptionIdentifier, PopupUserPickerProps, Promisable, Target, UserPickerProps, UserPickerState, Value, Custom, Email, Group, GroupHighlight, HighlightRange, LoadOptions, Team, TeamMember, TeamHighlight, User, UserHighlight, ExternalUser, UserSource, } from './types';

package/dist/types-ts4.5/types.d.ts

@@ -245,6 +245,7 @@ export interface OptionData {
     tooltip?: string;
 }
 export declare const UserType = "user";
+export declare const ExternalUserType = "external_user";
 export type UserSource = 'google' | 'slack' | 'microsoft' | 'jira' | 'confluence' | 'other-atlassian';
 export interface ExternalUser extends User {
     externalUserType?: 'crossSite' | 'thirdParty';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "10.16.0",
+  "version": "10.17.0",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -50,10 +50,10 @@
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/primitives": "^2.0.0",
-    "@atlaskit/select": "^17.0.3",
+    "@atlaskit/select": "^17.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.37.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",