@alaarab/ogrid 1.4.0 → 1.5.0

package/dist/esm/ColumnChooser/ColumnChooser.module.css

@@ -44,6 +44,7 @@
   display: flex;
   flex-direction: column;
   padding: 0;
+  z-index: 50;
 }
 
 .header {

package/dist/esm/DataGridTable/DataGridTable.js

@@ -106,7 +106,7 @@ function DataGridTableInner(props) {
                                                                     textAlign: col.type === 'numeric' ? 'right' : col.type === 'boolean' ? 'center' : undefined,
                                                                 }, children: renderCellContent(item, col, rowIndex, colIdx) }, col.columnId));
                                                         })] }, rowIdStr));
-                                            }) }))] }), _jsx(MarchingAntsOverlay, { containerRef: tableContainerRef, selectionRange: selectionRange, copyRange: copyRange, cutRange: cutRange, colOffset: colOffset }), showEmptyInGrid && emptyState && (_jsx("div", { className: styles.emptyStateInGrid, children: _jsx("div", { children: emptyState.render ? (emptyState.render()) : (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.emptyStateInGridTitle, children: "No results found" }), _jsx("div", { className: styles.emptyStateInGridMessage, children: emptyState.message != null ? (emptyState.message) : emptyState.hasActiveFilters ? (_jsxs(_Fragment, { children: ["No items match your current filters. Try adjusting your search or", ' ', _jsx("button", { type: "button", className: styles.emptyStateInGridLink, onClick: emptyState.onClearAll, children: "clear all filters" }), ' ', "to see all items."] })) : ('There are no items available at this time.') })] })) }) }))] }) }), statusBarConfig && (_jsx(StatusBar, { totalCount: statusBarConfig.totalCount, filteredCount: statusBarConfig.filteredCount, selectedCount: statusBarConfig.selectedCount ?? selectedRowIds.size, selectedCellCount: selectionRange ? (Math.abs(selectionRange.endRow - selectionRange.startRow) + 1) * (Math.abs(selectionRange.endCol - selectionRange.startCol) + 1) : undefined, aggregation: statusBarConfig.aggregation }))] }), contextMenu &&
+                                            }) }))] }), _jsx(MarchingAntsOverlay, { containerRef: tableContainerRef, selectionRange: selectionRange, copyRange: copyRange, cutRange: cutRange, colOffset: colOffset }), showEmptyInGrid && emptyState && (_jsx("div", { className: styles.emptyStateInGrid, children: _jsx("div", { children: emptyState.render ? (emptyState.render()) : (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.emptyStateInGridTitle, children: "No results found" }), _jsx("div", { className: styles.emptyStateInGridMessage, children: emptyState.message != null ? (emptyState.message) : emptyState.hasActiveFilters ? (_jsxs(_Fragment, { children: ["No items match your current filters. Try adjusting your search or", ' ', _jsx("button", { type: "button", className: styles.emptyStateInGridLink, onClick: emptyState.onClearAll, children: "clear all filters" }), ' ', "to see all items."] })) : ('There are no items available at this time.') })] })) }) }))] }) }), statusBarConfig && (_jsx(StatusBar, { totalCount: statusBarConfig.totalCount, filteredCount: statusBarConfig.filteredCount, selectedCount: statusBarConfig.selectedCount ?? selectedRowIds.size, selectedCellCount: selectionRange ? (Math.abs(selectionRange.endRow - selectionRange.startRow) + 1) * (Math.abs(selectionRange.endCol - selectionRange.startCol) + 1) : undefined, aggregation: statusBarConfig.aggregation, suppressRowCount: statusBarConfig.suppressRowCount }))] }), contextMenu &&
                 createPortal(_jsx(GridContextMenu, { x: contextMenu.x, y: contextMenu.y, hasSelection: hasCellSelection, canUndo: canUndo, canRedo: canRedo, onUndo: onUndo ?? (() => { }), onRedo: onRedo ?? (() => { }), onCopy: handleCopy, onCut: handleCut, onPaste: () => void handlePaste(), onSelectAll: handleSelectAllCells, onClose: closeContextMenu }), document.body)] }));
 }
 export const DataGridTable = React.memo(DataGridTableInner);

package/dist/esm/DataGridTable/DataGridTable.module.css

@@ -1,8 +1,10 @@
+@charset "UTF-8";
 .tableScrollContent {
   display: flex;
   flex-direction: column;
   width: 100%;
   min-width: 0;
+  min-height: 100%;
   background: var(--ogrid-bg, #fff);
 }
 
@@ -156,21 +158,29 @@
   background: var(--ogrid-header-bg, #f5f5f5);
 }
 
-/* Column resize handle */
+/* Column resize handle — wide hit area with narrow visual indicator */
 .resizeHandle {
   position: absolute;
   top: 0;
-  right: 0;
+  right: -3px;
   bottom: 0;
-  width: 4px;
+  width: 8px;
   cursor: col-resize;
   user-select: none;
   z-index: 1;
 }
-.resizeHandle:hover {
+.resizeHandle::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 3px;
+  bottom: 0;
+  width: 2px;
+}
+.resizeHandle:hover::after {
   background-color: var(--ogrid-accent, #0078d4);
 }
-.resizeHandle:active {
+.resizeHandle:active::after {
   background-color: var(--ogrid-accent-dark, #005a9e);
 }
 
@@ -305,6 +315,7 @@
   background: var(--ogrid-bg-subtle, #f3f2f1);
   border-top: 1px solid var(--ogrid-border, #e0e0e0);
   min-height: 28px;
+  margin-top: auto;
 }
 
 .statusBarItem {

package/dist/types/DataGridTable/StatusBar.d.ts

@@ -11,5 +11,6 @@ export interface StatusBarProps {
         max: number;
         count: number;
     } | null;
+    suppressRowCount?: boolean;
 }
 export declare function StatusBar(props: StatusBarProps): React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "OGrid default (Radix) – Data grid with sorting, filtering, pagination, column chooser, and CSV export. Packed with Radix UI; no Fluent or Material required.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -41,7 +41,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "^1.2.0",
+    "@alaarab/ogrid-core": "^1.5.0",
     "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-popover": "^1.1.2"
   },