@atlaskit/editor-common 78.27.0 → 78.28.0

package/dist/esm/extensibility/Extension/InlineExtension/index.js

@@ -8,7 +8,7 @@ import { useSharedPluginState } from '../../../hooks';
 import { createWidthContext, WidthContext } from '../../../ui';
 import ExtensionLozenge from '../Lozenge';
 import { overlay } from '../styles';
-import { inlineWrapperStyels, wrapperStyle } from './styles';
+import { inlineWrapperStyles, wrapperStyle } from './styles';
 var InlineExtension = function InlineExtension(props) {
   var node = props.node,
     pluginInjectionApi = props.pluginInjectionApi,
@@ -20,9 +20,12 @@ var InlineExtension = function InlineExtension(props) {
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
     widthState = _useSharedPluginState.widthState;
   var hasChildren = !!children;
-  var classNames = classnames('extension-container', 'inline', 'with-overlay', {
+  var classNames = classnames('extension-container', 'inline', {
+    'with-overlay': !showMacroInteractionDesignUpdates,
     'with-children': hasChildren,
-    'with-danger-overlay': showMacroInteractionDesignUpdates
+    'with-danger-overlay': showMacroInteractionDesignUpdates,
+    'with-border': showMacroInteractionDesignUpdates,
+    'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered
   });
   var rendererContainerWidth = widthState ? widthState.width - akEditorGutterPadding * 2 : 0;
   var extendedInlineExtension = getBooleanFF('platform.editor.inline_extension.extended_lcqdn') || false;
@@ -38,7 +41,7 @@ var InlineExtension = function InlineExtension(props) {
     showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
   }), jsx("div", {
     "data-testid": "inline-extension-wrapper",
-    css: [wrapperStyle, extendedInlineExtension && inlineWrapperStyels],
+    css: [wrapperStyle, extendedInlineExtension && inlineWrapperStyles],
     className: classNames,
     onMouseEnter: function onMouseEnter() {
       return handleMouseEvent(true);

package/dist/esm/extensibility/Extension/InlineExtension/styles.js

@@ -1,4 +1,5 @@
 import { css } from '@emotion/react';
+import { N500 } from '@atlaskit/theme/colors';
 import { wrapperDefault } from '../styles';
 export var wrapperStyle = css(wrapperDefault, {
   cursor: 'pointer',
@@ -16,9 +17,15 @@ export var wrapperStyle = css(wrapperDefault, {
   '&.with-children': {
     padding: 0,
     background: "var(--ds-background-neutral-subtle, white)"
+  },
+  '&.with-border': {
+    border: "1px solid transparent" // adding this so macro doesn't jump when hover border is shown
+  },
+  '&.with-hover-border': {
+    border: "1px solid ".concat("var(--ds-border-input, ".concat(N500, ")"))
   }
 });
-export var inlineWrapperStyels = css({
+export var inlineWrapperStyles = css({
   maxWidth: '100%',
   'tr &': {
     maxWidth: 'inherit'

package/dist/esm/media/messages/comments.js

@@ -7,7 +7,7 @@ export var commentMessages = defineMessages({
   },
   viewCommentsOnMedia: {
     id: 'fabric.editor.viewCommentOnMedia',
-    defaultMessage: 'View comment',
+    defaultMessage: 'View comments',
     description: 'View a existing comment for this media (image/video)'
   },
   viewAndAddCommentsOnMedia: {

package/dist/esm/media-single/CommentBadge.js

@@ -1,12 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { CustomThemeButton } from '@atlaskit/button';
 import { akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
 import CommentIcon from '@atlaskit/icon/glyph/comment';
 import { layers } from '@atlaskit/theme/constants';
+import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
 var commentBadgeWrapper = css({
   position: 'absolute',
@@ -28,15 +29,19 @@ export var CommentBadge = function CommentBadge(_ref) {
   var intl = _ref.intl,
     width = _ref.width,
     height = _ref.height,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'default' : _ref$status,
     mediaElement = _ref.mediaElement,
     onClick = _ref.onClick,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
     _ref$isEditor = _ref.isEditor,
     isEditor = _ref$isEditor === void 0 ? false : _ref$isEditor;
   var _useState = useState(getBadgeSize(width, height)),
     _useState2 = _slicedToArray(_useState, 2),
     badgeSize = _useState2[0],
     setBadgeSize = _useState2[1];
-  var title = intl.formatMessage(messages.viewAndAddCommentsOnMedia);
+  var title = intl.formatMessage(messages.viewCommentsOnMedia);
   useEffect(function () {
     var observer = new ResizeObserver(debounce(function (entries) {
       var _entries = _slicedToArray(entries, 1),
@@ -54,21 +59,36 @@ export var CommentBadge = function CommentBadge(_ref) {
     };
   }, [mediaElement]);
   var badgeDimensions = badgeSize === 'medium' ? '24px' : '16px';
+  var colourToken = useMemo(function () {
+    switch (status) {
+      case 'active':
+        return "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)";
+      case 'entered':
+        return "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)";
+      default:
+        return "var(--ds-background-accent-yellow-subtlest, #FFF7D6)";
+    }
+  }, [status]);
   return jsx("div", {
     css: isEditor ? [commentBadgeWrapper, commentBadgeEditorOverrides] : commentBadgeWrapper
+  }, jsx(Tooltip, {
+    position: "top",
+    content: title
   }, jsx(CustomThemeButton, {
     style: {
       height: badgeDimensions,
       width: badgeDimensions,
-      background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
+      background: colourToken,
       display: 'flex',
       justifyContent: 'center',
       alignItems: 'center'
     },
     onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
     iconAfter: jsx(CommentIcon, {
       label: title,
       size: badgeSize
     })
-  }));
+  })));
 };

package/dist/esm/messages/insert-block.js

@@ -192,8 +192,8 @@ export var toolbarInsertBlockMessages = defineMessages({
   },
   recordVideo: {
     id: 'fabric.editor.recordVideo',
-    defaultMessage: 'Record video',
-    description: 'Record video using Loom'
+    defaultMessage: 'Record a Loom video',
+    description: 'Record a Loom video'
   },
   addLoomVideo: {
     id: 'fabric.editor.addLoomVideo',
@@ -202,7 +202,7 @@ export var toolbarInsertBlockMessages = defineMessages({
   },
   recordVideoDescription: {
     id: 'fabric.editor.recordVideo.description',
-    defaultMessage: 'Record video using Loom',
-    description: 'Record video using Loom'
+    defaultMessage: 'Record your screen and camera',
+    description: 'Record your screen and camera'
   }
 });

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "78.27.0";
+var packageVersion = "78.28.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/preset/{core-plugin.js → core-plugin/index.js}

@@ -1,4 +1,5 @@
-import { editorCommandToPMCommand } from './editor-commands';
+import { editorCommandToPMCommand } from '../editor-commands';
+import { scheduleDocumentRequest } from './requestDocument';
 /**
  * Core plugin that is always included in the preset.
  * Allows for executing `EditorCommand` and other core functionality.
@@ -35,6 +36,19 @@ export var corePlugin = function corePlugin(_ref) {
         }
         editorView.dom.blur();
         return true;
+      },
+      requestDocument: function requestDocument(onReceive, options) {
+        var _config$getEditorView;
+        var view = (_config$getEditorView = config === null || config === void 0 ? void 0 : config.getEditorView()) !== null && _config$getEditorView !== void 0 ? _config$getEditorView : null;
+        scheduleDocumentRequest(view, onReceive, options === null || options === void 0 ? void 0 : options.transformer);
+      },
+      createTransformer: function createTransformer(cb) {
+        var _config$getEditorView2;
+        var view = (_config$getEditorView2 = config === null || config === void 0 ? void 0 : config.getEditorView()) !== null && _config$getEditorView2 !== void 0 ? _config$getEditorView2 : null;
+        if (!(view !== null && view !== void 0 && view.state.schema)) {
+          return undefined;
+        }
+        return cb(view === null || view === void 0 ? void 0 : view.state.schema);
       }
     }
   };

package/dist/esm/preset/core-plugin/requestDocument.js

@@ -0,0 +1,54 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { JSONTransformer } from '@atlaskit/editor-json-transformer';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+var transformer = new JSONTransformer();
+export function toJSON(node) {
+  return transformer.encode(node);
+}
+
+/**
+ * This throttles the callback with requestIdleCallback.
+ */
+function createThrottleSchedule(callback) {
+  var frameId;
+  var lastArgs;
+  var wrapperFn = function wrapperFn() {
+    var _globalThis$requestId;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    lastArgs = args;
+    if (frameId) {
+      return;
+    }
+
+    // If `requestIdleCallback` doesn't exist - fallback to `requestAnimationFrame`
+    var delayFunction = (_globalThis$requestId = globalThis.requestIdleCallback) !== null && _globalThis$requestId !== void 0 ? _globalThis$requestId : globalThis.requestAnimationFrame;
+    frameId = delayFunction(function () {
+      frameId = undefined;
+      if (lastArgs) {
+        callback.apply(void 0, _toConsumableArray(lastArgs));
+      }
+    }, {
+      timeout: 100
+    });
+  };
+  return wrapperFn;
+}
+export var scheduleDocumentRequest = createThrottleSchedule(returnDocumentRequest);
+function returnDocumentRequest(editorView, callback, transformer) {
+  var _editorView$state;
+  var _ref = (_editorView$state = editorView === null || editorView === void 0 ? void 0 : editorView.state) !== null && _editorView$state !== void 0 ? _editorView$state : {},
+    doc = _ref.doc,
+    schema = _ref.schema;
+  if (!doc || !schema) {
+    return undefined;
+  }
+  var json = toJSON(doc);
+  if (typeof transformer === 'undefined') {
+    callback(json);
+  } else {
+    var nodeSanitized = PMNode.fromJSON(schema, json);
+    callback(transformer.encode(nodeSanitized));
+  }
+}

package/dist/esm/preset/core-plugin/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.27.0";
+var packageVersion = "78.28.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 
 import { css } from '@emotion/react';
-import { N30, N40 } from '@atlaskit/theme/colors';
 // Wraps the navigation bar and extensionFrames
 var mbeExtensionContainer = css({
   background: 'transparent !important',
@@ -34,7 +33,6 @@ var mbeNavigation = css({
   borderTopRightRadius: "var(--ds-border-radius, 3px)",
   userSelect: 'none',
   WebkitUserModify: 'read-only',
-  border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")")),
   borderBottom: 'none !important',
   background: "var(--ds-surface, white)",
   marginLeft: "var(--ds-space-100, 8px)",
@@ -49,7 +47,6 @@ var mbeNavigation = css({
 });
 var extensionFrameContent = css({
   padding: "var(--ds-space-100, 8px)".concat(" !important"),
-  border: "1px solid ".concat("var(--ds-border, ".concat(N30, ")")),
   display: 'block',
   minHeight: '100px',
   background: "var(--ds-surface, white)",

package/dist/types/card/cardOptions.d.ts

@@ -1,5 +1,10 @@
+import type { MouseEvent } from 'react';
 import type { CardProps } from '@atlaskit/smart-card';
 import type { Providers } from '../provider-factory';
+export type OnClickCallback = ({ event, url, }: {
+    event: MouseEvent<HTMLAnchorElement>;
+    url?: string;
+}) => void;
 export interface CardOptions {
     provider?: Providers['cardProvider'];
     resolveBeforeMacros?: string[];
@@ -18,6 +23,7 @@ export interface CardOptions {
     allowAlignment?: boolean;
     allowWrapping?: boolean;
     showUpgradeDiscoverability?: boolean;
+    onClickCallback?: OnClickCallback;
     /**
      * Customises the outbound link to configure user preferences
      */

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

@@ -1,4 +1,4 @@
-export type { CardOptions } from './cardOptions';
+export type { CardOptions, OnClickCallback } from './cardOptions';
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata, } from './utils';
 export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages, } from './MediaAndEmbedsToolbar';
 export type { IconMap, LayoutIcon } from './MediaAndEmbedsToolbar';

package/dist/types/extensibility/Extension/InlineExtension/styles.d.ts

@@ -1,2 +1,2 @@
 export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
-export declare const inlineWrapperStyels: import("@emotion/react").SerializedStyles;
+export declare const inlineWrapperStyles: import("@emotion/react").SerializedStyles;

package/dist/types/media-single/CommentBadge.d.ts

@@ -5,8 +5,11 @@ export type CommentBadgeProps = {
     intl: IntlShape;
     width?: number;
     height?: number;
+    status?: 'default' | 'entered' | 'active';
     mediaElement?: HTMLElement | null;
     onClick: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
     isEditor?: boolean;
 };
-export declare const CommentBadge: ({ intl, width, height, mediaElement, onClick, isEditor, }: CommentBadgeProps) => jsx.JSX.Element;
+export declare const CommentBadge: ({ intl, width, height, status, mediaElement, onClick, onMouseEnter, onMouseLeave, isEditor, }: CommentBadgeProps) => jsx.JSX.Element;

package/dist/types/preset/core-plugin/index.d.ts

@@ -0,0 +1,6 @@
+import type { CorePlugin } from './types';
+/**
+ * Core plugin that is always included in the preset.
+ * Allows for executing `EditorCommand` and other core functionality.
+ */
+export declare const corePlugin: CorePlugin;

package/dist/types/preset/core-plugin/requestDocument.d.ts

@@ -0,0 +1,7 @@
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Transformer } from '../../types';
+import type { InferTransformerResultCallback } from './types';
+export declare function toJSON(node: PMNode): JSONDocNode;
+export declare const scheduleDocumentRequest: <GenericTransformer extends Transformer<any> | undefined>(editorView: EditorView | null, callback: InferTransformerResultCallback<Transformer<any>>, transformer?: Transformer<any> | undefined) => void;

package/dist/types/preset/core-plugin/types.d.ts

@@ -0,0 +1,59 @@
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorCommand, NextEditorPlugin, Transformer } from '../../types';
+export type CorePlugin = NextEditorPlugin<'core', {
+    pluginConfiguration: {
+        getEditorView: () => EditorView | undefined;
+    };
+    actions: {
+        /**
+         * Dispatches an EditorCommand to ProseMirror
+         *
+         * @param command A function (EditorCommand | undefined) that takes an object containing a `Transaction` and returns a `Transaction` if it
+         * is successful or `null` if it shouldn't be dispatched.
+         * @returns (boolean) if the command was successful in dispatching
+         */
+        execute: (command: EditorCommand | undefined) => boolean;
+        /**
+         * Focuses the editor.
+         *
+         * Calls the focus method of the `EditorView` and scrolls the
+         * current selection into view.
+         *
+         * @returns (boolean) if the focus was successful
+         */
+        focus: () => boolean;
+        /**
+         * Blurs the editor.
+         *
+         * Calls blur on the editor DOM element.
+         *
+         * @returns (boolean) if the blur was successful
+         */
+        blur: () => boolean;
+        /**
+         * Request the editor document.
+         * The document will return when available. If called multiple times it will throttle and return the
+         * latest document when ready.
+         *
+         * A transformer can be created using `createTransformer`.
+         *
+         * @param onReceive Callback to handle the document. Document type based on the transformer.
+         * @param options Pass a transformer for the document to be transformed into a different format.
+         */
+        requestDocument<GenericTransformer extends Transformer<any> = Transformer<JSONDocNode>>(onReceive: (document: TransformerResult<GenericTransformer> | undefined) => void, options?: {
+            transformer?: GenericTransformer;
+        }): void;
+        /**
+         * Create a transformer
+         *
+         * @param schema Schema of the document
+         * @returns Transformer which can be used to request a document
+         */
+        createTransformer<Format>(cb: (schema: Schema) => Transformer<Format>): Transformer<Format> | undefined;
+    };
+}>;
+export type TransformerResult<GenericTransformer = Transformer<JSONDocNode>> = GenericTransformer extends Transformer<infer Content> ? Content : JSONDocNode;
+export type InferTransformerResultCallback<T extends Transformer<any> | undefined> = (doc: T extends Transformer<infer U> ? TransformerResult<U> : TransformerResult<JSONDocNode>) => void;
+export type DefaultTransformerResultCallback = (doc: TransformerResult<JSONDocNode> | undefined) => void;

package/dist/types/preset/plugin-injection-api.d.ts

@@ -39,7 +39,7 @@ export declare class EditorPluginInjectionAPI implements PluginInjectionAPIDefin
     private commandsAPI;
     private plugins;
     constructor({ getEditorState, getEditorView }: PluginInjectionAPIProps);
-    api<T extends NextEditorPlugin<any, any>>(): import("../types/next-editor-plugin").PublicPluginAPI<[NextEditorPlugin<T extends import("./core-plugin").CorePlugin<infer Name extends string, any, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never>, ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never) ? (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"] extends (import("./core-plugin").CorePlugin<any, any, any> | import("../types/next-editor-plugin").OptionalPlugin<import("./core-plugin").CorePlugin<any, any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"], undefined> : [] : []]>;
+    api<T extends NextEditorPlugin<any, any>>(): import("../types/next-editor-plugin").PublicPluginAPI<[NextEditorPlugin<T extends import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<infer Name extends string, any, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never>, ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never) ? (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"] extends (import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any> | import("../types/next-editor-plugin").OptionalPlugin<import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"], undefined> : [] : []]>;
     onEditorViewUpdated: ({ newEditorState, oldEditorState, }: EditorStateDiff) => void;
     onEditorPluginInitialized: (plugin: NextEditorPluginInitializedType) => void;
     private addPlugin;

package/dist/types/types/next-editor-plugin.d.ts

@@ -5,7 +5,7 @@
  * are put together - but for now `Builder` & `Preset` aim to beinterchangeable.
  */
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { CorePlugin } from '../preset/core-plugin';
+import type { CorePlugin } from '../preset/core-plugin/types';
 import type { EditorCommand, EditorCommandWithMetadata } from './editor-command';
 import type { EditorPlugin } from './editor-plugin';
 type IsAny<T> = 0 extends 1 & T ? true : false;
@@ -97,7 +97,7 @@ export type PluginDependenciesAPI<Plugin extends NextEditorPlugin<any, any>> = {
     commands: Plugin extends NextEditorPlugin<any, infer Metadata> ? ExtractCommandsFromMetadata<Metadata> : never;
 };
 export type CreatePluginDependenciesAPI<PluginList extends NextEditorPlugin<any, any>[]> = {
-    [Plugin in PluginList[number] as `${ExtractPluginName<Plugin>}`]: Plugin extends OptionalPlugin<NextEditorPlugin<any, any>> ? PluginDependenciesAPI<Plugin> | undefined : Plugin extends NextEditorPlugin<any, any> ? PluginDependenciesAPI<Plugin> | undefined : never;
+    [Plugin in PluginList[number] as `${ExtractPluginName<Plugin>}`]: Plugin extends OptionalPlugin<NextEditorPlugin<any, any>> ? PluginDependenciesAPI<Plugin> | undefined : Plugin extends NextEditorPlugin<'core', any> ? PluginDependenciesAPI<Plugin> : Plugin extends NextEditorPlugin<any, any> ? PluginDependenciesAPI<Plugin> | undefined : never;
 };
 export type PluginWithConfiguration<Plugin> = undefined extends ExtractPluginConfiguration<Plugin> ? [Plugin, ExtractPluginConfiguration<Plugin>?] : [Plugin, ExtractPluginConfiguration<Plugin>];
 export type MaybePluginName<T extends string> = [T];

package/dist/types-ts4.5/card/cardOptions.d.ts

@@ -1,5 +1,10 @@
+import type { MouseEvent } from 'react';
 import type { CardProps } from '@atlaskit/smart-card';
 import type { Providers } from '../provider-factory';
+export type OnClickCallback = ({ event, url, }: {
+    event: MouseEvent<HTMLAnchorElement>;
+    url?: string;
+}) => void;
 export interface CardOptions {
     provider?: Providers['cardProvider'];
     resolveBeforeMacros?: string[];
@@ -18,6 +23,7 @@ export interface CardOptions {
     allowAlignment?: boolean;
     allowWrapping?: boolean;
     showUpgradeDiscoverability?: boolean;
+    onClickCallback?: OnClickCallback;
     /**
      * Customises the outbound link to configure user preferences
      */

package/dist/types-ts4.5/card/index.d.ts

@@ -1,4 +1,4 @@
-export type { CardOptions } from './cardOptions';
+export type { CardOptions, OnClickCallback } from './cardOptions';
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata, } from './utils';
 export { default as buildLayoutButtons, alignmentIcons, wrappingIcons, layoutToMessages, } from './MediaAndEmbedsToolbar';
 export type { IconMap, LayoutIcon } from './MediaAndEmbedsToolbar';

package/dist/types-ts4.5/extensibility/Extension/InlineExtension/styles.d.ts

@@ -1,2 +1,2 @@
 export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
-export declare const inlineWrapperStyels: import("@emotion/react").SerializedStyles;
+export declare const inlineWrapperStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/media-single/CommentBadge.d.ts

@@ -5,8 +5,11 @@ export type CommentBadgeProps = {
     intl: IntlShape;
     width?: number;
     height?: number;
+    status?: 'default' | 'entered' | 'active';
     mediaElement?: HTMLElement | null;
     onClick: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
     isEditor?: boolean;
 };
-export declare const CommentBadge: ({ intl, width, height, mediaElement, onClick, isEditor, }: CommentBadgeProps) => jsx.JSX.Element;
+export declare const CommentBadge: ({ intl, width, height, status, mediaElement, onClick, onMouseEnter, onMouseLeave, isEditor, }: CommentBadgeProps) => jsx.JSX.Element;

package/dist/types-ts4.5/preset/core-plugin/index.d.ts

@@ -0,0 +1,6 @@
+import type { CorePlugin } from './types';
+/**
+ * Core plugin that is always included in the preset.
+ * Allows for executing `EditorCommand` and other core functionality.
+ */
+export declare const corePlugin: CorePlugin;

package/dist/types-ts4.5/preset/core-plugin/requestDocument.d.ts

@@ -0,0 +1,7 @@
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Transformer } from '../../types';
+import type { InferTransformerResultCallback } from './types';
+export declare function toJSON(node: PMNode): JSONDocNode;
+export declare const scheduleDocumentRequest: <GenericTransformer extends Transformer<any> | undefined>(editorView: EditorView | null, callback: InferTransformerResultCallback<Transformer<any>>, transformer?: Transformer<any> | undefined) => void;

package/dist/types-ts4.5/preset/core-plugin/types.d.ts

@@ -0,0 +1,59 @@
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorCommand, NextEditorPlugin, Transformer } from '../../types';
+export type CorePlugin = NextEditorPlugin<'core', {
+    pluginConfiguration: {
+        getEditorView: () => EditorView | undefined;
+    };
+    actions: {
+        /**
+         * Dispatches an EditorCommand to ProseMirror
+         *
+         * @param command A function (EditorCommand | undefined) that takes an object containing a `Transaction` and returns a `Transaction` if it
+         * is successful or `null` if it shouldn't be dispatched.
+         * @returns (boolean) if the command was successful in dispatching
+         */
+        execute: (command: EditorCommand | undefined) => boolean;
+        /**
+         * Focuses the editor.
+         *
+         * Calls the focus method of the `EditorView` and scrolls the
+         * current selection into view.
+         *
+         * @returns (boolean) if the focus was successful
+         */
+        focus: () => boolean;
+        /**
+         * Blurs the editor.
+         *
+         * Calls blur on the editor DOM element.
+         *
+         * @returns (boolean) if the blur was successful
+         */
+        blur: () => boolean;
+        /**
+         * Request the editor document.
+         * The document will return when available. If called multiple times it will throttle and return the
+         * latest document when ready.
+         *
+         * A transformer can be created using `createTransformer`.
+         *
+         * @param onReceive Callback to handle the document. Document type based on the transformer.
+         * @param options Pass a transformer for the document to be transformed into a different format.
+         */
+        requestDocument<GenericTransformer extends Transformer<any> = Transformer<JSONDocNode>>(onReceive: (document: TransformerResult<GenericTransformer> | undefined) => void, options?: {
+            transformer?: GenericTransformer;
+        }): void;
+        /**
+         * Create a transformer
+         *
+         * @param schema Schema of the document
+         * @returns Transformer which can be used to request a document
+         */
+        createTransformer<Format>(cb: (schema: Schema) => Transformer<Format>): Transformer<Format> | undefined;
+    };
+}>;
+export type TransformerResult<GenericTransformer = Transformer<JSONDocNode>> = GenericTransformer extends Transformer<infer Content> ? Content : JSONDocNode;
+export type InferTransformerResultCallback<T extends Transformer<any> | undefined> = (doc: T extends Transformer<infer U> ? TransformerResult<U> : TransformerResult<JSONDocNode>) => void;
+export type DefaultTransformerResultCallback = (doc: TransformerResult<JSONDocNode> | undefined) => void;

package/dist/types-ts4.5/preset/plugin-injection-api.d.ts

@@ -40,8 +40,8 @@ export declare class EditorPluginInjectionAPI implements PluginInjectionAPIDefin
     private plugins;
     constructor({ getEditorState, getEditorView }: PluginInjectionAPIProps);
     api<T extends NextEditorPlugin<any, any>>(): import("../types/next-editor-plugin").PublicPluginAPI<[
-        NextEditorPlugin<T extends import("./core-plugin").CorePlugin<infer Name extends string, any, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never>,
-        ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never) ? (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"] extends (import("./core-plugin").CorePlugin<any, any, any> | import("../types/next-editor-plugin").OptionalPlugin<import("./core-plugin").CorePlugin<any, any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"], undefined> : [
+        NextEditorPlugin<T extends import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<infer Name extends string, any, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never>,
+        ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never) ? (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"] extends (import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any> | import("../types/next-editor-plugin").OptionalPlugin<import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"], undefined> : [
         ] : [
         ]
     ]>;

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

@@ -5,7 +5,7 @@
  * are put together - but for now `Builder` & `Preset` aim to beinterchangeable.
  */
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { CorePlugin } from '../preset/core-plugin';
+import type { CorePlugin } from '../preset/core-plugin/types';
 import type { EditorCommand, EditorCommandWithMetadata } from './editor-command';
 import type { EditorPlugin } from './editor-plugin';
 type IsAny<T> = 0 extends 1 & T ? true : false;
@@ -103,7 +103,7 @@ export type PluginDependenciesAPI<Plugin extends NextEditorPlugin<any, any>> = {
     commands: Plugin extends NextEditorPlugin<any, infer Metadata> ? ExtractCommandsFromMetadata<Metadata> : never;
 };
 export type CreatePluginDependenciesAPI<PluginList extends NextEditorPlugin<any, any>[]> = {
-    [Plugin in PluginList[number] as `${ExtractPluginName<Plugin>}`]: Plugin extends OptionalPlugin<NextEditorPlugin<any, any>> ? PluginDependenciesAPI<Plugin> | undefined : Plugin extends NextEditorPlugin<any, any> ? PluginDependenciesAPI<Plugin> | undefined : never;
+    [Plugin in PluginList[number] as `${ExtractPluginName<Plugin>}`]: Plugin extends OptionalPlugin<NextEditorPlugin<any, any>> ? PluginDependenciesAPI<Plugin> | undefined : Plugin extends NextEditorPlugin<'core', any> ? PluginDependenciesAPI<Plugin> : Plugin extends NextEditorPlugin<any, any> ? PluginDependenciesAPI<Plugin> | undefined : never;
 };
 export type PluginWithConfiguration<Plugin> = undefined extends ExtractPluginConfiguration<Plugin> ? [
     Plugin,