@atlaskit/renderer 112.12.1 → 112.12.3

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @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
+
+- Updated dependencies
+
 ## 112.12.1
 
 ### Patch Changes

package/dist/cjs/react/nodes/media/index.js

@@ -116,7 +116,7 @@ var MediaAnnotation = function MediaAnnotation(_ref3) {
     useBlockLevel: true
   }, children);
 };
-var MediaAnnotations = function MediaAnnotations(_ref4) {
+var _MediaAnnotations = function MediaAnnotations(_ref4) {
   var _ref4$marks = _ref4.marks,
     marks = _ref4$marks === void 0 ? [] : _ref4$marks,
     children = _ref4.children;
@@ -131,7 +131,7 @@ var MediaAnnotations = function MediaAnnotations(_ref4) {
   return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(MediaAnnotation, {
     key: currentMark.attrs.id,
     mark: currentMark
-  }, otherMarks.length ? (0, _react2.jsx)(MediaAnnotations, {
+  }, otherMarks.length ? (0, _react2.jsx)(_MediaAnnotations, {
     marks: otherMarks
   }, children) : (0, _react2.jsx)(_react.Fragment, null, children)));
 };
@@ -332,7 +332,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       return (0, _react2.jsx)(MediaLink, {
         mark: linkMark,
         onClick: _this.handleMediaLinkClickFn
-      }, (0, _react2.jsx)(MediaAnnotations, {
+      }, (0, _react2.jsx)(_MediaAnnotations, {
         marks: annotationMarks
       }, (0, _react2.jsx)(MediaBorder, {
         mark: borderMark

package/dist/cjs/react/nodes/mediaSingle/index.js

@@ -43,7 +43,7 @@ var isMediaElement = function isMediaElement(media) {
   // better than assume the first item in children is media
   return nodeType === 'media' || ['external', 'file', 'link'].indexOf(type) >= 0;
 };
-var checkForMediaElement = function checkForMediaElement(children) {
+var _checkForMediaElement = function checkForMediaElement(children) {
   var _React$Children$toArr = _react.default.Children.toArray(children),
     _React$Children$toArr2 = (0, _slicedToArray2.default)(_React$Children$toArr, 1),
     media = _React$Children$toArr2[0];
@@ -52,7 +52,7 @@ var checkForMediaElement = function checkForMediaElement(children) {
   if (media && !isMediaElement(media) && media.props.children) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return checkForMediaElement(media.props.children);
+    return _checkForMediaElement(media.props.children);
   }
   return media;
 };
@@ -256,7 +256,7 @@ var MediaSingle = function MediaSingle(props) {
   if (!isMediaElement(node)) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var mediaElement = checkForMediaElement(node.props.children);
+    var mediaElement = _checkForMediaElement(node.props.children);
     if (!mediaElement) {
       return node;
     }

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/breakout-ssr.js

@@ -195,14 +195,14 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
    * – https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event
    * – https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event
    */
-  var disconnect = function disconnect() {
+  var _disconnect = function disconnect() {
     observer.disconnect();
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    window.removeEventListener('load', disconnect);
+    window.removeEventListener('load', _disconnect);
   };
   // Ignored via go/ees005
   // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  window.addEventListener('load', disconnect);
+  window.addEventListener('load', _disconnect);
 }
 var calcLineLength = exports.calcLineLength = _utils.breakoutConsts.calcLineLength;

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.1";
+var packageVersion = "112.12.3";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

package/dist/cjs/ui/annotations/draft/text.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var findTextString = exports.findTextString = function findTextString(reactNode) {
+var _findTextString = exports.findTextString = function findTextString(reactNode) {
   var result = null;
   var children = _react.default.Children.toArray(reactNode);
   var _iterator = _createForOfIteratorHelper(children),
@@ -22,7 +22,7 @@ var findTextString = exports.findTextString = function findTextString(reactNode)
       } else if (typeof childNode === 'string') {
         result = childNode;
       } else if (isReactElement(childNode) && childNode.props.children) {
-        result = findTextString(childNode.props.children);
+        result = _findTextString(childNode.props.children);
       }
     }
   } catch (err) {

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.1";
+const packageVersion = "112.12.3";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

package/dist/esm/react/nodes/media/index.js

@@ -107,7 +107,7 @@ var MediaAnnotation = function MediaAnnotation(_ref3) {
     useBlockLevel: true
   }, children);
 };
-var MediaAnnotations = function MediaAnnotations(_ref4) {
+var _MediaAnnotations = function MediaAnnotations(_ref4) {
   var _ref4$marks = _ref4.marks,
     marks = _ref4$marks === void 0 ? [] : _ref4$marks,
     children = _ref4.children;
@@ -122,7 +122,7 @@ var MediaAnnotations = function MediaAnnotations(_ref4) {
   return jsx(Fragment, null, jsx(MediaAnnotation, {
     key: currentMark.attrs.id,
     mark: currentMark
-  }, otherMarks.length ? jsx(MediaAnnotations, {
+  }, otherMarks.length ? jsx(_MediaAnnotations, {
     marks: otherMarks
   }, children) : jsx(Fragment, null, children)));
 };
@@ -323,7 +323,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       return jsx(MediaLink, {
         mark: linkMark,
         onClick: _this.handleMediaLinkClickFn
-      }, jsx(MediaAnnotations, {
+      }, jsx(_MediaAnnotations, {
         marks: annotationMarks
       }, jsx(MediaBorder, {
         mark: borderMark

package/dist/esm/react/nodes/mediaSingle/index.js

@@ -32,7 +32,7 @@ var isMediaElement = function isMediaElement(media) {
   // better than assume the first item in children is media
   return nodeType === 'media' || ['external', 'file', 'link'].indexOf(type) >= 0;
 };
-var checkForMediaElement = function checkForMediaElement(children) {
+var _checkForMediaElement = function checkForMediaElement(children) {
   var _React$Children$toArr = React.Children.toArray(children),
     _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 1),
     media = _React$Children$toArr2[0];
@@ -41,7 +41,7 @@ var checkForMediaElement = function checkForMediaElement(children) {
   if (media && !isMediaElement(media) && media.props.children) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return checkForMediaElement(media.props.children);
+    return _checkForMediaElement(media.props.children);
   }
   return media;
 };
@@ -245,7 +245,7 @@ var MediaSingle = function MediaSingle(props) {
   if (!isMediaElement(node)) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var mediaElement = checkForMediaElement(node.props.children);
+    var mediaElement = _checkForMediaElement(node.props.children);
     if (!mediaElement) {
       return node;
     }

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/breakout-ssr.js

@@ -186,14 +186,14 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
    * – https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event
    * – https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event
    */
-  var disconnect = function disconnect() {
+  var _disconnect = function disconnect() {
     observer.disconnect();
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    window.removeEventListener('load', disconnect);
+    window.removeEventListener('load', _disconnect);
   };
   // Ignored via go/ees005
   // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  window.addEventListener('load', disconnect);
+  window.addEventListener('load', _disconnect);
 }
 export var calcLineLength = breakoutConsts.calcLineLength;

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.1";
+var packageVersion = "112.12.3";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

package/dist/esm/ui/annotations/draft/text.js

@@ -2,7 +2,7 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React from 'react';
-export var findTextString = function findTextString(reactNode) {
+var _findTextString = function findTextString(reactNode) {
   var result = null;
   var children = React.Children.toArray(reactNode);
   var _iterator = _createForOfIteratorHelper(children),
@@ -15,7 +15,7 @@ export var findTextString = function findTextString(reactNode) {
       } else if (typeof childNode === 'string') {
         result = childNode;
       } else if (isReactElement(childNode) && childNode.props.children) {
-        result = findTextString(childNode.props.children);
+        result = _findTextString(childNode.props.children);
       }
     }
   } catch (err) {
@@ -25,6 +25,7 @@ export var findTextString = function findTextString(reactNode) {
   }
   return result;
 };
+export { _findTextString as findTextString };
 function isReactElement(child) {
   return !!child.type;
 }

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;