@economic/taco 2.24.0 → 2.25.1-alpha.13

package/dist/esm/packages/taco/src/components/Table/hooks/useTableKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableKeyboardNavigation.js","sources":["../../../../../../../../src/components/Table/hooks/useTableKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { getNextIndexFromKey } from '../../../utils/hooks/useListKeyboardNavigation';\nimport { sanitizeRowProps } from '../util';\nimport { TableProps } from '../types';\n\nexport const useTableKeyboardNavigation = <T extends {}>(\n    props: TableProps<T>,\n    rows: any[],\n    rowProps: any,\n    ref: React.RefObject<HTMLDivElement>\n): [\n    number | undefined,\n    (index: number) => void,\n    (event: React.KeyboardEvent<HTMLElement>) => void,\n    (event: React.FocusEvent<HTMLElement>) => void\n] => {\n    const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;\n\n    const [activeIndex, setActiveIndex] = useControllableState<number | undefined>({\n        prop: props.activeIndex,\n        defaultProp:\n            props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,\n        onChange: index => {\n            if (index !== undefined) {\n                props.onChangeActiveIndex?.(index);\n            }\n        },\n    });\n\n    const onKeyDown = (event: KeyboardEvent): void => {\n        const isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;\n\n        if (\n            useGlobalKeyboardNavigation &&\n            document.activeElement !== ref.current &&\n            document.activeElement?.getAttribute('type') !== 'search' &&\n            document.activeElement !== document.body &&\n            document.activeElement?.getAttribute('role') !== 'dialog'\n        ) {\n            return;\n        }\n        // abort key handling if other elements inside table are focused and we don't use global keyboard navigation\n        if (!useGlobalKeyboardNavigation && document.activeElement !== ref.current) {\n            return;\n        }\n\n        if (activeIndex !== undefined) {\n            const currentRow = rows[activeIndex];\n\n            if (currentRow) {\n                const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);\n\n                if (rowProps.onRowClick && event.key === 'Enter') {\n                    event.preventDefault();\n                    rowProps.onRowClick(sanitizedRow);\n                    return;\n                }\n\n                if (currentRow.toggleRowSelected && event.key === ' ') {\n                    event.preventDefault();\n                    currentRow.toggleRowSelected();\n                    return;\n                }\n\n                if (currentRow.toggleRowExpanded) {\n                    if (currentRow.isExpanded && event.key === 'ArrowLeft') {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    } else if (!currentRow.isExpanded && event.key === 'ArrowRight') {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    }\n                }\n\n                // inline editing\n                if (currentRow.toggleRowEditing) {\n                    if (currentRow.canEdit && !currentRow.isEditing) {\n                        if (rowProps.onRowCreate && event.shiftKey && event.key === 'n') {\n                            event.preventDefault();\n\n                            if (!currentRow.isExpanded) {\n                                currentRow.toggleRowExpanded();\n                            }\n\n                            rowProps.onRowCreate(sanitizedRow, event);\n                            return;\n                        }\n\n                        if (event.key === 'e') {\n                            event.preventDefault();\n                            currentRow.toggleRowEditing();\n                            return;\n                        }\n                    }\n                }\n\n                if (rowProps.onRowEdit && event.key === 'e' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowEdit(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowCopy && event.key === 'c' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowCopy(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowDelete && event.key === 'Delete' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowDelete(sanitizedRow, event);\n                    return;\n                }\n            }\n        }\n\n        const nextIndex = getNextIndexFromKey(event.key, rows.length, activeIndex);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n            setActiveIndex(nextIndex);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        if (!useGlobalKeyboardNavigation) {\n            onKeyDown(event.nativeEvent);\n        }\n    };\n\n    React.useEffect(() => {\n        if (useGlobalKeyboardNavigation) {\n            window.addEventListener('keydown', onKeyDown);\n        }\n\n        return () => {\n            if (useGlobalKeyboardNavigation) {\n                window.removeEventListener('keydown', onKeyDown);\n            }\n        };\n    }, [onKeyDown]);\n\n    const handleFocus = (): void => {\n        if (activeIndex === undefined && rows.length) {\n            setActiveIndex(0);\n        }\n    };\n\n    return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];\n};\n"],"names":["useTableKeyboardNavigation","props","rows","rowProps","ref","useGlobalKeyboardNavigation","dangerouslyHijackGlobalKeyboardNavigation","activeIndex","setActiveIndex","useControllableState","prop","defaultProp","defaultActiveIndex","undefined","onChange","index","_props$onChangeActive","onChangeActiveIndex","call","onKeyDown","event","isModifierKeyPressed","metaKey","ctrlKey","altKey","shiftKey","document","activeElement","current","_document$activeEleme","getAttribute","body","_document$activeEleme2","currentRow","sanitizedRow","sanitizeRowProps","rowExpansionRenderer","onRowClick","key","preventDefault","toggleRowSelected","toggleRowExpanded","isExpanded","toggleRowEditing","canEdit","isEditing","onRowCreate","onRowEdit","onRowCopy","onRowDelete","nextIndex","getNextIndexFromKey","length","handleKeyDown","nativeEvent","React","useEffect","window","addEventListener","removeEventListener","handleFocus"],"mappings":"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"}
+{"version":3,"file":"useTableKeyboardNavigation.js","sources":["../../../../../../../../src/components/Table/hooks/useTableKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { getNextIndexFromKey } from '../../../utils/hooks/useListKeyboardNavigation';\nimport { sanitizeRowProps } from '../util';\nimport { LegacyTableProps } from '../types';\n\nexport const useTableKeyboardNavigation = <T extends {}>(\n    props: LegacyTableProps<T>,\n    rows: any[],\n    rowProps: any,\n    ref: React.RefObject<HTMLDivElement>\n): [\n    number | undefined,\n    (index: number) => void,\n    (event: React.KeyboardEvent<HTMLElement>) => void,\n    (event: React.FocusEvent<HTMLElement>) => void\n] => {\n    const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;\n\n    const [activeIndex, setActiveIndex] = useControllableState<number | undefined>({\n        prop: props.activeIndex,\n        defaultProp:\n            props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,\n        onChange: index => {\n            if (index !== undefined) {\n                props.onChangeActiveIndex?.(index);\n            }\n        },\n    });\n\n    const onKeyDown = (event: KeyboardEvent): void => {\n        const isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;\n\n        if (\n            useGlobalKeyboardNavigation &&\n            document.activeElement !== ref.current &&\n            document.activeElement?.getAttribute('type') !== 'search' &&\n            document.activeElement !== document.body &&\n            document.activeElement?.getAttribute('role') !== 'dialog'\n        ) {\n            return;\n        }\n        // abort key handling if other elements inside table are focused and we don't use global keyboard navigation\n        if (!useGlobalKeyboardNavigation && document.activeElement !== ref.current) {\n            return;\n        }\n\n        if (activeIndex !== undefined) {\n            const currentRow = rows[activeIndex];\n\n            if (currentRow) {\n                const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);\n\n                if (rowProps.onRowClick && event.key === 'Enter') {\n                    event.preventDefault();\n                    rowProps.onRowClick(sanitizedRow);\n                    return;\n                }\n\n                if (currentRow.toggleRowSelected && event.key === ' ') {\n                    event.preventDefault();\n                    currentRow.toggleRowSelected();\n                    return;\n                }\n\n                if (currentRow.toggleRowExpanded) {\n                    if (currentRow.isExpanded && event.key === 'ArrowLeft') {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    } else if (!currentRow.isExpanded && event.key === 'ArrowRight') {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    }\n                }\n\n                // inline editing\n                if (currentRow.toggleRowEditing) {\n                    if (currentRow.canEdit && !currentRow.isEditing) {\n                        if (rowProps.onRowCreate && event.shiftKey && event.key === 'n') {\n                            event.preventDefault();\n\n                            if (!currentRow.isExpanded) {\n                                currentRow.toggleRowExpanded();\n                            }\n\n                            rowProps.onRowCreate(sanitizedRow, event);\n                            return;\n                        }\n\n                        if (event.key === 'e') {\n                            event.preventDefault();\n                            currentRow.toggleRowEditing();\n                            return;\n                        }\n                    }\n                }\n\n                if (rowProps.onRowEdit && event.key === 'e' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowEdit(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowCopy && event.key === 'c' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowCopy(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowDelete && event.key === 'Delete' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowDelete(sanitizedRow, event);\n                    return;\n                }\n            }\n        }\n\n        const nextIndex = getNextIndexFromKey(event.key, rows.length, activeIndex);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n            setActiveIndex(nextIndex);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        if (!useGlobalKeyboardNavigation) {\n            onKeyDown(event.nativeEvent);\n        }\n    };\n\n    React.useEffect(() => {\n        if (useGlobalKeyboardNavigation) {\n            window.addEventListener('keydown', onKeyDown);\n        }\n\n        return () => {\n            if (useGlobalKeyboardNavigation) {\n                window.removeEventListener('keydown', onKeyDown);\n            }\n        };\n    }, [onKeyDown]);\n\n    const handleFocus = (): void => {\n        if (activeIndex === undefined && rows.length) {\n            setActiveIndex(0);\n        }\n    };\n\n    return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];\n};\n"],"names":["useTableKeyboardNavigation","props","rows","rowProps","ref","useGlobalKeyboardNavigation","dangerouslyHijackGlobalKeyboardNavigation","activeIndex","setActiveIndex","useControllableState","prop","defaultProp","defaultActiveIndex","undefined","onChange","index","_props$onChangeActive","onChangeActiveIndex","call","onKeyDown","event","isModifierKeyPressed","metaKey","ctrlKey","altKey","shiftKey","document","activeElement","current","_document$activeEleme","getAttribute","body","_document$activeEleme2","currentRow","sanitizedRow","sanitizeRowProps","rowExpansionRenderer","onRowClick","key","preventDefault","toggleRowSelected","toggleRowExpanded","isExpanded","toggleRowEditing","canEdit","isEditing","onRowCreate","onRowEdit","onRowCopy","onRowDelete","nextIndex","getNextIndexFromKey","length","handleKeyDown","nativeEvent","React","useEffect","window","addEventListener","removeEventListener","handleFocus"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/util/renderRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderRow.js","sources":["../../../../../../../../src/components/Table/util/renderRow.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { FocusScope } from '@react-aria/focus';\nimport { InternalTableCell, TableRow } from '../types';\nimport { sanitizeRowProps } from '../util';\n\nconst renderCell = (cell: InternalTableCell, row: TableRow<any>): JSX.Element => {\n    const props = {\n        ...cell.getCellProps(),\n        className: cn('yt-table__cell flex-1 truncate p-2 align-middle', cell.column.className, {\n            'justify-start text-left': cell.column.align === 'left',\n            'justify-end text-right': cell.column.align === 'right',\n            'text-center': !cell.column.align,\n        }),\n        style: {\n            ...cell.column.style,\n            flex: typeof cell.column.flex === 'function' ? cell.column.flex(row) : cell.column.flex,\n        },\n    };\n    return (\n        <div {...props} role=\"gridcell\" data-taco=\"table-cell\">\n            {cell.render('Cell') || null}\n        </div>\n    );\n};\n\nexport const Row = React.forwardRef(function TableRow({ row, index, instance, headerGroups, ...rowProps }: any, ref: any) {\n    const {\n        activeIndex,\n        onRowClick,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        setActiveIndex,\n        style,\n        inlineEditingUniqueId,\n    } = rowProps;\n    const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n\n    const props = {\n        ...row.getRowProps(),\n        style: {\n            ...style,\n            minHeight: rowHeight ? `${rowHeight}px` : undefined,\n            paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined,\n        },\n        className: cn(\n            'yt-table__row border-grey-300 flex border-b min-h-[2.5rem] hover:bg-grey-100',\n            {\n                'yt-table__row--active bg-grey-200 hover:bg-grey-200': activeIndex === index,\n                'yt-table__row--clickable': !!onRowClick,\n                'yt-table__row--dragging': !!row.isDragging,\n                'yt-table__row--editing': !!row.isEditing,\n            },\n            typeof rowClassName === 'function' ? rowClassName(sanitizedRow) : rowClassName\n        ),\n        onClick: onRowClick\n            ? (event: React.MouseEvent<HTMLElement>) => {\n                  if (\n                      event.target === event.currentTarget ||\n                      (event.target as HTMLElement).classList.contains('yt-table__cell')\n                  ) {\n                      event.preventDefault();\n                      event.persist();\n                      setActiveIndex(index);\n                      onRowClick(sanitizedRow);\n                  }\n              }\n            : () => {\n                  setActiveIndex(index);\n              },\n    };\n\n    let cells = row.cells;\n\n    if (row.depth > 0) {\n        cells = row.cells.filter((cell: any) => !cell.column.hiddenOnSubRows);\n    }\n\n    const expandedRow = rowExpansionRenderer && row.isExpanded && <div>{rowExpansionRenderer(sanitizedRow, instance)}</div>;\n    const rowContent = React.useMemo(() => {\n        return (\n            <>\n                <FocusScope key={row.original._createKey} contain restoreFocus autoFocus>\n                    <div {...props} role=\"row\" ref={ref}>\n                        <input type=\"hidden\" name=\"_rowIndexPath\" value={row.id} />\n                        <input type=\"hidden\" name=\"_inlineEditingUniqueId\" value={row.original[inlineEditingUniqueId]} />\n                        {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n                    </div>\n                </FocusScope>\n                {expandedRow}\n            </>\n        );\n    }, [row.original._createKey]);\n\n    if (row.isEditing) {\n        return rowContent;\n    }\n\n    return (\n        <>\n            <div {...props} role=\"row\" ref={ref}>\n                {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n            </div>\n            {expandedRow}\n        </>\n    );\n});\n"],"names":["renderCell","cell","row","props","getCellProps","className","cn","column","align","style","flex","React","role","render","Row","forwardRef","TableRow","index","instance","headerGroups","rowProps","ref","activeIndex","onRowClick","rowClassName","rowExpansionRenderer","rowHeight","setActiveIndex","inlineEditingUniqueId","sanitizedRow","sanitizeRowProps","getRowProps","minHeight","undefined","paddingLeft","depth","isDragging","isEditing","onClick","event","target","currentTarget","classList","contains","preventDefault","persist","cells","filter","hiddenOnSubRows","expandedRow","isExpanded","rowContent","useMemo","FocusScope","key","original","_createKey","contain","restoreFocus","autoFocus","type","name","value","id","map"],"mappings":"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"}
+{"version":3,"file":"renderRow.js","sources":["../../../../../../../../src/components/Table/util/renderRow.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { FocusScope } from '@react-aria/focus';\nimport { InternalTableCell, LegacyTableRow } from '../types';\nimport { sanitizeRowProps } from '../util';\n\nconst renderCell = (cell: InternalTableCell, row: LegacyTableRow<any>): JSX.Element => {\n    const props = {\n        ...cell.getCellProps(),\n        className: cn('yt-table__cell flex-1 truncate p-2 align-middle', cell.column.className, {\n            'justify-start text-left': cell.column.align === 'left',\n            'justify-end text-right': cell.column.align === 'right',\n            'text-center': !cell.column.align,\n        }),\n        style: {\n            ...cell.column.style,\n            flex: typeof cell.column.flex === 'function' ? cell.column.flex(row) : cell.column.flex,\n        },\n    };\n    return (\n        <div {...props} role=\"gridcell\" data-taco=\"table-cell\">\n            {cell.render('Cell') || null}\n        </div>\n    );\n};\n\nexport const Row = React.forwardRef(function TableRow({ row, index, instance, headerGroups, ...rowProps }: any, ref: any) {\n    const {\n        activeIndex,\n        onRowClick,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        setActiveIndex,\n        style,\n        inlineEditingUniqueId,\n    } = rowProps;\n    const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n\n    const props = {\n        ...row.getRowProps(),\n        style: {\n            ...style,\n            minHeight: rowHeight ? `${rowHeight}px` : undefined,\n            paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined,\n        },\n        className: cn(\n            'yt-table__row border-grey-300 flex border-b min-h-[2.5rem] hover:bg-grey-100',\n            {\n                'yt-table__row--active bg-grey-200 hover:bg-grey-200': activeIndex === index,\n                'yt-table__row--clickable': !!onRowClick,\n                'yt-table__row--dragging': !!row.isDragging,\n                'yt-table__row--editing': !!row.isEditing,\n            },\n            typeof rowClassName === 'function' ? rowClassName(sanitizedRow) : rowClassName\n        ),\n        onClick: onRowClick\n            ? (event: React.MouseEvent<HTMLElement>) => {\n                  if (\n                      event.target === event.currentTarget ||\n                      (event.target as HTMLElement).classList.contains('yt-table__cell')\n                  ) {\n                      event.preventDefault();\n                      event.persist();\n                      setActiveIndex(index);\n                      onRowClick(sanitizedRow);\n                  }\n              }\n            : () => {\n                  setActiveIndex(index);\n              },\n    };\n\n    let cells = row.cells;\n\n    if (row.depth > 0) {\n        cells = row.cells.filter((cell: any) => !cell.column.hiddenOnSubRows);\n    }\n\n    const expandedRow = rowExpansionRenderer && row.isExpanded && <div>{rowExpansionRenderer(sanitizedRow, instance)}</div>;\n    const rowContent = React.useMemo(() => {\n        return (\n            <>\n                <FocusScope key={row.original._createKey} contain restoreFocus autoFocus>\n                    <div {...props} role=\"row\" ref={ref}>\n                        <input type=\"hidden\" name=\"_rowIndexPath\" value={row.id} />\n                        <input type=\"hidden\" name=\"_inlineEditingUniqueId\" value={row.original[inlineEditingUniqueId]} />\n                        {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n                    </div>\n                </FocusScope>\n                {expandedRow}\n            </>\n        );\n    }, [row.original._createKey]);\n\n    if (row.isEditing) {\n        return rowContent;\n    }\n\n    return (\n        <>\n            <div {...props} role=\"row\" ref={ref}>\n                {cells.map((cell: InternalTableCell) => renderCell(cell, sanitizedRow))}\n            </div>\n            {expandedRow}\n        </>\n    );\n});\n"],"names":["renderCell","cell","row","props","getCellProps","className","cn","column","align","style","flex","React","role","render","Row","forwardRef","TableRow","index","instance","headerGroups","rowProps","ref","activeIndex","onRowClick","rowClassName","rowExpansionRenderer","rowHeight","setActiveIndex","inlineEditingUniqueId","sanitizedRow","sanitizeRowProps","getRowProps","minHeight","undefined","paddingLeft","depth","isDragging","isEditing","onClick","event","target","currentTarget","classList","contains","preventDefault","persist","cells","filter","hiddenOnSubRows","expandedRow","isExpanded","rowContent","useMemo","FocusScope","key","original","_createKey","contain","restoreFocus","autoFocus","type","name","value","id","map"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/util/sortTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortTypes.js","sources":["../../../../../../../../src/components/Table/util/sortTypes.ts"],"sourcesContent":["import { SortTypes, TableRow } from '../types';\n\nconst getTime = (value: any): number | undefined => {\n    const parsedValue: Date = typeof value === 'string' ? new Date(value) : value;\n    return parsedValue?.getTime ? parsedValue.getTime() : undefined;\n};\n\nconst getNumber = (amount = '', decimalSeparator = ','): number | undefined => {\n    if (typeof amount === 'number') {\n        return amount;\n    }\n\n    if (amount === null || !amount.length) {\n        return undefined;\n    }\n\n    let value;\n\n    if (decimalSeparator === ',') {\n        // replace digit seperator then replace decimal separator\n        value = Number(amount.replace(/\\./g, '').replace(',', '.'));\n    } else {\n        // replace digit seperator\n        value = Number(amount.replace(/,/g, ''));\n    }\n\n    return Number.isNaN(value) ? undefined : value;\n};\n\nconst getString = (value: any): string | undefined => {\n    if (value) {\n        return String(value).toLowerCase();\n    }\n\n    return undefined;\n};\n\nconst guess = (value: any): any => {\n    if (typeof value === 'boolean') {\n        return value;\n    }\n\n    return isNaN(value) ? getString(value) : Number(value);\n};\n\nconst compareBasic = (a: any, b: any) => {\n    // places undefined values first in ascending order instead of descending\n    if (a !== undefined && b === undefined) {\n        return 1;\n    }\n\n    return a === b ? 0 : a > b ? 1 : -1;\n};\n\nconst stringsLocaleCompare = (a: string, b: string, locale: string): 0 | 1 | -1 => {\n    // In some browsers 'localCompare' may return -2 or 2 instead of -1 or 1\n    const compareResult = a.localeCompare(b, locale);\n    return compareResult === 0 ? 0 : compareResult > 0 ? 1 : -1;\n};\n\nconst compareBasicStrings = (a: string | undefined, b: string | undefined, locale: string): 0 | 1 | -1 => {\n    if (a && b) {\n        return stringsLocaleCompare(a, b, locale);\n    }\n\n    return compareBasic(a, b);\n};\n\ntype SortHandler<T> = (rowA: TableRow<T>, rowB: TableRow<T>, columnId: string) => 0 | 1 | -1;\n\nexport const sortTypes = (locale: string): Record<SortTypes, SortHandler<any>> => {\n    return {\n        datetime: (rowA, rowB, columnId) => {\n            const a = getTime(rowA.values[columnId]);\n            const b = getTime(rowB.values[columnId]);\n            return compareBasic(a, b);\n        },\n        string: (rowA, rowB, columnId) => {\n            const a = getString(rowA.values[columnId]);\n            const b = getString(rowB.values[columnId]);\n            return compareBasicStrings(a, b, locale);\n        },\n        number: (rowA, rowB, columnId) => {\n            const a = getNumber(rowA.values[columnId]);\n            const b = getNumber(rowB.values[columnId]);\n            return compareBasic(a, b);\n        },\n        boolean: (rowA, rowB, columnId) => {\n            const a = !!rowA.values[columnId];\n            const b = !!rowB.values[columnId];\n            return compareBasic(a, b);\n        },\n        auto: (rowA, rowB, columnId) => {\n            const a = guess(rowA.values[columnId]);\n            const b = guess(rowB.values[columnId]);\n            if (typeof a === 'string' && typeof b === 'string') {\n                return compareBasicStrings(a, b, locale);\n            } else {\n                return compareBasic(a, b);\n            }\n        },\n    };\n};\n"],"names":["getTime","value","parsedValue","Date","undefined","getNumber","amount","decimalSeparator","length","Number","replace","isNaN","getString","String","toLowerCase","guess","compareBasic","a","b","stringsLocaleCompare","locale","compareResult","localeCompare","compareBasicStrings","sortTypes","datetime","rowA","rowB","columnId","values","string","number","boolean","auto"],"mappings":"AAEA,MAAMA,OAAO,GAAIC,KAAU;EACvB,MAAMC,WAAW,GAAS,OAAOD,KAAK,KAAK,QAAQ,GAAG,IAAIE,IAAI,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC7E,OAAOC,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEF,OAAO,GAAGE,WAAW,CAACF,OAAO,EAAE,GAAGI,SAAS;AACnE,CAAC;AAED,MAAMC,SAAS,GAAGA,CAACC,MAAM,GAAG,EAAE,EAAEC,gBAAgB,GAAG,GAAG;EAClD,IAAI,OAAOD,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAOA,MAAM;;EAGjB,IAAIA,MAAM,KAAK,IAAI,IAAI,CAACA,MAAM,CAACE,MAAM,EAAE;IACnC,OAAOJ,SAAS;;EAGpB,IAAIH,KAAK;EAET,IAAIM,gBAAgB,KAAK,GAAG,EAAE;;IAE1BN,KAAK,GAAGQ,MAAM,CAACH,MAAM,CAACI,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;GAC9D,MAAM;;IAEHT,KAAK,GAAGQ,MAAM,CAACH,MAAM,CAACI,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;;EAG5C,OAAOD,MAAM,CAACE,KAAK,CAACV,KAAK,CAAC,GAAGG,SAAS,GAAGH,KAAK;AAClD,CAAC;AAED,MAAMW,SAAS,GAAIX,KAAU;EACzB,IAAIA,KAAK,EAAE;IACP,OAAOY,MAAM,CAACZ,KAAK,CAAC,CAACa,WAAW,EAAE;;EAGtC,OAAOV,SAAS;AACpB,CAAC;AAED,MAAMW,KAAK,GAAId,KAAU;EACrB,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;IAC5B,OAAOA,KAAK;;EAGhB,OAAOU,KAAK,CAACV,KAAK,CAAC,GAAGW,SAAS,CAACX,KAAK,CAAC,GAAGQ,MAAM,CAACR,KAAK,CAAC;AAC1D,CAAC;AAED,MAAMe,YAAY,GAAGA,CAACC,CAAM,EAAEC,CAAM;;EAEhC,IAAID,CAAC,KAAKb,SAAS,IAAIc,CAAC,KAAKd,SAAS,EAAE;IACpC,OAAO,CAAC;;EAGZ,OAAOa,CAAC,KAAKC,CAAC,GAAG,CAAC,GAAGD,CAAC,GAAGC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACvC,CAAC;AAED,MAAMC,oBAAoB,GAAGA,CAACF,CAAS,EAAEC,CAAS,EAAEE,MAAc;;EAE9D,MAAMC,aAAa,GAAGJ,CAAC,CAACK,aAAa,CAACJ,CAAC,EAAEE,MAAM,CAAC;EAChD,OAAOC,aAAa,KAAK,CAAC,GAAG,CAAC,GAAGA,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC/D,CAAC;AAED,MAAME,mBAAmB,GAAGA,CAACN,CAAqB,EAAEC,CAAqB,EAAEE,MAAc;EACrF,IAAIH,CAAC,IAAIC,CAAC,EAAE;IACR,OAAOC,oBAAoB,CAACF,CAAC,EAAEC,CAAC,EAAEE,MAAM,CAAC;;EAG7C,OAAOJ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;AAC7B,CAAC;MAIYM,SAAS,GAAIJ,MAAc;EACpC,OAAO;IACHK,QAAQ,EAAEA,CAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MAC3B,MAAMX,CAAC,GAAGjB,OAAO,CAAC0B,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC,CAAC;MACxC,MAAMV,CAAC,GAAGlB,OAAO,CAAC2B,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC,CAAC;MACxC,OAAOZ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;KAC5B;IACDY,MAAM,EAAEA,CAACJ,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MACzB,MAAMX,CAAC,GAAGL,SAAS,CAACc,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC,CAAC;MAC1C,MAAMV,CAAC,GAAGN,SAAS,CAACe,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC,CAAC;MAC1C,OAAOL,mBAAmB,CAACN,CAAC,EAAEC,CAAC,EAAEE,MAAM,CAAC;KAC3C;IACDW,MAAM,EAAEA,CAACL,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MACzB,MAAMX,CAAC,GAAGZ,SAAS,CAACqB,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC,CAAC;MAC1C,MAAMV,CAAC,GAAGb,SAAS,CAACsB,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC,CAAC;MAC1C,OAAOZ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;KAC5B;IACDc,OAAO,EAAEA,CAACN,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MAC1B,MAAMX,CAAC,GAAG,CAAC,CAACS,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC;MACjC,MAAMV,CAAC,GAAG,CAAC,CAACS,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC;MACjC,OAAOZ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;KAC5B;IACDe,IAAI,EAAEA,CAACP,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MACvB,MAAMX,CAAC,GAAGF,KAAK,CAACW,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC,CAAC;MACtC,MAAMV,CAAC,GAAGH,KAAK,CAACY,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC,CAAC;MACtC,IAAI,OAAOX,CAAC,KAAK,QAAQ,IAAI,OAAOC,CAAC,KAAK,QAAQ,EAAE;QAChD,OAAOK,mBAAmB,CAACN,CAAC,EAAEC,CAAC,EAAEE,MAAM,CAAC;OAC3C,MAAM;QACH,OAAOJ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;;;GAGpC;AACL;;;;"}
+{"version":3,"file":"sortTypes.js","sources":["../../../../../../../../src/components/Table/util/sortTypes.ts"],"sourcesContent":["import { SortTypes, LegacyTableRow } from '../types';\n\nconst getTime = (value: any): number | undefined => {\n    const parsedValue: Date = typeof value === 'string' ? new Date(value) : value;\n    return parsedValue?.getTime ? parsedValue.getTime() : undefined;\n};\n\nconst getNumber = (amount = '', decimalSeparator = ','): number | undefined => {\n    if (typeof amount === 'number') {\n        return amount;\n    }\n\n    if (amount === null || !amount.length) {\n        return undefined;\n    }\n\n    let value;\n\n    if (decimalSeparator === ',') {\n        // replace digit seperator then replace decimal separator\n        value = Number(amount.replace(/\\./g, '').replace(',', '.'));\n    } else {\n        // replace digit seperator\n        value = Number(amount.replace(/,/g, ''));\n    }\n\n    return Number.isNaN(value) ? undefined : value;\n};\n\nconst getString = (value: any): string | undefined => {\n    if (value) {\n        return String(value).toLowerCase();\n    }\n\n    return undefined;\n};\n\nconst guess = (value: any): any => {\n    if (typeof value === 'boolean') {\n        return value;\n    }\n\n    return isNaN(value) ? getString(value) : Number(value);\n};\n\nconst compareBasic = (a: any, b: any) => {\n    // places undefined values first in ascending order instead of descending\n    if (a !== undefined && b === undefined) {\n        return 1;\n    }\n\n    return a === b ? 0 : a > b ? 1 : -1;\n};\n\nconst stringsLocaleCompare = (a: string, b: string, locale: string): 0 | 1 | -1 => {\n    // In some browsers 'localCompare' may return -2 or 2 instead of -1 or 1\n    const compareResult = a.localeCompare(b, locale);\n    return compareResult === 0 ? 0 : compareResult > 0 ? 1 : -1;\n};\n\nconst compareBasicStrings = (a: string | undefined, b: string | undefined, locale: string): 0 | 1 | -1 => {\n    if (a && b) {\n        return stringsLocaleCompare(a, b, locale);\n    }\n\n    return compareBasic(a, b);\n};\n\ntype SortHandler<T> = (rowA: LegacyTableRow<T>, rowB: LegacyTableRow<T>, columnId: string) => 0 | 1 | -1;\n\nexport const sortTypes = (locale: string): Record<SortTypes, SortHandler<any>> => {\n    return {\n        datetime: (rowA, rowB, columnId) => {\n            const a = getTime(rowA.values[columnId]);\n            const b = getTime(rowB.values[columnId]);\n            return compareBasic(a, b);\n        },\n        string: (rowA, rowB, columnId) => {\n            const a = getString(rowA.values[columnId]);\n            const b = getString(rowB.values[columnId]);\n            return compareBasicStrings(a, b, locale);\n        },\n        number: (rowA, rowB, columnId) => {\n            const a = getNumber(rowA.values[columnId]);\n            const b = getNumber(rowB.values[columnId]);\n            return compareBasic(a, b);\n        },\n        boolean: (rowA, rowB, columnId) => {\n            const a = !!rowA.values[columnId];\n            const b = !!rowB.values[columnId];\n            return compareBasic(a, b);\n        },\n        auto: (rowA, rowB, columnId) => {\n            const a = guess(rowA.values[columnId]);\n            const b = guess(rowB.values[columnId]);\n            if (typeof a === 'string' && typeof b === 'string') {\n                return compareBasicStrings(a, b, locale);\n            } else {\n                return compareBasic(a, b);\n            }\n        },\n    };\n};\n"],"names":["getTime","value","parsedValue","Date","undefined","getNumber","amount","decimalSeparator","length","Number","replace","isNaN","getString","String","toLowerCase","guess","compareBasic","a","b","stringsLocaleCompare","locale","compareResult","localeCompare","compareBasicStrings","sortTypes","datetime","rowA","rowB","columnId","values","string","number","boolean","auto"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Table/util.ts"],"sourcesContent":["import React from 'react';\nimport { TableRow, TableCell, TableChildren, InternalTableRow, InternalTableColumn, SortRule } from './types';\nimport { SortingRule } from 'react-table';\n\nexport const sanitizeRowProps = (row: InternalTableRow, rowExpansionRenderer: any): TableRow<any> => {\n    const props: TableRow<any> = {\n        index: row.index,\n        indexPath: row.id,\n        values: row.original,\n    };\n\n    if (row.subRows?.length > 0) {\n        props.isExpanded = !!row.isExpanded;\n        props.depth = row.depth;\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\n    } else if (rowExpansionRenderer) {\n        props.isExpanded = !!row.isExpanded;\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\n    }\n\n    if (row.toggleRowEditing) {\n        props.isEditing = !!row.isEditing;\n        props.toggleRowEditing = row.toggleRowEditing;\n    }\n\n    return props;\n};\n\nexport const getColumnsFromChildren = (children: TableChildren<any>, rowExpansionRenderer: any) => {\n    const sortRules: SortingRule<any>[] = [];\n\n    const columns = React.Children.toArray(children)\n        .filter((child: any) => !!child && !child.props.hidden) // skip falsey or hidden columns\n        .map(({ props: { children: groupChildren, ...props } }: any) => {\n            const column: InternalTableColumn & { disableSortBy: boolean | undefined } = { ...props };\n\n            column.sortType = column.sortType || 'auto';\n            column.disableSortBy = column.disableSorting;\n\n            // this is a Table.Group - TODO: Find a better way to determine the child type\n            if (props.title && groupChildren) {\n                column.Header = props.title;\n\n                const { columns: groupColumns, sortRules: groupSortRules } = getColumnsFromChildren(\n                    groupChildren,\n                    rowExpansionRenderer\n                );\n                column.columns = groupColumns;\n                groupSortRules.forEach(sort => sortRules.push(sort));\n            } else {\n                column.accessor = props.accessor;\n                column.Header = props.headRenderer || '';\n                column.Cell = (columnProps: any) => {\n                    const cell: TableCell<any> = {\n                        accessor: columnProps.cell.column.id,\n                        row: sanitizeRowProps(columnProps.cell.row, rowExpansionRenderer),\n                        value: columnProps.cell.value,\n                    };\n\n                    if (cell.row.isEditing && typeof props.editRenderer === 'function') {\n                        return props.editRenderer(cell);\n                    }\n\n                    return typeof props.cellRenderer === 'function' ? props.cellRenderer(cell) ?? null : cell.value ?? null;\n                };\n\n                // custom props\n                column.align = props.align;\n                column.flex = props.flex;\n\n                if (props.sort && !props.disableSorting) {\n                    sortRules.push({\n                        id: props.accessor,\n                        desc: props.sort === 'desc',\n                    });\n                }\n            }\n\n            return column;\n        });\n\n    return { columns, sortRules };\n};\n\nexport const getInternalSortRules = <T>(sortRules: SortRule<T>[] | undefined): SortingRule<T>[] | undefined => {\n    return sortRules?.map<SortingRule<T>>(rule => ({ id: rule.accessor, desc: rule.desc }));\n};\n"],"names":["sanitizeRowProps","row","rowExpansionRenderer","props","index","indexPath","id","values","original","_row$subRows","subRows","length","isExpanded","depth","toggleRowExpanded","toggleRowEditing","isEditing","getColumnsFromChildren","children","sortRules","columns","React","Children","toArray","filter","child","hidden","map","groupChildren","column","sortType","disableSortBy","disableSorting","title","Header","groupColumns","groupSortRules","forEach","sort","push","accessor","headRenderer","Cell","columnProps","cell","value","editRenderer","cellRenderer","_props$cellRenderer","_cell$value","align","flex","desc","getInternalSortRules","rule"],"mappings":"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"}
+{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Table/util.ts"],"sourcesContent":["import React from 'react';\nimport { LegacyTableRow, LegacyTableCell, LegacyTableChildren, InternalTableRow, InternalTableColumn, SortRule } from './types';\nimport { SortingRule } from 'react-table';\n\nexport const sanitizeRowProps = (row: InternalTableRow, rowExpansionRenderer: any): LegacyTableRow<any> => {\n    const props: LegacyTableRow<any> = {\n        index: row.index,\n        indexPath: row.id,\n        values: row.original,\n    };\n\n    if (row.subRows?.length > 0) {\n        props.isExpanded = !!row.isExpanded;\n        props.depth = row.depth;\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\n    } else if (rowExpansionRenderer) {\n        props.isExpanded = !!row.isExpanded;\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\n    }\n\n    if (row.toggleRowEditing) {\n        props.isEditing = !!row.isEditing;\n        props.toggleRowEditing = row.toggleRowEditing;\n    }\n\n    return props;\n};\n\nexport const getColumnsFromChildren = (children: LegacyTableChildren<any>, rowExpansionRenderer: any) => {\n    const sortRules: SortingRule<any>[] = [];\n\n    const columns = React.Children.toArray(children)\n        .filter((child: any) => !!child && !child.props.hidden) // skip falsey or hidden columns\n        .map(({ props: { children: groupChildren, ...props } }: any) => {\n            const column: InternalTableColumn & { disableSortBy: boolean | undefined } = { ...props };\n\n            column.sortType = column.sortType || 'auto';\n            column.disableSortBy = column.disableSorting;\n\n            // this is a Table.Group - TODO: Find a better way to determine the child type\n            if (props.title && groupChildren) {\n                column.Header = props.title;\n\n                const { columns: groupColumns, sortRules: groupSortRules } = getColumnsFromChildren(\n                    groupChildren,\n                    rowExpansionRenderer\n                );\n                column.columns = groupColumns;\n                groupSortRules.forEach(sort => sortRules.push(sort));\n            } else {\n                column.accessor = props.accessor;\n                column.Header = props.headRenderer || '';\n                column.Cell = (columnProps: any) => {\n                    const cell: LegacyTableCell<any> = {\n                        accessor: columnProps.cell.column.id,\n                        row: sanitizeRowProps(columnProps.cell.row, rowExpansionRenderer),\n                        value: columnProps.cell.value,\n                    };\n\n                    if (cell.row.isEditing && typeof props.editRenderer === 'function') {\n                        return props.editRenderer(cell);\n                    }\n\n                    return typeof props.cellRenderer === 'function' ? props.cellRenderer(cell) ?? null : cell.value ?? null;\n                };\n\n                // custom props\n                column.align = props.align;\n                column.flex = props.flex;\n\n                if (props.sort && !props.disableSorting) {\n                    sortRules.push({\n                        id: props.accessor,\n                        desc: props.sort === 'desc',\n                    });\n                }\n            }\n\n            return column;\n        });\n\n    return { columns, sortRules };\n};\n\nexport const getInternalSortRules = <T>(sortRules: SortRule<T>[] | undefined): SortingRule<T>[] | undefined => {\n    return sortRules?.map<SortingRule<T>>(rule => ({ id: rule.accessor, desc: rule.desc }));\n};\n"],"names":["sanitizeRowProps","row","rowExpansionRenderer","props","index","indexPath","id","values","original","_row$subRows","subRows","length","isExpanded","depth","toggleRowExpanded","toggleRowEditing","isEditing","getColumnsFromChildren","children","sortRules","columns","React","Children","toArray","filter","child","hidden","map","groupChildren","column","sortType","disableSortBy","disableSorting","title","Header","groupColumns","groupSortRules","forEach","sort","push","accessor","headRenderer","Cell","columnProps","cell","value","editRenderer","cellRenderer","_props$cellRenderer","_cell$value","align","flex","desc","getInternalSortRules","rule"],"mappings":"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"}

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

@@ -1,232 +1,44 @@
 import React__default from 'react';
-import cn from 'clsx';
-import { useMergedRef } from '../../hooks/useMergedRef.js';
-import { isElementInsideOverlay, isSiblingElementInsideSameParentOverlay, isElementInteractive, isElementInsideOrTriggeredFromContainer } from '../../utils/dom.js';
-import { FocusScope } from '@react-aria/focus';
-import { fixedForwardRef, FontSizes } from '../../types.js';
-import { flexRender } from '@tanstack/react-table';
-import { useCssGrid } from './hooks/useCssGrid.js';
-import { useColumnFreezingStyle } from './hooks/features/useColumnFreezing.js';
-import { useTable } from './hooks/useTable.js';
-import { useTableRenderStrategy } from './strategies/index.js';
-import { Toolbar } from './components/toolbar/Toolbar.js';
-import { useTableRefInstanceSetup } from './hooks/useTableRefInstanceSetup.js';
-import { Summary } from './components/columns/footer/Summary.js';
-import { useCssVars } from './hooks/useCssVars.js';
-import { useHeaderOffsetStyle } from './hooks/features/useHeaderOffsetStyle.js';
-import { ErrorAlert } from './components/alert/ErrorAlert.js';
-export { useTable3DataLoader } from './hooks/useTableDataLoader.js';
+import { fixedForwardRef } from '../../types.js';
+import { Table } from '../../primitives/Table/Core/Table.js';
+import { useTable3 } from './useTable3.js';
+import { Alert } from './components/Editing/Alert.js';
+import { Editing } from './components/Toolbar/Editing/Editing.js';
 
 function Column(_) {
   return null;
 }
-Column.displayName = 'Table3Column';
 function Group(_) {
   return null;
 }
-Group.displayName = 'Table3Group';
-const Table = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
-  const {
-    emptyState: EmptyState,
-    customSettings,
-    toolbarLeft,
-    toolbarRight,
-    defaultCurrentRowIndex: defaultRowActiveIndex
-  } = props;
-  const internalRef = useMergedRef(ref);
-  const {
-    table,
-    length
-  } = useTable(props, internalRef);
-  useTableRefInstanceSetup(table, internalRef);
-  React__default.useEffect(() => {
-    if (props.autoFocus) {
-      var _internalRef$current;
-      (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.focus();
-    }
-  }, []);
-  const {
-    renderBody,
-    scrollToIndex
-  } = useTableRenderStrategy(props, table, internalRef);
-  const tableMeta = table.options.meta;
-  const state = table.getState();
-  const bodyRef = React__default.useRef(null);
-  React__default.useEffect(() => {
-    // On a very first render, the tanstack table rendered without any rows,
-    // so we delaying default row scrolling logic with using of requestAnimation frame
-    const animationFrameId = requestAnimationFrame(() => {
-      if (defaultRowActiveIndex) {
-        scrollToIndex(defaultRowActiveIndex, {
-          align: 'center'
-        });
-      }
-    });
-    return () => {
-      cancelAnimationFrame(animationFrameId);
-    };
-  }, []);
-  React__default.useEffect(() => {
-    const handleKeyDown = event => {
-      const trigger = event.target;
-      // Select2 also have combobox role to align with W3C guidelines
-      const eventOriginatedFromCombobox = !!trigger.closest('[role="combobox"]:not([data-taco="Select2"])');
-      if (tableMeta.shortcutsState.isPaused || isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, internalRef.current) || isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, internalRef.current) || eventOriginatedFromCombobox) {
-        return;
-      }
-      const rows = table.getRowModel().rows;
-      tableMeta.rowActive.handleKeyDown(event, rows.length, scrollToIndex, tableMeta.editing.isEditing ? undefined : internalRef);
-      if (tableMeta.rowActive.rowActiveIndex !== undefined) {
-        var _rows$tableMeta$rowAc;
-        tableMeta.rowClick.handleKeyDown(event, (_rows$tableMeta$rowAc = rows[tableMeta.rowActive.rowActiveIndex]) === null || _rows$tableMeta$rowAc === void 0 ? void 0 : _rows$tableMeta$rowAc.original);
-      }
-      tableMeta.rowSelection.handleKeyDown(event, table);
-      tableMeta.editing.handleKeyDown(event);
-    };
-    document.addEventListener('keydown', handleKeyDown);
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  },
-  // See https://github.com/e-conomic/taco/blob/dev/packages/taco/src/components/Table3/strategies/virtualised.tsx#L143
-  // scrollToIndex function changes when row count changes, so it is important to update handlers with new
-  // scrollToIndex function.
-  [scrollToIndex, tableMeta.editing.isEditing, internalRef.current, tableMeta.rowActive.rowActiveIndex]);
-  const handleBlur = tableMeta.editing.isEnabled ? event => {
-    tableMeta.editing.handleBlur(event);
-  } : undefined;
-  const handleFocus = tableMeta.rowActive.rowActiveIndex === undefined ? event => {
-    tableMeta.rowActive.handleFocus(event, table.getRowModel().rows.length, scrollToIndex);
-  } : undefined;
-  const handleScroll = function (event) {
-    try {
-      // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-      tableMeta.columnFreezing.handleScroll(event);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
+const Table3 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
+  var _table3$meta$editing, _table3$meta$editing2;
+  const table3 = useTable3(props, ref);
+  const handleBlur = event => {
+    if (table3.meta.editing.isEditing) {
+      table3.meta.editing.handleBlur(event);
     }
   };
-  const className = cn('border-grey-300 relative grid h-full w-full flex-grow overflow-auto rounded border bg-white scroll-mt-[41px] focus-visible:outline-none', '[&[data-resizing="true"]]:select-none', {
-    'text-xs': tableMeta.fontSize.size === FontSizes.small,
-    'text-sm': tableMeta.fontSize.size === FontSizes.medium,
-    'text-base': tableMeta.fontSize.size === FontSizes.large
-  });
-  // Print tables have "_print" as the postfix for the table id, so we can use the it to determine
-  // if the table is a print table or not.
-  const {
-    style: cssGridStyle
-  } = useCssGrid(table, tableMeta.printing.isPrinting,
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-  tableMeta.rowActions.actionsForRowLength, tableMeta.fontSize.size);
-  const {
-    style: cssVars
-  } = useCssVars(tableMeta.rowHeight.height, tableMeta.fontSize.size);
-  const style = {
-    ...cssVars,
-    ...cssGridStyle,
-    // create a new stacking context so our internal z-indexes don't effect external components
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
-    opacity: 0.999
+  const gridAttributes = {
+    'data-table-editing-mode': (_table3$meta$editing = table3.meta.editing) !== null && _table3$meta$editing !== void 0 && _table3$meta$editing.isEditing ? (_table3$meta$editing2 = table3.meta.editing) !== null && _table3$meta$editing2 !== void 0 && _table3$meta$editing2.isDetailedMode ? 'detailed' : 'normal' : undefined,
+    enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,
+    onBlur: handleBlur
   };
-  const columnFreezingStyle = useColumnFreezingStyle(props.id, table);
-  const headerOffsetStyle = useHeaderOffsetStyle(props.id, table);
-  const isServerLoadingAndNotReady = tableMeta.isUsingServer && props.length === undefined;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, columnFreezingStyle ? /*#__PURE__*/React__default.createElement("style", {
-    "data-taco": "table3-column-freezing-styles"
-  }, columnFreezingStyle) : null, headerOffsetStyle && !tableMeta.printing.isPrinting ? ( /*#__PURE__*/React__default.createElement("style", {
-    "data-taco": "table3-column-header-offset-styles"
-  }, headerOffsetStyle)) : null, /*#__PURE__*/React__default.createElement(Toolbar, {
-    table: table,
-    tableProps: props,
-    total: length,
-    left: toolbarLeft,
-    right: toolbarRight,
-    customSettings: customSettings,
-    scrollToIndex: scrollToIndex
-  }), /*#__PURE__*/React__default.createElement(ErrorAlert, {
-    table: table,
-    tableRef: internalRef,
-    scrollToIndex: scrollToIndex,
-    rowIdentifier: props.rowIdentifier
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: className,
-    id: props.id,
-    "data-font-size": tableMeta.fontSize.size,
-    "data-editing": tableMeta.editing.isEditing,
-    "data-horizontally-scrolled": tableMeta.columnFreezing.horizontallyScrolled,
-    "data-pause-hover": tableMeta === null || tableMeta === void 0 ? void 0 : tableMeta.rowActive.isHoverStatePaused,
-    "data-resizing": !!state.columnSizingInfo.isResizingColumn,
-    "data-taco": "table2",
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onScroll: handleScroll,
-    ref: internalRef,
-    role: "table",
-    style: style,
-    tabIndex: -1
-  }, isServerLoadingAndNotReady ? null : ( /*#__PURE__*/React__default.createElement("div", {
-    className: "group/header contents",
-    "data-taco": "table2-header",
-    role: "rowgroup"
-  }, table.getHeaderGroups().map(headerGroup => ( /*#__PURE__*/React__default.createElement("div", {
-    className: "contents",
-    key: headerGroup.id,
-    role: "row"
-  }, headerGroup.headers.map((header, index) => {
-    var _headerGroup$headers;
-    // We need to render separator if column is not the last in array, if index is not equal to freeze column index,
-    // if next element is not placeholder and if column itself is not placeholder.
-    const hasSeparator =
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    index !== tableMeta.columnFreezing.frozenColumnIndex && index !== headerGroup.headers.length - 1 && (!((_headerGroup$headers = headerGroup.headers[index + 1]) !== null && _headerGroup$headers !== void 0 && _headerGroup$headers.isPlaceholder) || !header.isPlaceholder);
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-      key: header.id
-    }, flexRender(header.column.columnDef.header, {
-      ...header.getContext(),
-      scrollToIndex,
-      hasSeparator
-    }));
-  })))))), table.getRowModel().rows.length ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(FocusScope, {
-    autoFocus: tableMeta.editing.isEditing
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "group/body contents",
-    "data-taco": "table2-body",
-    role: "rowgroup",
-    ref: bodyRef
-  }, renderBody())), /*#__PURE__*/React__default.createElement("div", {
-    className: cn('border-grey-300 col-span-full border-t', {
-      'translate-y-px': tableMeta.enableFooter
-    })
-  }), tableMeta.enableFooter ? ( /*#__PURE__*/React__default.createElement("div", {
-    className: "group/footer contents",
-    "data-taco": "table2-footer",
-    role: "rowgroup"
-  },
-  // Render the footer cell only for individual columns, excluding column groups.
-  table.getFooterGroups().slice(0, 1).map(footerGroup => ( /*#__PURE__*/React__default.createElement("div", {
-    className: "contents",
-    key: footerGroup.id,
-    role: "row"
-  }, footerGroup.headers.map(footer => ( /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-    key: footer.id
-  }, flexRender(footer.column.columnDef.footer, footer.getContext()))))))), length ? ( /*#__PURE__*/React__default.createElement(Summary, {
-    currentLength: table.getRowModel().rows.length,
-    length: length,
-    table: table
-  })) : null)) : null)) : ( /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-full box-border min-h-[theme(spacing.8)]"
-  }, EmptyState ? /*#__PURE__*/React__default.createElement(EmptyState, null) : null))));
-});
-const Table3 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
-  const stringifiedChildren = String(props.children);
-  // we force a remount (using key) when the child columns change because there are too many places to add children as an effect
-  // this is cheaper from a complexity perspective, and probably performance wise as well
-  const key = React__default.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);
-  return /*#__PURE__*/React__default.createElement(Table, Object.assign({}, props, {
-    key: key,
-    ref: ref
-  }));
+  const hasValidationErrors = table3.meta.editing.hasErrors(table3.instance, table3.ref);
+  return /*#__PURE__*/React__default.createElement(Table, null, /*#__PURE__*/React__default.createElement(Table.Toolbar, {
+    table: table3
+  }, table3.meta.editing.isEnabled ? ( /*#__PURE__*/React__default.createElement(Editing, {
+    scrollToIndex: table3.renderer.scrollToIndex,
+    table: table3.instance
+  })) : null), hasValidationErrors ? ( /*#__PURE__*/React__default.createElement(Alert, {
+    className: "mb-4",
+    scrollToIndex: table3.renderer.scrollToIndex,
+    table: table3.instance,
+    tableRef: table3.ref
+  })) : null, /*#__PURE__*/React__default.createElement(Table.Grid, Object.assign({}, gridAttributes, {
+    "data-taco": "table3",
+    table: table3
+  })));
 });
 Table3.Column = Column;
 Table3.Group = Group;

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

