@linzjs/step-ag-grid 3.0.0 → 3.0.2

package/dist/index.js

@@ -1784,54 +1784,6 @@ var MenuRadioGroupFr = function (_a, externalRef) {
 };
 var MenuRadioGroup = react.forwardRef(MenuRadioGroupFr);
 
-var GridUpdatingContext = react.createContext({
-    checkUpdating: function () {
-        console.error("Missing GridUpdatingContext");
-        return false;
-    },
-    modifyUpdating: function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            console.error("Missing GridUpdatingContext");
-            return [2 /*return*/];
-        });
-    }); }
-});
-
-var GridUpdatingContextProvider = function (props) {
-    var updatingBlocks = react.useRef({});
-    var updating = react.useRef({});
-    var resetUpdating = function () {
-        var mergedUpdatingBlocks = {};
-        for (var key in updatingBlocks.current) {
-            mergedUpdatingBlocks[key] = lodashEs.flatten(updatingBlocks.current[key]);
-        }
-        updating.current = mergedUpdatingBlocks;
-    };
-    var modifyUpdating = function (field, ids, fn) { return __awaiter(void 0, void 0, void 0, function () {
-        var fieldUpdatingIds, idRef;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    fieldUpdatingIds = (_a = updatingBlocks.current[field]) !== null && _a !== void 0 ? _a : (updatingBlocks.current[field] = []);
-                    idRef = __spreadArray([], ids, true);
-                    fieldUpdatingIds.push(idRef);
-                    resetUpdating();
-                    return [4 /*yield*/, fn()];
-                case 1:
-                    _b.sent();
-                    lodashEs.remove(fieldUpdatingIds, function (idList) { return idList === idRef; });
-                    resetUpdating();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var checkUpdating = function (fields, id) {
-        return lodashEs.castArray(fields).some(function (f) { var _a; return (_a = updating.current[f]) === null || _a === void 0 ? void 0 : _a.includes(id); });
-    };
-    return (jsxRuntime.jsx(GridUpdatingContext.Provider, __assign({ value: { modifyUpdating: modifyUpdating, checkUpdating: checkUpdating } }, { children: props.children })));
-};
-
 var GridContext = react.createContext({
     gridReady: function () {
         console.error("no context provider for gridReady");
@@ -1905,6 +1857,19 @@ var GridContext = react.createContext({
     }
 });
 
+var GridUpdatingContext = react.createContext({
+    checkUpdating: function () {
+        console.error("Missing GridUpdatingContext");
+        return false;
+    },
+    modifyUpdating: function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            console.error("Missing GridUpdatingContext");
+            return [2 /*return*/];
+        });
+    }); }
+});
+
 /**
  * Context for AgGrid operations.
  * Make sure you wrap AgGrid in this.
@@ -2184,6 +2149,109 @@ var GridContextProvider = function (props) {
         } }, { children: props.children })));
 };
 
+var GridUpdatingContextProvider = function (props) {
+    var updatingBlocks = react.useRef({});
+    var updating = react.useRef({});
+    var resetUpdating = function () {
+        var mergedUpdatingBlocks = {};
+        for (var key in updatingBlocks.current) {
+            mergedUpdatingBlocks[key] = lodashEs.flatten(updatingBlocks.current[key]);
+        }
+        updating.current = mergedUpdatingBlocks;
+    };
+    var modifyUpdating = function (field, ids, fn) { return __awaiter(void 0, void 0, void 0, function () {
+        var fieldUpdatingIds, idRef;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    fieldUpdatingIds = (_a = updatingBlocks.current[field]) !== null && _a !== void 0 ? _a : (updatingBlocks.current[field] = []);
+                    idRef = __spreadArray([], ids, true);
+                    fieldUpdatingIds.push(idRef);
+                    resetUpdating();
+                    return [4 /*yield*/, fn()];
+                case 1:
+                    _b.sent();
+                    lodashEs.remove(fieldUpdatingIds, function (idList) { return idList === idRef; });
+                    resetUpdating();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var checkUpdating = function (fields, id) {
+        return lodashEs.castArray(fields).some(function (f) { var _a; return (_a = updating.current[f]) === null || _a === void 0 ? void 0 : _a.includes(id); });
+    };
+    return (jsxRuntime.jsx(GridUpdatingContext.Provider, __assign({ value: { modifyUpdating: modifyUpdating, checkUpdating: checkUpdating } }, { children: props.children })));
+};
+
+var GridPopoverContext = react.createContext({
+    anchorRef: { current: null },
+    saving: false,
+    setSaving: function () { },
+    field: "",
+    value: null,
+    data: {},
+    selectedRows: [],
+    updateValue: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, false];
+    }); }); }
+});
+var useGridPopoverContext = function () {
+    return react.useContext(GridPopoverContext);
+};
+
+var GridPopoverContextProvider = function (_a) {
+    var _b, _c, _d;
+    var props = _a.props, children = _a.children;
+    var _e = react.useContext(GridContext), getSelectedRows = _e.getSelectedRows, updatingCells = _e.updatingCells;
+    var anchorRef = react.useRef(props.eGridCell);
+    var _f = react.useState(false), saving = _f[0], setSaving = _f[1];
+    var colDef = props.colDef;
+    var cellEditorParams = colDef.cellEditorParams;
+    var multiEdit = (_b = cellEditorParams === null || cellEditorParams === void 0 ? void 0 : cellEditorParams.multiEdit) !== null && _b !== void 0 ? _b : false;
+    // Then item that is clicked on will always be first in the list
+    var selectedRows = react.useMemo(function () { return (multiEdit ? lodashEs.sortBy(getSelectedRows(), function (row) { return row.id !== props.data.id; }) : [props.data]); }, [getSelectedRows, multiEdit, props.data]);
+    var field = (_d = (_c = props.colDef) === null || _c === void 0 ? void 0 : _c.field) !== null && _d !== void 0 ? _d : "";
+    var updateValue = react.useCallback(function (saveFn) { return __awaiter(void 0, void 0, void 0, function () { var _a; return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                _a = !saving;
+                if (!_a) return [3 /*break*/, 2];
+                return [4 /*yield*/, updatingCells({ selectedRows: selectedRows, field: field }, saveFn, setSaving)];
+            case 1:
+                _a = (_b.sent());
+                _b.label = 2;
+            case 2: return [2 /*return*/, _a];
+        }
+    }); }); }, [field, saving, selectedRows, updatingCells]);
+    return (jsxRuntime.jsx(GridPopoverContext.Provider, __assign({ value: {
+            anchorRef: anchorRef,
+            saving: saving,
+            setSaving: setSaving,
+            selectedRows: selectedRows,
+            field: field,
+            data: props.data,
+            value: props.value,
+            updateValue: updateValue
+        } }, { children: children })));
+};
+
+var GridSubComponentContext = react.createContext({
+    value: "GridSubComponentContext value no context",
+    setValue: function () {
+        console.error("GridSubComponentContext setValue no context");
+    },
+    setValid: function () {
+        console.error("GridSubComponentContext setValid no context");
+    },
+    triggerSave: function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            console.error("GridSubComponentContext triggerSave no context");
+            return [2 /*return*/];
+        });
+    }); }
+});
+
 function toVal(mix) {
 	var k, y, str='';
 	if (mix) {
@@ -2650,55 +2718,6 @@ var GridRendererGenericCell = function (props) {
     return (jsxRuntime.jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_c = (_b = colDef.field) !== null && _b !== void 0 ? _b : colDef.colId) !== null && _c !== void 0 ? _c : "", props.data.id) }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [typeof warningText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_info", title: infoText }), jsxRuntime.jsx("span", __assign({ title: formatted }, { children: formatted }))] }) })));
 };
 
-var GridPopoverContext = react.createContext({
-    anchorRef: { current: null },
-    saving: false,
-    setSaving: function () { },
-    field: "",
-    value: null,
-    data: null,
-    selectedRows: [],
-    updateValue: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-        return [2 /*return*/, false];
-    }); }); }
-});
-
-var GridPopoverContextProvider = function (_a) {
-    var _b, _c, _d;
-    var props = _a.props, children = _a.children;
-    var _e = react.useContext(GridContext), getSelectedRows = _e.getSelectedRows, updatingCells = _e.updatingCells;
-    var anchorRef = react.useRef(props.eGridCell);
-    var _f = react.useState(false), saving = _f[0], setSaving = _f[1];
-    var colDef = props.colDef;
-    var cellEditorParams = colDef.cellEditorParams;
-    var multiEdit = (_b = cellEditorParams === null || cellEditorParams === void 0 ? void 0 : cellEditorParams.multiEdit) !== null && _b !== void 0 ? _b : false;
-    // Then item that is clicked on will always be first in the list
-    var selectedRows = react.useMemo(function () { return (multiEdit ? lodashEs.sortBy(getSelectedRows(), function (row) { return row.id !== props.data.id; }) : [props.data]); }, [getSelectedRows, multiEdit, props.data]);
-    var field = (_d = (_c = props.colDef) === null || _c === void 0 ? void 0 : _c.field) !== null && _d !== void 0 ? _d : "";
-    var updateValue = react.useCallback(function (saveFn) { return __awaiter(void 0, void 0, void 0, function () { var _a; return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                _a = !saving;
-                if (!_a) return [3 /*break*/, 2];
-                return [4 /*yield*/, updatingCells({ selectedRows: selectedRows, field: field }, saveFn, setSaving)];
-            case 1:
-                _a = (_b.sent());
-                _b.label = 2;
-            case 2: return [2 /*return*/, _a];
-        }
-    }); }); }, [field, saving, selectedRows, updatingCells]);
-    return (jsxRuntime.jsx(GridPopoverContext.Provider, __assign({ value: {
-            anchorRef: anchorRef,
-            saving: saving,
-            setSaving: setSaving,
-            selectedRows: selectedRows,
-            field: field,
-            data: props.data,
-            value: props.value,
-            updateValue: updateValue
-        } }, { children: children })));
-};
-
 var GridCellRenderer = function (props) {
     var _a, _b, _c;
     var checkUpdating = react.useContext(GridUpdatingContext).checkUpdating;
@@ -2757,7 +2776,7 @@ var ComponentLoadingWrapper = function (props) {
 
 var useGridPopoverHook = function (props) {
     var stopEditing = react.useContext(GridContext).stopEditing;
-    var _a = react.useContext(GridPopoverContext), anchorRef = _a.anchorRef, saving = _a.saving, updateValue = _a.updateValue;
+    var _a = useGridPopoverContext(), anchorRef = _a.anchorRef, saving = _a.saving, updateValue = _a.updateValue;
     var saveButtonRef = react.useRef(null);
     var _b = react.useState(false), isOpen = _b[0], setOpen = _b[1];
     react.useEffect(function () {
@@ -2910,8 +2929,11 @@ var MenuHeaderString = "_____MENU_HEADER_____";
 var MenuHeaderItem = function (title) {
     return { label: title, value: MenuHeaderString };
 };
+var fieldToString = function (field) {
+    return typeof field == "symbol" ? field.toString() : "".concat(field);
+};
 var GridFormDropDown = function (props) {
-    var _a = react.useContext(GridPopoverContext), selectedRows = _a.selectedRows, field = _a.field, updateValue = _a.updateValue;
+    var _a = useGridPopoverContext(), selectedRows = _a.selectedRows, field = _a.field, updateValue = _a.updateValue;
     var stopEditing = react.useContext(GridContext).stopEditing;
     var _b = react.useState(""), filter = _b[0], setFilter = _b[1];
     var _c = react.useState([]), filteredValues = _c[0], setFilteredValues = _c[1];
@@ -3067,69 +3089,48 @@ var GridFormDropDown = function (props) {
                             var _b;
                             var ref = _a.ref;
                             return (jsxRuntime.jsx("div", __assign({ style: { display: "flex", width: "100%" } }, { children: jsxRuntime.jsx("input", { autoFocus: true, className: "free-text-input", style: { border: "0px" }, ref: ref, type: "text", placeholder: (_b = props.filterPlaceholder) !== null && _b !== void 0 ? _b : "Placeholder", "data-testid": "filteredMenu-free-text-input", defaultValue: filter, onChange: function (e) { return setFilter(e.target.value.toLowerCase()); }, onKeyDown: function (e) { return onFilterKeyDown(e); } }) })));
-                        } })), jsxRuntime.jsx(MenuDivider, {}, "$$divider_filter")] }))), jsxRuntime.jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormDropDown-options" }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [options && options.length == (filteredValues === null || filteredValues === void 0 ? void 0 : filteredValues.length) && jsxRuntime.jsx(MenuItem, { children: "[Empty]" }, "".concat(field, "-empty")), options === null || options === void 0 ? void 0 : options.map(function (item, index) {
+                        } })), jsxRuntime.jsx(MenuDivider, {}, "$$divider_filter")] }))), jsxRuntime.jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormDropDown-options" }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [options && options.length == (filteredValues === null || filteredValues === void 0 ? void 0 : filteredValues.length) && (jsxRuntime.jsx(MenuItem, { children: "[Empty]" }, "".concat(fieldToString(field), "-empty"))), options === null || options === void 0 ? void 0 : options.map(function (item, index) {
                             var _a;
                             return item.value === MenuSeparatorString ? (jsxRuntime.jsx(MenuDivider, {}, "$$divider_".concat(index))) : item.value === MenuHeaderString ? (jsxRuntime.jsx(MenuHeader, { children: item.label }, "$$header_".concat(index))) : filteredValues.includes(item.value) ? null : (jsxRuntime.jsx("div", { children: !item.subComponent ? (jsxRuntime.jsx(MenuItem, __assign({ disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "", value: item.value, onClick: function () {
                                         selectItemHandler(item.value).then();
-                                    } }, { children: (_a = item.label) !== null && _a !== void 0 ? _a : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value)) }), "".concat(field, "-").concat(index))) : (jsxRuntime.jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) {
-                                        return item.subComponent &&
-                                            item.subComponent({
-                                                setValue: function (value) {
-                                                    var localSubComponentValues = __spreadArray([], subComponentValues, true);
-                                                    var subComponentValueIndex = localSubComponentValues.findIndex(function (_a) {
-                                                        var optionValue = _a.optionValue;
-                                                        return optionValue === item.value;
+                                    } }, { children: (_a = item.label) !== null && _a !== void 0 ? _a : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value)) }), "".concat(fieldToString(field), "-").concat(index))) : (jsxRuntime.jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) {
+                                        return item.subComponent && (jsxRuntime.jsx(item.subComponent, { setValue: function (value) {
+                                                var localSubComponentValues = __spreadArray([], subComponentValues, true);
+                                                var subComponentValueIndex = localSubComponentValues.findIndex(function (_a) {
+                                                    var optionValue = _a.optionValue;
+                                                    return optionValue === item.value;
+                                                });
+                                                if (subComponentValueIndex !== -1) {
+                                                    localSubComponentValues[subComponentValueIndex].subComponentValue = value;
+                                                }
+                                                else {
+                                                    localSubComponentValues.push({
+                                                        subComponentValue: value,
+                                                        optionValue: item.value
                                                     });
-                                                    if (subComponentValueIndex !== -1) {
-                                                        localSubComponentValues[subComponentValueIndex].subComponentValue = value;
-                                                    }
-                                                    else {
-                                                        localSubComponentValues.push({
-                                                            subComponentValue: value,
-                                                            optionValue: item.value
-                                                        });
-                                                    }
-                                                    setSubComponentValues(localSubComponentValues);
-                                                },
-                                                keyDown: function (key, event) {
-                                                    var subComponentItem = subComponentValues.find(function (_a) {
-                                                        var optionValue = _a.optionValue;
-                                                        return optionValue === item.value;
+                                                }
+                                                setSubComponentValues(localSubComponentValues);
+                                            }, keyDown: function (key, event) {
+                                                var subComponentItem = subComponentValues.find(function (_a) {
+                                                    var optionValue = _a.optionValue;
+                                                    return optionValue === item.value;
+                                                });
+                                                if ((key === "Enter" || key === "Tab") && subComponentItem) {
+                                                    event.preventDefault();
+                                                    event.stopPropagation();
+                                                    return selectItemHandler(item.value, subComponentItem.subComponentValue).then(function () {
+                                                        ref.closeMenu();
+                                                        return true;
                                                     });
-                                                    if ((key === "Enter" || key === "Tab") && subComponentItem) {
-                                                        event.preventDefault();
-                                                        event.stopPropagation();
-                                                        return selectItemHandler(item.value, subComponentItem.subComponentValue).then(function () {
-                                                            ref.closeMenu();
-                                                            return true;
-                                                        });
-                                                    }
-                                                    return false;
-                                                },
-                                                key: "".concat(field, "-").concat(index, "_subcomponent_inner")
-                                            }, ref);
-                                    } }), "".concat(field, "-").concat(index, "_subcomponent"))) }, "menu-wrapper-".concat(index)));
+                                                }
+                                                return false;
+                                            } }, "".concat(fieldToString(field), "-").concat(index, "_subcomponent_inner")));
+                                    } }), "".concat(fieldToString(field), "-").concat(index, "_subcomponent"))) }, "menu-wrapper-".concat(index)));
                         })] }) }))] }));
 };
 
