@atlaskit/smart-card 45.20.7 → 45.21.0

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

@@ -4,26 +4,14 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useRef } from 'react';
-import { FormattedMessage } from 'react-intl';
 import { di } from 'react-magnetic-di';
-import { RovoIcon } from '@atlaskit/logo';
-import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { SmartLinkDirection } from '../../../../../../constants';
-import { messages } from '../../../../../../messages';
 import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
 import AISummary from '../../../../../common/ai-summary';
-import AIFooter from '../../../../../common/ai-summary/ai-footer';
 import MotionWrapper from '../../../common/motion-wrapper';
 import Block from '../../block';
 import AIEventSummaryViewed from '../ai-event-summary-viewed';
-import { EllipsesAnimation } from '../assets/ellipses';
 var styles = null;
-var newStyles = {
-  iconWrapper: "_19bv1b66 _u5f3utpp _1e0c1txw _4cvr1h6o",
-  placeholderWrapper: "_1e0c1txw _4cvr1h6o",
-  summaryWrapper: "_ca0q1b66 _1e0c1txw",
-  ellipsesContainer: "_19bv1b66"
-};
 var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
   var testId = props.testId,
     _props$aiSummaryMinHe = props.aiSummaryMinHeight,
@@ -58,76 +46,4 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
     content: content
   })));
 };
-export var RovoSummaryBlockResolvedView = function RovoSummaryBlockResolvedView(props) {
-  var testId = props.testId,
-    _props$aiSummaryMinHe2 = props.aiSummaryMinHeight,
-    aiSummaryMinHeight = _props$aiSummaryMinHe2 === void 0 ? 0 : _props$aiSummaryMinHe2,
-    placeholder = props.placeholder,
-    url = props.url;
-  var _useAISummaryAction2 = useAISummaryAction(url),
-    _useAISummaryAction2$ = _useAISummaryAction2.state,
-    content = _useAISummaryAction2$.content,
-    status = _useAISummaryAction2$.status;
-  var isSummarisedOnMountRef = useRef(status === 'done');
-  var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
-  if (status === 'error') {
-    return null;
-  }
-
-  // Show summary when there is content to display
-  if (content && content !== '') {
-    return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
-      direction: SmartLinkDirection.Vertical,
-      testId: "".concat(testId, "-resolved-view"),
-      className: ax(["_1reoewfl _18m9ewfl"])
-    }), /*#__PURE__*/React.createElement(Inline, {
-      xcss: newStyles.summaryWrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ax([newStyles.iconWrapper])
-    }, /*#__PURE__*/React.createElement(RovoIcon, {
-      shouldUseHexLogo: true,
-      size: "xxsmall"
-    })), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
-      fromCache: isSummarisedOnMountRef.current
-    }), /*#__PURE__*/React.createElement(MotionWrapper, {
-      minHeight: minHeight,
-      show: true,
-      showTransition: !isSummarisedOnMountRef.current
-    }, /*#__PURE__*/React.createElement(AISummary, {
-      testId: "".concat(testId, "-ai-summary"),
-      minHeight: minHeight,
-      content: content
-    }), status === 'done' && /*#__PURE__*/React.createElement(AIFooter, null))));
-  }
-
-  // Show loading state on initial request where content hasn't returned yet.
-  if (status === 'loading') {
-    return /*#__PURE__*/React.createElement(MotionWrapper, {
-      minHeight: minHeight,
-      show: true,
-      showTransition: true
-    }, /*#__PURE__*/React.createElement(Inline, {
-      testId: "".concat(testId, "-placeholder"),
-      xcss: newStyles.placeholderWrapper
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ax([newStyles.iconWrapper])
-    }, /*#__PURE__*/React.createElement(RovoIcon, {
-      shouldUseHexLogo: true,
-      size: 'xxsmall'
-    })), /*#__PURE__*/React.createElement(Text, {
-      size: "small",
-      color: "color.text"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, messages.rovo_summary_loading)), /*#__PURE__*/React.createElement(Box, {
-      xcss: newStyles.ellipsesContainer
-    }, /*#__PURE__*/React.createElement(EllipsesAnimation, {
-      isAnimated: true
-    }))));
-  }
-
-  // Otherwise, show placeholder if provided
-  if (placeholder) {
-    return /*#__PURE__*/React.createElement(Fragment, null, placeholder);
-  }
-  return null;
-};
 export default AISummaryBlockResolvedView;

package/dist/esm/view/FlexibleCard/components/blocks/block/Block.js

