@atlaskit/editor-common 87.6.0 → 87.6.2

package/dist/types/lazy-node-view/index.d.ts

@@ -1,7 +1,7 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { DispatchAnalyticsEvent } from '../analytics';
-import type { NodeViewConstructor } from './types';
+import type { IgnoreMutationParam, NodeViewConstructor } from './types';
 export { convertToInlineCss } from './css-helper';
 export type { NodeViewConstructor };
 /**
@@ -20,6 +20,9 @@ export type LazyLoadingProps<NodeViewOptions> = {
     loader: () => Promise<CreateReactNodeViewProps<NodeViewOptions>>;
     getNodeViewOptions: () => NodeViewOptions;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    lazyNodeViewOptions?: {
+        ignoreMutationDelegate?: (mutation: IgnoreMutationParam) => boolean;
+    };
 };
 /**
  * 📢 Public: Any EditorPlugin can use this function
@@ -61,4 +64,4 @@ export type LazyLoadingProps<NodeViewOptions> = {
  *
  * // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
  */
-export declare const withLazyLoading: <Options>({ nodeName, loader, getNodeViewOptions, dispatchAnalyticsEvent, }: LazyLoadingProps<Options>) => NodeViewConstructor;
+export declare const withLazyLoading: <Options>({ nodeName, loader, getNodeViewOptions, dispatchAnalyticsEvent, lazyNodeViewOptions: { ignoreMutationDelegate }, }: LazyLoadingProps<Options>) => NodeViewConstructor;

package/dist/types/lazy-node-view/node-view.d.ts

@@ -1,5 +1,6 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { IgnoreMutationParam } from './types';
 /**
  * 🧱 Internal: Editor FE Platform
  *
@@ -8,5 +9,9 @@ import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 export declare class LazyNodeView implements NodeView {
     dom: Node;
     contentDOM?: HTMLElement;
-    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined);
+    private ignoreMutationDelegate?;
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, options?: {
+        ignoreMutationDelegate?: (mutation: IgnoreMutationParam) => boolean;
+    });
+    ignoreMutation(mutation: IgnoreMutationParam): boolean;
 }

package/dist/types/lazy-node-view/replace-node-views.d.ts

@@ -1,40 +1,30 @@
-/// <reference types="lodash" />
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CacheLoadedReactNodeViews, NodeViewConstructor } from './types';
 /**
  * 🧱 Internal: Editor FE Platform
  *
- * Debounces and replaces the node views in a ProseMirror editor with lazy-loaded node views.
+ * Debounced and memoized version of `replaceNodeViews`.
  *
- * This function is used to update the `nodeViews` property of the `EditorView` after lazy-loaded
- * node views have been loaded. It uses a debounced approach to ensure that the replacement does
- * not happen too frequently, which can be performance-intensive.
+ * This function is designed to update the `nodeViews` property of an `EditorView` after a
+ * period of inactivity (debounce), ensuring that multiple rapid updates do not occur in quick
+ * succession. It uses lodash's `debounce` to handle the debouncing.
  *
- * The function checks if there are any loaded node views in the cache associated with the given
- * `EditorView`. If there are, it replaces the current `nodeViews` in the `EditorView` with the
- * loaded node views. The replacement is scheduled using `requestIdleCallback` or
- * `requestAnimationFrame` to avoid blocking the main thread, especially in Firefox where
- * `requestIdleCallback` may not be supported.
+ * Memoization is crucial here to ensure that each `EditorView` instance has its own opportunity
+ * to update the node views. Without memoization, if you have multiple `EditorView` instances on
+ * the same page, only one instance would potentially call `view.setProps`, which could lead to
+ * incorrect or missing updates in other `EditorView` instances. By memoizing the debounced function,
+ * we ensure that each `EditorView` maintains its own debounced update logic.
  *
- * @param {WeakMap<EditorView, Record<string, NodeViewConstructor>>} cache - A WeakMap that stores
- *        the loaded node views for each `EditorView`. The key is the `EditorView`, and the value
- *        is a record of node type names to their corresponding `NodeViewConstructor`.
+ * @param {CacheLoadedReactNodeViews} cache - A WeakMap that stores the loaded node views for each
+ *        `EditorView`. The key is the `EditorView`, and the value is a record of node type names
+ *        to their corresponding `NodeViewConstructor`.
  * @param {EditorView} view - The ProseMirror `EditorView` instance whose `nodeViews` property
  *        needs to be updated.
  *
- * @example
- * const cache = new WeakMap();
- * const view = new EditorView(...);
- *
- * // Assume some node views have been loaded and stored in the cache
- * cache.set(view, {
- *   'table': TableViewConstructor,
- *   'tableCell': TableCellViewConstructor,
- * });
- *
- * debouncedReplaceNodeviews(cache, view);
+ * This function is typically not called directly. Instead, it is invoked through `queueReplaceNodeViews`,
+ * which handles adding node views to the cache and triggering this debounced update.
  */
