@atlaskit/editor-common 78.11.5 → 78.11.7

package/dist/types/link/LinkSearch/withActivityProvider.d.ts

@@ -9,7 +9,7 @@ export interface ExpandedActivityProviderProps {
 export interface WithActivityProviderProps {
     activityProvider: ActivityProvider;
 }
-export default function withActivityProvider<Props>(WrappedComponent: React.ComponentType<Props & WithActivityProviderProps>): {
+export default function withActivityProvider<Props>(WrappedComponent: React.ComponentType<React.PropsWithChildren<Props & WithActivityProviderProps>>): {
     new (props: (Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps) | Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>): {
         renderNode: (providers: Providers) => JSX.Element;
         render(): JSX.Element;

package/dist/types/media-inline/inline-image-wrapper.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
-import type { FC, ReactElement } from 'react';
+import type { ReactElement } from 'react';
+import { jsx } from '@emotion/react';
 type Props = {
     children: ReactElement;
     isSelected?: boolean;
@@ -12,5 +13,5 @@ type Props = {
     };
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
 };
-export declare const InlineImageWrapper: FC<Props>;
+export declare const InlineImageWrapper: ({ children, isSelected, isInteractive, aspectRatio, borderSize, borderColor, htmlAttrs, onClick, }: React.PropsWithChildren<Props>) => jsx.JSX.Element;
 export {};

package/dist/types/media-inline/media-inline-image-card.d.ts

@@ -1,5 +1,5 @@
-/** @jsx jsx */
-import type { FC } from 'react';
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { FileIdentifier, MediaClient } from '@atlaskit/media-client';
 import type { MediaInlineAttrs, MediaSSR } from './types';
@@ -16,5 +16,5 @@ export interface MediaInlineImageCardProps {
     ssr?: MediaSSR;
     shouldOpenMediaViewer?: boolean;
 }
-export declare const MediaInlineImageCardInternal: FC<MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs>;
-export declare const MediaInlineImageCard: FC<MediaInlineImageCardProps & MediaInlineAttrs>;
+export declare const MediaInlineImageCardInternal: ({ mediaClient, identifier, isSelected, intl, alt, isLazy, width, height, border, ssr, serializeDataAttrs, shouldOpenMediaViewer, }: MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs) => jsx.JSX.Element;
+export declare const MediaInlineImageCard: React.ComponentType<React.PropsWithChildren<MediaInlineImageCardProps & MediaInlineAttrs>>;

package/dist/types/media-inline/views/error-view.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
-import type { FC } from 'react';
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
 type Props = {
     message: string;
     /** Error icon. Default to document icon. */
@@ -8,5 +9,5 @@ type Props = {
     /** Container height */
     height?: number;
 };
-export declare const InlineImageCardErrorView: FC<Props>;
+export declare const InlineImageCardErrorView: ({ testId, message, icon, height, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types/media-inline/views/frame.d.ts

@@ -1,9 +1,10 @@
 /** @jsx jsx */
-import type { FC } from 'react';
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
 interface FrameViewProps {
     children?: React.ReactNode;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
     testId?: string;
 }
-export declare const Frame: FC<FrameViewProps>;
+export declare const Frame: ({ children, testId, }: React.PropsWithChildren<FrameViewProps>) => jsx.JSX.Element;
 export {};

package/dist/types/media-inline/views/icon-wrapper.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 /** @jsx jsx */
-import type { FC } from 'react';
+import { jsx } from '@emotion/react';
 type Props = {
     children?: React.ReactNode;
 };
-export declare const IconWrapper: FC<Props>;
+export declare const IconWrapper: ({ children }: React.PropsWithChildren<Props>) => jsx.JSX.Element;
 export {};

package/dist/types/media-inline/views/loading-view.d.ts

@@ -1,10 +1,10 @@
 /** @jsx jsx */
-import type { FC } from 'react';
+import { jsx } from '@emotion/react';
 type Props = {
     title?: string;
     testId?: string;
     /** Container height */
     height?: number;
 };
-export declare const InlineImageCardLoadingView: FC<Props>;
+export declare const InlineImageCardLoadingView: ({ testId, height, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types/quick-insert/assets/index.d.ts

@@ -3,31 +3,31 @@ import Loadable from 'react-loadable';
 import type { HeadingLevels, IconProps } from '../../types';
 export { default as IconCustomPanel } from './custom-panel';
 export { default as IconFallback } from './fallback';
-export declare const IconAction: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconCode: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDate: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDecision: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDivider: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconEmoji: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconImages: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconLayout: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconLink: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconListNumber: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconList: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconMention: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanelError: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanelNote: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanelSuccess: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanelWarning: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanel: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconQuote: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconStatus: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconAction: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconCode: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDate: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDecision: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDivider: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconEmoji: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconImages: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconLayout: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconLink: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconListNumber: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconList: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconMention: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanelError: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanelNote: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanelSuccess: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanelWarning: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanel: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconQuote: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconStatus: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
 type HeadingProps = IconProps & {
     level: HeadingLevels;
 };
 export declare const IconHeading: ({ level, ...props }: HeadingProps) => JSX.Element;
-export declare const IconFeedback: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconExpand: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDatasourceJiraIssue: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDatasourceAssetsObjects: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconLoom: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconFeedback: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconExpand: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDatasourceJiraIssue: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDatasourceAssetsObjects: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconLoom: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;

package/dist/types/react-node-view/getInlineNodeViewProducer.d.ts

@@ -8,7 +8,7 @@ export type InlineNodeViewComponentProps = {
     getPos: () => GetPosReturn;
     node: PMNode;
 };
-type InlineNodeViewComponent<ExtraComponentProps> = React.ComponentType<InlineNodeViewComponentProps & ExtraComponentProps>;
+type InlineNodeViewComponent<ExtraComponentProps> = React.ComponentType<React.PropsWithChildren<InlineNodeViewComponentProps & ExtraComponentProps>>;
 export declare const inlineNodeViewClassname = "inlineNodeView";
 type NodeViewProducer = (node: PMNode, view: EditorView, getPos: () => GetPosReturn, decorations: readonly Decoration[]) => NodeView;
 type GetPosReturn = number | undefined;

package/dist/types/react-node-view/index.d.ts

@@ -22,7 +22,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     getPos: getPosHandler;
     contentDOM: HTMLElement | null | undefined;
     node: PMNode;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<any>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
     /**
      * This method exists to move initialization logic out of the constructor,
      * so object can be initialized properly before calling render first time.
@@ -52,5 +52,5 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     get dom(): HTMLElement;
     destroy(): void;
     private dispatchAnalyticsEvent;
-    static fromComponent(component: React.ComponentType<any>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
+    static fromComponent(component: React.ComponentType<React.PropsWithChildren<any>>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
 }

package/dist/types/selection-based-node-view/SelectionBasedNodeView.d.ts

@@ -31,7 +31,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     protected isSelectedNode: boolean;
     pos: number | undefined;
     posEnd: number | undefined;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<any>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
     /**
      * Update current node's start and end positions.
      *

package/dist/types/types/annotation/index.d.ts

@@ -74,8 +74,8 @@ interface AnnotationTypeProvider<Type> {
     allowDraftMode?: boolean;
 }
 export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
-    selectionComponent?: React.ComponentType<InlineCommentSelectionComponentProps>;
-    viewComponent?: React.ComponentType<InlineCommentViewComponentProps>;
+    selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;
+    viewComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentViewComponentProps>>;
 };
 export type AnnotationProviders = {
     inlineComment: InlineCommentAnnotationProvider;

package/dist/types/types/floating-toolbar.d.ts

@@ -45,9 +45,9 @@ export interface SelectOption<T extends {} = {}> {
     data?: T;
 }
 export type ButtonAppearance = 'subtle' | 'danger';
-export type Icon = React.ComponentType<{
+export type Icon = React.ComponentType<React.PropsWithChildren<{
     label: string;
-}>;
+}>>;
 export type RenderOptionsProps = RenderOptionsPropsT<Command>;
 export type AlignType = 'left' | 'center' | 'right';
 interface Position {
@@ -145,7 +145,7 @@ export type FloatingToolbarCustom<T extends {}> = {
      */
     disableArrowNavigation?: boolean;
     fallback: Array<FloatingToolbarFallbackItem<T>>;
-    render: (view?: EditorView, idx?: number, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => React.ComponentClass | React.FC | React.ReactElement<any> | null;
+    render: (view?: EditorView, idx?: number, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => React.ComponentType<React.PropsWithChildren<unknown>> | React.ReactElement<any> | null;
     hidden?: boolean;
 };
 type FloatingToolbarSelectBase<T extends {}, V = SelectOption> = {

package/dist/types/ui/Announcer/announcer.d.ts

@@ -19,5 +19,5 @@ type AnnouncerProps = {
      *  It can be useful for cases when the parent component re-renders with the same announcer's text. */
     delay?: number;
 };
-declare const _default: React.NamedExoticComponent<AnnouncerProps>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AnnouncerProps>, "text" | "ariaLive" | "ariaAtomic" | "role" | "children" | "delay" | "ariaRelevant"> & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/types/ui/DropList/index.d.ts

@@ -1,10 +1,9 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
-import { Component } from 'react';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 interface Props extends WithAnalyticsEventsProps {
     isOpen?: boolean;
-    trigger?: typeof Component;
+    trigger?: React.ReactNode;
     position: string;
     onOpenChange?: (event: OpenChangedEvent) => void;
     onPositioned?: () => void;

package/dist/types/ui/ErrorBoundary/index.d.ts

@@ -9,6 +9,7 @@ interface ErrorBoundaryProps {
     componentId?: ErrorCrashPayload['actionSubjectId'];
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     fallbackComponent?: React.ReactNode;
+    children?: React.ReactNode;
 }
 interface ErrorBoundaryState {
     errorCaptured: boolean;

package/dist/types/ui/IntlErrorBoundary/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 interface ErrorBoundaryProps {
+    children?: React.ReactNode;
 }
 interface ErrorBoundaryState {
     missingIntlProviderInAncestry: boolean;

package/dist/types/ui/Layer/index.d.ts

@@ -1,10 +1,11 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import { Data } from 'popper.js';
 export type Props = {
     content: ReactNode | null;
     offset: string;
     position: string;
     onPositioned: () => void;
+    children?: React.ReactNode;
 };
 export type State = {
     hasExtractedStyles: boolean;

package/dist/types/ui/MediaSingle/styled.d.ts

@@ -62,5 +62,5 @@ export declare const MediaWrapper: {
 type MediaBorderGapFillerProps = {
     borderColor: string;
 };
-export declare const MediaBorderGapFiller: React.FC<MediaBorderGapFillerProps>;
+export declare const MediaBorderGapFiller: ({ borderColor, }: MediaBorderGapFillerProps) => jsx.JSX.Element;
 export {};

package/dist/types/ui/OverflowShadow/index.d.ts

@@ -16,7 +16,7 @@ export interface OverflowShadowOptions {
     overflowSelector: string;
     useShadowObserver?: boolean;
 }
-export default function overflowShadow<P>(Component: React.ComponentType<P & OverflowShadowProps> | React.FunctionComponent<P & OverflowShadowProps>, options: OverflowShadowOptions): {
+export default function overflowShadow<P>(Component: React.ComponentType<React.PropsWithChildren<P & OverflowShadowProps>>, options: OverflowShadowOptions): {
     new (props: P | Readonly<P>): {
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;

package/dist/types/ui/Popup/index.d.ts

@@ -26,6 +26,7 @@ export interface Props {
     focusTrap?: boolean;
     preventOverflow?: boolean;
     absoluteOffset?: Position;
+    children?: React.ReactNode;
 }
 export interface State {
     popup?: HTMLElement;

package/dist/types/ui/with-outer-listeners.d.ts

@@ -1,8 +1,9 @@
-import type { ComponentClass, FunctionComponent } from 'react';
+import type { ComponentClass } from 'react';
+import React from 'react';
 type SimpleEventHandler<T> = (event: T) => void;
 export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;
 }
-export default function withOuterListeners<P>(Component: ComponentClass<P> | FunctionComponent<P>): ComponentClass<P & WithOutsideClickProps>;
+export default function withOuterListeners<P>(Component: React.ComponentType<React.PropsWithChildren<P>>): ComponentClass<P & WithOutsideClickProps>;
 export {};

package/dist/types/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import { ColorPaletteArrowKeyNavigationProps } from '../types';
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: React.FC<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;

package/dist/types/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import type { MenuArrowKeyNavigationProviderProps } from '../types';
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation
  */
-export declare const MenuArrowKeyNavigationProvider: React.FC<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;

package/dist/types/ui-menu/ArrowKeyNavigationProvider/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ArrowKeyNavigationProviderProps } from './types';
-export declare const ArrowKeyNavigationProvider: React.FC<ArrowKeyNavigationProviderProps>;
+export declare const ArrowKeyNavigationProvider: (props: React.PropsWithChildren<ArrowKeyNavigationProviderProps>) => JSX.Element;

package/dist/types/ui-menu/ColorPickerButton/index.d.ts

@@ -27,5 +27,5 @@ type Props = WithAnalyticsEventsProps & {
     skipFocusButtonAfterPick?: boolean;
     absoluteOffset?: PopupPosition;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "onChange" | "title" | "key" | "size" | "placement" | "alignX" | "absoluteOffset" | "currentColor" | "analyticsContext" | "cols" | "isAriaExpanded" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/ui-menu/Dropdown/index.d.ts

@@ -37,5 +37,5 @@ export declare class Dropdown extends PureComponent<Props, State> {
     render(): JSX.Element;
 }
 export type DropdownPropsWithOutsideClickProps = Props & WithOutsideClickProps;
-declare const DropdownWithOuterListeners: React.ComponentType<DropdownPropsWithOutsideClickProps>;
+declare const DropdownWithOuterListeners: React.ComponentType<React.PropsWithChildren<DropdownPropsWithOutsideClickProps>>;
 export default DropdownWithOuterListeners;

package/dist/types/ui-menu/DropdownMenu/index.d.ts

@@ -22,4 +22,4 @@ export default class DropdownMenuWrapper extends PureComponent<Props, State> {
 export declare function DropdownMenuItem({ item, onItemActivated, shouldUseDefaultRole, onMouseEnter, onMouseLeave, }: {
     item: MenuItem;
 } & Pick<Props, 'onItemActivated' | 'shouldUseDefaultRole' | 'onMouseEnter' | 'onMouseLeave'>): jsx.JSX.Element;
-export declare const DropdownMenuWithKeyboardNavigation: React.FC<any>;
+export declare const DropdownMenuWithKeyboardNavigation: React.MemoExoticComponent<({ ...props }: React.PropsWithChildren<any>) => jsx.JSX.Element>;

package/dist/types/ui-menu/DropdownMenu/types.d.ts

@@ -29,6 +29,7 @@ export interface Props {
     shouldFocusFirstItem?: () => boolean;
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     section?: SectionOptions;
+    children?: React.ReactNode;
 }
 export interface MenuItem {
     key?: string;

package/dist/types/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -1,4 +1,3 @@
-import type { ComponentClass, FunctionComponent } from 'react';
 import React from 'react';
 type SimpleEventHandler<T> = (event: T) => void;
 export interface WithOutsideClickProps {
@@ -8,5 +7,5 @@ export interface WithOutsideClickProps {
     targetRef?: any;
     closeOnTab?: boolean;
 }
-export default function withReactEditorViewOuterListeners<P extends {}>(Component: ComponentClass<P> | FunctionComponent<P>): React.FC<P & WithOutsideClickProps>;
+export default function withReactEditorViewOuterListeners<P extends {}>(Component: React.ComponentType<React.PropsWithChildren<P>>): React.ComponentType<React.PropsWithChildren<P & WithOutsideClickProps>>;
 export {};

package/dist/types/utils/imageLoader.d.ts

@@ -11,4 +11,4 @@ export interface ImageLoaderState {
     imageStatus: ImageStatus;
 }
 export type ImageStatus = 'complete' | 'loading' | 'error';
-export declare const withImageLoader: <P extends {}>(Wrapped: React.ComponentType<P & ImageLoaderProps>) => React.ComponentClass<P & ImageLoaderProps, any>;
+export declare const withImageLoader: <P extends {}>(Wrapped: React.ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps, any>;

package/dist/types-ts4.5/collab/index.d.ts

@@ -378,7 +378,7 @@ export type InviteToEditComponentProps = {
 export interface CollabInviteToEditProps {
     inviteToEditHandler?: (event: React.MouseEvent<HTMLElement>) => void;
     isInviteToEditButtonSelected?: boolean;
-    inviteToEditComponent?: React.ComponentType<InviteToEditComponentProps>;
+    inviteToEditComponent?: React.ComponentType<React.PropsWithChildren<InviteToEditComponentProps>>;
 }
 export interface CollabAnalyticsProps {
     /**

package/dist/types-ts4.5/element-browser/components/ElementBrowserLoader.d.ts

@@ -2,5 +2,5 @@
 import React from 'react';
 import Loadable from 'react-loadable';
 import type { Props as ElementBrowserProps } from '../ElementBrowser';
-declare const ElementBrowserLoader: React.ComponentType<ElementBrowserProps> & Loadable.LoadableComponent;
+declare const ElementBrowserLoader: React.ComponentType<React.PropsWithChildren<ElementBrowserProps>> & Loadable.LoadableComponent;
 export default ElementBrowserLoader;

package/dist/types-ts4.5/extensibility/Extension/Extension/index.d.ts

@@ -18,6 +18,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     showMacroInteractionDesignUpdates?: boolean;
     isNodeSelected?: boolean;
+    isNodeHovered?: boolean;
+    setIsNodeHovered?: (isHovered: boolean) => void;
 }
 /**
  * End workaround

package/dist/types-ts4.5/extensibility/Extension/Lozenge.d.ts

@@ -7,6 +7,7 @@ export interface Props {
     node: PmNode;
     showMacroInteractionDesignUpdates?: boolean;
     isNodeSelected?: boolean;
+    isNodeHovered?: boolean;
     customContainerStyles?: CSSProperties;
 }
 export interface LozengeData {

package/dist/types-ts4.5/extensibility/Extension/LozengeComponent.d.ts

@@ -12,6 +12,7 @@ type LozengeComponentProps = {
     isNodeSelected?: boolean;
     showMacroInteractionDesignUpdates?: boolean;
     customContainerStyles?: CSSProperties;
+    isNodeHovered?: boolean;
 };
-export declare const LozengeComponent: ({ lozengeData, isBlockExtension, title, params, renderImage, isNodeSelected, showMacroInteractionDesignUpdates, customContainerStyles, }: LozengeComponentProps) => jsx.JSX.Element;
+export declare const LozengeComponent: ({ lozengeData, isBlockExtension, title, params, renderImage, isNodeSelected, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, }: LozengeComponentProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/extensibility/ExtensionComponent.d.ts

@@ -27,6 +27,7 @@ export interface State {
         __hideFrame?: boolean;
     };
     activeChildIndex?: number;
+    isNodeHovered?: boolean;
 }
 export declare class ExtensionComponent extends Component<Props, State> {
     private privatePropsParsed;
@@ -39,6 +40,7 @@ export declare class ExtensionComponent extends Component<Props, State> {
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     getNodeRenderer: import("memoize-one").MemoizedFn<typeof getNodeRenderer>;
     getExtensionModuleNodePrivateProps: import("memoize-one").MemoizedFn<typeof getExtensionModuleNodePrivateProps>;
+    setIsNodeHovered: (isHovered: boolean) => void;
     render(): JSX.Element | null;
     private setStateFromPromise;
     /**

package/dist/types-ts4.5/extensibility/MultiBodiedExtension/index.d.ts

@@ -20,6 +20,8 @@ type Props = {
     editorAppearance?: EditorAppearance;
     showMacroInteractionDesignUpdates?: boolean;
     isNodeSelected?: boolean;
+    isNodeHovered?: boolean;
+    setIsNodeHovered?: (isHovered: boolean) => void;
 };
 declare const MultiBodiedExtension: (props: Props & OverflowShadowProps) => jsx.JSX.Element;
 /**

package/dist/types-ts4.5/extensions/types/extension-manifest-common.d.ts

@@ -4,5 +4,5 @@ export type ESModule<T> = {
     default: T;
 };
 export type MaybeESModule<T> = ESModule<T> | T;
-export type ExtensionIcon = ComponentType<any>;
+export type ExtensionIcon = ComponentType<React.PropsWithChildren<any>>;
 export type ExtensionIconModule = Promise<MaybeESModule<ExtensionIcon>>;

package/dist/types-ts4.5/extensions/types/extension-manifest.d.ts

@@ -13,7 +13,7 @@ export type ExtensionComponentProps<T extends Parameters = Parameters> = {
     actions?: MultiBodiedExtensionActions;
     [key: string]: any;
 };
-export type ExtensionComponent<T extends Parameters> = ComponentType<ExtensionComponentProps<T>>;
+export type ExtensionComponent<T extends Parameters> = ComponentType<React.PropsWithChildren<ExtensionComponentProps<T>>>;
 export type ExtensionComponentModule<T extends Parameters> = Promise<MaybeESModule<ExtensionComponent<T>>>;
 export type Serializer<T extends Parameters = Parameters> = (data: T) => string;
 export type Deserializer<T extends Parameters = Parameters> = (value: string) => T;

package/dist/types-ts4.5/icons/index.d.ts

@@ -7,4 +7,4 @@ export { PanelErrorIcon } from './shared/PanelErrorIcon';
 export { PanelSuccessIcon } from './shared/PanelSuccessIcon';
 export { PanelNoteIcon } from './shared/PanelNoteIcon';
 export { BorderIcon } from './shared/BorderIcon';
-export declare const IconTable: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconTable: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;

package/dist/types-ts4.5/link/LinkSearch/withActivityProvider.d.ts

@@ -9,7 +9,7 @@ export interface ExpandedActivityProviderProps {
 export interface WithActivityProviderProps {
     activityProvider: ActivityProvider;
 }
-export default function withActivityProvider<Props>(WrappedComponent: React.ComponentType<Props & WithActivityProviderProps>): {
+export default function withActivityProvider<Props>(WrappedComponent: React.ComponentType<React.PropsWithChildren<Props & WithActivityProviderProps>>): {
     new (props: (Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps) | Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>): {
         renderNode: (providers: Providers) => JSX.Element;
         render(): JSX.Element;

package/dist/types-ts4.5/media-inline/inline-image-wrapper.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
-import type { FC, ReactElement } from 'react';
+import type { ReactElement } from 'react';
+import { jsx } from '@emotion/react';
 type Props = {
     children: ReactElement;
     isSelected?: boolean;
@@ -12,5 +13,5 @@ type Props = {
     };
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
 };
-export declare const InlineImageWrapper: FC<Props>;
+export declare const InlineImageWrapper: ({ children, isSelected, isInteractive, aspectRatio, borderSize, borderColor, htmlAttrs, onClick, }: React.PropsWithChildren<Props>) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/media-inline/media-inline-image-card.d.ts

@@ -1,5 +1,5 @@
-/** @jsx jsx */
-import type { FC } from 'react';
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { FileIdentifier, MediaClient } from '@atlaskit/media-client';
 import type { MediaInlineAttrs, MediaSSR } from './types';
@@ -16,5 +16,5 @@ export interface MediaInlineImageCardProps {
     ssr?: MediaSSR;
     shouldOpenMediaViewer?: boolean;
 }
-export declare const MediaInlineImageCardInternal: FC<MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs>;
-export declare const MediaInlineImageCard: FC<MediaInlineImageCardProps & MediaInlineAttrs>;
+export declare const MediaInlineImageCardInternal: ({ mediaClient, identifier, isSelected, intl, alt, isLazy, width, height, border, ssr, serializeDataAttrs, shouldOpenMediaViewer, }: MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs) => jsx.JSX.Element;
+export declare const MediaInlineImageCard: React.ComponentType<React.PropsWithChildren<MediaInlineImageCardProps & MediaInlineAttrs>>;

package/dist/types-ts4.5/media-inline/views/error-view.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 /** @jsx jsx */
-import type { FC } from 'react';
+import { jsx } from '@emotion/react';
 type Props = {
     message: string;
     /** Error icon. Default to document icon. */
@@ -8,5 +9,5 @@ type Props = {
     /** Container height */
     height?: number;
 };
-export declare const InlineImageCardErrorView: FC<Props>;
+export declare const InlineImageCardErrorView: ({ testId, message, icon, height, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/media-inline/views/frame.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 /** @jsx jsx */
-import type { FC } from 'react';
+import { jsx } from '@emotion/react';
 interface FrameViewProps {
     children?: React.ReactNode;
     /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
     testId?: string;
 }
-export declare const Frame: FC<FrameViewProps>;
+export declare const Frame: ({ children, testId, }: React.PropsWithChildren<FrameViewProps>) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/media-inline/views/icon-wrapper.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 /** @jsx jsx */
-import type { FC } from 'react';
+import { jsx } from '@emotion/react';
 type Props = {
     children?: React.ReactNode;
 };
-export declare const IconWrapper: FC<Props>;
+export declare const IconWrapper: ({ children }: React.PropsWithChildren<Props>) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/media-inline/views/loading-view.d.ts

@@ -1,10 +1,10 @@
 /** @jsx jsx */
-import type { FC } from 'react';
+import { jsx } from '@emotion/react';
 type Props = {
     title?: string;
     testId?: string;
     /** Container height */
     height?: number;
 };
-export declare const InlineImageCardLoadingView: FC<Props>;
+export declare const InlineImageCardLoadingView: ({ testId, height, }: Props) => jsx.JSX.Element;
 export {};