@atlaskit/profilecard 16.1.0 → 16.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 16.2.0
+
+### Minor Changes
+
+- [`4039320b130`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4039320b130) - Support lazy loading in the ProfileCardTrigger component
+
 ## 16.1.0
 
 ### Minor Changes

package/dist/cjs/components/Team/lazyTeamProfileCard.js

@@ -16,10 +16,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var TeamProfileCardLazy = /*#__PURE__*/(0, _react.lazy)(function () {
-  return (// eslint-disable-next-line import/dynamic-import-chunkname
-    Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('./TeamProfileCard'));
-    })
-  );
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./TeamProfileCard'));
+  });
 });
 exports.TeamProfileCardLazy = TeamProfileCardLazy;

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

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,7 +27,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 
@@ -37,10 +39,14 @@ var _Card = require("../../styled/Card");
 
 var _config = require("../../util/config");
 
-var _ProfileCard = _interopRequireDefault(require("./ProfileCard"));
+var _lazyProfileCard = require("./lazyProfileCard");
 
 var _UserLoadingState = _interopRequireDefault(require("./UserLoadingState"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -221,12 +227,14 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         onMouseEnter: this.showProfilecard,
         onMouseLeave: this.hideProfilecard
       } : {};
-      return /*#__PURE__*/_react.default.createElement("div", wrapperProps, /*#__PURE__*/_react.default.createElement(_ProfileCard.default, (0, _extends2.default)({}, newProps, {
+      return /*#__PURE__*/_react.default.createElement("div", wrapperProps, this.state.visible && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+        fallback: null
+      }, /*#__PURE__*/_react.default.createElement(_lazyProfileCard.ProfileCardLazy, (0, _extends2.default)({}, newProps, {
         actions: this.filterActions(),
         hasError: this.state.hasError,
         errorType: this.state.error,
         withoutElevation: true
-      })));
+      }))));
     }
   }, {
     key: "renderWithTrigger",

package/dist/cjs/components/User/index.js

@@ -17,33 +17,19 @@ Object.defineProperty(exports, "DELAY_MS_SHOW", {
     return _config.DELAY_MS_SHOW;
   }
 });
-Object.defineProperty(exports, "ProfileCard", {
+Object.defineProperty(exports, "ProfileCardLazy", {
   enumerable: true,
   get: function get() {
-    return _ProfileCard.default;
-  }
-});
-Object.defineProperty(exports, "ProfileCardResourced", {
-  enumerable: true,
-  get: function get() {
-    return _ProfileCardResourced.default;
-  }
-});
-Object.defineProperty(exports, "ProfileCardTrigger", {
-  enumerable: true,
-  get: function get() {
-    return _ProfileCardTrigger.default;
+    return _lazyProfileCard.ProfileCardLazy;
   }
 });
 exports.default = void 0;
 
 var _config = require("../../util/config");
 
-var _ProfileCard = _interopRequireDefault(require("./ProfileCard"));
+var _lazyProfileCard = require("./lazyProfileCard");
 
 var _ProfileCardTrigger = _interopRequireDefault(require("./ProfileCardTrigger"));
 
-var _ProfileCardResourced = _interopRequireDefault(require("./ProfileCardResourced"));
-
 var _default = _ProfileCardTrigger.default;
 exports.default = _default;

package/dist/cjs/components/User/lazyProfileCard.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProfileCardLazy = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _react = require("react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ProfileCardLazy = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./ProfileCard'));
+  });
+});
+exports.ProfileCardLazy = ProfileCardLazy;

package/dist/cjs/index.js

@@ -103,7 +103,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // importing directly from @atlaskit/profilecard.
 // Note: when generating and updating Flow types in Jira, `TeamProfileClient` and `TeamProfileCardClient` are the same type
 // Note: when generating and updating Flow types in Jira, `UserProfileClient` and `UserProfileCardClient` are the same type
-// Do not export TeamProfileCard here as it will break lazy-loading for the team trigger.
 // Legacy Profile Card in Jira still needs to use `withOuterListeners`
 // We cannot export this component inside `./components/Team/index.ts` because it breaks the lazyload
 // so we have to export this here. `TeamProfileCard` helps to build legacy team profile card inside Jira FE.

