@linzjs/step-ag-grid 2.5.0 → 3.0.1

package/dist/src/components/GridCell.d.ts

@@ -10,6 +10,7 @@ export interface GenericCellEditorProps<E> {
 export declare const GridCellRenderer: (props: ICellRendererParams) => JSX.Element;
 export interface ColDefT<RowType extends GridBaseRow> extends ColDef {
     _?: RowType;
+    editor?: (editorProps: any) => JSX.Element;
 }
 export declare const GridCell: <RowType extends GridBaseRow, Props extends CellEditorCommon>(props: GenericCellColDef<RowType>, custom?: {
     multiEdit?: boolean | undefined;
@@ -19,10 +20,6 @@ export declare const GridCell: <RowType extends GridBaseRow, Props extends CellE
 export interface CellEditorCommon {
     className?: string | undefined;
 }
-export interface CellParams<RowType extends GridBaseRow> {
-    value: any;
-    data: RowType;
-    field: string | undefined;
-    selectedRows: RowType[];
-}
-export declare const GenericCellEditorComponent: (editor: (props: any) => JSX.Element) => import("react").ForwardRefExoticComponent<ICellEditorParams & import("react").RefAttributes<unknown>>;
+export declare const GenericCellEditorComponentWrapper: (custom?: {
+    editor?: ((props: any) => JSX.Element) | undefined;
+} | undefined) => import("react").ForwardRefExoticComponent<ICellEditorParams & import("react").RefAttributes<unknown>>;

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

@@ -32,5 +32,5 @@ export interface GridFormPopoutDropDownProps<RowType extends GridBaseRow, ValueT
     options: SelectOption<ValueType>[] | ((selectedRows: RowType[], filter?: string) => Promise<SelectOption<ValueType>[]> | SelectOption<ValueType>[]);
     optionsRequestCancel?: () => void;
 }
-export declare const GridFormDropDown: <RowType extends GridBaseRow, ValueType>(_props: GridFormPopoutDropDownProps<RowType, ValueType>) => JSX.Element;
+export declare const GridFormDropDown: <RowType extends GridBaseRow, ValueType>(props: GridFormPopoutDropDownProps<RowType, ValueType>) => JSX.Element;
 export {};

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

@@ -7,4 +7,4 @@ export interface GridFormEditBearingProps<RowType extends GridBaseRow> extends C
     range?: (value: number | null) => string | null;
     onSave?: (selectedRows: RowType[], value: number | null) => Promise<boolean>;
 }
-export declare const GridFormEditBearing: <RowType extends GridBaseRow>(_props: GridFormEditBearingProps<RowType>) => JSX.Element;
+export declare const GridFormEditBearing: <RowType extends GridBaseRow>(props: GridFormEditBearingProps<RowType>) => JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { GridBaseRow } from "../Grid";
-import { CellEditorCommon, CellParams } from "../GridCell";
+import { CellEditorCommon } from "../GridCell";
 export interface GridFormMessageProps<RowType extends GridBaseRow> extends CellEditorCommon {
-    message: (cellParams: CellParams<RowType>) => Promise<string | JSX.Element> | string | JSX.Element;
+    message: (selectedRows: RowType[]) => Promise<string | JSX.Element> | string | JSX.Element;
 }
-export declare const GridFormMessage: <RowType extends GridBaseRow>(_props: GridFormMessageProps<RowType>) => JSX.Element;
+export declare const GridFormMessage: <RowType extends GridBaseRow>(props: GridFormMessageProps<RowType>) => JSX.Element;

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

@@ -9,7 +9,7 @@ interface MultiFinalSelectOption<ValueType> {
 }
 export declare type MultiSelectOption<ValueType> = ValueType | MultiFinalSelectOption<ValueType>;
 export interface SelectedOptionResult<ValueType> extends MultiFinalSelectOption<ValueType> {
-    subValue: any;
+    subValue?: any;
 }
 export interface GridFormMultiSelectProps<RowType extends GridBaseRow, ValueType> extends CellEditorCommon {
     className?: "GridMultiSelect-containerSmall" | "GridMultiSelect-containerMedium" | "GridMultiSelect-containerLarge" | "GridMultiSelect-containerUnlimited" | string | undefined;
@@ -17,7 +17,7 @@ export interface GridFormMultiSelectProps<RowType extends GridBaseRow, ValueType
     filterPlaceholder?: string;
     onSave?: (selectedRows: RowType[], selectedOptions: SelectedOptionResult<ValueType>[]) => Promise<boolean>;
     options: MultiSelectOption<ValueType>[] | ((selectedRows: RowType[]) => Promise<MultiSelectOption<ValueType>[]> | MultiSelectOption<ValueType>[]);
-    initialSelectedValues?: (selectedRows: RowType[]) => any[] | Record<string, any>;
+    initialSelectedValues?: (selectedRows: RowType[]) => any[] | Record<string, null | any>;
 }
 export declare const GridFormMultiSelect: <RowType extends GridBaseRow, ValueType>(props: GridFormMultiSelectProps<RowType, ValueType>) => JSX.Element;
 export {};

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

@@ -3,6 +3,7 @@ import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
 export interface GridFormPopoutMenuProps<RowType extends GridBaseRow> extends CellEditorCommon {
     options: (selectedRows: RowType[]) => Promise<MenuOption<RowType>[]>;
+    defaultAction?: (selectedRows: RowType[], menuOption: SelectedMenuOptionResult<RowType>) => Promise<void>;
 }
 /** Menu configuration types **/
 export declare const PopoutMenuSeparator: Readonly<{
@@ -11,16 +12,20 @@ export declare const PopoutMenuSeparator: Readonly<{
 interface MenuSeparatorType {
     __isMenuSeparator__: boolean;
 }
-export interface MenuOption<RowType> {
+export interface SelectedMenuOptionResult<RowType extends GridBaseRow> extends MenuOption<RowType> {
+    subValue: any;
+}
+export interface MenuOption<RowType extends GridBaseRow> {
     label: JSX.Element | string | MenuSeparatorType;
-    action?: (selectedRows: RowType[]) => Promise<boolean>;
+    action?: (selectedRows: RowType[], menuOption: SelectedMenuOptionResult<RowType>) => Promise<void>;
     disabled?: string | boolean;
     supportsMultiEdit: boolean;
     hidden?: boolean;
+    subComponent?: (props: any) => JSX.Element;
 }
 /**
  * NOTE: If the popout menu doesn't appear on single click when also selecting row it's because
  * you need a useMemo around your columnDefs
  */
-export declare const GridFormPopoverMenu: <RowType extends GridBaseRow>(_props: GridFormPopoutMenuProps<RowType>) => JSX.Element;
+export declare const GridFormPopoverMenu: <RowType extends GridBaseRow>(props: GridFormPopoutMenuProps<RowType>) => JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import { KeyboardEvent } from "react";
 import "../../styles/GridFormSubComponentTextInput.scss";
+import { KeyboardEvent } from "react";
 export interface GridFormSubComponentTextInput {
     setValue: (value: string) => void;
     keyDown: (key: string, event: KeyboardEvent<HTMLInputElement>) => void;

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

@@ -9,4 +9,4 @@ export interface GridFormTextAreaProps<RowType extends GridBaseRow> extends Cell
     validate?: (value: string) => string | null;
     onSave?: (selectedRows: RowType[], value: string) => Promise<boolean>;
 }
-export declare const GridFormTextArea: <RowType extends GridBaseRow>(_props: GridFormTextAreaProps<RowType>) => JSX.Element;
+export declare const GridFormTextArea: <RowType extends GridBaseRow>(props: GridFormTextAreaProps<RowType>) => JSX.Element;

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

@@ -10,4 +10,4 @@ export interface GridFormTextInputProps<RowType extends GridBaseRow> extends Cel
     validate?: (value: string, data: RowType) => string | null;
     onSave?: (selectedRows: RowType[], value: string) => Promise<boolean>;
 }
-export declare const GridFormTextInput: <RowType extends GridBaseRow>(_props: GridFormTextInputProps<RowType>) => JSX.Element;
+export declare const GridFormTextInput: <RowType extends GridBaseRow>(props: GridFormTextInputProps<RowType>) => JSX.Element;

package/dist/src/contexts/GridPopoverContext.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-import { ICellEditorParams } from "ag-grid-community";
+import { GridBaseRow } from "../components/Grid";
 export interface PropsType {
     value: any;
     data: any;
@@ -7,11 +7,15 @@ export interface PropsType {
     selectedRows: any[];
     updateValue: (saveFn: (selectedRows: any[]) => Promise<boolean>) => Promise<boolean>;
 }
-export declare type GridPopoverContextType = {
+export interface GridPopoverContextType<RowType extends GridBaseRow> {
     anchorRef: RefObject<Element>;
     saving: boolean;
     setSaving: (saving: boolean) => void;
-    setProps: (props: ICellEditorParams, multiEdit: boolean) => void;
-    propsRef: RefObject<PropsType>;
-};
-export declare const GridPopoverContext: import("react").Context<GridPopoverContextType>;
+    field: keyof RowType;
+    value: any;
+    data: RowType;
+    selectedRows: RowType[];
+    updateValue: (saveFn: (selectedRows: any[]) => Promise<boolean>) => Promise<boolean>;
+}
+export declare const GridPopoverContext: import("react").Context<GridPopoverContextType<any>>;
+export declare const useGridPopoverContext: <RowType extends GridBaseRow>() => GridPopoverContextType<RowType>;

package/dist/src/contexts/GridPopoverContextProvider.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from "react";
+import { ICellEditorParams } from "ag-grid-community";
 interface GridPopoverContextProps {
+    props: ICellEditorParams;
     children: ReactNode;
 }
-export declare const GridPopoverContextProvider: (props: GridPopoverContextProps) => JSX.Element;
+export declare const GridPopoverContextProvider: ({ props, children }: GridPopoverContextProps) => JSX.Element;
 export {};

package/dist/src/lui/TextInputFormatted.d.ts

@@ -11,6 +11,5 @@ export interface LuiTextInputProps {
     value: string;
     placeholder?: string;
     formatted?: string;
-    onMouseEnter?: (e: React.MouseEvent<HTMLTextAreaElement>) => void;
 }
 export declare const TextInputFormatted: (props: LuiTextInputProps) => JSX.Element;