@atlaskit/smart-card 45.20.7 → 45.21.1

package/dist/cjs/view/FlexibleCard/components/blocks/hover-card-footer-block/index.js

@@ -13,10 +13,20 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var Actions = _interopRequireWildcard(require("../../actions"));
-var _elements = require("../../elements");
+var _useFlexibleCardContext = require("../../../../../state/flexible-ui-context/useFlexibleCardContext");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
+var _aiSummaryAction = _interopRequireDefault(require("../../actions/ai-summary-action"));
+var _automationAction = _interopRequireDefault(require("../../actions/automation-action"));
+var _copyLinkAction = _interopRequireDefault(require("../../actions/copy-link-action"));
+var _customUnresolvedAction = _interopRequireDefault(require("../../actions/custom-unresolved-action"));
+var _downloadAction = _interopRequireDefault(require("../../actions/download-action"));
+var _followAction = _interopRequireDefault(require("../../actions/follow-action"));
+var _previewAction = _interopRequireDefault(require("../../actions/preview-action"));
+var _rovoChatAction = _interopRequireDefault(require("../../actions/rovo-chat-action"));
+var _viewRelatedLinksAction = _interopRequireDefault(require("../../actions/view-related-links-action"));
+var _providerElement = _interopRequireDefault(require("../../elements/provider-element"));
 var _block = _interopRequireDefault(require("../block"));
 var _excluded = ["testId", "onActionClick", "hideProvider"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -24,6 +34,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * Allowed footer actions for HoverCard, in display order. Fetched from context.
  */
 var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [_constants.ActionName.RovoChatAction];
+var Actions = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.ActionName.AutomationAction, _automationAction.default), _constants.ActionName.CopyLinkAction, _copyLinkAction.default), _constants.ActionName.DownloadAction, _downloadAction.default), _constants.ActionName.FollowAction, _followAction.default), _constants.ActionName.PreviewAction, _previewAction.default), _constants.ActionName.RovoChatAction, _rovoChatAction.default), _constants.InternalActionName.AISummaryAction, _aiSummaryAction.default), _constants.InternalActionName.UnresolvedAction, _customUnresolvedAction.default), _constants.InternalActionName.ViewRelatedLinksAction, _viewRelatedLinksAction.default);
 var ignoreContainerMarginStyles = null;
 var elevatedFooterStyles = null;
 var providerStyles = null;
@@ -42,8 +53,8 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
     onActionClick = _ref.onActionClick,
     hideProvider = _ref.hideProvider,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
