@atlaskit/smart-card 45.20.6 → 45.21.0

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

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["testId", "overrideUrl"];
+import React from 'react';
+import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context/useFlexibleUiOptionContext';
+import PreviewBlockResolvedView from './resolved';
+/**
+ * Represents a PreviewBlock, which typically contains media or other large format content.
+ * @public
+ * @param {PreviewBlockProps} PreviewBlock
+ * @see Block
+ */
+export 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 = _objectWithoutProperties(_ref, _excluded);
+  var ui = useFlexibleUiOptionContext();
+  return /*#__PURE__*/React.createElement(PreviewBlockResolvedView, _extends({}, 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/esm/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -1,26 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["testId", "overrideUrl"];
-import React from 'react';
-import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
-import PreviewBlockResolvedView from './resolved';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { PreviewBlock } from './PreviewBlock';
+export default PreviewBlock;
+
 /**
- * Represents a PreviewBlock, which typically contains media or other large format content.
- * @public
- * @param {PreviewBlockProps} PreviewBlock
- * @see Block
+ * @deprecated Use `import { PreviewBlock } from '@atlaskit/smart-card/preview-block'` instead.
  */
-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 = _objectWithoutProperties(_ref, _excluded);
-  var ui = useFlexibleUiOptionContext();
-  return /*#__PURE__*/React.createElement(PreviewBlockResolvedView, _extends({}, 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
-  }));
-};
-export default PreviewBlock;
+export { PreviewBlock } from './PreviewBlock';

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

@@ -11,7 +11,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useLayoutEffect, useState } from 'react';
 import { MediaPlacement } from '../../../../../../constants';
-import { Preview } from '../../../elements';
+import { default as Preview } from '../../../elements/preview-element';
 import Block from '../../block';
 var previewBlockStyleCommon = null;
 var ignoreContainerPaddingStyle = null;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { isFlexibleUiElement } from '../../../../utils/is-flexible-ui-element';
+import ActionGroup from './action-group';
+import ElementGroup from './element-group';
+var isActionGroup = function isActionGroup(node) {
+  return /*#__PURE__*/React.isValidElement(node) && node.type === ActionGroup;
+};
+var isElementOrElementGroup = function isElementOrElementGroup(node) {
+  return /*#__PURE__*/React.isValidElement(node) && (isFlexibleUiElement(node) || node.type === ElementGroup);
+};
+export var renderChildren = function renderChildren(children, size) {
+  return React.Children.map(children, function (child) {
+    if (isElementOrElementGroup(child) || isActionGroup(child)) {
+      var node = child;
+      var childSize = node.props.size;
+      return /*#__PURE__*/React.cloneElement(node, {
+        size: childSize || size
+      });
+    }
+    return child;
+  });
+};

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

