@atlaskit/smart-card 34.10.2 → 34.10.4

package/dist/esm/view/EmbedCard/components/styled.js

@@ -28,8 +28,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { B100, B50, N30, N300, N40 } from '@atlaskit/theme/colors';
 export var className = 'media-card-frame';
 export var embedHeaderHeight = 32;
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
-export var LinkWrapper = forwardRef(function (_ref, __cmplr) {
+export var LinkWrapperOldVisualRefresh = forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
     C = _ref$as === void 0 ? "div" : _ref$as,
     __cmpls = _ref.style,
@@ -51,11 +52,12 @@ export var LinkWrapper = forwardRef(function (_ref, __cmplr) {
   }));
 });
 
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
 if (process.env.NODE_ENV !== 'production') {
-  LinkWrapper.displayName = 'LinkWrapper';
+  LinkWrapperOldVisualRefresh.displayName = 'LinkWrapperOldVisualRefresh';
 }
-export var Wrapper = forwardRef(function (_ref2, __cmplr) {
+export var WrapperOldVisualRefresh = forwardRef(function (_ref2, __cmplr) {
   var _ref2$as = _ref2.as,
     C = _ref2$as === void 0 ? "div" : _ref2$as,
     __cmpls = _ref2.style,
@@ -77,11 +79,12 @@ export var Wrapper = forwardRef(function (_ref2, __cmplr) {
   }));
 });
 
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
 if (process.env.NODE_ENV !== 'production') {
-  Wrapper.displayName = 'Wrapper';
+  WrapperOldVisualRefresh.displayName = 'WrapperOldVisualRefresh';
 }
-export var Header = forwardRef(function (_ref3, __cmplr) {
+export var HeaderOldVisualRefresh = forwardRef(function (_ref3, __cmplr) {
   var _ref3$as = _ref3.as,
     C = _ref3$as === void 0 ? "div" : _ref3$as,
     __cmpls = _ref3.style,
@@ -95,11 +98,12 @@ export var Header = forwardRef(function (_ref3, __cmplr) {
   }));
 });
 
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
 if (process.env.NODE_ENV !== 'production') {
-  Header.displayName = 'Header';
+  HeaderOldVisualRefresh.displayName = 'HeaderOldVisualRefresh';
 }
-export var IconWrapper = forwardRef(function (_ref4, __cmplr) {
+export var IconWrapperOldVisualRefresh = forwardRef(function (_ref4, __cmplr) {
   var _ref4$as = _ref4.as,
     C = _ref4$as === void 0 ? "div" : _ref4$as,
     __cmpls = _ref4.style,
@@ -113,11 +117,12 @@ export var IconWrapper = forwardRef(function (_ref4, __cmplr) {
   }));
 });
 
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
 if (process.env.NODE_ENV !== 'production') {
-  IconWrapper.displayName = 'IconWrapper';
+  IconWrapperOldVisualRefresh.displayName = 'IconWrapperOldVisualRefresh';
 }
-export var TextWrapper = forwardRef(function (_ref5, __cmplr) {
+export var TextWrapperOldVisualRefresh = forwardRef(function (_ref5, __cmplr) {
   var _ref5$as = _ref5.as,
     C = _ref5$as === void 0 ? "div" : _ref5$as,
     __cmpls = _ref5.style,
@@ -131,11 +136,12 @@ export var TextWrapper = forwardRef(function (_ref5, __cmplr) {
   }));
 });
 
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
 if (process.env.NODE_ENV !== 'production') {
-  TextWrapper.displayName = 'TextWrapper';
+  TextWrapperOldVisualRefresh.displayName = 'TextWrapperOldVisualRefresh';
 }
-export var TooltipWrapper = forwardRef(function (_ref6, __cmplr) {
+export var TooltipWrapperOldVisualRefresh = forwardRef(function (_ref6, __cmplr) {
   var _ref6$as = _ref6.as,
     C = _ref6$as === void 0 ? "div" : _ref6$as,
     __cmpls = _ref6.style,
@@ -147,14 +153,15 @@ export var TooltipWrapper = forwardRef(function (_ref6, __cmplr) {
   }));
 });
 
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/ui-styling-standard/no-exported-styles
 if (process.env.NODE_ENV !== 'production') {
-  TooltipWrapper.displayName = 'TooltipWrapper';
+  TooltipWrapperOldVisualRefresh.displayName = 'TooltipWrapperOldVisualRefresh';
 }
-export var Content = forwardRef(function (_ref7, __cmplr) {
+export var ContentOldVisualRefresh = forwardRef(function (_ref7, __cmplr) {
   var _ref7$as = _ref7.as,
     C = _ref7$as === void 0 ? "div" : _ref7$as,
     __cmpls = _ref7.style,
@@ -170,7 +177,7 @@ export var Content = forwardRef(function (_ref7, __cmplr) {
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
-  Content.displayName = 'Content';
+  ContentOldVisualRefresh.displayName = 'ContentOldVisualRefresh';
 }
 var getSizeWithUnit = function getSizeWithUnit() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';

package/dist/esm/view/InlineCard/common/action-button/index.js

@@ -9,13 +9,16 @@ import { Box, xcss } from '@atlaskit/primitives';
 export var ActionButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
+  // `Button transforms `testId` into `data-testid`. We need to transform it back to `testId`
+  var testId = props["data-testid"];
   return /*#__PURE__*/React.createElement(Box, _extends({
     as: "span",
     ref: ref,
     xcss: [actionButtonStyle, !props.disabled && actionButtonNotDisabledStyle]
   }, props, {
     "aria-disabled": props.disabled,
-    role: "button"
+    role: "button",
+    testId: testId
   }), /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: internalButtonStyle

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.10.2",
+  packageVersion: "34.10.4",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/esm/view/common/UnauthorisedViewContent.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Anchor } from '@atlaskit/primitives';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';
@@ -23,7 +25,12 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     values: {
       context: providerName
     }
-  })) : /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_unauthorised_account_description_no_provider), ' ', /*#__PURE__*/React.createElement("a", {
+  })) : /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_unauthorised_account_description_no_provider), ' ', fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Anchor, {
+    href: isProductIntegrationSupported ? CONTENT_URL_3P_ACCOUNT_AUTH : CONTENT_URL_SECURITY_AND_PERMISSIONS,
+    target: "_blank",
+    testId: "".concat(testId, "-learn-more"),
+    onClick: handleLearnMoreClick
+  }, /*#__PURE__*/React.createElement(FormattedMessage, learnMoreMessage)) : /*#__PURE__*/React.createElement("a", {
     href: isProductIntegrationSupported ? CONTENT_URL_3P_ACCOUNT_AUTH : CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     "data-testid": "".concat(testId, "-learn-more"),

package/dist/types/view/EmbedCard/components/styled.d.ts

@@ -36,12 +36,12 @@ export interface ThumbnailProps {
 export interface PlaceholderProps {
     isPlaceholder: boolean;
 }
-export declare const LinkWrapper: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const Wrapper: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const Header: import("react").ComponentType<HeaderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const IconWrapper: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const TextWrapper: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const TooltipWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const Content: import("react").ComponentType<ContentProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const LinkWrapperOldVisualRefresh: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const WrapperOldVisualRefresh: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const HeaderOldVisualRefresh: import("react").ComponentType<HeaderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const IconWrapperOldVisualRefresh: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const TextWrapperOldVisualRefresh: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const TooltipWrapperOldVisualRefresh: import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const ContentOldVisualRefresh: import("react").ComponentType<ContentProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
 export declare const Image: import("react").ComponentType<ImageProps & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & import("@compiled/react").StyledProps>;
 export declare const Thumbnail: import("react").ComponentType<ThumbnailProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;

package/dist/types/view/InlineCard/common/action-button/index.d.ts

@@ -2,6 +2,7 @@ import React, { type ComponentPropsWithRef } from 'react';
 import { Box } from '@atlaskit/primitives';
 type ActionButtonProps = ComponentPropsWithRef<typeof Box> & {
     disabled?: boolean;
+    [`data-testid`]?: string;
 };
 /**
  * Action button has to be a span for the overflow to work correctly

package/dist/types-ts4.5/view/EmbedCard/components/styled.d.ts

@@ -36,12 +36,12 @@ export interface ThumbnailProps {
 export interface PlaceholderProps {
     isPlaceholder: boolean;
 }
-export declare const LinkWrapper: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const Wrapper: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const Header: import("react").ComponentType<HeaderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const IconWrapper: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const TextWrapper: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const TooltipWrapper: import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
-export declare const Content: import("react").ComponentType<ContentProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const LinkWrapperOldVisualRefresh: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const WrapperOldVisualRefresh: import("react").ComponentType<WrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const HeaderOldVisualRefresh: import("react").ComponentType<HeaderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const IconWrapperOldVisualRefresh: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const TextWrapperOldVisualRefresh: import("react").ComponentType<PlaceholderProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const TooltipWrapperOldVisualRefresh: import("react").ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
+export declare const ContentOldVisualRefresh: import("react").ComponentType<ContentProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;
 export declare const Image: import("react").ComponentType<ImageProps & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & import("@compiled/react").StyledProps>;
 export declare const Thumbnail: import("react").ComponentType<ThumbnailProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@compiled/react").StyledProps>;

package/dist/types-ts4.5/view/InlineCard/common/action-button/index.d.ts

@@ -2,6 +2,7 @@ import React, { type ComponentPropsWithRef } from 'react';
 import { Box } from '@atlaskit/primitives';
 type ActionButtonProps = ComponentPropsWithRef<typeof Box> & {
     disabled?: boolean;
+    [`data-testid`]?: string;
 };
 /**
  * Action button has to be a span for the overflow to work correctly

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "34.10.2",
+	"version": "34.10.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,9 +39,9 @@
 		"@atlaskit/form": "^11.1.0",
 		"@atlaskit/frontend-utilities": "^2.9.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.7.0",
 		"@atlaskit/icon-file-type": "^6.9.0",
-		"@atlaskit/icon-lab": "^2.1.0",
+		"@atlaskit/icon-lab": "^2.4.0",
 		"@atlaskit/icon-object": "^6.10.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/legacy-custom-icons": "^0.21.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/link-analytics": "^8.7.0",
 		"@atlaskit/link-client-extension": "^3.1.0",
 		"@atlaskit/link-extractors": "^1.10.0",
-		"@atlaskit/linking-common": "^6.2.0",
+		"@atlaskit/linking-common": "^6.3.0",
 		"@atlaskit/linking-types": "^9.6.0",
 		"@atlaskit/logo": "^15.2.0",
 		"@atlaskit/lozenge": "^11.13.0",