-var GridSubComponentContext = react.createContext({
-    value: "GridSubComponentContext value no context",
-    setValue: function () {
-        console.error("GridSubComponentContext setValue no context");
-    },
-    setValid: function () {
-        console.error("GridSubComponentContext setValid no context");
-    },
-    triggerSave: function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            console.error("GridSubComponentContext triggerSave no context");
-            return [2 /*return*/];
-        });
-    }); }
-});
-
 var GridFormMultiSelect = function (props) {
-    var selectedRows = react.useContext(GridPopoverContext).selectedRows;
+    var selectedRows = useGridPopoverContext().selectedRows;
     var initialiseValues = react.useMemo(function () {
         var r = props.initialSelectedValues && props.initialSelectedValues(selectedRows);
         // convert array of strings to object<value,null>
@@ -3291,7 +3292,7 @@ var PopoutMenuSeparator = Object.freeze({ __isMenuSeparator__: true });
  * you need a useMemo around your columnDefs
  */
 var GridFormPopoverMenu = function (props) {
-    var _a = react.useContext(GridPopoverContext), selectedRows = _a.selectedRows, updateValue = _a.updateValue;
+    var _a = useGridPopoverContext(), selectedRows = _a.selectedRows, updateValue = _a.updateValue;
     var optionsInitialising = react.useRef(false);
     var _b = react.useState(), options = _b[0], setOptions = _b[1];
     // Save triggers during async action processing which triggers another action(), this ref blocks that
@@ -3299,6 +3300,22 @@ var GridFormPopoverMenu = function (props) {
     var _c = react.useState(null), subComponentSelected = _c[0], setSubComponentSelected = _c[1];
     var subComponentIsValid = react.useRef(false);
     var _d = react.useState(), subSelectedValue = _d[0], setSubSelectedValue = _d[1];
+    var defaultAction = react.useCallback(function (selectedRows, menuOption) { 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)];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    console.error("No action specified for ".concat(menuOption.label, " menu options"));
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [props]);
     // Load up options list if it's async function
     react.useEffect(function () {
         var _a;
@@ -3307,50 +3324,55 @@ var GridFormPopoverMenu = function (props) {
         optionsInitialising.current = true;
         var optionsConf = (_a = props.options) !== null && _a !== void 0 ? _a : [];
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            var newOptions, _a, anyOptionsAreMissingAction;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        _a = setOptions;
                         if (!(typeof optionsConf == "function")) return [3 /*break*/, 2];
                         return [4 /*yield*/, optionsConf(selectedRows)];
                     case 1:
-                        _b = _c.sent();
+                        _a = _b.sent();
                         return [3 /*break*/, 3];
                     case 2:
-                        _b = optionsConf;
-                        _c.label = 3;
+                        _a = optionsConf;
+                        _b.label = 3;
                     case 3:
-                        _a.apply(void 0, [_b]);
+                        newOptions = _a;
+                        setOptions(newOptions);
+                        if (!props.defaultAction) {
+                            anyOptionsAreMissingAction = newOptions.some(function (option) { return !option.action; });
+                            if (anyOptionsAreMissingAction) {
+                                console.error("There's no default action handler and some Menu options are missing an action handler", {
+                                    invalidMenuOptions: newOptions.filter(function (option) { return !option.action; })
+                                });
+                            }
+                        }
                         optionsInitialising.current = false;
                         return [2 /*return*/];
                 }
             });
         }); })();
