@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/browser/modules/dropdown/dropdown.js

@@ -0,0 +1,425 @@
+"use client";
+import '../../../styles/components/dropdown.css';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cloneElement, useCallback, useEffect, useId, useLayoutEffect, useRef, useState, version } from "react";
+import { tabbable } from "tabbable";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "../shared/classes.js";
+import { useMergedRef } from "../shared/field.js";
+import { FloatingPanel } from "../shared/floating.js";
+const flatten = (items)=>items.flatMap((item)=>'group' === item.type ? [
+            {
+                ...item,
+                children: void 0
+            },
+            ...flatten(item.children ?? [])
+        ] : [
+            item
+        ]);
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+function Dropdown({ items, children, disabled, open: controlled, defaultOpen = false, onOpenChange, onSelect, placement = 'bottom-start', popupWidth, popupMaxWidth = 420, trigger: triggerType = 'click', mouseEnterDelay = 100, mouseLeaveDelay = 150, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
+    const triggers = Array.isArray(triggerType) ? triggerType : [
+        triggerType
+    ];
+    const [position, setPosition] = useState();
+    const [pointerOpen, setPointerOpen] = useState(false);
+    const timer = useRef(void 0);
+    useEffect(()=>()=>clearTimeout(timer.current), []);
+    const id = useId();
+    const trigger = useRef(null);
+    const [internal, setInternal] = useState(defaultOpen);
+    const [startAtEnd, setStartAtEnd] = useState(false);
+    const [checks, setChecks] = useState({});
+    const inactive = disabled || children.props.disabled;
+    const open = !inactive && (controlled ?? internal);
+    const panels = useRef(new Set());
+    const register = useCallback((node)=>{
+        if (node) panels.current.add(node);
+    }, []);
+    const unregister = useCallback((node)=>{
+        panels.current.delete(node);
+    }, []);
+    const childRef = version.startsWith('18.') ? children.ref : children.props.ref;
+    const merged = useMergedRef(trigger, childRef);
+    const change = (next)=>{
+        if (void 0 === controlled) setInternal(next);
+        if (next !== open) onOpenChange?.(next);
+    };
+    const close = (focus = false)=>{
+        change(false);
+        if (focus) trigger.current?.focus();
+    };
+    const hoverEnter = ()=>{
+        clearTimeout(timer.current);
+        if (triggers.includes('hover') && !inactive) timer.current = setTimeout(()=>{
+            setPosition(void 0);
+            setPointerOpen(true);
+            change(true);
+        }, mouseEnterDelay);
+    };
+    const hoverLeave = ()=>{
+        clearTimeout(timer.current);
+        if (triggers.includes('hover')) timer.current = setTimeout(()=>close(), mouseLeaveDelay);
+    };
+    useEffect(()=>{
+        if (inactive) setInternal(false);
+    }, [
+        inactive
+    ]);
+    useEffect(()=>{
+        if (!open) return;
+        const inside = (target)=>target instanceof Node && (trigger.current?.contains(target) || [
+                ...panels.current
+            ].some((panel)=>panel.contains(target)));
+        const pointer = (event)=>{
+            if (!inside(event.target)) close();
+        };
+        const focus = (event)=>{
+            if (!inside(event.target)) close();
+        };
+        document.addEventListener('pointerdown', pointer);
+        document.addEventListener('focusin', focus);
+        return ()=>{
+            document.removeEventListener('pointerdown', pointer);
+            document.removeEventListener('focusin', focus);
+        };
+    });
+    const choose = (item, event)=>{
+        if (item.disabled) return;
+        if ('checkbox' === item.type || 'radio' === item.type) {
+            const checked = 'radio' === item.type || !(item.checked ?? checks[item.key]);
+            setChecks((previous)=>{
+                const next = {
+                    ...previous,
+                    [item.key]: checked
+                };
+                if ('radio' === item.type) {
+                    const visit = (entries)=>{
+                        for (const option of entries){
+                            if ('radio' === option.type && option.group === item.group) next[option.key] = option.key === item.key;
+                            if (option.children) visit(option.children);
+                        }
+                    };
+                    visit(items);
+                }
+                return next;
+            });
+            item.onCheckedChange?.(checked);
+        }
+        item.onClick?.(event);
+        onSelect?.(item.key);
+        if (item.closeOnSelect ?? ('checkbox' !== item.type && 'radio' !== item.type)) close(true);
+    };
+    const tab = (event)=>{
+        event.preventDefault();
+        const all = tabbable(document.body).filter((element)=>![
+                ...panels.current
+            ].some((panel)=>panel.contains(element)));
+        const position = trigger.current ? all.indexOf(trigger.current) : -1;
+        close();
+        (event.shiftKey ? trigger.current : all[position + 1] ?? trigger.current)?.focus();
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ cloneElement(children, {
+                ref: merged,
+                type: children.props.type ?? 'button',
+                disabled: inactive,
+                'aria-haspopup': 'menu',
+                'aria-expanded': open,
+                'aria-controls': `${id}-root`,
+                onClick: (event)=>{
+                    children.props.onClick?.(event);
+                    if (!event.defaultPrevented && !inactive && triggers.includes('click')) {
+                        setPosition(void 0);
+                        setPointerOpen(false);
+                        setStartAtEnd(false);
+                        change(!open);
+                    }
+                },
+                onPointerEnter: (event)=>{
+                    children.props.onPointerEnter?.(event);
+                    if (!event.defaultPrevented) hoverEnter();
+                },
+                onPointerLeave: (event)=>{
+                    children.props.onPointerLeave?.(event);
+                    if (!event.defaultPrevented) hoverLeave();
+                },
+                onContextMenu: (event)=>{
+                    children.props.onContextMenu?.(event);
+                    if (!event.defaultPrevented && !inactive && triggers.includes('contextMenu')) {
+                        event.preventDefault();
+                        setPosition({
+                            x: event.clientX,
+                            y: event.clientY
+                        });
+                        setPointerOpen(false);
+                        change(true);
+                    }
+                },
+                onKeyDown: (event)=>{
+                    children.props.onKeyDown?.(event);
+                    if (event.defaultPrevented || inactive) return;
+                    if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {
+                        event.preventDefault();
+                        setStartAtEnd('ArrowUp' === event.key);
+                        setPosition(void 0);
+                        setPointerOpen(false);
+                        change(true);
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsx(MenuPanel, {
+                items: items,
+                open: open,
+                trigger: trigger,
+                id: `${id}-root`,
+                placement: popupPlacement ?? placement,
+                position: position,
+                pointerOpen: pointerOpen,
+                onPointerEnter: ()=>clearTimeout(timer.current),
+                onPointerLeave: hoverLeave,
+                popupClassName: popupClassName,
+                popupStyle: popupStyle,
+                popupRender: popupRender,
+                getPopupContainer: getPopupContainer,
+                itemRender: itemRender,
+                width: popupWidth,
+                maxWidth: popupMaxWidth,
+                startAtEnd: startAtEnd,
+                register: register,
+                unregister: unregister,
+                checks: checks,
+                choose: choose,
+                close: ()=>close(true),
+                onTab: tab
+            })
+        ]
+    });
+}
+function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, startAtEnd, register, unregister, checks, choose, close, onTab, position, pointerOpen, onPointerEnter, onPointerLeave, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
+    const { direction } = useLeafConfig();
+    const panel = useRef(null);
+    const submenuTrigger = useRef(null);
+    const rows = flatten(items);
+    const enabled = rows.filter((item)=>!item.disabled && 'group' !== item.type && 'divider' !== item.type);
+    const [active, setActive] = useState();
+    const [submenu, setSubmenu] = useState();
+    const [highlight, setHighlight] = useState();
+    const current = enabled.some((item)=>item.key === active) ? active : startAtEnd ? enabled.at(-1)?.key : enabled[0]?.key;
+    useBrowserLayoutEffect(()=>{
+        const node = panel.current;
+        if (!open || !node) return;
+        const update = ()=>{
+            const row = Array.from(node.querySelectorAll('[data-key]')).find((item)=>item.dataset.key === current);
+            setHighlight(row ? {
+                '--leaf-menu-highlight-y': `${row.offsetTop}px`,
+                '--leaf-menu-highlight-height': `${row.offsetHeight}px`
+            } : void 0);
+        };
+        update();
+        if ("u" < typeof ResizeObserver) return;
+        const observer = new ResizeObserver(update);
+        observer.observe(node);
+        return ()=>observer.disconnect();
+    }, [
+        open,
+        current
+    ]);
+    useEffect(()=>{
+        if (!open) return void setSubmenu(void 0);
+        const node = panel.current;
+        register(node);
+        const choices = node?.querySelectorAll('[data-key]:not(:disabled):not([aria-disabled="true"])');
+        const choice = startAtEnd ? choices?.[choices.length - 1] : choices?.[0];
+        setActive(choice?.dataset.key);
+        if (!pointerOpen) choice?.focus();
+        return ()=>{
+            if (node) unregister(node);
+        };
+    }, [
+        open,
+        startAtEnd,
+        register,
+        unregister,
+        pointerOpen
+    ]);
+    const focus = (key)=>{
+        setActive(key);
+        if (key) Array.from(panel.current?.querySelectorAll('[data-key]') ?? []).find((node)=>node.dataset.key === key)?.focus();
+    };
+    const keyDown = (event)=>{
+        if (event.defaultPrevented) return;
+        const index = enabled.findIndex((item)=>item.key === current);
+        let next;
+        if ('ArrowDown' === event.key) next = enabled[(index + 1) % enabled.length]?.key;
+        else if ('ArrowUp' === event.key) next = enabled[(index - 1 + enabled.length) % enabled.length]?.key;
+        else if ('Home' === event.key) next = enabled[0]?.key;
+        else if ('End' === event.key) next = enabled.at(-1)?.key;
+        else if ('Escape' === event.key || event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') && ('right-start' === placement || 'left-start' === placement)) {
+            event.preventDefault();
+            event.stopPropagation();
+            close();
+            trigger.current?.focus();
+            return;
+        } else if (event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight')) {
+            const item = enabled[index];
+            if (!item?.children?.length) return;
+            else {
+                submenuTrigger.current = event.target;
+                setSubmenu(item.key);
+            }
+        } else {
+            if ('Tab' === event.key) return void onTab(event);
+            if (!(1 === event.key.length && /\S/.test(event.key))) return;
+            next = [
+                ...enabled.slice(index + 1),
+                ...enabled.slice(0, index + 1)
+            ].find((item)=>'string' == typeof item.label && item.label.toLocaleLowerCase().startsWith(event.key.toLocaleLowerCase()))?.key;
+        }
+        if (next) {
+            setSubmenu(void 0);
+            focus(next);
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    const child = rows.find((item)=>item.key === submenu);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(FloatingPanel, {
+                open: open,
+                triggerRef: trigger,
+                panelRef: panel,
+                id: id,
+                placement: placement,
+                width: width,
+                maxWidth: maxWidth,
+                className: classes('leaf-floating', 'leaf-dropdown', popupClassName),
+                position: position,
+                onPointerEnter: onPointerEnter,
+                onPointerLeave: onPointerLeave,
+                style: popupStyle,
+                render: popupRender,
+                container: getPopupContainer,
+                role: "menu",
+                tabIndex: -1,
+                onKeyDown: keyDown,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "leaf-dropdown__highlight",
+                        "aria-hidden": "true",
+                        "data-ready": Boolean(highlight),
+                        "data-danger": rows.find((item)=>item.key === current)?.danger || void 0,
+                        style: highlight
+                    }),
+                    rows.map((item)=>'divider' === item.type ? /*#__PURE__*/ jsx("hr", {
+                            className: "leaf-dropdown__divider"
+                        }, item.key) : 'group' === item.type ? /*#__PURE__*/ jsx("div", {
+                            className: "leaf-dropdown__group",
+                            role: "presentation",
+                            children: item.label
+                        }, item.key) : /*#__PURE__*/ jsxs(MenuAction, {
+                            item: item,
+                            "data-key": item.key,
+                            role: 'checkbox' === item.type ? 'menuitemcheckbox' : 'radio' === item.type ? 'menuitemradio' : 'menuitem',
+                            "aria-checked": 'checkbox' === item.type || 'radio' === item.type ? item.checked ?? Boolean(checks[item.key]) : void 0,
+                            "aria-haspopup": item.children?.length ? 'menu' : void 0,
+                            "aria-expanded": item.children?.length ? submenu === item.key : void 0,
+                            disabled: item.disabled,
+                            tabIndex: current === item.key ? 0 : -1,
+                            className: classes('leaf-floating__option', item.danger && 'leaf-dropdown__danger'),
+                            onFocus: ()=>setActive(item.key),
+                            onPointerEnter: (event)=>{
+                                if (item.disabled) return;
+                                setActive(item.key);
+                                if (item.children?.length) {
+                                    submenuTrigger.current = event.currentTarget;
+                                    setSubmenu(item.key);
+                                } else setSubmenu(void 0);
+                            },
+                            onClick: (event)=>{
+                                if (item.children?.length) {
+                                    submenuTrigger.current = event.currentTarget;
+                                    setSubmenu((previous)=>previous === item.key ? void 0 : item.key);
+                                } else choose(item, event);
+                            },
+                            children: [
+                                'checkbox' === item.type ? /*#__PURE__*/ jsx(Check, {
+                                    size: 15,
+                                    className: "leaf-dropdown__check",
+                                    style: {
+                                        opacity: item.checked ?? checks[item.key] ? 1 : 0
+                                    },
+                                    "aria-hidden": "true"
+                                }) : 'radio' === item.type ? /*#__PURE__*/ jsx(Circle, {
+                                    size: 8,
+                                    className: "leaf-dropdown__check",
+                                    fill: "currentColor",
+                                    style: {
+                                        opacity: item.checked ?? checks[item.key] ? 1 : 0
+                                    },
+                                    "aria-hidden": "true"
+                                }) : item.icon,
+                                /*#__PURE__*/ jsx("span", {
+                                    children: itemRender?.(item) ?? item.label
+                                }),
+                                item.children?.length ? /*#__PURE__*/ jsx(ChevronRight, {
+                                    size: 14,
+                                    className: "leaf-dropdown__arrow",
+                                    "aria-hidden": "true"
+                                }) : null
+                            ]
+                        }, item.key))
+                ]
+            }),
+            child?.children && /*#__PURE__*/ jsx(MenuPanel, {
+                items: child.children,
+                open: open && Boolean(submenu),
+                trigger: submenuTrigger,
+                id: `${id}-sub`,
+                placement: 'rtl' === direction ? 'left-start' : 'right-start',
+                pointerOpen: pointerOpen,
+                onPointerEnter: onPointerEnter,
+                onPointerLeave: onPointerLeave,
+                getPopupContainer: getPopupContainer,
+                itemRender: itemRender,
+                maxWidth: maxWidth,
+                register: register,
+                unregister: unregister,
+                checks: checks,
+                choose: choose,
+                close: ()=>setSubmenu(void 0),
+                onTab: onTab
+            })
+        ]
+    });
+}
+function MenuAction({ item, children, ...props }) {
+    if (item.href && !item.children?.length) return /*#__PURE__*/ jsx("a", {
+        href: item.disabled ? void 0 : item.href,
+        target: item.target,
+        rel: '_blank' === item.target ? 'noopener noreferrer' : void 0,
+        role: props.role,
+        "aria-disabled": item.disabled || void 0,
+        className: props.className,
+        tabIndex: props.tabIndex,
+        "data-key": item.key,
+        onFocus: props.onFocus,
+        onPointerEnter: props.onPointerEnter,
+        onClick: (event)=>{
+            if (item.disabled) event.preventDefault();
+            else props.onClick?.(event);
+        },
+        children: children
+    });
+    return /*#__PURE__*/ jsx("button", {
+        ...props,
+        type: "button",
+        children: children
+    });
+}
+export { Dropdown };
+
+//# sourceMappingURL=dropdown.js.map