@@ -0,0 +1,59 @@
+/* Block.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+import "./Block.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useEffect } from 'react';
+import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
+import { renderChildren } from '../renderChildren';
+var baseBlockStyles = null;
+var highlightRemoveStyles = null;
+var gapStyles = {
+  xlarge: "_zulpv47k _1ljqv47k",
+  large: "_zulppxbi _1ljqpxbi",
+  medium: "_zulpu2gc _1ljqu2gc",
+  small: "_zulp1b66 _1ljq1b66"
+};
+var directionStyles = {
+  vertical: "_2lx21bp4 _4cvr1y6m",
+  horizontal: "_2lx2vrvc _4cvr1h6o"
+};
+
+/**
+ * A block represents a collection of elements and actions that are arranged
+ * in a row. All elements and actions should be contained within a Block.
+ * @internal
+ * @param {ActionGroupProps} ActionGroupProps
+ * @see Action
+ */
+export var Block = function Block(_ref) {
+  var children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? SmartLinkDirection.Horizontal : _ref$direction,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId,
+    className = _ref.className,
+    blockRef = _ref.blockRef,
+    onRender = _ref.onRender,
+    onTransitionEnd = _ref.onTransitionEnd,
+    style = _ref.style,
+    placeholderId = _ref.placeholderId;
+  useEffect(function () {
+    onRender && onRender();
+  }, [onRender]);
+  return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bx1l7x _e4i5bjq5 _1gu2dgkc _5b7tuxlv _17aedgkc", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], gapStyles[size], className]),
+    "data-smart-block": true,
+    "data-testid": testId,
+    onTransitionEnd: onTransitionEnd,
+    ref: blockRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: style,
+    "data-ssr-placeholder": placeholderId,
+    "data-ssr-placeholder-replace": placeholderId
+  }, renderChildren(children, size));
+};

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

@@ -1,60 +1,14 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
-import "./index.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useEffect } from 'react';
-import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
-import { renderChildren } from '../utils';
-var baseBlockStyles = null;
-var highlightRemoveStyles = null;
-var gapStyles = {
-  xlarge: "_zulpv47k _1ljqv47k",
-  large: "_zulppxbi _1ljqpxbi",
-  medium: "_zulpu2gc _1ljqu2gc",
-  small: "_zulp1b66 _1ljq1b66"
-};
-var directionStyles = {
-  vertical: "_2lx21bp4 _4cvr1y6m",
-  horizontal: "_2lx2vrvc _4cvr1h6o"
-};
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { Block } from './Block';
+export default Block;
 
 /**
- * A block represents a collection of elements and actions that are arranged
- * in a row. All elements and actions should be contained within a Block.
- * @internal
- * @param {ActionGroupProps} ActionGroupProps
- * @see Action
+ * @deprecated Use `import { Block } from '@atlaskit/smart-card/block'` instead.
  */
-var Block = function Block(_ref) {
-  var children = _ref.children,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? SmartLinkDirection.Horizontal : _ref$direction,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId,
-    className = _ref.className,
-    blockRef = _ref.blockRef,
-    onRender = _ref.onRender,
-    onTransitionEnd = _ref.onTransitionEnd,
-    style = _ref.style,
-    placeholderId = _ref.placeholderId;
-  useEffect(function () {
-    onRender && onRender();
-  }, [onRender]);
-  return /*#__PURE__*/React.createElement("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: ax(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bx1l7x _e4i5bjq5 _1gu2dgkc _5b7tuxlv _17aedgkc", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], gapStyles[size], className]),
-    "data-smart-block": true,
-    "data-testid": testId,
-    onTransitionEnd: onTransitionEnd,
-    ref: blockRef
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: style,
-    "data-ssr-placeholder": placeholderId,
-    "data-ssr-placeholder-replace": placeholderId
-  }, renderChildren(children, size));
-};
-export default Block;
+export { Block } from './Block';

