@atlaskit/smart-card 23.4.1 → 23.4.3

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -0,0 +1,59 @@
+import React, { useMemo } from 'react';
+import FlexibleCard from '../../../FlexibleCard';
+import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
+import { CustomBlock } from '../../../FlexibleCard/components/blocks';
+import { token } from '@atlaskit/tokens';
+import { R300 } from '@atlaskit/theme/colors';
+import { messages } from '../../../../messages';
+import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import Footer from '../../components/flexible/footer';
+import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
+import Text from '../../../FlexibleCard/components/elements/text';
+
+/**
+ * This view represent a Block Card with the 'Forbidden' status.
+ * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
+  var cardState = _ref.cardState,
+      onAuthorize = _ref.onAuthorize,
+      onClick = _ref.onClick,
+      onError = _ref.onError,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
+      ui = _ref.ui,
+      url = _ref.url;
+  var status = cardState.status;
+  var actions = useMemo(function () {
+    return onAuthorize ? [ForbiddenAction(onAuthorize)] : [];
+  }, [onAuthorize]);
+  return /*#__PURE__*/React.createElement(FlexibleCard, {
+    appearance: "block",
+    cardState: cardState,
+    onAuthorize: onAuthorize,
+    onClick: onClick,
+    onError: onError,
+    testId: testId,
+    ui: ui,
+    url: url
+  }, /*#__PURE__*/React.createElement(TitleBlock, {
+    hideRetry: true
+  }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(LockIcon, {
+    label: "forbidden-lock-icon",
+    size: "small",
+    primaryColor: token('color.icon.danger', R300),
+    testId: "".concat(testId, "-lock-icon")
+  }), /*#__PURE__*/React.createElement(Text, {
+    message: {
+      descriptor: messages.invalid_permissions_description
+    }
+  })), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(Footer, {
+    actions: actions,
+    status: status
+  })));
+};
+
+export default FlexibleForbiddenView;

package/dist/esm/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import FlexibleCard from '../../../FlexibleCard';
+import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
+import { messages } from '../../../../messages';
+import WarningIcon from '@atlaskit/icon/glyph/warning';
+import { token } from '@atlaskit/tokens';
+import { R300 } from '@atlaskit/theme/colors';
+import Footer from '../../components/flexible/footer';
+import Text from '../../../FlexibleCard/components/elements/text';
+import { CustomBlock } from '../../../FlexibleCard/components/blocks';
+
+/**
+ * This view represents a Block Card with a 'Not_Found' status.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
+  var cardState = _ref.cardState,
+      onAuthorize = _ref.onAuthorize,
+      onError = _ref.onError,
+      ui = _ref.ui,
+      url = _ref.url,
+      onClick = _ref.onClick,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-block-not-found-view' : _ref$testId;
+  var status = cardState.status;
+  return /*#__PURE__*/React.createElement(FlexibleCard, {
+    appearance: "block",
+    cardState: cardState,
+    onAuthorize: onAuthorize,
+    onClick: onClick,
+    onError: onError,
+    testId: testId,
+    ui: ui,
+    url: url
+  }, /*#__PURE__*/React.createElement(TitleBlock, {
+    hideRetry: true
+  }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(WarningIcon, {
+    label: "not-found-warning-icon",
+    size: "small",
+    primaryColor: token('color.icon.warning', R300),
+    testId: "".concat(testId, "-warning-icon")
+  }), /*#__PURE__*/React.createElement(Text, {
+    message: {
+      descriptor: messages.not_found_description
+    },
+    testId: testId
+  })), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(Footer, {
+    status: status
+  })));
+};
+
+export default FlexibleNotFoundView;

