Merge pull request #14 from CodeWithDennis/feature/expand-selected-option

[Feature] Expand selected options by default

Author: CodeWithDennis

README.md

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

resources/dist/tree.js

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

resources/js/index.js

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

resources/views/select-tree.blade.php

@@ -29,6 +29,8 @@ class SelectTree extends Field
 
     protected bool $clearable = true;
 
+    protected bool $expandSelected = true;
+
     protected bool $disabledBranchNode = false;
 
     protected ?string $treeModel = null;
@@ -55,6 +57,13 @@ public function clearable(bool $clearable = true): static
         return $this;
     }
 
+    public function expandSelected(bool $expandSelected = true): static
+    {
+        $this->expandSelected = $expandSelected;
+
+        return $this;
+    }
+
     public function emptyLabel(string $emptyLabel): static
     {
         $this->emptyLabel = $emptyLabel;
@@ -102,6 +111,11 @@ public function getTree(): Collection|array
         return $this->evaluate($this->buildTree());
     }
 
+    public function getExpandSelected(): bool
+    {
+        return $this->evaluate($this->expandSelected);
+    }
+
     public function getIndependent(): bool
     {
         return $this->evaluate($this->independent);