@atlaskit/smart-card 23.13.3 → 23.14.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/smart-card
 
+## 23.14.0
+
+### Minor Changes
+
+- [`eb2e7a0e762`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb2e7a0e762) - Add new "showAuthTooltip" prop to SmartCard which shows Auth Tooltip on unauthorised inline Smart Links. This allows us to remove product feature flags in the future
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.13.3
 
 ### Patch Changes

package/dist/cjs/version.json

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

package/dist/cjs/view/CardWithUrl/component.js

@@ -58,6 +58,7 @@ function CardWithUrlContent(_ref) {
       ui = _ref.ui,
       children = _ref.children,
       showHoverPreview = _ref.showHoverPreview,
+      showAuthTooltipProp = _ref.showAuthTooltip,
       analyticsEvents = _ref.analyticsEvents;
 
   // Get state, actions for this card.
@@ -79,8 +80,8 @@ function CardWithUrlContent(_ref) {
   var isFlexibleUi = (0, _react.useMemo)(function () {
     return (0, _flexible.isFlexibleUiCard)(children);
   }, [children]);
-  var showAuthTooltipValue = (0, _linkProvider.useFeatureFlag)('showAuthTooltip');
-  var showAuthTooltip = !!showAuthTooltipValue && showAuthTooltipValue === 'experiment';
+  var showAuthTooltipFeatureFlagValue = (0, _linkProvider.useFeatureFlag)('showAuthTooltip');
+  var showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
   var enableFlexibleBlockCardFlag = Boolean((0, _linkProvider.useFeatureFlag)('enableFlexibleBlockCard')); // Setup UI handlers.
 
   var handleClick = (0, _react.useCallback)(function (event) {

package/dist/cjs/view/CardWithUrl/loader.js

@@ -71,6 +71,7 @@ function CardWithURLRenderer(props) {
       children = props.children,
       ui = props.ui,
       showHoverPreview = props.showHoverPreview,
+      showAuthTooltip = props.showAuthTooltip,
       analyticsEvents = props.analyticsEvents,
       placeholder = props.placeholder; // Wrapper around analytics.
 
@@ -139,6 +140,7 @@ function CardWithURLRenderer(props) {
     inlinePreloaderStyle: inlinePreloaderStyle,
     ui: ui,
     showHoverPreview: showHoverPreview,
+    showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
     placeholder: placeholder
   };

package/dist/es2019/version.json

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

package/dist/es2019/view/CardWithUrl/component.js

@@ -30,6 +30,7 @@ export function CardWithUrlContent({
   ui,
   children,
   showHoverPreview,
+  showAuthTooltip: showAuthTooltipProp,
   analyticsEvents
 }) {
   // Get state, actions for this card.
@@ -49,8 +50,8 @@ export function CardWithUrlContent({
   const subproduct = getSubproduct(state.details);
   const services = getServices(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
-  const showAuthTooltipValue = useFeatureFlag('showAuthTooltip');
-  const showAuthTooltip = !!showAuthTooltipValue && showAuthTooltipValue === 'experiment';
+  const showAuthTooltipFeatureFlagValue = useFeatureFlag('showAuthTooltip');
+  const showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
   const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard')); // Setup UI handlers.
 
   const handleClick = useCallback(event => {

package/dist/es2019/view/CardWithUrl/loader.js

@@ -37,6 +37,7 @@ export function CardWithURLRenderer(props) {
     children,
     ui,
     showHoverPreview,
+    showAuthTooltip,
     analyticsEvents,
     placeholder
   } = props; // Wrapper around analytics.
@@ -108,6 +109,7 @@ export function CardWithURLRenderer(props) {
     inlinePreloaderStyle,
     ui,
     showHoverPreview,
+    showAuthTooltip,
     analyticsEvents,
     placeholder
   };

package/dist/esm/version.json

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

package/dist/esm/view/CardWithUrl/component.js

@@ -30,6 +30,7 @@ export function CardWithUrlContent(_ref) {
       ui = _ref.ui,
       children = _ref.children,
       showHoverPreview = _ref.showHoverPreview,
+      showAuthTooltipProp = _ref.showAuthTooltip,
       analyticsEvents = _ref.analyticsEvents;
 
   // Get state, actions for this card.
@@ -51,8 +52,8 @@ export function CardWithUrlContent(_ref) {
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children);
   }, [children]);
-  var showAuthTooltipValue = useFeatureFlag('showAuthTooltip');
-  var showAuthTooltip = !!showAuthTooltipValue && showAuthTooltipValue === 'experiment';
+  var showAuthTooltipFeatureFlagValue = useFeatureFlag('showAuthTooltip');
+  var showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
   var enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard')); // Setup UI handlers.
 
   var handleClick = useCallback(function (event) {

package/dist/esm/view/CardWithUrl/loader.js

@@ -46,6 +46,7 @@ export function CardWithURLRenderer(props) {
       children = props.children,
       ui = props.ui,
       showHoverPreview = props.showHoverPreview,
+      showAuthTooltip = props.showAuthTooltip,
       analyticsEvents = props.analyticsEvents,
       placeholder = props.placeholder; // Wrapper around analytics.
 
@@ -114,6 +115,7 @@ export function CardWithURLRenderer(props) {
     inlinePreloaderStyle: inlinePreloaderStyle,
     ui: ui,
     showHoverPreview: showHoverPreview,
+    showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
     placeholder: placeholder
   };

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<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "showAuthTooltip" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

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

@@ -32,6 +32,7 @@ export interface CardProps extends WithAnalyticsEventsProps {
     ui?: FlexibleUiOptions;
     children?: React.ReactNode;
     showHoverPreview?: boolean;
+    showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;
 }

package/dist/types/view/CardWithUrl/component.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CardWithUrlContentProps } from './types';
-export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, platform, onClick, appearance, dispatchAnalytics, onResolve, onError, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, ui, children, showHoverPreview, analyticsEvents, }: CardWithUrlContentProps): JSX.Element;
+export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, platform, onClick, appearance, dispatchAnalytics, onResolve, onError, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, ui, children, showHoverPreview, showAuthTooltip: showAuthTooltipProp, analyticsEvents, }: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/types.d.ts

@@ -24,6 +24,7 @@ export declare type CardWithUrlContentProps = {
     ui?: FlexibleUiOptions;
     children?: React.ReactNode;
     showHoverPreview?: boolean;
+    showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.13.3",
+  "version": "23.14.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/linking-common": "^1.20.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/lozenge": "^11.3.0",
-    "@atlaskit/media-common": "^2.18.0",
+    "@atlaskit/media-common": "^2.19.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/outbound-auth-flow-client": "^3.3.0",
     "@atlaskit/popup": "^1.5.0",

package/report.api.md

@@ -254,6 +254,7 @@ export const Card: React_2.ForwardRefExoticComponent<
     | 'placeholder'
     | 'platform'
     | 'showActions'
+    | 'showAuthTooltip'
     | 'showHoverPreview'
     | 'testId'
     | 'ui'
@@ -316,6 +317,8 @@ export interface CardProps extends WithAnalyticsEventsProps {
   // (undocumented)
   showActions?: boolean;
   // (undocumented)
+  showAuthTooltip?: boolean;
+  // (undocumented)
   showHoverPreview?: boolean;
   // (undocumented)
   testId?: string;

package/tmp/api-report-tmp.d.ts

@@ -178,7 +178,7 @@ type BlockProps = {
 };
 
 // @public (undocumented)
-export const Card: React_2.ForwardRefExoticComponent<Pick<Omit<React_2.PropsWithChildren<WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "analyticsEvents" | "appearance" | "children" | "container" | "data" | "embedIframeRef" | "forwardedRef" | "id" | "importer" | "inheritDimensions" | "inlinePreloaderStyle" | "isFrameVisible" | "isSelected" | "key" | "onClick" | "onError" | "onResolve" | "placeholder" | "platform" | "showActions" | "showHoverPreview" | "testId" | "ui" | "url"> & React_2.RefAttributes<any>>;
+export const Card: React_2.ForwardRefExoticComponent<Pick<Omit<React_2.PropsWithChildren<WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "analyticsEvents" | "appearance" | "children" | "container" | "data" | "embedIframeRef" | "forwardedRef" | "id" | "importer" | "inheritDimensions" | "inlinePreloaderStyle" | "isFrameVisible" | "isSelected" | "key" | "onClick" | "onError" | "onResolve" | "placeholder" | "platform" | "showActions" | "showAuthTooltip" | "showHoverPreview" | "testId" | "ui" | "url"> & React_2.RefAttributes<any>>;
 
 export { CardAdf }
 
@@ -230,6 +230,8 @@ export interface CardProps extends WithAnalyticsEventsProps {
     // (undocumented)
     showActions?: boolean;
     // (undocumented)
+    showAuthTooltip?: boolean;
+    // (undocumented)
     showHoverPreview?: boolean;
     // (undocumented)
     testId?: string;