@economic/taco 1.32.0 → 1.34.0

package/dist/esm/packages/taco/src/components/Table2/components/column/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../../../../src/components/Table2/components/column/Cell.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport cn from 'classnames';\nimport { flexRender, Cell as RTCell, Row as RTRow, Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { Input } from '../../../Input/Input';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { getCellAlignmentClasses, getCellSizingClasses, isKeyboardFocusableElement } from '../../utilities/cell';\nimport { isInternalColumn } from '../../utilities/columns';\nimport { Datepicker } from '../../../Datepicker/Datepicker';\nimport { Switch } from '../../../Switch/Switch';\nimport { SaveHandler, SaveHandlerErrorResponse, Table2Filter } from '../../types';\nimport { columnFilterFn, globalFilterFn } from '../../utilities/filterFn';\nimport { MOVE_DIR } from '../../hooks/useEditMode';\nimport { useRowContext } from '../row/Context';\nimport { Indicator, IndicatorReason } from './Indicator';\nimport { ValidationError } from './ValidationError';\nimport { hasChanged, willRowMoveAfterSorting } from './utils';\nimport { useMergedRef } from '../../../../hooks/useMergedRef';\n\ntype CellProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    cell: RTCell<TType, unknown>;\n    index: number;\n    isLastRow: boolean;\n    rowIndex: number;\n    rows: RTRow<TType>[];\n    scrollToIndex: (index: number, options?: any) => void;\n    scrollToOffset: (index: number, options?: any) => void;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Cell = function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, isLastRow, rowIndex, rows, scrollToIndex, scrollToOffset, table, tableRef, ...columnProps } = props;\n    const meta = table.options.meta as TableMeta<any>;\n\n    const { addFocussableColumnIndex, focussableColumnIndexes: allFocussableColumnIndexes } = meta;\n\n    const {\n        editMode: { validationErrors, rowMoveReason },\n        isHovered: isHoveredRow,\n    } = useRowContext();\n    const hasValidationErrorsInRow = !!validationErrors;\n\n    const internalRef = React.useRef<HTMLDivElement>(null);\n    const controlRef = React.useRef<HTMLElement>(null);\n    const cellClassName = cell.column.columnDef.meta?.className;\n\n    const isActiveRow = meta.activeRowIndex === rowIndex;\n    const isFrozen = !!cell.column.getIsPinned();\n    const isDragging = meta.dragging[cell.row.id];\n    const isSelected = cell.row.getIsSelected();\n    const isDataColumn = !isInternalColumn(cell.column.id);\n    const hasCellControl = !!cell.column.columnDef.meta?.control;\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const lastColumnIndex = allVisibleColumns.length > 0 ? allVisibleColumns.length - 1 : 0;\n\n    // editing\n    const isEditingThisRow = meta.editMode.isEditing && isActiveRow;\n    const canEditThisCell = isEditingThisRow && isDataColumn;\n    const isEditingThisCell = canEditThisCell && meta.editMode.columnIndex === index;\n    const isHoveringThisRowWhileEditing = meta.editMode.isEditing && isHoveredRow && !meta.shouldPauseHoverState;\n\n    const isIndicatorVisible = Object.keys(rowMoveReason).length > 0;\n\n    React.useEffect(() => {\n        // Adds padding to the table so that indicator doesn't get cropped\n        if (isIndicatorVisible && isLastRow) {\n            tableRef.current?.classList.add('pb-4');\n        }\n\n        return () => tableRef.current?.classList.remove('pb-4');\n    }, [isIndicatorVisible, isLastRow]);\n\n    const className = cn(\n        '[&>[data-taco=\"tag\"]]:-my-0.5',\n        {\n            'border-b': !isLastRow,\n            'sticky z-[1]': isFrozen,\n            // use isHoveredRow rather than css group-hover/row because we want to hide hover state when keyboard navigating\n            'bg-white': !isActiveRow && !isSelected,\n            'group-hover/row:bg-grey-100': !isActiveRow && !isSelected && !meta.shouldPauseHoverState,\n            'bg-grey-200 group-hover/row:bg-grey-200': isActiveRow && !isSelected,\n            'bg-blue-100': isSelected,\n            '!wcag-blue-500': isDragging,\n            '[&>*]:!grayscale [&_.bg-white]:!bg-grey-100': !isEditingThisRow && isHoveringThisRowWhileEditing,\n            '!bg-red-100': hasValidationErrorsInRow,\n            'z-[1]': isFrozen && isActiveRow,\n            // First column should have higher z-index so that row indicator always show on top of the cell\n            // control components. A z-index of 3, will show the indicator when columns are pinned.\n            'z-[3]': isFrozen && isActiveRow && index === 0,\n            'border-blue !border-y-2 border-x-0': isIndicatorVisible,\n            'border-l-2 rounded-l': isIndicatorVisible && index === 0,\n            'border-r-2 rounded-r': isIndicatorVisible && index === lastColumnIndex,\n        },\n        getCellSizingClasses(\n            table.options.meta?.rowDensity,\n            (isEditingThisRow || isHoveringThisRowWhileEditing) && hasCellControl\n        ),\n        typeof cellClassName === 'function' ? cellClassName(cell.row, table) : cellClassName\n    );\n\n    const handleMouseDown = (event: React.MouseEvent<HTMLElement>) => {\n        // only detect left clicks\n        if (event.button === 0) {\n            const activeElement = document.activeElement;\n            const isActiveElementControl = activeElement?.closest('[role=\"cell\"]');\n            const hasActiveRowChanged = meta.activeRowIndex !== rowIndex;\n\n            // When user clicks on a cell that is not in the active row, for some reason blur event is not called on the cell\n            // previous cell control element so we need to manually call it in order to save the changes in that cell\n            if (isActiveElementControl && hasActiveRowChanged) {\n                (activeElement as HTMLElement).blur();\n            }\n\n            meta.setActiveRowIndex(rowIndex);\n\n            if (meta.editMode.isEditing) {\n                if (allFocussableColumnIndexes.includes(index)) {\n                    meta.editMode.setColumn(index);\n                } else {\n                    meta.editMode.setColumn(allFocussableColumnIndexes[0]);\n                }\n            }\n        }\n    };\n\n    const attributes = {\n        ...columnProps,\n        // base props,\n        column: cell.column,\n        table,\n        // dom attributes\n        className,\n        'data-column-index': index,\n        'data-row-index': rowIndex,\n        onMouseDown: handleMouseDown,\n        ref: internalRef,\n        role: 'cell',\n    };\n\n    const [detailModeEditing, setDetailModeEditing] = React.useState(false);\n\n    // reset the editing state when we move column\n    React.useEffect(() => {\n        if (meta.editMode.columnIndex !== index) {\n            setDetailModeEditing(false);\n        }\n    }, [meta.editMode.columnIndex]);\n\n    React.useEffect(() => {\n        if (isEditingThisRow && controlRef.current && isKeyboardFocusableElement(controlRef.current)) {\n            addFocussableColumnIndex(index);\n        }\n    }, [isEditingThisRow, allFocussableColumnIndexes, addFocussableColumnIndex, index]);\n\n    const moveRow = (moveDirection: MOVE_DIR) => {\n        if (moveDirection === MOVE_DIR.PREV) {\n            meta.moveToPreviousRow(rows, nextIndex => scrollToIndex(nextIndex - 1));\n        } else if (moveDirection === MOVE_DIR.NEXT) {\n            meta.moveToNextRow(rows, nextIndex => scrollToIndex(nextIndex + 2));\n        }\n    };\n\n    if (meta.editMode.onSave && hasCellControl && (canEditThisCell || (isHoveringThisRowWhileEditing && isDataColumn))) {\n        attributes.onMouseDown = event => {\n            handleMouseDown(event);\n\n            const target = event.target as HTMLElement;\n            const isTargetInput = target !== null && target.nodeName === 'INPUT';\n\n            // event.target?.select is only truthy for input elements\n            // if event.target is active element, then that means we should select the text\n            if (isTargetInput && target !== document.activeElement) {\n                event.preventDefault();\n\n                setTimeout(() => {\n                    (target as HTMLInputElement).select();\n                }, 1);\n            } else if (isTargetInput && target === document.activeElement) {\n                // if user left clicks on the input then we are into edit mode\n                // only detect left clicks\n                if (event.button === 0) {\n                    setDetailModeEditing(true);\n                }\n            }\n        };\n\n        attributes.onBlur = () => {\n            setDetailModeEditing(false);\n        };\n\n        if (canEditThisCell) {\n            const firstDataColumnIndex = allFocussableColumnIndexes.at(0) ?? 0;\n            const lastDataColumnIndex = allFocussableColumnIndexes.at(-1) ?? 0;\n\n            attributes.onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n                const control = event.target as HTMLElement;\n                const isControlInput =\n                    control.nodeName === 'INPUT' && control?.getAttribute('data-inline-editing-component') === 'true';\n\n                // For some reason, Taco Input keyboard event always return true when \"event.isDefaultPrevented()\" is\n                // called. So we need to check if the control is input or not so that we don't return early.\n                if (!isControlInput && (event.isDefaultPrevented() || event.isPropagationStopped())) {\n                    return;\n                }\n\n                if (control.tagName === 'INPUT') {\n                    if (event.key === 'Enter') {\n                        event.preventDefault();\n                        const input = control as HTMLInputElement;\n\n                        if (!detailModeEditing) {\n                            input.setSelectionRange?.(input.value?.length, input.value?.length);\n                        } else {\n                            input?.select?.();\n                        }\n\n                        setDetailModeEditing(!detailModeEditing);\n\n                        return;\n                    }\n\n                    // Datepicker doesn't have keydown event handler its value doesn't change when user types inside\n                    // datepicker input, so we need to explicitly enable detail editing mode on typing any alphanumeric\n                    // character\n                    if (control?.closest('[data-taco=\"datepicker\"]') && /^[a-z0-9]$/i.test(event.key)) {\n                        setDetailModeEditing(true);\n                    }\n                }\n\n                // Don't exit edit mode if the target of the escape isn't a child of the cell (e.g. if its a popover).\n                if (event.key === 'Escape' && event.currentTarget.contains(control)) {\n                    event.preventDefault();\n\n                    if (detailModeEditing) {\n                        setDetailModeEditing(false);\n                    } else {\n                        meta.editMode.toggleEditing(false);\n                        tableRef.current?.focus();\n                    }\n\n                    return;\n                }\n\n                if ((!detailModeEditing && event.key === 'ArrowLeft') || (event.key === 'Tab' && event.shiftKey)) {\n                    event.preventDefault();\n\n                    const isFirstRow = rowIndex === 0;\n                    const isFirstColumn = index === firstDataColumnIndex;\n\n                    if (event.ctrlKey || event.metaKey) {\n                        // If the current active column is the first column then we don't do any thing so that focus\n                        // remains on the first column.\n                        if (!isFirstColumn) {\n                            control.blur();\n                            meta.editMode.moveToFirstColumn(allFocussableColumnIndexes);\n                        }\n                    } else {\n                        // If it is first row and first column, then don't move column.\n                        if (!isFirstRow || !isFirstColumn) {\n                            control.blur();\n                            meta.editMode.moveToPreviousColumn(allFocussableColumnIndexes, moveRow);\n                        }\n                    }\n\n                    return;\n                }\n\n                if ((!detailModeEditing && event.key === 'ArrowRight') || (event.key === 'Tab' && !event.shiftKey)) {\n                    event.preventDefault();\n\n                    const isLastColumn = index === lastDataColumnIndex;\n\n                    if (event.ctrlKey || event.metaKey) {\n                        // If the current active column is the last column then we don't do any thing so that focus\n                        // remains on the last column.\n                        if (!isLastColumn) {\n                            control.blur();\n                            meta.editMode.moveToLastColumn(allFocussableColumnIndexes);\n                        }\n                    } else {\n                        // If it is last row and last column, then don't move column.\n                        if (!isLastRow || !isLastColumn) {\n                            control.blur();\n                            meta.editMode.moveToNextColumn(allFocussableColumnIndexes, moveRow);\n                        }\n                    }\n\n                    return;\n                }\n\n                if (!detailModeEditing && event.key === 'ArrowUp') {\n                    event.preventDefault();\n\n                    // if it is the first row then return early, so that focus on the cell is not lost\n                    if (rowIndex === 0) {\n                        return;\n                    }\n\n                    control.blur();\n\n                    if (event.ctrlKey || event.metaKey) {\n                        meta.setActiveRowIndex(0);\n\n                        scrollToOffset(0);\n                    } else {\n                        moveRow(MOVE_DIR.PREV);\n                    }\n\n                    meta.setShouldPauseHoverState(true);\n                    return;\n                }\n\n                if (!detailModeEditing && event.key === 'ArrowDown') {\n                    event.preventDefault();\n\n                    // if it is the last row then return early, so that focus on the cell is not lost\n                    if (rowIndex === rows.length - 1) {\n                        return;\n                    }\n\n                    control.blur();\n\n                    if (event.ctrlKey || event.metaKey) {\n                        meta.setActiveRowIndex(rows.length - 1);\n                        scrollToIndex(rows.length + 20);\n                    } else {\n                        moveRow(MOVE_DIR.NEXT);\n                    }\n\n                    meta.setShouldPauseHoverState(true);\n                    return;\n                }\n            };\n        }\n\n        return (\n            <ColumnBase {...attributes}>\n                <EditingCell\n                    detailModeEditing={detailModeEditing}\n                    cell={cell}\n                    cellRef={internalRef}\n                    columnIndex={index}\n                    isEditingThisCell={isEditingThisCell}\n                    onSave={meta.editMode.onSave}\n                    rowIndex={rowIndex}\n                    table={table}\n                    tableRef={tableRef}\n                    ref={controlRef}\n                    rowValues={rows[rowIndex].original}\n                    rowsLength={rows.length}\n                    enableDetailModeEditing={() => {\n                        if (!detailModeEditing) {\n                            setDetailModeEditing(true);\n                        }\n                    }}\n                />\n            </ColumnBase>\n        );\n    } else {\n        if (meta.onRowClick) {\n            attributes.onClick = event => {\n                if (event.target !== internalRef.current) {\n                    return;\n                }\n\n                meta.onRowClick?.(cell.row.original);\n            };\n        }\n    }\n\n    return <ColumnBase {...attributes}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</ColumnBase>;\n};\n\ntype EditingCellProps = {\n    cell: RTCell<any, unknown>;\n    cellRef: React.RefObject<HTMLDivElement>;\n    columnIndex: number;\n    isEditingThisCell: boolean;\n    onSave: SaveHandler<any>;\n    rowIndex: number;\n    table: RTTable<any>;\n    tableRef: React.RefObject<HTMLDivElement>;\n    rowValues: Record<string, any>;\n    rowsLength: number;\n    detailModeEditing: boolean;\n    enableDetailModeEditing: () => void;\n};\n\nconst EditingCell = React.memo(\n    React.forwardRef<HTMLElement, EditingCellProps>((props, ref) => {\n        const {\n            cell,\n            cellRef,\n            columnIndex,\n            detailModeEditing,\n            isEditingThisCell = false,\n            onSave: handleSave,\n            rowIndex,\n            rowValues,\n            table,\n            tableRef,\n            enableDetailModeEditing,\n        } = props;\n        const {\n            editMode: { validationErrors, setValidationErrors, rowMoveReason, setRowMoveReason },\n            isHovered,\n        } = useRowContext();\n\n        const controlRef = useMergedRef(ref);\n        const cellId = cell.column.id;\n        const cellValidationError = validationErrors?.[cellId];\n\n        const value = cell.getValue();\n        const ariaLabel = cell.column.columnDef.header as string | undefined;\n        const meta = table.options.meta as TableMeta<any>;\n        const { globalFilter } = table.getState();\n\n        const [state, setState] = React.useState(value);\n\n        const isHoveringAnotherRowWhileEditing = meta.editMode.isEditing && meta.activeRowIndex !== rowIndex && isHovered;\n        const hasValidationError = !isHoveringAnotherRowWhileEditing && !!cellValidationError;\n        // On each save, the initialValue will be set to the new value of the cell\n        const initialValue = React.useRef<any>(value);\n        const stateReset = React.useRef(false);\n\n        // It is important that we let consumers pass a newValue as an argument because when setState is called before\n        // onBlur then saveIfChanged method gets the stale state value. This happens because the rerender hasn't happened\n        // before the saveIfChanged method is called.\n        const saveIfChanged = async (eventOrNewValue?: any) => {\n            let newValue = state;\n\n            // if eventOrNewValue is not an event object\n            if (!eventOrNewValue.target) {\n                newValue = eventOrNewValue;\n            }\n\n            if (hasChanged(value, newValue)) {\n                try {\n                    const updatedRow = { ...cell.row.original, [cellId]: newValue };\n\n                    await handleSave(updatedRow, cellId);\n\n                    // If sorting is paused then update the last sorted or filtered rows to store the newly updated row\n                    if (meta.shouldPauseSortingAndFiltering) {\n                        meta.lastSortedOrFilteredRows.current = meta.lastSortedOrFilteredRows.current.map(row => {\n                            if (row.id === cell.row.id) {\n                                row.original = updatedRow;\n                            }\n\n                            return row;\n                        });\n                    }\n\n                    // Reset error if save was successful\n                    setValidationErrors(null);\n                } catch (error) {\n                    setValidationErrors({ ...validationErrors, ...(error as SaveHandlerErrorResponse) });\n                }\n            }\n        };\n\n        // Ensures we \"auto focus\" the field if the cell is being edited.\n        React.useEffect(() => {\n            const isFocusInsideTable = meta.tableRef.current?.contains(document.activeElement);\n            // When control is blurred then body gets the focus that's why we have to make sure if activeElement\n            // is body then we focus the cell if it is being edited.\n            const isBodyFocussed = document.body === document.activeElement;\n\n            // Don't focus cell if any table popup(filter popup, column settings popup) is open.\n            if (isEditingThisCell && (isFocusInsideTable || isBodyFocussed)) {\n                (controlRef.current as HTMLElement)?.focus?.();\n            }\n        }, [isEditingThisCell, controlRef.current]);\n\n        const pinnedColumnsWidth = React.useMemo(() => {\n            const pinnedColumns = table.getState().columnPinning.left;\n\n            if (Array.isArray(pinnedColumns) && pinnedColumns.length > 0) {\n                const lastFrozenColumn = pinnedColumns[pinnedColumns.length - 1];\n                const lastFrozenColumnOffset = meta.columnOffsets[lastFrozenColumn];\n\n                if (lastFrozenColumnOffset !== undefined) {\n                    return lastFrozenColumnOffset + (table.getState().columnSizing[lastFrozenColumn] ?? 0);\n                }\n            }\n\n            return 0;\n        }, [meta.columnOffsets, table.getState().columnSizing]);\n\n        React.useEffect(() => {\n            if (hasChanged(initialValue.current, state)) {\n                // For an input we want to make sure that if the value is changed then we go into detail mode, so that\n                // arrow keys doesn't trigger the quick mode shortcuts.\n                if (controlRef.current?.nodeName === 'INPUT') {\n                    enableDetailModeEditing();\n                }\n\n                showIndicator();\n            } else {\n                hideIndicator();\n            }\n\n            return hideIndicator;\n        }, [state]);\n\n        // This effect makes sure we select the input control value when escape key is pressed\n        React.useEffect(() => {\n            const isControlInput =\n                controlRef.current?.nodeName === 'INPUT' &&\n                controlRef.current?.getAttribute('data-inline-editing-component') === 'true';\n\n            if (stateReset.current && isControlInput) {\n                (controlRef.current as HTMLInputElement)?.select();\n            }\n\n            stateReset.current = false;\n        }, [stateReset.current]);\n\n        const handleFocus = event => {\n            meta.editMode.setColumn(columnIndex);\n\n            if (event.target?.select) {\n                event.target?.select();\n            }\n\n            // ensure the field is always visible (e.g. not hidden behind the pinned columns)\n            const rect = cellRef.current?.getBoundingClientRect();\n            const leftOffset = meta.columnOffsets[cellId];\n\n            if (rect && leftOffset && rect.left < pinnedColumnsWidth) {\n                tableRef.current?.scrollTo(leftOffset - pinnedColumnsWidth, tableRef.current.scrollTop);\n            }\n        };\n\n        // In order to reset the value of an input when escape key is pressed this keydown handler is required.\n        // Instead of adding this event handler in parent component, this handler is added here because we have access\n        // to the state handler of the control component.\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const control = event.target as HTMLInputElement;\n            const isControlInput =\n                control.nodeName === 'INPUT' && control?.getAttribute('data-inline-editing-component') === 'true';\n\n            if (isControlInput && event.key === 'Escape') {\n                setState(initialValue.current);\n                stateReset.current = true;\n            }\n        };\n\n        const showIndicator = () => {\n            let willRowMoveReason: IndicatorReason | null = null;\n\n            const isFilteredByGlobalFilter = Object.values<unknown>({ ...rowValues, [cellId]: state }).some(cellValue =>\n                // Global filter can be undefined when there is no text being searched so we pass an empty string to\n                // globalFilterFn as query in that case.\n                globalFilterFn(String(cellValue), globalFilter ? String(globalFilter) : '')\n            );\n\n            if (!isFilteredByGlobalFilter) {\n                willRowMoveReason = IndicatorReason.SEARCH;\n            } else if (cell.column.getIsFiltered() && !columnFilterFn(state, cell.column.getFilterValue() as Table2Filter)) {\n                willRowMoveReason = IndicatorReason.FILTER;\n            } else if (\n                !willRowMoveReason &&\n                cell.column.getIsSorted() &&\n                willRowMoveAfterSorting(\n                    state,\n                    cell,\n                    rowIndex,\n                    table.getRowModel().rows,\n                    !!table.getState().sorting.find(s => s.id === cell.column.id)?.desc\n                )\n            ) {\n                willRowMoveReason = IndicatorReason.SORTING;\n            }\n\n            if (willRowMoveReason !== null) {\n                meta.setShouldPauseSortingAndFiltering(true);\n                setRowMoveReason({ [cellId]: willRowMoveReason });\n            }\n        };\n\n        const hideIndicator = () => {\n            setRowMoveReason(prevState => {\n                const newState = { ...prevState };\n                delete newState[cellId];\n\n                return newState;\n            });\n        };\n\n        const cellControl = cell.column.columnDef.meta?.control;\n\n        const attributes = {\n            'aria-label': ariaLabel,\n            onBlur: saveIfChanged,\n            onFocus: handleFocus,\n            ref,\n            // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n            // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n            // data attribute we make sure the event is coming from a control component, and then we can make sure\n            // keyboard shortcut works as expected.\n            'data-inline-editing-component': 'true',\n        };\n\n        const className = cn(getCellAlignmentClasses(cell.column.columnDef.meta?.align));\n        const indicatorMountNode = cellRef.current?.parentElement?.querySelector(':first-child') as Element | null;\n\n        let controlComponent;\n        const detailModeClassName = cn({ '!shadow-[0_0_0_4px_rgba(0,99,255,0.25)]': detailModeEditing });\n\n        if (cellControl) {\n            if (typeof cellControl === 'function') {\n                controlComponent = cellControl(\n                    {\n                        invalid: hasValidationError,\n                        onBlur: saveIfChanged,\n                        onFocus: handleFocus,\n                        ref: controlRef,\n                        setValue: setState,\n                        value: state,\n                        'data-inline-editing-component': 'true',\n                    },\n                    cell.row.original\n                );\n            } else {\n                switch (cellControl) {\n                    case 'datepicker':\n                        controlComponent = (\n                            <Datepicker\n                                {...attributes}\n                                className={cn({ '[&_input]:!shadow-[0_0_0_4px_rgba(0,99,255,0.25)]': detailModeEditing })}\n                                invalid={hasValidationError}\n                                onBlur={event => {\n                                    const newDate = (event as any).detail;\n                                    saveIfChanged(newDate);\n                                }}\n                                onChange={event => {\n                                    setState((event as any).detail);\n                                }}\n                                ref={controlRef as RefObject<HTMLInputElement>}\n                                value={state as Date}\n                            />\n                        );\n                        break;\n\n                    case 'switch':\n                        controlComponent = (\n                            <Switch\n                                {...attributes}\n                                className={cn('mx-2 mt-1.5', detailModeClassName)}\n                                checked={Boolean(state)}\n                                onChange={setState}\n                                ref={controlRef as RefObject<HTMLButtonElement>}\n                            />\n                        );\n                        break;\n                    default:\n                        controlComponent = (\n                            <Input\n                                {...attributes}\n                                className={cn(className, detailModeClassName)}\n                                invalid={hasValidationError}\n                                onChange={event => {\n                                    setState(event.target.value);\n                                }}\n                                ref={controlRef as RefObject<HTMLInputElement>}\n                                value={String(state ?? '')}\n                                onKeyDown={handleKeyDown}\n                            />\n                        );\n                        break;\n                }\n            }\n        }\n\n        const indicatorReason = rowMoveReason[cellId] ?? null;\n\n        return (\n            <>\n                {indicatorReason !== null && (\n                    <Indicator\n                        reason={indicatorReason}\n                        columnName={String(cell.column.columnDef.header)}\n                        mountNode={indicatorMountNode}\n                        validationErrors={validationErrors}\n                    />\n                )}\n                <span className=\"relative flex-grow\">\n                    {controlComponent}\n                    {hasValidationError && <ValidationError>{String(cellValidationError)}</ValidationError>}\n                </span>\n            </>\n        );\n    })\n);\n"],"names":["Cell","props","cell","index","isLastRow","rowIndex","rows","scrollToIndex","scrollToOffset","table","tableRef","columnProps","meta","options","addFocussableColumnIndex","focussableColumnIndexes","allFocussableColumnIndexes","editMode","validationErrors","rowMoveReason","isHovered","isHoveredRow","useRowContext","hasValidationErrorsInRow","internalRef","React","useRef","controlRef","cellClassName","column","columnDef","className","isActiveRow","activeRowIndex","isFrozen","getIsPinned","isDragging","dragging","row","id","isSelected","getIsSelected","isDataColumn","isInternalColumn","hasCellControl","control","allVisibleColumns","getVisibleLeafColumns","lastColumnIndex","length","isEditingThisRow","isEditing","canEditThisCell","isEditingThisCell","columnIndex","isHoveringThisRowWhileEditing","shouldPauseHoverState","isIndicatorVisible","Object","keys","useEffect","current","classList","add","remove","cn","getCellSizingClasses","rowDensity","handleMouseDown","event","button","activeElement","document","isActiveElementControl","closest","hasActiveRowChanged","blur","setActiveRowIndex","includes","setColumn","attributes","onMouseDown","ref","role","detailModeEditing","setDetailModeEditing","useState","isKeyboardFocusableElement","moveRow","moveDirection","MOVE_DIR","PREV","moveToPreviousRow","nextIndex","NEXT","moveToNextRow","onSave","target","isTargetInput","nodeName","preventDefault","setTimeout","select","onBlur","firstDataColumnIndex","at","lastDataColumnIndex","onKeyDown","isControlInput","getAttribute","isDefaultPrevented","isPropagationStopped","tagName","key","input","setSelectionRange","value","test","currentTarget","contains","toggleEditing","focus","shiftKey","isFirstRow","isFirstColumn","ctrlKey","metaKey","moveToFirstColumn","moveToPreviousColumn","isLastColumn","moveToLastColumn","moveToNextColumn","setShouldPauseHoverState","ColumnBase","EditingCell","cellRef","rowValues","original","rowsLength","enableDetailModeEditing","onRowClick","onClick","flexRender","getContext","memo","forwardRef","handleSave","setValidationErrors","setRowMoveReason","useMergedRef","cellId","cellValidationError","getValue","ariaLabel","header","globalFilter","getState","state","setState","isHoveringAnotherRowWhileEditing","hasValidationError","initialValue","stateReset","saveIfChanged","eventOrNewValue","newValue","hasChanged","updatedRow","shouldPauseSortingAndFiltering","lastSortedOrFilteredRows","map","error","isFocusInsideTable","isBodyFocussed","body","pinnedColumnsWidth","useMemo","pinnedColumns","columnPinning","left","Array","isArray","lastFrozenColumn","lastFrozenColumnOffset","columnOffsets","undefined","columnSizing","showIndicator","hideIndicator","handleFocus","rect","getBoundingClientRect","leftOffset","scrollTo","scrollTop","handleKeyDown","willRowMoveReason","isFilteredByGlobalFilter","values","some","cellValue","globalFilterFn","String","IndicatorReason","SEARCH","getIsFiltered","columnFilterFn","getFilterValue","FILTER","getIsSorted","willRowMoveAfterSorting","getRowModel","sorting","find","s","desc","SORTING","setShouldPauseSortingAndFiltering","prevState","newState","cellControl","onFocus","getCellAlignmentClasses","align","indicatorMountNode","parentElement","querySelector","controlComponent","detailModeClassName","invalid","setValue","Datepicker","newDate","detail","onChange","Switch","checked","Boolean","Input","indicatorReason","Indicator","reason","columnName","mountNode","ValidationError"],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../../../../src/components/Table2/components/column/Cell.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport cn from 'classnames';\nimport { flexRender, Cell as RTCell, Row as RTRow, Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { Input } from '../../../Input/Input';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { getCellAlignmentClasses, getCellSizingClasses, isKeyboardFocusableElement } from '../../utilities/cell';\nimport { isInternalColumn } from '../../utilities/columns';\nimport { Datepicker } from '../../../Datepicker/Datepicker';\nimport { Switch } from '../../../Switch/Switch';\nimport { SaveHandler, SaveHandlerErrorResponse, Table2Filter } from '../../types';\nimport { columnFilterFn, globalFilterFn } from '../../utilities/filterFn';\nimport { MOVE_DIR } from '../../hooks/useEditMode';\nimport { useRowContext } from '../row/Context';\nimport { Indicator, IndicatorReason } from './Indicator';\nimport { ValidationError } from './ValidationError';\nimport { clickableNodeNames, hasChanged, willRowMoveAfterSorting } from './utils';\nimport { useMergedRef } from '../../../../hooks/useMergedRef';\n\ntype CellProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    cell: RTCell<TType, unknown>;\n    index: number;\n    isLastRow: boolean;\n    rowIndex: number;\n    rows: RTRow<TType>[];\n    scrollToIndex: (index: number, options?: any) => void;\n    scrollToOffset: (index: number, options?: any) => void;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Cell = function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, isLastRow, rowIndex, rows, scrollToIndex, scrollToOffset, table, tableRef, ...columnProps } = props;\n    const meta = table.options.meta as TableMeta<any>;\n\n    const { addFocussableColumnIndex, focussableColumnIndexes: allFocussableColumnIndexes } = meta;\n\n    const {\n        editMode: { validationErrors, rowMoveReason },\n        isHovered: isHoveredRow,\n    } = useRowContext();\n    const hasValidationErrorsInRow = !!validationErrors;\n\n    const internalRef = React.useRef<HTMLDivElement>(null);\n    const controlRef = React.useRef<HTMLElement>(null);\n    const cellClassName = cell.column.columnDef.meta?.className;\n\n    const isActiveRow = meta.activeRowIndex === rowIndex;\n    const isFrozen = !!cell.column.getIsPinned();\n    const isDragging = meta.dragging[cell.row.id];\n    const isSelected = cell.row.getIsSelected();\n    const isDataColumn = !isInternalColumn(cell.column.id);\n    const hasCellControl = !!cell.column.columnDef.meta?.control;\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const lastColumnIndex = allVisibleColumns.length > 0 ? allVisibleColumns.length - 1 : 0;\n\n    // editing\n    const isEditingThisRow = meta.editMode.isEditing && isActiveRow;\n    const canEditThisCell = isEditingThisRow && isDataColumn;\n    const isEditingThisCell = canEditThisCell && meta.editMode.columnIndex === index;\n    const isHoveringThisRowWhileEditing = meta.editMode.isEditing && isHoveredRow && !meta.shouldPauseHoverState;\n\n    const isIndicatorVisible = Object.keys(rowMoveReason).length > 0;\n\n    React.useEffect(() => {\n        // Adds padding to the table so that indicator doesn't get cropped\n        if (isIndicatorVisible && isLastRow) {\n            tableRef.current?.classList.add('pb-4');\n        }\n\n        return () => tableRef.current?.classList.remove('pb-4');\n    }, [isIndicatorVisible, isLastRow]);\n\n    const className = cn(\n        '[&>[data-taco=\"tag\"]]:-my-0.5',\n        {\n            'border-b': !isLastRow,\n            'sticky z-[1]': isFrozen,\n            // use isHoveredRow rather than css group-hover/row because we want to hide hover state when keyboard navigating\n            'bg-white': !isActiveRow && !isSelected,\n            'group-hover/row:bg-grey-100': !isActiveRow && !isSelected && !meta.shouldPauseHoverState,\n            'bg-grey-200 group-hover/row:bg-grey-200': isActiveRow && !isSelected,\n            'bg-blue-100': isSelected,\n            '!wcag-blue-500': isDragging,\n            '[&>*]:!grayscale [&_.bg-white]:!bg-grey-100': !isEditingThisRow && isHoveringThisRowWhileEditing,\n            '!bg-red-100': hasValidationErrorsInRow,\n            'z-[1]': isFrozen && isActiveRow,\n            // First column should have higher z-index so that row indicator always show on top of the cell\n            // control components. A z-index of 3, will show the indicator when columns are pinned.\n            'z-[3]': isFrozen && isActiveRow && index === 0,\n            'border-blue !border-y-2 border-x-0': isIndicatorVisible,\n            'border-l-2 rounded-l': isIndicatorVisible && index === 0,\n            'border-r-2 rounded-r': isIndicatorVisible && index === lastColumnIndex,\n        },\n        getCellSizingClasses(\n            table.options.meta?.rowDensity,\n            (isEditingThisRow || isHoveringThisRowWhileEditing) && hasCellControl\n        ),\n        typeof cellClassName === 'function' ? cellClassName(cell.row, table) : cellClassName\n    );\n\n    const handleMouseDown = (event: React.MouseEvent<HTMLElement>) => {\n        // only detect left clicks\n        if (event.button === 0) {\n            const activeElement = document.activeElement;\n            const isActiveElementControl = activeElement?.closest('[role=\"cell\"]');\n            const hasActiveRowChanged = meta.activeRowIndex !== rowIndex;\n\n            // When user clicks on a cell that is not in the active row, for some reason blur event is not called on the cell\n            // previous cell control element so we need to manually call it in order to save the changes in that cell\n            if (isActiveElementControl && hasActiveRowChanged) {\n                (activeElement as HTMLElement).blur();\n            }\n\n            meta.setActiveRowIndex(rowIndex);\n\n            if (meta.editMode.isEditing) {\n                if (allFocussableColumnIndexes.includes(index)) {\n                    meta.editMode.setColumn(index);\n                } else {\n                    meta.editMode.setColumn(allFocussableColumnIndexes[0]);\n                }\n            }\n        }\n    };\n\n    const attributes = {\n        ...columnProps,\n        // base props,\n        column: cell.column,\n        table,\n        // dom attributes\n        className,\n        'data-column-index': index,\n        'data-row-index': rowIndex,\n        onMouseDown: handleMouseDown,\n        ref: internalRef,\n        role: 'cell',\n    };\n\n    const [detailModeEditing, setDetailModeEditing] = React.useState(false);\n\n    // reset the editing state when we move column\n    React.useEffect(() => {\n        if (meta.editMode.columnIndex !== index) {\n            setDetailModeEditing(false);\n        }\n    }, [meta.editMode.columnIndex]);\n\n    React.useEffect(() => {\n        if (isEditingThisRow && controlRef.current && isKeyboardFocusableElement(controlRef.current)) {\n            addFocussableColumnIndex(index);\n        }\n    }, [isEditingThisRow, allFocussableColumnIndexes, addFocussableColumnIndex, index]);\n\n    const moveRow = (moveDirection: MOVE_DIR) => {\n        if (moveDirection === MOVE_DIR.PREV) {\n            meta.moveToPreviousRow(rows, nextIndex => scrollToIndex(nextIndex - 1));\n        } else if (moveDirection === MOVE_DIR.NEXT) {\n            meta.moveToNextRow(rows, nextIndex => scrollToIndex(nextIndex + 2));\n        }\n    };\n\n    if (meta.editMode.onSave && hasCellControl && (canEditThisCell || (isHoveringThisRowWhileEditing && isDataColumn))) {\n        attributes.onMouseDown = event => {\n            handleMouseDown(event);\n\n            const target = event.target as HTMLElement;\n            const isTargetInput = target !== null && target.nodeName === 'INPUT';\n\n            // event.target?.select is only truthy for input elements\n            // if event.target is active element, then that means we should select the text\n            if (isTargetInput && target !== document.activeElement) {\n                event.preventDefault();\n\n                setTimeout(() => {\n                    (target as HTMLInputElement).select();\n                }, 1);\n            } else if (isTargetInput && target === document.activeElement) {\n                // if user left clicks on the input then we are into edit mode\n                // only detect left clicks\n                if (event.button === 0) {\n                    setDetailModeEditing(true);\n                }\n            }\n        };\n\n        attributes.onBlur = () => {\n            setDetailModeEditing(false);\n        };\n\n        if (canEditThisCell) {\n            const firstDataColumnIndex = allFocussableColumnIndexes.at(0) ?? 0;\n            const lastDataColumnIndex = allFocussableColumnIndexes.at(-1) ?? 0;\n\n            attributes.onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n                const control = event.target as HTMLElement;\n                const isControlInput =\n                    control.nodeName === 'INPUT' && control?.getAttribute('data-inline-editing-component') === 'true';\n\n                // For some reason, Taco Input keyboard event always return true when \"event.isDefaultPrevented()\" is\n                // called. So we need to check if the control is input or not so that we don't return early.\n                if (!isControlInput && (event.isDefaultPrevented() || event.isPropagationStopped())) {\n                    return;\n                }\n\n                if (control.tagName === 'INPUT') {\n                    if (event.key === 'Enter') {\n                        event.preventDefault();\n                        const input = control as HTMLInputElement;\n\n                        if (!detailModeEditing) {\n                            input.setSelectionRange?.(input.value?.length, input.value?.length);\n                        } else {\n                            input?.select?.();\n                        }\n\n                        setDetailModeEditing(!detailModeEditing);\n\n                        return;\n                    }\n\n                    // Datepicker doesn't have keydown event handler its value doesn't change when user types inside\n                    // datepicker input, so we need to explicitly enable detail editing mode on typing any alphanumeric\n                    // character\n                    if (control?.closest('[data-taco=\"datepicker\"]') && /^[a-z0-9]$/i.test(event.key)) {\n                        setDetailModeEditing(true);\n                    }\n                }\n\n                // Don't exit edit mode if the target of the escape isn't a child of the cell (e.g. if its a popover).\n                if (event.key === 'Escape' && event.currentTarget.contains(control)) {\n                    event.preventDefault();\n\n                    if (detailModeEditing) {\n                        setDetailModeEditing(false);\n                    } else {\n                        meta.editMode.toggleEditing(false);\n                        tableRef.current?.focus();\n                    }\n\n                    return;\n                }\n\n                if ((!detailModeEditing && event.key === 'ArrowLeft') || (event.key === 'Tab' && event.shiftKey)) {\n                    event.preventDefault();\n\n                    const isFirstRow = rowIndex === 0;\n                    const isFirstColumn = index === firstDataColumnIndex;\n\n                    if (event.ctrlKey || event.metaKey) {\n                        // If the current active column is the first column then we don't do any thing so that focus\n                        // remains on the first column.\n                        if (!isFirstColumn) {\n                            control.blur();\n                            meta.editMode.moveToFirstColumn(allFocussableColumnIndexes);\n                        }\n                    } else {\n                        // If it is first row and first column, then don't move column.\n                        if (!isFirstRow || !isFirstColumn) {\n                            control.blur();\n                            meta.editMode.moveToPreviousColumn(allFocussableColumnIndexes, moveRow);\n                        }\n                    }\n\n                    return;\n                }\n\n                if ((!detailModeEditing && event.key === 'ArrowRight') || (event.key === 'Tab' && !event.shiftKey)) {\n                    event.preventDefault();\n\n                    const isLastColumn = index === lastDataColumnIndex;\n\n                    if (event.ctrlKey || event.metaKey) {\n                        // If the current active column is the last column then we don't do any thing so that focus\n                        // remains on the last column.\n                        if (!isLastColumn) {\n                            control.blur();\n                            meta.editMode.moveToLastColumn(allFocussableColumnIndexes);\n                        }\n                    } else {\n                        // If it is last row and last column, then don't move column.\n                        if (!isLastRow || !isLastColumn) {\n                            control.blur();\n                            meta.editMode.moveToNextColumn(allFocussableColumnIndexes, moveRow);\n                        }\n                    }\n\n                    return;\n                }\n\n                if (!detailModeEditing && event.key === 'ArrowUp') {\n                    event.preventDefault();\n\n                    // if it is the first row then return early, so that focus on the cell is not lost\n                    if (rowIndex === 0) {\n                        return;\n                    }\n\n                    control.blur();\n\n                    if (event.ctrlKey || event.metaKey) {\n                        meta.setActiveRowIndex(0);\n\n                        scrollToOffset(0);\n                    } else {\n                        moveRow(MOVE_DIR.PREV);\n                    }\n\n                    meta.setShouldPauseHoverState(true);\n                    return;\n                }\n\n                if (!detailModeEditing && event.key === 'ArrowDown') {\n                    event.preventDefault();\n\n                    // if it is the last row then return early, so that focus on the cell is not lost\n                    if (rowIndex === rows.length - 1) {\n                        return;\n                    }\n\n                    control.blur();\n\n                    if (event.ctrlKey || event.metaKey) {\n                        meta.setActiveRowIndex(rows.length - 1);\n                        scrollToIndex(rows.length + 20);\n                    } else {\n                        moveRow(MOVE_DIR.NEXT);\n                    }\n\n                    meta.setShouldPauseHoverState(true);\n                    return;\n                }\n            };\n        }\n\n        return (\n            <ColumnBase {...attributes}>\n                <EditingCell\n                    detailModeEditing={detailModeEditing}\n                    cell={cell}\n                    cellRef={internalRef}\n                    columnIndex={index}\n                    isEditingThisCell={isEditingThisCell}\n                    onSave={meta.editMode.onSave}\n                    rowIndex={rowIndex}\n                    table={table}\n                    tableRef={tableRef}\n                    ref={controlRef}\n                    rowValues={rows[rowIndex].original}\n                    rowsLength={rows.length}\n                    enableDetailModeEditing={() => {\n                        if (!detailModeEditing) {\n                            setDetailModeEditing(true);\n                        }\n                    }}\n                />\n            </ColumnBase>\n        );\n    } else {\n        if (meta.onRowClick) {\n            attributes.onClick = (event: React.MouseEvent<HTMLElement>) => {\n                const { target } = event;\n                // This check prevents triggering row click, when a click is performed in the dropdown (e.g. Select option or DayPicker date selection)\n                if (internalRef.current && target instanceof HTMLElement && internalRef.current.contains(target)) {\n                    // Checking that target is clickable element or it is a child of clickable element\n                    if (\n                        clickableNodeNames.includes(target.tagName) ||\n                        target.closest(clickableNodeNames.map(tag => `[role=row] ${tag}`).join(','))\n                    ) {\n                        return;\n                    }\n\n                    meta.onRowClick?.(cell.row.original);\n                }\n            };\n        }\n    }\n\n    return <ColumnBase {...attributes}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</ColumnBase>;\n};\n\ntype EditingCellProps = {\n    cell: RTCell<any, unknown>;\n    cellRef: React.RefObject<HTMLDivElement>;\n    columnIndex: number;\n    isEditingThisCell: boolean;\n    onSave: SaveHandler<any>;\n    rowIndex: number;\n    table: RTTable<any>;\n    tableRef: React.RefObject<HTMLDivElement>;\n    rowValues: Record<string, any>;\n    rowsLength: number;\n    detailModeEditing: boolean;\n    enableDetailModeEditing: () => void;\n};\n\nconst EditingCell = React.memo(\n    React.forwardRef<HTMLElement, EditingCellProps>((props, ref) => {\n        const {\n            cell,\n            cellRef,\n            columnIndex,\n            detailModeEditing,\n            isEditingThisCell = false,\n            onSave: handleSave,\n            rowIndex,\n            rowValues,\n            table,\n            tableRef,\n            enableDetailModeEditing,\n        } = props;\n        const {\n            editMode: { validationErrors, setValidationErrors, rowMoveReason, setRowMoveReason },\n            isHovered,\n        } = useRowContext();\n\n        const controlRef = useMergedRef(ref);\n        const cellId = cell.column.id;\n        const cellValidationError = validationErrors?.[cellId];\n\n        const value = cell.getValue();\n        const ariaLabel = cell.column.columnDef.header as string | undefined;\n        const meta = table.options.meta as TableMeta<any>;\n        const { globalFilter } = table.getState();\n\n        const [state, setState] = React.useState(value);\n\n        const isHoveringAnotherRowWhileEditing = meta.editMode.isEditing && meta.activeRowIndex !== rowIndex && isHovered;\n        const hasValidationError = !isHoveringAnotherRowWhileEditing && !!cellValidationError;\n        // On each save, the initialValue will be set to the new value of the cell\n        const initialValue = React.useRef<any>(value);\n        const stateReset = React.useRef(false);\n\n        // It is important that we let consumers pass a newValue as an argument because when setState is called before\n        // onBlur then saveIfChanged method gets the stale state value. This happens because the rerender hasn't happened\n        // before the saveIfChanged method is called.\n        const saveIfChanged = async (eventOrNewValue?: any) => {\n            let newValue = state;\n\n            // if eventOrNewValue is not an event object\n            if (!eventOrNewValue.target) {\n                newValue = eventOrNewValue;\n            }\n\n            if (hasChanged(value, newValue)) {\n                try {\n                    const updatedRow = { ...cell.row.original, [cellId]: newValue };\n\n                    await handleSave(updatedRow, cellId);\n\n                    // If sorting is paused then update the last sorted or filtered rows to store the newly updated row\n                    if (meta.shouldPauseSortingAndFiltering) {\n                        meta.lastSortedOrFilteredRows.current = meta.lastSortedOrFilteredRows.current.map(row => {\n                            if (row.id === cell.row.id) {\n                                row.original = updatedRow;\n                            }\n\n                            return row;\n                        });\n                    }\n\n                    // Reset error if save was successful\n                    setValidationErrors(null);\n                } catch (error) {\n                    setValidationErrors({ ...validationErrors, ...(error as SaveHandlerErrorResponse) });\n                }\n            }\n        };\n\n        // Ensures we \"auto focus\" the field if the cell is being edited.\n        React.useEffect(() => {\n            const isFocusInsideTable = meta.tableRef.current?.contains(document.activeElement);\n            // When control is blurred then body gets the focus that's why we have to make sure if activeElement\n            // is body then we focus the cell if it is being edited.\n            const isBodyFocussed = document.body === document.activeElement;\n\n            // Don't focus cell if any table popup(filter popup, column settings popup) is open.\n            if (isEditingThisCell && (isFocusInsideTable || isBodyFocussed)) {\n                (controlRef.current as HTMLElement)?.focus?.();\n            }\n        }, [isEditingThisCell, controlRef.current]);\n\n        const pinnedColumnsWidth = React.useMemo(() => {\n            const pinnedColumns = table.getState().columnPinning.left;\n\n            if (Array.isArray(pinnedColumns) && pinnedColumns.length > 0) {\n                const lastFrozenColumn = pinnedColumns[pinnedColumns.length - 1];\n                const lastFrozenColumnOffset = meta.columnOffsets[lastFrozenColumn];\n\n                if (lastFrozenColumnOffset !== undefined) {\n                    return lastFrozenColumnOffset + (table.getState().columnSizing[lastFrozenColumn] ?? 0);\n                }\n            }\n\n            return 0;\n        }, [meta.columnOffsets, table.getState().columnSizing]);\n\n        React.useEffect(() => {\n            if (hasChanged(initialValue.current, state)) {\n                // For an input we want to make sure that if the value is changed then we go into detail mode, so that\n                // arrow keys doesn't trigger the quick mode shortcuts.\n                if (controlRef.current?.nodeName === 'INPUT') {\n                    enableDetailModeEditing();\n                }\n\n                showIndicator();\n            } else {\n                hideIndicator();\n            }\n\n            return hideIndicator;\n        }, [state]);\n\n        // This effect makes sure we select the input control value when escape key is pressed\n        React.useEffect(() => {\n            const isControlInput =\n                controlRef.current?.nodeName === 'INPUT' &&\n                controlRef.current?.getAttribute('data-inline-editing-component') === 'true';\n\n            if (stateReset.current && isControlInput) {\n                (controlRef.current as HTMLInputElement)?.select();\n            }\n\n            stateReset.current = false;\n        }, [stateReset.current]);\n\n        const handleFocus = event => {\n            meta.editMode.setColumn(columnIndex);\n\n            if (event.target?.select) {\n                event.target?.select();\n            }\n\n            // ensure the field is always visible (e.g. not hidden behind the pinned columns)\n            const rect = cellRef.current?.getBoundingClientRect();\n            const leftOffset = meta.columnOffsets[cellId];\n\n            if (rect && leftOffset && rect.left < pinnedColumnsWidth) {\n                tableRef.current?.scrollTo(leftOffset - pinnedColumnsWidth, tableRef.current.scrollTop);\n            }\n        };\n\n        // In order to reset the value of an input when escape key is pressed this keydown handler is required.\n        // Instead of adding this event handler in parent component, this handler is added here because we have access\n        // to the state handler of the control component.\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const control = event.target as HTMLInputElement;\n            const isControlInput =\n                control.nodeName === 'INPUT' && control?.getAttribute('data-inline-editing-component') === 'true';\n\n            if (isControlInput && event.key === 'Escape') {\n                setState(initialValue.current);\n                stateReset.current = true;\n            }\n        };\n\n        const showIndicator = () => {\n            let willRowMoveReason: IndicatorReason | null = null;\n\n            const isFilteredByGlobalFilter = Object.values<unknown>({ ...rowValues, [cellId]: state }).some(cellValue =>\n                // Global filter can be undefined when there is no text being searched so we pass an empty string to\n                // globalFilterFn as query in that case.\n                globalFilterFn(String(cellValue), globalFilter ? String(globalFilter) : '')\n            );\n\n            if (!isFilteredByGlobalFilter) {\n                willRowMoveReason = IndicatorReason.SEARCH;\n            } else if (cell.column.getIsFiltered() && !columnFilterFn(state, cell.column.getFilterValue() as Table2Filter)) {\n                willRowMoveReason = IndicatorReason.FILTER;\n            } else if (\n                !willRowMoveReason &&\n                cell.column.getIsSorted() &&\n                willRowMoveAfterSorting(\n                    state,\n                    cell,\n                    rowIndex,\n                    table.getRowModel().rows,\n                    !!table.getState().sorting.find(s => s.id === cell.column.id)?.desc\n                )\n            ) {\n                willRowMoveReason = IndicatorReason.SORTING;\n            }\n\n            if (willRowMoveReason !== null) {\n                meta.setShouldPauseSortingAndFiltering(true);\n                setRowMoveReason({ [cellId]: willRowMoveReason });\n            }\n        };\n\n        const hideIndicator = () => {\n            setRowMoveReason(prevState => {\n                const newState = { ...prevState };\n                delete newState[cellId];\n\n                return newState;\n            });\n        };\n\n        const cellControl = cell.column.columnDef.meta?.control;\n\n        const attributes = {\n            'aria-label': ariaLabel,\n            onBlur: saveIfChanged,\n            onFocus: handleFocus,\n            ref,\n            // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n            // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n            // data attribute we make sure the event is coming from a control component, and then we can make sure\n            // keyboard shortcut works as expected.\n            'data-inline-editing-component': 'true',\n        };\n\n        const className = cn(getCellAlignmentClasses(cell.column.columnDef.meta?.align));\n        const indicatorMountNode = cellRef.current?.parentElement?.querySelector(':first-child') as Element | null;\n\n        let controlComponent;\n        const detailModeClassName = cn({ '!shadow-[0_0_0_4px_rgba(0,99,255,0.25)]': detailModeEditing });\n\n        if (cellControl) {\n            if (typeof cellControl === 'function') {\n                controlComponent = cellControl(\n                    {\n                        invalid: hasValidationError,\n                        onBlur: saveIfChanged,\n                        onFocus: handleFocus,\n                        ref: controlRef,\n                        setValue: setState,\n                        value: state,\n                        'data-inline-editing-component': 'true',\n                    },\n                    cell.row.original\n                );\n            } else {\n                switch (cellControl) {\n                    case 'datepicker':\n                        controlComponent = (\n                            <Datepicker\n                                {...attributes}\n                                className={cn({ '[&_input]:!shadow-[0_0_0_4px_rgba(0,99,255,0.25)]': detailModeEditing })}\n                                invalid={hasValidationError}\n                                onBlur={event => {\n                                    const newDate = (event as any).detail;\n                                    saveIfChanged(newDate);\n                                }}\n                                onChange={event => {\n                                    setState((event as any).detail);\n                                }}\n                                ref={controlRef as RefObject<HTMLInputElement>}\n                                value={state as Date}\n                            />\n                        );\n                        break;\n\n                    case 'switch':\n                        controlComponent = (\n                            <Switch\n                                {...attributes}\n                                className={cn('mx-2 mt-1.5', detailModeClassName)}\n                                checked={Boolean(state)}\n                                onChange={setState}\n                                ref={controlRef as RefObject<HTMLButtonElement>}\n                            />\n                        );\n                        break;\n                    default:\n                        controlComponent = (\n                            <Input\n                                {...attributes}\n                                className={cn(className, detailModeClassName)}\n                                invalid={hasValidationError}\n                                onChange={event => {\n                                    setState(event.target.value);\n                                }}\n                                ref={controlRef as RefObject<HTMLInputElement>}\n                                value={String(state ?? '')}\n                                onKeyDown={handleKeyDown}\n                            />\n                        );\n                        break;\n                }\n            }\n        }\n\n        const indicatorReason = rowMoveReason[cellId] ?? null;\n\n        return (\n            <>\n                {indicatorReason !== null && (\n                    <Indicator\n                        reason={indicatorReason}\n                        columnName={String(cell.column.columnDef.header)}\n                        mountNode={indicatorMountNode}\n                        validationErrors={validationErrors}\n                    />\n                )}\n                <span className=\"relative flex-grow\">\n                    {controlComponent}\n                    {hasValidationError && <ValidationError>{String(cellValidationError)}</ValidationError>}\n                </span>\n            </>\n        );\n    })\n);\n"],"names":["Cell","props","cell","index","isLastRow","rowIndex","rows","scrollToIndex","scrollToOffset","table","tableRef","columnProps","meta","options","addFocussableColumnIndex","focussableColumnIndexes","allFocussableColumnIndexes","editMode","validationErrors","rowMoveReason","isHovered","isHoveredRow","useRowContext","hasValidationErrorsInRow","internalRef","React","useRef","controlRef","cellClassName","column","columnDef","className","isActiveRow","activeRowIndex","isFrozen","getIsPinned","isDragging","dragging","row","id","isSelected","getIsSelected","isDataColumn","isInternalColumn","hasCellControl","control","allVisibleColumns","getVisibleLeafColumns","lastColumnIndex","length","isEditingThisRow","isEditing","canEditThisCell","isEditingThisCell","columnIndex","isHoveringThisRowWhileEditing","shouldPauseHoverState","isIndicatorVisible","Object","keys","useEffect","current","classList","add","remove","cn","getCellSizingClasses","rowDensity","handleMouseDown","event","button","activeElement","document","isActiveElementControl","closest","hasActiveRowChanged","blur","setActiveRowIndex","includes","setColumn","attributes","onMouseDown","ref","role","detailModeEditing","setDetailModeEditing","useState","isKeyboardFocusableElement","moveRow","moveDirection","MOVE_DIR","PREV","moveToPreviousRow","nextIndex","NEXT","moveToNextRow","onSave","target","isTargetInput","nodeName","preventDefault","setTimeout","select","onBlur","firstDataColumnIndex","at","lastDataColumnIndex","onKeyDown","isControlInput","getAttribute","isDefaultPrevented","isPropagationStopped","tagName","key","input","setSelectionRange","value","test","currentTarget","contains","toggleEditing","focus","shiftKey","isFirstRow","isFirstColumn","ctrlKey","metaKey","moveToFirstColumn","moveToPreviousColumn","isLastColumn","moveToLastColumn","moveToNextColumn","setShouldPauseHoverState","ColumnBase","EditingCell","cellRef","rowValues","original","rowsLength","enableDetailModeEditing","onRowClick","onClick","HTMLElement","clickableNodeNames","map","tag","join","flexRender","getContext","memo","forwardRef","handleSave","setValidationErrors","setRowMoveReason","useMergedRef","cellId","cellValidationError","getValue","ariaLabel","header","globalFilter","getState","state","setState","isHoveringAnotherRowWhileEditing","hasValidationError","initialValue","stateReset","saveIfChanged","eventOrNewValue","newValue","hasChanged","updatedRow","shouldPauseSortingAndFiltering","lastSortedOrFilteredRows","error","isFocusInsideTable","isBodyFocussed","body","pinnedColumnsWidth","useMemo","pinnedColumns","columnPinning","left","Array","isArray","lastFrozenColumn","lastFrozenColumnOffset","columnOffsets","undefined","columnSizing","showIndicator","hideIndicator","handleFocus","rect","getBoundingClientRect","leftOffset","scrollTo","scrollTop","handleKeyDown","willRowMoveReason","isFilteredByGlobalFilter","values","some","cellValue","globalFilterFn","String","IndicatorReason","SEARCH","getIsFiltered","columnFilterFn","getFilterValue","FILTER","getIsSorted","willRowMoveAfterSorting","getRowModel","sorting","find","s","desc","SORTING","setShouldPauseSortingAndFiltering","prevState","newState","cellControl","onFocus","getCellAlignmentClasses","align","indicatorMountNode","parentElement","querySelector","controlComponent","detailModeClassName","invalid","setValue","Datepicker","newDate","detail","onChange","Switch","checked","Boolean","Input","indicatorReason","Indicator","reason","columnName","mountNode","ValidationError"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/column/utils.js

