Nested form fixes

Author: pascalbaljet

app/app/Http/Controllers/NestedFormController.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class NestedFormController
+{
+    public function __invoke(Request $request)
+    {
+        $request->validate([
+            'nested.name'     => ['required', 'string'],
+            'nested.accepted' => ['required', 'boolean', 'accepted'],
+        ]);
+
+        return redirect()->route('navigation.one');
+    }
+}

app/resources/views/form/nested.blade.php

@@ -0,0 +1,13 @@
+@extends('layout')
+
+@section('content')
+
+FormNested
+
+<x-splade-form :default="json_encode(['nested' => ['name' => 'Splade']])">
+    <input v-model="form.nested.name" dusk="name" />
+    <input type="checkbox" v-model="form.nested.accepted" dusk="accepted" />
+    <button type="submit">Submit</button>
+</x-splade-form>
+
+@endsection

app/routes/web.php

@@ -10,6 +10,7 @@
 use App\Http\Controllers\FormRelationsController;
 use App\Http\Controllers\ModalController;
 use App\Http\Controllers\NavigationController;
+use App\Http\Controllers\NestedFormController;
 use App\Http\Controllers\SimpleFormController;
 use App\Http\Controllers\SlowFormController;
 use App\Http\Controllers\TableController;
@@ -75,6 +76,9 @@
     Route::view('form/jsonable', 'form.jsonable')->name('form.jsonable');
     Route::view('form/jsonSerializable', 'form.jsonSerializable')->name('form.jsonSerializable');
 
+    Route::view('form/nested', 'form.nested')->name('form.nested');
+    Route::post('form/nested', NestedFormController::class)->name('form.nested.submit');
+
     Route::get('form/components/simple', [FormComponentsController::class, 'simple'])->name('form.components.simple');
     Route::get('form/components/libraries', [FormComponentsController::class, 'libraries'])->name('form.components.libraries');
     Route::get('form/components/libraryDefaults', [FormComponentsController::class, 'libraryDefaults'])->name('form.components.libraryDefaults');

app/tests/Browser/FormTest.php

@@ -162,6 +162,20 @@ public function it_can_have_a_default_json_serializable_value()
         });
     }
 
+    /** @test */
+    public function it_can_nested_values()
+    {
+        $this->browse(function (Browser $browser) {
+            $browser->visit('/form/nested')
+                ->waitForText('FormNested')
+                ->assertInputValue('@name', 'Splade')
+                ->check('@accepted')
+                ->press('Submit')
+                ->waitUntilMissingText('FormNested')
+                ->waitForRoute('navigation.one');
+        });
+    }
+
     /** @test */
     public function it_can_show_the_forms_state_and_a_progress_bar()
     {

dist/protone-media-laravel-splade.js

@@ -2909,11 +2909,10 @@ const Ec = /* @__PURE__ */ ht(Sc, [["render", $c]]), _c = {
     });
   }
 };
-function Gi(e) {
-  e = e || {};
-  let t = new FormData();
-  for (const r in e)
-    Object.prototype.hasOwnProperty.call(e, r) && Xi(t, Ki(null, r), e[r]);
+function Gi(e, t, r) {
+  e = e || {}, t = t || new FormData(), r = r || null;
+  for (const n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && Xi(t, Ki(r, n), e[n]);
   return t;
 }
 function Ki(e, t) {
@@ -2936,7 +2935,7 @@ function Xi(e, t, r) {
     return e.append(t, `${r}`);
   if (r == null)
     return e.append(t, "");
-  Gi(r);
+  Gi(r, e, t);
 }
 var xc = "[object Boolean]";
 function Qi(e) {

dist/protone-media-laravel-splade.umd.cjs

@@ -1,14 +1,14 @@
 // The methods in this file are completely stolen from Inertia.js:
 // https://github.com/inertiajs/inertia/tree/master/packages/inertia/src
 
-export function objectToFormData(source) {
+export function objectToFormData(source, form, parentKey) {
     source = source || {};
-
-    let form = new FormData();
+    form = form || new FormData();
+    parentKey = parentKey || null;
 
     for (const key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
-            append(form, composeKey(null, key), source[key]);
+            append(form, composeKey(parentKey, key), source[key]);
         }
     }