@openviking/react 0.1.7 → 0.1.8-beta.11.1.gc6def608a25e

package/dist/c~0.js

@@ -22,6 +22,7 @@ const en_US_messages = {
     searchReferences: 'Search files and directories',
     emptyReferences: 'No matching files or directories',
     removeReference: 'Remove reference',
+    openReference: 'Open {uri}',
     expandReference: 'Expand {name}',
     collapseReference: 'Collapse {name}',
     welcomeTitle: 'Welcome to VikingBot',
@@ -62,6 +63,7 @@ const zh_CN_messages = {
     searchReferences: '搜索文件或目录',
     emptyReferences: '暂无匹配的文件或目录',
     removeReference: '移除引用',
+    openReference: '打开 {uri}',
     expandReference: '展开 {name}',
     collapseReference: '收起 {name}',
     welcomeTitle: '欢迎使用 VikingBot',
@@ -95,20 +97,82 @@ const DEFAULT_LABELS = en_US;
 function resolveVikingBotLabels(locale, labels) {
     return resolveLocale(LOCALES, locale, labels);
 }
+function navigatePopoverTab(event, anchor, surface, close) {
+    if ('Tab' !== event.key || event.altKey || event.ctrlKey || event.metaKey) return;
+    const trigger = anchor?.querySelector('button');
+    const controls = [
+        ...surface?.querySelectorAll('button, a[href], input, select, textarea, [tabindex], [contenteditable="true"]') ?? []
+    ].filter((element)=>element.tabIndex >= 0 && !element.matches(':disabled'));
+    const first = controls[0];
+    const last = controls.at(-1);
+    const destination = event.shiftKey || event.target !== trigger ? event.shiftKey && event.target === first ? trigger : void 0 : first;
+    if (destination) {
+        event.preventDefault();
+        event.stopPropagation();
+        destination.focus();
+    } else if (!event.shiftKey && event.target === last) {
+        event.stopPropagation();
+        close();
+    }
+}
 const subscribe = ()=>()=>{};
-function BotPopover({ label, trigger: renderTrigger, children, placement = 'bottom', onOpen }) {
+function BotPopover({ label, trigger: renderTrigger, children, placement = 'bottom', onOpen, hover = false }) {
     const mounted = useSyncExternalStore(subscribe, ()=>true, ()=>false);
     const native = mounted && 'popover' in HTMLElement.prototype;
     const [open, setOpen] = useState(false);
     const [surface, setSurface] = useState(null);
     const anchor = useRef(null);
+    const dismissTimer = useRef(void 0);
+    const skipFocus = useRef(false);
     const id = useId();
     const position = useOverlayPosition(open, anchor, surface, placement, 'end');
-    const close = ()=>{
+    const cancelDismiss = ()=>window.clearTimeout(dismissTimer.current);
+    const hide = ()=>{
+        cancelDismiss();
         if (native) surface?.hidePopover();
         else setOpen(false);
+    };
+    const show = ()=>{
+        cancelDismiss();
+        if (native) surface?.showPopover({
+            source: anchor.current?.querySelector('button') ?? void 0
+        });
+        else {
+            setOpen(true);
+            if (!open) onOpen?.();
+        }
+    };
+    const close = ()=>{
+        skipFocus.current = true;
+        hide();
         anchor.current?.querySelector('button')?.focus();
+        skipFocus.current = false;
     };
+    const interest = hover ? {
+        onMouseEnter: show,
+        onMouseLeave: ()=>{
+            cancelDismiss();
+            dismissTimer.current = window.setTimeout(()=>{
+                if (!anchor.current?.contains(document.activeElement) && !surface?.contains(document.activeElement)) hide();
+            }, 100);
+        },
+        onFocus: ()=>{
+            if (!skipFocus.current) show();
+        },
+        onBlur: (event)=>{
+            const next = event.relatedTarget;
+            if (next && !anchor.current?.contains(next) && !surface?.contains(next)) hide();
+        },
+        onKeyDown: (event)=>{
+            if (open && !native) navigatePopoverTab(event, anchor.current, surface, close);
+            if (open && 'Escape' === event.key) {
+                event.preventDefault();
+                event.stopPropagation();
+                close();
+            }
+        }
+    } : {};
+    useEffect(()=>()=>window.clearTimeout(dismissTimer.current), []);
     useEffect(()=>{
         if (!surface) return;
         const toggle = ()=>{
@@ -124,11 +188,12 @@ function BotPopover({ label, trigger: renderTrigger, children, placement = 'bott
         onOpen
     ]);
     useEffect(()=>{
-        if (!open) return;
+        if (!open || hover) return;
         (surface?.querySelector('input, button') ?? surface)?.focus();
     }, [
         open,
-        surface
+        surface,
+        hover
     ]);
     useEffect(()=>{
         if (native || !open) return;
@@ -158,13 +223,17 @@ function BotPopover({ label, trigger: renderTrigger, children, placement = 'bott
     return /*#__PURE__*/ jsxs("span", {
         className: "ov-viking-bot__popover-anchor",
         ref: anchor,
+        ...interest,
         children: [
             renderTrigger({
                 ...invoker,
                 'aria-haspopup': 'dialog',
                 'aria-controls': id,
                 'aria-expanded': open,
-                onClick: native ? void 0 : ()=>{
+                onClick: hover ? (event)=>{
+                    event.preventDefault();
+                    show();
+                } : native ? void 0 : ()=>{
                     setOpen(!open);
                     if (!open) onOpen?.();
                 }
@@ -172,7 +241,7 @@ function BotPopover({ label, trigger: renderTrigger, children, placement = 'bott
             mounted ? /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx("div", {
                 ref: setSurface,
                 id: id,
-                popover: "auto",
+                popover: native ? 'auto' : void 0,
                 role: "dialog",
                 tabIndex: -1,
                 "aria-label": label,
@@ -182,6 +251,7 @@ function BotPopover({ label, trigger: renderTrigger, children, placement = 'bott
                     top: position.top,
                     left: position.left
                 },
+                ...interest,
                 children: open ? children(close) : null
             }), document.body) : null
         ]
@@ -678,6 +748,7 @@ function VikingBot({ messages, className, streaming, draft, attachments, isSendi
                         } : void 0,
                         onFilesAdded: onFilesAdded,
                         onAttachmentRemove: onAttachmentRemove,
+                        onOpenUri: onOpenUri,
                         onSend: onSend,
                         onCancel: onCancel,
                         labels: overrides

package/dist/d~0.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function LoginMethodSelector({ methods, disabled, className, onSelect, title, description }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: `ov-auth ${className ?? ''}`,
+        children: [
+            title && /*#__PURE__*/ jsx("h2", {
+                children: title
+            }),
+            description && /*#__PURE__*/ jsx("p", {
+                className: "ov-auth__description",
+                children: description
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "ov-auth__methods",
+                children: methods.map((method)=>/*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        disabled: disabled || method.disabled,
+                        onClick: ()=>onSelect?.(method.id),
+                        children: [
+                            method.icon,
+                            method.label
+                        ]
+                    }, method.id))
+            })
+        ]
+    });
+}
+export { LoginMethodSelector };