@atlaskit/renderer 112.11.2 → 112.12.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/renderer
 
+## 112.12.0
+
+### Minor Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 112.11.2
 
 ### Patch Changes

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

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

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

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

@@ -8,9 +8,13 @@ export declare function CodeWithIntl(props: MarkProps<{
 }> & WrappedComponentProps): JSX.Element;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     codeBidiWarningTooltipEnabled: boolean;
-} & import("../types").MarkMeta & WrappedComponentProps>> & {
+} & import("../types").MarkMeta & {
+    children?: React.ReactNode;
+} & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         codeBidiWarningTooltipEnabled: boolean;
-    } & import("../types").MarkMeta & WrappedComponentProps>;
+    } & import("../types").MarkMeta & {
+        children?: React.ReactNode;
+    } & WrappedComponentProps>;
 };
 export default _default;

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

@@ -47,12 +47,10 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
         render(): JSX.Element;
-        context: any;
+        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;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Props>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -75,7 +73,8 @@ declare const _default: {
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
         state: {
-            showLeftShadow: boolean;
+            showLeftShadow: boolean; /** We don't want this error to block renderer */
+            /** We keep rendering the default content */
             showRightShadow: boolean;
         };
         componentWillUnmount(): void;
@@ -88,12 +87,10 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
         render(): JSX.Element;
-        context: any;
+        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;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Props>;
         refs: {
             [key: string]: React.ReactInstance;
         };

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

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

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

@@ -29,7 +29,7 @@ declare const CodeBlock: React.ComponentType<import("react-intl-next").WithIntlP
 declare const TaskList: React.ComponentType<import("./taskList").Props> & Loadable.LoadableComponent;
 declare const TaskItem: React.ComponentType<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent;
 declare const DecisionList: React.ComponentType<import("./decisionList").Props> & Loadable.LoadableComponent;
-declare const DecisionItem: React.ComponentType<Object & import("../types").NodeMeta> & Loadable.LoadableComponent;
+declare const DecisionItem: React.ComponentType<import("../types").NodeProps> & Loadable.LoadableComponent;
 declare const Date: React.ComponentType<import("./date").Props> & Loadable.LoadableComponent;
 declare const Status: React.ComponentType<import("./status").Props> & Loadable.LoadableComponent;
 declare const Emoji: React.ComponentType<import("./emoji").EmojiProps> & Loadable.LoadableComponent;
@@ -60,7 +60,7 @@ declare const BlockCard: React.ComponentType<{
     layout?: string | undefined;
     isNodeNested?: boolean | undefined;
 }> & Loadable.LoadableComponent;
-declare const Media: React.ComponentType<import("./media").MediaProps> & Loadable.LoadableComponent;
+declare const Media: React.ComponentType<React.PropsWithChildren<import("./media").MediaProps>> & Loadable.LoadableComponent;
 declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
 declare const MediaInline: React.ComponentType<import("react-intl-next").WithIntlProps<{
     id: string;

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

@@ -15,12 +15,10 @@ 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;
-        context: any;
+        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;
-        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -40,12 +38,10 @@ declare const _default: {
     };
     new (props: import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>, context: any): {
         render(): JSX.Element;
-        context: any;
+        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;
-        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;

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

@@ -88,7 +88,7 @@ declare const _default: {
         allowTableResizing?: boolean | undefined;
     } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>): {
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
         } & Omit<SharedTableProps & {
@@ -111,9 +111,7 @@ declare const _default: {
             stickyHeaders?: StickyHeaderConfig | undefined;
             allowTableAlignment?: boolean | undefined;
             allowTableResizing?: boolean | undefined;
-        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -213,7 +211,7 @@ declare const _default: {
         allowTableResizing?: boolean | undefined;
     } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>, context: any): {
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
         } & Omit<SharedTableProps & {
@@ -236,9 +234,7 @@ declare const _default: {
             stickyHeaders?: StickyHeaderConfig | undefined;
             allowTableAlignment?: boolean | undefined;
             allowTableResizing?: boolean | undefined;
-        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;

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

@@ -23,6 +23,6 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
     private hasFallback;
     private shouldRecover;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }
 export {};

package/dist/types/ui/SmartCardStorage.d.ts

@@ -8,12 +8,10 @@ export declare const Provider: ({ children }: React.PropsWithChildren<unknown>)
 export declare const withSmartCardStorage: <Props extends WithSmartCardStorageProps>(WrappedComponent: React.ComponentType<React.PropsWithChildren<Props>>) => {
     new (props: Diff<Props, WithSmartCardStorageProps> | Readonly<Diff<Props, WithSmartCardStorageProps>>): {
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Diff<Props, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -33,12 +31,10 @@ export declare const withSmartCardStorage: <Props extends WithSmartCardStoragePr
     };
     new (props: Diff<Props, WithSmartCardStorageProps>, context: any): {
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Diff<Props, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/types-ts4.5/react/marks/code.d.ts

@@ -8,9 +8,13 @@ export declare function CodeWithIntl(props: MarkProps<{
 }> & WrappedComponentProps): JSX.Element;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     codeBidiWarningTooltipEnabled: boolean;
-} & import("../types").MarkMeta & WrappedComponentProps>> & {
+} & import("../types").MarkMeta & {
+    children?: React.ReactNode;
+} & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
         codeBidiWarningTooltipEnabled: boolean;
-    } & import("../types").MarkMeta & WrappedComponentProps>;
+    } & import("../types").MarkMeta & {
+        children?: React.ReactNode;
+    } & WrappedComponentProps>;
 };
 export default _default;

package/dist/types-ts4.5/react/nodes/extension.d.ts

@@ -47,12 +47,10 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
         render(): JSX.Element;
-        context: any;
+        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;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Props>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -75,7 +73,8 @@ declare const _default: {
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
         state: {
-            showLeftShadow: boolean;
+            showLeftShadow: boolean; /** We don't want this error to block renderer */
+            /** We keep rendering the default content */
             showRightShadow: boolean;
         };
         componentWillUnmount(): void;
@@ -88,12 +87,10 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         initShadowObserver(): void;
         render(): JSX.Element;
-        context: any;
+        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;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Props>;
         refs: {
             [key: string]: React.ReactInstance;
         };

package/dist/types-ts4.5/react/nodes/fallback.d.ts

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

package/dist/types-ts4.5/react/nodes/index.d.ts

@@ -29,7 +29,7 @@ declare const CodeBlock: React.ComponentType<import("react-intl-next").WithIntlP
 declare const TaskList: React.ComponentType<import("./taskList").Props> & Loadable.LoadableComponent;
 declare const TaskItem: React.ComponentType<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent;
 declare const DecisionList: React.ComponentType<import("./decisionList").Props> & Loadable.LoadableComponent;
-declare const DecisionItem: React.ComponentType<Object & import("../types").NodeMeta> & Loadable.LoadableComponent;
+declare const DecisionItem: React.ComponentType<import("../types").NodeProps> & Loadable.LoadableComponent;
 declare const Date: React.ComponentType<import("./date").Props> & Loadable.LoadableComponent;
 declare const Status: React.ComponentType<import("./status").Props> & Loadable.LoadableComponent;
 declare const Emoji: React.ComponentType<import("./emoji").EmojiProps> & Loadable.LoadableComponent;
@@ -60,7 +60,7 @@ declare const BlockCard: React.ComponentType<{
     layout?: string | undefined;
     isNodeNested?: boolean | undefined;
 }> & Loadable.LoadableComponent;
-declare const Media: React.ComponentType<import("./media").MediaProps> & Loadable.LoadableComponent;
+declare const Media: React.ComponentType<React.PropsWithChildren<import("./media").MediaProps>> & Loadable.LoadableComponent;
 declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
 declare const MediaInline: React.ComponentType<import("react-intl-next").WithIntlProps<{
     id: string;

package/dist/types-ts4.5/react/nodes/inlineCard.d.ts

@@ -15,12 +15,10 @@ 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;
-        context: any;
+        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;
-        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;
@@ -40,12 +38,10 @@ declare const _default: {
     };
     new (props: import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>, context: any): {
         render(): JSX.Element;
-        context: any;
+        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;
-        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>> & Readonly<{
-            children?: import("react").ReactNode;
-        }>;
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: import("react").ReactInstance;

package/dist/types-ts4.5/react/nodes/table.d.ts

@@ -88,7 +88,7 @@ declare const _default: {
         allowTableResizing?: boolean | undefined;
     } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>): {
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
         } & Omit<SharedTableProps & {
@@ -111,9 +111,7 @@ declare const _default: {
             stickyHeaders?: StickyHeaderConfig | undefined;
             allowTableAlignment?: boolean | undefined;
             allowTableResizing?: boolean | undefined;
-        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -213,7 +211,7 @@ declare const _default: {
         allowTableResizing?: boolean | undefined;
     } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>, context: any): {
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
         } & Omit<SharedTableProps & {
@@ -236,9 +234,7 @@ declare const _default: {
             stickyHeaders?: StickyHeaderConfig | undefined;
             allowTableAlignment?: boolean | undefined;
             allowTableResizing?: boolean | undefined;
-        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/types-ts4.5/ui/Renderer/ErrorBoundary.d.ts

@@ -23,6 +23,6 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
     private hasFallback;
     private shouldRecover;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }
 export {};

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

@@ -8,12 +8,10 @@ export declare const Provider: ({ children }: React.PropsWithChildren<unknown>)
 export declare const withSmartCardStorage: <Props extends WithSmartCardStorageProps>(WrappedComponent: React.ComponentType<React.PropsWithChildren<Props>>) => {
     new (props: Diff<Props, WithSmartCardStorageProps> | Readonly<Diff<Props, WithSmartCardStorageProps>>): {
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Diff<Props, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -33,12 +31,10 @@ export declare const withSmartCardStorage: <Props extends WithSmartCardStoragePr
     };
     new (props: Diff<Props, WithSmartCardStorageProps>, context: any): {
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Diff<Props, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "112.11.2",
+	"version": "112.12.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -23,37 +23,37 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/adf-utils": "^19.17.0",
-		"@atlaskit/analytics-listeners": "^8.13.0",
-		"@atlaskit/analytics-namespaced-context": "^6.12.0",
-		"@atlaskit/analytics-next": "^10.2.0",
-		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/code": "^15.6.0",
-		"@atlaskit/editor-common": "^99.5.0",
-		"@atlaskit/editor-json-transformer": "^8.21.0",
-		"@atlaskit/editor-palette": "1.6.4",
+		"@atlaskit/adf-utils": "^19.18.0",
+		"@atlaskit/analytics-listeners": "^8.14.0",
+		"@atlaskit/analytics-namespaced-context": "^6.13.0",
+		"@atlaskit/analytics-next": "^10.3.0",
+		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/code": "^15.7.0",
+		"@atlaskit/editor-common": "^99.6.0",
+		"@atlaskit/editor-json-transformer": "^8.22.0",
+		"@atlaskit/editor-palette": "1.7.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
-		"@atlaskit/emoji": "^67.12.0",
+		"@atlaskit/emoji": "^67.13.0",
 		"@atlaskit/feature-gate-js-client": "^4.23.0",
-		"@atlaskit/icon": "^23.4.0",
-		"@atlaskit/link-datasource": "^3.16.0",
-		"@atlaskit/media-card": "^78.18.0",
-		"@atlaskit/media-client": "^31.0.0",
-		"@atlaskit/media-client-react": "^2.6.0",
-		"@atlaskit/media-common": "^11.7.0",
-		"@atlaskit/media-filmstrip": "^48.1.0",
-		"@atlaskit/media-ui": "^27.3.0",
-		"@atlaskit/media-viewer": "^50.0.0",
+		"@atlaskit/icon": "^23.5.0",
+		"@atlaskit/link-datasource": "^3.17.0",
+		"@atlaskit/media-card": "^78.19.0",
+		"@atlaskit/media-client": "^31.1.0",
+		"@atlaskit/media-client-react": "^2.7.0",
+		"@atlaskit/media-common": "^11.8.0",
+		"@atlaskit/media-filmstrip": "^48.2.0",
+		"@atlaskit/media-ui": "^27.4.0",
+		"@atlaskit/media-viewer": "^50.1.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/smart-card": "^34.6.0",
-		"@atlaskit/status": "^1.8.0",
-		"@atlaskit/task-decision": "^17.11.0",
-		"@atlaskit/theme": "^14.0.0",
+		"@atlaskit/smart-card": "^34.8.0",
+		"@atlaskit/status": "^1.9.0",
+		"@atlaskit/task-decision": "^17.12.0",
+		"@atlaskit/theme": "^14.1.0",
 		"@atlaskit/tmp-editor-statsig": "^2.41.0",
-		"@atlaskit/tokens": "^3.2.0",
-		"@atlaskit/tooltip": "^19.0.0",
-		"@atlaskit/visually-hidden": "^1.5.0",
+		"@atlaskit/tokens": "^3.3.0",
+		"@atlaskit/tooltip": "^19.1.0",
+		"@atlaskit/visually-hidden": "^1.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -74,22 +74,22 @@
 		"@af/visual-regression": "*",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/css-reset": "^6.11.0",
-		"@atlaskit/link-provider": "^1.18.0",
-		"@atlaskit/link-test-helpers": "^7.5.0",
-		"@atlaskit/linking-common": "^6.1.0",
-		"@atlaskit/media-core": "^34.4.0",
+		"@atlaskit/link-provider": "^1.19.0",
+		"@atlaskit/link-test-helpers": "^7.6.0",
+		"@atlaskit/linking-common": "^6.2.0",
+		"@atlaskit/media-core": "^34.5.0",
 		"@atlaskit/media-integration-test-helpers": "^3.1.0",
-		"@atlaskit/media-test-helpers": "^34.7.0",
-		"@atlaskit/mention": "^23.10.0",
+		"@atlaskit/media-test-helpers": "^34.8.0",
+		"@atlaskit/mention": "^23.11.0",
 		"@atlaskit/navigation-next": "^9.0.0",
-		"@atlaskit/util-data-test": "^17.13.0",
+		"@atlaskit/util-data-test": "^18.0.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
-		"@testing-library/react": "^12.1.5",
+		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/react-loadable": "^5.4.1",
-		"@types/react-test-renderer": "^16.8.1",
+		"@types/react-test-renderer": "^18.0.6",
 		"ajv": "^6.12.6",
 		"enzyme": "^3.10.0",
 		"jsdom": "^22.0.0",
@@ -98,7 +98,7 @@
 		"react-live-clock": "^5.0.0",
 		"react-magnetic-di": "^3.1.4",
 		"react-moment": "^1.1.2",
-		"react-test-renderer": "^16.8.0",
+		"react-test-renderer": "^18.2.0",
 		"rxjs": "^5.5.0",
 		"sinon": "^2.2.0",
 		"typescript": "~5.4.2",