@atlaskit/teams-public 3.3.0 → 3.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/teams-public
 
+## 3.4.0
+
+### Minor Changes
+
+- [`75c819d8e4132`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75c819d8e4132) -
+  Cleanup `feature_gate` `enable_multi_team_containers_state`. The multi-team container and team web
+  link state management is now permanent: `useTeamContainers`, `useConnectedTeams`,
+  `useTeamWebLinks` and `useTeamWebLinksActions` always delegate to the multi-team stores, and
+  `useTeamWebLinksActions` no longer returns a union with the single-team store type.
+
+### Patch Changes
+
+- [`522cef10488d3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/522cef10488d3) -
+  [A11Y-34682] Make team link card action buttons always visible when `teams_a11y_20261005` gate is
+  on, so keyboard users can reach the disconnect and more-options controls without having to hover
+- Updated dependencies
+
 ## 3.3.0
 
 ### Minor Changes

package/dist/cjs/common/ui/container-icon/index.js

@@ -16,7 +16,7 @@ var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _css = require("@atlaskit/css");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _tile = _interopRequireDefault(require("@atlaskit/tile/tile"));
 var _main = require("../loom-avatar/main");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -57,7 +57,7 @@ var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref) {
         label: ""
       }));
     }
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: (0, _css.cx)(!isMedium && styles.linkIconWrapperSmall)
     }, /*#__PURE__*/_react.default.createElement(_button.default, {
       label: "",
@@ -83,7 +83,7 @@ var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref) {
       testId: "linked-container-WebLink-new-icon",
       isInset: false,
       backgroundColor: "transparent"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    }, /*#__PURE__*/_react.default.createElement(_box.Box, {
       as: "img",
       src: containerIcon,
       alt: title,

package/dist/cjs/common/ui/loom-avatar/main.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _css = require("@atlaskit/css");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _tile = _interopRequireDefault(require("@atlaskit/tile/tile"));
 var _getAvatarText = require("./getAvatarText");
 var _pickContainerColor = require("./pickContainerColor");
@@ -44,7 +44,7 @@ function LoomSpaceAvatar(_ref) {
       label: "",
       isInset: false,
       testId: testId
-    }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    }, /*#__PURE__*/React.createElement(_box.Box, {
       xcss: (0, _css.cx)(styles.loomAvatar, typographyByAvatarSize[size]),
       style: {
         backgroundColor: containerColor,

package/dist/cjs/common/ui/separator/index.js

@@ -9,15 +9,16 @@ exports.Separator = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _text = require("@atlaskit/primitives/compiled/text");
 var styles = {
   separator: "_t9ec18p1"
 };
 var SEPARATOR = '•';
 var Separator = exports.Separator = function Separator() {
-  return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  return /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     xcss: styles.separator
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     size: "small",
     color: "color.text.subtle"
   }, SEPARATOR));

package/dist/cjs/common/ui/team-containers-skeleton/index.js

@@ -10,7 +10,9 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _grid = require("@atlaskit/primitives/compiled/grid");
+var _stack = require("@atlaskit/primitives/compiled/stack");
 var _linkedContainerCardSkeleton = require("./linked-container-card-skeleton");
 var styles = {
   containers: "_yv0ewxkt",
@@ -18,10 +20,10 @@ var styles = {
 };
 var TeamContainersSkeleton = exports.TeamContainersSkeleton = function TeamContainersSkeleton(_ref) {
   var numberOfContainers = _ref.numberOfContainers;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  return /*#__PURE__*/_react.default.createElement(_stack.Stack, {
     space: "space.200",
     testId: "team-containers-skeleton"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_grid.Grid, {
     xcss: styles.containers,
     gap: "space.100",
     autoFlow: "row"
@@ -29,7 +31,7 @@ var TeamContainersSkeleton = exports.TeamContainersSkeleton = function TeamConta
     return /*#__PURE__*/_react.default.createElement(_linkedContainerCardSkeleton.LinkedContainerCardSkeleton, {
       key: index
     });
-  })), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  })), /*#__PURE__*/_react.default.createElement(_box.Box, {
     backgroundColor: "color.background.neutral",
     xcss: styles.showMoreButtonSkeleton
   }));

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

@@ -9,7 +9,11 @@ exports.LinkedContainerCardSkeleton = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _stack = require("@atlaskit/primitives/compiled/stack");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _getContainerProperties = require("../../../../common/utils/get-container-properties");
 var styles = {
   container: "_2rko12b0 _1h6d8yml _12y3e4h9 _12ji1l7x _1qu2nqa1 _syazi7uo _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
@@ -19,23 +23,23 @@ var styles = {
 };
 var LinkedContainerCardSkeleton = exports.LinkedContainerCardSkeleton = function LinkedContainerCardSkeleton(_ref) {
   var containerType = _ref.containerType;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     space: "space.100",
     alignBlock: "center"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     backgroundColor: "color.background.neutral",
     xcss: styles.avatarSkeleton
-  }), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  }), /*#__PURE__*/_react.default.createElement(_stack.Stack, {
     space: "space.100",
     grow: "fill"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     backgroundColor: "color.background.neutral",
     xcss: styles.firstLineSkeleton
   }), containerType ? /*#__PURE__*/_react.default.createElement(ContainerIcon, {
     containerType: containerType
-  }) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }) : /*#__PURE__*/_react.default.createElement(_box.Box, {
     backgroundColor: "color.background.neutral",
     xcss: styles.secondLineSkeleton
   }))));
@@ -49,15 +53,15 @@ function ContainerIcon(_ref2) {
     description = _getContainerProperti.description,
     icon = _getContainerProperti.icon,
     containerTypeText = _getContainerProperti.containerTypeText;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     gap: "space.050",
     alignItems: "center"
-  }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, icon, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     space: "space.050"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     size: "small",
     color: "color.text.subtle"
-  }, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, description), /*#__PURE__*/_react.default.createElement(_text.Text, {
     size: "small",
     color: "color.text.subtle"
   }, containerTypeText)));

package/dist/cjs/common/ui/team-link-card-actions/index.js

@@ -19,7 +19,8 @@ var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/
 var _dropdownMenuItemGroup = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item-group"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _excluded = ["triggerRef"];
@@ -61,15 +62,21 @@ var TeamLinkCardActions = exports.TeamLinkCardActions = function TeamLinkCardAct
     formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
+  var dropdownTriggerElementRef = _react.default.useRef(null);
+  var returnFocusToDropdownTrigger = function returnFocusToDropdownTrigger() {
+    var _dropdownTriggerEleme;
+    (_dropdownTriggerEleme = dropdownTriggerElementRef.current) === null || _dropdownTriggerEleme === void 0 || _dropdownTriggerEleme.focus();
+  };
 
   // Show icons when:
   // 1. Hovering over the card
   // 2. Dropdown is open
   // 3. Focused via keyboard navigation (when showKeyboardFocus is true)
-  var shouldShowIcon = hovered || isDropdownOpen || focused && showKeyboardFocus;
+  var shouldShowIcon = (0, _fg.fg)('teams_a11y_20261005') || hovered || isDropdownOpen || focused && showKeyboardFocus;
   var handleDisconnectClick = function handleDisconnectClick(e) {
     e.preventDefault();
     e.stopPropagation();
+    returnFocusToDropdownTrigger();
     onDisconnectButtonClick();
     fireEvent('ui.button.clicked.containerUnlinkButton', {
       containerSelected: {
@@ -81,6 +88,7 @@ var TeamLinkCardActions = exports.TeamLinkCardActions = function TeamLinkCardAct
   var handleEditLinkClick = function handleEditLinkClick(e) {
     e.preventDefault();
     e.stopPropagation();
+    returnFocusToDropdownTrigger();
     onEditLinkClick === null || onEditLinkClick === void 0 || onEditLinkClick();
     fireEvent('ui.button.clicked.containerEditLinkButton', {
       containerSelected: {
@@ -90,7 +98,7 @@ var TeamLinkCardActions = exports.TeamLinkCardActions = function TeamLinkCardAct
     });
   };
   if (containerType === 'WebLink') {
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: (0, _css.cx)(styles.showMoreIconWrapper, shouldShowIcon ? styles.iconVisible : styles.iconHidden)
     }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
       trigger: function trigger(_ref2) {
@@ -99,6 +107,11 @@ var TeamLinkCardActions = exports.TeamLinkCardActions = function TeamLinkCardAct
         return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({
           ref: triggerRef
         }, triggerProps, {
+          onClick: function onClick(e) {
+            var _triggerProps$onClick;
+            dropdownTriggerElementRef.current = e.currentTarget;
+            (_triggerProps$onClick = triggerProps.onClick) === null || _triggerProps$onClick === void 0 || _triggerProps$onClick.call(triggerProps, e);
+          },
           label: "more options for ".concat(title),
           appearance: "subtle",
           icon: function icon(iconProps) {
@@ -120,7 +133,7 @@ var TeamLinkCardActions = exports.TeamLinkCardActions = function TeamLinkCardAct
       onClick: handleDisconnectClick
     }, formatMessage(messages.removeLink)))));
   }
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: (0, _css.cx)(styles.crossIconWrapper, shouldShowIcon ? styles.iconVisible : styles.iconHidden)
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: formatMessage(messages.disconnectTooltip),

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

@@ -16,7 +16,9 @@ var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _image = _interopRequireDefault(require("@atlaskit/image"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _tile = _interopRequireDefault(require("@atlaskit/tile/tile"));
 var _ConfluenceIcon = _interopRequireDefault(require("../assets/ConfluenceIcon.svg"));
 var _JiraIcon = _interopRequireDefault(require("../assets/JiraIcon.svg"));
@@ -120,7 +122,7 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref2) {
       src: getJiraIcon(subType),
       alt: "",
       testId: "jira-project-container-icon"
-    })) : /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    })) : /*#__PURE__*/_react.default.createElement(_flex.Flex, {
       xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
     }, /*#__PURE__*/_react.default.createElement(_image.default, {
       src: getJiraIcon(subType),
@@ -145,17 +147,17 @@ var getWebLinkContainerProperties = function getWebLinkContainerProperties(_ref4
   var isEmptyContainer = _ref4.isEmptyContainer,
     isDisplayedOnProfileCard = _ref4.isDisplayedOnProfileCard;
   return {
-    description: isEmptyContainer ? /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    description: isEmptyContainer ? /*#__PURE__*/_react.default.createElement(_text.Text, {
       size: "medium",
       weight: "medium"
     }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.emptyLinkContainerDescription)) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.linkContainerDescription),
-    icon: isEmptyContainer ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    icon: isEmptyContainer ? /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: (0, _css.cx)(styles.linkAvatarWrapper, styles.avatarMargin),
       testId: "team-link-card-globe-icon"
     }, /*#__PURE__*/_react.default.createElement(_link.default, {
       label: "",
       size: "medium"
-    })) : isDisplayedOnProfileCard ? (0, _fg.fg)('enable_teams_t26_design_drop_core_experiences') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    })) : isDisplayedOnProfileCard ? (0, _fg.fg)('enable_teams_t26_design_drop_core_experiences') ? /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: styles.profileCardWebLinkIconWrapper
     }, /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
       label: "",
@@ -165,7 +167,7 @@ var getWebLinkContainerProperties = function getWebLinkContainerProperties(_ref4
       label: "",
       size: "small",
       testId: "team-link-card-external-link-icon"
-    }) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    }) : /*#__PURE__*/_react.default.createElement(_box.Box, {
       xcss: styles.linkIconWrapper,
       testId: "team-link-card-globe-icon"
     }, /*#__PURE__*/_react.default.createElement(_link.default, {
@@ -194,7 +196,7 @@ var getContainerProperties = exports.getContainerProperties = function getContai
           src: _ConfluenceIcon.default,
           alt: "",
           testId: "confluence-space-container-icon"
-        })) : /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+        })) : /*#__PURE__*/_react.default.createElement(_flex.Flex, {
           xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
         }, /*#__PURE__*/_react.default.createElement(_image.default, {
           src: _ConfluenceIcon.default,
@@ -213,7 +215,7 @@ var getContainerProperties = exports.getContainerProperties = function getContai
           src: _LoomIcon.default,
           alt: "",
           testId: "loom-space-container-icon"
-        })) : /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+        })) : /*#__PURE__*/_react.default.createElement(_flex.Flex, {
           xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
         }, /*#__PURE__*/_react.default.createElement(_image.default, {
           src: _LoomIcon.default,

package/dist/cjs/controllers/hooks/use-team-containers/use-connected-teams.js

@@ -1,36 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useConnectedTeams = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
 var _useConnectedTeams = require("./use-connected-teams-2");
-var _useTeamContainersHook = require("./use-team-containers-hook");
-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 useConnectedTeams = exports.useConnectedTeams = function useConnectedTeams(teamId) {
-  var _useTeamContainersHoo = (0, _useTeamContainersHook.useTeamContainersHook)(),
-    _useTeamContainersHoo2 = (0, _slicedToArray2.default)(_useTeamContainersHoo, 2),
-    state = _useTeamContainersHoo2[0],
-    actions = _useTeamContainersHoo2[1];
-  var useMultiTeam = (0, _fg.fg)('enable_multi_team_containers_state');
-  var multiTeamResult = (0, _useConnectedTeams.useConnectedTeams)(useMultiTeam ? teamId || '' : '');
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  if (useMultiTeam) {
-    return multiTeamResult;
-  }
-  return _objectSpread(_objectSpread({}, state.connectedTeams), {}, {
-    fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId) {
-      return actions.fetchNumberOfConnectedTeams(containerId, fireEvent);
-    },
-    fetchConnectedTeams: function fetchConnectedTeams(containerId) {
-      return actions.fetchConnectedTeams(containerId, fireEvent);
-    }
-  });
+  return (0, _useConnectedTeams.useConnectedTeams)(teamId || '');
 };

package/dist/cjs/controllers/hooks/use-team-containers/use-team-containers.js

@@ -1,55 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTeamContainers = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
 var _useTeamContainers = require("./use-team-containers-2");
-var _useTeamContainersHook = require("./use-team-containers-hook");
-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 useTeamContainers = exports.useTeamContainers = function useTeamContainers(teamId) {
   var enable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var _useTeamContainersHoo = (0, _useTeamContainersHook.useTeamContainersHook)(),
-    _useTeamContainersHoo2 = (0, _slicedToArray2.default)(_useTeamContainersHoo, 2),
-    state = _useTeamContainersHoo2[0],
-    actions = _useTeamContainersHoo2[1];
-  var useMultiTeam = (0, _fg.fg)('enable_multi_team_containers_state');
-  var multiTeamResult = (0, _useTeamContainers.useTeamContainers)(teamId, useMultiTeam ? enable : false);
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  (0, _react.useEffect)(function () {
-    if (enable && !useMultiTeam) {
-      actions.fetchTeamContainers(teamId, fireEvent);
-    }
-  }, [teamId, actions, enable, fireEvent, useMultiTeam]);
-  var refetchTeamContainers = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    return _regenerator.default.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          return _context.abrupt("return", actions.refetchTeamContainers(fireEvent));
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), [actions, fireEvent]);
-  if (useMultiTeam) {
-    return multiTeamResult;
-  }
-  return _objectSpread(_objectSpread({}, state), {}, {
-    addTeamContainer: actions.addTeamContainer,
-    unlinkTeamContainers: function unlinkTeamContainers(containerId) {
-      return actions.unlinkTeamContainers(teamId, containerId);
-    },
-    refetchTeamContainers: refetchTeamContainers
-  });
+  return (0, _useTeamContainers.useTeamContainers)(teamId, enable);
 };

package/dist/cjs/controllers/hooks/use-team-web-links/use-team-web-links-actions.js

@@ -4,18 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTeamWebLinksActions = void 0;
-var _reactSweetState = require("react-sweet-state");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _multiTeam = require("./multi-team");
-var _store = require("./store");
-var useTeamWebLinksActionsOriginal = (0, _reactSweetState.createHook)(_store.TeamWebLinksStore, {
-  selector: null
-});
 var useTeamWebLinksActions = exports.useTeamWebLinksActions = function useTeamWebLinksActions() {
-  var originalResult = useTeamWebLinksActionsOriginal();
-  var multiResult = (0, _multiTeam.useTeamWebLinksActions)();
-  if ((0, _fg.fg)('enable_multi_team_containers_state')) {
-    return multiResult;
-  }
-  return originalResult;
+  return (0, _multiTeam.useTeamWebLinksActions)();
 };

package/dist/cjs/controllers/hooks/use-team-web-links/use-team-web-links.js

@@ -4,16 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTeamWebLinks = void 0;
-var _reactSweetState = require("react-sweet-state");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _multiTeam = require("./multi-team");
-var _store = require("./store");
-var useTeamWebLinksOriginal = (0, _reactSweetState.createHook)(_store.TeamWebLinksStore);
 var useTeamWebLinks = exports.useTeamWebLinks = function useTeamWebLinks(teamId) {
-  var originalResult = useTeamWebLinksOriginal();
-  var multiResult = (0, _multiTeam.useTeamWebLinks)(teamId || '');
-  if ((0, _fg.fg)('enable_multi_team_containers_state')) {
-    return multiResult;
-  }
-  return originalResult;
+  return (0, _multiTeam.useTeamWebLinks)(teamId || '');
 };

package/dist/cjs/next/common/ui/team-container-skeleton/index.js

@@ -10,16 +10,19 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _grid = require("@atlaskit/primitives/compiled/grid");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _stack = require("@atlaskit/primitives/compiled/stack");
 var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
 var styles = {
   containerSkeleton: "_ca0qu2gc _n3tdu2gc _4cvr1h6o",
   iconSkeleton: "_2hwxu2gc"
 };
 var ContainerSkeleton = function ContainerSkeleton() {
-  return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  return /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     xcss: styles.containerSkeleton
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.iconSkeleton
   }, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
     width: '24px',
@@ -33,10 +36,10 @@ var ContainerSkeleton = function ContainerSkeleton() {
 };
 var TeamContainerSkeleton = exports.TeamContainerSkeleton = function TeamContainerSkeleton(_ref) {
   var numberOfContainers = _ref.numberOfContainers;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+  return /*#__PURE__*/_react.default.createElement(_stack.Stack, {
     space: "space.200",
     testId: "team-containers-skeleton"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_grid.Grid, {
     gap: "space.100",
     autoFlow: "row"
   }, (0, _toConsumableArray2.default)(Array(numberOfContainers)).map(function (_, index) {

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

@@ -9,7 +9,10 @@ exports.AddContainerCard = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _getContainerProperties = require("../../../../common/utils/get-container-properties");
 var _teamContainerSkeleton = require("../../../common/ui/team-container-skeleton");
 var styles = {
@@ -22,7 +25,7 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
     onClick = _ref.onClick,
     isDisabled = _ref.isDisabled,
     buttonRef = _ref.buttonRef;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/_react.default.createElement(_pressable.Pressable, {
     ref: buttonRef,
     xcss: styles.container,
     isDisabled: isDisabled,
@@ -52,12 +55,12 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
     onClick: onAddAContainerClick,
     isDisabled: isDisabled,
     buttonRef: buttonRef
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     space: "space.100",
     xcss: styles.card
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: styles.iconWrapper
-  }, icon), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, icon), /*#__PURE__*/_react.default.createElement(_text.Text, {
     maxLines: 1,
     color: "color.text.subtlest"
   }, title)));

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

@@ -12,7 +12,11 @@ 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 _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
+var _flex = require("@atlaskit/primitives/compiled/flex");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _stack = require("@atlaskit/primitives/compiled/stack");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
 var _teamsAnchor = require("@atlaskit/teams-app-internal-navigation/teams-anchor");
 var _containerIcon = require("../../../../common/ui/container-icon");
@@ -102,7 +106,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
       window.open(link || '#', '_blank', 'noopener, noreferrer');
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     backgroundColor: hovered ? 'elevation.surface.hovered' : 'elevation.surface',
     xcss: styles.container,
     onMouseEnter: handleMouseEnter,
@@ -111,7 +115,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     onBlur: handleBlur,
     onKeyDown: handleKeyDown,
     testId: "team-link-card-inner"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     space: "space.100",
     xcss: styles.card
   }, /*#__PURE__*/_react.default.createElement(_containerIcon.ContainerIcon, {
@@ -125,20 +129,20 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     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, {
+  }, /*#__PURE__*/_react.default.createElement(_stack.Stack, {
     space: "space.025"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     maxLines: 1,
     color: "color.text"
-  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, title), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     gap: "space.050",
     alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     space: "space.050"
-  }, containerTypeText && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, containerTypeText && /*#__PURE__*/_react.default.createElement(_text.Text, {
     size: "small",
     color: "color.text.subtle"
-  }, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(_text.Text, {
     size: "small",
     color: "color.text.subtle"
   }, description))))), !isReadOnly && /*#__PURE__*/_react.default.createElement(_teamLinkCardActions.TeamLinkCardActions, {