-  var context = (0, _flexibleUiContext.useFlexibleUiContext)();
+  var cardContext = (0, _useFlexibleCardContext.useFlexibleCardContext)();
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
   var size = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size;
   var actions = (0, _react.useMemo)(function () {
     if (!(context !== null && context !== void 0 && context.actions)) {
@@ -76,7 +87,7 @@ var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
     className: (0, _runtime.ax)(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok"])
   }), !hideProvider && /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_4t3i1ejb _1e0c1txw _4cvr1h6o _1bah1y6m _vchhusvi _16jlkb7n"])
-  }, /*#__PURE__*/React.createElement(_elements.Provider, {
+  }, /*#__PURE__*/React.createElement(_providerElement.default, {
     appearance: "subtle",
     testId: "".concat(testId, "-provider")
   })), actions.length > 0 ? /*#__PURE__*/React.createElement("div", {

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isJSXElementNull = void 0;
+var isJSXElementNull = exports.isJSXElementNull = function isJSXElementNull(children) {
+  return Boolean(children.type() === null);
+};

package/dist/cjs/view/FlexibleCard/components/blocks/metadata-block/MetadataBlock.js

@@ -0,0 +1,101 @@
+/* MetadataBlock.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MetadataBlock = void 0;
+require("./MetadataBlock.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _constants = require("../../../../../constants");
+var _useFlexibleCardContext = require("../../../../../state/flexible-ui-context/useFlexibleCardContext");
+var _block = _interopRequireDefault(require("../block"));
+var _elementGroup = _interopRequireDefault(require("../element-group"));
+var _renderElementItems = require("../renderElementItems");
+var _constants2 = require("./constants");
+var _excluded = ["maxLines", "testId", "primary", "secondary"];
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var truncateStyles = {
+  '1': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54",
+  '2': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjcs5v _sudp1e54"
+};
+var sizeStyles = {
+  xlarge: "_102k8vuz",
+  large: "_102k8vuz",
+  medium: "_102kckbl",
+  small: "_102kckbl"
+};
+var getMaxLines = function getMaxLines(maxLines) {
+  if (maxLines > _constants2.METADATA_BLOCK_CONSTANTS.MAXIMUM_MAX_LINES) {
+    return _constants2.METADATA_BLOCK_CONSTANTS.DEFAULT_MAX_LINES;
+  }
+  if (maxLines < _constants2.METADATA_BLOCK_CONSTANTS.MINIMUM_MAX_LINES) {
+    return _constants2.METADATA_BLOCK_CONSTANTS.MINIMUM_MAX_LINES;
+  }
+  return maxLines;
+};
+var ElementItemRenderer = function ElementItemRenderer(_ref) {
+  var _ref$align = _ref.align,
+    align = _ref$align === void 0 ? _constants.SmartLinkAlignment.Left : _ref$align,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$display = _ref.display,
+    display = _ref$display === void 0 ? 'inline' : _ref$display,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? _constants2.METADATA_BLOCK_CONSTANTS.DEFAULT_MAX_LINES : _ref$maxLines;
+  var elements = (0, _renderElementItems.renderElementItems)(items, display);
+  return elements && /*#__PURE__*/React.createElement(_elementGroup.default, {
+    align: align,
+    direction: _constants.SmartLinkDirection.Horizontal,
+    width: _constants.SmartLinkWidth.Flexible,
+    size: size,
+    className: (0, _runtime.ax)([truncateStyles[maxLines], sizeStyles[size]])
+  }, elements);
+};
+
+/**
+ * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
+ * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
+ * @public
+ * @param {MetadataBlockProps} MetadataBlockProps
+ * @see Block
+ */
+var MetadataBlock = exports.MetadataBlock = function MetadataBlock(_ref2) {
+  var _ref3, _blockProps$size, _cardContext$ui;
+  var _ref2$maxLines = _ref2.maxLines,
+    maxLines = _ref2$maxLines === void 0 ? _constants2.METADATA_BLOCK_CONSTANTS.DEFAULT_MAX_LINES : _ref2$maxLines,
+    _ref2$testId = _ref2.testId,
+    testId = _ref2$testId === void 0 ? 'smart-block-metadata' : _ref2$testId,
+    _ref2$primary = _ref2.primary,
+    primary = _ref2$primary === void 0 ? [] : _ref2$primary,
+    _ref2$secondary = _ref2.secondary,
+    secondary = _ref2$secondary === void 0 ? [] : _ref2$secondary,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var cardContext = (0, _useFlexibleCardContext.useFlexibleCardContext)();
+  if (primary.length === 0 && secondary.length === 0 || (cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved) {
+    return null;
+  }
+  var size = (_ref3 = (_blockProps$size = blockProps === null || blockProps === void 0 ? void 0 : blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size) !== null && _ref3 !== void 0 ? _ref3 : _constants.SmartLinkSize.Medium;
+  var maxLinesTotal = getMaxLines(maxLines);
+  return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+    size: size,
+    testId: "".concat(testId, "-resolved-view")
+  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
+    items: primary,
+    size: size,
+    maxLines: maxLinesTotal
+  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
+    align: _constants.SmartLinkAlignment.Right,
+    items: secondary,
+    size: size,
+    maxLines: maxLinesTotal
+  }));
+};

package/dist/cjs/view/FlexibleCard/components/blocks/metadata-block/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.METADATA_BLOCK_CONSTANTS = void 0;
+var METADATA_BLOCK_CONSTANTS = exports.METADATA_BLOCK_CONSTANTS = {
+  DEFAULT_MAX_LINES: 2,
+  MAXIMUM_MAX_LINES: 2,
+  MINIMUM_MAX_LINES: 1
+};

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

@@ -1,104 +1,23 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "MetadataBlock", {
+  enumerable: true,
+  get: function get() {
+    return _MetadataBlock.MetadataBlock;
+  }
+});
 exports.default = void 0;
