@atlaskit/profilecard 23.4.2 → 23.5.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/profilecard
2
2
 
3
+ ## 23.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#130671](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130671)
8
+ [`91fff906b97b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/91fff906b97b4) -
9
+ Create a customer container card for consuming the TeamContainers component
10
+
11
+ ## 23.4.3
12
+
13
+ ### Patch Changes
14
+
15
+ - [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
16
+ [`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
17
+ Update `@compiled/react` dependency for improved type checking support.
18
+ - Updated dependencies
19
+
3
20
  ## 23.4.2
4
21
 
5
22
  ### Patch Changes
@@ -53,6 +53,9 @@
53
53
  {
54
54
  "path": "../../../design-system/icon/afm-cc/tsconfig.json"
55
55
  },
56
+ {
57
+ "path": "../../../design-system/logo/afm-cc/tsconfig.json"
58
+ },
56
59
  {
57
60
  "path": "../../../design-system/lozenge/afm-cc/tsconfig.json"
58
61
  },
@@ -86,6 +89,9 @@
86
89
  {
87
90
  "path": "../../teams-avatar/afm-cc/tsconfig.json"
88
91
  },
92
+ {
93
+ "path": "../../teams-public/afm-cc/tsconfig.json"
94
+ },
89
95
  {
90
96
  "path": "../../../design-system/theme/afm-cc/tsconfig.json"
91
97
  },
@@ -53,6 +53,9 @@
53
53
  {
54
54
  "path": "../../../design-system/icon/afm-jira/tsconfig.json"
55
55
  },
56
+ {
57
+ "path": "../../../design-system/logo/afm-jira/tsconfig.json"
58
+ },
56
59
  {
57
60
  "path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
58
61
  },
@@ -86,6 +89,9 @@
86
89
  {
87
90
  "path": "../../teams-avatar/afm-jira/tsconfig.json"
88
91
  },
92
+ {
93
+ "path": "../../teams-public/afm-jira/tsconfig.json"
94
+ },
89
95
  {
90
96
  "path": "../../../design-system/theme/afm-jira/tsconfig.json"
91
97
  },
@@ -53,6 +53,9 @@
53
53
  {
54
54
  "path": "../../../design-system/icon/afm-post-office/tsconfig.json"
55
55
  },
56
+ {
57
+ "path": "../../../design-system/logo/afm-post-office/tsconfig.json"
58
+ },
56
59
  {
57
60
  "path": "../../../design-system/lozenge/afm-post-office/tsconfig.json"
58
61
  },
@@ -86,6 +89,9 @@
86
89
  {
87
90
  "path": "../../teams-avatar/afm-post-office/tsconfig.json"
88
91
  },
92
+ {
93
+ "path": "../../teams-public/afm-post-office/tsconfig.json"
94
+ },
89
95
  {
90
96
  "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
91
97
  },
@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
11
11
  var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
12
12
  var addHeaders = function addHeaders(headers) {
13
13
  headers.append('atl-client-name', "@atlaskit/profilecard");
14
- headers.append('atl-client-version', "23.4.2");
14
+ headers.append('atl-client-version', "23.5.0");
15
15
  return headers;
16
16
  };
17
17
  function getOrgIdForCloudIdFromAGG(_x, _x2) {
@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
66
66
  headers.append('X-ExperimentalApi', 'teams-beta');
67
67
  headers.append('X-ExperimentalApi', 'team-members-beta');
68
68
  headers.append('atl-client-name', "@atlaskit/profilecard");
69
- headers.append('atl-client-version', "23.4.2");
69
+ headers.append('atl-client-version', "23.5.0");
70
70
  return headers;
71
71
  };
72
72
  function getTeamFromAGG(_x, _x2, _x3) {
@@ -0,0 +1,12 @@
1
+
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
3
+ ._1dqonqa1{border-style:solid}
4
+ ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
5
+ ._18u01wug{margin-left:auto}
6
+ ._1bah1h6o{justify-content:center}
7
+ ._1bsb1ul9{width:30px}
8
+ ._1bsbgktf{width:20px}
9
+ ._1e0c1txw{display:flex}
10
+ ._4cvr1h6o{align-items:center}
11
+ ._4t3i1ul9{height:30px}
12
+ ._4t3igktf{height:20px}
@@ -0,0 +1,57 @@
1
+ /* main.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ "use strict";
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.TeamConnections = void 0;
9
+ require("./main.compiled.css");
10
+ var _runtime = require("@compiled/react/runtime");
11
+ var _react = _interopRequireDefault(require("react"));
12
+ var _reactIntlNext = require("react-intl-next");
13
+ var _logo = require("@atlaskit/logo");
14
+ var _compiled = require("@atlaskit/primitives/compiled");
15
+ var styles = {
16
+ containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
17
+ containerIconStyles: "_2rkoiti9 _4t3i1ul9 _1bsb1ul9",
18
+ containerTypeIconButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o _18u01wug _4t3igktf _1bsbgktf"
19
+ };
20
+ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
21
+ var containerType = _ref.containerType,
22
+ title = _ref.title,
23
+ containerIcon = _ref.containerIcon;
24
+ return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
25
+ space: "space.100",
26
+ xcss: styles.containerWrapperStyles
27
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
28
+ as: "img",
29
+ src: containerIcon,
30
+ alt: "",
31
+ testId: "linked-container-icon",
32
+ xcss: styles.containerIconStyles
33
+ }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
34
+ maxLines: 1,
35
+ weight: "medium",
36
+ color: "color.text"
37
+ }, title), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
38
+ maxLines: 1,
39
+ color: "color.text.subtlest"
40
+ }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
41
+ defaultMessage: "Confluence space",
42
+ id: "people-and-teams.team-connections.container-type"
43
+ }) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
44
+ defaultMessage: "Jira project",
45
+ id: "people-and-teams.team-connections.container-type"
46
+ }))), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
47
+ backgroundColor: 'color.background.neutral.subtle',
48
+ xcss: styles.containerTypeIconButtonStyles,
49
+ testId: "container-type-icon"
50
+ }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/_react.default.createElement(_logo.ConfluenceIcon, {
51
+ appearance: "brand",
52
+ size: "xsmall"
53
+ }) : /*#__PURE__*/_react.default.createElement(_logo.JiraIcon, {
54
+ appearance: "brand",
55
+ size: "xsmall"
56
+ })));
57
+ };
@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
45
45
  actionSubjectId: actionSubjectId,