@@ -0,0 +1,111 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name"];
+import React from 'react';
+import AppliedToComponentsCount from '../elements/applied-to-components-count-element';
+import AssignedTo from '../elements/assigned-to-element';
+import AssignedToGroup from '../elements/assigned-to-group-element';
+import AttachmentCount from '../elements/attachment-count-element';
+import AuthorGroup from '../elements/author-group-element';
+import ChecklistProgress from '../elements/checklist-progress-element';
+import CollaboratorGroup from '../elements/collaborator-group-element';
+import CommentCount from '../elements/comment-count-element';
+import CreatedBy from '../elements/created-by-element';
+import CreatedOn from '../elements/created-on-element';
+import DueOn from '../elements/due-on-element';
+import HostName from '../elements/host-name-element';
+import LatestCommit from '../elements/latest-commit-element';
+import LinkIcon from '../elements/link-icon-element';
+import Location from '../elements/location-element';
+import ModifiedBy from '../elements/modified-by-element';
+import ModifiedOn from '../elements/modified-on-element';
+import OwnedBy from '../elements/owned-by-element';
+import OwnedByGroup from '../elements/owned-by-group-element';
+import Preview from '../elements/preview-element';
+import Priority from '../elements/priority-element';
+import ProgrammingLanguage from '../elements/programming-language-element';
+import Provider from '../elements/provider-element';
+import ReactCount from '../elements/react-count-element';
+import ReadTime from '../elements/read-time-element';
+import SentOn from '../elements/sent-on-element';
+import Snippet from '../elements/snippet-element';
+import SourceBranch from '../elements/source-branch-element';
+import State from '../elements/state-element';
+import StoryPoints from '../elements/story-points-element';
+import SubTasksProgress from '../elements/sub-tasks-progress-element';
+import SubscriberCount from '../elements/subscriber-count-element';
+import TargetBranch from '../elements/target-branch-element';
+import TeamMemberCount from '../elements/team-member-count-element';
+import Title from '../elements/title-element';
+import UserAttributes from '../elements/user-attributes-element';
+import ViewCount from '../elements/view-count-element';
+import VoteCount from '../elements/vote-count-element';
+import { isJSXElementNull } from './isJSXElementNull';
+import { ElementDisplaySchema } from './utils';
+var Elements = {
+  AppliedToComponentsCount: AppliedToComponentsCount,
+  AssignedTo: AssignedTo,
+  AssignedToGroup: AssignedToGroup,
+  AttachmentCount: AttachmentCount,
+  AuthorGroup: AuthorGroup,
+  ChecklistProgress: ChecklistProgress,
+  CollaboratorGroup: CollaboratorGroup,
+  CommentCount: CommentCount,
+  CreatedBy: CreatedBy,
+  CreatedOn: CreatedOn,
+  DueOn: DueOn,
+  HostName: HostName,
+  LatestCommit: LatestCommit,
+  LinkIcon: LinkIcon,
+  Location: Location,
+  ModifiedBy: ModifiedBy,
+  ModifiedOn: ModifiedOn,
+  OwnedBy: OwnedBy,
+  OwnedByGroup: OwnedByGroup,
+  Preview: Preview,
+  Priority: Priority,
+  ProgrammingLanguage: ProgrammingLanguage,
+  Provider: Provider,
+  ReactCount: ReactCount,
+  ReadTime: ReadTime,
+  SentOn: SentOn,
+  Snippet: Snippet,
+  SourceBranch: SourceBranch,
+  State: State,
+  StoryPoints: StoryPoints,
+  SubTasksProgress: SubTasksProgress,
+  SubscriberCount: SubscriberCount,
+  TargetBranch: TargetBranch,
+  TeamMemberCount: TeamMemberCount,
+  Title: Title,
+  UserAttributes: UserAttributes,
+  ViewCount: ViewCount,
+  VoteCount: VoteCount
+};
+var isElementDisplayValid = function isElementDisplayValid(name, display) {
+  var _ElementDisplaySchema, _ElementDisplaySchema2;
+  return (_ElementDisplaySchema = (_ElementDisplaySchema2 = ElementDisplaySchema[name]) === null || _ElementDisplaySchema2 === void 0 ? void 0 : _ElementDisplaySchema2.includes(display)) !== null && _ElementDisplaySchema !== void 0 ? _ElementDisplaySchema : false;
+};
+export var 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 = _objectWithoutProperties(curr, _excluded);
+    var Element = Elements[name];
+    var typedProps = props;
+    if (Element && isElementDisplayValid(name, display)) {
+      var element = /*#__PURE__*/React.createElement(Element, _extends({
+        key: idx
+      }, typedProps));
+      if (!isJSXElementNull(element)) {
+        return [].concat(_toConsumableArray(acc), [element]);
+      }
+    }
+    return acc;
+  }, []);
+  if (elements.length) {
+    return elements;
+  }
+};

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

