Merge pull request #91 from editor-js/support-max-level

Feat(properties): support maxLevel property for list

index.html

@@ -119,6 +119,7 @@
             data: {
               style: 'ordered',
               start: 2,
+              maxLevel: 3,
               items: [
                 {
                   content: "Canon",

src/ListTabulator/index.ts

@@ -89,6 +89,34 @@ export default class ListTabulator<Renderer extends ListRenderer> {
     return currentNode.closest(`.${DefaultListCssClasses.item}`);
   }
 
+  /**
+   * Method that returns nesting level of the current item, null if there is no selection
+   */
+  private get currentItemLevel(): number | null {
+    const currentItem = this.currentItem;
+
+    if (currentItem === null) {
+      return null;
+    }
+
+    let parentNode = currentItem.parentNode;
+
+    let levelCounter = 0;
+
+    while (parentNode !== null && parentNode !== this.listWrapper) {
+      if (isHtmlElement(parentNode) && parentNode.classList.contains(DefaultListCssClasses.item)) {
+        levelCounter += 1;
+      }
+
+      parentNode = parentNode.parentNode;
+    }
+
+    /**
+     * Level counter is number of the parent element, so it should be increased by one
+     */
+    return levelCounter + 1;
+  }
+
   /**
    * Assign all passed params and renderer to relevant class properties
    * @param params - tool constructor options
@@ -869,6 +897,20 @@ export default class ListTabulator<Renderer extends ListRenderer> {
       return;
     }
 
+    /**
+     * Check that maxLevel specified in config
+     */
+    if (this.data.maxLevel !== undefined) {
+      const currentItemLevel = this.currentItemLevel;
+
+      /**
+       * Check that current item is not in the maximum nesting level
+       */
+      if (currentItemLevel !== null && currentItemLevel === this.data.maxLevel) {
+        return;
+      }
+    }
+
     /**
      * Check that the item has potential parent
      * Previous sibling is potential parent in case of adding tab

src/types/ListParams.ts

@@ -21,6 +21,11 @@ export interface ListData {
    * Start property used only in ordered list
    */
   start?: number;
+  /**
+   * Max level of the nesting in list
+   * If nesting is not needed, it could be set to 1
+   */
+  maxLevel?: number;
 }
 
 /**