@atlaskit/smart-card 43.8.1 → 43.9.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/smart-card
 
+## 43.9.1
+
+### Patch Changes
+
+- [`b19c48cd86a0f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b19c48cd86a0f) -
+  [ux] Open auth window experiment, behind platform_sl_3p_auth_window_experiment
+- Updated dependencies
+
+## 43.9.0
+
+### Minor Changes
+
+- [`f2ab75f2947ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2ab75f2947ab) -
+  [ux] Add shouldRenderToParent prop to HoverCard which is propagated to the internal Popup
+  component
+
+### Patch Changes
+
+- [`06d5717d57f36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/06d5717d57f36) -
+  Suppress i18n errors
+
 ## 43.8.1
 
 ### Patch Changes

package/dist/cjs/extractors/flexible/icon/extract-file-formatIcon.js

@@ -11,6 +11,7 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
   switch (fileFormat) {
     // Generic documents
     case 'folder':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Folder,
         label: 'Folder'
@@ -18,44 +19,52 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Document,
         label: 'Document'
       };
     case 'application/pdf':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.PDF,
         label: 'PDF document'
       };
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Presentation,
         label: 'Presentation'
       };
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Spreadsheet,
         label: 'Spreadsheet'
       };
     // Google Drive
     case 'application/vnd.google-apps.document':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.GoogleDocs,
         label: 'Google Docs'
       };
     case 'application/vnd.google-apps.form':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.GoogleForms,
         label: 'Google Form'
       };
     case 'application/vnd.google-apps.spreadsheet':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.GoogleSheets,
         label: 'Google Sheets'
       };
     case 'application/vnd.google-apps.presentation':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.GoogleSlides,
         label: 'Google Slides'
@@ -63,18 +72,21 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     // Microsoft
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.MSExcel,
         label: 'Excel spreadsheet'
       };
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.MSPowerpoint,
         label: 'PowerPoint presentation'
       };
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.MSWord,
         label: 'Word document'
@@ -84,11 +96,13 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Image,
         label: 'Image'
       };
     case 'image/gif':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.GIF,
         label: 'GIF'
@@ -98,6 +112,7 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Audio,
         label: 'Audio'
@@ -109,6 +124,7 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Video,
         label: 'Video'
@@ -117,6 +133,7 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Code,
         label: 'Source Code'
@@ -127,26 +144,31 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'application/x-7z-compressed':
     case 'application/x-apple-diskimage':
     case 'application/vnd.rar':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Archive,
         label: 'Archive'
       };
     case 'application/dmg':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Executable,
         label: 'Executable'
       };
     case 'application/sketch':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Sketch,
         label: 'Sketch'
       };
     case 'application/octet-stream':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Generic,
         label: 'Binary file'
       };
     case 'application/invision.prototype':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: _constants.IconType.Generic,
         label: 'Prototype'

package/dist/cjs/state/actions/index.js

@@ -8,11 +8,13 @@ exports.useSmartCardActions = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _linkProvider = require("@atlaskit/link-provider");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
+var _windowOpenFeatures = require("../../utils/window-open-features");
 var _analytics = require("../analytics");
 var _helpers = require("../helpers");
 var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
@@ -119,7 +121,9 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
       fireEvent('screen.consentModal.viewed', {
         definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
       });
-      (0, _outboundAuthFlowClient.auth)(services[0].url).then(function () {
+      var shouldShowInPopupWindow = status === 'unauthorized' && _featureGateJsClient.default.getExperimentValue('platform_sl_3p_auth_window_experiment', 'cohort', 'control') === 'test';
+      var windowFeatures = shouldShowInPopupWindow ? (0, _windowOpenFeatures.getWindowOpenFeatures)(_windowOpenFeatures.AUTH_WINDOW_HEIGHT, _windowOpenFeatures.AUTH_WINDOW_WIDTH) : undefined;
+      (0, _outboundAuthFlowClient.auth)(services[0].url, windowFeatures).then(function () {
         fireEvent('track.applicationAccount.connected', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
         });

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.8.0"
+  packageVersion: "0.0.0-development"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/window-open-features.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWindowOpenFeatures = exports.AUTH_WINDOW_WIDTH = exports.AUTH_WINDOW_HEIGHT = void 0;
+var BROWSER_SIZE_THRESHOLD = 38;
+var AUTH_WINDOW_HEIGHT = exports.AUTH_WINDOW_HEIGHT = 760;
+var AUTH_WINDOW_WIDTH = exports.AUTH_WINDOW_WIDTH = 620;
+var getWindowOpenFeatures = exports.getWindowOpenFeatures = function getWindowOpenFeatures(popupHeight, popupWidth) {
+  var vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+  var vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+  var vl = window.screenLeft || 0;
+  var vt = window.screenTop || 0;
+
+  // Center the popup window
+  var left = (vw - popupWidth) / 2 + vl;
+  var top = (vh - popupHeight) / 2 + vt;
+
+  // Open a popup if there's enough space in the viewport
+  // Otherwise, fall back to the default behavior (opening in a new tab)
+  var windowFeatures = vw > popupWidth + BROWSER_SIZE_THRESHOLD && vh > popupHeight + BROWSER_SIZE_THRESHOLD ? "width=".concat(popupWidth, ",height=").concat(popupHeight, ",left=").concat(left, ",top=").concat(top) : undefined;
+  return windowFeatures;
+};

package/dist/cjs/view/HoverCard/components/CustomPopupContainer.js

@@ -4,11 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.createCustomPopupContainer = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["children", "shouldFitContainer", "shouldRenderToParent"];
+var _excluded = ["children", "shouldFitContainer", "shouldRenderToParent"],
+  _excluded2 = ["children", "shouldFitContainer", "shouldRenderToParent"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * The purpose of this component is to hide the default Popup border.
  * HoverCard border implementation is in ContentContainer where it can
@@ -23,4 +27,23 @@ var CustomPopupContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref
     ref: ref
   }), children);
 });
+
+/**
+ * Factory function to create a CustomPopupContainer with a specific z-index
+ */
+var createCustomPopupContainer = exports.createCustomPopupContainer = function createCustomPopupContainer(zIndex) {
+  return /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
+    var children = _ref2.children,
+      _ = _ref2.shouldFitContainer,
+      __ = _ref2.shouldRenderToParent,
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
+      ref: ref
+    }, zIndex !== undefined && {
+      style: _objectSpread(_objectSpread({}, props.style), {}, {
+        zIndex: zIndex
+      })
+    }), children);
+  });
+};
 var _default = exports.default = CustomPopupContainer;

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -18,7 +18,7 @@ var _actions = require("../../../state/actions");
 var _renderers = require("../../../state/renderers");
 var _store = require("../../../state/store");
 var _SmartLinkAnalyticsContext = require("../../../utils/analytics/SmartLinkAnalyticsContext");
-var _CustomPopupContainer = _interopRequireDefault(require("../components/CustomPopupContainer"));
+var _CustomPopupContainer = _interopRequireWildcard(require("../components/CustomPopupContainer"));
 var _HoverCardContent = _interopRequireDefault(require("../components/HoverCardContent"));
 var _styled = require("../styled");
 var _excluded = ["aria-haspopup", "aria-expanded"];
@@ -47,6 +47,8 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay,
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     role = _ref.role,
+    _ref$shouldRenderToPa = _ref.shouldRenderToParent,
+    shouldRenderToParent = _ref$shouldRenderToPa === void 0 ? false : _ref$shouldRenderToPa,
     label = _ref.label,
     titleId = _ref.titleId,
     onVisibilityChange = _ref.onVisibilityChange;
@@ -244,7 +246,14 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       className: HOVER_CARD_TRIGGER_WRAPPER
     } : {}), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return /*#__PURE__*/_react.default.createElement(_popup.default, {
+  var popupComponent = (0, _platformFeatureFlags.fg)('hover-card-prop-should-render-to-parent') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useMemo)(function () {
+    // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored
+    // as it is assumed that the custom popup container has the desired styles
+    return (0, _CustomPopupContainer.createCustomPopupContainer)(shouldRenderToParent ? zIndex : undefined);
+  }, [zIndex, shouldRenderToParent]) : _CustomPopupContainer.default;
+  return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,
@@ -257,8 +266,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     role: role,
     titleId: titleId,
     label: label
+  }, (0, _platformFeatureFlags.fg)('hover-card-prop-should-render-to-parent') ? {
+    shouldRenderToParent: shouldRenderToParent
+  } : {}, {
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-    ,
-    popupComponent: _CustomPopupContainer.default
-  });
+    popupComponent: popupComponent
+  }));
 };

package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js

@@ -161,7 +161,7 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = function IconAndTitleLayou
     xcss: styles.iconEmptyStyle,
     testId: "icon-empty-wrapper"
   }), /*#__PURE__*/_react.default.createElement("span", {
-    "data-testId": "icon-wrapper",
+    "data-testid": "icon-wrapper",
     className: (0, _runtime.ax)(["_11c81o8v _2rkolb4i _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
   }, renderIcon(testId)))), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",

package/dist/cjs/view/LinkUrl/index.js

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.8.0",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/flexible/icon/extract-file-formatIcon.js

@@ -4,6 +4,7 @@ const extractFileFormatIcon = fileFormat => {
   switch (fileFormat) {
     // Generic documents
     case 'folder':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Folder,
         label: 'Folder'
@@ -11,44 +12,52 @@ const extractFileFormatIcon = fileFormat => {
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Document,
         label: 'Document'
       };
     case 'application/pdf':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.PDF,
         label: 'PDF document'
       };
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Presentation,
         label: 'Presentation'
       };
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Spreadsheet,
         label: 'Spreadsheet'
       };
     // Google Drive
     case 'application/vnd.google-apps.document':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GoogleDocs,
         label: 'Google Docs'
       };
     case 'application/vnd.google-apps.form':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GoogleForms,
         label: 'Google Form'
       };
     case 'application/vnd.google-apps.spreadsheet':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GoogleSheets,
         label: 'Google Sheets'
       };
     case 'application/vnd.google-apps.presentation':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GoogleSlides,
         label: 'Google Slides'
@@ -56,18 +65,21 @@ const extractFileFormatIcon = fileFormat => {
     // Microsoft
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.MSExcel,
         label: 'Excel spreadsheet'
       };
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.MSPowerpoint,
         label: 'PowerPoint presentation'
       };
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.MSWord,
         label: 'Word document'
@@ -77,11 +89,13 @@ const extractFileFormatIcon = fileFormat => {
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Image,
         label: 'Image'
       };
     case 'image/gif':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GIF,
         label: 'GIF'
@@ -91,6 +105,7 @@ const extractFileFormatIcon = fileFormat => {
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Audio,
         label: 'Audio'
@@ -102,6 +117,7 @@ const extractFileFormatIcon = fileFormat => {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Video,
         label: 'Video'
@@ -110,6 +126,7 @@ const extractFileFormatIcon = fileFormat => {
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Code,
         label: 'Source Code'
@@ -120,26 +137,31 @@ const extractFileFormatIcon = fileFormat => {
     case 'application/x-7z-compressed':
     case 'application/x-apple-diskimage':
     case 'application/vnd.rar':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Archive,
         label: 'Archive'
       };
     case 'application/dmg':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Executable,
         label: 'Executable'
       };
     case 'application/sketch':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Sketch,
         label: 'Sketch'
       };
     case 'application/octet-stream':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Generic,
         label: 'Binary file'
       };
     case 'application/invision.prototype':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Generic,
         label: 'Prototype'

package/dist/es2019/state/actions/index.js

@@ -1,9 +1,11 @@
 import { useCallback, useMemo } from 'react';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
+import { AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH, getWindowOpenFeatures } from '../../utils/window-open-features';
 import { startUfoExperience } from '../analytics';
 import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
@@ -100,7 +102,9 @@ export const useSmartCardActions = (id, url) => {
       fireEvent('screen.consentModal.viewed', {
         definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
       });
-      auth(services[0].url).then(() => {
+      const shouldShowInPopupWindow = status === 'unauthorized' && FeatureGates.getExperimentValue('platform_sl_3p_auth_window_experiment', 'cohort', 'control') === 'test';
+      const windowFeatures = shouldShowInPopupWindow ? getWindowOpenFeatures(AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH) : undefined;
+      auth(services[0].url, windowFeatures).then(() => {
         fireEvent('track.applicationAccount.connected', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
         });

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.8.0"
+  packageVersion: "0.0.0-development"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/window-open-features.js

@@ -0,0 +1,18 @@
+const BROWSER_SIZE_THRESHOLD = 38;
+export const AUTH_WINDOW_HEIGHT = 760;
+export const AUTH_WINDOW_WIDTH = 620;
+export const getWindowOpenFeatures = (popupHeight, popupWidth) => {
+  const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+  const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+  const vl = window.screenLeft || 0;
+  const vt = window.screenTop || 0;
+
+  // Center the popup window
+  const left = (vw - popupWidth) / 2 + vl;
+  const top = (vh - popupHeight) / 2 + vt;
+
+  // Open a popup if there's enough space in the viewport
+  // Otherwise, fall back to the default behavior (opening in a new tab)
+  const windowFeatures = vw > popupWidth + BROWSER_SIZE_THRESHOLD && vh > popupHeight + BROWSER_SIZE_THRESHOLD ? `width=${popupWidth},height=${popupHeight},left=${left},top=${top}` : undefined;
+  return windowFeatures;
+};

package/dist/es2019/view/HoverCard/components/CustomPopupContainer.js

@@ -13,4 +13,23 @@ const CustomPopupContainer = /*#__PURE__*/React.forwardRef(({
 }, ref) => /*#__PURE__*/React.createElement("div", _extends({}, props, {
   ref: ref
 }), children));
+
+/**
+ * Factory function to create a CustomPopupContainer with a specific z-index
+ */
+export const createCustomPopupContainer = zIndex => {
+  return /*#__PURE__*/React.forwardRef(({
+    children,
+    shouldFitContainer: _,
+    shouldRenderToParent: __,
+    ...props
+  }, ref) => /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    ref: ref
+  }, zIndex !== undefined && {
+    style: {
+      ...props.style,
+      zIndex
+    }
+  }), children));
+};
 export default CustomPopupContainer;

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -8,7 +8,7 @@ import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkRenderers } from '../../../state/renderers';
 import { useSmartCardState as useLinkState } from '../../../state/store';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
-import CustomPopupContainer from '../components/CustomPopupContainer';
+import CustomPopupContainer, { createCustomPopupContainer } from '../components/CustomPopupContainer';
 import HoverCardContent from '../components/HoverCardContent';
 import { CARD_GAP_PX, HOVER_CARD_Z_INDEX } from '../styled';
 export const HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
@@ -28,6 +28,7 @@ export const HoverCardComponent = ({
   noFadeDelay = false,
   hoverPreviewOptions,
   role,
+  shouldRenderToParent = false,
   label,
   titleId,
   onVisibilityChange
@@ -220,7 +221,14 @@ export const HoverCardComponent = ({
   }, editorExperiment('platform_editor_preview_panel_linking_exp', true) ? {
     className: HOVER_CARD_TRIGGER_WRAPPER
   } : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return /*#__PURE__*/React.createElement(Popup, {
+  const popupComponent = fg('hover-card-prop-should-render-to-parent') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useMemo(() => {
+    // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored
+    // as it is assumed that the custom popup container has the desired styles
+    return createCustomPopupContainer(shouldRenderToParent ? zIndex : undefined);
+  }, [zIndex, shouldRenderToParent]) : CustomPopupContainer;
+  return /*#__PURE__*/React.createElement(Popup, _extends({
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,
@@ -233,8 +241,10 @@ export const HoverCardComponent = ({
     role: role,
     titleId: titleId,
     label: label
+  }, fg('hover-card-prop-should-render-to-parent') ? {
+    shouldRenderToParent
+  } : {}, {
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-    ,
-    popupComponent: CustomPopupContainer
-  });
+    popupComponent: popupComponent
+  }));
 };

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js

@@ -145,7 +145,7 @@ export const IconAndTitleLayout = ({
     xcss: styles.iconEmptyStyle,
     testId: "icon-empty-wrapper"
   }), /*#__PURE__*/React.createElement("span", {
-    "data-testId": "icon-wrapper",
+    "data-testid": "icon-wrapper",
     className: ax(["_11c81o8v _2rkolb4i _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
   }, renderIcon(testId)))), /*#__PURE__*/React.createElement(Box, {
     as: "span",

package/dist/es2019/view/LinkUrl/index.js

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.8.0",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');