@atlaskit/editor-common 69.2.2 → 69.3.1

package/dist/types-ts4.0/utils/profiler/render-count.d.ts

@@ -0,0 +1,50 @@
+export declare const PROFILER_KEY = "__editorRenderCountProfiler";
+interface ComponentInstanceRenderCounter {
+    instanceId: string;
+    count: number;
+}
+declare type ProfilerData = {
+    enabled: boolean;
+    components?: {
+        [componentId: string]: {
+            [instanceId: string]: {
+                count: number;
+            };
+        };
+    };
+};
+declare type RenderCountProfilerInstanceParams = {
+    store: Object;
+};
+export declare class RenderCountProfiler {
+    /**
+     * The singleton/cached instance of RenderCountProfiler that will be shared
+     * betweenRenderCountProfiler.getInstance() calls
+     */
+    private static instance;
+    private store;
+    private constructor();
+    /**
+     * Returns the singleton/cached instance of RenderCountProfiler that
+     * currently exists. If it hasn't been instantiated yet, the singleton
+     * instance will be created using the given params. Returns the latest
+     * singleton/instance.
+     */
+    static getInstance(params: RenderCountProfilerInstanceParams): RenderCountProfiler;
+    getData(profilerKey: typeof PROFILER_KEY): ProfilerData | void;
+    enable(): void;
+    remove(): void;
+    isEnabled(): boolean;
+    setRenderCount({ componentId, renderCount, instanceId, }: {
+        componentId: string;
+        renderCount: number;
+        instanceId: string;
+    }): void;
+    getInstanceRenderCounters({ componentId, }: {
+        componentId: string;
+    }): ComponentInstanceRenderCounter[];
+    getRenderCount({ componentId }: {
+        componentId: string;
+    }): number;
+}
+export {};

package/dist/types-ts4.0/utils/should-force-tracking.d.ts

@@ -0,0 +1 @@
+export declare const shouldForceTracking: () => boolean;

package/dist/types-ts4.0/utils/slice.d.ts

@@ -0,0 +1,11 @@
+import { Fragment, Node, Slice } from 'prosemirror-model';
+/**
+ * A helper to get the underlying array of a fragment.
+ */
+export declare function getFragmentBackingArray(fragment: Fragment): ReadonlyArray<Node>;
+export declare function mapFragment(content: Fragment, callback: (node: Node, parent: Node | null, index: number) => Node | Node[] | Fragment | null, parent?: Node | null): Fragment<any>;
+export declare function mapSlice(slice: Slice, callback: (node: Node, parent: Node | null, index: number) => Node | Node[] | Fragment | null): Slice;
+export declare type FlatMapCallback = (node: Node, index: number, fragment: Fragment) => Node | Node[];
+export declare function flatmap(fragment: Fragment, callback: FlatMapCallback): Fragment;
+export declare type MapWithCallback<T> = (node: Node, index: number, fragment: Fragment) => T;
+export declare function mapChildren<T>(node: Node | Fragment, callback: MapWithCallback<T>): Array<T>;

package/dist/types-ts4.0/utils/table.d.ts

@@ -0,0 +1,4 @@
+import { Node as PmNode } from 'prosemirror-model';
+export declare function calcTableColumnWidths(node: PmNode): number[];
+export declare function hasMergedCell(tableNode: PmNode): boolean;
+export declare function convertProsemirrorTableNodeToArrayOfRows(tableNode: PmNode): Array<Array<PmNode | null>>;

package/dist/types-ts4.0/utils/track-unsupported-content.d.ts

@@ -0,0 +1,8 @@
+import { Node as PMNode, Schema } from 'prosemirror-model';
+import { ACTION_SUBJECT_ID, UnsupportedContentPayload, UnsupportedContentTooltipPayload } from './analytics';
+declare type DispatchAnalyticsEvent = (payload: UnsupportedContentPayload) => void;
+declare type DispatchAnalyticsEventTooltip = (payload: UnsupportedContentTooltipPayload) => void;
+export declare const findAndTrackUnsupportedContentNodes: (node: PMNode, schema: Schema, dispatchAnalyticsEvent: DispatchAnalyticsEvent, ancestorHierarchy?: string) => void;
+export declare const fireUnsupportedEvent: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, actionSubjectId: ACTION_SUBJECT_ID, unsupportedNode?: {}, errorCode?: string | undefined) => void;
+export declare const trackUnsupportedContentTooltipDisplayedFor: (dispatchAnalyticsEvent: DispatchAnalyticsEventTooltip, unsupportedContentType: UnsupportedContentTooltipPayload['actionSubjectId'], originalNodeType?: string | undefined) => void;
+export {};

