@atlaskit/smart-card 17.5.1 → 17.5.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 17.5.2
+
+### Patch Changes
+
+- [`0fb7e85e70a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fb7e85e70a) - Flexible UI: Add PreviewBlock
+
 ## 17.5.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -59,6 +59,12 @@ Object.defineProperty(exports, "MetadataBlock", {
     return _blocks.MetadataBlock;
   }
 });
+Object.defineProperty(exports, "PreviewBlock", {
+  enumerable: true,
+  get: function get() {
+    return _blocks.PreviewBlock;
+  }
+});
 Object.defineProperty(exports, "Provider", {
   enumerable: true,
   get: function get() {

package/dist/cjs/version.json

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

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

@@ -17,6 +17,12 @@ Object.defineProperty(exports, "MetadataBlock", {
     return _metadataBlock.default;
   }
 });
+Object.defineProperty(exports, "PreviewBlock", {
+  enumerable: true,
+  get: function get() {
+    return _previewBlock.default;
+  }
+});
 Object.defineProperty(exports, "SnippetBlock", {
   enumerable: true,
   get: function get() {
@@ -34,6 +40,8 @@ var _footerBlock = _interopRequireDefault(require("./footer-block"));
 
 var _metadataBlock = _interopRequireDefault(require("./metadata-block"));
 
+var _previewBlock = _interopRequireDefault(require("./preview-block"));
+
 var _snippetBlock = _interopRequireDefault(require("./snippet-block"));
 
 var _titleBlock = _interopRequireDefault(require("./title-block"));

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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 = _interopRequireDefault(require("react"));
+
+var _constants = require("../../../../../constants");
+
+var _block = _interopRequireDefault(require("../block"));
+
+var _elements = require("../../elements");
+
+var _excluded = ["status", "testId"];
+
+var PreviewBlock = function PreviewBlock(_ref) {
+  var _ref$status = _ref.status,
+      status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
+      blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  if (status !== _constants.SmartLinkStatus.Resolved) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+    testId: "".concat(testId, "-resolved-view")
+  }), /*#__PURE__*/_react.default.createElement(_elements.Preview, null));
+};
+
+var _default = PreviewBlock;
+exports.default = _default;

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

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

package/dist/es2019/index.js

@@ -13,4 +13,4 @@ export { contentFooterClassName, metadataListClassName, blockCardResolvingViewCl
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback'; // Flexible UI
 
 export { ActionName, ElementName, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
-export { MetadataBlock, SnippetBlock, TitleBlock } from './view/FlexibleCard/components/blocks';
+export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from './view/FlexibleCard/components/blocks';

package/dist/es2019/version.json

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

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

@@ -1,4 +1,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';

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

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { SmartLinkStatus } from '../../../../../constants';
+import Block from '../block';
+import { Preview } from '../../elements';
+
+const PreviewBlock = ({
+  status = SmartLinkStatus.Fallback,
+  testId = 'smart-block-preview',
+  ...blockProps
+}) => {
+  if (status !== SmartLinkStatus.Resolved) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
+    testId: `${testId}-resolved-view`
+  }), /*#__PURE__*/React.createElement(Preview, null));
+};
+
+export default PreviewBlock;

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

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

package/dist/esm/index.js

@@ -13,4 +13,4 @@ export { contentFooterClassName, metadataListClassName, blockCardResolvingViewCl
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback'; // Flexible UI
 
 export { ActionName, ElementName, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme } from './constants';
-export { MetadataBlock, SnippetBlock, TitleBlock } from './view/FlexibleCard/components/blocks';
+export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock } from './view/FlexibleCard/components/blocks';

package/dist/esm/version.json

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

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

@@ -1,4 +1,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';

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

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["status", "testId"];
+import React from 'react';
+import { SmartLinkStatus } from '../../../../../constants';
+import Block from '../block';
+import { Preview } from '../../elements';
+
+var PreviewBlock = function PreviewBlock(_ref) {
+  var _ref$status = _ref.status,
+      status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
+      blockProps = _objectWithoutProperties(_ref, _excluded);
+
+  if (status !== SmartLinkStatus.Resolved) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
+    testId: "".concat(testId, "-resolved-view")
+  }), /*#__PURE__*/React.createElement(Preview, null));
+};
+
+export default PreviewBlock;

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

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

package/dist/types/index.d.ts

@@ -17,5 +17,5 @@ export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents';
 export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName, } from './classNames';
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';
 export { ActionName, ElementName, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, } from './constants';
-export { MetadataBlock, SnippetBlock, TitleBlock, } from './view/FlexibleCard/components/blocks';
+export { MetadataBlock, PreviewBlock, SnippetBlock, TitleBlock, } from './view/FlexibleCard/components/blocks';
 export type { ActionItem, ElementItem, } from './view/FlexibleCard/components/blocks/types';

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

@@ -1,4 +1,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';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PreviewBlockProps } from './types';
+declare const PreviewBlock: React.FC<PreviewBlockProps>;
+export default PreviewBlock;

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

@@ -0,0 +1,2 @@
+import { BlockProps } from '../types';
+export declare type PreviewBlockProps = BlockProps;

package/package.json

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