@linzjs/step-ag-grid 22.2.4 → 22.3.0

package/README.md

@@ -221,7 +221,6 @@ To exclude a column from CSV download add ```export: false``` to the GridCell de
 
 ## Writing tests
 
-
 The following testing calls can be imported from step-ag-grid:
 
 - findRow

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

@@ -3350,11 +3350,11 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$2 = ".FormError-helpText{color:#6b6966;font-size:.75rem;font-weight:400}";
+var css_248z$2 = ".FormError{display:flex}.FormError-helpText{color:#6b6966;font-size:.75rem;font-weight:400}.FormError-text-icon{margin-right:4px;margin-top:4px}.FormError-error{align-items:center;color:#2a292c;font-size:14px;font-weight:600;padding-left:0}";
 styleInject(css_248z$2);
 
 const FormError = (props) => {
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.error && (jsxRuntime.jsx("span", { className: "LuiTextInput-error", style: { paddingLeft: 0 }, children: props.error })), props.helpText && !props.error && jsxRuntime.jsx("span", { className: "FormError-helpText", children: props.helpText })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.error && (jsxRuntime.jsxs("div", { className: "FormError", children: [jsxRuntime.jsx(lui.LuiIcon, { alt: "error", name: "ic_error", className: "FormError-text-icon", size: "sm", status: "error" }), jsxRuntime.jsx("span", { className: "FormError-error", children: props.error })] })), props.helpText && !props.error && jsxRuntime.jsx("span", { className: "FormError-helpText", children: props.helpText })] }));
 };
 
 function escapeStringRegexp(string) {
@@ -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 {
@@ -3730,7 +3735,7 @@ const GridFormDropDown = (props) => {
                         })] }) })] }));
 };
 
-var css_248z$1 = ".LuiTextInput.GridLuiTextInput{margin-bottom:0}.LuiTextInput-formatted{color:#beb9b4;line-height:48px;position:absolute;right:14px;top:0}";
+var css_248z$1 = ".LuiTextInput.GridLuiTextInput{margin-bottom:0}.LuiTextInput-formatted{color:#6b6966;line-height:48px;position:absolute;right:14px;top:0}";
 styleInject(css_248z$1);
 
 const TextInputFormatted = (props) => {