package/dist/cjs/util/analytics.js

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

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.1.0"
+	"version": "16.2.0"
 }

package/dist/es2019/components/Team/lazyTeamProfileCard.js

@@ -1,5 +1,4 @@
 import { lazy } from 'react';
-export const TeamProfileCardLazy = /*#__PURE__*/lazy(() => // eslint-disable-next-line import/dynamic-import-chunkname
-import(
-/* webpackChunkName:"lazy-team-profilecard" */
+export const TeamProfileCardLazy = /*#__PURE__*/lazy(() => import(
+/* webpackChunkName: "@atlaskit-internal_lazy-team-profilecard" */
 './TeamProfileCard'));

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

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
+import React, { Suspense } from 'react';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActions from '../../internal/filterActions';
 import { CardWrapper } from '../../styled/Card';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
-import Profilecard from './ProfileCard';
+import { ProfileCardLazy } from './lazyProfileCard';
 import UserLoadingState from './UserLoadingState';
 
 class ProfilecardTrigger extends React.PureComponent {
@@ -172,12 +172,14 @@ class ProfilecardTrigger extends React.PureComponent {
       onMouseEnter: this.showProfilecard,
       onMouseLeave: this.hideProfilecard
     } : {};
-    return /*#__PURE__*/React.createElement("div", wrapperProps, /*#__PURE__*/React.createElement(Profilecard, _extends({}, newProps, {
+    return /*#__PURE__*/React.createElement("div", wrapperProps, this.state.visible && /*#__PURE__*/React.createElement(Suspense, {
+      fallback: null
+    }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, newProps, {
       actions: this.filterActions(),
       hasError: this.state.hasError,
       errorType: this.state.error,
       withoutElevation: true
-    })));
+    }))));
   }
 
   renderWithTrigger() {

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

@@ -1,6 +1,4 @@
-import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
-import ProfileCard from './ProfileCard';
+export { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
+export { ProfileCardLazy } from './lazyProfileCard';
 import ProfileCardTrigger from './ProfileCardTrigger';
-export { DELAY_MS_HIDE, DELAY_MS_SHOW, ProfileCard, ProfileCardTrigger };
-export { default as ProfileCardResourced } from './ProfileCardResourced';
 export default ProfileCardTrigger;

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

@@ -0,0 +1,4 @@
+import { lazy } from 'react';
+export const ProfileCardLazy = /*#__PURE__*/lazy(() => import(
+/* webpackChunkName: "@atlaskit-internal_lazy-profilecard" */
+'./ProfileCard'));

package/dist/es2019/index.js

@@ -8,8 +8,7 @@ import UserProfileClient, { modifyResponse } from './client/UserProfileCardClien
 import TeamProfileCardTrigger from './components/Team/TeamProfileCardTrigger';
 import ProfileCard from './components/User/ProfileCard';
 import ProfileCardResourced from './components/User/ProfileCardResourced';
-import ProfileCardTrigger from './components/User/ProfileCardTrigger'; // Do not export TeamProfileCard here as it will break lazy-loading for the team trigger.
-
+import ProfileCardTrigger from './components/User/ProfileCardTrigger';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from './util/config'; // Legacy Profile Card in Jira still needs to use `withOuterListeners`
 
 export { default as withOuterListeners } from './util/withOuterListeners';

package/dist/es2019/util/analytics.js

@@ -11,7 +11,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "16.1.0",
+    packageVersion: "16.2.0",
     ...attributes,
     firedAt: getPageTime()
   }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.1.0"
+	"version": "16.2.0"
 }

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

@@ -1,8 +1,6 @@
 import { lazy } from 'react';
 export var TeamProfileCardLazy = /*#__PURE__*/lazy(function () {
-  return (// eslint-disable-next-line import/dynamic-import-chunkname
-    import(
-    /* webpackChunkName:"lazy-team-profilecard" */
-    './TeamProfileCard')
-  );
+  return import(
+  /* webpackChunkName: "@atlaskit-internal_lazy-team-profilecard" */
+  './TeamProfileCard');
 });

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

@@ -16,13 +16,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import React from 'react';
+import React, { Suspense } from 'react';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import _filterActions from '../../internal/filterActions';
 import { CardWrapper } from '../../styled/Card';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
