shadcn-ui 0.0.2 → 0.0.4

data/app/javascript/controllers/ui/popover_controller.js

@@ -2,6 +2,7 @@
 
 import { Controller } from "@hotwired/stimulus";
 import { createPopper } from "@popperjs/core";
+import { useClickOutside } from "stimulus-use";
 
 export default class UIPopover extends Controller {
   static values = {
@@ -9,9 +10,8 @@ export default class UIPopover extends Controller {
   };
   static targets = ["content", "wrapper", "trigger"];
 
-  // Sets the popover offset using Stimulus data map objects.
-
   connect() {
+    useClickOutside(this);
     this.popperInstance = createPopper(this.triggerTarget, this.contentTarget, {
       placement: this.contentTarget.dataset.side || "bottom",
       modifiers: [
@@ -37,6 +37,10 @@ export default class UIPopover extends Controller {
     this.contentTarget.dataset.state = "closed";
   }
 
+  clickOutside(event) {
+    this.hide();
+  }
+
   // Toggle the popover on demand
   toggle(event) {
     this.popperInstance.update();