@atlaskit/profilecard 22.0.2 → 22.1.0

package/dist/cjs/styled/ReportingLines.js

@@ -1,3 +1,4 @@
+/* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,32 +6,68 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReportingLinesSection = exports.OffsetWrapper = exports.ManagerSection = exports.ManagerName = void 0;
+require("./ReportingLines.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _css = require("@atlaskit/css");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var styles = {
+  reportingLinesSection: "_18u01b66 _19pku2gc",
+  managerSection: "_1e0c1txw _4cvr1h6o _18u01b66 _19pk1b66 _otyr1b66 _2hwx1b66",
+  managerName: "_11c81vlj _18u0u2gc",
+  offsetWrapper: "_19pk1b66 _18u0r5cr"
+};
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ReportingLinesSection = exports.ReportingLinesSection = _styled.default.div({
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/use-primitives -- Ignored via go/DSP-18766
+var ReportingLinesSectionLegacy = _styled.default.div({
   // Minor left margin to align better with existing icon fields
   marginLeft: "var(--ds-space-050, 4px)",
   marginTop: "var(--ds-space-100, 8px)"
 });
+var ReportingLinesSection = exports.ReportingLinesSection = function ReportingLinesSection(_ref) {
+  var children = _ref.children;
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.reportingLinesSection)
+  }, children) : /*#__PURE__*/_react.default.createElement(ReportingLinesSectionLegacy, null, children);
+};
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ManagerSection = exports.ManagerSection = _styled.default.div({
+var ManagerSectionLegacy = _styled.default.div({
   display: 'flex',
   alignItems: 'center',
   margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
 });
+var ManagerSection = exports.ManagerSection = function ManagerSection(_ref2) {
+  var children = _ref2.children;
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.managerSection)
+  }, children) : /*#__PURE__*/_react.default.createElement(ManagerSectionLegacy, null, children);
+};
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ManagerName = exports.ManagerName = _styled.default.span({
+var ManagerNameLegacy = _styled.default.span({
   font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   marginLeft: "var(--ds-space-100, 8px)"
 });
+var ManagerName = exports.ManagerName = function ManagerName(_ref3) {
+  var children = _ref3.children;
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.managerName)
+  }, children) : /*#__PURE__*/_react.default.createElement(ManagerNameLegacy, null, children);
+};
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var OffsetWrapper = exports.OffsetWrapper = _styled.default.div({
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/use-primitives -- Ignored via go/DSP-18766
+var OffsetWrapperLegacy = _styled.default.div({
   marginTop: "var(--ds-space-050, 4px)",
   // Offset left margin so the avatar aligns with the heading
   marginLeft: "var(--ds-space-negative-050, -4px)"
-});
+});
+var OffsetWrapper = exports.OffsetWrapper = function OffsetWrapper(_ref4) {
+  var children = _ref4.children;
+  return (0, _platformFeatureFlags.fg)('compiled-migration-profilecard') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _css.cx)(styles.offsetWrapper)
+  }, children) : /*#__PURE__*/_react.default.createElement(OffsetWrapperLegacy, null, children);
+};

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "22.0.2"
+      packageVersion: "22.1.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.0.2");
+  headers.append('atl-client-version', "22.1.0");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -75,7 +75,7 @@ export const 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', "22.0.2");
+  headers.append('atl-client-version', "22.1.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Icon/IconLabel.js

@@ -4,6 +4,7 @@ import IconRecent from '@atlaskit/icon/core/migration/clock--recent';
 import IconEmail from '@atlaskit/icon/core/migration/email';
 import IconLocation from '@atlaskit/icon/core/migration/location';
 import OfficeBuildingIcon from '@atlaskit/icon/core/migration/office-building';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { DetailsLabel, DetailsLabelIcon, DetailsLabelText } from '../../styled/Card';
 const icons = {
   location: IconLocation,
@@ -22,13 +23,11 @@ export default class IconLabel extends React.PureComponent {
     const displayIcon = IconElement ? /*#__PURE__*/React.createElement(IconElement, {
       label: `${this.props.icon}`,
       LEGACY_size: "small",
-      color: "currentColor"
+      color: fg('compiled-migration-profilecard') ? "var(--ds-text-subtlest, #626F86)" : 'currentColor'
     }) : null;
-    return /*#__PURE__*/React.createElement(DetailsLabel, null, /*#__PURE__*/React.createElement(DetailsLabelIcon, {
-      as: "dt"
-    }, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, {
-      as: "dd"
-    }, this.props.children));
+    return /*#__PURE__*/React.createElement(DetailsLabel, {
+      extraTopSpace: this.props.extraTopSpace
+    }, /*#__PURE__*/React.createElement(DetailsLabelIcon, null, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, null, this.props.children));
   }
 }
 _defineProperty(IconLabel, "defaultProps", {

package/dist/es2019/components/User/OverflowProfileCardButtons.js

@@ -31,7 +31,7 @@ export const OverflowProfileCardButtons = props => {
     });
   }, [numActions, fireAnalyticsWithDuration]);
   return /*#__PURE__*/React.createElement(OverflowActionButtonsWrapper, {
-    "data-testid": "profilecard-actions-overflow"
+    testId: "profilecard-actions-overflow"
   }, /*#__PURE__*/React.createElement(DropdownMenu, {
     onOpenChange: onOpenChange,
     placement: 'bottom-end',

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

@@ -44,9 +44,9 @@ const useKudos = (cloudId, userId, teamCentralBaseUrl, openKudosDrawer) => {
   };
 };
 const Wrapper = props => /*#__PURE__*/React.createElement(CardWrapper, {
-  "data-testid": "profilecard",
+  testId: "profilecard",
   role: "dialog",
-  "aria-labelledby": "profilecard-name-label"
+  labelledBy: "profilecard-name-label"
 }, props.children);
 export const ProfilecardInternal = props => {
   const [openTime] = useState(getPageTime());
@@ -148,7 +148,7 @@ const Actions = ({
   const regularActions = actions.slice(0, ACTION_OVERFLOW_THRESHOLD);
   const overflowActions = actions.length > ACTION_OVERFLOW_THRESHOLD ? actions.slice(ACTION_OVERFLOW_THRESHOLD) : undefined;
   return /*#__PURE__*/React.createElement(ActionButtonGroup, {
-    "data-testid": "profilecard-actions"
+    testId: "profilecard-actions"
   }, regularActions.map((action, index) => {
     const isKudos = action.id === GIVE_KUDOS_ACTION_ID;
     const button = /*#__PURE__*/React.createElement(FocusRing, {
@@ -182,7 +182,7 @@ const LoadingView = ({
     }));
   }, [fireAnalyticsWithDuration]);
   return /*#__PURE__*/React.createElement(SpinnerContainer, {
-    "data-testid": "profilecard-spinner-container"
+    testId: "profilecard-spinner-container"
   }, /*#__PURE__*/React.createElement(Spinner, null));
 };
 export default withAnalyticsEvents()(ProfilecardInternal);

package/dist/es2019/components/User/ProfileCardDetails.js

@@ -81,7 +81,7 @@ const BotProfileCardDetails = props => {
     fullName,
     nickname
   } = props;
-  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/React.createElement(AppTitleLabel, null, "App"));
+  return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(nickname, fullName), /*#__PURE__*/React.createElement(AppTitleLabel, null, "APP"));
 };
 const DisabledProfileCardDetails = props => {
   const {
@@ -124,7 +124,8 @@ export const ProfileCardDetails = props => {
     as: "dl",
     xcss: detailedListWrapperStyles
   }, /*#__PURE__*/React.createElement(IconLabel, {
-    icon: "email"
+    icon: "email",
+    extraTopSpace: true
   }, props.email), /*#__PURE__*/React.createElement(IconLabel, {
     icon: "time"
   }, props.timestring), /*#__PURE__*/React.createElement(IconLabel, {

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

@@ -134,7 +134,7 @@ class ProfileCardResourced extends React.PureComponent {
       }));
     } else if (hasError) {
       return /*#__PURE__*/React.createElement(CardWrapper, {
-        "data-testid": "profile-card-resourced-error-state"
+        testId: "profile-card-resourced-error-state"
       }, /*#__PURE__*/React.createElement(ErrorMessage, {
         errorType: error,
         reload: this.clientFetchProfile,

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

@@ -341,7 +341,7 @@ export default function ProfilecardTriggerNext({
 const LoadingView = ({
   fireAnalytics
 }) => /*#__PURE__*/React.createElement(CardWrapper, {
-  "data-testId": "profilecard.profilecardtrigger.loading"
+  testId: "profilecard.profilecardtrigger.loading"
 }, /*#__PURE__*/React.createElement(UserLoadingState, {
   fireAnalytics: fireAnalytics
 }));

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

@@ -0,0 +1,78 @@
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._zulp12x7{gap:var(--ds-space-075,6px)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
+._12vemgnk{background-repeat:no-repeat}
+._154i1ejb{top:var(--ds-space-300,24px)}
+._154ixy5q{top:var(--ds-space-400,2pc)}
+._154ize3t{top:var(--ds-space-0,0)}
+._16jlkb7n{flex-grow:1}
+._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._18m915vq{overflow-y:hidden}
+._18u01epz{margin-left:var(--ds-space-1000,5pc)}
+._18u0u2gc{margin-left:var(--ds-space-100,8px)}
+._18u0utpp{margin-left:var(--ds-space-150,9pt)}
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
+._19bv12x7{padding-left:var(--ds-space-075,6px)}
+._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._19bvxy5q{padding-left:var(--ds-space-400,2pc)}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
+._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}
+._1bsbzwfg{width:2pc}
+._1bto1l2s{text-overflow:ellipsis}
+._1e0c1o8l{display:inline-block}
+._1e0c1txw{display:flex}
+._1e0c1ule{display:block}
+._1e0cglyw{display:none}
+._1itk1419{background-image:linear-gradient(to bottom,var(--ds-background-brand-bold,#0c66e4) 0,var(--ds-background-brand-bold,#0c66e4) 100%)}
+._1itkkf3t{background-image:linear-gradient(to bottom,var(--ds-background-disabled,#091e4208) 0,var(--ds-background-disabled,#091e4208) 100%)}
+._1itkq1hn{background-image:radial-gradient(circle,var(--ds-background-information-pressed,#85b8ff) 0,var(--ds-background-discovery-pressed,#b8acf6) 25%,transparent 50%)}
+._1lrw14bs{background-size:100% 6pc}
+._1ltv1ejb{left:var(--ds-space-300,24px)}
+._1ltvze3t{left:var(--ds-space-0,0)}
+._1n261g80{flex-wrap:wrap}
+._1o9zidpf{flex-shrink:0}
+._1pby1mrw{z-index:-1}
+._1reo15vq{overflow-x:hidden}
+._1tkebv7e{min-height:136px}
+._1xi2ze3t{right:var(--ds-space-0,0)}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
+._2lx21bp4{flex-direction:column}
+._2lx2vrvc{flex-direction:row}
+._4cvr1h6o{align-items:center}
+._4t3i16xz{height:6pc}
+._4t3i1w81{height:150px}
+._4t3i7vkz{height:1pc}
+._4t3izwfg{height:2pc}
+._5sagi11n{animation-duration:3s}
+._94n5ze3t{bottom:var(--ds-space-0,0)}
+._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._i0dl1wug{flex-basis:auto}
+._j7hq1q51{animation-name:k1ojqp0a}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}
+._mkrz1rip{clip-path:inset(0 0 0 0 round 3px)}
+._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
+._o5721q9c{white-space:nowrap}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
+._s7n4jp4b{vertical-align:top}
+._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._tip8kb7n{animation-iteration-count:1}
+._u5f312x7{padding-right:var(--ds-space-075,6px)}
+._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
+._y3gnusic{text-align:right}
+@keyframes k1ojqp0a{0%{transform:translate(-5pc,-50px)}to{transform:translate(90px,-70px)}}