sellmate-design-system-react 1.2.0 → 2.0.0

package/dist/components/SActionModal/SActionModal.d.ts

@@ -6,6 +6,7 @@ export interface SActionModalButton {
     outline?: boolean;
     size?: SButtonSize;
     disabled?: boolean;
+    /** 클릭 핸들러. 모달은 자동으로 닫히지 않으므로 닫는 시점은 onOpenChange 로 직접 제어한다 */
     onClick?: () => void;
 }
 export interface SActionModalProps {
@@ -22,5 +23,10 @@ export interface SActionModalProps {
     height?: number | string;
     children?: ReactNode;
 }
-/** SActionModal — sd-action-modal 포팅. 헤더(제목·닫기) + 본문 + 하단 액션 버튼. */
+/**
+ * SActionModal — sd-action-modal 포팅. 헤더(제목·닫기) + 본문 + 하단 액션 버튼.
+ *
+ * 액션 버튼은 `button.onClick` 만 호출하고 모달을 닫지 않는다. 본문에서 API 를 호출하는 경우가
+ * 많아 성공 여부에 따라 닫힘 시점이 달라지므로, 닫는 책임은 사용하는 쪽에 둔다.
+ */
 export declare function SActionModal({ open, onOpenChange, onClose, persistent, modalTitle, button, width, height, children, }: SActionModalProps): import("react").JSX.Element;

package/dist/components/SActionModal/SActionModal.js

@@ -3356,10 +3356,7 @@ function SActionModal({
                 outline: button.outline,
                 size: button.size ?? "md",
                 disabled: button.disabled,
-                onClick: () => {
-                  button.onClick?.();
-                  onOpenChange?.(false);
-                },
+                onClick: () => button.onClick?.(),
                 label: button.label ?? "\uD655\uC778"
               }
             )