package/dist/esm/browser/modules/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown/dropdown.js","sources":["../../../../../src/dropdown/dropdown.tsx"],"sourcesContent":["import { Check, ChevronRight, Circle } from 'lucide-react';\nimport {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  cloneElement,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { tabbable } from 'tabbable';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport { FloatingPanel } from '../shared/floating';\nexport interface DropdownItem {\n  key: string;\n  label?: ReactNode;\n  icon?: ReactNode;\n  type?: 'item' | 'divider' | 'group' | 'checkbox' | 'radio';\n  children?: readonly DropdownItem[];\n  disabled?: boolean;\n  danger?: boolean;\n  checked?: boolean;\n  group?: string;\n  closeOnSelect?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  href?: string;\n  target?: string;\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n}\nexport interface DropdownProps extends PopupOptions {\n  items: readonly DropdownItem[];\n  children: ReactElement<\n    ButtonHTMLAttributes<HTMLButtonElement> & { ref?: Ref<HTMLButtonElement> }\n  >;\n  disabled?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (key: string) => void;\n  placement?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  trigger?: 'click' | 'hover' | 'contextMenu' | readonly ('click' | 'hover' | 'contextMenu')[];\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  itemRender?: (item: DropdownItem) => ReactNode;\n}\nconst flatten = (items: readonly DropdownItem[]): DropdownItem[] =>\n  items.flatMap((item) =>\n    item.type === 'group'\n      ? [{ ...item, children: undefined }, ...flatten(item.children ?? [])]\n      : [item],\n  );\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport function Dropdown({\n  items,\n  children,\n  disabled,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  onSelect,\n  placement = 'bottom-start',\n  popupWidth,\n  popupMaxWidth = 420,\n  trigger: triggerType = 'click',\n  mouseEnterDelay = 100,\n  mouseLeaveDelay = 150,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  itemRender,\n}: DropdownProps) {\n  const triggers = Array.isArray(triggerType) ? triggerType : [triggerType];\n  const [position, setPosition] = useState<{ x: number; y: number }>();\n  const [pointerOpen, setPointerOpen] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  const id = useId();\n  const trigger = useRef<HTMLButtonElement>(null);\n  const [internal, setInternal] = useState(defaultOpen);\n  const [startAtEnd, setStartAtEnd] = useState(false);\n  const [checks, setChecks] = useState<Record<string, boolean>>({});\n  const inactive = disabled || children.props.disabled;\n  const open = !inactive && (controlled ?? internal);\n  const panels = useRef(new Set<HTMLDivElement>());\n  const register = useCallback((node: HTMLDivElement | null) => {\n    if (node) panels.current.add(node);\n  }, []);\n  const unregister = useCallback((node: HTMLDivElement) => {\n    panels.current.delete(node);\n  }, []);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLButtonElement> }).ref\n    : children.props.ref;\n  const merged = useMergedRef(trigger, childRef);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const close = (focus = false) => {\n    change(false);\n    if (focus) trigger.current?.focus();\n  };\n  const hoverEnter = () => {\n    clearTimeout(timer.current);\n    if (triggers.includes('hover') && !inactive)\n      timer.current = setTimeout(() => {\n        setPosition(undefined);\n        setPointerOpen(true);\n        change(true);\n      }, mouseEnterDelay);\n  };\n  const hoverLeave = () => {\n    clearTimeout(timer.current);\n    if (triggers.includes('hover')) timer.current = setTimeout(() => close(), mouseLeaveDelay);\n  };\n  useEffect(() => {\n    if (inactive) setInternal(false);\n  }, [inactive]);\n  useEffect(() => {\n    if (!open) return;\n    const inside = (target: EventTarget | null) =>\n      target instanceof Node &&\n      (trigger.current?.contains(target) ||\n        [...panels.current].some((panel) => panel.contains(target)));\n    const pointer = (event: PointerEvent) => {\n      if (!inside(event.target)) close();\n    };\n    const focus = (event: FocusEvent) => {\n      if (!inside(event.target)) close();\n    };\n    document.addEventListener('pointerdown', pointer);\n    document.addEventListener('focusin', focus);\n    return () => {\n      document.removeEventListener('pointerdown', pointer);\n      document.removeEventListener('focusin', focus);\n    };\n  });\n  const choose = (item: DropdownItem, event: MouseEvent<HTMLElement>) => {\n    if (item.disabled) return;\n    if (item.type === 'checkbox' || item.type === 'radio') {\n      const checked = item.type === 'radio' || !(item.checked ?? checks[item.key]);\n      setChecks((previous) => {\n        const next = { ...previous, [item.key]: checked };\n        if (item.type === 'radio') {\n          const visit = (entries: readonly DropdownItem[]) => {\n            for (const option of entries) {\n              if (option.type === 'radio' && option.group === item.group)\n                next[option.key] = option.key === item.key;\n              if (option.children) visit(option.children);\n            }\n          };\n          visit(items);\n        }\n        return next;\n      });\n      item.onCheckedChange?.(checked);\n    }\n    item.onClick?.(event);\n    onSelect?.(item.key);\n    if (item.closeOnSelect ?? (item.type !== 'checkbox' && item.type !== 'radio')) close(true);\n  };\n  const tab = (event: KeyboardEvent) => {\n    event.preventDefault();\n    const all = tabbable(document.body).filter(\n      (element) => ![...panels.current].some((panel) => panel.contains(element)),\n    );\n    const position = trigger.current ? all.indexOf(trigger.current) : -1;\n    close();\n    (event.shiftKey ? trigger.current : (all[position + 1] ?? trigger.current))?.focus();\n  };\n  return (\n    <>\n      {cloneElement(children, {\n        ref: merged,\n        type: children.props.type ?? 'button',\n        disabled: inactive,\n        'aria-haspopup': 'menu',\n        'aria-expanded': open,\n        'aria-controls': `${id}-root`,\n        onClick: (event) => {\n          children.props.onClick?.(event);\n          if (!event.defaultPrevented && !inactive && triggers.includes('click')) {\n            setPosition(undefined);\n            setPointerOpen(false);\n            setStartAtEnd(false);\n            change(!open);\n          }\n        },\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (!event.defaultPrevented) hoverEnter();\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          if (!event.defaultPrevented) hoverLeave();\n        },\n        onContextMenu: (event) => {\n          children.props.onContextMenu?.(event);\n          if (!event.defaultPrevented && !inactive && triggers.includes('contextMenu')) {\n            event.preventDefault();\n            setPosition({ x: event.clientX, y: event.clientY });\n            setPointerOpen(false);\n            change(true);\n          }\n        },\n        onKeyDown: (event) => {\n          children.props.onKeyDown?.(event);\n          if (event.defaultPrevented || inactive) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setStartAtEnd(event.key === 'ArrowUp');\n            setPosition(undefined);\n            setPointerOpen(false);\n            change(true);\n          }\n        },\n      })}\n      <MenuPanel\n        items={items}\n        open={open}\n        trigger={trigger}\n        id={`${id}-root`}\n        placement={(popupPlacement ?? placement) as PanelProps['placement']}\n        position={position}\n        pointerOpen={pointerOpen}\n        onPointerEnter={() => clearTimeout(timer.current)}\n        onPointerLeave={hoverLeave}\n        popupClassName={popupClassName}\n        popupStyle={popupStyle}\n        popupRender={popupRender}\n        getPopupContainer={getPopupContainer}\n        itemRender={itemRender}\n        width={popupWidth}\n        maxWidth={popupMaxWidth}\n        startAtEnd={startAtEnd}\n        register={register}\n        unregister={unregister}\n        checks={checks}\n        choose={choose}\n        close={() => close(true)}\n        onTab={tab}\n      />\n    </>\n  );\n}\ninterface PanelProps extends PopupOptions {\n  items: readonly DropdownItem[];\n  open: boolean;\n  trigger: RefObject<HTMLElement | null>;\n  id: string;\n  placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'left-start';\n  width?: number | string;\n  maxWidth: number | string;\n  startAtEnd?: boolean;\n  register: (node: HTMLDivElement | null) => void;\n  unregister: (node: HTMLDivElement) => void;\n  checks: Record<string, boolean>;\n  choose: (item: DropdownItem, event: MouseEvent<HTMLElement>) => void;\n  close: () => void;\n  onTab: (event: KeyboardEvent) => void;\n  position?: { x: number; y: number };\n  pointerOpen?: boolean;\n  onPointerEnter?: () => void;\n  onPointerLeave?: () => void;\n  itemRender?: (item: DropdownItem) => ReactNode;\n}\nfunction MenuPanel({\n  items,\n  open,\n  trigger,\n  id,\n  placement,\n  width,\n  maxWidth,\n  startAtEnd,\n  register,\n  unregister,\n  checks,\n  choose,\n  close,\n  onTab,\n  position,\n  pointerOpen,\n  onPointerEnter,\n  onPointerLeave,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  itemRender,\n}: PanelProps) {\n  const { direction } = useLeafConfig();\n  const panel = useRef<HTMLDivElement>(null);\n  const submenuTrigger = useRef<HTMLElement | null>(null);\n  const rows = flatten(items);\n  const enabled = rows.filter(\n    (item) => !item.disabled && item.type !== 'group' && item.type !== 'divider',\n  );\n  const [active, setActive] = useState<string>();\n  const [submenu, setSubmenu] = useState<string>();\n  const [highlight, setHighlight] = useState<CSSProperties>();\n  const current = enabled.some((item) => item.key === active)\n    ? active\n    : startAtEnd\n      ? enabled.at(-1)?.key\n      : enabled[0]?.key;\n  useBrowserLayoutEffect(() => {\n    const node = panel.current;\n    if (!open || !node) return;\n    const update = () => {\n      const row = Array.from(node.querySelectorAll<HTMLElement>('[data-key]')).find(\n        (item) => item.dataset.key === current,\n      );\n      setHighlight(\n        row\n          ? ({\n              '--leaf-menu-highlight-y': `${row.offsetTop}px`,\n              '--leaf-menu-highlight-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [open, current]);\n  useEffect(() => {\n    if (!open) {\n      setSubmenu(undefined);\n      return;\n    }\n    const node = panel.current;\n    register(node);\n    const choices = node?.querySelectorAll<HTMLElement>(\n      '[data-key]:not(:disabled):not([aria-disabled=\"true\"])',\n    );\n    const choice = startAtEnd ? choices?.[choices.length - 1] : choices?.[0];\n    setActive(choice?.dataset.key);\n    if (!pointerOpen) choice?.focus();\n    return () => {\n      if (node) unregister(node);\n    };\n  }, [open, startAtEnd, register, unregister, pointerOpen]);\n  const focus = (key?: string) => {\n    setActive(key);\n    if (key)\n      Array.from(panel.current?.querySelectorAll<HTMLElement>('[data-key]') ?? [])\n        .find((node) => node.dataset.key === key)\n        ?.focus();\n  };\n  const keyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.defaultPrevented) return;\n    const index = enabled.findIndex((item) => item.key === current);\n    let next: string | undefined;\n    if (event.key === 'ArrowDown') next = enabled[(index + 1) % enabled.length]?.key;\n    else if (event.key === 'ArrowUp')\n      next = enabled[(index - 1 + enabled.length) % enabled.length]?.key;\n    else if (event.key === 'Home') next = enabled[0]?.key;\n    else if (event.key === 'End') next = enabled.at(-1)?.key;\n    else if (\n      event.key === 'Escape' ||\n      (event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft') &&\n        (placement === 'right-start' || placement === 'left-start'))\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n      close();\n      trigger.current?.focus();\n      return;\n    } else if (event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')) {\n      const item = enabled[index];\n      if (item?.children?.length) {\n        submenuTrigger.current = event.target as HTMLElement;\n        setSubmenu(item.key);\n      } else return;\n    } else if (event.key === 'Tab') {\n      onTab(event);\n      return;\n    } else if (event.key.length === 1 && /\\S/.test(event.key))\n      next = [...enabled.slice(index + 1), ...enabled.slice(0, index + 1)].find(\n        (item) =>\n          typeof item.label === 'string' &&\n          item.label.toLocaleLowerCase().startsWith(event.key.toLocaleLowerCase()),\n      )?.key;\n    else return;\n    if (next) {\n      setSubmenu(undefined);\n      focus(next);\n    }\n    event.preventDefault();\n    event.stopPropagation();\n  };\n  const child = rows.find((item) => item.key === submenu);\n  return (\n    <>\n      <FloatingPanel\n        open={open}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        placement={placement}\n        width={width}\n        maxWidth={maxWidth}\n        className={classes('leaf-floating', 'leaf-dropdown', popupClassName)}\n        position={position}\n        onPointerEnter={onPointerEnter}\n        onPointerLeave={onPointerLeave}\n        style={popupStyle}\n        render={popupRender}\n        container={getPopupContainer}\n        role=\"menu\"\n        tabIndex={-1}\n        onKeyDown={keyDown}\n      >\n        <div\n          className=\"leaf-dropdown__highlight\"\n          aria-hidden=\"true\"\n          data-ready={Boolean(highlight)}\n          data-danger={rows.find((item) => item.key === current)?.danger || undefined}\n          style={highlight}\n        />\n        {rows.map((item) =>\n          item.type === 'divider' ? (\n            <hr key={item.key} className=\"leaf-dropdown__divider\" />\n          ) : item.type === 'group' ? (\n            <div key={item.key} className=\"leaf-dropdown__group\" role=\"presentation\">\n              {item.label}\n            </div>\n          ) : (\n            <MenuAction\n              item={item}\n              key={item.key}\n              data-key={item.key}\n              role={\n                item.type === 'checkbox'\n                  ? 'menuitemcheckbox'\n                  : item.type === 'radio'\n                    ? 'menuitemradio'\n                    : 'menuitem'\n              }\n              aria-checked={\n                item.type === 'checkbox' || item.type === 'radio'\n                  ? (item.checked ?? Boolean(checks[item.key]))\n                  : undefined\n              }\n              aria-haspopup={item.children?.length ? 'menu' : undefined}\n              aria-expanded={item.children?.length ? submenu === item.key : undefined}\n              disabled={item.disabled}\n              tabIndex={current === item.key ? 0 : -1}\n              className={classes('leaf-floating__option', item.danger && 'leaf-dropdown__danger')}\n              onFocus={() => setActive(item.key)}\n              onPointerEnter={(event) => {\n                if (item.disabled) return;\n                setActive(item.key);\n                if (item.children?.length) {\n                  submenuTrigger.current = event.currentTarget;\n                  setSubmenu(item.key);\n                } else setSubmenu(undefined);\n              }}\n              onClick={(event) => {\n                if (item.children?.length) {\n                  submenuTrigger.current = event.currentTarget;\n                  setSubmenu((previous) => (previous === item.key ? undefined : item.key));\n                } else choose(item, event);\n              }}\n            >\n              {item.type === 'checkbox' ? (\n                <Check\n                  size={15}\n                  className=\"leaf-dropdown__check\"\n                  style={{ opacity: (item.checked ?? checks[item.key]) ? 1 : 0 }}\n                  aria-hidden=\"true\"\n                />\n              ) : item.type === 'radio' ? (\n                <Circle\n                  size={8}\n                  className=\"leaf-dropdown__check\"\n                  fill=\"currentColor\"\n                  style={{ opacity: (item.checked ?? checks[item.key]) ? 1 : 0 }}\n                  aria-hidden=\"true\"\n                />\n              ) : (\n                item.icon\n              )}\n              <span>{itemRender?.(item) ?? item.label}</span>\n              {item.children?.length ? (\n                <ChevronRight size={14} className=\"leaf-dropdown__arrow\" aria-hidden=\"true\" />\n              ) : null}\n            </MenuAction>\n          ),\n        )}\n      </FloatingPanel>\n      {child?.children && (\n        <MenuPanel\n          items={child.children}\n          open={open && Boolean(submenu)}\n          trigger={submenuTrigger}\n          id={`${id}-sub`}\n          placement={direction === 'rtl' ? 'left-start' : 'right-start'}\n          pointerOpen={pointerOpen}\n          onPointerEnter={onPointerEnter}\n          onPointerLeave={onPointerLeave}\n          getPopupContainer={getPopupContainer}\n          itemRender={itemRender}\n          maxWidth={maxWidth}\n          register={register}\n          unregister={unregister}\n          checks={checks}\n          choose={choose}\n          close={() => setSubmenu(undefined)}\n          onTab={onTab}\n        />\n      )}\n    </>\n  );\n}\n\nfunction MenuAction({\n  item,\n  children,\n  ...props\n}: { item: DropdownItem } & ButtonHTMLAttributes<HTMLButtonElement>) {\n  if (item.href && !item.children?.length)\n    return (\n      <a\n        href={item.disabled ? undefined : item.href}\n        target={item.target}\n        rel={item.target === '_blank' ? 'noopener noreferrer' : undefined}\n        role={props.role}\n        aria-disabled={item.disabled || undefined}\n        className={props.className}\n        tabIndex={props.tabIndex}\n        data-key={item.key}\n        onFocus={props.onFocus as never}\n        onPointerEnter={props.onPointerEnter as never}\n        onClick={(event) => {\n          if (item.disabled) event.preventDefault();\n          else props.onClick?.(event as never);\n        }}\n      >\n        {children}\n      </a>\n    );\n  return (\n    <button {...props} type=\"button\">\n      {children}\n    </button>\n  );\n}\n"],"names":["flatten","items","item","undefined","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Dropdown","children","disabled","controlled","defaultOpen","onOpenChange","onSelect","placement","popupWidth","popupMaxWidth","triggerType","mouseEnterDelay","mouseLeaveDelay","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","itemRender","triggers","Array","position","setPosition","useState","pointerOpen","setPointerOpen","timer","useRef","clearTimeout","id","useId","trigger","internal","setInternal","startAtEnd","setStartAtEnd","checks","setChecks","inactive","open","panels","Set","register","useCallback","node","unregister","childRef","version","merged","useMergedRef","change","next","close","focus","hoverEnter","setTimeout","hoverLeave","inside","target","Node","panel","pointer","event","document","choose","checked","previous","visit","entries","option","tab","all","tabbable","element","cloneElement","MenuPanel","width","maxWidth","onTab","onPointerEnter","onPointerLeave","direction","useLeafConfig","submenuTrigger","rows","enabled","active","setActive","submenu","setSubmenu","highlight","setHighlight","current","update","row","ResizeObserver","observer","choices","choice","key","keyDown","index","child","FloatingPanel","classes","Boolean","MenuAction","Check","Circle","ChevronRight","props"],"mappings":"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"}

package/dist/esm/browser/modules/dropdown/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Dropdown } from "./dropdown.js";

package/dist/esm/browser/modules/empty/empty.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Result } from "../result/index.js";
+function Empty({ image, description, children, className, ...props }) {
+    return /*#__PURE__*/ jsx(Result, {
+        ...props,
+        status: "empty",
+        icon: image,
+        title: description,
+        extra: children,
+        className: [
+            'leaf-empty',
+            className
+        ].filter(Boolean).join(' ')
+    });
+}
+export { Empty };
+
+//# sourceMappingURL=empty.js.map

package/dist/esm/browser/modules/empty/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty/empty.js","sources":["../../../../../src/empty/empty.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport { Result } from '../result';\n\n/** @deprecated Use Result with status=\"empty\" instead. */\nexport interface EmptyProps extends HTMLAttributes<HTMLDivElement> {\n  image?: ReactNode;\n  description?: ReactNode;\n  size?: 'sm' | 'md';\n}\n/** @deprecated Use Result with status=\"empty\" instead. */\nexport function Empty({ image, description, children, className, ...props }: EmptyProps) {\n  return (\n    <Result\n      {...props}\n      status=\"empty\"\n      icon={image}\n      title={description}\n      extra={children}\n      className={['leaf-empty', className].filter(Boolean).join(' ')}\n    />\n  );\n}\n"],"names":["Empty","image","description","children","className","props","Result","Boolean"],"mappings":";;;AAUO,SAASA,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAAmB;IACrF,OAAO,WAAP,GACE,IAACC,QAAMA;QACJ,GAAGD,KAAK;QACT,QAAO;QACP,MAAMJ;QACN,OAAOC;QACP,OAAOC;QACP,WAAW;YAAC;YAAcC;SAAU,CAAC,MAAM,CAACG,SAAS,IAAI,CAAC;;AAGhE"}

package/dist/esm/browser/modules/empty/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Empty } from "./empty.js";

package/dist/esm/browser/modules/errorboundary/errorboundary.js

@@ -0,0 +1,57 @@
+"use client";
+import '../../../styles/components/errorboundary.css';
+import { jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { Button } from "../button/index.js";
+import { Result } from "../result/index.js";
+import { useText } from "../shared/use-text.js";
+class ErrorBoundary extends Component {
+    state = {
+        error: null
+    };
+    static getDerivedStateFromError(error) {
+        return {
+            error
+        };
+    }
+    componentDidCatch(error, info) {
+        this.props.onError?.(error, info);
+    }
+    componentDidUpdate(previous) {
+        const next = this.props.resetKeys ?? [];
+        const old = previous.resetKeys ?? [];
+        if (this.state.error && (next.length !== old.length || next.some((item, index)=>!Object.is(item, old[index])))) this.reset();
+    }
+    reset = ()=>{
+        this.props.onReset?.();
+        this.setState({
+            error: null
+        });
+    };
+    render() {
+        if (!this.state.error) return this.props.children;
+        const fallback = this.props.fallback;
+        return 'function' == typeof fallback ? fallback({
+            error: this.state.error,
+            reset: this.reset
+        }) : fallback ?? /*#__PURE__*/ jsx(DefaultFallback, {
+            reset: this.reset
+        });
+    }
+}
+function DefaultFallback({ reset }) {
+    const t = useText();
+    return /*#__PURE__*/ jsx(Result, {
+        className: "leaf-error-boundary",
+        status: "error",
+        title: t('内容暂时无法显示', 'This content could not be displayed'),
+        description: t('请重试，或稍后返回。', 'Please retry or come back later.'),
+        extra: /*#__PURE__*/ jsx(Button, {
+            onClick: reset,
+            children: t('重试', 'Retry')
+        })
+    });
+}
+export { ErrorBoundary };
+
+//# sourceMappingURL=errorboundary.js.map

package/dist/esm/browser/modules/errorboundary/errorboundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorboundary/errorboundary.js","sources":["../../../../../src/errorboundary/errorboundary.tsx"],"sourcesContent":["import { Component, type ErrorInfo, type ReactNode } from 'react';\nimport { Button } from '../button';\nimport { Result } from '../result';\nimport { useText } from '../shared/use-text';\nexport interface ErrorBoundaryFallbackProps {\n  error: Error;\n  reset: () => void;\n}\nexport interface ErrorBoundaryProps {\n  children?: ReactNode;\n  fallback?: ReactNode | ((props: ErrorBoundaryFallbackProps) => ReactNode);\n  resetKeys?: readonly unknown[];\n  onError?: (error: Error, info: ErrorInfo) => void;\n  onReset?: () => void;\n}\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, { error: Error | null }> {\n  state: { error: Error | null } = { error: null };\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n  componentDidCatch(error: Error, info: ErrorInfo) {\n    this.props.onError?.(error, info);\n  }\n  componentDidUpdate(previous: ErrorBoundaryProps) {\n    const next = this.props.resetKeys ?? [];\n    const old = previous.resetKeys ?? [];\n    if (\n      this.state.error &&\n      (next.length !== old.length || next.some((item, index) => !Object.is(item, old[index])))\n    )\n      this.reset();\n  }\n  reset = () => {\n    this.props.onReset?.();\n    this.setState({ error: null });\n  };\n  render() {\n    if (!this.state.error) return this.props.children;\n    const fallback = this.props.fallback;\n    return typeof fallback === 'function'\n      ? fallback({ error: this.state.error, reset: this.reset })\n      : (fallback ?? <DefaultFallback reset={this.reset} />);\n  }\n}\nfunction DefaultFallback({ reset }: { reset: () => void }) {\n  const t = useText();\n  return (\n    <Result\n      className=\"leaf-error-boundary\"\n      status=\"error\"\n      title={t('内容暂时无法显示', 'This content could not be displayed')}\n      description={t('请重试，或稍后返回。', 'Please retry or come back later.')}\n      extra={<Button onClick={reset}>{t('重试', 'Retry')}</Button>}\n    />\n  );\n}\n"],"names":["ErrorBoundary","Component","error","info","previous","next","old","item","index","Object","fallback","DefaultFallback","reset","t","useText","Result","Button"],"mappings":";;;;;;;AAeO,MAAMA,sBAAsBC;IACjC,QAAiC;QAAE,OAAO;IAAK,EAAE;IACjD,OAAO,yBAAyBC,KAAY,EAAE;QAC5C,OAAO;YAAEA;QAAM;IACjB;IACA,kBAAkBA,KAAY,EAAEC,IAAe,EAAE;QAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAGD,OAAOC;IAC9B;IACA,mBAAmBC,QAA4B,EAAE;QAC/C,MAAMC,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE;QACvC,MAAMC,MAAMF,SAAS,SAAS,IAAI,EAAE;QACpC,IACE,IAAI,CAAC,KAAK,CAAC,KAAK,IACfC,CAAAA,KAAK,MAAM,KAAKC,IAAI,MAAM,IAAID,KAAK,IAAI,CAAC,CAACE,MAAMC,QAAU,CAACC,OAAO,EAAE,CAACF,MAAMD,GAAG,CAACE,MAAM,EAAC,GAEtF,IAAI,CAAC,KAAK;IACd;IACA,QAAQ;QACN,IAAI,CAAC,KAAK,CAAC,OAAO;QAClB,IAAI,CAAC,QAAQ,CAAC;YAAE,OAAO;QAAK;IAC9B,EAAE;IACF,SAAS;QACP,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;QACjD,MAAME,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ;QACpC,OAAO,AAAoB,cAApB,OAAOA,WACVA,SAAS;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC,KAAK;QAAC,KACrDA,YAAY,WAAZA,GAAY,IAACC,iBAAeA;YAAC,OAAO,IAAI,CAAC,KAAK;;IACrD;AACF;AACA,SAASA,gBAAgB,EAAEC,KAAK,EAAyB;IACvD,MAAMC,IAAIC;IACV,OAAO,WAAP,GACE,IAACC,QAAMA;QACL,WAAU;QACV,QAAO;QACP,OAAOF,EAAE,YAAY;QACrB,aAAaA,EAAE,cAAc;QAC7B,qBAAO,IAACG,QAAMA;YAAC,SAASJ;sBAAQC,EAAE,MAAM;;;AAG9C"}

package/dist/esm/browser/modules/errorboundary/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { ErrorBoundary } from "./errorboundary.js";