@bigbinary/neeto-atoms 1.0.23 → 1.0.25

package/dist/{DataTable-CfcHsQuw.js → DataTable-Dre7vc3w.js}

@@ -3354,7 +3354,6 @@ const useTableSelection = ({ enableRowSelection, selectedRowKeys, onRowSelect, d
                 ariaLabel: "Select row",
             }),
             size: 40,
-            maxSize: 40,
             enableSorting: false,
             enableResizing: false,
         };
@@ -3693,43 +3692,53 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
             onSortingChange([{ id: columnId, desc }]);
         }
     };
-    return (jsxs("div", { className: cn("relative flex min-h-0 w-full flex-col", className), children: [loading && jsx(LoadingOverlay, {}), bulkSelectAllRowsProps && (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 => (jsx(TableRow, { className: "hover:bg-muted", children: headerGroup.headers.map((header, headerIndex) => {
-                                    const isPinned = header.column.getIsPinned();
-                                    const isSelectionCol = header.column.id === "_selection";
-                                    const visibleHeaders = headerGroup.headers.filter(h => h.column.id !== "_selection");
-                                    const columnIndexInData = visibleHeaders.findIndex(h => h.id === header.id);
-                                    return (jsxs(TableHead, { className: cn("group/head relative", header.column.getCanSort() &&
-                                            "cursor-pointer select-none", isPinned && "sticky z-10 bg-muted"), style: {
-                                            width: header.getSize(),
-                                            minWidth: enableColumnResize
-                                                ? header.getSize()
-                                                : undefined,
-                                            maxWidth: header.column.columnDef.maxSize,
-                                            ...(isPinned === "left"
-                                                ? {
-                                                    left: header.column.getStart("left"),
-                                                }
-                                                : {}),
-                                            ...(isPinned === "right"
-                                                ? {
-                                                    right: header.column.getAfter("right"),
-                                                }
-                                                : {}),
-                                        }, onClick: header.column.getCanSort()
-                                            ? header.column.getToggleSortingHandler()
-                                            : 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
-                                                            ? (colId, dir) => moveColumn(colId, dir)
-                                                            : undefined, onMoreActionClick: onMoreActionClick }))] })), enableColumnResize && jsx(ResizeHandle, { header: header })] }, header.id));
-                                }) }, headerGroup.id))) }), 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(allowRowClick && onRowClick && "cursor-pointer"), onClick: allowRowClick && onRowClick
+    return (jsxs("div", { className: cn("relative flex min-h-0 w-full flex-col", className), children: [loading && jsx(LoadingOverlay, {}), bulkSelectAllRowsProps &&
+                (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 => {
+                                const dataHeaders = headerGroup.headers.filter(h => h.column.id !== "_selection");
+                                const totalDataSize = dataHeaders.reduce((sum, h) => sum + h.getSize(), 0);
+                                return (jsx(TableRow, { className: "hover:bg-muted", children: headerGroup.headers.map((header, headerIndex) => {
+                                        const isPinned = header.column.getIsPinned();
+                                        const isSelectionCol = header.column.id === "_selection";
+                                        const columnIndexInData = dataHeaders.findIndex(h => h.id === header.id);
+                                        return (jsxs(TableHead, { className: cn("group/head relative", header.column.getCanSort() &&
+                                                "cursor-pointer select-none", isPinned && "sticky z-10 bg-muted"), style: {
+                                                width: selectionColumn && isSelectionCol
+                                                    ? 0
+                                                    : selectionColumn
+                                                        ? `${(header.getSize() / totalDataSize) * 100}%`
+                                                        : header.getSize(),
+                                                minWidth: enableColumnResize
+                                                    ? header.getSize()
+                                                    : undefined,
+                                                ...(isPinned === "left"
+                                                    ? {
+                                                        left: header.column.getStart("left"),
+                                                    }
+                                                    : {}),
+                                                ...(isPinned === "right"
+                                                    ? {
+                                                        right: header.column.getAfter("right"),
+                                                    }
+                                                    : {}),
+                                            }, onClick: header.column.getCanSort()
+                                                ? header.column.getToggleSortingHandler()
+                                                : 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
+                                                                ? (colId, dir) => moveColumn(colId, dir)
+                                                                : undefined, onMoreActionClick: onMoreActionClick }))] })), enableColumnResize && jsx(ResizeHandle, { header: header })] }, header.id));
+                                    }) }, headerGroup.id));
+                            }) }), 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
                                     ? event => onRowClick(event, row.original, row.index)
                                     : undefined, children: row.getVisibleCells().map(cell => {
                                     const isPinned = cell.column.getIsPinned();
-                                    return (jsx(TableCell, { className: cn(isPinned && "sticky z-10 bg-background"), style: {
-                                            width: cell.column.getSize(),
+                                    const isSelCell = cell.column.id === "_selection";
+                                    return (jsx(TableCell, { className: cn(isPinned &&
+                                            "sticky z-10 bg-background group-data-[state=selected]:bg-muted"), style: {
+                                            width: selectionColumn && isSelCell
+                                                ? 0
+                                                : cell.column.getSize(),
                                             minWidth: enableColumnResize
                                                 ? cell.column.getSize()
                                                 : undefined,
-                                            maxWidth: cell.column.columnDef.maxSize,
                                             ...(isPinned === "left"
                                                 ? {
                                                     left: cell.column.getStart("left"),
@@ -3745,4 +3754,4 @@ const DataTable = ({ columns, data, getRowId: getRowIdProp, sorting: sortingProp
 };
 
 export { DataTable as D, useColumnPinning as a, useColumnVisibility as b, useTablePagination as c, useTableSelection as d, useTableSort as e, useColumnOrdering as u };
-//# sourceMappingURL=DataTable-CfcHsQuw.js.map
+//# sourceMappingURL=DataTable-Dre7vc3w.js.map