Initial Commit

Author: lrljoe

src/Traits/HasAllTraits.php

@@ -4,6 +4,7 @@
 
 use Rappasoft\LaravelLivewireTables\Traits\Core\{HasCustomAttributes, HasLocalisations};
 use Rappasoft\LaravelLivewireTables\Views\Traits\Core\HasTheme;
+use Rappasoft\LaravelLivewireTables\Traits\Styling\HasDefaultFilterInputStyling;
 
 trait HasAllTraits
 {
@@ -13,6 +14,7 @@ trait HasAllTraits
     use WithLoadingPlaceholder;
     use HasTheme;
     use ComponentUtilities,
+        HasDefaultFilterInputStyling,
         WithActions,
         WithData,
         WithQueryString,

src/Traits/Styling/HasDefaultFilterInputStyling.php

@@ -0,0 +1,76 @@
+<?php
+
+namespace Rappasoft\LaravelLivewireTables\Traits\Styling;
+
+use Livewire\Attributes\Computed;
+
+trait HasDefaultFilterInputStyling
+{
+    public ?string $defaultFilterInputColors;
+    public ?string $defaultFilterInputStyling;
+
+    protected function setDefaultFilterInputColors(string $defaultFilterInputColors): self
+    {
+        $this->defaultFilterInputColors = $defaultFilterInputColors;
+
+        return $this;
+    }
+
+    protected function setDefaultFilterInputStyling(string $defaultFilterInputStyling): self
+    {
+        $this->defaultFilterInputStyling = $defaultFilterInputStyling;
+
+        return $this;
+    }
+
+    public function hasDefaultFilterInputColors(): bool
+    {
+        return isset($this->defaultFilterInputColors);
+    }
+
+    #[Computed]
+    public function getDefaultFilterInputColors(): string
+    {
+        if (isset($this->defaultFilterInputColors))
+        {
+            return $this->defaultFilterInputColors;
+        }
+        else
+        {
+            if ($this->isTailwind())
+            {
+                return 'border-gray-300 focus:border-indigo-300 focus:ring-indigo-200 dark:bg-gray-800 dark:text-white dark:border-gray-600';
+            }
+            else
+            {
+                return '';
+            }
+        }   
+     }
+
+    public function hasDefaultFilterInputStyling(): bool
+    {
+        return isset($this->defaultFilterInputStyling);
+    }
+ 
+    #[Computed]
+    public function getDefaultFilterInputStyling(): string
+    {
+        if (isset($this->defaultFilterInputStyling))
+        {
+            return $this->defaultFilterInputStyling;
+        }
+        else
+        {
+            if ($this->isTailwind())
+            {
+                return 'block w-full rounded-md shadow-sm transition duration-150 ease-in-out focus:ring focus:ring-opacity-50';
+            }
+            else
+            {
+                return 'form-control';
+            }
+        }
+    }
+
+}

tests/Unit/Traits/Styling/FilterInputDefaultStylingTest.php

@@ -0,0 +1,41 @@
+<?php
+
+namespace Rappasoft\LaravelLivewireTables\Tests\Unit\Traits\Styling;
+
+use PHPUnit\Framework\Attributes\Group;
+use Rappasoft\LaravelLivewireTables\Tests\TestCase;
+
+#[Group('Filters')]
+#[Group('Styling')]
+final class FilterInputDefaultStylingTest extends TestCase
+{
+
+    public function test_has_filter_default_input_styling(): void
+    {
+        $this->assertFalse($this->basicTable->hasDefaultFilterInputStyling());
+    }
+
+    public function test_has_filter_default_input_colors(): void
+    {
+        $this->assertFalse($this->basicTable->hasDefaultFilterInputColors());
+    }
+
+    public function test_can_set_filter_default_input_styling(): void
+    {
+        $this->assertFalse($this->basicTable->hasDefaultFilterInputStyling());
+
+        $this->basicTable->setDefaultFilterInputStyling('p-4');
+
+        $this->assertTrue($this->basicTable->hasDefaultFilterInputStyling());
+    }
+
+    public function test_can_set_filter_default_input_colors(): void
+    {
+        $this->assertFalse($this->basicTable->hasDefaultFilterInputColors());
+
+        $this->basicTable->setDefaultFilterInputColors('bg-blue-500');
+
+        $this->assertTrue($this->basicTable->hasDefaultFilterInputColors());
+    }
+
+}