@linzjs/step-ag-grid 7.19.5 → 8.0.0

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ColDef } from "ag-grid-community";
 import { GridOptions } from "ag-grid-community/dist/lib/entities/gridOptions";
 export interface GridBaseRow {
     id: string | number;
@@ -14,7 +15,7 @@ export interface GridProps {
     externalSelectedItems?: any[];
     setExternalSelectedItems?: (items: any[]) => void;
     defaultColDef?: GridOptions["defaultColDef"];
-    columnDefs: GridOptions["columnDefs"];
+    columnDefs: ColDef[];
     rowData: GridOptions["rowData"];
     noRowsOverlayText?: string;
     postSortRows?: GridOptions["postSortRows"];

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

@@ -2,8 +2,12 @@
 import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
 export interface GridFormEditBearingProps<RowType extends GridBaseRow> extends CellEditorCommon {
+    formatValue?: (value: any) => string;
     placeHolder?: string;
     range?: (value: number | null) => string | null;
-    onSave?: (selectedRows: RowType[], value: number | null) => Promise<boolean>;
+    onSave?: (props: {
+        selectedRows: RowType[];
+        value: number | null;
+    }) => Promise<boolean>;
 }
 export declare const GridFormEditBearing: <RowType extends GridBaseRow>(props: GridFormEditBearingProps<RowType>) => JSX.Element;

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

@@ -19,8 +19,14 @@ export interface GridFormMultiSelectProps<RowType extends GridBaseRow> extends C
     filtered?: boolean;
     filterPlaceholder?: string;
     filterHelpText?: string | ((filter: string, options: MultiSelectOption[]) => string | undefined);
-    onSelectFilter?: (filter: string, options: MultiSelectOption[]) => void;
-    onSave?: (selectedRows: RowType[], selectedOptions: MultiSelectOption[]) => Promise<boolean>;
+    onSelectFilter?: (props: {
+        filter: string;
+        options: MultiSelectOption[];
+    }) => void;
+    onSave?: (props: {
+        selectedRows: RowType[];
+        selectedOptions: MultiSelectOption[];
+    }) => Promise<boolean>;
     headers?: GridFormMultiSelectGroup[];
     options: MultiSelectOption[] | ((selectedRows: RowType[]) => Promise<MultiSelectOption[]> | MultiSelectOption[]);
     invalid?: (selectedRows: RowType[], selectedOptions: MultiSelectOption[]) => boolean;

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

@@ -3,7 +3,10 @@ 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>;
+    defaultAction?: (props: {
+        selectedRows: RowType[];
+        menuOption: SelectedMenuOptionResult<RowType>;
+    }) => Promise<void>;
 }
 /** Menu configuration types **/
 export declare const PopoutMenuSeparator: Readonly<{
@@ -17,7 +20,10 @@ export interface SelectedMenuOptionResult<RowType extends GridBaseRow> extends M
 }
 export interface MenuOption<RowType extends GridBaseRow> {
     label: JSX.Element | string | MenuSeparatorType;
-    action?: (selectedRows: RowType[], menuOption: SelectedMenuOptionResult<RowType>) => Promise<void>;
+    action?: (props: {
+        selectedRows: RowType[];
+        menuOption: SelectedMenuOptionResult<RowType>;
+    }) => Promise<void>;
     disabled?: string | boolean;
     hidden?: boolean;
     subComponent?: (props: any) => JSX.Element;

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

@@ -5,7 +5,10 @@ import { TextInputValidatorProps } from "../../utils/textValidator";
 export interface GridFormTextAreaProps<RowType extends GridBaseRow> extends TextInputValidatorProps<RowType>, CellEditorCommon {
     placeholder?: string;
     width?: string | number;
-    onSave?: (selectedRows: RowType[], value: string) => Promise<boolean>;
+    onSave?: (props: {
+        selectedRows: RowType[];
+        value: string;
+    }) => Promise<boolean>;
     helpText?: string;
 }
 export declare const GridFormTextArea: <RowType extends GridBaseRow>(props: GridFormTextAreaProps<RowType>) => JSX.Element;

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

@@ -6,7 +6,10 @@ export interface GridFormTextInputProps<RowType extends GridBaseRow> extends Tex
     placeholder?: string;
     units?: string;
     width?: string | number;
-    onSave?: (selectedRows: RowType[], value: string) => Promise<boolean>;
+    onSave?: (props: {
+        selectedRows: RowType[];
+        value: string;
+    }) => Promise<boolean>;
     helpText?: string;
 }
 export declare const GridFormTextInput: <RowType extends GridBaseRow>(props: GridFormTextInputProps<RowType>) => JSX.Element;

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

@@ -2,6 +2,15 @@ import { ColDefT, GenericCellEditorProps } from "../GridCell";
 import { GridFormEditBearingProps } from "../gridForm/GridFormEditBearing";
 import { GridBaseRow } from "../Grid";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
-export declare const GridPopoverEditBearingLike: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;
+export declare const GridPopoverEditBearingEditorParams: {
+    placeHolder: string;
+    formatValue: (value: any) => string;
+    range: (value: number | null) => "Bearing is required" | "Bearing must be less than 360 degrees" | "Bearing must not be negative" | null;
+};
 export declare const GridPopoverEditBearing: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;
+export declare const GridPopoverEditBearingCorrectionEditorParams: {
+    placeHolder: string;
+    formatValue: (value: any) => string;
+    range: (value: number | null) => "Bearing correction is required" | "Bearing correction must be less than 360 degrees" | "Bearing correction must be greater then -180 degrees" | null;
+};
 export declare const GridPopoverEditBearingCorrection: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormEditBearingProps<RowType>>) => ColDefT<RowType>;

