@kadoui/react 1.10.13 → 1.10.15

package/dist/components/AccessNavigation/AccessNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAIpF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,YAAY,EACZ,SAAe,EACf,GAAG,EACH,SAAS,EACT,GAAG,CAAC,EACL,EAAE,sBAAsB,2CAkExB"}
+{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAIpF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,YAAY,EACZ,SAAe,EACf,GAAG,EACH,SAAS,EACT,GAAG,CAAC,EACL,EAAE,sBAAsB,2CAsExB"}

package/dist/components/AccessNavigation/AccessNavigation.js

@@ -28,6 +28,7 @@ export function AccessNavigation({ ref, focusOnMount, direction = "y", dir, onKe
                     ? "ArrowRight"
                     : "ArrowLeft")) {
             ev.preventDefault();
+            ev.stopPropagation();
             const nextIndex = currentIndex === -1 || currentIndex === focusableChildren.length - 1
                 ? 0
                 : currentIndex + 1;
@@ -36,6 +37,7 @@ export function AccessNavigation({ ref, focusOnMount, direction = "y", dir, onKe
         if (ev.key ===
             (direction === "y" ? "ArrowUp" : currentDir === "ltr" ? "ArrowLeft" : "ArrowRight")) {
             ev.preventDefault();
+            ev.stopPropagation();
             const prevIndex = currentIndex <= 0 ? focusableChildren.length - 1 : currentIndex - 1;
             focusableChildren[prevIndex]?.focus();
         }

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

@@ -1,7 +1,9 @@
 import { PopoverBody } from "./PopoverBody";
 import { PopoverRoot } from "./PopoverRoot";
 import { PopoverToggle } from "./PopoverToggle";
+import { PopoverAccessNavigation } from "./PopoverAccessNavigation";
 export declare const Popover: typeof PopoverRoot & {
+    AccessNavigation: typeof PopoverAccessNavigation;
     Toggle: typeof PopoverToggle;
     Body: typeof PopoverBody;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,OAAO;;;CAGlB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/components/Popover/Popover.js

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

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

@@ -0,0 +1,3 @@
+import { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
+export declare function PopoverAccessNavigation(p: AccessNavigationPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PopoverAccessNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverAccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverAccessNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,sBAAsB,2CAEhE"}

package/dist/components/Popover/PopoverAccessNavigation.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccessNavigation, } from "../AccessNavigation/AccessNavigation";
+export function PopoverAccessNavigation(p) {
+    return _jsx(AccessNavigation, { ...p });
+}

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

@@ -1 +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,kDAmB7E"}
+{"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,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,kDAiB7E"}

package/dist/components/Popover/PopoverBody.js

@@ -4,10 +4,10 @@ import { use } from "react";
 import { PopoverContext } from "./PopoverContext";
 export function PopoverBody({ preventClose, onClick, ...p }) {
     const { bodyRef, isOpen } = use(PopoverContext);
-    return (isOpen ? (_jsx("div", { ref: bodyRef, "data-state": isOpen ? "active" : "inactive", onClick: ev => {
+    return isOpen ? (_jsx("div", { ref: bodyRef, "data-state": isOpen, onClick: (ev) => {
             if (preventClose) {
                 ev.stopPropagation();
             }
             onClick?.(ev);
-        }, ...p })) : null);
+        }, ...p })) : null;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAA;AAED,eAAO,MAAM,cAAc,0CAAwD,CAAC"}
+{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,cAAc,0CAAwD,CAAC"}

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

@@ -2,7 +2,6 @@ import { HTMLAttributes } from "react";
 import { PopoverContextT } from "./PopoverContext";
 export type PopoverRootPropsT = HTMLAttributes<HTMLDivElement> & {
     mode?: PopoverContextT["mode"];
-    accessHorizontalArrows?: "ArrowRight" | "ArrowLeft";
 };
-export declare function PopoverRoot({ mode, accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }: PopoverRootPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverRoot({ mode, onMouseEnter, onMouseLeave, ...p }: PopoverRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PopoverRoot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAGnF,OAAO,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,sBAAsB,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrD,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAc,EACd,sBAAsB,EACtB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,GAAG,CAAC,EACL,EAAE,iBAAiB,2CA+FnB"}
+{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAc,EACd,YAAY,EACZ,YAAY,EACZ,GAAG,CAAC,EACL,EAAE,iBAAiB,2CAiEnB"}

package/dist/components/Popover/PopoverRoot.js

@@ -4,7 +4,7 @@ import { usePathname } from "next/navigation";
 import { useEffect, useRef, useState } from "react";
 import { selectAccessibleChildren } from "../../utils";
 import { PopoverContext } from "./PopoverContext";
-export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }) {
+export function PopoverRoot({ mode = "click", onMouseEnter, onMouseLeave, ...p }) {
     const pathname = usePathname();
     const [isOpen, setOpen] = useState(false);
     const toggleRef = useRef(null);
@@ -35,35 +35,7 @@ export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown,
         }
         firstChild.focus();
     };
-    const handleKeyDown = (ev) => {
-        if (!accessHorizontalArrows) {
-            return null;
-        }
-        if (ev.key === "ArrowRight") {
-            if (accessHorizontalArrows === "ArrowRight") {
-                setOpen(true);
-                selectFirstMenuChild();
-            }
-            else {
-                setOpen(false);
-                toggleRef.current?.focus();
-            }
-        }
-        if (ev.key === "ArrowLeft") {
-            if (accessHorizontalArrows === "ArrowLeft") {
-                setOpen(true);
-                selectFirstMenuChild();
-            }
-            else {
-                setOpen(false);
-                toggleRef.current?.focus();
-            }
-        }
-    };
-    return (_jsx(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: _jsx("div", { "data-state": isOpen ? "active" : "inactive", onKeyDown: (ev) => {
-                onKeyDown?.(ev);
-                handleKeyDown(ev);
-            }, onMouseEnter: (ev) => {
+    return (_jsx(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: _jsx("div", { "data-state": isOpen, onMouseEnter: (ev) => {
                 onMouseEnter?.(ev);
                 if (["hover", "both"].includes(mode)) {
                     ev.stopPropagation();

package/dist/components/Popover/PopoverToggle.js

@@ -4,11 +4,11 @@ import { use } from "react";
 import { PopoverContext } from "./PopoverContext";
 export function PopoverToggle({ onClick, ...props }) {
     const { mode, toggleRef, isOpen, setOpen } = use(PopoverContext);
-    return (_jsx("button", { ref: toggleRef, "data-state": isOpen ? "active" : "inactive", onClick: ev => {
+    return (_jsx("button", { ref: toggleRef, "data-state": isOpen, onClick: (ev) => {
             onClick?.(ev);
             ev.stopPropagation();
             if (["click", "both"].includes(mode)) {
-                setOpen(prev => !prev);
+                setOpen((prev) => !prev);
             }
         }, ...props }));
 }

package/dist/components/SelectBox/SelectBoxOptions.d.ts

@@ -14,6 +14,6 @@ type MergedSelectMode = WithMultiSelect | WithSingleSelect;
 type SelectBoxOptionsPropsT = ButtonHTMLAttributes<HTMLButtonElement> & MergedSelectMode & {
     options: SelectBoxOptionT[];
 };
-export default function SelectBoxOptions({ options, multiSelect, optionValue, setOptionValue, ...p }: SelectBoxOptionsPropsT): import("react/jsx-runtime").JSX.Element[];
+export default function SelectBoxOptions({ options, multiSelect, optionValue, setOptionValue, ...p }: SelectBoxOptionsPropsT): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SelectBoxOptions.d.ts.map

package/dist/components/SelectBox/SelectBoxOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxOptions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,KAAK,eAAe,GAAG;IACrB,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAE3D,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACnE,gBAAgB,GAAG;IACjB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,WAAW,EACX,WAAW,EACX,cAAc,EACd,GAAG,CAAC,EACL,EAAE,sBAAsB,6CA+CxB"}
+{"version":3,"file":"SelectBoxOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/SelectBoxOptions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,KAAK,eAAe,GAAG;IACrB,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAE3D,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACnE,gBAAgB,GAAG;IACjB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,WAAW,EACX,WAAW,EACX,cAAc,EACd,GAAG,CAAC,EACL,EAAE,sBAAsB,2CAuDxB"}

package/dist/components/SelectBox/SelectBoxOptions.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { use } from "react";
 import { SelectBoxContext } from "./SelectBoxContext";
 export default function SelectBoxOptions({ options, multiSelect, optionValue, setOptionValue, ...p }) {
@@ -14,30 +14,32 @@ export default function SelectBoxOptions({ options, multiSelect, optionValue, se
             otherOptions.push(item);
         }
     });
-    const currentOptions = [...filteredOptions, ...otherOptions];
-    return currentOptions.map((item) => {
-        const isSelected = multiSelect
-            ? optionValue.some((v) => v.value === item.value)
-            : optionValue?.value === item.value;
-        return (_jsx("button", { type: "button", "data-state": isSelected, onClick: () => {
-                if (multiSelect) {
-                    if (isSelected) {
-                        setOptionValue(optionValue.filter((v) => v.value !== item.value));
+    const renderOptions = (options, isOther) => {
+        return options.map((item) => {
+            const isSelected = multiSelect
+                ? optionValue.some((v) => v.value === item.value)
+                : optionValue?.value === item.value;
+            return (_jsx("button", { type: "button", disabled: isOther, "data-state": isSelected, onClick: () => {
+                    if (multiSelect) {
+                        if (isSelected) {
+                            setOptionValue(optionValue.filter((v) => v.value !== item.value));
+                        }
+                        else {
+                            setOptionValue([...optionValue, item]);
+                        }
                     }
                     else {
-                        setOptionValue([...optionValue, item]);
+                        if (isSelected) {
+                            setOptionValue(null);
+                        }
+                        else {
+                            setOptionValue(item);
+                            setInputSearch(item.name);
+                            setInputFocused(false);
+                        }
                     }
-                }
-                else {
-                    if (isSelected) {
-                        setOptionValue(null);
-                    }
-                    else {
-                        setOptionValue(item);
-                        setInputSearch(item.name);
-                        setInputFocused(false);
-                    }
-                }
-            }, ...p, children: item.name }, item.value));
-    });
+                }, ...p, children: item.name }, item.value));
+        });
+    };
+    return (_jsxs(_Fragment, { children: [renderOptions(filteredOptions), renderOptions(otherOptions, true)] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "1.10.13",
+  "version": "1.10.15",
   "description": "Kadoui primitive components for React",
   "author": "FarzadVav",
   "license": "MIT",