@linzjs/step-ag-grid 7.19.6 → 8.1.0

package/dist/index.css

@@ -313,6 +313,10 @@
   text-transform: uppercase;
 }
 
+.react-menu-inline-test .szh-menu-container, .react-menu-inline-test .szh-menu {
+  position: static !important;
+}
+
 .Grid-container {
   flex: 1;
   width: 100%;

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/GridFormDropDown.d.ts

@@ -25,6 +25,7 @@ export type SelectOption = null | string | FinalSelectOption;
 export interface GridFormPopoutDropDownProps<RowType extends GridBaseRow> extends CellEditorCommon {
     className?: "GridPopoverEditDropDown-containerSmall" | "GridPopoverEditDropDown-containerMedium" | "GridPopoverEditDropDown-containerLarge" | "GridPopoverEditDropDown-containerUnlimited" | string | undefined;
     filtered?: "local" | "reload";
+    filterDefaultValue?: string;
     filterPlaceholder?: string;
     filterHelpText?: string;
     noOptionsMessage?: string;

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

@@ -1,13 +1,15 @@
 /// <reference types="react" />
 import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
-export interface GridFormPopoutMenuProps<RowType extends GridBaseRow> extends CellEditorCommon {
+export interface GridFormPopoverMenuProps<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<{
-    __isMenuSeparator__: true;
+    label: "__isMenuSeparator__";
 }>;
 interface MenuSeparatorType {
     __isMenuSeparator__: boolean;
@@ -17,7 +19,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;
@@ -26,5 +31,5 @@ export interface MenuOption<RowType extends GridBaseRow> {
  * 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: GridFormPopoverMenuProps<RowType>) => JSX.Element;
 export {};

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/components/gridPopoverEdit/GridPopoverMenu.d.ts

@@ -1,8 +1,8 @@
 import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps } from "../GridCell";
-import { GridFormPopoutMenuProps } from "../gridForm/GridFormPopoverMenu";
+import { GridFormPopoverMenuProps } from "../gridForm/GridFormPopoverMenu";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
 /**
  * Popout burger menu
  */
-export declare const GridPopoverMenu: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, custom: GenericCellEditorProps<GridFormPopoutMenuProps<RowType>>) => ColDefT<RowType>;
+export declare const GridPopoverMenu: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, custom: GenericCellEditorProps<GridFormPopoverMenuProps<RowType>>) => ColDefT<RowType>;

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

@@ -15,5 +15,6 @@ export interface ActionButtonProps {
     onClick: () => Promise<void> | void;
     level?: LuiButtonProps["level"];
     style?: CSSProperties;
+    disabled?: boolean;
 }
-export declare const ActionButton: ({ icon, name, inProgressName, dataTestId, style, className, title, onClick, size, iconPosition, level, "aria-label": ariaLabel, }: ActionButtonProps) => JSX.Element;
+export declare const ActionButton: ({ icon, name, inProgressName, disabled, dataTestId, style, className, title, onClick, size, iconPosition, level, "aria-label": ariaLabel, }: ActionButtonProps) => JSX.Element;

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") {
@@ -3273,17 +3278,17 @@ var fieldToString = function (field) {
     return typeof field == "symbol" ? field.toString() : "".concat(field);
 };
 var GridFormDropDown = function (props) {
-    var _a;
-    var _b = useGridPopoverContext(), selectedRows = _b.selectedRows, field = _b.field, data = _b.data;
+    var _a, _b;
+    var _c = useGridPopoverContext(), selectedRows = _c.selectedRows, field = _c.field, data = _c.data;
     // Save triggers during async action processing which triggers another selectItem(), this ref blocks that
-    var _c = useState(""), filter = _c[0], setFilter = _c[1];
-    var _d = useState(), filteredValues = _d[0], setFilteredValues = _d[1];
-    var _e = useState(null), options = _e[0], setOptions = _e[1];
+    var _d = useState((_a = props.filterDefaultValue) !== null && _a !== void 0 ? _a : ""), filter = _d[0], setFilter = _d[1];
+    var _e = useState(), filteredValues = _e[0], setFilteredValues = _e[1];
+    var _f = useState(null), options = _f[0], setOptions = _f[1];
     var subComponentIsValid = useRef(false);
     var subComponentInitialValue = useRef(null);
-    var _f = useState(null), subSelectedValue = _f[0], setSubSelectedValue = _f[1];
+    var _g = useState(null), subSelectedValue = _g[0], setSubSelectedValue = _g[1];
     // Note: null is assumed to be the filter
-    var _g = useState(null), selectedItem = _g[0], setSelectedItem = _g[1];
+    var _h = useState(null), selectedItem = _h[0], setSelectedItem = _h[1];
     var selectItemHandler = useCallback(function (value, subComponentValue) { return __awaiter(void 0, void 0, void 0, function () {
         var hasChanged;
         return __generator(this, function (_a) {
@@ -3362,7 +3367,7 @@ var GridFormDropDown = function (props) {
                 .filter(function (r) { return r !== undefined; }));
         }
     }, [props.filtered, filter, options]);
-    var researchOnFilterChange = useMemo(function () {
+    var reSearchOnFilterChange = useMemo(function () {
         return dist$1(function () {
             setOptions(null);
         }, 500);
@@ -3372,9 +3377,9 @@ var GridFormDropDown = function (props) {
     useEffect(function () {
         if (previousFilter.current != filter && props.filtered == "reload") {
             previousFilter.current = filter;
-            researchOnFilterChange().then();
+            reSearchOnFilterChange().then();
         }
-    }, [filter, props, researchOnFilterChange]);
+    }, [filter, props, reSearchOnFilterChange]);
     /**
      * Saves are wrapped in updateValue and triggered by blur events
      */
@@ -3414,6 +3419,8 @@ var GridFormDropDown = function (props) {
         invalid: function () { return !!(selectedItem && !subComponentIsValid.current); },
         save: save
     }).popoverWrapper;
+    var lastHeader = null;
+    var showHeader = null;
     return popoverWrapper(jsxs(Fragment$1, { children: [props.filtered && (jsxs("div", __assign({ className: "GridFormDropDown-filter" }, { children: [jsx(FocusableItem, __assign({ className: "filter-item", onFocus: function () {
                             setSelectedItem(null);
                             setSubSelectedValue(null);
@@ -3423,44 +3430,58 @@ var GridFormDropDown = function (props) {
                             var ref = _a.ref;
                             return (jsxs("div", __assign({ style: { display: "flex", flexDirection: "column", width: "100%" } }, { children: [jsx("input", { className: "LuiTextInput-input", ref: ref, type: "text", placeholder: (_b = props.filterPlaceholder) !== null && _b !== void 0 ? _b : "Placeholder", "data-testid": "filteredMenu-free-text-input", defaultValue: filter, "data-allowtabtosave": true, "data-disableenterautosave": !props.onSelectFilter &&
                                             !(filteredValues && filteredValues.length === 1 && !filteredValues[0].subComponent), onChange: function (e) { return setFilter(e.target.value); } }), props.filterHelpText && isNotEmpty(filter) && (jsx(FormError, { error: null, helpText: props.filterHelpText }))] })));
-                        } })), jsx(MenuDivider, {}, "$$divider_filter")] }))), jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormDropDown-options" }, { children: jsxs(Fragment$1, { children: [options && (isEmpty(options) || (filteredValues && isEmpty(filteredValues))) && (jsx(MenuItem, __assign({ className: "GridPopoverEditDropDown-noOptions" }, { children: (_a = props.noOptionsMessage) !== null && _a !== void 0 ? _a : "No Options" }), "".concat(fieldToString(field), "-empty"))), options === null || options === void 0 ? void 0 : options.map(function (item, index) {
+                        } })), jsx(MenuDivider, {}, "$$divider_filter")] }))), jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormDropDown-options" }, { children: jsxs(Fragment$1, { children: [options && (isEmpty(options) || (filteredValues && isEmpty(filteredValues))) && (jsx(MenuItem, __assign({ className: "GridPopoverEditDropDown-noOptions" }, { children: (_b = props.noOptionsMessage) !== null && _b !== void 0 ? _b : "No Options" }), "".concat(fieldToString(field), "-empty"))), options === null || options === void 0 ? void 0 : options.map(function (item, index) {
                             var _a;
-                            return item.value === MenuSeparatorString ? (jsx(MenuDivider, {}, "$$divider_".concat(index))) : item.value === MenuHeaderString ? (jsx(MenuHeader, { children: item.label }, "$$header_".concat(index))) : ((!filteredValues || filteredValues.includes(item)) && (jsxs("div", { children: [jsxs(MenuItem, __assign({ disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "", value: item.value, onFocus: function () {
-                                            setSelectedItem(item);
-                                            if (item.subComponent) {
-                                                setSelectedItem(item);
-                                                subComponentIsValid.current = true;
-                                                subComponentInitialValue.current = null;
-                                            }
-                                            else {
-                                                setSubSelectedValue(null);
-                                                subComponentIsValid.current = true;
-                                            }
-                                        }, onClick: function (e) {
-                                            if (item.subComponent) {
-                                                e.keepOpen = true;
-                                            }
-                                        } }, { children: [(_a = item.label) !== null && _a !== void 0 ? _a : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value)), item.subComponent ? "..." : ""] }), "".concat(fieldToString(field), "-").concat(index)), item.subComponent && selectedItem === item && (jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) { return (jsx(GridSubComponentContext.Provider, __assign({ value: {
-                                                context: { options: options },
-                                                data: data,
-                                                value: subSelectedValue,
-                                                setValue: function (value) {
-                                                    setSubSelectedValue(value);
-                                                    if (subComponentInitialValue.current === null) {
-                                                        // copy the default value of the sub-component so we can change detect on save
-                                                        subComponentInitialValue.current = JSON.stringify(value);
+                            showHeader = null;
+                            if (item.value === MenuSeparatorString) {
+                                return jsx(MenuDivider, {}, "$$divider_".concat(index));
+                            }
+                            else if (item.value === MenuHeaderString) {
+                                lastHeader = jsx(MenuHeader, { children: item.label }, "$$header_".concat(index));
+                                return jsx(Fragment$1, {});
+                            }
+                            else {
+                                if (lastHeader) {
+                                    showHeader = lastHeader;
+                                    lastHeader = null;
+                                }
+                            }
+                            return ((!filteredValues || filteredValues.includes(item)) && (jsxs(Fragment$1, { children: [showHeader, jsxs("div", { children: [jsxs(MenuItem, __assign({ disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "", value: item.value, onFocus: function () {
+                                                    setSelectedItem(item);
+                                                    if (item.subComponent) {
+                                                        setSelectedItem(item);
+                                                        subComponentIsValid.current = true;
+                                                        subComponentInitialValue.current = null;
+                                                    }
+                                                    else {
+                                                        setSubSelectedValue(null);
+                                                        subComponentIsValid.current = true;
+                                                    }
+                                                }, onClick: function (e) {
+                                                    if (item.subComponent) {
+                                                        e.keepOpen = true;
                                                     }
-                                                },
-                                                setValid: function (valid) {
-                                                    subComponentIsValid.current = valid;
-                                                },
-                                                triggerSave: function () { return __awaiter(void 0, void 0, void 0, function () {
-                                                    return __generator(this, function (_a) {
-                                                        ref.closeMenu();
-                                                        return [2 /*return*/];
-                                                    });
-                                                }); }
-                                            } }, { children: item.subComponent && (jsx("div", __assign({ className: "subComponent" }, { children: jsx(item.subComponent, {}, "".concat(fieldToString(field), "-").concat(index, "_subcomponent_inner")) }))) }))); } }), "".concat(item.label, "_subcomponent")))] }, "menu-wrapper-".concat(index))));
+                                                } }, { children: [(_a = item.label) !== null && _a !== void 0 ? _a : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value)), item.subComponent ? "..." : ""] }), "".concat(fieldToString(field), "-").concat(index)), item.subComponent && selectedItem === item && (jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) { return (jsx(GridSubComponentContext.Provider, __assign({ value: {
+                                                        context: { options: options },
+                                                        data: data,
+                                                        value: subSelectedValue,
+                                                        setValue: function (value) {
+                                                            setSubSelectedValue(value);
+                                                            if (subComponentInitialValue.current === null) {
+                                                                // copy the default value of the subcomponent so we can change detect on save
+                                                                subComponentInitialValue.current = JSON.stringify(value);
+                                                            }
+                                                        },
+                                                        setValid: function (valid) {
+                                                            subComponentIsValid.current = valid;
+                                                        },
+                                                        triggerSave: function () { return __awaiter(void 0, void 0, void 0, function () {
+                                                            return __generator(this, function (_a) {
+                                                                ref.closeMenu();
+                                                                return [2 /*return*/];
+                                                            });
+                                                        }); }
+                                                    } }, { children: item.subComponent && (jsx("div", __assign({ className: "subComponent" }, { children: jsx(item.subComponent, {}, "".concat(fieldToString(field), "-").concat(index, "_subcomponent_inner")) }))) }))); } }), "".concat(item.label, "_subcomponent")))] }, "menu-wrapper-".concat(index))] })));
                         })] }) }))] }));
 };
 