package/dist/esm/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -0,0 +1,56 @@
+import React, { useMemo } from 'react';
+import FlexibleCard from '../../../FlexibleCard';
+import TitleBlock from '../../../FlexibleCard/components/blocks/title-block';
+import { messages } from '../../../../messages';
+import Text from '../../../FlexibleCard/components/elements/text';
+import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
+import Footer from '../../components/flexible/footer';
+import { CustomBlock } from '../../../FlexibleCard/components/blocks';
+
+/**
+ * This view represents a Block card that has an 'Unauthorized' status .
+ * It should have a "Connect" button that will allow a user to connect their account and view the block card.
+ *
+ * @see SmartLinkStatus
+ * @see UnauthorisedViewProps
+ */
+var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
+  var cardState = _ref.cardState,
+      _ref$providerName = _ref.providerName,
+      providerName = _ref$providerName === void 0 ? '' : _ref$providerName,
+      onAuthorize = _ref.onAuthorize,
+      onClick = _ref.onClick,
+      onError = _ref.onError,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
+      ui = _ref.ui,
+      url = _ref.url;
+  var status = cardState.status;
+  var actions = useMemo(function () {
+    return onAuthorize ? [AuthorizeAction(onAuthorize)] : [];
+  }, [onAuthorize]);
+  return /*#__PURE__*/React.createElement(FlexibleCard, {
+    appearance: "block",
+    cardState: cardState,
+    onAuthorize: onAuthorize,
+    onClick: onClick,
+    onError: onError,
+    testId: testId,
+    ui: ui,
+    url: url
+  }, /*#__PURE__*/React.createElement(TitleBlock, {
+    hideRetry: true
+  }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(Text, {
+    message: {
+      descriptor: messages.connect_link_account_card_description,
+      values: {
+        context: providerName
+      }
+    }
+  })), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(Footer, {
+    actions: actions,
+    status: status
+  })));
+};
+
+export default FlexibleUnauthorisedView;

package/dist/esm/view/BlockCard/views/flexible/types.js

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

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

@@ -16,7 +16,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       maxWidth = _ref.maxWidth,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
-      inheritDimensions = _ref.inheritDimensions;
+      inheritDimensions = _ref.inheritDimensions,
+      _ref$allowScrollBar = _ref.allowScrollBar,
+      allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar;
 
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
@@ -41,6 +43,8 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
 
   var renderContent = function renderContent() {
     return /*#__PURE__*/React.createElement(Content, {
+      "data-testid": "embed-content-wrapper",
+      allowScrollBar: allowScrollBar,
       isInteractive: isInteractive()
     }, children);
   };

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

@@ -99,7 +99,7 @@ export var TextWrapper = styled.div(_templateObject5 || (_templateObject5 = _tag
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  top: ", ";\n  overflow: hidden;\n  height: calc(100% - ", ");\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n"])), borderRadius, cardShadow, token('elevation.surface.raised', 'white'), gridSize(4), gridSize(4), function (_ref9) {
+export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  top: ", ";\n  height: calc(100% - ", ");\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", ";\n\n  ", "\n"])), borderRadius, cardShadow, token('elevation.surface.raised', 'white'), gridSize(4), gridSize(4), function (_ref9) {
   var isInteractive = _ref9.isInteractive;
 
   if (isInteractive) {
@@ -107,9 +107,12 @@ export var Content = styled.div(_templateObject6 || (_templateObject6 = _taggedT
   } else {
     return '';
   }
+}, function (_ref10) {
+  var allowScrollBar = _ref10.allowScrollBar;
+  return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
 });
-export var Image = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  /* hide the alt text when the image cannot be found */\n  overflow: hidden;\n"])), function (_ref10) {
-  var size = _ref10.size;
+export var Image = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  /* hide the alt text when the image cannot be found */\n  overflow: hidden;\n"])), function (_ref11) {
+  var size = _ref11.size;
   return csssize(size);
 }, borderRadius);
 export var maxAvatarCount = 6;