-import Profilecard from './ProfileCard';
+import { ProfileCardLazy } from './lazyProfileCard';
 import UserLoadingState from './UserLoadingState';
 
 var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
@@ -210,12 +210,14 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         onMouseEnter: this.showProfilecard,
         onMouseLeave: this.hideProfilecard
       } : {};
-      return /*#__PURE__*/React.createElement("div", wrapperProps, /*#__PURE__*/React.createElement(Profilecard, _extends({}, newProps, {
+      return /*#__PURE__*/React.createElement("div", wrapperProps, this.state.visible && /*#__PURE__*/React.createElement(Suspense, {
+        fallback: null
+      }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, newProps, {
         actions: this.filterActions(),
         hasError: this.state.hasError,
         errorType: this.state.error,
         withoutElevation: true
-      })));
+      }))));
     }
   }, {
     key: "renderWithTrigger",

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

@@ -1,6 +1,4 @@
-import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
-import ProfileCard from './ProfileCard';
+export { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
+export { ProfileCardLazy } from './lazyProfileCard';
 import ProfileCardTrigger from './ProfileCardTrigger';
-export { DELAY_MS_HIDE, DELAY_MS_SHOW, ProfileCard, ProfileCardTrigger };
-export { default as ProfileCardResourced } from './ProfileCardResourced';
 export default ProfileCardTrigger;

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

@@ -0,0 +1,6 @@
+import { lazy } from 'react';
+export var ProfileCardLazy = /*#__PURE__*/lazy(function () {
+  return import(
+  /* webpackChunkName: "@atlaskit-internal_lazy-profilecard" */
+  './ProfileCard');
+});

package/dist/esm/index.js

@@ -8,8 +8,7 @@ import UserProfileClient, { modifyResponse } from './client/UserProfileCardClien
 import TeamProfileCardTrigger from './components/Team/TeamProfileCardTrigger';
 import ProfileCard from './components/User/ProfileCard';
 import ProfileCardResourced from './components/User/ProfileCardResourced';
-import ProfileCardTrigger from './components/User/ProfileCardTrigger'; // Do not export TeamProfileCard here as it will break lazy-loading for the team trigger.
-
+import ProfileCardTrigger from './components/User/ProfileCardTrigger';
 import { DELAY_MS_HIDE, DELAY_MS_SHOW } from './util/config'; // Legacy Profile Card in Jira still needs to use `withOuterListeners`
 
 export { default as withOuterListeners } from './util/withOuterListeners';

package/dist/esm/util/analytics.js

@@ -19,7 +19,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "16.1.0"
+      packageVersion: "16.2.0"
     }, attributes), {}, {
       firedAt: getPageTime()
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.1.0"
+	"version": "16.2.0"
 }

package/dist/types/components/User/index.d.ts

@@ -1,6 +1,4 @@
-import { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
-import ProfileCard from './ProfileCard';
+export { DELAY_MS_HIDE, DELAY_MS_SHOW } from '../../util/config';
+export { ProfileCardLazy } from './lazyProfileCard';
 import ProfileCardTrigger from './ProfileCardTrigger';
-export { DELAY_MS_HIDE, DELAY_MS_SHOW, ProfileCard, ProfileCardTrigger };
-export { default as ProfileCardResourced } from './ProfileCardResourced';
 export default ProfileCardTrigger;

package/dist/types/components/User/lazyProfileCard.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ProfileCardLazy: import("react").LazyExoticComponent<typeof import("./ProfileCard").default>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "16.1.0",
+  "version": "16.2.0",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,12 +42,12 @@
     "@atlaskit/avatar": "^20.5.0",
     "@atlaskit/avatar-group": "^8.3.0",
     "@atlaskit/button": "^16.0.0",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/lozenge": "^11.0.0",
     "@atlaskit/menu": "^1.2.0",
-    "@atlaskit/popup": "^1.2.0",
+    "@atlaskit/popup": "^1.3.0",
     "@atlaskit/spinner": "^15.0.0",
-    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.4.0",
     "@babel/runtime": "^7.0.0",
     "date-fns": "^2.17.0",