sellmate-design-system-react 1.1.3 → 2.0.0

package/dist/components/SActionModal/SActionModal.cjs

@@ -3110,6 +3110,7 @@ function SModalContainer({
   style
 }) {
   const [shaking, setShaking] = react.useState(false);
+  const contentRef = react.useRef(null);
   const [portalContainer, setPortalContainer] = react.useState(null);
   const triggerShake = react.useCallback(() => {
     setShaking(false);
@@ -3124,7 +3125,12 @@ function SModalContainer({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none fixed inset-0 z-[1001] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
       RDialog__namespace.Content,
       {
+        ref: contentRef,
         className: "pointer-events-auto outline-none data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out",
+        onOpenAutoFocus: (e) => {
+          e.preventDefault();
+          contentRef.current?.focus({ preventScroll: true });
+        },
         onEscapeKeyDown: guardClose,
         onPointerDownOutside: guardClose,
         onInteractOutside: guardClose,
@@ -3372,10 +3378,8 @@ function SActionModal({
                 color: button.color ?? "primary",
                 outline: button.outline,
                 size: button.size ?? "md",
-                onClick: () => {
-                  button.onClick?.();
-                  onOpenChange?.(false);
-                },
+                disabled: button.disabled,
+                onClick: () => button.onClick?.(),
                 label: button.label ?? "\uD655\uC778"
               }
             )