-export declare const debouncedReplaceNodeviews: import("lodash").DebouncedFunc<(cache: CacheLoadedReactNodeViews, view: EditorView) => void>;
+export declare const debouncedReplaceNodeviews: (cache: CacheLoadedReactNodeViews, view: EditorView) => void | undefined;
 /**
  * 🧱 Internal: Editor FE Platform
  */

package/dist/types/lazy-node-view/types.d.ts

@@ -1,5 +1,12 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+/**
+ * 🧱 Internal: Editor FE Platform
+ */
+export type IgnoreMutationParam = MutationRecord | {
+    type: 'selection';
+    target: Element;
+};
 /**
  * 🧱 Internal: Editor FE Platform
  */

package/dist/types/styles/shared/code-block.d.ts

@@ -9,6 +9,7 @@ export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_LINE_NUMBER_GUTTER_FG_WRAP: string;
     CODEBLOCK_CONTENT_WRAPPED: string;
     CODEBLOCK_CONTAINER_LINE_NUMBER_WRAPPED: string;
+    CODEBLOCK_WRAPPED: string;
 };
 export declare const codeBlockSharedStyles: () => import("@emotion/react").SerializedStyles;
 export declare const codeBlockInListSafariFix: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/extensibility/extensionNodeView.d.ts

@@ -17,6 +17,7 @@ export declare class ExtensionNode extends ReactNodeView {
         type: 'selection';
         target: Element;
     }): boolean;
+    stopEvent(event: Event): boolean;
     getContentDOM(): {
         dom: HTMLDivElement;
     } | undefined;

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

@@ -97,6 +97,8 @@ export declare const focusToContextMenuTrigger: Keymap;
 export declare const dragToMoveUp: Keymap;
 export declare const dragToMoveDown: Keymap;
 export declare const showElementDragHandle: Keymap;
+export declare const continueInRovoChat: Keymap;
+export declare function formatShortcut(keymap: Keymap): string | undefined;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

package/dist/types-ts4.5/lazy-node-view/index.d.ts

@@ -1,7 +1,7 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { DispatchAnalyticsEvent } from '../analytics';
-import type { NodeViewConstructor } from './types';
+import type { IgnoreMutationParam, NodeViewConstructor } from './types';
 export { convertToInlineCss } from './css-helper';
 export type { NodeViewConstructor };
 /**
@@ -20,6 +20,9 @@ export type LazyLoadingProps<NodeViewOptions> = {
     loader: () => Promise<CreateReactNodeViewProps<NodeViewOptions>>;
     getNodeViewOptions: () => NodeViewOptions;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    lazyNodeViewOptions?: {
+        ignoreMutationDelegate?: (mutation: IgnoreMutationParam) => boolean;
+    };
 };
 /**
  * 📢 Public: Any EditorPlugin can use this function
@@ -61,4 +64,4 @@ export type LazyLoadingProps<NodeViewOptions> = {
  *
  * // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
  */
-export declare const withLazyLoading: <Options>({ nodeName, loader, getNodeViewOptions, dispatchAnalyticsEvent, }: LazyLoadingProps<Options>) => NodeViewConstructor;
+export declare const withLazyLoading: <Options>({ nodeName, loader, getNodeViewOptions, dispatchAnalyticsEvent, lazyNodeViewOptions: { ignoreMutationDelegate }, }: LazyLoadingProps<Options>) => NodeViewConstructor;

package/dist/types-ts4.5/lazy-node-view/node-view.d.ts

