@atlaskit/smart-card 35.2.11 → 36.0.0

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

@@ -1,127 +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", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"];
-import React, { useCallback, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { SmartLinkStatus } from '../../../../../constants';
-import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-import { Title } from '../../elements';
-import ActionGroup from '../action-group';
-import TitleBlockErroredView from './errored';
-import TitleBlockResolvedView from './resolved';
-import TitleBlockResolvingView from './resolving';
-var getActionStyles = function getActionStyles(showOnHover, isOpen) {
-  if (showOnHover && !isOpen) {
-    return css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '.actions-button-group': {
-        opacity: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '&:hover .actions-button-group, .actions-button-group:focus-within': {
-        opacity: 1
-      }
-    });
-  }
-};
-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 TitleBlockResolvingView
- * @see TitleBlockResolvedView
- * @see TitleBlockErroredView
- */
-var TitleBlock = function TitleBlock(_ref) {
-  var _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? [] : _ref$actions,
-    anchorTarget = _ref.anchorTarget,
-    hideTitleTooltip = _ref.hideTitleTooltip,
-    maxLines = _ref.maxLines,
-    onActionMenuOpenChange = _ref.onActionMenuOpenChange,
-    onClick = _ref.onClick,
-    overrideCss = _ref.overrideCss,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
-    showActionOnHover = _ref.showActionOnHover,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
-    text = _ref.text,
-    icon = _ref.icon,
-    theme = _ref.theme,
-    hideRetry = _ref.hideRetry,
-    metadataPosition = _ref.metadataPosition,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    props = _objectWithoutProperties(_ref, _excluded);
-  if (hideRetry && props.retry) {
-    delete props.retry;
-  }
-  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 actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  var combinedCss = css(actionStyles, overrideCss);
-  var overrideText = !!text ? {
-    text: text
-  } : {};
-  var onMouseDown = useMouseDownEvent();
-  var title = /*#__PURE__*/React.createElement(Title, _extends({
-    hideTooltip: hideTitleTooltip,
-    maxLines: maxLines,
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    target: anchorTarget,
-    theme: theme
-  }, overrideText));
-  var Component = getTitleBlockViewComponent(status);
-  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-    actionGroup: actionGroup,
-    overrideCss: combinedCss,
-    testId: testId,
-    title: title,
-    metadataPosition: metadataPosition,
-    hideIcon: hideIcon,
-    icon: icon
-  }));
-};
-export default TitleBlock;

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

