@vertesia/ui 0.82.1 → 0.82.2

package/lib/esm/core/components/TagsInput.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { X } from 'lucide-react';
+import { useContext, useEffect, useRef, useState } from 'react';
+import { Popover, PopoverContent, PopoverContext, PopoverTrigger } from './shadcn/popover';
+function TagsInputContent({ options, value, onChange, onOptionsChange, placeholder, className, disabled, layout = 'horizontal', creatable = false, createText = 'Create "%value%"', maxDropdownHeight = 200 }) {
+    const popoverContext = useContext(PopoverContext);
+    const [searchTerm, setSearchTerm] = useState('');
+    const [highlightedIndex, setHighlightedIndex] = useState(0);
+    const [width, setWidth] = useState(0);
+    const [pendingDeleteIndex, setPendingDeleteIndex] = useState(null);
+    const inputRef = useRef(null);
+    const triggerRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const highlightedItemRef = useRef(null);
+    const isOpen = popoverContext?.open ?? false;
+    const setIsOpen = popoverContext?.setOpen ?? (() => { });
+    // Measure trigger width for popover
+    useEffect(() => {
+        const element = triggerRef.current;
+        if (!element)
+            return;
+        const updateWidth = () => {
+            const contentWidth = element.getBoundingClientRect().width;
+            setWidth(contentWidth);
+        };
+        const resizeObserver = new ResizeObserver(() => {
+            updateWidth();
+        });
+        updateWidth();
+        resizeObserver.observe(element);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    // Filter options based on search term and exclude already selected
+    const filteredOptions = options.filter(option => !value.includes(option) &&
+        option.toLowerCase().includes(searchTerm.toLowerCase()));
+    // Check if create option should be shown
+    const showCreateOption = creatable && searchTerm && !value.includes(searchTerm) && !options.includes(searchTerm);
+    // Total number of items (filtered options + create option if shown)
+    const totalItems = filteredOptions.length + (showCreateOption ? 1 : 0);
+    // Reset highlighted index when filtered options change
+    useEffect(() => {
+        setHighlightedIndex(0);
+    }, [searchTerm, showCreateOption]);
+    // Clear pending delete when user starts typing
+    useEffect(() => {
+        if (searchTerm !== '') {
+            setPendingDeleteIndex(null);
+        }
+    }, [searchTerm]);
+    // Scroll highlighted item into view
+    useEffect(() => {
+        if (isOpen && highlightedItemRef.current && dropdownRef.current) {
+            highlightedItemRef.current.scrollIntoView({
+                block: 'nearest',
+                behavior: 'smooth'
+            });
+        }
+    }, [highlightedIndex, isOpen]);
+    // Clear search term when popover closes and refocus input when it opens
+    useEffect(() => {
+        if (!isOpen) {
+            setSearchTerm('');
+        }
+        else {
+            // Ensure input stays focused when popover opens
+            inputRef.current?.focus();
+        }
+    }, [isOpen]);
+    const handleSelect = (option) => {
+        onChange([...value, option]);
+        setSearchTerm('');
+        setIsOpen(false);
+        setHighlightedIndex(0);
+        setPendingDeleteIndex(null);
+    };
+    const handleCreate = (newTag) => {
+        // Add to value
+        onChange([...value, newTag]);
+        // Add to options if callback provided
+        if (onOptionsChange && !options.includes(newTag)) {
+            onOptionsChange([...options, newTag]);
+        }
+        setSearchTerm('');
+        setIsOpen(false);
+        setHighlightedIndex(0);
+        setPendingDeleteIndex(null);
+    };
+    const handleRemove = (option, e) => {
+        e.stopPropagation();
+        onChange(value.filter(v => v !== option));
+        setPendingDeleteIndex(null);
+    };
+    const handleKeyDown = (e) => {
+        // Handle special keys
+        if (e.key === 'Enter' && isOpen && totalItems > 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            // Check if we're selecting the create option
+            if (highlightedIndex === filteredOptions.length && showCreateOption) {
+                handleCreate(searchTerm);
+            }
+            else if (highlightedIndex < filteredOptions.length) {
+                handleSelect(filteredOptions[highlightedIndex]);
+            }
+            return;
+        }
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            e.stopPropagation();
+            if (!isOpen) {
+                setIsOpen(true);
+            }
+            else {
+                setHighlightedIndex(prev => prev < totalItems - 1 ? prev + 1 : prev);
+            }
+            return;
+        }
+        if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            e.stopPropagation();
+            if (!isOpen) {
+                setIsOpen(true);
+            }
+            else {
+                setHighlightedIndex(prev => (prev > 0 ? prev - 1 : 0));
+            }
+            return;
+        }
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            setIsOpen(false);
+            return;
+        }
+        if (e.key === 'Backspace' && searchTerm === '' && value.length > 0) {
+            // Two-step deletion: first backspace marks for deletion, second backspace deletes
+            e.stopPropagation();
+            const lastIndex = value.length - 1;
+            if (pendingDeleteIndex === lastIndex) {
+                // Second backspace: actually delete the item
+                onChange(value.slice(0, -1));
+                setPendingDeleteIndex(null);
+            }
+            else {
+                // First backspace: mark for deletion
+                setPendingDeleteIndex(lastIndex);
+            }
+            return;
+        }
+        // For any other key (typing characters), open dropdown
+        if (!isOpen && e.key.length === 1) {
+            setIsOpen(true);
+        }
+    };
+    const handleInputClick = (e) => {
+        e.stopPropagation();
+        if (!disabled) {
+            setIsOpen(true);
+        }
+    };
+    const handleInputFocus = () => {
+        if (!disabled) {
+            setIsOpen(true);
+        }
+    };
+    const handleContainerClick = () => {
+        if (!disabled) {
+            inputRef.current?.focus();
+        }
+    };
+    return (_jsxs("div", { className: clsx('relative', className), children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { ref: triggerRef, className: clsx('min-h-[40px] w-full rounded-md border border-input bg-background px-3 py-2', 'flex items-center gap-1', layout === 'horizontal' ? 'flex-wrap' : 'flex-col items-stretch', 'cursor-text', 'ring-offset-background', disabled && 'opacity-50 cursor-not-allowed', isOpen ? 'ring-1 ring-inset ring-ring' : ''), onClick: handleContainerClick, children: [layout === 'vertical' && value.length > 0 && (_jsx("div", { className: "flex flex-col gap-1 w-full", children: value.map((item, index) => (_jsxs("span", { className: clsx("inline-flex items-center justify-between gap-2 px-2 py-1 text-sm bg-primary/10 text-primary rounded-md w-full transition-all", pendingDeleteIndex === index && "ring-2 ring-red-300 shadow-[0_0_8px_rgba(252,165,165,0.5)]"), children: [_jsx("span", { className: "truncate", children: item }), _jsx("button", { type: "button", onClick: (e) => handleRemove(item, e), disabled: disabled, className: "hover:bg-primary/20 rounded-sm transition-colors flex-shrink-0", children: _jsx(X, { className: "h-3 w-3" }) })] }, item))) })), layout === 'horizontal' && value.map((item, index) => (_jsxs("span", { className: clsx("inline-flex items-center gap-1 px-2 py-1 text-sm bg-primary/10 text-primary rounded-md transition-all", pendingDeleteIndex === index && "ring-2 ring-red-300 shadow-[0_0_8px_rgba(252,165,165,0.5)]"), children: [item, _jsx("button", { type: "button", onClick: (e) => handleRemove(item, e), disabled: disabled, className: "hover:bg-primary/20 rounded-sm transition-colors", children: _jsx(X, { className: "h-3 w-3" }) })] }, item))), _jsx("input", { ref: inputRef, type: "text", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), onKeyDown: handleKeyDown, onClick: handleInputClick, onFocus: handleInputFocus, disabled: disabled, placeholder: value.length === 0 ? placeholder : '', className: clsx('flex-1 min-w-[120px] bg-transparent text-sm', 'placeholder:text-muted-foreground', 'border-none outline-none focus:outline-none focus:ring-0 p-0 m-0', layout === 'vertical' && 'w-full') })] }) }), _jsx(PopoverContent, { style: { width: `${width}px` }, className: "p-0 bg-popover border border-border shadow-lg", align: "start", side: "bottom", onOpenAutoFocus: (e) => {
+                    // Prevent the popover from stealing focus from the input
+                    e.preventDefault();
+                }, children: _jsx("div", { ref: dropdownRef, className: "overflow-y-auto", style: { maxHeight: `${maxDropdownHeight}px` }, children: filteredOptions.length === 0 && !showCreateOption ? (_jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: searchTerm ? 'No options found' : 'No more options available' })) : (_jsxs(_Fragment, { children: [filteredOptions.length > 0 && (_jsx("ul", { className: "py-1", children: filteredOptions.map((option, index) => (_jsx("li", { ref: (el) => {
+                                        if (index === highlightedIndex) {
+                                            highlightedItemRef.current = el;
+                                        }
+                                    }, onClick: () => handleSelect(option), onMouseEnter: () => setHighlightedIndex(index), className: clsx('px-3 py-2 text-sm cursor-pointer transition-colors', index === highlightedIndex
+                                        ? 'bg-blue-500/20 text-foreground'
+                                        : 'hover:bg-accent/50'), children: option }, option))) })), showCreateOption && (_jsxs(_Fragment, { children: [filteredOptions.length > 0 && (_jsx("div", { className: "border-t border-border" })), _jsx("div", { ref: (el) => {
+                                            if (highlightedIndex === filteredOptions.length) {
+                                                highlightedItemRef.current = el;
+                                            }
+                                        }, onClick: () => handleCreate(searchTerm), onMouseEnter: () => setHighlightedIndex(filteredOptions.length), className: clsx('px-3 py-2 text-sm cursor-pointer transition-colors text-primary', highlightedIndex === filteredOptions.length
+                                            ? 'bg-blue-500/20'
+                                            : 'hover:bg-accent/50'), children: createText.replace('%value%', searchTerm) })] }))] })) }) })] }));
+}
+export function TagsInput(props) {
+    return (_jsx(Popover, { click: true, children: _jsx(TagsInputContent, { ...props }) }));
+}
+//# sourceMappingURL=TagsInput.js.map

