@atlaskit/smart-card 35.2.11 → 36.0.0

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { di } from 'react-magnetic-di';
-import AIIcon from '@atlaskit/icon/core/atlassian-intelligence';
-import { Box, Inline } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-import { messages } from '../../../../../../messages';
-import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
-import LegacyAIIcon from '../../../../../common/ai-icon';
-import { InfoIcon } from '../icons/info';
-export var AIFooterMetadataOld = function AIFooterMetadataOld(_ref) {
-  var testId = _ref.testId,
-    url = _ref.url;
-  var _useAISummaryAction = useAISummaryAction(url),
-    status = _useAISummaryAction.state.status;
-  if (status !== 'done') {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Inline, {
-    space: "space.100",
-    testId: testId,
-    alignInline: "end",
-    grow: "fill"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.ai_summarized_info_short),
-    position: "bottom"
-  }, function (tooltipProps) {
-    return /*#__PURE__*/React.createElement(Box, tooltipProps, /*#__PURE__*/React.createElement(InfoIcon, {
-      label: "Information",
-      LEGACY_size: "small",
-      color: "var(--ds-icon-subtle, #626F86)"
-    }));
-  }), /*#__PURE__*/React.createElement(AIIcon, {
-    label: "AI",
-    LEGACY_size: "small",
-    LEGACY_fallbackIcon: LegacyAIIcon,
-    color: "var(--ds-icon-subtle, #626F86)"
-  }));
-};

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/FeatureDiscoveryOld.js

@@ -1,64 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useMemo, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
-import { getPulseStyles } from './styled';
-var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
-var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-ai-summarise';
-var LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
-var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
-var LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME = 2000;
-/**
- * This is a hacky solution to help with the feature discovery.
- * This implementation must be removed once the experiment is completed.
- * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
- */
-var FeatureDiscoveryOld = function FeatureDiscoveryOld(_ref) {
-  var children = _ref.children,
-    testId = _ref.testId;
-  var renderedTime = useRef();
-  var storageClient = useMemo(function () {
-    return new StorageClient(LOCAL_STORAGE_CLIENT_KEY);
-  }, []);
-  var discovered = useMemo(function () {
-    try {
-      return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
-    } catch (_unused) {
-      // If localStorage is not available, don't show feature discovery component. Treat it as 'discovered'.
-      return true;
-    }
-  }, [storageClient]);
-  useEffect(function () {
-    renderedTime.current = Date.now();
-    return function () {
-      if (!discovered && renderedTime.current) {
-        var duration = Date.now() - renderedTime.current;
-        if (duration > LOCAL_STORAGE_DISCOVERY_REQUIRED_TIME) {
-          try {
-            storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, LOCAL_STORAGE_DISCOVERY_VALUE, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
-          } catch (_unused2) {
-            // silent error
-          }
-        }
-      }
-    };
-  }, [storageClient, discovered]);
-  var component = useMemo(function () {
-    if (!discovered) {
-      return (
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        jsx("span", {
-          css: getPulseStyles(),
-          "data-testid": "".concat(testId, "-discovery")
-        }, children)
-      );
-    }
-  }, [children, discovered, testId]);
-  return component !== null && component !== void 0 ? component : children;
-};
-export default FeatureDiscoveryOld;

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/styled.js

@@ -1,19 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, keyframes } from '@emotion/react';
-/**
- * @deprecated remove on FF cleanup of bandicoots-compiled-migration-smartcard
- */
-export var getPulseStyles = function getPulseStyles() {
-  var color = "var(--ds-border-discovery, #8270DB)";
-  var pulseKeyframes = keyframes({
-    to: {
-      boxShadow: '0 0 0 7px rgba(0, 0, 0, 0)'
-    }
-  });
-  return css({
-    display: 'inline-flex',
-    borderRadius: '3px',
-    boxShadow: "0 0 0 0 ".concat(color),
-    animation: "".concat(pulseKeyframes, " 2s cubic-bezier(0.5, 0, 0, 1) 0.25s both 2")
-  });
-};

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

