@shipfox/react-ui 0.32.0 → 0.32.1

package/dist/components/dropdown-input/dropdown-input.js

@@ -1,188 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../components/button/index.js';
-import { Input } from '../../components/input/index.js';
-import { Popover, PopoverContent, PopoverTrigger } from '../../components/popover/index.js';
-import { useCallback, useEffect, useRef } from 'react';
-import { cn } from '../../utils/cn.js';
-export function DropdownInput({ value, onValueChange, onSelect, items = [], emptyPlaceholder, open, onOpenChange, focusedIndex, onFocusedIndexChange, selectedItem, dropdownClassName, className, ...inputProps }) {
-    const inputRef = useRef(null);
-    const blurTimeoutRef = useRef(null);
-    const popoverContentRef = useRef(null);
-    const itemRefs = useRef([]);
-    const isDisabled = Boolean(inputProps.disabled);
-    const hasResults = items.length > 0;
-    const shouldShowDropdown = open && !isDisabled;
-    const handleOpenChange = useCallback((nextOpen)=>{
-        if (isDisabled) {
-            if (!nextOpen) onOpenChange(false);
-            return;
-        }
-        onOpenChange(nextOpen);
-    }, [
-        isDisabled,
-        onOpenChange
-    ]);
-    const handleSelect = useCallback((item)=>{
-        onValueChange(item.label);
-        onSelect?.(item);
-        onOpenChange(false);
-        inputRef.current?.blur();
-    }, [
-        onValueChange,
-        onOpenChange,
-        onSelect
-    ]);
-    const handleInputChange = useCallback((e)=>{
-        onValueChange(e.target.value);
-        onFocusedIndexChange(-1);
-        if (!open && !isDisabled) {
-            onOpenChange(true);
-        }
-    }, [
-        onValueChange,
-        onFocusedIndexChange,
-        open,
-        isDisabled,
-        onOpenChange
-    ]);
-    const handleInputKeyDown = useCallback((e)=>{
-        if (!shouldShowDropdown || items.length === 0) return;
-        if (e.key === 'ArrowDown') {
-            e.preventDefault();
-            onFocusedIndexChange(focusedIndex < items.length - 1 ? focusedIndex + 1 : 0);
-        } else if (e.key === 'ArrowUp') {
-            e.preventDefault();
-            onFocusedIndexChange(focusedIndex > 0 ? focusedIndex - 1 : items.length - 1);
-        } else if (e.key === 'Enter' && focusedIndex >= 0) {
-            e.preventDefault();
-            const item = items[focusedIndex];
-            if (item) {
-                handleSelect(item);
-            }
-        } else if (e.key === 'Escape') {
-            e.preventDefault();
-            onOpenChange(false);
-        }
-    }, [
-        shouldShowDropdown,
-        items,
-        focusedIndex,
-        onFocusedIndexChange,
-        handleSelect,
-        onOpenChange
-    ]);
-    const handleInputBlur = useCallback(()=>{
-        if (blurTimeoutRef.current) {
-            clearTimeout(blurTimeoutRef.current);
-        }
-        blurTimeoutRef.current = setTimeout(()=>{
-            const activeElement = document.activeElement;
-            const popoverContent = activeElement?.closest('[data-radix-popper-content-wrapper]');
-            if (!popoverContent) {
-                onOpenChange(false);
-            }
-        }, 200);
-    }, [
-        onOpenChange
-    ]);
-    useEffect(()=>{
-        return ()=>{
-            if (blurTimeoutRef.current) {
-                clearTimeout(blurTimeoutRef.current);
-            }
-        };
-    }, []);
-    useEffect(()=>{
-        if (focusedIndex >= 0 && itemRefs.current[focusedIndex]) {
-            itemRefs.current[focusedIndex]?.scrollIntoView({
-                block: 'nearest'
-            });
-        }
-    }, [
-        focusedIndex
-    ]);
-    const handlePointerDownOutside = useCallback((e)=>{
-        const target = e.target;
-        if (target && popoverContentRef.current?.contains(target)) {
-            e.preventDefault();
-        }
-    }, []);
-    return /*#__PURE__*/ _jsxs(Popover, {
-        open: shouldShowDropdown,
-        onOpenChange: handleOpenChange,
-        children: [
-            /*#__PURE__*/ _jsx(PopoverTrigger, {
-                asChild: true,
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "w-full",
-                    children: /*#__PURE__*/ _jsx(Input, {
-                        ref: inputRef,
-                        value: value,
-                        onChange: handleInputChange,
-                        onKeyDown: handleInputKeyDown,
-                        onBlur: handleInputBlur,
-                        onFocus: ()=>{
-                            if (blurTimeoutRef.current) {
-                                clearTimeout(blurTimeoutRef.current);
-                                blurTimeoutRef.current = null;
-                            }
-                            if (!open && !isDisabled && value.length > 0 && hasResults) {
-                                onOpenChange(true);
-                            }
-                        },
-                        className: className,
-                        ...inputProps
-                    })
-                })
-            }),
-            /*#__PURE__*/ _jsx(PopoverContent, {
-                align: "start",
-                sideOffset: 8,
-                className: cn('w-(--radix-popover-trigger-width) rounded-8 bg-background-components-base p-4 shadow-tooltip', dropdownClassName),
-                onOpenAutoFocus: (e)=>e.preventDefault(),
-                onPointerDownOutside: handlePointerDownOutside,
-                onInteractOutside: handlePointerDownOutside,
-                children: /*#__PURE__*/ _jsx("div", {
-                    ref: popoverContentRef,
-                    className: "max-h-200 overflow-y-auto overscroll-contain scrollbar",
-                    onWheel: (e)=>e.stopPropagation(),
-                    onTouchStart: (e)=>e.stopPropagation(),
-                    onTouchMove: (e)=>e.stopPropagation(),
-                    children: hasResults ? /*#__PURE__*/ _jsxs("div", {
-                        className: "flex flex-col gap-4 p-4",
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                className: "p-4 text-xs leading-20 text-foreground-neutral-muted",
-                                children: "Select a repository"
-                            }),
-                            items.map((item, index)=>{
-                                const isSelected = selectedItem?.id === item.id;
-                                const isFocused = focusedIndex === index;
-                                return /*#__PURE__*/ _jsx(Button, {
-                                    type: "button",
-                                    variant: "transparent",
-                                    ref: (el)=>{
-                                        itemRefs.current[index] = el;
-                                    },
-                                    onClick: ()=>handleSelect(item),
-                                    onMouseDown: (e)=>e.preventDefault(),
-                                    onMouseEnter: ()=>onFocusedIndexChange(index),
-                                    className: cn('!px-8 w-full text-left text-foreground-neutral-subtle', (isSelected || isFocused) && 'bg-background-components-hover text-foreground-neutral-base'),
-                                    children: /*#__PURE__*/ _jsx("span", {
-                                        className: "flex-1 truncate",
-                                        children: item.label
-                                    })
-                                }, item.id);
-                            })
-                        ]
-                    }) : /*#__PURE__*/ _jsx("div", {
-                        className: "p-4 text-xs leading-20 text-foreground-neutral-muted",
-                        children: emptyPlaceholder ? emptyPlaceholder : null
-                    })
-                })
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=dropdown-input.js.map

package/dist/components/dropdown-input/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dropdown-input';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/dropdown-input/index.js

@@ -1,3 +0,0 @@
-export * from './dropdown-input.js';
-
-//# sourceMappingURL=index.js.map