@linzjs/step-ag-grid 8.0.0 → 8.2.0

package/dist/index.css

@@ -22,7 +22,7 @@
 }
 .step-ag-grid-react-menu .szh-menu__item,
 .step-ag-grid-react-menu .szh-menu__header {
-  padding: 0.375rem 1.5rem;
+  padding: 0.375rem 0.75rem;
 }
 .step-ag-grid-react-menu .LuiCheckboxInput {
   margin-bottom: 0;
@@ -57,7 +57,7 @@
   color: #2a292c;
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
-  font-weight: 300;
+  font-weight: normal;
 }
 .step-ag-grid-react-menu.szh-menu div,
 .step-ag-grid-react-menu.szh-menu a[role=menuitem] {
@@ -65,7 +65,7 @@
   color: #2a292c;
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
-  font-weight: 300;
+  font-weight: normal;
 }
 .step-ag-grid-react-menu.szh-menu li[role=menuitem]:hover {
   background-color: #e2f3f7;
@@ -235,7 +235,7 @@
 }
 .szh-menu__item--disabled {
   cursor: default;
-  color: #aaa;
+  color: #989189;
 }
 .szh-menu__group {
   box-sizing: border-box;
@@ -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%;
@@ -340,7 +344,7 @@
 }
 
 .Grid-popoverContainer {
-  padding: 4px 8px;
+  padding: 0.375rem 0.75rem;
 }
 
 .ag-cell .GridCell-editableIcon {
@@ -423,6 +427,10 @@
   overflow-y: auto;
 }
 
+.GridMultiSelect-noOptions {
+  justify-content: center;
+}
+
 .GridFormSubComponentTextInput-full-width-input {
   width: 100%;
   padding: 0;
@@ -437,11 +445,21 @@
   fill: #3a7cdf;
 }
 
+.AgGridGenericCellRenderer-ic_info_outlineIcon {
+  margin-right: 4px;
+  fill: #3a7cdf;
+}
+
 .AgGridGenericCellRenderer-ic_warningIcon {
   margin-right: 4px;
   fill: #ea6a2e;
 }
 
+.AgGridGenericCellRenderer-ic_warning_outlineIcon {
+  margin-right: 4px;
+  fill: #ea6a2e;
+}
+
 .GridIcon-disabled {
   fill: #beb9b4 !important;
 }

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

@@ -22,9 +22,10 @@ export declare const MenuHeaderItem: (title: string) => {
     value: string;
 };
 export type SelectOption = null | string | FinalSelectOption;
-export interface GridFormPopoutDropDownProps<RowType extends GridBaseRow> extends CellEditorCommon {
+export interface GridFormDropDownProps<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;
@@ -32,5 +33,5 @@ export interface GridFormPopoutDropDownProps<RowType extends GridBaseRow> extend
     onSelectFilter?: (props: GridPopoutEditDropDownSelectedItem<RowType>) => Promise<void>;
     options: SelectOption[] | ((selectedRows: RowType[], filter?: string) => Promise<SelectOption[] | undefined> | SelectOption[] | undefined) | undefined;
 }
-export declare const GridFormDropDown: <RowType extends GridBaseRow>(props: GridFormPopoutDropDownProps<RowType>) => JSX.Element;
+export declare const GridFormDropDown: <RowType extends GridBaseRow>(props: GridFormDropDownProps<RowType>) => JSX.Element;
 export {};

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

@@ -19,6 +19,7 @@ export interface GridFormMultiSelectProps<RowType extends GridBaseRow> extends C
     filtered?: boolean;
     filterPlaceholder?: string;
     filterHelpText?: string | ((filter: string, options: MultiSelectOption[]) => string | undefined);
