@linzjs/step-ag-grid 22.2.3 → 22.2.5

package/dist/src/components/gridForm/GridFormDropDown.d.ts

@@ -1,9 +1,10 @@
 import { ReactElement } from "react";
 import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
-export interface GridPopoutEditDropDownSelectedItem<TData> {
+export interface GridPopoutEditDropDownSelectedItem<TData extends GridBaseRow, TValue> {
     selectedRows: TData[];
-    value: any;
+    selectedRowIds: TData["id"][];
+    value: TValue;
     subComponentValue?: any;
 }
 interface FinalSelectOption {
@@ -22,16 +23,16 @@ export declare const MenuHeaderItem: (title: string) => {
     value: string;
 };
 export type SelectOption = null | string | FinalSelectOption;
-export interface GridFormDropDownProps<TData extends GridBaseRow> extends CellEditorCommon {
+export interface GridFormDropDownProps<TData extends GridBaseRow, TValue> extends CellEditorCommon {
     className?: "GridPopoverEditDropDown-containerSmall" | "GridPopoverEditDropDown-containerMedium" | "GridPopoverEditDropDown-containerLarge" | "GridPopoverEditDropDown-containerUnlimited" | "GridPopoverEditDropDown-containerAutoWidth" | string | undefined;
     filtered?: "local" | "reload";
     filterDefaultValue?: string;
     filterPlaceholder?: string;
     filterHelpText?: string;
     noOptionsMessage?: string;
-    onSelectedItem?: (props: GridPopoutEditDropDownSelectedItem<TData>) => Promise<void>;
-    onSelectFilter?: (props: GridPopoutEditDropDownSelectedItem<TData>) => Promise<void>;
+    onSelectedItem?: (props: GridPopoutEditDropDownSelectedItem<TData, TValue>) => Promise<void>;
+    onSelectFilter?: (props: GridPopoutEditDropDownSelectedItem<TData, TValue>) => Promise<void>;
     options: SelectOption[] | ((selectedRows: TData[], filter?: string) => Promise<SelectOption[] | undefined> | SelectOption[] | undefined) | undefined;
 }
-export declare const GridFormDropDown: <TData extends GridBaseRow>(props: GridFormDropDownProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const GridFormDropDown: <TData extends GridBaseRow, TValue>(props: GridFormDropDownProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/gridPopoverEdit/GridButton.d.ts

@@ -2,11 +2,11 @@ import { ICellEditorParams } from "ag-grid-community";
 import { ColDefT } from "../GridCell";
 import { GenericCellColDef } from "../gridRender";
 import { GridBaseRow } from "../Grid";
-export interface GridButtonProps<TData> {
+export interface GridButtonProps<TData extends GridBaseRow> {
     visible?: (cellEditorParams: ICellEditorParams) => boolean;
     onClick?: (props: {
         selectedRows: TData[];
-        selectedRowIds: (string | number)[];
+        selectedRowIds: TData["id"][];
     }) => void;
 }
 export declare const GridButton: <TData extends GridBaseRow>(colDef: GenericCellColDef<TData, boolean>, editor: GridButtonProps<TData>) => ColDefT<TData>;

package/dist/src/components/gridPopoverEdit/GridEditBoolean.d.ts

@@ -1,10 +1,10 @@
 import { CellEditorCommon, ColDefT } from "../GridCell";
 import { GenericCellColDef } from "../gridRender";
 import { GridBaseRow } from "../Grid";
-export interface GridEditBooleanEditorProps<TData> extends CellEditorCommon {
+export interface GridEditBooleanEditorProps<TData extends GridBaseRow> extends CellEditorCommon {
     onClick: (props: {
         selectedRows: TData[];
-        selectedRowIds: (string | number)[];
+        selectedRowIds: TData["id"][];
         checked: boolean;
     }) => Promise<boolean>;
 }

package/dist/src/components/gridPopoverEdit/GridPopoverEditDropDown.d.ts

@@ -2,4 +2,4 @@ import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps } from "../GridCell";
 import { GridFormDropDownProps } from "../gridForm/GridFormDropDown";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
-export declare const GridPopoverEditDropDown: <TData extends GridBaseRow, TValue = any>(colDef: GenericCellColDef<TData, TValue>, props: GenericCellEditorProps<GridFormDropDownProps<TData>>) => ColDefT<TData, TValue>;
+export declare const GridPopoverEditDropDown: <TData extends GridBaseRow, TValue = any>(colDef: GenericCellColDef<TData, TValue>, props: GenericCellEditorProps<GridFormDropDownProps<TData, TValue>>) => ColDefT<TData, TValue>;

package/dist/step-ag-grid.cjs.js

@@ -3587,7 +3587,12 @@ const GridFormDropDown = (props) => {
             (subComponentValue !== undefined && subComponentInitialValue.current !== JSON.stringify(subComponentValue));
         if (hasChanged) {
             if (props.onSelectedItem) {
-                await props.onSelectedItem({ selectedRows, value, subComponentValue });
+                await props.onSelectedItem({
+                    selectedRows,
+                    selectedRowIds: selectedRows.map((row) => row.id),
+                    value,
+                    subComponentValue,
+                });
             }
             else {
                 selectedRows.forEach((row) => (row[field] = value));
@@ -3653,7 +3658,7 @@ const GridFormDropDown = (props) => {
         if (selectedItem === null) {
             if (props.onSelectFilter) {
                 const { onSelectFilter } = props;
-                await onSelectFilter({ selectedRows, value: filter });
+                await onSelectFilter({ selectedRows, selectedRowIds: selectedRows.map((row) => row.id), value: filter });
                 return true;
             }
             else {
@@ -4491,7 +4496,14 @@ const BooleanCellRenderer = (props) => {
                 const params = props?.colDef?.cellEditorParams;
                 if (!params)
                     return;
-                const selectedRows = [data];
+                // The data cannot be relied upon if grid changed whilst editing, data will be stale
+                // So I get the data from the node itself which will be up to date.
+                const selectedRows = [];
+                api.forEachNode((n) => {
+                    if (n.data.id === data.id) {
+                        selectedRows.push(n.data);
+                    }
+                });
                 const checked = !value;
                 onValueChange(checked);
                 params.onClick({ selectedRows, selectedRowIds: selectedRows.map((r) => r.id), checked }).then();