@atlaskit/teams-public 0.23.6 → 0.24.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/teams-public
 
+## 0.24.0
+
+### Minor Changes
+
+- [#140948](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/140948)
+  [`0242fc0ffc4fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0242fc0ffc4fa) -
+  [ux] fixed alignment issue on container card
+
+## 0.23.7
+
+### Patch Changes
+
+- [#137581](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137581)
+  [`8bb916474905b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8bb916474905b) -
+  [ux] PTC-11531 Build team web link empty state card
+- Updated dependencies
+
 ## 0.23.6
 
 ### Patch Changes

package/dist/cjs/common/utils/get-container-properties.js

@@ -12,6 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _image = _interopRequireDefault(require("@atlaskit/image"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _ConfluenceIcon = _interopRequireDefault(require("../assets/ConfluenceIcon.svg"));
 var _JiraIcon = _interopRequireDefault(require("../assets/JiraIcon.svg"));
@@ -63,6 +64,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'ptc-directory.team-profile-page.team-containers.space-container-text.non-final',
     defaultMessage: 'space',
     description: 'Text for space type containers'
+  },
+  webLinkContainerTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.webLink-container-text.non-final',
+    defaultMessage: 'Add any web link',
+    description: 'Description of the card to add a web link to a team'
   }
 });
 var getJiraIcon = function getJiraIcon(containerSubTypes) {
@@ -79,9 +85,10 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
   var _ref = containerTypeProperties || {},
     subType = _ref.subType,
     name = _ref.name;
+  var Comp = (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? _compiled.Flex : _compiled.Box;
   var baseProperties = {
     description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.jiraProjectDescription),
-    icon: /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    icon: /*#__PURE__*/_react.default.createElement(Comp, {
       xcss: styles.iconWrapper
     }, /*#__PURE__*/_react.default.createElement(_image.default, {
       src: getJiraIcon(subType),
@@ -105,11 +112,12 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
 var getContainerProperties = exports.getContainerProperties = function getContainerProperties(containerType) {
   var iconSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'small';
   var containerTypeProperties = arguments.length > 2 ? arguments[2] : undefined;
+  var Comp = (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? _compiled.Flex : _compiled.Box;
   switch (containerType) {
     case 'ConfluenceSpace':
       return {
         description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.confluenceContainerDescription),
-        icon: /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+        icon: /*#__PURE__*/_react.default.createElement(Comp, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/_react.default.createElement(_image.default, {
           src: _ConfluenceIcon.default,
@@ -121,6 +129,16 @@ var getContainerProperties = exports.getContainerProperties = function getContai
       };
     case 'JiraProject':
       return getJiraContainerProperties(containerTypeProperties);
+    case 'WebLink':
+      return {
+        description: /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+          size: "medium",
+          weight: "medium"
+        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.webLinkContainerTitle)),
+        icon: null,
+        title: null,
+        containerTypeText: null
+      };
     default:
       return {
         description: null,

package/dist/cjs/ui/team-containers/add-container-card/index.js

@@ -9,10 +9,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.AddContainerCard = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _new = require("@atlaskit/button/new");
 var _add = _interopRequireDefault(require("@atlaskit/icon/utility/add"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _getContainerProperties = require("../../../common/utils/get-container-properties");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -70,9 +72,11 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, (0, _extends2.default)({
     gap: "space.050"
-  }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? {
+    alignItems: 'center'
+  } : {}), icon, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     size: "small",
     color: "color.text.subtle"
   }, description)))));

package/dist/cjs/ui/team-containers/linked-container-card/index.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LinkedContainerCard = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
@@ -17,6 +18,7 @@ var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _new = require("@atlaskit/button/new");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/utility/cross"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../../common/utils/analytics");
@@ -120,9 +122,11 @@ var LinkedContainerCard = exports.LinkedContainerCard = function LinkedContainer
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, (0, _extends2.default)({
     gap: "space.050"
-  }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, (0, _platformFeatureFlags.fg)('enable_card_alignment_fix') ? {
+    alignItems: 'center'
+  } : {}), icon, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.050"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
     size: "small",

package/dist/es2019/common/utils/get-container-properties.js

@@ -4,7 +4,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import Image from '@atlaskit/image';
-import { Box } from '@atlaskit/primitives/compiled';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
 import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
 import JiraIcon from '../assets/JiraIcon.svg';
 import JiraProjectDiscovery from '../assets/JiraProjectDiscovery.svg';
@@ -53,6 +54,11 @@ export const messages = defineMessages({
     id: 'ptc-directory.team-profile-page.team-containers.space-container-text.non-final',
     defaultMessage: 'space',
     description: 'Text for space type containers'
+  },
+  webLinkContainerTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.webLink-container-text.non-final',
+    defaultMessage: 'Add any web link',
+    description: 'Description of the card to add a web link to a team'
   }
 });
 const getJiraIcon = containerSubTypes => {
@@ -70,9 +76,10 @@ const getJiraContainerProperties = containerTypeProperties => {
     subType,
     name
   } = containerTypeProperties || {};
+  const Comp = fg('enable_card_alignment_fix') ? Flex : Box;
   const baseProperties = {
     description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
-    icon: /*#__PURE__*/React.createElement(Box, {
+    icon: /*#__PURE__*/React.createElement(Comp, {
       xcss: styles.iconWrapper
     }, /*#__PURE__*/React.createElement(Image, {
       src: getJiraIcon(subType),
@@ -95,11 +102,12 @@ const getJiraContainerProperties = containerTypeProperties => {
   }
 };
 export const getContainerProperties = (containerType, iconSize = 'small', containerTypeProperties) => {
+  const Comp = fg('enable_card_alignment_fix') ? Flex : Box;
   switch (containerType) {
     case 'ConfluenceSpace':
       return {
         description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
-        icon: /*#__PURE__*/React.createElement(Box, {
+        icon: /*#__PURE__*/React.createElement(Comp, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/React.createElement(Image, {
           src: ConfluenceIcon,
@@ -111,6 +119,16 @@ export const getContainerProperties = (containerType, iconSize = 'small', contai
       };
     case 'JiraProject':
       return getJiraContainerProperties(containerTypeProperties);
+    case 'WebLink':
+      return {
+        description: /*#__PURE__*/React.createElement(Text, {
+          size: "medium",
+          weight: "medium"
+        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.webLinkContainerTitle)),
+        icon: null,
+        title: null,
+        containerTypeText: null
+      };
     default:
       return {
         description: null,

package/dist/es2019/ui/team-containers/add-container-card/index.js

@@ -1,9 +1,11 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import AddIcon from '@atlaskit/icon/utility/add';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
 const styles = {
@@ -55,9 +57,11 @@ export const AddContainerCard = ({
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, {
+  }, title), /*#__PURE__*/React.createElement(Flex, _extends({
     gap: "space.050"
-  }, icon, /*#__PURE__*/React.createElement(Text, {
+  }, fg('enable_card_alignment_fix') ? {
+    alignItems: 'center'
+  } : {}), icon, /*#__PURE__*/React.createElement(Text, {
     size: "small",
     color: "color.text.subtle"
   }, description)))));

package/dist/es2019/ui/team-containers/linked-container-card/index.js

@@ -1,4 +1,5 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
@@ -8,6 +9,7 @@ import Avatar from '@atlaskit/avatar';
 import { IconButton } from '@atlaskit/button/new';
 import CrossIcon from '@atlaskit/icon/utility/cross';
 import Link from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
@@ -107,9 +109,11 @@ export const LinkedContainerCard = ({
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, {
+  }, title), /*#__PURE__*/React.createElement(Flex, _extends({
     gap: "space.050"
-  }, icon, /*#__PURE__*/React.createElement(Inline, {
+  }, fg('enable_card_alignment_fix') ? {
+    alignItems: 'center'
+  } : {}), icon, /*#__PURE__*/React.createElement(Inline, {
     space: "space.050"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "small",

package/dist/esm/common/utils/get-container-properties.js

@@ -7,7 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
 import Image from '@atlaskit/image';
-import { Box } from '@atlaskit/primitives/compiled';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
 import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
 import JiraIcon from '../assets/JiraIcon.svg';
 import JiraProjectDiscovery from '../assets/JiraProjectDiscovery.svg';
@@ -56,6 +57,11 @@ export var messages = defineMessages({
     id: 'ptc-directory.team-profile-page.team-containers.space-container-text.non-final',
     defaultMessage: 'space',
     description: 'Text for space type containers'
+  },
+  webLinkContainerTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.webLink-container-text.non-final',
+    defaultMessage: 'Add any web link',
+    description: 'Description of the card to add a web link to a team'
   }
 });
 var getJiraIcon = function getJiraIcon(containerSubTypes) {
@@ -72,9 +78,10 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
   var _ref = containerTypeProperties || {},
     subType = _ref.subType,
     name = _ref.name;
+  var Comp = fg('enable_card_alignment_fix') ? Flex : Box;
   var baseProperties = {
     description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
-    icon: /*#__PURE__*/React.createElement(Box, {
+    icon: /*#__PURE__*/React.createElement(Comp, {
       xcss: styles.iconWrapper
     }, /*#__PURE__*/React.createElement(Image, {
       src: getJiraIcon(subType),
@@ -98,11 +105,12 @@ var getJiraContainerProperties = function getJiraContainerProperties(containerTy
 export var getContainerProperties = function getContainerProperties(containerType) {
   var iconSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'small';
   var containerTypeProperties = arguments.length > 2 ? arguments[2] : undefined;
+  var Comp = fg('enable_card_alignment_fix') ? Flex : Box;
   switch (containerType) {
     case 'ConfluenceSpace':
       return {
         description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
-        icon: /*#__PURE__*/React.createElement(Box, {
+        icon: /*#__PURE__*/React.createElement(Comp, {
           xcss: iconSize === 'medium' ? styles.mediumIconWrapper : styles.iconWrapper
         }, /*#__PURE__*/React.createElement(Image, {
           src: ConfluenceIcon,
@@ -114,6 +122,16 @@ export var getContainerProperties = function getContainerProperties(containerTyp
       };
     case 'JiraProject':
       return getJiraContainerProperties(containerTypeProperties);
+    case 'WebLink':
+      return {
+        description: /*#__PURE__*/React.createElement(Text, {
+          size: "medium",
+          weight: "medium"
+        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.webLinkContainerTitle)),
+        icon: null,
+        title: null,
+        containerTypeText: null
+      };
     default:
       return {
         description: null,

package/dist/esm/ui/team-containers/add-container-card/index.js

@@ -1,10 +1,12 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import AddIcon from '@atlaskit/icon/utility/add';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
 var styles = {
@@ -60,9 +62,11 @@ export var AddContainerCard = function AddContainerCard(_ref2) {
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, {
+  }, title), /*#__PURE__*/React.createElement(Flex, _extends({
     gap: "space.050"
-  }, icon, /*#__PURE__*/React.createElement(Text, {
+  }, fg('enable_card_alignment_fix') ? {
+    alignItems: 'center'
+  } : {}), icon, /*#__PURE__*/React.createElement(Text, {
     size: "small",
     color: "color.text.subtle"
   }, description)))));

package/dist/esm/ui/team-containers/linked-container-card/index.js

@@ -1,4 +1,5 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -9,6 +10,7 @@ import Avatar from '@atlaskit/avatar';
 import { IconButton } from '@atlaskit/button/new';
 import CrossIcon from '@atlaskit/icon/utility/cross';
 import Link from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
@@ -110,9 +112,11 @@ export var LinkedContainerCard = function LinkedContainerCard(_ref2) {
     maxLines: 1,
     weight: "medium",
     color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, {
+  }, title), /*#__PURE__*/React.createElement(Flex, _extends({
     gap: "space.050"
-  }, icon, /*#__PURE__*/React.createElement(Inline, {
+  }, fg('enable_card_alignment_fix') ? {
+    alignItems: 'center'
+  } : {}), icon, /*#__PURE__*/React.createElement(Inline, {
     space: "space.050"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "small",

package/dist/types/common/types.d.ts

@@ -1,4 +1,4 @@
-export type ContainerTypes = 'ConfluenceSpace' | 'JiraProject';
+export type ContainerTypes = 'ConfluenceSpace' | 'JiraProject' | 'WebLink';
 export declare enum JiraProjectTypes {
     PRODUCT_DISCOVERY = "Product Discovery",
     SOFTWARE = "Software",

package/dist/types/common/utils/get-container-properties.d.ts

@@ -48,6 +48,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    webLinkContainerTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export declare const getContainerProperties: (containerType: ContainerTypes, iconSize?: IconSize, containerTypeProperties?: {
     subType?: ContainerSubTypes;

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

@@ -1,4 +1,4 @@
-export type ContainerTypes = 'ConfluenceSpace' | 'JiraProject';
+export type ContainerTypes = 'ConfluenceSpace' | 'JiraProject' | 'WebLink';
 export declare enum JiraProjectTypes {
     PRODUCT_DISCOVERY = "Product Discovery",
     SOFTWARE = "Software",

package/dist/types-ts4.5/common/utils/get-container-properties.d.ts

@@ -48,6 +48,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    webLinkContainerTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export declare const getContainerProperties: (containerType: ContainerTypes, iconSize?: IconSize, containerTypeProperties?: {
     subType?: ContainerSubTypes;

package/package.json

@@ -33,16 +33,17 @@
 		"@atlaskit/avatar": "^25.0.0",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/heading": "^5.2.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/logo": "^16.0.0",
 		"@atlaskit/modal-dialog": "^14.1.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
-		"@atlaskit/primitives": "^14.3.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.6.0",
+		"@atlaskit/tokens": "^4.7.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -106,7 +107,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.23.6",
+	"version": "0.24.0",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -115,5 +116,10 @@
 	},
 	"scripts": {
 		"ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.svg"
+	},
+	"platform-feature-flags": {
+		"enable_card_alignment_fix": {
+			"type": "boolean"
+		}
 	}
 }