-require("./index.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _constants = require("../../../../../constants");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var _block = _interopRequireDefault(require("../block"));
-var _elementGroup = _interopRequireDefault(require("../element-group"));
-var _utils = require("../utils");
-var _excluded = ["maxLines", "testId", "primary", "secondary"];
+var _MetadataBlock = require("./MetadataBlock");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var DEFAULT_MAX_LINES = 2;
-var MAXIMUM_MAX_LINES = 2;
-var MINIMUM_MAX_LINES = 1;
-var truncateStyles = {
-  '1': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54",
-  '2': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjcs5v _sudp1e54"
-};
-var sizeStyles = {
-  xlarge: "_102k8vuz",
-  large: "_102k8vuz",
-  medium: "_102kckbl",
-  small: "_102kckbl"
-};
-var getMaxLines = function getMaxLines(maxLines) {
-  if (maxLines > MAXIMUM_MAX_LINES) {
-    return DEFAULT_MAX_LINES;
-  }
-  if (maxLines < MINIMUM_MAX_LINES) {
-    return MINIMUM_MAX_LINES;
-  }
-  return maxLines;
-};
-var ElementItemRenderer = function ElementItemRenderer(_ref) {
-  var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? _constants.SmartLinkAlignment.Left : _ref$align,
-    _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$display = _ref.display,
-    display = _ref$display === void 0 ? 'inline' : _ref$display,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
-    _ref$maxLines = _ref.maxLines,
-    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines;
-  var elements = (0, _utils.renderElementItems)(items, display);
-  return elements && /*#__PURE__*/React.createElement(_elementGroup.default, {
-    align: align,
-    direction: _constants.SmartLinkDirection.Horizontal,
-    width: _constants.SmartLinkWidth.Flexible,
-    size: size,
-    className: (0, _runtime.ax)([truncateStyles[maxLines], sizeStyles[size]])
-  }, elements);
-};
-
 /**
- * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
- * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
- * @public
- * @param {MetadataBlockProps} MetadataBlockProps
- * @see Block
+ * @jsxRuntime classic
+ * @jsx jsx
  */
-var MetadataBlock = function MetadataBlock(_ref2) {
-  var _ref3, _blockProps$size, _cardContext$ui;
-  var _ref2$maxLines = _ref2.maxLines,
-    maxLines = _ref2$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref2$maxLines,
-    _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? 'smart-block-metadata' : _ref2$testId,
-    _ref2$primary = _ref2.primary,
-    primary = _ref2$primary === void 0 ? [] : _ref2$primary,
-    _ref2$secondary = _ref2.secondary,
-    secondary = _ref2$secondary === void 0 ? [] : _ref2$secondary,
-    blockProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var cardContext = (0, _flexibleUiContext.useFlexibleCardContext)();
-  if (primary.length === 0 && secondary.length === 0 || (cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved) {
-    return null;
-  }
-  var size = (_ref3 = (_blockProps$size = blockProps === null || blockProps === void 0 ? void 0 : blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size) !== null && _ref3 !== void 0 ? _ref3 : _constants.SmartLinkSize.Medium;
-  var maxLinesTotal = getMaxLines(maxLines);
-  return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
-    size: size,
-    testId: "".concat(testId, "-resolved-view")
-  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
-    items: primary,
-    size: size,
-    maxLines: maxLinesTotal
-  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
-    align: _constants.SmartLinkAlignment.Right,
-    items: secondary,
-    size: size,
-    maxLines: maxLinesTotal
-  }));
-};
-var _default = exports.default = MetadataBlock;
+var _default = exports.default = _MetadataBlock.MetadataBlock;
+/**
+ * @deprecated Use `import { MetadataBlock } from '@atlaskit/smart-card/metadata-block'` instead.
+ */

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviewBlock = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _useFlexibleUiOptionContext = require("../../../../../state/flexible-ui-context/useFlexibleUiOptionContext");
+var _resolved = _interopRequireDefault(require("./resolved"));
+var _excluded = ["testId", "overrideUrl"];
+/**
+ * Represents a PreviewBlock, which typically contains media or other large format content.
+ * @public
+ * @param {PreviewBlockProps} PreviewBlock
+ * @see Block
+ */
+var PreviewBlock = exports.PreviewBlock = function PreviewBlock(_ref) {
+  var _blockProps$size;
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
+    overrideUrl = _ref.overrideUrl,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ui = (0, _useFlexibleUiOptionContext.useFlexibleUiOptionContext)();
+  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, blockProps, {
+    size: (_blockProps$size = blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : ui === null || ui === void 0 ? void 0 : ui.size,
+    testId: testId,
+    overrideUrl: overrideUrl
+  }));
+};

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

