@atlaskit/teams-public 0.31.0 → 0.32.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/teams-public
 
+## 0.32.0
+
+### Minor Changes
+
+- [#158233](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158233)
+  [`e23647a437f46`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e23647a437f46) -
+  PTC-11755 Build useTeamLinksAndContainers to retrieve all containers data
+
 ## 0.31.0
 
 ### Minor Changes

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

@@ -28,6 +28,7 @@ var initialConnectedTeamsState = {
 var initialState = {
   teamContainers: [],
   loading: true,
+  hasLoaded: false,
   error: null,
   unlinkError: null,
   teamId: null,
@@ -53,7 +54,8 @@ var actions = {
                 loading: true,
                 error: null,
                 teamContainers: [],
-                teamId: teamId
+                teamId: teamId,
+                hasLoaded: false
               });
               _context.prev = 5;
               _context.next = 8;
@@ -64,7 +66,8 @@ var actions = {
               setState({
                 teamContainers: containers,
                 loading: false,
-                error: null
+                error: null,
+                hasLoaded: true
               });
               _context.next = 17;
               break;
@@ -75,7 +78,8 @@ var actions = {
               setState({
                 teamContainers: [],
                 error: _context.t0,
-                loading: false
+                loading: false,
+                hasLoaded: true
               });
             case 17:
             case "end":
@@ -366,7 +370,10 @@ var useTeamContainers = exports.useTeamContainers = function useTeamContainers(t
     }
   }, [teamId, actions, enable, fireOperationalAnalytics]);
   return _objectSpread(_objectSpread({}, state), {}, {
-    addTeamContainer: actions.addTeamContainer
+    addTeamContainer: actions.addTeamContainer,
+    unlinkTeamContainers: function unlinkTeamContainers(containerId) {
+      return actions.unlinkTeamContainers(teamId, containerId);
+    }
   });
 };
 var useConnectedTeams = exports.useConnectedTeams = function useConnectedTeams() {

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

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTeamLinksAndContainers = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _teamWebLinkConverters = require("../../../common/utils/team-web-link-converters");
+var _useTeamContainers2 = require("../use-team-containers");
+var _useTeamWebLinks3 = require("../use-team-web-links");
+var MAX_LINKS_LIMIT = 10;
+var useTeamLinksAndContainers = exports.useTeamLinksAndContainers = function useTeamLinksAndContainers(teamId) {
+  var enableContainers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var _useTeamContainers = (0, _useTeamContainers2.useTeamContainers)(teamId, enableContainers),
+    teamContainers = _useTeamContainers.teamContainers,
+    containersLoading = _useTeamContainers.loading,
+    containersHasLoaded = _useTeamContainers.hasLoaded,
+    containersError = _useTeamContainers.error,
+    addTeamContainer = _useTeamContainers.addTeamContainer,
+    unlinkTeamContainers = _useTeamContainers.unlinkTeamContainers;
+  var _useTeamWebLinks = (0, _useTeamWebLinks3.useTeamWebLinks)(),
+    _useTeamWebLinks2 = (0, _slicedToArray2.default)(_useTeamWebLinks, 2),
+    _useTeamWebLinks2$ = _useTeamWebLinks2[0],
+    links = _useTeamWebLinks2$.links,
+    webLinksLoading = _useTeamWebLinks2$.isLoading,
+    webLinksError = _useTeamWebLinks2$.hasError,
+    webLinksHasLoaded = _useTeamWebLinks2$.hasLoaded,
+    _useTeamWebLinks2$2 = _useTeamWebLinks2[1],
+    getTeamWebLinks = _useTeamWebLinks2$2.getTeamWebLinks,
+    createTeamWebLink = _useTeamWebLinks2$2.createTeamWebLink,
+    updateTeamWebLink = _useTeamWebLinks2$2.updateTeamWebLink,
+    removeWebLink = _useTeamWebLinks2$2.removeWebLink;
+  (0, _react.useEffect)(function () {
+    getTeamWebLinks(teamId);
+  }, [getTeamWebLinks, teamId]);
+  var webLinkContainers = (0, _react.useMemo)(function () {
+    return (0, _teamWebLinkConverters.webLinksToContainers)(links);
+  }, [links]);
+  var allContainers = (0, _react.useMemo)(function () {
+    return [].concat((0, _toConsumableArray2.default)(teamContainers), (0, _toConsumableArray2.default)(webLinkContainers));
+  }, [teamContainers, webLinkContainers]);
+  var canAddMoreLink = (0, _react.useMemo)(function () {
+    return allContainers.length <= MAX_LINKS_LIMIT;
+  }, [allContainers.length]);
+  var addTeamLink = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(container) {
+      var webLink;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(container.type === 'WebLink')) {
+              _context.next = 7;
+              break;
+            }
+            webLink = (0, _teamWebLinkConverters.containerToNewWebLink)(container);
+            _context.next = 4;
+            return createTeamWebLink(teamId, webLink);
+          case 4:
+            return _context.abrupt("return", _context.sent);
+          case 7:
+            addTeamContainer(container);
+            return _context.abrupt("return", Promise.resolve(container));
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [teamId, createTeamWebLink, addTeamContainer]);
+  var updateTeamLink = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(container, newContainer) {
+      var webLink;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(container.type === 'WebLink')) {
+              _context2.next = 5;
+              break;
+            }
+            webLink = (0, _teamWebLinkConverters.containerToNewWebLink)(newContainer);
+            _context2.next = 4;
+            return updateTeamWebLink(teamId, container.id, webLink);
+          case 4:
+            return _context2.abrupt("return", _context2.sent);
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [teamId, updateTeamWebLink]);
+  var removeTeamLink = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(container) {
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!(container.type === 'WebLink')) {
+              _context3.next = 5;
+              break;
+            }
+            _context3.next = 3;
+            return removeWebLink(teamId, container.id);
+          case 3:
+            _context3.next = 7;
+            break;
+          case 5:
+            _context3.next = 7;
+            return unlinkTeamContainers(container.id);
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [teamId, removeWebLink, unlinkTeamContainers]);
+  return {
+    isLoading: containersLoading || webLinksLoading,
+    hasError: !!containersError || webLinksError,
+    containersError: !!containersError,
+    webLinksError: webLinksError,
+    containersHasLoaded: containersHasLoaded,
+    webLinksHasLoaded: webLinksHasLoaded,
+    hasLoaded: containersHasLoaded && webLinksHasLoaded,
+    teamLinks: allContainers,
+    canAddMoreLink: canAddMoreLink,
+    addTeamLink: addTeamLink,
+    updateTeamLink: updateTeamLink,
+    removeTeamLink: removeTeamLink
+  };
+};