@@ -1,101 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import { Box } from '@atlaskit/primitives';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize } from '../../../../../../constants';
-import { LinkIcon } from '../../../elements';
-import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles } from '../../../utils';
-import Block from '../../block';
-import ElementGroup from '../../element-group';
-var actionStyles = css({
-  cursor: 'pointer',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':hover': {
-    color: "var(--ds-text-subtle, #8993A4)",
-    textDecoration: 'underline'
-  }
-});
-var actionHoverStyles = css({
-  position: 'relative',
-  zIndex: 1,
-  '&:focus': {
-    outlineOffset: "var(--ds-space-negative-025, -2px)"
-  }
-});
-
-/**
- * This function does not work in the component below as it needs to be xcss.
- * The component instead uses inherited styles
- */
-var getMessageStyles = function getMessageStyles(size, hasAction) {
-  var sizeStyles = getLinkSizeStyles(size);
-  return css({
-    flex: '1 1 auto',
-    justifyContent: 'flex-end'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  hasAction ? actionStyles : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  sizeStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getTruncateStyles(1, getLinkLineHeight(size)), {
-    color: "var(--ds-text-disabled, #6B778C)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    ':focus': {
-      outline: "var(--ds-border-focused, #388BFF)".concat(" solid 2px")
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  hasAction ? actionHoverStyles : '');
-};
-
-/**
- * Represents an Errored TitleBlock view.
- * This will render when a Smart Link did not successfully resolve.
- * This may be a result of a Smart Link not having the correct credentials,
- * or the backend response was errored or malformed.
- * @see TitleBlock
- */
-var TitleBlockErroredViewOld = function TitleBlockErroredViewOld(_ref) {
-  var actionGroup = _ref.actionGroup,
-    retry = _ref.retry,
-    position = _ref.position,
-    testId = _ref.testId,
-    title = _ref.title,
-    icon = _ref.icon,
-    hideIcon = _ref.hideIcon,
-    blockProps = _objectWithoutProperties(_ref, _excluded);
-  var _ref2 = retry || {},
-    descriptor = _ref2.descriptor,
-    onClick = _ref2.onClick,
-    values = _ref2.values;
-  var _blockProps$size = blockProps.size,
-    size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
-  var hasAction = onClick !== undefined;
-  return jsx(Block, _extends({}, blockProps, {
-    testId: "".concat(testId, "-errored-view")
-  }), !hideIcon && jsx(LinkIcon, {
-    overrideIcon: icon,
-    position: position
-  }), title, descriptor && jsx(ElementGroup, {
-    direction: SmartLinkDirection.Horizontal,
-    align: SmartLinkAlignment.Right
-  }, jsx(Box
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  , {
-    xcss: getMessageStyles(size, hasAction),
-    onClick: onClick,
-    testId: "".concat(testId, "-errored-view-message"),
-    tabIndex: hasAction ? 0 : -1
-  }, jsx(FormattedMessage, _extends({}, descriptor, {
-    values: values
-  })))), actionGroup);
-};
-export default TitleBlockErroredViewOld;

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

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
-import { LinkIcon } from '../../../elements';
-import Block from '../../block';
-import ElementGroup from '../../element-group';
-import { renderElementItems } from '../../utils';
-/**
- * This renders a fully resolved TitleBlock.
- * This should render when a Smart Link returns a valid response.
- * @see TitleBlock
- */
-var TitleBlockResolvedViewOld = function TitleBlockResolvedViewOld(_ref) {
-  var actionGroup = _ref.actionGroup,
-    _ref$metadata = _ref.metadata,
-    metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
-    position = _ref.position,
-    _ref$subtitle = _ref.subtitle,
-    subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
-    testId = _ref.testId,
-    text = _ref.text,
-    icon = _ref.icon,
-    title = _ref.title,
-    metadataPosition = _ref.metadataPosition,
-    hideIcon = _ref.hideIcon,
-    blockProps = _objectWithoutProperties(_ref, _excluded);
-  var metadataElements = renderElementItems(metadata);
-  var subtitleElements = renderElementItems(subtitle);
-  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
-    testId: "".concat(testId, "-resolved-view")
-  }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
-    overrideIcon: icon,
-    position: position
-  }), /*#__PURE__*/React.createElement(ElementGroup, {
-    direction: SmartLinkDirection.Vertical,
-    width: SmartLinkWidth.Flexible,
-    overrideCss: css({
-      gap: "var(--ds-space-050, 0.25rem)"
-    })
-  }, title, subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
-    direction: SmartLinkDirection.Horizontal
-  }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(ElementGroup, {
-    direction: SmartLinkDirection.Horizontal,
-    align: SmartLinkAlignment.Right,
-    position: metadataPosition !== null && metadataPosition !== void 0 ? metadataPosition : SmartLinkPosition.Center
-  }, metadataElements), actionGroup);
-};
-export default TitleBlockResolvedViewOld;

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