@@ -1,33 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "PreviewBlock", {
+  enumerable: true,
+  get: function get() {
+    return _PreviewBlock.PreviewBlock;
+  }
+});
 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 _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var _resolved = _interopRequireDefault(require("./resolved"));
-var _excluded = ["testId", "overrideUrl"];
+var _PreviewBlock = require("./PreviewBlock");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+var _default = exports.default = _PreviewBlock.PreviewBlock;
 /**
- * Represents a PreviewBlock, which typically contains media or other large format content.
- * @public
- * @param {PreviewBlockProps} PreviewBlock
- * @see Block
- */
-var PreviewBlock = function PreviewBlock(_ref) {
-  var _blockProps$size;
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
-    overrideUrl = _ref.overrideUrl,
-    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
-  return /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, blockProps, {
-    size: (_blockProps$size = blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : ui === null || ui === void 0 ? void 0 : ui.size,
-    testId: testId,
-    overrideUrl: overrideUrl
-  }));
-};
-var _default = exports.default = PreviewBlock;
+ * @deprecated Use `import { PreviewBlock } from '@atlaskit/smart-card/preview-block'` instead.
+ */

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

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _constants = require("../../../../../../constants");
-var _elements = require("../../../elements");
+var _previewElement = _interopRequireDefault(require("../../../elements/preview-element"));
 var _block = _interopRequireDefault(require("../../block"));
 var _excluded = ["ignoreContainerPadding", "onError", "placement", "testId", "overrideUrl", "style", "className"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -86,7 +86,7 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: (0, _runtime.ax)([placement && "_1t26n7od _ze72n7od _10aa1osq _rjuj1osq _mr051dfr", !placement && ignoreContainerPadding && "_18u01ivi _2hwxc10g _e0oi1ya9 _dmhj1ya9", className])
-  }), /*#__PURE__*/React.createElement(_elements.Preview, {
+  }), /*#__PURE__*/React.createElement(_previewElement.default, {
     onError: handleOnError,
     onLoad: handleOnLoad,
     overrideUrl: overrideUrl

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderChildren = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _isFlexibleUiElement = require("../../../../utils/is-flexible-ui-element");
+var _actionGroup = _interopRequireDefault(require("./action-group"));
+var _elementGroup = _interopRequireDefault(require("./element-group"));
+var isActionGroup = function isActionGroup(node) {
+  return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _actionGroup.default;
+};
+var isElementOrElementGroup = function isElementOrElementGroup(node) {
+  return /*#__PURE__*/_react.default.isValidElement(node) && ((0, _isFlexibleUiElement.isFlexibleUiElement)(node) || node.type === _elementGroup.default);
+};
+var renderChildren = exports.renderChildren = function renderChildren(children, size) {
+  return _react.default.Children.map(children, function (child) {
+    if (isElementOrElementGroup(child) || isActionGroup(child)) {
+      var node = child;
+      var childSize = node.props.size;
+      return /*#__PURE__*/_react.default.cloneElement(node, {
+        size: childSize || size
+      });
+    }
+    return child;
+  });
+};

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

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderElementItems = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _appliedToComponentsCountElement = _interopRequireDefault(require("../elements/applied-to-components-count-element"));
+var _assignedToElement = _interopRequireDefault(require("../elements/assigned-to-element"));
+var _assignedToGroupElement = _interopRequireDefault(require("../elements/assigned-to-group-element"));
+var _attachmentCountElement = _interopRequireDefault(require("../elements/attachment-count-element"));
+var _authorGroupElement = _interopRequireDefault(require("../elements/author-group-element"));
+var _checklistProgressElement = _interopRequireDefault(require("../elements/checklist-progress-element"));
+var _collaboratorGroupElement = _interopRequireDefault(require("../elements/collaborator-group-element"));
+var _commentCountElement = _interopRequireDefault(require("../elements/comment-count-element"));
+var _createdByElement = _interopRequireDefault(require("../elements/created-by-element"));
+var _createdOnElement = _interopRequireDefault(require("../elements/created-on-element"));
+var _dueOnElement = _interopRequireDefault(require("../elements/due-on-element"));
+var _hostNameElement = _interopRequireDefault(require("../elements/host-name-element"));
+var _latestCommitElement = _interopRequireDefault(require("../elements/latest-commit-element"));
+var _linkIconElement = _interopRequireDefault(require("../elements/link-icon-element"));
+var _locationElement = _interopRequireDefault(require("../elements/location-element"));
+var _modifiedByElement = _interopRequireDefault(require("../elements/modified-by-element"));
+var _modifiedOnElement = _interopRequireDefault(require("../elements/modified-on-element"));
+var _ownedByElement = _interopRequireDefault(require("../elements/owned-by-element"));
+var _ownedByGroupElement = _interopRequireDefault(require("../elements/owned-by-group-element"));
+var _previewElement = _interopRequireDefault(require("../elements/preview-element"));
+var _priorityElement = _interopRequireDefault(require("../elements/priority-element"));
+var _programmingLanguageElement = _interopRequireDefault(require("../elements/programming-language-element"));
+var _providerElement = _interopRequireDefault(require("../elements/provider-element"));
+var _reactCountElement = _interopRequireDefault(require("../elements/react-count-element"));
+var _readTimeElement = _interopRequireDefault(require("../elements/read-time-element"));
+var _sentOnElement = _interopRequireDefault(require("../elements/sent-on-element"));
+var _snippetElement = _interopRequireDefault(require("../elements/snippet-element"));
+var _sourceBranchElement = _interopRequireDefault(require("../elements/source-branch-element"));
+var _stateElement = _interopRequireDefault(require("../elements/state-element"));
+var _storyPointsElement = _interopRequireDefault(require("../elements/story-points-element"));
+var _subTasksProgressElement = _interopRequireDefault(require("../elements/sub-tasks-progress-element"));
+var _subscriberCountElement = _interopRequireDefault(require("../elements/subscriber-count-element"));
+var _targetBranchElement = _interopRequireDefault(require("../elements/target-branch-element"));
+var _teamMemberCountElement = _interopRequireDefault(require("../elements/team-member-count-element"));
+var _titleElement = _interopRequireDefault(require("../elements/title-element"));
+var _userAttributesElement = _interopRequireDefault(require("../elements/user-attributes-element"));
+var _viewCountElement = _interopRequireDefault(require("../elements/view-count-element"));
+var _voteCountElement = _interopRequireDefault(require("../elements/vote-count-element"));
+var _isJSXElementNull = require("./isJSXElementNull");
+var _utils = require("./utils");
+var _excluded = ["name"];
+var Elements = {
+  AppliedToComponentsCount: _appliedToComponentsCountElement.default,
+  AssignedTo: _assignedToElement.default,
+  AssignedToGroup: _assignedToGroupElement.default,
+  AttachmentCount: _attachmentCountElement.default,
+  AuthorGroup: _authorGroupElement.default,
+  ChecklistProgress: _checklistProgressElement.default,
+  CollaboratorGroup: _collaboratorGroupElement.default,
+  CommentCount: _commentCountElement.default,
+  CreatedBy: _createdByElement.default,
+  CreatedOn: _createdOnElement.default,
+  DueOn: _dueOnElement.default,
+  HostName: _hostNameElement.default,
+  LatestCommit: _latestCommitElement.default,
+  LinkIcon: _linkIconElement.default,
+  Location: _locationElement.default,
+  ModifiedBy: _modifiedByElement.default,
+  ModifiedOn: _modifiedOnElement.default,
+  OwnedBy: _ownedByElement.default,
+  OwnedByGroup: _ownedByGroupElement.default,
+  Preview: _previewElement.default,
+  Priority: _priorityElement.default,
+  ProgrammingLanguage: _programmingLanguageElement.default,
+  Provider: _providerElement.default,
+  ReactCount: _reactCountElement.default,
+  ReadTime: _readTimeElement.default,
+  SentOn: _sentOnElement.default,
+  Snippet: _snippetElement.default,
+  SourceBranch: _sourceBranchElement.default,
+  State: _stateElement.default,
+  StoryPoints: _storyPointsElement.default,
+  SubTasksProgress: _subTasksProgressElement.default,
+  SubscriberCount: _subscriberCountElement.default,
+  TargetBranch: _targetBranchElement.default,
+  TeamMemberCount: _teamMemberCountElement.default,
+  Title: _titleElement.default,
+  UserAttributes: _userAttributesElement.default,
+  ViewCount: _viewCountElement.default,
+  VoteCount: _voteCountElement.default
+};
+var isElementDisplayValid = function isElementDisplayValid(name, display) {
+  var _ElementDisplaySchema, _ElementDisplaySchema2;
+  return (_ElementDisplaySchema = (_ElementDisplaySchema2 = _utils.ElementDisplaySchema[name]) === null || _ElementDisplaySchema2 === void 0 ? void 0 : _ElementDisplaySchema2.includes(display)) !== null && _ElementDisplaySchema !== void 0 ? _ElementDisplaySchema : false;
+};
+var renderElementItems = exports.renderElementItems = function renderElementItems() {
+  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var display = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'inline';
+  var elements = items.reduce(function (acc, curr, idx) {
+    var name = curr.name,
+      props = (0, _objectWithoutProperties2.default)(curr, _excluded);
+    var Element = Elements[name];
+    var typedProps = props;
+    if (Element && isElementDisplayValid(name, display)) {
+      var element = /*#__PURE__*/_react.default.createElement(Element, (0, _extends2.default)({
+        key: idx
+      }, typedProps));
+      if (!(0, _isJSXElementNull.isJSXElementNull)(element)) {
+        return [].concat((0, _toConsumableArray2.default)(acc), [element]);
+      }
+    }
+    return acc;
+  }, []);
+  if (elements.length) {
+    return elements;
+  }
+};

package/dist/cjs/view/FlexibleCard/components/blocks/snippet-block/SnippetBlock.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SnippetBlock = 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 _useFlexibleCardContext = require("../../../../../state/flexible-ui-context/useFlexibleCardContext");
+var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
+var _useFlexibleUiOptionContext = require("../../../../../state/flexible-ui-context/useFlexibleUiOptionContext");
+var _renderers = require("../../../../../state/renderers");
+var _snippetElement = _interopRequireDefault(require("../../elements/snippet-element"));
+var _getMaxLines = require("../../getMaxLines");
+var _block = _interopRequireDefault(require("../block"));
+var _constants2 = require("./constants");
+var _excluded = ["maxLines", "testId", "text", "isHidden", "showFooter"];
+/**
+ * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
+ * @public
+ * @param {SnippetBlockProps} SnippetBlockProps
+ * @see Block
+ */
+var SnippetBlock = exports.SnippetBlock = function SnippetBlock(_ref) {
+  var _useFlexibleUiOptionC, _blockProps$size2, _cardContext$ui2, _ref2, _context$meta$objectI, _context$meta, _context$meta$resourc, _context$meta2, _context$meta$tenantI, _context$meta3;
+  var _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? _constants2.SNIPPET_BLOCK_CONSTANTS.DEFAULT_MAX_LINES : _ref$maxLines,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-snippet' : _ref$testId,
+    text = _ref.text,
+    _ref$isHidden = _ref.isHidden,
+    isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
+    _ref$showFooter = _ref.showFooter,
+    showFooter = _ref$showFooter === void 0 ? true : _ref$showFooter,
+    blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
+  var renderers = (0, _renderers.useSmartLinkRenderers)();
+  var enableSnippetRenderer = (_useFlexibleUiOptionC = (0, _useFlexibleUiOptionContext.useFlexibleUiOptionContext)()) === null || _useFlexibleUiOptionC === void 0 ? void 0 : _useFlexibleUiOptionC.enableSnippetRenderer;
+  var cardContext = (0, _useFlexibleCardContext.useFlexibleCardContext)();
+  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== _constants.SmartLinkStatus.Resolved && !text) {
+    return null;
+  }
+  var snippetMaxLines = (0, _getMaxLines.getMaxLines)(maxLines, _constants2.SNIPPET_BLOCK_CONSTANTS.DEFAULT_MAX_LINES, _constants2.SNIPPET_BLOCK_CONSTANTS.MAXIMUM_MAX_LINES, _constants2.SNIPPET_BLOCK_CONSTANTS.MINIMUM_MAX_LINES);
+  var statusTestId = !text ? 'resolved' : 'non-resolved';
+  var snippet = /*#__PURE__*/_react.default.createElement(_snippetElement.default, {
+    maxLines: snippetMaxLines,
+    content: text
+  });
+  if (!enableSnippetRenderer) {
+    var _blockProps$size, _cardContext$ui;
+    return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+      size: (_blockProps$size = blockProps.size) !== null && _blockProps$size !== void 0 ? _blockProps$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size,
+      testId: "".concat(testId, "-").concat(statusTestId, "-view")
+    }), snippet);
+  }
+  var SnippetReplacement = renderers === null || renderers === void 0 ? void 0 : renderers.snippet;
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+    size: (_blockProps$size2 = blockProps.size) !== null && _blockProps$size2 !== void 0 ? _blockProps$size2 : cardContext === null || cardContext === void 0 || (_cardContext$ui2 = cardContext.ui) === null || _cardContext$ui2 === void 0 ? void 0 : _cardContext$ui2.size,
+    testId: "".concat(testId, "-").concat(statusTestId, "-view")
+  }), SnippetReplacement ? /*#__PURE__*/_react.default.createElement(SnippetReplacement, {
+    fallbackText: (_ref2 = text || (context === null || context === void 0 ? void 0 : context.snippet)) !== null && _ref2 !== void 0 ? _ref2 : '',
+    fallbackComponent: snippet,
+    contentId: (_context$meta$objectI = context === null || context === void 0 || (_context$meta = context.meta) === null || _context$meta === void 0 ? void 0 : _context$meta.objectId) !== null && _context$meta$objectI !== void 0 ? _context$meta$objectI : '',
+    contentType: (_context$meta$resourc = context === null || context === void 0 || (_context$meta2 = context.meta) === null || _context$meta2 === void 0 ? void 0 : _context$meta2.resourceType) !== null && _context$meta$resourc !== void 0 ? _context$meta$resourc : '',
+    cloudId: (_context$meta$tenantI = context === null || context === void 0 || (_context$meta3 = context.meta) === null || _context$meta3 === void 0 ? void 0 : _context$meta3.tenantId) !== null && _context$meta$tenantI !== void 0 ? _context$meta$tenantI : '',
+    maxLines: snippetMaxLines,
+    isHidden: isHidden,
+    showFooter: showFooter
+  }) : snippet);
+};

package/dist/cjs/view/FlexibleCard/components/blocks/snippet-block/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SNIPPET_BLOCK_CONSTANTS = void 0;
+var SNIPPET_BLOCK_CONSTANTS = exports.SNIPPET_BLOCK_CONSTANTS = {
+  DEFAULT_MAX_LINES: 3,
+  MAXIMUM_MAX_LINES: 6,
+  MINIMUM_MAX_LINES: 1
+};