@atlaskit/smart-card 40.15.2 → 40.16.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/smart-card
 
+## 40.16.0
+
+### Minor Changes
+
+- [`38a07e571c534`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38a07e571c534) -
+  CNS-19292: Adds a "preview size" option to action options prop on Smart Card. This allows users of
+  Smart Card to define a size of the modal that will be opened when a Preview Action is clicked.
+
+  Usage:
+
+  ```TSX
+  // Both of these accept a EmbedModalSize enum "small" or "large".
+  // To enable "small" modal when preview action is clicked.
+  <Card actionOptions={{previewAction: {size: "small"}, hide: false}}/>
+  // To enable "large" (default) modal when preview action is clicked.
+  <Card actionOptions={{previewAction: {size: "large"}, hide: false}}/>
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 40.15.2
 
 ### Patch Changes

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -8,6 +8,7 @@ exports.extractInvokePreviewAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
@@ -48,7 +49,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
       invokeAction: {
         actionFn: function () {
           var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe;
+            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
             return _regenerator.default.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -80,7 +81,8 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                     origin: origin,
                     src: (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
                     title: (0, _linkExtractors.extractSmartLinkTitle)(response),
-                    url: url
+                    url: url,
+                    size: (0, _platformFeatureFlags.fg)('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
                   });
                 case 6:
                 case "end":

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: "0.0.0-development"
+  packageVersion: "40.15.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/Card/types.js

@@ -14,4 +14,10 @@ var CardAction = exports.CardAction = /*#__PURE__*/function (CardAction) {
   CardAction["AISummaryAction"] = "AISummaryAction";
   CardAction["AutomationAction"] = "AutomationAction";
   return CardAction;
-}({});
+}({});
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+/**
+ * Determines which actions are visible on the card.
+ */

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: "0.0.0-development",
+  packageVersion: "40.15.2",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -1,4 +1,5 @@
 import { extractPreview as extractPreviewData, extractSmartLinkAri, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
@@ -48,7 +49,7 @@ export const extractInvokePreviewAction = param => {
               iconUrl: undefined
             });
           } else {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe;
+            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
             await openEmbedModal({
               fireEvent,
               extensionKey,
@@ -63,7 +64,8 @@ export const extractInvokePreviewAction = param => {
               origin,
               src: (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
               title: extractSmartLinkTitle(response),
-              url
+              url,
+              size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
             });
           }
         },

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: "0.0.0-development"
+  packageVersion: "40.15.2"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/Card/types.js

@@ -8,4 +8,12 @@ export let CardAction = /*#__PURE__*/function (CardAction) {
   CardAction["AISummaryAction"] = "AISummaryAction";
   CardAction["AutomationAction"] = "AutomationAction";
   return CardAction;
-}({});
+}({});
+
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+
+/**
+ * Determines which actions are visible on the card.
+ */

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: "0.0.0-development",
+  packageVersion: "40.15.2",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/extractors/action/extract-invoke-preview-action.js

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { extractPreview as extractPreviewData, extractSmartLinkAri, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
@@ -41,7 +42,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
       invokeAction: {
         actionFn: function () {
           var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe;
+            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -73,7 +74,8 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                     origin: origin,
                     src: (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
                     title: extractSmartLinkTitle(response),
-                    url: url
+                    url: url,
+                    size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
                   });
                 case 6:
                 case "end":

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: "0.0.0-development"
+  packageVersion: "40.15.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/Card/types.js

@@ -8,4 +8,12 @@ export var CardAction = /*#__PURE__*/function (CardAction) {
   CardAction["AISummaryAction"] = "AISummaryAction";
   CardAction["AutomationAction"] = "AutomationAction";
   return CardAction;
-}({});
+}({});
+
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+
+/**
+ * Determines which actions are visible on the card.
+ */

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: "0.0.0-development",
+  packageVersion: "40.15.2",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

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

@@ -2,6 +2,7 @@ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type CardPlatform } from '@atlaskit/link-extractors';
 import { type CardAppearance } from '@atlaskit/linking-common';
 import { type FrameStyle } from '../EmbedCard/types';
+import type { EmbedModalSize } from '../EmbedModal/types';
 import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type HoverPreviewOptions } from '../HoverCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
@@ -23,7 +24,24 @@ export declare enum CardAction {
     AISummaryAction = "AISummaryAction",
     AutomationAction = "AutomationAction"
 }
-export type CardActionOptions = {
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+export type CardActionOptions = CardActionVisibilityOptions & {
+    /**
+     * Contains configuration for the preview action.
+     */
+    previewAction?: {
+        /**
+         * Determines the size of the preview modal when the preview action is clicked.
+         */
+        size?: EmbedModalSize;
+    };
+};
+/**
+ * Determines which actions are visible on the card.
+ */
+export type CardActionVisibilityOptions = {
     hide: true;
 } | {
     exclude?: Array<CardAction>;

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

@@ -2,6 +2,7 @@ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type CardPlatform } from '@atlaskit/link-extractors';
 import { type CardAppearance } from '@atlaskit/linking-common';
 import { type FrameStyle } from '../EmbedCard/types';
+import type { EmbedModalSize } from '../EmbedModal/types';
 import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type HoverPreviewOptions } from '../HoverCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
@@ -23,7 +24,24 @@ export declare enum CardAction {
     AISummaryAction = "AISummaryAction",
     AutomationAction = "AutomationAction"
 }
-export type CardActionOptions = {
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+export type CardActionOptions = CardActionVisibilityOptions & {
+    /**
+     * Contains configuration for the preview action.
+     */
+    previewAction?: {
+        /**
+         * Determines the size of the preview modal when the preview action is clicked.
+         */
+        size?: EmbedModalSize;
+    };
+};
+/**
+ * Determines which actions are visible on the card.
+ */
+export type CardActionVisibilityOptions = {
     hide: true;
 } | {
     exclude?: Array<CardAction>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.15.2",
+	"version": "40.16.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -68,7 +68,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.11.0",
+		"@atlaskit/tmp-editor-statsig": "^11.12.0",
 		"@atlaskit/tokens": "^6.1.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -166,6 +166,9 @@
 		".": "./src/index.ts"
 	},
 	"platform-feature-flags": {
+		"platform_linking_enable_card_preview_action_size": {
+			"type": "boolean"
+		},
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},