@@ -1,55 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { di } from 'react-magnetic-di';
-import { SmartLinkDirection } from '../../../../../../constants';
-import useAISummaryAction from '../../../../../../state/hooks/use-ai-summary-action';
-import AISummary from '../../../../../common/ai-summary';
-import MotionWrapper from '../../../common/motion-wrapper';
-import Block from '../../block';
-import AIEventSummaryViewed from '../ai-event-summary-viewed';
-var AISummaryBlockResolvedViewOld = function AISummaryBlockResolvedViewOld(props) {
-  var testId = props.testId,
-    _props$aiSummaryMinHe = props.aiSummaryMinHeight,
-    aiSummaryMinHeight = _props$aiSummaryMinHe === void 0 ? 0 : _props$aiSummaryMinHe,
-    placeholder = props.placeholder,
-    url = props.url;
-  var _useAISummaryAction = useAISummaryAction(url),
-    _useAISummaryAction$s = _useAISummaryAction.state,
-    content = _useAISummaryAction$s.content,
-    status = _useAISummaryAction$s.status;
-  var showAISummary = status === 'done' ||
-  // We want to display the AI Summary component only when there is content available during the loading process.
-  status === 'loading' && !!content;
-  var isSummarisedOnMountRef = useRef(status === 'done');
-  var minHeight = isSummarisedOnMountRef.current ? 0 : aiSummaryMinHeight;
-  if (!showAISummary) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, placeholder);
-  }
-  return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
-    direction: SmartLinkDirection.Vertical,
-    testId: "".concat(testId, "-resolved-view")
-    /**
-     * Enabled for feature discovery to allow box shadow to overflow
-     * Cleanup: https://product-fabric.atlassian.net/browse/EDM-8681
-     */,
-    overrideCss: css({
-      overflow: 'visible'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    props.overrideCss)
-  }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
-    fromCache: isSummarisedOnMountRef.current
-  }), /*#__PURE__*/React.createElement(MotionWrapper, {
-    minHeight: minHeight,
-    show: showAISummary,
-    showTransition: !isSummarisedOnMountRef.current
-  }, /*#__PURE__*/React.createElement(AISummary, {
-    testId: "".concat(testId, "-ai-summary"),
-    minHeight: minHeight,
-    content: content
-  })));
-};
-export default AISummaryBlockResolvedViewOld;

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

@@ -1,50 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
-import { getBaseStyles, getGapSize, highlightRemoveStyles, renderChildren } from '../utils';
-var getBlockStyles = function getBlockStyles(direction, size
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", "\n\t", "\n  justify-content: flex-start;\n\t[data-separator] + [data-separator]:before {\n\t\tcontent: '\u2022';\n\t\tmargin-right: ", "rem;\n\t}\n\t// Pull request elements: source branch \u2192 target branch\n\t[data-smart-element='", "']\n\t\t+ [data-smart-element='", "']:before {\n\t\tcontent: '\u2192';\n\t}\n\t// Pull request elements: target branch \u2190 source branch\n\t[data-smart-element='", "']\n\t\t+ [data-smart-element='", "']:before {\n\t\tcontent: '\u2190';\n\t}\n"])), getBaseStyles(direction, size), highlightRemoveStyles, getGapSize(size), ElementName.SourceBranch, ElementName.TargetBranch, ElementName.TargetBranch, ElementName.SourceBranch);
-};
-
-/**
- * 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
- */
-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,
-    overrideCss = _ref.overrideCss,
-    blockRef = _ref.blockRef,
-    onRender = _ref.onRender,
-    onTransitionEnd = _ref.onTransitionEnd;
-  useEffect(function () {
-    onRender && onRender();
-  }, [onRender]);
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [getBlockStyles(direction, size), overrideCss],
-    "data-smart-block": true,
-    "data-testid": testId,
-    onTransitionEnd: onTransitionEnd,
-    ref: blockRef
-  }, renderChildren(children, size));
-};
-export default Block;

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

@@ -1,108 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-/**
- * @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 { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-import { getMaxLineHeight, getTruncateStyles } from '../../utils';
-import { getBaseStyles, getGapSize, renderChildren } from '../utils';
-var getAlignmentStyles = function getAlignmentStyles(align) {
-  switch (align) {
-    case SmartLinkAlignment.Right:
-      return css({
-        WebkitBoxAlign: 'end',
-        MsFlexAlign: 'end',
-        justifyContent: 'flex-end',
-        textAlign: 'right'
-      });
-    case SmartLinkAlignment.Left:
-    default:
-      return css({
-        WebkitBoxAlign: 'start',
-        MsFlexAlign: 'start',
-        justifyContent: 'flex-start',
-        textAlign: 'left'
-      });
-  }
-};
-var getGapStyles = function getGapStyles(size, align) {
-  var gap = getGapSize(size);
-  if (align === SmartLinkAlignment.Right) {
-    return css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '> span': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        marginLeft: "".concat(gap, "rem")
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '> span:first-child': {
-        marginLeft: 'initial'
-      }
-    });
-  }
-  return css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '> span': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      marginRight: "".concat(gap, "rem"),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:last-child': {
-        marginRight: 'initial'
-      }
-    }
-  });
-};
-var getHorizontalDirectionStyles = function getHorizontalDirectionStyles(size, align) {
-  var lineHeight = getMaxLineHeight(size);
-  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tdisplay: block;\n\t\tvertical-align: middle;\n\t\t", "\n\n\t\t> span, > div {\n\t\t\tvertical-align: middle;\n\n\t\t\t&[data-smart-element-date-time],\n\t\t\t&[data-smart-element-text] {\n\t\t\t\t// Show all/wrapped/truncated\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t"])), getTruncateStyles(1, lineHeight + 'rem'), getGapStyles(size, align));
-};
-export var getElementGroupStyles = function getElementGroupStyles(direction, size, align, width, position) {
-  return css(
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getBaseStyles(direction, size),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getAlignmentStyles(align), {
-    minWidth: '10%'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  width === SmartLinkWidth.Flexible ? "flex: 1 3;" : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  direction === SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  position === SmartLinkPosition.Top ? 'align-self: flex-start;' : '');
-};
-
-/**
- * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
- * preferences.
- * @internal
- * @param {ActionGroupProps} ActionGroupProps
- * @see Action
- */
-var ElementGroup = function ElementGroup(_ref) {
-  var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? SmartLinkAlignment.Left : _ref$align,
-    children = _ref.children,
-    overrideCss = _ref.overrideCss,
-    _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-element-group' : _ref$testId,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? SmartLinkWidth.FitToContent : _ref$width,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? SmartLinkPosition.Center : _ref$position;
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [getElementGroupStyles(direction, size, align, width, position), overrideCss],
-    "data-smart-element-group": true,
-    "data-testid": testId
-  }, renderChildren(children, size));
-};
-export default ElementGroup;

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

