@atlaskit/teams-public 0.39.0 → 0.39.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/teams-public
 
+## 0.39.2
+
+### Patch Changes
+
+- [#175066](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175066)
+  [`f59c2acbfd3c5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f59c2acbfd3c5) -
+  [ux] Minor UI fix: Update team link form description, and fix dropdown display issue in team link
+  card
+
+## 0.39.1
+
+### Patch Changes
+
+- [#174090](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174090)
+  [`e5f4693b1599f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5f4693b1599f) -
+  NO-ISSUE Enable null check for containers mapping function
+
 ## 0.39.0
 
 ### Minor Changes

package/dist/cjs/services/agg-client/index.js

@@ -12,6 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _teamIdToAri = require("../../common/utils/team-id-to-ari");
 var _userAri = require("../../common/utils/user-ari");
 var _constants = require("../constants");
@@ -55,6 +56,9 @@ var AGGClient = exports.AGGClient = /*#__PURE__*/function (_BaseGraphQlClient) {
             case 4:
               response = _context.sent;
               containersResult = response.graphStore.cypherQuery.edges.reduce(function (containers, edge) {
+                if (!edge.node.to.data && (0, _platformFeatureFlags.fg)('enable_team_containers_null_check')) {
+                  return containers;
+                }
                 if (edge.node.to.data.__typename === 'ConfluenceSpace') {
                   containers.push({
                     id: edge.node.to.id,

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

@@ -21,7 +21,6 @@ var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _close = _interopRequireDefault(require("@atlaskit/icon/core/close"));
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _containerIcon = require("../../../common/ui/container-icon");
@@ -71,25 +70,21 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     setShowCloseIcon = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    showMoreIcon = _useState6[0],
-    setShowMoreIcon = _useState6[1];
+    isDropdownOpen = _useState6[0],
+    setIsDropdownOpen = _useState6[1];
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _usePeopleAndTeamAnal = (0, _analytics.usePeopleAndTeamAnalytics)(),
     fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
   var handleMouseEnter = function handleMouseEnter() {
     setHovered(true);
-    if (containerType === 'WebLink') {
-      setShowMoreIcon(true);
-    } else {
+    if (containerType !== 'WebLink') {
       setShowCloseIcon(true);
     }
   };
   var handleMouseLeave = function handleMouseLeave() {
     setHovered(false);
-    if (containerType === 'WebLink') {
-      setShowMoreIcon(false);
-    } else {
+    if (containerType !== 'WebLink') {
       setShowCloseIcon(false);
     }
   };
@@ -182,7 +177,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
         }
       });
     }
-  }))), showMoreIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  }))), containerType === 'WebLink' && (hovered || isDropdownOpen) && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.showMoreIconWrapper
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     trigger: function trigger(_ref2) {
@@ -202,7 +197,10 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
       }));
     },
     placement: "bottom-end",
