@atlaskit/editor-core 187.40.2 → 187.41.1

package/dist/esm/plugins/media/nodeviews/mediaInline.js

@@ -14,11 +14,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useEffect, useState } from 'react';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
-import WithPluginState from '../../../ui/WithPluginState';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { MediaInlineCard } from '@atlaskit/media-card';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { MediaInlineNodeSelector } from './styles';
-import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
 export var createMediaNodeUpdater = function createMediaNodeUpdater(props) {
@@ -174,6 +173,31 @@ export var MediaInline = function MediaInline(props) {
     mediaClientConfig: viewMediaClientConfig
   });
 };
+var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
+  var identifier = _ref3.identifier,
+    mediaProvider = _ref3.mediaProvider,
+    node = _ref3.node,
+    isSelected = _ref3.isSelected,
+    getPos = _ref3.getPos,
+    contextIdentifierProvider = _ref3.contextIdentifierProvider,
+    api = _ref3.api,
+    view = _ref3.view;
+  var _useSharedPluginState = useSharedPluginState(api, ['media']),
+    mediaState = _useSharedPluginState.mediaState;
+  if (!mediaState) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(MediaInline, {
+    identifier: identifier,
+    mediaProvider: mediaProvider,
+    mediaPluginState: mediaState,
+    node: node,
+    isSelected: isSelected,
+    view: view,
+    getPos: getPos,
+    contextIdentifierProvider: contextIdentifierProvider
+  });
+};
 export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   _inherits(MediaInlineNodeView, _SelectionBasedNodeVi);
   var _super = _createSuper(MediaInlineNodeView);
@@ -214,38 +238,28 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     key: "render",
     value: function render(props) {
       var _this = this;
-      var providerFactory = props.providerFactory;
+      var providerFactory = props.providerFactory,
+        api = props.api;
+      var view = this.view;
       var getPos = this.getPos;
       return /*#__PURE__*/React.createElement(WithProviders, {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
-        renderNode: function renderNode(_ref3) {
-          var mediaProvider = _ref3.mediaProvider,
-            contextIdentifierProvider = _ref3.contextIdentifierProvider;
+        renderNode: function renderNode(_ref4) {
+          var mediaProvider = _ref4.mediaProvider,
+            contextIdentifierProvider = _ref4.contextIdentifierProvider;
           if (!mediaProvider) {
             return null;
           }
-          return /*#__PURE__*/React.createElement(WithPluginState, {
-            editorView: _this.view,
-            plugins: {
-              mediaPluginState: mediaStateKey
-            },
-            render: function render(_ref4) {
-              var mediaPluginState = _ref4.mediaPluginState;
-              if (!mediaPluginState) {
-                return null;
-              }
-              return /*#__PURE__*/React.createElement(MediaInline, {
-                identifier: _this.node.attrs.id,
-                mediaProvider: mediaProvider,
-                mediaPluginState: mediaPluginState,
-                node: _this.node,
-                isSelected: _this.nodeInsideSelection(),
-                view: _this.view,
-                getPos: getPos,
-                contextIdentifierProvider: contextIdentifierProvider
-              });
-            }
+          return /*#__PURE__*/React.createElement(MediaInlineSharedState, {
+            identifier: _this.node.attrs.id,
+            mediaProvider: mediaProvider,
+            node: _this.node,
+            isSelected: _this.nodeInsideSelection(),
+            view: view,
+            getPos: getPos,
+            contextIdentifierProvider: contextIdentifierProvider,
+            api: api
           });
         }
       });
@@ -253,11 +267,12 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }]);
   return MediaInlineNodeView;
 }(SelectionBasedNodeView);
-export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, pluginInjectionApi, dispatchAnalyticsEvent) {
+export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
   return function (node, view, getPos) {
     return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      api: api
     }).init();
   };
 };

