Merge pull request #3821 from udecode/block-selection/duration

Add delay in addSelectedRow

.changeset/empty-keys-pull.md

@@ -0,0 +1,5 @@
+---
+'@udecode/plate-selection': patch
+---
+
+Add `delay` in addSelectedRow option

packages/selection/src/react/BlockSelectionPlugin.tsx

@@ -1,13 +1,9 @@
 import type { CSSProperties } from 'react';
 import type React from 'react';
 
-import {
-  type PluginConfig,
-  type TElement,
-  type TNodeEntry,
-  bindFirst,
-  getNodeEntries,
-} from '@udecode/plate-common';
+import type { PluginConfig, TElement, TNodeEntry } from '@udecode/plate-common';
+
+import { bindFirst, getNodeEntries } from '@udecode/plate-common';
 import { createTPlatePlugin } from '@udecode/plate-common/react';
 
 import type { ChangedElements, PartialSelectionOptions } from '../internal';
@@ -52,10 +48,13 @@ export type BlockSelectionSelectors = {
 };
 
 export type BlockSelectionApi = {
+  addSelectedRow: (
+    id: string,
+    options?: { clear?: boolean; delay?: number }
+  ) => void;
   setSelectedIds: (
     options: Partial<ChangedElements> & { ids?: string[] }
   ) => void;
-  addSelectedRow: (id: string, options?: { clear?: boolean }) => void;
   focus: () => void;
   getNodes: () => TNodeEntry[];
   resetSelectedIds: () => void;
@@ -181,7 +180,7 @@ export const BlockSelectionPlugin = createTPlatePlugin<BlockSelectionConfig>({
   )
   .extendApi<Partial<BlockSelectionApi>>(({ api, getOptions, setOption }) => ({
     addSelectedRow: (id, options = {}) => {
-      const { clear = true } = options;
+      const { clear = true, delay } = options;
 
       const element = getSelectedDomNode(id);
 
@@ -194,6 +193,15 @@ export const BlockSelectionPlugin = createTPlatePlugin<BlockSelectionConfig>({
         added: [element],
         removed: [],
       });
+
+      if (delay) {
+        setTimeout(() => {
+          api.blockSelection.setSelectedIds({
+            added: [],
+            removed: [element],
+          });
+        }, delay);
+      }
     },
 
     selectedAll: () => {