@atlaskit/editor-core 187.8.13 → 187.9.2

package/dist/esm/plugins/selection/pm-plugins/events/keydown.js

@@ -1,36 +1,68 @@
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+
+/*
+ * The way expand was built, no browser reconize selection on it.
+ * For instance, when a selection going to a "collapsed" expand
+ * the browser will try to send the cursor to inside the expand content (wrong),
+ * this behavior is caused because the expand content is never true hidden
+ * we just set the height to 1px.
+ *
+ * So, we need to capture a possible selection event
+ * when a collapsed exxpand is the next node in the common depth.
+ * If that is true, we create a new TextSelection and stop the event bubble
+ */
 var isCollpasedExpand = function isCollpasedExpand(node) {
   return Boolean(node && ['expand', 'nestedExpand'].includes(node.type.name) && !node.attrs.__expanded);
 };
-var findFixedProblematicNodePosition = function findFixedProblematicNodePosition($pos, direction) {
-  if ($pos.pos === 0 || $pos.depth === 0) {
+
+/**
+ * ED-18072 - Cannot shift + arrow past bodied extension if it is not empty
+ */
+var isBodiedExtension = function isBodiedExtension(node) {
+  return Boolean(node && ['bodiedExtension'].includes(node.type.name));
+};
+var isProblematicNode = function isProblematicNode(node) {
+  return isCollpasedExpand(node) || isBodiedExtension(node);
+};
+var findFixedProblematicNodePosition = function findFixedProblematicNodePosition(doc, $head, direction) {
+  if ($head.pos === 0 || $head.depth === 0) {
     return null;
   }
-  var pos = direction === 'up' ? $pos.before() : $pos.after();
-  var $posResolved = $pos.doc.resolve(pos);
-  var maybeExpandNode = direction === 'up' ? $posResolved.nodeBefore : $posResolved.nodeAfter;
-  if (maybeExpandNode && isCollpasedExpand(maybeExpandNode)) {
-    var nodeSize = maybeExpandNode.nodeSize;
-    var expandPosition = direction === 'up' ? pos - nodeSize : pos + nodeSize;
-    var startPosNode = Math.max(expandPosition, 0);
-    var $startPosNode = $pos.doc.resolve(Math.min(startPosNode, $pos.doc.content.size));
-    return $startPosNode;
+  if (direction === 'up') {
+    var pos = $head.before();
+    var $posResolved = $head.doc.resolve(pos);
+    var maybeProblematicNode = $posResolved.nodeBefore;
+    if (maybeProblematicNode && isProblematicNode(maybeProblematicNode)) {
+      var nodeSize = maybeProblematicNode.nodeSize;
+      var nodeStartPosition = pos - nodeSize;
+
+      // ($head.pos - 1) will correspond to (nodeStartPosition + nodeSize) when we are at the start of the text node
+      var isAtEndOfProblematicNode = $head.pos - 1 === nodeStartPosition + nodeSize;
+      if (isAtEndOfProblematicNode) {
+        var startPosNode = Math.max(nodeStartPosition, 0);
+        var $startPosNode = $head.doc.resolve(Math.min(startPosNode, $head.doc.content.size));
+        return $startPosNode;
+      }
+    }
+  }
+  if (direction === 'down') {
+    var _pos = $head.after();
+    var _maybeProblematicNode = doc.nodeAt(_pos);
+    if (_maybeProblematicNode && isProblematicNode(_maybeProblematicNode) && $head.pos + 1 === _pos) {
+      var _nodeSize = _maybeProblematicNode.nodeSize;
+      var nodePosition = _pos + _nodeSize;
+      var _startPosNode = Math.max(nodePosition, 0);
+      var _$startPosNode = $head.doc.resolve(Math.min(_startPosNode, $head.doc.content.size));
+      return _$startPosNode;
+    }
   }
   return null;
 };
 export var onKeydown = function onKeydown(view, event) {
   /*
-   * This workaround is needed for some specific situation with collapsed expand.
-   *
-   * The way expand was built, no browser reconize selection on it.
-   * For instance, when a selection going to a "collapsed" expand
-   * the browser will try to send the cursor to inside the expand content (wrong),
-   * this behavior is caused because the expand content is never true hidden
-   * we just set the height to 1px.
-   *
-   * So, we need to capture a possible selection event
-   * when a collapsed exxpand is the next node in the common depth.
-   * If that is true, we create a new TextSelection and stop the event bubble
+   * This workaround is needed for some specific situations.
+   * - expand collapse
+   * - bodied extension
    */
   if (!(event instanceof KeyboardEvent)) {
     return false;
@@ -41,16 +73,21 @@ export var onKeydown = function onKeydown(view, event) {
   if (!['ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'Home', 'End'].includes(event.key)) {
     return false;
   }
-  var _view$state$selection = view.state.selection,
+  var _view$state = view.state,
+    doc = _view$state.doc,
+    _view$state$selection = _view$state.selection,
     $head = _view$state$selection.$head,
     $anchor = _view$state$selection.$anchor;
   if (event.key === 'ArrowRight' && $head.nodeAfter || event.key === 'ArrowLeft' && $head.nodeBefore) {
     return false;
   }
   var direction = ['ArrowLeft', 'ArrowUp', 'Home'].includes(event.key) ? 'up' : 'down';
-  var $fixedProblematicNodePosition = findFixedProblematicNodePosition($head, direction);
+  var $fixedProblematicNodePosition = findFixedProblematicNodePosition(doc, $head, direction);
   if ($fixedProblematicNodePosition) {
-    var forcedTextSelection = TextSelection.create(view.state.doc, $anchor.pos, $fixedProblematicNodePosition.pos);
+    // an offset is used here so that left arrow selects the first character before the node (consistent with arrow right)
+    var headOffset = event.key === 'ArrowLeft' ? -1 : 0;
+    var head = $fixedProblematicNodePosition.pos + headOffset;
+    var forcedTextSelection = TextSelection.create(view.state.doc, $anchor.pos, head);
     var tr = view.state.tr;
     tr.setSelection(forcedTextSelection);
     view.dispatch(tr);

package/dist/esm/ui/Resizer/ResizeLabel/index.js

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { wrapper, text, smallText } from './styles';
+var ResizeLabelBreakoutWidth = 110;
+var ResizeLabel = function ResizeLabel(props) {
+  return jsx("div", {
+    css: wrapper
+  }, jsx("span", {
+    css: [text, props.containerWidth < ResizeLabelBreakoutWidth && smallText]
+  }, props.label));
+};
+export default ResizeLabel;

package/dist/esm/ui/Resizer/ResizeLabel/styles.js

@@ -0,0 +1,7 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { css } from '@emotion/react';
+import { B300 } from '@atlaskit/theme/colors';
+export var wrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: ", ";\n  width: 100%;\n  text-align: center;\n  position: absolute;\n  transform: translateY(-125%);\n  top: 0;\n"])), "var(--ds-font-size-100, 14px)");
+export var text = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  border-radius: 6px;\n  min-width: 75px;\n  background-color: ", ";\n  color: ", ";\n  padding: ", " ", ";\n  letter-spacing: 0.5px;\n"])), "var(--ds-text-accent-blue, ".concat(B300, ")"), "var(--ds-text-inverse, white)", "var(--ds-space-050, 4px)", "var(--ds-space-200, 16px)");
+export var smallText = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  letter-spacing: -0.5px;\n  font-size: ", ";\n  min-width: 27px;\n  padding: ", " ", ";\n"])), "var(--ds-font-size-050, 8px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)");

package/dist/esm/version-wrapper.js

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

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

@@ -2,9 +2,8 @@ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorAppearance } from '@atlaskit/editor-common/types';
 import type { DefaultPresetPluginOptions } from './default';
 import type { EditorPresetProps } from './types';
-import type { EditorSharedPropsWithPlugins } from '../../../types/editor-props';
+import type { EditorSharedPropsWithPlugins, EditorPluginFeatureProps, EditorProviderProps } from '../../../types/editor-props';
 import type { FeatureFlags } from '../../../types/feature-flags';
-import type { EditorPluginFeatureProps, EditorProviderProps } from '../../../types/editor-props';
 import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 type UniversalPresetProps = EditorPresetProps & DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & EditorPluginFeatureProps & EditorProviderProps;
 /**

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

@@ -1,4 +1,4 @@
 import type { EmojiId } from '@atlaskit/emoji';
 import type { Command } from '../../../types';
-import type { INPUT_METHOD } from '../../analytics';
-export declare function insertEmoji(emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD): Command;
+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) => Command;

package/dist/types/plugins/emoji/pm-plugins/ascii-input-rules.d.ts

@@ -3,7 +3,8 @@ import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { FeatureFlags } from '../../../types/feature-flags';
-export declare function inputRulePlugin(schema: Schema, providerFactory: ProviderFactory, featureFlags: FeatureFlags): SafePlugin | undefined;
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+export declare function inputRulePlugin(schema: Schema, providerFactory: ProviderFactory, featureFlags: FeatureFlags, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin | undefined;
 export declare const stateKey: PluginKey<any>;
-declare const plugins: (schema: Schema, providerFactory: ProviderFactory, featureFlags: FeatureFlags) => SafePlugin<any>[];
+declare const plugins: (schema: Schema, providerFactory: ProviderFactory, featureFlags: FeatureFlags, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => SafePlugin<any>[];
 export default plugins;

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

@@ -5,13 +5,13 @@ import type { ExtensionHandlers, ExtensionProvider } from '@atlaskit/editor-comm
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { EditorAppearance } from '../../../types/editor-appearance';
 import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import { getPluginState, createCommand } from '../plugin-factory';
 import { pluginKey } from '../plugin-key';
 import type extensionPlugin from '../index';
-import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 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, applyChange, }: {

package/dist/types/plugins/floating-toolbar/index.d.ts

@@ -3,7 +3,9 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { FloatingToolbarConfig } from './types';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
-export type FloatingToolbarPluginState = Record<'getConfigWithNodeInfo', (state: EditorState) => ConfigWithNodeInfo | null | undefined>;
+export type FloatingToolbarPluginState = {
+    getConfigWithNodeInfo: (state: EditorState) => ConfigWithNodeInfo | null | undefined;
+};
 export type ConfigWithNodeInfo = {
     config: FloatingToolbarConfig | undefined;
     pos: number;

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts

@@ -7,6 +7,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private dropdownButtonRef?;
     private emojiButtonRef?;
     private plusButtonRef?;
+    private editorAnalyticsAPI;
     state: State;
     static getDerivedStateFromProps(props: Props & WrappedComponentProps, state: State): State | null;
     componentDidUpdate(prevProps: Props): void;

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

@@ -5,6 +5,7 @@ import type { MediaState } from './pm-plugins/main';
 import type { CustomMediaPicker, MediaOptions } from './types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -18,6 +19,7 @@ declare const mediaPlugin: NextEditorPlugin<'media', {
     dependencies: [
         typeof featureFlagsPlugin,
         OptionalPlugin<typeof analyticsPlugin>,
+        typeof guidelinePlugin,
         typeof gridPlugin,
         typeof widthPlugin,
         typeof decorationsPlugin,

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { NumericalCardDimensions } from '@atlaskit/media-card';
+import type { NumericalCardDimensions } from '@atlaskit/media-card';
 export declare const MediaInlineNodeSelector = "media-inline-node";
 export declare const MediaSingleNodeSelector = "media-single-node";
 export declare const figureWrapper: import("@emotion/react").SerializedStyles;

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

@@ -5,7 +5,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { WidthPluginState } from '@atlaskit/editor-plugin-width';
 import type { Dispatch } from '../../../event-dispatcher';
 import type { ProsemirrorGetPosHandler } from '../../../nodeviews';
@@ -15,6 +14,7 @@ import type { MediaStateEventSubscriber } from '../picker-facade';
 import PickerFacade from '../picker-facade';
 import type { MediaNodeWithPosHandler, MediaPluginState } from './types';
 import type { IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type mediaPlugin from '../index';
 export type { MediaState, MediaProvider, MediaStateStatus };
 export { stateKey } from './plugin-key';

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

@@ -6,3 +6,4 @@ import type { MediaPluginState } from '../pm-plugins/types';
 export declare const getSelectedMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
 export declare const downloadMedia: (mediaPluginState: MediaPluginState) => Promise<boolean>;
 export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;
+export declare const getSelectedMediaSingle: (state: EditorState) => import("prosemirror-utils").ContentNodeWithPos | undefined;

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

@@ -10,6 +10,7 @@ import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PlaceholderTextOptions } from '../../plugins/placeholder-text/types';
 export type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
+export type MediaSingleWithType = 'pixel' | 'percentage';
 export interface MediaOptions {
     provider?: Providers['mediaProvider'];
     allowMediaSingle?: boolean | MediaSingleOptions;

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

@@ -0,0 +1,61 @@
+/// <reference path="../../../../../../../../../typings/prosemirror.d.ts" />
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { Props } from './types';
+import type { Dimensions } from '@atlaskit/editor-common/resizer';
+import type { WrappedComponentProps } from 'react-intl-next';
+type State = {
+    offsetLeft: number;
+    isVideoFile: boolean;
+    resizedPctWidth?: number;
+    isResizing: boolean;
+    size: Dimensions;
+};
+export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
+export declare function calcOffsetLeft(insideInlineLike: boolean, insideLayout: boolean, pmViewDom: Element, wrapper?: HTMLElement): number;
+type ResizableMediaSingleNextProps = Props & WrappedComponentProps;
+declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
+    constructor(props: ResizableMediaSingleNextProps);
+    /**
+     * Calculate media single node initial width if props.mediaSingleWidth is undefined
+     * (Mainly when switching from lagacy experience to new experience).
+     *
+     * @returns initial width in pixel
+     */
+    calcInitialWidth(): number;
+    componentDidUpdate(prevProps: Props, prevState: State): boolean;
+    isNestedNode(): boolean;
+    private getDefaultGuidelines;
+    private getSnaps;
+    get wrappedLayout(): boolean;
+    componentDidMount(): Promise<void>;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    checkVideoFile(viewMediaClientConfig?: MediaClientConfig): Promise<void>;
+    calcNewSize: (newWidth: number, stop: boolean) => {
+        width: number | null;
+        layout: MediaSingleLayout;
+    };
+    calcUnwrappedLayout: (width: number, containerWidth: number, contentWidth: number) => 'center' | 'wide' | 'full-width';
+    get $pos(): import("prosemirror-model").ResolvedPos | null;
+    /**
+     * The maxmimum number of grid columns this node can resize to.
+     */
+    get gridWidth(): number;
+    calcColumnLeftOffset: () => number;
+    wrapper?: HTMLElement;
+    calcPxHeight: (newWidth: number) => number;
+    get insideInlineLike(): boolean;
+    get insideLayout(): boolean;
+    private saveWrapper;
+    private displayGuideline;
+    private setIsResizing;
+    render(): jsx.JSX.Element;
+}
+export { ResizableMediaSingleNext as UnwrappedResizableMediaSingleNext };
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ResizableMediaSingleNextProps>> & {
+    WrappedComponent: React.ComponentType<ResizableMediaSingleNextProps>;
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
+import type { EditorView } from 'prosemirror-view';
+export declare const generateDefaultGuidelines: (editorWidth: number, containerWidth: number, isFullWidthMode?: boolean | undefined) => GuidelineConfig[];
+export declare const generateDynamicGuidelines: (view: EditorView) => GuidelineConfig[];

package/dist/types/plugins/media/ui/ResizableMediaSingle/resizable-media-single-messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    fullWidthImage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -22,5 +22,6 @@ export type Props = MediaSingleProps & {
     viewMediaClientConfig?: MediaClientConfig;
     fullWidthMode?: boolean;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    mediaSingleWidth?: number;
     pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined;
 };

package/dist/types/ui/Resizer/ResizeLabel/index.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+interface Props {
+    label: string;
+    containerWidth: number;
+}
+declare const ResizeLabel: (props: Props) => jsx.JSX.Element;
+export default ResizeLabel;

package/dist/types/ui/Resizer/ResizeLabel/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const wrapper: import("@emotion/react").SerializedStyles;
+export declare const text: import("@emotion/react").SerializedStyles;
+export declare const smallText: import("@emotion/react").SerializedStyles;

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

@@ -2,9 +2,8 @@ import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { EditorAppearance } from '@atlaskit/editor-common/types';
 import type { DefaultPresetPluginOptions } from './default';
 import type { EditorPresetProps } from './types';
-import type { EditorSharedPropsWithPlugins } from '../../../types/editor-props';
+import type { EditorSharedPropsWithPlugins, EditorPluginFeatureProps, EditorProviderProps } from '../../../types/editor-props';
 import type { FeatureFlags } from '../../../types/feature-flags';
-import type { EditorPluginFeatureProps, EditorProviderProps } from '../../../types/editor-props';
 import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 type UniversalPresetProps = EditorPresetProps & DefaultPresetPluginOptions & EditorSharedPropsWithPlugins & EditorPluginFeatureProps & EditorProviderProps;
 /**

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

@@ -1,4 +1,4 @@
 import type { EmojiId } from '@atlaskit/emoji';
 import type { Command } from '../../../types';
-import type { INPUT_METHOD } from '../../analytics';
-export declare function insertEmoji(emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD): Command;
+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) => Command;

package/dist/types-ts4.5/plugins/emoji/pm-plugins/ascii-input-rules.d.ts

@@ -3,7 +3,8 @@ import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { FeatureFlags } from '../../../types/feature-flags';
-export declare function inputRulePlugin(schema: Schema, providerFactory: ProviderFactory, featureFlags: FeatureFlags): SafePlugin | undefined;
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+export declare function inputRulePlugin(schema: Schema, providerFactory: ProviderFactory, featureFlags: FeatureFlags, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin | undefined;
 export declare const stateKey: PluginKey<any>;
-declare const plugins: (schema: Schema, providerFactory: ProviderFactory, featureFlags: FeatureFlags) => SafePlugin<any>[];
+declare const plugins: (schema: Schema, providerFactory: ProviderFactory, featureFlags: FeatureFlags, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => SafePlugin<any>[];
 export default plugins;

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

@@ -5,13 +5,13 @@ import type { ExtensionHandlers, ExtensionProvider } from '@atlaskit/editor-comm
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { EditorAppearance } from '../../../types/editor-appearance';
 import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import { getPluginState, createCommand } from '../plugin-factory';
 import { pluginKey } from '../plugin-key';
 import type extensionPlugin from '../index';
-import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 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, applyChange, }: {

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

@@ -3,7 +3,9 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { FloatingToolbarConfig } from './types';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
-export type FloatingToolbarPluginState = Record<'getConfigWithNodeInfo', (state: EditorState) => ConfigWithNodeInfo | null | undefined>;
+export type FloatingToolbarPluginState = {
+    getConfigWithNodeInfo: (state: EditorState) => ConfigWithNodeInfo | null | undefined;
+};
 export type ConfigWithNodeInfo = {
     config: FloatingToolbarConfig | undefined;
     pos: number;

package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts

@@ -7,6 +7,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private dropdownButtonRef?;
     private emojiButtonRef?;
     private plusButtonRef?;
+    private editorAnalyticsAPI;
     state: State;
     static getDerivedStateFromProps(props: Props & WrappedComponentProps, state: State): State | null;
     componentDidUpdate(prevProps: Props): void;

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

@@ -5,6 +5,7 @@ import type { MediaState } from './pm-plugins/main';
 import type { CustomMediaPicker, MediaOptions } from './types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import type { widthPlugin } from '@atlaskit/editor-plugin-width';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -18,6 +19,7 @@ declare const mediaPlugin: NextEditorPlugin<'media', {
     dependencies: [
         typeof featureFlagsPlugin,
         OptionalPlugin<typeof analyticsPlugin>,
+        typeof guidelinePlugin,
         typeof gridPlugin,
         typeof widthPlugin,
         typeof decorationsPlugin,

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { NumericalCardDimensions } from '@atlaskit/media-card';
+import type { NumericalCardDimensions } from '@atlaskit/media-card';
 export declare const MediaInlineNodeSelector = "media-inline-node";
 export declare const MediaSingleNodeSelector = "media-single-node";
 export declare const figureWrapper: import("@emotion/react").SerializedStyles;

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

@@ -5,7 +5,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { WidthPluginState } from '@atlaskit/editor-plugin-width';
 import type { Dispatch } from '../../../event-dispatcher';
 import type { ProsemirrorGetPosHandler } from '../../../nodeviews';
@@ -15,6 +14,7 @@ import type { MediaStateEventSubscriber } from '../picker-facade';
 import PickerFacade from '../picker-facade';
 import type { MediaNodeWithPosHandler, MediaPluginState } from './types';
 import type { IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type mediaPlugin from '../index';
 export type { MediaState, MediaProvider, MediaStateStatus };
 export { stateKey } from './plugin-key';

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

@@ -6,3 +6,4 @@ import type { MediaPluginState } from '../pm-plugins/types';
 export declare const getSelectedMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
 export declare const downloadMedia: (mediaPluginState: MediaPluginState) => Promise<boolean>;
 export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;
+export declare const getSelectedMediaSingle: (state: EditorState) => import("prosemirror-utils").ContentNodeWithPos | undefined;

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

@@ -10,6 +10,7 @@ import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PlaceholderTextOptions } from '../../plugins/placeholder-text/types';
 export type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
+export type MediaSingleWithType = 'pixel' | 'percentage';
 export interface MediaOptions {
     provider?: Providers['mediaProvider'];
     allowMediaSingle?: boolean | MediaSingleOptions;

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -0,0 +1,61 @@
+/// <reference path="../../../../../../../../../typings/prosemirror.d.ts" />
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { MediaClientConfig } from '@atlaskit/media-core';
+import type { Props } from './types';
+import type { Dimensions } from '@atlaskit/editor-common/resizer';
+import type { WrappedComponentProps } from 'react-intl-next';
+type State = {
+    offsetLeft: number;
+    isVideoFile: boolean;
+    resizedPctWidth?: number;
+    isResizing: boolean;
+    size: Dimensions;
+};
+export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
+export declare function calcOffsetLeft(insideInlineLike: boolean, insideLayout: boolean, pmViewDom: Element, wrapper?: HTMLElement): number;
+type ResizableMediaSingleNextProps = Props & WrappedComponentProps;
+declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
+    constructor(props: ResizableMediaSingleNextProps);
+    /**
+     * Calculate media single node initial width if props.mediaSingleWidth is undefined
+     * (Mainly when switching from lagacy experience to new experience).
+     *
+     * @returns initial width in pixel
+     */
+    calcInitialWidth(): number;
+    componentDidUpdate(prevProps: Props, prevState: State): boolean;
+    isNestedNode(): boolean;
+    private getDefaultGuidelines;
+    private getSnaps;
+    get wrappedLayout(): boolean;
+    componentDidMount(): Promise<void>;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    checkVideoFile(viewMediaClientConfig?: MediaClientConfig): Promise<void>;
+    calcNewSize: (newWidth: number, stop: boolean) => {
+        width: number | null;
+        layout: MediaSingleLayout;
+    };
+    calcUnwrappedLayout: (width: number, containerWidth: number, contentWidth: number) => 'center' | 'wide' | 'full-width';
+    get $pos(): import("prosemirror-model").ResolvedPos | null;
+    /**
+     * The maxmimum number of grid columns this node can resize to.
+     */
+    get gridWidth(): number;
+    calcColumnLeftOffset: () => number;
+    wrapper?: HTMLElement;
+    calcPxHeight: (newWidth: number) => number;
+    get insideInlineLike(): boolean;
+    get insideLayout(): boolean;
+    private saveWrapper;
+    private displayGuideline;
+    private setIsResizing;
+    render(): jsx.JSX.Element;
+}
+export { ResizableMediaSingleNext as UnwrappedResizableMediaSingleNext };
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<ResizableMediaSingleNextProps>> & {
+    WrappedComponent: React.ComponentType<ResizableMediaSingleNextProps>;
+};
+export default _default;

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/guidelines.d.ts

@@ -0,0 +1,4 @@
+import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
+import type { EditorView } from 'prosemirror-view';
+export declare const generateDefaultGuidelines: (editorWidth: number, containerWidth: number, isFullWidthMode?: boolean | undefined) => GuidelineConfig[];
+export declare const generateDynamicGuidelines: (view: EditorView) => GuidelineConfig[];

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/resizable-media-single-messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    fullWidthImage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -22,5 +22,6 @@ export type Props = MediaSingleProps & {
     viewMediaClientConfig?: MediaClientConfig;
     fullWidthMode?: boolean;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
+    mediaSingleWidth?: number;
     pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined;
 };

package/dist/types-ts4.5/ui/Resizer/ResizeLabel/index.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+interface Props {
+    label: string;
+    containerWidth: number;
+}
+declare const ResizeLabel: (props: Props) => jsx.JSX.Element;
+export default ResizeLabel;

package/dist/types-ts4.5/ui/Resizer/ResizeLabel/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const wrapper: import("@emotion/react").SerializedStyles;
+export declare const text: import("@emotion/react").SerializedStyles;
+export declare const smallText: import("@emotion/react").SerializedStyles;