Use v4 schema component

Author: MarcelWeidum

resources/views/components/simple-alert-entry.blade.php

@@ -17,65 +17,65 @@
     use function Filament\Support\get_color_css_variables;
 
     $colors = \Illuminate\Support\Arr::toCssStyles([
-           get_color_css_variables($color, shades: [50, 100, 400, 500, 700, 800]),
-   ]);
+           get_color_css_variables($getColor(), shades: [50, 100, 400, 500, 700, 800]),
+    ]);
 
     $iconClasses = \Illuminate\Support\Arr::toCssClasses([
         'h-5 w-5 text-custom-400',
-        $iconAnimation,
+        $getIconAnimation(),
     ]);
 @endphp
 
 <div x-data="{}"
      {{ $attributes->class([
          'filament-simple-alert rounded-md bg-custom-50 p-4 dark:bg-custom-400/10',
-         'ring-1 ring-custom-100 dark:ring-custom-500/70' => $border,
+         'ring-1 ring-custom-100 dark:ring-custom-500/70' => $getBorder(),
      ]) }}
      style="{{ $colors }}">
     <div class="flex gap-3">
-        @if($icon)
+        @if($getIcon())
             <div @class([
                 'flex-shrink-0',
-                $iconVerticalAlignment === 'start' ? 'self-start' : 'self-center',
+                $getIconVerticalAlignment() === 'start' ? 'self-start' : 'self-center',
             ])>
                 <x-filament::icon
-                        :icon="$icon"
-                        :class="$iconClasses"
+                    :icon="$getIcon()"
+                    :class="$iconClasses"
                 />
             </div>
         @endif
         <div class="items-center flex-1 md:flex md:justify-between space-y-3 md:space-y-0 md:gap-3">
-            @if($title || $description)
+            @if($getTitle() || $getDescription())
                 <div class="space-y-0.5">
-                    @if($title)
+                    @if($getTitle())
                         <p class="text-sm font-medium text-custom-800 dark:text-white">
-                            {{ $title }}
+                            {{ $getTitle() }}
                         </p>
                     @endif
-                    @if($description)
+                    @if($getDescription())
                         <p class="text-sm text-custom-700 dark:text-white">
-                            {{ $description }}
+                            {{ $getDescription() }}
                         </p>
                     @endif
                 </div>
             @endif
-            @if($link || $actions)
+            @if($getLink() || $getActions())
                 <div @class([
                   'flex items-center gap-3',
-                    $actionsVerticalAlignment === 'start' ? 'self-start' : 'self-center',
+                    $getActionsVerticalAlignment() === 'start' ? 'self-start' : 'self-center',
                 ])>
                     <div class="flex items-center whitespace-nowrap gap-3">
-                        @if($link)
+                        @if($getLink())
                             <p class="text-sm md:mt-0 self-center">
-                                <a href="{{ $link }}" {{ $linkBlank ? 'target="_blank"' : '' }} class="whitespace-nowrap font-medium text-custom-400 hover:text-custom-500">
-                                    {{ $linkLabel }}
-                                    <span aria-hidden="true"> &rarr;</span>
+                                <a href="{{ $getLink() }}" {{ $getLinkBlank() ? 'target="_blank"' : '' }} class="whitespace-nowrap font-medium text-custom-400 hover:text-custom-500">
+                                    {{ $getLinkLabel() }}
+                                    <span aria-hidden="true"> →</span>
                                 </a>
                             </p>
                         @endif
-                        @if($actions)
+                        @if($getActions())
                             <div class="gap-3 flex items-center justify-start">
-                                @foreach ($actions as $action)
+                                @foreach ($getActions() as $action)
                                     @if ($action->isVisible())
                                         {{ $action }}
                                     @endif

resources/views/components/simple-alert-field.blade.php

@@ -1,6 +1,6 @@
 <?php
 
-namespace CodeWithDennis\SimpleAlert\Components\Infolists;
+namespace CodeWithDennis\SimpleAlert\Components;
 
 use Closure;
 use CodeWithDennis\SimpleAlert\Components\Concerns\HasActionVerticalAlignment;
@@ -12,9 +12,9 @@
 use CodeWithDennis\SimpleAlert\Components\Concerns\HasLink;
 use CodeWithDennis\SimpleAlert\Components\Concerns\HasSimple;
 use CodeWithDennis\SimpleAlert\Components\Concerns\HasTitle;
-use Filament\Infolists\Components\Entry;
+use Filament\Schemas\Components\Component;
 
-class SimpleAlert extends Entry
+class SimpleAlert extends Component
 {
     use HasActionVerticalAlignment;
     use HasBorder;
@@ -26,19 +26,17 @@ class SimpleAlert extends Entry
     use HasSimple;
     use HasTitle;
 
-    protected string $view = 'filament-simple-alert::components.simple-alert-entry';
+    protected string $view = 'filament-simple-alert::components.simple-alert';
 
-    public function actions(array|Closure $actions): static
+    public static function make(): static
     {
-        $this->actions = $actions;
-
-        return $this;
+        return app(static::class);
     }
 
-    protected function setUp(): void
+    public function actions(array|Closure $actions): static
     {
-        parent::setUp();
+        $this->actions = $actions;
 
-        $this->hiddenLabel();
+        return $this;
     }
 }