@atlaskit/smart-card 26.26.2 → 26.27.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.27.0
+
+### Minor Changes
+
+- [`12f9e6886ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12f9e6886ed) - [ux] Add follow/unfollow button to card and hover preview (behind feature flag).
+
 ## 26.26.2
 
 ### Patch Changes

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

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

package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _FlexibleCard = _interopRequireDefault(require("../../../FlexibleCard"));
-var _titleBlock = _interopRequireDefault(require("../../../FlexibleCard/components/blocks/title-block"));
 var _blocks = require("../../../FlexibleCard/components/blocks");
 var _styled = require("./styled");
 var _constants = require("../../../../constants");
@@ -48,6 +47,21 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     titleMetadata = _ref2.titleMetadata,
     topMetadata = _ref2.topMetadata,
     bottomMetadata = _ref2.bottomMetadata;
+  var footerActions = (0, _react.useMemo)(function () {
+    return [{
+      name: _constants.ActionName.FollowAction,
+      hideIcon: true
+    }, {
+      name: _constants.ActionName.PreviewAction,
+      hideIcon: true
+    }, {
+      name: _constants.ActionName.ViewAction,
+      hideIcon: true
+    }, {
+      name: _constants.ActionName.DownloadAction,
+      hideIcon: true
+    }];
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
     analytics: analytics,
     appearance: "block",
@@ -61,7 +75,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
       hideElevation: true
     },
     url: url
-  }, /*#__PURE__*/_react.default.createElement(_titleBlock.default, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({
     position: _constants.SmartLinkPosition.Center,
     metadata: titleMetadata,
     hideRetry: true,
@@ -88,16 +102,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
   }) : null, /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, (0, _extends2.default)({}, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
     overrideCss: _styled.footerBlockCss
   }, {
-    actions: [{
-      name: _constants.ActionName.PreviewAction,
-      hideIcon: true
-    }, {
-      name: _constants.ActionName.ViewAction,
-      hideIcon: true
-    }, {
-      name: _constants.ActionName.DownloadAction,
-      hideIcon: true
-    }]
+    actions: footerActions
   })));
 };
 var _default = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(FlexibleResolvedView);

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toFooterActions = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../../constants");
 var _blocks = require("../../../../FlexibleCard/components/blocks");
@@ -21,7 +22,11 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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; }
 var toFooterActions = function toFooterActions(cardActions, onActionClick) {
-  return cardActions.map(function (action) {
+  var followAction = {
+    hideIcon: true,
+    name: _constants.ActionName.FollowAction
+  };
+  var actions = cardActions.map(function (action) {
     if (action.id === 'preview-content') {
       return {
         content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_improved),
@@ -48,6 +53,7 @@ var toFooterActions = function toFooterActions(cardActions, onActionClick) {
       testId: action.id
     };
   });
+  return [followAction].concat((0, _toConsumableArray2.default)(actions));
 };
 exports.toFooterActions = toFooterActions;
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {

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.26.2",
+  packageVersion: "26.27.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

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

package/dist/es2019/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -1,14 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import FlexibleCard from '../../../FlexibleCard';
-import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
-import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock } from '../../../FlexibleCard/components/blocks';
+import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { metadataBlockCss, footerBlockCss } from './styled';
 import { ActionName, ElementName, MediaPlacement, SmartLinkPosition } from '../../../../constants';
 import { getSimulatedMetadata, getSimulatedBetterMetadata } from './utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
-
 /**
  * This view represents a Block card that has an 'Resolved' status.
  * @see SmartLinkStatus
@@ -36,6 +34,19 @@ const FlexibleResolvedView = ({
     topMetadata,
     bottomMetadata
   } = getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? getSimulatedBetterMetadata(cardState.details) : getSimulatedMetadata(cardState.details);
+  const footerActions = useMemo(() => [{
+    name: ActionName.FollowAction,
+    hideIcon: true
+  }, {
+    name: ActionName.PreviewAction,
+    hideIcon: true
+  }, {
+    name: ActionName.ViewAction,
+    hideIcon: true
+  }, {
+    name: ActionName.DownloadAction,
+    hideIcon: true
+  }], []);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     analytics: analytics,
     appearance: "block",
@@ -76,16 +87,7 @@ const FlexibleResolvedView = ({
   }) : null, /*#__PURE__*/React.createElement(FooterBlock, _extends({}, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
     overrideCss: footerBlockCss
   }, {
-    actions: [{
-      name: ActionName.PreviewAction,
-      hideIcon: true
-    }, {
-      name: ActionName.ViewAction,
-      hideIcon: true
-    }, {
-      name: ActionName.DownloadAction,
-      hideIcon: true
-    }]
+    actions: footerActions
   })));
 };
 export default withFlexibleUIBlockCardStyle(FlexibleResolvedView);

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -11,7 +11,11 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export const toFooterActions = (cardActions, onActionClick) => {
-  return cardActions.map(action => {
+  const followAction = {
+    hideIcon: true,
+    name: ActionName.FollowAction
+  };
+  const actions = cardActions.map(action => {
     if (action.id === 'preview-content') {
       return {
         content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),
@@ -38,6 +42,7 @@ export const toFooterActions = (cardActions, onActionClick) => {
       testId: action.id
     };
   });
+  return [followAction, ...actions];
 };
 const HoverCardResolvedView = ({
   flexibleCardProps,

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.26.2",
+  packageVersion: "26.27.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

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

package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -1,15 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import FlexibleCard from '../../../FlexibleCard';
-import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
-import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock } from '../../../FlexibleCard/components/blocks';
+import { FooterBlock, MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { metadataBlockCss, footerBlockCss } from './styled';
 import { ActionName, ElementName, MediaPlacement, SmartLinkPosition } from '../../../../constants';
 import { getSimulatedMetadata, getSimulatedBetterMetadata } from './utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
-
 /**
  * This view represents a Block card that has an 'Resolved' status.
  * @see SmartLinkStatus
@@ -39,6 +37,21 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     titleMetadata = _ref2.titleMetadata,
     topMetadata = _ref2.topMetadata,
     bottomMetadata = _ref2.bottomMetadata;
+  var footerActions = useMemo(function () {
+    return [{
+      name: ActionName.FollowAction,
+      hideIcon: true
+    }, {
+      name: ActionName.PreviewAction,
+      hideIcon: true
+    }, {
+      name: ActionName.ViewAction,
+      hideIcon: true
+    }, {
+      name: ActionName.DownloadAction,
+      hideIcon: true
+    }];
+  }, []);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     analytics: analytics,
     appearance: "block",
@@ -79,16 +92,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
   }) : null, /*#__PURE__*/React.createElement(FooterBlock, _extends({}, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
     overrideCss: footerBlockCss
   }, {
-    actions: [{
-      name: ActionName.PreviewAction,
-      hideIcon: true
-    }, {
-      name: ActionName.ViewAction,
-      hideIcon: true
-    }, {
-      name: ActionName.DownloadAction,
-      hideIcon: true
-    }]
+    actions: footerActions
   })));
 };
 export default withFlexibleUIBlockCardStyle(FlexibleResolvedView);

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
@@ -11,7 +12,11 @@ import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
-  return cardActions.map(function (action) {
+  var followAction = {
+    hideIcon: true,
+    name: ActionName.FollowAction
+  };
+  var actions = cardActions.map(function (action) {
     if (action.id === 'preview-content') {
       return {
         content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved),
@@ -38,6 +43,7 @@ export var toFooterActions = function toFooterActions(cardActions, onActionClick
       testId: action.id
     };
   });
+  return [followAction].concat(_toConsumableArray(actions));
 };
 var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   var _cardState$details;

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.26.2",
+  packageVersion: "26.27.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/__fixtures__/atlas-project.d.ts

@@ -1,68 +1,3 @@
-declare const _default: {
-    meta: {
-        auth: never[];
-        definitionId: string;
-        product: string;
-        visibility: string;
-        access: string;
-        key: string;
-    };
-    data: {
-        '@context': {
-            '@vocab': string;
-            atlassian: string;
-            schema: string;
-        };
-        generator: {
-            '@type': string;
-            '@id': string;
-            name: string;
-            icon: {
-                '@type': string;
-                url: string;
-            };
-        };
-        '@type': string[];
-        url: string;
-        icon: {
-            '@type': string;
-            url: string;
-        };
-        name: string;
-        summary: string;
-        'atlassian:state': {
-            '@type': string;
-            name: string;
-            appearance: string;
-        };
-        attributedTo: {
-            name: string;
-            icon: string;
-        }[];
-        'atlassian:updatedBy': {
-            name: string;
-            icon: string;
-        }[];
-        preview: {
-            '@type': string;
-            href: string;
-        };
-        'schema:commentCount': number;
-        'atlassian:subscriberCount': number;
-        endTime: string;
-        updated: string;
-        'atlassian:serverAction': {
-            '@type': string;
-            name: string;
-            dataUpdateAction: {
-                '@type': string;
-                name: string;
-            };
-            resourceIdentifiers: {
-                ari: string;
-            };
-            refField: string;
-        }[];
-    };
-};
+import { JsonLd } from 'json-ld-types';
+declare const _default: JsonLd.Response<JsonLd.Data.BaseData>;
 export default _default;

package/dist/types-ts4.5/__fixtures__/atlas-project.d.ts

@@ -1,68 +1,3 @@
-declare const _default: {
-    meta: {
-        auth: never[];
-        definitionId: string;
-        product: string;
-        visibility: string;
-        access: string;
-        key: string;
-    };
-    data: {
-        '@context': {
-            '@vocab': string;
-            atlassian: string;
-            schema: string;
-        };
-        generator: {
-            '@type': string;
-            '@id': string;
-            name: string;
-            icon: {
-                '@type': string;
-                url: string;
-            };
-        };
-        '@type': string[];
-        url: string;
-        icon: {
-            '@type': string;
-            url: string;
-        };
-        name: string;
-        summary: string;
-        'atlassian:state': {
-            '@type': string;
-            name: string;
-            appearance: string;
-        };
-        attributedTo: {
-            name: string;
-            icon: string;
-        }[];
-        'atlassian:updatedBy': {
-            name: string;
-            icon: string;
-        }[];
-        preview: {
-            '@type': string;
-            href: string;
-        };
-        'schema:commentCount': number;
-        'atlassian:subscriberCount': number;
-        endTime: string;
-        updated: string;
-        'atlassian:serverAction': {
-            '@type': string;
-            name: string;
-            dataUpdateAction: {
-                '@type': string;
-                name: string;
-            };
-            resourceIdentifiers: {
-                ari: string;
-            };
-            refField: string;
-        }[];
-    };
-};
+import { JsonLd } from 'json-ld-types';
+declare const _default: JsonLd.Response<JsonLd.Data.BaseData>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.26.2",
+  "version": "26.27.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.7.0",
     "@atlaskit/link-extractors": "^1.1.0",
-    "@atlaskit/linking-common": "^4.9.0",
+    "@atlaskit/linking-common": "^4.10.0",
     "@atlaskit/linking-types": "^8.3.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
@@ -48,7 +48,7 @@
     "@atlaskit/popup": "^1.9.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.22.0",
+    "@atlaskit/tokens": "^1.23.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",