@radioactive-labs/plutonium 0.4.8 → 0.4.9

package/src/js/controllers/attachment_input_controller.js

@@ -10,6 +10,7 @@ import DomElement from "../support/dom_element"
 export default class extends Controller {
   static values = {
     identifier: String,
+    endpoint: String,
 
     maxFileSize: { type: Number, default: null },
     minFileSize: { type: Number, default: null },
@@ -75,7 +76,7 @@ export default class extends Controller {
   #configureUploader() {
     this.uppy
       .use(XHRUpload, {
-        endpoint: '/upload', // path to the upload endpoint
+        endpoint: this.endpointValue, // path to the upload endpoint
       })
   }
 

package/src/js/controllers/flatpickr_controller.js

@@ -1,35 +1,46 @@
-import { Controller } from "@hotwired/stimulus"
+import { Controller } from "@hotwired/stimulus";
 
 // Connects to data-controller="flatpickr"
 export default class extends Controller {
   connect() {
-    this.picker = new flatpickr(this.element, this.#buildOptions())
-    this.element.setAttribute("data-action", "turbo:morph-element->flatpickr#reconnect")
+    this.modal = document.querySelector("[data-controller=remote-modal]");
+
+    this.picker = new flatpickr(this.element, this.#buildOptions());
+
+    this.element.setAttribute(
+      "data-action",
+      "turbo:morph-element->flatpickr#reconnect"
+    );
   }
 
   disconnect() {
     if (this.picker) {
-      this.picker.destroy()
-      this.picker = null
+      this.picker.destroy();
+      this.picker = null;
     }
   }
 
   reconnect() {
-    this.disconnect()
-    this.connect()
+    this.disconnect();
+    this.connect();
   }
 
   #buildOptions() {
-    let options = { altInput: true }
+    let options = { altInput: true };
+
     if (this.element.attributes.type.value == "datetime-local") {
-      options.enableTime = true
-    }
-    else if (this.element.attributes.type.value == "time") {
-      options.enableTime = true
-      options.noCalendar = true
+      options.enableTime = true;
+    } else if (this.element.attributes.type.value == "time") {
+      options.enableTime = true;
+      options.noCalendar = true;
       // options.time_24hr = true
       // options.altFormat = "H:i"
     }
-    return options
+
+    if (this.modal) {
+      options.appendTo = this.modal;
+    }
+
+    return options;
   }
 }