@atlaskit/teams-public 0.73.0 → 0.74.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/teams-public
 
+## 0.74.1
+
+### Patch Changes
+
+- [`bcca5482f4ea4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bcca5482f4ea4) -
+  Migrate links to teams anchor
+- Updated dependencies
+
+## 0.74.0
+
+### Minor Changes
+
+- [`1368864a76f91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1368864a76f91) -
+  Remove dead code from teams-public package
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.73.0
 
 ### Minor Changes

package/dist/cjs/next/ui/team-containers/add-container-card/index.compiled.css

@@ -6,9 +6,7 @@
 ._4t3i14no{height:36px}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
-._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
-._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}

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

@@ -9,15 +9,12 @@ exports.AddContainerCard = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _css = require("@atlaskit/css");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _getContainerProperties = require("../../../../common/utils/get-container-properties");
 var _teamContainerSkeleton = require("../../../common/ui/team-container-skeleton");
 var styles = {
-  card: "_4cvr1h6o _1bsb1osq",
-  cardHeight: "_4t3i14no",
-  smallCardContainer: "_ca0q1b66 _n3td1b66",
-  container: "_2rkoy0do _ca0qutpp _u5f312x7 _n3tdutpp _19bv12x7 _bfhkvuon _irr319i6",
+  card: "_4cvr1h6o _1bsb1osq _4t3i14no",
+  container: "_2rkoy0do _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _bfhkvuon _irr319i6",
   iconWrapper: "_2rko12b0 _syaz1rpy"
 };
 var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
@@ -25,7 +22,7 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
     onClick = _ref.onClick,
     isDisabled = _ref.isDisabled;
   return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-    xcss: (0, _css.cx)(styles.container, styles.smallCardContainer),
+    xcss: styles.container,
     isDisabled: isDisabled,
     onClick: onClick
   }, children);
@@ -53,7 +50,7 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
     isDisabled: isDisabled
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
-    xcss: (0, _css.cx)(styles.card, styles.cardHeight)
+    xcss: styles.card
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.iconWrapper
   }, icon), /*#__PURE__*/_react.default.createElement(_compiled.Text, {

package/dist/cjs/next/ui/team-containers/team-link-card/index.js

@@ -12,9 +12,10 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _css = require("@atlaskit/css");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
+var _teamsAppInternalNavigation = require("@atlaskit/teams-app-internal-navigation");
 var _containerIcon = require("../../../../common/ui/container-icon");
 var _separator = require("../../../../common/ui/separator");
 var _teamLinkCardActions = require("../../../../common/ui/team-link-card-actions");
@@ -25,12 +26,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 styles = {
   container: "_2rko12b0 _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _syazi7uo",
-  card: "_4cvr1h6o _1bsb1osq",
+  card: "_4cvr1h6o _1bsb1osq _4t3i14no",
   anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo",
   crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
   showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
-  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
-  cardHeight: "_4t3i14no"
+  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
 };
 var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
   var containerType = _ref.containerType,
@@ -119,7 +119,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     testId: "team-link-card-inner"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.100",
-    xcss: (0, _css.cx)(styles.card, styles.cardHeight)
+    xcss: styles.card
   }, /*#__PURE__*/_react.default.createElement(_containerIcon.ContainerIcon, {
     containerType: containerType,
     title: title,
@@ -127,7 +127,29 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     size: "small",
     iconsLoading: iconsLoading,
     iconHasLoaded: iconHasLoaded
-  }), /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+  }), (0, _platformFeatureFlags.fg)('ptc-links-migrate-atlaskit-anchor-to-teams-anchor') ? /*#__PURE__*/_react.default.createElement(_teamsAppInternalNavigation.TeamsAnchor, {
+    xcss: styles.anchor,
+    href: link || '#',
+    onClick: handleLinkClick,
+    testId: "team-link-card-linkable-content",
+    intent: "unknown" // because links can be internal or external 'unknown' is appropriate here
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: "space.025"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    maxLines: 1,
+    color: "color.text"
+  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.050"
+  }, containerTypeText && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, description))))) : /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
     xcss: styles.anchor,
     href: link || '#',
     onClick: handleLinkClick,

package/dist/es2019/next/ui/team-containers/add-container-card/index.compiled.css

@@ -6,9 +6,7 @@
 ._4t3i14no{height:36px}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
-._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
-._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}

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

