@atlaskit/smart-card 40.12.0 → 40.13.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 40.13.0
+
+### Minor Changes
+
+- [`ffc3ef708967c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ffc3ef708967c) -
+  [ux] Adds an optional disablePreviewPanel prop on a smartcard to allow consumers opt out of
+  opening Preview Panel by default when a smartlink is clicked.
+
+## 40.12.1
+
+### Patch Changes
+
+- [`ea0c752bfa736`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ea0c752bfa736) -
+  [ux] Changing passionfruit extension key for Smart Links
+
 ## 40.12.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.11.0"
+  packageVersion: "40.12.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/BlockCard/views/utils/index.js

@@ -74,7 +74,7 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
           name: _constants.ElementName.AppliedToComponentsCount
         }].concat(baseBottomMetaData)
       };
-    case 'passionfruit-object-provider':
+    case 'integration-passionfruit-object-provider':
       if ((0, _platformFeatureFlags.fg)('passionfruit_ask_smart_links_enabled')) {
         return {
           titleMetadata: defaultTitleMetadata,

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

@@ -53,7 +53,8 @@ function Component(_ref) {
     resolvingPlaceholder = _ref.resolvingPlaceholder,
     truncateInline = _ref.truncateInline,
     CompetitorPrompt = _ref.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
+    disablePreviewPanel = _ref.disablePreviewPanel;
   var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
@@ -116,12 +117,13 @@ function Component(_ref) {
         }
       }
     }
+    var isDisablePreviewPanel = disablePreviewPanel && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
 
     // If preview panel is available and the user clicked on the link,
     // delegate the click to the preview panel handler
     if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
       ari: ari
-    }) && !(0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+    }) && !isDisablePreviewPanel) {
       event.preventDefault();
       event.stopPropagation();
       openPreviewPanel({
@@ -156,7 +158,7 @@ function Component(_ref) {
       }
       (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
   var handleAuthorize = (0, _react.useCallback)(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

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

@@ -70,7 +70,8 @@ function CardWithURLRenderer(props) {
     removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle,
     resolvingPlaceholder = props.resolvingPlaceholder,
     truncateInline = props.truncateInline,
-    CompetitorPrompt = props.CompetitorPrompt;
+    CompetitorPrompt = props.CompetitorPrompt,
+    disablePreviewPanel = props.disablePreviewPanel;
   var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children, ui);
   var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
     display: isFlexibleUi ? 'flexible' : appearance,
@@ -146,7 +147,8 @@ function CardWithURLRenderer(props) {
     removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
     resolvingPlaceholder: resolvingPlaceholder,
     truncateInline: truncateInline,
-    CompetitorPrompt: CompetitorPrompt
+    CompetitorPrompt: CompetitorPrompt,
+    disablePreviewPanel: disablePreviewPanel
   };
   return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
     FallbackComponent: ErrorFallback,

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.11.0",
+  packageVersion: "40.12.1",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.11.0"
+  packageVersion: "40.12.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/views/utils/index.js

@@ -68,7 +68,7 @@ export const getSimulatedBetterMetadata = cardDetails => {
           name: ElementName.AppliedToComponentsCount
         }, ...baseBottomMetaData]
       };
-    case 'passionfruit-object-provider':
+    case 'integration-passionfruit-object-provider':
       if (fg('passionfruit_ask_smart_links_enabled')) {
         return {
           titleMetadata: defaultTitleMetadata,

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

@@ -44,7 +44,8 @@ function Component({
   resolvingPlaceholder,
   truncateInline,
   CompetitorPrompt,
-  hideIconLoadingSkeleton
+  hideIconLoadingSkeleton,
+  disablePreviewPanel
 }) {
   const {
     createAnalyticsEvent
@@ -109,12 +110,13 @@ function Component({
         }
       }
     }
+    const isDisablePreviewPanel = disablePreviewPanel && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
 
     // If preview panel is available and the user clicked on the link,
     // delegate the click to the preview panel handler
     if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
       ari
-    }) && !expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+    }) && !isDisablePreviewPanel) {
       event.preventDefault();
       event.stopPropagation();
       openPreviewPanel({
@@ -149,7 +151,7 @@ function Component({
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
   const handleAuthorize = useCallback(() => actions.authorize(appearance), [actions, appearance]);
   const handleRetry = useCallback(() => {
     actions.reload();

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

@@ -48,7 +48,8 @@ export function CardWithURLRenderer(props) {
     removeTextHighlightingFromTitle,
     resolvingPlaceholder,
     truncateInline,
-    CompetitorPrompt
+    CompetitorPrompt,
+    disablePreviewPanel
   } = props;
   const isFlexibleUi = isFlexibleUiCard(children, ui);
   const analyticsContext = useSmartLinkAnalyticsContext({
@@ -125,7 +126,8 @@ export function CardWithURLRenderer(props) {
     removeTextHighlightingFromTitle,
     resolvingPlaceholder,
     truncateInline,
-    CompetitorPrompt
+    CompetitorPrompt,
+    disablePreviewPanel
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

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

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

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.11.0"
+  packageVersion: "40.12.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/utils/index.js

@@ -68,7 +68,7 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
           name: ElementName.AppliedToComponentsCount
         }].concat(baseBottomMetaData)
       };
-    case 'passionfruit-object-provider':
+    case 'integration-passionfruit-object-provider':
       if (fg('passionfruit_ask_smart_links_enabled')) {
         return {
           titleMetadata: defaultTitleMetadata,

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

@@ -44,7 +44,8 @@ function Component(_ref) {
     resolvingPlaceholder = _ref.resolvingPlaceholder,
     truncateInline = _ref.truncateInline,
     CompetitorPrompt = _ref.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
+    disablePreviewPanel = _ref.disablePreviewPanel;
   var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -107,12 +108,13 @@ function Component(_ref) {
         }
       }
     }
+    var isDisablePreviewPanel = disablePreviewPanel && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
 
     // If preview panel is available and the user clicked on the link,
     // delegate the click to the preview panel handler
     if (!isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
       ari: ari
-    }) && !expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
+    }) && !isDisablePreviewPanel) {
       event.preventDefault();
       event.stopPropagation();
       openPreviewPanel({
@@ -147,7 +149,7 @@ function Component(_ref) {
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

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

@@ -58,7 +58,8 @@ export function CardWithURLRenderer(props) {
     removeTextHighlightingFromTitle = props.removeTextHighlightingFromTitle,
     resolvingPlaceholder = props.resolvingPlaceholder,
     truncateInline = props.truncateInline,
-    CompetitorPrompt = props.CompetitorPrompt;
+    CompetitorPrompt = props.CompetitorPrompt,
+    disablePreviewPanel = props.disablePreviewPanel;
   var isFlexibleUi = isFlexibleUiCard(children, ui);
   var analyticsContext = useSmartLinkAnalyticsContext({
     display: isFlexibleUi ? 'flexible' : appearance,
@@ -134,7 +135,8 @@ export function CardWithURLRenderer(props) {
     removeTextHighlightingFromTitle: removeTextHighlightingFromTitle,
     resolvingPlaceholder: resolvingPlaceholder,
     truncateInline: truncateInline,
-    CompetitorPrompt: CompetitorPrompt
+    CompetitorPrompt: CompetitorPrompt,
+    disablePreviewPanel: disablePreviewPanel
   };
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     FallbackComponent: ErrorFallback,

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

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

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

@@ -111,6 +111,11 @@ export interface BaseCardProps {
         sourceUrl: string;
         linkType?: string;
     }>;
+    /**
+     * When Preview panel is supported, onClick is ignored and the panel opens by default.
+     * This prop allows smartlinks inside of editor to bypass that as they have other ways to open Preview panel.
+     */
+    disablePreviewPanel?: boolean;
 }
 export interface InlineProps extends HoverPreviewProps {
     /**

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

@@ -35,4 +35,5 @@ export type CardWithUrlContentProps = {
         linkType?: string;
     }>;
     hideIconLoadingSkeleton?: boolean;
+    disablePreviewPanel?: boolean;
 };

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -111,6 +111,11 @@ export interface BaseCardProps {
         sourceUrl: string;
         linkType?: string;
     }>;
+    /**
+     * When Preview panel is supported, onClick is ignored and the panel opens by default.
+     * This prop allows smartlinks inside of editor to bypass that as they have other ways to open Preview panel.
+     */
+    disablePreviewPanel?: boolean;
 }
 export interface InlineProps extends HoverPreviewProps {
     /**

package/dist/types-ts4.5/view/CardWithUrl/types.d.ts

@@ -35,4 +35,5 @@ export type CardWithUrlContentProps = {
         linkType?: string;
     }>;
     hideIconLoadingSkeleton?: boolean;
+    disablePreviewPanel?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.12.0",
+	"version": "40.13.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/form": "^12.1.0",
+		"@atlaskit/form": "^12.2.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.0.0",
@@ -68,7 +68,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.5.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -170,9 +170,6 @@
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},
-		"platform-visual-refresh-icons-legacy-facade": {
-			"type": "boolean"
-		},
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},