@atlaskit/smart-card 26.15.9 → 26.15.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.15.10
+
+### Patch Changes
+
+- [`9eed222eff6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9eed222eff6) - noFadeDelay internal hover card prop added.
+
 ## 26.15.9
 
 ### Patch Changes

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

@@ -21,7 +21,7 @@ exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.15.9"
+  packageVersion: "26.15.10"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {

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

@@ -48,7 +48,9 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     _ref$allowEventPropag = _ref.allowEventPropagation,
     allowEventPropagation = _ref$allowEventPropag === void 0 ? false : _ref$allowEventPropag,
     _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? _styled.HOVER_CARD_Z_INDEX : _ref$zIndex;
+    zIndex = _ref$zIndex === void 0 ? _styled.HOVER_CARD_Z_INDEX : _ref$zIndex,
+    _ref$noFadeDelay = _ref.noFadeDelay,
+    noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay;
   var _React$useState = _react2.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -98,10 +100,14 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
       // we want to clear out the reference to signify that there's no in-progress resolve event
       resolveTimeOutId.current = undefined;
     }
-    fadeOutTimeoutId.current = setTimeout(function () {
-      return hideCard();
-    }, FADE_OUT_DELAY);
-  }, [hideCard]);
+    if (noFadeDelay) {
+      hideCard();
+    } else {
+      fadeOutTimeoutId.current = setTimeout(function () {
+        return hideCard();
+      }, FADE_OUT_DELAY);
+    }
+  }, [hideCard, noFadeDelay]);
 
   // clearing out the timeouts in order to avoid memory leaks
   // in case the component unmounts before they execute
@@ -152,11 +158,15 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     setMousePosition(event);
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
-      fadeInTimeoutId.current = setTimeout(function () {
+      if (noFadeDelay) {
         setIsOpen(true);
-      }, FADE_IN_DELAY);
+      } else {
+        fadeInTimeoutId.current = setTimeout(function () {
+          setIsOpen(true);
+        }, FADE_IN_DELAY);
+      }
     }
-  }, [initResolve, isOpen, setMousePosition]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay]);
   var linkActions = (0, _useSmartLinkActions.useSmartLinkActions)({
     url: url,
     appearance: _constants.CardDisplay.HoverCardPreview,

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

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

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

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

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

@@ -29,7 +29,8 @@ export const HoverCardComponent = ({
   hidePreviewButton = false,
   showServerActions = false,
   allowEventPropagation = false,
-  zIndex = HOVER_CARD_Z_INDEX
+  zIndex = HOVER_CARD_Z_INDEX,
+  noFadeDelay = false
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
   const fadeOutTimeoutId = useRef();
@@ -79,8 +80,12 @@ export const HoverCardComponent = ({
       // we want to clear out the reference to signify that there's no in-progress resolve event
       resolveTimeOutId.current = undefined;
     }
-    fadeOutTimeoutId.current = setTimeout(() => hideCard(), FADE_OUT_DELAY);
-  }, [hideCard]);
+    if (noFadeDelay) {
+      hideCard();
+    } else {
+      fadeOutTimeoutId.current = setTimeout(() => hideCard(), FADE_OUT_DELAY);
+    }
+  }, [hideCard, noFadeDelay]);
 
   // clearing out the timeouts in order to avoid memory leaks
   // in case the component unmounts before they execute
@@ -131,11 +136,15 @@ export const HoverCardComponent = ({
     setMousePosition(event);
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
-      fadeInTimeoutId.current = setTimeout(() => {
+      if (noFadeDelay) {
         setIsOpen(true);
-      }, FADE_IN_DELAY);
+      } else {
+        fadeInTimeoutId.current = setTimeout(() => {
+          setIsOpen(true);
+        }, FADE_IN_DELAY);
+      }
     }
-  }, [initResolve, isOpen, setMousePosition]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay]);
   const linkActions = useSmartLinkActions({
     url,
     appearance: CardDisplay.HoverCardPreview,

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.15.9",
+  packageVersion: "26.15.10",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -13,7 +13,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.15.9"
+  packageVersion: "26.15.10"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -37,7 +37,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     _ref$allowEventPropag = _ref.allowEventPropagation,
     allowEventPropagation = _ref$allowEventPropag === void 0 ? false : _ref$allowEventPropag,
     _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? HOVER_CARD_Z_INDEX : _ref$zIndex;
+    zIndex = _ref$zIndex === void 0 ? HOVER_CARD_Z_INDEX : _ref$zIndex,
+    _ref$noFadeDelay = _ref.noFadeDelay,
+    noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -87,10 +89,14 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       // we want to clear out the reference to signify that there's no in-progress resolve event
       resolveTimeOutId.current = undefined;
     }
-    fadeOutTimeoutId.current = setTimeout(function () {
-      return hideCard();
-    }, FADE_OUT_DELAY);
-  }, [hideCard]);
+    if (noFadeDelay) {
+      hideCard();
+    } else {
+      fadeOutTimeoutId.current = setTimeout(function () {
+        return hideCard();
+      }, FADE_OUT_DELAY);
+    }
+  }, [hideCard, noFadeDelay]);
 
   // clearing out the timeouts in order to avoid memory leaks
   // in case the component unmounts before they execute
@@ -141,11 +147,15 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     setMousePosition(event);
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
-      fadeInTimeoutId.current = setTimeout(function () {
+      if (noFadeDelay) {
         setIsOpen(true);
-      }, FADE_IN_DELAY);
+      } else {
+        fadeInTimeoutId.current = setTimeout(function () {
+          setIsOpen(true);
+        }, FADE_IN_DELAY);
+      }
     }
-  }, [initResolve, isOpen, setMousePosition]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay]);
   var linkActions = useSmartLinkActions({
     url: url,
     appearance: CardDisplay.HoverCardPreview,

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.15.9",
+  packageVersion: "26.15.10",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/HoverCard/types.d.ts

@@ -61,6 +61,10 @@ export interface HoverCardInternalProps {
      * @see EDM-7187 for further details
      */
     allowEventPropagation?: boolean;
+    /**
+     * Suspend hover card UI delays (fade-in, fade-out) for VR testing purposes.
+     */
+    noFadeDelay?: boolean;
 }
 export interface HoverCardComponentProps extends HoverCardProps, HoverCardInternalProps {
     analyticsHandler?: AnalyticsHandler;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -61,6 +61,10 @@ export interface HoverCardInternalProps {
      * @see EDM-7187 for further details
      */
     allowEventPropagation?: boolean;
+    /**
+     * Suspend hover card UI delays (fade-in, fade-out) for VR testing purposes.
+     */
+    noFadeDelay?: boolean;
 }
 export interface HoverCardComponentProps extends HoverCardProps, HoverCardInternalProps {
     analyticsHandler?: AnalyticsHandler;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.15.9",
+  "version": "26.15.10",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"