@@ -2,15 +2,12 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { cx } from '@atlaskit/css';
 import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../../common/utils/get-container-properties';
 import { TeamContainerSkeleton } from '../../../common/ui/team-container-skeleton';
 const styles = {
-  card: "_4cvr1h6o _1bsb1osq",
-  cardHeight: "_4t3i14no",
-  smallCardContainer: "_ca0q1b66 _n3td1b66",
-  container: "_2rkoy0do _ca0qutpp _u5f312x7 _n3tdutpp _19bv12x7 _bfhkvuon _irr319i6",
+  card: "_4cvr1h6o _1bsb1osq _4t3i14no",
+  container: "_2rkoy0do _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _bfhkvuon _irr319i6",
   iconWrapper: "_2rko12b0 _syaz1rpy"
 };
 const AddContainerCardWrapper = ({
@@ -19,7 +16,7 @@ const AddContainerCardWrapper = ({
   isDisabled
 }) => {
   return /*#__PURE__*/React.createElement(Pressable, {
-    xcss: cx(styles.container, styles.smallCardContainer),
+    xcss: styles.container,
     isDisabled: isDisabled,
     onClick: onClick
   }, children);
@@ -47,7 +44,7 @@ export const AddContainerCard = ({
     isDisabled: isDisabled
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: cx(styles.card, styles.cardHeight)
+    xcss: styles.card
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapper
   }, icon), /*#__PURE__*/React.createElement(Text, {

package/dist/es2019/next/ui/team-containers/team-link-card/index.js

@@ -2,9 +2,10 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
-import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
+import { TeamsAnchor } from '@atlaskit/teams-app-internal-navigation';
 import { ContainerIcon } from '../../../../common/ui/container-icon';
 import { Separator } from '../../../../common/ui/separator';
 import { TeamLinkCardActions } from '../../../../common/ui/team-link-card-actions';
@@ -12,12 +13,11 @@ import { getContainerProperties } from '../../../../common/utils/get-container-p
 import { getDomainFromLinkUri } from '../../../../common/utils/get-link-domain';
 const styles = {
   container: "_2rko12b0 _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _syazi7uo",
-  card: "_4cvr1h6o _1bsb1osq",
+  card: "_4cvr1h6o _1bsb1osq _4t3i14no",
   anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo",
   crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
   showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
-  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
-  cardHeight: "_4t3i14no"
+  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
 };
 export const TeamLinkCard = ({
   containerType,
@@ -98,7 +98,7 @@ export const TeamLinkCard = ({
     testId: "team-link-card-inner"
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: cx(styles.card, styles.cardHeight)
+    xcss: styles.card
   }, /*#__PURE__*/React.createElement(ContainerIcon, {
     containerType: containerType,
     title: title,
@@ -106,7 +106,29 @@ export const TeamLinkCard = ({
     size: "small",
     iconsLoading: iconsLoading,
     iconHasLoaded: iconHasLoaded
-  }), /*#__PURE__*/React.createElement(Anchor, {
+  }), fg('ptc-links-migrate-atlaskit-anchor-to-teams-anchor') ? /*#__PURE__*/React.createElement(TeamsAnchor, {
+    xcss: styles.anchor,
+    href: link || '#',
+    onClick: handleLinkClick,
+    testId: "team-link-card-linkable-content",
+    intent: "unknown" // because links can be internal or external 'unknown' is appropriate here
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "space.025"
+  }, /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
+    color: "color.text"
+  }, title), /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050"
+  }, containerTypeText && /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, containerTypeText), containerTypeText && description && /*#__PURE__*/React.createElement(Separator, null), description && /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, description))))) : /*#__PURE__*/React.createElement(Anchor, {
     xcss: styles.anchor,
     href: link || '#',
     onClick: handleLinkClick,

package/dist/esm/next/ui/team-containers/add-container-card/index.compiled.css

@@ -6,9 +6,7 @@
 ._4t3i14no{height:36px}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
-._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
-._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._irr319i6:hover{background-color:var(--ds-surface-hovered,#f0f1f2)}

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

@@ -2,15 +2,12 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { cx } from '@atlaskit/css';
 import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
 import { getContainerProperties } from '../../../../common/utils/get-container-properties';
 import { TeamContainerSkeleton } from '../../../common/ui/team-container-skeleton';
 var styles = {
-  card: "_4cvr1h6o _1bsb1osq",
-  cardHeight: "_4t3i14no",
-  smallCardContainer: "_ca0q1b66 _n3td1b66",
-  container: "_2rkoy0do _ca0qutpp _u5f312x7 _n3tdutpp _19bv12x7 _bfhkvuon _irr319i6",
+  card: "_4cvr1h6o _1bsb1osq _4t3i14no",
+  container: "_2rkoy0do _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _bfhkvuon _irr319i6",
   iconWrapper: "_2rko12b0 _syaz1rpy"
 };
 var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
@@ -18,7 +15,7 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
     onClick = _ref.onClick,
     isDisabled = _ref.isDisabled;
   return /*#__PURE__*/React.createElement(Pressable, {
-    xcss: cx(styles.container, styles.smallCardContainer),
+    xcss: styles.container,
     isDisabled: isDisabled,
     onClick: onClick
   }, children);
@@ -46,7 +43,7 @@ export var AddContainerCard = function AddContainerCard(_ref2) {
     isDisabled: isDisabled
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: cx(styles.card, styles.cardHeight)
+    xcss: styles.card
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapper
   }, icon), /*#__PURE__*/React.createElement(Text, {

package/dist/esm/next/ui/team-containers/team-link-card/index.js

@@ -6,9 +6,10 @@ import { ax, ix } from "@compiled/react/runtime";
 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 React, { useState } from 'react';
-import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
+import { TeamsAnchor } from '@atlaskit/teams-app-internal-navigation';
 import { ContainerIcon } from '../../../../common/ui/container-icon';
 import { Separator } from '../../../../common/ui/separator';
 import { TeamLinkCardActions } from '../../../../common/ui/team-link-card-actions';
@@ -16,12 +17,11 @@ import { getContainerProperties } from '../../../../common/utils/get-container-p
 import { getDomainFromLinkUri } from '../../../../common/utils/get-link-domain';
 var styles = {
   container: "_2rko12b0 _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _syazi7uo",
-  card: "_4cvr1h6o _1bsb1osq",
+  card: "_4cvr1h6o _1bsb1osq _4t3i14no",
   anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo",
   crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
   showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
-  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
-  cardHeight: "_4t3i14no"
+  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
 };
 export var TeamLinkCard = function TeamLinkCard(_ref) {
   var containerType = _ref.containerType,
@@ -110,7 +110,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
     testId: "team-link-card-inner"
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
-    xcss: cx(styles.card, styles.cardHeight)
+    xcss: styles.card
   }, /*#__PURE__*/React.createElement(ContainerIcon, {
     containerType: containerType,
     title: title,
@@ -118,7 +118,29 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
     size: "small",
     iconsLoading: iconsLoading,
     iconHasLoaded: iconHasLoaded
-  }), /*#__PURE__*/React.createElement(Anchor, {
+  }), fg('ptc-links-migrate-atlaskit-anchor-to-teams-anchor') ? /*#__PURE__*/React.createElement(TeamsAnchor, {
+    xcss: styles.anchor,
+    href: link || '#',
+    onClick: handleLinkClick,
+    testId: "team-link-card-linkable-content",
+    intent: "unknown" // because links can be internal or external 'unknown' is appropriate here
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "space.025"
+  }, /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
+    color: "color.text"
+  }, title), /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050"
+  }, containerTypeText && /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, containerTypeText), containerTypeText && description && /*#__PURE__*/React.createElement(Separator, null), description && /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, description))))) : /*#__PURE__*/React.createElement(Anchor, {
     xcss: styles.anchor,
     href: link || '#',
     onClick: handleLinkClick,

package/package.json

@@ -27,22 +27,23 @@
 		"@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.39.0",
 		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/avatar": "^25.11.0",
-		"@atlaskit/button": "^23.10.0",
+		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/heading": "^5.3.0",
+		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/image": "^3.0.0",
-		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/modal-dialog": "^14.14.0",
 		"@atlaskit/people-teams-ui-public": "^3.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/skeleton": "^2.1.0",
 		"@atlaskit/teams-app-internal-analytics": "^1.27.0",
+		"@atlaskit/teams-app-internal-navigation": "^1.8.0",
 		"@atlaskit/teams-app-internal-product-permissions": "^1.3.0",
-		"@atlaskit/teams-client": "^4.30.0",
+		"@atlaskit/teams-client": "^4.31.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -106,7 +107,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.73.0",
+	"version": "0.74.1",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -138,6 +139,9 @@
 		},
 		"workforce_optimization_team_modal_update": {
 			"type": "boolean"
+		},
+		"ptc-links-migrate-atlaskit-anchor-to-teams-anchor": {
+			"type": "boolean"
 		}
 	}
 }

