@atlaskit/editor-common 63.0.0 → 65.0.0

package/dist/types/i18n/th.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.captionPlaceholder': string;
+    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.collapseNode': string;
     'fabric.editor.expandDefaultTitle': string;
     'fabric.editor.expandNode': string;
@@ -13,7 +13,7 @@ declare const _default: {
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 export default _default;

package/dist/types/i18n/tr.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.captionPlaceholder': string;
+    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.collapseNode': string;
     'fabric.editor.expandDefaultTitle': string;
     'fabric.editor.expandNode': string;
@@ -13,7 +13,7 @@ declare const _default: {
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 export default _default;

package/dist/types/i18n/uk.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.captionPlaceholder': string;
+    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.collapseNode': string;
     'fabric.editor.expandDefaultTitle': string;
     'fabric.editor.expandNode': string;
@@ -13,7 +13,7 @@ declare const _default: {
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 export default _default;

package/dist/types/i18n/vi.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.captionPlaceholder': string;
+    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.collapseNode': string;
     'fabric.editor.expandDefaultTitle': string;
     'fabric.editor.expandNode': string;
@@ -13,7 +13,7 @@ declare const _default: {
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 export default _default;

package/dist/types/i18n/zh.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.captionPlaceholder': string;
+    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.collapseNode': string;
     'fabric.editor.expandDefaultTitle': string;
     'fabric.editor.expandNode': string;
@@ -13,7 +13,7 @@ declare const _default: {
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 export default _default;

package/dist/types/i18n/zh_TW.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.captionPlaceholder': string;
+    'fabric.editor.codeBidiWarningLabel': string;
     'fabric.editor.collapseNode': string;
     'fabric.editor.expandDefaultTitle': string;
     'fabric.editor.expandNode': string;
@@ -13,7 +13,7 @@ declare const _default: {
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
 export default _default;

package/dist/types/index.d.ts

@@ -1,14 +1 @@
-export type { ADDoc, // temporarily keep for confluence
-ADNode, } from './utils';
-export type { ExtensionHandler, // temporarily keep for confluence
-ExtensionHandlers, // temporarily keep for confluence
-ExtensionParams, } from './extensions';
-export type { ContextIdentifierProvider } from './provider-factory/context-identifier-provider';
-export type { SearchProvider } from './provider-factory';
-export { ProviderFactory, WithProviders } from './provider-factory';
-export { WidthConsumer, // temporarily keep for confluence
-WidthProvider, } from './ui';
-export type { EventHandlers, // temporarily keep for confluence
-LinkEventClickHandler, // temporarily keep for confluence
-MentionEventHandler, // temporarily keep for confluence
-SmartCardEventClickHandler, } from './ui';
+export {};

package/dist/types/safe-plugin/index.d.ts

@@ -0,0 +1,6 @@
+import { Schema } from 'prosemirror-model';
+import { Plugin, SafePluginSpec } from 'prosemirror-state';
+export declare class SafePlugin<T = any, S extends Schema = any> extends Plugin {
+    _isATypeSafePlugin: never;
+    constructor(spec: SafePluginSpec<T, S>);
+}

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

@@ -9,7 +9,6 @@ export { getPanelTypeBackground, darkPanelColors, getPanelDarkColor, panelShared
 export { ruleSharedStyles } from './shared/rule';
 export { whitespaceSharedStyles } from './shared/whitespace';
 export { paragraphSharedStyles } from './shared/paragraph';
-export { inlineNodeSharedStyle } from './shared/inline-nodes';
 export { linkSharedStyle } from './shared/link';
 export { listsSharedStyles } from './shared/lists';
 export { indentationSharedStyles } from './shared/indentation';

package/dist/types/styles/shared/annotation.d.ts

@@ -1,11 +1,12 @@
+import { ThemeProps } from '@atlaskit/theme/types';
 export declare const annotationPrefix = "ak-editor-annotation";
 export declare const AnnotationSharedClassNames: {
     focus: string;
     blur: string;
     draft: string;
 };
-export declare const AnnotationSharedCSSByState: {
-    focus: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
-    blur: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
+export declare const AnnotationSharedCSSByState: (props: ThemeProps) => {
+    focus: import("@emotion/react").SerializedStyles;
+    blur: import("@emotion/react").SerializedStyles;
 };
-export declare const annotationSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
+export declare const annotationSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/block-marks.d.ts

@@ -1 +1 @@
-export declare const blockMarksSharedStyles: import("styled-components").InterpolationValue[];
+export declare const blockMarksSharedStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/blockquote.d.ts

@@ -1 +1 @@
-export declare const blockquoteSharedStyles: import("styled-components").InterpolationValue[];
+export declare const blockquoteSharedStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/code-mark.d.ts

@@ -1 +1,2 @@
-export declare const codeMarkSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const codeMarkSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/column-layout.d.ts

@@ -1,2 +1,2 @@
-declare const columnLayoutSharedStyle: import("styled-components").InterpolationValue[];
+declare const columnLayoutSharedStyle: import("@emotion/react").SerializedStyles;
 export { columnLayoutSharedStyle };

package/dist/types/styles/shared/date.d.ts

@@ -2,4 +2,4 @@ export declare const DateSharedCssClassName: {
     DATE_WRAPPER: string;
     DATE_CONTAINER: string;
 };
-export declare const dateSharedStyle: import("styled-components").InterpolationValue[];
+export declare const dateSharedStyle: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/headings.d.ts

@@ -1 +1,2 @@
-export declare const headingsSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const headingsSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/indentation.d.ts

@@ -1 +1 @@
-export declare const indentationSharedStyles: import("styled-components").InterpolationValue[];
+export declare const indentationSharedStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/lists.d.ts

@@ -1 +1 @@
-export declare const listsSharedStyles: import("styled-components").InterpolationValue[];
+export declare const listsSharedStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/media-single.d.ts

@@ -1,3 +1,3 @@
 declare const richMediaClassName = "rich-media-item";
-declare const mediaSingleSharedStyle: import("styled-components").InterpolationValue[];
+declare const mediaSingleSharedStyle: import("@emotion/react").SerializedStyles;
 export { mediaSingleSharedStyle, richMediaClassName };

package/dist/types/styles/shared/panel.d.ts

@@ -79,4 +79,4 @@ export declare const PanelSharedSelectors: {
     yellowWarningIcon: string;
 };
 export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
-export declare const panelSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme/types").AtlaskitThemeProps | import("@atlaskit/theme/types").CustomThemeProps | import("@atlaskit/theme/types").NoThemeProps | undefined, any>>[];
+export declare const panelSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ThemeProps, any>>[];

package/dist/types/styles/shared/paragraph.d.ts

@@ -1 +1 @@
-export declare const paragraphSharedStyles: import("styled-components").InterpolationValue[];
+export declare const paragraphSharedStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/rule.d.ts

@@ -1 +1 @@
-export declare const ruleSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
+export declare const ruleSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps, any>>[];

package/dist/types/styles/shared/shadow.d.ts

@@ -11,5 +11,5 @@
  *
  *      background-attachment: local, local, scroll, scroll;
  */
-declare const shadowSharedStyle: import("styled-components").InterpolationValue[];
+declare const shadowSharedStyle: import("@emotion/react").SerializedStyles;
 export { shadowSharedStyle };

package/dist/types/styles/shared/table.d.ts

@@ -1,4 +1,5 @@
 import { TableLayout } from '@atlaskit/adf-schema';
+import { ThemeProps } from '@atlaskit/theme/types';
 export declare const tableMarginTop = 24;
 export declare const tableMarginBottom = 16;
 export declare const tableMarginSides = 8;
@@ -20,6 +21,6 @@ export declare const TableSharedCssClassName: {
     TABLE_CELL_WRAPPER: string;
     TABLE_HEADER_CELL_WRAPPER: string;
 };
-declare const tableSharedStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
+declare const tableSharedStyle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
 export declare const calcTableWidth: (layout: TableLayout, containerWidth?: number | undefined, addControllerPadding?: boolean) => string;
 export { tableSharedStyle };

package/dist/types/styles/shared/task-decision.d.ts

@@ -1,4 +1,4 @@
 export declare const TaskDecisionSharedCssClassName: {
     DECISION_CONTAINER: string;
 };
-export declare const tasksAndDecisionsStyles: import("styled-components").InterpolationValue[];
+export declare const tasksAndDecisionsStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/text-color.d.ts

@@ -1 +1 @@
-export declare const textColorStyles: import("styled-components").InterpolationValue[];
+export declare const textColorStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/whitespace.d.ts

@@ -1,2 +1,2 @@
-declare const whitespaceSharedStyles: import("styled-components").InterpolationValue[];
+declare const whitespaceSharedStyles: import("@emotion/react").SerializedStyles;
 export { whitespaceSharedStyles };

package/dist/types/types/collab.d.ts

@@ -0,0 +1,8 @@
+export declare type NewCollabSyncUpErrorAttributes = {
+    lengthOfUnconfirmedSteps?: number;
+    tries: number;
+    maxRetries: number;
+    clientId?: string;
+    version: number;
+};
+export declare type SyncUpErrorFunction = (attributes: NewCollabSyncUpErrorAttributes) => void;

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

@@ -11,3 +11,4 @@ export declare enum SortOrder {
 export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
 export type { AnnotationState, AnnotationProviders, AnnotationUpdateEventPayloads, InlineCommentSelectionComponentProps, InlineCommentViewComponentProps, InlineCommentAnnotationProvider, OnAnnotationClickPayload, AnnotationByMatches, AnnotationActionResult, } from './annotation';
 export type { TypeAheadItem, TypeAheadItemRenderProps } from './type-ahead';
+export type { NewCollabSyncUpErrorAttributes, SyncUpErrorFunction, } from './collab';

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { WrappedComponentProps } from 'react-intl-next';
 declare type Props = {
     selected?: boolean;
@@ -9,7 +11,7 @@ declare type Props = {
     };
 };
 export declare class CaptionComponent extends React.Component<Props & WrappedComponentProps> {
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

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

@@ -34,8 +34,8 @@ export declare const ExpandIconWrapper: import("styled-components").StyledCompon
 }>;
 export declare const ExpandLayoutWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const sharedExpandStyles: {
-    TitleInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
-    TitleContainerStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").AtlaskitThemeProps | import("@atlaskit/theme").CustomThemeProps | import("@atlaskit/theme").NoThemeProps | undefined, any>>[];
+    TitleInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps, any>>[];
+    TitleContainerStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps, any>>[];
     ContainerStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<StyleProps, any>>[];
     ContentStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<StyleProps, any>>[];
 };

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

@@ -16,6 +16,7 @@ export interface Props {
     nodeType?: string;
     fullWidthMode?: boolean;
     hasFallbackContainer?: boolean;
+    handleMediaSingleRef?: React.RefObject<HTMLElement>;
 }
 export declare const shouldAddDefaultWrappedWidth: (layout: RichMediaLayout, width?: number | undefined, lineLength?: number | undefined) => boolean | 0 | undefined;
-export default function MediaSingle({ layout, width, height, containerWidth, isLoading, pctWidth, className, children: propsChildren, nodeType, fullWidthMode, lineLength, hasFallbackContainer, }: Props): JSX.Element;
+export default function MediaSingle({ layout, width, height, containerWidth, isLoading, pctWidth, className, children: propsChildren, nodeType, fullWidthMode, lineLength, hasFallbackContainer, handleMediaSingleRef, }: Props): JSX.Element;

package/dist/types/ui/MediaSingle/link.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const MediaLink: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, any, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>;
+export declare const mediaLinkStyle: import("@emotion/react").SerializedStyles;

package/dist/types/ui/MediaSingle/styled.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from 'react';
+import React, { HTMLAttributes, RefObject } from 'react';
 import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 /**
  * Calculates the image width for non-resized images.
@@ -22,7 +22,7 @@ export interface MediaSingleWrapperProps {
     layout: MediaSingleLayout;
     pctWidth?: number;
     width?: number;
-    innerRef?: (elem: HTMLElement) => void;
+    innerRef?: ((elem: HTMLElement) => void) | RefObject<HTMLElement>;
 }
 /**
  * Can't use `.attrs` to handle highly dynamic styles because we are still

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

@@ -1,5 +1,4 @@
 import { PureComponent } from 'react';
-import { MentionUserType as UserType } from '@atlaskit/adf-schema';
 import { ProviderFactory } from '../../provider-factory';
 import { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import { MentionEventHandlers } from '../EventHandlers';
@@ -9,8 +8,6 @@ export interface MentionProps {
     eventHandlers?: MentionEventHandlers;
     text: string;
     accessLevel?: string;
-    portal?: HTMLElement;
-    userType?: UserType;
 }
 export interface MentionState {
     profilecardProvider: ProfilecardProvider | null;

package/dist/types/ui/Mention/mention-with-profilecard.d.ts

@@ -1,5 +1,4 @@
-import { PureComponent } from 'react';
-import { MentionUserType as UserType } from '@atlaskit/adf-schema';
+/// <reference types="react" />
 import { MentionProvider } from '@atlaskit/mention';
 import { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import { MentionEventHandler } from '../EventHandlers';
@@ -7,32 +6,10 @@ export interface Props {
     id: string;
     text: string;
     accessLevel?: string;
-    userType?: UserType;
     mentionProvider?: Promise<MentionProvider>;
-    portal?: HTMLElement;
     profilecardProvider: ProfilecardProvider;
     onClick?: MentionEventHandler;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
 }
-export declare type PopupAlignX = 'left' | 'right';
-export declare type PopupAlignY = 'top' | 'bottom';
-export interface State {
-    target: HTMLElement | null;
-    visible: boolean;
-    popupAlignX: PopupAlignX;
-    popupAlignY: PopupAlignY;
-}
-export default class MentionWithProfileCard extends PureComponent<Props, State> {
-    private domNode;
-    state: State;
-    private handleRef;
-    private calculateLayerPosition;
-    private handleMentionNodeRef;
-    private getDomNodeCenterCoords;
-    private getVisibleAreaCentreCoords;
-    private getActions;
-    private showProfilecard;
-    private hideProfilecard;
-    render(): JSX.Element;
-}
+export default function MentionWithProfileCard({ id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, }: Props): JSX.Element;

package/dist/types/ui/Mention/mention-with-providers.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent } from 'react';
-import { MentionUserType as UserType } from '@atlaskit/adf-schema';
 import { MentionProvider } from '@atlaskit/mention/resource';
 import { ProfilecardProvider } from '../../provider-factory/profile-card-provider';
 import { MentionEventHandlers } from '../EventHandlers';
@@ -7,11 +6,9 @@ export interface Props {
     id: string;
     text: string;
     accessLevel?: string;
-    userType?: UserType;
     mentionProvider?: Promise<MentionProvider>;
     profilecardProvider?: Promise<ProfilecardProvider>;
     eventHandlers?: MentionEventHandlers;
-    portal?: HTMLElement;
 }
 export interface State {
     profilecardProvider: ProfilecardProvider | null;

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

@@ -1,9 +1,11 @@
+/** @jsx jsx */
 import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
 interface Props {
     /** The content of the message */
     children: ReactNode;
 }
-export declare const HelperMessage: ({ children }: Props) => JSX.Element;
-export declare const ErrorMessage: ({ children }: Props) => JSX.Element;
-export declare const ValidMessage: ({ children }: Props) => JSX.Element;
+export declare const HelperMessage: ({ children }: Props) => jsx.JSX.Element;
+export declare const ErrorMessage: ({ children }: Props) => jsx.JSX.Element;
+export declare const ValidMessage: ({ children }: Props) => jsx.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { Node as PMNode } from 'prosemirror-model';
 import { WrappedComponentProps } from 'react-intl-next';

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

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { Node as PMNode } from 'prosemirror-model';
 import { WrappedComponentProps } from 'react-intl-next';

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

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 export declare type Breakpoints = 'S' | 'M' | 'L';
 export declare type WidthConsumerContext = {
     width: number;
@@ -19,7 +21,7 @@ export declare class WidthProvider extends React.Component<WidthProviderProps, W
         width: number;
     };
     constructor(props: any);
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     setWidth: ((width: number) => void) & {
         cancel(): void;
     };

package/dist/types/ui/clear-next-sibling-margin-top.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const ClearNextSiblingMarginTop: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const clearNextSiblingMarginTopStyle: import("@emotion/react").SerializedStyles;

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

@@ -4,7 +4,7 @@ export type { Props as MediaSingleProps } from './MediaSingle';
 export { MediaSingleDimensionHelper } from './MediaSingle/styled';
 export type { MediaSingleWrapperProps as MediaSingleDimensionHelperProps } from './MediaSingle/styled';
 export { layoutSupportsWidth, calcPxFromColumns, calcPctFromPx, calcPxFromPct, calcColumnsFromPx, snapToGrid, } from './MediaSingle/grid';
-export { MediaLink } from './MediaSingle/link';
+export { mediaLinkStyle } from './MediaSingle/link';
 export { default as Popup, findOverflowScrollParent } from './Popup';
 export type { Position as PopupPosition, Props as PopupProps } from './Popup';
 export { default as UnsupportedBlock } from './UnsupportedBlock';
@@ -13,14 +13,14 @@ export { BaseTheme, mapBreakpointToLayoutMaxWidth } from './BaseTheme';
 export { default as withOuterListeners } from './with-outer-listeners';
 export type { CardEventClickHandler, CardSurroundings, EventHandlers, LinkEventClickHandler, MentionEventHandler, MentionEventHandlers, SmartCardEventClickHandler, } from './EventHandlers';
 export { WidthConsumer, WidthProvider, getBreakpoint } from './WidthProvider';
-export type { WidthConsumerContext } from './WidthProvider';
+export type { WidthConsumerContext, Breakpoints } from './WidthProvider';
 export { default as overflowShadow, shadowClassNames } from './OverflowShadow';
 export type { OverflowShadowOptions, OverflowShadowProps, OverflowShadowState, } from './OverflowShadow';
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, ExpandLayoutWrapper, } from './Expand';
 export type { StyleProps as ExpandStyleProps } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { ClearNextSiblingMarginTop } from './clear-next-sibling-margin-top';
+export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlNextErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlNextErrorBoundary';
 export { IntlLegacyFallbackProvider } from './IntlLegacyFallbackProvider';
 export { LegacyToNextIntlProvider } from './LegacyToNextIntlProvider';

package/dist/types/utils/getModeFromTheme.d.ts

@@ -1 +1 @@
-export declare function getModeFromTheme(theme: string): "dark" | "light";
+export declare function getModeFromTheme(theme: string): "light" | "dark";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "63.0.0",
+  "version": "65.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,33 +38,35 @@
     "./emoji": "./src/emoji.ts",
     "./mention": "./src/mention.ts",
     "./provider-helpers": "./src/provider-helpers/index.ts",
-    "./icons": "./src/icons/index.ts"
+    "./icons": "./src/icons/index.ts",
+    "./safe-plugin": "./src/safe-plugin/index.ts"
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^21.0.0",
-    "@atlaskit/adf-utils": "^15.0.0",
-    "@atlaskit/analytics-namespaced-context": "^6.3.0",
+    "@atlaskit/adf-schema": "^22.0.0",
+    "@atlaskit/adf-utils": "^16.0.0",
+    "@atlaskit/analytics-namespaced-context": "^6.4.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
-    "@atlaskit/editor-shared-styles": "^1.6.0",
-    "@atlaskit/emoji": "^64.1.0",
+    "@atlaskit/editor-shared-styles": "^2.0.0",
+    "@atlaskit/emoji": "^64.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^73.1.0",
-    "@atlaskit/media-client": "^14.3.0",
-    "@atlaskit/media-picker": "^59.0.0",
-    "@atlaskit/mention": "^19.7.0",
-    "@atlaskit/profilecard": "^16.2.0",
-    "@atlaskit/smart-card": "^17.0.0",
+    "@atlaskit/media-card": "^73.3.0",
+    "@atlaskit/media-client": "^14.4.0",
+    "@atlaskit/media-picker": "^59.1.0",
+    "@atlaskit/mention": "^21.0.0",
+    "@atlaskit/profilecard": "^16.3.0",
+    "@atlaskit/smart-card": "^17.7.0",
     "@atlaskit/task-decision": "^17.3.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",
-    "@atlaskit/ufo": "^0.0.6",
-    "@atlaskit/user-picker": "^8.3.0",
+    "@atlaskit/ufo": "^0.1.0",
+    "@atlaskit/user-picker": "^8.8.0",
     "@atlaskit/width-detector": "^3.0.0",
     "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1",
     "@types/prosemirror-model": "^1.11.0",
     "@types/prosemirror-state": "^1.2.0",
     "@types/prosemirror-transform": "^1.1.0",
@@ -90,7 +92,7 @@
   },
   "devDependencies": {
     "@atlaskit/editor-json-transformer": "^8.7.0",
-    "@atlaskit/editor-test-helpers": "^16.0.0",
+    "@atlaskit/editor-test-helpers": "^16.1.0",
     "@atlaskit/media-core": "^32.2.0",
     "@atlaskit/util-data-test": "^17.2.0",
     "@atlaskit/visual-regression": "*",

package/safe-plugin/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/editor-common/safe-plugin",
+  "main": "../dist/cjs/safe-plugin/index.js",
+  "module": "../dist/esm/safe-plugin/index.js",
+  "module:es2019": "../dist/es2019/safe-plugin/index.js",
+  "types": "../dist/types/safe-plugin/index.d.ts"
+}

package/dist/cjs/styles/shared/inline-nodes.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.inlineNodeSharedStyle = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = require("styled-components");
-
-var _templateObject;
-
-var inlineNodeSharedStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .inline-node--mobile {\n    display: inline-block !important;\n  }\n"])));
-exports.inlineNodeSharedStyle = inlineNodeSharedStyle;

package/dist/es2019/styles/shared/inline-nodes.js

@@ -1,7 +0,0 @@
-import { css } from 'styled-components';
-const inlineNodeSharedStyle = css`
-  .inline-node--mobile {
-    display: inline-block !important;
-  }
-`;
-export { inlineNodeSharedStyle };

package/dist/esm/styles/shared/inline-nodes.js

@@ -1,7 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import { css } from 'styled-components';
-var inlineNodeSharedStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .inline-node--mobile {\n    display: inline-block !important;\n  }\n"])));
-export { inlineNodeSharedStyle };