Introduce disabled options

Author: CodeWithDennis

resources/css/custom.css

@@ -183,7 +183,7 @@ html.dark .treeselect-list__item-checkbox-container {
 }
 
 .treeselect-input__tags-element:hover .treeselect-input__tags-cross svg {
-    stroke: rgba(var(--gray-950),var(--tw-text-opacity));
+    stroke: rgba(var(--gray-950), var(--tw-text-opacity));
 }
 
 html.dark .treeselect-input__tags-element:hover .treeselect-input__tags-cross svg {
@@ -238,3 +238,11 @@ html.dark .treeselect--disabled {
 .treeselect--disabled .treeselect-input__clear {
     display: none;
 }
+
+.treeselect-list__item--disabled {
+    cursor: not-allowed !important;
+}
+
+html.dark .treeselect-list__item--disabled .treeselect-list__item-checkbox-container {
+    background-color: hsl(0deg 0% 30.77% / 5%);
+}

resources/dist/custom.css

@@ -49,6 +49,8 @@ class SelectTree extends Field
 
     protected string $direction = 'auto';
 
+    protected array $disabledOptions = [];
+
     protected function setUp(): void
     {
         // Load the state from relationships using a callback function.
@@ -118,7 +120,7 @@ private function buildTreeFromResults($results, $parent = null): Collection
         // Group results by their parent IDs
         foreach ($results as $result) {
             $parentId = $result->{$this->getParentAttribute()};
-            if (! isset($resultMap[$parentId])) {
+            if (!isset($resultMap[$parentId])) {
                 $resultMap[$parentId] = [];
             }
             $resultMap[$parentId][] = $result;
@@ -141,6 +143,7 @@ private function buildNode($result, $resultMap): array
         $node = [
             'name' => $result->{$this->getTitleAttribute()},
             'value' => $result->id,
+            'disabled' => in_array($result->id, $this->getDisabledOptions())
         ];
 
         // Check if the result has children
@@ -251,6 +254,13 @@ public function independent(bool $independent = true): static
         return $this;
     }
 
+    public function disabledOptions(array $disabledOptions = []): static
+    {
+        $this->disabledOptions = $disabledOptions;
+
+        return $this;
+    }
+
     public function alwaysOpen(bool $alwaysOpen = true): static
     {
         $this->alwaysOpen = $alwaysOpen;
@@ -324,4 +334,9 @@ public function getDirection(): string
     {
         return $this->evaluate($this->direction);
     }
+
+    public function getDisabledOptions(): array
+    {
+        return $this->evaluate($this->disabledOptions);
+    }
 }