Chart widget

filamentphp · Jan 30, 2025 · 6e54f06 · 6e54f06
1 parent c64d0af
commit 6e54f06
Show file tree

Hide file tree

Showing 9 changed files with 44 additions and 19 deletions.
diff --git a/packages/widgets/resources/views/chart-widget.blade.php b/packages/widgets/resources/views/chart-widget.blade.php
@@ -1,5 +1,6 @@
 @php
     use Filament\Support\Facades\FilamentView;
+    use Filament\Widgets\View\Components\Chart;
 
     $color = $this->getColor();
     $heading = $this->getHeading();
@@ -68,11 +69,7 @@ class="fi-wi-chart-filter"
                             type: @js($this->getType()),
                         })"
                 @class([
-                    match ($color) {
-                        'gray' => null,
-                        default => 'fi-color',
-                    },
-                    is_string($color) ? "fi-color-{$color}" : null,
+                    ...\Filament\Support\get_component_color_classes(Chart::class, $color),
                 ])
             >
                 <canvas
@@ -85,25 +82,11 @@ class="fi-wi-chart-filter"
                 <span
                     x-ref="backgroundColorElement"
                     class="fi-wi-chart-bg-color"
-                    @style([
-                        \Filament\Support\get_color_css_variables(
-                            $color,
-                            shades: [50, 400],
-                            alias: 'widgets::chart-widget.background',
-                        ) => $color !== 'gray',
-                    ])
                 ></span>
 
                 <span
                     x-ref="borderColorElement"
                     class="fi-wi-chart-border-color"
-                    @style([
-                        \Filament\Support\get_color_css_variables(
-                            $color,
-                            shades: [400, 500],
-                            alias: 'widgets::chart-widget.border',
-                        ) => $color !== 'gray',
-                    ])
                 ></span>
 
                 <span

diff --git a/packages/widgets/src/View/Components/Chart.php b/packages/widgets/src/View/Components/Chart.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace Filament\Widgets\View\Components;
+
+use Filament\Support\View\Components\Contracts\HasColor;
+use Filament\Support\View\Components\Contracts\HasDefaultGrayColor;
+
+class Chart implements HasColor, HasDefaultGrayColor
+{
+    /**
+     * @param  array<int, string>  $color
+     * @return array<string>
+     */
+    public function getColorClasses(array $color): array
+    {
+        return [];
+    }
+}
diff --git a/...et__chart_widget______danger______Filament_Widgets_View_Components_Chart____danger__.snap b/...et__chart_widget______danger______Filament_Widgets_View_Components_Chart____danger__.snap
@@ -0,0 +1,4 @@
+[
+    "fi-color",
+    "fi-color-danger"
+]
diff --git a/...ataset__chart_widget______gray______Filament_Widgets_View_Components_Chart____gray__.snap b/...ataset__chart_widget______gray______Filament_Widgets_View_Components_Chart____gray__.snap
@@ -0,0 +1 @@
+[]
diff --git a/...ataset__chart_widget______info______Filament_Widgets_View_Components_Chart____info__.snap b/...ataset__chart_widget______info______Filament_Widgets_View_Components_Chart____info__.snap
@@ -0,0 +1,4 @@
+[
+    "fi-color",
+    "fi-color-info"
+]
diff --git a/...__chart_widget______primary______Filament_Widgets_View_Components_Chart____primary__.snap b/...__chart_widget______primary______Filament_Widgets_View_Components_Chart____primary__.snap
@@ -0,0 +1,4 @@
+[
+    "fi-color",
+    "fi-color-primary"
+]
diff --git a/...__chart_widget______success______Filament_Widgets_View_Components_Chart____success__.snap b/...__chart_widget______success______Filament_Widgets_View_Components_Chart____success__.snap
@@ -0,0 +1,4 @@
+[
+    "fi-color",
+    "fi-color-success"
+]
diff --git a/...__chart_widget______warning______Filament_Widgets_View_Components_Chart____warning__.snap b/...__chart_widget______warning______Filament_Widgets_View_Components_Chart____warning__.snap
@@ -0,0 +1,4 @@
+[
+    "fi-color",
+    "fi-color-warning"
+]
diff --git a/tests/src/Support/ColorTest.php b/tests/src/Support/ColorTest.php
@@ -16,6 +16,7 @@
 use Filament\Support\View\Components\Section\Icon as SectionIcon;
 use Filament\Support\View\Components\Toggle;
 use Filament\Tests\TestCase;
+use Filament\Widgets\View\Components\Chart;
 use Illuminate\Support\Str;
 
 uses(TestCase::class);
@@ -58,9 +59,11 @@
         ->toMatchSnapshot();
 })
     ->with([
+        // Support
         'badge' => Badge::class,
         'button' => new Button(isOutlined: false),
         'outlined button' => new Button(isOutlined: true),
+        'chart widget' => Chart::class,
         'dropdown header' => DropdownHeader::class,
         'dropdown item icon' => DropdownItemIcon::class,
         'dropdown item' => DropdownItem::class,