package/dist/esm/plugins/media/ui/ToolbarMedia/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import AttachmentIcon from '@atlaskit/icon/glyph/editor/attachment';
-import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
-import WithPluginState from '../../../../ui/WithPluginState';
+import { ToolbarButton, TOOLBAR_BUTTON } from '@atlaskit/editor-common/ui-menu';
 import { toolbarMediaMessages } from './toolbar-media-messages';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { injectIntl } from 'react-intl-next';
 var onClickMediaButton = function onClickMediaButton(pluginState) {
   return function () {
@@ -11,35 +11,25 @@ var onClickMediaButton = function onClickMediaButton(pluginState) {
   };
 };
 var ToolbarMedia = function ToolbarMedia(_ref) {
-  var editorView = _ref.editorView,
-    eventDispatcher = _ref.eventDispatcher,
-    pluginKey = _ref.pluginKey,
-    isDisabled = _ref.isDisabled,
+  var isDisabled = _ref.isDisabled,
     isReducedSpacing = _ref.isReducedSpacing,
-    intl = _ref.intl;
-  return /*#__PURE__*/React.createElement(WithPluginState, {
-    editorView: editorView,
-    eventDispatcher: eventDispatcher,
-    plugins: {
-      mediaPlugin: pluginKey
-    },
-    render: function render(_ref2) {
-      var mediaPlugin = _ref2.mediaPlugin;
-      if (!(mediaPlugin !== null && mediaPlugin !== void 0 && mediaPlugin.allowsUploads)) {
-        return null;
-      }
-      var toolbarMediaTitle = toolbarMediaMessages.toolbarMediaTitle;
-      return /*#__PURE__*/React.createElement(ToolbarButton, {
-        buttonId: TOOLBAR_BUTTON.MEDIA,
-        onClick: onClickMediaButton(mediaPlugin),
-        disabled: isDisabled,
-        title: intl.formatMessage(toolbarMediaTitle),
-        spacing: isReducedSpacing ? 'none' : 'default',
-        iconBefore: /*#__PURE__*/React.createElement(AttachmentIcon, {
-          label: intl.formatMessage(toolbarMediaTitle)
-        })
-      });
-    }
+    intl = _ref.intl,
+    api = _ref.api;
+  var _useSharedPluginState = useSharedPluginState(api, ['media']),
+    mediaState = _useSharedPluginState.mediaState;
+  if (!(mediaState !== null && mediaState !== void 0 && mediaState.allowsUploads)) {
+    return null;
+  }
+  var toolbarMediaTitle = toolbarMediaMessages.toolbarMediaTitle;
+  return /*#__PURE__*/React.createElement(ToolbarButton, {
+    buttonId: TOOLBAR_BUTTON.MEDIA,
+    onClick: onClickMediaButton(mediaState),
+    disabled: isDisabled,
+    title: intl.formatMessage(toolbarMediaTitle),
+    spacing: isReducedSpacing ? 'none' : 'default',
+    iconBefore: /*#__PURE__*/React.createElement(AttachmentIcon, {
+      label: intl.formatMessage(toolbarMediaTitle)
+    })
   });
 };
 export default injectIntl(ToolbarMedia);

package/dist/esm/plugins/quick-insert/index.js

@@ -52,7 +52,8 @@ var quickInsertPlugin = function quickInsertPlugin(_ref) {
       if (options !== null && options !== void 0 && options.enableElementBrowser) {
         return /*#__PURE__*/React.createElement(ModalElementBrowser, {
           editorView: editorView,
-          helpUrl: options === null || options === void 0 ? void 0 : options.elementBrowserHelpUrl
+          helpUrl: options === null || options === void 0 ? void 0 : options.elementBrowserHelpUrl,
+          pluginInjectionAPI: api
         });
       }
       return null;
@@ -68,7 +69,8 @@ var quickInsertPlugin = function quickInsertPlugin(_ref) {
       return {
         lazyDefaultItems: quickInsertState.lazyDefaultItems,
         emptyStateHandler: quickInsertState.emptyStateHandler,
-        providedItems: quickInsertState.providedItems
+        providedItems: quickInsertState.providedItems,
+        isElementBrowserModalOpen: quickInsertState.isElementBrowserModalOpen
       };
     },
     actions: {

package/dist/esm/{ui/ElementBrowser → plugins/quick-insert/ui/ModalElementBrowser}/ModalElementBrowser.js

@@ -11,17 +11,17 @@ import { borderRadius } from '@atlaskit/theme/constants';
 import Button from '@atlaskit/button/custom-theme-button';
 import Modal, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
 import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
-import ElementBrowser from './components/ElementBrowserLoader';
+import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
 import { getCategories } from './categories';
-import { MODAL_WRAPPER_PADDING } from './constants';
 import { messages } from './messages';
+export var MODAL_WRAPPER_PADDING = 16;
 var actions = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  margin: 0 -4px;\n"])));
-var actionItem = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1 0 auto;\n  margin: 0 4px;\n"])));
-var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1 1 auto;\n  box-sizing: border-box;\n  padding: ", "px ", "px 0 10px;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", "px;\n"])), MODAL_WRAPPER_PADDING, MODAL_WRAPPER_PADDING, themed({
+var actionItem = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1 0 auto;\n  margin: 0 ", ";\n"])), "var(--ds-space-050, 4px)");
+var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1 1 auto;\n  box-sizing: border-box;\n  padding: ", " ", " 0 10px;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", "px;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", themed({
   light: "var(--ds-surface-overlay, ".concat(N0, ")"),
   dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
 })(), borderRadius());
-var modalFooter = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: ", "px;\n\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n"])), MODAL_WRAPPER_PADDING);
+var modalFooter = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: ", ";\n\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n"])), "var(--ds-space-200, 16px)");
 var ModalElementBrowser = function ModalElementBrowser(props) {
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/index.js

@@ -1,9 +1,8 @@
 import React, { useCallback } from 'react';
-import WithPluginState from '../../../../ui/WithPluginState';
-import { pluginKey } from '../../plugin-key';
-import ModalElementBrowser from '../../../../ui/ElementBrowser/ModalElementBrowser';
+import ModalElementBrowser from './ModalElementBrowser';
 import { closeElementBrowserModal, insertItem } from '../../commands';
 import { getQuickInsertSuggestions } from '../../search';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 var Modal = function Modal(_ref) {
   var quickInsertState = _ref.quickInsertState,
     editorView = _ref.editorView,
@@ -39,19 +38,13 @@ var Modal = function Modal(_ref) {
 };
 export default (function (_ref2) {
   var editorView = _ref2.editorView,
-    helpUrl = _ref2.helpUrl;
-  var render = useCallback(function (_ref3) {
-    var quickInsertState = _ref3.quickInsertState;
-    return /*#__PURE__*/React.createElement(Modal, {
-      quickInsertState: quickInsertState,
-      editorView: editorView,
-      helpUrl: helpUrl
-    });
-  }, [editorView, helpUrl]);
-  return /*#__PURE__*/React.createElement(WithPluginState, {
-    plugins: {
-      quickInsertState: pluginKey
-    },
-    render: render
+    helpUrl = _ref2.helpUrl,
+    pluginInjectionAPI = _ref2.pluginInjectionAPI;
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionAPI, ['quickInsert']),
+    quickInsertState = _useSharedPluginState.quickInsertState;
+  return /*#__PURE__*/React.createElement(Modal, {
+    quickInsertState: quickInsertState !== null && quickInsertState !== void 0 ? quickInsertState : undefined,
+    editorView: editorView,
+    helpUrl: helpUrl
   });
 });

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -14,9 +14,8 @@ import { borderRadius } from '@atlaskit/theme';
 import { themed } from '@atlaskit/theme/components';
 import { DN50, N0, N30A, N60A } from '@atlaskit/theme/colors';
 import { IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/quick-insert';
-import withOuterListeners from '../with-outer-listeners';
-import ElementBrowser from './components/ElementBrowserLoader';
-import { ELEMENT_ITEM_HEIGHT } from './constants';
+import { withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
+import { ElementBrowser, ELEMENT_ITEM_HEIGHT } from '@atlaskit/editor-common/element-browser';
 var InsertMenu = function InsertMenu(_ref) {
   var _pluginInjectionApi$q6, _pluginInjectionApi$q7, _pluginInjectionApi$q8;
   var editorView = _ref.editorView,

package/dist/esm/ui/ElementBrowser/types.js

@@ -1,5 +1 @@
-export var Modes = /*#__PURE__*/function (Modes) {
-  Modes["full"] = "full";
-  Modes["inline"] = "inline";
-  return Modes;
-}({});
+export {};

package/dist/esm/version-wrapper.js

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

package/dist/types/editor-next/hooks/useEditorMeasuresConstructor.d.ts

@@ -1,8 +1,8 @@
 /** @jsx jsx */
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ExperienceStore } from '@atlaskit/editor-common/ufo';
-import { EditorProps } from '../../types/editor-props';
-import { PerformanceTracking } from '../../types/performance-tracking';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import type { EditorProps } from '../../types/editor-props';
+import type { PerformanceTracking } from '../../types/performance-tracking';
 /**
  *
  * Hook to be used for running analytics on mounting the editor.

package/dist/types/editor-next/utils/editorMeasureTTICallback.d.ts

@@ -1,5 +1,5 @@
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ExperienceStore } from '@atlaskit/editor-common/ufo';
-import { EditorProps } from '../../types/editor-props';
-import { PerformanceTracking } from '../../types/performance-tracking';
-export default function editorMeasureTTICallback(tti: number, ttiFromInvocation: number, canceled: boolean, performanceTracking: PerformanceTracking | undefined, featureFlags: EditorProps['featureFlags'], createAnalyticsEvent?: CreateUIAnalyticsEvent, experienceStore?: ExperienceStore): void;
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import type { EditorProps } from '../../types/editor-props';
+import type { PerformanceTracking } from '../../types/performance-tracking';
+export default function editorMeasureTTICallback(tti: number, ttiFromInvocation: number, canceled: boolean, distortedDuration: boolean, performanceTracking: PerformanceTracking | undefined, featureFlags: EditorProps['featureFlags'], createAnalyticsEvent?: CreateUIAnalyticsEvent, experienceStore?: ExperienceStore): void;

package/dist/types/element-browser.d.ts

@@ -1 +1 @@
-export { default as ElementBrowser } from './ui/ElementBrowser';
+export { ElementBrowser } from '@atlaskit/editor-common/element-browser';

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

@@ -129,7 +129,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
     pluginConfiguration: QuickInsertPluginOptions | undefined;
     sharedState: import("@atlaskit/editor-common/types").QuickInsertSharedState | null;
     actions: {
-        insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("../../..").Command;
+        insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("@atlaskit/editor-common/types").Command;
         getSuggestions: (searchOptions: import("@atlaskit/editor-common/types").QuickInsertSearchOptions) => import("@atlaskit/editor-common/provider-factory").QuickInsertItem[];
     };
     commands: {
@@ -284,7 +284,7 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
     pluginConfiguration: QuickInsertPluginOptions | undefined;
     sharedState: import("@atlaskit/editor-common/types").QuickInsertSharedState | null;
     actions: {
-        insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("../../..").Command;
+        insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("@atlaskit/editor-common/types").Command;
         getSuggestions: (searchOptions: import("@atlaskit/editor-common/types").QuickInsertSearchOptions) => import("@atlaskit/editor-common/provider-factory").QuickInsertItem[];
     };
     commands: {

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

@@ -1,8 +1,8 @@
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { MediaState } from './pm-plugins/main';
 import type { CustomMediaPicker } from './types';
-import type { MediaNextEditorPluginType } from './next-plugin-type';
 export type { MediaState, MediaProvider, CustomMediaPicker };
 export { insertMediaSingleNode } from './utils/media-single';
+import type { MediaNextEditorPluginType } from './next-plugin-type';
 declare const mediaPlugin: MediaNextEditorPluginType;
 export default mediaPlugin;

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

@@ -1,8 +1,8 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import React from 'react';
-import type { EventDispatcher } from '../../../event-dispatcher';
-import type { getPosHandler, ProsemirrorGetPosHandler } from '../../../nodeviews/';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { getPosHandler as ProsemirrorGetPosHandler, getPosHandler } from '../types';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import type { FileIdentifier } from '@atlaskit/media-client';
 import type { MediaProvider, ProviderFactory, ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
@@ -11,7 +11,7 @@ import type { MediaPluginState } from '../pm-plugins/types';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type mediaPlugin from '../index';
+import type { MediaNextEditorPluginType } from '../next-plugin-type';
 export interface MediaInlineProps {
     mediaProvider: Promise<MediaProvider>;
     identifier: FileIdentifier;
@@ -35,6 +35,7 @@ export declare const handleNewNode: (props: MediaInlineProps) => void;
 export declare const MediaInline: React.FC<MediaInlineProps>;
 export interface MediaInlineNodeViewProps {
     providerFactory: ProviderFactory;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
 }
 export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
@@ -46,4 +47,4 @@ export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInl
     viewShouldUpdate(nextNode: PMNode): boolean;
     render(props: MediaInlineNodeViewProps): JSX.Element;
 }
-export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -8,7 +8,9 @@ import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { UploadParams, MediaFile } from '@atlaskit/media-picker/types';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
-import type { PlaceholderTextOptions } from '../../plugins/placeholder-text/types';
+interface PlaceholderTextOptions {
+    allowInserting?: boolean;
+}
 export type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
 export type MediaSingleWithType = 'pixel' | 'percentage';
 export interface MediaOptions {
@@ -106,3 +108,10 @@ export type MediaDecorationSpec = {
     type: 'media';
     selected: boolean;
 };
+export type getPosHandler = getPosHandlerNode;
+export type getPosHandlerNode = () => number | undefined;
+export interface ReactNodeProps {
+    selected: boolean;
+}
+export type ForwardRef = (node: HTMLElement | null) => void;
+export {};

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

@@ -1,17 +1,13 @@
 import React from 'react';
-import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { EventDispatcher } from '../../../../event-dispatcher';
-import type { MediaPluginState } from '../../pm-plugins/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MediaNextEditorPluginType } from '../../next-plugin-type';
 import type { WrappedComponentProps } from 'react-intl-next';
-export interface Props<T extends MediaPluginState> {
-    editorView: EditorView;
-    pluginKey: PluginKey<T>;
-    eventDispatcher: EventDispatcher;
+export interface Props {
     isDisabled?: boolean;
     isReducedSpacing?: boolean;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props<MediaPluginState> & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props<MediaPluginState> & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/quick-insert/index.d.ts

@@ -1,8 +1,7 @@
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
-import type { NextEditorPlugin, Command } from '../../types';
-import type { QuickInsertPluginOptions, QuickInsertSharedState, EditorCommand, QuickInsertSearchOptions } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin, Command, QuickInsertPluginOptions, QuickInsertSharedState, EditorCommand, QuickInsertSearchOptions } from '@atlaskit/editor-common/types';
 export type { QuickInsertPluginOptions };
-declare const quickInsertPlugin: NextEditorPlugin<'quickInsert', {
+export type QuickInsertPlugin = NextEditorPlugin<'quickInsert', {
     pluginConfiguration: QuickInsertPluginOptions | undefined;
     sharedState: QuickInsertSharedState | null;
     actions: {
@@ -13,4 +12,5 @@ declare const quickInsertPlugin: NextEditorPlugin<'quickInsert', {
         openElementBrowserModal: EditorCommand;
     };
 }>;
+declare const quickInsertPlugin: QuickInsertPlugin;
 export default quickInsertPlugin;

package/dist/types/{ui/ElementBrowser → plugins/quick-insert/ui/ModalElementBrowser}/ModalElementBrowser.d.ts

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
-import { EmptyStateHandler } from '../../types/empty-state-handler';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
+import type { EmptyStateHandler } from '@atlaskit/editor-common/types';
+export declare const MODAL_WRAPPER_PADDING = 16;
 export interface Props {
     getItems: (query?: string, category?: string) => QuickInsertItem[];
     onInsertItem: (item: QuickInsertItem) => void;

package/dist/types/{ui/ElementBrowser → plugins/quick-insert/ui/ModalElementBrowser}/categories.d.ts

@@ -1,4 +1,4 @@
-import { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl-next';
 export declare function getCategories(intl: IntlShape): {
     title: string;
     name: string;

package/dist/types/plugins/quick-insert/ui/ModalElementBrowser/index.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { QuickInsertPlugin } from '../../';
 type Props = {
     editorView: EditorView;
     helpUrl: string | undefined;
+    pluginInjectionAPI: ExtractInjectionAPI<QuickInsertPlugin> | undefined;
 };
-declare const _default: ({ editorView, helpUrl }: Props) => JSX.Element;
+declare const _default: ({ editorView, helpUrl, pluginInjectionAPI }: Props) => JSX.Element;
 export default _default;

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

@@ -1,22 +1,10 @@
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { BlockMenuItem } from '../../plugins/insert-block/ui/ToolbarInsertBlock/create-items';
-import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import type { InsertBlockPluginDependencies } from '../../plugins/insert-block/types';
+import type { BlockMenuItem } from '../../plugins/insert-block/ui/ToolbarInsertBlock/create-items';
 type SimpleEventHandler<T> = (event?: T) => void;
-export type Category = {
-    title: string;
-    name: string;
-};
-export declare enum Modes {
-    full = "full",
-    inline = "inline"
-}
-export type SelectedItemProps = {
-    selectedItemIndex?: number;
-    focusedItemIndex?: number;
-};
 export interface InsertMenuProps {
     dropdownItems: BlockMenuItem[];
     editorView: EditorView;
@@ -25,10 +13,10 @@ export interface InsertMenuProps {
     onInsert: OnInsert;
     pluginInjectionApi: PluginInjectionAPIWithDependencies<InsertBlockPluginDependencies> | undefined;
 }
-export type OnInsert = ({ item }: {
-    item: MenuItem;
-}) => Transaction;
 export type SvgGetterParams = {
     name: string;
 };
+export type OnInsert = ({ item }: {
+    item: MenuItem;
+}) => Transaction;
 export {};

package/dist/types-ts4.5/editor-next/hooks/useEditorMeasuresConstructor.d.ts

@@ -1,8 +1,8 @@
 /** @jsx jsx */
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ExperienceStore } from '@atlaskit/editor-common/ufo';
-import { EditorProps } from '../../types/editor-props';
-import { PerformanceTracking } from '../../types/performance-tracking';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import type { EditorProps } from '../../types/editor-props';
+import type { PerformanceTracking } from '../../types/performance-tracking';
 /**
  *
  * Hook to be used for running analytics on mounting the editor.

package/dist/types-ts4.5/editor-next/utils/editorMeasureTTICallback.d.ts

@@ -1,5 +1,5 @@
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ExperienceStore } from '@atlaskit/editor-common/ufo';
-import { EditorProps } from '../../types/editor-props';
-import { PerformanceTracking } from '../../types/performance-tracking';
-export default function editorMeasureTTICallback(tti: number, ttiFromInvocation: number, canceled: boolean, performanceTracking: PerformanceTracking | undefined, featureFlags: EditorProps['featureFlags'], createAnalyticsEvent?: CreateUIAnalyticsEvent, experienceStore?: ExperienceStore): void;
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import type { EditorProps } from '../../types/editor-props';
+import type { PerformanceTracking } from '../../types/performance-tracking';
+export default function editorMeasureTTICallback(tti: number, ttiFromInvocation: number, canceled: boolean, distortedDuration: boolean, performanceTracking: PerformanceTracking | undefined, featureFlags: EditorProps['featureFlags'], createAnalyticsEvent?: CreateUIAnalyticsEvent, experienceStore?: ExperienceStore): void;

package/dist/types-ts4.5/element-browser.d.ts

@@ -1 +1 @@
-export { default as ElementBrowser } from './ui/ElementBrowser';
+export { ElementBrowser } from '@atlaskit/editor-common/element-browser';

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

@@ -169,7 +169,7 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         pluginConfiguration: QuickInsertPluginOptions | undefined;
         sharedState: import("@atlaskit/editor-common/types").QuickInsertSharedState | null;
         actions: {
-            insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("../../..").Command;
+            insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("@atlaskit/editor-common/types").Command;
             getSuggestions: (searchOptions: import("@atlaskit/editor-common/types").QuickInsertSearchOptions) => import("@atlaskit/editor-common/provider-factory").QuickInsertItem[];
         };
         commands: {
@@ -378,7 +378,7 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         pluginConfiguration: QuickInsertPluginOptions | undefined;
         sharedState: import("@atlaskit/editor-common/types").QuickInsertSharedState | null;
         actions: {
-            insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("../../..").Command;
+            insertItem: (item: import("@atlaskit/editor-common/provider-factory").QuickInsertItem) => import("@atlaskit/editor-common/types").Command;
             getSuggestions: (searchOptions: import("@atlaskit/editor-common/types").QuickInsertSearchOptions) => import("@atlaskit/editor-common/provider-factory").QuickInsertItem[];
         };
         commands: {

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

@@ -1,8 +1,8 @@
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { MediaState } from './pm-plugins/main';
 import type { CustomMediaPicker } from './types';
-import type { MediaNextEditorPluginType } from './next-plugin-type';
 export type { MediaState, MediaProvider, CustomMediaPicker };
 export { insertMediaSingleNode } from './utils/media-single';
+import type { MediaNextEditorPluginType } from './next-plugin-type';
 declare const mediaPlugin: MediaNextEditorPluginType;
 export default mediaPlugin;