fix: deletebackword list

.changeset/lazy-files-lie.md

@@ -0,0 +1,5 @@
+---
+"@udecode/plate-indent-list": patch
+---
+
+fix the deletebackward behavior

packages/indent-list/src/delete-backward/deleteBackwardIndentList.ts

@@ -1,36 +1,75 @@
 import {
+  ELEMENT_DEFAULT,
   getAboveNode,
   getNodeString,
+  getPointBefore,
+  getPreviousNode,
   isCollapsed,
   isDefined,
+  isElement,
   PlateEditor,
+  removeNodes,
+  select,
+  TElement,
+  unsetNodes,
   Value,
 } from '@udecode/plate-common';
-import { TextUnit } from 'slate';
+import { outdent } from '@udecode/plate-indent';
+import Slate, { TextUnit, TextUnitAdjustment } from 'slate';
 
-import { KEY_LIST_STYLE_TYPE } from '../createIndentListPlugin';
-import { outdentList } from '../transforms';
+import { isIndentElement } from '../queries';
 
 export const deleteBackwardIndentList = <V extends Value>(
   editor: PlateEditor<V>
 ) => {
   const { deleteBackward } = editor;
 
   return function (unit: TextUnit) {
-    deleteBackwardHelper(editor);
-    deleteBackward(unit);
+    // don't delete the indent list element when just a bullets numbering or checkbox should be turn to default paragraph
+    if (!deleteWhenEmpty(editor, unit)) {
+      return deleteBackward(unit);
+    }
   };
 };
 
-function deleteBackwardHelper<V extends Value>(editor: PlateEditor<V>) {
-  if (isCollapsed(editor.selection)) {
-    const str = getNodeString(editor);
-    if (str) return;
-    const entry = getAboveNode(editor);
-    if (!entry) return;
-    const node = entry[0];
-    if (isDefined(node[KEY_LIST_STYLE_TYPE])) {
-      outdentList(editor);
+const deleteWhenEmpty = <V extends Value>(
+  editor: PlateEditor<V>,
+  unit: TextUnitAdjustment
+) => {
+  const { selection } = editor;
+
+  if (unit !== 'character' || !isCollapsed(selection)) return;
+
+  const pointBefore = getPointBefore(
+    editor,
+    editor.selection as Slate.Location,
+    {
+      unit,
     }
+  );
+  if (!pointBefore) return;
+  const aboveEntry = getAboveNode(editor, {
+    match: (n) => isElement(n) && n.type === ELEMENT_DEFAULT,
+  });
+
+  const prevEntry = getPreviousNode(editor, {
+    match: (n) => n.type === ELEMENT_DEFAULT || n.type === 'blockquote',
+  });
+
+  if (!prevEntry || !aboveEntry) return;
+
+  const [prevCell] = prevEntry;
+  const [aboveCell] = aboveEntry;
+
+  if (!getNodeString(prevCell) && !isDefined(aboveCell.listStyleType)) {
+    removeNodes(editor);
+    select(editor, pointBefore!);
+    return true;
   }
-}
+
+  if (!getNodeString(aboveCell) && isIndentElement(aboveCell as TElement)) {
+    outdent(editor);
+    unsetNodes(editor, ['listStyleType', 'checked']);
+    return true;
+  }
+};

packages/indent-list/src/queries/index.ts

@@ -8,3 +8,4 @@ export * from './getNextIndentList';
 export * from './getPreviousIndentList';
 export * from './getSiblingIndentList';
 export * from './getSiblingListStyleType';
+export * from './isIndentElement';

packages/indent-list/src/queries/isIndentElement.ts

@@ -0,0 +1,5 @@
+import { isDefined, isElement, TElement, Value } from '@udecode/plate-common';
+
+export const isIndentElement = <V extends Value>(element: TElement) => {
+  return isElement(element) && isDefined(element.listStyleType);
+};

packages/indent-list/src/withIndentList.spec.tsx

@@ -30,7 +30,10 @@ describe('normalizeIndentList', () => {
           <hp indent={1} listStyleType="decimal">
             1
           </hp>
-          <hp indent={1} listStyleType="decimal" listStart={2}>
+          <hp>
+            <cursor />
+          </hp>
+          <hp indent={1} listStyleType="decimal">
             1
           </hp>
         </editor>