roosterjs 8.48.0 → 8.49.0

package/dist/rooster.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for roosterjs (Version 8.48.0)
+// Type definitions for roosterjs (Version 8.49.0)
 // Generated by dts tool from roosterjs
 // Project: https://github.com/Microsoft/roosterjs
 
@@ -415,6 +415,45 @@ function extractClipboardItemsForIE(dataTransfer: DataTransfer, callback: (data:
  */
 function createFragmentFromClipboardData(core: EditorCore, clipboardData: ClipboardData, position: NodePosition | null, pasteAsText: boolean, applyCurrentStyle: boolean, pasteAsImage: boolean, event: BeforePasteEvent): DocumentFragment;
 
+    /**
+ * Handles the content when using the Image Paste Option
+ * @param imageDataUri the image uri to use for the image
+ * @param fragment fragment that will contain the content to paste.
+ */
+function handleImagePaste(imageDataUri: string, fragment: DocumentFragment): void;
+
+    /**
+ * handle the content when using the text only option
+ * @param text Text from clipboard
+ * @param position current position of the clipboard
+ * @param fragment fragment that contains the paste content.
+ */
+function handleTextPaste(text: string, position: NodePosition | null, fragment: DocumentFragment): void;
+
+    /**
+ * Retrieves the metadata from the content inside of the clipboard
+ * @param doc Document parsed from the clipboard
+ * @param event Before Paste event
+ * @param trustedHTMLHandler the trusted html handler to sanitize the content.
+ */
+function retrieveMetadataFromClipboard(doc: Document | undefined, event: BeforePasteEvent, trustedHTMLHandler: TrustedHTMLHandler): void;
+
+    /**
+ * Sanitize the content from the pasted content
+ * @param event The before paste event
+ * @param position the position of the cursor
+ */
+function sanitizePasteContent(event: BeforePasteEvent, position: NodePosition | null): void;
+
+    /**
+ * Get the paste type that will be used corresponding to the configuration
+ * @param pasteAsText Whether to paste as Text
+ * @param applyCurrentStyle Whether to apply the current format to the content
+ * @param pasteAsImage Whether to only paste the image
+ * @returns
+ */
+function getPasteType(pasteAsText: boolean, applyCurrentStyle: boolean, pasteAsImage: boolean): PasteType;
+
     /**
  * Browser object contains browser and operating system information of current environment
  */
@@ -1509,6 +1548,13 @@ function setHtmlWithSelectionPath(rootNode: HTMLElement, html: string, trustedHT
  */
 function setHtmlWithMetadata(rootNode: HTMLElement, html: string, trustedHTMLHandler?: TrustedHTMLHandler): ContentMetadata | undefined;
 
+    /**
+ * Extract content metadata from DOM tree
+ * @param rootNode Root of the DOM tree
+ * @returns If there is a valid content metadata node in the give DOM tree, return this metadata object, otherwise undefined
+ */
+function extractContentMetadata(rootNode: HTMLElement): ContentMetadata | undefined;
+
     /**
  * Add the given range into selection of the given document
  * @param range The range to select
@@ -1707,6 +1753,7 @@ function getEntityFromElement(element: HTMLElement): Entity | null;
 function getEntitySelector(type?: string, id?: string): string;
 
     /**
+ * @deprecated
  * Create a placeholder comment node for entity
  * @param entity The entity to create placeholder from
  * @returns A placeholder comment node as
@@ -1733,7 +1780,7 @@ function moveContentWithEntityPlaceholders(root: HTMLDivElement, entities: Recor
  * @param entities A map from entity id to entity wrapper, used for reusing existing DOM structure for entity
  * @param insertClonedNode When pass true, merge with a cloned copy of the nodes from source fragment rather than the nodes themselves @default false
  */
-function restoreContentWithEntityPlaceholder(source: DocumentFragment, target: HTMLElement, entities: Record<string, HTMLElement> | null, insertClonedNode?: boolean): void;
+function restoreContentWithEntityPlaceholder(source: ParentNode, target: HTMLElement, entities: Record<string, HTMLElement | KnownEntityItem> | null, insertClonedNode?: boolean): void;
 
     /**
  * Gets the cached event data by cache key from event object if there is already one.
@@ -2936,15 +2983,18 @@ interface EntityPluginState {
         pageY: number;
     };
     /**
+     * @deprecated
      * All known entity elements
      */
-    knownEntityElements: HTMLElement[];
+    knownEntityElements?: HTMLElement[];
+    /**
+     * @deprecated
+     */
+    shadowEntityCache?: Record<string, HTMLElement>;
     /**
-     * Cache for the hydrated content of shadow DOM entity.
-     * When set content to replace the whole editor, we will cache the hydrated content
-     * before it is gone, then after that we can use the cached content to rehydrate entity
+     * Entities cached for undo snapshot
      */
-    shadowEntityCache: Record<string, HTMLElement>;
+    entityMap: Record<string, KnownEntityItem>;
 }
 
     /**
@@ -3669,15 +3719,18 @@ const enum EntityOperation {
      */
     ReplaceTemporaryContent = 8,
     /**
-     * Notify plugins that editor has attached shadow root for an entity.
-     * Plugins can handle this event to do extra operations to the shadow root
+     * @deprecated
      */
     AddShadowRoot = 9,
     /**
-     * Notify plugins that editor has removed the shadow root of an entity
-     * Plugins can handle this event to do any necessary clean up for shadow root
+     * @deprecated
+     */
+    RemoveShadowRoot = 10,
+    /**
+     * Notify plugins that a new entity state need to be updated to an entity.
+     * This is normally happened when user undo/redo the content with an entity snapshot added by a plugin that handles entity
      */
-    RemoveShadowRoot = 10
+    UpdateEntityState = 11
 }
 
     /**
@@ -4837,15 +4890,18 @@ interface EntityOperationEventData {
      */
     rawEvent?: Event;
     /**
-     * A document fragment for entity based on Shadow DOM. This property is only available for NewEntity operation.
-     * Putting DOM nodes under this fragment will cause a shadow root to be attached to the entity wrapper
-     * with these DOM nodes under it.
-     *
-     * If there is already cached DOM nodes, they will also be put under this fragment.
-     * Plugin need to decide:
-     * 1. Apply the cache: do nothing and the DOM nodes will be appended as shadow DOM entity content
-     * 2. Discard the cache and use new content instead: clear the fragment and append new DOM nodes, then new DOM nodes will be used
-     * 3. Dehydrate this entity: clear the fragment, and leave it empty
+     * For EntityOperation.UpdateEntityState, we use this object to pass the new entity state to plugin.
+     * For other operation types, it is not used.
+     */
+    state?: string;
+    /**
+     * For EntityOperation.NewEntity, plugin can set this property to true then the entity will be persisted.
+     * A persisted entity won't be touched during undo/redo, unless it does not exist after undo/redo.
+     * For other operation types, this value will be ignored.
+     */
+    shouldPersist?: boolean;
+    /**
+     * @deprecated
      */
     contentForShadowEntity?: DocumentFragment;
 }