@@ -1,45 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo } from 'react';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
-import { Provider } from '../../../elements';
-import ActionGroup from '../../action-group';
-import Block from '../../block';
-import ElementGroup from '../../element-group';
-import { filterActionItems, getActionGroupStyles } from '../../utils';
-var FooterBlockResolvedViewOld = function FooterBlockResolvedViewOld(props) {
-  var actions = props.actions,
-    testId = props.testId,
-    onActionMenuOpenChange = props.onActionMenuOpenChange,
-    _props$size = props.size,
-    size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size,
-    hideProvider = props.hideProvider;
-  var context = useFlexibleUiContext();
-  var hasActions = useMemo(function () {
-    var _filterActionItems;
-    return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
-  }, [actions, context]);
-  var onDropdownOpenChange = useCallback(function (isOpen) {
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen: isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
-  return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
-    testId: "".concat(testId, "-resolved-view")
-  }), !hideProvider && /*#__PURE__*/React.createElement(Provider, {
-    testId: "".concat(testId, "-provider")
-  }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
-    testId: "smart-element-group-actions",
-    align: SmartLinkAlignment.Right,
-    direction: SmartLinkDirection.Horizontal,
-    overrideCss: getActionGroupStyles(size),
-    width: SmartLinkWidth.Flexible
-  }, /*#__PURE__*/React.createElement(ActionGroup, {
-    onDropdownOpenChange: onDropdownOpenChange,
-    items: actions,
-    appearance: "default"
-  })) : null);
-};
-export default FooterBlockResolvedViewOld;

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

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
-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, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
-import { getMaxLineHeight, getTruncateStyles } from '../../utils';
-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 getElementGroupStyles = function getElementGroupStyles(size, maxLines) {
-  // MetadataBlock allows metadata elements to be displayed in
-  // multiple lines, with maximum of 2 lines.
-  // We need the height of the line to be equal on both left and right
-  // sides so they line up nicely.
-  var lineHeight = getMaxLineHeight(size);
-  return css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-    lineHeight: "".concat(lineHeight, "rem")
-  },
-  // 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(maxLines, lineHeight + 'rem'));
-};
-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;
-};
-
-/**
- * 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 MetadataBlockOld = function MetadataBlockOld(_ref) {
-  var _ref$maxLines = _ref.maxLines,
-    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-metadata' : _ref$testId,
-    _ref$primary = _ref.primary,
-    primary = _ref$primary === void 0 ? [] : _ref$primary,
-    _ref$secondary = _ref.secondary,
-    secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
-    blockProps = _objectWithoutProperties(_ref, _excluded);
-  if (primary.length === 0 && secondary.length === 0 || status !== SmartLinkStatus.Resolved) {
-    return null;
-  }
-  var primaryElements = renderElementItems(primary);
-  var secondaryElements = renderElementItems(secondary);
-  var _blockProps$size = blockProps.size,
-    size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
-  var elementGroupStyles = getElementGroupStyles(size, getMaxLines(maxLines));
-  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
-    testId: "".concat(testId, "-resolved-view")
-  }), primaryElements && /*#__PURE__*/React.createElement(ElementGroup, {
-    align: SmartLinkAlignment.Left,
-    overrideCss: elementGroupStyles,
-    direction: SmartLinkDirection.Horizontal,
-    width: SmartLinkWidth.Flexible
-  }, primaryElements), secondaryElements && /*#__PURE__*/React.createElement(ElementGroup, {
-    align: SmartLinkAlignment.Right,
-    overrideCss: elementGroupStyles,
-    direction: SmartLinkDirection.Horizontal,
-    width: SmartLinkWidth.Flexible
-  }, secondaryElements));
-};
-export default MetadataBlockOld;

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