@@ -0,0 +1,66 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["maxLines", "testId", "text", "isHidden", "showFooter"];
+import React from 'react';
+import { SmartLinkStatus } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context/useFlexibleUiOptionContext';
+import { useSmartLinkRenderers } from '../../../../../state/renderers';
+import { default as Snippet } from '../../elements/snippet-element';
+import { getMaxLines } from '../../getMaxLines';
+import Block from '../block';
+import { SNIPPET_BLOCK_CONSTANTS } from './constants';
+/**
+ * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
+ * @public
+ * @param {SnippetBlockProps} SnippetBlockProps
+ * @see Block
+ */
+export var 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 ? 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 = _objectWithoutProperties(_ref, _excluded);
+  var context = useFlexibleUiContext();
+  var renderers = useSmartLinkRenderers();
+  var enableSnippetRenderer = (_useFlexibleUiOptionC = useFlexibleUiOptionContext()) === null || _useFlexibleUiOptionC === void 0 ? void 0 : _useFlexibleUiOptionC.enableSnippetRenderer;
+  var cardContext = useFlexibleCardContext();
+  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved && !text) {
+    return null;
+  }
+  var snippetMaxLines = getMaxLines(maxLines, SNIPPET_BLOCK_CONSTANTS.DEFAULT_MAX_LINES, SNIPPET_BLOCK_CONSTANTS.MAXIMUM_MAX_LINES, SNIPPET_BLOCK_CONSTANTS.MINIMUM_MAX_LINES);
+  var statusTestId = !text ? 'resolved' : 'non-resolved';
+  var snippet = /*#__PURE__*/React.createElement(Snippet, {
+    maxLines: snippetMaxLines,
+    content: text
+  });
+  if (!enableSnippetRenderer) {
+    var _blockProps$size, _cardContext$ui;
+    return /*#__PURE__*/React.createElement(Block, _extends({}, 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.createElement(Block, _extends({}, 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.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/esm/view/FlexibleCard/components/blocks/snippet-block/constants.js

@@ -0,0 +1,5 @@
+export var SNIPPET_BLOCK_CONSTANTS = {
+  DEFAULT_MAX_LINES: 3,
+  MAXIMUM_MAX_LINES: 6,
+  MINIMUM_MAX_LINES: 1
+};

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

@@ -1,68 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["maxLines", "testId", "text", "isHidden", "showFooter"];
-import React from 'react';
-import { SmartLinkStatus } from '../../../../../constants';
-import { useFlexibleCardContext, useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
-import { useSmartLinkRenderers } from '../../../../../state/renderers';
-import { Snippet } from '../../elements';
-import { getMaxLines } from '../../utils';
-import Block from '../block';
-var DEFAULT_MAX_LINES = 3;
-var MAXIMUM_MAX_LINES = 6;
-var MINIMUM_MAX_LINES = 1;
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { SnippetBlock } from './SnippetBlock';
+export default SnippetBlock;
 
 /**
- * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
- * @public
- * @param {SnippetBlockProps} SnippetBlockProps
- * @see Block
+ * @deprecated Use `import { SnippetBlock } from '@atlaskit/smart-card/snippet-block'` instead.
  */
-var 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 ? 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 = _objectWithoutProperties(_ref, _excluded);
-  var context = useFlexibleUiContext();
-  var renderers = useSmartLinkRenderers();
-  var enableSnippetRenderer = (_useFlexibleUiOptionC = useFlexibleUiOptionContext()) === null || _useFlexibleUiOptionC === void 0 ? void 0 : _useFlexibleUiOptionC.enableSnippetRenderer;
-  var cardContext = useFlexibleCardContext();
-  if ((cardContext === null || cardContext === void 0 ? void 0 : cardContext.status) !== SmartLinkStatus.Resolved && !text) {
-    return null;
-  }
-  var snippetMaxLines = getMaxLines(maxLines, DEFAULT_MAX_LINES, MAXIMUM_MAX_LINES, MINIMUM_MAX_LINES);
-  var statusTestId = !text ? 'resolved' : 'non-resolved';
-  var snippet = /*#__PURE__*/React.createElement(Snippet, {
-    maxLines: snippetMaxLines,
-    content: text
-  });
-  if (!enableSnippetRenderer) {
-    var _blockProps$size, _cardContext$ui;
-    return /*#__PURE__*/React.createElement(Block, _extends({}, 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.createElement(Block, _extends({}, 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.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);
-};
-export default SnippetBlock;
+export { SnippetBlock } from './SnippetBlock';

package/dist/esm/view/FlexibleCard/components/blocks/title-block/TitleBlock.js

@@ -0,0 +1,122 @@
+/* TitleBlock.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "showActionOnHover", "testId", "text", "icon", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];
+import "./TitleBlock.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useCallback, useState } from 'react';
+import { SmartLinkStatus } from '../../../../../constants';
+import { useMouseDownEvent } from '../../../../../state/analytics/useMouseDownEvent';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+import { default as Title } from '../../elements/title-element';
+import ActionGroup from '../action-group';
+import TitleBlockErroredView from './errored';
+import TitleBlockResolvedView from './resolved';
+import TitleBlockResolvingView from './resolving';
+var actionStyles = null;
+var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
+  switch (status) {
+    case SmartLinkStatus.Pending:
+    case SmartLinkStatus.Resolving:
+      return TitleBlockResolvingView;
+    case SmartLinkStatus.Resolved:
+      return TitleBlockResolvedView;
+    case SmartLinkStatus.Unauthorized:
+    case SmartLinkStatus.Forbidden:
+    case SmartLinkStatus.NotFound:
+    case SmartLinkStatus.Errored:
+    case SmartLinkStatus.Fallback:
+    default:
+      return TitleBlockErroredView;
+  }
+};
+
+/**
+ * Represents a TitleBlock, which is the foundation of Flexible UI.
+ * This contains an icon, the link, and any associated metadata and actions in one block.
+ * The TitleBlock will also render differently given the state of the smart link.
+ * This can be found in the corresponding Resolving, Resolved and Errored views.
+ * @public
+ * @param {TitleBlockProps} TitleBlockProps
+ * @see Block
+ * @see TitleBlockResolvingViewNew
+ * @see TitleBlockResolvedViewNew
+ * @see TitleBlockErroredViewNew
+ */
+export var TitleBlock = function TitleBlock(_ref) {
+  var _props$size;
+  var _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? [] : _ref$actions,
+    anchorTarget = _ref.anchorTarget,
+    hideTitleTooltip = _ref.hideTitleTooltip,
+    maxLines = _ref.maxLines,
+    onActionMenuOpenChange = _ref.onActionMenuOpenChange,
+    showActionOnHover = _ref.showActionOnHover,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
+    text = _ref.text,
+    icon = _ref.icon,
+    hideRetry = _ref.hideRetry,
+    metadataPosition = _ref.metadataPosition,
+    _ref$hideIcon = _ref.hideIcon,
+    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
+    className = _ref.className,
+    anchorRef = _ref.anchorRef,
+    CompetitorPrompt = _ref.CompetitorPrompt,
+    url = _ref.url,
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var cardContext = useFlexibleCardContext();
+  var _ref2 = cardContext || {},
+    _ref2$status = _ref2.status,
+    status = _ref2$status === void 0 ? SmartLinkStatus.Fallback : _ref2$status,
+    ui = _ref2.ui;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    actionDropdownOpen = _useState2[0],
+    setActionDropdownOpen = _useState2[1];
+  var onDropdownOpenChange = useCallback(function (isOpen) {
+    setActionDropdownOpen(isOpen);
+    if (onActionMenuOpenChange) {
+      onActionMenuOpenChange({
+        isOpen: isOpen
+      });
+    }
+  }, [onActionMenuOpenChange]);
+  var actionGroup = actions.length > 0 && /*#__PURE__*/React.createElement(ActionGroup, {
+    items: actions,
+    visibleButtonsNum: showActionOnHover ? 1 : 2,
+    onDropdownOpenChange: onDropdownOpenChange
+  });
+  var overrideText = !!text ? {
+    text: text
+  } : {};
+  var onMouseDown = useMouseDownEvent();
+  var title = /*#__PURE__*/React.createElement(Title, _extends({
+    hideTooltip: hideTitleTooltip,
+    maxLines: maxLines,
+    onMouseDown: onMouseDown,
+    target: anchorTarget,
+    theme: ui === null || ui === void 0 ? void 0 : ui.theme,
+    anchorRef: anchorRef
+  }, overrideText));
+  var Component = getTitleBlockViewComponent(status);
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+    actionGroup: actionGroup
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: ax([showActionOnHover && !actionDropdownOpen && "_1bfhidpf _wn5xkb7n _h157kb7n", className]),
+    testId: testId,
+    title: title,
+    metadataPosition: metadataPosition,
+    hideIcon: hideIcon,
+    hideRetry: hideRetry,
+    icon: icon,
+    hideIconLoadingSkeleton: hideIconLoadingSkeleton,
+    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size,
+    CompetitorPrompt: CompetitorPrompt,
+    url: url
+  }));
+};

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

@@ -7,9 +7,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Box } from '@atlaskit/primitives/compiled';
 import { InternalActionName, SmartLinkAlignment } from '../../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
-import { UnresolvedAction } from '../../../actions';
-import { LinkIcon } from '../../../elements';
+import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context/useFlexibleUiContext';
+import { default as UnresolvedAction } from '../../../actions/unresolved-action';
+import { default as LinkIcon } from '../../../elements/link-icon-element';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
 var styles = {

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

@@ -1,123 +1,13 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "showActionOnHover", "testId", "text", "icon", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];
-import "./index.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useCallback, useState } from 'react';
-import { SmartLinkStatus } from '../../../../../constants';
-import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
-import { Title } from '../../elements';
-import ActionGroup from '../action-group';
-import TitleBlockErroredView from './errored';
-import TitleBlockResolvedView from './resolved';
-import TitleBlockResolvingView from './resolving';
-var actionStyles = null;
-var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
-  switch (status) {
-    case SmartLinkStatus.Pending:
-    case SmartLinkStatus.Resolving:
-      return TitleBlockResolvingView;
-    case SmartLinkStatus.Resolved:
-      return TitleBlockResolvedView;
-    case SmartLinkStatus.Unauthorized:
-    case SmartLinkStatus.Forbidden:
-    case SmartLinkStatus.NotFound:
-    case SmartLinkStatus.Errored:
-    case SmartLinkStatus.Fallback:
-    default:
-      return TitleBlockErroredView;
-  }
-};
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { TitleBlock } from './TitleBlock';
+export default TitleBlock;
 
 /**
- * Represents a TitleBlock, which is the foundation of Flexible UI.
- * This contains an icon, the link, and any associated metadata and actions in one block.
- * The TitleBlock will also render differently given the state of the smart link.
- * This can be found in the corresponding Resolving, Resolved and Errored views.
- * @public
- * @param {TitleBlockProps} TitleBlockProps
- * @see Block
- * @see TitleBlockResolvingViewNew
- * @see TitleBlockResolvedViewNew
- * @see TitleBlockErroredViewNew
+ * @deprecated Use `import { TitleBlock } from '@atlaskit/smart-card/title-block'` instead.
  */
-var TitleBlock = function TitleBlock(_ref) {
-  var _props$size;
-  var _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? [] : _ref$actions,
-    anchorTarget = _ref.anchorTarget,
-    hideTitleTooltip = _ref.hideTitleTooltip,
-    maxLines = _ref.maxLines,
-    onActionMenuOpenChange = _ref.onActionMenuOpenChange,
-    showActionOnHover = _ref.showActionOnHover,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
-    text = _ref.text,
-    icon = _ref.icon,
-    hideRetry = _ref.hideRetry,
-    metadataPosition = _ref.metadataPosition,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    className = _ref.className,
-    anchorRef = _ref.anchorRef,
-    CompetitorPrompt = _ref.CompetitorPrompt,
-    url = _ref.url,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var cardContext = useFlexibleCardContext();
-  var _ref2 = cardContext || {},
-    _ref2$status = _ref2.status,
-    status = _ref2$status === void 0 ? SmartLinkStatus.Fallback : _ref2$status,
-    ui = _ref2.ui;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    actionDropdownOpen = _useState2[0],
-    setActionDropdownOpen = _useState2[1];
-  var onDropdownOpenChange = useCallback(function (isOpen) {
-    setActionDropdownOpen(isOpen);
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen: isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
-  var actionGroup = actions.length > 0 && /*#__PURE__*/React.createElement(ActionGroup, {
-    items: actions,
-    visibleButtonsNum: showActionOnHover ? 1 : 2,
-    onDropdownOpenChange: onDropdownOpenChange
-  });
-  var overrideText = !!text ? {
-    text: text
-  } : {};
-  var onMouseDown = useMouseDownEvent();
-  var title = /*#__PURE__*/React.createElement(Title, _extends({
-    hideTooltip: hideTitleTooltip,
-    maxLines: maxLines,
-    onMouseDown: onMouseDown,
-    target: anchorTarget,
-    theme: ui === null || ui === void 0 ? void 0 : ui.theme,
-    anchorRef: anchorRef
-  }, overrideText));
-  var Component = getTitleBlockViewComponent(status);
-  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-    actionGroup: actionGroup
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: ax([showActionOnHover && !actionDropdownOpen && "_1bfhidpf _wn5xkb7n _h157kb7n", className]),
-    testId: testId,
-    title: title,
-    metadataPosition: metadataPosition,
-    hideIcon: hideIcon,
-    hideRetry: hideRetry,
-    icon: icon,
-    hideIconLoadingSkeleton: hideIconLoadingSkeleton,
-    size: (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : ui === null || ui === void 0 ? void 0 : ui.size,
-    CompetitorPrompt: CompetitorPrompt,
-    url: url
-  }));
-};
-export default TitleBlock;
+export { TitleBlock } from './TitleBlock';

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

@@ -7,10 +7,10 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Box } from '@atlaskit/primitives/compiled';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
-import { LinkIcon } from '../../../elements';
+import { default as LinkIcon } from '../../../elements/link-icon-element';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import { renderElementItems } from '../../utils';
+import { renderElementItems } from '../../renderElementItems';
 var style = null;
 var styles = {
   titleBox: "_1e0c1txw _2lx2vrvc _4cvr1h6o _1bsb1osq"