@@ -3639,7 +3660,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 +3776,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;
@@ -3840,7 +3864,8 @@ var GridPopoutEditMultiSelect = function (colDef, props) {
 };
 
 /** Menu configuration types **/
-var PopoutMenuSeparator = Object.freeze({ __isMenuSeparator__: true });
+var __isMenuSeparator__ = "__isMenuSeparator__";
+var PopoutMenuSeparator = Object.freeze({ label: __isMenuSeparator__ });
 /**
  * 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
@@ -3852,17 +3877,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 +3931,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];
@@ -3961,8 +3986,8 @@ var GridFormPopoverMenu = function (props) {
         invalid: function () { return subComponentSelected && !subComponentIsValid.current; },
         save: save
     }), popoverWrapper = _e.popoverWrapper, triggerSave = _e.triggerSave;
-    return popoverWrapper(jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormPopupMenu" }, { children: jsx(Fragment$1, { children: options === null || options === void 0 ? void 0 : options.map(function (item, index) {
-                return item.label === PopoutMenuSeparator ? (jsx(MenuDivider, {}, "$$divider_".concat(index))) : (!item.hidden && (jsxs(Fragment, { children: [jsx(MenuItem, __assign({ onClick: function (e) { return onMenuItemClick(e, item); }, disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "" }, { children: item.label }), "".concat(item.label)), item.subComponent && subComponentSelected === item && (jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (_) {
+    return popoverWrapper(jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormPopupMenu" }, { children: jsx(Fragment$1, { children: (options === null || options === void 0 ? void 0 : options.length) === 0 ? (jsx(MenuItem, __assign({ className: "GridPopoverMenu-noOptions", disabled: true }, { children: "No actions" }), "GridPopoverMenu-empty")) : (options === null || options === void 0 ? void 0 : options.map(function (item, index) {
+                return item.label === "__isMenuSeparator__" ? (jsx(MenuDivider, {}, "$$divider_".concat(index))) : (!item.hidden && (jsxs(Fragment, { children: [jsx(MenuItem, __assign({ onClick: function (e) { return onMenuItemClick(e, item); }, disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "" }, { children: item.label }), "".concat(item.label)), item.subComponent && subComponentSelected === item && (jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (_) {
                                 return item.subComponent && (jsx(GridSubComponentContext.Provider, __assign({ value: {
                                         context: {},
                                         data: data,
@@ -3976,7 +4001,7 @@ var GridFormPopoverMenu = function (props) {
                                         triggerSave: triggerSave
                                     } }, { children: jsx("div", __assign({ className: "subComponent" }, { children: jsx(item.subComponent, {}) })) })));
                             } }), "".concat(item.label, "_subcomponent")))] }, "".concat(item.label))));
-            }) }) })));
+            })) }) })));
 };
 
 /**
@@ -3989,22 +4014,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 +4103,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 +4119,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 +4142,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 +4374,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 +4411,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); });
@@ -4499,7 +4536,7 @@ var useStateDeferred = function (initialValue) {
 var minimumInProgressTimeMs = 950;
 var ActionButton = function (_a) {
     var _b, _c, _d;
-    var icon = _a.icon, name = _a.name, inProgressName = _a.inProgressName, dataTestId = _a.dataTestId, style = _a.style, className = _a.className, title = _a.title, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? "sm" : _e, _f = _a.iconPosition, iconPosition = _f === void 0 ? "left" : _f, _g = _a.level, level = _g === void 0 ? "tertiary" : _g, ariaLabel = _a["aria-label"];
+    var icon = _a.icon, name = _a.name, inProgressName = _a.inProgressName, disabled = _a.disabled, dataTestId = _a.dataTestId, style = _a.style, className = _a.className, title = _a.title, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? "sm" : _e, _f = _a.iconPosition, iconPosition = _f === void 0 ? "left" : _f, _g = _a.level, level = _g === void 0 ? "tertiary" : _g, ariaLabel = _a["aria-label"];
     var _h = useState(false), inProgress = _h[0], setInProgress = _h[1];
     var lastInProgress = usePrevious(inProgress !== null && inProgress !== void 0 ? inProgress : false);
     var _j = useStateDeferred(inProgress), localInProgress = _j[0], setLocalInProgress = _j[1], setLocalInProgressDeferred = _j[2];
@@ -4529,7 +4566,7 @@ var ActionButton = function (_a) {
                     case 3: return [2 /*return*/];
                 }
             });
-        }); }, disabled: localInProgress }, { children: [iconPosition === "right" && buttonText, localInProgress ? (jsx(LuiMiniSpinner, { size: 16, divProps: {
+        }); }, disabled: localInProgress || disabled }, { children: [iconPosition === "right" && buttonText, localInProgress ? (jsx(LuiMiniSpinner, { size: 16, divProps: {
                     "data-testid": "loading-spinner",
                     style: {
                         margin: 0,