@kadoui/react 1.2.4 → 1.2.5

package/dist/components/Popover/Popover.d.ts

@@ -1,8 +1,8 @@
-import { PopoverMenu } from "./PopoverMenu";
+import { PopoverBody } from "./PopoverBody";
 import { PopoverRoot } from "./PopoverRoot";
 import { PopoverToggle } from "./PopoverToggle";
 export declare const Popover: typeof PopoverRoot & {
     Toggle: typeof PopoverToggle;
-    Menu: typeof PopoverMenu;
+    Body: typeof PopoverBody;
 };
 //# sourceMappingURL=Popover.d.ts.map

package/dist/components/Popover/Popover.js

@@ -1,7 +1,7 @@
-import { PopoverMenu } from "./PopoverMenu";
+import { PopoverBody } from "./PopoverBody";
 import { PopoverRoot } from "./PopoverRoot";
 import { PopoverToggle } from "./PopoverToggle";
 export const Popover = Object.assign(PopoverRoot, {
     Toggle: PopoverToggle,
-    Menu: PopoverMenu
+    Body: PopoverBody
 });

package/dist/components/Popover/PopoverBody.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export type PopoverBodyPropsT = HTMLAttributes<HTMLDivElement> & {
+    preventClose?: boolean;
+};
+export declare function PopoverBody({ preventClose, onClick, ...p }: PopoverBodyPropsT): import("react").JSX.Element | null;
+//# sourceMappingURL=PopoverBody.d.ts.map

package/dist/components/Popover/PopoverBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,sCAkB7E"}

package/dist/components/Popover/PopoverBody.jsx

@@ -0,0 +1,12 @@
+"use client";
+import { use } from "react";
+import { PopoverContext } from "./PopoverContext";
+export function PopoverBody({ preventClose, onClick, ...p }) {
+    const { bodyRef, isOpen } = use(PopoverContext);
+    return (isOpen ? (<div ref={bodyRef} onClick={ev => {
+            if (preventClose) {
+                ev.stopPropagation();
+            }
+            onClick?.(ev);
+        }} {...p}/>) : null);
+}

package/dist/components/Popover/PopoverContext.d.ts

@@ -3,7 +3,7 @@ export type PopoverContextT = {
     isOpen: boolean;
     setOpen: Dispatch<SetStateAction<boolean>>;
     toggleRef: RefObject<HTMLButtonElement | null>;
-    menuRef: RefObject<HTMLDivElement | null>;
+    bodyRef: RefObject<HTMLDivElement | null>;
     mode: "click" | "hover" | "both";
 };
 export declare const PopoverContext: import("react").Context<PopoverContextT>;

package/dist/components/Popover/PopoverRoot.jsx

@@ -5,7 +5,7 @@ import { selectAccessibleChildren } from "../../utils";
 export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }) {
     const [isOpen, setOpen] = useState(false);
     const toggleRef = useRef(null);
-    const menuRef = useRef(null);
+    const bodyRef = useRef(null);
     useEffect(() => {
         const closeHandler = () => {
             setOpen(false);
@@ -19,10 +19,10 @@ export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown,
         }
     }, [isOpen]);
     const selectFirstMenuChild = () => {
-        if (!menuRef.current) {
+        if (!bodyRef.current) {
             return;
         }
-        const children = selectAccessibleChildren(menuRef.current);
+        const children = selectAccessibleChildren(bodyRef.current);
         const firstChild = children[0];
         if (!firstChild) {
             return;
@@ -54,7 +54,7 @@ export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown,
             }
         }
     };
-    return (<PopoverContext value={{ isOpen, setOpen, toggleRef, menuRef, mode }}>
+    return (<PopoverContext value={{ isOpen, setOpen, toggleRef, bodyRef, mode }}>
       <div onKeyDown={ev => {
             onKeyDown?.(ev);
             handleKeyDown(ev);

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@kadoui/react",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Kadoui primitive components for React",
-  "author": "Jstation",
+  "author": "ArrowUp",
   "license": "MIT",
   "type": "module",
   "scripts": {