@atlaskit/renderer 112.11.1 → 112.12.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @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
+
+- [#108013](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108013)
+  [`7b0f37c8dfc41`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7b0f37c8dfc41) -
+  [ux] ED-26409 remove platform_editor_external_media_comment_bugfix fg
+
 ## 112.11.1
 
 ### Patch Changes

package/dist/cjs/ui/MediaCard.js

@@ -20,7 +20,6 @@ var _traverse = require("@atlaskit/adf-utils/traverse");
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _utils = require("@atlaskit/editor-common/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -230,35 +229,13 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
 
       // we need this statement for the mandatory mediaClientConfig below
       var mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_external_media_comment_bugfix')) {
-        return (
-          /*#__PURE__*/
-          // Ignored via go/ees005
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          _react.default.createElement("div", (0, _extends2.default)({}, dataAttributes, {
-            "data-node-type": "media"
-          }), /*#__PURE__*/_react.default.createElement(_mediaCard.Card
-          // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
-          // context is not really used when the type is external and we want to render the component asap
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          , {
-            mediaClientConfig: mediaClientConfig,
-            alt: alt,
-            identifier: identifier,
-            dimensions: cardDimensions,
-            appearance: appearance,
-            resizeMode: resizeMode,
-            disableOverlay: disableOverlay,
-            shouldOpenMediaViewer: shouldOpenMediaViewer,
-            mediaViewerItems: Array.from(mediaIdentifierMap.values()),
-            featureFlags: featureFlags,
-            ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-            shouldHideTooltip: false
-          }))
-        );
-      } else {
-        return /*#__PURE__*/_react.default.createElement(_mediaCard.Card
+      return (
+        /*#__PURE__*/
+        // Ignored via go/ees005
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        _react.default.createElement("div", (0, _extends2.default)({}, dataAttributes, {
+          "data-node-type": "media"
+        }), /*#__PURE__*/_react.default.createElement(_mediaCard.Card
         // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
         // context is not really used when the type is external and we want to render the component asap
         // Ignored via go/ees005
@@ -276,8 +253,8 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
           featureFlags: featureFlags,
           ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
           shouldHideTooltip: false
-        });
-      }
+        }))
+      );
     }
   }, {
     key: "render",

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

package/dist/es2019/ui/MediaCard.js

@@ -5,7 +5,6 @@ import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const mediaIdentifierMap = new Map();
 export const getListOfIdentifiersFromDoc = doc => {
   if (!doc) {
@@ -165,35 +164,13 @@ export class MediaCardView extends Component {
 
     // we need this statement for the mandatory mediaClientConfig below
     const mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
-    if (fg('platform_editor_external_media_comment_bugfix')) {
-      return (
-        /*#__PURE__*/
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        React.createElement("div", _extends({}, dataAttributes, {
-          "data-node-type": "media"
-        }), /*#__PURE__*/React.createElement(Card
-        // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
-        // context is not really used when the type is external and we want to render the component asap
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        , {
-          mediaClientConfig: mediaClientConfig,
-          alt: alt,
-          identifier: identifier,
-          dimensions: cardDimensions,
-          appearance: appearance,
-          resizeMode: resizeMode,
-          disableOverlay: disableOverlay,
-          shouldOpenMediaViewer: shouldOpenMediaViewer,
-          mediaViewerItems: Array.from(mediaIdentifierMap.values()),
-          featureFlags: featureFlags,
-          ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-          shouldHideTooltip: false
-        }))
-      );
-    } else {
-      return /*#__PURE__*/React.createElement(Card
+    return (
+      /*#__PURE__*/
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      React.createElement("div", _extends({}, dataAttributes, {
+        "data-node-type": "media"
+      }), /*#__PURE__*/React.createElement(Card
       // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
       // context is not really used when the type is external and we want to render the component asap
       // Ignored via go/ees005
@@ -211,8 +188,8 @@ export class MediaCardView extends Component {
         featureFlags: featureFlags,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
         shouldHideTooltip: false
-      });
-    }
+      }))
+    );
   }
   render() {
     const {

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

package/dist/esm/ui/MediaCard.js

@@ -16,7 +16,6 @@ import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var mediaIdentifierMap = new Map();
 export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {
@@ -220,35 +219,13 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
 
       // we need this statement for the mandatory mediaClientConfig below
       var mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
-      if (fg('platform_editor_external_media_comment_bugfix')) {
-        return (
-          /*#__PURE__*/
-          // Ignored via go/ees005
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          React.createElement("div", _extends({}, dataAttributes, {
-            "data-node-type": "media"
-          }), /*#__PURE__*/React.createElement(Card
-          // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
-          // context is not really used when the type is external and we want to render the component asap
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          , {
-            mediaClientConfig: mediaClientConfig,
-            alt: alt,
-            identifier: identifier,
-            dimensions: cardDimensions,
-            appearance: appearance,
-            resizeMode: resizeMode,
-            disableOverlay: disableOverlay,
-            shouldOpenMediaViewer: shouldOpenMediaViewer,
-            mediaViewerItems: Array.from(mediaIdentifierMap.values()),
-            featureFlags: featureFlags,
-            ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-            shouldHideTooltip: false
-          }))
-        );
-      } else {
-        return /*#__PURE__*/React.createElement(Card
+      return (
+        /*#__PURE__*/
+        // Ignored via go/ees005
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        React.createElement("div", _extends({}, dataAttributes, {
+          "data-node-type": "media"
+        }), /*#__PURE__*/React.createElement(Card
         // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
         // context is not really used when the type is external and we want to render the component asap
         // Ignored via go/ees005
@@ -266,8 +243,8 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
           featureFlags: featureFlags,
           ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
           shouldHideTooltip: false
-        });
-      }
+        }))
+      );
     }
   }, {
     key: "render",

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.1";
+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.1",
+	"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",
@@ -137,9 +137,6 @@
 		"platform_editor_allow_annotation_triple_click": {
 			"type": "boolean"
 		},
-		"platform_editor_external_media_comment_bugfix": {
-			"type": "boolean"
-		},
 		"platform_editor_nested_table_in_nested_parent_fix": {
 			"type": "boolean"
 		},