package/lib/esm/core/components/TagsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsInput.js","sourceRoot":"","sources":["../../../../src/core/components/TagsInput.tsx"],"names":[],"mappings":"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"}

package/lib/esm/core/components/index.js

@@ -0,0 +1,28 @@
+export * from "./Avatar.js";
+export * from "./Center.js";
+export * from "./ComboBox.js";
+export * from "./Divider.js";
+export * from "./Dropdown.js";
+export * from "./DropdownList.js";
+export * from "./EmptyCollection.js";
+export * from "./FileUpload.js";
+export * from "./FormItem.js";
+export * from "./InputList.js";
+export * from "./Link.js";
+export * from "./MenuList.js";
+export * from "./NumberInput.js";
+export * from "./Overlay.js";
+export * from "./popup/index.js";
+export * from "./Portal.js";
+export * from "./RadioGroup.js";
+export * from "./SelectList.js";
+export * from "./SelectStack.js";
+export * from "./shadcn/index.js";
+export * from "./SidePanel.js";
+export * from "./Spinner.js";
+export * from "./styles.js";
+export * from "./Switch.js";
+export * from "./table/index.js";
+export * from "./TagsInput.js";
+export * from "./toast/index.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/core/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

package/lib/esm/core/components/libs/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=utils.js.map

