@uniai-fe/uds-templates 0.3.13 → 0.3.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-templates",
-  "version": "0.3.13",
+  "version": "0.3.14",
   "description": "UNIAI Design System; UI Templates Package",
   "type": "module",
   "private": false,

package/src/modal/components/core/Container.tsx

@@ -42,33 +42,30 @@ export function ModalContainer({
           "--modal-dialog-body-padding": stylePaddingSize("rem", padding),
         } as CSSProperties)
       : undefined;
+  // 변경: 인라인 함수 컴포넌트 대신 조건부 JSX wrapper로 감싸 form subtree 리마운트를 막는다.
+  const container = (
+    <div
+      className={clsx("uds-modal-container", className)}
+      // 변경 설명: Dialog 기본 submit 동작에서 현재 스택의 form을 조회하기 위한 식별자다.
+      data-modal-stack-key={stackKey}
+    >
+      {header ? <ModalHeaderContainer>{header}</ModalHeaderContainer> : null}
+      <ModalBody style={bodyStyle}>{body}</ModalBody>
+      {footer ? <div className="uds-modal-footer">{footer}</div> : null}
+      {!footer && footerButtons && footerButtons.length ? (
+        <div className="uds-modal-footer">
+          <ModalFooterButtonWrapper
+            stackKey={stackKey}
+            buttons={footerButtons}
+          />
+        </div>
+      ) : null}
+    </div>
+  );
 
-  const ContextProvider = ({ children }: { children: React.ReactNode }) =>
-    typeof formContextOptions !== "undefined" ? (
-      <Form.Provider options={formContextOptions}>{children}</Form.Provider>
-    ) : (
-      children
-    );
-
-  return (
-    <ContextProvider>
-      <div
-        className={clsx("uds-modal-container", className)}
-        // 변경 설명: Dialog 기본 submit 동작에서 현재 스택의 form을 조회하기 위한 식별자다.
-        data-modal-stack-key={stackKey}
-      >
-        {header ? <ModalHeaderContainer>{header}</ModalHeaderContainer> : null}
-        <ModalBody style={bodyStyle}>{body}</ModalBody>
-        {footer ? <div className="uds-modal-footer">{footer}</div> : null}
-        {!footer && footerButtons && footerButtons.length ? (
-          <div className="uds-modal-footer">
-            <ModalFooterButtonWrapper
-              stackKey={stackKey}
-              buttons={footerButtons}
-            />
-          </div>
-        ) : null}
-      </div>
-    </ContextProvider>
+  return typeof formContextOptions !== "undefined" ? (
+    <Form.Provider options={formContextOptions}>{container}</Form.Provider>
+  ) : (
+    container
   );
 }