+    noOptionsMessage?: string;
     onSelectFilter?: (props: {
         filter: string;
         options: MultiSelectOption[];

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

@@ -1,16 +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?: (props: {
         selectedRows: RowType[];
         menuOption: SelectedMenuOptionResult<RowType>;
     }) => Promise<void>;
 }
-/** Menu configuration types **/
 export declare const PopoutMenuSeparator: Readonly<{
-    __isMenuSeparator__: true;
+    label: "__isMenuSeparator__";
 }>;
 interface MenuSeparatorType {
     __isMenuSeparator__: boolean;
@@ -32,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/gridPopoverEdit/GridPopoverEditDropDown.d.ts

@@ -1,5 +1,5 @@
 import { ColDefT, GenericCellEditorProps } from "../GridCell";
 import { GridBaseRow } from "../Grid";
-import { GridFormPopoutDropDownProps } from "../gridForm/GridFormDropDown";
+import { GridFormDropDownProps } from "../gridForm/GridFormDropDown";
 import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
-export declare const GridPopoverEditDropDown: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormPopoutDropDownProps<RowType>>) => ColDefT<RowType>;
+export declare const GridPopoverEditDropDown: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormDropDownProps<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

@@ -3,3 +3,5 @@ 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;
+export declare const bearingRangeValidator: (value: number | null) => "Bearing is required" | "Bearing must be less than 360 degrees" | "Bearing must not be negative" | null;
+export declare const bearingCorrectionRangeValidator: (value: number | null) => "Bearing correction is required" | "Bearing correction must be less than 360 degrees" | "Bearing correction must be greater then -180 degrees" | null;

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

@@ -2981,7 +2981,7 @@ var GridCellRenderer = function (props) {
     var warningText = warningFn ? warningFn(props) : undefined;
     var infoFn = rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.info;
     var infoText = infoFn ? infoFn(props) : undefined;
-    return (jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_b = (_a = colDef.field) !== null && _a !== void 0 ? _a : colDef.colId) !== null && _b !== void 0 ? _b : "", props.data.id) }, { children: jsxs(Fragment$1, { children: [typeof warningText === "string" && jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsx(GridIcon, { icon: "ic_info", title: infoText }), jsx("div", __assign({ style: { display: "flex", flex: 1, overflow: "hidden" } }, { children: ((_c = colDef === null || colDef === void 0 ? void 0 : colDef.cellRendererParams) === null || _c === void 0 ? void 0 : _c.originalCellRenderer) ? (jsx(colDef.cellRendererParams.originalCellRenderer, __assign({}, props))) : (jsx("span", __assign({ title: props.valueFormatted }, { children: props.valueFormatted }))) })), fnOrVar((_d = props.colDef) === null || _d === void 0 ? void 0 : _d.editable, props) && (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.rightHoverElement) && (jsx("div", __assign({ style: { display: "flex", alignItems: "center" } }, { children: rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.rightHoverElement })))] }) })));
+    return (jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_b = (_a = colDef.field) !== null && _a !== void 0 ? _a : colDef.colId) !== null && _b !== void 0 ? _b : "", props.data.id) }, { children: jsxs(Fragment$1, { children: [typeof warningText === "string" && jsx(GridIcon, { icon: "ic_warning_outline", title: warningText }), typeof infoText === "string" && jsx(GridIcon, { icon: "ic_info_outline", title: infoText }), jsx("div", __assign({ style: { display: "flex", flex: 1, overflow: "hidden" } }, { children: ((_c = colDef === null || colDef === void 0 ? void 0 : colDef.cellRendererParams) === null || _c === void 0 ? void 0 : _c.originalCellRenderer) ? (jsx(colDef.cellRendererParams.originalCellRenderer, __assign({}, props))) : (jsx("span", __assign({ title: props.valueFormatted }, { children: props.valueFormatted }))) })), fnOrVar((_d = props.colDef) === null || _d === void 0 ? void 0 : _d.editable, props) && (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.rightHoverElement) && (jsx("div", __assign({ style: { display: "flex", alignItems: "center" } }, { children: rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.rightHoverElement })))] }) })));
 };
 var suppressCellKeyboardEvents = function (e) {
     var _a, _b, _c, _d;
@@ -3278,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) {
@@ -3367,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);
@@ -3377,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
      */
@@ -3419,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);
@@ -3426,46 +3428,60 @@ var GridFormDropDown = function (props) {
                         } }, { children: function (_a) {
                             var _b;
                             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 &&
+                            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 : "Filter...", "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", disabled: true }, { 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))] })));
                         })] }) }))] }));
 };
 
