rails_modal_manager 1.0.11 → 1.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d269701f2b02e0fdfff0588481955d72e01a4bf9482ee6490fa4cfafa16d8485
-  data.tar.gz: 24b240b6fe17cd7a3b10aa645b345fb53627c4549dc6f2fdd5123004fad48ef0
+  metadata.gz: 3aef02a89c60f4390647bdb318057751ef19caea49b2849ab1af859412267d54
+  data.tar.gz: aafa0a2b8165398b4f91dcb5ea3e3b013433550b227a0c6e0a5df9c6f2840b15
 SHA512:
-  metadata.gz: 02c3088c03fe707a6bf7281d0c9e2efc659a0e0f3ca6cc72740908b0530d6198686b74b6004fc4dff47f9aba20b81a967b675b12a6c676f37d08d164ed51916b
-  data.tar.gz: aad4172168208e0c032782497b73b549e90bd352dcd3558c1ca8a0a33f55ad5dae0204b75b4edf3fb18c007ffe72c2caf93c73af6c33960327c8056c645af30a
+  metadata.gz: f5e26d4b12715b984126fa2a4262a56e9f23a238fdc68c5c89c7179c159b7abb36fe93cb789be1f834ba51d720ace3bf66f24aa4a65266433ab166f8b30f68ad
+  data.tar.gz: af75896852ef1fc10956a6b8d305da635e074655dff95082234999de0b43ff379b58c22e5d39190007e28858af0e14819f57a67177de7841a34200c779491d5c

data/README.md

@@ -3,7 +3,7 @@
 Rails 애플리케이션을 위한 고급 모달 매니저입니다.
 `@reshacs/react-modal-manager`에서 포팅되었습니다.
 
-**Version:** 1.0.11
+**Version:** 1.0.12
 
 ---
 
@@ -789,6 +789,10 @@ MIT License
 
 ## 변경 이력
 
+### v1.0.12
+
+- **최소화된 모달 자동 복원**: `openModal()` 호출 시 해당 모달이 이미 열려있고 최소화된 상태라면 자동으로 복원되도록 개선
+
 ### v1.0.11
 
 - **사이드바-서브메뉴 AJAX 연동 개선**: 사이드바 메뉴 전환 시 활성화된 서브메뉴의 콘텐츠가 자동으로 로드되도록 개선

data/app/javascript/rails_modal_manager/controllers/rmm_modal_controller.js

@@ -147,6 +147,9 @@ export default class extends Controller {
     // Register close callback
     modalStore.registerCloseCallback(modalId, () => this.close('programmatic'))
 
+    // Move to persistent container (outside Turbo Frame) to survive navigation
+    this.moveToChildModalsContainer()
+
     // Add to history stack
     if (this.enableHistoryStackValue && !historyStackManager.hasHisData('modal', modalId)) {
       historyStackManager.addHisData('modal', modalId, () => this.close('history'))
@@ -682,9 +685,48 @@ export default class extends Controller {
       historyStackManager.removeMultipleHisData('modal', allModalIds)
     }
 
+    // Move modal DOM to persistent container (outside Turbo Frame)
+    // This ensures minimized modals survive Turbo Frame navigation
+    this.moveToChildModalsContainer()
+
     this.dispatch('minimize', { detail: { modalId: modalId } })
   }
 
+  /**
+   * Move modal (with wrapper if exists) to #child-modals-container
+   * This prevents DOM removal when Turbo Frame content is replaced
+   */
+  moveToChildModalsContainer() {
+    const container = document.getElementById('child-modals-container')
+    if (!container) return
+
+    const overlay = this.getOverlay()
+    const parent = this.element.parentElement
+
+    // Determine what to move: wrapper (if exists) or just modal
+    let elementToMove = this.element
+
+    // Check if parent is a wrapper (has data-controller and is not body/frame/container)
+    if (parent &&
+        parent.dataset.controller &&
+        parent.id !== 'child-modals-container' &&
+        parent.tagName !== 'TURBO-FRAME' &&
+        parent.tagName !== 'BODY') {
+      elementToMove = parent
+    }
+
+    // Skip if already in container
+    if (elementToMove.parentElement === container) return
+
+    // If overlay is outside the element to move, move it first
+    if (overlay && !elementToMove.contains(overlay) && overlay.parentElement !== container) {
+      container.appendChild(overlay)
+    }
+
+    // Move the element (modal or wrapper including overlay)
+    container.appendChild(elementToMove)
+  }
+
   maximize() {
     const modalId = this.effectiveModalId
     const config = modalStore.getModalConfig(modalId)
@@ -777,7 +819,18 @@ export default class extends Controller {
   // ============================================
 
   getOverlay() {
-    return document.getElementById(`${this.effectiveModalId}-overlay`)
+    const overlayId = `${this.effectiveModalId}-overlay`
+
+    // If this modal is inside child-modals-container, search there first
+    // This prevents finding duplicate overlays in turbo-frame
+    const container = document.getElementById('child-modals-container')
+    if (container && container.contains(this.element)) {
+      const overlayInContainer = container.querySelector(`#${overlayId}`)
+      if (overlayInContainer) return overlayInContainer
+    }
+
+    // Fallback to document-level search
+    return document.getElementById(overlayId)
   }
 
   hasAttribute(attr) {

data/app/javascript/rails_modal_manager/index.js

@@ -80,14 +80,24 @@ export function initGlobalClickHandler() {
 
 /**
  * Open a modal by ID
+ * If the modal is already open but minimized, it will be restored instead
  * @param {string} modalId - The modal's ID
  */
 export function openModal(modalId) {
   const modalElement = document.getElementById(modalId)
-  if (modalElement) {
-    modalElement.setAttribute('data-rmm-modal-open-value', 'true')
-    modalElement.dispatchEvent(new CustomEvent('rmm:open'))
+  if (!modalElement) return
+
+  // Check if the modal is already open and minimized
+  const config = modalStore.getModalConfig(modalId)
+  if (config && config.isMinimized) {
+    // Restore the minimized modal
+    modalStore.restoreModalGroup(modalId)
+    return
   }
+
+  // Open the modal normally
+  modalElement.setAttribute('data-rmm-modal-open-value', 'true')
+  modalElement.dispatchEvent(new CustomEvent('rmm:open'))
 }
 
 /**

data/lib/rails_modal_manager/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsModalManager
-  VERSION = "1.0.11"
+  VERSION = "1.0.13"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_modal_manager
 version: !ruby/object:Gem::Version
-  version: 1.0.11
+  version: 1.0.13
 platform: ruby
 authors:
 - reshacs