@atlaskit/smart-card 19.1.0 → 19.1.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 19.1.3
+
+### Patch Changes
+
+- [`3de372f6670`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3de372f6670) - Hover Previews: use black flex-ui theme
+
+## 19.1.2
+
+### Patch Changes
+
+- [`3a0fdf3c651`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a0fdf3c651) - change hover previews to show preview over snippet when its available
+
+## 19.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 19.1.0
 
 ### Minor Changes

package/dist/cjs/version.json

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

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

@@ -45,6 +45,8 @@ var _extractMetadata = require("../../extractors/hover/extractMetadata");
 
 var _utils = require("./utils");
 
+var _extractPreview = _interopRequireDefault(require("../../extractors/flexible/extract-preview"));
+
 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; }
@@ -139,9 +141,13 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
   }, [url, definitionId, extensionKey, analytics]);
 
   var CardComponent = function CardComponent(_ref2) {
+    var _linkState$details;
+
     var update = _ref2.update;
     //TODO: EDM-3224 deleted simulated and use real JsonLd
     var metadataElements = (0, _extractMetadata.extractMetadata)((0, _utils.getSimulatedMetadata)(extensionKey));
+    var linkData = (_linkState$details = linkState.details) === null || _linkState$details === void 0 ? void 0 : _linkState$details.data;
+    var content = (0, _extractPreview.default)(linkData) ? (0, _core.jsx)(_blocks.PreviewBlock, null) : (0, _core.jsx)(_blocks.SnippetBlock, null);
     return (0, _core.jsx)("div", {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
@@ -151,7 +157,9 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
       url: url,
       ui: {
         hideElevation: true,
-        size: _constants.SmartLinkSize.Large
+        size: _constants.SmartLinkSize.Large,
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+        theme: _constants.SmartLinkTheme.Black
       },
       onResolve: update
     }, (0, _core.jsx)(_blocks.TitleBlock, {
@@ -159,7 +167,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
     }), (0, _core.jsx)(_blocks.MetadataBlock, {
       primary: metadataElements.primary,
       secondary: metadataElements.secondary
-    }), (0, _core.jsx)(_blocks.SnippetBlock, null), (0, _core.jsx)(_blocks.FooterBlock, {
+    }), content, (0, _core.jsx)(_blocks.FooterBlock, {
       actions: smartlinkActions
     })));
   };

package/dist/es2019/version.json

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

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

@@ -3,10 +3,10 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import React, { useCallback, useRef, useMemo } from 'react';
-import { TitleBlock, SnippetBlock, FooterBlock, MetadataBlock } from '../FlexibleCard/components/blocks';
+import { TitleBlock, SnippetBlock, FooterBlock, MetadataBlock, PreviewBlock } from '../FlexibleCard/components/blocks';
 import { Card } from '../Card';
 import Popup from '@atlaskit/popup';
-import { SmartLinkSize, ActionName } from '../../constants';
+import { SmartLinkSize, ActionName, SmartLinkTheme } from '../../constants';
 import { useSmartLinkActions } from '../../state/hooks-external/useSmartLinkActions';
 import { HoverCardContainer } from './styled';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
@@ -17,6 +17,7 @@ import { useSmartLinkAnalytics } from '../../state/analytics';
 import { getExtensionKey, getDefinitionId } from '../../state/helpers';
 import { extractMetadata } from '../../extractors/hover/extractMetadata';
 import { getSimulatedMetadata } from './utils';
+import extractPreview from '../../extractors/flexible/extract-preview';
 export const HoverCardComponent = ({
   children,
   url,
@@ -94,8 +95,12 @@ export const HoverCardComponent = ({
   const CardComponent = ({
     update
   }) => {
+    var _linkState$details;
+
     //TODO: EDM-3224 deleted simulated and use real JsonLd
     const metadataElements = extractMetadata(getSimulatedMetadata(extensionKey));
+    const linkData = (_linkState$details = linkState.details) === null || _linkState$details === void 0 ? void 0 : _linkState$details.data;
+    const content = extractPreview(linkData) ? jsx(PreviewBlock, null) : jsx(SnippetBlock, null);
     return jsx("div", {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
@@ -105,7 +110,9 @@ export const HoverCardComponent = ({
       url: url,
       ui: {
         hideElevation: true,
-        size: SmartLinkSize.Large
+        size: SmartLinkSize.Large,
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+        theme: SmartLinkTheme.Black
       },
       onResolve: update
     }, jsx(TitleBlock, {
@@ -113,7 +120,7 @@ export const HoverCardComponent = ({
     }), jsx(MetadataBlock, {
       primary: metadataElements.primary,
       secondary: metadataElements.secondary
-    }), jsx(SnippetBlock, null), jsx(FooterBlock, {
+    }), content, jsx(FooterBlock, {
       actions: smartlinkActions
     })));
   };

package/dist/esm/version.json

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

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

@@ -4,10 +4,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import React, { useCallback, useRef, useMemo } from 'react';
-import { TitleBlock, SnippetBlock, FooterBlock, MetadataBlock } from '../FlexibleCard/components/blocks';
+import { TitleBlock, SnippetBlock, FooterBlock, MetadataBlock, PreviewBlock } from '../FlexibleCard/components/blocks';
 import { Card } from '../Card';
 import Popup from '@atlaskit/popup';
-import { SmartLinkSize, ActionName } from '../../constants';
+import { SmartLinkSize, ActionName, SmartLinkTheme } from '../../constants';
 import { useSmartLinkActions } from '../../state/hooks-external/useSmartLinkActions';
 import { HoverCardContainer } from './styled';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
@@ -18,6 +18,7 @@ import { useSmartLinkAnalytics } from '../../state/analytics';
 import { getExtensionKey, getDefinitionId } from '../../state/helpers';
 import { extractMetadata } from '../../extractors/hover/extractMetadata';
 import { getSimulatedMetadata } from './utils';
+import extractPreview from '../../extractors/flexible/extract-preview';
 export var HoverCardComponent = function HoverCardComponent(_ref) {
   var children = _ref.children,
       url = _ref.url,
@@ -107,9 +108,13 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   }, [url, definitionId, extensionKey, analytics]);
 
   var CardComponent = function CardComponent(_ref2) {
+    var _linkState$details;
+
     var update = _ref2.update;
     //TODO: EDM-3224 deleted simulated and use real JsonLd
     var metadataElements = extractMetadata(getSimulatedMetadata(extensionKey));
+    var linkData = (_linkState$details = linkState.details) === null || _linkState$details === void 0 ? void 0 : _linkState$details.data;
+    var content = extractPreview(linkData) ? jsx(PreviewBlock, null) : jsx(SnippetBlock, null);
     return jsx("div", {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
@@ -119,7 +124,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       url: url,
       ui: {
         hideElevation: true,
-        size: SmartLinkSize.Large
+        size: SmartLinkSize.Large,
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+        theme: SmartLinkTheme.Black
       },
       onResolve: update
     }, jsx(TitleBlock, {
@@ -127,7 +134,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     }), jsx(MetadataBlock, {
       primary: metadataElements.primary,
       secondary: metadataElements.secondary
-    }), jsx(SnippetBlock, null), jsx(FooterBlock, {
+    }), content, jsx(FooterBlock, {
       actions: smartlinkActions
     })));
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "19.1.0",
+  "version": "19.1.3",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
     "@atlaskit/popup": "^1.3.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.9.0",
+    "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.2",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",