@@ -33,6 +33,7 @@ const willRowMoveAfterSorting = (value, cell, rowIndex, rows, desc) => {
   }
   return resortedRows[index].id !== cell.row.id;
 };
+const clickableNodeNames = ['INPUT', 'BUTTON', 'A', 'SELECT', 'OPTION', 'LABEL', 'TEXTAREA', 'DETAILS'];
 
-export { hasChanged, willRowMoveAfterSorting };
+export { clickableNodeNames, hasChanged, willRowMoveAfterSorting };
 //# sourceMappingURL=utils.js.map

package/dist/esm/packages/taco/src/components/Table2/components/column/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../../../src/components/Table2/components/column/utils.ts"],"sourcesContent":["import { isDate } from 'date-fns';\n\nimport { isWeakEqual as isWeakEqualDate } from '../../../../utils/date';\n\nexport const hasChanged = (value, newValue) => {\n    if (isDate(value) && isDate(newValue)) {\n        return !isWeakEqualDate(value, newValue);\n    } else if (Array.isArray(value)) {\n        return JSON.stringify(value) !== JSON.stringify(newValue);\n    }\n\n    return value !== newValue;\n};\n\nexport const willRowMoveAfterSorting = (value, cell, rowIndex, rows, desc): boolean => {\n    const miniSortRows = [{ ...cell.row, original: { ...cell.row.original, [cell.column.id]: value } }];\n    // getValue is used by the built-in sort functons, so we need to make sure it returns the changed value\n    miniSortRows[0].getValue = () => value;\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));\n\n    if (desc) {\n        resortedRows = resortedRows.reverse();\n    }\n\n    return resortedRows[index].id !== cell.row.id;\n};\n"],"names":["hasChanged","value","newValue","isDate","isWeakEqualDate","Array","isArray","JSON","stringify","willRowMoveAfterSorting","cell","rowIndex","rows","desc","miniSortRows","row","original","column","id","getValue","index","unshift","length","push","resortedRows","sort","a","b","getSortingFn","reverse"],"mappings":";;;MAIaA,UAAU,GAAG,CAACC,KAAK,EAAEC,QAAQ;EACtC,IAAIC,MAAM,CAACF,KAAK,CAAC,IAAIE,MAAM,CAACD,QAAQ,CAAC,EAAE;IACnC,OAAO,CAACE,WAAe,CAACH,KAAK,EAAEC,QAAQ,CAAC;GAC3C,MAAM,IAAIG,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAC7B,OAAOM,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC,KAAKM,IAAI,CAACC,SAAS,CAACN,QAAQ,CAAC;;EAG7D,OAAOD,KAAK,KAAKC,QAAQ;AAC7B;MAEaO,uBAAuB,GAAG,CAACR,KAAK,EAAES,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,IAAI;EACrE,MAAMC,YAAY,GAAG,CAAC;IAAE,GAAGJ,IAAI,CAACK,GAAG;IAAEC,QAAQ,EAAE;MAAE,GAAGN,IAAI,CAACK,GAAG,CAACC,QAAQ;MAAE,CAACN,IAAI,CAACO,MAAM,CAACC,EAAE,GAAGjB;;GAAS,CAAC;;EAEnGa,YAAY,CAAC,CAAC,CAAC,CAACK,QAAQ,GAAG,MAAMlB,KAAK;EAEtC,IAAImB,KAAK,GAAG,CAAC;EAEb,IAAIT,QAAQ,GAAG,CAAC,EAAE;IACdG,YAAY,CAACO,OAAO,CAACT,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;IACxCS,KAAK,GAAG,CAAC;;EAGb,IAAIT,QAAQ,GAAGC,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;IAC5BR,YAAY,CAACS,IAAI,CAACX,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;;EAGzC,IAAIa,YAAY,GAAG,CAAC,GAAGV,YAAY,CAAC,CAACW,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKjB,IAAI,CAACO,MAAM,CAACW,YAAY,EAAE,CAACF,CAAC,EAAEC,CAAC,EAAEjB,IAAI,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC;EAErG,IAAIL,IAAI,EAAE;IACNW,YAAY,GAAGA,YAAY,CAACK,OAAO,EAAE;;EAGzC,OAAOL,YAAY,CAACJ,KAAK,CAAC,CAACF,EAAE,KAAKR,IAAI,CAACK,GAAG,CAACG,EAAE;AACjD;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../../../../src/components/Table2/components/column/utils.ts"],"sourcesContent":["import { isDate } from 'date-fns';\n\nimport { isWeakEqual as isWeakEqualDate } from '../../../../utils/date';\n\nexport const hasChanged = (value, newValue) => {\n    if (isDate(value) && isDate(newValue)) {\n        return !isWeakEqualDate(value, newValue);\n    } else if (Array.isArray(value)) {\n        return JSON.stringify(value) !== JSON.stringify(newValue);\n    }\n\n    return value !== newValue;\n};\n\nexport const willRowMoveAfterSorting = (value, cell, rowIndex, rows, desc): boolean => {\n    const miniSortRows = [{ ...cell.row, original: { ...cell.row.original, [cell.column.id]: value } }];\n    // getValue is used by the built-in sort functons, so we need to make sure it returns the changed value\n    miniSortRows[0].getValue = () => value;\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));\n\n    if (desc) {\n        resortedRows = resortedRows.reverse();\n    }\n\n    return resortedRows[index].id !== cell.row.id;\n};\n\nexport const clickableNodeNames = ['INPUT', 'BUTTON', 'A', 'SELECT', 'OPTION', 'LABEL', 'TEXTAREA', 'DETAILS'];\n"],"names":["hasChanged","value","newValue","isDate","isWeakEqualDate","Array","isArray","JSON","stringify","willRowMoveAfterSorting","cell","rowIndex","rows","desc","miniSortRows","row","original","column","id","getValue","index","unshift","length","push","resortedRows","sort","a","b","getSortingFn","reverse","clickableNodeNames"],"mappings":";;;MAIaA,UAAU,GAAG,CAACC,KAAK,EAAEC,QAAQ;EACtC,IAAIC,MAAM,CAACF,KAAK,CAAC,IAAIE,MAAM,CAACD,QAAQ,CAAC,EAAE;IACnC,OAAO,CAACE,WAAe,CAACH,KAAK,EAAEC,QAAQ,CAAC;GAC3C,MAAM,IAAIG,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAC7B,OAAOM,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC,KAAKM,IAAI,CAACC,SAAS,CAACN,QAAQ,CAAC;;EAG7D,OAAOD,KAAK,KAAKC,QAAQ;AAC7B;MAEaO,uBAAuB,GAAG,CAACR,KAAK,EAAES,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,IAAI;EACrE,MAAMC,YAAY,GAAG,CAAC;IAAE,GAAGJ,IAAI,CAACK,GAAG;IAAEC,QAAQ,EAAE;MAAE,GAAGN,IAAI,CAACK,GAAG,CAACC,QAAQ;MAAE,CAACN,IAAI,CAACO,MAAM,CAACC,EAAE,GAAGjB;;GAAS,CAAC;;EAEnGa,YAAY,CAAC,CAAC,CAAC,CAACK,QAAQ,GAAG,MAAMlB,KAAK;EAEtC,IAAImB,KAAK,GAAG,CAAC;EAEb,IAAIT,QAAQ,GAAG,CAAC,EAAE;IACdG,YAAY,CAACO,OAAO,CAACT,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;IACxCS,KAAK,GAAG,CAAC;;EAGb,IAAIT,QAAQ,GAAGC,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;IAC5BR,YAAY,CAACS,IAAI,CAACX,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;;EAGzC,IAAIa,YAAY,GAAG,CAAC,GAAGV,YAAY,CAAC,CAACW,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKjB,IAAI,CAACO,MAAM,CAACW,YAAY,EAAE,CAACF,CAAC,EAAEC,CAAC,EAAEjB,IAAI,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC;EAErG,IAAIL,IAAI,EAAE;IACNW,YAAY,GAAGA,YAAY,CAACK,OAAO,EAAE;;EAGzC,OAAOL,YAAY,CAACJ,KAAK,CAAC,CAACF,EAAE,KAAKR,IAAI,CAACK,GAAG,CAACG,EAAE;AACjD;MAEaY,kBAAkB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useColumnDefinitions.js

@@ -73,7 +73,7 @@ function useColumnDefinitions(children, options, tableRef) {
           size: child.props.defaultWidth,
           // sorting
           enableSorting: !child.props.disableSorting,
-          sortingFn: getSortingFn(child.props.dataType)
+          sortingFn: getSortingFn(child.props.dataType, child.props.sortFn)
         });
       }
     });