@@ -118,8 +121,8 @@ export var Title = styled.div(_templateObject9 || (_templateObject9 = _taggedTem
 export var Byline = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin-top: 4px;\n  color: ", ";\n  font-size: 12px;\n  font-weight: normal;\n  line-height: ", ";\n  ", ";\n"])), token('color.text.subtlest', colors.N300), 16 / 12, ellipsis('100%'));
 export var Description = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-top: 7px;\n  color: ", ";\n  font-size: 12px;\n  font-weight: normal;\n  line-height: ", ";\n  max-height: ", "px;\n  overflow: hidden;\n"])), token('color.text', colors.N800), 18 / 12, 18 * 3);
 export var ResolvedViewIconWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  margin-top: 4px;\n"])));
-export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: 4px 0 12px 12px;\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, csssize(48), token('color.skeleton', colors.N30), function (_ref11) {
-  var src = _ref11.src;
+export var Thumbnail = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  float: right;\n  margin: 4px 0 12px 12px;\n  background-color: ", ";\n  background-image: url(", ");\n  background-size: cover;\n"])), borderRadius, csssize(48), token('color.skeleton', colors.N30), function (_ref12) {
+  var src = _ref12.src;
   return src;
 });
 export var UsersWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: 8px;\n"])));

package/dist/esm/view/EmbedCard/views/ForbiddenView.js

@@ -54,7 +54,8 @@ export var EmbedCardForbiddenView = function EmbedCardForbiddenView(_ref) {
     isSelected: isSelected,
     inheritDimensions: inheritDimensions,
     onClick: onClick,
-    testId: testId
+    testId: testId,
+    allowScrollBar: true
   }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
     image: LockImage,
     title: "invalid_permissions",

package/dist/esm/view/EmbedCard/views/NotFoundView.js

@@ -22,7 +22,8 @@ export var EmbedCardNotFoundView = function EmbedCardNotFoundView(_ref) {
     isSelected: isSelected,
     inheritDimensions: inheritDimensions,
     onClick: onClick,
-    testId: testId
+    testId: testId,
+    allowScrollBar: true
   }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
     image: NotFoundImage,
     title: "not_found_title",

package/dist/esm/view/EmbedCard/views/UnauthorisedView.js

@@ -29,7 +29,8 @@ export var EmbedCardUnauthorisedView = function EmbedCardUnauthorisedView(_ref)
     isSelected: isSelected,
     inheritDimensions: inheritDimensions,
     onClick: onClick,
-    testId: testId
+    testId: testId,
+    allowScrollBar: true
   }, /*#__PURE__*/React.createElement(EmbedCardUnresolvedView, {
     image: (_context$image = context === null || context === void 0 ? void 0 : context.image) !== null && _context$image !== void 0 ? _context$image : UnauthorisedImage,
     title: "connect_link_account_card_name",

package/dist/esm/view/EmbedCard/views/UnresolvedView.js

@@ -37,7 +37,7 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
     css: {
       fontSize: gridSize(2.5),
       marginBottom: gridSize(1.5),
-      width: gridSize(50),
+      maxWidth: gridSize(50),
       textAlign: 'center'
     },
     "data-testid": "".concat(testId, "-unresolved-title")
@@ -50,7 +50,7 @@ export var EmbedCardUnresolvedView = function EmbedCardUnresolvedView(_ref) {
       fontSize: fontSize(),
       marginBottom: gridSize(2.5),
       textAlign: 'center',
-      width: gridSize(50),
+      maxWidth: gridSize(50),
       lineHeight: gridSize(3)
     },
     "data-testid": "".concat(testId, "-unresolved-description")

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

@@ -2,4 +2,5 @@ export { default as FooterBlock } from './footer-block';
 export { default as MetadataBlock } from './metadata-block';
 export { default as PreviewBlock } from './preview-block';
 export { default as SnippetBlock } from './snippet-block';
-export { default as TitleBlock } from './title-block';
+export { default as TitleBlock } from './title-block';
+export { default as CustomBlock } from './block';

package/dist/esm/view/FlexibleCard/utils.js

@@ -6,6 +6,7 @@ import extractFlexibleLinkContext from '../../extractors/flexible';
 import { extractErrorIcon } from '../../extractors/flexible/icon';
 import { handleOnClick } from '../../utils';
 import { extractProvider } from '@atlaskit/linking-common/extractors';
+import extractProviderIcon from '../../extractors/flexible/icon/extract-provider-icon';
 export var getContextByStatus = function getContextByStatus(url, status, details, renderers) {
   switch (status) {
     case SmartLinkStatus.Pending:
@@ -25,10 +26,12 @@ export var getContextByStatus = function getContextByStatus(url, status, details
     case SmartLinkStatus.Fallback:
     default:
       var linkIcon = extractErrorIcon(details, status);
+      var provider = extractProviderIcon(details === null || details === void 0 ? void 0 : details.data);
       return {
         linkIcon: linkIcon,
         title: url,
-        url: url
+        url: url,
+        provider: provider
       };
   }
 };

package/dist/types/view/BlockCard/actions/flexible/AuthorizeAction.d.ts

@@ -0,0 +1,8 @@
+import { CustomActionItem } from '../../../FlexibleCard/components/blocks/types';
+/**
+ * Returns a CustomActionItem with a "Connect" default message
+ *
+ * @see CustomActionItem
+ * @param onAuthorize a function that will be called on the click of the button
+ */
+export declare const AuthorizeAction: (onAuthorize: () => void) => CustomActionItem;

package/dist/types/view/BlockCard/actions/flexible/ForbiddenAction.d.ts

@@ -0,0 +1,8 @@
+import { CustomActionItem } from '../../../FlexibleCard/components/blocks/types';
+/**
+ * Returns a CustomActionItem with a "Try Another Account" default message
+ *
+ * @see CustomActionItem
+ * @param onAuthorize a function that will be called on the click of the button
+ */
+export declare const ForbiddenAction: (onAuthorize: () => void) => CustomActionItem;

package/dist/types/view/BlockCard/actions/flexible/RetryAction.d.ts

@@ -0,0 +1,8 @@
+import { CustomActionItem } from '../../../FlexibleCard/components/blocks/types';
+/**
+ * Returns a CustomActionItem with a "Retry" default message
+ *
+ * @see CustomActionItem
+ * @param onRetry a function that will be called on the click of the "Retry" button
+ */
+export declare const RetryAction: (onRetry: () => void) => CustomActionItem;

package/dist/types/view/BlockCard/components/flexible/footer/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FooterBlockProps } from '../../../../FlexibleCard/components/blocks/footer-block/types';
+/**
+ * This Components is a footer that is used in a Block Card with Flexible UI.
+ * It contains a provider icon if provider is present and an actions list if one is passed.
+ * To be shown as a part of Flexible UI, needs to be wrapped inside of a CustomBlock
+ *
+ * @see CustomBlock
+ * @param props are the data required for the block, such as actions to be displayed.
+ */
+declare const Footer: React.FC<FooterBlockProps>;
+export default Footer;

package/dist/types/view/BlockCard/views/flexible/FlexibleErroredView.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block Card with an 'Errored' status.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const FlexibleErroredView: ({ cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleErroredView;

package/dist/types/view/BlockCard/views/flexible/FlexibleForbiddenView.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represent a Block Card with the 'Forbidden' status.
+ * It should have a "Try another account" button that will allow a user to connect another account and view the block card.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const FlexibleForbiddenView: ({ cardState, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleForbiddenView;

package/dist/types/view/BlockCard/views/flexible/FlexibleNotFoundView.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block Card with a 'Not_Found' status.
+ *
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const FlexibleNotFoundView: ({ cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleNotFoundView;

package/dist/types/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block card that has an 'Unauthorized' status .
+ * It should have a "Connect" button that will allow a user to connect their account and view the block card.
+ *
+ * @see SmartLinkStatus
+ * @see UnauthorisedViewProps
+ */
+declare const FlexibleUnauthorisedView: ({ cardState, providerName, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+export default FlexibleUnauthorisedView;

package/dist/types/view/BlockCard/views/flexible/types.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { CardState } from '@atlaskit/linking-common';
+import { OnErrorCallback } from '../../../types';
+import { FlexibleUiOptions } from '../../../FlexibleCard/types';
+import { OnResolveCallback } from '../../../Card/types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+export declare type FlexibleBlockCardProps = {
+    /**
+     * Determines the status and data of the Smart Link.
+     * @internal
+     */
+    cardState: CardState;
+    /**
+     * function to be called after a flexible card has rendered its resolved state
+     */
+    onResolve?: OnResolveCallback;
+    /**
+     * Any additional renderers required by Flexible UI. Currently used by icon
+     * to render Emoji.
+     */
+    renderers?: CardProviderRenderers;
+    /**
+     * An additional action that can be performed when link is not resolved, e.g.
+     * connect account to gain access to 403 link.
+     * @internal
+     */
+    onAuthorize?: () => void;
+    /**
+     * Determines the onClick behaviour of Flexible UI. This will proxy to the
+     * TitleBlock if supplied.
+     */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /**
+     * function to be called after a flexible card has rendered its error states
+     */
+    onError?: OnErrorCallback;
+    /**
+     * A name of the provider, needed to specify to user which account has to be connected
+     */
+    providerName?: string;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * Determines the appearance of Flexible UI.
+     * @see FlexibleUiOptions
+     */
+    ui?: FlexibleUiOptions;
+    /**
+     * Determines the URL of the Smart Link.
+     */
+    url: string;
+};

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

@@ -19,5 +19,7 @@ export interface ExpandedFrameProps {
     testId?: string;
     /** If dimensions of the card are to be inherited from the parent */
     inheritDimensions?: boolean;
+    /** To enable scrolling in use cases where the content will not have it's own scrollbar */
+    allowScrollBar?: boolean;
 }
 export declare const ExpandedFrame: FC<ExpandedFrameProps>;

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

@@ -24,6 +24,7 @@ export declare const IconWrapper: import("@emotion/styled-base").StyledComponent
 export declare const TextWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PlaceholderProps, object>;
 export interface ContentProps {
     isInteractive: boolean;
+    allowScrollBar: boolean;
 }
 export declare const Content: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps, object>;
 export interface ImageProps {

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

@@ -3,3 +3,4 @@ export { default as MetadataBlock } from './metadata-block';
 export { default as PreviewBlock } from './preview-block';
 export { default as SnippetBlock } from './snippet-block';
 export { default as TitleBlock } from './title-block';
+export { default as CustomBlock } from './block';

package/package.json

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