package/dist/src/utils/bearing.d.ts

@@ -1,6 +1,5 @@
-import { ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
-export declare const bearingValueFormatter: (params: ValueFormatterParams) => string;
-export declare const bearingCorrectionValueFormatter: (params: ValueFormatterParams) => string;
+export declare const bearingValueFormatter: (value: any) => string;
+export declare const bearingCorrectionValueFormatter: (value: any) => string;
 export declare const bearingNumberParser: (value: string) => number | null;
 export declare const bearingStringValidator: (value: string, customInvalid?: ((value: number | null) => string | null) | undefined) => string | null;
 export declare const convertDDToDMS: (dd: number | null, showPositiveSymbol?: boolean, addTrailingZeros?: boolean) => string;

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

@@ -1597,7 +1597,12 @@ var ControlledMenuFr = function (_a, externalRef) {
             className: className
         }), style: __assign(__assign({}, containerProps === null || containerProps === void 0 ? void 0 : containerProps.style), { position: "relative" }), ref: containerRef }, { children: state && (jsx(SettingsContext.Provider, __assign({ value: settings }, { children: jsx(ItemSettingsContext.Provider, __assign({ value: itemSettings }, { children: jsx(EventHandlersContext.Provider, __assign({ value: eventHandlers }, { children: jsx(MenuList, __assign({}, restProps, { ariaLabel: ariaLabel || "Menu", externalRef: externalRef, containerRef: containerRef, onClose: onClose })) })) })) }))) })));
     if (portal === true && (anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) != null) {
-        portal = { target: anchorRef.current.ownerDocument.body };
+        if (hasParentClass("react-menu-inline-test", anchorRef.current)) {
+            portal = false;
+        }
+        else {
+            portal = { target: anchorRef.current.ownerDocument.body };
+        }
     }
     if (portal) {
         if (typeof portal === "boolean") {
@@ -3639,7 +3644,10 @@ var GridFormMultiSelect = function (props) {
             // Any changes to save?
             if (initialValues === JSON.stringify(options))
                 return [2 /*return*/, true];
-            return [2 /*return*/, props.onSave(selectedRows, options.filter(function (o) { return o.checked; }))];
+            return [2 /*return*/, props.onSave({
+                    selectedRows: selectedRows,
+                    selectedOptions: options.filter(function (o) { return o.checked; })
+                })];
         });
     }); }, [initialValues, options, props]);
     // Load up options list if it's async function
@@ -3752,7 +3760,7 @@ var FilterInput = function (props) {
             return;
         }
         var preFilterOptions = JSON.stringify(options);
-        onSelectFilter(filterTrimmed, options);
+        onSelectFilter({ filter: filterTrimmed, options: options });
         // Detect if options list changed and update
         if (preFilterOptions === JSON.stringify(options))
             return;