46
46
  attributes: _objectSpread(_objectSpread({
47
47
  packageName: "@atlaskit/profilecard",
48
- packageVersion: "23.4.2"
48
+ packageVersion: "23.5.0"
49
49
  }, attributes), {}, {
50
50
  firedAt: Math.round((0, _performance.getPageTime)())
51
51
  })
@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
6
6
  }`;
7
7
  const addHeaders = headers => {
8
8
  headers.append('atl-client-name', "@atlaskit/profilecard");
9
- headers.append('atl-client-version', "23.4.2");
9
+ headers.append('atl-client-version', "23.5.0");
10
10
  return headers;
11
11
  };
12
12
  export async function getOrgIdForCloudIdFromAGG(url, cloudId) {
@@ -75,7 +75,7 @@ export const addHeaders = headers => {
75
75
  headers.append('X-ExperimentalApi', 'teams-beta');
76
76
  headers.append('X-ExperimentalApi', 'team-members-beta');
77
77
  headers.append('atl-client-name', "@atlaskit/profilecard");
78
- headers.append('atl-client-version', "23.4.2");
78
+ headers.append('atl-client-version', "23.5.0");
79
79
  return headers;
80
80
  };
81
81
  export async function getTeamFromAGG(url, teamId, siteId) {
@@ -0,0 +1,12 @@
1
+
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
3
+ ._1dqonqa1{border-style:solid}
4
+ ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
5
+ ._18u01wug{margin-left:auto}
6
+ ._1bah1h6o{justify-content:center}
7
+ ._1bsb1ul9{width:30px}
8
+ ._1bsbgktf{width:20px}
9
+ ._1e0c1txw{display:flex}
10
+ ._4cvr1h6o{align-items:center}
11
+ ._4t3i1ul9{height:30px}
12
+ ._4t3igktf{height:20px}
@@ -0,0 +1,51 @@
1
+ /* main.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import "./main.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
4
+ import React from 'react';
5
+ import { FormattedMessage } from 'react-intl-next';
6
+ import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
7
+ import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
8
+ const styles = {
9
+ containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
10
+ containerIconStyles: "_2rkoiti9 _4t3i1ul9 _1bsb1ul9",
11
+ containerTypeIconButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o _18u01wug _4t3igktf _1bsbgktf"
12
+ };
13
+ export const TeamConnections = ({
14
+ containerType,
15
+ title,
16
+ containerIcon
17
+ }) => {
18
+ return /*#__PURE__*/React.createElement(Inline, {
19
+ space: "space.100",
20
+ xcss: styles.containerWrapperStyles
21
+ }, /*#__PURE__*/React.createElement(Box, {
22
+ as: "img",
23
+ src: containerIcon,
24
+ alt: "",
25
+ testId: "linked-container-icon",
26
+ xcss: styles.containerIconStyles
27
+ }), /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
28
+ maxLines: 1,
29
+ weight: "medium",
30
+ color: "color.text"
31
+ }, title), /*#__PURE__*/React.createElement(Text, {
32
+ maxLines: 1,
33
+ color: "color.text.subtlest"
34
+ }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/React.createElement(FormattedMessage, {
35
+ defaultMessage: "Confluence space",
36
+ id: "people-and-teams.team-connections.container-type"
37
+ }) : /*#__PURE__*/React.createElement(FormattedMessage, {
38
+ defaultMessage: "Jira project",
39
+ id: "people-and-teams.team-connections.container-type"
40
+ }))), /*#__PURE__*/React.createElement(Box, {
41
+ backgroundColor: 'color.background.neutral.subtle',
42
+ xcss: styles.containerTypeIconButtonStyles,
43
+ testId: "container-type-icon"
44
+ }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/React.createElement(ConfluenceIcon, {
45
+ appearance: "brand",
46
+ size: "xsmall"
47
+ }) : /*#__PURE__*/React.createElement(JiraIcon, {
48
+ appearance: "brand",
49
+ size: "xsmall"
50
+ })));
51
+ };
@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
32
32
  actionSubjectId,
33
33
  attributes: {
34
34
  packageName: "@atlaskit/profilecard",
35
- packageVersion: "23.4.2",
35
+ packageVersion: "23.5.0",
36
36
  ...attributes,
37
37
  firedAt: Math.round(getPageTime())
38
38
  }
@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
4
4
  var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
5
5
  var addHeaders = function addHeaders(headers) {
6
6
  headers.append('atl-client-name', "@atlaskit/profilecard");
7
- headers.append('atl-client-version', "23.4.2");
7
+ headers.append('atl-client-version', "23.5.0");
8
8
  return headers;
9
9
  };
10
10
  export function getOrgIdForCloudIdFromAGG(_x, _x2) {
@@ -57,7 +57,7 @@ export var addHeaders = function addHeaders(headers) {
57
57
  headers.append('X-ExperimentalApi', 'teams-beta');
58
58
  headers.append('X-ExperimentalApi', 'team-members-beta');
59
59
  headers.append('atl-client-name', "@atlaskit/profilecard");
60
- headers.append('atl-client-version', "23.4.2");
60
+ headers.append('atl-client-version', "23.5.0");
61
61
  return headers;
62
62
  };
63
63
  export function getTeamFromAGG(_x, _x2, _x3) {
@@ -0,0 +1,12 @@
1
+
2
+ ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
3
+ ._1dqonqa1{border-style:solid}
4
+ ._1h6dmuej{border-color:var(--ds-border,#091e4224)}
5
+ ._18u01wug{margin-left:auto}
6
+ ._1bah1h6o{justify-content:center}
7
+ ._1bsb1ul9{width:30px}
8
+ ._1bsbgktf{width:20px}
9
+ ._1e0c1txw{display:flex}
10
+ ._4cvr1h6o{align-items:center}
11
+ ._4t3i1ul9{height:30px}
12
+ ._4t3igktf{height:20px}
@@ -0,0 +1,50 @@
1
+ /* main.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import "./main.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
4
+ import React from 'react';
5
+ import { FormattedMessage } from 'react-intl-next';
6
+ import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
7
+ import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
8
+ var styles = {
9
+ containerWrapperStyles: "_1e0c1txw _4cvr1h6o",
10
+ containerIconStyles: "_2rkoiti9 _4t3i1ul9 _1bsb1ul9",
11
+ containerTypeIconButtonStyles: "_2rkoiti9 _189ee4h9 _1dqonqa1 _1h6dmuej _1e0c1txw _4cvr1h6o _1bah1h6o _18u01wug _4t3igktf _1bsbgktf"
12
+ };
13
+ export var TeamConnections = function TeamConnections(_ref) {
14
+ var containerType = _ref.containerType,
15
+ title = _ref.title,
16
+ containerIcon = _ref.containerIcon;
17
+ return /*#__PURE__*/React.createElement(Inline, {
18
+ space: "space.100",
19
+ xcss: styles.containerWrapperStyles
20
+ }, /*#__PURE__*/React.createElement(Box, {
21
+ as: "img",
22
+ src: containerIcon,
23
+ alt: "",
24
+ testId: "linked-container-icon",
25
+ xcss: styles.containerIconStyles
26
+ }), /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
27
+ maxLines: 1,
28
+ weight: "medium",
29
+ color: "color.text"
30
+ }, title), /*#__PURE__*/React.createElement(Text, {
31
+ maxLines: 1,
32
+ color: "color.text.subtlest"
33
+ }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/React.createElement(FormattedMessage, {
34
+ defaultMessage: "Confluence space",
35
+ id: "people-and-teams.team-connections.container-type"
36
+ }) : /*#__PURE__*/React.createElement(FormattedMessage, {
37
+ defaultMessage: "Jira project",
38
+ id: "people-and-teams.team-connections.container-type"
39
+ }))), /*#__PURE__*/React.createElement(Box, {
40
+ backgroundColor: 'color.background.neutral.subtle',
41
+ xcss: styles.containerTypeIconButtonStyles,
42
+ testId: "container-type-icon"
43
+ }, containerType === 'ConfluenceSpace' ? /*#__PURE__*/React.createElement(ConfluenceIcon, {
44
+ appearance: "brand",
45
+ size: "xsmall"
46
+ }) : /*#__PURE__*/React.createElement(JiraIcon, {
47
+ appearance: "brand",
48
+ size: "xsmall"
49
+ })));
50
+ };
@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
39
39
  actionSubjectId: actionSubjectId,
40
40
  attributes: _objectSpread(_objectSpread({
41
41
  packageName: "@atlaskit/profilecard",
42
- packageVersion: "23.4.2"
42
+ packageVersion: "23.5.0"
43
43
  }, attributes), {}, {
44
44
  firedAt: Math.round(getPageTime())
45
45
  })
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import type { LinkedContainerCardProps } from '@atlaskit/teams-public';
3
+ export declare const TeamConnections: ({ containerType, title, containerIcon, }: LinkedContainerCardProps) => React.JSX.Element;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import type { LinkedContainerCardProps } from '@atlaskit/teams-public';
3
+ export declare const TeamConnections: ({ containerType, title, containerIcon, }: LinkedContainerCardProps) => React.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "23.4.2",
3
+ "version": "23.5.0",
4
4
  "description": "A React component to display a card with user information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -62,6 +62,7 @@
62
62
  "@atlaskit/give-kudos": "^4.0.0",
63
63
  "@atlaskit/heading": "^5.1.0",
64
64
  "@atlaskit/icon": "^25.0.0",
65
+ "@atlaskit/logo": "^16.0.0",
65
66
  "@atlaskit/lozenge": "^12.2.0",
66
67
  "@atlaskit/menu": "^3.1.0",
67
68
  "@atlaskit/modal-dialog": "^13.4.0",
@@ -73,11 +74,12 @@
73
74
  "@atlaskit/rovo-triggers": "^2.4.0",
74
75
  "@atlaskit/spinner": "^18.0.0",
75
76
  "@atlaskit/teams-avatar": "^2.3.0",
77
+ "@atlaskit/teams-public": "^0.17.0",
76
78
  "@atlaskit/theme": "^18.0.0",
77
79
  "@atlaskit/tokens": "^4.5.0",
78
80
  "@atlaskit/tooltip": "^20.0.0",
79
81
  "@babel/runtime": "^7.0.0",
80
- "@compiled/react": "^0.18.2",
82
+ "@compiled/react": "^0.18.3",
81
83
  "@emotion/react": "^11.7.1",
82
84
  "@emotion/styled": "^11.0.0",
83
85
  "date-fns": "^2.17.0",