@bigbinary/neeto-atoms 1.0.24 → 1.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{DataTable-CfcHsQuw.js → DataTable-Dre7vc3w.js} +42 -33
- package/dist/DataTable-Dre7vc3w.js.map +1 -0
- package/dist/cjs/{DataTable-BOeCq0s4.js → DataTable-Cw0ly-hT.js} +42 -33
- package/dist/cjs/DataTable-Cw0ly-hT.js.map +1 -0
- package/dist/cjs/components/DataTable.js +1 -1
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/components/DataTable.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/DataTable-CfcHsQuw.js.map +0 -1
- package/dist/cjs/DataTable-BOeCq0s4.js.map +0 -1
|
@@ -3354,7 +3354,6 @@ const useTableSelection = ({ enableRowSelection, selectedRowKeys, onRowSelect, d
|
|
|
3354
3354
|
ariaLabel: "Select row",
|
|
3355
3355
|
}),
|
|
3356
3356
|
size: 40,
|
|
3357
|
-
maxSize: 40,
|
|
3358
3357
|
enableSorting: false,
|
|
3359
3358
|
enableResizing: false,
|
|
3360
3359
|
};
|
|
@@ -3693,43 +3692,53 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
|
|
|
3693
3692
|
onSortingChange([{ id: columnId, desc }]);
|
|
3694
3693
|
}
|
|
3695
3694
|
};
|
|
3696
|
-
return (jsxs("div", { className: cn("relative flex min-h-0 w-full flex-col", className), children: [loading && jsx(LoadingOverlay, {}), bulkSelectAllRowsProps &&
|
|
3697
|
-
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3706
|
-
:
|
|
3707
|
-
|
|
3708
|
-
|
|
3709
|
-
|
|
3710
|
-
|
|
3711
|
-
|
|
3712
|
-
|
|
3713
|
-
|
|
3714
|
-
|
|
3715
|
-
|
|
3716
|
-
|
|
3717
|
-
|
|
3718
|
-
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
3722
|
-
|
|
3723
|
-
|
|
3695
|
+
return (jsxs("div", { className: cn("relative flex min-h-0 w-full flex-col", className), children: [loading && jsx(LoadingOverlay, {}), bulkSelectAllRowsProps &&
|
|
3696
|
+
(data.length !== totalCount || isBulkAllSelected) && (jsx(BulkSelectCallout, { bulkSelectAllRowsProps: bulkSelectAllRowsProps, isAllPageRowsSelected: table.getIsAllPageRowsSelected(), isBulkAllSelected: isBulkAllSelected })), jsx("div", { className: cn("min-h-0 flex-1 overflow-auto", bordered && "rounded-lg border"), children: jsxs(Table, { children: [jsx(TableHeader, { className: "sticky top-0 z-20 bg-muted", children: table.getHeaderGroups().map(headerGroup => {
|
|
3697
|
+
const dataHeaders = headerGroup.headers.filter(h => h.column.id !== "_selection");
|
|
3698
|
+
const totalDataSize = dataHeaders.reduce((sum, h) => sum + h.getSize(), 0);
|
|
3699
|
+
return (jsx(TableRow, { className: "hover:bg-muted", children: headerGroup.headers.map((header, headerIndex) => {
|
|
3700
|
+
const isPinned = header.column.getIsPinned();
|
|
3701
|
+
const isSelectionCol = header.column.id === "_selection";
|
|
3702
|
+
const columnIndexInData = dataHeaders.findIndex(h => h.id === header.id);
|
|
3703
|
+
return (jsxs(TableHead, { className: cn("group/head relative", header.column.getCanSort() &&
|
|
3704
|
+
"cursor-pointer select-none", isPinned && "sticky z-10 bg-muted"), style: {
|
|
3705
|
+
width: selectionColumn && isSelectionCol
|
|
3706
|
+
? 0
|
|
3707
|
+
: selectionColumn
|
|
3708
|
+
? `${(header.getSize() / totalDataSize) * 100}%`
|
|
3709
|
+
: header.getSize(),
|
|
3710
|
+
minWidth: enableColumnResize
|
|
3711
|
+
? header.getSize()
|
|
3712
|
+
: undefined,
|
|
3713
|
+
...(isPinned === "left"
|
|
3714
|
+
? {
|
|
3715
|
+
left: header.column.getStart("left"),
|
|
3716
|
+
}
|
|
3717
|
+
: {}),
|
|
3718
|
+
...(isPinned === "right"
|
|
3719
|
+
? {
|
|
3720
|
+
right: header.column.getAfter("right"),
|
|
3721
|
+
}
|
|
3722
|
+
: {}),
|
|
3723
|
+
}, onClick: header.column.getCanSort()
|
|
3724
|
+
? header.column.getToggleSortingHandler()
|
|
3725
|
+
: undefined, children: [header.isPlaceholder ? null : (jsxs("div", { className: "flex items-center", children: [jsx("div", { className: "flex-1 truncate", children: flexRender(header.column.columnDef.header, header.getContext()) }), jsx(SortIndicator, { column: header.column }), showHeaderMenu && !isSelectionCol && (jsx(HeaderCellMenu, { column: header.column, columnIndex: columnIndexInData, enableAddColumn: enableAddColumn, enableColumnFreeze: enableColumnFreeze, isColumnPinned: isColumnPinned(header.column.id), canMoveLeft: headerIndex > (selectionColumn ? 1 : 0), canMoveRight: headerIndex < headerGroup.headers.length - 1, onSort: handleSort, onHideColumn: onColumnHideProp ? hideColumn : undefined, onTogglePin: toggleColumnPin, onAddColumn: onColumnAdd, onDeleteColumn: onColumnDelete, onMoveColumn: onColumnUpdate
|
|
3726
|
+
? (colId, dir) => moveColumn(colId, dir)
|
|
3727
|
+
: undefined, onMoreActionClick: onMoreActionClick }))] })), enableColumnResize && jsx(ResizeHandle, { header: header })] }, header.id));
|
|
3728
|
+
}) }, headerGroup.id));
|
|
3729
|
+
}) }), jsx(TableBody, { className: loading ? "opacity-50" : undefined, children: table.getRowModel().rows.length > 0 ? (table.getRowModel().rows.map(row => (jsx(TableRow, { "data-state": row.getIsSelected() ? "selected" : undefined, className: cn("group", allowRowClick && onRowClick && "cursor-pointer"), onClick: allowRowClick && onRowClick
|
|
3724
3730
|
? event => onRowClick(event, row.original, row.index)
|
|
3725
3731
|
: undefined, children: row.getVisibleCells().map(cell => {
|
|
3726
3732
|
const isPinned = cell.column.getIsPinned();
|
|
3727
|
-
|
|
3728
|
-
|
|
3733
|
+
const isSelCell = cell.column.id === "_selection";
|
|
3734
|
+
return (jsx(TableCell, { className: cn(isPinned &&
|
|
3735
|
+
"sticky z-10 bg-background group-data-[state=selected]:bg-muted"), style: {
|
|
3736
|
+
width: selectionColumn && isSelCell
|
|
3737
|
+
? 0
|
|
3738
|
+
: cell.column.getSize(),
|
|
3729
3739
|
minWidth: enableColumnResize
|
|
3730
3740
|
? cell.column.getSize()
|
|
3731
3741
|
: undefined,
|
|
3732
|
-
maxWidth: cell.column.columnDef.maxSize,
|
|
3733
3742
|
...(isPinned === "left"
|
|
3734
3743
|
? {
|
|
3735
3744
|
left: cell.column.getStart("left"),
|
|
@@ -3745,4 +3754,4 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
|
|
|
3745
3754
|
};
|
|
3746
3755
|
|
|
3747
3756
|
export { DataTable as D, useColumnPinning as a, useColumnVisibility as b, useTablePagination as c, useTableSelection as d, useTableSort as e, useColumnOrdering as u };
|
|
3748
|
-
//# sourceMappingURL=DataTable-
|
|
3757
|
+
//# sourceMappingURL=DataTable-Dre7vc3w.js.map
|