@atlaskit/renderer 112.12.2 → 112.12.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/renderer
 
+## 112.12.3
+
+### Patch Changes
+
+- [#110251](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110251)
+  [`b6adb9244b072`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b6adb9244b072) -
+  [ux] Visual refresh of the EmbedCard component
+- [#110634](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110634)
+  [`62224d53da886`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/62224d53da886) -
+  [ux] [ED-26283] CSS Selector fix for table with shadows when there are nested tables. It will only
+  select direct children now and not descendants which prevents unnecessary shadow on parent table
+  when there is a nested table.
+- Updated dependencies
+
 ## 112.12.2
 
 ### Patch Changes

package/dist/cjs/react/nodes/table.js

@@ -592,7 +592,12 @@ var TableProcessor = exports.TableProcessor = /*#__PURE__*/function (_React$Comp
   }]);
 }(_react.default.Component);
 var TableWithShadows = (0, _ui.overflowShadow)(TableProcessor, {
-  overflowSelector: ".".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER),
+  /**
+   * The :scope is in reference to table container and we are selecting only
+   * direct children that match the table node wrapper selector, not their
+   * descendants.
+   */
+  overflowSelector: ":scope > .".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER),
   useShadowObserver: true
 });
 var TableWithWidth = function TableWithWidth(props) {

package/dist/cjs/ui/Renderer/index.js

@@ -64,7 +64,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "112.12.2";
+var packageVersion = "112.12.3";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

package/dist/es2019/react/nodes/table.js

@@ -531,7 +531,12 @@ export class TableProcessor extends React.Component {
   }
 }
 const TableWithShadows = overflowShadow(TableProcessor, {
-  overflowSelector: `.${TableSharedCssClassName.TABLE_NODE_WRAPPER}`,
+  /**
+   * The :scope is in reference to table container and we are selecting only
+   * direct children that match the table node wrapper selector, not their
+   * descendants.
+   */
+  overflowSelector: `:scope > .${TableSharedCssClassName.TABLE_NODE_WRAPPER}`,
   useShadowObserver: true
 });
 const TableWithWidth = props => {

package/dist/es2019/ui/Renderer/index.js

@@ -45,7 +45,7 @@ import { TruncatedWrapper } from './truncated-wrapper';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "112.12.2";
+const packageVersion = "112.12.3";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

package/dist/esm/react/nodes/table.js

@@ -585,7 +585,12 @@ export var TableProcessor = /*#__PURE__*/function (_React$Component2) {
   }]);
 }(React.Component);
 var TableWithShadows = overflowShadow(TableProcessor, {
-  overflowSelector: ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER),
+  /**
+   * The :scope is in reference to table container and we are selecting only
+   * direct children that match the table node wrapper selector, not their
+   * descendants.
+   */
+  overflowSelector: ":scope > .".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER),
   useShadowObserver: true
 });
 var TableWithWidth = function TableWithWidth(props) {

package/dist/esm/ui/Renderer/index.js

@@ -54,7 +54,7 @@ import { TruncatedWrapper } from './truncated-wrapper';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "112.12.2";
+var packageVersion = "112.12.3";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import type { MarkProps, AnnotationMarkMeta } from '../types';
 import type { Mark } from '@atlaskit/editor-prosemirror/model';
 export declare const isAnnotationMark: (mark: Mark) => boolean;
-declare const AnnotationComponent: ({ id, annotationType, children, dataAttributes, annotationParentIds, allowAnnotations, useBlockLevel, isMediaInline, }: MarkProps<AnnotationMarkMeta>) => JSX.Element;
+declare const AnnotationComponent: ({ id, annotationType, children, dataAttributes, annotationParentIds, allowAnnotations, useBlockLevel, isMediaInline, }: MarkProps<AnnotationMarkMeta>) => React.JSX.Element;
 export default AnnotationComponent;

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

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

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

@@ -5,7 +5,7 @@ import type { MarkProps } from '../types';
 export declare const isCodeMark: (mark: Mark) => boolean;
 export declare function CodeWithIntl(props: MarkProps<{
     codeBidiWarningTooltipEnabled: boolean;
-}> & WrappedComponentProps): JSX.Element;
+}> & WrappedComponentProps): React.JSX.Element;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     codeBidiWarningTooltipEnabled: boolean;
 } & import("../types").MarkMeta & {

package/dist/types/react/marks/confluence-inline-comment.d.ts

@@ -1,9 +1,9 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { type MarkProps } from '../types';
 interface Props {
     reference: string;
 }
 export default class ConfluenceInlineComment extends Component<MarkProps<Props>, Object> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/react/marks/data-consumer.d.ts

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MarkProps } from '../types';
-export default function Em(props: MarkProps): JSX.Element;
+export default function Em(props: MarkProps): React.JSX.Element;

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

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

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MarkProps } from '../types';
-export default function Strike(props: MarkProps): JSX.Element;
+export default function Strike(props: MarkProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MarkProps } from '../types';
-export default function Strong(props: MarkProps): JSX.Element;
+export default function Strong(props: MarkProps): React.JSX.Element;

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

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

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MarkProps } from '../types';
-export default function Underline(props: MarkProps): JSX.Element;
+export default function Underline(props: MarkProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MarkProps } from '../types';
-export default function UnsupportedMark(props: MarkProps): JSX.Element;
+export default function UnsupportedMark(props: MarkProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type MarkProps } from '../types';
-export default function UnsupportedNodeAttribute(props: MarkProps): JSX.Element;
+export default function UnsupportedNodeAttribute(props: MarkProps): React.JSX.Element;

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

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function Blockquote(props: React.PropsWithChildren<unknown>): JSX.Element;
+export default function Blockquote(props: React.PropsWithChildren<unknown>): React.JSX.Element;

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

