@linzjs/step-ag-grid 18.0.0 → 18.1.0
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/index.css +8 -0
- package/dist/src/components/Grid.d.ts +2 -0
- package/dist/step-ag-grid.cjs.js +1 -1
- package/dist/step-ag-grid.cjs.js.map +1 -1
- package/dist/step-ag-grid.esm.js +1 -1
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Grid.tsx +4 -0
- package/src/stories/grid/GridPinnedRow.stories.tsx +105 -0
- package/src/stories/grid/GridReadOnly.stories.tsx +0 -19
- package/src/styles/Grid.scss +9 -0
package/dist/index.css
CHANGED
|
@@ -400,6 +400,14 @@
|
|
|
400
400
|
max-width: 400px;
|
|
401
401
|
}
|
|
402
402
|
|
|
403
|
+
.ag-floating-top-container .ag-row {
|
|
404
|
+
background-color: #f9f9f9;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
.ag-floating-bottom-container .ag-row {
|
|
408
|
+
background-color: #f9f9f9;
|
|
409
|
+
}
|
|
410
|
+
|
|
403
411
|
.GridCell-container {
|
|
404
412
|
overflow: hidden;
|
|
405
413
|
text-overflow: ellipsis;
|
|
@@ -71,6 +71,8 @@ export interface GridProps {
|
|
|
71
71
|
singleClickEdit?: boolean;
|
|
72
72
|
loading?: boolean;
|
|
73
73
|
suppressCellFocus?: boolean;
|
|
74
|
+
pinnedTopRowData?: GridOptions["pinnedTopRowData"];
|
|
75
|
+
pinnedBottomRowData?: GridOptions["pinnedBottomRowData"];
|
|
74
76
|
}
|
|
75
77
|
/**
|
|
76
78
|
* Wrapper for AgGrid to add commonly used functionality.
|
package/dist/step-ag-grid.cjs.js
CHANGED
|
@@ -54019,7 +54019,7 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
|
|
|
54019
54019
|
let rowCount = 0;
|
|
54020
54020
|
event.api.forEachNode(() => rowCount++);
|
|
54021
54021
|
return (jsxRuntime.jsx(GridNoRowsOverlay, { loading: !rowData || params.loading === true, rowCount: rowCount, headerRowHeight: headerRowCount * rowHeight, filteredRowCount: event.api.getDisplayedRowCount(), noRowsOverlayText: params.noRowsOverlayText, noRowsMatchingOverlayText: params.noRowsMatchingOverlayText }));
|
|
54022
|
-
}, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: params.onRowDragEnd ? undefined : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true, preventDefaultOnContextMenu: true, onCellContextMenu: gridContextMenu.cellContextMenu, rowDragText: params.rowDragText, onRowDragMove: onRowDragMove, onRowDragEnd: onRowDragEnd, onRowDragLeave: onRowDragLeave, suppressCellFocus: params.suppressCellFocus }) })] }));
|
|
54022
|
+
}, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: params.onRowDragEnd ? undefined : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true, preventDefaultOnContextMenu: true, onCellContextMenu: gridContextMenu.cellContextMenu, rowDragText: params.rowDragText, onRowDragMove: onRowDragMove, onRowDragEnd: onRowDragEnd, onRowDragLeave: onRowDragLeave, suppressCellFocus: params.suppressCellFocus, pinnedTopRowData: params.pinnedTopRowData, pinnedBottomRowData: params.pinnedBottomRowData }) })] }));
|
|
54023
54023
|
};
|
|
54024
54024
|
|
|
54025
54025
|
const GridPopoverContext = React.createContext({
|