@atlaskit/editor-plugin-synced-block 2.1.0 → 2.2.0

package/dist/esm/ui/floating-toolbar.js

@@ -1,5 +1,59 @@
-export var getToolbarConfig = function getToolbarConfig() {
-  return function (_state, _intl) {
-    return undefined;
+import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import CopyIcon from '@atlaskit/icon/core/copy';
+import LinkExternalIcon from '@atlaskit/icon/core/link-external';
+import { copySyncedBlockReferenceToClipboard } from '../pm-plugins/actions';
+import { findSyncBlock } from '../pm-plugins/utils/utils';
+export var getToolbarConfig = function getToolbarConfig(state, _intl) {
+  var _options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var _providerFactory = arguments.length > 3 ? arguments[3] : undefined;
+  var syncBlockObject = findSyncBlock(state);
+  if (!syncBlockObject) {
+    return;
+  }
+  var nodeType = state.schema.nodes.syncBlock;
+  var items = [];
+  var copyButton = {
+    id: 'editor.syncedBlock.copy',
+    type: 'button',
+    appearance: 'subtle',
+    icon: CopyIcon,
+    title: 'Copy',
+    showTitle: true,
+    tooltipContent: 'Copy reference to clipboard',
+    onClick: copySyncedBlockReferenceToClipboard
+  };
+  items.push(copyButton);
+  if (syncBlockObject.node.attrs.resourceId !== syncBlockObject.node.attrs.localId) {
+    var editSourceButton = {
+      id: 'editor.syncedBlock.editSource',
+      type: 'button',
+      appearance: 'subtle',
+      icon: LinkExternalIcon,
+      title: 'Edit source',
+      showTitle: true,
+      tooltipContent: 'Navigate to source page of the sync block',
+      disabled: true,
+      onClick: function onClick(_state, _dispatch, view) {
+        if (!view) {
+          return false;
+        }
+        // to be implemented in a follow up PR
+        return true;
+      }
+    };
+    items.push(editSourceButton);
+  }
+  var getDomRef = function getDomRef(editorView) {
+    var domAtPos = editorView.domAtPos.bind(editorView);
+    var element = findDomRefAtPos(syncBlockObject.pos, domAtPos);
+    return element;
+  };
+  return {
+    title: 'Synced Block floating controls',
+    getDomRef: getDomRef,
+    nodeType: nodeType,
+    items: items,
+    scrollable: true,
+    groupLabel: 'Synced blocks'
   };
 };

package/dist/types/nodeviews/syncedBlock.d.ts

@@ -1,28 +1,42 @@
 import React from 'react';
-import type { DocNode } from '@atlaskit/adf-schema';
-import ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
+import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
+import type { ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
+import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { SyncedBlockPluginOptions } from '../syncedBlockPluginType';
-export type SyncBlockNodeViewProps = {
-    config: SyncedBlockPluginOptions | undefined;
-};
-export declare const defaultSyncBlockDocument: DocNode;
-export declare const SyncBlockPluginComponent: ({ config, dom, }: {
-    config: SyncedBlockPluginOptions | undefined;
-    dom: HTMLElement;
-}) => React.JSX.Element | null;
+import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
+export interface SyncBlockNodeViewProps extends ReactComponentProps {
+    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
+    eventDispatcher: EventDispatcher;
+    getPos: getPosHandler;
+    isNodeNested?: boolean;
+    node: PMNode;
+    options: SyncedBlockPluginOptions | undefined;
+    portalProviderAPI: PortalProviderAPI;
+    view: EditorView;
+}
 declare class SyncBlock extends ReactNodeView<SyncBlockNodeViewProps> {
+    private isSource;
+    private options;
+    constructor(props: SyncBlockNodeViewProps);
     unsubscribe: (() => void) | undefined;
     createDomRef(): HTMLElement;
-    render(): React.JSX.Element;
+    private handleContentChanges;
+    private setInnerEditorView;
+    private renderEditor;
+    private renderRenderer;
+    render(): React.JSX.Element | null;
     stopEvent(event: Event): boolean;
+    selectNode(): void;
     destroy(): void;
+    private selectSyncBlockNode;
 }
 export interface SyncBlockNodeViewProperties {
-    config: SyncedBlockPluginOptions | undefined;
+    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
+    options: SyncedBlockPluginOptions | undefined;
     pmPluginFactoryParams: PMPluginFactoryParams;
 }
-export declare const syncBlockNodeView: ({ config, pmPluginFactoryParams }: SyncBlockNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => SyncBlock;
+export declare const syncBlockNodeView: ({ options, pmPluginFactoryParams, api }: SyncBlockNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => SyncBlock;
 export {};

package/dist/types/pm-plugins/actions.d.ts

@@ -1,2 +1,4 @@
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Command } from '@atlaskit/editor-common/types';
+import { type EditorState, type Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const createSyncedBlock: (state: EditorState) => Transaction;
+export declare const copySyncedBlockReferenceToClipboard: Command;

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

@@ -1,9 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-common/sync-block';
-import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { SyncedBlockPluginOptions } from '../syncedBlockPluginType';
+import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 export declare const syncedBlockPluginKey: PluginKey<any>;
 type SyncedBlockPluginState = {};
-export declare const createPlugin: (config: SyncedBlockPluginOptions | undefined, pmPluginFactoryParams: PMPluginFactoryParams, _syncBlockStore: SyncBlockStoreManager) => SafePlugin<SyncedBlockPluginState>;
+export declare const createPlugin: (options: SyncedBlockPluginOptions | undefined, pmPluginFactoryParams: PMPluginFactoryParams, syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => SafePlugin<SyncedBlockPluginState>;
 export {};

package/dist/types/pm-plugins/utils/track-sync-blocks.d.ts

@@ -0,0 +1,7 @@
+import type { SyncBlockStoreManager } from '@atlaskit/editor-common/sync-block';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { SyncBlockAttrs } from '../../syncedBlockPluginType';
+export declare const trackSyncBlocks: (storeManager: SyncBlockStoreManager, tr: Transaction, state: EditorState) => {
+    removed: SyncBlockAttrs[];
+    added: SyncBlockAttrs[];
+};

package/dist/types/pm-plugins/utils/utils.d.ts

@@ -0,0 +1,3 @@
+import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+export declare const findSyncBlock: (state: EditorState, selection?: Selection | null) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;

package/dist/types/syncedBlockPluginType.d.ts

@@ -3,11 +3,10 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { SyncBlockDataProvider } from '@atlaskit/editor-common/sync-block';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { EditorView } from '@atlaskit/editor-prosemirror/dist/types/view';
 export type SyncedBlockEditorProps = {
-    boundariesElement: HTMLElement;
     defaultDocument: JSONDocNode;
-    mountPoint: HTMLElement;
     onChange: (editorView: EditorView, meta: {
         /**
          * Indicates whether or not the change may be unnecessary to listen to (dirty
@@ -25,6 +24,8 @@ export type SyncedBlockEditorProps = {
         editorView: EditorView;
         eventDispatcher: EventDispatcher;
     }) => void;
+    popupsBoundariesElement: HTMLElement;
+    popupsMountPoint: HTMLElement;
 };
 export type SyncedBlockRendererProps = {
     docNode: DocNode;
@@ -35,5 +36,10 @@ export type SyncedBlockPluginOptions = {
     getSyncedBlockRenderer?: (props: SyncedBlockRendererProps) => React.JSX.Element;
 };
 export type SyncedBlockPlugin = NextEditorPlugin<'syncedBlock', {
+    dependencies: [SelectionPlugin];
     pluginConfiguration: SyncedBlockPluginOptions | undefined;
 }>;
+export type SyncBlockAttrs = {
+    localId: string;
+    resourceId: string;
+};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-common/sync-block';
+export declare const ContentComponent: ({ syncBlockStoreManager, }: {
+    syncBlockStoreManager: SyncBlockStoreManager;
+}) => React.JSX.Element;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { SyncedBlockEditorProps } from '../syncedBlockPluginType';
+type Props = {
+    defaultDocument: JSONDocNode;
+    getSyncedBlockEditor: (props: SyncedBlockEditorProps) => React.JSX.Element;
+    handleContentChanges: (updatedDoc: PMNode) => void;
+    popupsBoundariesElement: HTMLElement;
+    popupsMountPoint: HTMLElement;
+    setInnerEditorView: (editorView: EditorView) => void;
+};
+export declare const SyncBlockEditorWrapperDataId = "sync-block-plugin-editor-wrapper";
+export declare const SyncBlockEditorWrapper: React.MemoExoticComponent<({ defaultDocument, getSyncedBlockEditor, popupsBoundariesElement, popupsMountPoint, setInnerEditorView, handleContentChanges, }: Props) => React.JSX.Element>;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DocNode } from '@atlaskit/adf-schema';
+import type { SyncedBlockRendererProps } from '../syncedBlockPluginType';
+type Props = {
+    docNode: DocNode;
+    getSyncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;
+};
+export declare const SyncBlockRendererWrapper: React.MemoExoticComponent<({ getSyncedBlockRenderer, docNode }: Props) => React.JSX.Element>;
+export {};

package/dist/types/ui/floating-toolbar.d.ts

@@ -1,2 +1,6 @@
-import type { FloatingToolbarHandler } from '@atlaskit/editor-common/types';
-export declare const getToolbarConfig: () => FloatingToolbarHandler;
+import type { IntlShape } from 'react-intl-next';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/dist/types/state';
+import type { SyncedBlockPluginOptions } from '../syncedBlockPluginType';
+export declare const getToolbarConfig: (state: EditorState, _intl: IntlShape, _options: SyncedBlockPluginOptions | undefined, _providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;

package/dist/types-ts4.5/nodeviews/syncedBlock.d.ts

@@ -1,28 +1,42 @@
 import React from 'react';
-import type { DocNode } from '@atlaskit/adf-schema';
-import ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
+import ReactNodeView, { type getPosHandler } from '@atlaskit/editor-common/react-node-view';
+import type { ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
+import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { SyncedBlockPluginOptions } from '../syncedBlockPluginType';
-export type SyncBlockNodeViewProps = {
-    config: SyncedBlockPluginOptions | undefined;
-};
-export declare const defaultSyncBlockDocument: DocNode;
-export declare const SyncBlockPluginComponent: ({ config, dom, }: {
-    config: SyncedBlockPluginOptions | undefined;
-    dom: HTMLElement;
-}) => React.JSX.Element | null;
+import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
+export interface SyncBlockNodeViewProps extends ReactComponentProps {
+    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
+    eventDispatcher: EventDispatcher;
+    getPos: getPosHandler;
+    isNodeNested?: boolean;
+    node: PMNode;
+    options: SyncedBlockPluginOptions | undefined;
+    portalProviderAPI: PortalProviderAPI;
+    view: EditorView;
+}
 declare class SyncBlock extends ReactNodeView<SyncBlockNodeViewProps> {
+    private isSource;
+    private options;
+    constructor(props: SyncBlockNodeViewProps);
     unsubscribe: (() => void) | undefined;
     createDomRef(): HTMLElement;
-    render(): React.JSX.Element;
+    private handleContentChanges;
+    private setInnerEditorView;
+    private renderEditor;
+    private renderRenderer;
+    render(): React.JSX.Element | null;
     stopEvent(event: Event): boolean;
+    selectNode(): void;
     destroy(): void;
+    private selectSyncBlockNode;
 }
 export interface SyncBlockNodeViewProperties {
-    config: SyncedBlockPluginOptions | undefined;
+    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
+    options: SyncedBlockPluginOptions | undefined;
     pmPluginFactoryParams: PMPluginFactoryParams;
 }
-export declare const syncBlockNodeView: ({ config, pmPluginFactoryParams }: SyncBlockNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => SyncBlock;
+export declare const syncBlockNodeView: ({ options, pmPluginFactoryParams, api }: SyncBlockNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => SyncBlock;
 export {};

package/dist/types-ts4.5/pm-plugins/actions.d.ts

@@ -1,2 +1,4 @@
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Command } from '@atlaskit/editor-common/types';
+import { type EditorState, type Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const createSyncedBlock: (state: EditorState) => Transaction;
+export declare const copySyncedBlockReferenceToClipboard: Command;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,9 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-common/sync-block';
-import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { SyncedBlockPluginOptions } from '../syncedBlockPluginType';
+import type { SyncedBlockPlugin, SyncedBlockPluginOptions } from '../syncedBlockPluginType';
 export declare const syncedBlockPluginKey: PluginKey<any>;
 type SyncedBlockPluginState = {};
-export declare const createPlugin: (config: SyncedBlockPluginOptions | undefined, pmPluginFactoryParams: PMPluginFactoryParams, _syncBlockStore: SyncBlockStoreManager) => SafePlugin<SyncedBlockPluginState>;
+export declare const createPlugin: (options: SyncedBlockPluginOptions | undefined, pmPluginFactoryParams: PMPluginFactoryParams, syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => SafePlugin<SyncedBlockPluginState>;
 export {};

package/dist/types-ts4.5/pm-plugins/utils/track-sync-blocks.d.ts

@@ -0,0 +1,7 @@
+import type { SyncBlockStoreManager } from '@atlaskit/editor-common/sync-block';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { SyncBlockAttrs } from '../../syncedBlockPluginType';
+export declare const trackSyncBlocks: (storeManager: SyncBlockStoreManager, tr: Transaction, state: EditorState) => {
+    removed: SyncBlockAttrs[];
+    added: SyncBlockAttrs[];
+};

package/dist/types-ts4.5/pm-plugins/utils/utils.d.ts

@@ -0,0 +1,3 @@
+import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+export declare const findSyncBlock: (state: EditorState, selection?: Selection | null) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;

package/dist/types-ts4.5/syncedBlockPluginType.d.ts

@@ -3,11 +3,10 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { SyncBlockDataProvider } from '@atlaskit/editor-common/sync-block';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { EditorView } from '@atlaskit/editor-prosemirror/dist/types/view';
 export type SyncedBlockEditorProps = {
-    boundariesElement: HTMLElement;
     defaultDocument: JSONDocNode;
-    mountPoint: HTMLElement;
     onChange: (editorView: EditorView, meta: {
         /**
          * Indicates whether or not the change may be unnecessary to listen to (dirty
@@ -25,6 +24,8 @@ export type SyncedBlockEditorProps = {
         editorView: EditorView;
         eventDispatcher: EventDispatcher;
     }) => void;
+    popupsBoundariesElement: HTMLElement;
+    popupsMountPoint: HTMLElement;
 };
 export type SyncedBlockRendererProps = {
     docNode: DocNode;
@@ -35,5 +36,12 @@ export type SyncedBlockPluginOptions = {
     getSyncedBlockRenderer?: (props: SyncedBlockRendererProps) => React.JSX.Element;
 };
 export type SyncedBlockPlugin = NextEditorPlugin<'syncedBlock', {
+    dependencies: [
+        SelectionPlugin
+    ];
     pluginConfiguration: SyncedBlockPluginOptions | undefined;
 }>;
+export type SyncBlockAttrs = {
+    localId: string;
+    resourceId: string;
+};

package/dist/types-ts4.5/ui/ContentComponent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-common/sync-block';
+export declare const ContentComponent: ({ syncBlockStoreManager, }: {
+    syncBlockStoreManager: SyncBlockStoreManager;
+}) => React.JSX.Element;

package/dist/types-ts4.5/ui/SyncBlockEditorWrapper.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { SyncedBlockEditorProps } from '../syncedBlockPluginType';
+type Props = {
+    defaultDocument: JSONDocNode;
+    getSyncedBlockEditor: (props: SyncedBlockEditorProps) => React.JSX.Element;
+    handleContentChanges: (updatedDoc: PMNode) => void;
+    popupsBoundariesElement: HTMLElement;
+    popupsMountPoint: HTMLElement;
+    setInnerEditorView: (editorView: EditorView) => void;
+};
+export declare const SyncBlockEditorWrapperDataId = "sync-block-plugin-editor-wrapper";
+export declare const SyncBlockEditorWrapper: React.MemoExoticComponent<({ defaultDocument, getSyncedBlockEditor, popupsBoundariesElement, popupsMountPoint, setInnerEditorView, handleContentChanges, }: Props) => React.JSX.Element>;
+export {};

package/dist/types-ts4.5/ui/SyncBlockRendererWrapper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DocNode } from '@atlaskit/adf-schema';
+import type { SyncedBlockRendererProps } from '../syncedBlockPluginType';
+type Props = {
+    docNode: DocNode;
+    getSyncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;
+};
+export declare const SyncBlockRendererWrapper: React.MemoExoticComponent<({ getSyncedBlockRenderer, docNode }: Props) => React.JSX.Element>;
+export {};

package/dist/types-ts4.5/ui/floating-toolbar.d.ts

@@ -1,2 +1,6 @@
-import type { FloatingToolbarHandler } from '@atlaskit/editor-common/types';
-export declare const getToolbarConfig: () => FloatingToolbarHandler;
+import type { IntlShape } from 'react-intl-next';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/dist/types/state';
+import type { SyncedBlockPluginOptions } from '../syncedBlockPluginType';
+export declare const getToolbarConfig: (state: EditorState, _intl: IntlShape, _options: SyncedBlockPluginOptions | undefined, _providerFactory: ProviderFactory) => FloatingToolbarConfig | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "2.1.0",
+	"version": "2.2.0",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,13 +29,17 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.1.2",
+		"@atlaskit/button": "23.4.9",
+		"@atlaskit/editor-plugin-selection": "^5.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/icon": "28.2.0",
+		"@atlaskit/icon": "28.2.1",
+		"@atlaskit/modal-dialog": "^14.3.0",
 		"@babel/runtime": "^7.0.0",
-		"react-intl-next": "npm:react-intl@^5.18.1"
+		"react-intl-next": "npm:react-intl@^5.18.1",
+		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.8.0",
+		"@atlaskit/editor-common": "^109.12.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {