@economic/taco 2.4.1 → 2.4.2

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 { 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                    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({ '!yt-focus-dark': 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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"}
+{"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                    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({ '!yt-focus-dark': 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","_cell$column$columnDe","column","columnDef","className","isActiveRow","activeRowIndex","isFrozen","getIsPinned","isDragging","dragging","row","id","isSelected","getIsSelected","isDataColumn","isInternalColumn","hasCellControl","_cell$column$columnDe2","control","allVisibleColumns","getVisibleLeafColumns","lastColumnIndex","length","isEditingThisRow","isEditing","canEditThisCell","isEditingThisCell","columnIndex","isHoveringThisRowWhileEditing","shouldPauseHoverState","isIndicatorVisible","Object","keys","useEffect","_tableRef$current","current","classList","add","_tableRef$current2","remove","cn","getCellSizingClasses","_table$options$meta","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","_allFocussableColumnI","_allFocussableColumnI2","firstDataColumnIndex","at","lastDataColumnIndex","onKeyDown","isControlInput","getAttribute","isDefaultPrevented","isPropagationStopped","tagName","key","input","_input$setSelectionRa","_input$value","_input$value2","setSelectionRange","call","value","_input$select","test","currentTarget","contains","_tableRef$current3","toggleEditing","focus","shiftKey","isFirstRow","isFirstColumn","ctrlKey","metaKey","moveToFirstColumn","moveToPreviousColumn","isLastColumn","moveToLastColumn","moveToNextColumn","setShouldPauseHoverState","ColumnBase","EditingCell","cellRef","rowValues","original","rowsLength","enableDetailModeEditing","onRowClick","onClick","HTMLElement","_meta$onRowClick","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","_temp2","hasChanged","_temp","_catch","updatedRow","Promise","resolve","then","shouldPauseSortingAndFiltering","lastSortedOrFilteredRows","error","e","reject","isFocusInsideTable","_meta$tableRef$curren","isBodyFocussed","body","_controlRef$current","_controlRef$current$f","pinnedColumnsWidth","useMemo","pinnedColumns","columnPinning","left","Array","isArray","lastFrozenColumn","lastFrozenColumnOffset","columnOffsets","undefined","_table$getState$colum","columnSizing","_controlRef$current2","showIndicator","hideIndicator","_controlRef$current3","_controlRef$current4","_controlRef$current5","handleFocus","_event$target","_event$target2","rect","_cellRef$current","getBoundingClientRect","leftOffset","_tableRef$current4","scrollTo","scrollTop","handleKeyDown","willRowMoveReason","isFilteredByGlobalFilter","values","some","cellValue","globalFilterFn","String","IndicatorReason","SEARCH","getIsFiltered","columnFilterFn","getFilterValue","FILTER","getIsSorted","willRowMoveAfterSorting","getRowModel","_table$getState$sorti","sorting","find","s","desc","SORTING","setShouldPauseSortingAndFiltering","prevState","newState","cellControl","_cell$column$columnDe3","onFocus","getCellAlignmentClasses","_cell$column$columnDe4","align","indicatorMountNode","_cellRef$current2","_cellRef$current2$par","parentElement","querySelector","controlComponent","detailModeClassName","invalid","setValue","Datepicker","newDate","detail","onChange","Switch","checked","Boolean","Input","indicatorReason","_rowMoveReason$cellId","Indicator","reason","columnName","mountNode","ValidationError"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../../../../../src/components/Table2/components/column/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Header as RTHeader } from '@tanstack/react-table';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { isInternalColumn } from '../../utilities/columns';\n\ntype FooterProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    footer: RTHeader<TType, unknown>;\n    index: number;\n};\n\nexport const Footer = function Footer<TType = unknown>(props: FooterProps<TType>) {\n    const { children, footer, index, table, ...columnProps } = props;\n    const isFrozen = !!footer.column.getIsPinned();\n\n    const className = cn(\n        'group/header sticky bottom-0 bg-white border-t-2 relative z-[1]',\n        'flex items-center px-4 h-[calc(theme(spacing.10)+2px)]',\n        {\n            '!z-[2]': isFrozen, // frozen headers should show above cells and other headers, so we add z-index\n            '!shadow-none': isInternalColumn(footer.id),\n        },\n        props.className\n    );\n\n    return (\n        <ColumnBase\n            {...columnProps}\n            // base props\n            column={footer.column}\n            table={table}\n            className={className}\n            role=\"cell\"\n            // helper props\n            data-column-index={index}>\n            <span className=\"truncate\">{children}</span>\n        </ColumnBase>\n    );\n};\n"],"names":["Footer","props","children","footer","index","table","columnProps","isFrozen","column","getIsPinned","className","cn","isInternalColumn","id","React","ColumnBase","role"],"mappings":";;;;;MAWaA,MAAM,GAAG,SAASA,MAAM,CAAkBC,KAAyB;EAC5E,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAa,GAAGL,KAAK;EAChE,MAAMM,QAAQ,GAAG,CAAC,CAACJ,MAAM,CAACK,MAAM,CAACC,WAAW,EAAE;EAE9C,MAAMC,SAAS,GAAGC,EAAE,CAChB,iEAAiE,EACjE,wDAAwD,EACxD;IACI,QAAQ,EAAEJ,QAAQ;IAClB,cAAc,EAAEK,gBAAgB,CAACT,MAAM,CAACU,EAAE;GAC7C,EACDZ,KAAK,CAACS,SAAS,CAClB;EAED,oBACII,6BAACC,UAAU,oBACHT,WAAW;;IAEfE,MAAM,EAAEL,MAAM,CAACK,MAAM;IACrBH,KAAK,EAAEA,KAAK;IACZK,SAAS,EAAEA,SAAS;IACpBM,IAAI,EAAC,MAAM;yBAEQZ;mBACnBU;IAAMJ,SAAS,EAAC;KAAYR,QAAQ,CAAQ,CACnC;AAErB;;;;"}
+{"version":3,"file":"Footer.js","sources":["../../../../../../../../../src/components/Table2/components/column/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Header as RTHeader } from '@tanstack/react-table';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { isInternalColumn } from '../../utilities/columns';\n\ntype FooterProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    footer: RTHeader<TType, unknown>;\n    index: number;\n};\n\nexport const Footer = function Footer<TType = unknown>(props: FooterProps<TType>) {\n    const { children, footer, index, table, ...columnProps } = props;\n    const isFrozen = !!footer.column.getIsPinned();\n\n    const className = cn(\n        'group/header sticky bottom-0 bg-white border-t-2 relative z-[1]',\n        'flex items-center px-4 h-[calc(theme(spacing.10)+2px)]',\n        {\n            '!z-[2]': isFrozen, // frozen headers should show above cells and other headers, so we add z-index\n            '!shadow-none': isInternalColumn(footer.id),\n        },\n        props.className\n    );\n\n    return (\n        <ColumnBase\n            {...columnProps}\n            // base props\n            column={footer.column}\n            table={table}\n            className={className}\n            role=\"cell\"\n            // helper props\n            data-column-index={index}>\n            <span className=\"truncate\">{children}</span>\n        </ColumnBase>\n    );\n};\n"],"names":["Footer","props","children","footer","index","table","columnProps","isFrozen","column","getIsPinned","className","cn","isInternalColumn","id","React","ColumnBase","role"],"mappings":";;;;;MAWaA,MAAM,GAAG,SAASA,MAAMA,CAAkBC,KAAyB;EAC5E,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAa,GAAGL,KAAK;EAChE,MAAMM,QAAQ,GAAG,CAAC,CAACJ,MAAM,CAACK,MAAM,CAACC,WAAW,EAAE;EAE9C,MAAMC,SAAS,GAAGC,EAAE,CAChB,iEAAiE,EACjE,wDAAwD,EACxD;IACI,QAAQ,EAAEJ,QAAQ;IAClB,cAAc,EAAEK,gBAAgB,CAACT,MAAM,CAACU,EAAE;GAC7C,EACDZ,KAAK,CAACS,SAAS,CAClB;EAED,oBACII,6BAACC,UAAU,oBACHT,WAAW;;IAEfE,MAAM,EAAEL,MAAM,CAACK,MAAM;IACrBH,KAAK,EAAEA,KAAK;IACZK,SAAS,EAAEA,SAAS;IACpBM,IAAI,EAAC,MAAM;yBAEQZ;mBACnBU;IAAMJ,SAAS,EAAC;KAAYR,QAAQ,CAAQ,CACnC;AAErB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../../../../src/components/Table2/components/column/Header.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { flexRender, Header as RTHeader, TableMeta, Table as RTTable } from '@tanstack/react-table';\nimport { Icon } from '../../../Icon/Icon';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { isInternalColumn, isInternalFrozenColumn, MIN_COLUMN_SIZE } from '../../utilities/columns';\nimport { isOverflowing } from '../../../../utils/dom';\nimport { getCellAlignmentClasses, getCellSizingClasses } from '../../utilities/cell';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Menu } from '../../../Menu/Menu';\nimport { useLocalization } from '../../../Provider/Localization';\n\ntype HeaderProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    header: RTHeader<TType, unknown>;\n    index: number;\n    isLastColumn: boolean;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Header = function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, index, isLastColumn, table, tableRef, ...columnProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n    const frozen = !!header.column.getIsPinned();\n    const isOtherColumnBeingResized =\n        table.getState().columnSizingInfo.isResizingColumn && table.getState().columnSizingInfo.isResizingColumn !== header.id;\n\n    const { enableColumnFreezing } = table.options.meta as TableMeta<TType>;\n\n    const className = cn(\n        'group/header sticky top-0 bg-white border-b-2 relative font-bold z-[5] hover:z-[6]',\n        {\n            'z-[6]': header.column.getIsResizing(),\n            'z-[7]': frozen, // frozen headers should show above cells and other headers, so we assign a higher z-index\n            'cursor-pointer select-none': header.column.getCanSort(),\n            'hover:bg-grey-100': header.column.getCanSort() || header.column.getCanResize() || header.column.columnDef.meta?.menu,\n            'pointer-events-none': isOtherColumnBeingResized,\n        },\n        getCellSizingClasses('normal'),\n        header.column.columnDef.meta?.headerClassName,\n        props.className\n    );\n\n    // set the column size after the first render (after auto layout with 'max-content') has run\n    // this way columns default to fit their content, then we save that size for resizing\n    const refCallback = (node: HTMLDivElement) => {\n        if (node && !table.getState().columnSizing[header.id]) {\n            const size = Math.ceil(node.getBoundingClientRect().width);\n            table.setColumnSizing(sizes => ({\n                ...sizes,\n                [header.id]: !isInternalFrozenColumn(header.id) && size < MIN_COLUMN_SIZE ? MIN_COLUMN_SIZE : size,\n            }));\n        }\n    };\n\n    // we use mousedown because clicking and dragging resize and then letting go over the\n    // column, results in sorting being applied\n    const handleMouseDown = header.column.getCanSort()\n        ? (event: React.MouseEvent) => {\n              // only detect left clicks\n              if (event.button === 0) {\n                  event.preventDefault();\n                  table.resetRowSelection();\n                  header.column.toggleSorting();\n                  tableRef.current?.focus();\n              }\n          }\n        : undefined;\n\n    const handleResizerDoubleClick = () => {\n        const size = header.column.columnDef.meta?.defaultWidth;\n\n        table.setColumnSizing(sizes => {\n            const nextSizes = { ...sizes };\n\n            if (size === 'grow') {\n                nextSizes[header.id] = '1fr' as any;\n            } else if (typeof size === 'number') {\n                nextSizes[header.id] = !isInternalFrozenColumn(header.id) && size < MIN_COLUMN_SIZE ? MIN_COLUMN_SIZE : size;\n            } else {\n                delete nextSizes[header.id];\n            }\n\n            return nextSizes;\n        });\n    };\n\n    const handleResizerClick = event => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const handleResize = event => {\n        // prevent the parent onMouseDown propagating\n        event.stopPropagation();\n        header.getResizeHandler()(event);\n    };\n\n    const content = (\n        <div className=\"truncate\" ref={textRef}>\n            {flexRender(header.column.columnDef.header, header.getContext())}\n        </div>\n    );\n\n    const { texts } = useLocalization();\n\n    return (\n        <ColumnBase\n            {...columnProps}\n            // base props\n            column={header.column}\n            table={table}\n            // other props\n            aria-sort={\n                {\n                    asc: 'ascending',\n                    desc: 'descending',\n                }[header.column.getIsSorted() as any] ?? 'none'\n            }\n            className={className}\n            onMouseDown={handleMouseDown}\n            ref={refCallback}\n            role=\"columnheader\"\n            // helper props\n            data-column-index={index}>\n            {isInternalFrozenColumn(header.id) ? (\n                flexRender(header.column.columnDef.header, header.getContext())\n            ) : (\n                <>\n                    <div\n                        className={cn(\n                            'flex flex-grow overflow-hidden',\n                            {\n                                'group-hover/header:-ml-2': !!header.column.getIsSorted() && !!header.column.columnDef.meta?.menu,\n                            },\n                            getCellAlignmentClasses(header.column.columnDef.meta?.align)\n                        )}>\n                        {isOverflowing(textRef.current) ? (\n                            <Tooltip title={header.column.columnDef.meta?.tooltip ?? content} placement=\"top\">\n                                {content}\n                            </Tooltip>\n                        ) : (\n                            content\n                        )}\n                        {{\n                            asc: <Icon name=\"chevron-up-solid\" className=\"pointer-events-none -my-0.5\" />,\n                            desc: <Icon name=\"chevron-down-solid\" className=\"pointer-events-none -my-0.5\" />,\n                        }[header.column.getIsSorted() as string] ?? null}\n                    </div>\n                    {!isInternalColumn(header.column.id) && (header.column.columnDef.meta?.menu || enableColumnFreezing) ? (\n                        <HeaderMenu header={header} table={table} columnIndex={index} />\n                    ) : null}\n                </>\n            )}\n            {header.column.getCanResize() ? (\n                <Tooltip placement=\"top\" title={texts.table2.columns.resize.tooltip}>\n                    <div\n                        className={cn(\n                            'invisible absolute right-0 top-0 flex h-full cursor-col-resize touch-none select-none rounded py-0.5 group-hover/header:visible',\n                            {\n                                '-mr-2.5 w-5 justify-center': !isLastColumn,\n                                'w-2': isLastColumn,\n                                '!visible': header.column.getIsResizing(),\n                            }\n                        )}\n                        onDoubleClick={handleResizerDoubleClick}\n                        onMouseDown={handleResize}\n                        onTouchStart={handleResize}\n                        // this prevents sort handlers being activated\n                        onClick={handleResizerClick}>\n                        <div\n                            className={cn('h-full w-1 rounded', {\n                                '!bg-blue-500': header.column.getIsResizing(),\n                                'bg-grey-500 hover:bg-grey-700': !header.column.getIsResizing(),\n                            })}\n                        />\n                    </div>\n                </Tooltip>\n            ) : null}\n        </ColumnBase>\n    );\n};\n\ntype HeaderMenuProps = {\n    header: RTHeader<any, unknown>;\n    table: RTTable<any>;\n    columnIndex: number;\n};\n\nconst HeaderMenu = ({ header, table, columnIndex }: HeaderMenuProps) => {\n    const [open, setOpen] = React.useState(false);\n    const { texts } = useLocalization();\n    const menu = header.column.columnDef.meta?.menu;\n    const meta = table.options.meta as TableMeta<any>;\n    const { frozenColumnsCount, setFrozenColumnsCount } = meta;\n\n    const columns = table.getVisibleLeafColumns();\n    const { columnVisibility, columnOrder } = table.getState();\n    const visibleInternalColumnsCount = React.useMemo(\n        () => columns.filter(column => isInternalFrozenColumn(column.id)).length,\n        [columns]\n    );\n\n    const className = cn(\n        '-my-0.5 -mr-1 -ml-0.5 hidden !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)] flex-shrink-0 justify-end group-hover/header:flex',\n        {\n            '!flex': open,\n        }\n    );\n\n    const menuItems: JSX.Element[] = [];\n\n    if (table.options.enableHiding && header.column.getCanHide()) {\n        // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n        const handleClick = () => setTimeout(() => header.column.toggleVisibility(), 1);\n\n        menuItems.push(\n            <Menu.Item icon=\"eye-off\" onClick={handleClick}>\n                {texts.table2.columns.menu.hideColumn}\n            </Menu.Item>\n        );\n    }\n\n    if (meta.enableColumnFreezing) {\n        const columnPosition = columnIndex + 1;\n        const externalFrozenColumnsCount = columnPosition - visibleInternalColumnsCount;\n        const isSomeExternalColumnFrozen = frozenColumnsCount !== 0;\n        const freeAllColumns = () => {\n            setFrozenColumnsCount(0);\n        };\n        const freezeColumns = () => {\n            setFrozenColumnsCount(externalFrozenColumnsCount);\n        };\n\n        menuItems.push(\n            <Menu.Item icon=\"column-freeze\" onClick={freezeColumns} key=\"_freeze-columns_\">\n                {texts.table2.columns.menu.freezeColumns(externalFrozenColumnsCount)}\n            </Menu.Item>\n        );\n\n        if (isSomeExternalColumnFrozen) {\n            menuItems.push(\n                <Menu.Item icon=\"column-unfreeze\" onClick={freeAllColumns} key=\"_unfreeze-columns_\">\n                    {texts.table2.columns.menu.unfreezeColumns}\n                </Menu.Item>\n            );\n        }\n    }\n\n    React.useEffect(() => {\n        // Update column pinning/freezing whenever frozen columns count changes, or column order or visiblity changes\n        const totalFrozenColumnsCount = visibleInternalColumnsCount + frozenColumnsCount;\n\n        table.setColumnPinning({ left: columns.slice(0, totalFrozenColumnsCount).map(column => column.id), right: [] });\n    }, [frozenColumnsCount, columnVisibility, columnOrder, visibleInternalColumnsCount]);\n\n    const menuProps = {\n        trigger: <IconButton className={className} icon=\"more\" />,\n        open: open,\n        onChange: setOpen,\n    };\n\n    if (menu) {\n        const customMenu = menu({ trigger: undefined });\n        const customItems = React.Children.toArray(customMenu.props.children.props.children) as JSX.Element[];\n\n        if (customItems.length) {\n            if (menuItems.length) {\n                menuItems.push(<Menu.Separator />);\n            }\n\n            menuItems.push(...customItems);\n        }\n    }\n\n    const menuComponent = (\n        <Menu {...menuProps}>\n            <Menu.Content>{menuItems.map((item, key) => React.cloneElement(item, { key }))}</Menu.Content>\n        </Menu>\n    );\n\n    // This div catches the mousedown events from menu item and menu trigger and prevents\n    // mousedown event from bubbling up to the Header component to prevent toggling sorting\n    return menuComponent ? <div onMouseDown={event => event.stopPropagation()}>{menuComponent}</div> : null;\n};\n"],"names":["Header","props","header","index","isLastColumn","table","tableRef","columnProps","textRef","React","useRef","frozen","column","getIsPinned","isOtherColumnBeingResized","getState","columnSizingInfo","isResizingColumn","id","enableColumnFreezing","options","meta","className","cn","getIsResizing","getCanSort","getCanResize","columnDef","menu","getCellSizingClasses","headerClassName","refCallback","node","columnSizing","size","Math","ceil","getBoundingClientRect","width","setColumnSizing","sizes","isInternalFrozenColumn","MIN_COLUMN_SIZE","handleMouseDown","event","button","preventDefault","resetRowSelection","toggleSorting","current","focus","undefined","handleResizerDoubleClick","defaultWidth","nextSizes","handleResizerClick","stopPropagation","handleResize","getResizeHandler","content","ref","flexRender","getContext","texts","useLocalization","ColumnBase","asc","desc","getIsSorted","onMouseDown","role","getCellAlignmentClasses","align","isOverflowing","Tooltip","title","tooltip","placement","Icon","name","isInternalColumn","HeaderMenu","columnIndex","table2","columns","resize","onDoubleClick","onTouchStart","onClick","open","setOpen","useState","frozenColumnsCount","setFrozenColumnsCount","getVisibleLeafColumns","columnVisibility","columnOrder","visibleInternalColumnsCount","useMemo","filter","length","menuItems","enableHiding","getCanHide","handleClick","setTimeout","toggleVisibility","push","Menu","Item","icon","hideColumn","columnPosition","externalFrozenColumnsCount","isSomeExternalColumnFrozen","freeAllColumns","freezeColumns","key","unfreezeColumns","useEffect","totalFrozenColumnsCount","setColumnPinning","left","slice","map","right","menuProps","trigger","IconButton","onChange","customMenu","customItems","Children","toArray","children","Separator","menuComponent","Content","item","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../../../../../../src/components/Table2/components/column/Header.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { flexRender, Header as RTHeader, TableMeta, Table as RTTable } from '@tanstack/react-table';\nimport { Icon } from '../../../Icon/Icon';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { isInternalColumn, isInternalFrozenColumn, MIN_COLUMN_SIZE } from '../../utilities/columns';\nimport { isOverflowing } from '../../../../utils/dom';\nimport { getCellAlignmentClasses, getCellSizingClasses } from '../../utilities/cell';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Menu } from '../../../Menu/Menu';\nimport { useLocalization } from '../../../Provider/Localization';\n\ntype HeaderProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    header: RTHeader<TType, unknown>;\n    index: number;\n    isLastColumn: boolean;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Header = function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, index, isLastColumn, table, tableRef, ...columnProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n    const frozen = !!header.column.getIsPinned();\n    const isOtherColumnBeingResized =\n        table.getState().columnSizingInfo.isResizingColumn && table.getState().columnSizingInfo.isResizingColumn !== header.id;\n\n    const { enableColumnFreezing } = table.options.meta as TableMeta<TType>;\n\n    const className = cn(\n        'group/header sticky top-0 bg-white border-b-2 relative font-bold z-[5] hover:z-[6]',\n        {\n            'z-[6]': header.column.getIsResizing(),\n            'z-[7]': frozen, // frozen headers should show above cells and other headers, so we assign a higher z-index\n            'cursor-pointer select-none': header.column.getCanSort(),\n            'hover:bg-grey-100': header.column.getCanSort() || header.column.getCanResize() || header.column.columnDef.meta?.menu,\n            'pointer-events-none': isOtherColumnBeingResized,\n        },\n        getCellSizingClasses('normal'),\n        header.column.columnDef.meta?.headerClassName,\n        props.className\n    );\n\n    // set the column size after the first render (after auto layout with 'max-content') has run\n    // this way columns default to fit their content, then we save that size for resizing\n    const refCallback = (node: HTMLDivElement) => {\n        if (node && !table.getState().columnSizing[header.id]) {\n            const size = Math.ceil(node.getBoundingClientRect().width);\n            table.setColumnSizing(sizes => ({\n                ...sizes,\n                [header.id]: !isInternalFrozenColumn(header.id) && size < MIN_COLUMN_SIZE ? MIN_COLUMN_SIZE : size,\n            }));\n        }\n    };\n\n    // we use mousedown because clicking and dragging resize and then letting go over the\n    // column, results in sorting being applied\n    const handleMouseDown = header.column.getCanSort()\n        ? (event: React.MouseEvent) => {\n              // only detect left clicks\n              if (event.button === 0) {\n                  event.preventDefault();\n                  table.resetRowSelection();\n                  header.column.toggleSorting();\n                  tableRef.current?.focus();\n              }\n          }\n        : undefined;\n\n    const handleResizerDoubleClick = () => {\n        const size = header.column.columnDef.meta?.defaultWidth;\n\n        table.setColumnSizing(sizes => {\n            const nextSizes = { ...sizes };\n\n            if (size === 'grow') {\n                nextSizes[header.id] = '1fr' as any;\n            } else if (typeof size === 'number') {\n                nextSizes[header.id] = !isInternalFrozenColumn(header.id) && size < MIN_COLUMN_SIZE ? MIN_COLUMN_SIZE : size;\n            } else {\n                delete nextSizes[header.id];\n            }\n\n            return nextSizes;\n        });\n    };\n\n    const handleResizerClick = event => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const handleResize = event => {\n        // prevent the parent onMouseDown propagating\n        event.stopPropagation();\n        header.getResizeHandler()(event);\n    };\n\n    const content = (\n        <div className=\"truncate\" ref={textRef}>\n            {flexRender(header.column.columnDef.header, header.getContext())}\n        </div>\n    );\n\n    const { texts } = useLocalization();\n\n    return (\n        <ColumnBase\n            {...columnProps}\n            // base props\n            column={header.column}\n            table={table}\n            // other props\n            aria-sort={\n                {\n                    asc: 'ascending',\n                    desc: 'descending',\n                }[header.column.getIsSorted() as any] ?? 'none'\n            }\n            className={className}\n            onMouseDown={handleMouseDown}\n            ref={refCallback}\n            role=\"columnheader\"\n            // helper props\n            data-column-index={index}>\n            {isInternalFrozenColumn(header.id) ? (\n                flexRender(header.column.columnDef.header, header.getContext())\n            ) : (\n                <>\n                    <div\n                        className={cn(\n                            'flex flex-grow overflow-hidden',\n                            {\n                                'group-hover/header:-ml-2': !!header.column.getIsSorted() && !!header.column.columnDef.meta?.menu,\n                            },\n                            getCellAlignmentClasses(header.column.columnDef.meta?.align)\n                        )}>\n                        {isOverflowing(textRef.current) ? (\n                            <Tooltip title={header.column.columnDef.meta?.tooltip ?? content} placement=\"top\">\n                                {content}\n                            </Tooltip>\n                        ) : (\n                            content\n                        )}\n                        {{\n                            asc: <Icon name=\"chevron-up-solid\" className=\"pointer-events-none -my-0.5\" />,\n                            desc: <Icon name=\"chevron-down-solid\" className=\"pointer-events-none -my-0.5\" />,\n                        }[header.column.getIsSorted() as string] ?? null}\n                    </div>\n                    {!isInternalColumn(header.column.id) && (header.column.columnDef.meta?.menu || enableColumnFreezing) ? (\n                        <HeaderMenu header={header} table={table} columnIndex={index} />\n                    ) : null}\n                </>\n            )}\n            {header.column.getCanResize() ? (\n                <Tooltip placement=\"top\" title={texts.table2.columns.resize.tooltip}>\n                    <div\n                        className={cn(\n                            'invisible absolute right-0 top-0 flex h-full cursor-col-resize touch-none select-none rounded py-0.5 group-hover/header:visible',\n                            {\n                                '-mr-2.5 w-5 justify-center': !isLastColumn,\n                                'w-2': isLastColumn,\n                                '!visible': header.column.getIsResizing(),\n                            }\n                        )}\n                        onDoubleClick={handleResizerDoubleClick}\n                        onMouseDown={handleResize}\n                        onTouchStart={handleResize}\n                        // this prevents sort handlers being activated\n                        onClick={handleResizerClick}>\n                        <div\n                            className={cn('h-full w-1 rounded', {\n                                '!bg-blue-500': header.column.getIsResizing(),\n                                'bg-grey-500 hover:bg-grey-700': !header.column.getIsResizing(),\n                            })}\n                        />\n                    </div>\n                </Tooltip>\n            ) : null}\n        </ColumnBase>\n    );\n};\n\ntype HeaderMenuProps = {\n    header: RTHeader<any, unknown>;\n    table: RTTable<any>;\n    columnIndex: number;\n};\n\nconst HeaderMenu = ({ header, table, columnIndex }: HeaderMenuProps) => {\n    const [open, setOpen] = React.useState(false);\n    const { texts } = useLocalization();\n    const menu = header.column.columnDef.meta?.menu;\n    const meta = table.options.meta as TableMeta<any>;\n    const { frozenColumnsCount, setFrozenColumnsCount } = meta;\n\n    const columns = table.getVisibleLeafColumns();\n    const { columnVisibility, columnOrder } = table.getState();\n    const visibleInternalColumnsCount = React.useMemo(\n        () => columns.filter(column => isInternalFrozenColumn(column.id)).length,\n        [columns]\n    );\n\n    const className = cn(\n        '-my-0.5 -mr-1 -ml-0.5 hidden !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)] flex-shrink-0 justify-end group-hover/header:flex',\n        {\n            '!flex': open,\n        }\n    );\n\n    const menuItems: JSX.Element[] = [];\n\n    if (table.options.enableHiding && header.column.getCanHide()) {\n        // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n        const handleClick = () => setTimeout(() => header.column.toggleVisibility(), 1);\n\n        menuItems.push(\n            <Menu.Item icon=\"eye-off\" onClick={handleClick}>\n                {texts.table2.columns.menu.hideColumn}\n            </Menu.Item>\n        );\n    }\n\n    if (meta.enableColumnFreezing) {\n        const columnPosition = columnIndex + 1;\n        const externalFrozenColumnsCount = columnPosition - visibleInternalColumnsCount;\n        const isSomeExternalColumnFrozen = frozenColumnsCount !== 0;\n        const freeAllColumns = () => {\n            setFrozenColumnsCount(0);\n        };\n        const freezeColumns = () => {\n            setFrozenColumnsCount(externalFrozenColumnsCount);\n        };\n\n        menuItems.push(\n            <Menu.Item icon=\"column-freeze\" onClick={freezeColumns} key=\"_freeze-columns_\">\n                {texts.table2.columns.menu.freezeColumns(externalFrozenColumnsCount)}\n            </Menu.Item>\n        );\n\n        if (isSomeExternalColumnFrozen) {\n            menuItems.push(\n                <Menu.Item icon=\"column-unfreeze\" onClick={freeAllColumns} key=\"_unfreeze-columns_\">\n                    {texts.table2.columns.menu.unfreezeColumns}\n                </Menu.Item>\n            );\n        }\n    }\n\n    React.useEffect(() => {\n        // Update column pinning/freezing whenever frozen columns count changes, or column order or visiblity changes\n        const totalFrozenColumnsCount = visibleInternalColumnsCount + frozenColumnsCount;\n\n        table.setColumnPinning({ left: columns.slice(0, totalFrozenColumnsCount).map(column => column.id), right: [] });\n    }, [frozenColumnsCount, columnVisibility, columnOrder, visibleInternalColumnsCount]);\n\n    const menuProps = {\n        trigger: <IconButton className={className} icon=\"more\" />,\n        open: open,\n        onChange: setOpen,\n    };\n\n    if (menu) {\n        const customMenu = menu({ trigger: undefined });\n        const customItems = React.Children.toArray(customMenu.props.children.props.children) as JSX.Element[];\n\n        if (customItems.length) {\n            if (menuItems.length) {\n                menuItems.push(<Menu.Separator />);\n            }\n\n            menuItems.push(...customItems);\n        }\n    }\n\n    const menuComponent = (\n        <Menu {...menuProps}>\n            <Menu.Content>{menuItems.map((item, key) => React.cloneElement(item, { key }))}</Menu.Content>\n        </Menu>\n    );\n\n    // This div catches the mousedown events from menu item and menu trigger and prevents\n    // mousedown event from bubbling up to the Header component to prevent toggling sorting\n    return menuComponent ? <div onMouseDown={event => event.stopPropagation()}>{menuComponent}</div> : null;\n};\n"],"names":["Header","props","header","index","isLastColumn","table","tableRef","columnProps","textRef","React","useRef","frozen","column","getIsPinned","isOtherColumnBeingResized","getState","columnSizingInfo","isResizingColumn","id","enableColumnFreezing","options","meta","className","cn","getIsResizing","getCanSort","getCanResize","_header$column$column","columnDef","menu","getCellSizingClasses","_header$column$column2","headerClassName","refCallback","node","columnSizing","size","Math","ceil","getBoundingClientRect","width","setColumnSizing","sizes","isInternalFrozenColumn","MIN_COLUMN_SIZE","handleMouseDown","event","button","_tableRef$current","preventDefault","resetRowSelection","toggleSorting","current","focus","undefined","handleResizerDoubleClick","_header$column$column3","defaultWidth","nextSizes","handleResizerClick","stopPropagation","handleResize","getResizeHandler","content","ref","flexRender","getContext","texts","useLocalization","ColumnBase","asc","desc","getIsSorted","_asc$desc$header$colu","onMouseDown","role","_header$column$column4","getCellAlignmentClasses","_header$column$column5","align","isOverflowing","Tooltip","title","_header$column$column6","_header$column$column7","tooltip","placement","_asc$desc$header$colu2","Icon","name","isInternalColumn","_header$column$column8","HeaderMenu","columnIndex","table2","columns","resize","onDoubleClick","onTouchStart","onClick","open","setOpen","useState","_header$column$column9","frozenColumnsCount","setFrozenColumnsCount","getVisibleLeafColumns","columnVisibility","columnOrder","visibleInternalColumnsCount","useMemo","filter","length","menuItems","enableHiding","getCanHide","handleClick","setTimeout","toggleVisibility","push","Menu","Item","icon","hideColumn","columnPosition","externalFrozenColumnsCount","isSomeExternalColumnFrozen","freeAllColumns","freezeColumns","key","unfreezeColumns","useEffect","totalFrozenColumnsCount","setColumnPinning","left","slice","map","right","menuProps","trigger","IconButton","onChange","customMenu","customItems","Children","toArray","children","Separator","menuComponent","Content","item","cloneElement"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../../../../../src/components/Table2/components/column/Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Icon } from '../../../Icon/Icon';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\nexport enum IndicatorReason {\n    SEARCH = 'SEARCH',\n    SORTING = 'SORTING',\n    FILTER = 'FILTER',\n}\n\nexport const useIndicatorText = reason => {\n    let title = '';\n    let description = '';\n\n    const { texts } = useLocalization();\n\n    switch (reason) {\n        case IndicatorReason.FILTER:\n            title = texts.table2.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n        case IndicatorReason.SEARCH:\n            title = texts.table2.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n        case IndicatorReason.SORTING:\n            title = texts.table2.editing.rowIndicator.rowWillMove;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonSorting;\n            break;\n    }\n\n    return { title, description };\n};\n\nexport type IndicatorProps = {\n    reason: IndicatorReason;\n    columnName: string;\n    mountNode: Element | null;\n    validationErrors: any;\n};\nexport const Indicator = ({ reason, columnName, mountNode, validationErrors }: IndicatorProps) => {\n    const container = React.useMemo(() => {\n        const element = document.createElement('div');\n        element.className +=\n            'z-[3] rounded-b-md items-center wcag-blue-500 absolute left-0 top-full ml-1 whitespace-nowrap px-1 py-0.5 text-xs font-bold shadow-sm';\n\n        return element;\n    }, []);\n\n    const indicatorText = useIndicatorText(reason);\n\n    const hasValidationErrorsInRow = !!validationErrors;\n\n    React.useEffect(() => {\n        // mountNode could be null when rows are filtered\n        mountNode?.classList.add('relative');\n        mountNode?.appendChild(container);\n\n        return () => {\n            mountNode?.classList.remove('relative');\n            mountNode?.removeChild(container);\n        };\n    }, [hasValidationErrorsInRow]);\n\n    // Using react portal inside a react tree component is an unorthodox way, but in order to avoid much code refactoring\n    // and being able to use Taco Tooltip component in side the visual indicator, portal is used.\n    return ReactDOM.createPortal(\n        <Tooltip title={indicatorText.description.replace('[COLUMN]', columnName)}>\n            <span className=\"flex gap-1 hover:cursor-pointer\">\n                <Icon name=\"info\" className=\"!h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {indicatorText.title}\n            </span>\n        </Tooltip>,\n        container\n    );\n};\n"],"names":["IndicatorReason","useIndicatorText","reason","title","description","texts","useLocalization","FILTER","table2","editing","rowIndicator","rowWillBeHidden","rowWillMoveReasonFilter","SEARCH","rowWillMoveReasonSearch","SORTING","rowWillMove","rowWillMoveReasonSorting","Indicator","columnName","mountNode","validationErrors","container","React","useMemo","element","document","createElement","className","indicatorText","hasValidationErrorsInRow","useEffect","classList","add","appendChild","remove","removeChild","ReactDOM","createPortal","Tooltip","replace","Icon","name"],"mappings":";;;;;;IAOYA;AAAZ,WAAYA,eAAe;EACvBA,oCAAiB;EACjBA,sCAAmB;EACnBA,oCAAiB;AACrB,CAAC,EAJWA,eAAe,KAAfA,eAAe;MAMdC,gBAAgB,GAAGC,MAAM;EAClC,IAAIC,KAAK,GAAG,EAAE;EACd,IAAIC,WAAW,GAAG,EAAE;EAEpB,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAEnC,QAAQJ,MAAM;IACV,KAAKF,eAAe,CAACO,MAAM;MACvBJ,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACC,eAAe;MACzDP,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACE,uBAAuB;MACvE;IACJ,KAAKZ,eAAe,CAACa,MAAM;MACvBV,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACC,eAAe;MACzDP,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACI,uBAAuB;MACvE;IACJ,KAAKd,eAAe,CAACe,OAAO;MACxBZ,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACM,WAAW;MACrDZ,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACO,wBAAwB;MACxE;;EAGR,OAAO;IAAEd,KAAK;IAAEC;GAAa;AACjC;MAQac,SAAS,GAAG,CAAC;EAAEhB,MAAM;EAAEiB,UAAU;EAAEC,SAAS;EAAEC;CAAkC;EACzF,MAAMC,SAAS,GAAGC,cAAK,CAACC,OAAO,CAAC;IAC5B,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7CF,OAAO,CAACG,SAAS,IACb,uIAAuI;IAE3I,OAAOH,OAAO;GACjB,EAAE,EAAE,CAAC;EAEN,MAAMI,aAAa,GAAG5B,gBAAgB,CAACC,MAAM,CAAC;EAE9C,MAAM4B,wBAAwB,GAAG,CAAC,CAACT,gBAAgB;EAEnDE,cAAK,CAACQ,SAAS,CAAC;;IAEZX,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS,CAACC,GAAG,CAAC,UAAU,CAAC;IACpCb,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEc,WAAW,CAACZ,SAAS,CAAC;IAEjC,OAAO;MACHF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS,CAACG,MAAM,CAAC,UAAU,CAAC;MACvCf,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEgB,WAAW,CAACd,SAAS,CAAC;KACpC;GACJ,EAAE,CAACQ,wBAAwB,CAAC,CAAC;;;EAI9B,oBAAOO,QAAQ,CAACC,YAAY,eACxBf,6BAACgB,OAAO;IAACpC,KAAK,EAAE0B,aAAa,CAACzB,WAAW,CAACoC,OAAO,CAAC,UAAU,EAAErB,UAAU;kBACpEI;IAAMK,SAAS,EAAC;kBACZL,6BAACkB,IAAI;IAACC,IAAI,EAAC,MAAM;IAACd,SAAS,EAAC;IAAuD,EAClFC,aAAa,CAAC1B,KAAK,CACjB,CACD,EACVmB,SAAS,CACZ;AACL;;;;"}
+{"version":3,"file":"Indicator.js","sources":["../../../../../../../../../src/components/Table2/components/column/Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Icon } from '../../../Icon/Icon';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\nexport enum IndicatorReason {\n    SEARCH = 'SEARCH',\n    SORTING = 'SORTING',\n    FILTER = 'FILTER',\n}\n\nexport const useIndicatorText = reason => {\n    let title = '';\n    let description = '';\n\n    const { texts } = useLocalization();\n\n    switch (reason) {\n        case IndicatorReason.FILTER:\n            title = texts.table2.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n        case IndicatorReason.SEARCH:\n            title = texts.table2.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n        case IndicatorReason.SORTING:\n            title = texts.table2.editing.rowIndicator.rowWillMove;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonSorting;\n            break;\n    }\n\n    return { title, description };\n};\n\nexport type IndicatorProps = {\n    reason: IndicatorReason;\n    columnName: string;\n    mountNode: Element | null;\n    validationErrors: any;\n};\nexport const Indicator = ({ reason, columnName, mountNode, validationErrors }: IndicatorProps) => {\n    const container = React.useMemo(() => {\n        const element = document.createElement('div');\n        element.className +=\n            'z-[3] rounded-b-md items-center wcag-blue-500 absolute left-0 top-full ml-1 whitespace-nowrap px-1 py-0.5 text-xs font-bold shadow-sm';\n\n        return element;\n    }, []);\n\n    const indicatorText = useIndicatorText(reason);\n\n    const hasValidationErrorsInRow = !!validationErrors;\n\n    React.useEffect(() => {\n        // mountNode could be null when rows are filtered\n        mountNode?.classList.add('relative');\n        mountNode?.appendChild(container);\n\n        return () => {\n            mountNode?.classList.remove('relative');\n            mountNode?.removeChild(container);\n        };\n    }, [hasValidationErrorsInRow]);\n\n    // Using react portal inside a react tree component is an unorthodox way, but in order to avoid much code refactoring\n    // and being able to use Taco Tooltip component in side the visual indicator, portal is used.\n    return ReactDOM.createPortal(\n        <Tooltip title={indicatorText.description.replace('[COLUMN]', columnName)}>\n            <span className=\"flex gap-1 hover:cursor-pointer\">\n                <Icon name=\"info\" className=\"!h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {indicatorText.title}\n            </span>\n        </Tooltip>,\n        container\n    );\n};\n"],"names":["IndicatorReason","useIndicatorText","reason","title","description","texts","useLocalization","FILTER","table2","editing","rowIndicator","rowWillBeHidden","rowWillMoveReasonFilter","SEARCH","rowWillMoveReasonSearch","SORTING","rowWillMove","rowWillMoveReasonSorting","Indicator","columnName","mountNode","validationErrors","container","React","useMemo","element","document","createElement","className","indicatorText","hasValidationErrorsInRow","useEffect","classList","add","appendChild","remove","removeChild","ReactDOM","createPortal","Tooltip","replace","Icon","name"],"mappings":";;;;;;IAOYA;AAAZ,WAAYA,eAAe;EACvBA,oCAAiB;EACjBA,sCAAmB;EACnBA,oCAAiB;AACrB,CAAC,EAJWA,eAAe,KAAfA,eAAe;MAMdC,gBAAgB,GAAGC,MAAM;EAClC,IAAIC,KAAK,GAAG,EAAE;EACd,IAAIC,WAAW,GAAG,EAAE;EAEpB,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAEnC,QAAQJ,MAAM;IACV,KAAKF,eAAe,CAACO,MAAM;MACvBJ,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACC,eAAe;MACzDP,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACE,uBAAuB;MACvE;IACJ,KAAKZ,eAAe,CAACa,MAAM;MACvBV,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACC,eAAe;MACzDP,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACI,uBAAuB;MACvE;IACJ,KAAKd,eAAe,CAACe,OAAO;MACxBZ,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACM,WAAW;MACrDZ,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACO,wBAAwB;MACxE;;EAGR,OAAO;IAAEd,KAAK;IAAEC;GAAa;AACjC;MAQac,SAAS,GAAGA,CAAC;EAAEhB,MAAM;EAAEiB,UAAU;EAAEC,SAAS;EAAEC;CAAkC;EACzF,MAAMC,SAAS,GAAGC,cAAK,CAACC,OAAO,CAAC;IAC5B,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7CF,OAAO,CAACG,SAAS,IACb,uIAAuI;IAE3I,OAAOH,OAAO;GACjB,EAAE,EAAE,CAAC;EAEN,MAAMI,aAAa,GAAG5B,gBAAgB,CAACC,MAAM,CAAC;EAE9C,MAAM4B,wBAAwB,GAAG,CAAC,CAACT,gBAAgB;EAEnDE,cAAK,CAACQ,SAAS,CAAC;;IAEZX,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS,CAACC,GAAG,CAAC,UAAU,CAAC;IACpCb,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEc,WAAW,CAACZ,SAAS,CAAC;IAEjC,OAAO;MACHF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS,CAACG,MAAM,CAAC,UAAU,CAAC;MACvCf,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEgB,WAAW,CAACd,SAAS,CAAC;KACpC;GACJ,EAAE,CAACQ,wBAAwB,CAAC,CAAC;;;EAI9B,oBAAOO,QAAQ,CAACC,YAAY,eACxBf,6BAACgB,OAAO;IAACpC,KAAK,EAAE0B,aAAa,CAACzB,WAAW,CAACoC,OAAO,CAAC,UAAU,EAAErB,UAAU;kBACpEI;IAAMK,SAAS,EAAC;kBACZL,6BAACkB,IAAI;IAACC,IAAI,EAAC,MAAM;IAACd,SAAS,EAAC;IAAuD,EAClFC,aAAa,CAAC1B,KAAK,CACjB,CACD,EACVmB,SAAS,CACZ;AACL;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationError.js","sources":["../../../../../../../../../src/components/Table2/components/column/ValidationError.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { useTruncated } from '../../../../utils/hooks/useTruncated';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\nexport const ValidationError = ({ className, ...props }: { className?: string; children: string }) => {\n    const ref = React.useRef<HTMLSpanElement>(null);\n    const { truncated } = useTruncated(ref.current);\n\n    const error = (\n        <span\n            className={cn(\n                'truncate px-px text-xs font-normal leading-normal text-red-500',\n                {\n                    'hover:cursor-pointer': truncated,\n                },\n                className\n            )}\n            ref={ref}\n            role=\"alert\"\n            {...props}\n        />\n    );\n\n    if (truncated) {\n        return <Tooltip title={props.children}>{error}</Tooltip>;\n    }\n\n    return error;\n};\n"],"names":["ValidationError","className","props","ref","React","useRef","truncated","useTruncated","current","error","cn","role","Tooltip","title","children"],"mappings":";;;;;MAKaA,eAAe,GAAG,CAAC;EAAEC,SAAS;EAAE,GAAGC;CAAiD;EAC7F,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAkB,IAAI,CAAC;EAC/C,MAAM;IAAEC;GAAW,GAAGC,YAAY,CAACJ,GAAG,CAACK,OAAO,CAAC;EAE/C,MAAMC,KAAK,gBACPL;IACIH,SAAS,EAAES,EAAE,CACT,gEAAgE,EAChE;MACI,sBAAsB,EAAEJ;KAC3B,EACDL,SAAS,CACZ;IACDE,GAAG,EAAEA,GAAG;IACRQ,IAAI,EAAC;KACDT,KAAK,EAEhB;EAED,IAAII,SAAS,EAAE;IACX,oBAAOF,6BAACQ,OAAO;MAACC,KAAK,EAAEX,KAAK,CAACY;OAAWL,KAAK,CAAW;;EAG5D,OAAOA,KAAK;AAChB;;;;"}
+{"version":3,"file":"ValidationError.js","sources":["../../../../../../../../../src/components/Table2/components/column/ValidationError.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { useTruncated } from '../../../../utils/hooks/useTruncated';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\nexport const ValidationError = ({ className, ...props }: { className?: string; children: string }) => {\n    const ref = React.useRef<HTMLSpanElement>(null);\n    const { truncated } = useTruncated(ref.current);\n\n    const error = (\n        <span\n            className={cn(\n                'truncate px-px text-xs font-normal leading-normal text-red-500',\n                {\n                    'hover:cursor-pointer': truncated,\n                },\n                className\n            )}\n            ref={ref}\n            role=\"alert\"\n            {...props}\n        />\n    );\n\n    if (truncated) {\n        return <Tooltip title={props.children}>{error}</Tooltip>;\n    }\n\n    return error;\n};\n"],"names":["ValidationError","className","props","ref","React","useRef","truncated","useTruncated","current","error","cn","role","Tooltip","title","children"],"mappings":";;;;;MAKaA,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;CAAiD;EAC7F,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAkB,IAAI,CAAC;EAC/C,MAAM;IAAEC;GAAW,GAAGC,YAAY,CAACJ,GAAG,CAACK,OAAO,CAAC;EAE/C,MAAMC,KAAK,gBACPL;IACIH,SAAS,EAAES,EAAE,CACT,gEAAgE,EAChE;MACI,sBAAsB,EAAEJ;KAC3B,EACDL,SAAS,CACZ;IACDE,GAAG,EAAEA,GAAG;IACRQ,IAAI,EAAC;KACDT,KAAK,EAEhB;EAED,IAAII,SAAS,EAAE;IACX,oBAAOF,6BAACQ,OAAO;MAACC,KAAK,EAAEX,KAAK,CAACY;OAAWL,KAAK,CAAW;;EAG5D,OAAOA,KAAK;AAChB;;;;"}

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\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;;;;"}
+{"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,GAAGA,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,GAAGA,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/components/filters/FiltersButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersButton.js","sources":["../../../../../../../../../src/components/Table2/components/filters/FiltersButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTTable, Column as RTColumn, TableMeta } from '@tanstack/react-table';\nimport { Button } from '../../../Button/Button';\nimport { Icon } from '../../../Icon/Icon';\nimport { Popover } from '../../../Popover/Popover';\nimport { Table2Filter, Table2FilterComparator } from '../../types';\nimport { isInternalColumn } from '../../utilities/columns';\nimport { ColumnFilter } from './components/ColumnFilter';\nimport { EmptyFilter } from './components/EmptyFilter';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { useGlobalKeyDown } from '../../../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Select2Value } from '../../../Select2/types';\n\nexport type FiltersButtonProps = {\n    length: number;\n    table: RTTable<any>;\n};\n\nexport const FiltersButton = ({ length, table }: FiltersButtonProps) => {\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort((a, b) => (a.columnDef?.header as string).localeCompare(b.columnDef?.header as string));\n    const { shouldDisableTableActions } = table.options.meta as TableMeta<any>;\n\n    const columnFilters = table.getState().columnFilters;\n\n    const filteredColumns = columnFilters.reduce((columns: RTColumn<any, any>[], columnFilter) => {\n        const column = allColumns.find(c => c.id === columnFilter.id);\n\n        if (column) {\n            return [...columns, column];\n        }\n\n        return columns;\n    }, []);\n\n    const [emptyFilterCount, setEmptyFilterCount] = React.useState(1);\n\n    const handleAdd = () => setEmptyFilterCount(emptyFilterCount + 1);\n\n    const handleReset = () => {\n        table.resetColumnFilters();\n        setEmptyFilterCount(1);\n    };\n\n    useGlobalKeyDown({ key: 'f', meta: true, shift: true }, (event: KeyboardEvent) => {\n        event.preventDefault();\n        ref.current?.click();\n    });\n\n    const handleEmptyFilterChange = (columnId: Select2Value) => {\n        // create an actual filter on that column that the user selected\n        const column = allColumns.find(c => c.getCanFilter() && c.id === columnId);\n\n        if (column) {\n            column.setFilterValue({\n                comparator: undefined,\n                value: undefined,\n            } as Table2Filter);\n        }\n\n        // hide the empty filter row because we now have a real filter\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleRemove = () => {\n        if (filteredColumns.length === 1 && emptyFilterCount === 0) {\n            setEmptyFilterCount(1);\n        }\n    };\n\n    const handleRemoveEmptyFilter = () => {\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleOpenChange = () => {\n        const emptyFilterCount = filteredColumns.length === 0 ? 1 : 0;\n        setEmptyFilterCount(emptyFilterCount);\n    };\n\n    const filters =\n        filteredColumns.length > 0 &&\n        filteredColumns.filter(column => {\n            const controlType = column.columnDef.meta?.control;\n            const value = (column.getFilterValue() as Table2Filter).value;\n            const comparator = (column.getFilterValue() as Table2Filter).comparator;\n\n            if (Array.isArray(value)) {\n                if (value.length > 0 && value.find(item => item !== undefined)) {\n                    return true;\n                }\n            } else if (value) {\n                return true;\n            } else if ([Table2FilterComparator.IsEmpty, Table2FilterComparator.IsNotEmpty].includes(comparator as number)) {\n                if (!controlType) {\n                    return true;\n                }\n            }\n            return false;\n        });\n    const filtersApplied = filters && filters.length;\n\n    return (\n        <Button\n            aria-label={texts.table2.filters.tooltip}\n            appearance={filtersApplied ? 'primary' : 'default'}\n            className={cn({\n                '!wcag-blue-100': filtersApplied,\n            })}\n            disabled={shouldDisableTableActions}\n            popover={popoverProps => (\n                <Popover {...popoverProps} onChange={handleOpenChange}>\n                    <Popover.Content>\n                        <div className=\"flex w-[40rem] flex-col gap-4\">\n                            <div className=\"flex h-8\">\n                                <div className=\"flex w-full items-center gap-2\">\n                                    <h4 className=\"mb-0 inline-flex\">{texts.table2.filters.button}</h4>\n                                    <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                        {texts.table2.filters.total\n                                            .replace('[CURRENT]', String(table.getFilteredRowModel().rows.length))\n                                            .replace('[TOTAL]', String(length))}\n                                    </p>\n                                </div>\n                                {columnFilters.length || emptyFilterCount > 1 ? (\n                                    <Button onClick={handleReset}>{texts.table2.filters.buttons.clearFilters}</Button>\n                                ) : null}\n                            </div>\n\n                            <div className=\"flex flex-col gap-2\">\n                                {filteredColumns.map((column, index) => (\n                                    <ColumnFilter\n                                        key={`${column.id}_${index}`}\n                                        allColumns={allColumns}\n                                        index={index}\n                                        column={column}\n                                        table={table}\n                                        onRemove={handleRemove}\n                                    />\n                                ))}\n                                {[...Array(emptyFilterCount)].map((_, index) => (\n                                    <EmptyFilter\n                                        key={`emptyFilter_${index}`}\n                                        index={index}\n                                        allColumns={allColumns}\n                                        table={table}\n                                        onChange={value => handleEmptyFilterChange(value)}\n                                        emptyFilterCount={emptyFilterCount}\n                                        filteredColumns={filteredColumns}\n                                        onRemove={handleRemoveEmptyFilter}\n                                    />\n                                ))}\n                                <div className=\"justify-start\">\n                                    <Button appearance=\"discrete\" onClick={handleAdd}>\n                                        + {texts.table2.filters.buttons.addNewFilter}\n                                    </Button>\n                                </div>\n                            </div>\n                        </div>\n                    </Popover.Content>\n                </Popover>\n            )}\n            ref={ref}\n            tooltip={\n                <>\n                    {texts.table2.filters.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'f', meta: true, shift: true }} />\n                </>\n            }>\n            <Icon name={filtersApplied ? 'filter-solid' : 'filter'} />\n            {texts.table2.filters.button} {filtersApplied ? `(${filtersApplied})` : ''}\n        </Button>\n    );\n};\n"],"names":["FiltersButton","length","table","texts","useLocalization","ref","React","useRef","allColumns","getAllLeafColumns","filter","column","isInternalColumn","id","sort","a","b","columnDef","header","localeCompare","shouldDisableTableActions","options","meta","columnFilters","getState","filteredColumns","reduce","columns","columnFilter","find","c","emptyFilterCount","setEmptyFilterCount","useState","handleAdd","handleReset","resetColumnFilters","useGlobalKeyDown","key","shift","event","preventDefault","current","click","handleEmptyFilterChange","columnId","getCanFilter","setFilterValue","comparator","undefined","value","handleRemove","handleRemoveEmptyFilter","handleOpenChange","filters","controlType","control","getFilterValue","Array","isArray","item","Table2FilterComparator","IsEmpty","IsNotEmpty","includes","filtersApplied","Button","table2","tooltip","appearance","className","cn","disabled","popover","popoverProps","Popover","onChange","Content","button","total","replace","String","getFilteredRowModel","rows","onClick","buttons","clearFilters","map","index","ColumnFilter","onRemove","_","EmptyFilter","addNewFilter","Shortcut","keys","Icon","name"],"mappings":"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"}
+{"version":3,"file":"FiltersButton.js","sources":["../../../../../../../../../src/components/Table2/components/filters/FiltersButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTTable, Column as RTColumn, TableMeta } from '@tanstack/react-table';\nimport { Button } from '../../../Button/Button';\nimport { Icon } from '../../../Icon/Icon';\nimport { Popover } from '../../../Popover/Popover';\nimport { Table2Filter, Table2FilterComparator } from '../../types';\nimport { isInternalColumn } from '../../utilities/columns';\nimport { ColumnFilter } from './components/ColumnFilter';\nimport { EmptyFilter } from './components/EmptyFilter';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { useGlobalKeyDown } from '../../../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Select2Value } from '../../../Select2/types';\n\nexport type FiltersButtonProps = {\n    length: number;\n    table: RTTable<any>;\n};\n\nexport const FiltersButton = ({ length, table }: FiltersButtonProps) => {\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort((a, b) => (a.columnDef?.header as string).localeCompare(b.columnDef?.header as string));\n    const { shouldDisableTableActions } = table.options.meta as TableMeta<any>;\n\n    const columnFilters = table.getState().columnFilters;\n\n    const filteredColumns = columnFilters.reduce((columns: RTColumn<any, any>[], columnFilter) => {\n        const column = allColumns.find(c => c.id === columnFilter.id);\n\n        if (column) {\n            return [...columns, column];\n        }\n\n        return columns;\n    }, []);\n\n    const [emptyFilterCount, setEmptyFilterCount] = React.useState(1);\n\n    const handleAdd = () => setEmptyFilterCount(emptyFilterCount + 1);\n\n    const handleReset = () => {\n        table.resetColumnFilters();\n        setEmptyFilterCount(1);\n    };\n\n    useGlobalKeyDown({ key: 'f', meta: true, shift: true }, (event: KeyboardEvent) => {\n        event.preventDefault();\n        ref.current?.click();\n    });\n\n    const handleEmptyFilterChange = (columnId: Select2Value) => {\n        // create an actual filter on that column that the user selected\n        const column = allColumns.find(c => c.getCanFilter() && c.id === columnId);\n\n        if (column) {\n            column.setFilterValue({\n                comparator: undefined,\n                value: undefined,\n            } as Table2Filter);\n        }\n\n        // hide the empty filter row because we now have a real filter\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleRemove = () => {\n        if (filteredColumns.length === 1 && emptyFilterCount === 0) {\n            setEmptyFilterCount(1);\n        }\n    };\n\n    const handleRemoveEmptyFilter = () => {\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleOpenChange = () => {\n        const emptyFilterCount = filteredColumns.length === 0 ? 1 : 0;\n        setEmptyFilterCount(emptyFilterCount);\n    };\n\n    const filters =\n        filteredColumns.length > 0 &&\n        filteredColumns.filter(column => {\n            const controlType = column.columnDef.meta?.control;\n            const value = (column.getFilterValue() as Table2Filter).value;\n            const comparator = (column.getFilterValue() as Table2Filter).comparator;\n\n            if (Array.isArray(value)) {\n                if (value.length > 0 && value.find(item => item !== undefined)) {\n                    return true;\n                }\n            } else if (value) {\n                return true;\n            } else if ([Table2FilterComparator.IsEmpty, Table2FilterComparator.IsNotEmpty].includes(comparator as number)) {\n                if (!controlType) {\n                    return true;\n                }\n            }\n            return false;\n        });\n    const filtersApplied = filters && filters.length;\n\n    return (\n        <Button\n            aria-label={texts.table2.filters.tooltip}\n            appearance={filtersApplied ? 'primary' : 'default'}\n            className={cn({\n                '!wcag-blue-100': filtersApplied,\n            })}\n            disabled={shouldDisableTableActions}\n            popover={popoverProps => (\n                <Popover {...popoverProps} onChange={handleOpenChange}>\n                    <Popover.Content>\n                        <div className=\"flex w-[40rem] flex-col gap-4\">\n                            <div className=\"flex h-8\">\n                                <div className=\"flex w-full items-center gap-2\">\n                                    <h4 className=\"mb-0 inline-flex\">{texts.table2.filters.button}</h4>\n                                    <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                        {texts.table2.filters.total\n                                            .replace('[CURRENT]', String(table.getFilteredRowModel().rows.length))\n                                            .replace('[TOTAL]', String(length))}\n                                    </p>\n                                </div>\n                                {columnFilters.length || emptyFilterCount > 1 ? (\n                                    <Button onClick={handleReset}>{texts.table2.filters.buttons.clearFilters}</Button>\n                                ) : null}\n                            </div>\n\n                            <div className=\"flex flex-col gap-2\">\n                                {filteredColumns.map((column, index) => (\n                                    <ColumnFilter\n                                        key={`${column.id}_${index}`}\n                                        allColumns={allColumns}\n                                        index={index}\n                                        column={column}\n                                        table={table}\n                                        onRemove={handleRemove}\n                                    />\n                                ))}\n                                {[...Array(emptyFilterCount)].map((_, index) => (\n                                    <EmptyFilter\n                                        key={`emptyFilter_${index}`}\n                                        index={index}\n                                        allColumns={allColumns}\n                                        table={table}\n                                        onChange={value => handleEmptyFilterChange(value)}\n                                        emptyFilterCount={emptyFilterCount}\n                                        filteredColumns={filteredColumns}\n                                        onRemove={handleRemoveEmptyFilter}\n                                    />\n                                ))}\n                                <div className=\"justify-start\">\n                                    <Button appearance=\"discrete\" onClick={handleAdd}>\n                                        + {texts.table2.filters.buttons.addNewFilter}\n                                    </Button>\n                                </div>\n                            </div>\n                        </div>\n                    </Popover.Content>\n                </Popover>\n            )}\n            ref={ref}\n            tooltip={\n                <>\n                    {texts.table2.filters.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'f', meta: true, shift: true }} />\n                </>\n            }>\n            <Icon name={filtersApplied ? 'filter-solid' : 'filter'} />\n            {texts.table2.filters.button} {filtersApplied ? `(${filtersApplied})` : ''}\n        </Button>\n    );\n};\n"],"names":["FiltersButton","length","table","texts","useLocalization","ref","React","useRef","allColumns","getAllLeafColumns","filter","column","isInternalColumn","id","sort","a","b","_a$columnDef","_b$columnDef","columnDef","header","localeCompare","shouldDisableTableActions","options","meta","columnFilters","getState","filteredColumns","reduce","columns","columnFilter","find","c","emptyFilterCount","setEmptyFilterCount","useState","handleAdd","handleReset","resetColumnFilters","useGlobalKeyDown","key","shift","event","preventDefault","_ref$current","current","click","handleEmptyFilterChange","columnId","getCanFilter","setFilterValue","comparator","undefined","value","handleRemove","handleRemoveEmptyFilter","handleOpenChange","filters","controlType","_column$columnDef$met","control","getFilterValue","Array","isArray","item","Table2FilterComparator","IsEmpty","IsNotEmpty","includes","filtersApplied","Button","table2","tooltip","appearance","className","cn","disabled","popover","popoverProps","Popover","onChange","Content","button","total","replace","String","getFilteredRowModel","rows","onClick","buttons","clearFilters","map","index","ColumnFilter","onRemove","_","EmptyFilter","addNewFilter","Shortcut","keys","Icon","name"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Column.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/Column.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../Select2/Select2';\nimport { Table2Filter } from '../../../types';\n\ntype ColumnProps = Omit<Select2Props, 'children'> & {\n    allColumns: RTColumn<any, any>[];\n    column: RTColumn<any, any>;\n    index: number;\n    table: RTTable<any>;\n};\n\nexport const Column = ({ allColumns, column, index, table, ...props }: ColumnProps) => {\n    const handleChange = id => {\n        table.setColumnFilters(currentColumnFilters => {\n            const nextColumnFilters = [...currentColumnFilters];\n            nextColumnFilters[index].id = id;\n            (nextColumnFilters[index] as Table2Filter).value = {};\n            return nextColumnFilters;\n        });\n    };\n\n    return (\n        <Select2 {...props} autoFocus onChange={handleChange} value={column.id}>\n            {allColumns.map(c => (\n                <Select2.Option\n                    key={c.id}\n                    disabled={\n                        !c.getCanFilter() || (c.id !== column.id && !!table.getState().columnFilters.find(f => f.id === c.id))\n                    }\n                    value={c.id}>\n                    {String(c.columnDef.header)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n};\n"],"names":["Column","allColumns","column","index","table","props","handleChange","id","setColumnFilters","currentColumnFilters","nextColumnFilters","value","React","Select2","autoFocus","onChange","map","c","Option","key","disabled","getCanFilter","getState","columnFilters","find","f","String","columnDef","header"],"mappings":";;;MAYaA,MAAM,GAAG,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;CAAoB;EAC9E,MAAMC,YAAY,GAAGC,EAAE;IACnBH,KAAK,CAACI,gBAAgB,CAACC,oBAAoB;MACvC,MAAMC,iBAAiB,GAAG,CAAC,GAAGD,oBAAoB,CAAC;MACnDC,iBAAiB,CAACP,KAAK,CAAC,CAACI,EAAE,GAAGA,EAAE;MAC/BG,iBAAiB,CAACP,KAAK,CAAkB,CAACQ,KAAK,GAAG,EAAE;MACrD,OAAOD,iBAAiB;KAC3B,CAAC;GACL;EAED,oBACIE,6BAACC,OAAO,oBAAKR,KAAK;IAAES,SAAS;IAACC,QAAQ,EAAET,YAAY;IAAEK,KAAK,EAAET,MAAM,CAACK;MAC/DN,UAAU,CAACe,GAAG,CAACC,CAAC,iBACbL,6BAACC,OAAO,CAACK,MAAM;IACXC,GAAG,EAAEF,CAAC,CAACV,EAAE;IACTa,QAAQ,EACJ,CAACH,CAAC,CAACI,YAAY,EAAE,IAAKJ,CAAC,CAACV,EAAE,KAAKL,MAAM,CAACK,EAAE,IAAI,CAAC,CAACH,KAAK,CAACkB,QAAQ,EAAE,CAACC,aAAa,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAAClB,EAAE,KAAKU,CAAC,CAACV,EAAE,CAAE;IAE1GI,KAAK,EAAEM,CAAC,CAACV;KACRmB,MAAM,CAACT,CAAC,CAACU,SAAS,CAACC,MAAM,CAAC,CAElC,CAAC,CACI;AAElB;;;;"}
+{"version":3,"file":"Column.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/Column.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../Select2/Select2';\nimport { Table2Filter } from '../../../types';\n\ntype ColumnProps = Omit<Select2Props, 'children'> & {\n    allColumns: RTColumn<any, any>[];\n    column: RTColumn<any, any>;\n    index: number;\n    table: RTTable<any>;\n};\n\nexport const Column = ({ allColumns, column, index, table, ...props }: ColumnProps) => {\n    const handleChange = id => {\n        table.setColumnFilters(currentColumnFilters => {\n            const nextColumnFilters = [...currentColumnFilters];\n            nextColumnFilters[index].id = id;\n            (nextColumnFilters[index] as Table2Filter).value = {};\n            return nextColumnFilters;\n        });\n    };\n\n    return (\n        <Select2 {...props} autoFocus onChange={handleChange} value={column.id}>\n            {allColumns.map(c => (\n                <Select2.Option\n                    key={c.id}\n                    disabled={\n                        !c.getCanFilter() || (c.id !== column.id && !!table.getState().columnFilters.find(f => f.id === c.id))\n                    }\n                    value={c.id}>\n                    {String(c.columnDef.header)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n};\n"],"names":["Column","allColumns","column","index","table","props","handleChange","id","setColumnFilters","currentColumnFilters","nextColumnFilters","value","React","Select2","autoFocus","onChange","map","c","Option","key","disabled","getCanFilter","getState","columnFilters","find","f","String","columnDef","header"],"mappings":";;;MAYaA,MAAM,GAAGA,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;CAAoB;EAC9E,MAAMC,YAAY,GAAGC,EAAE;IACnBH,KAAK,CAACI,gBAAgB,CAACC,oBAAoB;MACvC,MAAMC,iBAAiB,GAAG,CAAC,GAAGD,oBAAoB,CAAC;MACnDC,iBAAiB,CAACP,KAAK,CAAC,CAACI,EAAE,GAAGA,EAAE;MAC/BG,iBAAiB,CAACP,KAAK,CAAkB,CAACQ,KAAK,GAAG,EAAE;MACrD,OAAOD,iBAAiB;KAC3B,CAAC;GACL;EAED,oBACIE,6BAACC,OAAO,oBAAKR,KAAK;IAAES,SAAS;IAACC,QAAQ,EAAET,YAAY;IAAEK,KAAK,EAAET,MAAM,CAACK;MAC/DN,UAAU,CAACe,GAAG,CAACC,CAAC,iBACbL,6BAACC,OAAO,CAACK,MAAM;IACXC,GAAG,EAAEF,CAAC,CAACV,EAAE;IACTa,QAAQ,EACJ,CAACH,CAAC,CAACI,YAAY,EAAE,IAAKJ,CAAC,CAACV,EAAE,KAAKL,MAAM,CAACK,EAAE,IAAI,CAAC,CAACH,KAAK,CAACkB,QAAQ,EAAE,CAACC,aAAa,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAAClB,EAAE,KAAKU,CAAC,CAACV,EAAE,CAAE;IAE1GI,KAAK,EAAEM,CAAC,CAACV;KACRmB,MAAM,CAACT,CAAC,CAACU,SAAS,CAACC,MAAM,CAAC,CAElC,CAAC,CACI;AAElB;;;;"}