package/dist/types-ts4.0/utils/traversor.d.ts

@@ -0,0 +1,9 @@
+export declare type SubscriberCallback = (node: any) => void;
+declare class ADFTraversor {
+    private doc;
+    private subscribers;
+    constructor(doc: any);
+    subscribe(type: string, callback: SubscriberCallback): void;
+    exec(): void;
+}
+export default ADFTraversor;

package/dist/types-ts4.0/utils/types.d.ts

@@ -0,0 +1,2 @@
+export declare type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+export declare type Diff<T, K> = Omit<T, keyof K>;

package/dist/types-ts4.0/utils/unsupportedContent/get-unsupported-content-level-data.d.ts

@@ -0,0 +1,57 @@
+import type { ADFEntity } from '@atlaskit/adf-utils/types';
+export declare enum UNSUPPORTED_CONTENT_LEVEL_SEVERITY {
+    NORMAL = "normal",
+    DEGRADED = "degraded",
+    BLOCKING = "blocking"
+}
+declare type UnsupportedContentLevelThresholds = {
+    blocking: number;
+    degraded: number;
+};
+export declare type UnsupportedContentLevelsTracking = {
+    enabled: boolean;
+    thresholds?: Partial<UnsupportedContentLevelThresholds>;
+    samplingRates?: {
+        [key: string]: number;
+    };
+};
+export declare const UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS: {
+    DEGRADED: number;
+    BLOCKING: number;
+};
+/**
+ * When given a valid ADF document, this function will return an information
+ * object about the level of unsupported content in the document including:
+ *
+ * - counts: an object with the unsupportedNodes count and supportedNodes count.
+ * - percentage: the percentage of unsupported nodes in the document relative to the rest
+ * of the document content
+ * - severity: The percentage mapped to a string value. This string will be either
+ * "normal", "degraded" or "blocking" based on the threshold rules. (For e.g. if
+ * `customThresholds = { degraded: 10, blocking: 30 }`, then a document with 9%
+ * unsupported content will map to "normal", a document with 14% unsupported content
+ * will map to "degraded" and a document with 33% unsupported content will map to "blocking".)
+ *
+ * **Example usage**
+ *
+ * ```
+ * const exampleAdf = { type: 'doc', version: 1, content: [...] };
+ * const customThresholds = { degraded: 30, blocking: 50 };
+ * const data = getUnsupportedContentLevelData(exampleAdf, customThresholds);
+ *
+ * console.log(data.severity); // "normal"
+ * console.log(data.counts.percentage); // 28
+ * console.log(data.counts.unsupportedNodes); // 50
+ * console.log(data.counts.supportedNodes); // 129
+ * ```
+ *
+ */
+export declare const getUnsupportedContentLevelData: (validDocument: ADFEntity, customThresholds: UnsupportedContentLevelsTracking['thresholds']) => {
+    severity: UNSUPPORTED_CONTENT_LEVEL_SEVERITY;
+    percentage: number;
+    counts: {
+        supportedNodes: number;
+        unsupportedNodes: number;
+    };
+};
+export {};

package/dist/types-ts4.0/utils/validate-using-spec.d.ts

@@ -0,0 +1,19 @@
+import { Schema } from 'prosemirror-model';
+import type { ADFEntity } from '@atlaskit/adf-utils/types';
+import type { ErrorCallbackOptions, Validate, ValidationError } from '@atlaskit/adf-utils/validatorTypes';
+export declare const UNSUPPORTED_NODE_ATTRIBUTE = "unsupportedNodeAttribute";
+import { UnsupportedContentPayload } from './analytics';
+export declare type DispatchAnalyticsEvent = (event: UnsupportedContentPayload) => void;
+export declare const validationErrorHandler: (entity: ADFEntity, error: ValidationError, options: ErrorCallbackOptions, marks: string[], validate: Validate, dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined) => ADFEntity | {
+    type: string;
+    attrs: {
+        originalValue: ADFEntity;
+    };
+} | undefined;
+export declare const validateADFEntity: (schema: Schema, node: ADFEntity, dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined) => ADFEntity;
+export declare function wrapWithUnsupported(originalValue: ADFEntity, type?: 'block' | 'inline' | 'mark'): {
+    type: string;
+    attrs: {
+        originalValue: ADFEntity;
+    };
+};

package/dist/types-ts4.0/utils/validator.d.ts