@@ -1,42 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { SmartLinkSize } from '../../../../../../constants';
-import { LoadingSkeletonOld } from '../../../common/loading-skeleton';
-import { getIconSizeStyles, getIconWidth } from '../../../utils';
-import Block from '../../block';
-/**
- * This represents a TitleBlock for a Smart Link that is currently waiting
- * for a request to finish.
- * This should render when a Smart Link has sent a request.
- * @see TitleBlock
- */
-var TitleBlockResolvingViewOld = function TitleBlockResolvingViewOld(_ref) {
-  var actionGroup = _ref.actionGroup,
-    testId = _ref.testId,
-    title = _ref.title,
-    hideIcon = _ref.hideIcon,
-    blockProps = _objectWithoutProperties(_ref, _excluded);
-  var _blockProps$size = blockProps.size,
-    size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
-  var iconWidth = getIconWidth(size);
-  var iconStyles = getIconSizeStyles(iconWidth);
-  return jsx(Block, _extends({}, blockProps, {
-    testId: "".concat(testId, "-resolving-view")
-  }), !hideIcon &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  jsx("span", {
-    css: iconStyles,
-    "data-testid": "".concat(testId, "-icon")
-  }, jsx(LoadingSkeletonOld, {
-    testId: "".concat(testId, "-icon-loading")
-  })), title, actionGroup);
-};
-export default TitleBlockResolvingViewOld;

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/LoadingSkeletonOld.js

@@ -1,45 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx, keyframes } from '@emotion/react';
-var LoadingSkeletonOld = function LoadingSkeletonOld(_ref) {
-  var testId = _ref.testId,
-    width = _ref.width,
-    height = _ref.height;
-  var animationNameStyles = keyframes({
-    '0%': {
-      backgroundPosition: '50% 0'
-    },
-    '100%': {
-      backgroundPosition: '-50% 0'
-    }
-  });
-  var styles = css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: "".concat(width, "rem"),
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: "".concat(height, "rem"),
-    borderRadius: '2px',
-    userSelect: 'none',
-    background: "var(--ds-skeleton-subtle, #f6f7f8)",
-    backgroundImage: "linear-gradient( to right, transparent 0%, ".concat("var(--ds-skeleton, #edeef1)", " 20%, transparent 40%, transparent 100% )"),
-    backgroundRepeat: 'no-repeat',
-    backgroundSize: '280% 100%',
-    display: 'inline-block',
-    animationDuration: '1s',
-    animationFillMode: 'forwards',
-    animationIterationCount: 'infinite',
-    animationName: animationNameStyles,
-    animationTimingFunction: 'linear'
-  });
-
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
-  return jsx("span", {
-    css: styles,
-    "data-testid": testId
-  });
-};
-export default LoadingSkeletonOld;

package/dist/esm/view/FlexibleCard/components/container/indexOld.js

