@atlaskit/editor-common 62.1.0 → 64.0.0

package/dist/types/icons/shared/PanelNoteIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GlyphProps } from '@atlaskit/icon/types';
+export declare const PanelNoteIcon: (props: GlyphProps) => JSX.Element;

package/dist/types/icons/shared/PanelSuccessIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GlyphProps } from '@atlaskit/icon/types';
+export declare const PanelSuccessIcon: (props: GlyphProps) => JSX.Element;

package/dist/types/icons/shared/PanelWarningIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GlyphProps } from '@atlaskit/icon/types';
+export declare const PanelWarningIcon: (props: GlyphProps) => JSX.Element;

package/dist/types/index.d.ts

@@ -1,21 +1,15 @@
-export { ADFTraversor, ErrorReporter, ZERO_WIDTH_SPACE, absoluteBreakoutWidth, browser, calcBreakoutWidth, breakoutConsts, calcTableColumnWidths, calcWideWidth, clearMeasure, compose, convertProsemirrorTableNodeToArrayOfRows, createCompareNodes, findAndTrackUnsupportedContentNodes, getAnalyticsAppearance, analyticsEventKey, getAnalyticsEventSeverity, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, getExtensionLozengeData, getExtensionRenderer, getMarksByOrder, getModeFromTheme, getResponseEndTime, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, hasMergedCell, isPastDate, isPerformanceAPIAvailable, isPerformanceObserverAvailable, isSameMark, isSubSupType, markOrder, measureRender, startMeasure, stopMeasure, measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC, withImageLoader, canApplyAnnotationOnRange, getAnnotationIdsFromRange, SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, shouldForceTracking, sniffUserBrowserExtensions, RenderCountProfiler, } from './utils';
-export type { ADDoc, ADFStage, ADFStages, ADMark, ADMarkSimple, ADNode, Date, Diff, ErrorReportingHandler, ImageLoaderProps, ImageLoaderState, ImageStatus, Params, UnsupportedContentPayload, UnsupportedContentTooltipPayload, UnsupportedContentLevelsTracking, UserBrowserExtensionResults, } from './utils';
-export { SortOrder, AnnotationUpdateEmitter, AnnotationUpdateEvent, } from './types';
-export type { Transformer, AnnotationState, AnnotationProviders, AnnotationUpdateEventPayloads, InlineCommentSelectionComponentProps, InlineCommentViewComponentProps, InlineCommentAnnotationProvider, OnAnnotationClickPayload, AnnotationByMatches, AnnotationActionResult, } from './types';
-export type { CardOptions } from './card';
-export type { CollabEditProvider, CollabEvent, CollabEventData, CollabEventConnectionData, CollabEventInitData, CollabParticipant, CollabEventPresenceData, CollabEventLocalStepData, CollabEventRemoteData, CollabSendableSelection, CollabEventTelepointerData, } from './collab/types';
-export { DefaultExtensionProvider, combineExtensionProviders, getExtensionKeyAndNodeKey, getExtensionModuleNode, getExtensionModuleNodePrivateProps, getQuickInsertItemsFromModule, getNodeRenderer, getContextualToolbarItemsFromModule, buildMenuItem, resolveImport, } from './extensions';
-export type { Extension, ExtensionComponentProps, ExtensionHandler, ExtensionHandlers, ExtensionKey, ExtensionManifest, ExtensionModule, ExtensionModuleAction, ExtensionModuleActionHandler, ExtensionModuleActionObject, ExtensionModuleNode, ExtensionModuleNodes, ExtensionQuickInsertModule, ExtensionModules, ExtensionParams, ExtensionProvider, ExtensionType, ExtensionToolbarButton, ToolbarItem, ContextualToolbar, MaybeADFEntity, Parameters, MenuItem, MenuItemMap, UpdateExtension, ReferenceEntity, } from './extensions';
+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 type { Providers, MediaProvider, SearchProvider, LinkContentType, QuickSearchResult, } from './provider-factory';
-export { combineProviders } from './provider-helpers';
-export { TableSharedCssClassName, blockMarksSharedStyles, blockquoteSharedStyles, calcTableWidth, codeMarkSharedStyles, columnLayoutSharedStyle, dateSharedStyle, DateSharedCssClassName, annotationSharedStyles, AnnotationSharedCSSByState, AnnotationSharedClassNames, headingsSharedStyles, indentationSharedStyles, inlineNodeSharedStyle, linkSharedStyle, listsSharedStyles, richMediaClassName, mediaSingleSharedStyle, getPanelTypeBackground, getPanelBackgroundDarkModeColors, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors, paragraphSharedStyles, ruleSharedStyles, shadowSharedStyle, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginBottom, tableMarginSides, tableMarginTop, tableNewColumnMinWidth, tableResizeHandleWidth, tableSharedStyle, tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, whitespaceSharedStyles, MentionSharedCssClassName, //exported from ./src/mention.ts
-EmojiSharedCssClassName, //exported from ./src/emoji.ts
-StatusSharedCssClassName, smartCardSharedStyles, SmartCardSharedCssClassName, } from './styles';
-export { BaseTheme, Caption, ClearNextSiblingMarginTop, DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH, Emoji, //exported from ./src/emoji.ts
-ErrorMessage, ExpandIconWrapper, ExpandLayoutWrapper, HelperMessage, MediaSingle, MediaSingleDimensionHelper, Mention, //exported from ./src/mention.ts
-Popup, UnsupportedBlock, UnsupportedInline, ValidMessage, WidthConsumer, WidthProvider, WithCreateAnalyticsEvent, calcColumnsFromPx, calcPctFromPx, calcPxFromColumns, calcPxFromPct, expandMessages, findOverflowScrollParent, getBreakpoint, layoutSupportsWidth, mapBreakpointToLayoutMaxWidth, overflowShadow, shadowClassNames, sharedExpandStyles, snapToGrid, withOuterListeners, MediaLink, wrappedLayouts, shouldAddDefaultWrappedWidth, IntlNextErrorBoundary, REACT_INTL_ERROR_MESSAGE, IntlLegacyFallbackProvider, LegacyToNextIntlProvider, } from './ui';
-export type { CardEventClickHandler, CardSurroundings, EmojiProps, EventHandlers, LinkEventClickHandler, MediaSingleDimensionHelperProps, MediaSingleProps, MentionEventHandler, MentionEventHandlers, OverflowShadowOptions, OverflowShadowProps, OverflowShadowState, PopupPosition, PopupProps, SmartCardEventClickHandler, WidthConsumerContext, ExpandStyleProps, } from './ui';
-export { linkMessages } from './messages/link';
-export { validateADFEntity, validationErrorHandler, } from './utils/validate-using-spec';
+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 type { SafePlugin } from './safe-plugin';

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