@@ -0,0 +1,42 @@
+import { Mark as PMMark, Schema } from 'prosemirror-model';
+export declare const ADFStages: {
+    readonly FINAL: "final";
+    readonly STAGE_0: "stage0";
+};
+export declare type ADFStage = typeof ADFStages[keyof typeof ADFStages];
+export interface ADDoc {
+    version: 1;
+    type: 'doc';
+    content: ADNode[];
+}
+export interface ADNode {
+    type: string;
+    attrs?: any;
+    content?: ADNode[];
+    marks?: ADMark[];
+    text?: string;
+}
+export interface ADMark {
+    type: string;
+    attrs?: any;
+}
+export interface ADMarkSimple {
+    type: {
+        name: string;
+    };
+    attrs?: any;
+}
+export declare const markOrder: string[];
+export declare const isSubSupType: (type: string) => type is "sub" | "sup";
+export declare const getMarksByOrder: (marks: PMMark[]) => PMMark<any>[];
+export declare const isSameMark: (mark: PMMark | null, otherMark: PMMark | null) => boolean;
+export declare const getValidDocument: (doc: ADDoc, schema?: Schema, adfStage?: ADFStage) => ADDoc | null;
+export declare const getValidContent: (content: ADNode[], schema?: Schema, adfStage?: ADFStage) => ADNode[];
+/**
+ * Sanitize unknown node tree
+ *
+ * @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/11174043/Document+structure#Documentstructure-ImplementationdetailsforHCNGwebrenderer
+ */
+export declare const getValidUnknownNode: (node: ADNode) => ADNode;
+export declare const getValidNode: (originalNode: ADNode, schema?: Schema, adfStage?: ADFStage) => ADNode;
+export declare const getValidMark: (mark: ADMark, adfStage?: ADFStage) => ADMark | null;

package/dist/types-ts4.0/utils/whitespace.d.ts

@@ -0,0 +1 @@
+export declare const ZERO_WIDTH_SPACE = "\u200B";

package/dist/types-ts4.0/validator.d.ts

@@ -0,0 +1,2 @@
+export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, ADFStages, } from './utils/validator';
+export type { ADDoc, ADFStage, ADMark, ADMarkSimple, ADNode, } from './utils/validator';

package/dist/types-ts4.0/with-plugin-state/index.d.ts

@@ -0,0 +1,86 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { PluginKey } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import type { EventDispatcher } from '../event-dispatcher';
+import type { NamedPluginKeys, NamedPluginStates } from './types';
+export declare type PerformanceOptions = {
+    samplingRate: number;
+    slowThreshold: number;
+    trackingEnabled: boolean;
+};
+export interface State {
+    [name: string]: any;
+}
+declare type ContextUpdateHandler = (editorView: EditorView, eventDispatcher: EventDispatcher) => void;
+declare type EditorActionsPrivateAccess = {
+    _privateGetEditorView: () => EditorView;
+    _privateGetEventDispatcher: () => EventDispatcher;
+    _privateSubscribe: (cb: ContextUpdateHandler) => void;
+    _privateUnsubscribe: (cb: ContextUpdateHandler) => void;
+};
+declare type EditorSharedConfigPrivateAccess = {
+    editorView: EditorView;
+    eventDispatcher: EventDispatcher;
+};
+export declare type PluginsConfig = {
+    [name: string]: PluginKey;
+};
+declare type Context = {
+    editorActions?: EditorActionsPrivateAccess;
+    editorSharedConfig?: EditorSharedConfigPrivateAccess;
+};
+export interface Props<P extends NamedPluginKeys> {
+    debounce?: boolean;
+    eventDispatcher?: EventDispatcher;
+    editorView?: EditorView;
+    plugins: P;
+    render: (pluginState: NamedPluginStates<P>) => React.ReactElement | null;
+}
+/**
+ * Wraps component in a high order component that watches state changes of given plugins
+ * and passes those states to the wrapped component.
+ *
+ * Example:
+ * <WithPluginState
+ *   eventDispatcher={eventDispatcher}
+ *   editorView={editorView}
+ *   plugins={{
+ *     hyperlink: hyperlinkPluginKey
+ *   }}
+ *   render={renderComponent}
+ * />
+ *
+ * renderComponent: ({ hyperlink }) => React.Component;
+ */
+declare class WithPluginState<P extends NamedPluginKeys> extends React.Component<Props<P>, State> {
+    static displayName: string;
+    private listeners;
+    private debounce;
+    private notAppliedState;
+    private isSubscribed;
+    static contextTypes: {
+        editorActions: PropTypes.Requireable<object>;
+        editorSharedConfig: PropTypes.Requireable<object>;
+    };
+    context: Context;
+    state: NamedPluginStates<P>;
+    private getEditorView;
+    private getEventDispatcher;
+    private handlePluginStateChange;
+    /**
+     * Debounces setState calls in order to reduce number of re-renders caused by several plugin state changes.
+     */
+    private updateState;
+    private getPluginsStates;
+    private subscribe;
+    private unsubscribe;
+    private onContextUpdate;
+    private subscribeToContextUpdates;
+    private unsubscribeFromContextUpdates;
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props<P>): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+}
+export { WithPluginState };

