@atlaskit/teams-public 0.50.2 → 0.51.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/teams-public
 
+## 0.51.0
+
+### Minor Changes
+
+- [`3c3c951f9cd92`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3c3c951f9cd92) -
+  [ux] Add create container feature to team profile
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.50.3
+
+### Patch Changes
+
+- [`49ad6b3374d93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/49ad6b3374d93) -
+  Clean up enable_web_links_in_team_containers feature gate
+
 ## 0.50.2
 
 ### Patch Changes

package/dist/cjs/controllers/product-permission/utils.js

@@ -48,7 +48,7 @@ var hasProductPermission = exports.hasProductPermission = function hasProductPer
     });
   }
   return permissionIds === null || permissionIds === void 0 ? void 0 : permissionIds.some(function (permissionId) {
-    var _permissions$product;
-    return (_permissions$product = permissions[product]) === null || _permissions$product === void 0 ? void 0 : _permissions$product[permissionId];
+    var productPermissions = permissions[product];
+    return productPermissions === null || productPermissions === void 0 ? void 0 : productPermissions[permissionId];
   });
 };

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

@@ -0,0 +1,18 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._2rkoop52{border-radius:var(--ds-border-radius-100,8px)}
+._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._18u01wug{margin-left:auto}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bah1h6o{justify-content:center}
+._1bahesu3{justify-content:flex-end}
+._1bsb1osq{width:100%}
+._1bsb1u1b{width:34px}
+._1e0c1txw{display:flex}
+._1qu2nqa1{outline-style:solid}
+._4cvr1h6o{align-items:center}
+._4t3i1u1b{height:34px}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._d0altlke:hover{cursor:pointer}

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

@@ -0,0 +1,155 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = exports.getAddContainerCardsWithCreate = exports.AddContainerCardWithCreate = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
+var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _linkedContainerCardSkeleton = require("../../../../common/ui/team-containers-skeleton/linked-container-card-skeleton");
+var _utils = require("./utils");
+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); }
+var styles = {
+  card: "_4cvr1h6o _1bsb1osq",
+  container: "_2rkoop52 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
+  createButtonWrapper: "_2rkoiti9 _1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug _12jimuej _1qu2nqa1",
+  iconWrapper: "_2rkopd34 _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1"
+};
+var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
+  var children = _ref.children,
+    onClick = _ref.onClick;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  var handleMouseEnter = function handleMouseEnter() {
+    return setHovered(true);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    return setHovered(false);
+  };
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    backgroundColor: hovered ? 'elevation.surface.hovered' : 'elevation.surface.sunken',
+    xcss: styles.container,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onClick: onClick
+  }, children);
+};
+var AddContainerCardWithCreate = exports.AddContainerCardWithCreate = function AddContainerCardWithCreate(_ref2) {
+  var containerType = _ref2.containerType,
+    onCreateContainerClick = _ref2.onCreateContainerClick,
+    isLoading = _ref2.isLoading;
+  var _getContainerProperti = (0, _utils.getContainerProperties)({
+      containerType: containerType
+    }),
+    description = _getContainerProperti.description,
+    icon = _getContainerProperti.icon,
+    title = _getContainerProperti.title;
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(_linkedContainerCardSkeleton.LinkedContainerCardSkeleton, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(AddContainerCardWrapper, {
+    onClick: onCreateContainerClick
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.100",
+    xcss: styles.card
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.iconWrapper
+  }, icon), /*#__PURE__*/_react.default.createElement(_compiled.Stack, (0, _platformFeatureFlags.fg)('enable_medium_size_icons_for_team_link_cards') ? {
+    space: 'space.025'
+  } : {}, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    gap: "space.050",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, description))), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.createButtonWrapper
+  }, /*#__PURE__*/_react.default.createElement(_new.default, {
+    appearance: "subtle",
+    testId: "add-create-icon",
+    onClick: function onClick(e) {
+      onCreateContainerClick(e);
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.createLinkButtonText)))));
+};
+var getAddContainerCardsWithCreate = exports.getAddContainerCardsWithCreate = function getAddContainerCardsWithCreate(_ref3) {
+  var showAddContainer = _ref3.showAddContainer,
+    _onCreateContainerClick = _ref3.onCreateContainerClick,
+    onAddAContainerClick = _ref3.onAddAContainerClick,
+    containersLoading = _ref3.containersLoading;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showAddContainer.Jira && /*#__PURE__*/_react.default.createElement(AddContainerCardWithCreate, {
+    onCreateContainerClick: function onCreateContainerClick(e) {
+      _onCreateContainerClick(e, 'Jira');
+    },
+    containerType: "JiraProject",
+    isLoading: containersLoading.jira
+  }), showAddContainer.Confluence && /*#__PURE__*/_react.default.createElement(AddContainerCardWithCreate, {
+    onCreateContainerClick: function onCreateContainerClick(e) {
+      _onCreateContainerClick(e, 'Confluence');
+    },
+    containerType: "ConfluenceSpace",
+    isLoading: containersLoading.confluence
+  }), showAddContainer.Loom && /*#__PURE__*/_react.default.createElement(AddContainerCardWithCreate, {
+    onCreateContainerClick: function onCreateContainerClick(e) {
+      _onCreateContainerClick(e, 'Loom');
+    },
+    containerType: "LoomSpace",
+    isLoading: containersLoading.loom
+  }), (showAddContainer.Loom || showAddContainer.Jira || showAddContainer.Confluence) && /*#__PURE__*/_react.default.createElement(AddContainerCardWrapper, {
+    onClick: onAddAContainerClick
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.100",
+    xcss: styles.card
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+    label: "Add a container",
+    appearance: "subtle",
+    icon: function icon(iconProps) {
+      return /*#__PURE__*/_react.default.createElement(_add.default, (0, _extends2.default)({}, iconProps, {
+        size: "small"
+      }));
+    },
+    testId: "add-icon",
+    onClick: function onClick(e) {
+      onAddAContainerClick(e);
+      e.stopPropagation();
+    }
+  })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: 'space.025'
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addExistingLinkTitle))))));
+};
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  createLinkButtonText: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-title',
+    defaultMessage: 'Create',
+    description: 'Title of the card to add a Confluence space to a team'
+  },
+  addExistingLinkTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-title',
+    defaultMessage: 'Add an existing space',
+    description: 'Title of the card to add a Confluence space to a team'
+  }
+});

package/dist/cjs/ui/team-containers/add-container-card/add-container-card-with-create/utils.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = exports.getContainerProperties = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _spaces = _interopRequireDefault(require("@atlaskit/icon-lab/core/spaces"));
+var _project = _interopRequireDefault(require("@atlaskit/icon/core/project"));
+var getContainerProperties = exports.getContainerProperties = function getContainerProperties(_ref) {
+  var containerType = _ref.containerType;
+  switch (containerType) {
+    case 'ConfluenceSpace':
+      return {
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.confluenceContainerDescription),
+        icon: /*#__PURE__*/_react.default.createElement(_spaces.default, {
+          label: 'confluence space',
+          spacing: 'spacious'
+        }),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addConfluenceContainerTitle)
+      };
+    case 'LoomSpace':
+      return {
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.loomSpaceDescription),
+        icon: /*#__PURE__*/_react.default.createElement(_spaces.default, {
+          label: 'loom space',
+          spacing: 'spacious'
+        }),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addLoomContainerTitle)
+      };
+    case 'JiraProject':
+      return {
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.jiraProjectDescription),
+        icon: /*#__PURE__*/_react.default.createElement(_project.default, {
+          label: 'jira project',
+          spacing: 'spacious'
+        }),
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addJiraProjectTitle)
+      };
+    default:
+      return {
+        description: null,
+        icon: null,
+        title: null
+      };
+  }
+};
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  addConfluenceContainerTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-title',
+    defaultMessage: 'Confluence space',
+    description: 'Title of the card to add a Confluence space to a team'
+  },
+  confluenceContainerDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-confluence-space-description',
+    defaultMessage: 'Create a knowledge bank',
+    description: 'Description of the card to add a Confluence space to a team'
+  },
+  addLoomContainerTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-loom-space-title',
+    defaultMessage: 'Loom space',
+    description: 'Title of the card to add a Loom space to a team'
+  },
+  loomSpaceDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-loom-space-description',
+    defaultMessage: 'Share async updates',
+    description: 'Description of the card to add a Loom space to a team'
+  },
+  addJiraProjectTitle: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-jira-project-title',
+    defaultMessage: 'Jira project',
+    description: 'Title of the card to add a Jira project to a team'
+  },
+  jiraProjectDescription: {
+    id: 'ptc-directory.team-profile-page.team-containers.add-jira-project-description',
+    defaultMessage: 'Plan out project tasks',
+    description: 'Description of the card to add a Jira project to a team'
+  },
+  emptyWebLinkContainerDescription: {
+    id: 'platform.teams.containers.empty-web-link-description',
+    defaultMessage: 'Add any web link',
+    description: 'Description displayed on the empty card for adding a web link to a team'
+  },
+  webLinkContainerDescription: {
+    id: 'platform.teams.containers.web-link-title-description',
+    defaultMessage: 'Web link',
+    description: 'Description displayed for web link containers in team profile'
+  }
+});

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

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AddContainerCard = void 0;
+exports.getAddContainerCards = exports.AddContainerCard = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -88,4 +88,29 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
     size: "small",
     color: "color.text.subtle"
   }, description)))));
+};
+var getAddContainerCards = exports.getAddContainerCards = function getAddContainerCards(_ref3) {
+  var showAddContainer = _ref3.showAddContainer,
+    _onAddAContainerClick = _ref3.onAddAContainerClick;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showAddContainer.Jira && /*#__PURE__*/_react.default.createElement(AddContainerCard, {
+    onAddAContainerClick: function onAddAContainerClick(e) {
+      return _onAddAContainerClick(e, 'Jira');
+    },
+    containerType: "JiraProject"
+  }), showAddContainer.Confluence && /*#__PURE__*/_react.default.createElement(AddContainerCard, {
+    onAddAContainerClick: function onAddAContainerClick(e) {
+      return _onAddAContainerClick(e, 'Confluence');
+    },
+    containerType: "ConfluenceSpace"
+  }), showAddContainer.Loom && (0, _platformFeatureFlags.fg)('loom_tab_in_container_linker_team_profile_page') && /*#__PURE__*/_react.default.createElement(AddContainerCard, {
+    onAddAContainerClick: function onAddAContainerClick(e) {
+      return _onAddAContainerClick(e, 'Loom');
+    },
+    containerType: "LoomSpace"
+  }), showAddContainer.WebLink && /*#__PURE__*/_react.default.createElement(AddContainerCard, {
+    onAddAContainerClick: function onAddAContainerClick(e) {
+      return _onAddAContainerClick(e, 'WebLink');
+    },
+    containerType: "WebLink"
+  }));
 };