merge columns into fields

resources/views/resources/table/column.blade.php

@@ -0,0 +1,30 @@
+<th scope="col">
+    @if($sortable)
+        <div class="data-table-sort">
+            {{ $label }}
+            @if(Request::input('sort.by') !== $attribute || Request::input('sort.order', 'asc') === 'asc')
+                <a
+                    href="{{ Request::fullUrlWithQuery(['sort' => ['order' => 'desc', 'by' => $attribute]]) }}"
+                    class="data-table-sort__control"
+                    aria-label="{{ __('Sort descending') }}"
+                >
+                    @if(Request::input('sort.by') !== $attribute)
+                        <x-root::icon name="chevron-up-down" class="data-table-sort__icon" />
+                    @else
+                        <x-root::icon name="chevron-up" class="data-table-sort__icon" />
+                    @endif
+                </a>
+            @else
+                <a
+                    href="{{ Request::fullUrlWithQuery(['sort' => ['order' => 'asc', 'by' => $attribute]]) }}"
+                    class="data-table-sort__control"
+                    aria-label="{{ __('Sort ascending') }}"
+                >
+                    <x-root::icon name="chevron-down" class="data-table-sort__icon" />
+                </a>
+            @endif
+        </div>
+    @else
+        {{ $label }}
+    @endif
+</th>

resources/views/resources/table/table.blade.php

@@ -11,17 +11,58 @@
                     <table class="table table--hover">
                         <thead>
                             <tr>
-                                @foreach($columns as $column)
-                                    @include($column['template'], $column)
+                                @if(! empty($actions))
+                                    <th style="inline-size: 3.25rem;" scope="col">
+                                        <span class="sr-only">{{ __('Select') }}</span>
+                                        <label class="form-check" aria-label="{{ __('Select all items') }}">
+                                            <input class="form-check__control" type="checkbox">
+                                        </label>
+                                    </th>
+                                @endif
+                                @foreach($data[0]['fields'] as $column)
+                                    @include('root::resources.table.column', $column)
                                 @endforeach
+                                <th scope="col">
+                                    <span class="sr-only">{{ __('Actions') }}</span>
+                                </th>
                             </tr>
                         </thead>
                         <tbody>
                             @foreach($data as $row)
                                 <tr>
-                                    @foreach($row['cells'] as $cell)
-                                        @include($cell['template'], $cell)
+                                    @if(! empty($actions))
+                                        <td>
+                                            <label class="form-check" aria-label="">
+                                                <input
+                                                    class="form-check__control"
+                                                    type="checkbox"
+                                                    value="{{ $row['id'] }}"
+                                                    x-model="selection"
+                                                >
+                                            </label>
+                                        </td>
+                                    @endif
+                                    @foreach($row['fields'] as $cell)
+                                        @include('root::resources.table.cell', $cell)
                                     @endforeach
+                                    <td>
+                                        <div class="data-table__actions">
+                                            @can('update', $row['model'])
+                                                <a href="{{ $row['url'] }}" class="btn btn--light btn--sm btn--icon" aria-label="{{ __('Edit') }}">
+                                                    <x-root::icon name="edit" class="btn__icon" />
+                                                </a>
+                                            @endcan
+                                            @can('delete', $row['model'])
+                                                <form action="{{ $row['url'] }}" method="POST" onsubmit="return window.confirm('{{ __('Are you sure?') }}');">
+                                                    @csrf
+                                                    @method('DELETE')
+                                                    <button type="submit" class="btn btn--delete btn--sm btn--icon" aria-label="{{ __('Delete') }}">
+                                                        <x-root::icon name="trash" class="btn__icon" />
+                                                    </button>
+                                                </form>
+                                            @endcan
+                                        </div>
+                                    </td>
                                 </tr>
                             @endforeach
                         </tbody>

src/Actions/Action.php

@@ -10,6 +10,7 @@
 use Cone\Root\Traits\Authorizable;
 use Cone\Root\Traits\Makeable;
 use Cone\Root\Traits\RegistersRoutes;
+use Cone\Root\Traits\ResolvesVisibility;
 use Illuminate\Contracts\Support\Arrayable;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\Collection;
@@ -28,6 +29,7 @@ abstract class Action implements Arrayable, Form, JsonSerializable
     use Authorizable;
     use HasAttributes;
     use Makeable;
+    use ResolvesVisibility;
     use RegistersRoutes {
         RegistersRoutes::registerRoutes as __registerRoutes;
     }
@@ -219,12 +221,12 @@ public function toArray(): array
     /**
      * {@inheritdoc}
      */
-    public function toTableComponent(Request $request): array
+    public function toForm(Request $request): array
     {
         return array_merge($this->toArray(), [
             'open' => $this->errors($request)->isNotEmpty(),
             'fields' => $this->resolveFields($request)
-                ->mapToFormComponents($request, $this->query->getModel()),
+                ->mapToInputs($request, $this->query->getModel()),
         ]);
     }
 }

src/Actions/Actions.php

@@ -3,6 +3,7 @@
 namespace Cone\Root\Actions;
 
 use Cone\Root\Traits\RegistersRoutes;
+use Illuminate\Database\Eloquent\Model;
 use Illuminate\Http\Request;
 use Illuminate\Routing\Router;
 use Illuminate\Support\Arr;
@@ -22,12 +23,28 @@ public function register(array|Action $actions): static
         return $this;
     }
 
+    /**
+     * Filter the actions that are available for the current request and model.
+     */
+    public function authorized(Request $request, Model $model = null): static
+    {
+        return $this->filter->authorized($request, $model)->values();
+    }
+
+    /**
+     * Filter the actions that are visible in the given context.
+     */
+    public function visible(string|array $context): static
+    {
+        return $this->filter->visible($context)->values();
+    }
+
     /**
      * Map the action to table components.
      */
-    public function mapToTableComponents(Request $request): array
+    public function mapToForms(Request $request): array
     {
-        return $this->map->toTableComponent($request)->all();
+        return $this->map->toForm($request)->all();
     }
 
     /**