@@ -1,30 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["status", "testId", "overrideUrl"];
-/**
- * @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 { SmartLinkStatus } from '../../../../../constants';
-import PreviewBlockResolvedView from './resolved/indexOld';
-/**
- * Represents a PreviewBlock, which typically contains media or other large format content.
- * @public
- * @param {PreviewBlockProps} PreviewBlock
- * @see Block
- */
-var PreviewBlock = function PreviewBlock(_ref) {
-  var _ref$status = _ref.status,
-    status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
-    overrideUrl = _ref.overrideUrl,
-    blockProps = _objectWithoutProperties(_ref, _excluded);
-  return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
-    testId: testId,
-    overrideUrl: overrideUrl
-  }));
-};
-export default PreviewBlock;

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

@@ -1,98 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
-var _templateObject;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useCallback, useEffect, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { MediaPlacement } from '../../../../../../constants';
-import { Preview } from '../../../elements';
-import Block from '../../block';
-/**
- * Due to its placement on the left/right and ignoreContainerPadding prop
- * rely on its parent container styling, css variables are declared in
- * <Container /> to preset the base values for the preview block styling.
- *
- * `--container-padding` is the padding of the Container. This value is based
- *   on size and hidePadding.
- * `--container-gap-left` and `--container-gap-right` are the gap or padding of
- *   the Container depending on whether the container has other preview blocks
- *   with left/right positioning.
- * `--preview-block-width` is the size of the preview image in relation to
- *   the Container width when the placement is left/right.
- * @param placement
- * @param ignoreContainerPadding
- */
-var getPreviewBlockStyles = function getPreviewBlockStyles(placement, ignoreContainerPadding) {
-  if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
-    var containerPadding = ignoreContainerPadding ? '0rem' : 'var(--container-padding)';
-    // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\tposition: absolute;\n\t\t\ttop: ", ";\n\t\t\tbottom: ", ";\n\t\t\twidth: calc(var(--preview-block-width) - ", ");\n\n\t\t\t", "\n\t\t\t", "\n\n      [data-smart-element-media='image'] {\n\t\t\t\taspect-ratio: unset;\n\t\t\t\tpadding-top: unset;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t}\n\t\t"])), containerPadding, containerPadding, containerPadding, placement === MediaPlacement.Left ? "left: ".concat(containerPadding, ";") : '', placement === MediaPlacement.Right ? "right: ".concat(containerPadding, ";") : '');
-  }
-  if (ignoreContainerPadding) {
-    return css({
-      marginLeft: 'calc(var(--container-gap-left) * -1)',
-      marginRight: 'calc(var(--container-gap-right) * -1)',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:first-of-type': {
-        marginTop: 'calc(var(--container-padding) * -1)'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:last-of-type': {
-        marginBottom: 'calc(var(--container-padding) * -1)'
-      }
-    });
-  }
-};
-
-/**
- * Represents a resolved PreviewBlock, which typically contains media or other large format content.
- * @public
- * @param {PreviewBlock} PreviewBlock
- * @see Block
- */
-var PreviewBlockResolvedViewOld = function PreviewBlockResolvedViewOld(_ref) {
-  var _ref$ignoreContainerP = _ref.ignoreContainerPadding,
-    ignoreContainerPadding = _ref$ignoreContainerP === void 0 ? false : _ref$ignoreContainerP,
-    onError = _ref.onError,
-    overrideCss = _ref.overrideCss,
-    placement = _ref.placement,
-    testId = _ref.testId,
-    overrideUrl = _ref.overrideUrl,
-    blockProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(overrideCss),
-    _useState2 = _slicedToArray(_useState, 2),
-    styles = _useState2[0],
-    setStyles = _useState2[1];
-  var updateStyles = useCallback(function () {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    setStyles(css(getPreviewBlockStyles(placement, ignoreContainerPadding), overrideCss));
-  }, [ignoreContainerPadding, overrideCss, placement]);
-  useEffect(function () {
-    updateStyles();
-  }, [ignoreContainerPadding, overrideCss, placement, updateStyles]);
-  var handleOnLoad = useCallback(function () {
-    updateStyles();
-  }, [updateStyles]);
-  var handleOnError = useCallback(function () {
-    if (onError) {
-      onError();
-    }
-  }, [onError]);
-  return jsx(Block, _extends({}, blockProps, {
-    overrideCss: styles,
-    testId: "".concat(testId, "-resolved-view")
-  }), jsx(Preview, {
-    onError: handleOnError,
-    onLoad: handleOnLoad,
-    overrideUrl: overrideUrl
-  }));
-};
-export default PreviewBlockResolvedViewOld;