@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/components/editors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/editors.tsx"],
+  "sourcesContent": ["import React, { useRef, useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { Check } from 'lucide-react';\nimport { Calendar } from '../../../primitives/calendar';\nimport { apiCall } from '../../utils/apiCall';\n\ninterface BaseEditorProps {\n    value: any;\n    onChange: (newValue: any) => void;\n    onSave: (newValue?: any, clearEditing?: boolean) => void; // Accept optional value and clearEditing parameters\n    onCancel: () => void;\n    col: any;\n    inputRef?: React.RefObject<any>;\n}\n\n// Portal component for rendering popups outside the cell\nconst EditorPortal: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    if (!mounted) return null;\n\n    return ReactDOM.createPortal(\n        children,\n        document.body\n    );\n};\n\n// Helper to calculate popup position\nconst POPUP_MAX_HEIGHT = 340;\n\nconst calculatePopupPosition = (cellRef: React.RefObject<HTMLElement | null>) => {\n    if (!cellRef.current) return { top: 0, left: 0, width: 0, openAbove: false };\n\n    const rect = cellRef.current.getBoundingClientRect();\n\n    const viewportHeight = window.innerHeight;\n    const viewportWidth = window.innerWidth;\n\n    const spaceBelow = viewportHeight - rect.bottom;\n    const spaceAbove = rect.top;\n\n    // Use viewport-relative coordinates (fixed positioning)\n    let top = rect.bottom + 2;\n    let left = rect.left;\n    let openAbove = false;\n\n    // Only position above if there's significantly more space above\n    // and not enough space below (be more conservative about flipping).\n    // When opening above, set top to cell's top edge minus gap; renderers\n    // apply translateY(-100%) so the popup's bottom aligns with the cell.\n    if (spaceBelow < POPUP_MAX_HEIGHT && spaceAbove > spaceBelow + 100) {\n        top = rect.top - 2;\n        openAbove = true;\n    }\n\n    // Check if popup would go off right side of screen\n    const popupWidth = rect.width;\n    if (rect.left + popupWidth > viewportWidth - 20) {\n        left = viewportWidth - popupWidth - 20;\n    }\n\n    // Check if popup would go off left side\n    if (left < 10) {\n        left = 10;\n    }\n\n    return {\n        top,\n        left,\n        width: rect.width,\n        openAbove,\n    };\n};\n\n// TEXT EDITOR (Default)\nexport const TextEditor: React.FC<BaseEditorProps> = ({\n    value,\n    onChange,\n    onSave,\n    onCancel,\n    inputRef\n}) => {\n    const [textValue, setTextValue] = useState(String(value ?? ''));\n\n    // Place cursor at end of text after mount so appending text works naturally\n    useEffect(() => {\n        const el = (inputRef as React.RefObject<HTMLTextAreaElement>)?.current;\n        if (el) {\n            const len = el.value.length;\n            el.setSelectionRange(len, len);\n        }\n    }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            // Save without clearing editing - navigation hook will handle clearing\n            onSave(textValue, false);\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            e.stopPropagation();\n            onCancel();\n        } else if (e.key === 'Tab') {\n            // Save without clearing editing - navigation hook will handle clearing\n            onSave(textValue, false);\n        }\n    };\n\n    return (\n        <textarea\n            ref={inputRef as React.RefObject<HTMLTextAreaElement>}\n            value={textValue}\n            onChange={(e) => {\n                setTextValue(e.target.value);\n                onChange(e.target.value);\n            }}\n            onKeyDown={handleKeyDown}\n            onBlur={() => onSave(textValue, true)}\n            className=\"hot-cell-editor\"\n        />\n    );\n};\n\n// NUMERIC EDITOR\nexport const NumericEditor: React.FC<BaseEditorProps> = ({\n    value,\n    onChange,\n    onSave,\n    onCancel,\n    inputRef\n}) => {\n    const [textValue, setTextValue] = useState(String(value ?? ''));\n\n    const getNumericValue = () => {\n        const numVal = parseFloat(textValue);\n        return textValue === '' ? '' : (isNaN(numVal) ? textValue : numVal);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            // Save without clearing editing - navigation hook will handle clearing\n            onSave(getNumericValue(), false);\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            e.stopPropagation();\n            onCancel();\n        } else if (e.key === 'Tab') {\n            // Save without clearing editing - navigation hook will handle clearing\n            onSave(getNumericValue(), false);\n        }\n    };\n\n    return (\n        <textarea\n            ref={inputRef as React.RefObject<HTMLTextAreaElement>}\n            value={textValue}\n            onChange={(e) => {\n                const val = e.target.value;\n                setTextValue(val);\n                const numVal = parseFloat(val);\n                onChange(val === '' ? '' : (isNaN(numVal) ? val : numVal));\n            }}\n            onKeyDown={handleKeyDown}\n            onBlur={() => onSave(getNumericValue(), true)}\n            className=\"hot-cell-editor hot-numeric-editor\"\n        />\n    );\n};\n\n// DATE EDITOR with Calendar Popup\nexport const DateEditor: React.FC<BaseEditorProps> = ({\n    value,\n    onChange,\n    onSave,\n    onCancel,\n    inputRef\n}) => {\n    const [showCalendar, setShowCalendar] = useState(true);\n    const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });\n    const cellRef = useRef<HTMLTextAreaElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const textValueRef = useRef(String(value ?? '')); // Track current value for click-outside handler\n\n    // Parse date value\n    const parseDate = (val: any) => {\n        if (!val) return null;\n        const date = new Date(val);\n        return isNaN(date.getTime()) ? null : date;\n    };\n\n    const [selectedDate, setSelectedDate] = useState<Date | null>(parseDate(value));\n    const [textValue, setTextValue] = useState(String(value ?? ''));\n\n    // Keep ref in sync with state for click-outside handler\n    useEffect(() => {\n        textValueRef.current = textValue;\n    }, [textValue]);\n\n    // Handle clicks outside both textarea and calendar\n    useEffect(() => {\n        const handleClickOutside = (e: MouseEvent) => {\n            const target = e.target as Node;\n            const isOutsideTextarea = cellRef.current && !cellRef.current.contains(target);\n            const isOutsideCalendar = !calendarRef.current || !calendarRef.current.contains(target);\n\n            if (isOutsideTextarea && isOutsideCalendar) {\n                onSave(textValueRef.current, true);\n            }\n        };\n\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => document.removeEventListener('mousedown', handleClickOutside);\n    }, [onSave]);\n\n    useEffect(() => {\n        if (cellRef.current) {\n            const pos = calculatePopupPosition(cellRef);\n            setPosition(pos);\n        }\n\n        // Update position on scroll/resize\n        const updatePosition = () => {\n            if (cellRef.current && showCalendar) {\n                const pos = calculatePopupPosition(cellRef);\n                setPosition(pos);\n            }\n        };\n\n        window.addEventListener('scroll', updatePosition, true);\n        window.addEventListener('resize', updatePosition);\n\n        return () => {\n            window.removeEventListener('scroll', updatePosition, true);\n            window.removeEventListener('resize', updatePosition);\n        };\n    }, [showCalendar]);\n\n    const handleDateChange = (date: Date | null) => {\n        if (date) {\n            // Use local date formatting to avoid timezone shifts\n            // (toISOString converts to UTC which can shift the date)\n            const year = date.getFullYear();\n            const month = String(date.getMonth() + 1).padStart(2, '0');\n            const day = String(date.getDate()).padStart(2, '0');\n            const formatted = `${year}-${month}-${day}`;\n\n            // Update local state\n            setTextValue(formatted);\n            setSelectedDate(date);\n            setShowCalendar(false);\n\n            // Save and clear editing \u2014 handleCellSave will call focusTable()\n            // to restore focus to the table container after the editor unmounts.\n            onSave(formatted, true);\n        }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            // Save without clearing editing - navigation hook will handle clearing\n            setShowCalendar(false);\n            onSave(textValue, false);\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            e.stopPropagation();\n            setShowCalendar(false);\n            onCancel();\n        } else if (e.key === 'Tab') {\n            // Save without clearing editing - navigation hook will handle clearing\n            setShowCalendar(false);\n            onSave(textValue, false);\n        }\n    };\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const val = e.target.value;\n        setTextValue(val);\n        onChange(val);\n\n        // Try to parse as date\n        const parsed = parseDate(val);\n        if (parsed) {\n            setSelectedDate(parsed);\n        }\n    };\n\n    return (\n        <>\n            <textarea\n                ref={(el) => {\n                    cellRef.current = el;\n                    if (inputRef) {\n                        (inputRef as React.MutableRefObject<any>).current = el;\n                    }\n                }}\n                value={textValue}\n                onChange={handleTextChange}\n                onKeyDown={handleKeyDown}\n                onBlur={() => {\n                    // Don't save on blur - handled by click-outside or calendar selection\n                }}\n                className=\"hot-cell-editor hot-date-editor\"\n                placeholder=\"YYYY-MM-DD\"\n            />\n\n            {showCalendar && (\n                <EditorPortal>\n                    <div\n                        ref={calendarRef}\n                        className=\"hot-editor-popup hot-calendar-popup\"\n                        style={{\n                            position: 'fixed',\n                            top: `${position.top}px`,\n                            left: `${position.left}px`,\n                            zIndex: 10000,\n                            ...(position.openAbove ? { transform: 'translateY(-100%)' } : {}),\n                        }}\n                        onMouseDown={(e) => {\n                            e.stopPropagation();\n                        }}\n                    >\n                        <Calendar\n                            mode=\"single\"\n                            selected={selectedDate ?? undefined}\n                            defaultMonth={selectedDate ?? undefined}\n                            onSelect={(day: Date | undefined) => {\n                                if (day) handleDateChange(day);\n                            }}\n                            navLayout=\"around\"\n                        />\n                        <div className=\"hot-calendar-footer\">\n                            <button\n                                type=\"button\"\n                                className=\"hot-calendar-footer-btn hot-calendar-clear-btn\"\n                                onMouseDown={(e) => {\n                                    e.preventDefault();\n                                    e.stopPropagation();\n                                    setTextValue('');\n                                    setSelectedDate(null);\n                                    setShowCalendar(false);\n                                    onSave('', true);\n                                }}\n                            >\n                                Clear\n                            </button>\n                            <button\n                                type=\"button\"\n                                className=\"hot-calendar-footer-btn hot-calendar-today-btn\"\n                                onMouseDown={(e) => {\n                                    e.preventDefault();\n                                    e.stopPropagation();\n                                    handleDateChange(new Date());\n                                }}\n                            >\n                                Today\n                            </button>\n                        </div>\n                    </div>\n                </EditorPortal>\n            )}\n        </>\n    );\n};\n\n// DATETIME EDITOR with Calendar + Time Popup\nexport const DateTimeEditor: React.FC<BaseEditorProps> = ({\n    value,\n    onChange,\n    onSave,\n    onCancel,\n    inputRef\n}) => {\n    const [showPopup, setShowPopup] = useState(true);\n    const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });\n    const cellRef = useRef<HTMLTextAreaElement>(null);\n    const popupRef = useRef<HTMLDivElement>(null);\n    const textValueRef = useRef(String(value ?? ''));\n\n    const parseDateTime = (val: any): { date: Date | null; hours: number; minutes: number } => {\n        if (!val) return { date: null, hours: 0, minutes: 0 };\n        const str = String(val);\n        // Try ISO or common formats\n        const d = new Date(str);\n        if (!isNaN(d.getTime())) {\n            return { date: d, hours: d.getHours(), minutes: d.getMinutes() };\n        }\n        // Try \"YYYY-MM-DD HH:mm\" format\n        const match = str.match(/^(\\d{4}-\\d{2}-\\d{2})\\s+(\\d{1,2}):(\\d{2})$/);\n        if (match) {\n            const dateOnly = new Date(match[1] + 'T00:00:00');\n            if (!isNaN(dateOnly.getTime())) {\n                return { date: dateOnly, hours: parseInt(match[2], 10), minutes: parseInt(match[3], 10) };\n            }\n        }\n        return { date: null, hours: 0, minutes: 0 };\n    };\n\n    const initial = parseDateTime(value);\n    const [selectedDate, setSelectedDate] = useState<Date | null>(initial.date);\n    const [hours, setHours] = useState(initial.hours);\n    const [minutes, setMinutes] = useState(initial.minutes);\n    const [textValue, setTextValue] = useState(String(value ?? ''));\n    const [hoursText, setHoursText] = useState(String(initial.hours).padStart(2, '0'));\n    const [minutesText, setMinutesText] = useState(String(initial.minutes).padStart(2, '0'));\n    const [hoursEditing, setHoursEditing] = useState(false);\n    const [minutesEditing, setMinutesEditing] = useState(false);\n\n    useEffect(() => { textValueRef.current = textValue; }, [textValue]);\n\n    const formatDateTime = (date: Date | null, h: number, m: number): string => {\n        if (!date) return '';\n        const year = date.getFullYear();\n        const month = String(date.getMonth() + 1).padStart(2, '0');\n        const day = String(date.getDate()).padStart(2, '0');\n        const hh = String(h).padStart(2, '0');\n        const mm = String(m).padStart(2, '0');\n        return `${year}-${month}-${day} ${hh}:${mm}`;\n    };\n\n    useEffect(() => {\n        const handleClickOutside = (e: MouseEvent) => {\n            const target = e.target as Node;\n            const isOutsideTextarea = cellRef.current && !cellRef.current.contains(target);\n            const isOutsidePopup = !popupRef.current || !popupRef.current.contains(target);\n            if (isOutsideTextarea && isOutsidePopup) {\n                onSave(textValueRef.current, true);\n            }\n        };\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => document.removeEventListener('mousedown', handleClickOutside);\n    }, [onSave]);\n\n    useEffect(() => {\n        if (cellRef.current) {\n            const pos = calculatePopupPosition(cellRef);\n            setPosition(pos);\n        }\n        const updatePosition = () => {\n            if (cellRef.current && showPopup) {\n                const pos = calculatePopupPosition(cellRef);\n                setPosition(pos);\n            }\n        };\n        window.addEventListener('scroll', updatePosition, true);\n        window.addEventListener('resize', updatePosition);\n        return () => {\n            window.removeEventListener('scroll', updatePosition, true);\n            window.removeEventListener('resize', updatePosition);\n        };\n    }, [showPopup]);\n\n    const handleDateChange = (date: Date | null) => {\n        if (date) {\n            setSelectedDate(date);\n            const formatted = formatDateTime(date, hours, minutes);\n            setTextValue(formatted);\n            textValueRef.current = formatted;\n        }\n    };\n\n    const handleTimeChange = (h: number, m: number) => {\n        setHours(h);\n        setMinutes(m);\n        setHoursText(String(h).padStart(2, '0'));\n        setMinutesText(String(m).padStart(2, '0'));\n        if (selectedDate) {\n            const formatted = formatDateTime(selectedDate, h, m);\n            setTextValue(formatted);\n            textValueRef.current = formatted;\n        }\n    };\n\n    const handleConfirm = () => {\n        // Commit any in-progress time edits before saving\n        let h = hours;\n        let m = minutes;\n        if (hoursEditing) {\n            h = parseInt(hoursText, 10);\n            if (isNaN(h) || h < 0) h = 0;\n            if (h > 23) h = 23;\n        }\n        if (minutesEditing) {\n            m = parseInt(minutesText, 10);\n            if (isNaN(m) || m < 0) m = 0;\n            if (m > 59) m = 59;\n        }\n        const finalValue = formatDateTime(selectedDate, h, m);\n        setShowPopup(false);\n        onSave(finalValue, true);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            setShowPopup(false);\n            onSave(textValue, false);\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            e.stopPropagation();\n            setShowPopup(false);\n            onCancel();\n        } else if (e.key === 'Tab') {\n            setShowPopup(false);\n            onSave(textValue, false);\n        }\n    };\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const val = e.target.value;\n        setTextValue(val);\n        onChange(val);\n        const parsed = parseDateTime(val);\n        if (parsed.date) {\n            setSelectedDate(parsed.date);\n            setHours(parsed.hours);\n            setMinutes(parsed.minutes);\n        }\n    };\n\n    return (\n        <>\n            <textarea\n                ref={(el) => {\n                    cellRef.current = el;\n                    if (inputRef) {\n                        (inputRef as React.MutableRefObject<any>).current = el;\n                    }\n                }}\n                value={textValue}\n                onChange={handleTextChange}\n                onKeyDown={handleKeyDown}\n                onBlur={() => {}}\n                className=\"hot-cell-editor hot-date-editor\"\n                placeholder=\"YYYY-MM-DD HH:mm\"\n            />\n\n            {showPopup && (\n                <EditorPortal>\n                    <div\n                        ref={popupRef}\n                        className=\"hot-editor-popup hot-calendar-popup hot-datetime-popup\"\n                        style={{\n                            position: 'fixed',\n                            top: `${position.top}px`,\n                            left: `${position.left}px`,\n                            zIndex: 10000,\n                            ...(position.openAbove ? { transform: 'translateY(-100%)' } : {}),\n                        }}\n                        onMouseDown={(e) => { e.stopPropagation(); }}\n                    >\n                        <Calendar\n                            mode=\"single\"\n                            selected={selectedDate ?? undefined}\n                            defaultMonth={selectedDate ?? undefined}\n                            onSelect={(day: Date | undefined) => {\n                                if (day) handleDateChange(day);\n                            }}\n                            classNames={{\n                                month: 'relative space-y-4',\n                                month_caption: 'flex justify-center pt-1 items-center',\n                                today: 'shadow-[var(--m3-focus-halo)] rounded-md text-m3-on-surface font-semibold',\n                            }}\n                        />\n                        <div style={{ padding: '8px 12px', borderTop: '1px solid var(--m3-outline-variant)', display: 'flex', alignItems: 'center', gap: '8px', justifyContent: 'center' }}>\n                            <span style={{ fontSize: 'var(--text-body-regular-xs)', color: 'var(--m3-on-surface-variant)', whiteSpace: 'nowrap' }}>Time:</span>\n                            <input\n                                type=\"text\"\n                                inputMode=\"numeric\"\n                                maxLength={2}\n                                value={hoursEditing ? hoursText : String(hours).padStart(2, '0')}\n                                onFocus={(e) => {\n                                    setHoursEditing(true);\n                                    setHoursText(String(hours));\n                                    setTimeout(() => e.target.select(), 0);\n                                }}\n                                onChange={(e) => {\n                                    const raw = e.target.value.replace(/\\D/g, '').slice(0, 2);\n                                    setHoursText(raw);\n                                }}\n                                onBlur={() => {\n                                    let v = parseInt(hoursText, 10);\n                                    if (isNaN(v) || v < 0) v = 0;\n                                    if (v > 23) v = 23;\n                                    setHoursEditing(false);\n                                    handleTimeChange(v, minutes);\n                                }}\n                                onKeyDown={(e) => {\n                                    if (e.key === 'ArrowUp') { e.preventDefault(); setHoursEditing(false); handleTimeChange((hours + 1) % 24, minutes); }\n                                    if (e.key === 'ArrowDown') { e.preventDefault(); setHoursEditing(false); handleTimeChange((hours + 23) % 24, minutes); }\n                                    if (e.key === 'Enter') { e.currentTarget.blur(); }\n                                }}\n                                className=\"focus:outline-none focus:shadow-[var(--m3-focus-halo)]\"\n                                style={{ width: '40px', textAlign: 'center', fontSize: 'var(--text-body-regular-sm)', padding: '4px 6px', border: '1px solid var(--m3-outline)', borderRadius: 'var(--m3-shape-xs)', background: 'var(--m3-surface-container-lowest)', color: 'var(--m3-on-surface)' }}\n                            />\n                            <span style={{ fontSize: 'var(--text-body-regular-sm)', fontWeight: 600, color: 'var(--m3-on-surface)' }}>:</span>\n                            <input\n                                type=\"text\"\n                                inputMode=\"numeric\"\n                                maxLength={2}\n                                value={minutesEditing ? minutesText : String(minutes).padStart(2, '0')}\n                                onFocus={(e) => {\n                                    setMinutesEditing(true);\n                                    setMinutesText(String(minutes));\n                                    setTimeout(() => e.target.select(), 0);\n                                }}\n                                onChange={(e) => {\n                                    const raw = e.target.value.replace(/\\D/g, '').slice(0, 2);\n                                    setMinutesText(raw);\n                                }}\n                                onBlur={() => {\n                                    let v = parseInt(minutesText, 10);\n                                    if (isNaN(v) || v < 0) v = 0;\n                                    if (v > 59) v = 59;\n                                    setMinutesEditing(false);\n                                    handleTimeChange(hours, v);\n                                }}\n                                onKeyDown={(e) => {\n                                    if (e.key === 'ArrowUp') { e.preventDefault(); setMinutesEditing(false); handleTimeChange(hours, (minutes + 1) % 60); }\n                                    if (e.key === 'ArrowDown') { e.preventDefault(); setMinutesEditing(false); handleTimeChange(hours, (minutes + 59) % 60); }\n                                    if (e.key === 'Enter') { e.currentTarget.blur(); }\n                                }}\n                                className=\"focus:outline-none focus:shadow-[var(--m3-focus-halo)]\"\n                                style={{ width: '40px', textAlign: 'center', fontSize: 'var(--text-body-regular-sm)', padding: '4px 6px', border: '1px solid var(--m3-outline)', borderRadius: 'var(--m3-shape-xs)', background: 'var(--m3-surface-container-lowest)', color: 'var(--m3-on-surface)' }}\n                            />\n                        </div>\n                        <div className=\"hot-calendar-footer\">\n                            <button\n                                type=\"button\"\n                                className=\"hot-calendar-footer-btn hot-calendar-clear-btn\"\n                                onMouseDown={(e) => {\n                                    e.preventDefault();\n                                    e.stopPropagation();\n                                    setTextValue('');\n                                    setSelectedDate(null);\n                                    setHours(0);\n                                    setMinutes(0);\n                                    setShowPopup(false);\n                                    onSave('', true);\n                                }}\n                            >\n                                Clear\n                            </button>\n                            <button\n                                type=\"button\"\n                                className=\"hot-calendar-footer-btn hot-calendar-today-btn\"\n                                onMouseDown={(e) => {\n                                    e.preventDefault();\n                                    e.stopPropagation();\n                                    const now = new Date();\n                                    setSelectedDate(now);\n                                    setHours(now.getHours());\n                                    setMinutes(now.getMinutes());\n                                    const formatted = formatDateTime(now, now.getHours(), now.getMinutes());\n                                    setTextValue(formatted);\n                                    textValueRef.current = formatted;\n                                    setShowPopup(false);\n                                    onSave(formatted, true);\n                                }}\n                            >\n                                Now\n                            </button>\n                            <button\n                                type=\"button\"\n                                className=\"hot-calendar-footer-btn hot-calendar-today-btn\"\n                                onMouseDown={(e) => {\n                                    e.preventDefault();\n                                    e.stopPropagation();\n                                    handleConfirm();\n                                }}\n                            >\n                                Confirm\n                            </button>\n                        </div>\n                    </div>\n                </EditorPortal>\n            )}\n        </>\n    );\n};\n\n// Factory function for creating a datetime editor for DynamicTable columns\nexport function createDateTimeEditor(): (\n    value: any,\n    onChange: (v: any) => void,\n    onSave: (v?: any, clearEditing?: boolean) => void,\n    onCancel: () => void,\n    rowData: any,\n    col: any,\n    rowIndex: number,\n    colIndex: number\n) => React.ReactNode {\n    return (value, onChange, onSave, onCancel, _rowData, col, _rowIndex, _colIndex) => (\n        <DateTimeEditor\n            value={value}\n            onChange={onChange}\n            onSave={onSave}\n            onCancel={onCancel}\n            col={col}\n        />\n    );\n}\n\n// DROPDOWN EDITOR with Custom Popup\nexport const DropdownEditor: React.FC<BaseEditorProps> = ({\n    value,\n    onChange,\n    onSave,\n    onCancel,\n    col,\n    inputRef\n}) => {\n    const options = col.source || [];\n    const [showDropdown, setShowDropdown] = useState(true);\n    const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });\n    const [textValue, setTextValue] = useState(String(value ?? ''));\n    const [filteredOptions, setFilteredOptions] = useState(options); // Start with ALL options\n    const [highlightedIndex, setHighlightedIndex] = useState(0);\n    const [hasUserTyped, setHasUserTyped] = useState(false); // Track if user has typed\n\n    const cellRef = useRef<HTMLTextAreaElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const isClickingDropdownRef = useRef(false);\n\n    useEffect(() => {\n        if (cellRef.current) {\n            const pos = calculatePopupPosition(cellRef);\n            setPosition(pos);\n        }\n\n        // Update position on scroll/resize\n        const updatePosition = () => {\n            if (cellRef.current && showDropdown) {\n                const pos = calculatePopupPosition(cellRef);\n                setPosition(pos);\n            }\n        };\n\n        window.addEventListener('scroll', updatePosition, true);\n        window.addEventListener('resize', updatePosition);\n\n        return () => {\n            window.removeEventListener('scroll', updatePosition, true);\n            window.removeEventListener('resize', updatePosition);\n        };\n    }, [showDropdown]);\n\n    useEffect(() => {\n        const handleClickOutside = (e: MouseEvent) => {\n            const isOutsideCell = cellRef.current && !cellRef.current.contains(e.target as Node);\n            const isOutsideDropdown = !dropdownRef.current || !dropdownRef.current.contains(e.target as Node);\n\n            if (isOutsideCell && isOutsideDropdown) {\n                setShowDropdown(false);\n                onSave(textValue, true);\n            }\n        };\n\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => document.removeEventListener('mousedown', handleClickOutside);\n    }, [onSave, textValue]);\n\n    // Filter options ONLY when user has typed\n    useEffect(() => {\n        if (!hasUserTyped) {\n            // On initial open, show all options\n            setFilteredOptions(options);\n            return;\n        }\n\n        // User has typed, now filter\n        const filterText = textValue.toLowerCase();\n        const filtered = options.filter((opt: any) => {\n            const label = typeof opt === 'string' ? opt : opt.label;\n            return label.toLowerCase().includes(filterText);\n        });\n        setFilteredOptions(filtered);\n        setHighlightedIndex(0);\n    }, [textValue, options, hasUserTyped]);\n\n    // Scroll highlighted option into view\n    useEffect(() => {\n        if (dropdownRef.current && showDropdown) {\n            const highlighted = dropdownRef.current.children[highlightedIndex] as HTMLElement | undefined;\n            if (highlighted) {\n                highlighted.scrollIntoView({ block: 'nearest' });\n            }\n        }\n    }, [highlightedIndex, showDropdown]);\n\n    const handleOptionClick = (option: any) => {\n        const selectedValue = typeof option === 'string' ? option : option.value;\n\n        // Update local state\n        setTextValue(selectedValue);\n        setShowDropdown(false);\n\n        // Update parent state\n        onChange(selectedValue);\n\n        // Save immediately with the selected value (clear editing since option was clicked)\n        onSave(selectedValue, true);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            // If dropdown is showing and has filtered options, select highlighted\n            if (showDropdown && filteredOptions.length > 0) {\n                const selected = filteredOptions[highlightedIndex];\n                const selectedValue = typeof selected === 'string' ? selected : selected.value;\n                setTextValue(selectedValue);\n                setShowDropdown(false);\n                onChange(selectedValue);\n                // Save without clearing - navigation hook will handle it\n                onSave(selectedValue, false);\n            } else {\n                // Save without clearing editing - navigation hook will handle clearing\n                setShowDropdown(false);\n                onSave(textValue, false);\n            }\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            e.stopPropagation();\n            setShowDropdown(false);\n            onCancel();\n        } else if (e.key === 'ArrowDown') {\n            e.preventDefault();\n            setHighlightedIndex(prev =>\n                prev < filteredOptions.length - 1 ? prev + 1 : prev\n            );\n        } else if (e.key === 'ArrowUp') {\n            e.preventDefault();\n            setHighlightedIndex(prev => prev > 0 ? prev - 1 : 0);\n        } else if (e.key === 'Tab') {\n            // Save without clearing editing - navigation hook will handle clearing\n            setShowDropdown(false);\n            onSave(textValue, false);\n        }\n    };\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const val = e.target.value;\n        setTextValue(val);\n        onChange(val);\n        setShowDropdown(true);\n        setHasUserTyped(true); // Mark that user has typed\n    };\n\n    return (\n        <>\n            <textarea\n                ref={(el) => {\n                    cellRef.current = el;\n                    if (inputRef) {\n                        (inputRef as React.MutableRefObject<any>).current = el;\n                    }\n                }}\n                value={textValue}\n                onChange={handleTextChange}\n                onKeyDown={handleKeyDown}\n                onBlur={() => {\n                    // Only save if not clicking on dropdown\n                    if (!isClickingDropdownRef.current) {\n                        onSave(textValue, true);\n                    }\n                }}\n                className=\"hot-cell-editor hot-dropdown-editor\"\n                placeholder=\"Type to filter...\"\n            />\n\n            {showDropdown && filteredOptions.length > 0 && (\n                <EditorPortal>\n                    <div\n                        ref={dropdownRef}\n                        className=\"hot-editor-popup hot-dropdown-popup\"\n                        style={{\n                            position: 'fixed',\n                            top: `${position.top}px`,\n                            left: `${position.left}px`,\n                            width: `${position.width}px`,\n                            maxHeight: `${POPUP_MAX_HEIGHT}px`,\n                            overflowY: 'auto',\n                            zIndex: 10000,\n                            ...(position.openAbove ? { transform: 'translateY(-100%)' } : {}),\n                        }}\n                        onMouseDown={() => {\n                            isClickingDropdownRef.current = true;\n                        }}\n                        onMouseUp={() => {\n                            isClickingDropdownRef.current = false;\n                        }}\n                    >\n                        {filteredOptions.map((option: any, index: number) => {\n                            const optValue = typeof option === 'string' ? option : option.value;\n                            const optLabel = typeof option === 'string' ? option : option.label;\n\n                            return (\n                                <div\n                                    key={index}\n                                    className={`hot-dropdown-option ${index === highlightedIndex ? 'highlighted' : ''}`}\n                                    onMouseDown={(e) => {\n                                        e.preventDefault();\n                                        isClickingDropdownRef.current = true;\n                                        handleOptionClick(option);\n                                    }}\n                                    onMouseEnter={() => setHighlightedIndex(index)}\n                                >\n                                    {optLabel}\n                                </div>\n                            );\n                        })}\n                    </div>\n                </EditorPortal>\n            )}\n        </>\n    );\n};\n\n// STATIC MULTI-SELECT EDITOR - Multiple selection from static options\nexport const StaticMultiSelectEditor: React.FC<BaseEditorProps> = ({\n    value,\n    onChange,\n    onSave,\n    onCancel,\n    col,\n    inputRef\n}) => {\n    const options = col.source || [];\n    const [showDropdown, setShowDropdown] = useState(true);\n    const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });\n    const [selectedValues, setSelectedValues] = useState<string[]>(() => {\n        return Array.isArray(value) ? value : [];\n    });\n    const [highlightedIndex, setHighlightedIndex] = useState(0);\n\n    const cellRef = useRef<HTMLDivElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const isClickingDropdownRef = useRef(false);\n    const selectedValuesRef = useRef<string[]>(selectedValues);\n\n    // Keep ref in sync for click-outside handler\n    useEffect(() => {\n        selectedValuesRef.current = selectedValues;\n    }, [selectedValues]);\n\n    // Auto-focus the cell div on mount (with setTimeout like MultiSelectEntitySearchEditor)\n    useEffect(() => {\n        setTimeout(() => cellRef.current?.focus(), 0);\n    }, []);\n\n    // Position calculation\n    useEffect(() => {\n        if (cellRef.current) {\n            const pos = calculatePopupPosition(cellRef);\n            setPosition(pos);\n        }\n\n        const updatePosition = () => {\n            if (cellRef.current && showDropdown) {\n                const pos = calculatePopupPosition(cellRef);\n                setPosition(pos);\n            }\n        };\n\n        window.addEventListener('scroll', updatePosition, true);\n        window.addEventListener('resize', updatePosition);\n\n        return () => {\n            window.removeEventListener('scroll', updatePosition, true);\n            window.removeEventListener('resize', updatePosition);\n        };\n    }, [showDropdown]);\n\n    // Click-outside handler (like MultiSelectEntitySearchEditor - uses isClickingDropdownRef pattern)\n    useEffect(() => {\n        const handleClickOutside = (e: MouseEvent) => {\n            // Skip if clicking on dropdown - the dropdown's onMouseDown will handle selection\n            if (isClickingDropdownRef.current) return;\n\n            const isOutsideCell = cellRef.current && !cellRef.current.contains(e.target as Node);\n            const isOutsideDropdown = !dropdownRef.current || !dropdownRef.current.contains(e.target as Node);\n\n            if (isOutsideCell && isOutsideDropdown) {\n                setShowDropdown(false);\n                onSave(selectedValuesRef.current, true);\n            }\n        };\n\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => document.removeEventListener('mousedown', handleClickOutside);\n    }, [onSave]);\n\n    // Scroll highlighted into view\n    useEffect(() => {\n        if (dropdownRef.current && showDropdown) {\n            const highlighted = dropdownRef.current.children[highlightedIndex] as HTMLElement | undefined;\n            if (highlighted) {\n                highlighted.scrollIntoView({ block: 'nearest' });\n            }\n        }\n    }, [highlightedIndex, showDropdown]);\n\n    const handleToggle = (optValue: string) => {\n        const newValues = selectedValues.includes(optValue)\n            ? selectedValues.filter(v => v !== optValue)\n            : [...selectedValues, optValue];\n        setSelectedValues(newValues);\n        onChange(newValues);\n        // Don't close dropdown - allow multiple selections\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            if (showDropdown && options.length > 0) {\n                e.stopPropagation();\n                const opt = options[highlightedIndex];\n                const optValue = typeof opt === 'string' ? opt : opt.value;\n                handleToggle(optValue);\n            } else {\n                setShowDropdown(false);\n                onSave(selectedValuesRef.current, false);\n            }\n        } else if (e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n            if (showDropdown && options.length > 0) {\n                const opt = options[highlightedIndex];\n                const optValue = typeof opt === 'string' ? opt : opt.value;\n                handleToggle(optValue);\n            }\n        } else if (e.key === 'ArrowDown') {\n            e.preventDefault();\n            setHighlightedIndex(prev => prev < options.length - 1 ? prev + 1 : prev);\n        } else if (e.key === 'ArrowUp') {\n            e.preventDefault();\n            setHighlightedIndex(prev => prev > 0 ? prev - 1 : 0);\n        } else if (e.key === 'Tab') {\n            setShowDropdown(false);\n            onSave(selectedValuesRef.current, false);\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            e.stopPropagation();\n            setShowDropdown(false);\n            onCancel();\n        }\n    };\n\n    const selectedLabels = options\n        .filter((opt: any) => {\n            const optValue = typeof opt === 'string' ? opt : opt.value;\n            return selectedValues.includes(optValue);\n        })\n        .map((opt: any) => typeof opt === 'string' ? opt : opt.label)\n        .join(', ');\n\n    return (\n        <>\n            <div\n                ref={(el) => {\n                    cellRef.current = el;\n                    if (inputRef) {\n                        (inputRef as React.MutableRefObject<HTMLDivElement | null>).current = el;\n                    }\n                }}\n                className=\"hot-cell-editor hot-multiselect-editor\"\n                tabIndex={0}\n                onKeyDown={handleKeyDown}\n                onBlur={() => {\n                    // EMPTY - Don't save on blur, click-outside handles it (like MultiSelectEntitySearchEditor)\n                }}\n            >\n                <span className=\"truncate text-body-regular-sm\">\n                    {selectedLabels || 'Select...'}\n                </span>\n            </div>\n\n            {showDropdown && options.length > 0 && (\n                <EditorPortal>\n                    <div\n                        ref={dropdownRef}\n                        className=\"hot-editor-popup hot-multiselect-popup\"\n                        style={{\n                            position: 'fixed',\n                            top: `${position.top}px`,\n                            left: `${position.left}px`,\n                            width: `${Math.max(position.width, 160)}px`,\n                            maxHeight: `${POPUP_MAX_HEIGHT}px`,\n                            overflowY: 'auto',\n                            zIndex: 10000,\n                            pointerEvents: 'auto',\n                            ...(position.openAbove ? { transform: 'translateY(-100%)' } : {}),\n                        }}\n                        onMouseDown={() => {\n                            isClickingDropdownRef.current = true;\n                        }}\n                        onMouseUp={() => {\n                            isClickingDropdownRef.current = false;\n                        }}\n                    >\n                        {options.map((option: any, index: number) => {\n                            const optValue = typeof option === 'string' ? option : option.value;\n                            const optLabel = typeof option === 'string' ? option : option.label;\n                            const isSelected = selectedValues.includes(optValue);\n                            const isHighlighted = index === highlightedIndex;\n\n                            return (\n                                <div\n                                    key={optValue}\n                                    className={`hot-multiselect-option ${isHighlighted ? 'highlighted' : ''} ${isSelected ? 'selected' : ''}`}\n                                    onMouseDown={(e) => {\n                                        e.preventDefault();\n                                        e.stopPropagation();\n                                        isClickingDropdownRef.current = true;\n                                        handleToggle(optValue);\n                                    }}\n                                    onMouseUp={() => {\n                                        isClickingDropdownRef.current = false;\n                                    }}\n                                    onMouseEnter={() => setHighlightedIndex(index)}\n                                >\n                                    <span className=\"truncate\">{optLabel}</span>\n                                    {isSelected && <Check className=\"w-4 h-4 text-primary flex-shrink-0\" />}\n                                </div>\n                            );\n                        })}\n                    </div>\n                </EditorPortal>\n            )}\n        </>\n    );\n};\n\n// BOOLEAN EDITOR\nexport const BooleanEditor: React.FC<BaseEditorProps> = ({\n    value,\n    onChange,\n    onSave,\n    onCancel,\n    inputRef\n}) => {\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.checked;\n        onChange(newValue);\n        onSave(newValue, true);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter') {\n            // Toggle value and save without clearing - navigation hook will handle it\n            const newValue = !value;\n            onChange(newValue);\n            onSave(newValue, false);\n        } else if (e.key === ' ') {\n            // Space just toggles, doesn't navigate\n            e.preventDefault();\n            const newValue = !value;\n            onChange(newValue);\n            onSave(newValue, true);\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            e.stopPropagation();\n            onCancel();\n        } else if (e.key === 'Tab') {\n            // Save current value without clearing - navigation hook will handle it\n            onSave(value, false);\n        }\n    };\n\n    return (\n        <div\n            className=\"hot-cell-editor hot-boolean-editor-wrapper\"\n            onMouseDown={(e) => {\n                e.stopPropagation();\n            }}\n        >\n            <input\n                ref={inputRef as React.RefObject<HTMLInputElement>}\n                type=\"checkbox\"\n                checked={Boolean(value)}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                className=\"hot-boolean-editor\"\n            />\n        </div>\n    );\n};\n\n// Types for EntitySearchEditor\nexport type SearchResult = {\n    entityId: string;\n    recordId: string;\n    presenter: {\n        title: string;\n        subtitle?: string;\n        icon?: string;\n        badge?: string;\n    };\n    fields?: Record<string, unknown>;\n};\n\nexport type SelectedItem = {\n    id: string;\n    label: string;\n    [key: string]: unknown;\n};\n\nexport type EntitySearchEditorConfig = {\n    entityType: string;\n    extractValue: (result: SearchResult) => string;\n    extractLabel: (result: SearchResult) => string;\n    extractItem?: (result: SearchResult) => SelectedItem;\n    formatOption?: (result: SearchResult) => {\n        primary: string;\n        secondary?: string;\n    };\n    placeholder?: string;\n    minQueryLength?: number;\n    debounceMs?: number;\n    noResultsText?: string;\n    searchingText?: string;\n    searchUrl?: string;\n    searchStrategy?: string;\n    searchLimit?: number;\n    maxItems?: number;\n};\n\ninterface EntitySearchEditorProps extends Omit<BaseEditorProps, 'value' | 'onChange' | 'onSave'> {\n    value: SelectedItem[] | string[] | null | undefined;\n    onChange: (newValue: SelectedItem[]) => void;\n    onSave: (newValue?: SelectedItem[], clearEditing?: boolean) => void;\n    config: EntitySearchEditorConfig;\n}\n\nfunction normalizeValue(value: SelectedItem[] | string[] | null | undefined): SelectedItem[] {\n    if (!value || !Array.isArray(value)) return [];\n    if (value.length > 0 && typeof value[0] === 'string') {\n        return (value as string[]).map(id => ({ id, label: id }));\n    }\n    return value as SelectedItem[];\n}\n\nfunction defaultFormatOption(result: SearchResult): { primary: string; secondary?: string } {\n    return {\n        primary: result.presenter.title,\n        secondary: result.presenter.subtitle,\n    };\n}\n\n// MULTI-SELECT ENTITY SEARCH EDITOR - Multi-select with async search (follows DateEditor pattern)\nexport const MultiSelectEntitySearchEditor: React.FC<EntitySearchEditorProps> = ({\n    value,\n    onChange,\n    onSave,\n    onCancel,\n    config,\n    inputRef,\n}) => {\n    const {\n        entityType,\n        extractValue,\n        extractLabel,\n        extractItem,\n        formatOption = defaultFormatOption,\n        placeholder = 'Search...',\n        minQueryLength = 2,\n        debounceMs = 300,\n        noResultsText = 'No results found',\n        searchingText = 'Searching...',\n        searchUrl = '/api/search/search',\n        /**\n         * `'fulltext'`, NOT `'meilisearch'`.\n         *\n         * The search module's valid strategy ids are `'tokens' | 'vector' |\n         * 'fulltext'`, and the Meilisearch driver registers under `fulltext`\n         * (`@open-mercato/search/src/fulltext/drivers`). `strategies=meilisearch`\n         * matches NO strategy, so these call sites silently fell through to hashed\n         * token search \u2014 which returns results, which is why nobody caught it.\n         * `LocationSearchInput` always had it right.\n         */\n        searchStrategy = 'fulltext',\n        searchLimit = 20,\n        maxItems,\n    } = config;\n\n    const [selected, setSelected] = useState<SelectedItem[]>(() => normalizeValue(value));\n    const [showDropdown, setShowDropdown] = useState(true);\n    const [searchQuery, setSearchQuery] = useState('');\n    const [debouncedQuery, setDebouncedQuery] = useState('');\n    const [results, setResults] = useState<SearchResult[]>([]);\n    const [isLoading, setIsLoading] = useState(false);\n    const [highlightedIndex, setHighlightedIndex] = useState(0);\n    const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });\n\n    const cellRef = useRef<HTMLDivElement>(null);\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const abortControllerRef = useRef<AbortController | null>(null);\n    const isClickingDropdownRef = useRef(false);\n\n    // Keep ref in sync for click-outside handler (like DateEditor's textValueRef pattern)\n    const selectedRef = useRef<SelectedItem[]>(selected);\n    useEffect(() => {\n        selectedRef.current = selected;\n    }, [selected]);\n\n    // Focus textarea on mount\n    useEffect(() => {\n        setTimeout(() => textareaRef.current?.focus(), 0);\n    }, []);\n\n    // Debounce search query\n    useEffect(() => {\n        const timer = setTimeout(() => {\n            setDebouncedQuery(searchQuery);\n        }, debounceMs);\n        return () => clearTimeout(timer);\n    }, [searchQuery, debounceMs]);\n\n    // Fetch results from search API\n    useEffect(() => {\n        if (debouncedQuery.length < minQueryLength) {\n            setResults([]);\n            return;\n        }\n\n        if (abortControllerRef.current) {\n            abortControllerRef.current.abort();\n        }\n\n        const controller = new AbortController();\n        abortControllerRef.current = controller;\n\n        const fetchResults = async () => {\n            setIsLoading(true);\n            try {\n                const params = new URLSearchParams({\n                    q: debouncedQuery,\n                    strategies: searchStrategy,\n                    entityTypes: entityType,\n                    limit: String(searchLimit),\n                });\n\n                // `apiCall`, never a raw `fetch`: it injects the scoped request\n                // headers every other call in the grid carries, and redirects to\n                // the session-refresh route on a 401. With a bare fetch an expired\n                // session threw here, the catch logged and cleared the list, and\n                // the dropdown sat on \"no results\" forever instead of sending the\n                // user to re-auth. The AbortController signal passes through the\n                // `init` argument unchanged.\n                const { ok, result } = await apiCall<{ results?: unknown[] }>(\n                    `${searchUrl}?${params.toString()}`,\n                    { signal: controller.signal },\n                );\n\n                if (!ok) throw new Error('Search failed');\n\n                setResults((result?.results as any[]) || []);\n                setHighlightedIndex(0);\n            } catch (error) {\n                if ((error as Error).name !== 'AbortError') {\n                    console.error('Entity search error:', error);\n                    setResults([]);\n                }\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        fetchResults();\n        return () => controller.abort();\n    }, [debouncedQuery, entityType, minQueryLength, searchUrl, searchStrategy, searchLimit]);\n\n    // Filter out already selected items\n    const selectedIds = new Set(selected.map(s => s.id));\n    const filteredResults = results.filter(r => !selectedIds.has(extractValue(r)));\n\n    // Calculate position (like DateEditor)\n    useEffect(() => {\n        if (cellRef.current) {\n            const pos = calculatePopupPosition(cellRef);\n            setPosition(pos);\n        }\n\n        const updatePosition = () => {\n            if (cellRef.current && showDropdown) {\n                const pos = calculatePopupPosition(cellRef);\n                setPosition(pos);\n            }\n        };\n\n        window.addEventListener('scroll', updatePosition, true);\n        window.addEventListener('resize', updatePosition);\n\n        return () => {\n            window.removeEventListener('scroll', updatePosition, true);\n            window.removeEventListener('resize', updatePosition);\n        };\n    }, [showDropdown]);\n\n    // Click-outside handler (like DropdownEditor - uses isClickingDropdownRef pattern)\n    useEffect(() => {\n        const handleClickOutside = (e: MouseEvent) => {\n            // Skip if clicking on dropdown - the dropdown's onMouseDown will handle selection\n            if (isClickingDropdownRef.current) return;\n\n            const target = e.target as Node;\n            const isOutsideCell = cellRef.current && !cellRef.current.contains(target);\n            const isOutsideDropdown = !dropdownRef.current || !dropdownRef.current.contains(target);\n\n            if (isOutsideCell && isOutsideDropdown) {\n                setShowDropdown(false);\n                onSave(selectedRef.current, true);\n            }\n        };\n\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => document.removeEventListener('mousedown', handleClickOutside);\n    }, [onSave]);\n\n    const handleSelectItem = (result: SearchResult) => {\n        if (maxItems && selected.length >= maxItems) return;\n\n        const newItem: SelectedItem = extractItem\n            ? extractItem(result)\n            : { id: extractValue(result), label: extractLabel(result) };\n\n        const newSelected = [...selected, newItem];\n        setSelected(newSelected);\n        onChange(newSelected);\n        setSearchQuery('');\n        setResults([]);\n        textareaRef.current?.focus();\n    };\n\n    const handleRemoveItem = (id: string) => {\n        const newSelected = selected.filter(s => s.id !== id);\n        setSelected(newSelected);\n        onChange(newSelected);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        if (e.key === 'Enter' && !e.shiftKey) {\n            e.preventDefault();\n            if (filteredResults.length > 0 && highlightedIndex < filteredResults.length) {\n                handleSelectItem(filteredResults[highlightedIndex]);\n            } else if (searchQuery === '') {\n                setShowDropdown(false);\n                onSave(selectedRef.current, false);\n            }\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            e.stopPropagation();\n            setShowDropdown(false);\n            onCancel();\n        } else if (e.key === 'ArrowDown') {\n            e.preventDefault();\n            setHighlightedIndex(prev =>\n                prev < filteredResults.length - 1 ? prev + 1 : prev\n            );\n        } else if (e.key === 'ArrowUp') {\n            e.preventDefault();\n            setHighlightedIndex(prev => prev > 0 ? prev - 1 : 0);\n        } else if (e.key === 'Backspace' && searchQuery === '' && selected.length > 0) {\n            const newSelected = selected.slice(0, -1);\n            setSelected(newSelected);\n            onChange(newSelected);\n        } else if (e.key === 'Tab') {\n            setShowDropdown(false);\n            onSave(selectedRef.current, false);\n        }\n    };\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setSearchQuery(e.target.value);\n    };\n\n    const showResults = searchQuery.length >= minQueryLength || isLoading;\n\n    return (\n        <>\n            {/* Cell content: textarea only for typing search query */}\n            <div\n                ref={cellRef}\n                className=\"hot-cell-editor flex items-center min-h-[28px] px-1 py-0.5\"\n            >\n                <textarea\n                    ref={(el) => {\n                        textareaRef.current = el;\n                        if (inputRef) {\n                            (inputRef as React.MutableRefObject<any>).current = el;\n                        }\n                    }}\n                    value={searchQuery}\n                    onChange={handleTextChange}\n                    onKeyDown={handleKeyDown}\n                    onBlur={() => {\n                        // EMPTY - Don't save on blur, click-outside handles it (like DateEditor)\n                    }}\n                    placeholder={placeholder}\n                    className=\"flex-1 min-w-[60px] outline-none bg-transparent text-body-regular-sm resize-none\"\n                    style={{ border: 'none', height: '20px' }}\n                    rows={1}\n                />\n            </div>\n\n            {/* Dropdown with selected items at top + search results */}\n            {showDropdown && (\n                <EditorPortal>\n                    <div\n                        ref={dropdownRef}\n                        className=\"hot-editor-popup hot-dropdown-popup\"\n                        style={{\n                            position: 'fixed',\n                            top: `${position.top}px`,\n                            left: `${position.left}px`,\n                            width: `${Math.max(position.width, 280)}px`,\n                            maxHeight: `${POPUP_MAX_HEIGHT}px`,\n                            overflowY: 'auto',\n                            zIndex: 10000,\n                            pointerEvents: 'auto',\n                            ...(position.openAbove ? { transform: 'translateY(-100%)' } : {}),\n                        }}\n                        onMouseDown={(e) => {\n                            e.stopPropagation();\n                            isClickingDropdownRef.current = true;\n                        }}\n                        onMouseUp={() => {\n                            isClickingDropdownRef.current = false;\n                        }}\n                    >\n                        {/* Selected items at top of dropdown */}\n                        {selected.length > 0 && (\n                            <div className=\"flex flex-wrap gap-1 px-3 py-2 border-b border-m3-outline-variant bg-m3-surface-container-low\">\n                                {selected.map((item) => {\n                                    // Fallback: label > locode > name > id\n                                    const itemAny = item as SelectedItem & { locode?: string; name?: string };\n                                    const displayLabel = item.label || itemAny.locode || itemAny.name || item.id;\n                                    return (\n                                    <span\n                                        key={item.id}\n                                        className=\"inline-flex items-center gap-1 px-2 py-1 bg-m3-secondary-container text-m3-on-secondary-container rounded-m3-full text-body-regular-xs\"\n                                    >\n                                        {displayLabel}\n                                        <button\n                                            type=\"button\"\n                                            onMouseDown={(e) => {\n                                                e.preventDefault();\n                                                e.stopPropagation();\n                                                handleRemoveItem(item.id);\n                                            }}\n                                            className=\"hover:bg-m3-state-layer-pressed rounded-m3-full p-0.5\"\n                                            style={{ cursor: 'pointer' }}\n                                        >\n                                            \u00D7\n                                        </button>\n                                    </span>\n                                    );\n                                })}\n                            </div>\n                        )}\n\n                        {isLoading ? (\n                            <div className=\"flex items-center gap-2 px-3 py-2 text-body-regular-sm text-m3-on-surface-variant\">\n                                <span className=\"animate-spin\">\u23F3</span>\n                                {searchingText}\n                            </div>\n                        ) : showResults && filteredResults.length === 0 ? (\n                            <div className=\"px-3 py-2 text-body-regular-sm text-m3-on-surface-variant\">\n                                {noResultsText}\n                            </div>\n                        ) : showResults ? (\n                            filteredResults.map((result, index) => {\n                                const { primary, secondary } = formatOption(result);\n                                const isHighlighted = index === highlightedIndex;\n\n                                return (\n                                    <div\n                                        key={result.recordId}\n                                        className={`flex items-center gap-2 px-3 py-2 ${\n                                            isHighlighted ? 'bg-m3-state-layer-hover' : 'hover:bg-m3-state-layer-hover'\n                                        }`}\n                                        style={{ cursor: 'pointer' }}\n                                        onMouseDown={(e) => {\n                                            e.preventDefault();\n                                            handleSelectItem(result);\n                                        }}\n                                        onMouseEnter={() => setHighlightedIndex(index)}\n                                    >\n                                        <div className=\"flex-1 min-w-0\">\n                                            <div className=\"text-body-medium-sm font-medium truncate\">{primary}</div>\n                                            {secondary && (\n                                                <div className=\"text-body-regular-xs text-m3-on-surface-variant truncate\">{secondary}</div>\n                                            )}\n                                        </div>\n                                    </div>\n                                );\n                            })\n                        ) : (\n                            <div className=\"px-3 py-2 text-body-regular-sm text-m3-on-surface-variant\">\n                                Type to search...\n                            </div>\n                        )}\n                    </div>\n                </EditorPortal>\n            )}\n        </>\n    );\n};\n\n// Factory function to create MultiSelectEntitySearchEditor\nexport function createMultiSelectEntitySearchEditor(config: EntitySearchEditorConfig) {\n    return (\n        value: unknown,\n        onChange: (v: unknown) => void,\n        onSave: (v?: unknown, clearEditing?: boolean) => void,\n        onCancel: () => void,\n    ) => (\n        <MultiSelectEntitySearchEditor\n            config={config}\n            value={value as SelectedItem[] | string[] | null | undefined}\n            onChange={(newValue) => onChange(newValue)}\n            onSave={(newValue, clearEditing) => onSave(newValue, clearEditing)}\n            onCancel={onCancel}\n            col={{}}\n        />\n    );\n}\n\n// EDITOR FACTORY\nexport const getCellEditor = (\n    col: any,\n    value: any,\n    onChange: (newValue: any) => void,\n    onSave: (newValue?: any, clearEditing?: boolean) => void,\n    onCancel: () => void,\n    rowData: any,\n    rowIndex: number,\n    colIndex: number,\n    inputRef?: React.RefObject<any>\n): React.ReactNode => {\n\n    // 1. Custom editor provided\n    if (col.editor) {\n        return col.editor(value, onChange, onSave, onCancel, rowData, col, rowIndex, colIndex);\n    }\n\n    // 2. Read-only check\n    if (col.readOnly) {\n        return null;\n    }\n\n    // 3. Type-based default editors\n    switch (col.type) {\n        case 'numeric':\n            return <NumericEditor\n                value={value}\n                onChange={onChange}\n                onSave={onSave}\n                onCancel={onCancel}\n                col={col}\n                inputRef={inputRef}\n            />;\n\n        case 'date':\n            return <DateEditor\n                value={value}\n                onChange={onChange}\n                onSave={onSave}\n                onCancel={onCancel}\n                col={col}\n                inputRef={inputRef}\n            />;\n\n        case 'datetime':\n            return <DateTimeEditor\n                value={value}\n                onChange={onChange}\n                onSave={onSave}\n                onCancel={onCancel}\n                col={col}\n                inputRef={inputRef}\n            />;\n\n        case 'dropdown':\n            return <DropdownEditor\n                value={value}\n                onChange={onChange}\n                onSave={onSave}\n                onCancel={onCancel}\n                col={col}\n                inputRef={inputRef}\n            />;\n\n        case 'multiselect':\n            return <StaticMultiSelectEditor\n                value={value}\n                onChange={onChange}\n                onSave={onSave}\n                onCancel={onCancel}\n                col={col}\n                inputRef={inputRef}\n            />;\n\n        case 'boolean':\n            return <BooleanEditor\n                value={value}\n                onChange={onChange}\n                onSave={onSave}\n                onCancel={onCancel}\n                col={col}\n                inputRef={inputRef}\n            />;\n\n        case 'text':\n        default:\n            return <TextEditor\n                value={value}\n                onChange={onChange}\n                onSave={onSave}\n                onCancel={onCancel}\n                col={col}\n                inputRef={inputRef}\n            />;\n    }\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-table/components/renderers.js

@@ -0,0 +1,131 @@
+import { jsx } from "react/jsx-runtime";
+import { format, parseISO, isValid } from "date-fns";
+const textRenderer = (value) => {
+  if (value == null) return "";
+  if (typeof value === "object") {
+    if (Array.isArray(value)) return value.join(", ");
+    return JSON.stringify(value);
+  }
+  return value;
+};
+const numericRenderer = (value, rowData, columnConfig) => {
+  if (value === null || value === void 0 || value === "") return "";
+  try {
+    const num = typeof value === "number" ? value : parseFloat(value);
+    if (isNaN(num)) return value;
+    const locale = columnConfig.numericFormat?.locale || "en-US";
+    const options = { ...columnConfig.numericFormat };
+    delete options.locale;
+    if (Object.keys(options).length === 0) {
+      options.minimumFractionDigits = 2;
+      options.maximumFractionDigits = 2;
+    }
+    return new Intl.NumberFormat(locale, options).format(num);
+  } catch (error) {
+    return value;
+  }
+};
+const dateRenderer = (value, rowData, columnConfig) => {
+  if (!value) return "";
+  try {
+    const dateFormat = columnConfig.dateFormat || "yyyy-MM-dd";
+    let date;
+    if (value instanceof Date) {
+      date = value;
+    } else if (typeof value === "string") {
+      date = parseISO(value);
+    } else if (typeof value === "number") {
+      date = new Date(value);
+    } else {
+      return value;
+    }
+    if (!isValid(date)) return value;
+    return format(date, dateFormat);
+  } catch (error) {
+    return value;
+  }
+};
+const booleanRenderer = (value) => {
+  if (value === true) {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        style: { width: 16, height: 16, color: "var(--m3-success)" },
+        children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+      }
+    );
+  }
+  return null;
+};
+const BADGE_VARIANTS = /* @__PURE__ */ new Set([
+  "neutral",
+  "primary",
+  "outline",
+  "success",
+  "error",
+  "warning",
+  "info",
+  "purple",
+  "teal",
+  "orange",
+  "sky",
+  "rose"
+]);
+function DynamicTableBadge({
+  variant = "neutral",
+  className,
+  children
+}) {
+  const v = BADGE_VARIANTS.has(variant) ? variant : "neutral";
+  return /* @__PURE__ */ jsx("span", { className: `cell-badge cell-badge-${v}${className ? ` ${className}` : ""}`, children });
+}
+const badgeRenderer = (value, rowData, columnConfig) => {
+  if (value === null || value === void 0 || value === "") return "";
+  const label = Array.isArray(value) ? value.join(", ") : String(value);
+  let variant = "neutral";
+  const bv = columnConfig.badgeVariant;
+  if (typeof bv === "function") {
+    variant = bv(value, rowData) || "neutral";
+  } else if (typeof bv === "string") {
+    variant = bv;
+  } else if (columnConfig.badgeMap && columnConfig.badgeMap[label] != null) {
+    variant = columnConfig.badgeMap[label];
+  }
+  return /* @__PURE__ */ jsx(DynamicTableBadge, { variant, children: label });
+};
+const getCellRenderer = (columnConfig) => {
+  if (typeof columnConfig.renderer === "function") {
+    return columnConfig.renderer;
+  }
+  if (columnConfig.badge) {
+    return badgeRenderer;
+  }
+  switch (columnConfig.type) {
+    case "numeric":
+      return numericRenderer;
+    case "date":
+      return dateRenderer;
+    case "boolean":
+      return booleanRenderer;
+    case "text":
+    default:
+      return textRenderer;
+  }
+};
+export {
+  DynamicTableBadge,
+  badgeRenderer,
+  booleanRenderer,
+  dateRenderer,
+  getCellRenderer,
+  numericRenderer,
+  textRenderer
+};
+//# sourceMappingURL=renderers.js.map