@@ -1,217 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useContext } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { di } from 'react-magnetic-di';
-import { N40 } from '@atlaskit/theme/colors';
-import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
-import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
-import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
-import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock } from '../../../../utils/flexible';
-import HoverCardControl from './hover-card-control';
-import LayeredLink from './layered-link';
-var elevationStyles = css({
-  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  borderRadius: "var(--ds-border-radius-200, 8px)",
-  margin: "var(--ds-space-025, 2px)"
-});
-var clickableContainerStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'a, button, .has-action': {
-    position: 'relative',
-    zIndex: 1
-  }
-});
-var getGap = function getGap(size) {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return '1.25rem';
-    case SmartLinkSize.Large:
-      return '1rem';
-    case SmartLinkSize.Medium:
-      return '.5rem';
-    case SmartLinkSize.Small:
-    default:
-      return '.25rem';
-  }
-};
-
-/**
- * Get container padding based on smart link size
- * Equivalent version for DS primitives space token is getPrimitivesPaddingSpaceBySize()
- * at view/FlexibleCard/components/utils.tsx
- */
-var getPadding = function getPadding(size) {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return '1.5rem';
-    case SmartLinkSize.Large:
-      return '1.25rem';
-    case SmartLinkSize.Medium:
-      return '1rem';
-    case SmartLinkSize.Small:
-    default:
-      return '.5rem';
-  }
-};
-var getContainerPaddingStyles = function getContainerPaddingStyles(size, hidePadding, childrenOptions) {
-  var padding = hidePadding ? '0rem' : getPadding(size);
-  var gap = getGap(size);
-  var previewOnLeft = childrenOptions.previewOnLeft,
-    previewOnRight = childrenOptions.previewOnRight;
-  return css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    '--container-padding': padding,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    '--container-gap-left': previewOnLeft ? gap : padding,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    '--container-gap-right': previewOnRight ? gap : padding,
-    '--preview-block-width': '30%',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    padding: padding
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  previewOnLeft ? "padding-left: calc(var(--preview-block-width) + ".concat(gap, ");") : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  previewOnRight ? "padding-right: calc(var(--preview-block-width) + ".concat(gap, ");") : '');
-};
-
-/**
- * @deprecated consider removing on FF bandicoots-compiled-migration-smartcard
- */
-export var getContainerStyles = function getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions) {
-  var paddingCss = getContainerPaddingStyles(size, hidePadding, childrenOptions);
-
-  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tdisplay: flex;\n\t\tgap: ", " 0;\n\t\tflex-direction: column;\n\t\tmin-width: 0;\n\t\toverflow-x: hidden;\n\t\tposition: relative;\n\t\t", "\n\t\t", "\n    ", "\n    ", "\n    &:hover ~ .actions-button-group {\n\t\t\topacity: 1;\n\t\t}\n\t\ta:focus,\n\t\t.has-action:focus {\n\t\t\toutline-offset: -2px;\n\t\t}\n\t"])), getGap(size), hideBackground ? '' : "background-color: ".concat("var(--ds-surface-raised, #FFFFFF)", ";"), paddingCss, hideElevation ? '' : elevationStyles, clickableContainer ? clickableContainerStyles : '');
-};
-var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
-  var _ref = context || {},
-    title = _ref.title,
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? '' : _ref$url;
-  var _ref2 = getTitleBlockProps(children) || {},
-    target = _ref2.anchorTarget,
-    text = _ref2.text;
-  return jsx(LayeredLink, {
-    onClick: onClick,
-    target: target,
-    testId: testId,
-    text: text || title,
-    url: url
-  });
-};
-var getTitleBlockProps = function getTitleBlockProps(children) {
-  var block = React.Children.toArray(children).find(function (child) {
-    return isFlexibleUiTitleBlock(child);
-  });
-  if ( /*#__PURE__*/React.isValidElement(block)) {
-    return block.props;
-  }
-};
-export var getChildrenOptions = function getChildrenOptions(children, context) {
-  var options = {};
-  if (isFlexUiPreviewPresent(context)) {
-    React.Children.map(children, function (child) {
-      if ( /*#__PURE__*/React.isValidElement(child)) {
-        if (isFlexibleUiPreviewBlock(child)) {
-          var placement = child.props.placement;
-          if (placement === MediaPlacement.Left) {
-            options.previewOnLeft = true;
-          }
-          if (placement === MediaPlacement.Right) {
-            options.previewOnRight = true;
-          }
-        }
-      }
-    });
-  }
-  return options;
-};
-var renderChildren = function renderChildren(children, containerSize, containerTheme, status, retry, onClick) {
-  return React.Children.map(children, function (child) {
-    // TODO: EDM-6468: Use useFlexibleUiOptionContext for rendering options inside block/element instead
-    if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
-      var blockSize = child.props.size;
-      var size = blockSize || containerSize;
-      if (isFlexibleUiTitleBlock(child)) {
-        return /*#__PURE__*/React.cloneElement(child, {
-          // @ts-expect-error
-          onClick: onClick,
-          retry: retry,
-          size: size,
-          status: status,
-          theme: containerTheme
-        });
-      }
-      // @ts-expect-error
-      return /*#__PURE__*/React.cloneElement(child, {
-        size: size,
-        status: status
-      });
-    }
-  });
-};
-
-/**
- * A container is a hidden component that build the Flexible Smart Link.
- * All the Flexible UI components are wrapped inside the container.
- * It inherits the ui props from Card component and applies the custom styling
- * accordingly.
- * @internal
- * @see Block
- */
-var ContainerOld = function ContainerOld(_ref3) {
-  var children = _ref3.children,
-    _ref3$clickableContai = _ref3.clickableContainer,
-    clickableContainer = _ref3$clickableContai === void 0 ? false : _ref3$clickableContai,
-    _ref3$hideBackground = _ref3.hideBackground,
-    hideBackground = _ref3$hideBackground === void 0 ? false : _ref3$hideBackground,
-    _ref3$hideElevation = _ref3.hideElevation,
-    hideElevation = _ref3$hideElevation === void 0 ? false : _ref3$hideElevation,
-    _ref3$hidePadding = _ref3.hidePadding,
-    hidePadding = _ref3$hidePadding === void 0 ? false : _ref3$hidePadding,
-    onClick = _ref3.onClick,
-    retry = _ref3.retry,
-    _ref3$showHoverPrevie = _ref3.showHoverPreview,
-    showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
-    hoverPreviewOptions = _ref3.hoverPreviewOptions,
-    actionOptions = _ref3.actionOptions,
-    _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? SmartLinkSize.Medium : _ref3$size,
-    status = _ref3.status,
-    _ref3$testId = _ref3.testId,
-    testId = _ref3$testId === void 0 ? 'smart-links-container' : _ref3$testId,
-    _ref3$theme = _ref3.theme,
-    theme = _ref3$theme === void 0 ? SmartLinkTheme.Link : _ref3$theme;
-  var context = useContext(FlexibleUiContext);
-  var childrenOptions = getChildrenOptions(children, context);
-  var canShowHoverPreview = showHoverPreview && status === 'resolved';
-  // `retry` object contains action that can be performed on
-  // unresolved link (unauthorized, forbidden, not found, etc.)
-  var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
-  var container = jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
-    "data-smart-link-container": true,
-    "data-testid": testId
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
-  if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
-    return jsx(HoverCardControl, {
-      isHoverPreview: canShowHoverPreview,
-      isAuthTooltip: canShowAuthTooltip,
-      actionOptions: actionOptions,
-      testId: testId,
-      url: context.url,
-      hoverPreviewOptions: hoverPreviewOptions
-    }, container);
-  }
-  return container;
-};
-export default ContainerOld;

