@atlaskit/media-card 77.12.0 → 77.12.2

package/dist/types-ts4.5/utils/viewportDetector.d.ts

@@ -3,4 +3,4 @@ export type ViewportDetectorProps = PropsWithChildren<{
     cardEl: HTMLElement | null;
     onVisible: () => void;
 }>;
-export declare const ViewportDetector: ({ cardEl, onVisible, children, }: ViewportDetectorProps) => JSX.Element;
+export declare const ViewportDetector: ({ cardEl, onVisible, children }: ViewportDetectorProps) => JSX.Element;

package/example-helpers/DelayedRender.tsx

@@ -1,31 +1,31 @@
 import React, { Component } from 'react';
 
 interface Props {
-  timeout: number;
-  component: React.ElementType;
-  componentProps: { [key: string]: any };
+	timeout: number;
+	component: React.ElementType;
+	componentProps: { [key: string]: any };
 }
 
 interface State {
-  hidden: boolean;
+	hidden: boolean;
 }
 
 export class DelayedRender extends Component<Props, State> {
-  state: State = {
-    hidden: true,
-  };
+	state: State = {
+		hidden: true,
+	};
 
-  componentDidMount() {
-    window.setTimeout(() => {
-      this.setState({ hidden: false });
-    }, this.props.timeout);
-  }
+	componentDidMount() {
+		window.setTimeout(() => {
+			this.setState({ hidden: false });
+		}, this.props.timeout);
+	}
 
-  render() {
-    if (this.state.hidden) {
-      return null;
-    }
-    const { component: Component, componentProps } = this.props;
-    return <Component {...componentProps} />;
-  }
+	render() {
+		if (this.state.hidden) {
+			return null;
+		}
+		const { component: Component, componentProps } = this.props;
+		return <Component {...componentProps} />;
+	}
 }

package/example-helpers/cardViewWrapper.tsx

@@ -1,44 +1,42 @@
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Box, xcss } from '@atlaskit/primitives';
 
 type CardViewWrapperProps = {
-  small?: boolean;
-  displayInline?: boolean;
-  children?: JSX.Element;
+	small?: boolean;
+	displayInline?: boolean;
+	children?: JSX.Element;
 };
 
 const displayInlineStyles = (displayInline?: boolean) => {
-  return displayInline ? 'inline-block;' : '';
+	return displayInline ? 'inline-block;' : '';
 };
 
 // Minimum supported dimensions
 const smallStyles = xcss({
-  width: '156px',
-  height: '108px',
+	width: '156px',
+	height: '108px',
 });
 
 // Maximum supported dimensions
 const largeStyles = xcss({
-  width: '600px',
-  height: '450px',
+	width: '600px',
+	height: '450px',
 });
 
 const cardWrapperStyles = ({ small, displayInline }: CardViewWrapperProps) =>
-  xcss({
-    display: displayInlineStyles(displayInline),
-    marginBlock: 'space.200',
-    marginInline: 'space.250',
-  });
+	xcss({
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+		display: displayInlineStyles(displayInline),
+		marginBlock: 'space.200',
+		marginInline: 'space.250',
+	});
 
 export const CardViewWrapper = (props: CardViewWrapperProps) => {
-  if (props.small) {
-    return (
-      <Box xcss={[cardWrapperStyles(props), smallStyles]}>{props.children}</Box>
-    );
-  } else {
-    return (
-      <Box xcss={[cardWrapperStyles(props), largeStyles]}>{props.children}</Box>
-    );
-  }
+	if (props.small) {
+		return <Box xcss={[cardWrapperStyles(props), smallStyles]}>{props.children}</Box>;
+	} else {
+		return <Box xcss={[cardWrapperStyles(props), largeStyles]}>{props.children}</Box>;
+	}
 };