package/dist/cjs/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "useTeamContainers", {
     return _useTeamContainers.useTeamContainers;
   }
 });
+Object.defineProperty(exports, "useTeamLinksAndContainers", {
+  enumerable: true,
+  get: function get() {
+    return _useTeamLinksAndContainers.useTeamLinksAndContainers;
+  }
+});
 Object.defineProperty(exports, "useTeamWebLinks", {
   enumerable: true,
   get: function get() {
@@ -72,6 +78,7 @@ Object.defineProperty(exports, "useTeamWebLinksActions", {
 var _teamContainers = require("./ui/team-containers");
 var _useTeamContainers = require("./controllers/hooks/use-team-containers");
 var _useTeamWebLinks = require("./controllers/hooks/use-team-web-links");
+var _useTeamLinksAndContainers = require("./controllers/hooks/use-team-links-and-containers");
 var _useProductPermission = require("./controllers/hooks/use-product-permission");
 var _utils = require("./controllers/product-permission/utils");
 var _getContainerProperties = require("./common/utils/get-container-properties");

package/dist/es2019/controllers/hooks/use-team-containers/index.js

@@ -14,6 +14,7 @@ const initialConnectedTeamsState = {
 const initialState = {
   teamContainers: [],
   loading: true,
+  hasLoaded: false,
   error: null,
   unlinkError: null,
   teamId: null,
@@ -34,7 +35,8 @@ const actions = {
       loading: true,
       error: null,
       teamContainers: [],
-      teamId
+      teamId,
+      hasLoaded: false
     });
     try {
       const containers = await teamsClient.getTeamContainers(teamId);
@@ -42,14 +44,16 @@ const actions = {
       setState({
         teamContainers: containers,
         loading: false,
-        error: null
+        error: null,
+        hasLoaded: true
       });
     } catch (err) {
       fireAnalytics(AnalyticsAction.FAILED, 'fetchTeamContainers', err);
       setState({
         teamContainers: [],
         error: err,
-        loading: false
+        loading: false,
+        hasLoaded: true
       });
     }
   },
@@ -263,7 +267,8 @@ export const useTeamContainers = (teamId, enable = true) => {
   }, [teamId, actions, enable, fireOperationalAnalytics]);
   return {
     ...state,
-    addTeamContainer: actions.addTeamContainer
+    addTeamContainer: actions.addTeamContainer,
+    unlinkTeamContainers: containerId => actions.unlinkTeamContainers(teamId, containerId)
   };
 };
 export const useConnectedTeams = () => {

package/dist/es2019/controllers/hooks/use-team-links-and-containers/index.js

@@ -0,0 +1,68 @@
+import { useCallback, useEffect, useMemo } from 'react';
+import { containerToNewWebLink, webLinksToContainers } from '../../../common/utils/team-web-link-converters';
+import { useTeamContainers } from '../use-team-containers';
+import { useTeamWebLinks } from '../use-team-web-links';
+const MAX_LINKS_LIMIT = 10;
+export const useTeamLinksAndContainers = (teamId, enableContainers = true) => {
+  const {
+    teamContainers,
+    loading: containersLoading,
+    hasLoaded: containersHasLoaded,
+    error: containersError,
+    addTeamContainer,
+    unlinkTeamContainers
+  } = useTeamContainers(teamId, enableContainers);
+  const [{
+    links,
+    isLoading: webLinksLoading,
+    hasError: webLinksError,
+    hasLoaded: webLinksHasLoaded
+  }, {
+    getTeamWebLinks,
+    createTeamWebLink,
+    updateTeamWebLink,
+    removeWebLink
+  }] = useTeamWebLinks();
+  useEffect(() => {
+    getTeamWebLinks(teamId);
+  }, [getTeamWebLinks, teamId]);
+  const webLinkContainers = useMemo(() => webLinksToContainers(links), [links]);
+  const allContainers = useMemo(() => [...teamContainers, ...webLinkContainers], [teamContainers, webLinkContainers]);
+  const canAddMoreLink = useMemo(() => allContainers.length <= MAX_LINKS_LIMIT, [allContainers.length]);
+  const addTeamLink = useCallback(async container => {
+    if (container.type === 'WebLink') {
+      const webLink = containerToNewWebLink(container);
+      return await createTeamWebLink(teamId, webLink);
+    } else {
+      addTeamContainer(container);
+      return Promise.resolve(container);
+    }
+  }, [teamId, createTeamWebLink, addTeamContainer]);
+  const updateTeamLink = useCallback(async (container, newContainer) => {
+    if (container.type === 'WebLink') {
+      const webLink = containerToNewWebLink(newContainer);
+      return await updateTeamWebLink(teamId, container.id, webLink);
+    }
+  }, [teamId, updateTeamWebLink]);
+  const removeTeamLink = useCallback(async container => {
+    if (container.type === 'WebLink') {
+      await removeWebLink(teamId, container.id);
+    } else {
+      await unlinkTeamContainers(container.id);
+    }
+  }, [teamId, removeWebLink, unlinkTeamContainers]);
+  return {
+    isLoading: containersLoading || webLinksLoading,
+    hasError: !!containersError || webLinksError,
+    containersError: !!containersError,
+    webLinksError,
+    containersHasLoaded,
+    webLinksHasLoaded,
+    hasLoaded: containersHasLoaded && webLinksHasLoaded,
+    teamLinks: allContainers,
+    canAddMoreLink,
+    addTeamLink,
+    updateTeamLink,
+    removeTeamLink
+  };
+};

package/dist/es2019/index.js

@@ -1,6 +1,7 @@
 export { TeamContainers } from './ui/team-containers';
 export { useTeamContainers, useConnectedTeams } from './controllers/hooks/use-team-containers';
 export { useTeamWebLinks, useTeamWebLinksActions } from './controllers/hooks/use-team-web-links';
+export { useTeamLinksAndContainers } from './controllers/hooks/use-team-links-and-containers';
 export { useProductPermissions } from './controllers/hooks/use-product-permission';
 export { hasProductPermission } from './controllers/product-permission/utils';
 export { getContainerProperties } from './common/utils/get-container-properties';

package/dist/esm/controllers/hooks/use-team-containers/index.js

@@ -21,6 +21,7 @@ var initialConnectedTeamsState = {
 var initialState = {
   teamContainers: [],
   loading: true,
+  hasLoaded: false,
   error: null,
   unlinkError: null,
   teamId: null,
@@ -46,7 +47,8 @@ var actions = {
                 loading: true,
                 error: null,
                 teamContainers: [],
-                teamId: teamId
+                teamId: teamId,
+                hasLoaded: false
               });
               _context.prev = 5;
               _context.next = 8;
@@ -57,7 +59,8 @@ var actions = {
               setState({
                 teamContainers: containers,
                 loading: false,
-                error: null
+                error: null,
+                hasLoaded: true
               });
               _context.next = 17;
               break;
@@ -68,7 +71,8 @@ var actions = {
               setState({
                 teamContainers: [],
                 error: _context.t0,
-                loading: false
+                loading: false,
+                hasLoaded: true
               });
             case 17:
             case "end":
@@ -359,7 +363,10 @@ export var useTeamContainers = function useTeamContainers(teamId) {
     }
   }, [teamId, actions, enable, fireOperationalAnalytics]);
   return _objectSpread(_objectSpread({}, state), {}, {
-    addTeamContainer: actions.addTeamContainer
+    addTeamContainer: actions.addTeamContainer,
+    unlinkTeamContainers: function unlinkTeamContainers(containerId) {
+      return actions.unlinkTeamContainers(teamId, containerId);
+    }
   });
 };
 export var useConnectedTeams = function useConnectedTeams() {

package/dist/esm/controllers/hooks/use-team-links-and-containers/index.js

@@ -0,0 +1,137 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useEffect, useMemo } from 'react';
+import { containerToNewWebLink, webLinksToContainers } from '../../../common/utils/team-web-link-converters';
+import { useTeamContainers } from '../use-team-containers';
+import { useTeamWebLinks } from '../use-team-web-links';
+var MAX_LINKS_LIMIT = 10;
+export var useTeamLinksAndContainers = function useTeamLinksAndContainers(teamId) {
+  var enableContainers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var _useTeamContainers = useTeamContainers(teamId, enableContainers),
+    teamContainers = _useTeamContainers.teamContainers,
+    containersLoading = _useTeamContainers.loading,
+    containersHasLoaded = _useTeamContainers.hasLoaded,
+    containersError = _useTeamContainers.error,
+    addTeamContainer = _useTeamContainers.addTeamContainer,
+    unlinkTeamContainers = _useTeamContainers.unlinkTeamContainers;
+  var _useTeamWebLinks = useTeamWebLinks(),
+    _useTeamWebLinks2 = _slicedToArray(_useTeamWebLinks, 2),
+    _useTeamWebLinks2$ = _useTeamWebLinks2[0],
+    links = _useTeamWebLinks2$.links,
+    webLinksLoading = _useTeamWebLinks2$.isLoading,
+    webLinksError = _useTeamWebLinks2$.hasError,
+    webLinksHasLoaded = _useTeamWebLinks2$.hasLoaded,
+    _useTeamWebLinks2$2 = _useTeamWebLinks2[1],
+    getTeamWebLinks = _useTeamWebLinks2$2.getTeamWebLinks,
+    createTeamWebLink = _useTeamWebLinks2$2.createTeamWebLink,
+    updateTeamWebLink = _useTeamWebLinks2$2.updateTeamWebLink,
+    removeWebLink = _useTeamWebLinks2$2.removeWebLink;
+  useEffect(function () {
+    getTeamWebLinks(teamId);
+  }, [getTeamWebLinks, teamId]);
+  var webLinkContainers = useMemo(function () {
+    return webLinksToContainers(links);
+  }, [links]);
+  var allContainers = useMemo(function () {
+    return [].concat(_toConsumableArray(teamContainers), _toConsumableArray(webLinkContainers));
+  }, [teamContainers, webLinkContainers]);
+  var canAddMoreLink = useMemo(function () {
+    return allContainers.length <= MAX_LINKS_LIMIT;
+  }, [allContainers.length]);
+  var addTeamLink = useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(container) {
+      var webLink;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(container.type === 'WebLink')) {
+              _context.next = 7;
+              break;
+            }
+            webLink = containerToNewWebLink(container);
+            _context.next = 4;
+            return createTeamWebLink(teamId, webLink);
+          case 4:
+            return _context.abrupt("return", _context.sent);
+          case 7:
+            addTeamContainer(container);
+            return _context.abrupt("return", Promise.resolve(container));
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [teamId, createTeamWebLink, addTeamContainer]);
+  var updateTeamLink = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(container, newContainer) {
+      var webLink;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(container.type === 'WebLink')) {
+              _context2.next = 5;
+              break;
+            }
+            webLink = containerToNewWebLink(newContainer);
+            _context2.next = 4;
+            return updateTeamWebLink(teamId, container.id, webLink);
+          case 4:
+            return _context2.abrupt("return", _context2.sent);
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [teamId, updateTeamWebLink]);
+  var removeTeamLink = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(container) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!(container.type === 'WebLink')) {
+              _context3.next = 5;
+              break;
+            }
+            _context3.next = 3;
+            return removeWebLink(teamId, container.id);
+          case 3:
+            _context3.next = 7;
+            break;
+          case 5:
+            _context3.next = 7;
+            return unlinkTeamContainers(container.id);
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [teamId, removeWebLink, unlinkTeamContainers]);
+  return {
+    isLoading: containersLoading || webLinksLoading,
+    hasError: !!containersError || webLinksError,
+    containersError: !!containersError,
+    webLinksError: webLinksError,
+    containersHasLoaded: containersHasLoaded,
+    webLinksHasLoaded: webLinksHasLoaded,
+    hasLoaded: containersHasLoaded && webLinksHasLoaded,
+    teamLinks: allContainers,
+    canAddMoreLink: canAddMoreLink,
+    addTeamLink: addTeamLink,
+    updateTeamLink: updateTeamLink,
+    removeTeamLink: removeTeamLink
+  };
+};

package/dist/esm/index.js

@@ -1,6 +1,7 @@
 export { TeamContainers } from './ui/team-containers';
 export { useTeamContainers, useConnectedTeams } from './controllers/hooks/use-team-containers';
 export { useTeamWebLinks, useTeamWebLinksActions } from './controllers/hooks/use-team-web-links';
+export { useTeamLinksAndContainers } from './controllers/hooks/use-team-links-and-containers';
 export { useProductPermissions } from './controllers/hooks/use-product-permission';
 export { hasProductPermission } from './controllers/product-permission/utils';
 export { getContainerProperties } from './common/utils/get-container-properties';

package/dist/types/controllers/hooks/use-team-containers/index.d.ts

@@ -12,6 +12,7 @@ type ConnectedTeams = {
 type State = {
     teamContainers: TeamContainers;
     loading: boolean;
+    hasLoaded: boolean;
     error: Error | null;
     unlinkError: UnlinkContainerMutationError | null;
     teamId: string | null;
@@ -33,8 +34,10 @@ export declare const useTeamContainersHook: import("react-sweet-state").HookFunc
 }>, void>;
 export declare const useTeamContainers: (teamId: string, enable?: boolean) => {
     addTeamContainer: (teamContainer: TeamContainer) => void | Promise<void>;
+    unlinkTeamContainers: (containerId: string) => void | Promise<void>;
     teamContainers: TeamContainers;
     loading: boolean;
+    hasLoaded: boolean;
     error: Error | null;
     unlinkError: UnlinkContainerMutationError | null;
     teamId: string | null;

package/dist/types/controllers/hooks/use-team-links-and-containers/index.d.ts

@@ -0,0 +1,16 @@
+import { type TeamContainer } from '../../../common/types';
+export type UseTeamLinksAndContainersResult = {
+    isLoading: boolean;
+    hasError: boolean;
+    containersError: boolean;
+    webLinksError: boolean;
+    webLinksHasLoaded: boolean;
+    containersHasLoaded: boolean;
+    hasLoaded: boolean;
+    teamLinks: TeamContainer[];
+    canAddMoreLink: boolean;
+    addTeamLink: (container: TeamContainer) => Promise<any>;
+    updateTeamLink: (container: TeamContainer, newContainer: TeamContainer) => Promise<any>;
+    removeTeamLink: (container: TeamContainer) => Promise<void>;
+};
+export declare const useTeamLinksAndContainers: (teamId: string, enableContainers?: boolean) => UseTeamLinksAndContainersResult;

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ export type { TeamContainersSkeletonProps } from './ui/team-containers';
 export type { TeamContainerProps } from './ui/team-containers/types';
 export { useTeamContainers, useConnectedTeams } from './controllers/hooks/use-team-containers';
 export { useTeamWebLinks, useTeamWebLinksActions } from './controllers/hooks/use-team-web-links';
+export { useTeamLinksAndContainers } from './controllers/hooks/use-team-links-and-containers';
 export type { TeamContainer, ContainerSubTypes } from './common/types';
 export { useProductPermissions } from './controllers/hooks/use-product-permission';
 export { hasProductPermission } from './controllers/product-permission/utils';

package/dist/types-ts4.5/controllers/hooks/use-team-containers/index.d.ts

@@ -12,6 +12,7 @@ type ConnectedTeams = {
 type State = {
     teamContainers: TeamContainers;
     loading: boolean;
+    hasLoaded: boolean;
     error: Error | null;
     unlinkError: UnlinkContainerMutationError | null;
     teamId: string | null;
@@ -33,8 +34,10 @@ export declare const useTeamContainersHook: import("react-sweet-state").HookFunc
 }>, void>;
 export declare const useTeamContainers: (teamId: string, enable?: boolean) => {
     addTeamContainer: (teamContainer: TeamContainer) => void | Promise<void>;
+    unlinkTeamContainers: (containerId: string) => void | Promise<void>;
     teamContainers: TeamContainers;
     loading: boolean;
+    hasLoaded: boolean;
     error: Error | null;
     unlinkError: UnlinkContainerMutationError | null;
     teamId: string | null;

package/dist/types-ts4.5/controllers/hooks/use-team-links-and-containers/index.d.ts

@@ -0,0 +1,16 @@
+import { type TeamContainer } from '../../../common/types';
+export type UseTeamLinksAndContainersResult = {
+    isLoading: boolean;
+    hasError: boolean;
+    containersError: boolean;
+    webLinksError: boolean;
+    webLinksHasLoaded: boolean;
+    containersHasLoaded: boolean;
+    hasLoaded: boolean;
+    teamLinks: TeamContainer[];
+    canAddMoreLink: boolean;
+    addTeamLink: (container: TeamContainer) => Promise<any>;
+    updateTeamLink: (container: TeamContainer, newContainer: TeamContainer) => Promise<any>;
+    removeTeamLink: (container: TeamContainer) => Promise<void>;
+};
+export declare const useTeamLinksAndContainers: (teamId: string, enableContainers?: boolean) => UseTeamLinksAndContainersResult;

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

@@ -4,6 +4,7 @@ export type { TeamContainersSkeletonProps } from './ui/team-containers';
 export type { TeamContainerProps } from './ui/team-containers/types';
 export { useTeamContainers, useConnectedTeams } from './controllers/hooks/use-team-containers';
 export { useTeamWebLinks, useTeamWebLinksActions } from './controllers/hooks/use-team-web-links';
+export { useTeamLinksAndContainers } from './controllers/hooks/use-team-links-and-containers';
 export type { TeamContainer, ContainerSubTypes } from './common/types';
 export { useProductPermissions } from './controllers/hooks/use-product-permission';
 export { hasProductPermission } from './controllers/product-permission/utils';

package/package.json

@@ -111,7 +111,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.31.0",
+	"version": "0.32.0",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",