install

resources/views/vendor/filament-widgets/chart-widget.blade.php

@@ -0,0 +1,110 @@
+@php
+    use Filament\Widgets\View\Components\ChartWidgetComponent;
+    use Illuminate\View\ComponentAttributeBag;
+
+    $color = $this->getColor();
+    $heading = $this->getHeading();
+    $description = $this->getDescription();
+    $filters = $this->getFilters();
+    $isCollapsible = $this->isCollapsible();
+    $type = $this->getType();
+@endphp
+
+<x-filament-widgets::widget class="fi-wi-chart">
+    <x-filament::section
+        :description="$description"
+        :heading="$heading"
+        :collapsible="$isCollapsible"
+    >
+        @if ($filters || method_exists($this, 'getFiltersSchema'))
+            <x-slot name="afterHeader">
+                @if ($filters)
+                    <x-filament::input.wrapper
+                        inline-prefix
+                        wire:target="filter"
+                        class="fi-wi-chart-filter"
+                    >
+                        <x-filament::input.select
+                            inline-prefix
+                            wire:model.live="filter"
+                        >
+                            @foreach ($filters as $value => $label)
+                                <option value="{{ $value }}">
+                                    {{ $label }}
+                                </option>
+                            @endforeach
+                        </x-filament::input.select>
+                    </x-filament::input.wrapper>
+                @endif
+
+                @if (method_exists($this, 'getFiltersSchema'))
+                    <x-filament::dropdown
+                        placement="bottom-end"
+                        shift
+                        width="xs"
+                        class="fi-wi-chart-filter"
+                    >
+                        <x-slot name="trigger">
+                            {{ $this->getFiltersTriggerAction() }}
+                        </x-slot>
+
+                        <div class="fi-wi-chart-filter-content">
+                            {{ $this->getFiltersSchema() }}
+                        </div>
+                    </x-filament::dropdown>
+                @endif
+            </x-slot>
+        @endif
+
+        <div
+            @if ($pollingInterval = $this->getPollingInterval())
+                wire:poll.{{ $pollingInterval }}="updateChartData"
+            @endif
+        >
+            <div
+                x-load
+                x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('chart', 'filament/widgets') }}"
+                wire:ignore
+                data-chart-type="{{ $type }}"
+                x-data="chart({
+                            cachedData: @js($this->getCachedData()),
+                            options: @js($this->getOptions()),
+                            type: @js($type),
+                        })"
+                {{
+                    (new ComponentAttributeBag)
+                        ->color(ChartWidgetComponent::class, $color)
+                        ->class([
+                            'fi-wi-chart-canvas-ctn',
+                            'fi-wi-chart-canvas-ctn-no-aspect-ratio' => filled($maxHeight = $this->getMaxHeight()),
+                        ])
+                        ->style([
+                            'max-height: ' . $maxHeight => filled($maxHeight),
+                        ])
+                }}
+            >
+                <canvas x-ref="canvas"></canvas>
+
+                <span
+                    x-ref="backgroundColorElement"
+                    class="fi-wi-chart-bg-color"
+                ></span>
+
+                <span
+                    x-ref="borderColorElement"
+                    class="fi-wi-chart-border-color"
+                ></span>
+
+                <span
+                    x-ref="gridColorElement"
+                    class="fi-wi-chart-grid-color"
+                ></span>
+
+                <span
+                    x-ref="textColorElement"
+                    class="fi-wi-chart-text-color"
+                ></span>
+            </div>
+        </div>
+    </x-filament::section>
+</x-filament-widgets::widget>

resources/views/vendor/filament-widgets/components/widget.blade.php

@@ -0,0 +1,5 @@
+<div
+    {{ $attributes->gridColumn($this->getColumnSpan(), $this->getColumnStart())->class(['fi-wi-widget']) }}
+>
+    {{ $slot }}
+</div>

resources/views/vendor/filament-widgets/components/widgets.blade.php

@@ -0,0 +1,39 @@
+{{-- @deprecated Use a schema to render widgets. --}}
+
+@props([
+    'columns' => [
+        'lg' => 2,
+    ],
+    'data' => [],
+    'widgets' => [],
+])
+
+@php
+    if (is_array($columns)) {
+        $columns['lg'] ??= ($columns ? (is_array($columns) ? null : $columns) : 2);
+    }
+@endphp
+
+<div {{ $attributes->grid($columns)->class(['fi-wi']) }}>
+    @php
+        $normalizeWidgetClass = function (string | Filament\Widgets\WidgetConfiguration $widget): string {
+            if ($widget instanceof \Filament\Widgets\WidgetConfiguration) {
+                return $widget->widget;
+            }
+
+            return $widget;
+        };
+    @endphp
+
+    @foreach ($widgets as $widgetKey => $widget)
+        @php
+            $widgetClass = $normalizeWidgetClass($widget);
+        @endphp
+
+        @livewire(
+            $widgetClass,
+            [...(($widget instanceof \Filament\Widgets\WidgetConfiguration) ? [...$widget->widget::getDefaultProperties(), ...$widget->getProperties()] : $widget::getDefaultProperties()), ...$data],
+            key("{$widgetClass}-{$widgetKey}"),
+        )
+    @endforeach
+</div>