package/dist/types-ts4.0/with-plugin-state/types.d.ts

@@ -0,0 +1,10 @@
+import { PluginKey } from 'prosemirror-state';
+export declare type NamedPluginKeys = Readonly<{
+    [stateName: string]: PluginKey;
+}>;
+export declare type NamedPluginStates<P extends NamedPluginKeys> = Readonly<Partial<{
+    [K in keyof P]: P[K] extends PluginKey<infer T> ? T : never;
+}>>;
+export declare type Writeable<T> = {
+    -readonly [P in keyof T]: T[P];
+};

package/emoji/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/emoji.js",
   "module:es2019": "../dist/es2019/emoji.js",
   "sideEffects": false,
-  "types": "../dist/types/emoji.d.ts"
+  "types": "../dist/types/emoji.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/emoji.d.ts"
+      ]
+    }
+  }
 }

package/error-boundary/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/error-boundary",
+  "main": "../dist/cjs/ui/ErrorBoundary/index.js",
+  "module": "../dist/esm/ui/ErrorBoundary/index.js",
+  "module:es2019": "../dist/es2019/ui/ErrorBoundary/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/ui/ErrorBoundary/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/ui/ErrorBoundary/index.d.ts"
+      ]
+    }
+  }
+}

package/event-dispatcher/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/event-dispatcher",
+  "main": "../dist/cjs/event-dispatcher/index.js",
+  "module": "../dist/esm/event-dispatcher/index.js",
+  "module:es2019": "../dist/es2019/event-dispatcher/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/event-dispatcher/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/event-dispatcher/index.d.ts"
+      ]
+    }
+  }
+}

package/extensions/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/extensions.js",
   "module:es2019": "../dist/es2019/extensions.js",
   "sideEffects": false,
-  "types": "../dist/types/extensions.d.ts"
+  "types": "../dist/types/extensions.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/extensions.d.ts"
+      ]
+    }
+  }
 }

package/icons/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/icons/index.js",
   "module:es2019": "../dist/es2019/icons/index.js",
   "sideEffects": false,
-  "types": "../dist/types/icons/index.d.ts"
+  "types": "../dist/types/icons/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/icons/index.d.ts"
+      ]
+    }
+  }
 }

package/in-product/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/in-product.js",
   "module:es2019": "../dist/es2019/in-product.js",
   "sideEffects": false,
-  "types": "../dist/types/in-product.d.ts"
+  "types": "../dist/types/in-product.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/in-product.d.ts"
+      ]
+    }
+  }
 }

package/keymaps/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/keymaps",
+  "main": "../dist/cjs/keymaps/index.js",
+  "module": "../dist/esm/keymaps/index.js",
+  "module:es2019": "../dist/es2019/keymaps/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/keymaps/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/keymaps/index.d.ts"
+      ]
+    }
+  }
+}

package/mention/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/mention.js",
   "module:es2019": "../dist/es2019/mention.js",
   "sideEffects": false,
-  "types": "../dist/types/mention.d.ts"
+  "types": "../dist/types/mention.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/mention.d.ts"
+      ]
+    }
+  }
 }

package/messages/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/messages/index.js",
   "module:es2019": "../dist/es2019/messages/index.js",
   "sideEffects": false,
-  "types": "../dist/types/messages/index.d.ts"
+  "types": "../dist/types/messages/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/messages/index.d.ts"
+      ]
+    }
+  }
 }

package/node-width/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/node-width",
+  "main": "../dist/cjs/node-width/index.js",
+  "module": "../dist/esm/node-width/index.js",
+  "module:es2019": "../dist/es2019/node-width/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/node-width/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/node-width/index.d.ts"
+      ]
+    }
+  }
+}

package/normalize-feature-flags/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/normalize-feature-flags.js",
   "module:es2019": "../dist/es2019/normalize-feature-flags.js",
   "sideEffects": false,
