Merge pull request #1466 from moonshine-software/form-async-selectors

feat: Async selectors for form
moonshine-software · Jan 12, 2025 · 85e6e55 · 85e6e55
2 parents 5744f5a + a81c40f
commit 85e6e55
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/UI/dist/assets/app.js b/src/UI/dist/assets/app.js
diff --git a/src/UI/resources/js/Components/FormBuilder.js b/src/UI/resources/js/Components/FormBuilder.js
@@ -210,6 +210,7 @@ export default (name = '', initData = {}, reactive = {}) => ({
     callback = initCallback(callback)
 
     componentRequestData
+      .withSelector(form.dataset.asyncSelector ?? '')
       .withBeforeRequest(callback.beforeRequest)
       .withResponseHandler(callback.responseHandler)
       .withEvents(events)

diff --git a/src/UI/src/Components/FormBuilder.php b/src/UI/src/Components/FormBuilder.php
@@ -206,6 +206,13 @@ public function asyncMethod(
         );
     }
 
+    public function asyncSelector(string|array $selector): self
+    {
+        return $this->customAttributes([
+            'data-async-selector' => \is_array($selector) ? implode(',', $selector) : $selector,
+        ]);
+    }
+
     public function reactiveUrl(Closure|string $reactiveUrl): self
     {
         $this->reactiveUrl = $reactiveUrl;