@economic/taco 1.40.0 → 1.40.1

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

@@ -4,7 +4,6 @@ import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { Group } from '../Group/Group.js';
 import { _finallyRethrows, _catch } from '../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
-import { getCellSizingClasses } from './utilities/cell.js';
 import { Cell } from './components/column/Cell.js';
 import { Header } from './components/column/Header.js';
 import { Footer } from './components/column/Footer.js';
@@ -386,10 +385,10 @@ const BaseTable2 = /*#__PURE__*/React__default.forwardRef(function BaseTable2(pr
     index: cellIndex,
     scrolled: scrolled,
     table: table
-  }, footers[footer.id] ? footers[footer.id](rows.map(row => row.original[footer.id])) : null)))))), /*#__PURE__*/React__default.createElement(Summary, {
+  }, footers[footer.id] ? footers[footer.id](rows.map(row => row.original[footer.id])) : null)))), /*#__PURE__*/React__default.createElement(Summary, {
     length: length !== null && length !== void 0 ? length : rows.length,
     table: table
-  }), !!_experimentalActionsForTable && table.options.enableRowSelection && (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? /*#__PURE__*/React__default.createElement(BatchActionsMenu, {
+  }))), !!_experimentalActionsForTable && table.options.enableRowSelection && (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? /*#__PURE__*/React__default.createElement(BatchActionsMenu, {
     className: "fixed-center-x bottom-0 z-50 mb-4 print:hidden",
     actionsForTable: _experimentalActionsForTable,
     summary: _experimentalActionsForTableSummary,
@@ -407,10 +406,8 @@ const Summary = ({
   const label = selectedLength > 0 ? texts.table2.footer.summary.selected : texts.table2.footer.summary.records;
   const total = selectedLength > 0 ? selectedLength : length;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "z-10 -mt-4"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: cn('-mt-10 ml-px h-7 w-fit rounded-bl bg-white !pr-2 shadow-[6px_0px_6px_theme(colors.white)]', getCellSizingClasses('normal'))
-  }, label, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, total)));
+    className: cn('sticky bottom-0 left-0 z-10 -mt-10 flex h-10 w-fit items-center bg-white px-4 !pr-3 shadow-[6px_0px_6px_theme(colors.white)]')
+  }, label, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, total));
 };
 const Table2 = /*#__PURE__*/React__default.forwardRef(function Table2(props, ref) {
   const key = React__default.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);

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

@@ -1 +1 @@
-{"version":3,"file":"Table2.js","sources":["../../../../../../../src/components/Table2/Table2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Row as TRow, TableMeta } from '@tanstack/react-table';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { Cell } from './components/column/Cell';\nimport { Header } from './components/column/Header';\nimport { Footer } from './components/column/Footer';\nimport { Table2Props, Table2ColumnProps } from './types';\nimport { useTable } from './hooks/useTable';\nimport { useVirtualiser } from './hooks/useVirtualiser';\nimport { Group } from '../Group/Group';\nimport { useGridTemplate } from './hooks/useGridTemplate';\nimport { RowDensityButton } from './components/RowDensityButton';\nimport { ColumnSettingsButton } from './components/ColumnSettingsButton';\nimport { ExpandedRow } from './components/row/ExpandedRow';\nimport { BatchActionsMenu } from './components/BatchActionsMenu';\nimport { Row } from './components/row/Row';\nimport { FiltersButton } from './components/filters/FiltersButton';\nimport { Search } from './components/Search';\nimport { EditModeButton } from './components/EditModeButton';\nimport { getCellSizingClasses } from './utilities/cell';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type Table2Texts = {\n    columns: {\n        resize: {\n            tooltip: string;\n        };\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n        menu: {\n            hideColumn: string;\n            freezeColumns: (count: number) => string;\n            unfreezeColumns: string;\n        };\n    };\n    columnSettings: {\n        search: string;\n        tooltip: string;\n        button: string;\n        noResults: string;\n    };\n    editing: {\n        button: string;\n        tooltip: string;\n        tooltipDisabled: string;\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addNewFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isAllOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        tooltip: string;\n        total: string;\n    };\n    footer: {\n        summary: {\n            records: string;\n            selected: string;\n        };\n    };\n    rowDensity: {\n        tooltip: string;\n        compact: string;\n        normal: string;\n        comfortable: string;\n        spacious: string;\n    };\n    search: {\n        placeholder: string;\n    };\n    shortcuts: {\n        tooltip: string;\n        search: string;\n        filter: string;\n        previousRow: string;\n        nextRow: string;\n        editCell: string;\n        previousColumn: string;\n        nextColumn: string;\n        rowClick: string;\n        selectRow: string;\n        selectAllRows: string;\n        expandRow: string;\n        collapseRow: string;\n    };\n};\n\nfunction Column<TType = any>(_: Table2ColumnProps<TType>) {\n    return null;\n}\nColumn.displayName = 'Table2Column';\n\nexport type Table2Ref = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n        toggleEditing: () => void;\n    };\n};\n\nconst BaseTable2 = React.forwardRef(function BaseTable2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n    // dom\n    const {\n        emptyState: EmptyState,\n        expandedRowRenderer,\n        length = props.data.length,\n        loadMore,\n        onRowClick,\n        onRowDrop,\n        toolbarLeft,\n        toolbarRight,\n        _experimentalActionsForTable,\n        _experimentalActionsForTableSummary,\n    } = props;\n    const tableRef = useMergedRef<Table2Ref>(ref);\n    const timeoutIdRef = React.useRef<NodeJS.Timeout>();\n    const prevScrollY = React.useRef<number>(0);\n\n    // react-table\n    const { rows, table, footers } = useTable(props.children, props, tableRef);\n    const meta = table.options.meta as TableMeta<TType>;\n\n    const { columnVisibility, columnOrder, globalFilter } = table.getState();\n\n    React.useEffect(() => {\n        if (tableRef.current) {\n            tableRef.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n                toggleEditing: () => meta.editMode.toggleEditing(),\n            };\n        }\n    }, [table, tableRef.current]);\n\n    // If column visibility or order changes then we turn off the edit mode so that control indexes gets computed\n    // when user turns on the editing mode again. This is a temporary solution to make sure the keyboard navigation\n    // still keeps working on changes in column visibility, order, or both\n    React.useEffect(() => {\n        meta.resetFocussableColumnIndexes();\n    }, [columnVisibility, columnOrder]);\n\n    React.useEffect(() => {\n        // Whenever edit mode is turned off we reset the focussableColumnIndexes ref to an empty array so that\n        // we don't have stale values, in case column visibility or ordering changes\n        if (!meta.editMode.isEditing) {\n            meta.resetFocussableColumnIndexes();\n        }\n    }, [meta.editMode.isEditing]);\n\n    React.useEffect(() => {\n        return () => clearTimeout(timeoutIdRef.current);\n    }, []);\n\n    // virtualiser\n    const { virtualiser, virtualiserOffsets, setExpandedRowSizes } = useVirtualiser({ rows, table }, tableRef);\n\n    // css grid\n    const gridTemplateColumns = useGridTemplate(table);\n\n    // handlers\n    const editButtonRef = React.useRef(null);\n\n    // support grid like keyboard navigation between cells\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (document.activeElement === tableRef.current) {\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    meta.setActiveRowIndex(0);\n                    virtualiser.scrollToOffset(0);\n                } else {\n                    meta.moveToPreviousRow(rows, nextIndex => {\n                        meta.setShouldPauseHoverState(true);\n                        virtualiser.scrollToIndex(nextIndex - 1);\n                    });\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    meta.setActiveRowIndex(rows.length - 1);\n                    virtualiser.scrollToOffset(virtualiser.totalSize + 1);\n                } else {\n                    meta.moveToNextRow(rows, nextIndex => {\n                        meta.setShouldPauseHoverState(true);\n\n                        // the virtualiser doesn't always scroll right to the bottom for the last row\n                        if (nextIndex === rows.length - 1) {\n                            tableRef.current?.scrollTo(0, tableRef.current.scrollHeight);\n                        } else {\n                            virtualiser.scrollToIndex(nextIndex + 2);\n                        }\n                    });\n                }\n\n                return;\n            }\n\n            const canToggleRowExpansion = table.options.enableExpanding;\n\n            if (event.key === 'ArrowLeft') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    if (canToggleRowExpansion) {\n                        rows[meta.activeRowIndex]?.toggleExpanded(false);\n                    }\n                }\n                return;\n            }\n\n            if (event.key === 'ArrowRight') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    if (canToggleRowExpansion) {\n                        rows[meta?.activeRowIndex]?.toggleExpanded(true);\n                    }\n                }\n\n                return;\n            }\n\n            if (event.key === 'Enter') {\n                event.preventDefault();\n\n                if (onRowClick) {\n                    onRowClick(rows[meta?.activeRowIndex].original);\n                }\n\n                return;\n            }\n\n            if (event.key === ' ') {\n                event.preventDefault();\n\n                if (table.options.enableRowSelection) {\n                    rows[meta.activeRowIndex]?.toggleSelected();\n                }\n\n                return;\n            }\n\n            if (event.ctrlKey || event.metaKey) {\n                if (event.key === 'a' && table.options.enableRowSelection) {\n                    event.preventDefault();\n                    table.toggleAllRowsSelected();\n                }\n\n                return;\n            }\n        }\n    };\n\n    let handleBlur;\n\n    if (meta.editMode.isEditing) {\n        handleBlur = (event: React.FocusEvent) => {\n            let elementGainingFocus = event.relatedTarget;\n\n            if (elementGainingFocus === undefined) {\n                return;\n            }\n\n            // we might be focusing on a select or a popover that was triggered from inside the table\n            // so see if the element gaining focus is inside a portal and look up its controller\n            const portalId = elementGainingFocus?.closest('[data-radix-popper-content-wrapper] > :first-child')?.id;\n\n            if (portalId) {\n                elementGainingFocus = event.currentTarget.querySelector(`[aria-controls=\"${portalId}\"]`) ?? event.relatedTarget;\n            }\n\n            if (!event.currentTarget?.contains(elementGainingFocus) && elementGainingFocus !== editButtonRef.current) {\n                // When we call manually blur on control component while navigating to the next cell, then when this\n                // handler is run, the related target is not the next control component and active element is null,\n                // that's why we explictly need to check what's the next focussed element in order to figure out whether\n                // we should disabled the sorting or not.\n                timeoutIdRef.current = setTimeout(() => {\n                    const parentRow = event.target.closest('[role=\"row\"]');\n                    const isNewFocussedElementInSameRow = parentRow?.contains(document.activeElement);\n\n                    // When we manually call blur on control component and focus another component then\n                    // we have to make sure we\n                    if (meta.shouldPauseSortingAndFiltering && !isNewFocussedElementInSameRow) {\n                        // if client side - unpause sorting\n                        meta.setShouldPauseSortingAndFiltering(false);\n                    }\n                });\n            }\n        };\n    }\n\n    // TODO: this can probably be extracted into a hook\n    // we only show the pinned shadow on display columns when scrolling is active\n    const [scrolled, setScrolled] = React.useState(false);\n\n    // extract - infinite loading\n    const loadingRef = React.useRef(false);\n\n    const handleScroll = async (event: React.MouseEvent<HTMLDivElement>) => {\n        if (event.currentTarget.scrollLeft > 0 && !scrolled) {\n            setScrolled(true);\n        } else if (event.currentTarget.scrollLeft === 0 && scrolled) {\n            setScrolled(false);\n        } else if (typeof loadMore === 'function') {\n            const scrollY = event.currentTarget.scrollTop;\n            const isScrollingDown = scrollY > prevScrollY.current;\n            prevScrollY.current = scrollY;\n\n            const scrolledPercentage = Math.round(\n                (scrollY / (event.currentTarget.scrollHeight - event.currentTarget.clientHeight)) * 100\n            );\n\n            if (isScrollingDown && !loadingRef.current && scrolledPercentage >= 80) {\n                try {\n                    const isAllRowsSelected = table.getIsAllRowsSelected();\n                    loadingRef.current = true;\n                    await loadMore();\n\n                    if (isAllRowsSelected) {\n                        table.toggleAllRowsSelected(true);\n                    }\n                } catch (error) {\n                    console.error(error);\n                } finally {\n                    loadingRef.current = false;\n                }\n            }\n        }\n    };\n\n    let handleMouseLeave;\n\n    if (meta.shouldPauseHoverState) {\n        // sometimes the row's onMouseLeave doesn't trigger, this adds some extra redundancy\n        handleMouseLeave = () => meta.setShouldPauseHoverState(false);\n    }\n\n    const className = cn(\n        'bg-white border border-grey-300 focus:yt-focus focus:border-blue-500 grid auto-rows-max overflow-auto relative rounded group',\n        props.className\n    );\n\n    const enableSettingsButton = table.options.enableHiding || meta.enableColumnReordering;\n    const hasInternalToolbar =\n        enableSettingsButton ||\n        meta.editMode.enableEditMode ||\n        table.options.enableColumnFilters ||\n        meta.enableRowDensity ||\n        table.options.enableGlobalFilter;\n    const hasToolbar = hasInternalToolbar || !!toolbarLeft || !toolbarRight;\n\n    const frozenColumnIds = table.getLeftVisibleLeafColumns().map(c => c.id);\n\n    return (\n        <div className=\"-m-0.5 flex h-full w-[calc(100%_+_0.25rem)] flex-col gap-4 overflow-hidden p-0.5\">\n            {hasToolbar ? (\n                <div className=\"flex flex-wrap gap-2\">\n                    {toolbarLeft}\n                    {hasInternalToolbar ? (\n                        <Group className=\"ml-auto flex-shrink-0 print:hidden\">\n                            {meta.editMode.enableEditMode ? (\n                                <EditModeButton\n                                    ref={editButtonRef}\n                                    table={table}\n                                    tableRef={tableRef}\n                                    scrollToIndex={virtualiser.scrollToIndex}\n                                />\n                            ) : null}\n                            {table.options.enableColumnFilters ? <FiltersButton length={length} table={table} /> : null}\n                            {toolbarRight}\n                            {meta.enableRowDensity ? <RowDensityButton table={table} /> : null}\n                            {enableSettingsButton ? <ColumnSettingsButton table={table} /> : null}\n                            {table.options.enableGlobalFilter ? (\n                                <Search\n                                    disabled={meta.shouldDisableTableActions}\n                                    onSearch={table.setGlobalFilter}\n                                    value={globalFilter}\n                                />\n                            ) : null}\n                        </Group>\n                    ) : null}\n                    {/*<ShortcutsGuideButton table={table} />*/}\n                </div>\n            ) : null}\n            <div\n                className={className}\n                data-taco=\"table2\"\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onMouseLeave={handleMouseLeave}\n                onScroll={handleScroll}\n                ref={tableRef}\n                role=\"table\"\n                style={{\n                    gridTemplateColumns,\n                    gridTemplateRows: rows.length ? undefined : '40px',\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                tabIndex={0}>\n                <div className=\"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, columnIndex) => (\n                                <Header\n                                    frozenColumnIds={frozenColumnIds}\n                                    key={header.id}\n                                    header={header}\n                                    index={columnIndex}\n                                    isLastColumn={columnIndex === headerGroup.headers.length - 1}\n                                    scrolled={scrolled}\n                                    table={table}\n                                    tableRef={tableRef}\n                                />\n                            ))}\n                        </div>\n                    ))}\n                </div>\n                {rows.length ? (\n                    <div className=\"contents\" data-taco=\"table2-body\" role=\"rowgroup\">\n                        {virtualiserOffsets.top ? (\n                            <div style={{ height: virtualiserOffsets.top }} className=\"col-span-full\" />\n                        ) : null}\n                        {virtualiser.virtualItems.map(virtualRow => {\n                            const row = rows[virtualRow.index];\n\n                            return (\n                                <React.Fragment key={row.id}>\n                                    <Row\n                                        className=\"group/row contents\"\n                                        onRowDrop={onRowDrop}\n                                        row={row}\n                                        rowIndex={virtualRow.index}\n                                        table={table}>\n                                        {row.getVisibleCells().map((cell, columnIndex) => (\n                                            <Cell\n                                                cell={cell}\n                                                frozenColumnIds={frozenColumnIds}\n                                                key={`${cell.id}_${cell.getValue()}`}\n                                                index={columnIndex}\n                                                isLastRow={virtualRow.index === rows.length - 1}\n                                                rows={rows}\n                                                rowIndex={virtualRow.index}\n                                                scrolled={scrolled}\n                                                scrollToIndex={virtualiser.scrollToIndex}\n                                                scrollToOffset={virtualiser.scrollToOffset}\n                                                table={table}\n                                                tableRef={tableRef}\n                                            />\n                                        ))}\n                                    </Row>\n                                    {row.getIsExpanded() && expandedRowRenderer ? (\n                                        <ExpandedRow index={virtualRow.index} setSize={setExpandedRowSizes}>\n                                            {expandedRowRenderer(row.original)?.()}\n                                        </ExpandedRow>\n                                    ) : null}\n                                </React.Fragment>\n                            );\n                        })}\n                        {virtualiserOffsets.bottom ? (\n                            <div style={{ height: virtualiserOffsets.bottom }} className=\"col-span-full\" />\n                        ) : null}\n                    </div>\n                ) : (\n                    <div className=\"col-span-full min-h-[theme(spacing.8)]\">{EmptyState ? <EmptyState /> : null}</div>\n                )}\n                <div className=\"contents\" data-taco=\"table2-footer\" role=\"rowgroup\">\n                    <div role=\"row\" className=\"contents\">\n                        {table.getFooterGroups().map(footerGroup =>\n                            footerGroup.headers.map((footer, cellIndex) => (\n                                <Footer\n                                    key={footer.id}\n                                    footer={footer}\n                                    frozenColumnIds={frozenColumnIds}\n                                    index={cellIndex}\n                                    scrolled={scrolled}\n                                    table={table}>\n                                    {footers[footer.id]\n                                        ? footers[footer.id](rows.map((row: TRow<TType>) => row.original[footer.id]))\n                                        : null}\n                                </Footer>\n                            ))\n                        )}\n                    </div>\n                </div>\n            </div>\n            <Summary length={length ?? rows.length} table={table} />\n            {!!_experimentalActionsForTable &&\n            table.options.enableRowSelection &&\n            (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? (\n                <BatchActionsMenu<TType>\n                    className=\"fixed-center-x bottom-0 z-50 mb-4 print:hidden\"\n                    actionsForTable={_experimentalActionsForTable}\n                    summary={_experimentalActionsForTableSummary}\n                    table={table}\n                />\n            ) : null}\n        </div>\n    );\n}) as React.ForwardRefExoticComponent<Table2Props<any>> &\n    (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nconst Summary = ({ length, table }) => {\n    const { texts } = useLocalization();\n\n    const selectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;\n    const label = selectedLength > 0 ? texts.table2.footer.summary.selected : texts.table2.footer.summary.records;\n    const total = selectedLength > 0 ? selectedLength : length;\n\n    return (\n        <div className=\"z-10 -mt-4\">\n            <div\n                className={cn(\n                    '-mt-10 ml-px h-7 w-fit rounded-bl bg-white !pr-2 shadow-[6px_0px_6px_theme(colors.white)]',\n                    getCellSizingClasses('normal')\n                )}>\n                {label}&nbsp;\n                <strong>{total}</strong>\n            </div>\n        </div>\n    );\n};\nexport type ForwardedTable2WithStatics = React.ForwardRefExoticComponent<Table2Props<any>> & {\n    Column: <TType>(props: Table2ColumnProps<TType>) => JSX.Element | null;\n} & (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nconst Table2 = React.forwardRef(function Table2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n    const key = React.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);\n    return <BaseTable2 {...props} key={key} ref={ref} />;\n}) as ForwardedTable2WithStatics;\n\nTable2.Column = Column;\n\nexport { Table2 };\nexport type { Table2Props };\nexport type { Table2ColumnProps, Table2ActionProps, Table2RowActionRenderer, Table2Settings } from './types';\n"],"names":["Column","_","displayName","BaseTable2","React","forwardRef","props","ref","emptyState","EmptyState","expandedRowRenderer","length","data","loadMore","onRowClick","onRowDrop","toolbarLeft","toolbarRight","_experimentalActionsForTable","_experimentalActionsForTableSummary","tableRef","useMergedRef","timeoutIdRef","useRef","prevScrollY","rows","table","footers","useTable","children","meta","options","columnVisibility","columnOrder","globalFilter","getState","useEffect","current","instance","resetFiltering","resetColumnFilters","resetRowExpansion","resetExpanded","resetRowSelection","resetSorting","toggleEditing","editMode","resetFocussableColumnIndexes","isEditing","clearTimeout","virtualiser","virtualiserOffsets","setExpandedRowSizes","useVirtualiser","gridTemplateColumns","useGridTemplate","editButtonRef","handleKeyDown","event","document","activeElement","key","preventDefault","ctrlKey","metaKey","setActiveRowIndex","scrollToOffset","moveToPreviousRow","nextIndex","setShouldPauseHoverState","scrollToIndex","totalSize","moveToNextRow","scrollTo","scrollHeight","canToggleRowExpansion","enableExpanding","activeRowIndex","toggleExpanded","original","enableRowSelection","toggleSelected","toggleAllRowsSelected","handleBlur","elementGainingFocus","relatedTarget","undefined","portalId","closest","id","currentTarget","querySelector","contains","setTimeout","parentRow","target","isNewFocussedElementInSameRow","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","scrolled","setScrolled","useState","loadingRef","handleScroll","scrollLeft","scrollY","scrollTop","isScrollingDown","scrolledPercentage","Math","round","clientHeight","isAllRowsSelected","getIsAllRowsSelected","error","console","handleMouseLeave","shouldPauseHoverState","className","cn","enableSettingsButton","enableHiding","enableColumnReordering","hasInternalToolbar","enableEditMode","enableColumnFilters","enableRowDensity","enableGlobalFilter","hasToolbar","frozenColumnIds","getLeftVisibleLeafColumns","map","c","Group","EditModeButton","FiltersButton","RowDensityButton","ColumnSettingsButton","Search","disabled","shouldDisableTableActions","onSearch","setGlobalFilter","value","onBlur","onKeyDown","onMouseLeave","onScroll","role","style","gridTemplateRows","opacity","tabIndex","getHeaderGroups","headerGroup","headers","header","columnIndex","Header","index","isLastColumn","top","height","virtualItems","virtualRow","row","Fragment","Row","rowIndex","getVisibleCells","cell","Cell","getValue","isLastRow","getIsExpanded","ExpandedRow","setSize","bottom","getFooterGroups","footerGroup","footer","cellIndex","Footer","Summary","getIsSomeRowsSelected","BatchActionsMenu","actionsForTable","summary","texts","useLocalization","selectedLength","getSelectedRowModel","label","table2","selected","records","total","getCellSizingClasses","Table2","useMemo","String"],"mappings":"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"}
+{"version":3,"file":"Table2.js","sources":["../../../../../../../src/components/Table2/Table2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Row as TRow, TableMeta } from '@tanstack/react-table';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { Cell } from './components/column/Cell';\nimport { Header } from './components/column/Header';\nimport { Footer } from './components/column/Footer';\nimport { Table2Props, Table2ColumnProps } from './types';\nimport { useTable } from './hooks/useTable';\nimport { useVirtualiser } from './hooks/useVirtualiser';\nimport { Group } from '../Group/Group';\nimport { useGridTemplate } from './hooks/useGridTemplate';\nimport { RowDensityButton } from './components/RowDensityButton';\nimport { ColumnSettingsButton } from './components/ColumnSettingsButton';\nimport { ExpandedRow } from './components/row/ExpandedRow';\nimport { BatchActionsMenu } from './components/BatchActionsMenu';\nimport { Row } from './components/row/Row';\nimport { FiltersButton } from './components/filters/FiltersButton';\nimport { Search } from './components/Search';\nimport { EditModeButton } from './components/EditModeButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type Table2Texts = {\n    columns: {\n        resize: {\n            tooltip: string;\n        };\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n        menu: {\n            hideColumn: string;\n            freezeColumns: (count: number) => string;\n            unfreezeColumns: string;\n        };\n    };\n    columnSettings: {\n        search: string;\n        tooltip: string;\n        button: string;\n        noResults: string;\n    };\n    editing: {\n        button: string;\n        tooltip: string;\n        tooltipDisabled: string;\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addNewFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isAllOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        tooltip: string;\n        total: string;\n    };\n    footer: {\n        summary: {\n            records: string;\n            selected: string;\n        };\n    };\n    rowDensity: {\n        tooltip: string;\n        compact: string;\n        normal: string;\n        comfortable: string;\n        spacious: string;\n    };\n    search: {\n        placeholder: string;\n    };\n    shortcuts: {\n        tooltip: string;\n        search: string;\n        filter: string;\n        previousRow: string;\n        nextRow: string;\n        editCell: string;\n        previousColumn: string;\n        nextColumn: string;\n        rowClick: string;\n        selectRow: string;\n        selectAllRows: string;\n        expandRow: string;\n        collapseRow: string;\n    };\n};\n\nfunction Column<TType = any>(_: Table2ColumnProps<TType>) {\n    return null;\n}\nColumn.displayName = 'Table2Column';\n\nexport type Table2Ref = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n        toggleEditing: () => void;\n    };\n};\n\nconst BaseTable2 = React.forwardRef(function BaseTable2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n    // dom\n    const {\n        emptyState: EmptyState,\n        expandedRowRenderer,\n        length = props.data.length,\n        loadMore,\n        onRowClick,\n        onRowDrop,\n        toolbarLeft,\n        toolbarRight,\n        _experimentalActionsForTable,\n        _experimentalActionsForTableSummary,\n    } = props;\n    const tableRef = useMergedRef<Table2Ref>(ref);\n    const timeoutIdRef = React.useRef<NodeJS.Timeout>();\n    const prevScrollY = React.useRef<number>(0);\n\n    // react-table\n    const { rows, table, footers } = useTable(props.children, props, tableRef);\n    const meta = table.options.meta as TableMeta<TType>;\n\n    const { columnVisibility, columnOrder, globalFilter } = table.getState();\n\n    React.useEffect(() => {\n        if (tableRef.current) {\n            tableRef.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n                toggleEditing: () => meta.editMode.toggleEditing(),\n            };\n        }\n    }, [table, tableRef.current]);\n\n    // If column visibility or order changes then we turn off the edit mode so that control indexes gets computed\n    // when user turns on the editing mode again. This is a temporary solution to make sure the keyboard navigation\n    // still keeps working on changes in column visibility, order, or both\n    React.useEffect(() => {\n        meta.resetFocussableColumnIndexes();\n    }, [columnVisibility, columnOrder]);\n\n    React.useEffect(() => {\n        // Whenever edit mode is turned off we reset the focussableColumnIndexes ref to an empty array so that\n        // we don't have stale values, in case column visibility or ordering changes\n        if (!meta.editMode.isEditing) {\n            meta.resetFocussableColumnIndexes();\n        }\n    }, [meta.editMode.isEditing]);\n\n    React.useEffect(() => {\n        return () => clearTimeout(timeoutIdRef.current);\n    }, []);\n\n    // virtualiser\n    const { virtualiser, virtualiserOffsets, setExpandedRowSizes } = useVirtualiser({ rows, table }, tableRef);\n\n    // css grid\n    const gridTemplateColumns = useGridTemplate(table);\n\n    // handlers\n    const editButtonRef = React.useRef(null);\n\n    // support grid like keyboard navigation between cells\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (document.activeElement === tableRef.current) {\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    meta.setActiveRowIndex(0);\n                    virtualiser.scrollToOffset(0);\n                } else {\n                    meta.moveToPreviousRow(rows, nextIndex => {\n                        meta.setShouldPauseHoverState(true);\n                        virtualiser.scrollToIndex(nextIndex - 1);\n                    });\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    meta.setActiveRowIndex(rows.length - 1);\n                    virtualiser.scrollToOffset(virtualiser.totalSize + 1);\n                } else {\n                    meta.moveToNextRow(rows, nextIndex => {\n                        meta.setShouldPauseHoverState(true);\n\n                        // the virtualiser doesn't always scroll right to the bottom for the last row\n                        if (nextIndex === rows.length - 1) {\n                            tableRef.current?.scrollTo(0, tableRef.current.scrollHeight);\n                        } else {\n                            virtualiser.scrollToIndex(nextIndex + 2);\n                        }\n                    });\n                }\n\n                return;\n            }\n\n            const canToggleRowExpansion = table.options.enableExpanding;\n\n            if (event.key === 'ArrowLeft') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    if (canToggleRowExpansion) {\n                        rows[meta.activeRowIndex]?.toggleExpanded(false);\n                    }\n                }\n                return;\n            }\n\n            if (event.key === 'ArrowRight') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    if (canToggleRowExpansion) {\n                        rows[meta?.activeRowIndex]?.toggleExpanded(true);\n                    }\n                }\n\n                return;\n            }\n\n            if (event.key === 'Enter') {\n                event.preventDefault();\n\n                if (onRowClick) {\n                    onRowClick(rows[meta?.activeRowIndex].original);\n                }\n\n                return;\n            }\n\n            if (event.key === ' ') {\n                event.preventDefault();\n\n                if (table.options.enableRowSelection) {\n                    rows[meta.activeRowIndex]?.toggleSelected();\n                }\n\n                return;\n            }\n\n            if (event.ctrlKey || event.metaKey) {\n                if (event.key === 'a' && table.options.enableRowSelection) {\n                    event.preventDefault();\n                    table.toggleAllRowsSelected();\n                }\n\n                return;\n            }\n        }\n    };\n\n    let handleBlur;\n\n    if (meta.editMode.isEditing) {\n        handleBlur = (event: React.FocusEvent) => {\n            let elementGainingFocus = event.relatedTarget;\n\n            if (elementGainingFocus === undefined) {\n                return;\n            }\n\n            // we might be focusing on a select or a popover that was triggered from inside the table\n            // so see if the element gaining focus is inside a portal and look up its controller\n            const portalId = elementGainingFocus?.closest('[data-radix-popper-content-wrapper] > :first-child')?.id;\n\n            if (portalId) {\n                elementGainingFocus = event.currentTarget.querySelector(`[aria-controls=\"${portalId}\"]`) ?? event.relatedTarget;\n            }\n\n            if (!event.currentTarget?.contains(elementGainingFocus) && elementGainingFocus !== editButtonRef.current) {\n                // When we call manually blur on control component while navigating to the next cell, then when this\n                // handler is run, the related target is not the next control component and active element is null,\n                // that's why we explictly need to check what's the next focussed element in order to figure out whether\n                // we should disabled the sorting or not.\n                timeoutIdRef.current = setTimeout(() => {\n                    const parentRow = event.target.closest('[role=\"row\"]');\n                    const isNewFocussedElementInSameRow = parentRow?.contains(document.activeElement);\n\n                    // When we manually call blur on control component and focus another component then\n                    // we have to make sure we\n                    if (meta.shouldPauseSortingAndFiltering && !isNewFocussedElementInSameRow) {\n                        // if client side - unpause sorting\n                        meta.setShouldPauseSortingAndFiltering(false);\n                    }\n                });\n            }\n        };\n    }\n\n    // TODO: this can probably be extracted into a hook\n    // we only show the pinned shadow on display columns when scrolling is active\n    const [scrolled, setScrolled] = React.useState(false);\n\n    // extract - infinite loading\n    const loadingRef = React.useRef(false);\n\n    const handleScroll = async (event: React.MouseEvent<HTMLDivElement>) => {\n        if (event.currentTarget.scrollLeft > 0 && !scrolled) {\n            setScrolled(true);\n        } else if (event.currentTarget.scrollLeft === 0 && scrolled) {\n            setScrolled(false);\n        } else if (typeof loadMore === 'function') {\n            const scrollY = event.currentTarget.scrollTop;\n            const isScrollingDown = scrollY > prevScrollY.current;\n            prevScrollY.current = scrollY;\n\n            const scrolledPercentage = Math.round(\n                (scrollY / (event.currentTarget.scrollHeight - event.currentTarget.clientHeight)) * 100\n            );\n\n            if (isScrollingDown && !loadingRef.current && scrolledPercentage >= 80) {\n                try {\n                    const isAllRowsSelected = table.getIsAllRowsSelected();\n                    loadingRef.current = true;\n                    await loadMore();\n\n                    if (isAllRowsSelected) {\n                        table.toggleAllRowsSelected(true);\n                    }\n                } catch (error) {\n                    console.error(error);\n                } finally {\n                    loadingRef.current = false;\n                }\n            }\n        }\n    };\n\n    let handleMouseLeave;\n\n    if (meta.shouldPauseHoverState) {\n        // sometimes the row's onMouseLeave doesn't trigger, this adds some extra redundancy\n        handleMouseLeave = () => meta.setShouldPauseHoverState(false);\n    }\n\n    const className = cn(\n        'bg-white border border-grey-300 focus:yt-focus focus:border-blue-500 grid auto-rows-max overflow-auto relative rounded group',\n        props.className\n    );\n\n    const enableSettingsButton = table.options.enableHiding || meta.enableColumnReordering;\n    const hasInternalToolbar =\n        enableSettingsButton ||\n        meta.editMode.enableEditMode ||\n        table.options.enableColumnFilters ||\n        meta.enableRowDensity ||\n        table.options.enableGlobalFilter;\n    const hasToolbar = hasInternalToolbar || !!toolbarLeft || !toolbarRight;\n\n    const frozenColumnIds = table.getLeftVisibleLeafColumns().map(c => c.id);\n\n    return (\n        <div className=\"-m-0.5 flex h-full w-[calc(100%_+_0.25rem)] flex-col gap-4 overflow-hidden p-0.5\">\n            {hasToolbar ? (\n                <div className=\"flex flex-wrap gap-2\">\n                    {toolbarLeft}\n                    {hasInternalToolbar ? (\n                        <Group className=\"ml-auto flex-shrink-0 print:hidden\">\n                            {meta.editMode.enableEditMode ? (\n                                <EditModeButton\n                                    ref={editButtonRef}\n                                    table={table}\n                                    tableRef={tableRef}\n                                    scrollToIndex={virtualiser.scrollToIndex}\n                                />\n                            ) : null}\n                            {table.options.enableColumnFilters ? <FiltersButton length={length} table={table} /> : null}\n                            {toolbarRight}\n                            {meta.enableRowDensity ? <RowDensityButton table={table} /> : null}\n                            {enableSettingsButton ? <ColumnSettingsButton table={table} /> : null}\n                            {table.options.enableGlobalFilter ? (\n                                <Search\n                                    disabled={meta.shouldDisableTableActions}\n                                    onSearch={table.setGlobalFilter}\n                                    value={globalFilter}\n                                />\n                            ) : null}\n                        </Group>\n                    ) : null}\n                    {/*<ShortcutsGuideButton table={table} />*/}\n                </div>\n            ) : null}\n            <div\n                className={className}\n                data-taco=\"table2\"\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onMouseLeave={handleMouseLeave}\n                onScroll={handleScroll}\n                ref={tableRef}\n                role=\"table\"\n                style={{\n                    gridTemplateColumns,\n                    gridTemplateRows: rows.length ? undefined : '40px',\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                tabIndex={0}>\n                <div className=\"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, columnIndex) => (\n                                <Header\n                                    frozenColumnIds={frozenColumnIds}\n                                    key={header.id}\n                                    header={header}\n                                    index={columnIndex}\n                                    isLastColumn={columnIndex === headerGroup.headers.length - 1}\n                                    scrolled={scrolled}\n                                    table={table}\n                                    tableRef={tableRef}\n                                />\n                            ))}\n                        </div>\n                    ))}\n                </div>\n                {rows.length ? (\n                    <div className=\"contents\" data-taco=\"table2-body\" role=\"rowgroup\">\n                        {virtualiserOffsets.top ? (\n                            <div style={{ height: virtualiserOffsets.top }} className=\"col-span-full\" />\n                        ) : null}\n                        {virtualiser.virtualItems.map(virtualRow => {\n                            const row = rows[virtualRow.index];\n\n                            return (\n                                <React.Fragment key={row.id}>\n                                    <Row\n                                        className=\"group/row contents\"\n                                        onRowDrop={onRowDrop}\n                                        row={row}\n                                        rowIndex={virtualRow.index}\n                                        table={table}>\n                                        {row.getVisibleCells().map((cell, columnIndex) => (\n                                            <Cell\n                                                cell={cell}\n                                                frozenColumnIds={frozenColumnIds}\n                                                key={`${cell.id}_${cell.getValue()}`}\n                                                index={columnIndex}\n                                                isLastRow={virtualRow.index === rows.length - 1}\n                                                rows={rows}\n                                                rowIndex={virtualRow.index}\n                                                scrolled={scrolled}\n                                                scrollToIndex={virtualiser.scrollToIndex}\n                                                scrollToOffset={virtualiser.scrollToOffset}\n                                                table={table}\n                                                tableRef={tableRef}\n                                            />\n                                        ))}\n                                    </Row>\n                                    {row.getIsExpanded() && expandedRowRenderer ? (\n                                        <ExpandedRow index={virtualRow.index} setSize={setExpandedRowSizes}>\n                                            {expandedRowRenderer(row.original)?.()}\n                                        </ExpandedRow>\n                                    ) : null}\n                                </React.Fragment>\n                            );\n                        })}\n                        {virtualiserOffsets.bottom ? (\n                            <div style={{ height: virtualiserOffsets.bottom }} className=\"col-span-full\" />\n                        ) : null}\n                    </div>\n                ) : (\n                    <div className=\"col-span-full min-h-[theme(spacing.8)]\">{EmptyState ? <EmptyState /> : null}</div>\n                )}\n                <div className=\"contents\" data-taco=\"table2-footer\" role=\"rowgroup\">\n                    <div role=\"row\" className=\"contents\">\n                        {table.getFooterGroups().map(footerGroup =>\n                            footerGroup.headers.map((footer, cellIndex) => (\n                                <Footer\n                                    key={footer.id}\n                                    footer={footer}\n                                    frozenColumnIds={frozenColumnIds}\n                                    index={cellIndex}\n                                    scrolled={scrolled}\n                                    table={table}>\n                                    {footers[footer.id]\n                                        ? footers[footer.id](rows.map((row: TRow<TType>) => row.original[footer.id]))\n                                        : null}\n                                </Footer>\n                            ))\n                        )}\n                    </div>\n                    <Summary length={length ?? rows.length} table={table} />\n                </div>\n            </div>\n            {!!_experimentalActionsForTable &&\n            table.options.enableRowSelection &&\n            (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? (\n                <BatchActionsMenu<TType>\n                    className=\"fixed-center-x bottom-0 z-50 mb-4 print:hidden\"\n                    actionsForTable={_experimentalActionsForTable}\n                    summary={_experimentalActionsForTableSummary}\n                    table={table}\n                />\n            ) : null}\n        </div>\n    );\n}) as React.ForwardRefExoticComponent<Table2Props<any>> &\n    (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nconst Summary = ({ length, table }) => {\n    const { texts } = useLocalization();\n\n    const selectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;\n    const label = selectedLength > 0 ? texts.table2.footer.summary.selected : texts.table2.footer.summary.records;\n    const total = selectedLength > 0 ? selectedLength : length;\n\n    return (\n        <div\n            className={cn(\n                'sticky bottom-0 left-0 z-10 -mt-10 flex h-10 w-fit items-center bg-white px-4 !pr-3 shadow-[6px_0px_6px_theme(colors.white)]'\n            )}>\n            {label}&nbsp;\n            <strong>{total}</strong>\n        </div>\n    );\n};\n\nexport type ForwardedTable2WithStatics = React.ForwardRefExoticComponent<Table2Props<any>> & {\n    Column: <TType>(props: Table2ColumnProps<TType>) => JSX.Element | null;\n} & (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nconst Table2 = React.forwardRef(function Table2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n    const key = React.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);\n    return <BaseTable2 {...props} key={key} ref={ref} />;\n}) as ForwardedTable2WithStatics;\n\nTable2.Column = Column;\n\nexport { Table2 };\nexport type { Table2Props };\nexport type { Table2ColumnProps, Table2ActionProps, Table2RowActionRenderer, Table2Settings } from './types';\n"],"names":["Column","_","displayName","BaseTable2","React","forwardRef","props","ref","emptyState","EmptyState","expandedRowRenderer","length","data","loadMore","onRowClick","onRowDrop","toolbarLeft","toolbarRight","_experimentalActionsForTable","_experimentalActionsForTableSummary","tableRef","useMergedRef","timeoutIdRef","useRef","prevScrollY","rows","table","footers","useTable","children","meta","options","columnVisibility","columnOrder","globalFilter","getState","useEffect","current","instance","resetFiltering","resetColumnFilters","resetRowExpansion","resetExpanded","resetRowSelection","resetSorting","toggleEditing","editMode","resetFocussableColumnIndexes","isEditing","clearTimeout","virtualiser","virtualiserOffsets","setExpandedRowSizes","useVirtualiser","gridTemplateColumns","useGridTemplate","editButtonRef","handleKeyDown","event","document","activeElement","key","preventDefault","ctrlKey","metaKey","setActiveRowIndex","scrollToOffset","moveToPreviousRow","nextIndex","setShouldPauseHoverState","scrollToIndex","totalSize","moveToNextRow","scrollTo","scrollHeight","canToggleRowExpansion","enableExpanding","activeRowIndex","toggleExpanded","original","enableRowSelection","toggleSelected","toggleAllRowsSelected","handleBlur","elementGainingFocus","relatedTarget","undefined","portalId","closest","id","currentTarget","querySelector","contains","setTimeout","parentRow","target","isNewFocussedElementInSameRow","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","scrolled","setScrolled","useState","loadingRef","handleScroll","scrollLeft","scrollY","scrollTop","isScrollingDown","scrolledPercentage","Math","round","clientHeight","isAllRowsSelected","getIsAllRowsSelected","error","console","handleMouseLeave","shouldPauseHoverState","className","cn","enableSettingsButton","enableHiding","enableColumnReordering","hasInternalToolbar","enableEditMode","enableColumnFilters","enableRowDensity","enableGlobalFilter","hasToolbar","frozenColumnIds","getLeftVisibleLeafColumns","map","c","Group","EditModeButton","FiltersButton","RowDensityButton","ColumnSettingsButton","Search","disabled","shouldDisableTableActions","onSearch","setGlobalFilter","value","onBlur","onKeyDown","onMouseLeave","onScroll","role","style","gridTemplateRows","opacity","tabIndex","getHeaderGroups","headerGroup","headers","header","columnIndex","Header","index","isLastColumn","top","height","virtualItems","virtualRow","row","Fragment","Row","rowIndex","getVisibleCells","cell","Cell","getValue","isLastRow","getIsExpanded","ExpandedRow","setSize","bottom","getFooterGroups","footerGroup","footer","cellIndex","Footer","Summary","getIsSomeRowsSelected","BatchActionsMenu","actionsForTable","summary","texts","useLocalization","selectedLength","getSelectedRowModel","label","table2","selected","records","total","Table2","useMemo","String"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 import React__default from 'react';
 import cn from 'classnames';
 import { isInternalColumn } from '../../utilities/columns.js';
-import { getCellSizingClasses } from '../../utilities/cell.js';
 import { ColumnBase } from './Base.js';
 
 const Footer = function Footer(props) {
@@ -13,7 +12,7 @@ const Footer = function Footer(props) {
     ...columnProps
   } = props;
   const isFrozen = !!footer.column.getIsPinned();
-  const className = cn('group/header sticky bottom-0 bg-white border-t-2 relative z-[1] h-[calc(theme(spacing.10)+2px)]', getCellSizingClasses('normal'), {
+  const className = cn('group/header sticky bottom-0 bg-white border-t-2 relative z-[1]', 'flex items-center px-4 h-[calc(theme(spacing.10)+2px)]', {
     '!z-[2]': isFrozen,
     '!shadow-none': isInternalColumn(footer.id)
   }, props.className);

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 { getCellSizingClasses } from '../../utilities/cell';\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] h-[calc(theme(spacing.10)+2px)]',\n        getCellSizingClasses('normal'),\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","getCellSizingClasses","isInternalColumn","id","React","ColumnBase","role"],"mappings":";;;;;;MAYaA,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,iGAAiG,EACjGC,oBAAoB,CAAC,QAAQ,CAAC,EAC9B;IACI,QAAQ,EAAEL,QAAQ;IAClB,cAAc,EAAEM,gBAAgB,CAACV,MAAM,CAACW,EAAE;GAC7C,EACDb,KAAK,CAACS,SAAS,CAClB;EAED,oBACIK,6BAACC,UAAU,oBACHV,WAAW;;IAEfE,MAAM,EAAEL,MAAM,CAACK,MAAM;IACrBH,KAAK,EAAEA,KAAK;IACZK,SAAS,EAAEA,SAAS;IACpBO,IAAI,EAAC,MAAM;yBAEQb;mBACnBW;IAAML,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,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;;;;"}

package/dist/taco.cjs.development.js

@@ -13163,7 +13163,7 @@ const Footer$3 = function Footer(props) {
     ...columnProps
   } = props;
   const isFrozen = !!footer.column.getIsPinned();
-  const className = cn('group/header sticky bottom-0 bg-white border-t-2 relative z-[1] h-[calc(theme(spacing.10)+2px)]', getCellSizingClasses('normal'), {
+  const className = cn('group/header sticky bottom-0 bg-white border-t-2 relative z-[1]', 'flex items-center px-4 h-[calc(theme(spacing.10)+2px)]', {
     '!z-[2]': isFrozen,
     '!shadow-none': isInternalColumn(footer.id)
   }, props.className);
@@ -15130,10 +15130,10 @@ const BaseTable2 = /*#__PURE__*/React__default.forwardRef(function BaseTable2(pr
     index: cellIndex,
     scrolled: scrolled,
     table: table
-  }, footers[footer.id] ? footers[footer.id](rows.map(row => row.original[footer.id])) : null)))))), /*#__PURE__*/React__default.createElement(Summary, {
+  }, footers[footer.id] ? footers[footer.id](rows.map(row => row.original[footer.id])) : null)))), /*#__PURE__*/React__default.createElement(Summary, {
     length: length !== null && length !== void 0 ? length : rows.length,
     table: table
-  }), !!_experimentalActionsForTable && table.options.enableRowSelection && (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? /*#__PURE__*/React__default.createElement(BatchActionsMenu, {
+  }))), !!_experimentalActionsForTable && table.options.enableRowSelection && (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? /*#__PURE__*/React__default.createElement(BatchActionsMenu, {
     className: "fixed-center-x bottom-0 z-50 mb-4 print:hidden",
     actionsForTable: _experimentalActionsForTable,
     summary: _experimentalActionsForTableSummary,
@@ -15151,10 +15151,8 @@ const Summary = ({
   const label = selectedLength > 0 ? texts.table2.footer.summary.selected : texts.table2.footer.summary.records;
   const total = selectedLength > 0 ? selectedLength : length;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "z-10 -mt-4"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: cn('-mt-10 ml-px h-7 w-fit rounded-bl bg-white !pr-2 shadow-[6px_0px_6px_theme(colors.white)]', getCellSizingClasses('normal'))
-  }, label, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, total)));
+    className: cn('sticky bottom-0 left-0 z-10 -mt-10 flex h-10 w-fit items-center bg-white px-4 !pr-3 shadow-[6px_0px_6px_theme(colors.white)]')
+  }, label, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, total));
 };
 const Table2 = /*#__PURE__*/React__default.forwardRef(function Table2(props, ref) {
   const key = React__default.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);