@economic/taco 2.1.0 → 2.1.2

package/dist/esm/packages/taco/src/components/Table3/components/rows/Row.js

@@ -199,7 +199,8 @@ const MemoedRow = /*#__PURE__*/React__default.memo(function MemoedRow(props) {
     if (typeof onClickCapture === 'function') {
       onClickCapture(event);
     }
-    tableMeta.currentRow.setCurrentRowIndex(index);
+    // do this in the next frame, otherwise it remounts the row and prevents row actions on hover from being clickable
+    requestAnimationFrame(() => tableMeta.currentRow.setCurrentRowIndex(index));
   };
   const handleClick = event => {
     if (typeof onClick === 'function') {

package/dist/esm/packages/taco/src/components/Table3/components/rows/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table3/components/rows/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Row as RTRow, Table as RTable, TableMeta } from '@tanstack/react-table';\nimport cn from 'classnames';\nimport { RowContext, useRowContext } from './RowContext';\nimport { useDropTarget } from '../../../../utils/hooks/useDropTarget';\nimport { Table3RowClickHandler, Table3RowDropHandler } from '../../types';\nimport { useFocusManager } from '@react-aria/focus';\nimport { focusableSelector } from '../../util/editing';\n\ntype RowProps<TType = unknown> = Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onDrop'> & {\n    index: number;\n    isLastRow: boolean;\n    onClick?: Table3RowClickHandler<TType>;\n    onDrop?: Table3RowDropHandler<TType>;\n    row: RTRow<TType>;\n    table: RTable<TType>;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const tableMeta = props.table.options.meta as TableMeta<TType>;\n    const isCurrentRow = tableMeta.currentRow.currentRowIndex === props.index;\n    const isDraggingRow = tableMeta.rowDrag.dragging[props.row.id];\n    // we use non-css hovered state to determine whether to render actions or not, for performance\n    const [isHovered, setIsHovered] = React.useState(false);\n\n    // rows are heavily memoized because performance in our table is critical\n    // be careful and selective about props that you pass to the row\n    const memoedProps = {\n        // aria-grabbed is being deprecated but there is no current alternative api, we use it until there is\n        'aria-grabbed': isDraggingRow ? true : tableMeta.rowDrag.isEnabled ? false : undefined,\n        'data-current': isCurrentRow,\n        'data-selected': props.row.getIsSelected(),\n        draggable: tableMeta.rowDrag.isEnabled,\n        index: props.index,\n        onClick: tableMeta.rowClick.handleClick,\n        onDrop: tableMeta.rowDrop.isEnabled ? tableMeta.rowDrop.handleDrop : undefined,\n    };\n\n    let output = <MemoedRow<TType> {...props} {...memoedProps} />;\n\n    if (tableMeta.editing.isEditing && (isCurrentRow || (isHovered && !tableMeta.hoverState.isPaused))) {\n        output = (\n            <EditingRow\n                {...props}\n                {...memoedProps}\n                isLastRow={props.isLastRow}\n                setCurrentRowIndex={tableMeta.currentRow.setCurrentRowIndex}\n            />\n        );\n    }\n\n    // we store the row index in context because in a virtualised table the row index and the\n    // react table row index do not match when, for example, sorting is applied\n    const contextValue = React.useMemo(() => ({ isHovered, setIsHovered, rowIndex: props.index }), [isHovered, props.index]);\n\n    return <RowContext.Provider value={contextValue}>{output}</RowContext.Provider>;\n}\n\n// turns out we might need some kind of \"state\" for the focused column, but it doesn't need to be react state that re-renders\nlet lastIndex;\n\nfunction getColumnIndex(focusedElement: Element) {\n    if (focusedElement) {\n        return focusedElement.closest('[role=cell]')?.getAttribute('data-column-index');\n    }\n\n    return null;\n}\n\n// This code is needed to avoid multiple rows being hovered at the same time (it happens since we use non-css hovering)\nlet previouslyHoveredIndex: number | undefined;\nconst unhoverPreviousRow = (tableRef: React.RefObject<HTMLDivElement>) => {\n    if (previouslyHoveredIndex !== undefined) {\n        const mouseoutEvent = new MouseEvent('mouseout', { view: window, bubbles: true, cancelable: true });\n        const previouslyHovered = tableRef?.current?.querySelector(`[data-row-index=\"${previouslyHoveredIndex}\"]`);\n        previouslyHovered?.dispatchEvent(mouseoutEvent);\n    }\n};\n\nfunction EditingRow(props) {\n    const { isLastRow, setCurrentRowIndex, virtualiser, ...attributes } = props;\n    const focusManager = useFocusManager();\n    const focusManagerOptions = { tabbable: true };\n    const tableMeta = props.table.options.meta as TableMeta<unknown>;\n\n    const handleClickCapture = (event: React.FocusEvent) => {\n        lastIndex = getColumnIndex(event.target);\n    };\n\n    const handleArrowLeftKey = event => {\n        let focusedElement: Element;\n        if (event.key === 'ArrowLeft' || (event.key === 'Tab' && event.shiftKey)) {\n            // Need to stop propagation because \"Tab\" will be handled twice(default browser and programmatic one)\n            // and will lead to looping focus. Also we still need to perform special behaviour when focus reaches the end of the row,\n            // so we don't need default browser behaviour.\n            event.stopPropagation();\n            event.preventDefault();\n\n            // \"CTRL + ArrowLeft\" or \"META + ArrowLeft\" should focus first focusable element of the row\n            if (event.ctrlKey || event.metaKey) {\n                event.target.blur();\n                focusedElement = focusManager.focusFirst(focusManagerOptions);\n                lastIndex = getColumnIndex(focusedElement);\n            } else {\n                // Should focus previous focusable element, if there is one\n                focusedElement = focusManager.focusPrevious(focusManagerOptions);\n\n                // Should move to prevoius row and select last focusable element in that row,\n                // if there is no previous focusable element in current row\n                if (props.index !== 0 && (!focusedElement || !event.currentTarget.contains(focusedElement))) {\n                    tableMeta.hoverState.pause(true);\n                    setCurrentRowIndex(props.index - 1);\n                    setTimeout(() => {\n                        focusedElement = focusManager.focusLast(focusManagerOptions);\n                        // Need to update lastIndex when row got changed and last element got selected.\n                        lastIndex = getColumnIndex(focusedElement);\n                    }, 1);\n                } else {\n                    lastIndex = getColumnIndex(focusedElement);\n                }\n            }\n        }\n    };\n\n    const handleArrowRightKey = event => {\n        let focusedElement: Element;\n        if (event.key === 'ArrowRight' || (event.key === 'Tab' && !event.shiftKey)) {\n            // Need to stop propagation because \"Tab\" will be handled twice(default browser and programmatic one)\n            // and will lead to looping focus. Also we still need to perform special behaviour when focus reaches the end of the row,\n            // so we don't need default browser behaviour.\n            event.stopPropagation();\n            event.preventDefault();\n\n            // \"CTRL + ArrowRight\" or \"META + ArrowRight\" should focus last focusable element of the row\n            if (event.ctrlKey || event.metaKey) {\n                event.target.blur();\n                focusedElement = focusManager.focusLast(focusManagerOptions);\n                lastIndex = getColumnIndex(focusedElement);\n            } else {\n                // Should focus next focusable element, if there is one\n                focusedElement = focusManager.focusNext(focusManagerOptions);\n\n                // Should move to next row and select first focusable element in that row,\n                // if there is no next focusable element in current row\n                if (!isLastRow && (!focusedElement || !event.currentTarget.contains(focusedElement))) {\n                    tableMeta.hoverState.pause(true);\n                    setCurrentRowIndex(props.index + 1);\n                    setTimeout(() => {\n                        focusedElement = focusManager.focusFirst(focusManagerOptions);\n                        // Need to update lastIndex when row got changed and first element got selected.\n\n                        lastIndex = getColumnIndex(focusedElement);\n                    }, 1);\n                } else {\n                    lastIndex = getColumnIndex(focusedElement);\n                }\n            }\n        }\n    };\n\n    React.useEffect(() => {\n        // if some row stuck in hovered state, we heed to unhover it when hover state is paused\n        if (tableMeta.hoverState.isPaused) {\n            unhoverPreviousRow(props.tableRef);\n        }\n    }, [tableMeta.hoverState.isPaused]);\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.isDefaultPrevented() || event.isPropagationStopped() || tableMeta.editing.detailModeEditing) {\n            return;\n        }\n\n        handleArrowLeftKey(event);\n        handleArrowRightKey(event);\n    };\n\n    // this ensures we focus either on a field or on the same column when keyboard navigating up/down\n    React.useEffect(() => {\n        if (tableMeta.currentRow.currentRowIndex === props.index) {\n            if (lastIndex !== undefined) {\n                const lastIndexCell = props.tableRef.current?.querySelector(\n                    `[role=\"row\"][data-current=\"true\"] [data-column-index=\"${lastIndex}\"]`\n                );\n                lastIndexCell?.querySelector(focusableSelector)?.focus();\n            } else {\n                focusManager.focusFirst(focusManagerOptions);\n            }\n        }\n        // Need to subscribe to current row index and check is it a current row,\n        // for a situation where hovered row is the next row after current row...\n        // In this case row will not be re-rendered if user switch to next row, because hovered row also renders EditingRow.\n    }, [tableMeta.currentRow.currentRowIndex]);\n\n    return <MemoedRow {...attributes} onClickCapture={handleClickCapture} onKeyDown={handleKeyDown} />;\n}\n\n// Memoization\n\nexport type MemoedRowProps<TType = unknown> = RowProps<TType> & {\n    'aria-grabbed'?: boolean;\n    'data-current': boolean;\n    'data-selected': boolean;\n    draggable: boolean;\n    index: number;\n};\n\nconst clickableElements = ['input', 'button', 'a', 'select', 'option', 'label', 'textarea'];\n\nconst MemoedRow = React.memo(function MemoedRow<TType = unknown>(props: MemoedRowProps<TType>) {\n    const { index, isLastRow: _1, onClick, onClickCapture, onDrop, row, table, tableRef, ...attributes } = props;\n    const ref = React.useRef<HTMLDivElement | null>(null);\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const { setIsHovered } = useRowContext();\n\n    // we use capture because it also picks up clicks on e.g. select checkboxes\n    const handleClickCapture = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (typeof onClickCapture === 'function') {\n            onClickCapture(event);\n        }\n\n        tableMeta.currentRow.setCurrentRowIndex(index);\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (typeof onClick === 'function') {\n            const clickedElement = event.target as HTMLElement;\n\n            if (\n                !ref.current?.contains(event.target as HTMLElement) ||\n                clickableElements.includes(clickedElement.tagName.toLowerCase()) ||\n                clickedElement.closest(clickableElements.map(tag => `[role=row] ${tag}`).join(','))\n            ) {\n                return;\n            }\n\n            onClick(row.original);\n        }\n    };\n\n    const handleMouseEnter = () => {\n        // When user moving mouse to fast, then some of the rows are getting stuck in hover state,\n        // because mouseleave event never got triggered, to avoid this to happen we're saving the index of last hovered row,\n        // so that we can unhover it when new row got hovered, and saving it in a variable outside of react to save in performance,\n        // since it would be very performance heavy to use state which is bound to mouse events.\n        if (previouslyHoveredIndex !== undefined) {\n            if (previouslyHoveredIndex !== index) {\n                unhoverPreviousRow(tableRef);\n                previouslyHoveredIndex = index;\n            }\n        } else {\n            previouslyHoveredIndex = index;\n        }\n        setIsHovered(true);\n    };\n    const handleMouseLeave = () => {\n        if (previouslyHoveredIndex === index) {\n            previouslyHoveredIndex = undefined;\n        }\n        setIsHovered(false);\n    };\n\n    const [, dropTargetProps] = useDropTarget(event => onDrop?.(event, row.original));\n\n    const className = cn(\n        'group/row contents',\n        // resizing column requires dragging, which means the mouse might (on rare occasions) move over rows and trigger hover state\n        // that in turn triggers rendering of e.g. row actions, which could cause janky ui - so don't allow mouse interaction when resizing\n        '[[role=\"table\"][data-resizing=\"true\"]_&]:pointer-events-none',\n        {\n            'hover:cursor-pointer': typeof onClick === 'function',\n        }\n    );\n\n    return (\n        <div\n            {...attributes}\n            {...(onDrop ? dropTargetProps : undefined)}\n            className={className}\n            data-row-index={index}\n            onClick={handleClick}\n            onClickCapture={handleClickCapture}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            role=\"row\"\n            ref={ref}\n        />\n    );\n}) as <TType = unknown>(props: MemoedRowProps<TType>) => JSX.Element;\n"],"names":["Row","props","tableMeta","table","options","meta","isCurrentRow","currentRow","currentRowIndex","index","isDraggingRow","rowDrag","dragging","row","id","isHovered","setIsHovered","React","useState","memoedProps","isEnabled","undefined","getIsSelected","draggable","onClick","rowClick","handleClick","onDrop","rowDrop","handleDrop","output","MemoedRow","editing","isEditing","hoverState","isPaused","EditingRow","isLastRow","setCurrentRowIndex","contextValue","useMemo","rowIndex","RowContext","Provider","value","lastIndex","getColumnIndex","focusedElement","closest","getAttribute","previouslyHoveredIndex","unhoverPreviousRow","tableRef","mouseoutEvent","MouseEvent","view","window","bubbles","cancelable","previouslyHovered","current","querySelector","dispatchEvent","virtualiser","attributes","focusManager","useFocusManager","focusManagerOptions","tabbable","handleClickCapture","event","target","handleArrowLeftKey","key","shiftKey","stopPropagation","preventDefault","ctrlKey","metaKey","blur","focusFirst","focusPrevious","currentTarget","contains","pause","setTimeout","focusLast","handleArrowRightKey","focusNext","useEffect","handleKeyDown","isDefaultPrevented","isPropagationStopped","detailModeEditing","lastIndexCell","focusableSelector","focus","onClickCapture","onKeyDown","clickableElements","memo","_1","ref","useRef","useRowContext","clickedElement","includes","tagName","toLowerCase","map","tag","join","original","handleMouseEnter","handleMouseLeave","dropTargetProps","useDropTarget","className","cn","onMouseEnter","onMouseLeave","role"],"mappings":"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"}
+{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table3/components/rows/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Row as RTRow, Table as RTable, TableMeta } from '@tanstack/react-table';\nimport cn from 'classnames';\nimport { RowContext, useRowContext } from './RowContext';\nimport { useDropTarget } from '../../../../utils/hooks/useDropTarget';\nimport { Table3RowClickHandler, Table3RowDropHandler } from '../../types';\nimport { useFocusManager } from '@react-aria/focus';\nimport { focusableSelector } from '../../util/editing';\n\ntype RowProps<TType = unknown> = Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onDrop'> & {\n    index: number;\n    isLastRow: boolean;\n    onClick?: Table3RowClickHandler<TType>;\n    onDrop?: Table3RowDropHandler<TType>;\n    row: RTRow<TType>;\n    table: RTable<TType>;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport function Row<TType = unknown>(props: RowProps<TType>) {\n    const tableMeta = props.table.options.meta as TableMeta<TType>;\n    const isCurrentRow = tableMeta.currentRow.currentRowIndex === props.index;\n    const isDraggingRow = tableMeta.rowDrag.dragging[props.row.id];\n    // we use non-css hovered state to determine whether to render actions or not, for performance\n    const [isHovered, setIsHovered] = React.useState(false);\n\n    // rows are heavily memoized because performance in our table is critical\n    // be careful and selective about props that you pass to the row\n    const memoedProps = {\n        // aria-grabbed is being deprecated but there is no current alternative api, we use it until there is\n        'aria-grabbed': isDraggingRow ? true : tableMeta.rowDrag.isEnabled ? false : undefined,\n        'data-current': isCurrentRow,\n        'data-selected': props.row.getIsSelected(),\n        draggable: tableMeta.rowDrag.isEnabled,\n        index: props.index,\n        onClick: tableMeta.rowClick.handleClick,\n        onDrop: tableMeta.rowDrop.isEnabled ? tableMeta.rowDrop.handleDrop : undefined,\n    };\n\n    let output = <MemoedRow<TType> {...props} {...memoedProps} />;\n\n    if (tableMeta.editing.isEditing && (isCurrentRow || (isHovered && !tableMeta.hoverState.isPaused))) {\n        output = (\n            <EditingRow\n                {...props}\n                {...memoedProps}\n                isLastRow={props.isLastRow}\n                setCurrentRowIndex={tableMeta.currentRow.setCurrentRowIndex}\n            />\n        );\n    }\n\n    // we store the row index in context because in a virtualised table the row index and the\n    // react table row index do not match when, for example, sorting is applied\n    const contextValue = React.useMemo(() => ({ isHovered, setIsHovered, rowIndex: props.index }), [isHovered, props.index]);\n\n    return <RowContext.Provider value={contextValue}>{output}</RowContext.Provider>;\n}\n\n// turns out we might need some kind of \"state\" for the focused column, but it doesn't need to be react state that re-renders\nlet lastIndex;\n\nfunction getColumnIndex(focusedElement: Element) {\n    if (focusedElement) {\n        return focusedElement.closest('[role=cell]')?.getAttribute('data-column-index');\n    }\n\n    return null;\n}\n\n// This code is needed to avoid multiple rows being hovered at the same time (it happens since we use non-css hovering)\nlet previouslyHoveredIndex: number | undefined;\nconst unhoverPreviousRow = (tableRef: React.RefObject<HTMLDivElement>) => {\n    if (previouslyHoveredIndex !== undefined) {\n        const mouseoutEvent = new MouseEvent('mouseout', { view: window, bubbles: true, cancelable: true });\n        const previouslyHovered = tableRef?.current?.querySelector(`[data-row-index=\"${previouslyHoveredIndex}\"]`);\n        previouslyHovered?.dispatchEvent(mouseoutEvent);\n    }\n};\n\nfunction EditingRow(props) {\n    const { isLastRow, setCurrentRowIndex, virtualiser, ...attributes } = props;\n    const focusManager = useFocusManager();\n    const focusManagerOptions = { tabbable: true };\n    const tableMeta = props.table.options.meta as TableMeta<unknown>;\n\n    const handleClickCapture = (event: React.FocusEvent) => {\n        lastIndex = getColumnIndex(event.target);\n    };\n\n    const handleArrowLeftKey = event => {\n        let focusedElement: Element;\n        if (event.key === 'ArrowLeft' || (event.key === 'Tab' && event.shiftKey)) {\n            // Need to stop propagation because \"Tab\" will be handled twice(default browser and programmatic one)\n            // and will lead to looping focus. Also we still need to perform special behaviour when focus reaches the end of the row,\n            // so we don't need default browser behaviour.\n            event.stopPropagation();\n            event.preventDefault();\n\n            // \"CTRL + ArrowLeft\" or \"META + ArrowLeft\" should focus first focusable element of the row\n            if (event.ctrlKey || event.metaKey) {\n                event.target.blur();\n                focusedElement = focusManager.focusFirst(focusManagerOptions);\n                lastIndex = getColumnIndex(focusedElement);\n            } else {\n                // Should focus previous focusable element, if there is one\n                focusedElement = focusManager.focusPrevious(focusManagerOptions);\n\n                // Should move to prevoius row and select last focusable element in that row,\n                // if there is no previous focusable element in current row\n                if (props.index !== 0 && (!focusedElement || !event.currentTarget.contains(focusedElement))) {\n                    tableMeta.hoverState.pause(true);\n                    setCurrentRowIndex(props.index - 1);\n                    setTimeout(() => {\n                        focusedElement = focusManager.focusLast(focusManagerOptions);\n                        // Need to update lastIndex when row got changed and last element got selected.\n                        lastIndex = getColumnIndex(focusedElement);\n                    }, 1);\n                } else {\n                    lastIndex = getColumnIndex(focusedElement);\n                }\n            }\n        }\n    };\n\n    const handleArrowRightKey = event => {\n        let focusedElement: Element;\n        if (event.key === 'ArrowRight' || (event.key === 'Tab' && !event.shiftKey)) {\n            // Need to stop propagation because \"Tab\" will be handled twice(default browser and programmatic one)\n            // and will lead to looping focus. Also we still need to perform special behaviour when focus reaches the end of the row,\n            // so we don't need default browser behaviour.\n            event.stopPropagation();\n            event.preventDefault();\n\n            // \"CTRL + ArrowRight\" or \"META + ArrowRight\" should focus last focusable element of the row\n            if (event.ctrlKey || event.metaKey) {\n                event.target.blur();\n                focusedElement = focusManager.focusLast(focusManagerOptions);\n                lastIndex = getColumnIndex(focusedElement);\n            } else {\n                // Should focus next focusable element, if there is one\n                focusedElement = focusManager.focusNext(focusManagerOptions);\n\n                // Should move to next row and select first focusable element in that row,\n                // if there is no next focusable element in current row\n                if (!isLastRow && (!focusedElement || !event.currentTarget.contains(focusedElement))) {\n                    tableMeta.hoverState.pause(true);\n                    setCurrentRowIndex(props.index + 1);\n                    setTimeout(() => {\n                        focusedElement = focusManager.focusFirst(focusManagerOptions);\n                        // Need to update lastIndex when row got changed and first element got selected.\n\n                        lastIndex = getColumnIndex(focusedElement);\n                    }, 1);\n                } else {\n                    lastIndex = getColumnIndex(focusedElement);\n                }\n            }\n        }\n    };\n\n    React.useEffect(() => {\n        // if some row stuck in hovered state, we heed to unhover it when hover state is paused\n        if (tableMeta.hoverState.isPaused) {\n            unhoverPreviousRow(props.tableRef);\n        }\n    }, [tableMeta.hoverState.isPaused]);\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.isDefaultPrevented() || event.isPropagationStopped() || tableMeta.editing.detailModeEditing) {\n            return;\n        }\n\n        handleArrowLeftKey(event);\n        handleArrowRightKey(event);\n    };\n\n    // this ensures we focus either on a field or on the same column when keyboard navigating up/down\n    React.useEffect(() => {\n        if (tableMeta.currentRow.currentRowIndex === props.index) {\n            if (lastIndex !== undefined) {\n                const lastIndexCell = props.tableRef.current?.querySelector(\n                    `[role=\"row\"][data-current=\"true\"] [data-column-index=\"${lastIndex}\"]`\n                );\n                lastIndexCell?.querySelector(focusableSelector)?.focus();\n            } else {\n                focusManager.focusFirst(focusManagerOptions);\n            }\n        }\n        // Need to subscribe to current row index and check is it a current row,\n        // for a situation where hovered row is the next row after current row...\n        // In this case row will not be re-rendered if user switch to next row, because hovered row also renders EditingRow.\n    }, [tableMeta.currentRow.currentRowIndex]);\n\n    return <MemoedRow {...attributes} onClickCapture={handleClickCapture} onKeyDown={handleKeyDown} />;\n}\n\n// Memoization\n\nexport type MemoedRowProps<TType = unknown> = RowProps<TType> & {\n    'aria-grabbed'?: boolean;\n    'data-current': boolean;\n    'data-selected': boolean;\n    draggable: boolean;\n    index: number;\n};\n\nconst clickableElements = ['input', 'button', 'a', 'select', 'option', 'label', 'textarea'];\n\nconst MemoedRow = React.memo(function MemoedRow<TType = unknown>(props: MemoedRowProps<TType>) {\n    const { index, isLastRow: _1, onClick, onClickCapture, onDrop, row, table, tableRef, ...attributes } = props;\n    const ref = React.useRef<HTMLDivElement | null>(null);\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const { setIsHovered } = useRowContext();\n\n    // we use capture because it also picks up clicks on e.g. select checkboxes\n    const handleClickCapture = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (typeof onClickCapture === 'function') {\n            onClickCapture(event);\n        }\n\n        // do this in the next frame, otherwise it remounts the row and prevents row actions on hover from being clickable\n        requestAnimationFrame(() => tableMeta.currentRow.setCurrentRowIndex(index));\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (typeof onClick === 'function') {\n            const clickedElement = event.target as HTMLElement;\n\n            if (\n                !ref.current?.contains(event.target as HTMLElement) ||\n                clickableElements.includes(clickedElement.tagName.toLowerCase()) ||\n                clickedElement.closest(clickableElements.map(tag => `[role=row] ${tag}`).join(','))\n            ) {\n                return;\n            }\n\n            onClick(row.original);\n        }\n    };\n\n    const handleMouseEnter = () => {\n        // When user moving mouse to fast, then some of the rows are getting stuck in hover state,\n        // because mouseleave event never got triggered, to avoid this to happen we're saving the index of last hovered row,\n        // so that we can unhover it when new row got hovered, and saving it in a variable outside of react to save in performance,\n        // since it would be very performance heavy to use state which is bound to mouse events.\n        if (previouslyHoveredIndex !== undefined) {\n            if (previouslyHoveredIndex !== index) {\n                unhoverPreviousRow(tableRef);\n                previouslyHoveredIndex = index;\n            }\n        } else {\n            previouslyHoveredIndex = index;\n        }\n        setIsHovered(true);\n    };\n    const handleMouseLeave = () => {\n        if (previouslyHoveredIndex === index) {\n            previouslyHoveredIndex = undefined;\n        }\n        setIsHovered(false);\n    };\n\n    const [, dropTargetProps] = useDropTarget(event => onDrop?.(event, row.original));\n\n    const className = cn(\n        'group/row contents',\n        // resizing column requires dragging, which means the mouse might (on rare occasions) move over rows and trigger hover state\n        // that in turn triggers rendering of e.g. row actions, which could cause janky ui - so don't allow mouse interaction when resizing\n        '[[role=\"table\"][data-resizing=\"true\"]_&]:pointer-events-none',\n        {\n            'hover:cursor-pointer': typeof onClick === 'function',\n        }\n    );\n\n    return (\n        <div\n            {...attributes}\n            {...(onDrop ? dropTargetProps : undefined)}\n            className={className}\n            data-row-index={index}\n            onClick={handleClick}\n            onClickCapture={handleClickCapture}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            role=\"row\"\n            ref={ref}\n        />\n    );\n}) as <TType = unknown>(props: MemoedRowProps<TType>) => JSX.Element;\n"],"names":["Row","props","tableMeta","table","options","meta","isCurrentRow","currentRow","currentRowIndex","index","isDraggingRow","rowDrag","dragging","row","id","isHovered","setIsHovered","React","useState","memoedProps","isEnabled","undefined","getIsSelected","draggable","onClick","rowClick","handleClick","onDrop","rowDrop","handleDrop","output","MemoedRow","editing","isEditing","hoverState","isPaused","EditingRow","isLastRow","setCurrentRowIndex","contextValue","useMemo","rowIndex","RowContext","Provider","value","lastIndex","getColumnIndex","focusedElement","closest","getAttribute","previouslyHoveredIndex","unhoverPreviousRow","tableRef","mouseoutEvent","MouseEvent","view","window","bubbles","cancelable","previouslyHovered","current","querySelector","dispatchEvent","virtualiser","attributes","focusManager","useFocusManager","focusManagerOptions","tabbable","handleClickCapture","event","target","handleArrowLeftKey","key","shiftKey","stopPropagation","preventDefault","ctrlKey","metaKey","blur","focusFirst","focusPrevious","currentTarget","contains","pause","setTimeout","focusLast","handleArrowRightKey","focusNext","useEffect","handleKeyDown","isDefaultPrevented","isPropagationStopped","detailModeEditing","lastIndexCell","focusableSelector","focus","onClickCapture","onKeyDown","clickableElements","memo","_1","ref","useRef","useRowContext","requestAnimationFrame","clickedElement","includes","tagName","toLowerCase","map","tag","join","original","handleMouseEnter","handleMouseLeave","dropTargetProps","useDropTarget","className","cn","onMouseEnter","onMouseLeave","role"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Search.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useLocalization } from '../../../Provider/Localization.js';
 import { isDate } from 'date-fns';
-import { format } from '../../../../utils/date.js';
+import { format, parseFromISOString } from '../../../../utils/date.js';
 import { SearchInput2 } from '../../../SearchInput2/SearchInput2.js';
 import { Switch } from '../../../Switch/Switch.js';
 import { globalFilterFn } from '../../util/filtering.js';
@@ -110,8 +110,14 @@ function resetHighlightedColumnIndexes(enabled, value, table) {
     table.getRowModel().rows.forEach((row, rowIndex) => {
       columns.forEach((column, columnIndex) => {
         try {
-          var _column$columnDef$met, _format;
-          if ((_column$columnDef$met = column.columnDef.meta) !== null && _column$columnDef$met !== void 0 && _column$columnDef$met.enableSearch && row.original !== undefined && globalFilterFn(isDate(row.original[column.id]) ? (_format = format(row.original[column.id])) !== null && _format !== void 0 ? _format : '' : String(row.original[column.id]), value)) {
+          var _column$columnDef$met, _format, _format2;
+          if ((_column$columnDef$met = column.columnDef.meta) !== null && _column$columnDef$met !== void 0 && _column$columnDef$met.enableSearch && row.original && globalFilterFn(
+          // if it's a date, format it first
+          isDate(row.original[column.id]) ? (_format = format(row.original[column.id])) !== null && _format !== void 0 ? _format : '' :
+          // if its marked as a date but isn't a date, try to format it
+          column.columnDef.meta.dataType === 'datetime' ? (_format2 = format(parseFromISOString(row.original[column.id]))) !== null && _format2 !== void 0 ? _format2 : '' :
+          // otherwise just string compare
+          String(row.original[column.id]), value)) {
             indexes.push([rowIndex, columnIndex]);
           }
         } catch (e) {

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Switch } from '../../../Switch/Switch';\nimport { globalFilterFn } from '../../util/filtering';\nimport { isDate } from 'date-fns';\nimport { format } from '../../../../utils/date';\nimport { SearchInput2 } from '../../../SearchInput2/SearchInput2';\n\ntype SearchProps<TType = unknown> = {\n    scrollToIndex: any;\n    table: RTable<TType>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n    const { scrollToIndex, table } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLInputElement>(null);\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n\n    // update the indexes if the row length changes (e.g. when filtering)\n    React.useEffect(() => {\n        const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, ref.current?.value, table);\n\n        if (firstRowIndex) {\n            scrollTo(firstRowIndex);\n        }\n    }, [\n        table.getRowModel().rows.length,\n        JSON.stringify(table.getState().sorting),\n        JSON.stringify(table.getState().columnVisibility),\n    ]);\n\n    const handleSearch = (query: any) => {\n        const value = String(query ?? '');\n        tableMeta.search.setQuery(value);\n\n        if (tableMeta.search.excludeUnmatchedResults) {\n            if (value?.length) {\n                table.setGlobalFilter(value);\n            } else {\n                table.resetGlobalFilter();\n            }\n        } else if (tableMeta.search.loadAll) {\n            // don't pass the search query because filters when loading all, we need all - not filtered data\n            tableMeta.search.loadAll(table.getState().sorting, table.getState().columnFilters, undefined);\n        }\n\n        const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, value, table);\n\n        if (firstRowIndex) {\n            scrollTo(firstRowIndex);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n        tableMeta.search.toggleExcludeUnmatchedResults(enabled);\n\n        if (enabled) {\n            if (tableMeta.search.query) {\n                table.setGlobalFilter(tableMeta.search.query);\n            } else {\n                table.resetGlobalFilter();\n            }\n        } else {\n            table.resetGlobalFilter();\n        }\n\n        requestAnimationFrame(() => ref.current?.focus());\n    };\n\n    const handleNextResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined ||\n            tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex + 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const handlePreviousResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex === 0\n                ? tableMeta.search.highlightedColumnIndexes.length - 1\n                : tableMeta.search.currentHighlightColumnIndex - 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const settings = (\n        <Switch\n            label={texts.table3.search.excludeUnmatchedResults}\n            checked={tableMeta.search.excludeUnmatchedResults}\n            onChange={handleToggleExcludeUnmatchedResults}\n        />\n    );\n\n    return (\n        <>\n            <SearchInput2\n                findCurrent={\n                    tableMeta.search.currentHighlightColumnIndex !== undefined\n                        ? tableMeta.search.currentHighlightColumnIndex + 1\n                        : null\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes ? tableMeta.search.highlightedColumnIndexes.length : null}\n                onClickFindPrevious={handlePreviousResult}\n                onClickFindNext={handleNextResult}\n                onSearch={handleSearch}\n                placeholder={texts.table3.search.placeholder}\n                settingsContent={settings}\n                ref={ref}\n                shortcut={{ key: 'f', meta: true, shift: false }}\n                value={tableMeta.search.query}\n            />\n        </>\n    );\n}\n\nfunction resetHighlightedColumnIndexes<TType = unknown>(enabled: boolean, value: string | undefined, table: RTable<TType>) {\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    let firstRowIndex: undefined | number;\n\n    if (enabled && value) {\n        const rowIndexes: number[] = [];\n        const indexes: number[][] = [];\n        const columns = table.getVisibleLeafColumns();\n\n        table.getRowModel().rows.forEach((row, rowIndex) => {\n            columns.forEach((column, columnIndex) => {\n                try {\n                    if (\n                        column.columnDef.meta?.enableSearch &&\n                        row.original !== undefined &&\n                        globalFilterFn(\n                            isDate(row.original[column.id])\n                                ? format(row.original[column.id]) ?? ''\n                                : String(row.original[column.id]),\n                            value\n                        )\n                    ) {\n                        indexes.push([rowIndex, columnIndex]);\n                    }\n                } catch (e) {\n                    //\n                }\n            });\n\n            if (indexes.length) {\n                rowIndexes.push(rowIndex);\n            }\n        });\n\n        tableMeta.search.setHighlightedColumnIndexes(indexes);\n\n        if (indexes.length) {\n            firstRowIndex = indexes[0][0];\n            tableMeta.search.setCurrentHighlightColumnIndex(0);\n        } else {\n            tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n        }\n    } else {\n        tableMeta.search.setHighlightedColumnIndexes([]);\n        tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n    }\n\n    return firstRowIndex;\n}\n"],"names":["Search","props","scrollToIndex","table","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","scrollTo","rowIndex","align","useEffect","firstRowIndex","resetHighlightedColumnIndexes","search","isHighlightingEnabled","current","value","getRowModel","rows","length","JSON","stringify","getState","sorting","columnVisibility","handleSearch","query","String","setQuery","excludeUnmatchedResults","setGlobalFilter","resetGlobalFilter","loadAll","columnFilters","undefined","handleToggleExcludeUnmatchedResults","enabled","toggleExcludeUnmatchedResults","requestAnimationFrame","focus","handleNextResult","highlightedColumnIndexes","nextIndex","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","table3","checked","onChange","SearchInput2","findCurrent","findTotal","onClickFindPrevious","onClickFindNext","onSearch","placeholder","settingsContent","shortcut","key","shift","indexes","columns","getVisibleLeafColumns","forEach","row","column","columnIndex","columnDef","enableSearch","original","globalFilterFn","isDate","id","format","push","e","setHighlightedColumnIndexes"],"mappings":"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"}
+{"version":3,"file":"Search.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Switch } from '../../../Switch/Switch';\nimport { globalFilterFn } from '../../util/filtering';\nimport { isDate } from 'date-fns';\nimport { format, parseFromISOString } from '../../../../utils/date';\nimport { SearchInput2 } from '../../../SearchInput2/SearchInput2';\n\ntype SearchProps<TType = unknown> = {\n    scrollToIndex: any;\n    table: RTable<TType>;\n};\n\nexport function Search<TType = unknown>(props: SearchProps<TType>) {\n    const { scrollToIndex, table } = props;\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLInputElement>(null);\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    const scrollTo = (rowIndex: number) => scrollToIndex(rowIndex, { align: 'center' });\n\n    // update the indexes if the row length changes (e.g. when filtering)\n    React.useEffect(() => {\n        const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, ref.current?.value, table);\n\n        if (firstRowIndex) {\n            scrollTo(firstRowIndex);\n        }\n    }, [\n        table.getRowModel().rows.length,\n        JSON.stringify(table.getState().sorting),\n        JSON.stringify(table.getState().columnVisibility),\n    ]);\n\n    const handleSearch = (query: any) => {\n        const value = String(query ?? '');\n        tableMeta.search.setQuery(value);\n\n        if (tableMeta.search.excludeUnmatchedResults) {\n            if (value?.length) {\n                table.setGlobalFilter(value);\n            } else {\n                table.resetGlobalFilter();\n            }\n        } else if (tableMeta.search.loadAll) {\n            // don't pass the search query because filters when loading all, we need all - not filtered data\n            tableMeta.search.loadAll(table.getState().sorting, table.getState().columnFilters, undefined);\n        }\n\n        const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, value, table);\n\n        if (firstRowIndex) {\n            scrollTo(firstRowIndex);\n        }\n    };\n\n    const handleToggleExcludeUnmatchedResults = (enabled: boolean) => {\n        tableMeta.search.toggleExcludeUnmatchedResults(enabled);\n\n        if (enabled) {\n            if (tableMeta.search.query) {\n                table.setGlobalFilter(tableMeta.search.query);\n            } else {\n                table.resetGlobalFilter();\n            }\n        } else {\n            table.resetGlobalFilter();\n        }\n\n        requestAnimationFrame(() => ref.current?.focus());\n    };\n\n    const handleNextResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined ||\n            tableMeta.search.currentHighlightColumnIndex === tableMeta.search.highlightedColumnIndexes.length - 1\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex + 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const handlePreviousResult = () => {\n        if (!tableMeta.search.highlightedColumnIndexes.length) {\n            return;\n        }\n\n        const nextIndex =\n            tableMeta.search.currentHighlightColumnIndex === undefined\n                ? 0\n                : tableMeta.search.currentHighlightColumnIndex === 0\n                ? tableMeta.search.highlightedColumnIndexes.length - 1\n                : tableMeta.search.currentHighlightColumnIndex - 1;\n\n        tableMeta.search.setCurrentHighlightColumnIndex(nextIndex);\n        // we scroll to the row here, the cell scrolls itself into view\n        scrollTo(tableMeta.search.highlightedColumnIndexes[nextIndex][0]);\n    };\n\n    const settings = (\n        <Switch\n            label={texts.table3.search.excludeUnmatchedResults}\n            checked={tableMeta.search.excludeUnmatchedResults}\n            onChange={handleToggleExcludeUnmatchedResults}\n        />\n    );\n\n    return (\n        <>\n            <SearchInput2\n                findCurrent={\n                    tableMeta.search.currentHighlightColumnIndex !== undefined\n                        ? tableMeta.search.currentHighlightColumnIndex + 1\n                        : null\n                }\n                findTotal={tableMeta.search.highlightedColumnIndexes ? tableMeta.search.highlightedColumnIndexes.length : null}\n                onClickFindPrevious={handlePreviousResult}\n                onClickFindNext={handleNextResult}\n                onSearch={handleSearch}\n                placeholder={texts.table3.search.placeholder}\n                settingsContent={settings}\n                ref={ref}\n                shortcut={{ key: 'f', meta: true, shift: false }}\n                value={tableMeta.search.query}\n            />\n        </>\n    );\n}\n\nfunction resetHighlightedColumnIndexes<TType = unknown>(enabled: boolean, value: string | undefined, table: RTable<TType>) {\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    let firstRowIndex: undefined | number;\n\n    if (enabled && value) {\n        const rowIndexes: number[] = [];\n        const indexes: number[][] = [];\n        const columns = table.getVisibleLeafColumns();\n\n        table.getRowModel().rows.forEach((row, rowIndex) => {\n            columns.forEach((column, columnIndex) => {\n                try {\n                    if (\n                        column.columnDef.meta?.enableSearch &&\n                        row.original &&\n                        globalFilterFn(\n                            // if it's a date, format it first\n                            isDate(row.original[column.id])\n                                ? format(row.original[column.id]) ?? ''\n                                : // if its marked as a date but isn't a date, try to format it\n                                column.columnDef.meta.dataType === 'datetime'\n                                ? format(parseFromISOString(row.original[column.id])) ?? ''\n                                : // otherwise just string compare\n                                  String(row.original[column.id]),\n                            value\n                        )\n                    ) {\n                        indexes.push([rowIndex, columnIndex]);\n                    }\n                } catch (e) {\n                    //\n                }\n            });\n\n            if (indexes.length) {\n                rowIndexes.push(rowIndex);\n            }\n        });\n\n        tableMeta.search.setHighlightedColumnIndexes(indexes);\n\n        if (indexes.length) {\n            firstRowIndex = indexes[0][0];\n            tableMeta.search.setCurrentHighlightColumnIndex(0);\n        } else {\n            tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n        }\n    } else {\n        tableMeta.search.setHighlightedColumnIndexes([]);\n        tableMeta.search.setCurrentHighlightColumnIndex(undefined);\n    }\n\n    return firstRowIndex;\n}\n"],"names":["Search","props","scrollToIndex","table","texts","useLocalization","ref","React","useRef","tableMeta","options","meta","scrollTo","rowIndex","align","useEffect","firstRowIndex","resetHighlightedColumnIndexes","search","isHighlightingEnabled","current","value","getRowModel","rows","length","JSON","stringify","getState","sorting","columnVisibility","handleSearch","query","String","setQuery","excludeUnmatchedResults","setGlobalFilter","resetGlobalFilter","loadAll","columnFilters","undefined","handleToggleExcludeUnmatchedResults","enabled","toggleExcludeUnmatchedResults","requestAnimationFrame","focus","handleNextResult","highlightedColumnIndexes","nextIndex","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","handlePreviousResult","settings","Switch","label","table3","checked","onChange","SearchInput2","findCurrent","findTotal","onClickFindPrevious","onClickFindNext","onSearch","placeholder","settingsContent","shortcut","key","shift","indexes","columns","getVisibleLeafColumns","forEach","row","column","columnIndex","columnDef","enableSearch","original","globalFilterFn","isDate","id","format","dataType","parseFromISOString","push","e","setHighlightedColumnIndexes"],"mappings":"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"}

package/dist/taco.cjs.development.js

@@ -18442,7 +18442,8 @@ const MemoedRow = /*#__PURE__*/React__default.memo(function MemoedRow(props) {
     if (typeof onClickCapture === 'function') {
       onClickCapture(event);
     }
-    tableMeta.currentRow.setCurrentRowIndex(index);
+    // do this in the next frame, otherwise it remounts the row and prevents row actions on hover from being clickable
+    requestAnimationFrame(() => tableMeta.currentRow.setCurrentRowIndex(index));
   };
   const handleClick = event => {
     if (typeof onClick === 'function') {
@@ -18793,8 +18794,14 @@ function resetHighlightedColumnIndexes(enabled, value, table) {
     table.getRowModel().rows.forEach((row, rowIndex) => {
       columns.forEach((column, columnIndex) => {
         try {
-          var _column$columnDef$met, _format;
-          if ((_column$columnDef$met = column.columnDef.meta) !== null && _column$columnDef$met !== void 0 && _column$columnDef$met.enableSearch && row.original !== undefined && globalFilterFn$1(dateFns.isDate(row.original[column.id]) ? (_format = format(row.original[column.id])) !== null && _format !== void 0 ? _format : '' : String(row.original[column.id]), value)) {
+          var _column$columnDef$met, _format, _format2;
+          if ((_column$columnDef$met = column.columnDef.meta) !== null && _column$columnDef$met !== void 0 && _column$columnDef$met.enableSearch && row.original && globalFilterFn$1(
+          // if it's a date, format it first
+          dateFns.isDate(row.original[column.id]) ? (_format = format(row.original[column.id])) !== null && _format !== void 0 ? _format : '' :
+          // if its marked as a date but isn't a date, try to format it
+          column.columnDef.meta.dataType === 'datetime' ? (_format2 = format(parseFromISOString(row.original[column.id]))) !== null && _format2 !== void 0 ? _format2 : '' :
+          // otherwise just string compare
+          String(row.original[column.id]), value)) {
             indexes.push([rowIndex, columnIndex]);
           }
         } catch (e) {