package/lib/esm/core/components/libs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/core/components/libs/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/lib/esm/core/components/libs/visuallyHidden.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function VisuallyHidden({ children }) {
+    return (_jsx("span", { style: {
+            border: 0,
+            clip: "rect(0 0 0 0)",
+            height: "1px",
+            margin: "-1px",
+            overflow: "hidden",
+            padding: 0,
+            position: "absolute",
+            width: "1px",
+            whiteSpace: "nowrap",
+            wordWrap: "normal",
+        }, children: children }));
+}
+//# sourceMappingURL=visuallyHidden.js.map

package/lib/esm/core/components/libs/visuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visuallyHidden.js","sourceRoot":"","sources":["../../../../../src/core/components/libs/visuallyHidden.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAuB;IAC5D,OAAO,CACH,eACI,KAAK,EAAE;YACH,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,QAAQ;SACrB,YAEA,QAAQ,GACN,CACV,CAAA;AACL,CAAC"}

package/lib/esm/core/components/popup/Popup.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { PopupController } from "./PopupController";
+const PopupContext = createContext(undefined);
+export function usePopupController() {
+    const ctrl = useContext(PopupContext);
+    if (!ctrl)
+        throw new Error("usePopupController must be used inside a Popup component");
+    return ctrl;
+}
+export function DOMPopup({ ctrlRef, id, constraints, isOpen, children, className, onClose, zIndex, position, ...props }) {
+    const popupRef = useRef(null);
+    const [ctrl, setCtrl] = useState();
+    useEffect(() => {
+        if (!props.anchor)
+            throw new Error("Anchor element is required");
+        const _ctrl = new PopupController({
+            ...props,
+            onClose
+        });
+        setCtrl(_ctrl);
+        return () => {
+            _ctrl.tryClose();
+        };
+    }, []);
+    useEffect(() => {
+        if (ctrlRef) {
+            ctrlRef.current = ctrl;
+        }
+    }, [ctrl]);
+    // effect to open / close the popup
+    useEffect(() => {
+        if (ctrl && popupRef.current) {
+            if (ctrl.isOpen !== isOpen) {
+                if (isOpen) {
+                    ctrl.open(popupRef.current, constraints);
+                }
+                else {
+                    ctrl.close();
+                }
+            }
+        }
+        else if (ctrl?.isOpen && !isOpen) {
+            // close the popup - happens when isOpen becomes false but the ctrl is still open
+            // and the popupRef was destroyed by the isOpen && below
+            ctrl.close();
+        }
+    }, [isOpen, ctrl, popupRef.current]);
+    return (_jsx(PopupContext.Provider, { value: ctrl, children: isOpen && createPortal(_jsx("div", { id: id, style: {
+                //display: isOpen ? 'block' : 'none',
+                visibility: 'hidden',
+                position: position || 'absolute',
+                zIndex: zIndex || 100,
+            }, ref: popupRef, className: className, children: children }), document.body) }));
+}
+export function Popup({ anchor, root, children, ...others }) {
+    return anchor.current && (!root || root.current) ? (_jsx(DOMPopup, { anchor: anchor.current, root: root?.current || undefined, ...others, children: children })) : null;
+}
+//# sourceMappingURL=Popup.js.map

