graft operation (#103)

stimulusreflex · Jan 24, 2021 · 3d4bde1 · 3d4bde1
1 parent d73ba04
commit 3d4bde1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/javascript/cable_ready.js b/javascript/cable_ready.js
@@ -49,6 +49,19 @@ const DOMOperations = {
     })
   },
 
+  graft: operation => {
+    processElements(operation, element => {
+      dispatch(element, 'cable-ready:before-graft', operation)
+      const { parent, focusSelector } = operation
+      const parentElement = document.querySelector(parent)
+      if (!operation.cancel && parentElement) {
+        parentElement.appendChild(element)
+        assignFocus(focusSelector)
+      }
+      dispatch(element, 'cable-ready:after-graft', operation)
+    })
+  },
+
   innerHtml: operation => {
     processElements(operation, element => {
       dispatch(element, 'cable-ready:before-inner-html', operation)

diff --git a/lib/cable_ready/config.rb b/lib/cable_ready/config.rb
@@ -34,6 +34,7 @@ def default_operation_names
         clear_storage
         console_log
         dispatch_event
+        graft
         inner_html
         insert_adjacent_html
         insert_adjacent_text