Add the ability to pass parameters to lightboxes.

frontend/uxbox/ui/lightbox.cljs

@@ -12,9 +12,11 @@
 
 (defonce +current+ (atom nil))
 
-(defn set!
+(defn open!
-  [kind]
+  ([kind]
-  (reset! +current+ kind))
+   (open! kind nil))
+  ([kind params]
+   (reset! +current+ (merge {:name kind} params))))
 
 (defn close!
   []
@@ -24,7 +26,7 @@
 ;; UI
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
 
-(defmulti render-lightbox identity)
+(defmulti render-lightbox :name)
 (defmethod render-lightbox :default [_] nil)
 
 (defn- on-esc-clicked
@@ -33,30 +35,34 @@
     (close!)))
 
 (defn- lightbox-will-mount
-  [state]
+  [own]
-  (events/listen js/document
+  (let [key (events/listen js/document
-                 EventType.KEYDOWN
+                           EventType.KEYDOWN
-                 on-esc-clicked)
+                           on-esc-clicked)]
-  state)
+    (assoc own ::eventkey key)))
 
 (defn- lightbox-will-umount
-  [state]
+  [own]
-  (events/unlisten js/document
+  (let [key (::eventkey own)]
-                   EventType.KEYDOWN
+    (events/unlistenByKey key)
-                   on-esc-clicked)
+    (dissoc own ::eventkey)))
-  state)
+
+(defn- lightbox-transfer-state
+  [old-own own]
+  (assoc own ::eventkey (::eventkey old-own)))
 
 (defn- lightbox-render
   [own]
-  (let [name (rum/react +current+)]
+  (let [params (rum/react +current+)]
     (html
-     [:div.lightbox {:class (when (nil? name) "hide")}
+     [:div.lightbox {:class (when (nil? params) "hide")}
-      (render-lightbox name)])))
+      (render-lightbox params)])))
 
 (def ^:static lightbox
   (util/component
    {:name "lightbox"
     :render lightbox-render
+    :transfer-state lightbox-transfer-state
     :will-mount lightbox-will-mount
     :will-unmount lightbox-will-umount
     :mixins [rum/reactive]}))