@@ -5,11 +5,10 @@ export { columnLayoutSharedStyle } from './shared/column-layout';
 export { mediaSingleSharedStyle, richMediaClassName, } from './shared/media-single';
 export { blockquoteSharedStyles } from './shared/blockquote';
 export { headingsSharedStyles } from './shared/headings';
-export { getPanelTypeBackground, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors, getPanelBackgroundDarkModeColors, } from './shared/panel';
+export { getPanelTypeBackground, darkPanelColors, getPanelDarkColor, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors, getPanelBackgroundDarkModeColors, } from './shared/panel';
 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';
@@ -18,7 +17,5 @@ export { codeMarkSharedStyles } from './shared/code-mark';
 export { shadowSharedStyle } from './shared/shadow';
 export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
 export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, } from './shared/task-decision';
-export { MentionSharedCssClassName } from './shared/mention';
-export { EmojiSharedCssClassName } from './shared/emoji';
 export { StatusSharedCssClassName } from './shared/status';
 export { smartCardSharedStyles, SmartCardSharedCssClassName, } from './shared/smart-card';

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

@@ -1,5 +1,54 @@
 import { PanelType } from '@atlaskit/adf-schema';
 import { ThemeProps } from '@atlaskit/theme/types';
+export declare const darkPanelColors: {
+    info: string;
+    error: string;
+    warning: string;
+    tip: string;
+    success: string;
+    note: string;
+    R900: string;
+    R100S: string;
+    R300S: string;
+    R500S: string;
+    R800S: string;
+    R1200S: string;
+    Y900: string;
+    Y100S: string;
+    Y300S: string;
+    Y500S: string;
+    Y800S: string;
+    Y1200S: string;
+    G900: string;
+    G100S: string;
+    G300S: string;
+    G400S: string;
+    G900S: string;
+    G1200S: string;
+    B900: string;
+    B100S: string;
+    B300S: string;
+    B500S: string;
+    B800S: string;
+    B1200S: string;
+    P900: string;
+    P100S: string;
+    P300S: string;
+    P500S: string;
+    P800S: string;
+    P1200S: string;
+    T900: string;
+    T100S: string;
+    T300S: string;
+    T400S: string;
+    T900S: string;
+    T1200S: string;
+    DarkGray: string;
+    Gray: string;
+    LightGray: string;
+    TextColor: string;
+};
+export declare const getPanelDarkColor: (panelColor: string) => string;
 export declare const getPanelBackgroundDarkModeColors: string;
 export declare function getPanelDarkModeCSS(colorName: string, colorValue: string): string;
 export declare const PanelSharedCssClassName: {
@@ -14,13 +63,20 @@ export declare const PanelSharedSelectors: {
     errorPanel: string;
     successPanel: string;
     noteButton: string;
+    warningButton: string;
     removeButton: string;
     colorPalette: string;
     selectedColor: string;
     removeEmojiIcon: string;
     emojiIcon: string;
     selectedEmoji: string;
+    addYourOwnEmoji: string;
+    emojiNameInCustomEmoji: string;
     title: string;
+    emojiPopup: string;
+    searchEmoji: string;
+    orangeWarningIcon: string;
+    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>>[];

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

@@ -18,6 +18,7 @@ export declare const TableSharedCssClassName: {
     TABLE_STICKY_SENTINEL_BOTTOM: string;
     TABLE_CELL_NODEVIEW_CONTENT_DOM: string;
     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>>[];
 export declare const calcTableWidth: (layout: TableLayout, containerWidth?: number | undefined, addControllerPadding?: boolean) => string;

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/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/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/Popup/index.d.ts

@@ -46,7 +46,7 @@ export default class Popup extends React.Component<Props, State> {
     private initPopup;
     private handleRef;
     private scheduledUpdatePosition;
-    onResize: () => any;
+    onResize: () => void;
     UNSAFE_componentWillReceiveProps(newProps: Props): void;
     componentDidMount(): void;
     componentWillUnmount(): void;

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

@@ -20,6 +20,8 @@ export declare class WidthProvider extends React.Component<WidthProviderProps, W
     };
     constructor(props: any);
     render(): JSX.Element;
-    setWidth: any;
+    setWidth: ((width: number) => void) & {
+        cancel(): void;
+    };
 }
 export { Consumer as WidthConsumer };

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

@@ -1,5 +1,3 @@
-export { default as Emoji } from './Emoji';
-export type { EmojiProps } from './Emoji';
 export { default as Caption } from './Caption';
 export { default as MediaSingle, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, shouldAddDefaultWrappedWidth, } from './MediaSingle';
 export type { Props as MediaSingleProps } from './MediaSingle';
@@ -7,7 +5,6 @@ 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 { default as Mention } from './Mention';
 export { default as Popup, findOverflowScrollParent } from './Popup';
 export type { Position as PopupPosition, Props as PopupProps } from './Popup';
 export { default as UnsupportedBlock } from './UnsupportedBlock';
@@ -16,7 +13,7 @@ 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';

package/icons/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "62.1.0",
+  "version": "64.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -20,7 +20,6 @@
     "releaseModel": "scheduled"
   },
   "af:exports": {
-    ".": "./src/index.ts",
     "./collab": "./src/collab.ts",
     "./extensions": "./src/extensions.ts",
     "./normalize-feature-flags": "./src/normalize-feature-flags.ts",
@@ -38,31 +37,33 @@
     "./card": "./src/card/index.ts",
     "./emoji": "./src/emoji.ts",
     "./mention": "./src/mention.ts",
-    "./provider-helpers": "./src/provider-helpers/index.ts"
+    "./provider-helpers": "./src/provider-helpers/index.ts",
+    "./icons": "./src/icons/index.ts",
+    "./safe-plugin": "./src/safe-plugin/index.ts"
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^20.1.0",
-    "@atlaskit/adf-utils": "^14.4.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.0.0",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/emoji": "^64.1.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^73.0.0",
+    "@atlaskit/media-card": "^73.2.0",
     "@atlaskit/media-client": "^14.3.0",
     "@atlaskit/media-picker": "^59.0.0",
-    "@atlaskit/mention": "^19.7.0",
-    "@atlaskit/profilecard": "^16.0.0",
-    "@atlaskit/smart-card": "^17.0.0",
-    "@atlaskit/task-decision": "^17.2.0",
-    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/mention": "^20.0.0",
+    "@atlaskit/profilecard": "^16.2.0",
+    "@atlaskit/smart-card": "^17.1.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.0.0",
+    "@atlaskit/ufo": "^0.1.0",
+    "@atlaskit/user-picker": "^8.5.0",
     "@atlaskit/width-detector": "^3.0.0",
     "@babel/runtime": "^7.0.0",
     "@types/prosemirror-model": "^1.11.0",
@@ -72,12 +73,12 @@
     "classnames": "^2.2.5",
     "cypress-file-upload": "^5.0.2",
     "date-fns": "^2.17.0",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "prosemirror-model": "1.14.3",
     "prosemirror-state": "1.3.4",
     "prosemirror-transform": "1.3.2",
-    "prosemirror-view": "1.23.1",
-    "raf-schd": "^2.1.0",
+    "prosemirror-view": "1.23.2",
+    "raf-schd": "^4.0.3",
     "react-loadable": "^5.1.0"
   },
   "peerDependencies": {
@@ -90,13 +91,14 @@
   },
   "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.0.0",
+    "@atlaskit/util-data-test": "^17.2.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^8.0.1",
+    "@types/raf-schd": "^4.0.1",
     "cypress-file-upload": "^5.0.2",
     "enzyme": "^3.10.0",
     "local-cypress": "^1.2.1",

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 };

package/dist/types/styles/shared/inline-nodes.d.ts

@@ -1,2 +0,0 @@
-declare const inlineNodeSharedStyle: import("styled-components").InterpolationValue[];
-export { inlineNodeSharedStyle };