@@ -3852,17 +3860,17 @@ var GridFormPopoverMenu = function (props) {
     var _c = useState(null), subComponentSelected = _c[0], setSubComponentSelected = _c[1];
     var subComponentIsValid = useRef(false);
     var _d = useState(), subSelectedValue = _d[0], setSubSelectedValue = _d[1];
-    var defaultAction = useCallback(function (selectedRows, menuOption) { return __awaiter(void 0, void 0, void 0, function () {
+    var defaultAction = useCallback(function (params) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     if (!props.defaultAction) return [3 /*break*/, 2];
-                    return [4 /*yield*/, props.defaultAction(selectedRows, menuOption)];
+                    return [4 /*yield*/, props.defaultAction(params)];
                 case 1:
                     _a.sent();
                     return [3 /*break*/, 3];
                 case 2:
-                    console.error("No action specified for ".concat(menuOption.label, " menu options"));
+                    console.error("No action specified for ".concat(params.menuOption.label, " menu options"));
                     _a.label = 3;
                 case 3: return [2 /*return*/];
             }
@@ -3906,13 +3914,13 @@ var GridFormPopoverMenu = function (props) {
         }); })();
     }, [options, props.defaultAction, props.options, selectedRows]);
     var actionClick = useCallback(function (menuOption) { return __awaiter(void 0, void 0, void 0, function () {
-        var result;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
-                case 0:
-                    result = __assign(__assign({}, menuOption), { subValue: subSelectedValue });
-                    return [4 /*yield*/, ((_a = menuOption.action) !== null && _a !== void 0 ? _a : defaultAction)(selectedRows, result)];
+                case 0: return [4 /*yield*/, ((_a = menuOption.action) !== null && _a !== void 0 ? _a : defaultAction)({
+                        selectedRows: selectedRows,
+                        menuOption: __assign(__assign({}, menuOption), { subValue: subSelectedValue })
+                    })];
                 case 1:
                     _b.sent();
                     return [2 /*return*/, true];
@@ -3989,22 +3997,22 @@ var GridPopoverMenu = function (colDef, custom) {
         } }), __assign({ editor: GridFormPopoverMenu }, custom));
 };
 