-  "types": "../dist/types/normalize-feature-flags.d.ts"
+  "types": "../dist/types/normalize-feature-flags.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/normalize-feature-flags.d.ts"
+      ]
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "69.2.2",
+  "version": "69.3.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "atlassian": {
@@ -21,6 +28,7 @@
   },
   "af:exports": {
     "./collab": "./src/collab.ts",
+    "./event-dispatcher": "./src/event-dispatcher/index.ts",
     "./extensions": "./src/extensions.ts",
     "./normalize-feature-flags": "./src/normalize-feature-flags.ts",
     "./messages": "./src/messages/index.ts",
@@ -40,18 +48,34 @@
     "./provider-helpers": "./src/provider-helpers/index.ts",
     "./icons": "./src/icons/index.ts",
     "./safe-plugin": "./src/safe-plugin/index.ts",
-    "./panel": "./src/panel.ts"
+    "./panel": "./src/panel.ts",
+    "./analytics": "./src/analytics/index.ts",
+    "./error-boundary": "./src/ui/ErrorBoundary/index.tsx",
+    "./portal-provider": "./src/ui/PortalProvider/index.tsx",
+    "./react-node-view": "./src/react-node-view/index.tsx",
+    "./with-plugin-state": "./src/with-plugin-state/index.tsx",
+    "./node-width": "./src/node-width/index.ts",
+    "./keymaps": "./src/keymaps/index.tsx",
+    "./ui-menu": "./src/ui-menu/index.tsx",
+    "./ui-react": "./src/ui-react/index.ts",
+    "./ui-color": "./src/ui-color/index.ts",
+    "./transforms": "./src/transforms/index.ts",
+    "./core-utils": "./src/core-utils/index.ts",
+    "./selection": "./src/selection/index.ts"
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
     "@atlaskit/adf-schema": "^24.0.0",
     "@atlaskit/adf-utils": "^17.1.0",
+    "@atlaskit/analytics-listeners": "^8.3.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
+    "@atlaskit/analytics-next-stable-react-context": "1.0.1",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/editor-json-transformer": "^8.8.0",
-    "@atlaskit/editor-shared-styles": "^2.1.0",
+    "@atlaskit/editor-shared-styles": "^2.2.0",
     "@atlaskit/emoji": "^65.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
@@ -59,8 +83,9 @@
     "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-picker": "^63.0.0",
     "@atlaskit/mention": "^21.0.0",
-    "@atlaskit/profilecard": "^17.0.0",
-    "@atlaskit/smart-card": "^22.1.0",
+    "@atlaskit/menu": "^1.3.0",
+    "@atlaskit/profilecard": "^17.2.0",
+    "@atlaskit/smart-card": "^22.2.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
     "@atlaskit/task-decision": "^17.5.0",
     "@atlaskit/theme": "^12.2.0",
@@ -74,26 +99,30 @@
     "@types/prosemirror-state": "^1.2.0",
     "@types/prosemirror-transform": "^1.1.0",
     "@types/prosemirror-view": "^1.9.0",
+    "chromatism": "^2.6.0",
     "classnames": "^2.2.5",
     "cypress-file-upload": "^5.0.2",
     "date-fns": "^2.17.0",
     "lodash": "^4.17.21",
+    "popper.js": "^1.14.1",
+    "prop-types": "^15.5.10",
     "prosemirror-model": "1.14.3",
     "prosemirror-state": "1.3.4",
     "prosemirror-transform": "1.3.2",
+    "prosemirror-utils": "^1.0.0-0",
     "prosemirror-view": "1.23.2",
     "raf-schd": "^4.0.3",
     "react-loadable": "^5.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^33.0.2",
+    "@atlaskit/media-core": "^33.0.3",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
     "@atlaskit/editor-json-transformer": "^8.8.0",
-    "@atlaskit/editor-test-helpers": "^17.1.0",
+    "@atlaskit/editor-test-helpers": "^17.2.0",
     "@atlaskit/media-core": "^33.0.0",
     "@atlaskit/util-data-test": "^17.5.0",
     "@atlaskit/visual-regression": "*",
@@ -107,7 +136,7 @@
     "react": "^16.8.0",
     "react-test-renderer": "^16.8.0",
     "sinon": "^2.2.0",
-    "typescript": "4.3.5"
+    "typescript": "4.5.5"
   },
   "techstack": {
     "@atlassian/frontend": {

package/panel/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/panel.js",
   "module:es2019": "../dist/es2019/panel.js",
   "sideEffects": false,
-  "types": "../dist/types/panel.d.ts"
+  "types": "../dist/types/panel.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/panel.d.ts"
+      ]
+    }
+  }
 }

package/portal-provider/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/portal-provider",
+  "main": "../dist/cjs/ui/PortalProvider/index.js",
+  "module": "../dist/esm/ui/PortalProvider/index.js",
+  "module:es2019": "../dist/es2019/ui/PortalProvider/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/ui/PortalProvider/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/ui/PortalProvider/index.d.ts"
+      ]
+    }
+  }
+}