Merge pull request #10 from vanhooff/3.x

Added maxDepth config option
saade · Sep 13, 2023 · 9297ca4 · 9297ca4
2 parents 4101397 + 72cb73a
commit 9297ca4
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -37,6 +37,12 @@ AdjacencyList::make('subjects')
     ->childrenKey('subitems')   // defaults to 'children'
 ```
 
+### Customizing the `MaxDepth` of the tree.
+```php
+AdjacencyList::make('subjects')
+    ->maxDepth(2)               // defaults to -1 (unlimited depth)
+```
+
 ### Creating items without a modal.
 ```php
 AdjacencyList::make('subjects')

diff --git a/resources/dist/filament-adjacency-list.js b/resources/dist/filament-adjacency-list.js
diff --git a/resources/js/index.js b/resources/js/index.js
@@ -2,10 +2,12 @@ import Sortable from "sortablejs"
 
 export default ({
     statePath,
-    disabled
+    disabled,
+    maxDepth
 }) => ({
     statePath,
     sortable: null,
+    maxDepth,
 
     init() {
         this.sortable = new Sortable(this.$el, {
@@ -16,9 +18,22 @@ export default ({
             swapThreshold: 0.50,
             draggable: "[data-sortable-item]",
             handle: "[data-sortable-handle]",
-            onSort: () => {
+            onMove: (evt) => {
+                if (this.maxDepth >= 0 && this.getDepth(evt.related) > this.maxDepth) {
+                    return false;  // Prevent sorting
+                }
+            },
+            onSort: (evt) => {
                 this.$wire.dispatchFormEvent('builder::sort', this.statePath, this.sortable.toArray())
             }
         })
-    }
- })
+    },
+
+    getDepth(el, depth = 0) {
+        let parentEl = el.parentElement.closest('[data-sortable-item]');
+        if (parentEl) {
+            return this.getDepth(parentEl, ++depth);
+        }
+        return depth;
+    },
+})
diff --git a/resources/views/builder.blade.php b/resources/views/builder.blade.php
@@ -15,6 +15,7 @@ class="filament-navigation"
         $isDisabled = $isDisabled();
         $isEditable = $isEditable();
         $isReorderable = $isReorderable();
+        $maxDepth = $getMaxDepth();
 
         $addAction = $getAction('add');
 
@@ -35,7 +36,8 @@ class="space-y-2"
             ax-load-css="{{ \Filament\Support\Facades\FilamentAsset::getStyleHref('filament-adjacency-list-styles', 'saade/filament-adjacency-list') }}"
             x-data="tree({
                 statePath: @js($getStatePath()),
-                disabled: @js($isDisabled)
+                disabled: @js($isDisabled),
+                maxDepth: @js($maxDepth)
             })"
         >
             @forelse($getState() as $uuid => $item)
@@ -51,6 +53,7 @@ class="space-y-2"
                     :label-key="$getLabelKey()"
                     :reorderable="$isReorderable"
                     :state-path="$getStatePath()"
+                    :max-depth="$maxDepth"
                 />
             @empty
                 <div @class([

diff --git a/resources/views/components/item.blade.php b/resources/views/components/item.blade.php
@@ -70,7 +70,8 @@ class="space-y-2"
             wire:key="{{ $itemStatePath }}-children"
             x-data="tree({
                 statePath: @js($itemStatePath . ".$childrenKey"),
-                disabled: @js($disabled)
+                disabled: @js($disabled),
+                maxDepth: @js($maxDepth)
             })"
         >
             @foreach ($item[$childrenKey] as $uuid => $child)
@@ -86,6 +87,7 @@ class="space-y-2"
                     :label-key="$labelKey"
                     :reorderable="$reorderable"
                     :state-path="$statePath"
+                    :max-depth="$maxDepth"
                 />
             @endforeach
         </div>

diff --git a/src/Forms/Components/AdjacencyList.php b/src/Forms/Components/AdjacencyList.php
@@ -18,6 +18,8 @@ class AdjacencyList extends Forms\Components\Field
 
     protected string | Closure $childrenKey = 'children';
 
+    protected int $maxDepth = -1;
+
     protected function setUp(): void
     {
         parent::setUp();
@@ -90,6 +92,18 @@ public function getChildrenKey(): string
         return $this->evaluate($this->childrenKey);
     }
 
+    public function maxDepth(int | Closure $maxDepth): static
+    {
+        $this->maxDepth = $maxDepth;
+
+        return $this;
+    }
+
+    public function getMaxDepth(): int
+    {
+        return $this->evaluate($this->maxDepth);
+    }
+
     public function getRelativeStatePath(string $path): string
     {
         return str($path)->after($this->getStatePath())->trim('.')->toString();