@atlaskit/renderer 92.0.1 → 93.0.2

package/dist/types/react/marks/alignment.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { AlignmentAttributes } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
-export default function Alignment(props: MarkProps<AlignmentAttributes>): JSX.Element;
+export default function Alignment(props: MarkProps<AlignmentAttributes>): jsx.JSX.Element;

package/dist/types/react/marks/breakout.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { BreakoutMarkAttrs } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
-export declare const Wrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export default function Breakout(props: MarkProps<BreakoutMarkAttrs>): JSX.Element;
+export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
+export default function Breakout(props: MarkProps<BreakoutMarkAttrs>): jsx.JSX.Element;

package/dist/types/react/marks/link.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { LinkAttributes } from '@atlaskit/adf-schema';
 import { MarkProps } from '../types';
 interface LinkProps extends LinkAttributes {
     target?: string;
     isMediaLink?: boolean;
 }
-export default function Link(props: MarkProps<LinkProps>): JSX.Element;
+export default function Link(props: MarkProps<LinkProps>): jsx.JSX.Element;
 export {};

package/dist/types/react/nodes/copy-text-provider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const clipboardApiSupported: () => boolean;
-export declare const ieClipboardApiSupported: () => boolean;
+export declare const ieClipboardApiSupported: () => any;
 export declare const copyToClipboardIE: (textToCopy: string) => Promise<void>;
 export declare const copyToClipboardLegacy: (textToCopy: string, copyAreaRef: HTMLElement | null) => Promise<void>;
 export declare const copyToClipboard: (textToCopy: string) => Promise<void>;

package/dist/types/react/nodes/embedCard.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { RichMediaLayout } from '@atlaskit/adf-schema';
 import { RendererAppearance } from '../../ui/Renderer/types';
@@ -14,4 +15,4 @@ export default function EmbedCard(props: {
     rendererAppearance?: RendererAppearance;
     isInsideOfBlockNode?: boolean;
     allowDynamicTextSizing?: boolean;
-}): JSX.Element;
+}): jsx.JSX.Element;

package/dist/types/react/nodes/extension.d.ts

