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

…tion [Feature] Expand selected options by default
CodeWithDennis · Sep 17, 2023 · 7819993 · 7819993
2 parents 3ef4561 + a13e894
commit 7819993
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 4 deletions.
diff --git a/README.md b/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)

diff --git a/resources/dist/tree.js b/resources/dist/tree.js
diff --git a/resources/js/index.js b/resources/js/index.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) => {

diff --git a/resources/views/select-tree.blade.php b/resources/views/select-tree.blade.php
@@ -25,7 +25,8 @@
                 showTags: '{{ $getMultiple() }}',
                 alwaysOpen: '{{ $getAlwaysOpen() }}',
                 clearable: '{{ $getClearable() }}',
-                emptyText: '{{ $getEmptyLabel() }}'
+                emptyText: '{{ $getEmptyLabel() }}',
+                expandSelected: '{{ $getExpandSelected() }}'
             })"
         >
             <div x-ref="tree"></div>

diff --git a/src/SelectTree.php b/src/SelectTree.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);