@atlaskit/renderer 109.6.3 → 109.7.1

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

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { useMemo, useContext, useState, useRef } from 'react';
@@ -15,8 +13,21 @@ import { CardErrorBoundary } from './fallback';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-var embedCardWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n\n  > div {\n    height: 100%;\n  }\n\n  .loader-wrapper {\n    height: 100%;\n  }\n\n  margin: 0 auto;\n"])));
-var uIMediaSingleLayoutStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])));
+var embedCardWrapperStyles = css({
+  width: '100%',
+  height: '100%',
+  '> div': {
+    height: '100%'
+  },
+  '.loader-wrapper': {
+    height: '100%'
+  },
+  margin: '0 auto'
+});
+var uIMediaSingleLayoutStyles = css({
+  marginLeft: '50%',
+  transform: 'translateX(-50%)'
+});
 export default function EmbedCard(props) {
   var _smartLinks$frameStyl;
   var url = props.url,
@@ -27,7 +38,8 @@ export default function EmbedCard(props) {
     width = props.width,
     isInsideOfBlockNode = props.isInsideOfBlockNode,
     rendererAppearance = props.rendererAppearance,
-    smartLinks = props.smartLinks;
+    smartLinks = props.smartLinks,
+    isInsideOfInlineExtension = props.isInsideOfInlineExtension;
   var embedIframeRef = useRef(null);
   var onClick = getCardClickHandler(eventHandlers, url);
   var _ref = smartLinks || {},
@@ -141,7 +153,8 @@ export default function EmbedCard(props) {
       fullWidthMode: isFullWidth,
       nodeType: "embedCard",
       lineLength: isInsideOfBlockNode ? containerWidth : lineLength,
-      hasFallbackContainer: hasPreview
+      hasFallbackContainer: hasPreview,
+      isInsideOfInlineExtension: isInsideOfInlineExtension
     }, jsx("div", {
       css: embedCardWrapperStyles
     }, jsx("div", {

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

@@ -35,19 +35,18 @@ var checkForMediaElement = function checkForMediaElement(children) {
 // returns the existing container width if available (non SSR mode), otherwise
 // we return a default width value
 export var getMediaContainerWidth = function getMediaContainerWidth(currentContainerWidth, layout) {
-  if (currentContainerWidth) {
-    return currentContainerWidth;
-  }
-
-  // SSR mode fallback to default layout width
-  switch (layout) {
-    case 'full-width':
-      return akEditorFullWidthLayoutWidth;
-    case 'wide':
-      return akEditorWideLayoutWidth;
-    default:
-      return akEditorDefaultLayoutWidth;
+  if (!currentContainerWidth) {
+    // SSR mode fallback to default layout width
+    switch (layout) {
+      case 'full-width':
+        return akEditorFullWidthLayoutWidth;
+      case 'wide':
+        return akEditorWideLayoutWidth;
+      default:
+        return akEditorDefaultLayoutWidth;
+    }
   }
+  return currentContainerWidth;
 };
 var MediaSingle = function MediaSingle(props) {
   var rendererAppearance = props.rendererAppearance,
@@ -58,7 +57,9 @@ var MediaSingle = function MediaSingle(props) {
     widthAttr = props.width,
     widthType = props.widthType,
     _props$allowCaptions = props.allowCaptions,
-    allowCaptions = _props$allowCaptions === void 0 ? false : _props$allowCaptions;
+    allowCaptions = _props$allowCaptions === void 0 ? false : _props$allowCaptions,
+    _props$isInsideOfInli = props.isInsideOfInlineExtension,
+    isInsideOfInlineExtension = _props$isInsideOfInli === void 0 ? false : _props$isInsideOfInli;
   var _React$useState = React.useState({
       width: 0,
       height: 0
@@ -135,8 +136,7 @@ var MediaSingle = function MediaSingle(props) {
     var lineLength = isFullWidth ? minWidth : nonFullWidthSize;
     return {
       cardDimensions: cardDimensions,
-      lineLength: lineLength,
-      containerWidth: containerWidth
+      lineLength: lineLength
     };
   };
   var originalDimensions = {
@@ -144,10 +144,10 @@ var MediaSingle = function MediaSingle(props) {
     width: width
   };
   var renderMediaSingle = function renderMediaSingle(renderWidth) {
-    var _calcDimensions = calcDimensions(renderWidth),
+    var containerWidth = getMediaContainerWidth(renderWidth, layout);
+    var _calcDimensions = calcDimensions(containerWidth),
       cardDimensions = _calcDimensions.cardDimensions,
-      lineLength = _calcDimensions.lineLength,
-      containerWidth = _calcDimensions.containerWidth;
+      lineLength = _calcDimensions.lineLength;
     var mediaComponent = /*#__PURE__*/React.cloneElement(media, {
       resizeMode: 'stretchy-fit',
       cardDimensions: cardDimensions,
@@ -169,7 +169,8 @@ var MediaSingle = function MediaSingle(props) {
         width: widthAttr,
         widthType: widthType
       },
-      fullWidthMode: isFullWidth
+      fullWidthMode: isFullWidth,
+      isInsideOfInlineExtension: isInsideOfInlineExtension
     }, jsx(Fragment, null, mediaComponent), allowCaptions && caption);
   };
   return jsx(WidthConsumer, null, function (_ref3) {

package/dist/esm/ui/ExtensionRenderer.js

@@ -7,11 +7,19 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React from 'react';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import React, { Fragment } from 'react';
 import memoizeOne from 'memoize-one';
 import { getNodeRenderer } from '@atlaskit/editor-common/extensions';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+var inlineExtensionStyle = css({
+  '& .rich-media-item': {
+    maxWidth: '100%'
+  }
+});
 var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
   _inherits(ExtensionRenderer, _React$Component);
   var _super = _createSuper(ExtensionRenderer);
@@ -69,14 +77,14 @@ var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
         if (!result && extensionProvider) {
           var NodeRenderer = _this.getNodeRenderer(extensionProvider, extensionType, extensionKey);
           if (node.type === 'multiBodiedExtension') {
-            result = /*#__PURE__*/React.createElement(NodeRenderer, {
+            result = jsx(NodeRenderer, {
               node: node,
               actions: actions
             });
           } else {
-            result = /*#__PURE__*/React.createElement(NodeRenderer, {
+            result = jsx(InlineNodeRendererWrapper, null, jsx(NodeRenderer, {
               node: node
-            });
+            }));
           }
         }
       } catch (e) {
@@ -113,7 +121,7 @@ var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
       if (!providers) {
         return this.setupAndRenderExtensionNode({});
       }
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return jsx(WithProviders, {
         providers: ['extensionProvider'],
         providerFactory: providers,
         renderNode: this.setupAndRenderExtensionNode
@@ -122,4 +130,14 @@ var ExtensionRenderer = /*#__PURE__*/function (_React$Component) {
   }]);
   return ExtensionRenderer;
 }(React.Component);
-export { ExtensionRenderer as default };
+export { ExtensionRenderer as default };
+var InlineNodeRendererWrapper = function InlineNodeRendererWrapper(_ref) {
+  var children = _ref.children;
+  if (getBooleanFF('platform.editor.inline_extension.extended_lcqdn')) {
+    return jsx("div", {
+      className: "inline-extension-renderer",
+      css: inlineExtensionStyle
+    }, children);
+  }
+  return jsx(Fragment, null, children);
+};

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

@@ -18,6 +18,7 @@ import { reduce } from '@atlaskit/adf-utils/traverse';
 import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
 import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, measureTTI, getDistortedDurationMonitor, browser } from '@atlaskit/editor-common/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
@@ -45,7 +46,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.6.3";
+var packageVersion = "109.7.1";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);
@@ -270,7 +271,8 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
         allowPlaceholderText: props.allowPlaceholderText,
         nodeComponents: props.nodeComponents,
         // does not currently support SSR, should not be enabled in environments where Renderer is SSR-ed
-        allowWindowedCodeBlock: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.allowWindowedCodeBlock
+        allowWindowedCodeBlock: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.allowWindowedCodeBlock,
+        isInsideOfInlineExtension: getBooleanFF('platform.editor.inline_extension.extended_lcqdn') && props.isInsideOfInlineExtension
       };
     }
   }, {
@@ -517,7 +519,8 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
   }, [innerRef, addTelepointer]);
   return jsx(WidthProvider, {
     className: "ak-renderer-wrapper is-".concat(appearance),
-    "data-appearance": appearance
+    "data-appearance": appearance,
+    shouldCheckExistingValue: getBooleanFF('platform.editor.inline_extension.extended_lcqdn') || false
   }, jsx(BaseTheme, {
     baseFontSize: appearance && appearance !== 'comment' ? akEditorFullPageDefaultFontSize : undefined
   }, jsx(EditorMediaClientProvider, {

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

@@ -39,6 +39,7 @@ export interface ReactSerializerInit {
     allowSelectAllTrap?: boolean;
     nodeComponents?: NodeComponentsProps;
     allowWindowedCodeBlock?: boolean;
+    isInsideOfInlineExtension?: boolean;
 }
 interface ParentInfo {
     parentIsIncompleteTask: boolean;
@@ -84,6 +85,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private allowSelectAllTrap?;
     private nodeComponents?;
     private allowWindowedCodeBlock?;
+    private isInsideOfInlineExtension?;
     constructor(init: ReactSerializerInit);
     private resetState;
     private getNodeProps;

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

@@ -16,7 +16,7 @@ import FragmentMark from './fragment';
 import Annotation, { isAnnotationMark } from './annotation';
 import Border from './border';
 export declare const markToReact: {
-    [key: string]: ComponentType<any>;
+    [key: string]: ComponentType<React.PropsWithChildren<any>>;
 };
-export declare const toReact: (mark: Mark) => ComponentType<any>;
+export declare const toReact: (mark: Mark) => ComponentType<React.PropsWithChildren<any>>;
 export { Code, Em, Link, Strike, Strong, Subsup, TextColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };

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

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

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

@@ -20,5 +20,5 @@ export interface Props {
     localId?: string;
     marks?: PMMark[];
 }
-declare const BodiedExtension: React.FunctionComponent<Props>;
+declare const BodiedExtension: React.FunctionComponent<React.PropsWithChildren<Props>>;
 export default BodiedExtension;

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

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

package/dist/types/react/nodes/codeBlock/components/codeBlockCopyButton.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { WrappedComponentProps } from 'react-intl-next';
 type Props = {
     content: string;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/react/nodes/codeBlock/components/codeBlockWrapButton.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
 import type { Dispatch, SetStateAction } from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 type Props = {
     setWrapLongLines: Dispatch<SetStateAction<boolean>>;
     wrapLongLines?: boolean;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

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

@@ -16,4 +16,5 @@ export default function EmbedCard(props: {
     rendererAppearance?: RendererAppearance;
     isInsideOfBlockNode?: boolean;
     smartLinks?: SmartLinksOptions;
+    isInsideOfInlineExtension?: boolean;
 }): jsx.JSX.Element;

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';
@@ -20,5 +21,5 @@ export interface Props {
     layout?: ExtensionLayout;
     localId?: string;
 }
-declare const ExtensionFrame: React.FunctionComponent<Props>;
+declare const ExtensionFrame: (props: React.PropsWithChildren<Props>) => jsx.JSX.Element;
 export default ExtensionFrame;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export type CardErrorBoundaryProps = {
-    unsupportedComponent: React.ComponentType;
+    unsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>;
 };
 export declare class CardErrorBoundary extends React.PureComponent<{
     url?: string;

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

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

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

@@ -1,13 +1,6 @@
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
 export declare const HeadingAnchorWrapperClassName = "heading-anchor-wrapper";
-type Props = {
-    onCopyText: () => Promise<void>;
-    enableNestedHeaderLinks?: boolean;
-    level: number;
-};
-type HeadingAnchorProps = Props & React.Props<any> & WrappedComponentProps;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<HeadingAnchorProps>> & {
-    WrappedComponent: React.ComponentType<HeadingAnchorProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<any>> & {
+    WrappedComponent: React.ComponentType<any>;
 };
 export default _default;

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

@@ -50,6 +50,7 @@ declare const EmbedCard: React.ComponentType<{
     rendererAppearance?: import("../../ui/Renderer/types").RendererAppearance;
     isInsideOfBlockNode?: boolean | undefined;
     smartLinks?: import("../../types/smartLinksOptions").SmartLinksOptions | undefined;
+    isInsideOfInlineExtension?: boolean | undefined;
 }> & Loadable.LoadableComponent;
 declare const InlineCard: React.ComponentType<import("@atlaskit/editor-common/utils").Diff<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, import("../../ui/SmartCardStorage").WithSmartCardStorageProps>> & Loadable.LoadableComponent;
 declare const BlockCard: React.ComponentType<{
@@ -70,13 +71,13 @@ declare const MediaSingle: React.ComponentType<import("react-intl-next").WithInt
 declare const Mention: React.ComponentType<import("./mention").Props> & Loadable.LoadableComponent;
 declare const Expand: React.ComponentType<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
 export declare const nodeToReact: {
-    [key: string]: React.ComponentType<any>;
+    [key: string]: React.ComponentType<React.PropsWithChildren<any>>;
 };
 export interface ToReactFlags {
     allowSelectAllTrap?: boolean;
     allowWindowedCodeBlock?: boolean;
 }
-export declare const toReact: (node: Node, flags?: ToReactFlags, nodeComponents?: NodeComponentsProps) => React.ComponentType<any>;
+export declare const toReact: (node: Node, flags?: ToReactFlags, nodeComponents?: NodeComponentsProps) => React.ComponentType<React.PropsWithChildren<any>>;
 export interface TextWrapper {
     type: {
         name: 'textWrapper';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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 @@ export interface Props {
     localId?: string;
     marks?: PMMark[];
 }
-declare const InlineExtension: React.FunctionComponent<Props>;
+declare const InlineExtension: (props: Props) => JSX.Element;
 export default InlineExtension;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-export default function LayoutSection(props: {
+export default function LayoutSection(props: React.PropsWithChildren<{
     width?: number;
-} & React.Props<any>): jsx.JSX.Element;
+}>): jsx.JSX.Element;

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

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

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

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

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

@@ -3,7 +3,6 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { FileIdentifier } from '@atlaskit/media-client';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
-import type { FC } from 'react';
 import React from 'react';
 import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import type { ClipboardAttrs } from '../../ui/MediaCard';
@@ -32,8 +31,8 @@ export type MediaInlineProps = {
     marks?: Array<Mark>;
     ssr?: MediaSSR;
 };
-export declare const RenderMediaInline: FC<RenderMediaInlineProps>;
-declare const _default: FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>> & {
+export declare const RenderMediaInline: ({ rendererAppearance, clipboardAttrs, collection: collectionName, eventHandlers, identifier, }: RenderMediaInlineProps) => JSX.Element;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>> & {
     WrappedComponent: React.ComponentType<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>;
 };
 export default _default;

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

@@ -16,6 +16,7 @@ export interface Props {
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
     featureFlags?: MediaFeatureFlags;
     allowCaptions?: boolean;
+    isInsideOfInlineExtension?: boolean;
 }
 export declare const getMediaContainerWidth: (currentContainerWidth: number, layout: MediaSingleLayout) => number;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 import type { Mark as PMMark, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';
@@ -21,5 +22,5 @@ export interface Props {
     localId?: string;
     marks?: PMMark[];
 }
-declare const MultiBodiedExtension: React.FunctionComponent<Props>;
+declare const MultiBodiedExtension: (props: React.PropsWithChildren<Props>) => jsx.JSX.Element;
 export default MultiBodiedExtension;

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

@@ -13,7 +13,7 @@ interface FixedProps {
     mode: StickyMode;
     rendererAppearance: RendererAppearance;
 }
-export declare const FixedTableDiv: React.FC<FixedProps>;
+export declare const FixedTableDiv: (props: React.PropsWithChildren<FixedProps>) => jsx.JSX.Element;
 export type StickyTableProps = {
     left?: number;
     top?: number;

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

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

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

@@ -1,12 +1,12 @@
-import { PropsWithChildren } from 'react';
-import { Node as PMNode, NodeType, Schema } from '@atlaskit/editor-prosemirror/model';
+import type { PropsWithChildren } from 'react';
+import type { Node as PMNode, NodeType, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-import { AnalyticsEventPayload } from '../analytics/events';
-import { Serializer } from '../index';
-import { RendererAppearance, HeadingAnchorLinksProps } from '../ui/Renderer/types';
-import { AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
+import type { AnalyticsEventPayload } from '../analytics/events';
+import type { Serializer } from '../index';
+import type { RendererAppearance, HeadingAnchorLinksProps } from '../ui/Renderer/types';
+import type { AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
 export interface RendererContext {
     objectAri?: string;
     containerAri?: string;

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

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

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

@@ -3,6 +3,7 @@ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { ComponentCrashErrorAEP } from '../../analytics/events';
 interface ErrorBoundaryProps {
     component: ComponentCrashErrorAEP['actionSubject'];
+    children: React.ReactNode;
     componentId?: ComponentCrashErrorAEP['actionSubjectId'];
     fallbackComponent?: React.ReactNode;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;

package/dist/types/ui/Renderer/truncated-wrapper.d.ts

@@ -5,8 +5,9 @@ export interface TruncatedWrapperProps {
     height?: number;
     fadeHeight?: number;
     backgroundColor?: string;
+    children?: React.ReactNode;
 }
-export declare class TruncatedWrapper extends Component<TruncatedWrapperProps, {}> {
+export declare class TruncatedWrapper extends Component<TruncatedWrapperProps, unknown> {
     constructor(props: TruncatedWrapperProps);
     render(): jsx.JSX.Element;
 }

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

@@ -11,6 +11,6 @@ export type HeadingAnchorLinksConfig = {
     allowNestedHeaderLinks?: boolean;
 };
 export type NodeComponentsProps = {
-    [key: string]: React.ComponentType<any>;
+    [key: string]: React.ComponentType<React.PropsWithChildren<any>>;
 };
 export type HeadingAnchorLinksProps = boolean | HeadingAnchorLinksConfig;

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

@@ -4,8 +4,8 @@ export interface WithSmartCardStorageProps {
     smartCardStorage: Map<string, string>;
 }
 export declare const Context: React.Context<Map<string, string>>;
-export declare const Provider: React.FunctionComponent;
-export declare const withSmartCardStorage: <Props extends WithSmartCardStorageProps>(WrappedComponent: React.ComponentType<Props>) => {
+export declare const Provider: ({ children, }: React.PropsWithChildren<unknown>) => JSX.Element;
+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;

package/dist/types/ui/annotations/context.d.ts

@@ -6,7 +6,7 @@ type ChildrenProps = {
     applyAnnotationDraftAt: (position: Position) => void;
     clearAnnotationDraft: () => void;
 };
-export type RenderCallbackType = React.FC<ChildrenProps>;
+export type RenderCallbackType = (props: React.PropsWithChildren<ChildrenProps>) => React.ReactNode;
 type Props = {
     children: RenderCallbackType;
 };

package/dist/types/ui/annotations/draft/component.d.ts

@@ -1,11 +1,12 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
 import React from 'react';
+import { jsx } from '@emotion/react';
 import type { Position } from '../types';
 import { InsertDraftPosition } from '../types';
-export declare const AnnotationDraft: React.FC<{
+export declare const AnnotationDraft: ({ draftPosition, children, }: React.PropsWithChildren<{
     draftPosition: Position;
-}>;
+}>) => jsx.JSX.Element;
 type ApplyAnnotationsProps = {
     texts: string[];
     shouldApplyAnnotationAt: InsertDraftPosition.INSIDE | InsertDraftPosition.START | InsertDraftPosition.END;
@@ -18,5 +19,5 @@ type Props = {
     endPos: number;
     children: ReactNode;
 };
-export declare const TextWithAnnotationDraft: React.FC<Props>;
+export declare const TextWithAnnotationDraft: ({ startPos, endPos, children, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types/ui/annotations/element/index.d.ts

@@ -6,5 +6,5 @@ type MarkElementProps = {
     dataAttributes: AnnotationDataAttributes;
     annotationType: AnnotationTypes;
 };
-declare const MarkElement: React.FC<MarkElementProps>;
+declare const MarkElement: ({ annotationParentIds, children, dataAttributes, id, }: React.PropsWithChildren<MarkElementProps>) => JSX.Element;
 export { MarkElement };

package/dist/types/ui/annotations/element/mark.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { jsx } from '@emotion/react';
 import type { OnAnnotationClickPayload } from '@atlaskit/editor-common/types';
 import type { AnnotationId, AnnotationDataAttributes } from '@atlaskit/adf-schema';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
@@ -10,5 +11,5 @@ type MarkComponentProps = {
     hasFocus: boolean;
     onClick: (props: OnAnnotationClickPayload) => void;
 };
-export declare const MarkComponent: React.FC<MarkComponentProps>;
+export declare const MarkComponent: ({ annotationParentIds, children, dataAttributes, id, state, hasFocus, onClick, }: React.PropsWithChildren<MarkComponentProps>) => jsx.JSX.Element;
 export {};

package/dist/types/ui/annotations/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { AnnotationsWrapperProps } from './types';
-export declare const AnnotationsWrapper: React.FC<AnnotationsWrapperProps>;
+export declare const AnnotationsWrapper: (props: React.PropsWithChildren<AnnotationsWrapperProps>) => JSX.Element;
 export { TextWithAnnotationDraft } from './draft';
 export { MarkElement as AnnotationMark } from './element';