@atlaskit/editor-core 183.1.6 → 184.0.0

package/dist/esm/ui/WidthEmitter/index.js

@@ -1,8 +1,14 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useContext, useState } from 'react';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
-import { WidthContext } from '@atlaskit/editor-common/ui';
-import { ContextPanel } from '../ContextPanel/context';
+import React, { useContext, useEffect, useState } from 'react';
+import { ContextPanel, WidthContext } from '@atlaskit/editor-common/ui';
+// TODO: ED-17870 This workaround will be removed here.
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
+  }
+};
 // Why do we need this? Why not just use the width from the context directly rather than this?
 // Well my friend - some of the VR tests break, seemingly due to the fact that existing behaviour
 // assumes the initial value is 0, the width from context may not start from 0 however.

package/dist/esm/utils/clipboard.js

@@ -75,7 +75,7 @@ export var copyToClipboard = /*#__PURE__*/function () {
 }();
 export var copyHTMLToClipboard = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(elementToCopy, plainTextToCopy) {
-    var data, Clipboard, dt;
+    var data;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -102,17 +102,13 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
           _context2.t0 = _context2["catch"](1);
           throw new Error('Clipboard api is not supported');
         case 10:
-          _context2.next = 17;
+          _context2.next = 13;
           break;
         case 12:
-          // At the time of development, Firefox doesn't support ClipboardItem API
+          // ED-17083 extension copy seems have issue with ClipboardItem API
           // Hence of use of this polyfill
-          Clipboard = clipboard;
-          dt = new Clipboard.DT();
-          dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
-          dt.setData('text/html', elementToCopy.innerHTML);
-          Clipboard.write(dt);
-        case 17:
+          copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+        case 13:
         case "end":
           return _context2.stop();
       }
@@ -121,4 +117,14 @@ export var copyHTMLToClipboard = /*#__PURE__*/function () {
   return function copyHTMLToClipboard(_x2, _x3) {
     return _ref3.apply(this, arguments);
   };
-}();
+}();
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+export var copyHTMLToClipboardPolyfill = function copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy) {
+  var Clipboard = clipboard;
+  var dt = new Clipboard.DT();
+  dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+  dt.setData('text/html', elementToCopy.innerHTML);
+  Clipboard.write(dt);
+};

package/dist/esm/utils/performance/instrumented-plugin.js

@@ -54,18 +54,30 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
         return result;
       };
     }
