@atlaskit/renderer 93.0.1 → 93.0.4

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/renderer
 
+## 93.0.4
+
+### Patch Changes
+
+- [`42d1107698a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42d1107698a) - [ux] ED-14913 Fix expand text in renderer dark mode
+
+## 93.0.3
+
+### Patch Changes
+
+- [`dd0d549d232`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd0d549d232) - [ux] ED-14943 Fix dark theme colors for annotations (inline comments) in renderer
+- Updated dependencies
+
+## 93.0.2
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- Updated dependencies
+
 ## 93.0.1
 
 ### Patch Changes

package/actions/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/actions.js",
   "module": "../dist/esm/actions.js",
   "module:es2019": "../dist/es2019/actions.js",
+  "sideEffects": false,
   "types": "../dist/types/actions.d.ts"
 }

package/consts/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/consts.js",
   "module": "../dist/esm/consts.js",
   "module:es2019": "../dist/es2019/consts.js",
+  "sideEffects": false,
   "types": "../dist/types/consts.d.ts"
 }

package/dist/cjs/ui/Expand.js

@@ -53,7 +53,9 @@ var Container = function Container(props) {
   var sharedContainerStyles = _ui.sharedExpandStyles.containerStyles(props);
 
   var styles = function styles(themeProps) {
-    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    padding: 0;\n    padding-bottom: ", ";\n  "])), sharedContainerStyles(themeProps), paddingBottom);
+    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    padding: 0;\n    padding-bottom: ", ";\n  "])), sharedContainerStyles({
+      theme: themeProps
+    }), paddingBottom);
   };
 
   return (0, _react2.jsx)("div", (0, _extends2.default)({
@@ -65,7 +67,9 @@ var TitleContainer = function TitleContainer(props) {
   var paddingBottom = "".concat(!props.expanded ? (0, _constants.gridSize)() : 0, "px");
 
   var styles = function styles(themeProps) {
-    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    padding: ", "px;\n    padding-bottom: ", ";\n  "])), _ui.sharedExpandStyles.titleContainerStyles(themeProps), (0, _constants.gridSize)(), paddingBottom);
+    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    ", "\n    padding: ", "px;\n    padding-bottom: ", ";\n  "])), _ui.sharedExpandStyles.titleContainerStyles({
+      theme: themeProps
+    }), (0, _constants.gridSize)(), paddingBottom);
   };
 
   return (0, _react2.jsx)("button", (0, _extends2.default)({
@@ -81,7 +85,9 @@ var ContentContainer = function ContentContainer(props) {
   var visibility = props.expanded ? 'visible' : 'hidden';
 
   var styles = function styles(themeProps) {
-    return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    ", ";\n    padding-right: ", "px;\n    padding-left: ", "px;\n    visibility: ", ";\n  "])), sharedContentStyles(themeProps), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 5 - (0, _constants.gridSize)() / 2, visibility);
+    return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    ", ";\n    padding-right: ", "px;\n    padding-left: ", "px;\n    visibility: ", ";\n  "])), sharedContentStyles({
+      theme: themeProps
+    }), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 5 - (0, _constants.gridSize)() / 2, visibility);
   };
 
   return (0, _react2.jsx)("div", (0, _extends2.default)({

package/dist/cjs/ui/annotations/element/mark.js

@@ -36,7 +36,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var markStyles = function markStyles(props) {
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _styles.AnnotationSharedCSSByState)(props).blur, (0, _styles.AnnotationSharedCSSByState)(props).focus);
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _styles.AnnotationSharedCSSByState)({
+    theme: props
+  }).blur, (0, _styles.AnnotationSharedCSSByState)({
+    theme: props
+  }).focus);
 };
 
 var MarkComponent = function MarkComponent(_ref) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "93.0.1",
+	"version": "93.0.4",
 	"sideEffects": false
 }

package/dist/es2019/ui/Expand.js

@@ -31,7 +31,9 @@ const Container = props => {
   const sharedContainerStyles = sharedExpandStyles.containerStyles(props);
 
   const styles = themeProps => css`
-    ${sharedContainerStyles(themeProps)}
+    ${sharedContainerStyles({
+    theme: themeProps
+  })}
     padding: 0;
     padding-bottom: ${paddingBottom};
   `;
@@ -45,7 +47,9 @@ const TitleContainer = props => {
   const paddingBottom = `${!props.expanded ? gridSize() : 0}px`;
 
   const styles = themeProps => css`
-    ${sharedExpandStyles.titleContainerStyles(themeProps)}
+    ${sharedExpandStyles.titleContainerStyles({
+    theme: themeProps
+  })}
     padding: ${gridSize()}px;
     padding-bottom: ${paddingBottom};
   `;
@@ -62,7 +66,9 @@ const ContentContainer = props => {
   const visibility = props.expanded ? 'visible' : 'hidden';
 
   const styles = themeProps => css`
-    ${sharedContentStyles(themeProps)};
+    ${sharedContentStyles({
+    theme: themeProps
+  })};
     padding-right: ${gridSize() * 2}px;
     padding-left: ${gridSize() * 5 - gridSize() / 2}px;
     visibility: ${visibility};

package/dist/es2019/ui/annotations/element/mark.js

@@ -12,11 +12,15 @@ const markStyles = props => css`
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
   &[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}'] {
-    ${AnnotationSharedCSSByState(props).blur};
+    ${AnnotationSharedCSSByState({
+  theme: props
+}).blur};
 
     &:focus,
     &[data-has-focus='true'] {
-      ${AnnotationSharedCSSByState(props).focus};
+      ${AnnotationSharedCSSByState({
+  theme: props
+}).focus};
     }
   }
 `;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "93.0.1",
+	"version": "93.0.4",
 	"sideEffects": false
 }

