@atlaskit/editor-common 99.7.2 → 99.8.0

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

@@ -11,8 +11,8 @@ export interface 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;
+        renderNode: (providers: Providers) => React.JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -35,8 +35,8 @@ export default function withActivityProvider<Props>(WrappedComponent: React.Comp
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps, context: any): {
-        renderNode: (providers: Providers) => JSX.Element;
-        render(): JSX.Element;
+        renderNode: (providers: Providers) => React.JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Diff<Props, WithActivityProviderProps> & ExpandedActivityProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/dist/types-ts4.5/media-single/CommentBadgeNext.d.ts

@@ -7,5 +7,5 @@ type CommentBadgeProps = {
     onMouseLeave?: (e: React.MouseEvent) => void;
     badgeSize: 'small' | 'medium';
 };
-export declare const CommentBadgeNext: ({ status, onClick, onMouseEnter, onMouseLeave, badgeSize, }: CommentBadgeProps) => JSX.Element;
+export declare const CommentBadgeNext: ({ status, onClick, onMouseEnter, onMouseLeave, badgeSize, }: CommentBadgeProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/media-single/ExternalImageBadge.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MediaType } from '@atlaskit/adf-schema';
 type ExternalImageBadgeProps = {
     badgeSize: 'medium' | 'small';
@@ -6,5 +6,5 @@ type ExternalImageBadgeProps = {
     url?: string | undefined;
 };
 export declare const isUnbadgedUrl: (url: string | undefined) => boolean;
-export declare const ExternalImageBadge: ({ badgeSize, type, url }: ExternalImageBadgeProps) => JSX.Element | null;
+export declare const ExternalImageBadge: ({ badgeSize, type, url }: ExternalImageBadgeProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/media-single/MediaBadges.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 type ExternalImageBadgeProps = {
     mediaElement?: HTMLElement | null;
     mediaHeight?: number;
@@ -10,5 +10,5 @@ type ExternalImageBadgeProps = {
         visible: boolean;
     }) => ReactNode);
 };
-export declare const MediaBadges: ({ children, mediaElement, mediaWidth, mediaHeight, extendedResizeOffset, useMinimumZIndex, }: ExternalImageBadgeProps) => JSX.Element | null;
+export declare const MediaBadges: ({ children, mediaElement, mediaWidth, mediaHeight, extendedResizeOffset, useMinimumZIndex, }: ExternalImageBadgeProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/portal/PortalBucket.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { PortalManager } from './PortalManager';
 type PortalBucketProps = {
     id: number;
@@ -14,5 +14,5 @@ type PortalBucketProps = {
  * @param {PortalManager} props.portalManager An instance of `PortalManager` which manages the registration and unregistration of portal buckets and their content.
  * @returns {React.ReactElement} The React element(s) that are currently registered to this portal bucket.
  */
-export declare function PortalBucket({ id, portalManager }: PortalBucketProps): JSX.Element;
+export declare function PortalBucket({ id, portalManager }: PortalBucketProps): React.JSX.Element;
 export {};

package/dist/types-ts4.5/portal/common.d.ts

@@ -13,7 +13,7 @@ export type UsePortalProviderReturnType = [
     PortalProviderAPI,
     PortalRendererComponent
 ];
-export declare function createPortalRendererComponent(portalManager: PortalManager): () => JSX.Element;
+export declare function createPortalRendererComponent(portalManager: PortalManager): () => React.JSX.Element;
 /**
  * Creates a portal provider for managing multiple React portals. The provider
  * facilitates rendering, removing, and destroying portals managed by a given

package/dist/types-ts4.5/quick-insert/assets/action.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconAction(): JSX.Element;
+import React from 'react';
+export default function IconAction(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/code.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconCode(): JSX.Element;
+import React from 'react';
+export default function IconCode(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/custom-panel.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconCustomPanel(): JSX.Element;
+import React from 'react';
+export default function IconCustomPanel(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/datasource-assets-objects.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDatasourceAssetsObjects(): JSX.Element;
+import React from 'react';
+export default function IconDatasourceAssetsObjects(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/datasource-confluence-search.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDatasourceConfluenceSearch(): JSX.Element;
+import React from 'react';
+export default function IconDatasourceConfluenceSearch(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/datasource-jira-issue.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDatasourceJiraIssue(): JSX.Element;
+import React from 'react';
+export default function IconDatasourceJiraIssue(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/date.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDate(): JSX.Element;
+import React from 'react';
+export default function IconDate(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/decision.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDecision(): JSX.Element;
+import React from 'react';
+export default function IconDecision(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/divider.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconDivider(): JSX.Element;
+import React from 'react';
+export default function IconDivider(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/emoji.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconEmoji(): JSX.Element;
+import React from 'react';
+export default function IconEmoji(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/expand.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconExpand(): JSX.Element;
+import React from 'react';
+export default function IconExpand(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/fallback.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconFallback(): JSX.Element;
+import React from 'react';
+export default function IconFallback(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/feedback.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconFeedback(): JSX.Element;
+import React from 'react';
+export default function IconFeedback(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/five-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function OneColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function OneColumnLayoutIcon(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/four-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function OneColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function OneColumnLayoutIcon(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/heading1.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconHeading1(): JSX.Element;
+import React from 'react';
+export default function IconHeading1(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/heading2.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconHeading2(): JSX.Element;
+import React from 'react';
+export default function IconHeading2(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/heading3.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconHeading3(): JSX.Element;
+import React from 'react';
+export default function IconHeading3(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/heading4.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconHeading4(): JSX.Element;
+import React from 'react';
+export default function IconHeading4(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/heading5.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconHeading5(): JSX.Element;
+import React from 'react';
+export default function IconHeading5(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/heading6.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconHeading6(): JSX.Element;
+import React from 'react';
+export default function IconHeading6(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/images.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconImages(): JSX.Element;
+import React from 'react';
+export default function IconImages(): React.JSX.Element;

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

@@ -28,7 +28,7 @@ export declare const IconFiveColumnLayout: React.ComponentType<React.PropsWithCh
 type HeadingProps = IconProps & {
     level: HeadingLevels;
 };
-export declare const IconHeading: ({ level, ...props }: HeadingProps) => JSX.Element;
+export declare const IconHeading: ({ level, ...props }: HeadingProps) => React.JSX.Element;
 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;

package/dist/types-ts4.5/quick-insert/assets/layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconLayout(): JSX.Element;
+import React from 'react';
+export default function IconLayout(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/link.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconLink(): JSX.Element;
+import React from 'react';
+export default function IconLink(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/list-number.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconListOrdered(): JSX.Element;
+import React from 'react';
+export default function IconListOrdered(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/list.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconList(): JSX.Element;
+import React from 'react';
+export default function IconList(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/loom.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconLayout(): JSX.Element;
+import React from 'react';
+export default function IconLayout(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/mention.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconMention(): JSX.Element;
+import React from 'react';
+export default function IconMention(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/one-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function OneColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function OneColumnLayoutIcon(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/panel-error.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanelError(): JSX.Element;
+import React from 'react';
+export default function IconPanelError(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/panel-note.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanelNote(): JSX.Element;
+import React from 'react';
+export default function IconPanelNote(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/panel-success.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanelSuccess(): JSX.Element;
+import React from 'react';
+export default function IconPanelSuccess(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/panel-warning.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanelWarning(): JSX.Element;
+import React from 'react';
+export default function IconPanelWarning(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/panel.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconPanel(): JSX.Element;
+import React from 'react';
+export default function IconPanel(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/quote.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconQuote(): JSX.Element;
+import React from 'react';
+export default function IconQuote(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/status.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function IconStatus(): JSX.Element;
+import React from 'react';
+export default function IconStatus(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/three-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function ThreeColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function ThreeColumnLayoutIcon(): React.JSX.Element;

package/dist/types-ts4.5/quick-insert/assets/two-column-layout.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function TwoColumnLayoutIcon(): JSX.Element;
+import React from 'react';
+export default function TwoColumnLayoutIcon(): React.JSX.Element;

package/dist/types-ts4.5/resizer/BreakoutResizer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EditorAnalyticsAPI } from '../analytics';
 import { type EditorContainerWidth, type getPosHandlerNode } from '../types';
@@ -23,5 +23,5 @@ declare const BreakoutResizer: ({ editorView, nodeType, getPos, getRef, disabled
     parentRef?: HTMLElement | undefined;
     editorAnalyticsApi?: EditorAnalyticsAPI | undefined;
     displayGapCursor: (toggle: boolean) => boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { BreakoutResizer };

package/dist/types-ts4.5/ui/BaseTheme/index.d.ts

@@ -12,10 +12,10 @@ declare module '@emotion/react' {
         layoutMaxWidth: number;
     }
 }
-export declare function BaseThemeWrapper({ baseFontSize, children }: BaseThemeWrapperProps): JSX.Element;
+export declare function BaseThemeWrapper({ baseFontSize, children }: BaseThemeWrapperProps): React.JSX.Element;
 type BaseThemeProps = {
     children: React.ReactNode;
     baseFontSize?: number;
 };
-export declare function BaseTheme({ children, baseFontSize }: BaseThemeProps): JSX.Element;
+export declare function BaseTheme({ children, baseFontSize }: BaseThemeProps): React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/ContextPanel/context.d.ts

@@ -18,7 +18,7 @@ export declare class ContextPanelWidthProvider extends React.Component<any, Cont
     constructor(props: any);
     broadcastSidebarWidth: (width: number) => void;
     broadcastPosition: (positionedOverEditor: boolean) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const Provider: React.Provider<ContextPanelContext>, Consumer: React.Consumer<ContextPanelContext>;
 export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

package/dist/types-ts4.5/ui/Emoji/index.d.ts

@@ -10,5 +10,5 @@ export interface EmojiProps extends EmojiId {
     resourceConfig?: EmojiResourceConfig;
     emojiProvider?: EmojiProvider;
 }
-declare const _default: React.MemoExoticComponent<(props: EmojiProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: EmojiProps) => React.JSX.Element>;
 export default _default;

package/dist/types-ts4.5/ui/FloatingToolbar/Button.d.ts

@@ -34,5 +34,5 @@ export interface Props {
     pulse?: boolean;
     spotlightConfig?: FloatingToolbarButtonSpotlightConfig;
 }
-declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onMount, onUnmount, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, pulse, spotlightConfig, }: Props) => JSX.Element;
+declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onMount, onUnmount, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, pulse, spotlightConfig, }: Props) => React.JSX.Element;
 export default _default;

package/dist/types-ts4.5/ui/FloatingToolbar/ButtonSpotlightCard.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps } from 'react';
+import React, { type ComponentProps } from 'react';
 import { SpotlightCard } from '@atlaskit/onboarding';
 import { type Placement } from '@atlaskit/popper';
 type PropsFromSpotlightCard = ComponentProps<typeof SpotlightCard>;
@@ -6,5 +6,5 @@ export type ButtonSpotlightCardProps = PropsFromSpotlightCard & {
     referenceElement: HTMLElement;
     placement?: Placement;
 };
-export declare const ButtonSpotlightCard: (props: ButtonSpotlightCardProps) => JSX.Element;
+export declare const ButtonSpotlightCard: (props: ButtonSpotlightCardProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/IntlErrorBoundary/index.d.ts

@@ -11,6 +11,6 @@ export declare class IntlErrorBoundary extends React.Component<ErrorBoundaryProp
         missingIntlProviderInAncestry: boolean;
     };
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 }
 export {};

package/dist/types-ts4.5/ui/Layer/index.d.ts

@@ -44,5 +44,5 @@ export default class Layer extends Component<Props, State> {
     calculateMaxHeight(originalHeight: number, currentHeight: number, positionTop: number, cssPosition: string): number | null;
     extractStyles: (state: Data) => void;
     applyPopper(props: Props): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types-ts4.5/ui/Mention/index.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import { ProviderFactory } from '../../provider-factory';
 import { type ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import { type MentionEventHandlers } from '../EventHandlers';
@@ -18,5 +18,5 @@ export default class Mention extends PureComponent<MentionProps, Object> {
     constructor(props: MentionProps);
     componentWillUnmount(): void;
     private renderWithProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types-ts4.5/ui/Mention/mention-with-profilecard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { MentionProvider } from '@atlaskit/mention';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandler } from '../EventHandlers';
@@ -14,4 +14,4 @@ export interface Props {
     onMouseLeave?: MentionEventHandler;
     localId?: string;
 }
-export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): JSX.Element;
+export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): React.JSX.Element;

package/dist/types-ts4.5/ui/Mention/mention-with-providers.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import type { MentionProvider } from '@atlaskit/mention/resource';
 import type { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import type { MentionEventHandlers } from '../EventHandlers';
@@ -14,11 +14,11 @@ export interface Props {
 export interface State {
     profilecardProvider: ProfilecardProvider | null;
 }
-export declare const MentionWithProviders: ({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => JSX.Element;
+export declare const MentionWithProviders: ({ accessLevel, eventHandlers, id, mentionProvider, profilecardProvider: profilecardProviderResolver, text, localId, }: Props) => React.JSX.Element;
 export declare class MentionWithProvidersOld extends PureComponent<Props, State> {
     state: State;
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     private updateProfilecardProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types-ts4.5/ui/OverflowShadow/index.d.ts

@@ -37,7 +37,7 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends keyof OverflowShadowState>(state: OverflowShadowState | ((prevState: Readonly<OverflowShadowState>, props: Readonly<P>) => OverflowShadowState | Pick<OverflowShadowState, K> | null) | Pick<OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -76,7 +76,7 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends keyof OverflowShadowState>(state: OverflowShadowState | ((prevState: Readonly<OverflowShadowState>, props: Readonly<P>) => OverflowShadowState | Pick<OverflowShadowState, K> | null) | Pick<OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/dist/types-ts4.5/ui/Popup/index.d.ts

@@ -81,5 +81,5 @@ export default class Popup extends React.Component<Props, State> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     private renderPopup;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/dist/types-ts4.5/ui/Pulse/Pulse.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 interface Props {
     /** If true, the component will have pulse onboarding effect around it. */
     pulse?: boolean;
@@ -14,5 +14,5 @@ interface Props {
  * This custom component exists because the {@link SpotlightPulse} with `pulse={false}` renders extra `div` around `children`.
  * We want to keep `children` as it is if there is no `pulse`.
  */
-export declare function Pulse({ pulse, radius, children }: Props): JSX.Element;
+export declare function Pulse({ pulse, radius, children }: Props): React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/ResizerLegacy/index.d.ts

@@ -39,5 +39,5 @@ export default class Resizer extends React.Component<ResizerProps, ResizerState>
     private handleResizeStart;
     private handleResize;
     private handleResizeStop;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -4,4 +4,4 @@ import type { 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: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, popupsMountPoint, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, popupsMountPoint, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => React.JSX.Element;

package/dist/types-ts4.5/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: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, disableCloseOnArrowClick, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, disableCloseOnArrowClick, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => React.JSX.Element;

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

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

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

@@ -14,7 +14,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<{
     colorPalette: PaletteColor[];
     placement: string;
     cols?: number | undefined;
-    alignX?: "center" | "left" | "right" | "end" | undefined;
+    alignX?: "left" | "right" | "center" | "end" | undefined;
     size?: {
         width: string;
         height: string;

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

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

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

@@ -6,4 +6,4 @@ import React from 'react';
  * @param featureFlagFn function that returns a boolean value to switch to the next component, e.g. () => fg('platform_editor_react18_phase2_v2')
  * @returns
  */
-export declare const withFeatureFlaggedComponent: <P extends object>(ComponentOld: React.ComponentType<P>, ComponentNext: React.ComponentType<P>, featureFlagFn: () => boolean) => (props: P) => JSX.Element;
+export declare const withFeatureFlaggedComponent: <P extends object>(ComponentOld: React.ComponentType<P>, ComponentNext: React.ComponentType<P>, featureFlagFn: () => boolean) => (props: P) => React.JSX.Element;

package/dist/types-ts4.5/with-plugin-state/index.d.ts

@@ -75,7 +75,7 @@ export interface Props<P extends NamedPluginKeys> {
  */
 declare class WithPluginState<P extends NamedPluginKeys> extends React.Component<WithPluginStateInnerProps<P>, State> {
     constructor(props: WithPluginStateInnerProps<P>);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 type WithPluginStateInnerProps<P extends NamedPluginKeys> = Props<P> & {
     editorActions?: EditorActionsPrivateAccess;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "99.7.2",
+	"version": "99.8.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"