resources/views/vendor/filament-widgets/stats-overview-widget.blade.php

@@ -0,0 +1,23 @@
+@php
+    $columns = $this->getColumns();
+    $pollingInterval = $this->getPollingInterval();
+
+    $heading = $this->getHeading();
+    $description = $this->getDescription();
+    $hasHeading = filled($heading);
+    $hasDescription = filled($description);
+@endphp
+
+<x-filament-widgets::widget
+    :attributes="
+        (new \Illuminate\View\ComponentAttributeBag)
+            ->merge([
+                'wire:poll.' . $pollingInterval => $pollingInterval ? true : null,
+            ], escape: false)
+            ->class([
+                'fi-wi-stats-overview',
+            ])
+    "
+>
+    {{ $this->content }}
+</x-filament-widgets::widget>

resources/views/vendor/filament-widgets/stats-overview-widget/stat.blade.php

@@ -0,0 +1,86 @@
+@php
+    use Filament\Support\Enums\IconPosition;
+    use Filament\Widgets\View\Components\StatsOverviewWidgetComponent\StatComponent\DescriptionComponent;
+    use Filament\Widgets\View\Components\StatsOverviewWidgetComponent\StatComponent\StatsOverviewWidgetStatChartComponent;
+    use Illuminate\View\ComponentAttributeBag;
+
+    $chartColor = $getChartColor() ?? 'gray';
+    $descriptionColor = $getDescriptionColor() ?? 'gray';
+    $descriptionIcon = $getDescriptionIcon();
+    $descriptionIconPosition = $getDescriptionIconPosition();
+    $url = $getUrl();
+    $tag = $url ? 'a' : 'div';
+    $chartDataChecksum = $generateChartDataChecksum();
+@endphp
+
+<{!! $tag !!}
+    @if ($url)
+        {{ \Filament\Support\generate_href_html($url, $shouldOpenUrlInNewTab()) }}
+    @endif
+    {{
+        $getExtraAttributeBag()
+            ->class([
+                'fi-wi-stats-overview-stat',
+            ])
+    }}
+>
+    <div class="fi-wi-stats-overview-stat-content">
+        <div class="fi-wi-stats-overview-stat-label-ctn">
+            {{ \Filament\Support\generate_icon_html($getIcon()) }}
+
+            <span class="fi-wi-stats-overview-stat-label">
+                {{ $getLabel() }}
+            </span>
+        </div>
+
+        <div class="fi-wi-stats-overview-stat-value">
+            {{ $getValue() }}
+        </div>
+
+        @if ($description = $getDescription())
+            <div
+                {{ (new ComponentAttributeBag)->color(DescriptionComponent::class, $descriptionColor)->class(['fi-wi-stats-overview-stat-description']) }}
+            >
+                @if ($descriptionIcon && in_array($descriptionIconPosition, [IconPosition::Before, 'before']))
+                    {{ \Filament\Support\generate_icon_html($descriptionIcon, attributes: (new \Illuminate\View\ComponentAttributeBag)) }}
+                @endif
+
+                <span>
+                    {{ $description }}
+                </span>
+
+                @if ($descriptionIcon && in_array($descriptionIconPosition, [IconPosition::After, 'after']))
+                    {{ \Filament\Support\generate_icon_html($descriptionIcon, attributes: (new \Illuminate\View\ComponentAttributeBag)) }}
+                @endif
+            </div>
+        @endif
+    </div>
+
+    @if ($chart = $getChart())
+        {{-- An empty function to initialize the Alpine component with until it's loaded with `x-load`. This removes the need for `x-ignore`, allowing the chart to be updated via Livewire polling. --}}
+        <div x-data="{ statsOverviewStatChart() {} }">
+            <div
+                x-load
+                x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('stats-overview/stat/chart', 'filament/widgets') }}"
+                x-data="statsOverviewStatChart({
+                            dataChecksum: @js($chartDataChecksum),
+                            labels: @js(array_keys($chart)),
+                            values: @js(array_values($chart)),
+                        })"
+                {{ (new ComponentAttributeBag)->color(StatsOverviewWidgetStatChartComponent::class, $chartColor)->class(['fi-wi-stats-overview-stat-chart']) }}
+            >
+                <canvas x-ref="canvas"></canvas>
+
+                <span
+                    x-ref="backgroundColorElement"
+                    class="fi-wi-stats-overview-stat-chart-bg-color"
+                ></span>
+
+                <span
+                    x-ref="borderColorElement"
+                    class="fi-wi-stats-overview-stat-chart-border-color"
+                ></span>
+            </div>
+        </div>
+    @endif
+</{!! $tag !!}>

resources/views/vendor/filament-widgets/table-widget.blade.php

@@ -0,0 +1,7 @@
+<x-filament-widgets::widget class="fi-wi-table">
+    {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\Widgets\View\WidgetsRenderHook::TABLE_WIDGET_START, scopes: static::class) }}
+
+    {{ $this->table }}
+
+    {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\Widgets\View\WidgetsRenderHook::TABLE_WIDGET_END, scopes: static::class) }}
+</x-filament-widgets::widget>