@linzjs/step-ag-grid 14.0.1 → 14.0.3
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 +5 -4
- package/dist/step-ag-grid.esm.js +6 -4
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Grid.tsx +4 -1
- package/src/components/GridCell.tsx +1 -0
- package/src/components/gridFilter/GridFilterDownloadCsvButton.tsx +1 -1
- package/src/styles/GridCell.scss +1 -0
package/dist/index.css
CHANGED
|
@@ -441,6 +441,7 @@
|
|
|
441
441
|
overflow: hidden;
|
|
442
442
|
text-overflow: ellipsis;
|
|
443
443
|
white-space: nowrap;
|
|
444
|
+
width: 100%;
|
|
444
445
|
}
|
|
445
446
|
|
|
446
447
|
.GridCell-hoverRight {
|
|
@@ -511,22 +512,22 @@
|
|
|
511
512
|
|
|
512
513
|
.AgGridGenericCellRenderer-ic_infoIcon {
|
|
513
514
|
margin-right: 4px;
|
|
514
|
-
fill: #
|
|
515
|
+
fill: #3A7CDF;
|
|
515
516
|
}
|
|
516
517
|
|
|
517
518
|
.AgGridGenericCellRenderer-ic_info_outlineIcon {
|
|
518
519
|
margin-right: 4px;
|
|
519
|
-
fill: #
|
|
520
|
+
fill: #3A7CDF;
|
|
520
521
|
}
|
|
521
522
|
|
|
522
523
|
.AgGridGenericCellRenderer-ic_warningIcon {
|
|
523
524
|
margin-right: 4px;
|
|
524
|
-
fill: #
|
|
525
|
+
fill: #EA6A2E;
|
|
525
526
|
}
|
|
526
527
|
|
|
527
528
|
.AgGridGenericCellRenderer-ic_warning_outlineIcon {
|
|
528
529
|
margin-right: 4px;
|
|
529
|
-
fill: #
|
|
530
|
+
fill: #EA6A2E;
|
|
530
531
|
}
|
|
531
532
|
|
|
532
533
|
.GridIcon-disabled {
|
package/dist/step-ag-grid.esm.js
CHANGED
|
@@ -655,7 +655,7 @@ var GridHeaderSelect = function (_a) {
|
|
|
655
655
|
*/
|
|
656
656
|
var Grid = function (_a) {
|
|
657
657
|
var _b, _c, _d;
|
|
658
|
-
var dataTestId = _a["data-testid"], _e = _a.rowSelection, rowSelection = _e === void 0 ? "multiple" : _e, _f = _a.suppressColumnVirtualization, suppressColumnVirtualization = _f === void 0 ? true : _f, _g = _a.theme, theme = _g === void 0 ? "ag-theme-alpine" : _g, _h = _a.sizeColumns, sizeColumns = _h === void 0 ? "auto" : _h, params = __rest(_a, ["data-testid", "rowSelection", "suppressColumnVirtualization", "theme", "sizeColumns"]);
|
|
658
|
+
var dataTestId = _a["data-testid"], _e = _a.rowSelection, rowSelection = _e === void 0 ? "multiple" : _e, _f = _a.suppressColumnVirtualization, suppressColumnVirtualization = _f === void 0 ? true : _f, _g = _a.theme, theme = _g === void 0 ? "ag-theme-alpine" : _g, _h = _a.sizeColumns, sizeColumns = _h === void 0 ? "auto-skip-headers" : _h, params = __rest(_a, ["data-testid", "rowSelection", "suppressColumnVirtualization", "theme", "sizeColumns"]);
|
|
659
659
|
var _j = useContext(GridContext), gridReady = _j.gridReady, setApis = _j.setApis, prePopupOps = _j.prePopupOps, ensureRowVisible = _j.ensureRowVisible, selectRowsById = _j.selectRowsById, focusByRowById = _j.focusByRowById, ensureSelectedRowIsVisible = _j.ensureSelectedRowIsVisible, autoSizeAllColumns = _j.autoSizeAllColumns, sizeColumnsToFit = _j.sizeColumnsToFit, externallySelectedItemsAreInSync = _j.externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync = _j.setExternallySelectedItemsAreInSync, isExternalFilterPresent = _j.isExternalFilterPresent, doesExternalFilterPass = _j.doesExternalFilterPass;
|
|
660
660
|
var checkUpdating = useContext(GridUpdatingContext).checkUpdating;
|
|
661
661
|
var lastSelectedIds = useRef([]);
|
|
@@ -901,7 +901,9 @@ var Grid = function (_a) {
|
|
|
901
901
|
var columnDefsAdjusted = useMemo(function () {
|
|
902
902
|
return columnDefs.map(function (colDef) { return (__assign(__assign({}, colDef), { suppressSizeToFit: (sizeColumns === "auto" || sizeColumns === "auto-skip-headers") && !colDef.flex })); });
|
|
903
903
|
}, [columnDefs, sizeColumns]);
|
|
904
|
-
return (jsx("div", __assign({ "data-testid": dataTestId, className: clsx("Grid-container", theme, staleGrid && "Grid-sortIsStale", gridReady && params.rowData && "Grid-ready") }, { children: jsx("div", __assign({ style: { flex: 1 } }, { children: jsx(AgGridReact, { animateRows: params.animateRows, rowClassRules: params.rowClassRules, getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onFirstDataRendered: onFirstDataRendered, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, columnDefs: columnDefsAdjusted, rowData: params.rowData, noRowsOverlayComponent: GridNoRowsOverlay, noRowsOverlayComponentParams: { rowData: params.rowData, noRowsOverlayText: params.noRowsOverlayText }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_d = params.postSortRows) !== null && _d !== void 0 ? _d : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved,
|
|
904
|
+
return (jsx("div", __assign({ "data-testid": dataTestId, className: clsx("Grid-container", theme, staleGrid && "Grid-sortIsStale", gridReady && params.rowData && "Grid-ready") }, { children: jsx("div", __assign({ style: { flex: 1 } }, { children: jsx(AgGridReact, { animateRows: params.animateRows, rowClassRules: params.rowClassRules, getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onFirstDataRendered: onFirstDataRendered, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, columnDefs: columnDefsAdjusted, rowData: params.rowData, noRowsOverlayComponent: GridNoRowsOverlay, noRowsOverlayComponentParams: { rowData: params.rowData, noRowsOverlayText: params.noRowsOverlayText }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_d = params.postSortRows) !== null && _d !== void 0 ? _d : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, onColumnResized: function () {
|
|
905
|
+
sizeColumns !== "none" && sizeColumnsToFit();
|
|
906
|
+
}, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true }) })) })));
|
|
905
907
|
};
|
|
906
908
|
|
|
907
909
|
var GridPopoverContext = createContext({
|
|
@@ -1050,7 +1052,7 @@ var GridCell = function (props, custom) {
|
|
|
1050
1052
|
var exportable = props.exportable;
|
|
1051
1053
|
// Can't leave this here ag-grid will complain
|
|
1052
1054
|
delete props.exportable;
|
|
1053
|
-
return __assign(__assign(__assign(__assign(__assign(__assign({ colId: (_a = props.field) !== null && _a !== void 0 ? _a : props.field, sortable: !!((props === null || props === void 0 ? void 0 : props.field) || (props === null || props === void 0 ? void 0 : props.valueGetter)), resizable: true, minWidth: props.flex ? 150 : 48, editable: (_b = props.editable) !== null && _b !== void 0 ? _b : false }, ((custom === null || custom === void 0 ? void 0 : custom.editor) && {
|
|
1055
|
+
return __assign(__assign(__assign(__assign(__assign(__assign({ colId: (_a = props.field) !== null && _a !== void 0 ? _a : props.field, headerTooltip: props.headerName, sortable: !!((props === null || props === void 0 ? void 0 : props.field) || (props === null || props === void 0 ? void 0 : props.valueGetter)), resizable: true, minWidth: props.flex ? 150 : 48, editable: (_b = props.editable) !== null && _b !== void 0 ? _b : false }, ((custom === null || custom === void 0 ? void 0 : custom.editor) && {
|
|
1054
1056
|
cellClassRules: GridCellMultiSelectClassRules,
|
|
1055
1057
|
editable: (_c = props.editable) !== null && _c !== void 0 ? _c : true,
|
|
1056
1058
|
cellEditor: GenericCellEditorComponentWrapper(custom === null || custom === void 0 ? void 0 : custom.editor)
|
|
@@ -3125,7 +3127,7 @@ var GridFilterDownloadCsvButton = function (csvExportParams) {
|
|
|
3125
3127
|
},
|
|
3126
3128
|
_a["aria-label"] = "Downloading...",
|
|
3127
3129
|
_a.style = { width: 42, display: "flex", justifyContent: "center" },
|
|
3128
|
-
_a) })) : (jsx(GridFilterHeaderIconButton, { icon: "
|
|
3130
|
+
_a) })) : (jsx(GridFilterHeaderIconButton, { icon: "ic_csv_file", title: "Download CSV", onClick: handleDownloadClick, disabled: downloading }));
|
|
3129
3131
|
};
|
|
3130
3132
|
|
|
3131
3133
|
/* global setTimeout, clearTimeout */
|