@atlaskit/editor-core 187.23.1 → 187.24.0

package/dist/esm/plugins/submit-editor/index.js

@@ -1,14 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import * as keymaps from '../../keymaps';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '../../plugins/analytics';
+import { submit } from '@atlaskit/editor-common/keymaps';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { stateKey as mediaPluginKey } from '../../plugins/media/pm-plugins/plugin-key';
 import { analyticsEventKey } from '../analytics/consts';
 export function createPlugin(eventDispatch, onSave) {
   if (!onSave) {
     return;
   }
-  return keymap(_defineProperty({}, "".concat(keymaps.submit.common), function _(state, _dispatch, editorView) {
+  return keymap(_defineProperty({}, "".concat(submit.common), function _(state, _dispatch, editorView) {
     var mediaState = mediaPluginKey.getState(state);
     if (mediaState && mediaState.waitForMediaUpload && !mediaState.allUploadsFinished) {
       return true;

package/dist/esm/plugins/text-color/commands/toggle-color.js

@@ -1,7 +1,7 @@
 import { toggleMark } from '@atlaskit/editor-common/mark';
 import { ACTIONS, pluginKey } from '../pm-plugins/main';
 import { getDisabledState } from '../utils/disabled';
-import { pluginCommandToPMCommand } from '@atlaskit/editor-common/preset';
+import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 export var toggleColor = function toggleColor(color) {
   return function (state, dispatch) {
     var textColor = state.schema.marks.textColor;
@@ -21,7 +21,7 @@ export var toggleColor = function toggleColor(color) {
         color: color
       });
       state.tr.scrollIntoView();
-      pluginCommandToPMCommand(toggleMark(textColor, {
+      editorCommandToPMCommand(toggleMark(textColor, {
         color: color
       }))(state, dispatch);
     }

package/dist/esm/presets/context.js

@@ -0,0 +1,26 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useContext } from 'react';
+export var EditorAPIContext = /*#__PURE__*/React.createContext({});
+export var PresetContextProvider = function PresetContextProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    editorApi = _useState2[0],
+    setEditorApi = _useState2[1];
+  return /*#__PURE__*/React.createElement(EditorAPIContext.Provider, {
+    value: {
+      editorApi: editorApi,
+      setEditorApi: setEditorApi
+    }
+  }, children);
+};
+export var usePresetContext = function usePresetContext() {
+  var _useContext = useContext(EditorAPIContext),
+    editorApi = _useContext.editorApi;
+  return editorApi;
+};
+export var useSetPresetContext = function useSetPresetContext() {
+  var _useContext2 = useContext(EditorAPIContext),
+    setEditorApi = _useContext2.setEditorApi;
+  return setEditorApi;
+};

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

@@ -9,6 +9,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import PropTypes from 'prop-types';
 import EditorActions from '../../actions';
+import { PresetContextProvider } from '../../presets/context';
 var EditorContext = /*#__PURE__*/React.createContext({});
 export var useEditorContext = function useEditorContext() {
   return React.useContext(EditorContext);
@@ -35,7 +36,7 @@ var LegacyEditorContext = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       return /*#__PURE__*/React.createElement(EditorContext.Provider, {
         value: this.getChildContext()
-      }, this.props.children);
+      }, /*#__PURE__*/React.createElement(PresetContextProvider, null, this.props.children));
     }
   }]);
   return LegacyEditorContext;

package/dist/esm/use-preset.js

@@ -0,0 +1,45 @@
+import { useMemo } from 'react';
+import { usePresetContext } from './presets/context';
+/**
+ * Creates a preset.
+ *
+ * Takes an input function that returns a preset (and memoizes it) depending
+ * on the dependency array provided.
+ *
+ * Returns a pluginInjectionApi in order to apply actions and subscribe to plugin
+ * changes outside of the editor.
+ *
+ * @param createPreset
+ * @param dependencies
+ * @returns PresetAPI ({ pluginInjectionApi, preset, actionBuilder })
+ *
+ * Example:
+ * ```ts
+ * function ExampleEditor() {
+ *   const { preset, editorApi } = usePreset(() =>
+ *     new EditorPresetBuilder().add(plugin1).add(plugin2)
+ *   , []);
+ *
+ *   // Can execute typesafe commands based on plugin1 or 2
+ *   const runCommand = () => editorApi.executeCommand(
+ *     editorApi.dependencies.plugin1.commands.doSomething()
+ *   )
+ *   return (
+ *     <>
+ *       <Editor preset={preset} />
+ *       <Button onClick={runCommand}>Run command</Button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export function usePreset(createPreset, dependencies) {
+  var editorApi = usePresetContext();
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var preset = useMemo(createPreset, dependencies);
+  return {
+    editorApi: editorApi,
+    preset: preset
+  };
+}

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.23.1";
+export var version = "187.24.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": "187.23.1",
+	"version": "187.24.0",
 	"sideEffects": false
 }

package/dist/types/create-editor/ReactEditorViewInternal.d.ts

@@ -16,6 +16,7 @@ import { FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
 import type { EditorAppearance, EditorConfig, EditorReactContext, EditorPlugin, EditorProps } from '../types';
 import type { EditorNextProps } from '../types/editor-props';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { SetEditorAPI } from '../presets/context';
 import { TransactionTracker } from '../utils/performance/track-transactions';
 import type { FireAnalyticsCallback, AnalyticsEventPayload, DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
@@ -26,6 +27,7 @@ export interface EditorViewProps {
     portalProviderAPI: PortalProviderAPI;
     disabled?: boolean;
     experienceStore?: ExperienceStore;
+    setEditorApi?: SetEditorAPI;
     render?: (props: {
         editor: JSX.Element;
         view?: EditorView;

package/dist/types/labs/next/presets/default.d.ts

@@ -263,13 +263,13 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }>>];
     commands: {
-        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
     };
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"textFormatting", {
     pluginConfiguration: TextFormattingOptions | undefined;
@@ -303,13 +303,13 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }>>];
     commands: {
-        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
     };
 }>, (config?: HyperlinkPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"hyperlink", {
     pluginConfiguration: HyperlinkPluginOptions | undefined;
@@ -634,13 +634,13 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }>>];
     commands: {
-        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
     };
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"textFormatting", {
     pluginConfiguration: TextFormattingOptions | undefined;
@@ -674,13 +674,13 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }>>];
     commands: {
-        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
     };
 }>, (config?: HyperlinkPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"hyperlink", {
     pluginConfiguration: HyperlinkPluginOptions | undefined;

package/dist/types/plugins/emoji/commands/insert-emoji.d.ts

@@ -1,4 +1,4 @@
 import type { EmojiId } from '@atlaskit/emoji';
-import type { PluginCommand } from '@atlaskit/editor-common/types';
+import type { EditorCommand } from '@atlaskit/editor-common/types';
 import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => PluginCommand;
+export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;

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

@@ -2,7 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { EmojiDescription, EmojiProvider, EmojiId } from '@atlaskit/emoji';
-import type { Command, NextEditorPlugin, PMPluginFactoryParams, OptionalPlugin, PluginCommand } from '@atlaskit/editor-common/types';
+import type { Command, NextEditorPlugin, PMPluginFactoryParams, OptionalPlugin, EditorCommand } from '@atlaskit/editor-common/types';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TypeAheadItem } from '../type-ahead/types';
 import type { EmojiPluginOptions, EmojiPluginState } from './types';
@@ -18,7 +18,7 @@ export type EmojiPlugin = NextEditorPlugin<'emoji', {
     dependencies: [OptionalPlugin<typeof analyticsPlugin>];
     sharedState: EmojiPluginState | undefined;
     commands: {
-        insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => PluginCommand;
+        insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;
     };
 }>;
 export declare const emojiPlugin: EmojiPlugin;

package/dist/types/plugins/find-replace/index.d.ts

@@ -1,4 +1,4 @@
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 type Config = {
     takeFullWidth: boolean;

package/dist/types/presets/context.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
+export type SetEditorAPI = (editorApi: PublicPluginAPI<any>) => void;
+export interface EditorAPIContextType {
+    editorApi?: PublicPluginAPI<any>;
+    setEditorApi?: SetEditorAPI;
+}
+export declare const EditorAPIContext: React.Context<EditorAPIContextType>;
+interface EditorAPIProviderProps {
+    children: React.ReactNode;
+}
+export declare const PresetContextProvider: ({ children }: EditorAPIProviderProps) => JSX.Element;
+export declare const usePresetContext: () => PublicPluginAPI<any> | undefined;
+export declare const useSetPresetContext: () => SetEditorAPI | undefined;
+export {};

package/dist/types/use-preset.d.ts

@@ -0,0 +1,48 @@
+import type { DependencyList } from 'react';
+import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import type { AllEditorPresetPluginTypes, PublicPluginAPI, NextEditorPlugin } from '@atlaskit/editor-common/types';
+type ExtractNextEditorPlugins<Plugins extends AllEditorPresetPluginTypes[]> = {
+    [PluginNumber in keyof Plugins]: Plugins[PluginNumber] extends NextEditorPlugin<infer Name, infer Metadata> ? NextEditorPlugin<Name, Metadata> : Plugins[PluginNumber] extends [
+        NextEditorPlugin<infer Name, infer Metadata>,
+        any
+    ] ? NextEditorPlugin<Name, Metadata> : never;
+};
+interface PresetAPI<PluginNames extends string[] = [], StackPlugins extends AllEditorPresetPluginTypes[] = []> {
+    editorApi: PublicPluginAPI<ExtractNextEditorPlugins<StackPlugins>> | undefined;
+    preset: EditorPresetBuilder<PluginNames, StackPlugins>;
+}
+/**
+ * Creates a preset.
+ *
+ * Takes an input function that returns a preset (and memoizes it) depending
+ * on the dependency array provided.
+ *
+ * Returns a pluginInjectionApi in order to apply actions and subscribe to plugin
+ * changes outside of the editor.
+ *
+ * @param createPreset
+ * @param dependencies
+ * @returns PresetAPI ({ pluginInjectionApi, preset, actionBuilder })
+ *
+ * Example:
+ * ```ts
+ * function ExampleEditor() {
+ *   const { preset, editorApi } = usePreset(() =>
+ *     new EditorPresetBuilder().add(plugin1).add(plugin2)
+ *   , []);
+ *
+ *   // Can execute typesafe commands based on plugin1 or 2
+ *   const runCommand = () => editorApi.executeCommand(
+ *     editorApi.dependencies.plugin1.commands.doSomething()
+ *   )
+ *   return (
+ *     <>
+ *       <Editor preset={preset} />
+ *       <Button onClick={runCommand}>Run command</Button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export declare function usePreset<PluginNames extends string[] = [], StackPlugins extends AllEditorPresetPluginTypes[] = []>(createPreset: () => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies: DependencyList): PresetAPI<PluginNames, StackPlugins>;
+export {};

package/dist/types-ts4.5/create-editor/ReactEditorViewInternal.d.ts

@@ -16,6 +16,7 @@ import { FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
 import type { EditorAppearance, EditorConfig, EditorReactContext, EditorPlugin, EditorProps } from '../types';
 import type { EditorNextProps } from '../types/editor-props';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { SetEditorAPI } from '../presets/context';
 import { TransactionTracker } from '../utils/performance/track-transactions';
 import type { FireAnalyticsCallback, AnalyticsEventPayload, DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
@@ -26,6 +27,7 @@ export interface EditorViewProps {
     portalProviderAPI: PortalProviderAPI;
     disabled?: boolean;
     experienceStore?: ExperienceStore;
+    setEditorApi?: SetEditorAPI;
     render?: (props: {
         editor: JSX.Element;
         view?: EditorView;

package/dist/types-ts4.5/labs/next/presets/default.d.ts

@@ -320,13 +320,13 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
             }>>
         ];
         commands: {
-            toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+            toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
         };
     }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"textFormatting", {
         pluginConfiguration: TextFormattingOptions | undefined;
@@ -366,13 +366,13 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
             }>>
         ];
         commands: {
-            toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+            toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
         };
     }>,
     (config?: HyperlinkPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"hyperlink", {
@@ -771,13 +771,13 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
             }>>
         ];
         commands: {
-            toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+            toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
         };
     }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"textFormatting", {
         pluginConfiguration: TextFormattingOptions | undefined;
@@ -817,13 +817,13 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
             }>>
         ];
         commands: {
-            toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-            toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+            toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+            toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
         };
     }>,
     (config?: HyperlinkPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"hyperlink", {

package/dist/types-ts4.5/plugins/emoji/commands/insert-emoji.d.ts

@@ -1,4 +1,4 @@
 import type { EmojiId } from '@atlaskit/emoji';
-import type { PluginCommand } from '@atlaskit/editor-common/types';
+import type { EditorCommand } from '@atlaskit/editor-common/types';
 import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => PluginCommand;
+export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;

package/dist/types-ts4.5/plugins/emoji/index.d.ts

@@ -2,7 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { EmojiDescription, EmojiProvider, EmojiId } from '@atlaskit/emoji';
-import type { Command, NextEditorPlugin, PMPluginFactoryParams, OptionalPlugin, PluginCommand } from '@atlaskit/editor-common/types';
+import type { Command, NextEditorPlugin, PMPluginFactoryParams, OptionalPlugin, EditorCommand } from '@atlaskit/editor-common/types';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TypeAheadItem } from '../type-ahead/types';
 import type { EmojiPluginOptions, EmojiPluginState } from './types';
@@ -20,7 +20,7 @@ export type EmojiPlugin = NextEditorPlugin<'emoji', {
     ];
     sharedState: EmojiPluginState | undefined;
     commands: {
-        insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => PluginCommand;
+        insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;
     };
 }>;
 export declare const emojiPlugin: EmojiPlugin;

package/dist/types-ts4.5/plugins/find-replace/index.d.ts

@@ -1,4 +1,4 @@
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 type Config = {
     takeFullWidth: boolean;

package/dist/types-ts4.5/presets/context.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
+export type SetEditorAPI = (editorApi: PublicPluginAPI<any>) => void;
+export interface EditorAPIContextType {
+    editorApi?: PublicPluginAPI<any>;
+    setEditorApi?: SetEditorAPI;
+}
+export declare const EditorAPIContext: React.Context<EditorAPIContextType>;
+interface EditorAPIProviderProps {
+    children: React.ReactNode;
+}
+export declare const PresetContextProvider: ({ children }: EditorAPIProviderProps) => JSX.Element;
+export declare const usePresetContext: () => PublicPluginAPI<any> | undefined;
+export declare const useSetPresetContext: () => SetEditorAPI | undefined;
+export {};

package/dist/types-ts4.5/use-preset.d.ts

@@ -0,0 +1,52 @@
+import type { DependencyList } from 'react';
+import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import type { AllEditorPresetPluginTypes, PublicPluginAPI, NextEditorPlugin } from '@atlaskit/editor-common/types';
+type ExtractNextEditorPlugins<Plugins extends AllEditorPresetPluginTypes[]> = {
+    [PluginNumber in keyof Plugins]: Plugins[PluginNumber] extends NextEditorPlugin<infer Name, infer Metadata> ? NextEditorPlugin<Name, Metadata> : Plugins[PluginNumber] extends [
+        NextEditorPlugin<infer Name, infer Metadata>,
+        any
+    ] ? NextEditorPlugin<Name, Metadata> : never;
+};
+interface PresetAPI<PluginNames extends string[] = [
+], StackPlugins extends AllEditorPresetPluginTypes[] = [
+]> {
+    editorApi: PublicPluginAPI<ExtractNextEditorPlugins<StackPlugins>> | undefined;
+    preset: EditorPresetBuilder<PluginNames, StackPlugins>;
+}
+/**
+ * Creates a preset.
+ *
+ * Takes an input function that returns a preset (and memoizes it) depending
+ * on the dependency array provided.
+ *
+ * Returns a pluginInjectionApi in order to apply actions and subscribe to plugin
+ * changes outside of the editor.
+ *
+ * @param createPreset
+ * @param dependencies
+ * @returns PresetAPI ({ pluginInjectionApi, preset, actionBuilder })
+ *
+ * Example:
+ * ```ts
+ * function ExampleEditor() {
+ *   const { preset, editorApi } = usePreset(() =>
+ *     new EditorPresetBuilder().add(plugin1).add(plugin2)
+ *   , []);
+ *
+ *   // Can execute typesafe commands based on plugin1 or 2
+ *   const runCommand = () => editorApi.executeCommand(
+ *     editorApi.dependencies.plugin1.commands.doSomething()
+ *   )
+ *   return (
+ *     <>
+ *       <Editor preset={preset} />
+ *       <Button onClick={runCommand}>Run command</Button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export declare function usePreset<PluginNames extends string[] = [
+], StackPlugins extends AllEditorPresetPluginTypes[] = [
+]>(createPreset: () => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies: DependencyList): PresetAPI<PluginNames, StackPlugins>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.23.1",
+  "version": "187.24.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^12.7.0",
-    "@atlaskit/editor-common": "^74.45.0",
+    "@atlaskit/editor-common": "^74.46.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-palette": "1.5.1",
@@ -72,7 +72,7 @@
     "@atlaskit/editor-plugin-guideline": "^0.3.4",
     "@atlaskit/editor-plugin-hyperlink": "^0.3.0",
     "@atlaskit/editor-plugin-image-upload": "^0.1.0",
-    "@atlaskit/editor-plugin-table": "^2.8.0",
+    "@atlaskit/editor-plugin-table": "^2.9.0",
     "@atlaskit/editor-plugin-text-formatting": "^0.2.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
@@ -146,7 +146,7 @@
     "@atlaskit/collab-provider": "9.10.1",
     "@atlaskit/dropdown-menu": "^11.11.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
-    "@atlaskit/editor-plugin-table": "^2.8.0",
+    "@atlaskit/editor-plugin-table": "^2.9.0",
     "@atlaskit/editor-test-helpers": "^18.11.0",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/icon-object": "^6.3.0",

package/report.api.md

@@ -130,6 +130,7 @@ import { PresenceResource } from '@atlaskit/mention/resource';
 import PropTypes from 'prop-types';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
+import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
 import { PureComponent } from 'react';
 import { QuickInsertActionInsert } from '@atlaskit/editor-common/provider-factory';
 import { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
@@ -974,6 +975,8 @@ interface EditorViewProps {
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     editorRef: React_2.RefObject<HTMLDivElement>;
   }) => JSX.Element;
+  // (undocumented)
+  setEditorApi?: SetEditorAPI;
 }
 
 // @public (undocumented)
@@ -1957,6 +1960,9 @@ export function setBlockTypeWithAnalytics(
   editorAnalyticsApi: EditorAnalyticsAPI | undefined,
 ): Command_2;
 
+// @public (undocumented)
+type SetEditorAPI = (editorApi: PublicPluginAPI<any>) => void;
+
 // @public (undocumented)
 export const setIsExpanded: (isExpanded: boolean) => Command_2;