@atlaskit/smart-card 23.9.3 → 23.10.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 23.10.0
+
+### Minor Changes
+
+- [`aa44d74bf40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa44d74bf40) - Expose a new entry point to hover cards at @atlaskit/smart-card/hover-card
+
 ## 23.9.3
 
 ### Patch Changes

package/dist/cjs/hoverCard.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HoverCard", {
+  enumerable: true,
+  get: function get() {
+    return _HoverCard.HoverCard;
+  }
+});
+
+var _HoverCard = require("./view/HoverCard");

package/dist/cjs/version.json

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

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

@@ -39,6 +39,8 @@ var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../../messages");
 
+var _actions = require("../../../state/actions");
+
 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; }
@@ -90,6 +92,10 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var extensionKey = (0, _react2.useMemo)(function () {
     return (0, _helpers.getExtensionKey)(cardState.details);
   }, [cardState.details]);
+  var actions = (0, _actions.useSmartCardActions)(id, url, analytics);
+  (0, _react2.useEffect)(function () {
+    actions.loadMetadata();
+  }, [actions]);
   var onClick = (0, _react2.useCallback)(function (event) {
     var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
     analytics.ui.cardClickedEvent({

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

@@ -23,8 +23,6 @@ var _styled = require("./styled");
 
 var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
 
-var _actions = require("../../../../../state/actions");
-
 var _utils = require("../../../utils");
 
 var _SnippetOrPreview = _interopRequireDefault(require("../../SnippetOrPreview"));
@@ -69,10 +67,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
       onActionClick = _ref.onActionClick,
       extensionKey = _ref.extensionKey;
   var showActionableElement = (0, _linkProvider.useFeatureFlag)('enableActionableElement');
-  var actions = (0, _actions.useSmartCardActions)(id, url, analytics);
-  (0, _react.useEffect)(function () {
-    actions.loadMetadata();
-  }, [actions]);
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

package/dist/es2019/hoverCard.js

@@ -0,0 +1 @@
+export { HoverCard } from './view/HoverCard';

package/dist/es2019/version.json

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

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

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/react';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { extractType } from '@atlaskit/linking-common/extractors';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { getExtensionKey } from '../../../state/helpers';
@@ -14,6 +14,7 @@ import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
+import { useSmartCardActions } from '../../../state/actions';
 export const hoverCardClassName = 'smart-links-hover-preview';
 export const getOpenAction = (url, analytics, onActionClick) => ({
   name: ActionName.CustomAction,
@@ -51,6 +52,10 @@ const HoverCardContent = ({
   var _cardState$details;
 
   const extensionKey = useMemo(() => getExtensionKey(cardState.details), [cardState.details]);
+  const actions = useSmartCardActions(id, url, analytics);
+  useEffect(() => {
+    actions.loadMetadata();
+  }, [actions]);
   const onClick = useCallback(event => {
     const isModifierKeyPressed = isSpecialEvent(event);
     analytics.ui.cardClickedEvent({

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

@@ -5,7 +5,6 @@ import { ActionName, CardDisplay, SmartLinkSize } from '../../../../../constants
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { useSmartCardActions } from '../../../../../state/actions';
 import { getSimulatedMetadata, toActionableMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
 import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
@@ -36,10 +35,6 @@ const HoverCardResolvedView = ({
   var _cardState$details;
 
   const showActionableElement = useFeatureFlag('enableActionableElement');
-  const actions = useSmartCardActions(id, url, analytics);
-  useEffect(() => {
-    actions.loadMetadata();
-  }, [actions]);
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

package/dist/esm/hoverCard.js

@@ -0,0 +1 @@
+export { HoverCard } from './view/HoverCard';

package/dist/esm/version.json

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

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

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/react';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { extractType } from '@atlaskit/linking-common/extractors';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { extractMetadata } from '../../../extractors/hover/extractMetadata';
 import { getExtensionKey } from '../../../state/helpers';
@@ -14,6 +14,7 @@ import HoverCardUnauthorisedView from './views/unauthorised';
 import HoverCardResolvedView from './views/resolved';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
+import { useSmartCardActions } from '../../../state/actions';
 export var hoverCardClassName = 'smart-links-hover-preview';
 export var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
   return {
@@ -56,6 +57,10 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var extensionKey = useMemo(function () {
     return getExtensionKey(cardState.details);
   }, [cardState.details]);
+  var actions = useSmartCardActions(id, url, analytics);
+  useEffect(function () {
+    actions.loadMetadata();
+  }, [actions]);
   var onClick = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);
     analytics.ui.cardClickedEvent({

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

@@ -5,7 +5,6 @@ import { ActionName, CardDisplay, SmartLinkSize } from '../../../../../constants
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { useSmartCardActions } from '../../../../../state/actions';
 import { getSimulatedMetadata, toActionableMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
 import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
@@ -41,10 +40,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
       onActionClick = _ref.onActionClick,
       extensionKey = _ref.extensionKey;
   var showActionableElement = useFeatureFlag('enableActionableElement');
-  var actions = useSmartCardActions(id, url, analytics);
-  useEffect(function () {
-    actions.loadMetadata();
-  }, [actions]);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.

package/dist/types/hoverCard.d.ts

@@ -0,0 +1,2 @@
+export { HoverCard } from './view/HoverCard';
+export type { HoverCardProps } from './view/HoverCard/types';

package/hover-card/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/smart-card/hover-card",
+  "main": "../dist/cjs/hoverCard.js",
+  "module": "../dist/esm/hoverCard.js",
+  "module:es2019": "../dist/es2019/hoverCard.js",
+  "sideEffects": false,
+  "types": "../dist/types/hoverCard.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/hoverCard.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.9.3",
+  "version": "23.10.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -119,6 +119,7 @@
     "./client": "./src/client/index.ts",
     "./types": "./src/types.ts",
     "./hooks": "./src/hooks.ts",
+    "./hover-card": "./src/hoverCard.ts",
     ".": "./src/index.ts"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",