@@ -21,5 +21,5 @@ interface Props {
     marks?: PMMark[];
     startPos: number;
 }
-declare const BodiedExtension: (props: React.PropsWithChildren<Props>) => JSX.Element;
+declare const BodiedExtension: (props: React.PropsWithChildren<Props>) => React.JSX.Element;
 export default BodiedExtension;

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

@@ -2,4 +2,4 @@ import React from 'react';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 export default function BulletList(props: React.PropsWithChildren<{
     path?: Node[];
-}>): JSX.Element;
+}>): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type NodeProps } from '../types';
-declare const RenderCaption: ({ children, dataAttributes }: NodeProps) => JSX.Element;
+declare const RenderCaption: ({ children, dataAttributes }: NodeProps) => React.JSX.Element;
 export default RenderCaption;

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

@@ -8,5 +8,5 @@ export interface Props extends MarkDataAttributes {
 export declare const DateComponent: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
-declare function DateWithFormatContext(props: Props): JSX.Element;
+declare function DateWithFormatContext(props: Props): React.JSX.Element;
 export default DateWithFormatContext;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type NodeProps } from '../types';
-export default function DecisionItem({ children, dataAttributes }: NodeProps): JSX.Element;
+export default function DecisionItem({ children, dataAttributes }: NodeProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 export interface Props {
     children?: JSX.Element | JSX.Element[];
 }
 export default class DecisionList extends PureComponent<Props, Object> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export default function Doc(props: any): JSX.Element;
-export declare function DocWithSelectAllTrap(props: any): JSX.Element;
+import React from 'react';
+export default function Doc(props: any): React.JSX.Element;
+export declare function DocWithSelectAllTrap(props: any): React.JSX.Element;

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

@@ -24,7 +24,7 @@ type AllOrNone<T> = T | {
 type RenderExtensionOptions = {
     isTopLevel?: boolean;
 } & AllOrNone<OverflowShadowProps>;
-export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean) => JSX.Element;
+export declare const renderExtension: (content: any, layout: string, options?: RenderExtensionOptions, removeOverflow?: boolean) => React.JSX.Element;
 declare const _default: {
     new (props: Props | Readonly<Props>): {
         overflowContainer?: HTMLElement | null | undefined;
@@ -46,7 +46,7 @@ declare const _default: {
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         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;
@@ -73,10 +73,9 @@ declare const _default: {
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
         state: {
-            showLeftShadow: boolean; /** We don't want this error to block renderer */
-            /** We keep rendering the default content */
+            showLeftShadow: boolean;
             showRightShadow: boolean;
-        };
+        }; /** We keep rendering the default content */
         componentWillUnmount(): void;
         componentDidUpdate(): void;
         handleScroll: (event: Event) => void;
@@ -86,7 +85,7 @@ declare const _default: {
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         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;

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

@@ -18,7 +18,7 @@ export declare class CardErrorBoundary extends React.PureComponent<{
         isError: boolean;
         error: Error;
     };
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
     componentDidCatch(_error: Error): void;
 }
 export {};

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface Props {
     forceNewLine?: boolean;
 }
-declare const HardBreak: ({ forceNewLine }: Props) => JSX.Element;
+declare const HardBreak: ({ forceNewLine }: Props) => React.JSX.Element;
 export default HardBreak;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { type NodeProps } from '../types';
 import { type HeadingAnchorLinksProps } from '../../ui/Renderer/types';
@@ -10,5 +10,5 @@ declare function Heading(props: NodeProps<{
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     marks?: PMNode['marks'];
     invisible?: boolean;
-}>): JSX.Element;
+}>): React.JSX.Element;
 export default Heading;

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

@@ -14,7 +14,7 @@ export interface InlineCardProps extends MarkDataAttributes {
 }
 declare const _default: {
     new (props: import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps> | Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>): {
-        render(): JSX.Element;
+        render(): import("react").JSX.Element;
         context: unknown;
         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;
@@ -37,7 +37,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>, context: any): {
-        render(): JSX.Element;
+        render(): import("react").JSX.Element;
         context: unknown;
         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;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { RendererContext } from '../types';
 import type { Mark as PMMark } from '@atlaskit/editor-prosemirror/model';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
@@ -14,5 +14,5 @@ interface Props {
     localId?: string;
     marks?: PMMark[];
 }
-declare const InlineExtension: (props: Props) => JSX.Element;
+declare const InlineExtension: (props: Props) => React.JSX.Element;
 export default InlineExtension;

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

@@ -2,4 +2,4 @@ import React from 'react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export default function LayoutSection(props: React.PropsWithChildren<{
     content?: PMNode[];
-}>): JSX.Element;
+}>): React.JSX.Element;

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

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function ListItem(props: React.PropsWithChildren<unknown>): JSX.Element;
+export default function ListItem(props: React.PropsWithChildren<unknown>): React.JSX.Element;

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