@@ -3621,12 +3637,13 @@ var textMatch = function (text, filter) {
 };
 
 var GridFormMultiSelect = function (props) {
-    var _a = useGridPopoverContext(), selectedRows = _a.selectedRows, data = _a.data;
+    var _a;
+    var _b = useGridPopoverContext(), selectedRows = _b.selectedRows, data = _b.data;
     var subComponentIsValidRef = useRef({});
     var optionsInitialising = useRef(false);
-    var _b = useState(""), filter = _b[0], setFilter = _b[1];
-    var _c = useState(""), initialValues = _c[0], setInitialValues = _c[1];
-    var _d = useState(), options = _d[0], setOptions = _d[1];
+    var _c = useState(""), filter = _c[0], setFilter = _c[1];
+    var _d = useState(""), initialValues = _d[0], setInitialValues = _d[1];
+    var _e = useState(), options = _e[0], setOptions = _e[1];
     var invalid = useCallback(function () {
         if (!options)
             return true;
@@ -3684,7 +3701,7 @@ var GridFormMultiSelect = function (props) {
     var headerGroups = useMemo(function () {
         if (!options)
             return undefined;
-        var result = groupBy(options.filter(function (o) { return textMatch(o.label, filter) && o.value; }), "filter");
+        var result = groupBy(options.filter(function (o) { return textMatch(o.label, filter) && o.value != null; }), "filter");
         // remove leading/trailing/duplicate dividers
         return fromPairs(toPairs(result).map(function (_a) {
             var key = _a[0], arr = _a[1];
@@ -3710,12 +3727,15 @@ var GridFormMultiSelect = function (props) {
         }));
     }, [filter, options]);
     var headers = useMemo(function () { var _a; return (_a = props.headers) !== null && _a !== void 0 ? _a : [{ header: "" }]; }, [props.headers]);
-    var _e = useGridPopoverHook({
+    var _f = useGridPopoverHook({
         className: props.className,
         invalid: invalid,
         save: save
-    }), popoverWrapper = _e.popoverWrapper, triggerSave = _e.triggerSave;
-    return popoverWrapper(jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormMultiSelect-container" }, { children: options && (jsxs(Fragment$1, { children: [props.filtered && (jsx(FilterInput, __assign({}, { headerGroups: headerGroups, options: options, setOptions: setOptions, filter: filter, setFilter: setFilter, triggerSave: triggerSave }, { filterHelpText: props.filterHelpText, onSelectFilter: props.onSelectFilter, filterPlaceholder: props.filterPlaceholder }))), headerGroups && (jsx("div", __assign({ className: "GridFormMultiSelect-options" }, { children: headers.map(function (header, index) {
+    }), popoverWrapper = _f.popoverWrapper, triggerSave = _f.triggerSave;
+    return popoverWrapper(jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormMultiSelect-container" }, { children: options && (jsxs(Fragment$1, { children: [props.filtered && (jsx(FilterInput, __assign({}, { headerGroups: headerGroups, options: options, setOptions: setOptions, filter: filter, setFilter: setFilter, triggerSave: triggerSave }, { filterHelpText: props.filterHelpText, onSelectFilter: props.onSelectFilter, filterPlaceholder: props.filterPlaceholder }))), headerGroups && (isEmpty(headerGroups) || !toPairs(headerGroups).some(function (_a) {
+                    _a[0]; var options = _a[1];
+                    return !isEmpty(options);
+                })) && (jsx(MenuItem, __assign({ className: "GridMultiSelect-noOptions", disabled: true }, { children: (_a = props.noOptionsMessage) !== null && _a !== void 0 ? _a : "No Options" }), "noOptions")), headerGroups && !isEmpty(headerGroups) && (jsx("div", __assign({ className: "GridFormMultiSelect-options" }, { children: headers.map(function (header, index) {
                         var subOptions = headerGroups["".concat(header.filter)];
                         return (!isEmpty(subOptions) && (jsxs(Fragment, { children: [header.header && jsx(MenuHeader, { children: header.header }), subOptions.map(function (item, index) {
                                     return item.value === MenuSeparatorString ? (jsx(MenuDivider, {}, "div_".concat(index))) : (jsxs(Fragment, { children: [jsx(MenuRadioItem, { item: item, options: options, setOptions: setOptions }), item.checked && item.subComponent && (jsx(MenuSubComponent, __assign({}, { item: item, options: options, setOptions: setOptions, data: data, triggerSave: triggerSave }, { subComponentIsValid: subComponentIsValidRef.current })))] }, "val_".concat(item.value)));
@@ -3796,10 +3816,7 @@ var FilterInput = function (props) {
             lastKeyWasEnter.current = false;
         }
     }, [addCustomFilterValue, filter, onSelectFilter, setFilter, toggleSelectAllVisible, triggerSave]);
-    return (jsxs(Fragment$1, { children: [jsx(FocusableItem, __assign({ className: "filter-item" }, { children: function (_) { return (jsxs("div", __assign({ style: { width: "100%" }, className: "GridFormMultiSelect-filter" }, { children: [jsx("input", { className: "LuiTextInput-input", type: "text", placeholder: filterPlaceholder !== null && filterPlaceholder !== void 0 ? filterPlaceholder : "Placeholder", "data-testid": "filteredMenu-free-text-input", value: filter, "data-disableenterautosave": true, "data-allowtabtosave": true, onChange: function (e) { return setFilter(e.target.value); }, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }), filterHelpText && (jsx(FormError, { error: null, helpText: typeof filterHelpText === "function" ? filterHelpText(filter.trim(), options) : filterHelpText }))] }))); } }), "filter"), jsx(MenuDivider, {}, "$$divider_filter"), headerGroups && !toPairs(headerGroups).some(function (_a) {
-                _a[0]; var options = _a[1];
-                return !isEmpty(options);
-            }) && (jsx("div", __assign({ className: "szh-menu__item GridPopoverEditDropDown-noOptions" }, { children: "No Options" })))] }));
+    return (jsxs(Fragment$1, { children: [jsx(FocusableItem, __assign({ className: "filter-item" }, { children: function (_) { return (jsxs("div", __assign({ style: { width: "100%" }, className: "GridFormMultiSelect-filter" }, { children: [jsx("input", { className: "LuiTextInput-input", type: "text", placeholder: filterPlaceholder !== null && filterPlaceholder !== void 0 ? filterPlaceholder : "Filter...", "data-testid": "filteredMenu-free-text-input", value: filter, "data-disableenterautosave": true, "data-allowtabtosave": true, onChange: function (e) { return setFilter(e.target.value); }, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }), filterHelpText && (jsx(FormError, { error: null, helpText: typeof filterHelpText === "function" ? filterHelpText(filter.trim(), options) : filterHelpText }))] }))); } }), "filter"), jsx(MenuDivider, {}, "$$divider_filter")] }));
 };
 var MenuRadioItem = function (props) {
     var _a, _b;
@@ -3814,7 +3831,7 @@ var MenuRadioItem = function (props) {
                 e.keepOpen = true;
                 toggleValue(item);
             }
-        } }, { children: jsx(LuiCheckboxInput, { isChecked: (_a = item.checked) !== null && _a !== void 0 ? _a : false, value: "".concat(item.value), label: jsxs(Fragment$1, { children: [item.warning && jsx(GridIcon, { icon: "ic_warning", title: item.warning }), (_b = item.label) !== null && _b !== void 0 ? _b : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value))] }), inputProps: {
+        } }, { children: jsx(LuiCheckboxInput, { isChecked: (_a = item.checked) !== null && _a !== void 0 ? _a : false, value: "".concat(item.value), label: jsxs(Fragment$1, { children: [item.warning && jsx(GridIcon, { icon: "ic_warning_outline", title: item.warning }), (_b = item.label) !== null && _b !== void 0 ? _b : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value))] }), inputProps: {
                 onClick: function (e) {
                     // Click is handled by MenuItem onClick
                     e.preventDefault();
@@ -3848,7 +3865,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
@@ -3969,8 +3987,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,
@@ -3984,7 +4002,7 @@ var GridFormPopoverMenu = function (props) {
                                         triggerSave: triggerSave
                                     } }, { children: jsx("div", __assign({ className: "subComponent" }, { children: jsx(item.subComponent, {}) })) })));
                             } }), "".concat(item.label, "_subcomponent")))] }, "".concat(item.label))));
-            }) }) })));
+            })) }) })));
 };
 
 /**
@@ -4073,6 +4091,24 @@ var convertDDToDMS = function (dd, showPositiveSymbol, addTrailingZeros) {
         dmsString += "\u00A0".concat(minString, "'");
     }
     return dmsString;
+};
+var bearingRangeValidator = 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 bearingCorrectionRangeValidator = 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 css_248z$1 = ".LuiTextInput{margin-bottom:0}.LuiTextInput-formatted{color:#beb9b4;line-height:48px;position:absolute;right:14px;top:0}";
@@ -4123,7 +4159,7 @@ var GridFormEditBearing = function (props) {
         invalid: invalid,
         save: save
     }).popoverWrapper;
-    return popoverWrapper(jsx("div", __assign({ className: "GridFormEditBearing-input Grid-popoverContainer" }, { children: jsx(TextInputFormatted, { value: defaultValue, onChange: function (e) {
+    return popoverWrapper(jsx("div", __assign({ className: "GridFormEditBearing-input" }, { children: jsx(TextInputFormatted, { value: defaultValue, onChange: function (e) {
                 setValue(e.target.value.trim());
             }, autoFocus: true, placeholder: props.placeHolder, formatted: bearingStringValidator(value, props.range) || !props.formatValue
                 ? "?"
@@ -4136,15 +4172,7 @@ var GridPopoverEditBearingLike = function (colDef, 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;
-    }
+    range: bearingRangeValidator
 };
 var GridPopoverEditBearing = function (colDef, props) {
     return GridPopoverEditBearingLike(colDef, {
@@ -4155,15 +4183,7 @@ var GridPopoverEditBearing = function (colDef, props) {
 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;
-    }
+    range: bearingCorrectionRangeValidator
 };
 var GridPopoverEditBearingCorrection = function (colDef, props) {
     return GridPopoverEditBearingLike(colDef, {
@@ -4519,7 +4539,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];
@@ -4549,7 +4569,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,
@@ -24918,5 +24938,5 @@ var clickActionButton = function (text, container) { return __awaiter(void 0, vo
     });
 }); };
 
-export { ActionButton, ComponentLoadingWrapper, ControlledMenu, Editor, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiEditor, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridFormTextArea, GridFormTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, clickActionButton, clickMenuOption, clickMultiSelectOption, closeMenu, closePopover, convertDDToDMS, countRows, deselectRow, editCell, findActionButton, findCell, findCellContains, findMenuOption, findMultiSelectOption, findOpenPopover, findParentWithClass, findRow, fnOrVar, getMultiSelectOptions, hasParentClass, isCellReadOnly, isFloat, isNotEmpty, openAndClickMenuOption, openAndFindMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, suppressCellKeyboardEvents, typeInputByLabel, typeInputByPlaceholder, typeOnlyInput, typeOtherInput, typeOtherTextArea, useDeferredPromise, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, validateMenuOptions, wait$2 as wait };
+export { ActionButton, ComponentLoadingWrapper, ControlledMenu, Editor, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiEditor, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridFormTextArea, GridFormTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, bearingCorrectionRangeValidator, bearingCorrectionValueFormatter, bearingNumberParser, bearingRangeValidator, bearingStringValidator, bearingValueFormatter, clickActionButton, clickMenuOption, clickMultiSelectOption, closeMenu, closePopover, convertDDToDMS, countRows, deselectRow, editCell, findActionButton, findCell, findCellContains, findMenuOption, findMultiSelectOption, findOpenPopover, findParentWithClass, findRow, fnOrVar, getMultiSelectOptions, hasParentClass, isCellReadOnly, isFloat, isNotEmpty, openAndClickMenuOption, openAndFindMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, suppressCellKeyboardEvents, typeInputByLabel, typeInputByPlaceholder, typeOnlyInput, typeOtherInput, typeOtherTextArea, useDeferredPromise, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, validateMenuOptions, wait$2 as wait };
 //# sourceMappingURL=step-ag-grid.esm.js.map