@atlaskit/smart-card 26.8.0 → 26.8.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.8.1
+
+### Patch Changes
+
+- [`0b148ef0a04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b148ef0a04) - [ux] Updated fade in delay for hover card to be 500ms
+
 ## 26.8.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.8.0",
+	"version": "26.8.1",
 	"sideEffects": false
 }

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

@@ -25,6 +25,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
+var FADE_IN_DELAY = 500;
+var FADE_OUT_DELAY = 300;
+var RESOLVE_DELAY = 100;
 var HoverCardComponent = function HoverCardComponent(_ref) {
   var children = _ref.children,
     url = _ref.url,
@@ -39,8 +42,6 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     hidePreviewButton = _ref$hidePreviewButto === void 0 ? false : _ref$hidePreviewButto,
     _ref$showServerAction = _ref.showServerActions,
     showServerActions = _ref$showServerAction === void 0 ? false : _ref$showServerAction;
-  var delay = 300;
-  var resolveDelay = 100;
   var _React$useState = _react2.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -83,7 +84,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     }
     fadeOutTimeoutId.current = setTimeout(function () {
       return hideCard();
-    }, delay);
+    }, FADE_OUT_DELAY);
   }, [hideCard]);
 
   // clearing out the timeouts in order to avoid memory leaks
@@ -116,7 +117,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(function () {
         loadMetadata();
-      }, resolveDelay);
+      }, RESOLVE_DELAY);
     }
   }, [linkState, loadMetadata]);
   var initShowCard = (0, _react2.useCallback)(function (event) {
@@ -141,7 +142,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
           popupOffset.current = [mousePos.current.x - left, mousePos.current.y - bottom + _styled.CARD_GAP_PX];
         }
         setIsOpen(true);
-      }, delay);
+      }, FADE_IN_DELAY);
     }
   }, [initResolve, isOpen, setMousePosition]);
   var linkActions = (0, _useSmartLinkActions.useSmartLinkActions)({

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.8.0",
+	"version": "26.8.1",
 	"sideEffects": false
 }

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

@@ -13,6 +13,9 @@ import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAna
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 const HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
+const FADE_IN_DELAY = 500;
+const FADE_OUT_DELAY = 300;
+const RESOLVE_DELAY = 100;
 export const HoverCardComponent = ({
   children,
   url,
@@ -23,8 +26,6 @@ export const HoverCardComponent = ({
   hidePreviewButton = false,
   showServerActions = false
 }) => {
-  const delay = 300;
-  const resolveDelay = 100;
   const [isOpen, setIsOpen] = React.useState(false);
   const fadeOutTimeoutId = useRef();
   const fadeInTimeoutId = useRef();
@@ -63,7 +64,7 @@ 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(), delay);
+    fadeOutTimeoutId.current = setTimeout(() => hideCard(), FADE_OUT_DELAY);
   }, [hideCard]);
 
   // clearing out the timeouts in order to avoid memory leaks
@@ -96,7 +97,7 @@ export const HoverCardComponent = ({
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(() => {
         loadMetadata();
-      }, resolveDelay);
+      }, RESOLVE_DELAY);
     }
   }, [linkState, loadMetadata]);
   const initShowCard = useCallback(event => {
@@ -122,7 +123,7 @@ export const HoverCardComponent = ({
           popupOffset.current = [mousePos.current.x - left, mousePos.current.y - bottom + CARD_GAP_PX];
         }
         setIsOpen(true);
-      }, delay);
+      }, FADE_IN_DELAY);
     }
   }, [initResolve, isOpen, setMousePosition]);
   const linkActions = useSmartLinkActions({

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.8.0",
+	"version": "26.8.1",
 	"sideEffects": false
 }

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

@@ -14,6 +14,9 @@ import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAna
 import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
 var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
+var FADE_IN_DELAY = 500;
+var FADE_OUT_DELAY = 300;
+var RESOLVE_DELAY = 100;
 export var HoverCardComponent = function HoverCardComponent(_ref) {
   var children = _ref.children,
     url = _ref.url,
@@ -28,8 +31,6 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     hidePreviewButton = _ref$hidePreviewButto === void 0 ? false : _ref$hidePreviewButto,
     _ref$showServerAction = _ref.showServerActions,
     showServerActions = _ref$showServerAction === void 0 ? false : _ref$showServerAction;
-  var delay = 300;
-  var resolveDelay = 100;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -72,7 +73,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     }
     fadeOutTimeoutId.current = setTimeout(function () {
       return hideCard();
-    }, delay);
+    }, FADE_OUT_DELAY);
   }, [hideCard]);
 
   // clearing out the timeouts in order to avoid memory leaks
@@ -105,7 +106,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(function () {
         loadMetadata();
-      }, resolveDelay);
+      }, RESOLVE_DELAY);
     }
   }, [linkState, loadMetadata]);
   var initShowCard = useCallback(function (event) {
@@ -130,7 +131,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
           popupOffset.current = [mousePos.current.x - left, mousePos.current.y - bottom + CARD_GAP_PX];
         }
         setIsOpen(true);
-      }, delay);
+      }, FADE_IN_DELAY);
     }
   }, [initResolve, isOpen, setMousePosition]);
   var linkActions = useSmartLinkActions({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.8.0",
+  "version": "26.8.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
     "@atlaskit/link-analytics": "^8.1.0",
     "@atlaskit/link-client-extension": "^1.5.0",
     "@atlaskit/linking-common": "^3.1.0",
-    "@atlaskit/linking-types": "^8.0.0",
+    "@atlaskit/linking-types": "^8.1.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/media-common": "^7.1.0",
@@ -55,7 +55,7 @@
     "@atlaskit/popup": "^1.8.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.10.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",