package/dist/esm/view/FlexibleCard/components/blocks/element-group/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-import { renderChildren } from '../utils';
+import { renderChildren } from '../renderChildren';
 var alignmentStyleMap = {
   right: "_1dthh9n0 _r291h9n0 _1bahesu3 _y3gnusic",
   left: "_1dthv2br _r291v2br _1bah1y6m _y3gn1e5h"

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

@@ -0,0 +1,30 @@
+import { ActionName } from '../../../../constants';
+export var filterActionItems = function filterActionItems() {
+  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var context = arguments.length > 1 ? arguments[1] : undefined;
+  var product = arguments.length > 2 ? arguments[2] : undefined;
+  return items.filter(function (item) {
+    switch (item.name) {
+      case ActionName.DeleteAction:
+      case ActionName.EditAction:
+      case ActionName.CustomAction:
+        // Named and custom actions that user defines.
+        return Boolean(ActionName[item.name]);
+      case ActionName.RovoChatAction:
+        if (!!product && product === 'CONFLUENCE') {
+          return Boolean(ActionName[item.name]);
+        }
+        // same as default case below
+        if ((context === null || context === void 0 ? void 0 : context.actions) === undefined) {
+          return false;
+        }
+        return Boolean(item.name in context.actions ? context.actions[item.name] : undefined);
+      default:
+        // Action that require data from the data context to render.
+        if ((context === null || context === void 0 ? void 0 : context.actions) === undefined) {
+          return false;
+        }
+        return Boolean(item.name in context.actions ? context.actions[item.name] : undefined);
+    }
+  });
+};

package/dist/esm/view/FlexibleCard/components/blocks/footer-block/FooterBlock.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["testId", "alwaysShow"];
+import React from 'react';
+import { SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+import FooterBlockResolvedView from './resolved';
+/**
+ * Represents a FooterBlock, designed to contain elements and actions that should appear
+ * at the bottom of a link card.
+ * @public
+ * @param {FooterBlockProps} FooterBlockProps
+ * @see Block
+ */
+export var FooterBlock = function FooterBlock(_ref) {
+  var _props$size, _cardContext$ui;
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-footer-block' : _ref$testId,
+    alwaysShow = _ref.alwaysShow,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var cardContext = useFlexibleCardContext();
+  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved && !alwaysShow) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(FooterBlockResolvedView, _extends({}, props, {
+    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,
+    testId: testId
+  }));
+};

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

@@ -1,30 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["testId", "alwaysShow"];
-import React from 'react';
-import { SmartLinkStatus } from '../../../../../constants';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
-import FooterBlockResolvedView from './resolved';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { FooterBlock } from './FooterBlock';
+export default FooterBlock;
+
 /**
- * Represents a FooterBlock, designed to contain elements and actions that should appear
- * at the bottom of a link card.
- * @public
- * @param {FooterBlockProps} FooterBlockProps
- * @see Block
+ * @deprecated Use `import { FooterBlock } from '@atlaskit/smart-card/footer-block'` instead.
  */
-var FooterBlock = function FooterBlock(_ref) {
-  var _props$size, _cardContext$ui;
-  var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-footer-block' : _ref$testId,
-    alwaysShow = _ref.alwaysShow,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var cardContext = useFlexibleCardContext();
-  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved && !alwaysShow) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(FooterBlockResolvedView, _extends({}, props, {
-    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,
-    testId: testId
-  }));
-};
-export default FooterBlock;
+export { FooterBlock } from './FooterBlock';

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

@@ -8,12 +8,12 @@ import { useCallback, useMemo, useState } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
 import { WidthObserver } from '@atlaskit/width-detector/width-observer';
 import { ActionName, SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
-import { Provider } from '../../../elements';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { default as Provider } from '../../../elements/provider-element';
 import ActionGroup from '../../action-group';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import { filterActionItems } from '../../utils';
+import { filterActionItems } from '../../filterActionItems';
 var actionGroupStyles = null;
 var safariStyles = null;
 var providerStyles = null;

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

@@ -0,0 +1,20 @@
+import { SmartLinkSize } from '../../../../constants';
+
+/**
+ * Get gap size between elements inside a block
+ * Equivalent version for DS primitives space token is getPrimitivesInlineSpaceBySize()
+ * at view/FlexibleCard/components/utils.tsx
+ */
+export var getGapSize = function getGapSize(size) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return 1.25;
+    case SmartLinkSize.Large:
+      return 1;
+    case SmartLinkSize.Medium:
+      return 0.5;
+    case SmartLinkSize.Small:
+    default:
+      return 0.25;
+  }
+};

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

@@ -1,21 +1,31 @@
 /* index.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["testId", "onActionClick", "hideProvider"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
-import { ActionName } from '../../../../../constants';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import * as Actions from '../../actions';
-import { Provider } from '../../elements';
+import { ActionName, InternalActionName } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import AISummaryAction from '../../actions/ai-summary-action';
+import AutomationAction from '../../actions/automation-action';
+import CopyLinkAction from '../../actions/copy-link-action';
+import CustomUnresolvedAction from '../../actions/custom-unresolved-action';
+import DownloadAction from '../../actions/download-action';
+import FollowAction from '../../actions/follow-action';
+import PreviewAction from '../../actions/preview-action';
+import RovoChatAction from '../../actions/rovo-chat-action';
+import ViewRelatedLinksAction from '../../actions/view-related-links-action';
+import { default as Provider } from '../../elements/provider-element';
 import Block from '../block';
 /**
  * Allowed footer actions for HoverCard, in display order. Fetched from context.
  */
 var HIDDEN_HOVER_CARD_FOOTER_ACTIONS = [ActionName.RovoChatAction];
