@atlaskit/smart-card 26.27.2 → 26.28.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.28.0
+
+### Minor Changes
+
+- [`46afccdf430`](https://bitbucket.org/atlassian/atlassian-frontend/commits/46afccdf430) - Flexible-UI: Add url override option to preview block
+
 ## 26.27.2
 
 ### Patch Changes

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

@@ -23,7 +23,7 @@ exports.ANALYTICS_CHANNEL = ANALYTICS_CHANNEL;
 var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.2"
+  packageVersion: "26.28.0"
 };
 exports.context = context;
 var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {

package/dist/cjs/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -11,12 +11,12 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _constants = require("../../../../../constants");
 var _resolved = _interopRequireDefault(require("./resolved"));
-var _excluded = ["status", "testId"];
+var _excluded = ["status", "testId", "overrideUrl"];
 /** @jsx jsx */
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 var PreviewBlock = function PreviewBlock(_ref) {
@@ -24,12 +24,14 @@ var PreviewBlock = function PreviewBlock(_ref) {
     status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
+    overrideUrl = _ref.overrideUrl,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (status !== _constants.SmartLinkStatus.Resolved) {
     return null;
   }
   return (0, _react2.jsx)(_resolved.default, (0, _extends2.default)({}, blockProps, {
-    testId: testId
+    testId: testId,
+    overrideUrl: overrideUrl
   }));
 };
 var _default = PreviewBlock;

package/dist/cjs/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -15,7 +15,7 @@ var _react2 = require("@emotion/react");
 var _constants = require("../../../../../../constants");
 var _block = _interopRequireDefault(require("../../block"));
 var _elements = require("../../../elements");
-var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId"];
+var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -58,6 +58,7 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     overrideCss = _ref.overrideCss,
     placement = _ref.placement,
     testId = _ref.testId,
+    overrideUrl = _ref.overrideUrl,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(overrideCss),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -82,7 +83,8 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     testId: "".concat(testId, "-resolved-view")
   }), (0, _react2.jsx)(_elements.Preview, {
     onError: handleOnError,
-    onLoad: handleOnLoad
+    onLoad: handleOnLoad,
+    overrideUrl: overrideUrl
   }));
 };
 var _default = PreviewBlockResolvedView;

package/dist/cjs/view/FlexibleCard/components/elements/index.js

@@ -1,11 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.SubTasksProgress = exports.StoryPoints = exports.State = exports.SourceBranch = exports.Snippet = exports.SentOn = exports.ReadTime = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = exports.Preview = exports.OwnedByGroup = exports.OwnedBy = exports.ModifiedOn = exports.ModifiedBy = exports.Location = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = exports.AssignedToGroup = exports.AssignedTo = void 0;
+exports.OwnedByGroup = exports.OwnedBy = exports.ModifiedOn = exports.ModifiedBy = exports.Location = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = exports.AssignedToGroup = exports.AssignedTo = void 0;
+Object.defineProperty(exports, "Preview", {
+  enumerable: true,
+  get: function get() {
+    return _preview.default;
+  }
+});
+exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.SubTasksProgress = exports.StoryPoints = exports.State = exports.SourceBranch = exports.Snippet = exports.SentOn = exports.ReadTime = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = void 0;
 var _utils = require("./utils");
 var _constants = require("../../../../constants");
