@atlaskit/smart-card 18.0.1 → 18.0.4

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

@@ -1,10 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useRef } from 'react';
+
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+import React, { useCallback, useRef, useMemo } from 'react';
 import { TitleBlock, SnippetBlock, FooterBlock } from '../FlexibleCard/components/blocks';
 import { Card } from '../Card';
 import Popup from '@atlaskit/popup';
-import { SmartLinkSize } from '../../constants';
+import { SmartLinkSize, ActionName } from '../../constants';
+import { useSmartLinkActions } from '../../state/hooks-external/useSmartLinkActions';
+import { HoverCardContainer } from './styled';
 export var HoverCard = function HoverCard(_ref) {
   var children = _ref.children,
       url = _ref.url;
@@ -34,33 +39,55 @@ export var HoverCard = function HoverCard(_ref) {
     fadeInTimeoutId.current = setTimeout(function () {
       setIsOpen(true);
     }, delay);
-  }, [delay]);
+  }, [delay]); //TODO: EDM-2905: Add analytics events
+
+  var analyticsHandler = useCallback(function () {}, []);
+  var linkActions = useSmartLinkActions({
+    url: url,
+    appearance: 'block',
+    analyticsHandler: analyticsHandler
+  });
+  var actions = useMemo(function () {
+    return linkActions.map(function (action) {
+      return {
+        content: action.text,
+        name: ActionName.CustomAction,
+        onClick: function onClick() {
+          return action.invoke();
+        },
+        testId: action.id
+      };
+    });
+  }, [linkActions]);
 
   var cardComponent = function cardComponent() {
-    return /*#__PURE__*/React.createElement("span", {
+    return jsx("div", {
       onMouseEnter: initShowCard,
-      onMouseLeave: initHideCard
-    }, /*#__PURE__*/React.createElement(Card, {
+      onMouseLeave: initHideCard,
+      css: HoverCardContainer
+    }, jsx(Card, {
       appearance: "block",
       url: url,
       ui: {
         hideElevation: true,
         size: SmartLinkSize.Large
       }
-    }, /*#__PURE__*/React.createElement(TitleBlock, null), /*#__PURE__*/React.createElement(SnippetBlock, null), /*#__PURE__*/React.createElement(FooterBlock, null)));
+    }, jsx(TitleBlock, null), jsx(SnippetBlock, null), jsx(FooterBlock, {
+      actions: actions
+    })));
   };
 
   var onClose = useCallback(function () {
     return setIsOpen(false);
   }, []);
-  return /*#__PURE__*/React.createElement(Popup, {
+  return jsx(Popup, {
     testId: "hover-card",
     isOpen: isOpen,
     onClose: onClose,
     placement: "bottom",
     content: cardComponent,
     trigger: function trigger(triggerProps) {
-      return /*#__PURE__*/React.createElement("span", _extends({}, triggerProps, {
+      return jsx("span", _extends({}, triggerProps, {
         onMouseEnter: initShowCard,
         onMouseLeave: initHideCard
       }), children);

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

@@ -2,6 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import styled from '@emotion/styled';
-import { TooltipPrimitive } from '@atlaskit/tooltip';
-export var HoverCardContainer = styled(TooltipPrimitive)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: content-box; /* do not set this to border-box or it will break the overflow handling */\n  max-width: 500px;\n  padding: 0;\n"])));
+import { css } from '@emotion/core';
+export var HoverCardContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  max-width: 500px;\n  padding: 0;\n"])));

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -34,5 +34,5 @@ export declare function useSmartLink(id: string, url: string, dispatchAnalytics:
         };
     };
     renderers: import("../context/types").CardProviderRenderers | undefined;
-    error: null;
+    error: Error | null;
 };

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "onClick" | "url" | "forwardedRef" | "platform" | "isFrameVisible" | "importer" | "container" | "showActions" | "onResolve" | "embedIframeRef" | "inlinePreloaderStyle" | "ui"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "onClick" | "analyticsContext" | "key" | "url" | "forwardedRef" | "platform" | "isFrameVisible" | "importer" | "container" | "showActions" | "onResolve" | "embedIframeRef" | "inlinePreloaderStyle" | "ui"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "onClick" | "url" | "ui" | "showActions" | "onResolve" | "platform" | "forwardedRef" | "isFrameVisible" | "importer" | "container" | "embedIframeRef" | "inlinePreloaderStyle"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "onClick" | "analyticsContext" | "key" | "url" | "ui" | "showActions" | "onResolve" | "platform" | "forwardedRef" | "isFrameVisible" | "importer" | "container" | "embedIframeRef" | "inlinePreloaderStyle"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/FlexibleCard/components/blocks/title-block/utils.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import React from 'react';
+import { SerializedStyles } from '@emotion/core';
+import { TitleBlockProps } from './types';
+export declare const actionOnHoverOnlyStyle: SerializedStyles;
+interface BaseTitleBlockProps {
+    blockTestIdPostfix: string;
+    blockIcon?: React.ReactElement;
+}
+export declare const BaseTitleBlockComponent: React.FC<TitleBlockProps & BaseTitleBlockProps>;
+export {};

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const HoverCardContainer: import("@emotion/styled-base").StyledComponent<Pick<import("@atlaskit/tooltip").TooltipPrimitiveProps, "children" | "style" | "testId" | "className" | "id" | "onMouseOut" | "onMouseOver" | "placement" | "truncate"> & import("react").RefAttributes<HTMLDivElement> & import("react").Attributes, Pick<Pick<import("@atlaskit/tooltip").TooltipPrimitiveProps, "children" | "style" | "testId" | "className" | "id" | "onMouseOut" | "onMouseOver" | "placement" | "truncate"> & import("react").RefAttributes<HTMLDivElement> & import("react").Attributes, "children" | "style" | "testId" | "className" | "id" | "onMouseOut" | "onMouseOver" | "placement" | "truncate">, any>;
+export declare const HoverCardContainer: import("@emotion/utils").SerializedStyles;

package/package.json

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