Added grouped option

Author: CodeWithDennis

README.md

@@ -54,6 +54,9 @@ SelectTree::make('category_id')
 
     // When 'independent' is set to false, the tree will open with the selected values by default.
     ->expandSelected(false)
+    
+    // Display individual leaf nodes instead of the main group when all leaf nodes are selected.
+    ->grouped(false)
 
     // By default, the clearable icon is enabled, but you can hide it with:
     ->clearable(false)

resources/dist/tree.js

@@ -15,7 +15,8 @@ export default function tree({
                                  isIndependentNodes = true,
                                  alwaysOpen = false,
                                  emptyText,
-                                 expandSelected = true
+                                 expandSelected = true,
+                                 grouped = true,
                              }) {
     return {
         state,
@@ -42,7 +43,8 @@ export default function tree({
                 isIndependentNodes,
                 alwaysOpen,
                 emptyText,
-                expandSelected
+                expandSelected,
+                grouped
             });
 
             this.tree.srcElement.addEventListener('input', (e) => {

resources/js/index.js

@@ -26,7 +26,8 @@
                 alwaysOpen: '{{ $getAlwaysOpen() }}',
                 clearable: '{{ $getClearable() }}',
                 emptyText: '{{ $getEmptyLabel() }}',
-                expandSelected: '{{ $getExpandSelected() }}'
+                expandSelected: '{{ $getExpandSelected() }}',
+                grouped: '{{ $getGrouped() }}',
             })"
         >
             <div x-ref="tree"></div>

resources/views/select-tree.blade.php

@@ -33,6 +33,8 @@ class SelectTree extends Field
 
     protected bool $disabledBranchNode = false;
 
+    protected bool $grouped = true;
+
     protected ?string $treeModel = null;
 
     protected array $options = [];
@@ -57,6 +59,13 @@ public function clearable(bool $clearable = true): static
         return $this;
     }
 
+    public function grouped(bool $grouped = true): static
+    {
+        $this->grouped = $grouped;
+
+        return $this;
+    }
+
     public function expandSelected(bool $expandSelected = true): static
     {
         $this->expandSelected = $expandSelected;
@@ -116,6 +125,11 @@ public function getExpandSelected(): bool
         return $this->evaluate($this->expandSelected);
     }
 
+    public function getGrouped(): bool
+    {
+        return $this->evaluate($this->grouped);
+    }
+
     public function getIndependent(): bool
     {
         return $this->evaluate($this->independent);