package/dist/cjs/common/utils/error/index.js

@@ -1,120 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StatusCode = exports.SLOIgnoreError = exports.HttpError = exports.GraphQLError = exports.DefaultError = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-var _GraphQLError;
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var StatusCode = exports.StatusCode = /*#__PURE__*/function (StatusCode) {
-  StatusCode[StatusCode["UNAUTHORIZED"] = 401] = "UNAUTHORIZED";
-  StatusCode[StatusCode["FORBIDDEN"] = 403] = "FORBIDDEN";
-  StatusCode[StatusCode["TIMEOUT"] = 408] = "TIMEOUT";
-  StatusCode[StatusCode["GONE"] = 410] = "GONE";
-  StatusCode[StatusCode["PAYLOAD_TOO_LARGE"] = 413] = "PAYLOAD_TOO_LARGE";
-  return StatusCode;
-}({});
-var CommonError = /*#__PURE__*/function (_Error) {
-  function CommonError(message) {
-    var _this;
-    (0, _classCallCheck2.default)(this, CommonError);
-    _this = _callSuper(this, CommonError, [message]);
-    _this.name = _this.constructor.name;
-    _this.message = message || 'UnknownError';
-    _this.stack = new Error(message).stack || '';
-    return _this;
-  }
-  (0, _inherits2.default)(CommonError, _Error);
-  return (0, _createClass2.default)(CommonError);
-}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-var DefaultError = exports.DefaultError = /*#__PURE__*/function (_CommonError) {
-  function DefaultError(_ref) {
-    var _this2;
-    var message = _ref.message;
-    (0, _classCallCheck2.default)(this, DefaultError);
-    _this2 = _callSuper(this, DefaultError, [message || 'UnknownError']);
-    Object.setPrototypeOf(_this2, DefaultError.prototype);
-    return _this2;
-  }
-  (0, _inherits2.default)(DefaultError, _CommonError);
-  return (0, _createClass2.default)(DefaultError);
-}(CommonError);
-/**
- * These errors will not fail UFO experiences
- */
-var SLOIgnoreError = exports.SLOIgnoreError = /*#__PURE__*/function (_CommonError2) {
-  function SLOIgnoreError(_ref2) {
-    var _this3;
-    var message = _ref2.message;
-    (0, _classCallCheck2.default)(this, SLOIgnoreError);
-    _this3 = _callSuper(this, SLOIgnoreError, ["SentryIgnore: ".concat(message || 'UnknownError')]);
-    Object.setPrototypeOf(_this3, SLOIgnoreError.prototype);
-    return _this3;
-  }
-  (0, _inherits2.default)(SLOIgnoreError, _CommonError2);
-  return (0, _createClass2.default)(SLOIgnoreError);
-}(CommonError);
-// Http Errors
-var HttpError = exports.HttpError = /*#__PURE__*/function (_CommonError3) {
-  function HttpError(_ref3) {
-    var _this4;
-    var message = _ref3.message,
-      status = _ref3.status,
-      traceId = _ref3.traceId,
-      path = _ref3.path;
-    (0, _classCallCheck2.default)(this, HttpError);
-    _this4 = _callSuper(this, HttpError, [message]);
-    Object.setPrototypeOf(_this4, HttpError.prototype);
-    _this4.status = status;
-    _this4.traceId = traceId;
-    _this4.path = path;
-    return _this4;
-  }
-  (0, _inherits2.default)(HttpError, _CommonError3);
-  return (0, _createClass2.default)(HttpError);
-}(CommonError); // Graphql Errors
-var GraphQLError = exports.GraphQLError = /*#__PURE__*/function (_CommonError4) {
-  // tslint:disable-line no-any
-
-  function GraphQLError(_ref4) {
-    var _this5;
-    var message = _ref4.message,
-      _ref4$category = _ref4.category,
-      category = _ref4$category === void 0 ? 'default' : _ref4$category,
-      fields = _ref4.fields;
-    (0, _classCallCheck2.default)(this, GraphQLError);
-    _this5 = _callSuper(this, GraphQLError, [message]);
-    Object.setPrototypeOf(_this5, GraphQLError.prototype);
-    _this5.category = category;
-    if (fields) {
-      _this5.fields = fields;
-    }
-    return _this5;
-  }
-  (0, _inherits2.default)(GraphQLError, _CommonError4);
-  return (0, _createClass2.default)(GraphQLError);
-}(CommonError);
-_GraphQLError = GraphQLError;
-(0, _defineProperty2.default)(GraphQLError, "from", function (rawErrors) {
-  var firstError = rawErrors[0];
-  var errorData = {
-    category: firstError.category,
-    message: firstError.message
-  };
-  if (firstError.fields) {
-    errorData.fields = firstError.fields.reduce(function (obj, item) {
-      obj[item.field] = item.message;
-      return obj;
-    }, {});
-  }
-  return new _GraphQLError(errorData);
-});

