@atlaskit/smart-card 35.2.12 → 36.0.0

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

@@ -1,63 +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';
-const LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
-const LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-ai-summarise';
-const LOCAL_STORAGE_DISCOVERY_VALUE = 'discovered';
-const LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
-const 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
- */
-const FeatureDiscoveryOld = ({
-  children,
-  testId
-}) => {
-  const renderedTime = useRef();
-  const storageClient = useMemo(() => new StorageClient(LOCAL_STORAGE_CLIENT_KEY), []);
-  const discovered = useMemo(() => {
-    try {
-      return storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY) === LOCAL_STORAGE_DISCOVERY_VALUE;
-    } catch {
-      // If localStorage is not available, don't show feature discovery component. Treat it as 'discovered'.
-      return true;
-    }
-  }, [storageClient]);
-  useEffect(() => {
-    renderedTime.current = Date.now();
-    return () => {
-      if (!discovered && renderedTime.current) {
-        const 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 {
-            // silent error
-          }
-        }
-      }
-    };
-  }, [storageClient, discovered]);
-  const component = useMemo(() => {
-    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": `${testId}-discovery`
-        }, children)
-      );
-    }
-  }, [children, discovered, testId]);
-  return component !== null && component !== void 0 ? component : children;
-};
-export default FeatureDiscoveryOld;

package/dist/es2019/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 const getPulseStyles = () => {
-  const color = "var(--ds-border-discovery, #8270DB)";
-  const 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 ${color}`,
-    animation: `${pulseKeyframes} 2s cubic-bezier(0.5, 0, 0, 1) 0.25s both 2`
-  });
-};

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

@@ -1,58 +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';
-const AISummaryBlockResolvedViewOld = props => {
-  const {
-    testId,
-    aiSummaryMinHeight = 0,
-    placeholder,
-    url
-  } = props;
-  const {
-    state: {
-      content,
-      status
-    }
-  } = useAISummaryAction(url);
-  const showAISummary = status === 'done' ||
-  // We want to display the AI Summary component only when there is content available during the loading process.
-  status === 'loading' && !!content;
-  const isSummarisedOnMountRef = useRef(status === 'done');
-  const 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: `${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: `${testId}-ai-summary`,
-    minHeight: minHeight,
-    content: content
-  })));
-};
-export default AISummaryBlockResolvedViewOld;

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