+var _preview = _interopRequireDefault(require("./preview"));
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
@@ -115,12 +124,10 @@ var OwnedByGroup = (0, _utils.createElement)(_constants.ElementName.OwnedByGroup
  * @see Preview
  */
 exports.OwnedByGroup = OwnedByGroup;
-var Preview = (0, _utils.createElement)(_constants.ElementName.Preview);
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge
  */
-exports.Preview = Preview;
 var Priority = (0, _utils.createElement)(_constants.ElementName.Priority);
 /**
  * Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.

package/dist/cjs/view/FlexibleCard/components/elements/preview/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
+var _constants = require("../../../../../constants");
+var _media = _interopRequireDefault(require("../media"));
+var _excluded = ["overrideUrl"];
+/** @jsx jsx */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Preview = function Preview(props) {
+  var _ref = props !== null && props !== void 0 ? props : {},
+    overrideUrl = _ref.overrideUrl,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  var data = overrideUrl ? {
+    url: overrideUrl,
+    type: _constants.MediaType.Image
+  } : context === null || context === void 0 ? void 0 : context.preview;
+  if (!data) {
+    return null;
+  }
+  return (0, _react2.jsx)(_media.default, (0, _extends2.default)({}, rest, data));
+};
+var _default = Preview;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/elements/preview/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

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

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

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -8,19 +8,21 @@ import PreviewBlockResolvedView from './resolved';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 const PreviewBlock = ({
   status = SmartLinkStatus.Fallback,
   testId = 'smart-block-preview',
+  overrideUrl,
   ...blockProps
 }) => {
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
   return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
-    testId: testId
+    testId: testId,
+    overrideUrl: overrideUrl
   }));
 };
 export default PreviewBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -68,6 +68,7 @@ const PreviewBlockResolvedView = ({
   overrideCss,
   placement,
   testId,
+  overrideUrl,
   ...blockProps
 }) => {
   const [styles, setStyles] = useState(overrideCss);
@@ -93,7 +94,8 @@ const PreviewBlockResolvedView = ({
     testId: `${testId}-resolved-view`
   }), jsx(Preview, {
     onError: handleOnError,
-    onLoad: handleOnLoad
+    onLoad: handleOnLoad,
+    overrideUrl: overrideUrl
   }));
 };
 export default PreviewBlockResolvedView;

package/dist/es2019/view/FlexibleCard/components/elements/index.js

@@ -92,7 +92,7 @@ export const OwnedByGroup = createElement(ElementName.OwnedByGroup);
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export const Preview = createElement(ElementName.Preview);
+export { default as Preview } from './preview';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge

package/dist/es2019/view/FlexibleCard/components/elements/preview/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import React, { useContext } from 'react';
+import { jsx } from '@emotion/react';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { MediaType } from '../../../../../constants';
+import Media from '../media';
+const Preview = props => {
+  const {
+    overrideUrl,
+    ...rest
+  } = props !== null && props !== void 0 ? props : {};
+  const context = useContext(FlexibleUiContext);
+  const data = overrideUrl ? {
+    url: overrideUrl,
+    type: MediaType.Image
+  } : context === null || context === void 0 ? void 0 : context.preview;
+  if (!data) {
+    return null;
+  }
+  return jsx(Media, _extends({}, rest, data));
+};
+export default Preview;

package/dist/es2019/view/FlexibleCard/components/elements/preview/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.2",
+  packageVersion: "26.28.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

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

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["status", "testId"];
+var _excluded = ["status", "testId", "overrideUrl"];
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -10,7 +10,7 @@ import PreviewBlockResolvedView from './resolved';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 var PreviewBlock = function PreviewBlock(_ref) {
@@ -18,12 +18,14 @@ var PreviewBlock = function PreviewBlock(_ref) {
     status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
+    overrideUrl = _ref.overrideUrl,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
   return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
-    testId: testId
+    testId: testId,
+    overrideUrl: overrideUrl
   }));
 };
 export default PreviewBlock;

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId"];
+var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import React, { useCallback, useEffect, useState } from 'react';
@@ -49,6 +49,7 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     overrideCss = _ref.overrideCss,
     placement = _ref.placement,
     testId = _ref.testId,
+    overrideUrl = _ref.overrideUrl,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(overrideCss),
     _useState2 = _slicedToArray(_useState, 2),
@@ -73,7 +74,8 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     testId: "".concat(testId, "-resolved-view")
   }), jsx(Preview, {
     onError: handleOnError,
-    onLoad: handleOnLoad
+    onLoad: handleOnLoad,
+    overrideUrl: overrideUrl
   }));
 };
 export default PreviewBlockResolvedView;

package/dist/esm/view/FlexibleCard/components/elements/index.js

@@ -92,7 +92,7 @@ export var OwnedByGroup = createElement(ElementName.OwnedByGroup);
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export var Preview = createElement(ElementName.Preview);
+export { default as Preview } from './preview';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge

