@atlaskit/profilecard 23.16.4 → 23.16.7

package/dist/es2019/styled/TeamTrigger.js

@@ -0,0 +1,97 @@
+/* TeamTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./TeamTrigger.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
+import { N20 } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
+import { bgColor, teamHeaderBgColor } from './constants';
+import { CoverImage } from './CoverImage';
+const styles = {
+  cardtriggerwrapper: "_1e0c1kw7",
+  cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
+  cardheader: "_4t3i1qr7 _1bsb1osq",
+  cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
+  loadingwrapper: "_y3gn1h6o _19pk1jfw _otyr1jfw"
+};
+export const CardTriggerWrapper = () => fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
+  xcss: cx(styles.cardtriggerwrapper)
+}) : /*#__PURE__*/React.createElement(CardTriggerWrapperLegacy, null);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+const CardTriggerWrapperLegacy = styled.div({
+  display: 'inherit'
+});
+export const CardWrapper = ({
+  testId,
+  children
+}) => fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
+  xcss: cx(styles.cardwrapper),
+  backgroundColor: "elevation.surface.overlay",
+  testId: testId
+}, children) : /*#__PURE__*/React.createElement(CardWrapperLegacy, {
+  "data-testid": testId
+}, children);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+const CardWrapperLegacy = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundColor: bgColor,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  borderRadius: `${borderRadius()}px`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  width: '320px',
+  position: 'relative',
+  WebkitFontSmoothing: 'antialiased',
+  MozOsxFontSmoothing: 'grayscale'
+});
+export const CardHeader = ({
+  image,
+  isLoading,
+  label
+}) => fg('compiled-migration-profilecard') ? isLoading || !image ? /*#__PURE__*/React.createElement(Box, {
+  xcss: cx(styles.cardheader),
+  backgroundColor: "color.background.neutral"
+}) : /*#__PURE__*/React.createElement(CoverImage, {
+  alt: label || '',
+  src: image
+}) : /*#__PURE__*/React.createElement(CardHeaderLegacy, {
+  image: image,
+  isLoading: isLoading
+});
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+const CardHeaderLegacy = styled.div`
+	background-color: ${props => props.isLoading ? `var(--ds-background-neutral, ${N20})` : props.image ? '' : teamHeaderBgColor};
+	background-image: ${props => props.image ? `url(${props.image})` : ''};
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+	box-sizing: content-box;
+	height: 128px;
+`;
+export const CardContent = props => fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, _extends({
+  xcss: cx(styles.cardcontent)
+}, props)) : /*#__PURE__*/React.createElement(CardContentLegacy, props);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+const CardContentLegacy = styled.div({
+  display: 'flex',
+  flexDirection: 'column',
+  padding: "var(--ds-space-300, 24px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  minHeight: '104px'
+});
+export const LoadingWrapper = props => fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, _extends({
+  xcss: cx(styles.loadingwrapper)
+}, props)) : /*#__PURE__*/React.createElement(LoadingWrapperLegacy, {
+  "data-testid": props.testId
+}, props.children);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+const LoadingWrapperLegacy = styled.div({
+  textAlign: 'center',
+  marginTop: "var(--ds-space-500, 40px)"
+});

package/dist/es2019/styled/UserTrigger.compiled.css

@@ -0,0 +1,7 @@
+
+._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._1bah1h6o{justify-content:center}
+._1bsb1gwv{width:360px}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._4t3i16xz{height:6pc}
+._kqswh2mm{position:relative}

package/dist/es2019/styled/UserTrigger.js

@@ -0,0 +1,57 @@
+/* UserTrigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+// PLEASE NOTE: This file is sync-loaded with the trigger components. Only add components here that
+// are necessary for the main render of the trigger component to help maintain bundle size.
+/* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
+import "./UserTrigger.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
+import { bgColor } from './constants';
+const styles = {
+  cardWrapper: "_2rkoglpi _1bsb1gwv",
+  spinnerContainer: "_4cvr1h6o _1e0c1txw _4t3i16xz _1bah1h6o _kqswh2mm"
+};
+export const CardWrapper = ({
+  children,
+  role,
+  testId,
+  labelledBy
+}) => fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
+  xcss: cx(styles.cardWrapper),
+  backgroundColor: 'elevation.surface.overlay',
+  role: role,
+  testId: testId,
+  "aria-labelledby": labelledBy
+}, children) : /*#__PURE__*/React.createElement(CardWrapperLegacy, {
+  "data-testid": testId,
+  role: role,
+  "aria-labelledby": labelledBy
+}, children);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+const CardWrapperLegacy = styled.div`
+	background-color: ${bgColor};
+	border-radius: ${"var(--ds-border-radius, 3px)"};
+	width: 360px;
+`;
+export const SpinnerContainer = ({
+  children,
+  testId
+}) => fg('compiled-migration-profilecard') ? /*#__PURE__*/React.createElement(Box, {
+  testId: testId,
+  xcss: cx(styles.spinnerContainer)
+}, children) : /*#__PURE__*/React.createElement(SpinnerContainerLegacy, {
+  "data-testid": testId
+}, children);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+const SpinnerContainerLegacy = styled.div`
+	align-items: center;
+	display: flex;
+	height: 96px;
+	justify-content: center;
+	position: relative;
+`;

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "23.16.4",
+    packageVersion: "23.16.7",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/UserProfileCardClient.js

