@atlaskit/editor-common 63.0.1 → 64.0.0

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

@@ -13,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "63.0.1",
+  "version": "64.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,12 +38,13 @@
     "./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/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",
@@ -52,17 +53,17 @@
     "@atlaskit/emoji": "^64.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^73.1.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/mention": "^20.0.0",
     "@atlaskit/profilecard": "^16.2.0",
-    "@atlaskit/smart-card": "^17.0.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.4.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",
@@ -90,7 +91,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 };

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

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