@atlaskit/teams-public 0.21.0 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/team-containers/main.js +3 -2
  3. package/dist/es2019/ui/team-containers/main.js +3 -2
  4. package/dist/esm/ui/team-containers/main.js +3 -2
  5. package/dist/types/index.d.ts +1 -0
  6. package/dist/types/ui/team-containers/index.d.ts +1 -0
  7. package/dist/types/ui/team-containers/team-containers-skeleton/index.d.ts +1 -2
  8. package/dist/types/ui/team-containers/types.d.ts +2 -0
  9. package/dist/types-ts4.5/index.d.ts +1 -0
  10. package/dist/types-ts4.5/ui/team-containers/index.d.ts +1 -0
  11. package/dist/types-ts4.5/ui/team-containers/team-containers-skeleton/index.d.ts +1 -2
  12. package/dist/types-ts4.5/ui/team-containers/types.d.ts +2 -0
  13. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/teams-public
2
2
 
3
+ ## 0.22.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#131460](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131460)
8
+ [`c890581942f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c890581942f6e) -
9
+ [ux] Add loading skeleton for team containers in profile card
10
+
3
11
  ## 0.21.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/ui/team-containers/main.js CHANGED
@@ -161,12 +161,13 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
161
161
  return _ref2.apply(this, arguments);
162
162
  };
163
163
  }(), [actions, createAnalyticsEvent, fireOperationalEvent, filteredTeamContainers, teamId, unlinkError]);
164
+ var TeamContainersSkeletonComponent = (components === null || components === void 0 ? void 0 : components.TeamContainersSkeleton) || _teamContainersSkeleton.TeamContainersSkeleton;
164
165
  if (loading || productPermissionIsLoading) {
165
- return /*#__PURE__*/_react.default.createElement(_teamContainersSkeleton.TeamContainersSkeleton, {
166
+ return /*#__PURE__*/_react.default.createElement(TeamContainersSkeletonComponent, {
166
167
  numberOfContainers: MAX_NUMBER_OF_CONTAINERS_TO_SHOW
167
168
  });
168
169
  }
169
- if (filteredTeamContainers.length === 0 && (!productPermissions || !(productPermissions && ((0, _controllers.hasProductPermission)(productPermissions, 'jira') || (0, _controllers.hasProductPermission)(productPermissions, 'confluence'))))) {
170
+ if (filteredTeamContainers.length === 0 && !isDisplayedOnProfileCard && (!productPermissions || !(productPermissions && ((0, _controllers.hasProductPermission)(productPermissions, 'jira') || (0, _controllers.hasProductPermission)(productPermissions, 'confluence'))))) {
170
171
  return /*#__PURE__*/_react.default.createElement(_noProductAccessEmptyState.NoProductAccessState, null);
171
172
  }
172
173
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
package/dist/es2019/ui/team-containers/main.js CHANGED
@@ -108,12 +108,13 @@ export const TeamContainers = ({
108
108
  });
109
109
  }
110
110
  }, [actions, createAnalyticsEvent, fireOperationalEvent, filteredTeamContainers, teamId, unlinkError]);
111
+ const TeamContainersSkeletonComponent = (components === null || components === void 0 ? void 0 : components.TeamContainersSkeleton) || TeamContainersSkeleton;
111
112
  if (loading || productPermissionIsLoading) {
112
- return /*#__PURE__*/React.createElement(TeamContainersSkeleton, {
113
+ return /*#__PURE__*/React.createElement(TeamContainersSkeletonComponent, {
113
114
  numberOfContainers: MAX_NUMBER_OF_CONTAINERS_TO_SHOW
114
115
  });
115
116
  }
116
- if (filteredTeamContainers.length === 0 && (!productPermissions || !(productPermissions && (hasProductPermission(productPermissions, 'jira') || hasProductPermission(productPermissions, 'confluence'))))) {
117
+ if (filteredTeamContainers.length === 0 && !isDisplayedOnProfileCard && (!productPermissions || !(productPermissions && (hasProductPermission(productPermissions, 'jira') || hasProductPermission(productPermissions, 'confluence'))))) {
117
118
  return /*#__PURE__*/React.createElement(NoProductAccessState, null);
118
119
  }
119
120
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
package/dist/esm/ui/team-containers/main.js CHANGED
@@ -151,12 +151,13 @@ export var TeamContainers = function TeamContainers(_ref) {
151
151
  return _ref2.apply(this, arguments);
152
152
  };
153
153
  }(), [actions, createAnalyticsEvent, fireOperationalEvent, filteredTeamContainers, teamId, unlinkError]);
154
+ var TeamContainersSkeletonComponent = (components === null || components === void 0 ? void 0 : components.TeamContainersSkeleton) || TeamContainersSkeleton;
154
155
  if (loading || productPermissionIsLoading) {
155
- return /*#__PURE__*/React.createElement(TeamContainersSkeleton, {
156
+ return /*#__PURE__*/React.createElement(TeamContainersSkeletonComponent, {
156
157
  numberOfContainers: MAX_NUMBER_OF_CONTAINERS_TO_SHOW
157
158
  });
158
159
  }
159
- if (filteredTeamContainers.length === 0 && (!productPermissions || !(productPermissions && (hasProductPermission(productPermissions, 'jira') || hasProductPermission(productPermissions, 'confluence'))))) {
160
+ if (filteredTeamContainers.length === 0 && !isDisplayedOnProfileCard && (!productPermissions || !(productPermissions && (hasProductPermission(productPermissions, 'jira') || hasProductPermission(productPermissions, 'confluence'))))) {
160
161
  return /*#__PURE__*/React.createElement(NoProductAccessState, null);
161
162
  }
162
163
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
package/dist/types/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { TeamContainers } from './ui/team-containers';
2
2
  export type { LinkedContainerCardProps } from './ui/team-containers';
3
+ export type { TeamContainersSkeletonProps } from './ui/team-containers';
3
4
  export type { TeamContainerProps } from './ui/team-containers/types';
4
5
  export type { TeamContainer } from './common/types';
5
6
  export { useTeamContainers, useConnectedTeams } from './controllers/hooks/use-team-containers';
package/dist/types/ui/team-containers/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export { TeamContainers } from './main';
2
2
  export type { LinkedContainerCardProps } from './linked-container-card';
3
+ export type { TeamContainersSkeletonProps } from './team-containers-skeleton';
package/dist/types/ui/team-containers/team-containers-skeleton/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
- interface TeamContainersSkeletonProps {
2
+ export interface TeamContainersSkeletonProps {
3
3
  numberOfContainers: number;
4
4
  }
5
5
  export declare const TeamContainersSkeleton: ({ numberOfContainers }: TeamContainersSkeletonProps) => React.JSX.Element;
6
- export {};
package/dist/types/ui/team-containers/types.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { type ComponentType } from 'react';
2
2
  import { type LinkedContainerCardProps } from './linked-container-card';
3
+ import { type TeamContainersSkeletonProps } from './team-containers-skeleton';
3
4
  export interface TeamContainerProps {
4
5
  /**
5
6
  * The team id to fetch the team container for
@@ -32,4 +33,5 @@ export interface TeamContainerProps {
32
33
  }
33
34
  export interface TeamContainersComponent {
34
35
  ContainerCard: ComponentType<LinkedContainerCardProps>;
36
+ TeamContainersSkeleton: ComponentType<TeamContainersSkeletonProps>;
35
37
  }
package/dist/types-ts4.5/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { TeamContainers } from './ui/team-containers';
2
2
  export type { LinkedContainerCardProps } from './ui/team-containers';
3
+ export type { TeamContainersSkeletonProps } from './ui/team-containers';
3
4
  export type { TeamContainerProps } from './ui/team-containers/types';
4
5
  export type { TeamContainer } from './common/types';
5
6
  export { useTeamContainers, useConnectedTeams } from './controllers/hooks/use-team-containers';
package/dist/types-ts4.5/ui/team-containers/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export { TeamContainers } from './main';
2
2
  export type { LinkedContainerCardProps } from './linked-container-card';
3
+ export type { TeamContainersSkeletonProps } from './team-containers-skeleton';
package/dist/types-ts4.5/ui/team-containers/team-containers-skeleton/index.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
- interface TeamContainersSkeletonProps {
2
+ export interface TeamContainersSkeletonProps {
3
3
  numberOfContainers: number;
4
4
  }
5
5
  export declare const TeamContainersSkeleton: ({ numberOfContainers }: TeamContainersSkeletonProps) => React.JSX.Element;
6
- export {};
package/dist/types-ts4.5/ui/team-containers/types.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { type ComponentType } from 'react';
2
2
  import { type LinkedContainerCardProps } from './linked-container-card';
3
+ import { type TeamContainersSkeletonProps } from './team-containers-skeleton';
3
4
  export interface TeamContainerProps {
4
5
  /**
5
6
  * The team id to fetch the team container for
@@ -32,4 +33,5 @@ export interface TeamContainerProps {
32
33
  }
33
34
  export interface TeamContainersComponent {
34
35
  ContainerCard: ComponentType<LinkedContainerCardProps>;
36
+ TeamContainersSkeleton: ComponentType<TeamContainersSkeletonProps>;
35
37
  }
package/package.json CHANGED
@@ -106,7 +106,7 @@
106
106
  }
107
107
  },
108
108
  "name": "@atlaskit/teams-public",
109
- "version": "0.21.0",
109
+ "version": "0.22.0",
110
110
  "description": "Public components related to teams",
111
111
  "author": "Atlassian Pty Ltd",
112
112
  "license": "Apache-2.0",