@@ -99,7 +99,7 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
     value: function () {
       var _makeRequest = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(cloudId, userId) {
         var _user$extendedProfile, _user$extendedProfile2, _user$extendedProfile3, _user$extendedProfile4, _user$extendedProfile5;
-        var gatewayGraphqlUrl, urlWithOperationName, userQueryPromise, user, timestring, localWeekdayIndex;
+        var gatewayGraphqlUrl, urlWithOperationName, userQueryPromise, user, timestring, localWeekdayIndex, timeFormat;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -111,11 +111,12 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
             case 5:
               user = _context2.sent;
               localWeekdayIndex = new Date().getDay().toString();
+              timeFormat = fg('platform_profilecard-update-time-format') ? 'h:mmaaa' : 'h:mmbbb';
               if (user.zoneinfo) {
                 if (localTime(user.zoneinfo, 'i') === localWeekdayIndex) {
-                  timestring = localTime(user.zoneinfo, 'h:mmbbb') || undefined;
+                  timestring = localTime(user.zoneinfo, timeFormat) || undefined;
                 } else {
-                  timestring = localTime(user.zoneinfo, 'eee h:mmbbb') || undefined;
+                  timestring = localTime(user.zoneinfo, "eee ".concat(timeFormat)) || undefined;
                 }
               }
               return _context2.abrupt("return", _objectSpread(_objectSpread({}, user), {}, {
@@ -132,7 +133,7 @@ var UserProfileCardClient = /*#__PURE__*/function (_CachingClient) {
                 companyName: (_user$extendedProfile5 = user.extendedProfile) === null || _user$extendedProfile5 === void 0 ? void 0 : _user$extendedProfile5.organization,
                 timestring: timestring
               }));
-            case 9:
+            case 10:
             case "end":
               return _context2.stop();
           }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.16.4");
+  headers.append('atl-client-version', "23.16.7");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -56,7 +56,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "23.16.4");
+  headers.append('atl-client-version', "23.16.7");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Team/TeamLoadingState.js

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import Spinner from '@atlaskit/spinner';
-import { CardContent, CardHeader, CardWrapper, LoadingWrapper } from '../../styled/TeamCard';
+import { CardContent, CardHeader, CardWrapper, LoadingWrapper } from '../../styled/TeamTrigger';
 import { profileCardRendered } from '../../util/analytics';
 export default (function (props) {
   var analytics = props.analytics;

package/dist/esm/components/Team/TeamProfileCard.js

@@ -23,7 +23,8 @@ import Tooltip from '@atlaskit/tooltip';
 import messages from '../../messages';
 import { AnimatedKudosButton, AnimationWrapper, KudosBlobAnimation } from '../../styled/Card';
 import { ErrorWrapper, TeamErrorText } from '../../styled/Error';
-import { ActionButtons, AvatarSection, CardContent, CardHeader, CardWrapper, Description, DescriptionWrapper, MemberCount, MoreButton, TeamName, WrappedButton } from '../../styled/TeamCard';
+import { ActionButtons, AvatarSection, Description, DescriptionWrapper, MemberCount, MoreButton, TeamName, WrappedButton } from '../../styled/TeamCard';
+import { CardContent, CardHeader, CardWrapper } from '../../styled/TeamTrigger';
 import { actionClicked, errorRetryClicked, moreActionsClicked, moreMembersClicked, profileCardRendered, teamAvatarClicked } from '../../util/analytics';
 import { isBasicClick } from '../../util/click';
 import { ErrorIllustration } from '../Error';

package/dist/esm/components/User/ProfileCard.js

@@ -12,7 +12,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import { N0 } from '@atlaskit/theme/colors';
 import messages from '../../messages';
-import { ActionButtonGroup, ActionsFlexSpacer, AnimatedKudosButton, AnimationWrapper, CardContainer, CardContent, CardWrapper, KudosBlobAnimation, ProfileImage, SpinnerContainer } from '../../styled/Card';
+import { ActionButtonGroup, ActionsFlexSpacer, AnimatedKudosButton, AnimationWrapper, CardContainer, CardContent, KudosBlobAnimation, ProfileImage } from '../../styled/Card';
+import { CardWrapper, SpinnerContainer } from '../../styled/UserTrigger';
 import { actionClicked, fireEvent, profileCardRendered } from '../../util/analytics';
 import { isBasicClick } from '../../util/click';
 import { getPageTime } from '../../util/performance';

package/dist/esm/components/User/ProfileCardResourced.js

@@ -14,7 +14,7 @@ import React, { Suspense } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
 import filterActions from '../../internal/filterActions';
-import { CardWrapper } from '../../styled/Card';
+import { CardWrapper } from '../../styled/UserTrigger';
 import { fireEvent } from '../../util/analytics';
 import { ErrorMessage } from '../Error';
 import ProfileCard from './ProfileCard';

package/dist/esm/components/User/ProfileCardTrigger.js

@@ -18,7 +18,7 @@ import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
 import getLabelMessage from '../../internal/getLabelMessage';
-import { CardWrapper } from '../../styled/Card';
+import { CardWrapper } from '../../styled/UserTrigger';
 import { cardTriggered, fireEvent } from '../../util/analytics';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
 import { AgentProfileCardResourced } from '../Agent/AgentProfileCardResourced';

package/dist/esm/components/User/UserLoadingState.js

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import AkSpinner from '@atlaskit/spinner';
-import { SpinnerContainer } from '../../styled/Card';
+import { SpinnerContainer } from '../../styled/UserTrigger';
 import { profileCardRendered } from '../../util/analytics';
 var UserLoadingState = function UserLoadingState(_ref) {
   var fireAnalytics = _ref.fireAnalytics;

package/dist/esm/components/common/LoadingState.js

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import AkSpinner from '@atlaskit/spinner';
-import { SpinnerContainer } from '../../styled/Card';
+import { SpinnerContainer } from '../../styled/UserTrigger';
 import { profileCardRendered } from '../../util/analytics';
 export var LoadingState = function LoadingState(_ref) {
   var fireAnalytics = _ref.fireAnalytics,

package/dist/esm/components/team-profile-card/team-connections/main.js

@@ -18,7 +18,10 @@ export var TeamConnections = function TeamConnections(_ref) {
     title = _ref.title,
     containerIcon = _ref.containerIcon,
     link = _ref.link;
-  var _getContainerProperti = getContainerProperties(containerType, 'medium'),
+  var _getContainerProperti = getContainerProperties({
+      containerType: containerType,
+      iconSize: 'medium'
+    }),
     description = _getContainerProperti.description,
     icon = _getContainerProperti.icon,
     containerTypeText = _getContainerProperti.containerTypeText;
@@ -68,7 +71,10 @@ export var NewTeamConnections = function NewTeamConnections(_ref2) {
     title = _ref2.title,
     containerIcon = _ref2.containerIcon,
     link = _ref2.link;
-  var _getContainerProperti2 = getContainerProperties(containerType, 'medium'),
+  var _getContainerProperti2 = getContainerProperties({
+      containerType: containerType,
+      iconSize: 'medium'
+    }),
     description = _getContainerProperti2.description,
     icon = _getContainerProperti2.icon,
     containerTypeText = _getContainerProperti2.containerTypeText;

package/dist/esm/styled/Card.compiled.css

@@ -22,11 +22,9 @@
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
-._1bah1h6o{justify-content:center}
 ._1bah1y6m{justify-content:flex-start}
 ._1bahesu3{justify-content:flex-end}
 ._1bsb18pt{width:228px}
-._1bsb1gwv{width:360px}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1bsb1w81{width:150px}
 ._1bsb7vkz{width:1pc}
@@ -52,7 +50,6 @@
 ._2lx21bp4{flex-direction:column}
 ._2lx2vrvc{flex-direction:row}
 ._4cvr1h6o{align-items:center}
-._4t3i16xz{height:6pc}
 ._4t3i1w81{height:150px}
 ._4t3i7vkz{height:1pc}
 ._4t3izwfg{height:2pc}