@@ -5350,6 +5406,12 @@ interface ContentChangedData {
      * Optional property to store the format api name when using ChangeSource.Format
      */
     formatApiName?: string;
+    /**
+     * @optional Get entity states related to the snapshot. If it returns entity states, each state will cause
+     * an EntityOperation event with operation = EntityOperation.UpdateEntityState when undo/redo to this snapshot
+     * @returns Related entity state array
+     */
+    getEntityState?: () => EntityState[];
 }
 
     /**
@@ -6059,6 +6121,31 @@ interface Snapshot {
      * Known colors for dark mode
      */
     knownColors: Readonly<ModeIndependentColor>[];
+    /**
+     * Entity states related to this undo snapshots. When undo/redo to this snapshot, each entity state will trigger
+     * an EntityOperation event with operation = EntityOperation.UpdateEntityState
+     */
+    entityStates?: EntityState[];
+}
+
+    /**
+ * State for an entity. This is used for storing entity undo snapshot
+ */
+interface EntityState {
+    /**
+     * Type of the entity
+     */
+    type: string;
+    /**
+     * Id of the entity
+     */
+    id: string;
+    /**
+     * The state of this entity to store into undo snapshot.
+     * The state can be any string, or a serialized JSON object.
+     * We are using string here instead of a JSON object to make sure the whole state is serializable.
+     */
+    state: string;
 }
 
     /**
@@ -8185,6 +8272,24 @@ interface ImageSelectionRange extends SelectionRangeExBase<SelectionRangeTypes.I
  */
 type SelectionRangeEx = NormalSelectionRange | TableSelectionRange | ImageSelectionRange;
 
+    /**
+ * Represents all info of a known entity, including its DOM element, whether it is deleted and if it can be persisted
+ */
+interface KnownEntityItem {
+    /**
+     * The HTML element of entity wrapper
+     */
+    element: HTMLElement;
+    /**
+     * Whether this entity is deleted.
+     */
+    isDeleted?: boolean;
+    /**
+     * Whether we want to persist this entity element during undo/redo
+     */
+    canPersist?: boolean;
+}
+
     /**
  * Attribute callback, will be called when HtmlSanitizer process an attribute with given name
  * @param value Value of the attribute
@@ -8780,15 +8885,18 @@ enum CompatibleEntityOperation {
      */
     ReplaceTemporaryContent = 8,
     /**
-     * Notify plugins that editor has attached shadow root for an entity.
-     * Plugins can handle this event to do extra operations to the shadow root
+     * @deprecated
      */
     AddShadowRoot = 9,
     /**
-     * Notify plugins that editor has removed the shadow root of an entity
-     * Plugins can handle this event to do any necessary clean up for shadow root
+     * @deprecated
+     */
+    RemoveShadowRoot = 10,
+    /**
+     * Notify plugins that a new entity state need to be updated to an entity.
+     * This is normally happened when user undo/redo the content with an entity snapshot added by a plugin that handles entity
      */
-    RemoveShadowRoot = 10
+    UpdateEntityState = 11
 }
 
     /**