package/dist/esm/view/FlexibleCard/components/elements/preview/index.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["overrideUrl"];
+/** @jsx jsx */
+import React, { useContext } from 'react';
+import { jsx } from '@emotion/react';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { MediaType } from '../../../../../constants';
+import Media from '../media';
+var Preview = function Preview(props) {
+  var _ref = props !== null && props !== void 0 ? props : {},
+    overrideUrl = _ref.overrideUrl,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FlexibleUiContext);
+  var data = overrideUrl ? {
+    url: overrideUrl,
+    type: MediaType.Image
+  } : context === null || context === void 0 ? void 0 : context.preview;
+  if (!data) {
+    return null;
+  }
+  return jsx(Media, _extends({}, rest, data));
+};
+export default Preview;

package/dist/esm/view/FlexibleCard/components/elements/preview/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.2",
+  packageVersion: "26.28.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/blocks/preview-block/index.d.ts

@@ -4,7 +4,7 @@ import { PreviewBlockProps } from './types';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 declare const PreviewBlock: React.FC<PreviewBlockProps>;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/types.d.ts

@@ -20,4 +20,8 @@ export type PreviewBlockProps = {
      * to the left/right of the container.
      */
     placement?: MediaPlacement;
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
 } & BlockProps;

package/dist/types/view/FlexibleCard/components/elements/index.d.ts

@@ -6,7 +6,6 @@ import { LozengeProps } from './lozenge/types';
 import { AvatarGroupProps } from './avatar-group/types';
 import { TextProps } from './text/types';
 import { DateTimeProps } from './date-time/types';
-import { MediaProps } from './media/types';
 import { AtlaskitBadgeProps } from './atlaskit-badge/types';
 /**
  * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
@@ -97,7 +96,7 @@ export declare const OwnedByGroup: import("react").FC<AvatarGroupProps>;
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export declare const Preview: import("react").FC<MediaProps>;
+export { default as Preview } from './preview';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge

package/dist/types/view/FlexibleCard/components/elements/preview/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import { PreviewProps } from './types';
+declare const Preview: React.FC<PreviewProps>;
+export default Preview;

package/dist/types/view/FlexibleCard/components/elements/preview/types.d.ts

@@ -0,0 +1,13 @@
+import { ElementProps } from '../types';
+export type PreviewProps = ElementProps & {
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
+    /**
+     * Function to be called on error loading media.
+     * @internal
+     */
+    onError?: () => void;
+    onLoad?: () => void;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/preview-block/index.d.ts

@@ -4,7 +4,7 @@ import { PreviewBlockProps } from './types';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 declare const PreviewBlock: React.FC<PreviewBlockProps>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/preview-block/types.d.ts

@@ -20,4 +20,8 @@ export type PreviewBlockProps = {
      * to the left/right of the container.
      */
     placement?: MediaPlacement;
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
 } & BlockProps;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/index.d.ts

@@ -6,7 +6,6 @@ import { LozengeProps } from './lozenge/types';
 import { AvatarGroupProps } from './avatar-group/types';
 import { TextProps } from './text/types';
 import { DateTimeProps } from './date-time/types';
-import { MediaProps } from './media/types';
 import { AtlaskitBadgeProps } from './atlaskit-badge/types';
 /**
  * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
@@ -97,7 +96,7 @@ export declare const OwnedByGroup: import("react").FC<AvatarGroupProps>;
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export declare const Preview: import("react").FC<MediaProps>;
+export { default as Preview } from './preview';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge

package/dist/types-ts4.5/view/FlexibleCard/components/elements/preview/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import { PreviewProps } from './types';
+declare const Preview: React.FC<PreviewProps>;
+export default Preview;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/preview/types.d.ts

@@ -0,0 +1,13 @@
+import { ElementProps } from '../types';
+export type PreviewProps = ElementProps & {
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
+    /**
+     * Function to be called on error loading media.
+     * @internal
+     */
+    onError?: () => void;
+    onLoad?: () => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.27.2",
+  "version": "26.28.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/report.api.md

@@ -760,6 +760,7 @@ type PreviewBlockProps = {
   ignoreContainerPadding?: boolean;
   onError?: () => void;
   placement?: MediaPlacement;
+  overrideUrl?: string;
 } & BlockProps;
 
 // @public (undocumented)

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

@@ -611,6 +611,7 @@ type PreviewBlockProps = {
     ignoreContainerPadding?: boolean;
     onError?: () => void;
     placement?: MediaPlacement;
+    overrideUrl?: string;
 } & BlockProps;
 
 // @public (undocumented)