@@ -1 +1 @@
-{"version":3,"file":"Table3.js","sources":["../../../../../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { flexRender, TableMeta } from '@tanstack/react-table';\nimport { FocusScope } from '@react-aria/focus';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { useCssGrid } from './hooks/useCssGrid';\nimport { useTable } from './hooks/useTable';\nimport { useTableRenderStrategy } from './strategies';\nimport { Table3ColumnProps, Table3GroupProps, Table3Props, Table3Ref } from './types';\nimport { Toolbar } from './components/toolbar/Toolbar';\nimport { useColumnFreezingStyle } from './hooks/features/useColumnFreezing';\nimport { useTableRefInstanceSetup } from './hooks/useTableRefInstanceSetup';\nimport { Summary } from './components/columns/footer/Summary';\nimport { useCssVars } from './hooks/useCssVars';\nimport './style.css';\nimport { useHeaderOffsetStyle } from './hooks/features/useHeaderOffsetStyle';\nimport { ErrorAlert } from './components/alert/ErrorAlert';\nimport { fixedForwardRef, FontSizes } from '../../types';\nimport {\n    isElementInsideOrTriggeredFromContainer,\n    isElementInsideOverlay,\n    isElementInteractive,\n    isSiblingElementInsideSameParentOverlay,\n} from '../../utils/dom';\n\nfunction Column<TType = unknown>(_: Table3ColumnProps<TType>) {\n    return null;\n}\nColumn.displayName = 'Table3Column';\n\nfunction Group(_: Table3GroupProps) {\n    return null;\n}\nGroup.displayName = 'Table3Group';\n\nconst Table = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const {\n        emptyState: EmptyState,\n        customSettings,\n        toolbarLeft,\n        toolbarRight,\n        defaultCurrentRowIndex: defaultRowActiveIndex,\n    } = props;\n    const internalRef = useMergedRef<Table3Ref>(ref);\n\n    const { table, length } = useTable<TType>(props, internalRef);\n    useTableRefInstanceSetup(table, internalRef);\n\n    React.useEffect(() => {\n        if (props.autoFocus) {\n            internalRef.current?.focus();\n        }\n    }, []);\n\n    const { renderBody, scrollToIndex } = useTableRenderStrategy<TType>(props, table, internalRef);\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const state = table.getState();\n\n    const bodyRef = React.useRef<HTMLDivElement | null>(null);\n\n    React.useEffect(() => {\n        // On a very first render, the tanstack table rendered without any rows,\n        // so we delaying default row scrolling logic with using of requestAnimation frame\n        const animationFrameId = requestAnimationFrame(() => {\n            if (defaultRowActiveIndex) {\n                scrollToIndex(defaultRowActiveIndex, { align: 'center' });\n            }\n        });\n\n        return () => {\n            cancelAnimationFrame(animationFrameId);\n        };\n    }, []);\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: KeyboardEvent) => {\n                const trigger = event.target as HTMLElement;\n                // Select2 also have combobox role to align with W3C guidelines\n                const eventOriginatedFromCombobox = !!trigger.closest('[role=\"combobox\"]:not([data-taco=\"Select2\"])');\n\n                if (\n                    tableMeta.shortcutsState.isPaused ||\n                    (isElementInsideOverlay(trigger) && !isSiblingElementInsideSameParentOverlay(trigger, internalRef.current)) ||\n                    (isElementInteractive(trigger) && !isElementInsideOrTriggeredFromContainer(trigger, internalRef.current)) ||\n                    eventOriginatedFromCombobox\n                ) {\n                    return;\n                }\n\n                const rows = table.getRowModel().rows;\n\n                tableMeta.rowActive.handleKeyDown(\n                    event,\n                    rows.length,\n                    scrollToIndex,\n                    tableMeta.editing.isEditing ? undefined : internalRef\n                );\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n                tableMeta.rowSelection.handleKeyDown(event, table);\n                tableMeta.editing.handleKeyDown(event);\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                document.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n        // See https://github.com/e-conomic/taco/blob/dev/packages/taco/src/components/Table3/strategies/virtualised.tsx#L143\n        // scrollToIndex function changes when row count changes, so it is important to update handlers with new\n        // scrollToIndex function.\n        [scrollToIndex, tableMeta.editing.isEditing, internalRef.current, tableMeta.rowActive.rowActiveIndex]\n    );\n\n    const handleBlur = tableMeta.editing.isEnabled\n        ? (event: React.FocusEvent) => {\n              tableMeta.editing.handleBlur(event);\n          }\n        : undefined;\n\n    const handleFocus =\n        tableMeta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  tableMeta.rowActive.handleFocus(event, table.getRowModel().rows.length, scrollToIndex);\n              }\n            : undefined;\n\n    const handleScroll = async (event: React.MouseEvent<HTMLDivElement>) => {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.columnFreezing.handleScroll(event);\n    };\n\n    const className = cn(\n        'border-grey-300 relative grid h-full w-full flex-grow overflow-auto rounded border bg-white scroll-mt-[41px] focus-visible:outline-none',\n        '[&[data-resizing=\"true\"]]:select-none',\n        {\n            'text-xs': tableMeta.fontSize.size === FontSizes.small,\n            'text-sm': tableMeta.fontSize.size === FontSizes.medium,\n            'text-base': tableMeta.fontSize.size === FontSizes.large,\n        }\n    );\n\n    // Print tables have \"_print\" as the postfix for the table id, so we can use the it to determine\n    // if the table is a print table or not.\n    const { style: cssGridStyle } = useCssGrid<TType>(\n        table,\n        tableMeta.printing.isPrinting,\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        tableMeta.rowActions.actionsForRowLength,\n        tableMeta.fontSize.size\n    );\n    const { style: cssVars } = useCssVars(tableMeta.rowHeight.height, tableMeta.fontSize.size);\n\n    const style = {\n        ...cssVars,\n        ...cssGridStyle,\n        // create a new stacking context so our internal z-indexes don't effect external components\n        // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n        opacity: 0.999,\n    };\n\n    const columnFreezingStyle = useColumnFreezingStyle(props.id, table);\n    const headerOffsetStyle = useHeaderOffsetStyle(props.id, table);\n    const isServerLoadingAndNotReady = tableMeta.isUsingServer && props.length === undefined;\n\n    return (\n        <>\n            {columnFreezingStyle ? <style data-taco=\"table3-column-freezing-styles\">{columnFreezingStyle}</style> : null}\n            {headerOffsetStyle && !tableMeta.printing.isPrinting ? (\n                <style data-taco=\"table3-column-header-offset-styles\">{headerOffsetStyle}</style>\n            ) : null}\n            <Toolbar\n                table={table}\n                tableProps={props}\n                total={length}\n                left={toolbarLeft}\n                right={toolbarRight}\n                customSettings={customSettings}\n                scrollToIndex={scrollToIndex}\n            />\n            <ErrorAlert table={table} tableRef={internalRef} scrollToIndex={scrollToIndex} rowIdentifier={props.rowIdentifier} />\n            <div\n                className={className}\n                id={props.id}\n                data-font-size={tableMeta.fontSize.size}\n                data-editing={tableMeta.editing.isEditing}\n                // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n                data-horizontally-scrolled={tableMeta.columnFreezing.horizontallyScrolled}\n                data-pause-hover={tableMeta?.rowActive.isHoverStatePaused}\n                data-resizing={!!state.columnSizingInfo.isResizingColumn}\n                data-taco=\"table2\"\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                onScroll={handleScroll}\n                ref={internalRef}\n                role=\"table\"\n                style={style}\n                tabIndex={-1}>\n                {isServerLoadingAndNotReady ? null : (\n                    <div className=\"group/header contents\" data-taco=\"table2-header\" role=\"rowgroup\">\n                        {table.getHeaderGroups().map(headerGroup => (\n                            <div className=\"contents\" key={headerGroup.id} role=\"row\">\n                                {headerGroup.headers.map((header, index) => {\n                                    // We need to render separator if column is not the last in array, if index is not equal to freeze column index,\n                                    // if next element is not placeholder and if column itself is not placeholder.\n                                    const hasSeparator =\n                                        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n                                        index !== tableMeta.columnFreezing.frozenColumnIndex &&\n                                        index !== headerGroup.headers.length - 1 &&\n                                        (!headerGroup.headers[index + 1]?.isPlaceholder || !header.isPlaceholder);\n                                    return (\n                                        <React.Fragment key={header.id}>\n                                            {flexRender(header.column.columnDef.header, {\n                                                ...header.getContext(),\n                                                scrollToIndex,\n                                                hasSeparator,\n                                            })}\n                                        </React.Fragment>\n                                    );\n                                })}\n                            </div>\n                        ))}\n                    </div>\n                )}\n                {table.getRowModel().rows.length ? (\n                    <>\n                        <FocusScope autoFocus={tableMeta.editing.isEditing}>\n                            <div className=\"group/body contents\" data-taco=\"table2-body\" role=\"rowgroup\" ref={bodyRef}>\n                                {renderBody()}\n                            </div>\n                        </FocusScope>\n                        {/* This div makes sure that there is always a free space between the rows and footer when\n                        table height exceeds the cumulative height of all rows. See useCSSGrid.ts */}\n                        {/* By vertically translating the div a pixel down, we hide the div border below footer so that\n                        the footer border doesn't appear an extra pixel thick */}\n                        <div\n                            className={cn('border-grey-300 col-span-full border-t', { 'translate-y-px': tableMeta.enableFooter })}\n                        />\n                        {tableMeta.enableFooter ? (\n                            <div className=\"group/footer contents\" data-taco=\"table2-footer\" role=\"rowgroup\">\n                                {\n                                    // Render the footer cell only for individual columns, excluding column groups.\n                                    table\n                                        .getFooterGroups()\n                                        .slice(0, 1)\n                                        .map(footerGroup => (\n                                            <div className=\"contents\" key={footerGroup.id} role=\"row\">\n                                                {footerGroup.headers.map(footer => (\n                                                    <React.Fragment key={footer.id}>\n                                                        {flexRender(footer.column.columnDef.footer, footer.getContext())}\n                                                    </React.Fragment>\n                                                ))}\n                                            </div>\n                                        ))\n                                }\n                                {length ? (\n                                    <Summary currentLength={table.getRowModel().rows.length} length={length} table={table} />\n                                ) : null}\n                            </div>\n                        ) : null}\n                    </>\n                ) : (\n                    <div className=\"col-span-full box-border min-h-[theme(spacing.8)]\">{EmptyState ? <EmptyState /> : null}</div>\n                )}\n            </div>\n        </>\n    );\n});\n\ntype Table3WithStatics = (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const stringifiedChildren = String(props.children);\n    // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n    // this is cheaper from a complexity perspective, and probably performance wise as well\n    const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n    return <Table<TType> {...props} key={key} ref={ref} />;\n}) as Table3WithStatics;\nTable3.Column = Column;\nTable3.Group = Group;\n\n// hooks\nexport { useTable3DataLoader } from './hooks/useTableDataLoader';\n\n// types\nexport type {\n    useTable3DataFetcher,\n    useTable3DataOptions,\n    useTable3DataFetcherValues as useTableDataValues,\n} from './hooks/useTableDataLoader';\n\nexport type {\n    Table3Ref,\n    Table3Props,\n    Table3Preset,\n    Table3Settings,\n    Table3SettingsHandler,\n    Table3RowHeight,\n    Table3FilterComparator,\n    Table3FilterHandler,\n    Table3LoadPageHandler,\n    Table3LoadAllHandler,\n    Table3RowGotoHandler,\n    Table3SortHandler,\n    Table3Shortcuts,\n    Table3ShortcutHandlerFn,\n    Table3ShortcutHandlerObject,\n    Table3SortDirection,\n    Table3SortFn,\n    Table3RowActionRenderer,\n    Table3RowSelectionHandler,\n    Table3RowExpansionRenderer,\n    Table3RowDropHandler,\n    Table3RowDragHandler,\n    Table3RowClickHandler,\n    Table3ColumnProps,\n    Table3ColumnAlignment,\n    Table3ColumnDataType,\n    Table3ColumnHeaderMenu,\n    Table3ColumnClassNameHandler,\n    Table3ColumnFooterRenderer,\n    Table3ColumnRenderer,\n    Table3ColumnControlRenderer,\n    Table3ColumnControlProps,\n} from './types';\n"],"names":["Column","_","displayName","Group","Table","fixedForwardRef","Table3","props","ref","emptyState","EmptyState","customSettings","toolbarLeft","toolbarRight","defaultCurrentRowIndex","defaultRowActiveIndex","internalRef","useMergedRef","table","length","useTable","useTableRefInstanceSetup","React","useEffect","autoFocus","_internalRef$current","current","focus","renderBody","scrollToIndex","useTableRenderStrategy","tableMeta","options","meta","state","getState","bodyRef","useRef","animationFrameId","requestAnimationFrame","align","cancelAnimationFrame","handleKeyDown","event","trigger","target","eventOriginatedFromCombobox","closest","shortcutsState","isPaused","isElementInsideOverlay","isSiblingElementInsideSameParentOverlay","isElementInteractive","isElementInsideOrTriggeredFromContainer","rows","getRowModel","rowActive","editing","isEditing","undefined","rowActiveIndex","_rows$tableMeta$rowAc","rowClick","original","rowSelection","document","addEventListener","removeEventListener","handleBlur","isEnabled","handleFocus","handleScroll","columnFreezing","Promise","resolve","e","reject","className","cn","fontSize","size","FontSizes","small","medium","large","style","cssGridStyle","useCssGrid","printing","isPrinting","rowActions","actionsForRowLength","cssVars","useCssVars","rowHeight","height","opacity","columnFreezingStyle","useColumnFreezingStyle","id","headerOffsetStyle","useHeaderOffsetStyle","isServerLoadingAndNotReady","isUsingServer","Toolbar","tableProps","total","left","right","ErrorAlert","tableRef","rowIdentifier","horizontallyScrolled","isHoverStatePaused","columnSizingInfo","isResizingColumn","onBlur","onFocus","onScroll","role","tabIndex","getHeaderGroups","map","headerGroup","key","headers","header","index","hasSeparator","frozenColumnIndex","_headerGroup$headers","isPlaceholder","Fragment","flexRender","column","columnDef","getContext","FocusScope","enableFooter","getFooterGroups","slice","footerGroup","footer","Summary","currentLength","stringifiedChildren","String","children","useMemo"],"mappings":"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"}
+{"version":3,"file":"Table3.js","sources":["../../../../../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { TableRef } from '../../primitives/Table/types';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { TableColumnProps, TableGroupProps } from '../../primitives/Table/types';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport './style.css';\n\nfunction Column<TType = unknown>(_: TableColumnProps<TType>) {\n    return null;\n}\n\nfunction Group(_: TableGroupProps) {\n    return null;\n}\n\nexport const Table3 = fixedForwardRef<TableRef, Table3Props>(function Table3<TType = unknown>(\n    props: Table3Props<TType>,\n    ref: React.Ref<TableRef>\n) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const handleBlur = (event: React.FocusEvent<HTMLTableElement>) => {\n        if (table3.meta.editing.isEditing) {\n            table3.meta.editing.handleBlur(event);\n        }\n    };\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n        onBlur: handleBlur,\n    };\n\n    const hasValidationErrors = table3.meta.editing.hasErrors(table3.instance, table3.ref);\n\n    return (\n        <Table>\n            <Table.Toolbar table={table3 as any}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasValidationErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid {...gridAttributes} data-taco=\"table3\" table={table3 as any} />\n        </Table>\n    );\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<TableRef>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n"],"names":["Column","_","Group","Table3","fixedForwardRef","props","ref","table3","useTable3","handleBlur","event","meta","editing","isEditing","gridAttributes","_table3$meta$editing","_table3$meta$editing2","isDetailedMode","undefined","enableHorizontalArrowKeyNavigation","onBlur","hasValidationErrors","hasErrors","instance","React","Table","Toolbar","table","isEnabled","Editing","scrollToIndex","renderer","Alert","className","tableRef","Grid"],"mappings":";;;;;;;AAWA,SAASA,MAAMA,CAAkBC,CAA0B;EACvD,OAAO,IAAI;AACf;AAEA,SAASC,KAAKA,CAACD,CAAkB;EAC7B,OAAO,IAAI;AACf;MAEaE,MAAM,gBAAGC,eAAe,CAAwB,SAASD,MAAMA,CACxEE,KAAyB,EACzBC,GAAwB;;EAExB,MAAMC,MAAM,GAAGC,SAAS,CAAQH,KAAK,EAAEC,GAAG,CAAC;EAE3C,MAAMG,UAAU,GAAIC,KAAyC;IACzD,IAAIH,MAAM,CAACI,IAAI,CAACC,OAAO,CAACC,SAAS,EAAE;MAC/BN,MAAM,CAACI,IAAI,CAACC,OAAO,CAACH,UAAU,CAACC,KAAK,CAAC;;GAE5C;EAED,MAAMI,cAAc,GAAG;IACnB,yBAAyB,EAAE,CAAAC,oBAAA,GAAAR,MAAM,CAACI,IAAI,CAACC,OAAO,cAAAG,oBAAA,eAAnBA,oBAAA,CAAqBF,SAAS,GACnD,CAAAG,qBAAA,GAAAT,MAAM,CAACI,IAAI,CAACC,OAAO,cAAAI,qBAAA,eAAnBA,qBAAA,CAAqBC,cAAc,GAC/B,UAAU,GACV,QAAQ,GACZC,SAAS;IACfC,kCAAkC,EAAEZ,MAAM,CAACI,IAAI,CAACC,OAAO,CAACC,SAAS;IACjEO,MAAM,EAAEX;GACX;EAED,MAAMY,mBAAmB,GAAGd,MAAM,CAACI,IAAI,CAACC,OAAO,CAACU,SAAS,CAACf,MAAM,CAACgB,QAAQ,EAAEhB,MAAM,CAACD,GAAG,CAAC;EAEtF,oBACIkB,6BAACC,KAAK,qBACFD,6BAACC,KAAK,CAACC,OAAO;IAACC,KAAK,EAAEpB;KACjBA,MAAM,CAACI,IAAI,CAACC,OAAO,CAACgB,SAAS,kBAC1BJ,6BAACK,OAAO;IAACC,aAAa,EAAEvB,MAAM,CAACwB,QAAQ,CAACD,aAAa;IAAEH,KAAK,EAAEpB,MAAM,CAACgB;IAAY,IACjF,IAAI,CACI,EACfF,mBAAmB,kBAChBG,6BAACQ,KAAK;IACFC,SAAS,EAAC,MAAM;IAChBH,aAAa,EAAEvB,MAAM,CAACwB,QAAQ,CAACD,aAAa;IAC5CH,KAAK,EAAEpB,MAAM,CAACgB,QAAQ;IACtBW,QAAQ,EAAE3B,MAAM,CAACD;IACnB,IACF,IAAI,eACRkB,6BAACC,KAAK,CAACU,IAAI,oBAAKrB,cAAc;iBAAY,QAAQ;IAACa,KAAK,EAAEpB;KAAiB,CACvE;AAEhB,CAAC;AAIDJ,MAAM,CAACH,MAAM,GAAGA,MAAM;AACtBG,MAAM,CAACD,KAAK,GAAGA,KAAK;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/Columns/Cell/Cell.js

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext.js';
+import { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.js';
+import { EditingControlCell } from './EditingControlCell.js';
+import { EditingDisplayCell } from './EditingDisplayCell.js';
+
+function Cell(props) {
+  const {
+    cell
+  } = props;
+  const {
+    isHovered,
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const tableMeta = cell.getContext().table.options.meta;
+  const columnMeta = cell.column.columnDef.meta;
+  if (tableMeta.editing.isEditing) {
+    if (columnMeta.control) {
+      const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+      const cellError = tableMeta.editing.getCellError(cell);
+      const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;
+      // saves may be pending when not currently editing, but we want to show the "changed" data
+      // otherwise the unsaved value flashes in while the request completes, which looks a bit shit
+      const changedValue = tableMeta.editing.getCellValue(cell);
+      if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {
+        // a little hacky, but it seems to work without side effects
+        cell.getValue = () => changedValue;
+      }
+      if (isActiveRow || !!cellError || isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused) {
+        return /*#__PURE__*/React__default.createElement(EditingControlCell, Object.assign({}, props));
+      }
+    }
+    return /*#__PURE__*/React__default.createElement(EditingDisplayCell, Object.assign({}, props));
+  }
+  return /*#__PURE__*/React__default.createElement(DisplayCell, Object.assign({}, props));
+}
+
+export { Cell };
+//# sourceMappingURL=Cell.js.map

package/dist/esm/packages/taco/src/components/Table3/components/Columns/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell } = props;\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    if (tableMeta.editing.isEditing) {\n        if (columnMeta.control) {\n            const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n            const cellError = tableMeta.editing.getCellError(cell);\n            const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n            // saves may be pending when not currently editing, but we want to show the \"changed\" data\n            // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n            const changedValue = tableMeta.editing.getCellValue(cell);\n\n            if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n                // a little hacky, but it seems to work without side effects\n                cell.getValue = () => changedValue as any;\n            }\n\n            if (isActiveRow || !!cellError || (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n                return <EditingControlCell<TType> {...props} />;\n            }\n        }\n\n        return <EditingDisplayCell<TType> {...props} />;\n    }\n\n    return <DisplayCell<TType> {...props} />;\n}\n"],"names":["Cell","props","cell","isHovered","rowIndex","React","useContext","RowContext","tableMeta","getContext","table","options","meta","columnMeta","column","columnDef","editing","isEditing","control","isActiveRow","rowActive","rowActiveIndex","cellError","getCellError","hasErrorAndIsEditing","changedValue","getCellValue","undefined","getValue","isHoverStatePaused","EditingControlCell","EditingDisplayCell","DisplayCell"],"mappings":";;;;;;SAQgBA,IAAIA,CAAkBC,KAAoC;EACtE,MAAM;IAAEC;GAAM,GAAGD,KAAK;EACtB,MAAM;IAAEE,SAAS;IAAEC;GAAU,GAAGC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;EAC5D,MAAMC,SAAS,GAAGN,IAAI,CAACO,UAAU,EAAE,CAACC,KAAK,CAACC,OAAO,CAACC,IAA6B;EAC/E,MAAMC,UAAU,GAAGX,IAAI,CAACY,MAAM,CAACC,SAAS,CAACH,IAA4C;EAErF,IAAIJ,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAE;IAC7B,IAAIJ,UAAU,CAACK,OAAO,EAAE;MACpB,MAAMC,WAAW,GAAGX,SAAS,CAACY,SAAS,CAACC,cAAc,KAAKjB,QAAQ;MACnE,MAAMkB,SAAS,GAAGd,SAAS,CAACQ,OAAO,CAACO,YAAY,CAACrB,IAAI,CAAC;MACtD,MAAMsB,oBAAoB,GAAGF,SAAS,GAAGd,SAAS,CAACQ,OAAO,CAACC,SAAS,GAAG,IAAI;;;MAI3E,MAAMQ,YAAY,GAAGjB,SAAS,CAACQ,OAAO,CAACU,YAAY,CAACxB,IAAI,CAAC;MAEzD,IAAIuB,YAAY,KAAKE,SAAS,IAAIF,YAAY,KAAKvB,IAAI,CAAC0B,QAAQ,EAAE,IAAIJ,oBAAoB,EAAE;;QAExFtB,IAAI,CAAC0B,QAAQ,GAAG,MAAMH,YAAmB;;MAG7C,IAAIN,WAAW,IAAI,CAAC,CAACG,SAAS,IAAKnB,SAAS,IAAI,CAACgB,WAAW,IAAI,CAACX,SAAS,CAACY,SAAS,CAACS,kBAAmB,EAAE;QACtG,oBAAOxB,6BAACyB,kBAAkB,oBAAY7B,KAAK,EAAI;;;IAIvD,oBAAOI,6BAAC0B,kBAAkB,oBAAY9B,KAAK,EAAI;;EAGnD,oBAAOI,6BAAC2B,WAAW,oBAAY/B,KAAK,EAAI;AAC5C;;;;"}