@linzjs/step-ag-grid 8.1.0 → 8.2.1

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;
@@ -344,7 +344,7 @@
 }
 
 .Grid-popoverContainer {
-  padding: 4px 8px;
+  padding: 0.375rem 0.75rem;
 }
 
 .ag-cell .GridCell-editableIcon {
@@ -427,6 +427,10 @@
   overflow-y: auto;
 }
 
+.GridMultiSelect-noOptions {
+  justify-content: center;
+}
+
 .GridFormSubComponentTextInput-full-width-input {
   width: 100%;
   padding: 0;
@@ -441,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,7 +22,7 @@ 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;
@@ -33,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/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/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

@@ -2932,12 +2932,6 @@ var Grid = function (params) {
                 startCellEditing(e);
         }
     }, [startCellEditing]);
-    var onCellEditingStopped = useCallback(function (event) {
-        refreshSelectedRows(event);
-        // The grid loses cell focus after editing
-        var cell = event.api.getFocusedCell();
-        cell && event.api.setFocusedCell(cell.rowIndex, cell.column);
-    }, [refreshSelectedRows]);
     // When rows added or removed then resize columns
     useEffect(function () {
         if (columnDefs === null || columnDefs === void 0 ? void 0 : columnDefs.length) {
@@ -2946,7 +2940,7 @@ var Grid = function (params) {
     }, [columnDefs === null || columnDefs === void 0 ? void 0 : columnDefs.length, sizeColumnsToFit]);
     return (jsxs("div", __assign({ "data-testid": params["data-testid"], className: clsx("Grid-container", "ag-theme-alpine", staleGrid && "Grid-sortIsStale", gridReady && params.rowData && "Grid-ready") }, { children: [params.quickFilter && (jsx("div", __assign({ className: "Grid-quickFilter" }, { children: jsx("input", { "aria-label": "Search", className: "lui-margin-top-xxs lui-margin-bottom-xxs Grid-quickFilterBox", type: "text", placeholder: (_a = params.quickFilterPlaceholder) !== null && _a !== void 0 ? _a : "Search...", value: internalQuickFilter, onChange: function (event) {
                         setInternalQuickFilter(event.target.value);
-                    } }) }))), jsx(AgGridReact, { animateRows: params.animateRows, rowClassRules: params.rowClassRules, defaultColDef: params.defaultColDef, getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: (_b = params.rowSelection) !== null && _b !== void 0 ? _b : "multiple", suppressBrowserResizeObserver: true, colResizeDefault: "shift", onFirstDataRendered: sizeColumnsToFit, onGridSizeChanged: sizeColumnsToFit, suppressClickEdit: true, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, onCellEditingStopped: onCellEditingStopped, domLayout: params.domLayout, columnDefs: columnDefs, rowData: params.rowData, noRowsOverlayComponent: noRowsOverlayComponent, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_c = params.postSortRows) !== null && _c !== void 0 ? _c : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll })] })));
+                    } }) }))), jsx(AgGridReact, { animateRows: params.animateRows, rowClassRules: params.rowClassRules, defaultColDef: params.defaultColDef, getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: (_b = params.rowSelection) !== null && _b !== void 0 ? _b : "multiple", suppressBrowserResizeObserver: true, colResizeDefault: "shift", onFirstDataRendered: sizeColumnsToFit, onGridSizeChanged: sizeColumnsToFit, suppressClickEdit: true, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, columnDefs: columnDefs, rowData: params.rowData, noRowsOverlayComponent: noRowsOverlayComponent, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_c = params.postSortRows) !== null && _c !== void 0 ? _c : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll })] })));
 };
 
 var GridCellMultiSelectClassRules = {
@@ -2981,7 +2975,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;
@@ -3428,9 +3422,9 @@ 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: (_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) {
+                        } })), 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;
                             showHeader = null;
                             if (item.value === MenuSeparatorString) {
@@ -3637,12 +3631,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;
@@ -3700,7 +3695,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];
@@ -3726,12 +3721,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)));
@@ -3812,10 +3810,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;
@@ -3830,7 +3825,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();
@@ -3954,9 +3949,12 @@ var GridFormPopoverMenu = function (props) {
                     setSubComponentSelected(subComponentSelected === item ? null : item);
                     e.keepOpen = true;
                     return [3 /*break*/, 3];
-                case 1: return [4 /*yield*/, updateValue(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-                        return [2 /*return*/, actionClick(item)];
-                    }); }); }, e.key === "Tab" ? (e.shiftKey ? -1 : 1) : 0)];
+                case 1:
+                    subComponentIsValid.current = true;
+                    setSubSelectedValue(null);
+                    return [4 /*yield*/, updateValue(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                            return [2 /*return*/, actionClick(item)];
+                        }); }); }, e.key === "Tab" ? (e.shiftKey ? -1 : 1) : 0)];
                 case 2:
                     _a.sent();
                     _a.label = 3;
@@ -4090,6 +4088,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}";
@@ -4140,7 +4156,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
                 ? "?"
@@ -4153,15 +4169,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, {
@@ -4172,15 +4180,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, {
@@ -24935,5 +24935,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