package/dist/esm/view/FlexibleCard/components/container/layered-link/LayeredLinkOld.js

@@ -1,68 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-var styles = css({
-  // Stretch the invisible link over the whole of the post.
-  // Hide the link’s text.
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  overflow: 'hidden',
-  textIndent: '100%',
-  whiteSpace: 'nowrap',
-  // Needs a heightened specificity to trump other anchor.
-  // Stack it under all other links in the post text.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'a&.layered-link': {
-    position: 'absolute',
-    zIndex: 0
-  },
-  // When hovering over the layered link, any hidden action buttons inside
-  // the Container should become visible.
-  // As actions resides inside blocks and layered link is expected to be
-  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,
-  // its sibling. Using general sibling combinator here to apply styling to
-  // all the siblings of layered link.
-  // The general sibling combinator (~) separates two selectors and matches all
-  // iterations of the second element, that are following the first element
-  // (though not necessarily immediately), and are children of the same parent
-  // element.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&:hover ~ *': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '.actions-button-group': {
-      opacity: 1
-    }
-  }
-});
-
-/**
- * An anchor component to cover the entire container creating a clickable area.
- * @internal
- * @see `clickableContainer`
- */
-var LayeredLinkOld = function LayeredLinkOld(_ref) {
-  var onClick = _ref.onClick,
-    target = _ref.target,
-    testId = _ref.testId,
-    text = _ref.text,
-    url = _ref.url;
-  var onMouseDown = useMouseDownEvent();
-  return jsx("a", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "layered-link",
-    css: styles,
-    "data-testid": "".concat(testId, "-layered-link"),
-    href: url,
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    target: target,
-    tabIndex: -1 // Hide tab index and let the title link be the link.
-  }, text);
-};
-export default LayeredLinkOld;