-var bearingValueFormatter = function (params) {
-    var value = typeof params.value == "string" ? parseFloat(params.value) : params.value;
-    if (value == null) {
+var bearingValueFormatter = function (value) {
+    var safeValue = typeof value == "string" ? parseFloat(value) : value;
+    if (safeValue == null) {
         return "–";
     }
-    return convertDDToDMS(value, false, false);
+    return convertDDToDMS(safeValue, false, false);
 };
-var bearingCorrectionValueFormatter = function (params) {
-    var value = params.value;
-    if (value == null) {
+var bearingCorrectionValueFormatter = function (value) {
+    var safeValue = value;
+    if (safeValue == null) {
         return "–";
     }
-    if (typeof value === "string") {
-        return convertDDToDMS(bearingNumberParser(value), true, true);
+    if (typeof safeValue === "string") {
+        return convertDDToDMS(bearingNumberParser(safeValue), true, true);
     }
-    return convertDDToDMS(value, true, true);
+    return convertDDToDMS(safeValue, true, true);
 };
 var bearingNumberParser = function (value) {
     if (value === "")
@@ -4078,7 +4086,7 @@ var TextInputFormatted = function (props) {
 };
 
 var GridFormEditBearing = function (props) {
-    var _a = useGridPopoverContext(), field = _a.field, initialValue = _a.value, formatValue = _a.formatValue;
+    var _a = useGridPopoverContext(), field = _a.field, initialValue = _a.value;
     // This clears out any scientific precision
     var defaultValue = useMemo(function () { return (initialValue == null ? "" : parseFloat(parseFloat(initialValue).toFixed(10)).toString()); }, [initialValue]);
     var _b = useState(defaultValue), value = _b[0], setValue = _b[1];
@@ -4094,7 +4102,7 @@ var GridFormEditBearing = function (props) {
                         return [2 /*return*/, true];
                     }
                     if (!props.onSave) return [3 /*break*/, 2];
-                    return [4 /*yield*/, props.onSave(selectedRows, parsedValue)];
+                    return [4 /*yield*/, props.onSave({ selectedRows: selectedRows, value: parsedValue })];
                 case 1: return [2 /*return*/, _a.sent()];
                 case 2:
                     if (field == null) {
@@ -4117,38 +4125,50 @@ var GridFormEditBearing = function (props) {
     }).popoverWrapper;
     return popoverWrapper(jsx("div", __assign({ className: "GridFormEditBearing-input Grid-popoverContainer" }, { children: jsx(TextInputFormatted, { value: defaultValue, onChange: function (e) {
                 setValue(e.target.value.trim());
-            }, autoFocus: true, placeholder: props.placeHolder, formatted: bearingStringValidator(value, props.range) ? "?" : formatValue(bearingNumberParser(value)), error: bearingStringValidator(value, props.range), helpText: "Press enter or tab to save" }) })));
+            }, autoFocus: true, placeholder: props.placeHolder, formatted: bearingStringValidator(value, props.range) || !props.formatValue
+                ? "?"
+                : props.formatValue(bearingNumberParser(value)), error: bearingStringValidator(value, props.range), helpText: "Press enter or tab to save" }) })));
 };
 
 var GridPopoverEditBearingLike = function (colDef, props) {
-    return GridCell(__assign({ initialWidth: 65, maxWidth: 150 }, colDef), __assign({ editor: GridFormEditBearing }, props));
+    return GridCell(__assign({ initialWidth: 65, maxWidth: 150, valueFormatter: function (params) { var _a, _b; return (_b = (_a = props.editorParams) === null || _a === void 0 ? void 0 : _a.formatValue(params.value)) !== null && _b !== void 0 ? _b : ""; } }, colDef), __assign({ editor: GridFormEditBearing }, props));
+};
+var GridPopoverEditBearingEditorParams = {
+    placeHolder: "Enter bearing",
+    formatValue: bearingValueFormatter,
+    range: function (value) {
+        if (value === null)
+            return "Bearing is required";
+        if (value >= 360)
+            return "Bearing must be less than 360 degrees";
+        if (value < 0)
+            return "Bearing must not be negative";
+        return null;
+    }
 };
 var GridPopoverEditBearing = function (colDef, props) {
-    return GridPopoverEditBearingLike(__assign({ valueFormatter: bearingValueFormatter }, colDef), {
+    return GridPopoverEditBearingLike(colDef, {
         multiEdit: !!props.multiEdit,
-        editorParams: __assign({ placeHolder: "Enter bearing correction", range: function (value) {
-                if (value === null)
-                    return "Bearing correction is required";
-                if (value >= 360)
-                    return "Bearing correction must be less than 360 degrees";
-                if (value < 0)
-                    return "Bearing correction must not be negative";
-                return null;
-            } }, props.editorParams)
+        editorParams: __assign(__assign({}, GridPopoverEditBearingEditorParams), props.editorParams)
     });
 };
+var GridPopoverEditBearingCorrectionEditorParams = {
+    placeHolder: "Enter bearing correction",
+    formatValue: bearingCorrectionValueFormatter,
+    range: function (value) {
+        if (value === null)
+            return "Bearing correction is required";
+        if (value >= 360)
+            return "Bearing correction must be less than 360 degrees";
+        if (value <= -180)
+            return "Bearing correction must be greater then -180 degrees";
+        return null;
+    }
+};
 var GridPopoverEditBearingCorrection = function (colDef, props) {
-    return GridPopoverEditBearingLike(__assign({ valueFormatter: bearingCorrectionValueFormatter }, colDef), {
+    return GridPopoverEditBearingLike(colDef, {
         multiEdit: !!props.multiEdit,
-        editorParams: __assign({ placeHolder: "Enter bearing correction", range: function (value) {
-                if (value === null)
-                    return "Bearing is required";
-                if (value >= 360)
-                    return "Bearing must be less than 360 degrees";
-                if (value <= -180)
-                    return "Bearing must be greater then -180 degrees";
-                return null;
-            } }, props.editorParams)
+        editorParams: __assign(__assign({}, GridPopoverEditBearingCorrectionEditorParams), props.editorParams)
     });
 };
 
@@ -4337,7 +4357,7 @@ var GridFormTextArea = function (props) {
                     if (initValue === trimmedValue)
                         return [2 /*return*/, true];
                     if (!props.onSave) return [3 /*break*/, 2];
-                    return [4 /*yield*/, props.onSave(selectedRows, trimmedValue)];
+                    return [4 /*yield*/, props.onSave({ selectedRows: selectedRows, value: trimmedValue })];
                 case 1: return [2 /*return*/, _a.sent()];
                 case 2:
                     selectedRows.forEach(function (row) { return (row[field] = trimmedValue); });
@@ -4374,7 +4394,7 @@ var GridFormTextInput = function (props) {
                     if (initValue === trimmedValue)
                         return [2 /*return*/, true];
                     if (!props.onSave) return [3 /*break*/, 2];
-                    return [4 /*yield*/, props.onSave(selectedRows, trimmedValue)];
+                    return [4 /*yield*/, props.onSave({ selectedRows: selectedRows, value: trimmedValue })];
                 case 1: return [2 /*return*/, _a.sent()];
                 case 2:
                     selectedRows.forEach(function (row) { return (row[field] = trimmedValue); });
@@ -4387,7 +4407,7 @@ var GridFormTextInput = function (props) {
         invalid: invalid,
         save: save
     }).popoverWrapper;
-    return popoverWrapper(jsx("div", __assign({ style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 }, className: "FormTest subComponent" }, { children: jsx(TextInputFormatted, { value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), formatted: props.units, style: { width: "100%" }, placeholder: props.placeholder, helpText: helpText }) })));
+    return popoverWrapper(jsx("div", __assign({ style: { display: "flex", flexDirection: "row" }, className: "FormTest subComponent" }, { children: jsx(TextInputFormatted, { value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), formatted: props.units, style: { width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 }, placeholder: props.placeholder, helpText: helpText }) })));
 };
 
 var GridPopoverTextInput = function (colDef, params) {