@@ -102,12 +102,15 @@ function useColumnDefinitions(children, options, tableRef) {
     };
   }, [children]);
 }
-const getSortingFn = dataType => {
+function getSortingFn(dataType, customFn) {
+  if (customFn) {
+    return (rowA, rowB, columnId) => customFn(rowA.original, rowB.original, columnId);
+  }
   if (dataType && dataType !== 'boolean') {
     return dataType;
   }
   return 'auto';
-};
+}
 
 export { useColumnDefinitions };
 //# sourceMappingURL=useColumnDefinitions.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/useColumnDefinitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnDefinitions.js","sources":["../../../../../../../../src/components/Table2/hooks/useColumnDefinitions.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    ColumnSort,\n    ColumnSizingState,\n    Row,\n    RowData,\n    VisibilityState,\n    SortingFnOption,\n    Table,\n} from '@tanstack/react-table';\nimport {\n    CellAlignment,\n    ColumnDataType,\n    RowDragHandler,\n    RowExpansionRenderer,\n    Table2Children,\n    Table2ColumnControlRenderer,\n    Table2ColumnFooterRenderer,\n    Table2ColumnHeaderMenu,\n    Table2ColumnProps,\n    Table2RowActionRenderer,\n} from '../types';\nimport {\n    createRowActionsColumn,\n    createRowDraggableColumn,\n    createRowExpansionColumn,\n    createRowSelectionColumn,\n    MIN_COLUMN_SIZE,\n} from '../utilities/columns';\nimport { useLocalization } from '../../Provider/Localization';\n\ndeclare module '@tanstack/table-core' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: CellAlignment;\n        className?: string | ((row: Row<TData>, table: Table<TData>) => string);\n        control?: Table2ColumnControlRenderer;\n        dataType?: ColumnDataType;\n        disableReordering?: boolean;\n        defaultWidth?: number;\n        headerClassName?: string;\n        menu?: Table2ColumnHeaderMenu;\n        tooltip?: string;\n    }\n}\n\ntype useColumnDefinitionsOptions<TType> = {\n    actionsForRow: Table2RowActionRenderer<TType>[];\n    actionsForRowLength: number;\n    enableColumnFiltering: boolean;\n    enableColumnHiding: boolean;\n    enableColumnFreezing: boolean;\n    enableRowExpansion: boolean;\n    enableRowSelection: boolean;\n    enableMultipleRowSelection: boolean;\n    expandedRowRenderer?: RowExpansionRenderer<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n};\n\nexport function useColumnDefinitions<TType = any>(\n    children: Table2Children,\n    options: useColumnDefinitionsOptions<TType>,\n    tableRef: React.RefObject<HTMLDivElement>\n) {\n    const { texts } = useLocalization();\n    const lastSelectedRowIndex = React.useRef<number>();\n    const columnHelper = createColumnHelper<TType>();\n\n    return React.useMemo(() => {\n        let internalFrozenColumnCount = 0;\n        // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved\n        const columns: any[] = [];\n        const defaultColumnSizing: ColumnSizingState = {};\n        const defaultColumnVisibility: VisibilityState = {};\n        const defaultSorting: ColumnSort[] = [];\n        const footers: Record<string, Table2ColumnFooterRenderer> = {};\n\n        (React.Children.toArray(children) as React.ReactElement<Table2ColumnProps<TType>>[])\n            .filter((child: any) => !!child)\n            .forEach(child => {\n                if (React.isValidElement(child)) {\n                    if (child.props.defaultWidth) {\n                        defaultColumnSizing[child.props.accessor] = child.props.defaultWidth;\n                    }\n\n                    if (child.props.defaultHidden && options.enableColumnHiding) {\n                        defaultColumnVisibility[child.props.accessor] = false;\n                    }\n\n                    if (child.props.sort !== undefined) {\n                        defaultSorting.push({\n                            id: child.props.accessor,\n                            desc: child.props.sort === 'desc',\n                        });\n                    }\n\n                    if (child.props.footer) {\n                        footers[child.props.accessor] = child.props.footer;\n                    }\n\n                    columns.push({\n                        accessorKey: child.props.accessor,\n                        id: child.props.accessor,\n                        cell: props => {\n                            let value = props.getValue();\n\n                            if (typeof child.props.renderer === 'function') {\n                                value = child.props.renderer(value, props.row.original);\n                            }\n\n                            if (typeof value === 'string' || typeof value === 'number') {\n                                return <span className=\"truncate\">{value}</span>;\n                            }\n\n                            return value ?? null;\n                        },\n                        header: child.props.header,\n                        meta: {\n                            align: child.props.align,\n                            className: child.props.className,\n                            control: child.props.control,\n                            dataType: child.props.dataType,\n                            defaultWidth: child.props.defaultWidth,\n                            disableReordering: child.props.disableReordering,\n                            menu: child.props.menu,\n                            tooltip: child.props.tooltip,\n                        },\n                        enableHiding: !child.props.disableHiding,\n                        // filtering\n                        enableColumnFilter: !child.props.disableFiltering,\n                        filterFn:\n                            options.enableColumnFiltering && !child.props.disableFiltering ? ('tacoFilter' as any) : undefined,\n                        // sizing\n                        enableResizing: !child.props.disableResizing,\n                        minSize: child.props.minWidth ?? MIN_COLUMN_SIZE,\n                        size: child.props.defaultWidth,\n                        // sorting\n                        enableSorting: !child.props.disableSorting,\n                        sortingFn: getSortingFn(child.props.dataType),\n                    });\n                }\n            });\n\n        if (options.enableRowExpansion && options.expandedRowRenderer) {\n            columns.unshift(columnHelper.display(createRowExpansionColumn(options.expandedRowRenderer, texts)));\n            internalFrozenColumnCount++;\n        }\n\n        if (options.enableRowSelection) {\n            columns.unshift(\n                columnHelper.display(\n                    createRowSelectionColumn(\n                        options.enableMultipleRowSelection,\n                        lastSelectedRowIndex,\n                        options.onRowDrag,\n                        tableRef,\n                        texts\n                    )\n                )\n            );\n            internalFrozenColumnCount++;\n        }\n\n        if (options.onRowDrag) {\n            columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag, texts)));\n            internalFrozenColumnCount++;\n        }\n\n        if (options.actionsForRow?.length) {\n            columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow, options.actionsForRowLength, texts)));\n        }\n\n        return { columns, internalFrozenColumnCount, defaultColumnSizing, defaultColumnVisibility, defaultSorting, footers };\n    }, [children]);\n}\n\nconst getSortingFn = (dataType?: ColumnDataType): SortingFnOption<any> => {\n    if (dataType && dataType !== 'boolean') {\n        return dataType;\n    }\n\n    return 'auto';\n};\n"],"names":["useColumnDefinitions","children","options","tableRef","texts","useLocalization","lastSelectedRowIndex","React","useRef","columnHelper","createColumnHelper","useMemo","internalFrozenColumnCount","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","footers","Children","toArray","filter","child","forEach","isValidElement","props","defaultWidth","accessor","defaultHidden","enableColumnHiding","sort","undefined","push","id","desc","footer","accessorKey","cell","value","getValue","renderer","row","original","className","header","meta","align","control","dataType","disableReordering","menu","tooltip","enableHiding","disableHiding","enableColumnFilter","disableFiltering","filterFn","enableColumnFiltering","enableResizing","disableResizing","minSize","minWidth","MIN_COLUMN_SIZE","size","enableSorting","disableSorting","sortingFn","getSortingFn","enableRowExpansion","expandedRowRenderer","unshift","display","createRowExpansionColumn","enableRowSelection","createRowSelectionColumn","enableMultipleRowSelection","onRowDrag","createRowDraggableColumn","actionsForRow","length","createRowActionsColumn","actionsForRowLength"],"mappings":"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"}