package/dist/esm/ui/Expand.js

@@ -24,7 +24,9 @@ var Container = function Container(props) {
   var sharedContainerStyles = sharedExpandStyles.containerStyles(props);
 
   var styles = function styles(themeProps) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n    padding: 0;\n    padding-bottom: ", ";\n  "])), sharedContainerStyles(themeProps), paddingBottom);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n    padding: 0;\n    padding-bottom: ", ";\n  "])), sharedContainerStyles({
+      theme: themeProps
+    }), paddingBottom);
   };
 
   return jsx("div", _extends({
@@ -36,7 +38,9 @@ var TitleContainer = function TitleContainer(props) {
   var paddingBottom = "".concat(!props.expanded ? gridSize() : 0, "px");
 
   var styles = function styles(themeProps) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", "\n    padding: ", "px;\n    padding-bottom: ", ";\n  "])), sharedExpandStyles.titleContainerStyles(themeProps), gridSize(), paddingBottom);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    ", "\n    padding: ", "px;\n    padding-bottom: ", ";\n  "])), sharedExpandStyles.titleContainerStyles({
+      theme: themeProps
+    }), gridSize(), paddingBottom);
   };
 
   return jsx("button", _extends({
@@ -51,7 +55,9 @@ var ContentContainer = function ContentContainer(props) {
   var visibility = props.expanded ? 'visible' : 'hidden';
 
   var styles = function styles(themeProps) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", ";\n    padding-right: ", "px;\n    padding-left: ", "px;\n    visibility: ", ";\n  "])), sharedContentStyles(themeProps), gridSize() * 2, gridSize() * 5 - gridSize() / 2, visibility);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", ";\n    padding-right: ", "px;\n    padding-left: ", "px;\n    visibility: ", ";\n  "])), sharedContentStyles({
+      theme: themeProps
+    }), gridSize() * 2, gridSize() * 5 - gridSize() / 2, visibility);
   };
 
   return jsx("div", _extends({

package/dist/esm/ui/annotations/element/mark.js

@@ -16,7 +16,11 @@ import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 
 var markStyles = function markStyles(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), AnnotationMarkStates.ACTIVE, AnnotationSharedCSSByState(props).blur, AnnotationSharedCSSByState(props).focus);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), AnnotationMarkStates.ACTIVE, AnnotationSharedCSSByState({
+    theme: props
+  }).blur, AnnotationSharedCSSByState({
+    theme: props
+  }).focus);
 };
 
 export var MarkComponent = function MarkComponent(_ref) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "93.0.1",
+	"version": "93.0.4",
 	"sideEffects": false
 }

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

@@ -49,10 +49,7 @@ export default class RendererActions implements RendererActionsOptions, Annotati
         step: RemoveMarkStep<Schema<any, any>>;
         doc: JSONDocNode;
     };