+    var _uiTracking$samplingR = uiTracking.samplingRate,
+      uiTrackingSamplingRate = _uiTracking$samplingR === void 0 ? 100 : _uiTracking$samplingR;
     if (uiTracking.enabled && spec.view) {
       var originalView = spec.view.bind(spec);
       spec.view = function (editorView) {
         var self = _assertThisInitialized(_this);
         var measure = "\uD83E\uDD89".concat(self.key, "::view::update");
         var view = originalView(editorView);
+        var uiTrackingSamplingCounter = 0;
         if (view.update) {
           var originalUpdate = view.update;
           view.update = function (view, state) {
-            startMeasure(measure);
+            var shouldTrack = uiTrackingSamplingRate && uiTrackingSamplingCounter === 0;
+            if (shouldTrack) {
+              startMeasure(measure);
+            }
             originalUpdate(view, state);
-            stopMeasure(measure, function () {});
+            if (shouldTrack) {
+              stopMeasure(measure, function () {});
+            }
+            uiTrackingSamplingCounter++;
+            if (uiTrackingSamplingRate && uiTrackingSamplingCounter >= uiTrackingSamplingRate) {
+              uiTrackingSamplingCounter = 0;
+            }
           };
         }
         return view;

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "183.1.6";
+export var version = "184.0.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "183.1.6",
+	"version": "184.0.0",
 	"sideEffects": false
 }

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

@@ -1,7 +1,7 @@
 import { Node } from 'prosemirror-model';
 import { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue } from '@atlaskit/editor-common/types';
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
-import { ResolvedEditorState } from '@atlaskit/editor-common/collab';
+import type { ResolvedEditorState } from '@atlaskit/collab-provider';
 import type { FeatureFlags, Transformer } from '@atlaskit/editor-common/types';
 import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '../event-dispatcher';

package/dist/types/create-editor/get-plugins.d.ts

@@ -7,6 +7,7 @@ import { MarkConfig, NodeConfig } from '../types/pm-config';
 import { EditorReactContext } from '../types/editor-react-context';
 import { FeatureFlags } from '../types/feature-flags';
 import { IntlShape } from 'react-intl-next';
+import { UIComponentFactory } from '@atlaskit/editor-common/types';
 export type LightPMPluginFactoryParams = {
     schema: Schema;
     dispatch: Dispatch;
@@ -36,6 +37,7 @@ export interface LightEditorPlugin {
     marks?: () => MarkConfig[];
     nodes?: () => NodeConfig[];
     pmPlugins?: (pluginOptions?: any) => Array<LightPMPlugin>;
+    contentComponent?: UIComponentFactory;
     pluginsOptions?: Record<string, any>;
     onEditorViewStateUpdated?: OnEditorViewStateUpdated;
 }

package/dist/types/index.d.ts

@@ -13,7 +13,6 @@ export { EmojiResource } from '@atlaskit/emoji/resource';
 export { default as mediaPlugin, insertMediaSingleNode } from './plugins/media';
 export type { MediaProvider, MediaState, CustomMediaPicker, } from './plugins/media';
 export type { MediaOptions } from './plugins/media/types';
-export type { CollabEditProvider } from './plugins/collab-edit';
 export { AbstractMentionResource, MentionResource, PresenceResource, } from '@atlaskit/mention/resource';
 export type { MentionProvider, PresenceProvider, } from '@atlaskit/mention/resource';
 export { TeamMentionResource } from '@atlaskit/mention/team-resource';

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

@@ -1,8 +1,12 @@
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { BreakoutPluginState } from './types';
 interface BreakoutPluginOptions {
     allowBreakoutButton?: boolean;
 }
 declare const breakoutPlugin: NextEditorPlugin<'breakout', {
     pluginConfiguration: BreakoutPluginOptions | undefined;
+    dependencies: [typeof widthPlugin];
+    sharedState: Partial<BreakoutPluginState>;
 }>;
 export default breakoutPlugin;

package/dist/types/plugins/breakout/ui/LayoutButton.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
-interface Props {
+export interface Props {
     editorView: EditorView;
     mountPoint?: HTMLElement;
     node: PMNode | null;

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

@@ -2,9 +2,9 @@ import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { CardPluginOptions } from './types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type widthPlugin from '../width';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 import type basePlugin from '../base';
-import type gridPlugin from '../grid';
+import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
 declare const cardPlugin: NextEditorPlugin<'card', {
     pluginConfiguration: CardPluginOptions;
     dependencies: [

package/dist/types/plugins/collab-edit/actions.d.ts

@@ -1,10 +1,11 @@
 import { Selection } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import { CollabEventInitData, CollabEventRemoteData, CollabEventConnectionData, CollabEventPresenceData, CollabEventTelepointerData, CollabSendableSelection, PrivateCollabEditOptions } from './types';
+import type { CollabEventInitData, CollabEventRemoteData, CollabEventConnectionData, CollabEventPresenceData, CollabTelepointerPayload, CollabSendableSelection } from '@atlaskit/collab-provider';
+import { PrivateCollabEditOptions } from './types';
 export declare const handleInit: (initData: CollabEventInitData, view: EditorView, options?: PrivateCollabEditOptions) => void;
 export declare const handleConnection: (connectionData: CollabEventConnectionData, view: EditorView) => void;
 export declare const handlePresence: (presenceData: CollabEventPresenceData, view: EditorView) => void;
 export declare const applyRemoteData: (remoteData: CollabEventRemoteData, view: EditorView, options: PrivateCollabEditOptions) => void;
 export declare const applyRemoteSteps: (json: any[], view: EditorView, userIds?: (number | string)[], options?: PrivateCollabEditOptions) => void;
-export declare const handleTelePointer: (telepointerData: CollabEventTelepointerData, view: EditorView) => void;
+export declare const handleTelePointer: (telepointerData: CollabTelepointerPayload, view: EditorView) => void;
 export declare const getSendableSelection: (selection: Selection) => CollabSendableSelection;

package/dist/types/plugins/collab-edit/events/handlers.d.ts

@@ -1,5 +1,5 @@
 import { EditorView } from 'prosemirror-view';
-import type { CollabEventInitData, CollabEventConnectionData, CollabEventPresenceData, CollabEventTelepointerData, CollabEventRemoteData, CollabEventLocalStepData, CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEventInitData, CollabEventConnectionData, CollabEventPresenceData, CollabTelepointerPayload, CollabEventRemoteData, CollabEventLocalStepData, CollabEditProvider } from '@atlaskit/collab-provider';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { PrivateCollabEditOptions } from '../types';
 import { FeatureFlags } from '@atlaskit/editor-common/types';
@@ -12,7 +12,7 @@ export interface CollabHandlers {
     connectedHandler: (data: CollabEventConnectionData) => void;
     dataHandler: (data: CollabEventRemoteData) => void;
     presenceHandler: (data: CollabEventPresenceData) => void;
-    telepointerHandler: (data: CollabEventTelepointerData) => void;
+    telepointerHandler: (data: CollabTelepointerPayload) => void;
     localStepsHandler: (data: CollabEventLocalStepData) => void;
     errorHandler: (error: any) => void;
     entityHandler: ({ entity }: {
@@ -20,4 +20,4 @@ export interface CollabHandlers {
     }) => void;
 }
 export type Cleanup = () => void;
-export declare const subscribe: (currentDeps_0: EditorView<any>, currentDeps_1: CollabEditProvider<import("@atlaskit/editor-common/collab").CollabEventData>, currentDeps_2: PrivateCollabEditOptions, currentDeps_3: FeatureFlags, currentDeps_4?: ProviderFactory | undefined) => Cleanup;
+export declare const subscribe: (currentDeps_0: EditorView<any>, currentDeps_1: CollabEditProvider<import("@atlaskit/collab-provider").CollabEvents>, currentDeps_2: PrivateCollabEditOptions, currentDeps_3: FeatureFlags, currentDeps_4?: ProviderFactory | undefined) => Cleanup;

package/dist/types/plugins/collab-edit/events/initialize.d.ts

@@ -1,6 +1,6 @@
 import { EditorView } from 'prosemirror-view';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { CollabEditProvider } from '../provider';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import { PrivateCollabEditOptions } from '../types';
 import { Cleanup } from './handlers';
 import { FeatureFlags } from '@atlaskit/editor-common/types';

package/dist/types/plugins/collab-edit/events/send-transaction.d.ts

@@ -1,4 +1,4 @@
-import type { CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 import { Transaction, EditorState } from 'prosemirror-state';
 type Props = {
     originalTransaction: Transaction;

package/dist/types/plugins/collab-edit/index.d.ts

@@ -1,7 +1,6 @@
 import { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import { pluginKey } from './plugin';
 import { CollabEditOptions, PrivateCollabEditOptions } from './types';
-export type { CollabEditProvider } from './provider';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 export { pluginKey };
 export type { CollabEditOptions };

package/dist/types/plugins/collab-edit/native-collab-provider-plugin.d.ts

@@ -1,7 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { EditorState } from 'prosemirror-state';
-import type { CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEditProvider } from '@atlaskit/collab-provider';
 export declare const nativeCollabProviderPlugin: ({ providerPromise, }: {
     providerPromise: Promise<CollabEditProvider>;
-}) => SafePlugin<CollabEditProvider<import("@atlaskit/editor-common/collab").CollabEventData> | null, any>;
+}) => SafePlugin<CollabEditProvider<import("@atlaskit/collab-provider").CollabEvents> | null, any>;
 export declare const getCollabProvider: (editorState: EditorState) => CollabEditProvider | null;

package/dist/types/plugins/collab-edit/participants.d.ts

@@ -1,4 +1,4 @@
-import { CollabParticipant } from './types';
+import { CollabParticipant } from '@atlaskit/collab-provider';
 export interface ReadOnlyParticipants {
     get(sessionId: string): CollabParticipant | undefined;
     toArray(): ReadonlyArray<CollabParticipant>;

package/dist/types/plugins/collab-edit/plugin.d.ts

@@ -2,10 +2,8 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { Dispatch } from '../../event-dispatcher';
 import { PrivateCollabEditOptions, ProviderCallback } from './types';
-import { CollabEditProvider } from './provider';
 import { PluginState } from './plugin-state';
 import { pluginKey } from './plugin-key';
 import { FeatureFlags } from '@atlaskit/editor-common/types';
 export { PluginState, pluginKey };
-export type { CollabEditProvider };
 export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, collabProviderCallback: ProviderCallback, options: PrivateCollabEditOptions, featureFlags: FeatureFlags) => SafePlugin<any, any>;

package/dist/types/plugins/collab-edit/types.d.ts

@@ -1,9 +1,7 @@
 import { ReactElement } from 'react';
 import { Providers } from '@atlaskit/editor-common/provider-factory';
-import type { CollabEditProvider } from '@atlaskit/editor-common/collab';
+import type { CollabEditProvider, SyncUpErrorFunction } from '@atlaskit/collab-provider';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
-import { SyncUpErrorFunction } from '@atlaskit/editor-common/types';
-export type { CollabParticipant, CollabEventInitData, CollabEventRemoteData, CollabEventConnectionData, CollabEventPresenceData, CollabEventTelepointerData, CollabSendableSelection, } from '@atlaskit/editor-common/collab';
 export type InviteToEditComponentProps = {
     children: ReactElement<InviteToEditButtonProps>;
 };

package/dist/types/plugins/collab-edit/ui/to-avatar.d.ts

@@ -1,4 +1,4 @@
 import { AvatarProps } from '@atlaskit/avatar-group';
-import { CollabParticipant } from '../types';
+import type { CollabParticipant } from '@atlaskit/collab-provider';
 declare const _default: import("memoize-one").MemoizedFn<(participant: CollabParticipant) => AvatarProps>;
 export default _default;

package/dist/types/plugins/collab-edit/utils.d.ts

@@ -1,6 +1,7 @@
 import { EditorState } from 'prosemirror-state';
 import { EditorView, Decoration, DecorationSet } from 'prosemirror-view';
-import { CollabEditOptions, CollabParticipant } from './types';
+import type { CollabParticipant } from '@atlaskit/collab-provider';
+import { CollabEditOptions } from './types';
 export interface Color {
     solid: string;
     selection: string;

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

@@ -2,6 +2,7 @@ import { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { NextEditorPlugin, EditorAppearance } from '../../types';
 import { LongPressSelectionPluginOptions } from '../selection/types';
+import { widthPlugin } from '@atlaskit/editor-plugin-width';
 interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
     allowAutoSave?: boolean;
     breakoutEnabled?: boolean;
@@ -10,6 +11,6 @@ interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
 }
 declare const extensionPlugin: NextEditorPlugin<'extension', {
     pluginConfiguration: ExtensionPluginOptions | undefined;
-    dependencies: [typeof featureFlagsPlugin];
+    dependencies: [typeof featureFlagsPlugin, typeof widthPlugin];
 }>;
 export default extensionPlugin;

package/dist/types/plugins/extension/nodeviews/extension.d.ts

@@ -3,10 +3,12 @@ import { EditorView, NodeView } from 'prosemirror-view';
 import { Node as PmNode } from 'prosemirror-model';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
 import { EditorAppearance } from '../../../types/editor-appearance';
 import { ForwardRef, getPosHandler, ReactNodeView } from '../../../nodeviews';
 import { PortalProviderAPI } from '../../../ui/PortalProvider';
 import { EventDispatcher } from '../../../event-dispatcher';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 interface ExtensionNodeViewOptions {
     appearance?: EditorAppearance;
 }
@@ -22,7 +24,8 @@ export declare class ExtensionNode extends ReactNodeView {
         providerFactory: ProviderFactory;
         extensionHandlers: ExtensionHandlers;
         extensionNodeViewOptions?: ExtensionNodeViewOptions;
+        pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
     }, forwardRef: ForwardRef): JSX.Element;
 }
-export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types/plugins/extension/pm-plugins/main.d.ts

@@ -4,11 +4,13 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ExtensionHandlers, ExtensionProvider } from '@atlaskit/editor-common/extensions';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { EditorAppearance } from '../../../types/editor-appearance';
 import { Dispatch, EventDispatcher } from '../../../event-dispatcher';
 import { PortalProviderAPI } from '../../../ui/PortalProvider';
 import { getPluginState, createCommand } from '../plugin-factory';
 import { pluginKey } from '../plugin-key';
+import type extensionPlugin from '../index';
 export declare const createExtensionProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ExtensionProvider>) => Promise<void>;
 export declare const createContextIdentifierProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
 export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandlers, }: {
@@ -17,7 +19,7 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
     domAtPos: EditorView['domAtPos'];
     extensionHandlers: ExtensionHandlers;
 }) => true | undefined;
-declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, useLongPressSelection?: boolean, options?: {
+declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<typeof extensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;
 }) => SafePlugin<import("../types").ExtensionState<import("@atlaskit/editor-common/extensions").Parameters>, import("prosemirror-model").Schema<any, any>>;
 export { pluginKey, createPlugin, createCommand, getPluginState };

package/dist/types/plugins/extension/ui/Extension/Extension/index.d.ts

@@ -5,6 +5,8 @@ import { EditorView } from 'prosemirror-view';
 import type { ExtensionProvider, ReferenceEntity } from '@atlaskit/editor-common/extensions';
 import { ProsemirrorGetPosHandler } from '../../../../../nodeviews';
 import { EditorAppearance } from '../../../../../types/editor-appearance';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
 export interface Props {
     node: PmNode;
     getPos: ProsemirrorGetPosHandler;
@@ -15,7 +17,11 @@ export interface Props {
     references?: ReferenceEntity[];
     hideFrame?: boolean;
     editorAppearance?: EditorAppearance;
+    pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
 }
+/**
+ * End workaround
+ */
 declare const _default: {
     new (props: Readonly<Props>): {
         overflowContainer?: HTMLElement | null | undefined;

package/dist/types/plugins/extension/ui/Extension/ExtensionComponent.d.ts

@@ -5,6 +5,8 @@ import { getNodeRenderer, getExtensionModuleNodePrivateProps } from '@atlaskit/e
 import type { ExtensionHandlers, ExtensionProvider, ReferenceEntity } from '@atlaskit/editor-common/extensions';
 import { ProsemirrorGetPosHandler } from '../../../../nodeviews';
 import { EditorAppearance } from '../../../../types/editor-appearance';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
 export interface Props {
     editorView: EditorView;
     node: PMNode;
@@ -14,6 +16,7 @@ export interface Props {
     extensionProvider?: Promise<ExtensionProvider>;
     references?: ReferenceEntity[];
     editorAppearance?: EditorAppearance;
+    pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
 }
 export interface State {
     extensionProvider?: ExtensionProvider;

package/dist/types/plugins/extension/ui/Extension/index.d.ts

@@ -5,6 +5,8 @@ import type { ExtensionHandlers, ReferenceEntity } from '@atlaskit/editor-common
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { ProsemirrorGetPosHandler } from '../../../../nodeviews/types';
 import { EditorAppearance } from '../../../../types/editor-appearance';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
 export interface Props {
     editorView: EditorView;
     node: PMNode;
@@ -14,6 +16,7 @@ export interface Props {
     extensionHandlers: ExtensionHandlers;
     references?: ReferenceEntity[];
     editorAppearance?: EditorAppearance;
+    pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
 }
 export default class Extension extends Component<Props, any> {
     static displayName: string;

package/dist/types/plugins/help-dialog/index.d.ts

@@ -1,7 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 export declare function createPlugin(dispatch: Function, imageEnabled: boolean): SafePlugin<any, any>;
 declare const helpDialog: NextEditorPlugin<'helpDialog', {
+    dependencies: [OptionalPlugin<typeof analyticsPlugin>];
     pluginConfiguration: boolean;
 }>;
 export default helpDialog;

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

@@ -5,7 +5,6 @@ export type { BlockTypeState } from './block-type';
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as codeBlockPlugin } from './code-block';
 export { default as collabEditPlugin } from './collab-edit';
-export type { CollabEditProvider } from './collab-edit';
 export { default as datePlugin } from './date';
 export { default as emojiPlugin } from './emoji';
 export { default as extensionPlugin } from './extension';
@@ -35,11 +34,9 @@ export { default as textColorPlugin } from './text-color';
 export { default as textFormattingPlugin } from './text-formatting';
 export { default as typeAheadPlugin } from './type-ahead';
 export { default as unsupportedContentPlugin } from './unsupported-content';
-export { default as widthPlugin } from './width';
 export { default as cardPlugin } from './card';
 export { default as floatingToolbarPlugin } from './floating-toolbar';
 export { default as statusPlugin } from './status';
-export { default as gridPlugin } from './grid';
 export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';
 export { default as dataConsumerMarkPlugin } from './data-consumer';

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

@@ -1,13 +1,23 @@
 import { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { NextEditorPlugin } from '../../types';
+import { OptionalPlugin } from '@atlaskit/editor-common/types';
 import { MediaState } from './pm-plugins/main';
 import { CustomMediaPicker, MediaOptions } from './types';
+import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import type gridPlugin from '../grid';
+import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
+import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import { MediaPluginState } from './pm-plugins/types';
 export type { MediaState, MediaProvider, CustomMediaPicker };
 export { insertMediaSingleNode } from './utils/media-single';
 declare const mediaPlugin: NextEditorPlugin<'media', {
     pluginConfiguration: MediaOptions | undefined;
-    dependencies: [typeof featureFlagsPlugin, typeof gridPlugin];
+    dependencies: [
+        typeof featureFlagsPlugin,
+        OptionalPlugin<typeof analyticsPlugin>,
+        typeof gridPlugin,
+        typeof widthPlugin
+    ];
+    sharedState: MediaPluginState | null;
 }>;
 export default mediaPlugin;

package/dist/types/plugins/media/nodeviews/mediaNodeView/index.d.ts

@@ -7,9 +7,11 @@ import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '../../../../event-dispatcher';
 import { getPosHandler, SelectionBasedNodeView } from '../../../../nodeviews';
 import { PortalProviderAPI } from '../../../../ui/PortalProvider';
-import { WidthPluginState } from '../../../width';
+import type { WidthPluginState } from '@atlaskit/editor-plugin-width';
 import { MediaOptions } from '../../types';
 import { MediaNodeViewProps } from '../types';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type mediaPlugin from '../../index';
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     createDomRef(): HTMLElement;
     viewShouldUpdate(nextNode: PMNode): boolean;
@@ -22,5 +24,5 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     renderMediaNodeWithProviders: ({ mediaProvider, contextIdentifierProvider, }: Providers) => JSX.Element;
     render(): JSX.Element;
 }
-export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
+export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
 export {};

package/dist/types/plugins/media/nodeviews/mediaSingle.d.ts

@@ -15,7 +15,7 @@ import { PortalProviderAPI } from '../../../ui/PortalProvider';
 import { MediaOptions } from '../types';
 import { MediaSingleNodeProps, MediaSingleNodeViewProps } from './types';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
-import { DispatchAnalyticsEvent } from '../../analytics';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import ReactNodeView from '../../../nodeviews/ReactNodeView';
 import type mediaPlugin from '../index';
 export interface MediaSingleNodeState {

package/dist/types/plugins/media/nodeviews/types.d.ts

@@ -25,7 +25,7 @@ export interface MediaSingleNodeProps {
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     isCopyPasteEnabled?: boolean;
     forwardRef: ForwardRef;
-    pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin>;
+    pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined;
 }
 export interface MediaSingleNodeViewProps {
     eventDispatcher: EventDispatcher;
@@ -40,4 +40,5 @@ export interface MediaNodeViewProps {
     eventDispatcher: EventDispatcher;
     providerFactory: ProviderFactory;
     mediaOptions: MediaOptions;
+    pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined;
 }

package/dist/types/plugins/media/toolbar/index.d.ts

@@ -2,4 +2,6 @@ import { EditorState } from 'prosemirror-state';
 import { IntlShape } from 'react-intl-next';
 import { FloatingToolbarConfig } from '../../../plugins/floating-toolbar/types';
 import { MediaFloatingToolbarOptions } from '../types';
-export declare const floatingToolbar: (state: EditorState, intl: IntlShape, options?: MediaFloatingToolbarOptions) => FloatingToolbarConfig | undefined;
+import type mediaPlugin from '../index';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+export declare const floatingToolbar: (state: EditorState, intl: IntlShape, options: MediaFloatingToolbarOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined) => FloatingToolbarConfig | undefined;

package/dist/types/plugins/media/ui/ResizableMediaSingle/types.d.ts

@@ -1,10 +1,10 @@
 import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { MediaSingleProps } from '@atlaskit/editor-common/ui';
 import { MediaClientConfig } from '@atlaskit/media-core';
-import { GridType } from '../../../grid/types';
+import type { GridType } from '@atlaskit/editor-common/types';
 import { EditorView } from 'prosemirror-view';
 import { getPosHandler } from '../../../../nodeviews/types';
-import { DispatchAnalyticsEvent } from '../../../../plugins/analytics';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { ResolvedPos } from 'prosemirror-model';
 export type EnabledHandles = {
     left?: boolean;

package/dist/types/test-utils.d.ts

@@ -8,11 +8,12 @@ export type { LightEditorPlugin } from './create-editor/get-plugins';
 export type { DispatchAnalyticsEvent } from './plugins/analytics/types';
 export type { FeatureFlags } from './types/feature-flags';
 import { EditorPresetBuilder, type EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
-import type { AllEditorPresetPluginTypes } from '@atlaskit/editor-common/types';
+import type { AllEditorPresetPluginTypes, UIComponentFactory } from '@atlaskit/editor-common/types';
 export interface LightEditorConfig {
     nodes: NodeConfig[];
     marks: MarkConfig[];
     plugins: Array<LightPMPlugin>;
+    contentComponents: UIComponentFactory[];
     onEditorViewStateUpdatedCallbacks: Array<OnEditorViewStateUpdated>;
 }
 export declare function getFireAnalytics(editorView: EditorView): any;
@@ -20,6 +21,7 @@ type PluginData = {
     plugins: Plugin[];
     schema: Schema;
     onEditorViewStateUpdatedCallbacks: Array<OnEditorViewStateUpdated>;
+    editorConfig: LightEditorConfig;
 };
 export declare const createPMSchemaAndPlugins: (inputPreset?: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>) => (pluginFactoryParams: Omit<LightPMPluginFactoryParams, 'schema'> & {
     pluginInjectionAPI: EditorPluginInjectionAPI;

package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts

@@ -87,7 +87,7 @@ export declare const ScrollContainer: import("react").ForwardRefExoticComponent<
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
     'aria-modal'?: boolean | "false" | "true" | undefined;
     'aria-multiline'?: boolean | "false" | "true" | undefined;
     'aria-multiselectable'?: boolean | "false" | "true" | undefined;

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

@@ -25,5 +25,5 @@ type Props = WithAnalyticsEventsProps & {
      */
     skipFocusButtonAfterPick?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "title" | "key" | "onChange" | "size" | "currentColor" | "cols" | "analyticsContext" | "alignX" | "colorPalette" | "placement" | "mountPoint" | "setDisableParentScroll" | "hexToPaletteColor" | "showSomewhatSemanticTooltips" | "paletteColorTooltipMessages" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "title" | "key" | "onChange" | "size" | "currentColor" | "cols" | "analyticsContext" | "colorPalette" | "placement" | "alignX" | "mountPoint" | "setDisableParentScroll" | "hexToPaletteColor" | "showSomewhatSemanticTooltips" | "paletteColorTooltipMessages" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;