@linzjs/step-ag-grid 18.0.0 → 19.0.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 +7 -5
- package/dist/step-ag-grid.cjs.js.map +1 -1
- package/dist/step-ag-grid.esm.js +7 -5
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Grid.tsx +4 -0
- package/src/react-menu3/components/ControlledMenu.tsx +6 -4
- 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/step-ag-grid.esm.js
CHANGED
|
@@ -53110,10 +53110,12 @@ const ControlledMenuFr = ({ "aria-label": ariaLabel, className, containerProps,
|
|
|
53110
53110
|
safeCall(onClose, { key, reason: CloseReason.CLICK });
|
|
53111
53111
|
},
|
|
53112
53112
|
}), [onItemClick, onClose]);
|
|
53113
|
-
const
|
|
53114
|
-
switch (key) {
|
|
53113
|
+
const onKeyUp = (e) => {
|
|
53114
|
+
switch (e.key) {
|
|
53115
53115
|
case Keys.ESC:
|
|
53116
|
-
|
|
53116
|
+
e.preventDefault();
|
|
53117
|
+
e.stopPropagation();
|
|
53118
|
+
safeCall(onClose, { key: e.key, reason: CloseReason.CANCEL });
|
|
53117
53119
|
break;
|
|
53118
53120
|
}
|
|
53119
53121
|
};
|
|
@@ -53136,7 +53138,7 @@ const ControlledMenuFr = ({ "aria-label": ariaLabel, className, containerProps,
|
|
|
53136
53138
|
};
|
|
53137
53139
|
const itemTransition = getTransition(transition, "item");
|
|
53138
53140
|
const modifiers = useMemo(() => ({ theme: theming, itemTransition }), [theming, itemTransition]);
|
|
53139
|
-
const menuList = (jsx("div", { ...mergeProps({
|
|
53141
|
+
const menuList = (jsx("div", { ...mergeProps({ onKeyUp, onBlur }, containerProps), className: useBEM({
|
|
53140
53142
|
block: menuContainerClass,
|
|
53141
53143
|
modifiers,
|
|
53142
53144
|
className,
|
|
@@ -54017,7 +54019,7 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
|
|
|
54017
54019
|
let rowCount = 0;
|
|
54018
54020
|
event.api.forEachNode(() => rowCount++);
|
|
54019
54021
|
return (jsx(GridNoRowsOverlay, { loading: !rowData || params.loading === true, rowCount: rowCount, headerRowHeight: headerRowCount * rowHeight, filteredRowCount: event.api.getDisplayedRowCount(), noRowsOverlayText: params.noRowsOverlayText, noRowsMatchingOverlayText: params.noRowsMatchingOverlayText }));
|
|
54020
|
-
}, 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 }) })] }));
|
|
54021
54023
|
};
|
|
54022
54024
|
|
|
54023
54025
|
const GridPopoverContext = createContext({
|