-    annotate(range: Range, annotationId: string, annotationType: 'inlineComment'): false | ({
-        step: Step<any>;
-        doc: JSONDocNode;
-    } & AnnotationByMatches);
+    annotate(range: Range, annotationId: string, annotationType: 'inlineComment'): AnnotationActionResult;
     isValidAnnotationRange(range: Range): boolean;
     isValidAnnotationPosition(pos: Position): boolean;
     getPositionFromRange(range: Range): Position | false;

package/dist/types/react/nodes/copy-text-provider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const clipboardApiSupported: () => boolean;
-export declare const ieClipboardApiSupported: () => boolean;
+export declare const ieClipboardApiSupported: () => any;
 export declare const copyToClipboardIE: (textToCopy: string) => Promise<void>;
 export declare const copyToClipboardLegacy: (textToCopy: string, copyAreaRef: HTMLElement | null) => Promise<void>;
 export declare const copyToClipboard: (textToCopy: string) => Promise<void>;

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

@@ -44,7 +44,7 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends "showLeftShadow" | "showRightShadow">(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;
+        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;
@@ -82,7 +82,7 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         render(): JSX.Element;
         context: any;
-        setState<K_1 extends "showLeftShadow" | "showRightShadow">(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;
+        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;

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

@@ -11,6 +11,6 @@ export declare class CardErrorBoundary extends React.PureComponent<{
         isError: boolean;
     };
     onClickFallback: (e: React.MouseEvent<HTMLElement>) => void;
-    render(): {} | null | undefined;
+    render(): React.ReactNode;
     componentDidCatch(_error: Error): void;
 }

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

@@ -21,16 +21,16 @@ import Table from './table';
 import { TableCell } from './tableCell';
 import TableRow from './tableRow';
 import UnknownBlock from './unknownBlock';
-declare const CodeBlock: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
-declare const TaskList: (React.ComponentClass<import("./taskList").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./taskList").Props> & Loadable.LoadableComponent);
-declare const TaskItem: (React.ComponentClass<import("../types").NodeProps<import("./taskItem").Props>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("../types").NodeProps<import("./taskItem").Props>> & Loadable.LoadableComponent);
-declare const DecisionList: (React.ComponentClass<import("./decisionList").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./decisionList").Props> & Loadable.LoadableComponent);
-declare const DecisionItem: (React.ComponentClass<import("../types").NodeMeta, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("../types").NodeMeta> & Loadable.LoadableComponent);
-declare const Date: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("./date").Props & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("./date").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
-declare const Status: (React.ComponentClass<import("./status").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./status").Props> & Loadable.LoadableComponent);
-declare const Emoji: (React.ComponentClass<import("./emoji").EmojiProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./emoji").EmojiProps> & Loadable.LoadableComponent);
-declare const Panel: (React.ComponentClass<import("./panel").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./panel").Props> & Loadable.LoadableComponent);
-declare const EmbedCard: (React.ComponentClass<{
+declare const CodeBlock: React.ComponentType<import("react-intl-next").WithIntlProps<import("./codeBlock").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
+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<import("../types").NodeMeta> & Loadable.LoadableComponent;
+declare const Date: React.ComponentType<import("react-intl-next").WithIntlProps<import("./date").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
+declare const Status: React.ComponentType<import("./status").Props> & Loadable.LoadableComponent;
+declare const Emoji: React.ComponentType<import("./emoji").EmojiProps> & Loadable.LoadableComponent;
+declare const Panel: React.ComponentType<import("./panel").Props> & Loadable.LoadableComponent;
+declare const EmbedCard: React.ComponentType<{
     url?: string | undefined;
     data?: object | undefined;
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
@@ -42,39 +42,21 @@ declare const EmbedCard: (React.ComponentClass<{
     rendererAppearance?: import("../..").RendererAppearance;
     isInsideOfBlockNode?: boolean | undefined;
     allowDynamicTextSizing?: boolean | undefined;
-}, any> & Loadable.LoadableComponent) | (React.FunctionComponent<{
-    url?: string | undefined;
-    data?: object | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
-    portal?: HTMLElement | undefined;
-    originalHeight?: number | undefined;
-    originalWidth?: number | undefined;
-    width?: number | undefined;
-    layout: import("@atlaskit/adf-schema").RichMediaLayout;
-    rendererAppearance?: import("../..").RendererAppearance;
-    isInsideOfBlockNode?: boolean | undefined;
-    allowDynamicTextSizing?: boolean | undefined;
-}> & Loadable.LoadableComponent);
-declare const InlineCard: (React.ComponentClass<Pick<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">, any> & Loadable.LoadableComponent) | (React.FunctionComponent<Pick<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">> & Loadable.LoadableComponent);
-declare const BlockCard: (React.ComponentClass<{
-    url?: string | undefined;
-    data?: object | undefined;
-    eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
-    portal?: HTMLElement | undefined;
-    rendererAppearance?: import("../..").RendererAppearance;
-}, any> & Loadable.LoadableComponent) | (React.FunctionComponent<{
+}> & 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<{
     url?: string | undefined;
     data?: object | undefined;
     eventHandlers?: import("@atlaskit/editor-common/ui").EventHandlers | undefined;
     portal?: HTMLElement | undefined;
     rendererAppearance?: import("../..").RendererAppearance;
-}> & Loadable.LoadableComponent);
-declare const Media: (React.ComponentClass<import("./media").MediaProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./media").MediaProps> & Loadable.LoadableComponent);
-declare const MediaGroup: (React.ComponentClass<import("./mediaGroup").MediaGroupProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent);
-declare const MediaInline: (React.ComponentClass<import("./mediaInline").MediaInlineProps, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mediaInline").MediaInlineProps> & Loadable.LoadableComponent);
-declare const MediaSingle: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
-declare const Mention: (React.ComponentClass<import("./mention").Props, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("./mention").Props> & Loadable.LoadableComponent);
-declare const Expand: (React.ComponentClass<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>, any> & Loadable.LoadableComponent) | (React.FunctionComponent<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent);
+}> & Loadable.LoadableComponent;
+declare const Media: React.ComponentType<import("./media").MediaProps> & Loadable.LoadableComponent;
+declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
+declare const MediaInline: React.ComponentType<import("./mediaInline").MediaInlineProps> & Loadable.LoadableComponent;
+declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
+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>;
 };

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

@@ -10,12 +10,12 @@ export interface InlineCardProps {
     smartLinks?: SmartLinksOptions;
 }
 declare const _default: {
-    new (props: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>): {
+    new (props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        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<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">> & Readonly<{
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -23,24 +23,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">, context?: any): {
+    new (props: import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>, context?: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        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<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">> & Readonly<{
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -48,17 +48,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<InlineCardProps & WithSmartCardStorageProps, "data" | "url" | "eventHandlers" | "portal" | "smartLinks">>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<InlineCardProps & WithSmartCardStorageProps, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     contextType?: React.Context<any> | undefined;
 };

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

@@ -20,10 +20,10 @@ export default class MediaGroup extends PureComponent<MediaGroupProps, MediaGrou
     private handleSize;
     private handleScroll;
     render(): JSX.Element;
-    renderSingleFile(child: ReactElement<MediaProps>): React.ReactElement<MediaProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
-    renderSingleLink(child: ReactElement<MediaProps>): React.ReactElement<MediaProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    renderSingleFile(child: ReactElement<MediaProps>): React.ReactElement<MediaProps, string | React.JSXElementConstructor<any>>;
+    renderSingleLink(child: ReactElement<MediaProps>): React.ReactElement<MediaProps, string | React.JSXElementConstructor<any>>;
     onMediaClick: (cardClickHandler: CardEventClickHandler, child: ReactElement<MediaProps>, surroundingItems: Identifier[]) => (event: CardEvent, analyticsEvent?: any) => void;
-    cloneFileCard(child: ReactElement<MediaProps>, surroundingItems: Identifier[]): React.ReactElement<MediaProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    cloneFileCard(child: ReactElement<MediaProps>, surroundingItems: Identifier[]): React.ReactElement<MediaProps, string | React.JSXElementConstructor<any>>;
     renderStrip(): JSX.Element;
     private mapMediaPropsToIdentifier;
 }

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

@@ -54,36 +54,36 @@ export declare class TableProcessor extends React.Component<TableProps & Overflo
     private addNumberColumnIndexes;
 }
 declare const _default: {
-    new (props: Readonly<Pick<{
+    new (props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
         renderWidth?: number | undefined;
-    } & Pick<SharedTableProps & {
-        children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+    } & Omit<SharedTableProps & {
+        children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
         tableNode?: PMNode<any> | undefined;
         rendererAppearance?: RendererAppearance;
         allowColumnSorting?: boolean | undefined;
         stickyHeaders?: StickyHeaderConfig | undefined;
-    } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>): {
+    } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<{
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<{
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">> & Readonly<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -91,104 +91,104 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<{
+        shouldComponentUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextState: Readonly<{}>, nextContext: any): boolean;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, prevState: Readonly<{}>, snapshot?: any): void;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<{
+        componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextState: Readonly<{}>, nextContext: any): void;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<{
+    new (props: import("@atlaskit/editor-common/utils").Diff<{
         renderWidth?: number | undefined;
-    } & Pick<SharedTableProps & {
-        children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+    } & Omit<SharedTableProps & {
+        children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
         tableNode?: PMNode<any> | undefined;
         rendererAppearance?: RendererAppearance;
         allowColumnSorting?: boolean | undefined;
         stickyHeaders?: StickyHeaderConfig | undefined;
-    } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, context?: any): {
+    } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>, context?: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<{
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<{
+        readonly props: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">> & Readonly<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -196,73 +196,73 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<{
+        shouldComponentUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextState: Readonly<{}>, nextContext: any): boolean;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<{
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, prevState: Readonly<{}>, snapshot?: any): void;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<{
+        componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<{
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@atlaskit/editor-common/utils").Diff<{
             renderWidth?: number | undefined;
-        } & Pick<SharedTableProps & {
-            children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+        } & Omit<SharedTableProps & {
+            children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
             tableNode?: PMNode<any> | undefined;
             rendererAppearance?: RendererAppearance;
             allowColumnSorting?: boolean | undefined;
             stickyHeaders?: StickyHeaderConfig | undefined;
-        } & WithSmartCardStorageProps, "children" | "layout" | "allowColumnSorting" | "smartCardStorage" | "allowDynamicTextSizing" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">, "children" | "layout" | "allowColumnSorting" | "allowDynamicTextSizing" | "renderWidth" | "columnWidths" | "isNumberColumnEnabled" | "tableNode" | "rendererAppearance" | "stickyHeaders">>, nextState: Readonly<{}>, nextContext: any): void;
+        } & WithSmartCardStorageProps, "renderWidth">, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     contextType?: React.Context<any> | undefined;
 };

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

@@ -70,7 +70,7 @@ export declare const getClipboardAttrs: ({ id, alt, collection, contextIdentifie
     collection?: string | undefined;
     contextIdentifierProvider?: ContextIdentifierProvider | undefined;
     originalDimensions?: NumericalCardDimensions | undefined;
-    fileState?: import("@atlaskit/media-client").UploadingFileState | import("@atlaskit/media-client").ProcessingFileState | import("@atlaskit/media-client").ProcessedFileState | import("@atlaskit/media-client").ErrorFileState | import("@atlaskit/media-client").ProcessingFailedState | undefined;
+    fileState?: FileState | undefined;
 }) => {
     [key: string]: string | number | undefined;
 };

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

@@ -1,16 +1,17 @@
 import React from 'react';
+import type { Diff } from '@atlaskit/editor-common/utils';
 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>) => {
-    new (props: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>): {
+    new (props: Readonly<Diff<Props, WithSmartCardStorageProps>>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        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<Pick<Props, Exclude<keyof Props, "smartCardStorage">>> & Readonly<{
+        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -18,24 +19,24 @@ export declare const withSmartCardStorage: <Props extends WithSmartCardStoragePr
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Props, Exclude<keyof Props, "smartCardStorage">>, context?: any): {
+    new (props: Diff<Props, WithSmartCardStorageProps>, context?: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        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<Pick<Props, Exclude<keyof Props, "smartCardStorage">>> & Readonly<{
+        readonly props: Readonly<Diff<Props, WithSmartCardStorageProps>> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -43,17 +44,17 @@ export declare const withSmartCardStorage: <Props extends WithSmartCardStoragePr
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Props, Exclude<keyof Props, "smartCardStorage">>>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Diff<Props, WithSmartCardStorageProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     contextType?: React.Context<any> | undefined;
 };

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

@@ -8,11 +8,13 @@ export declare enum StatusClassNames {
     NO_ORDER = "sorting-icon-svg__no_order",
     SORTING_NOT_ALLOWED = "sorting-icon-svg__not-allowed"
 }
-declare type Props = {
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<{
     isSortingAllowed: boolean;
-    sortOrdered?: SortOrder;
-} & WrappedComponentProps;
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props>> & {
-    WrappedComponent: import("react").ComponentType<Props>;
+    sortOrdered?: SortOrder | undefined;
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<{
+        isSortingAllowed: boolean;
+        sortOrdered?: SortOrder | undefined;
+    } & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/utils.d.ts

@@ -10,7 +10,7 @@ export declare class ADFEncoder<T> {
     constructor(createTransformerWithSchema: TransformerProvider<T>);
 }
 export declare const getText: (node: PMNode | ADNode) => string;
-export declare const getEventHandler: (eventHandlers?: EventHandlers | undefined, type?: "link" | "media" | "mention" | "onUnhandledClick" | "smartCard" | undefined, eventName?: string) => any;
+export declare const getEventHandler: (eventHandlers?: EventHandlers | undefined, type?: keyof EventHandlers | undefined, eventName?: string) => any;
 /**
  * Traverse DOM Tree upwards looking for table parents with "overflow: scroll".
  */

package/messages/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/messages.js",
   "module": "../dist/esm/messages.js",
   "module:es2019": "../dist/es2019/messages.js",
+  "sideEffects": false,
   "types": "../dist/types/messages.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "93.0.1",
+  "version": "93.0.4",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,14 +29,14 @@
     "@atlaskit/analytics-listeners": "^8.2.0",
     "@atlaskit/analytics-namespaced-context": "^6.4.0",
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/editor-common": "^66.0.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
     "@atlaskit/editor-shared-styles": "^2.0.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/media-card": "^73.5.0",
-    "@atlaskit/media-client": "^15.0.0",
+    "@atlaskit/media-client": "^15.1.0",
     "@atlaskit/media-common": "^2.12.0",
     "@atlaskit/media-filmstrip": "^43.0.0",
     "@atlaskit/media-viewer": "^46.2.0",
@@ -56,8 +56,8 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^32.3.0",
-    "@atlaskit/smart-card": "^18.0.13",
+    "@atlaskit/media-core": "^32.3.1",
+    "@atlaskit/smart-card": "^18.0.18",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   },
@@ -98,7 +98,7 @@
     "react-test-renderer": "^16.8.0",
     "rxjs": "^5.5.0",
     "sinon": "^2.2.0",
-    "typescript": "3.9.10",
+    "typescript": "4.2.4",
     "worker-plugin": "^4.0.2"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"

package/render-document/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/render-document.js",
   "module": "../dist/esm/render-document.js",
   "module:es2019": "../dist/es2019/render-document.js",
+  "sideEffects": false,
   "types": "../dist/types/render-document.d.ts"
 }

package/renderer-context/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/renderer-context.js",
   "module": "../dist/esm/renderer-context.js",
   "module:es2019": "../dist/es2019/renderer-context.js",
+  "sideEffects": false,
   "types": "../dist/types/renderer-context.d.ts"
 }

package/serializer/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/serializer.js",
   "module": "../dist/esm/serializer.js",
   "module:es2019": "../dist/es2019/serializer.js",
+  "sideEffects": false,
   "types": "../dist/types/serializer.d.ts"
 }

package/text-serializer/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/text-serializer.js",
   "module": "../dist/esm/text-serializer.js",
   "module:es2019": "../dist/es2019/text-serializer.js",
+  "sideEffects": false,
   "types": "../dist/types/text-serializer.d.ts"
 }

package/use-feature-flags/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/use-feature-flags.js",
   "module": "../dist/esm/use-feature-flags.js",
   "module:es2019": "../dist/es2019/use-feature-flags.js",
+  "sideEffects": false,
   "types": "../dist/types/use-feature-flags.d.ts"
 }

package/utils/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/utils.js",
   "module": "../dist/esm/utils.js",
   "module:es2019": "../dist/es2019/utils.js",
+  "sideEffects": false,
   "types": "../dist/types/utils.d.ts"
 }