package/lib/esm/core/components/popup/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../../src/core/components/popup/Popup.tsx"],"names":[],"mappings":"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"}

package/lib/esm/core/components/popup/PopupController.js

@@ -0,0 +1,149 @@
+import { computePosition } from "./position";
+import { computeVisibleClientRect, getScrollableParents } from "./utils";
+export class PopupController {
+    options;
+    root;
+    scrollableParents;
+    visibleClientRect;
+    context;
+    constructor(options) {
+        this.options = options;
+        this.root = options.root || document.documentElement;
+        this.scrollableParents = getScrollableParents(this.anchor, this.root);
+        this.visibleClientRect = computeVisibleClientRect(this.scrollableParents);
+    }
+    get anchor() {
+        return this.options.anchor;
+    }
+    registerListeners(element) {
+        const parents = this.scrollableParents;
+        const updateHandler = () => {
+            this.update();
+        };
+        // add a window resize listener
+        window.addEventListener('resize', updateHandler);
+        //TODO do we add scroll listeners to the window?
+        // add scroll listeners to all scrollable parents
+        for (const parent of parents) {
+            parent.addEventListener('scroll', updateHandler);
+        }
+        let closeOnClick;
+        if (this.options.closeOnClick) {
+            closeOnClick = (ev) => {
+                if (!element.contains(ev.target)) {
+                    this.tryClose();
+                }
+            };
+            // register in the next event loop cycle since the current one
+            // is may be triggered by a click event
+            window.setTimeout(function () {
+                closeOnClick && document.addEventListener('click', closeOnClick);
+            }, 0);
+        }
+        let closeOnEsc;
+        if (this.options.closeOnEsc) {
+            closeOnEsc = (ev) => {
+                if (ev.key === 'Escape') {
+                    this.tryClose();
+                }
+            };
+            window.setTimeout(function () {
+                closeOnEsc && document.addEventListener('keydown', closeOnEsc);
+            }, 0);
+        }
+        const blockPageScroll = this.options.blockPageScroll;
+        if (blockPageScroll) {
+            document.body.style.overflow = "hidden";
+            document.body.style.height = "100%";
+        }
+        return () => {
+            window.removeEventListener('resize', updateHandler);
+            for (const parent of parents) {
+                parent.removeEventListener('scroll', updateHandler);
+            }
+            closeOnClick && document.removeEventListener('click', closeOnClick);
+            closeOnEsc && document.removeEventListener('keydown', closeOnEsc);
+            if (blockPageScroll) {
+                document.body.style.overflow = "";
+                document.body.style.height = "";
+            }
+        };
+    }
+    open(element, constraints) {
+        if (this.context) {
+            throw new Error("The popup controller is already bound to an element");
+        }
+        this.tryOpen(element, constraints);
+    }
+    tryOpen(element, constraints) {
+        if (this.context) {
+            return; // do nothing if the popup is already open
+        }
+        this.context = {
+            element,
+            constraints,
+            cleanup: this.registerListeners(element)
+        };
+        element.style.display = "";
+        element.style.visibility = "hidden";
+        // update the popup position
+        this.update();
+        this.options.onOpen && this.options.onOpen(this);
+    }
+    close() {
+        if (!this.context) {
+            throw new Error("The popup controller is not bound to an element");
+        }
+        this.tryClose();
+    }
+    tryClose() {
+        if (!this.context) {
+            return; // do nothing if the popup is not open
+        }
+        this.options.onClose && this.options.onClose(this);
+        this.context.cleanup();
+        //TODO
+        this.context.element.style.display = "none";
+        this.context = undefined;
+    }
+    get isOpen() {
+        return !!this.context;
+    }
+    update() {
+        if (!this.context)
+            return; // do nothing if the popup is not open
+        // update the position of the popup
+        const element = this.context.element;
+        const constraints = this.context.constraints;
+        const elemRect = element.getBoundingClientRect();
+        const anchorRect = this.anchor.getBoundingClientRect();
+        const clientRect = this.visibleClientRect;
+        if (!clientRect) {
+            // the popup is not visible
+            return;
+        }
+        const position = computePosition(constraints, elemRect, anchorRect, clientRect);
+        this.context.position = position || undefined;
+        if (position) {
+            if (position.constrainHeight) {
+                element.style.height = position.rect.height + 'px';
+            }
+            if (position.constrainWidth) {
+                element.style.width = position.rect.width + 'px';
+            }
+            element.style.left = position.rect.left + 'px';
+            element.style.top = position.rect.top + 'px';
+            element.style.visibility = "visible";
+        }
+    }
+    createPopupElement() {
+        const popup = document.createElement('div');
+        popup.style.margin = "0";
+        popup.style.padding = "0";
+        popup.style.border = "none";
+        popup.style.background = "transparent";
+        popup.className = "composable-Popup";
+        return popup;
+    }
+}
+//# sourceMappingURL=PopupController.js.map

package/lib/esm/core/components/popup/PopupController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupController.js","sourceRoot":"","sources":["../../../../../src/core/components/popup/PopupController.ts"],"names":[],"mappings":"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"}

package/lib/esm/core/components/popup/index.js

@@ -0,0 +1,4 @@
+export * from "./Popup";
+export * from "./PopupController";
+export * from "./position";
+//# sourceMappingURL=index.js.map

package/lib/esm/core/components/popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/components/popup/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAC"}