-    shouldRenderToParent: (0, _platformFeatureFlags.fg)('should-render-to-parent-should-be-true-people-and-')
+    shouldRenderToParent: true,
+    onOpenChange: function onOpenChange(attrs) {
+      setIsDropdownOpen(attrs.isOpen);
+    }
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
     onClick: function onClick(e) {
       e.preventDefault();

package/dist/es2019/services/agg-client/index.js

@@ -1,3 +1,4 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { teamIdToAri } from '../../common/utils/team-id-to-ari';
 import { toUserId } from '../../common/utils/user-ari';
 import { DEFAULT_CONFIG } from '../constants';
@@ -25,6 +26,9 @@ export class AGGClient extends BaseGraphQlClient {
       operationName: 'TeamContainersQuery'
     });
     const containersResult = response.graphStore.cypherQuery.edges.reduce((containers, edge) => {
+      if (!edge.node.to.data && fg('enable_team_containers_null_check')) {
+        return containers;
+      }
       if (edge.node.to.data.__typename === 'ConfluenceSpace') {
         containers.push({
           id: edge.node.to.id,

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

@@ -10,7 +10,6 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import CrossIcon from '@atlaskit/icon/core/close';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import Link from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { ContainerIcon } from '../../../common/ui/container-icon';
@@ -51,7 +50,7 @@ export const TeamLinkCard = ({
   });
   const [hovered, setHovered] = useState(false);
   const [showCloseIcon, setShowCloseIcon] = useState(false);
-  const [showMoreIcon, setShowMoreIcon] = useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const {
     formatMessage
   } = useIntl();
@@ -60,17 +59,13 @@ export const TeamLinkCard = ({
   } = usePeopleAndTeamAnalytics();
   const handleMouseEnter = () => {
     setHovered(true);
-    if (containerType === 'WebLink') {
-      setShowMoreIcon(true);
-    } else {
+    if (containerType !== 'WebLink') {
       setShowCloseIcon(true);
     }
   };
   const handleMouseLeave = () => {
     setHovered(false);
-    if (containerType === 'WebLink') {
-      setShowMoreIcon(false);
-    } else {
+    if (containerType !== 'WebLink') {
       setShowCloseIcon(false);
     }
   };
@@ -162,7 +157,7 @@ export const TeamLinkCard = ({
         }
       });
     }
-  }))), showMoreIcon && /*#__PURE__*/React.createElement(Box, {
+  }))), containerType === 'WebLink' && (hovered || isDropdownOpen) && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.showMoreIconWrapper
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: ({
@@ -179,7 +174,10 @@ export const TeamLinkCard = ({
       spacing: "compact"
     })),
     placement: "bottom-end",
-    shouldRenderToParent: fg('should-render-to-parent-should-be-true-people-and-')
+    shouldRenderToParent: true,
+    onOpenChange: attrs => {
+      setIsDropdownOpen(attrs.isOpen);
+    }
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
     onClick: e => {
       e.preventDefault();

package/dist/esm/services/agg-client/index.js

@@ -7,6 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { teamIdToAri } from '../../common/utils/team-id-to-ari';
 import { toUserId } from '../../common/utils/user-ari';
 import { DEFAULT_CONFIG } from '../constants';
@@ -48,6 +49,9 @@ export var AGGClient = /*#__PURE__*/function (_BaseGraphQlClient) {
             case 4:
               response = _context.sent;
               containersResult = response.graphStore.cypherQuery.edges.reduce(function (containers, edge) {
+                if (!edge.node.to.data && fg('enable_team_containers_null_check')) {
+                  return containers;
+                }
                 if (edge.node.to.data.__typename === 'ConfluenceSpace') {
                   containers.push({
                     id: edge.node.to.id,

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

@@ -16,7 +16,6 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import CrossIcon from '@atlaskit/icon/core/close';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import Link from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { ContainerIcon } from '../../../common/ui/container-icon';
@@ -62,25 +61,21 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
     setShowCloseIcon = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    showMoreIcon = _useState6[0],
-    setShowMoreIcon = _useState6[1];
+    isDropdownOpen = _useState6[0],
+    setIsDropdownOpen = _useState6[1];
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _usePeopleAndTeamAnal = usePeopleAndTeamAnalytics(),
     fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
   var handleMouseEnter = function handleMouseEnter() {
     setHovered(true);
-    if (containerType === 'WebLink') {
-      setShowMoreIcon(true);
-    } else {
+    if (containerType !== 'WebLink') {
       setShowCloseIcon(true);
     }
   };
   var handleMouseLeave = function handleMouseLeave() {
     setHovered(false);
-    if (containerType === 'WebLink') {
-      setShowMoreIcon(false);
-    } else {
+    if (containerType !== 'WebLink') {
       setShowCloseIcon(false);
     }
   };
@@ -173,7 +168,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
         }
       });
     }
-  }))), showMoreIcon && /*#__PURE__*/React.createElement(Box, {
+  }))), containerType === 'WebLink' && (hovered || isDropdownOpen) && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.showMoreIconWrapper
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: function trigger(_ref2) {
@@ -193,7 +188,10 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
       }));
     },
     placement: "bottom-end",
-    shouldRenderToParent: fg('should-render-to-parent-should-be-true-people-and-')
+    shouldRenderToParent: true,
+    onOpenChange: function onOpenChange(attrs) {
+      setIsDropdownOpen(attrs.isOpen);
+    }
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
     onClick: function onClick(e) {
       e.preventDefault();

package/package.json

@@ -37,7 +37,7 @@
 		"@atlaskit/dropdown-menu": "^16.1.0",
 		"@atlaskit/feature-gate-js-client": "^5.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon": "^27.1.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.1.0",
@@ -47,7 +47,7 @@
 		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/teams-client": "^4.5.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -114,7 +114,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.39.0",
+	"version": "0.39.2",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -136,6 +136,9 @@
 		},
 		"enable_web_links_in_team_containers": {
 			"type": "boolean"
+		},
+		"enable_team_containers_null_check": {
+			"type": "boolean"
 		}
 	}
 }