package/dist/cjs/common/utils/http.js

@@ -1,119 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fetchWithExponentialBackoff = exports.EXPONENTIAL_BACKOFF_RETRY_POLICY = void 0;
-exports.is5xx = is5xx;
-exports.isFetchResponse = isFetchResponse;
-exports.withExponentialBackoff = withExponentialBackoff;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var EXPONENTIAL_BACKOFF_RETRY_POLICY = exports.EXPONENTIAL_BACKOFF_RETRY_POLICY = {
-  INITIAL_DELAY: 200,
-  MAX_RETRIES: 5,
-  JITTER: true
-};
-
-/**
- * Checks whether a status code is a 5xx HTTP code.
- * @param {number} status HTTP status code
- */
-function is5xx(status) {
-  return 500 <= status && status <= 599;
-}
-function isFetchResponse(data) {
-  if (!data || !data.hasOwnProperty('response')) {
-    return false;
-  }
-  return data.response instanceof Response;
-}
-
-// tslint:disable-next-line no-any
-
-// tslint:disable-next-line no-any
-var defaultRetryIfCallback = function defaultRetryIfCallback(a) {
-  return !a;
-};
-var defaultOptions = {
-  initial: 200,
-  jitter: false,
-  max: 5,
-  retryIf: defaultRetryIfCallback
-};
-/**
- * Transparently wrap a function so that it is retried until it succeeds or reaches a max retry limit.
- * The returned function has the same signature as the wrapped function.
- *
- * Modified from https://jsfiddle.net/pajtai/pLka0ow9/
- */
-function withExponentialBackoff(toTry) {
-  var hofOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultOptions;
-  var initial = hofOptions.initial,
-    jitter = hofOptions.jitter,
-    max = hofOptions.max,
-    retryIf = hofOptions.retryIf;
-
-  // Initialize max retry decrementing counter (range of max...0)
-  var attemptsRemaining = max;
-
-  // Initialize delay. This will exponentially increase each retry (delay = intial * 2^n)
-  var delay = initial;
-
-  /**
-   * This function calls itself recursively until `retryIf` evaluates false or the retry limit is reached.
-   * The functioned-to-be-retried is called on each recursion.
-   */
-  return /*#__PURE__*/function () {
-    var _tryWithExponentialBackoff = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var result,
-        _args = arguments;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return toTry.apply(void 0, _args);
-          case 2:
-            result = _context.sent;
-            --attemptsRemaining;
-
-            // If tried function was unsuccessful and there are still retries remaining, retry!
-            if (!(retryIf && retryIf(result) && attemptsRemaining > 0)) {
-              _context.next = 9;
-              break;
-            }
-            _context.next = 7;
-            return new Promise(function (resolve) {
-              return setTimeout(resolve, jitter ? Math.random() * delay : delay);
-            });
-          case 7:
-            // Exponentially increase delay
-            delay *= 2;
-
-            // Initiate retry
-            return _context.abrupt("return", tryWithExponentialBackoff.apply(void 0, _args));
-          case 9:
-            return _context.abrupt("return", result);
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    function tryWithExponentialBackoff() {
-      return _tryWithExponentialBackoff.apply(this, arguments);
-    }
-    return tryWithExponentialBackoff;
-  }();
-}
-var fetchWithExponentialBackoff = exports.fetchWithExponentialBackoff = withExponentialBackoff(function (url, init) {
-  return fetch(url, init);
-}, {
-  initial: EXPONENTIAL_BACKOFF_RETRY_POLICY.INITIAL_DELAY,
-  jitter: EXPONENTIAL_BACKOFF_RETRY_POLICY.JITTER,
-  max: EXPONENTIAL_BACKOFF_RETRY_POLICY.MAX_RETRIES,
-  retryIf: function retryIf(response) {
-    return is5xx(response.status);
-  }
-});