@atlaskit/smart-card 34.1.1 → 34.2.0

package/dist/types/view/EmbedModal/components/link-info/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LinkInfoProps } from './types';
-declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
-export default LinkInfo;
+declare const Exported: (props: LinkInfoProps) => JSX.Element;
+export default Exported;

package/dist/types/view/EmbedModal/components/link-info/indexOld.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import { type LinkInfoProps } from './types';
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
+export default LinkInfo;

package/dist/types/view/FlexibleCard/components/container/index.d.ts

@@ -1,14 +1,14 @@
-import { jsx, type SerializedStyles } from '@emotion/react';
-import { SmartLinkSize } from '../../../../constants';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
 import { type ChildrenOptions, type ContainerProps } from './types';
-export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
 /**
- * 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
+ * Eventually these exports should be removed on FF clean up bandicoots-compiled-migration-smartcard
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+export { getContainerStyles } from './indexOld';
+export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+declare const Container: (props: ContainerProps) => JSX.Element;
 export default Container;

package/dist/types/view/FlexibleCard/components/container/indexOld.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx, type SerializedStyles } from '@emotion/react';
+import { SmartLinkSize } from '../../../../constants';
+import { type FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
+import { type ChildrenOptions, type ContainerProps } from './types';
+/**
+ * @deprecated consider removing on FF bandicoots-compiled-migration-smartcard
+ */
+export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
+export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+/**
+ * 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
+ */
+declare const ContainerOld: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+export default ContainerOld;

package/dist/types/view/FlexibleCard/components/container/layered-link/LayeredLinkOld.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type LayeredLinkProps } from './types';
+/**
+ * An anchor component to cover the entire container creating a clickable area.
+ * @internal
+ * @see `clickableContainer`
+ */
+declare const LayeredLinkOld: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
+export default LayeredLinkOld;

package/dist/types/view/FlexibleCard/components/container/layered-link/index.d.ts

@@ -1,13 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LayeredLinkProps } from './types';
-/**
- * An anchor component to cover the entire container creating a clickable area.
- * @internal
- * @see `clickableContainer`
- */
-declare const LayeredLink: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
+declare const LayeredLink: (props: LayeredLinkProps) => JSX.Element;
 export default LayeredLink;

package/dist/types-ts4.5/view/EmbedCard/components/IFrame.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 interface IFrameProps {
+    className?: string;
     childRef?: React.Ref<HTMLIFrameElement>;
 }
 /**
  * Iframe element isolated for DI purposes
  */
-export declare const IFrame: ({ childRef, ...props }: React.ComponentProps<'iframe'> & IFrameProps) => JSX.Element;
+export declare const IFrame: ({ childRef, className, ...props }: React.ComponentProps<'iframe'> & IFrameProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type EmbedProps } from './types';
-declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => jsx.JSX.Element;
-export default EmbedContent;
+declare const Exported: (props: EmbedProps) => JSX.Element;
+export default Exported;

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/indexOld.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type EmbedProps } from './types';
+declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => jsx.JSX.Element;
+export default EmbedContent;

package/dist/types-ts4.5/view/EmbedModal/components/link-info/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LinkInfoProps } from './types';
-declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
-export default LinkInfo;
+declare const Exported: (props: LinkInfoProps) => JSX.Element;
+export default Exported;

package/dist/types-ts4.5/view/EmbedModal/components/link-info/indexOld.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import { type LinkInfoProps } from './types';
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
+export default LinkInfo;

package/dist/types-ts4.5/view/FlexibleCard/components/container/index.d.ts

@@ -1,14 +1,14 @@
-import { jsx, type SerializedStyles } from '@emotion/react';
-import { SmartLinkSize } from '../../../../constants';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
 import { type ChildrenOptions, type ContainerProps } from './types';
-export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
 /**
- * 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
+ * Eventually these exports should be removed on FF clean up bandicoots-compiled-migration-smartcard
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+export { getContainerStyles } from './indexOld';
+export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+declare const Container: (props: ContainerProps) => JSX.Element;
 export default Container;

package/dist/types-ts4.5/view/FlexibleCard/components/container/indexOld.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx, type SerializedStyles } from '@emotion/react';
+import { SmartLinkSize } from '../../../../constants';
+import { type FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
+import { type ChildrenOptions, type ContainerProps } from './types';
+/**
+ * @deprecated consider removing on FF bandicoots-compiled-migration-smartcard
+ */
+export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
+export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+/**
+ * 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
+ */
+declare const ContainerOld: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+export default ContainerOld;

package/dist/types-ts4.5/view/FlexibleCard/components/container/layered-link/LayeredLinkOld.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type LayeredLinkProps } from './types';
+/**
+ * An anchor component to cover the entire container creating a clickable area.
+ * @internal
+ * @see `clickableContainer`
+ */
+declare const LayeredLinkOld: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
+export default LayeredLinkOld;

package/dist/types-ts4.5/view/FlexibleCard/components/container/layered-link/index.d.ts

@@ -1,13 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LayeredLinkProps } from './types';
-/**
- * An anchor component to cover the entire container creating a clickable area.
- * @internal
- * @see `clickableContainer`
- */
-declare const LayeredLink: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
+declare const LayeredLink: (props: LayeredLinkProps) => JSX.Element;
 export default LayeredLink;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "34.1.1",
+	"version": "34.2.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"