@underverse-ui/underverse 2.0.29 → 2.0.31

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "2.0.29",
+  "version": "2.0.31",
   "sourceEntry": "src/index.ts",
   "totalExports": 263,
   "exports": [

package/dist/{EmojiPicker-NV3GQYWI.js → EmojiPicker-ISJ6RXYG.js}

@@ -2,13 +2,13 @@
 import {
   EmojiPicker,
   EmojiPicker_default
-} from "./chunk-F7MX3XXK.js";
-import "./chunk-LRIRY4DG.js";
+} from "./chunk-S4UHFRL3.js";
+import "./chunk-5W63IHIN.js";
 import "./chunk-4TYW5K4J.js";
-import "./chunk-A4GUPKHM.js";
+import "./chunk-ZP7F4ZD7.js";
 import "./chunk-NSBPE2FW.js";
 export {
   EmojiPicker,
   EmojiPicker_default as default
 };
-//# sourceMappingURL=EmojiPicker-NV3GQYWI.js.map
+//# sourceMappingURL=EmojiPicker-ISJ6RXYG.js.map

package/dist/{chunk-LK6YWBI6.js → chunk-2P7TSXEE.js}

@@ -1,17 +1,35 @@
 import {
   getPanelBorderRadiusClass,
   useUnderverseUIConfig
-} from "./chunk-5QWYO527.js";
+} from "./chunk-37MHVJMV.js";
 import {
   cn,
   useGlobalI18n
-} from "./chunk-A4GUPKHM.js";
+} from "./chunk-ZP7F4ZD7.js";
 
 // src/components/Modal.tsx
 import * as React from "react";
 import { createPortal } from "react-dom";
 import { X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var bodyScrollLocks = /* @__PURE__ */ new WeakMap();
+function lockBodyScroll(body) {
+  const current = bodyScrollLocks.get(body);
+  if (current) {
+    current.count += 1;
+    return;
+  }
+  bodyScrollLocks.set(body, { count: 1, overflow: body.style.overflow });
+  body.style.overflow = "hidden";
+}
+function unlockBodyScroll(body) {
+  const current = bodyScrollLocks.get(body);
+  if (!current) return;
+  current.count -= 1;
+  if (current.count > 0) return;
+  body.style.overflow = current.overflow;
+  bodyScrollLocks.delete(body);
+}
 var sizeStyles = {
   sm: "max-w-md",
   md: "max-w-2xl",
@@ -36,7 +54,9 @@ var Modal = ({
   fullWidth = false,
   width,
   height,
-  borderMode
+  borderMode,
+  portalContainer,
+  ariaLabel
 }) => {
   const gi18n = useGlobalI18n();
   const globalConfig = useUnderverseUIConfig();
@@ -46,6 +66,11 @@ var Modal = ({
   const [isAnimating, setIsAnimating] = React.useState(true);
   const mouseDownTarget = React.useRef(null);
   const modalContentRef = React.useRef(null);
+  const titleId = React.useId();
+  const descriptionId = React.useId();
+  const resolvedPortalContainer = portalContainer ?? (typeof document !== "undefined" ? document.body : null);
+  const portalDocument = resolvedPortalContainer?.ownerDocument ?? null;
+  const portalWindow = portalDocument?.defaultView ?? null;
   React.useEffect(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
@@ -57,7 +82,7 @@ var Modal = ({
       animationRef.current = true;
       setIsVisible(true);
       setIsAnimating(true);
-      requestAnimationFrame(() => {
+      portalWindow?.requestAnimationFrame(() => {
         setIsAnimating(false);
       });
     } else {
@@ -70,27 +95,54 @@ var Modal = ({
         return () => clearTimeout(hideTimer);
       }
     }
-  }, [isOpen, isVisible]);
+  }, [isOpen, isVisible, portalWindow]);
   React.useEffect(() => {
-    if (!isOpen || !closeOnEsc) return;
-    const handleEscape = (event) => {
-      if (event.key === "Escape") {
+    if (!isOpen) return;
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape" && closeOnEsc) {
+        event.preventDefault();
         onClose();
+        return;
+      }
+      if (event.key !== "Tab") return;
+      const modal = modalContentRef.current;
+      if (!modal) return;
+      const focusable = Array.from(modal.querySelectorAll(
+        'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+      )).filter((element) => !element.hasAttribute("hidden"));
+      if (focusable.length === 0) {
+        event.preventDefault();
+        modal.focus();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      if (event.shiftKey && portalDocument?.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && portalDocument?.activeElement === last) {
+        event.preventDefault();
+        first.focus();
       }
     };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [isOpen, closeOnEsc, onClose]);
+    portalDocument?.addEventListener("keydown", handleKeyDown);
+    return () => portalDocument?.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, closeOnEsc, onClose, portalDocument]);
   React.useEffect(() => {
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "unset";
-    }
+    if (!isOpen || !portalDocument) return;
+    const previousFocus = portalDocument.activeElement;
+    const frameId = portalWindow?.requestAnimationFrame(() => modalContentRef.current?.focus());
     return () => {
-      document.body.style.overflow = "unset";
+      if (frameId !== void 0) portalWindow?.cancelAnimationFrame(frameId);
+      if (previousFocus?.isConnected) previousFocus.focus();
     };
-  }, [isOpen]);
+  }, [isOpen, portalDocument, portalWindow]);
+  React.useEffect(() => {
+    const body = portalDocument?.body;
+    if (!isOpen || !body) return;
+    lockBodyScroll(body);
+    return () => unlockBodyScroll(body);
+  }, [isOpen, portalDocument]);
   const isInsidePortal = (element) => {
     if (!element) return false;
     let current = element;
@@ -145,10 +197,16 @@ var Modal = ({
           "div",
           {
             ref: modalContentRef,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": title ? titleId : void 0,
+            "aria-describedby": description ? descriptionId : void 0,
+            "aria-label": title ? void 0 : ariaLabel ?? "Dialog",
+            tabIndex: -1,
             className: cn(
               "relative w-full border border-border/40 bg-card text-card-foreground shadow-xl",
               resolvedBorderMode ? getPanelBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
-              "transition-all duration-200 ease-out",
+              "transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none",
               maxWidthClass,
               fullWidth && "mx-0",
               className
@@ -156,8 +214,6 @@ var Modal = ({
             style: {
               opacity: isOpen && !isAnimating ? 1 : 0,
               transform: isOpen && !isAnimating ? "scale(1)" : "scale(0.9)",
-              // Thêm dòng này để tạo hiệu ứng nảy
-              transition: "all 300ms cubic-bezier(0.34, 1.76, 0.64, 1)",
               width,
               height
             },
@@ -165,12 +221,13 @@ var Modal = ({
             children: [
               (title || description || showCloseButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between p-6 pb-0", children: [
                 /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                  title && /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: title }),
-                  description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
+                  title && /* @__PURE__ */ jsx("h2", { id: titleId, className: "text-lg font-semibold leading-none tracking-tight text-balance", children: title }),
+                  description && /* @__PURE__ */ jsx("p", { id: descriptionId, className: "text-sm text-muted-foreground", children: description })
                 ] }),
                 showCloseButton && /* @__PURE__ */ jsx(
                   "button",
                   {
+                    type: "button",
                     onClick: onClose,
                     "aria-label": gi18n.closeModal ?? "Close modal",
                     className: cn(
@@ -189,11 +246,11 @@ var Modal = ({
       ]
     }
   );
-  return typeof window !== "undefined" ? createPortal(modalContent, document.body) : null;
+  return resolvedPortalContainer ? createPortal(modalContent, resolvedPortalContainer) : null;
 };
 var Modal_default = Modal;
 
 export {
   Modal_default
 };
-//# sourceMappingURL=chunk-LK6YWBI6.js.map
+//# sourceMappingURL=chunk-2P7TSXEE.js.map

package/dist/chunk-2P7TSXEE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../utils/cn\";\nimport { X } from \"lucide-react\";\nimport { useGlobalI18n } from \"../contexts/GlobalI18nContext\";\nimport { getBorderRadiusClass, getPanelBorderRadiusClass, type BorderMode } from \"../utils/radius\";\nimport { useUnderverseUIConfig } from \"../contexts/UnderverseConfigContext\";\n\n/** Public props for the `Modal` component. */\ninterface ModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  title?: string;\n  description?: string;\n  className?: string;\n  contentClassName?: string;\n  overlayClassName?: string;\n  showCloseButton?: boolean;\n  closeOnOverlayClick?: boolean;\n  closeOnEsc?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n  noPadding?: boolean;\n  fullWidth?: boolean;\n  width?: string | number;\n  height?: string | number;\n  borderMode?: BorderMode;\n  /** Optional portal target, useful for iframe or isolated document realms. */\n  portalContainer?: HTMLElement | null;\n  ariaLabel?: string;\n}\n\nconst bodyScrollLocks = new WeakMap<HTMLElement, { count: number; overflow: string }>();\n\nfunction lockBodyScroll(body: HTMLElement) {\n  const current = bodyScrollLocks.get(body);\n  if (current) {\n    current.count += 1;\n    return;\n  }\n  bodyScrollLocks.set(body, { count: 1, overflow: body.style.overflow });\n  body.style.overflow = \"hidden\";\n}\n\nfunction unlockBodyScroll(body: HTMLElement) {\n  const current = bodyScrollLocks.get(body);\n  if (!current) return;\n  current.count -= 1;\n  if (current.count > 0) return;\n  body.style.overflow = current.overflow;\n  bodyScrollLocks.delete(body);\n}\n\nconst sizeStyles = {\n  sm: \"max-w-md\",\n  md: \"max-w-2xl\",\n  lg: \"max-w-4xl\",\n  xl: \"max-w-6xl\",\n  full: \"max-w-full\",\n};\n\nconst Modal: React.FC<ModalProps> = ({\n  isOpen,\n  onClose,\n  children,\n  title,\n  description,\n  className,\n  contentClassName,\n  overlayClassName,\n  showCloseButton = true,\n  closeOnOverlayClick = true,\n  closeOnEsc = true,\n  size = \"md\",\n  noPadding = false,\n  fullWidth = false,\n  width,\n  height,\n  borderMode,\n  portalContainer,\n  ariaLabel,\n}) => {\n  const gi18n = useGlobalI18n();\n  const globalConfig = useUnderverseUIConfig();\n  const resolvedBorderMode = borderMode ?? globalConfig.borderMode;\n  const [isMounted, setIsMounted] = React.useState(false);\n  const [isVisible, setIsVisible] = React.useState(false);\n  const [isAnimating, setIsAnimating] = React.useState(true);\n  // Track if mousedown started outside modal content\n  const mouseDownTarget = React.useRef<EventTarget | null>(null);\n  const modalContentRef = React.useRef<HTMLDivElement>(null);\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n  const resolvedPortalContainer = portalContainer ?? (typeof document !== \"undefined\" ? document.body : null);\n  const portalDocument = resolvedPortalContainer?.ownerDocument ?? null;\n  const portalWindow = portalDocument?.defaultView ?? null;\n\n  React.useEffect(() => {\n    setIsMounted(true);\n    return () => setIsMounted(false);\n  }, []);\n\n  // Ref to prevent double animation trigger in React StrictMode\n  const animationRef = React.useRef(false);\n\n  // Animation handling\n  React.useEffect(() => {\n    if (isOpen) {\n      if (animationRef.current) return; // Prevent double animation in StrictMode\n      animationRef.current = true;\n      setIsVisible(true);\n      setIsAnimating(true);\n      // Start animation on next frame\n      portalWindow?.requestAnimationFrame(() => {\n        setIsAnimating(false);\n      });\n    } else {\n      animationRef.current = false;\n      if (isVisible) {\n        setIsAnimating(true);\n        // Hide after animation completes\n        const hideTimer = setTimeout(() => {\n          setIsVisible(false);\n        }, 200);\n        return () => clearTimeout(hideTimer);\n      }\n    }\n  }, [isOpen, isVisible, portalWindow]);\n\n  // Handle escape key\n  React.useEffect(() => {\n    if (!isOpen) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && closeOnEsc) {\n        event.preventDefault();\n        onClose();\n        return;\n      }\n      if (event.key !== \"Tab\") return;\n\n      const modal = modalContentRef.current;\n      if (!modal) return;\n      const focusable = Array.from(modal.querySelectorAll<HTMLElement>(\n        'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n      )).filter((element) => !element.hasAttribute(\"hidden\"));\n      if (focusable.length === 0) {\n        event.preventDefault();\n        modal.focus();\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      if (event.shiftKey && portalDocument?.activeElement === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && portalDocument?.activeElement === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    portalDocument?.addEventListener(\"keydown\", handleKeyDown);\n    return () => portalDocument?.removeEventListener(\"keydown\", handleKeyDown);\n  }, [isOpen, closeOnEsc, onClose, portalDocument]);\n\n  React.useEffect(() => {\n    if (!isOpen || !portalDocument) return;\n    const previousFocus = portalDocument.activeElement as HTMLElement | null;\n    const frameId = portalWindow?.requestAnimationFrame(() => modalContentRef.current?.focus());\n    return () => {\n      if (frameId !== undefined) portalWindow?.cancelAnimationFrame(frameId);\n      if (previousFocus?.isConnected) previousFocus.focus();\n    };\n  }, [isOpen, portalDocument, portalWindow]);\n\n  // Prevent body scroll when modal is open\n  React.useEffect(() => {\n    const body = portalDocument?.body;\n    if (!isOpen || !body) return;\n    lockBodyScroll(body);\n    return () => unlockBodyScroll(body);\n  }, [isOpen, portalDocument]);\n\n  // Check if an element is inside a portal (datepicker, popover, dropdown, etc.)\n  const isInsidePortal = (element: Node | null): boolean => {\n    if (!element) return false;\n    let current = element as HTMLElement | null;\n    while (current) {\n      // Check for common portal indicators (data attributes, z-index patterns)\n      if (\n        current.hasAttribute?.(\"data-datepicker\") ||\n        current.hasAttribute?.(\"data-popover\") ||\n        current.hasAttribute?.(\"data-dropdown\") ||\n        current.hasAttribute?.(\"data-dropdown-menu\") ||\n        current.hasAttribute?.(\"data-radix-popper-content-wrapper\") ||\n        current.hasAttribute?.(\"data-radix-portal\") ||\n        current.hasAttribute?.(\"data-tippy-root\") ||\n        current.getAttribute?.(\"role\") === \"listbox\" ||\n        current.getAttribute?.(\"role\") === \"dialog\" ||\n        current.classList?.contains(\"datepicker-portal\") ||\n        current.classList?.contains(\"popover-portal\") ||\n        current.classList?.contains(\"tippy-box\") ||\n        current.classList?.contains(\"tippy-content\")\n      ) {\n        return true;\n      }\n      current = current.parentElement;\n    }\n    return false;\n  };\n\n  const handleOverlayMouseDown = (event: React.MouseEvent) => {\n    // Store the mousedown target\n    mouseDownTarget.current = event.target;\n  };\n\n  const handleOverlayMouseUp = (event: React.MouseEvent) => {\n    // Check if both mousedown and mouseup occurred outside modal content\n    const modalContent = modalContentRef.current;\n    const mouseDownTarget_ = mouseDownTarget.current as Node;\n    const mouseUpTarget = event.target as Node;\n\n    // Don't close if clicking inside a portal element (datepicker, popover, etc.)\n    if (isInsidePortal(mouseDownTarget_) || isInsidePortal(mouseUpTarget)) {\n      mouseDownTarget.current = null;\n      return;\n    }\n\n    const mouseDownOutside = modalContent && !modalContent.contains(mouseDownTarget_);\n    const mouseUpOutside = modalContent && !modalContent.contains(mouseUpTarget);\n\n    if (closeOnOverlayClick && mouseDownOutside && mouseUpOutside) {\n      onClose();\n    }\n    mouseDownTarget.current = null;\n  };\n\n  if (!isMounted || (!isOpen && !isVisible)) {\n    return null;\n  }\n\n  const maxWidthClass = width ? \"max-w-none\" : fullWidth ? \"max-w-full\" : sizeStyles[size];\n\n  const modalContent = (\n    <div\n      className={cn(\"fixed inset-0 z-[9999] flex items-center justify-center p-4 md:p-6\", overlayClassName)}\n      style={{ overscrollBehavior: \"contain\" }}\n      onMouseDown={handleOverlayMouseDown}\n      onMouseUp={handleOverlayMouseUp}\n    >\n      {/* Overlay */}\n      <div\n        className=\"absolute inset-0 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ease-out\"\n        style={{\n          opacity: isOpen && !isAnimating ? 1 : 0,\n        }}\n      />\n\n      {/* Modal */}\n      <div\n        ref={modalContentRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={description ? descriptionId : undefined}\n        aria-label={title ? undefined : ariaLabel ?? \"Dialog\"}\n        tabIndex={-1}\n        className={cn(\n          \"relative w-full border border-border/40 bg-card text-card-foreground shadow-xl\",\n          resolvedBorderMode ? getPanelBorderRadiusClass(resolvedBorderMode) : \"rounded-2xl md:rounded-3xl\",\n          \"transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none\",\n          maxWidthClass,\n          fullWidth && \"mx-0\",\n          className,\n        )}\n        style={{\n          opacity: isOpen && !isAnimating ? 1 : 0,\n          transform: isOpen && !isAnimating ? \"scale(1)\" : \"scale(0.9)\",\n          width,\n          height,\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        {(title || description || showCloseButton) && (\n          <div className=\"flex items-start justify-between p-6 pb-0\">\n            <div className=\"space-y-1.5\">\n              {title && <h2 id={titleId} className=\"text-lg font-semibold leading-none tracking-tight text-balance\">{title}</h2>}\n              {description && <p id={descriptionId} className=\"text-sm text-muted-foreground\">{description}</p>}\n            </div>\n            {showCloseButton && (\n              <button\n                type=\"button\"\n                onClick={onClose}\n                aria-label={gi18n.closeModal ?? \"Close modal\"}\n                className={cn(\n                  \"rounded-lg opacity-70 ring-offset-background transition-opacity\",\n                  \"hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n                  \"disabled:pointer-events-none \",\n                )}\n              >\n                <X className=\"h-4 w-4 cursor-pointer\" aria-hidden=\"true\" />\n              </button>\n            )}\n          </div>\n        )}\n\n        {/* Content */}\n        <div className={cn(\"p-6\", noPadding && \"p-0\", contentClassName)}>{children}</div>\n      </div>\n    </div>\n  );\n\n  return resolvedPortalContainer ? createPortal(modalContent, resolvedPortalContainer) : null;\n};\n\nexport default Modal;\n"],"mappings":"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","names":["modalContent"]}