@atlaskit/user-picker 8.3.5 → 8.4.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/user-picker
 
+## 8.4.0
+
+### Minor Changes
+
+- [`29dd0cee8cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29dd0cee8cf) - [ux] Add support for Jira and Confluence user sources
+
 ## 8.3.5
 
 ### Patch Changes

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

@@ -25,22 +25,28 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _colors = require("@atlaskit/theme/colors");
-
-var _tokens = require("@atlaskit/tokens");
-
 var _react = _interopRequireDefault(require("react"));
 
-var _AvatarItemOption = require("../AvatarItemOption");
-
-var _SizeableAvatar = require("../SizeableAvatar");
+var _reactIntlNext = require("react-intl-next");
 
 var _panel = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/panel"));
 
+var _confluenceIcon = require("@atlaskit/logo/confluence-icon");
+
+var _jiraIcon = require("@atlaskit/logo/jira-icon");
+
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
+var _colors = require("@atlaskit/theme/colors");
+
+var _tokens = require("@atlaskit/tokens");
+
+var _AvatarItemOption = require("../AvatarItemOption");
+
+var _SizeableAvatar = require("../SizeableAvatar");
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _slack = require("../assets/slack");
@@ -51,8 +57,6 @@ var _microsoft = require("../assets/microsoft");
 
 var _github = require("../assets/github");
 
-var _reactIntlNext = require("react-intl-next");
-
 var _i18n = require("../i18n");
 
 var _ExternalUserSourcesContainer = require("../ExternalUserSourcesContainer");
@@ -63,11 +67,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var ImageContainer = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 12px;\n  width: 12px;\n  padding-right: 4px;\n"])));
+var ImageContainer = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 16px;\n  width: 16px;\n  padding-right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
 
 exports.ImageContainer = ImageContainer;
 
-var SourcesTooltipContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding-bottom: 4px;\n"])));
+var SourcesTooltipContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding-bottom: 4px;\n  padding-right: 4px;\n"])));
 
 exports.SourcesTooltipContainer = SourcesTooltipContainer;
 
@@ -94,6 +98,18 @@ var SourcesInfoMap = new Map([['slack', {
   key: 'github',
   icon: /*#__PURE__*/_react.default.createElement(_github.GitHubIcon, null),
   label: _i18n.messages.gitHubProvider
+}], ['jira', {
+  key: 'jira',
+  icon: /*#__PURE__*/_react.default.createElement(_jiraIcon.JiraIcon, {
+    size: 'xsmall'
+  }),
+  label: _i18n.messages.jiraSource
+}], ['confluence', {
+  key: 'confluence',
+  icon: /*#__PURE__*/_react.default.createElement(_confluenceIcon.ConfluenceIcon, {
+    size: 'xsmall'
+  }),
+  label: _i18n.messages.confluenceSource
 }]]);
 
 var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {

package/dist/cjs/components/i18n.js

@@ -98,6 +98,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'GitHub',
     description: 'This external user is sourced from GitHub provider'
   },
+  jiraSource: {
+    id: 'fabric.elements.user-picker.source.jira',
+    defaultMessage: 'Jira',
+    description: 'This external user is sourced from Jira'
+  },
+  confluenceSource: {
+    id: 'fabric.elements.user-picker.source.confluence',
+    defaultMessage: 'Confluence',
+    description: 'This external user is sourced from Confluence'
+  },
   memberLozengeText: {
     id: 'fabric.elements.user-picker.member.lozenge.text',
     defaultMessage: 'MEMBER',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.3.5",
+	"version": "8.4.0",
 	"sideEffects": false
 }

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

@@ -1,27 +1,33 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { B400, N200, N800 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import React from 'react';
-import { AvatarItemOption, TextWrapper } from '../AvatarItemOption';
-import { SizeableAvatar } from '../SizeableAvatar';
+import { FormattedMessage } from 'react-intl-next';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
+import { ConfluenceIcon } from '@atlaskit/logo/confluence-icon';
+import { JiraIcon } from '@atlaskit/logo/jira-icon';
 import Tooltip from '@atlaskit/tooltip';
 import Spinner from '@atlaskit/spinner';
+import { B400, N200, N800 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
+import { AvatarItemOption, TextWrapper } from '../AvatarItemOption';
+import { SizeableAvatar } from '../SizeableAvatar';
 import styled from 'styled-components';
 import { SlackIcon } from '../assets/slack';
 import { GoogleIcon } from '../assets/google';
 import { MicrosoftIcon } from '../assets/microsoft';
 import { GitHubIcon } from '../assets/github';
-import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../i18n';
 import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
 export const ImageContainer = styled.span`
-  height: 12px;
-  width: 12px;
+  height: 16px;
+  width: 16px;
   padding-right: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `;
 export const SourcesTooltipContainer = styled.div`
   padding-bottom: 4px;
+  padding-right: 4px;
 `;
 export const SourceWrapper = styled.div`
   padding-top: 4px;
@@ -47,6 +53,18 @@ const SourcesInfoMap = new Map([['slack', {
   key: 'github',
   icon: /*#__PURE__*/React.createElement(GitHubIcon, null),
   label: messages.gitHubProvider
+}], ['jira', {
+  key: 'jira',
+  icon: /*#__PURE__*/React.createElement(JiraIcon, {
+    size: 'xsmall'
+  }),
+  label: messages.jiraSource
+}], ['confluence', {
+  key: 'confluence',
+  icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
+    size: 'xsmall'
+  }),
+  label: messages.confluenceSource
 }]]);
 export class ExternalUserOption extends React.PureComponent {
   constructor(...args) {

package/dist/es2019/components/i18n.js

@@ -90,6 +90,16 @@ export const messages = defineMessages({
     defaultMessage: 'GitHub',
     description: 'This external user is sourced from GitHub provider'
   },
+  jiraSource: {
+    id: 'fabric.elements.user-picker.source.jira',
+    defaultMessage: 'Jira',
+    description: 'This external user is sourced from Jira'
+  },
+  confluenceSource: {
+    id: 'fabric.elements.user-picker.source.confluence',
+    defaultMessage: 'Confluence',
+    description: 'This external user is sourced from Confluence'
+  },
   memberLozengeText: {
     id: 'fabric.elements.user-picker.member.lozenge.text',
     defaultMessage: 'MEMBER',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.3.5",
+	"version": "8.4.0",
 	"sideEffects": false
 }

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

@@ -14,24 +14,26 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import { B400, N200, N800 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import React from 'react';
-import { AvatarItemOption, TextWrapper } from '../AvatarItemOption';
-import { SizeableAvatar } from '../SizeableAvatar';
+import { FormattedMessage } from 'react-intl-next';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
+import { ConfluenceIcon } from '@atlaskit/logo/confluence-icon';
+import { JiraIcon } from '@atlaskit/logo/jira-icon';
 import Tooltip from '@atlaskit/tooltip';
 import Spinner from '@atlaskit/spinner';
+import { B400, N200, N800 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
+import { AvatarItemOption, TextWrapper } from '../AvatarItemOption';
+import { SizeableAvatar } from '../SizeableAvatar';
 import styled from 'styled-components';
 import { SlackIcon } from '../assets/slack';
 import { GoogleIcon } from '../assets/google';
 import { MicrosoftIcon } from '../assets/microsoft';
 import { GitHubIcon } from '../assets/github';
-import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../i18n';
 import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
-export var ImageContainer = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 12px;\n  width: 12px;\n  padding-right: 4px;\n"])));
-export var SourcesTooltipContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-bottom: 4px;\n"])));
+export var ImageContainer = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 16px;\n  width: 16px;\n  padding-right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+export var SourcesTooltipContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-bottom: 4px;\n  padding-right: 4px;\n"])));
 export var SourceWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-top: 4px;\n  display: flex;\n  align-items: center;\n"])));
 export var EmailDomainWrapper = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: bold;\n"])));
 var SourcesInfoMap = new Map([['slack', {
@@ -50,6 +52,18 @@ var SourcesInfoMap = new Map([['slack', {
   key: 'github',
   icon: /*#__PURE__*/React.createElement(GitHubIcon, null),
   label: messages.gitHubProvider
+}], ['jira', {
+  key: 'jira',
+  icon: /*#__PURE__*/React.createElement(JiraIcon, {
+    size: 'xsmall'
+  }),
+  label: messages.jiraSource
+}], ['confluence', {
+  key: 'confluence',
+  icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
+    size: 'xsmall'
+  }),
+  label: messages.confluenceSource
 }]]);
 export var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ExternalUserOption, _React$PureComponent);

package/dist/esm/components/i18n.js

@@ -90,6 +90,16 @@ export var messages = defineMessages({
     defaultMessage: 'GitHub',
     description: 'This external user is sourced from GitHub provider'
   },
+  jiraSource: {
+    id: 'fabric.elements.user-picker.source.jira',
+    defaultMessage: 'Jira',
+    description: 'This external user is sourced from Jira'
+  },
+  confluenceSource: {
+    id: 'fabric.elements.user-picker.source.confluence',
+    defaultMessage: 'Confluence',
+    description: 'This external user is sourced from Confluence'
+  },
   memberLozengeText: {
     id: 'fabric.elements.user-picker.member.lozenge.text',
     defaultMessage: 'MEMBER',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.3.5",
+	"version": "8.4.0",
 	"sideEffects": false
 }

package/dist/types/components/i18n.d.ts

@@ -89,6 +89,16 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    jiraSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confluenceSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     memberLozengeText: {
         id: string;
         defaultMessage: string;

package/dist/types/types.d.ts

@@ -208,7 +208,7 @@ export interface OptionData {
     lozenge?: string | LozengeProps;
 }
 export declare const UserType = "user";
-export declare type UserSource = 'google' | 'slack' | 'microsoft' | 'github';
+export declare type UserSource = 'google' | 'slack' | 'microsoft' | 'github' | 'jira' | 'confluence';
 export interface ExternalUser extends User {
     requiresSourceHydration?: boolean;
     sources: UserSource[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "8.3.5",
+  "version": "8.4.0",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,6 +29,7 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/avatar": "^20.5.0",
     "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/logo": "^13.5.4",
     "@atlaskit/lozenge": "^11.0.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/select": "^15.2.0",