@@ -1,62 +0,0 @@
-/**
- * @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';
-const getBlockStyles = (direction, size
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-) => css`
-	${getBaseStyles(direction, size)}
-	${highlightRemoveStyles}
-  justify-content: flex-start;
-	[data-separator] + [data-separator]:before {
-		content: '•';
-		margin-right: ${getGapSize(size)}rem;
-	}
-	// Pull request elements: source branch → target branch
-	[data-smart-element='${ElementName.SourceBranch}']
-		+ [data-smart-element='${ElementName.TargetBranch}']:before {
-		content: '→';
-	}
-	// Pull request elements: target branch ← source branch
-	[data-smart-element='${ElementName.TargetBranch}']
-		+ [data-smart-element='${ElementName.SourceBranch}']:before {
-		content: '←';
-	}
-`;
-
-/**
- * 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
- */
-const Block = ({
-  children,
-  direction = SmartLinkDirection.Horizontal,
-  size = SmartLinkSize.Medium,
-  testId = 'smart-block',
-  overrideCss,
-  blockRef,
-  onRender,
-  onTransitionEnd
-}) => {
-  useEffect(() => {
-    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/es2019/view/FlexibleCard/components/blocks/element-group/ElementGroupOld.js

@@ -1,113 +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 { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-import { getMaxLineHeight, getTruncateStyles } from '../../utils';
-import { getBaseStyles, getGapSize, renderChildren } from '../utils';
-const 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'
-      });
-  }
-};
-const getGapStyles = (size, align) => {
-  const 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: `${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: `${gap}rem`,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:last-child': {
-        marginRight: 'initial'
-      }
-    }
-  });
-};
-const getHorizontalDirectionStyles = (size, align) => {
-  const lineHeight = getMaxLineHeight(size);
-  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-  return css`
-		display: block;
-		vertical-align: middle;
-		${getTruncateStyles(1, lineHeight + 'rem')}
-
-		> span, > div {
-			vertical-align: middle;
-
-			&[data-smart-element-date-time],
-			&[data-smart-element-text] {
-				// Show all/wrapped/truncated
-				display: inline;
-			}
-		}
-
-		${getGapStyles(size, align)}
-	`;
-};
-export const getElementGroupStyles = (direction, size, align, width, position) => 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
- */
-const ElementGroup = ({
-  align = SmartLinkAlignment.Left,
-  children,
-  overrideCss,
-  direction = SmartLinkDirection.Horizontal,
-  size = SmartLinkSize.Medium,
-  testId = 'smart-element-group',
-  width = SmartLinkWidth.FitToContent,
-  position = SmartLinkPosition.Center
-}) => 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/es2019/view/FlexibleCard/components/blocks/footer-block/resolved/FooterBlockResolvedViewOld.js

@@ -1,46 +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';
-const FooterBlockResolvedViewOld = props => {
-  const {
-    actions,
-    testId,
-    onActionMenuOpenChange,
-    size = SmartLinkSize.Medium,
-    hideProvider
-  } = props;
-  const context = useFlexibleUiContext();
-  const hasActions = useMemo(() => {
-    var _filterActionItems;
-    return ((_filterActionItems = filterActionItems(actions, context)) === null || _filterActionItems === void 0 ? void 0 : _filterActionItems.length) > 0;
-  }, [actions, context]);
-  const onDropdownOpenChange = useCallback(isOpen => {
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
-  return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
-    testId: `${testId}-resolved-view`
-  }), !hideProvider && /*#__PURE__*/React.createElement(Provider, {
-    testId: `${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/es2019/view/FlexibleCard/components/blocks/metadata-block/MetadataBlockOld.js

@@ -1,75 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-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';
-const DEFAULT_MAX_LINES = 2;
-const MAXIMUM_MAX_LINES = 2;
-const MINIMUM_MAX_LINES = 1;
-const 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.
-  const 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: `${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'));
-};
-const 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
- */
-const MetadataBlockOld = ({
-  maxLines = DEFAULT_MAX_LINES,
-  status = SmartLinkStatus.Fallback,
-  testId = 'smart-block-metadata',
-  primary = [],
-  secondary = [],
-  ...blockProps
-}) => {
-  if (primary.length === 0 && secondary.length === 0 || status !== SmartLinkStatus.Resolved) {
-    return null;
-  }
-  const primaryElements = renderElementItems(primary);
-  const secondaryElements = renderElementItems(secondary);
-  const {
-    size = SmartLinkSize.Medium
-  } = blockProps;
-  const elementGroupStyles = getElementGroupStyles(size, getMaxLines(maxLines));
-  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
-    testId: `${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/es2019/view/FlexibleCard/components/blocks/preview-block/indexOld.js

@@ -1,28 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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
- */
-const PreviewBlock = ({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  status = SmartLinkStatus.Fallback,
-  testId = 'smart-block-preview',
-  overrideUrl,
-  ...blockProps
-}) => {
-  return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
-    testId: testId,
-    overrideUrl: overrideUrl
-  }));
-};
-export default PreviewBlock;

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

@@ -1,106 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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
- */
-const getPreviewBlockStyles = (placement, ignoreContainerPadding) => {
-  if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
-    const containerPadding = ignoreContainerPadding ? '0rem' : 'var(--container-padding)';
-    // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return css`
-			position: absolute;
-			top: ${containerPadding};
-			bottom: ${containerPadding};
-			width: calc(var(--preview-block-width) - ${containerPadding});
-
-			${placement === MediaPlacement.Left ? `left: ${containerPadding};` : ''}
-			${placement === MediaPlacement.Right ? `right: ${containerPadding};` : ''}
-
-      [data-smart-element-media='image'] {
-				aspect-ratio: unset;
-				padding-top: unset;
-				width: 100%;
-				height: 100%;
-				object-fit: cover;
-			}
-		`;
-  }
-  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
- */
-const PreviewBlockResolvedViewOld = ({
-  ignoreContainerPadding = false,
-  onError,
-  overrideCss,
-  placement,
-  testId,
-  overrideUrl,
-  ...blockProps
-}) => {
-  const [styles, setStyles] = useState(overrideCss);
-  const updateStyles = useCallback(() => {
-    // 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(() => {
-    updateStyles();
-  }, [ignoreContainerPadding, overrideCss, placement, updateStyles]);
-  const handleOnLoad = useCallback(() => {
-    updateStyles();
-  }, [updateStyles]);
-  const handleOnError = useCallback(() => {
-    if (onError) {
-      onError();
-    }
-  }, [onError]);
-  return jsx(Block, _extends({}, blockProps, {
-    overrideCss: styles,
-    testId: `${testId}-resolved-view`
-  }), jsx(Preview, {
-    onError: handleOnError,
-    onLoad: handleOnLoad,
-    overrideUrl: overrideUrl
-  }));
-};
-export default PreviewBlockResolvedViewOld;