@@ -44,7 +44,7 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends "showLeftShadow" | "showRightShadow">(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
             children?: React.ReactNode;
@@ -82,7 +82,7 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         render(): JSX.Element;
         context: any;
-        setState<K_1 extends "showLeftShadow" | "showRightShadow">(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
+        setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
             children?: React.ReactNode;

package/dist/types/react/nodes/fallback.d.ts

@@ -11,6 +11,6 @@ export declare class CardErrorBoundary extends React.PureComponent<{
         isError: boolean;
     };
     onClickFallback: (e: React.MouseEvent<HTMLElement>) => void;
-    render(): {} | null | undefined;
+    render(): React.ReactNode;
     componentDidCatch(_error: Error): void;
 }

package/dist/types/react/nodes/heading-anchor.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 export declare const HeadingAnchorWrapperClassName = "heading-anchor-wrapper";

package/dist/types/react/nodes/index.d.ts

@@ -21,16 +21,16 @@ import Table from './table';
 import { TableCell } from './tableCell';
 import TableRow from './tableRow';
 import UnknownBlock from './unknownBlock';
-declare const CodeBlock: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
-declare const TaskList: (React.ComponentClass<import("./taskList").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./taskList").Props> & Loadable.LoadableComponent);
-declare const TaskItem: (React.ComponentClass<import("../types").NodeProps<import("./taskItem").Props>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent);
-declare const DecisionList: (React.ComponentClass<import("./decisionList").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./decisionList").Props> & Loadable.LoadableComponent);
-declare const DecisionItem: (React.ComponentClass<import("../types").NodeMeta, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("../types").NodeMeta> & Loadable.LoadableComponent);
-declare const Date: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("./date").Props & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("./date").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
-declare const Status: (React.ComponentClass<import("./status").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./status").Props> & Loadable.LoadableComponent);
-declare const Emoji: (React.ComponentClass<import("./emoji").EmojiProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./emoji").EmojiProps> & Loadable.LoadableComponent);
-declare const Panel: (React.ComponentClass<import("./panel").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./panel").Props> & Loadable.LoadableComponent);
-declare const EmbedCard: (React.ComponentClass<{
+declare const CodeBlock: React.ComponentType<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
+declare const TaskList: React.ComponentType<import("./taskList").Props> & Loadable.LoadableComponent;
+declare const TaskItem: React.ComponentType<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent;
+declare const DecisionList: React.ComponentType<import("./decisionList").Props> & Loadable.LoadableComponent;
+declare const DecisionItem: React.ComponentType<import("../types").NodeMeta> & Loadable.LoadableComponent;
+declare const Date: React.ComponentType<import("react-intl-next").WithIntlProps<import("./date").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
+declare const Status: React.ComponentType<import("./status").Props> & Loadable.LoadableComponent;
+declare const Emoji: React.ComponentType<import("./emoji").EmojiProps> & Loadable.LoadableComponent;
+declare const Panel: React.ComponentType<import("./panel").Props> & Loadable.LoadableComponent;
+declare const EmbedCard: React.ComponentType<{
     url?: string | undefined;
     data?: object | undefined;
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
@@ -42,39 +42,21 @@ declare const EmbedCard: (React.ComponentClass<{
     rendererAppearance?: import("../..").RendererAppearance;
     isInsideOfBlockNode?: boolean | undefined;
     allowDynamicTextSizing?: boolean | undefined;
-}, any> & Loadable.LoadableComponent) | (React.FunctionComponent<{
-    url?: string | undefined;
-    data?: object | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
-    portal?: HTMLElement | undefined;
-    originalHeight?: number | undefined;
-    originalWidth?: number | undefined;
-    width?: number | undefined;
-    layout: import("@atlaskit/adf-schema").RichMediaLayout;
-    rendererAppearance?: import("../..").RendererAppearance;
-    isInsideOfBlockNode?: boolean | undefined;
-    allowDynamicTextSizing?: boolean | undefined;
-}> & Loadable.LoadableComponent);
-declare const InlineCard: (React.ComponentClass<Pick<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">, any> & Loadable.LoadableComponent) | (React.FunctionComponent<Pick<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">> & Loadable.LoadableComponent);
-declare const BlockCard: (React.ComponentClass<{
-    url?: string | undefined;
-    data?: object | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
-    portal?: HTMLElement | undefined;
-    rendererAppearance?: import("../..").RendererAppearance;
-}, any> & Loadable.LoadableComponent) | (React.FunctionComponent<{
+}> & Loadable.LoadableComponent;
+declare const InlineCard: React.ComponentType<import("@atlaskit/editor-common/utils").Diff<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, import("../../ui/SmartCardStorage").WithSmartCardStorageProps>> & Loadable.LoadableComponent;
+declare const BlockCard: React.ComponentType<{
     url?: string | undefined;
     data?: object | undefined;
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
     portal?: HTMLElement | undefined;
     rendererAppearance?: import("../..").RendererAppearance;
-}> & Loadable.LoadableComponent);
-declare const Media: (React.ComponentClass<import("./media").MediaProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./media").MediaProps> & Loadable.LoadableComponent);
-declare const MediaGroup: (React.ComponentClass<import("./mediaGroup").MediaGroupProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent);
-declare const MediaInline: (React.ComponentClass<import("./mediaInline").MediaInlineProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mediaInline").MediaInlineProps> & Loadable.LoadableComponent);
-declare const MediaSingle: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
-declare const Mention: (React.ComponentClass<import("./mention").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mention").Props> & Loadable.LoadableComponent);
-declare const Expand: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
+}> & Loadable.LoadableComponent;
+declare const Media: React.ComponentType<import("./media").MediaProps> & Loadable.LoadableComponent;
+declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
+declare const MediaInline: React.ComponentType<import("./mediaInline").MediaInlineProps> & Loadable.LoadableComponent;
+declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
+declare const Mention: React.ComponentType<import("./mention").Props> & Loadable.LoadableComponent;
+declare const Expand: React.ComponentType<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
 export declare const nodeToReact: {
     [key: string]: React.ComponentType<any>;
 };

package/dist/types/react/nodes/inlineCard.d.ts

@@ -10,12 +10,12 @@ export interface InlineCardProps {
     smartLinks?: SmartLinksOptions;
 }
 declare const _default: {
-    new (props: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>): {
+    new (props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">> & Readonly<{
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -23,24 +23,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">, context?: any): {
+    new (props: import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>, context?: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">> & Readonly<{
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -48,17 +48,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     contextType?: React.Context<any> | undefined;
 };

package/dist/types/react/nodes/media.d.ts

@@ -6,7 +6,7 @@ import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { MediaCardProps } from '../../ui/MediaCard';
 import { LinkDefinition } from '@atlaskit/adf-schema';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import { AnalyticsEventPayload } from '../../analytics/events';
 export declare type MediaProps = MediaCardProps & {
     providers?: ProviderFactory;

package/dist/types/react/nodes/mediaGroup.d.ts

@@ -20,10 +20,10 @@ export default class MediaGroup extends PureComponent<MediaGroupProps, MediaGrou
     private handleSize;
     private handleScroll;
     render(): JSX.Element;
-    renderSingleFile(child: ReactElement<MediaProps>): React.ReactElement<MediaProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
-    renderSingleLink(child: ReactElement<MediaProps>): React.ReactElement<MediaProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    renderSingleFile(child: ReactElement<MediaProps>): React.ReactElement<MediaProps, string | React.JSXElementConstructor<any>>;
+    renderSingleLink(child: ReactElement<MediaProps>): React.ReactElement<MediaProps, string | React.JSXElementConstructor<any>>;
     onMediaClick: (cardClickHandler: CardEventClickHandler, child: ReactElement<MediaProps>, surroundingItems: Identifier[]) => (event: CardEvent, analyticsEvent?: any) => void;
-    cloneFileCard(child: ReactElement<MediaProps>, surroundingItems: Identifier[]): React.ReactElement<MediaProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    cloneFileCard(child: ReactElement<MediaProps>, surroundingItems: Identifier[]): React.ReactElement<MediaProps, string | React.JSXElementConstructor<any>>;
     renderStrip(): JSX.Element;
     private mapMediaPropsToIdentifier;
 }

package/dist/types/react/nodes/mediaSingle/index.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { default as React } from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';

package/dist/types/react/nodes/mediaSingle/styles.d.ts

@@ -1,3 +1,2 @@
-export declare const ExtendedUIMediaSingle: import("styled-components").StyledComponentClass<import("@atlaskit/editor-common/ui").MediaSingleProps, any, Pick<import("@atlaskit/editor-common/ui").MediaSingleProps, "children" | "layout" | "width" | "height" | "className" | "containerWidth" | "isLoading" | "nodeType" | "lineLength" | "pctWidth" | "fullWidthMode" | "hasFallbackContainer" | "handleMediaSingleRef"> & {
-    theme?: any;
-}>;
+export declare const uiMediaSingleBaseStyles: import("@emotion/react").SerializedStyles;
+export declare const uiMediaSingleLayoutStyles: import("@emotion/react").SerializedStyles;

package/dist/types/react/nodes/panel.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export interface Props {
@@ -11,5 +13,5 @@ export interface Props {
     panelIconText?: string;
     panelColor?: string;
 }
-declare const Panel: (props: Props) => JSX.Element;
+declare const Panel: (props: Props) => jsx.JSX.Element;
 export default Panel;

package/dist/types/react/nodes/table/sticky.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import type { OverflowShadowProps } from '@atlaskit/editor-common/ui';
 import { TableLayout } from '@atlaskit/adf-schema';
 export declare type StickyMode = 'none' | 'stick' | 'pin-bottom';
@@ -8,7 +10,7 @@ interface FixedProps {
     wrapperWidth: number;
     mode: StickyMode;
 }
-export declare const FixedTableDiv: import("styled-components").StyledComponentClass<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & FixedProps, any, React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & FixedProps>;
+export declare const FixedTableDiv: React.FC<FixedProps>;
 export declare type StickyTableProps = {
     left?: number;
     top?: number;
@@ -24,7 +26,7 @@ export declare type StickyTableProps = {
     renderWidth: number;
     allowDynamicTextSizing?: boolean;
 } & OverflowShadowProps;
-export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, allowDynamicTextSizing, rowHeight, }: StickyTableProps) => JSX.Element;
+export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, allowDynamicTextSizing, rowHeight, }: StickyTableProps) => jsx.JSX.Element;
 export declare class OverflowParent {
     private ref;
     private constructor();