@@ -1,5 +1,6 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { IgnoreMutationParam } from './types';
 /**
  * 🧱 Internal: Editor FE Platform
  *
@@ -8,5 +9,9 @@ import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 export declare class LazyNodeView implements NodeView {
     dom: Node;
     contentDOM?: HTMLElement;
-    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined);
+    private ignoreMutationDelegate?;
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, options?: {
+        ignoreMutationDelegate?: (mutation: IgnoreMutationParam) => boolean;
+    });
+    ignoreMutation(mutation: IgnoreMutationParam): boolean;
 }

package/dist/types-ts4.5/lazy-node-view/replace-node-views.d.ts

@@ -1,40 +1,30 @@
-/// <reference types="lodash" />
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CacheLoadedReactNodeViews, NodeViewConstructor } from './types';
 /**
  * 🧱 Internal: Editor FE Platform
  *
- * Debounces and replaces the node views in a ProseMirror editor with lazy-loaded node views.
+ * Debounced and memoized version of `replaceNodeViews`.
  *
- * This function is used to update the `nodeViews` property of the `EditorView` after lazy-loaded
- * node views have been loaded. It uses a debounced approach to ensure that the replacement does
- * not happen too frequently, which can be performance-intensive.
+ * This function is designed to update the `nodeViews` property of an `EditorView` after a
+ * period of inactivity (debounce), ensuring that multiple rapid updates do not occur in quick
+ * succession. It uses lodash's `debounce` to handle the debouncing.
  *
- * The function checks if there are any loaded node views in the cache associated with the given
- * `EditorView`. If there are, it replaces the current `nodeViews` in the `EditorView` with the
- * loaded node views. The replacement is scheduled using `requestIdleCallback` or
- * `requestAnimationFrame` to avoid blocking the main thread, especially in Firefox where
- * `requestIdleCallback` may not be supported.
+ * Memoization is crucial here to ensure that each `EditorView` instance has its own opportunity
+ * to update the node views. Without memoization, if you have multiple `EditorView` instances on
+ * the same page, only one instance would potentially call `view.setProps`, which could lead to
+ * incorrect or missing updates in other `EditorView` instances. By memoizing the debounced function,
+ * we ensure that each `EditorView` maintains its own debounced update logic.
  *
- * @param {WeakMap<EditorView, Record<string, NodeViewConstructor>>} cache - A WeakMap that stores
- *        the loaded node views for each `EditorView`. The key is the `EditorView`, and the value
- *        is a record of node type names to their corresponding `NodeViewConstructor`.
+ * @param {CacheLoadedReactNodeViews} cache - A WeakMap that stores the loaded node views for each
+ *        `EditorView`. The key is the `EditorView`, and the value is a record of node type names
+ *        to their corresponding `NodeViewConstructor`.
  * @param {EditorView} view - The ProseMirror `EditorView` instance whose `nodeViews` property
  *        needs to be updated.
  *
- * @example
- * const cache = new WeakMap();
- * const view = new EditorView(...);
- *
- * // Assume some node views have been loaded and stored in the cache
- * cache.set(view, {
- *   'table': TableViewConstructor,
- *   'tableCell': TableCellViewConstructor,
- * });
- *
- * debouncedReplaceNodeviews(cache, view);
+ * This function is typically not called directly. Instead, it is invoked through `queueReplaceNodeViews`,
+ * which handles adding node views to the cache and triggering this debounced update.
  */
-export declare const debouncedReplaceNodeviews: import("lodash").DebouncedFunc<(cache: CacheLoadedReactNodeViews, view: EditorView) => void>;
+export declare const debouncedReplaceNodeviews: (cache: CacheLoadedReactNodeViews, view: EditorView) => void | undefined;
 /**
  * 🧱 Internal: Editor FE Platform
  */

package/dist/types-ts4.5/lazy-node-view/types.d.ts

@@ -1,5 +1,12 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+/**
+ * 🧱 Internal: Editor FE Platform
+ */
+export type IgnoreMutationParam = MutationRecord | {
+    type: 'selection';
+    target: Element;
+};
 /**
  * 🧱 Internal: Editor FE Platform
  */

package/dist/types-ts4.5/styles/shared/code-block.d.ts

@@ -9,6 +9,7 @@ export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_LINE_NUMBER_GUTTER_FG_WRAP: string;
     CODEBLOCK_CONTENT_WRAPPED: string;
     CODEBLOCK_CONTAINER_LINE_NUMBER_WRAPPED: string;
+    CODEBLOCK_WRAPPED: string;
 };
 export declare const codeBlockSharedStyles: () => import("@emotion/react").SerializedStyles;
 export declare const codeBlockInListSafariFix: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "87.6.0",
+	"version": "87.6.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -127,11 +127,11 @@
 		"@atlaskit/media-file-preview": "^0.6.0",
 		"@atlaskit/media-picker": "^66.4.0",
 		"@atlaskit/media-ui": "^25.10.0",
-		"@atlaskit/media-viewer": "48.6.15",
+		"@atlaskit/media-viewer": "48.6.16",
 		"@atlaskit/mention": "^23.2.0",
 		"@atlaskit/menu": "^2.10.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^11.1.0",
+		"@atlaskit/primitives": "^12.0.0",
 		"@atlaskit/profilecard": "^19.17.0",
 		"@atlaskit/section-message": "^6.5.0",
 		"@atlaskit/smart-card": "^27.13.0",
@@ -268,6 +268,9 @@
 		},
 		"platform_editor_migration_icon_and_typography": {
 			"type": "boolean"
+		},
+		"cc_page_experiences_live_search_wysiwyg": {
+			"type": "boolean"
 		}
 	}
 }