@atlaskit/smart-card 26.42.6 → 26.42.7

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

@@ -1,34 +1,28 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
-import { SmartLinkSize, SmartLinkTheme } from '../../constants';
+import { SmartLinkSize } from '../../constants';
 import { layers } from '@atlaskit/theme/constants';
 import { themed } from '@atlaskit/theme/components';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 export var HOVER_CARD_Z_INDEX = layers.modal();
-export var flexibleUiOptions = _objectSpread({
+export var flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,
   size: SmartLinkSize.Medium,
   hideHoverCardPreviewButton: false,
   zIndex: HOVER_CARD_Z_INDEX + 1
-}, !getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
-  theme: SmartLinkTheme.Black,
-  hidePadding: true
-});
+};
 export var CARD_WIDTH_REM = 24;
 // gap between mouse cursor and hover card
 export var CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 export var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
-export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n  ", "\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, !getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') ? "padding: 1rem;" : "", loadingPlaceholderClassName);
+export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), CARD_WIDTH_REM, loadingPlaceholderClassName);
 export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  ", "\n"])), blockGap, separatorCss, elementGap, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "[data-smart-element=\"Title\"] {\n          font-weight: 600;\n        }" : "");
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: height 300ms ease-in-out;\n  height: ", "px;\n"])), snippetHeight);

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.6",
+  packageVersion: "26.42.7",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useEffect } from 'react';
 import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractRequestAccessContext } from '../../extractors/common/context';
@@ -15,6 +15,7 @@ import { useFeatureFlag } from '@atlaskit/link-provider';
 import { getExtensionKey } from '../../state/helpers';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { SmartLinkStatus } from '../../constants';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export var InlineCard = function InlineCard(_ref) {
   var _details$meta, _providerForbidden$te;
@@ -44,6 +45,29 @@ export var InlineCard = function InlineCard(_ref) {
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
+  var resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(cardDetails, renderers) : {};
+  useEffect(function () {
+    switch (status) {
+      case SmartLinkStatus.Resolved:
+        onResolve === null || onResolve === void 0 || onResolve({
+          url: url,
+          title: resolvedProps.title
+        });
+        break;
+      case SmartLinkStatus.Errored:
+      case SmartLinkStatus.Fallback:
+      case SmartLinkStatus.Forbidden:
+      case SmartLinkStatus.NotFound:
+      case SmartLinkStatus.Unauthorized:
+        if (onError) {
+          onError({
+            status: status,
+            url: url
+          });
+        }
+        break;
+    }
+  }, [onError, onResolve, status, url, resolvedProps.title]);
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -55,13 +79,6 @@ export var InlineCard = function InlineCard(_ref) {
         inlinePreloaderStyle: inlinePreloaderStyle
       });
     case 'resolved':
-      var resolvedProps = extractInlineProps(cardDetails, renderers);
-      if (onResolve) {
-        onResolve({
-          url: url,
-          title: resolvedProps.title
-        });
-      }
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
@@ -72,12 +89,6 @@ export var InlineCard = function InlineCard(_ref) {
         testId: testIdWithStatus
       }));
     case 'unauthorized':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
       var provider = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
@@ -93,12 +104,6 @@ export var InlineCard = function InlineCard(_ref) {
         extensionKey: extensionKey
       });
     case 'forbidden':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
       var providerForbidden = extractProvider(cardDetails);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       var requestAccessContext = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? extractRequestAccessContextImproved({
@@ -123,12 +128,6 @@ export var InlineCard = function InlineCard(_ref) {
         showHoverPreview: showHoverPreview
       });
     case 'not_found':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
       var providerNotFound = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardErroredView, {
         url: url,
@@ -142,12 +141,6 @@ export var InlineCard = function InlineCard(_ref) {
     case 'fallback':
     case 'errored':
     default:
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
       return /*#__PURE__*/React.createElement(CardLinkView, {
         link: url,
         isSelected: isSelected,

package/dist/types/view/BlockCard/views/flexible/utils/index.d.ts

@@ -5,7 +5,6 @@ import type { PreviewBlockProps } from '../../../../FlexibleCard/components/bloc
 import type { TitleBlockProps } from '../../../../FlexibleCard/components/blocks/title-block/types';
 import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
-export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 type SimulatedMetadata = {
     titleMetadata: ElementItem[];
     topMetadata: ElementItem[];
@@ -14,5 +13,5 @@ type SimulatedMetadata = {
 export declare const FlexibleCardUiOptions: FlexibleUiOptions;
 export declare const getTitleBlockOptions: () => Partial<TitleBlockProps>;
 export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;
-export declare const getFooterBlockOptions: () => Partial<FooterBlockProps>;
+export declare const FooterBlockOptions: Partial<FooterBlockProps>;
 export {};

package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/index.d.ts

@@ -5,7 +5,6 @@ import type { PreviewBlockProps } from '../../../../FlexibleCard/components/bloc
 import type { TitleBlockProps } from '../../../../FlexibleCard/components/blocks/title-block/types';
 import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
-export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 type SimulatedMetadata = {
     titleMetadata: ElementItem[];
     topMetadata: ElementItem[];
@@ -14,5 +13,5 @@ type SimulatedMetadata = {
 export declare const FlexibleCardUiOptions: FlexibleUiOptions;
 export declare const getTitleBlockOptions: () => Partial<TitleBlockProps>;
 export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;
-export declare const getFooterBlockOptions: () => Partial<FooterBlockProps>;
+export declare const FooterBlockOptions: Partial<FooterBlockProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.42.6",
+  "version": "26.42.7",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.4.0",
     "@atlaskit/badge": "^15.1.0",
-    "@atlaskit/button": "^16.16.0",
+    "@atlaskit/button": "^16.17.0",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^22.0.0",
@@ -38,7 +38,7 @@
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-extractors": "^1.2.0",
-    "@atlaskit/linking-common": "^4.18.0",
+    "@atlaskit/linking-common": "^4.20.0",
     "@atlaskit/linking-types": "^8.5.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
@@ -46,10 +46,10 @@
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.11.0",
-    "@atlaskit/primitives": "^1.10.0",
+    "@atlaskit/primitives": "^1.12.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@atlaskit/tooltip": "^18.0.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -144,9 +144,6 @@
     "platform.linking-platform.smart-card.show-smart-links-refreshed-design": {
       "type": "boolean"
     },
-    "platform.linking-platform.smart-card.enable-better-metadata_iojwg": {
-      "type": "boolean"
-    },
     "platform.linking-platform.smart-card.fix-is-trusted-pop": {
       "type": "boolean"
     },