package/dist/backend/dynamic-table/components/renderers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/renderers.tsx"],
+  "sourcesContent": ["import { format, parseISO, isValid } from 'date-fns';\nimport type { ReactNode } from 'react';\nimport type { DynamicTableBadgeVariant } from '../types/index';\n\nexport type CellRendererFunction = (\n  value: any,\n  rowData: any,\n  columnConfig: any,\n  rowIndex?: number,\n  colIndex?: number\n) => React.ReactNode;\n\n// Text renderer (default)\nexport const textRenderer: CellRendererFunction = (value) => {\n  if (value == null) return '';\n  if (typeof value === 'object') {\n    if (Array.isArray(value)) return value.join(', ');\n    return JSON.stringify(value);\n  }\n  return value;\n};\n\n// Numeric renderer\nexport const numericRenderer: CellRendererFunction = (value, rowData, columnConfig) => {\n  if (value === null || value === undefined || value === '') return '';\n\n  try {\n    const num = typeof value === 'number' ? value : parseFloat(value);\n    if (isNaN(num)) return value;\n\n    const locale = columnConfig.numericFormat?.locale || 'en-US';\n    const options = { ...columnConfig.numericFormat };\n    delete options.locale;\n\n    // Default format if no options provided\n    if (Object.keys(options).length === 0) {\n      options.minimumFractionDigits = 2;\n      options.maximumFractionDigits = 2;\n    }\n\n    return new Intl.NumberFormat(locale, options).format(num);\n  } catch (error) {\n    return value;\n  }\n};\n\n// Date renderer\nexport const dateRenderer: CellRendererFunction = (value, rowData, columnConfig) => {\n  if (!value) return '';\n\n  try {\n    const dateFormat = columnConfig.dateFormat || 'yyyy-MM-dd';\n\n    let date: Date;\n    if (value instanceof Date) {\n      date = value;\n    } else if (typeof value === 'string') {\n      date = parseISO(value);\n    } else if (typeof value === 'number') {\n      date = new Date(value);\n    } else {\n      return value;\n    }\n\n    if (!isValid(date)) return value;\n\n    return format(date, dateFormat);\n  } catch (error) {\n    return value;\n  }\n};\n\n// Boolean renderer\nexport const booleanRenderer: CellRendererFunction = (value) => {\n  if (value === true) {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        style={{ width: 16, height: 16, color: 'var(--m3-success)' }}\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    );\n  }\n  return null;\n};\n\n// Badge renderer (type: 'badge') \u2014 renders a status pill using the\n// --status-v2-* palette. Variant resolves from columnConfig.badgeVariant\n// (function | string) then columnConfig.badgeMap, falling back to 'neutral'.\nconst BADGE_VARIANTS = new Set([\n  'neutral', 'primary', 'outline', 'success', 'error', 'warning',\n  'info', 'purple', 'teal', 'orange', 'sky', 'rose',\n]);\n\n/**\n * v2 status pill. Used internally by `badge` columns, and exported so custom\n * renderers can produce the same pill when the value is nested or needs a\n * custom label (e.g. a column whose `data` is a dot-path). Colors come from\n * the `--status-v2-*` tokens via the `.cell-badge-*` classes.\n */\nexport function DynamicTableBadge({\n  variant = 'neutral',\n  className,\n  children,\n}: {\n  variant?: DynamicTableBadgeVariant;\n  className?: string;\n  children?: ReactNode;\n}) {\n  const v = BADGE_VARIANTS.has(variant) ? variant : 'neutral';\n  return <span className={`cell-badge cell-badge-${v}${className ? ` ${className}` : ''}`}>{children}</span>;\n}\n\nexport const badgeRenderer: CellRendererFunction = (value, rowData, columnConfig) => {\n  if (value === null || value === undefined || value === '') return '';\n  const label = Array.isArray(value) ? value.join(', ') : String(value);\n\n  let variant: DynamicTableBadgeVariant = 'neutral';\n  const bv = columnConfig.badgeVariant;\n  if (typeof bv === 'function') {\n    variant = bv(value, rowData) || 'neutral';\n  } else if (typeof bv === 'string') {\n    variant = bv as DynamicTableBadgeVariant;\n  } else if (columnConfig.badgeMap && columnConfig.badgeMap[label] != null) {\n    variant = columnConfig.badgeMap[label];\n  }\n\n  return <DynamicTableBadge variant={variant}>{label}</DynamicTableBadge>;\n};\n\n// Get renderer function based on column type\nexport const getCellRenderer = (columnConfig: any): CellRendererFunction => {\n  // Custom renderer takes precedence\n  if (typeof columnConfig.renderer === 'function') {\n    return columnConfig.renderer;\n  }\n\n  // Badge is a presentation flag (orthogonal to the data type)\n  if (columnConfig.badge) {\n    return badgeRenderer;\n  }\n\n  // Built-in renderers\n  switch (columnConfig.type) {\n    case 'numeric':\n      return numericRenderer;\n    case 'date':\n      return dateRenderer;\n    case 'boolean':\n      return booleanRenderer;\n    case 'text':\n    default:\n      return textRenderer;\n  }\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/dynamic-table/events/events.js

@@ -0,0 +1,73 @@
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+function dispatch(element, eventName, payload) {
+  const event = new CustomEvent(eventName, {
+    detail: payload,
+    bubbles: true,
+    cancelable: true
+  });
+  element.dispatchEvent(event);
+}
+function useMediator(eventName, handler, elementRef) {
+  useEffect(() => {
+    const element = elementRef?.current;
+    if (!element) return;
+    const listener = (event) => {
+      event.stopPropagation();
+      event.preventDefault();
+      handler(event.detail);
+    };
+    element.addEventListener(eventName, listener);
+    return () => element.removeEventListener(eventName, listener);
+  }, [eventName, handler, elementRef]);
+}
+function useListener(eventName, handler, elementRef) {
+  useEffect(() => {
+    const element = elementRef?.current;
+    if (!element) return;
+    const listener = (event) => {
+      handler(event.detail);
+    };
+    element.addEventListener(eventName, listener);
+    return () => element.removeEventListener(eventName, listener);
+  }, [eventName, handler, elementRef]);
+}
+function useEventHandlers(handlers, elementRef, options = { stopPropagation: true }) {
+  const handlersRef = useRef(handlers);
+  handlersRef.current = handlers;
+  const [element, setElement] = useState(null);
+  useLayoutEffect(() => {
+    if (elementRef?.current !== element) {
+      setElement(elementRef?.current ?? null);
+    }
+  });
+  useEffect(() => {
+    if (!element) return;
+    const eventNames = Object.keys(handlersRef.current);
+    const listeners = [];
+    for (const eventName of eventNames) {
+      const listener = (event) => {
+        const handler = handlersRef.current[eventName];
+        if (!handler) return;
+        if (options.stopPropagation) {
+          event.stopPropagation();
+          event.preventDefault();
+        }
+        handler(event.detail, event);
+      };
+      element.addEventListener(eventName, listener);
+      listeners.push([eventName, listener]);
+    }
+    return () => {
+      for (const [eventName, listener] of listeners) {
+        element.removeEventListener(eventName, listener);
+      }
+    };
+  }, [element, options.stopPropagation]);
+}
+export {
+  dispatch,
+  useEventHandlers,
+  useListener,
+  useMediator
+};
+//# sourceMappingURL=events.js.map

package/dist/backend/dynamic-table/events/events.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/events/events.ts"],
+  "sourcesContent": ["// events/events.ts\n\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\n// TYPE-ONLY on purpose. `types/index.ts` now imports the batch-save event\n// VALUES from `handlers/cellWrites`, which imports `dispatch` from here \u2014 a\n// value import back into `types/index` would close that into a runtime cycle.\nimport type { EventHandlers, TableEventPayloads } from '../types/index';\n\nexport function dispatch<T>(element: HTMLElement, eventName: string, payload: T) {\n  const event = new CustomEvent(eventName, {\n    detail: payload,\n    bubbles: true,\n    cancelable: true,\n  });\n  element.dispatchEvent(event);\n}\n\nexport function useMediator<T>(\n  eventName: string,\n  handler: (payload: T) => void,\n  elementRef: React.RefObject<HTMLElement | null>\n) {\n  useEffect(() => {\n    const element = elementRef?.current;\n    if (!element) return;\n\n    const listener = (event: Event) => {\n      event.stopPropagation();\n      event.preventDefault();\n      handler((event as CustomEvent<T>).detail);\n    };\n\n    element.addEventListener(eventName, listener);\n    return () => element.removeEventListener(eventName, listener);\n  }, [eventName, handler, elementRef]);\n}\n\nexport function useListener<T>(\n  eventName: string,\n  handler: (payload: T) => void,\n  elementRef: React.RefObject<HTMLElement | null>\n) {\n  useEffect(() => {\n    const element = elementRef?.current;\n    if (!element) return;\n\n    const listener = (event: Event) => {\n      handler((event as CustomEvent<T>).detail);\n    };\n\n    element.addEventListener(eventName, listener);\n    return () => element.removeEventListener(eventName, listener);\n  }, [eventName, handler, elementRef]);\n}\n\nexport interface UseEventHandlersOptions {\n  stopPropagation?: boolean;\n}\n\nexport function useEventHandlers(\n  handlers: EventHandlers,\n  elementRef: React.RefObject<HTMLElement | null>,\n  options: UseEventHandlersOptions = { stopPropagation: true }\n) {\n  // Use ref to avoid re-registering listeners on every handler change\n  const handlersRef = useRef(handlers);\n  handlersRef.current = handlers;\n\n  // Track element in state so effect re-runs when ref.current becomes available\n  const [element, setElement] = useState<HTMLElement | null>(null);\n\n  // Check for ref changes on every render (useLayoutEffect runs synchronously after DOM mutations)\n  useLayoutEffect(() => {\n    if (elementRef?.current !== element) {\n      setElement(elementRef?.current ?? null);\n    }\n  });\n\n  useEffect(() => {\n    if (!element) return;\n\n    const eventNames = Object.keys(handlersRef.current) as Array<keyof TableEventPayloads>;\n    const listeners: Array<[string, EventListener]> = [];\n\n    for (const eventName of eventNames) {\n      const listener = (event: Event) => {\n        const handler = handlersRef.current[eventName];\n        if (!handler) return;\n\n        if (options.stopPropagation) {\n          event.stopPropagation();\n          event.preventDefault();\n        }\n        handler((event as CustomEvent).detail, event);\n      };\n\n      element.addEventListener(eventName, listener);\n      listeners.push([eventName, listener]);\n    }\n\n    return () => {\n      for (const [eventName, listener] of listeners) {\n        element.removeEventListener(eventName, listener);\n      }\n    };\n  }, [element, options.stopPropagation]);\n}\n"],
+  "mappings": "AAEA,SAAS,WAAW,iBAAiB,QAAQ,gBAAgB;AAMtD,SAAS,SAAY,SAAsB,WAAmB,SAAY;AAC/E,QAAM,QAAQ,IAAI,YAAY,WAAW;AAAA,IACvC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,EACd,CAAC;AACD,UAAQ,cAAc,KAAK;AAC7B;AAEO,SAAS,YACd,WACA,SACA,YACA;AACA,YAAU,MAAM;AACd,UAAM,UAAU,YAAY;AAC5B,QAAI,CAAC,QAAS;AAEd,UAAM,WAAW,CAAC,UAAiB;AACjC,YAAM,gBAAgB;AACtB,YAAM,eAAe;AACrB,cAAS,MAAyB,MAAM;AAAA,IAC1C;AAEA,YAAQ,iBAAiB,WAAW,QAAQ;AAC5C,WAAO,MAAM,QAAQ,oBAAoB,WAAW,QAAQ;AAAA,EAC9D,GAAG,CAAC,WAAW,SAAS,UAAU,CAAC;AACrC;AAEO,SAAS,YACd,WACA,SACA,YACA;AACA,YAAU,MAAM;AACd,UAAM,UAAU,YAAY;AAC5B,QAAI,CAAC,QAAS;AAEd,UAAM,WAAW,CAAC,UAAiB;AACjC,cAAS,MAAyB,MAAM;AAAA,IAC1C;AAEA,YAAQ,iBAAiB,WAAW,QAAQ;AAC5C,WAAO,MAAM,QAAQ,oBAAoB,WAAW,QAAQ;AAAA,EAC9D,GAAG,CAAC,WAAW,SAAS,UAAU,CAAC;AACrC;AAMO,SAAS,iBACd,UACA,YACA,UAAmC,EAAE,iBAAiB,KAAK,GAC3D;AAEA,QAAM,cAAc,OAAO,QAAQ;AACnC,cAAY,UAAU;AAGtB,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B,IAAI;AAG/D,kBAAgB,MAAM;AACpB,QAAI,YAAY,YAAY,SAAS;AACnC,iBAAW,YAAY,WAAW,IAAI;AAAA,IACxC;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAEd,UAAM,aAAa,OAAO,KAAK,YAAY,OAAO;AAClD,UAAM,YAA4C,CAAC;AAEnD,eAAW,aAAa,YAAY;AAClC,YAAM,WAAW,CAAC,UAAiB;AACjC,cAAM,UAAU,YAAY,QAAQ,SAAS;AAC7C,YAAI,CAAC,QAAS;AAEd,YAAI,QAAQ,iBAAiB;AAC3B,gBAAM,gBAAgB;AACtB,gBAAM,eAAe;AAAA,QACvB;AACA,gBAAS,MAAsB,QAAQ,KAAK;AAAA,MAC9C;AAEA,cAAQ,iBAAiB,WAAW,QAAQ;AAC5C,gBAAU,KAAK,CAAC,WAAW,QAAQ,CAAC;AAAA,IACtC;AAEA,WAAO,MAAM;AACX,iBAAW,CAAC,WAAW,QAAQ,KAAK,WAAW;AAC7C,gBAAQ,oBAAoB,WAAW,QAAQ;AAAA,MACjD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,QAAQ,eAAe,CAAC;AACvC;",
+  "names": []
+}