+var Actions = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ActionName.AutomationAction, AutomationAction), ActionName.CopyLinkAction, CopyLinkAction), ActionName.DownloadAction, DownloadAction), ActionName.FollowAction, FollowAction), ActionName.PreviewAction, PreviewAction), ActionName.RovoChatAction, RovoChatAction), InternalActionName.AISummaryAction, AISummaryAction), InternalActionName.UnresolvedAction, CustomUnresolvedAction), InternalActionName.ViewRelatedLinksAction, ViewRelatedLinksAction);
 var ignoreContainerMarginStyles = null;
 var elevatedFooterStyles = null;
 var providerStyles = null;

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

@@ -0,0 +1,3 @@
+export var isJSXElementNull = function isJSXElementNull(children) {
+  return Boolean(children.type() === null);
+};

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

@@ -0,0 +1,93 @@
+/* MetadataBlock.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["maxLines", "testId", "primary", "secondary"];
+import "./MetadataBlock.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+
+import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+import Block from '../block';
+import ElementGroup from '../element-group';
+import { renderElementItems } from '../renderElementItems';
+import { METADATA_BLOCK_CONSTANTS } from './constants';
+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 > METADATA_BLOCK_CONSTANTS.MAXIMUM_MAX_LINES) {
+    return METADATA_BLOCK_CONSTANTS.DEFAULT_MAX_LINES;
+  }
+  if (maxLines < METADATA_BLOCK_CONSTANTS.MINIMUM_MAX_LINES) {
+    return METADATA_BLOCK_CONSTANTS.MINIMUM_MAX_LINES;
+  }
+  return maxLines;
+};
+var ElementItemRenderer = function ElementItemRenderer(_ref) {
+  var _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 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 ? SmartLinkSize.Medium : _ref$size,
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? METADATA_BLOCK_CONSTANTS.DEFAULT_MAX_LINES : _ref$maxLines;
+  var elements = renderElementItems(items, display);
+  return elements && /*#__PURE__*/React.createElement(ElementGroup, {
+    align: align,
+    direction: SmartLinkDirection.Horizontal,
+    width: SmartLinkWidth.Flexible,
+    size: size,
+    className: 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
+ */
+export var MetadataBlock = function MetadataBlock(_ref2) {
+  var _ref3, _blockProps$size, _cardContext$ui;
+  var _ref2$maxLines = _ref2.maxLines,
+    maxLines = _ref2$maxLines === void 0 ? 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 = _objectWithoutProperties(_ref2, _excluded);
+  var cardContext = useFlexibleCardContext();
+  if (primary.length === 0 && secondary.length === 0 || (cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== 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 : SmartLinkSize.Medium;
+  var maxLinesTotal = getMaxLines(maxLines);
+  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
+    size: size,
+    testId: "".concat(testId, "-resolved-view")
+  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
+    items: primary,
+    size: size,
+    maxLines: maxLinesTotal
+  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
+    align: SmartLinkAlignment.Right,
+    items: secondary,
+    size: size,
+    maxLines: maxLinesTotal
+  }));
+};

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

@@ -0,0 +1,5 @@
+export var METADATA_BLOCK_CONSTANTS = {
+  DEFAULT_MAX_LINES: 2,
+  MAXIMUM_MAX_LINES: 2,
+  MINIMUM_MAX_LINES: 1
+};

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

@@ -1,96 +1,14 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["maxLines", "testId", "primary", "secondary"];
-import "./index.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
+/* 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 */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
-import Block from '../block';
-import ElementGroup from '../element-group';
-import { renderElementItems } from '../utils';
-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 ? 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 ? SmartLinkSize.Medium : _ref$size,
-    _ref$maxLines = _ref.maxLines,
-    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines;
-  var elements = renderElementItems(items, display);
-  return elements && /*#__PURE__*/React.createElement(ElementGroup, {
-    align: align,
-    direction: SmartLinkDirection.Horizontal,
-    width: SmartLinkWidth.Flexible,
-    size: size,
-    className: ax([truncateStyles[maxLines], sizeStyles[size]])
-  }, elements);
-};
+import { MetadataBlock } from './MetadataBlock';
+export default MetadataBlock;
 
 /**
- * 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
+ * @deprecated Use `import { MetadataBlock } from '@atlaskit/smart-card/metadata-block'` instead.
  */
-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 = _objectWithoutProperties(_ref2, _excluded);
-  var cardContext = useFlexibleCardContext();
-  if (primary.length === 0 && secondary.length === 0 || (cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== 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 : SmartLinkSize.Medium;
-  var maxLinesTotal = getMaxLines(maxLines);
-  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
-    size: size,
-    testId: "".concat(testId, "-resolved-view")
-  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
-    items: primary,
-    size: size,
-    maxLines: maxLinesTotal
-  }), /*#__PURE__*/React.createElement(ElementItemRenderer, {
-    align: SmartLinkAlignment.Right,
-    items: secondary,
-    size: size,
-    maxLines: maxLinesTotal
-  }));
-};
-export default MetadataBlock;
+export { MetadataBlock } from './MetadataBlock';