-    }, [options, props.options, selectedRows]);
+    }, [options, props.defaultAction, props.options, selectedRows]);
     var actionClick = react.useCallback(function (menuOption) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             actionProcessing.current = true;
             return [2 /*return*/, updateValue(function () { return __awaiter(void 0, void 0, void 0, function () {
-                    var result, _a;
+                    var result;
+                    var _a;
                     return __generator(this, function (_b) {
                         switch (_b.label) {
                             case 0:
                                 result = __assign(__assign({}, menuOption), { subValue: subSelectedValue });
-                                _a = menuOption.action;
-                                if (!_a) return [3 /*break*/, 2];
-                                return [4 /*yield*/, menuOption.action(selectedRows, result)];
+                                return [4 /*yield*/, ((_a = menuOption.action) !== null && _a !== void 0 ? _a : defaultAction)(selectedRows, result)];
                             case 1:
-                                _a = (_b.sent());
-                                _b.label = 2;
-                            case 2:
+                                _b.sent();
                                 actionProcessing.current = false;
                                 return [2 /*return*/, true];
                         }
                     });
                 }); })];
         });
-    }); }, [selectedRows, subSelectedValue, updateValue]);
+    }); }, [defaultAction, selectedRows, subSelectedValue, updateValue]);
     var onMenuItemClick = react.useCallback(function (e, item) {
         if (item.subComponent) {
             subComponentIsValid.current = false;
@@ -3507,7 +3529,7 @@ var TextInputFormatted = function (props) {
 };
 
 var GridFormEditBearing = function (props) {
-    var _a = react.useContext(GridPopoverContext), field = _a.field, initialValue = _a.value;
+    var _a = useGridPopoverContext(), field = _a.field, initialValue = _a.value;
     var _b = react.useState("".concat(initialValue !== null && initialValue !== void 0 ? initialValue : "")), value = _b[0], setValue = _b[1];
     var save = react.useCallback(function (selectedRows) { return __awaiter(void 0, void 0, void 0, function () {
         var parsedValue;
@@ -3529,7 +3551,9 @@ var GridFormEditBearing = function (props) {
                         console.error("field is not defined in ColDef");
                     }
                     else {
-                        selectedRows.forEach(function (row) { return (row[field] = parsedValue); });
+                        selectedRows.forEach(function (row) {
+                            row[field] = parsedValue;
+                        });
                     }
                     _a.label = 3;
                 case 3: return [2 /*return*/, true];
@@ -3589,7 +3613,7 @@ var GridPopoverEditDropDown = function (colDef, props) {
 };
 
 var GridFormMessage = function (props) {
-    var selectedRows = react.useContext(GridPopoverContext).selectedRows;
+    var selectedRows = useGridPopoverContext().selectedRows;
     var _a = react.useState(null), message = _a[0], setMessage = _a[1];
     var popoverWrapper = useGridPopoverHook({ className: props.className }).popoverWrapper;
     react.useEffect(function () {
@@ -3696,8 +3720,8 @@ var TextAreaInput = function (props) {
 
 var GridFormTextArea = function (props) {
     var _a;
-    var _b = react.useContext(GridPopoverContext), field = _b.field, initialVale = _b.value;
-    var _c = react.useState(initialVale !== null && initialVale !== void 0 ? initialVale : ""), value = _c[0], setValue = _c[1];
+    var _b = useGridPopoverContext(), field = _b.field, initialVale = _b.value;
+    var _c = react.useState(initialVale != null ? "".concat(initialVale) : ""), value = _c[0], setValue = _c[1];
     var invalid = react.useCallback(function () {
         if (props.required && value.length == 0) {
             return "Some text is required";
@@ -3726,7 +3750,9 @@ var GridFormTextArea = function (props) {
                         console.error("ColDef has no field set");
                         return [2 /*return*/, false];
                     }
-                    selectedRows.forEach(function (row) { return (row[field] = value); });
+                    selectedRows.forEach(function (row) {
+                        row[field] = value;
+                    });
                     return [2 /*return*/, true];
             }
         });
@@ -3739,7 +3765,7 @@ var GridPopoverTextArea = function (colDef, params) { return GridCell(colDef, __
 
 var GridFormTextInput = function (props) {
     var _a;
-    var _b = react.useContext(GridPopoverContext), field = _b.field, data = _b.data, initialVale = _b.value;
+    var _b = useGridPopoverContext(), field = _b.field, data = _b.data, initialVale = _b.value;
     var initValue = initialVale == null ? "" : "".concat(initialVale);
     var _c = react.useState(initValue), value = _c[0], setValue = _c[1];
     var invalid = react.useCallback(function () {
@@ -3773,8 +3799,9 @@ var GridFormTextInput = function (props) {
                         console.error("ColDef has no field set");
                         return [2 /*return*/, false];
                     }
-                    // @ts-ignore row[field] row is of type any
-                    selectedRows.forEach(function (row) { return (row[field] = trimmedValue); });
+                    selectedRows.forEach(function (row) {
+                        row[field] = trimmedValue;
+                    });
                     return [2 /*return*/, true];
             }
         });
@@ -3997,6 +4024,8 @@ exports.GridHeaderSelect = GridHeaderSelect;
 exports.GridIcon = GridIcon;
 exports.GridLoadableCell = GridLoadableCell;
 exports.GridPopoutEditMultiSelect = GridPopoutEditMultiSelect;
+exports.GridPopoverContext = GridPopoverContext;
+exports.GridPopoverContextProvider = GridPopoverContextProvider;
 exports.GridPopoverEditBearing = GridPopoverEditBearing;
 exports.GridPopoverEditBearingCorrection = GridPopoverEditBearingCorrection;
 exports.GridPopoverEditDropDown = GridPopoverEditDropDown;
@@ -4006,6 +4035,7 @@ exports.GridPopoverTextArea = GridPopoverTextArea;
 exports.GridPopoverTextInput = GridPopoverTextInput;
 exports.GridRenderPopoutMenuCell = GridRenderPopoutMenuCell;
 exports.GridRendererGenericCell = GridRendererGenericCell;
+exports.GridSubComponentContext = GridSubComponentContext;
 exports.GridSubComponentTextArea = GridSubComponentTextArea;
 exports.GridUpdatingContext = GridUpdatingContext;
 exports.GridUpdatingContextProvider = GridUpdatingContextProvider;
@@ -4032,6 +4062,7 @@ exports.convertDDToDMS = convertDDToDMS;
 exports.hasParentClass = hasParentClass;
 exports.isFloat = isFloat;
 exports.isNotEmpty = isNotEmpty;
+exports.useGridPopoverContext = useGridPopoverContext;
 exports.useGridPopoverHook = useGridPopoverHook;
 exports.useMenuState = useMenuState;
 exports.usePostSortRowsHook = usePostSortRowsHook;