wip

public/build/manifest.json

@@ -1,66 +1,66 @@
 {
   "resources/js/app.css": {
-    "file": "assets/app-4030c9ab.css",
+    "file": "assets/app-f3558307.css",
     "src": "resources/js/app.css"
   },
   "resources/js/app.js": {
     "css": [
-      "assets/app-4030c9ab.css"
+      "assets/app-f3558307.css"
     ],
-    "file": "assets/app-679efe62.js",
+    "file": "assets/app-1e861c10.js",
     "isEntry": true,
     "src": "resources/js/app.js"
   },
   "resources/js/chart.js": {
-    "file": "assets/chart-023ee9f6.js",
+    "file": "assets/chart-cdfe4a3f.js",
     "imports": [
       "resources/js/app.js"
     ],
     "isEntry": true,
     "src": "resources/js/chart.js"
   },
   "resources/js/dropdown.js": {
-    "file": "assets/dropdown-023ee9f6.js",
+    "file": "assets/dropdown-cdfe4a3f.js",
     "imports": [
       "resources/js/app.js"
     ],
     "isEntry": true,
     "src": "resources/js/dropdown.js"
   },
   "resources/js/editor.js": {
-    "file": "assets/editor-023ee9f6.js",
+    "file": "assets/editor-cdfe4a3f.js",
     "imports": [
       "resources/js/app.js"
     ],
     "isEntry": true,
     "src": "resources/js/editor.js"
   },
   "resources/js/media-manager.js": {
-    "file": "assets/media-manager-023ee9f6.js",
+    "file": "assets/media-manager-cdfe4a3f.js",
     "imports": [
       "resources/js/app.js"
     ],
     "isEntry": true,
     "src": "resources/js/media-manager.js"
   },
   "resources/js/repeater.js": {
-    "file": "assets/repeater-023ee9f6.js",
+    "file": "assets/repeater-cdfe4a3f.js",
     "imports": [
       "resources/js/app.js"
     ],
     "isEntry": true,
     "src": "resources/js/repeater.js"
   },
   "resources/js/table.js": {
-    "file": "assets/table-023ee9f6.js",
+    "file": "assets/table-cdfe4a3f.js",
     "imports": [
       "resources/js/app.js"
     ],
     "isEntry": true,
     "src": "resources/js/table.js"
   },
   "resources/sass/app.scss": {
-    "file": "assets/app-0ddd4245.js",
+    "file": "assets/app-ae0fb693.js",
     "imports": [
       "resources/js/app.js"
     ],

resources/sass/component/_notification.scss

@@ -3,6 +3,14 @@
 @use 'sprucecss/scss/spruce' as *;
 
 .app-notification {
+  &__backdrop {
+    background-color: color('background', 'modal');
+    block-size: 100dvh;
+    inset: 0;
+    position: fixed;
+    z-index: 25;
+  }
+
   &__drawer {
     @include transition;
     background-color: color('background');

resources/sass/helper/_index.scss

@@ -1,2 +1,3 @@
 @forward 'display';
 @forward 'margin';
+@forward 'vertical-align';

resources/sass/helper/_vertical-align.scss

@@ -0,0 +1,5 @@
+@use 'sprucecss/scss/spruce' as *;
+
+.vertical-align\:top {
+  vertical-align: top !important;
+}

resources/views/components/layout/notifications.blade.php

@@ -1,4 +1,10 @@
 <div id="notifications" class="app-notification" x-data="notifications('{{ $url }}')" x-on:click.outside="open = false" data-turbo-permanent>
+    <div
+        class="app-notification__backdrop"
+        x-on:click="open = ! open"
+        x-transition
+        x-show="open"
+    ></div>
     <button
         class="btn btn--light btn--icon btn--counter app-notification__toggle"
         aria-label="{{ __('Notifications') }}"

resources/views/resources/show.blade.php

@@ -37,7 +37,7 @@
                     <div class="table-responsive">
                         <table class="table">
                             @foreach($fields as $field)
-                                <tr>
+                                <tr class="vertical-align:top">
                                     <th>{{ $field['label'] }}</th>
                                     @include('root::table.cell', $field)
                                 </tr>

src/Fields/Repeater.php

@@ -137,9 +137,7 @@ public function withFields(Closure $callback): static
                 $field->setModelAttribute($attribute)
                     ->name($attribute)
                     ->id($attribute)
-                    ->value(static function () use ($tmpModel, $key): mixed {
-                        return $tmpModel->getAttribute($key);
-                    });
+                    ->value(fn (): mixed => $tmpModel->getAttribute($key));
             });
 
             return $fields;

tests/Fields/RepeaterTest.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace Cone\Root\Tests\Fields;
+
+use Cone\Root\Fields\Repeater;
+use Cone\Root\Fields\Text;
+use Cone\Root\Tests\TestCase;
+
+class RepeaterTest extends TestCase
+{
+    protected Repeater $field;
+
+    public function setUp(): void
+    {
+        parent::setUp();
+
+        $this->field = Repeater::make('Properties')
+            ->withFields(function () {
+                return [
+                    new Text('Name'),
+                ];
+            });
+    }
+
+    public function test_a_repeater_field_has_repeater_template(): void
+    {
+        $this->assertSame('root::fields.repeater', $this->field->getTemplate());
+    }
+
+    public function test_a_repeater_field_register_routes(): void
+    {
+        $this->app['router']->prefix('posts/fields')->group(function ($router) {
+            $this->field->registerRoutes($this->app['request'], $router);
+        });
+
+        $this->assertSame('/posts/fields/properties', $this->field->getUri());
+
+        $this->assertArrayHasKey(
+            trim($this->field->getUri(), '/'),
+            $this->app['router']->getRoutes()->get('POST')
+        );
+    }
+}