+{"version":3,"file":"useColumnDefinitions.js","sources":["../../../../../../../../src/components/Table2/hooks/useColumnDefinitions.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    ColumnSort,\n    ColumnSizingState,\n    Row,\n    RowData,\n    VisibilityState,\n    SortingFnOption,\n    Table,\n} from '@tanstack/react-table';\nimport {\n    CellAlignment,\n    ColumnDataType,\n    RowDragHandler,\n    RowExpansionRenderer,\n    SortFn,\n    Table2Children,\n    Table2ColumnControlRenderer,\n    Table2ColumnFooterRenderer,\n    Table2ColumnHeaderMenu,\n    Table2ColumnProps,\n    Table2RowActionRenderer,\n} from '../types';\nimport {\n    createRowActionsColumn,\n    createRowDraggableColumn,\n    createRowExpansionColumn,\n    createRowSelectionColumn,\n    MIN_COLUMN_SIZE,\n} from '../utilities/columns';\nimport { useLocalization } from '../../Provider/Localization';\n\ndeclare module '@tanstack/table-core' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: CellAlignment;\n        className?: string | ((row: Row<TData>, table: Table<TData>) => string);\n        control?: Table2ColumnControlRenderer;\n        dataType?: ColumnDataType;\n        disableReordering?: boolean;\n        defaultWidth?: number;\n        headerClassName?: string;\n        menu?: Table2ColumnHeaderMenu;\n        tooltip?: string;\n    }\n}\n\ntype useColumnDefinitionsOptions<TType> = {\n    actionsForRow: Table2RowActionRenderer<TType>[];\n    actionsForRowLength: number;\n    enableColumnFiltering: boolean;\n    enableColumnHiding: boolean;\n    enableColumnFreezing: boolean;\n    enableRowExpansion: boolean;\n    enableRowSelection: boolean;\n    enableMultipleRowSelection: boolean;\n    expandedRowRenderer?: RowExpansionRenderer<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n};\n\nexport function useColumnDefinitions<TType = any>(\n    children: Table2Children,\n    options: useColumnDefinitionsOptions<TType>,\n    tableRef: React.RefObject<HTMLDivElement>\n) {\n    const { texts } = useLocalization();\n    const lastSelectedRowIndex = React.useRef<number>();\n    const columnHelper = createColumnHelper<TType>();\n\n    return React.useMemo(() => {\n        let internalFrozenColumnCount = 0;\n        // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved\n        const columns: any[] = [];\n        const defaultColumnSizing: ColumnSizingState = {};\n        const defaultColumnVisibility: VisibilityState = {};\n        const defaultSorting: ColumnSort[] = [];\n        const footers: Record<string, Table2ColumnFooterRenderer> = {};\n\n        (React.Children.toArray(children) as React.ReactElement<Table2ColumnProps<TType>>[])\n            .filter((child: any) => !!child)\n            .forEach(child => {\n                if (React.isValidElement(child)) {\n                    if (child.props.defaultWidth) {\n                        defaultColumnSizing[child.props.accessor] = child.props.defaultWidth;\n                    }\n\n                    if (child.props.defaultHidden && options.enableColumnHiding) {\n                        defaultColumnVisibility[child.props.accessor] = false;\n                    }\n\n                    if (child.props.sort !== undefined) {\n                        defaultSorting.push({\n                            id: child.props.accessor,\n                            desc: child.props.sort === 'desc',\n                        });\n                    }\n\n                    if (child.props.footer) {\n                        footers[child.props.accessor] = child.props.footer;\n                    }\n\n                    columns.push({\n                        accessorKey: child.props.accessor,\n                        id: child.props.accessor,\n                        cell: props => {\n                            let value = props.getValue();\n\n                            if (typeof child.props.renderer === 'function') {\n                                value = child.props.renderer(value, props.row.original);\n                            }\n\n                            if (typeof value === 'string' || typeof value === 'number') {\n                                return <span className=\"truncate\">{value}</span>;\n                            }\n\n                            return value ?? null;\n                        },\n                        header: child.props.header,\n                        meta: {\n                            align: child.props.align,\n                            className: child.props.className,\n                            control: child.props.control,\n                            dataType: child.props.dataType,\n                            defaultWidth: child.props.defaultWidth,\n                            disableReordering: child.props.disableReordering,\n                            menu: child.props.menu,\n                            tooltip: child.props.tooltip,\n                        },\n                        enableHiding: !child.props.disableHiding,\n                        // filtering\n                        enableColumnFilter: !child.props.disableFiltering,\n                        filterFn:\n                            options.enableColumnFiltering && !child.props.disableFiltering ? ('tacoFilter' as any) : undefined,\n                        // sizing\n                        enableResizing: !child.props.disableResizing,\n                        minSize: child.props.minWidth ?? MIN_COLUMN_SIZE,\n                        size: child.props.defaultWidth,\n                        // sorting\n                        enableSorting: !child.props.disableSorting,\n                        sortingFn: getSortingFn<TType>(child.props.dataType, child.props.sortFn),\n                    });\n                }\n            });\n\n        if (options.enableRowExpansion && options.expandedRowRenderer) {\n            columns.unshift(columnHelper.display(createRowExpansionColumn(options.expandedRowRenderer, texts)));\n            internalFrozenColumnCount++;\n        }\n\n        if (options.enableRowSelection) {\n            columns.unshift(\n                columnHelper.display(\n                    createRowSelectionColumn(\n                        options.enableMultipleRowSelection,\n                        lastSelectedRowIndex,\n                        options.onRowDrag,\n                        tableRef,\n                        texts\n                    )\n                )\n            );\n            internalFrozenColumnCount++;\n        }\n\n        if (options.onRowDrag) {\n            columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag, texts)));\n            internalFrozenColumnCount++;\n        }\n\n        if (options.actionsForRow?.length) {\n            columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow, options.actionsForRowLength, texts)));\n        }\n\n        return { columns, internalFrozenColumnCount, defaultColumnSizing, defaultColumnVisibility, defaultSorting, footers };\n    }, [children]);\n}\n\nfunction getSortingFn<TType>(dataType?: ColumnDataType, customFn?: SortFn<TType>): SortingFnOption<TType> {\n    if (customFn) {\n        return (rowA, rowB, columnId) => customFn(rowA.original, rowB.original, columnId);\n    }\n\n    if (dataType && dataType !== 'boolean') {\n        return dataType;\n    }\n\n    return 'auto';\n}\n"],"names":["useColumnDefinitions","children","options","tableRef","texts","useLocalization","lastSelectedRowIndex","React","useRef","columnHelper","createColumnHelper","useMemo","internalFrozenColumnCount","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","footers","Children","toArray","filter","child","forEach","isValidElement","props","defaultWidth","accessor","defaultHidden","enableColumnHiding","sort","undefined","push","id","desc","footer","accessorKey","cell","value","getValue","renderer","row","original","className","header","meta","align","control","dataType","disableReordering","menu","tooltip","enableHiding","disableHiding","enableColumnFilter","disableFiltering","filterFn","enableColumnFiltering","enableResizing","disableResizing","minSize","minWidth","MIN_COLUMN_SIZE","size","enableSorting","disableSorting","sortingFn","getSortingFn","sortFn","enableRowExpansion","expandedRowRenderer","unshift","display","createRowExpansionColumn","enableRowSelection","createRowSelectionColumn","enableMultipleRowSelection","onRowDrag","createRowDraggableColumn","actionsForRow","length","createRowActionsColumn","actionsForRowLength","customFn","rowA","rowB","columnId"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useTable.js

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { useIsHoverStatePaused } from '../../../hooks/useIsHoverStatePaused.js';
 import { getSortedRowModel, getFilteredRowModel, useReactTable, getCoreRowModel } from '@tanstack/react-table';
+import { ensureOrdering } from '../utilities/columns.js';
 import { columnFilterFn, globalFilterFn } from '../utilities/filterFn.js';
 import { useEditMode } from './useEditMode.js';
 import { useColumnDefinitions } from './useColumnDefinitions.js';
@@ -13,7 +14,7 @@ import { useFilterStateListener } from './listeners/useFilterStateListener.js';
 
 const ACTIONS_ON_ROW_LENGTH = 4;
 function useTable(children, props, ref) {
-  var _settings$frozenColum, _settings$columnOrder, _settings$columnSizin, _settings$columnVisib, _settings$rowDensity;
+  var _settings$frozenColum, _settings$columnSizin, _settings$columnVisib, _settings$rowDensity;
   const {
     actionsForRow = [],
     actionsForRowLength = ACTIONS_ON_ROW_LENGTH,
@@ -70,7 +71,7 @@ function useTable(children, props, ref) {
   const frozenColumns = columns.slice(0, totalFrozenColumns).map(column => column.id);
   // defaults
   const initialState = {
-    columnOrder: (_settings$columnOrder = settings === null || settings === void 0 ? void 0 : settings.columnOrder) !== null && _settings$columnOrder !== void 0 ? _settings$columnOrder : columns.map(column => column.id),
+    columnOrder: ensureOrdering(columns, settings === null || settings === void 0 ? void 0 : settings.columnOrder),
     columnPinning: {
       left: frozenColumns,
       right: []

package/dist/esm/packages/taco/src/components/Table2/hooks/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table2/hooks/useTable.ts"],"sourcesContent":["import React from 'react';\nimport {\n    useReactTable,\n    getCoreRowModel,\n    OnChangeFn,\n    getSortedRowModel,\n    getFilteredRowModel,\n    RowData,\n    TableState,\n    TableOptions,\n} from '@tanstack/react-table';\nimport { RowClickHandler, RowDensity, Table2Children, Table2Props } from '../types';\nimport { useColumnDefinitions } from './useColumnDefinitions';\nimport { useColumnOffsetStateListener } from './listeners/useColumnOffsetStateListener';\nimport { ColumnOffsetState } from '../types';\nimport { useRowSelectionListener } from './listeners/useRowSelectionListener';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../utilities/filterFn';\nimport { ActiveRowHandler, ActiveRowMoveHandler, useActiveRow } from './useActiveRow';\nimport { useActiveRowStateListener } from './listeners/useActiveRowStateListener';\nimport { useEditMode } from './useEditMode';\nimport { useIsHoverStatePaused } from '../../../hooks/useIsHoverStatePaused';\nimport { useFilterStateListener } from './listeners/useFilterStateListener';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        // active row\n        activeRowIndex: number;\n        setActiveRowIndex: ActiveRowHandler;\n        moveToPreviousRow: ActiveRowMoveHandler<TData>;\n        moveToNextRow: ActiveRowMoveHandler<TData>;\n        // offsets\n        columnOffsets: ColumnOffsetState;\n        // density\n        enableRowDensity: boolean;\n        rowDensity: RowDensity;\n        setRowDensity: OnChangeFn<RowDensity>;\n        // dragging\n        enableRowDragging: boolean;\n        dragging: Record<string, boolean>;\n        setDragging: OnChangeFn<Record<string, boolean>>;\n        // computed\n        enableColumnFreezing: boolean;\n        enableColumnReordering: boolean;\n        enableColumnHiding: boolean;\n        shouldPauseSortingAndFiltering: boolean;\n        setShouldPauseSortingAndFiltering: OnChangeFn<boolean>;\n        shouldPauseHoverState: boolean;\n        setShouldPauseHoverState: OnChangeFn<boolean>;\n        frozenColumnsCount: number;\n        setFrozenColumnsCount: OnChangeFn<number>;\n        // other\n        onRowClick?: RowClickHandler<TData>;\n        // editing\n        editMode: useEditMode;\n        // used to determine first and last data column position\n        dataColumnStartOffset: number;\n        dataColumnEndOffset: number;\n        // disable table actions\n        shouldDisableTableActions: boolean;\n        setShouldDisableTableActions: OnChangeFn<boolean>;\n        // active row column indexes\n        focussableColumnIndexes: number[];\n        addFocussableColumnIndex: (index: number) => void;\n        resetFocussableColumnIndexes: () => void;\n        // table ref\n        tableRef: React.RefObject<HTMLDivElement>;\n        // last sorted or filtered rows\n        lastSortedOrFilteredRows: React.MutableRefObject<Array<any>>;\n    }\n}\n\nconst ACTIONS_ON_ROW_LENGTH = 4;\n\nexport function useTable<TType = any>(children: Table2Children, props: Table2Props<TType>, ref: React.RefObject<HTMLDivElement>) {\n    const {\n        actionsForRow = [],\n        actionsForRowLength = ACTIONS_ON_ROW_LENGTH,\n        data,\n        defaultActiveRowIndex,\n        disableColumnFiltering = false,\n        disableColumnHiding = false,\n        disableColumnFreezing = false,\n        disableColumnReordering = false,\n        disableColumnResizing = false,\n        disableRowDensity = false,\n        disableRowExpansion = false,\n        disableRowSelection = false,\n        disableMultipleRowSelection = false,\n        disableSearch = false,\n        disableSorting = false,\n        expandedRowRenderer,\n        manualColumnFiltering = false,\n        manualSearch = false,\n        manualSorting = false,\n        onChangeSettings,\n        onRowClick,\n        onRowDrag,\n        onRowSelect,\n        onSave,\n        settings = {},\n        // experimental\n        _experimentalActionsForTable,\n    } = props;\n\n    const enableRowExpansion = !disableRowExpansion && !!expandedRowRenderer;\n    const enableRowSelection = !disableRowSelection && (!!onRowSelect || !!_experimentalActionsForTable?.length);\n    const enableMultipleRowSelection = !disableMultipleRowSelection && enableRowSelection;\n\n    const { columns, internalFrozenColumnCount, defaultColumnSizing, defaultSorting, defaultColumnVisibility, footers } =\n        useColumnDefinitions<TType>(\n            children,\n            {\n                actionsForRow,\n                actionsForRowLength,\n                enableColumnFiltering: !disableColumnFiltering,\n                enableColumnHiding: !disableColumnHiding,\n                enableColumnFreezing: !disableColumnFreezing,\n                enableRowExpansion,\n                enableRowSelection,\n                enableMultipleRowSelection,\n                expandedRowRenderer,\n                onRowDrag,\n            },\n            ref\n        );\n\n    const lastSortedOrFilteredRows = React.useRef<any>(null);\n    const totalFrozenColumns = internalFrozenColumnCount + (settings?.frozenColumnCount ?? 0);\n    const frozenColumns = columns.slice(0, totalFrozenColumns).map(column => column.id);\n\n    // defaults\n    const initialState: Partial<TableState> = {\n        columnOrder: settings?.columnOrder ?? columns.map(column => column.id as string),\n        columnPinning: {\n            left: frozenColumns,\n            right: [],\n        },\n        columnSizing: settings?.columnSizing ?? defaultColumnSizing,\n        columnVisibility: settings?.columnVisibility ?? defaultColumnVisibility,\n    };\n\n    // Data column index - these are needed to make sure left and right arrow key shortcuts focuses only the data columns\n    const dataColumnStartOffset = [!!onRowDrag, !!enableRowExpansion, !!enableRowSelection].reduce((t, e) => t + (e ? 1 : 0), 0);\n    const dataColumnEndOffset = actionsForRow.length ? 1 : 0;\n\n    // custom\n    const activeRow = useActiveRow<TType>(defaultActiveRowIndex);\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n    const editMode = useEditMode(onSave);\n    const [columnOffsets, setColumnOffsets] = React.useState({});\n    const [rowDensity, setRowDensity] = React.useState<RowDensity>(settings?.rowDensity ?? 'normal');\n    const [dragging, setDragging] = React.useState<Record<string, boolean>>({});\n    const [shouldPauseSortingAndFiltering, setShouldPauseSortingAndFiltering] = React.useState<boolean>(false);\n    const [shouldDisableTableActions, setShouldDisableTableActions] = React.useState<boolean>(false);\n    // Frozen column count is the count of external columns that are frozen\n    const [frozenColumnsCount, setFrozenColumnsCount] = React.useState(totalFrozenColumns - internalFrozenColumnCount);\n    // For some reason, using state instead of ref didn't work as expected, that's why ref is used\n    const focussableColumnIndexes = React.useRef<number[]>([]);\n\n    // some options get set even if they are undefined, so we have to do it conditionally\n    const options: Partial<TableOptions<any>> = {\n        enableExpanding: enableRowExpansion,\n        enableColumnFilters: !disableColumnFiltering,\n        enableColumnResizing: !disableColumnResizing,\n        enableGlobalFilter: !disableSearch,\n        enableHiding: !disableColumnHiding,\n        enablePinning: !disableColumnFreezing,\n        enableRowSelection: enableRowSelection,\n        enableMultiRowSelection: enableMultipleRowSelection,\n        enableSorting: !disableSorting,\n    };\n\n    // resizing\n    if (options.enableColumnResizing) {\n        options.columnResizeMode = 'onChange';\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        initialState.sorting = settings?.sorting ?? defaultSorting;\n\n        if (manualSorting) {\n            options.manualSorting = true;\n        } else {\n            options.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    // filtering\n    if (options.enableColumnFilters) {\n        initialState.columnFilters = settings?.columnFilters ?? [];\n\n        if (manualColumnFiltering) {\n            options.manualFiltering = true;\n        } else {\n            options.filterFns = {\n                tacoFilter: (row, columnId, filter) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    // search\n    if (options.enableGlobalFilter) {\n        if (manualSearch) {\n            options.manualFiltering = true;\n        } else {\n            options.globalFilterFn = (row, columnId, query) => globalFilterFn(row.getValue(columnId), query);\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    const table = useReactTable({\n        data,\n        columns: columns as any,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...options,\n        meta: {\n            ...activeRow,\n            editMode,\n            // offsets\n            columnOffsets,\n            // density\n            enableRowDensity: !disableRowDensity,\n            rowDensity,\n            setRowDensity,\n            // dragging\n            enableRowDragging: !!onRowDrag,\n            dragging,\n            setDragging,\n            // computed\n            enableColumnFreezing: !disableColumnFreezing,\n            enableColumnReordering: !disableColumnReordering,\n            enableColumnHiding: !disableColumnHiding,\n            shouldPauseHoverState,\n            setShouldPauseHoverState,\n            frozenColumnsCount,\n            setFrozenColumnsCount,\n            // resorting\n            shouldPauseSortingAndFiltering,\n            setShouldPauseSortingAndFiltering,\n            // other\n            onRowClick,\n            // data column positions\n            dataColumnStartOffset,\n            dataColumnEndOffset,\n            // disable table actions\n            shouldDisableTableActions,\n            setShouldDisableTableActions,\n            // active row column indexes\n            focussableColumnIndexes: focussableColumnIndexes.current,\n            addFocussableColumnIndex: (index: number) => {\n                if (!focussableColumnIndexes.current.includes(index)) {\n                    focussableColumnIndexes.current = [...focussableColumnIndexes.current, index].sort((a, b) => a - b);\n                }\n            },\n            resetFocussableColumnIndexes: () => {\n                focussableColumnIndexes.current = [];\n            },\n            // table ref\n            tableRef: ref,\n            // last sorted or filtered rows\n            lastSortedOrFilteredRows,\n        },\n    });\n\n    const tableRows = table.getRowModel().rows;\n\n    if (!shouldPauseSortingAndFiltering) {\n        lastSortedOrFilteredRows.current = tableRows;\n    }\n\n    const rows = shouldPauseSortingAndFiltering ? lastSortedOrFilteredRows.current : tableRows;\n\n    // state listeners\n    useActiveRowStateListener<TType>(table, rows, activeRow);\n    useColumnOffsetStateListener(table, setColumnOffsets);\n    useFilterStateListener<TType>(table, onRowSelect);\n    useRowSelectionListener<TType>(table, onRowSelect);\n    useSettingsStateListener(table, onChangeSettings);\n\n    return { rows, table, footers };\n}\n"],"names":["ACTIONS_ON_ROW_LENGTH","useTable","children","props","ref","actionsForRow","actionsForRowLength","data","defaultActiveRowIndex","disableColumnFiltering","disableColumnHiding","disableColumnFreezing","disableColumnReordering","disableColumnResizing","disableRowDensity","disableRowExpansion","disableRowSelection","disableMultipleRowSelection","disableSearch","disableSorting","expandedRowRenderer","manualColumnFiltering","manualSearch","manualSorting","onChangeSettings","onRowClick","onRowDrag","onRowSelect","onSave","settings","_experimentalActionsForTable","enableRowExpansion","enableRowSelection","length","enableMultipleRowSelection","columns","internalFrozenColumnCount","defaultColumnSizing","defaultSorting","defaultColumnVisibility","footers","useColumnDefinitions","enableColumnFiltering","enableColumnHiding","enableColumnFreezing","lastSortedOrFilteredRows","React","useRef","totalFrozenColumns","frozenColumnCount","frozenColumns","slice","map","column","id","initialState","columnOrder","columnPinning","left","right","columnSizing","columnVisibility","dataColumnStartOffset","reduce","t","e","dataColumnEndOffset","activeRow","useActiveRow","shouldPauseHoverState","setShouldPauseHoverState","useIsHoverStatePaused","editMode","useEditMode","columnOffsets","setColumnOffsets","useState","rowDensity","setRowDensity","dragging","setDragging","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","shouldDisableTableActions","setShouldDisableTableActions","frozenColumnsCount","setFrozenColumnsCount","focussableColumnIndexes","options","enableExpanding","enableColumnFilters","enableColumnResizing","enableGlobalFilter","enableHiding","enablePinning","enableMultiRowSelection","enableSorting","columnResizeMode","sorting","getSortedRowModel","columnFilters","manualFiltering","filterFns","tacoFilter","row","columnId","filter","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","query","table","useReactTable","getCoreRowModel","meta","enableRowDensity","enableRowDragging","enableColumnReordering","current","addFocussableColumnIndex","index","includes","sort","a","b","resetFocussableColumnIndexes","tableRef","tableRows","getRowModel","rows","useActiveRowStateListener","useColumnOffsetStateListener","useFilterStateListener","useRowSelectionListener","useSettingsStateListener"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table2/hooks/useTable.ts"],"sourcesContent":["import React from 'react';\nimport {\n    useReactTable,\n    getCoreRowModel,\n    OnChangeFn,\n    getSortedRowModel,\n    getFilteredRowModel,\n    RowData,\n    TableState,\n    TableOptions,\n} from '@tanstack/react-table';\nimport { RowClickHandler, RowDensity, Table2Children, Table2Props } from '../types';\nimport { useColumnDefinitions } from './useColumnDefinitions';\nimport { useColumnOffsetStateListener } from './listeners/useColumnOffsetStateListener';\nimport { ColumnOffsetState } from '../types';\nimport { useRowSelectionListener } from './listeners/useRowSelectionListener';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../utilities/filterFn';\nimport { ActiveRowHandler, ActiveRowMoveHandler, useActiveRow } from './useActiveRow';\nimport { useActiveRowStateListener } from './listeners/useActiveRowStateListener';\nimport { useEditMode } from './useEditMode';\nimport { useIsHoverStatePaused } from '../../../hooks/useIsHoverStatePaused';\nimport { useFilterStateListener } from './listeners/useFilterStateListener';\nimport { ensureOrdering } from '../utilities/columns';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        // active row\n        activeRowIndex: number;\n        setActiveRowIndex: ActiveRowHandler;\n        moveToPreviousRow: ActiveRowMoveHandler<TData>;\n        moveToNextRow: ActiveRowMoveHandler<TData>;\n        // offsets\n        columnOffsets: ColumnOffsetState;\n        // density\n        enableRowDensity: boolean;\n        rowDensity: RowDensity;\n        setRowDensity: OnChangeFn<RowDensity>;\n        // dragging\n        enableRowDragging: boolean;\n        dragging: Record<string, boolean>;\n        setDragging: OnChangeFn<Record<string, boolean>>;\n        // computed\n        enableColumnFreezing: boolean;\n        enableColumnReordering: boolean;\n        enableColumnHiding: boolean;\n        shouldPauseSortingAndFiltering: boolean;\n        setShouldPauseSortingAndFiltering: OnChangeFn<boolean>;\n        shouldPauseHoverState: boolean;\n        setShouldPauseHoverState: OnChangeFn<boolean>;\n        frozenColumnsCount: number;\n        setFrozenColumnsCount: OnChangeFn<number>;\n        // other\n        onRowClick?: RowClickHandler<TData>;\n        // editing\n        editMode: useEditMode;\n        // used to determine first and last data column position\n        dataColumnStartOffset: number;\n        dataColumnEndOffset: number;\n        // disable table actions\n        shouldDisableTableActions: boolean;\n        setShouldDisableTableActions: OnChangeFn<boolean>;\n        // active row column indexes\n        focussableColumnIndexes: number[];\n        addFocussableColumnIndex: (index: number) => void;\n        resetFocussableColumnIndexes: () => void;\n        // table ref\n        tableRef: React.RefObject<HTMLDivElement>;\n        // last sorted or filtered rows\n        lastSortedOrFilteredRows: React.MutableRefObject<Array<any>>;\n    }\n}\n\nconst ACTIONS_ON_ROW_LENGTH = 4;\n\nexport function useTable<TType = any>(children: Table2Children, props: Table2Props<TType>, ref: React.RefObject<HTMLDivElement>) {\n    const {\n        actionsForRow = [],\n        actionsForRowLength = ACTIONS_ON_ROW_LENGTH,\n        data,\n        defaultActiveRowIndex,\n        disableColumnFiltering = false,\n        disableColumnHiding = false,\n        disableColumnFreezing = false,\n        disableColumnReordering = false,\n        disableColumnResizing = false,\n        disableRowDensity = false,\n        disableRowExpansion = false,\n        disableRowSelection = false,\n        disableMultipleRowSelection = false,\n        disableSearch = false,\n        disableSorting = false,\n        expandedRowRenderer,\n        manualColumnFiltering = false,\n        manualSearch = false,\n        manualSorting = false,\n        onChangeSettings,\n        onRowClick,\n        onRowDrag,\n        onRowSelect,\n        onSave,\n        settings = {},\n        // experimental\n        _experimentalActionsForTable,\n    } = props;\n\n    const enableRowExpansion = !disableRowExpansion && !!expandedRowRenderer;\n    const enableRowSelection = !disableRowSelection && (!!onRowSelect || !!_experimentalActionsForTable?.length);\n    const enableMultipleRowSelection = !disableMultipleRowSelection && enableRowSelection;\n\n    const { columns, internalFrozenColumnCount, defaultColumnSizing, defaultSorting, defaultColumnVisibility, footers } =\n        useColumnDefinitions<TType>(\n            children,\n            {\n                actionsForRow,\n                actionsForRowLength,\n                enableColumnFiltering: !disableColumnFiltering,\n                enableColumnHiding: !disableColumnHiding,\n                enableColumnFreezing: !disableColumnFreezing,\n                enableRowExpansion,\n                enableRowSelection,\n                enableMultipleRowSelection,\n                expandedRowRenderer,\n                onRowDrag,\n            },\n            ref\n        );\n\n    const lastSortedOrFilteredRows = React.useRef<any>(null);\n    const totalFrozenColumns = internalFrozenColumnCount + (settings?.frozenColumnCount ?? 0);\n    const frozenColumns = columns.slice(0, totalFrozenColumns).map(column => column.id);\n\n    // defaults\n    const initialState: Partial<TableState> = {\n        columnOrder: ensureOrdering<TType>(columns, settings?.columnOrder),\n        columnPinning: {\n            left: frozenColumns,\n            right: [],\n        },\n        columnSizing: settings?.columnSizing ?? defaultColumnSizing,\n        columnVisibility: settings?.columnVisibility ?? defaultColumnVisibility,\n    };\n\n    // Data column index - these are needed to make sure left and right arrow key shortcuts focuses only the data columns\n    const dataColumnStartOffset = [!!onRowDrag, !!enableRowExpansion, !!enableRowSelection].reduce((t, e) => t + (e ? 1 : 0), 0);\n    const dataColumnEndOffset = actionsForRow.length ? 1 : 0;\n\n    // custom\n    const activeRow = useActiveRow<TType>(defaultActiveRowIndex);\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useIsHoverStatePaused();\n    const editMode = useEditMode(onSave);\n    const [columnOffsets, setColumnOffsets] = React.useState({});\n    const [rowDensity, setRowDensity] = React.useState<RowDensity>(settings?.rowDensity ?? 'normal');\n    const [dragging, setDragging] = React.useState<Record<string, boolean>>({});\n    const [shouldPauseSortingAndFiltering, setShouldPauseSortingAndFiltering] = React.useState<boolean>(false);\n    const [shouldDisableTableActions, setShouldDisableTableActions] = React.useState<boolean>(false);\n    // Frozen column count is the count of external columns that are frozen\n    const [frozenColumnsCount, setFrozenColumnsCount] = React.useState(totalFrozenColumns - internalFrozenColumnCount);\n    // For some reason, using state instead of ref didn't work as expected, that's why ref is used\n    const focussableColumnIndexes = React.useRef<number[]>([]);\n\n    // some options get set even if they are undefined, so we have to do it conditionally\n    const options: Partial<TableOptions<any>> = {\n        enableExpanding: enableRowExpansion,\n        enableColumnFilters: !disableColumnFiltering,\n        enableColumnResizing: !disableColumnResizing,\n        enableGlobalFilter: !disableSearch,\n        enableHiding: !disableColumnHiding,\n        enablePinning: !disableColumnFreezing,\n        enableRowSelection: enableRowSelection,\n        enableMultiRowSelection: enableMultipleRowSelection,\n        enableSorting: !disableSorting,\n    };\n\n    // resizing\n    if (options.enableColumnResizing) {\n        options.columnResizeMode = 'onChange';\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        initialState.sorting = settings?.sorting ?? defaultSorting;\n\n        if (manualSorting) {\n            options.manualSorting = true;\n        } else {\n            options.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    // filtering\n    if (options.enableColumnFilters) {\n        initialState.columnFilters = settings?.columnFilters ?? [];\n\n        if (manualColumnFiltering) {\n            options.manualFiltering = true;\n        } else {\n            options.filterFns = {\n                tacoFilter: (row, columnId, filter) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    // search\n    if (options.enableGlobalFilter) {\n        if (manualSearch) {\n            options.manualFiltering = true;\n        } else {\n            options.globalFilterFn = (row, columnId, query) => globalFilterFn(row.getValue(columnId), query);\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    const table = useReactTable({\n        data,\n        columns: columns as any,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...options,\n        meta: {\n            ...activeRow,\n            editMode,\n            // offsets\n            columnOffsets,\n            // density\n            enableRowDensity: !disableRowDensity,\n            rowDensity,\n            setRowDensity,\n            // dragging\n            enableRowDragging: !!onRowDrag,\n            dragging,\n            setDragging,\n            // computed\n            enableColumnFreezing: !disableColumnFreezing,\n            enableColumnReordering: !disableColumnReordering,\n            enableColumnHiding: !disableColumnHiding,\n            shouldPauseHoverState,\n            setShouldPauseHoverState,\n            frozenColumnsCount,\n            setFrozenColumnsCount,\n            // resorting\n            shouldPauseSortingAndFiltering,\n            setShouldPauseSortingAndFiltering,\n            // other\n            onRowClick,\n            // data column positions\n            dataColumnStartOffset,\n            dataColumnEndOffset,\n            // disable table actions\n            shouldDisableTableActions,\n            setShouldDisableTableActions,\n            // active row column indexes\n            focussableColumnIndexes: focussableColumnIndexes.current,\n            addFocussableColumnIndex: (index: number) => {\n                if (!focussableColumnIndexes.current.includes(index)) {\n                    focussableColumnIndexes.current = [...focussableColumnIndexes.current, index].sort((a, b) => a - b);\n                }\n            },\n            resetFocussableColumnIndexes: () => {\n                focussableColumnIndexes.current = [];\n            },\n            // table ref\n            tableRef: ref,\n            // last sorted or filtered rows\n            lastSortedOrFilteredRows,\n        },\n    });\n\n    const tableRows = table.getRowModel().rows;\n\n    if (!shouldPauseSortingAndFiltering) {\n        lastSortedOrFilteredRows.current = tableRows;\n    }\n\n    const rows = shouldPauseSortingAndFiltering ? lastSortedOrFilteredRows.current : tableRows;\n\n    // state listeners\n    useActiveRowStateListener<TType>(table, rows, activeRow);\n    useColumnOffsetStateListener(table, setColumnOffsets);\n    useFilterStateListener<TType>(table, onRowSelect);\n    useRowSelectionListener<TType>(table, onRowSelect);\n    useSettingsStateListener(table, onChangeSettings);\n\n    return { rows, table, footers };\n}\n"],"names":["ACTIONS_ON_ROW_LENGTH","useTable","children","props","ref","actionsForRow","actionsForRowLength","data","defaultActiveRowIndex","disableColumnFiltering","disableColumnHiding","disableColumnFreezing","disableColumnReordering","disableColumnResizing","disableRowDensity","disableRowExpansion","disableRowSelection","disableMultipleRowSelection","disableSearch","disableSorting","expandedRowRenderer","manualColumnFiltering","manualSearch","manualSorting","onChangeSettings","onRowClick","onRowDrag","onRowSelect","onSave","settings","_experimentalActionsForTable","enableRowExpansion","enableRowSelection","length","enableMultipleRowSelection","columns","internalFrozenColumnCount","defaultColumnSizing","defaultSorting","defaultColumnVisibility","footers","useColumnDefinitions","enableColumnFiltering","enableColumnHiding","enableColumnFreezing","lastSortedOrFilteredRows","React","useRef","totalFrozenColumns","frozenColumnCount","frozenColumns","slice","map","column","id","initialState","columnOrder","ensureOrdering","columnPinning","left","right","columnSizing","columnVisibility","dataColumnStartOffset","reduce","t","e","dataColumnEndOffset","activeRow","useActiveRow","shouldPauseHoverState","setShouldPauseHoverState","useIsHoverStatePaused","editMode","useEditMode","columnOffsets","setColumnOffsets","useState","rowDensity","setRowDensity","dragging","setDragging","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","shouldDisableTableActions","setShouldDisableTableActions","frozenColumnsCount","setFrozenColumnsCount","focussableColumnIndexes","options","enableExpanding","enableColumnFilters","enableColumnResizing","enableGlobalFilter","enableHiding","enablePinning","enableMultiRowSelection","enableSorting","columnResizeMode","sorting","getSortedRowModel","columnFilters","manualFiltering","filterFns","tacoFilter","row","columnId","filter","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","query","table","useReactTable","getCoreRowModel","meta","enableRowDensity","enableRowDragging","enableColumnReordering","current","addFocussableColumnIndex","index","includes","sort","a","b","resetFocussableColumnIndexes","tableRef","tableRows","getRowModel","rows","useActiveRowStateListener","useColumnOffsetStateListener","useFilterStateListener","useRowSelectionListener","useSettingsStateListener"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table2/types.ts"],"sourcesContent":["import React from 'react';\nimport {\n    ColumnFiltersState,\n    ColumnOrderState,\n    ColumnSizingState,\n    OnChangeFn,\n    Row,\n    SortingState,\n    VisibilityState,\n} from '@tanstack/react-table';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { IconName } from '../Icon/Icon';\nimport { MenuProps } from '../Menu/Menu';\n\nexport enum Table2FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsOneOf,\n    IsNoneOf,\n    IsAllOf,\n    IsEmpty,\n    IsNotEmpty,\n}\n\nexport type Table2Filter<TType = any> = {\n    comparator?: Table2FilterComparator;\n    value: TType | TType[];\n};\n\nexport type ColumnOffsetState = Record<string, number | undefined>;\nexport type RowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type CellAlignment = 'left' | 'center' | 'right';\n\nexport type SortDirection = 'asc' | 'desc';\nexport type ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\n\nexport type Table2ColumnHeaderRenderer<TType = any> = (value: any, row: TType) => JSX.Element | string | null;\nexport type Table2ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\nexport type Table2ColumnFooterRenderer = (values: any[]) => JSX.Element | string | null;\n\nexport type Table2ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur: (newValue?: any) => Promise<void>;\n    onFocus: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n    // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n    // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n    // data attribute we make sure the event is coming from a control component, and then we can make sure\n    // keyboard shortcut works as expected.\n    'data-inline-editing-component'?: 'true';\n};\nexport type Table2ColumnControlRenderer<TType = any> =\n    | ((props: Table2ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch';\n\nexport type Table2ColumnProps<TType = any> = {\n    accessor: string;\n    align?: CellAlignment;\n    className?: string | ((row: Row<TType>) => string);\n    control?: Table2ColumnControlRenderer<TType>;\n    dataType?: ColumnDataType;\n    defaultActiveColumnIndex?: number;\n    defaultActiveRowIndex?: number;\n    defaultHidden?: boolean;\n    disableFiltering?: boolean;\n    disableHiding?: boolean;\n    disableReordering?: boolean;\n    disableResizing?: boolean;\n    disableSorting?: boolean;\n    defaultWidth?: number;\n    header: string;\n    headerClassName?: string;\n    footer?: Table2ColumnFooterRenderer;\n    renderer?: Table2ColumnHeaderRenderer<TType>;\n    menu?: Table2ColumnHeaderMenu;\n    minWidth?: number;\n    sort?: SortDirection;\n    tooltip?: string;\n};\n\nexport type Table2ActionProps<TType> = {\n    dialog?: (rows: TType[], resetSelectedRows: () => void) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((rows: TType[]) => boolean);\n    icon: IconName | ((rows: TType[]) => IconName);\n    onClick?: (rows: TType[], resetSelectedRows: () => void) => void;\n    text: string | ((rows: TType[]) => string);\n    visible?: boolean | ((rows: TType[]) => boolean);\n};\n\nexport type Table2RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\nexport type Table2Settings = {\n    columnFilters?: ColumnFiltersState;\n    columnOrder?: ColumnOrderState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    frozenColumnCount?: number;\n    globalFilter?: string;\n    rowDensity?: RowDensity;\n    sorting?: SortingState;\n};\n\nexport type RowClickHandler<TType = any> = (row: TType) => void;\nexport type RowDragHandler<TType = any> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type RowSelectionHandler<TType = any> = (rows: TType[]) => void;\nexport type RowExpansionRenderer<TType = any> = (row: TType) => (() => JSX.Element) | null;\nexport type SortHandler = OnChangeFn<SortingState>;\nexport type SettingsHandler = OnChangeFn<Table2Settings>;\nexport type SaveHandlerErrorResponse = Record<string, string | undefined | null> | null;\nexport type SaveHandler<TType = any> = (row: TType, accessor: string) => Promise<SaveHandlerErrorResponse | void>;\n\nexport type DataColumnIndexes = {\n    dataColumnStartOffset: number;\n    dataColumnEndOffset: number;\n};\n\nexport type Table2Children<TType = any> = (React.ReactElement<Table2ColumnProps<TType>> | boolean | null | undefined)[];\n\nexport type Table2Props<TType = any> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    actionsForRow?: Table2RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    children: Table2Children;\n    className?: string;\n    data: TType[];\n    defaultActiveRowIndex?: number;\n    disableColumnFiltering?: boolean;\n    disableColumnHiding?: boolean;\n    disableColumnFreezing?: boolean;\n    disableColumnReordering?: boolean;\n    disableColumnResizing?: boolean;\n    disableRowDensity?: boolean;\n    disableRowExpansion?: boolean;\n    disableRowSelection?: boolean;\n    disableMultipleRowSelection?: boolean;\n    disableSearch?: boolean;\n    disableSorting?: boolean;\n    emptyState?: () => JSX.Element;\n    expandedRowRenderer?: RowExpansionRenderer<TType>;\n    length?: number;\n    loadMore?: () => Promise<void>;\n    manualColumnFiltering?: boolean;\n    manualSearch?: boolean;\n    manualSorting?: boolean;\n    onChangeSettings?: SettingsHandler;\n    onRowClick?: RowClickHandler<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n    onRowSelect?: RowSelectionHandler<TType>;\n    onSave?: SaveHandler<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    settings?: Table2Settings;\n    _experimentalActionsForTable?: Table2ActionProps<TType>[];\n    _experimentalActionsForTableSummary?: (rows: TType[]) => JSX.Element | string;\n};\n"],"names":["Table2FilterComparator"],"mappings":"IAcYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,2EAAQ;EACRA,yEAAO;EACPA,0EAAO;EACPA,gFAAU;AACd,CAAC,EAbWA,sBAAsB,KAAtBA,sBAAsB;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table2/types.ts"],"sourcesContent":["import React from 'react';\nimport {\n    ColumnFiltersState,\n    ColumnOrderState,\n    ColumnSizingState,\n    OnChangeFn,\n    Row,\n    SortingState,\n    VisibilityState,\n} from '@tanstack/react-table';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { IconName } from '../Icon/Icon';\nimport { MenuProps } from '../Menu/Menu';\n\nexport enum Table2FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsOneOf,\n    IsNoneOf,\n    IsAllOf,\n    IsEmpty,\n    IsNotEmpty,\n}\n\nexport type Table2Filter<TType = any> = {\n    comparator?: Table2FilterComparator;\n    value: TType | TType[];\n};\n\nexport type ColumnOffsetState = Record<string, number | undefined>;\nexport type RowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type CellAlignment = 'left' | 'center' | 'right';\n\nexport type SortDirection = 'asc' | 'desc';\nexport type ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\n\nexport type Table2ColumnHeaderRenderer<TType = any> = (value: any, row: TType) => JSX.Element | string | null;\nexport type Table2ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\nexport type Table2ColumnFooterRenderer = (values: any[]) => JSX.Element | string | null;\n\nexport type Table2ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur: (newValue?: any) => Promise<void>;\n    onFocus: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n    // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n    // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n    // data attribute we make sure the event is coming from a control component, and then we can make sure\n    // keyboard shortcut works as expected.\n    'data-inline-editing-component'?: 'true';\n};\nexport type Table2ColumnControlRenderer<TType = any> =\n    | ((props: Table2ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch';\n\nexport type SortFn<TType = unknown> = (rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1;\n\nexport type Table2ColumnProps<TType = any> = {\n    accessor: string;\n    align?: CellAlignment;\n    className?: string | ((row: Row<TType>) => string);\n    control?: Table2ColumnControlRenderer<TType>;\n    dataType?: ColumnDataType;\n    defaultActiveColumnIndex?: number;\n    defaultActiveRowIndex?: number;\n    defaultHidden?: boolean;\n    disableFiltering?: boolean;\n    disableHiding?: boolean;\n    disableReordering?: boolean;\n    disableResizing?: boolean;\n    disableSorting?: boolean;\n    defaultWidth?: number;\n    header: string;\n    headerClassName?: string;\n    footer?: Table2ColumnFooterRenderer;\n    renderer?: Table2ColumnHeaderRenderer<TType>;\n    menu?: Table2ColumnHeaderMenu;\n    minWidth?: number;\n    sort?: SortDirection;\n    sortFn?: SortFn<TType>;\n    tooltip?: string;\n};\n\nexport type Table2ActionProps<TType> = {\n    dialog?: (rows: TType[], resetSelectedRows: () => void) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((rows: TType[]) => boolean);\n    icon: IconName | ((rows: TType[]) => IconName);\n    onClick?: (rows: TType[], resetSelectedRows: () => void) => void;\n    text: string | ((rows: TType[]) => string);\n    visible?: boolean | ((rows: TType[]) => boolean);\n};\n\nexport type Table2RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\nexport type Table2Settings = {\n    columnFilters?: ColumnFiltersState;\n    columnOrder?: ColumnOrderState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    frozenColumnCount?: number;\n    globalFilter?: string;\n    rowDensity?: RowDensity;\n    sorting?: SortingState;\n};\n\nexport type RowClickHandler<TType = any> = (row: TType) => void;\nexport type RowDragHandler<TType = any> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type RowSelectionHandler<TType = any> = (rows: TType[]) => void;\nexport type RowExpansionRenderer<TType = any> = (row: TType) => (() => JSX.Element) | null;\nexport type SortHandler = OnChangeFn<SortingState>;\nexport type SettingsHandler = OnChangeFn<Table2Settings>;\nexport type SaveHandlerErrorResponse = Record<string, string | undefined | null> | null;\nexport type SaveHandler<TType = any> = (row: TType, accessor: string) => Promise<SaveHandlerErrorResponse | void>;\n\nexport type DataColumnIndexes = {\n    dataColumnStartOffset: number;\n    dataColumnEndOffset: number;\n};\n\nexport type Table2Children<TType = any> = (React.ReactElement<Table2ColumnProps<TType>> | boolean | null | undefined)[];\n\nexport type Table2Props<TType = any> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    actionsForRow?: Table2RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    children: Table2Children;\n    className?: string;\n    data: TType[];\n    defaultActiveRowIndex?: number;\n    disableColumnFiltering?: boolean;\n    disableColumnHiding?: boolean;\n    disableColumnFreezing?: boolean;\n    disableColumnReordering?: boolean;\n    disableColumnResizing?: boolean;\n    disableRowDensity?: boolean;\n    disableRowExpansion?: boolean;\n    disableRowSelection?: boolean;\n    disableMultipleRowSelection?: boolean;\n    disableSearch?: boolean;\n    disableSorting?: boolean;\n    emptyState?: () => JSX.Element;\n    expandedRowRenderer?: RowExpansionRenderer<TType>;\n    length?: number;\n    loadMore?: () => Promise<void>;\n    manualColumnFiltering?: boolean;\n    manualSearch?: boolean;\n    manualSorting?: boolean;\n    onChangeSettings?: SettingsHandler;\n    onRowClick?: RowClickHandler<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n    onRowSelect?: RowSelectionHandler<TType>;\n    onSave?: SaveHandler<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    settings?: Table2Settings;\n    _experimentalActionsForTable?: Table2ActionProps<TType>[];\n    _experimentalActionsForTableSummary?: (rows: TType[]) => JSX.Element | string;\n};\n"],"names":["Table2FilterComparator"],"mappings":"IAcYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,2EAAQ;EACRA,yEAAO;EACPA,0EAAO;EACPA,gFAAU;AACd,CAAC,EAbWA,sBAAsB,KAAtBA,sBAAsB;;;;"}

package/dist/esm/packages/taco/src/components/Table2/utilities/cell.js

@@ -32,10 +32,10 @@ const getFrozenShadowClasses = (column, frozenColumns, isHorizontallyOffset) =>
     'shadow-[1px_0px_0px_theme(colors.grey.300)]': isLastFrozen && !isHorizontallyOffset && !hideFrozenShadow
   };
 };
+const focussableNodeNames = ['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'DETAILS'];
 const isKeyboardFocusableElement = element => {
-  const focussableNodeNames = ['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'DETAILS'];
   return focussableNodeNames.includes(element.nodeName) && !element.hasAttribute('disabled') && !element.hasAttribute('readonly') && !element.getAttribute('aria-hidden');
 };
 
-export { getCellAlignmentClasses, getCellSizingClasses, getFrozenShadowClasses, isKeyboardFocusableElement };
+export { focussableNodeNames, getCellAlignmentClasses, getCellSizingClasses, getFrozenShadowClasses, isKeyboardFocusableElement };
 //# sourceMappingURL=cell.js.map