@radioactive-labs/plutonium 0.49.1 → 0.51.0

package/src/js/controllers/table_column_menu_controller.js

@@ -0,0 +1,43 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="table-column-menu"
+// Toggles the column ⋯ menu panel; closes on outside click and Escape.
+export default class extends Controller {
+  static targets = ["panel"]
+
+  connect() {
+    this._onDocClick = this._onDocClick.bind(this)
+  }
+
+  toggle(event) {
+    event.preventDefault()
+    event.stopPropagation()
+    if (this.hasPanelTarget) {
+      const isNowVisible = !this.panelTarget.classList.toggle("hidden")
+      if (isNowVisible) {
+        document.addEventListener("click", this._onDocClick)
+        this._onKey = (e) => { if (e.key === "Escape") this._close() }
+        document.addEventListener("keydown", this._onKey)
+      } else {
+        this._unbind()
+      }
+    }
+  }
+
+  _close() {
+    if (this.hasPanelTarget) this.panelTarget.classList.add("hidden")
+    this._unbind()
+  }
+
+  _unbind() {
+    document.removeEventListener("click", this._onDocClick)
+    if (this._onKey) {
+      document.removeEventListener("keydown", this._onKey)
+      this._onKey = null
+    }
+  }
+
+  _onDocClick(event) {
+    if (!this.element.contains(event.target)) this._close()
+  }
+}

package/src/js/controllers/table_header_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="table-header"
+// Routes column-header clicks: shift-click navigates to multi-href instead of href,
+// adding the column to the existing sort stack (multi-sort).
+// Plain click lets the default link navigation happen, which replaces all sorts.
+export default class extends Controller {
+  headerClick(event) {
+    if (!event.shiftKey) return // plain click: let the link navigate normally
+    const link = event.currentTarget
+    const multiHref = link.dataset.tableHeaderMultiHref
+    if (!multiHref) return
+    event.preventDefault()
+    Turbo.visit(multiHref)
+  }
+}

package/src/js/controllers/view_switcher_controller.js

@@ -0,0 +1,29 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="view-switcher"
+// Persists the user's chosen index view in a cookie so the server can
+// render the right shape on next request. Reload after writing so the
+// page comes back with everything (toolbar, filters, table/grid)
+// matching the new view.
+export default class extends Controller {
+  static values = { cookieName: String, cookiePath: { type: String, default: "/" } }
+
+  select(event) {
+    const view = event.params.view
+    if (!view || !this.cookieNameValue) return
+
+    // 1 year, scoped to the portal's mount path so different portals
+    // can hold different view preferences for the same resource.
+    // SameSite=Lax keeps it on top-level navigations but blocks
+    // cross-site requests from carrying it along.
+    const maxAge = 60 * 60 * 24 * 365
+    const path = this.cookiePathValue || "/"
+    document.cookie = `${this.cookieNameValue}=${encodeURIComponent(view)}; Path=${path}; Max-Age=${maxAge}; SameSite=Lax`
+
+    // Strip any legacy `?view=` param so the cookie is the source of
+    // truth from now on.
+    const url = new URL(window.location.href)
+    url.searchParams.delete("view")
+    window.location.href = url.toString()
+  }
+}

package/src/js/turbo/turbo_actions.js

@@ -6,3 +6,36 @@ Turbo.StreamActions.redirect = function () {
   const url = this.getAttribute("url")
   Turbo.visit(url)
 }
+
+// Closes the <dialog> rendered inside the targeted turbo-frame and
+// empties the frame so the dialog can be re-opened later. Used by the
+// stacked-modal flow: after a successful create inside the secondary
+// modal, the server tells the browser to dismiss it.
+Turbo.StreamActions.close_frame = function () {
+  const frameId = this.getAttribute("target")
+  if (!frameId) return
+
+  const frame = document.getElementById(frameId)
+  if (!frame) return
+
+  const dialog = frame.querySelector("dialog")
+  if (dialog && typeof dialog.close === "function") dialog.close()
+
+  // Clearing the frame's content keeps a future visit to the same URL
+  // re-fetching (turbo would otherwise treat the frame as cached).
+  frame.innerHTML = ""
+  frame.removeAttribute("src")
+}
+
+// Reloads the targeted turbo-frame from its current src. Used after a
+// secondary-modal action mutates data the primary modal depends on
+// (e.g. a newly created association option) so the primary re-renders.
+Turbo.StreamActions.reload_frame = function () {
+  const frameId = this.getAttribute("target")
+  if (!frameId) return
+
+  const frame = document.getElementById(frameId)
+  if (!frame || typeof frame.reload !== "function") return
+
+  frame.reload()
+}