@@ -19,12 +19,12 @@ export default class MediaGroup extends PureComponent<MediaGroupProps, MediaGrou
     state: MediaGroupState;
     private handleSize;
     private handleScroll;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     renderSingleFile(child: ReactElement<MediaProps>): ReactElement<MediaProps, string | React.JSXElementConstructor<any>>;
     renderSingleLink(child: ReactElement<MediaProps>): 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[]): ReactElement<MediaProps, string | React.JSXElementConstructor<any>>;
-    renderStrip(): JSX.Element;
+    renderStrip(): React.JSX.Element;
     private mapMediaPropsToIdentifier;
 }
 export {};

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

@@ -6,4 +6,4 @@ export default function OrderedList(props: {
     path?: Node[];
     content?: Node[];
     children: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type NodeProps } from '../types';
-export default function Paragraph({ children, dataAttributes }: NodeProps): JSX.Element;
+export default function Paragraph({ children, dataAttributes }: NodeProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface Props {
     text: string;
     allowPlaceholderText?: boolean;
 }
-export default function Placeholder(props: Props): JSX.Element;
+export default function Placeholder(props: Props): React.JSX.Element;
 export {};

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import type { SharedTableProps } from './types';
-export declare const Colgroup: (props: SharedTableProps) => JSX.Element | null;
+export declare const Colgroup: (props: SharedTableProps) => React.JSX.Element | null;

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

@@ -4,5 +4,5 @@ type TableProps = SharedTableProps & {
     innerRef?: React.RefObject<HTMLTableElement>;
     children: React.ReactNode[];
 };
-export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, }: TableProps) => JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, }: TableProps) => React.JSX.Element>;
 export {};

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

@@ -50,7 +50,7 @@ export declare class TableContainer extends React.Component<TableProps & Overflo
     get pinTop(): number | undefined;
     get shouldAddOverflowParentOffsetTop_DO_NOT_USE(): boolean | null | undefined;
     get stickyTop(): number | undefined;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private grabFirstRowRef;
 }
 type TableProcessorState = {
@@ -60,7 +60,7 @@ export declare class TableProcessor extends React.Component<TableProps & Overflo
     state: {
         tableOrderStatus: undefined;
     };
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     private addSortableColumn;
     private changeSortOrder;
     private addNumberColumnIndexes;
@@ -87,7 +87,7 @@ declare const _default: {
         allowTableAlignment?: boolean | undefined;
         allowTableResizing?: boolean | undefined;
     } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
@@ -210,7 +210,7 @@ declare const _default: {
         allowTableAlignment?: boolean | undefined;
         allowTableResizing?: boolean | undefined;
     } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;

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

@@ -18,7 +18,7 @@ export type CellWithSortingProps = CellProps & {
     sortOrdered?: SortOrder;
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
 };
-export declare const withSortableColumn: (WrapperComponent: React.ElementType) => (props: CellWithSortingProps) => JSX.Element;
-export declare const TableHeader: (props: CellWithSortingProps) => JSX.Element;
-export declare const TableCell: (props: CellProps) => JSX.Element;
+export declare const withSortableColumn: (WrapperComponent: React.ElementType) => (props: CellWithSortingProps) => React.JSX.Element;
+export declare const TableHeader: (props: CellWithSortingProps) => React.JSX.Element;
+export declare const TableCell: (props: CellProps) => React.JSX.Element;
 export {};

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

@@ -19,6 +19,6 @@ export default class TableRow extends React.Component<Props, State> {
     state: State;
     addSortableColumn: (childrenArray: React.ReactNode[]) => React.ReactNode[];
     addColGroupWidth: (childrenArray: React.ReactNode[]) => React.ReactNode[];
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/react/nodes/task-item-with-providers.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import { type ContentRef, type TaskDecisionProvider } from '@atlaskit/task-decision';
 interface Props {
@@ -17,5 +17,5 @@ interface Props {
         [key: string]: string | number;
     };
 }
-export default function TaskItemWithProviders(props: Props): JSX.Element;
+export default function TaskItemWithProviders(props: Props): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { PureComponent, type ReactNode } from 'react';
+import React, { PureComponent, type ReactNode } from 'react';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { type RendererContext, type NodeProps } from '../types';
 export interface Props {
@@ -14,5 +14,5 @@ export default class TaskItem extends PureComponent<NodeProps<Props>, Object> {
     constructor(props: NodeProps<Props>);
     componentWillUnmount(): void;
     private renderWithProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,8 +1,8 @@
-import { PureComponent, type ReactNode } from 'react';
+import React, { PureComponent, type ReactNode } from 'react';
 export interface Props {
     localId?: string;
     children?: ReactNode;
 }
 export default class TaskList extends PureComponent<Props, Object> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/dist/types/react/nodes/text-wrapper.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import React from 'react';
 import type { TextHighlighter } from '../types';
 import type { Mark } from '@atlaskit/editor-prosemirror/model';
 type Props = {
@@ -8,5 +9,5 @@ type Props = {
     textHighlighter?: TextHighlighter;
     marks?: readonly Mark[];
 };
-declare const TextWrapper: (props: Props) => JSX.Element | null;
+declare const TextWrapper: (props: Props) => React.JSX.Element | null;
 export default TextWrapper;

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

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function UnknownBlock(props: React.PropsWithChildren<unknown>): JSX.Element;
+export default function UnknownBlock(props: React.PropsWithChildren<unknown>): React.JSX.Element;

package/dist/types/react/utils/EditorMediaClientProvider.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import type { MediaSSR } from '../../types/mediaOptions';
 export declare const EditorMediaClientProvider: ({ children, ssr, }: React.PropsWithChildren<{
     ssr?: MediaSSR | undefined;
-}>) => JSX.Element;
+}>) => React.JSX.Element;

package/dist/types/react/utils/render-text-segments.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import type { Mark } from '@atlaskit/editor-prosemirror/model';
 import type { TextSegment } from './segment-text';
 import type { TextHighlighter } from '../types';
-export declare function renderTextSegments(segments: Array<TextSegment>, textHighlighter: TextHighlighter | undefined, marksList: readonly Mark[], startPos: number): string | JSX.Element;
+export declare function renderTextSegments(segments: Array<TextSegment>, textHighlighter: TextHighlighter | undefined, marksList: readonly Mark[], startPos: number): string | React.JSX.Element;