@linzjs/step-ag-grid 7.3.0 → 7.3.2

package/dist/src/contexts/GridContext.d.ts

@@ -14,7 +14,7 @@ export interface GridContextType {
     selectRowsByIdWithFlash: (rowIds?: number[]) => void;
     flashRows: (rowIds?: number[]) => void;
     flashRowsDiff: (updateFn: () => Promise<any>) => Promise<void>;
-    ensureRowVisible: (id: number) => void;
+    ensureRowVisible: (id: number | string) => boolean;
     ensureSelectedRowIsVisible: () => void;
     sizeColumnsToFit: () => void;
     stopEditing: () => void;

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

@@ -1991,6 +1991,7 @@ var GridContext = createContext({
     }); },
     ensureRowVisible: function () {
         console.error("no context provider for ensureRowVisible");
+        return true;
     },
     ensureSelectedRowIsVisible: function () {
         console.error("no context provider for ensureSelectedRowIsVisible");
@@ -2206,9 +2207,12 @@ var GridContextProvider = function (props) {
         return gridApiOp(function (gridApi) { return isNotEmpty(gridApi.getEditingCells()); }, function () { return false; });
     };
     var ensureRowVisible = function (id) {
-        gridApiOp(function (gridApi) {
+        return gridApiOp(function (gridApi) {
             var node = gridApi.getRowNode("".concat(id));
-            node && gridApi.ensureNodeVisible(node);
+            if (!node)
+                return false;
+            gridApi.ensureNodeVisible(node);
+            return true;
         });
     };
     /**
@@ -3380,7 +3384,7 @@ var GridFormDropDown = function (props) {
                                                         return [2 /*return*/];
                                                     });
                                                 }); }
-                                            } }, { children: item.subComponent && (jsx(item.subComponent, {}, "".concat(fieldToString(field), "-").concat(index, "_subcomponent_inner"))) }))); } }), "".concat(item.label, "_subcomponent")))] }, "menu-wrapper-".concat(index)));
+                                            } }, { 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)));
                         })] }) }))] }));
 };
 
@@ -3751,7 +3755,7 @@ var MenuSubComponent = function (props) {
                         subComponentIsValid["".concat(item.value)] = valid;
                     },
                     triggerSave: triggerSave
-                } }, { children: jsx(item.subComponent, {}) })));
+                } }, { children: jsx("div", __assign({ className: "subComponent" }, { children: jsx(item.subComponent, {}) })) })));
         } }), "".concat(item.value, "_subcomponent")));
 };
 
@@ -3897,7 +3901,7 @@ var GridFormPopoverMenu = function (props) {
                                             subComponentIsValid.current = valid;
                                         },
                                         triggerSave: triggerSave
-                                    } }, { children: jsx(item.subComponent, {}) })));
+                                    } }, { children: jsx("div", __assign({ className: "subComponent" }, { children: jsx(item.subComponent, {}) })) })));
                             } }), "".concat(item.label, "_subcomponent")))] }, "".concat(item.label))));
             }) }) })));
 };
@@ -4246,7 +4250,7 @@ var GridFormTextArea = function (props) {
         invalid: invalid,
         save: save
     }).popoverWrapper;
-    return popoverWrapper(jsx("div", __assign({ style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 } }, { children: jsx(TextAreaInput, { value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), placeholder: props.placeholder, helpText: helpText }) })));
+    return popoverWrapper(jsx("div", __assign({ className: "subComponent", style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 } }, { children: jsx(TextAreaInput, { value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), placeholder: props.placeholder, helpText: helpText }) })));
 };
 
 var GridPopoverTextArea = function (colDef, params) { return GridCell(colDef, __assign({ editor: GridFormTextArea }, params)); };
@@ -4283,7 +4287,7 @@ var GridFormTextInput = function (props) {
         invalid: invalid,
         save: save
     }).popoverWrapper;
-    return popoverWrapper(jsx("div", __assign({ style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 }, className: "FormTest" }, { children: jsx(TextInputFormatted, { value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), formatted: props.units, style: { width: "100%" }, placeholder: props.placeholder, helpText: helpText }) })));
+    return popoverWrapper(jsx("div", __assign({ style: { display: "flex", flexDirection: "row", width: (_b = props.width) !== null && _b !== void 0 ? _b : 240 }, className: "FormTest subComponent" }, { children: jsx(TextInputFormatted, { value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), formatted: props.units, style: { width: "100%" }, placeholder: props.placeholder, helpText: helpText }) })));
 };
 
 var GridPopoverTextInput = function (colDef, params) {
@@ -4319,7 +4323,7 @@ var GridFormSubComponentTextArea = function (props) {
     useEffect(function () {
         setValid(value != null && invalid() == null);
     }, [setValid, invalid, value]);
-    return (jsx("div", __assign({ className: clsx("FreeTextInput LuiDeprecatedForms", props.className) }, { children: jsx(TextAreaInput, { className: "free-text-input", value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), helpText: helpText, autoFocus: true, placeholder: props.placeholder }) })));
+    return (jsx("div", __assign({ className: clsx("FreeTextInput", props.className) }, { children: jsx(TextAreaInput, { className: "free-text-input", value: value, onChange: function (e) { return setValue(e.target.value); }, error: invalid(), helpText: helpText, autoFocus: true, placeholder: props.placeholder }) })));
 };
 
 var css_248z = ".ActionButton{align-items:center;display:flex}.ActionButton-minimal{padding-right:38px!important}.ActionButton .LuiIcon{margin:0 4px!important}.ActionButton-minimalArea{position:relative}.ActionButton-minimalAreaDisplay{position:absolute}.ActionButton-minimalAreaExpand{visibility:hidden}.ActionButton-inProgress{background-color:#e2f3f7!important;color:#007198!important;cursor:progress}.ActionButton-inProgress svg *{fill:#0000!important}.ActionButton-fill{justify-content:center;width:100%}";
@@ -24416,7 +24420,7 @@ var cellContains = function (rowId, colId, text, within) { return __awaiter(void
                             case 2: return [2 /*return*/, _a.sent()];
                         }
                     });
-                }); })];
+                }); }, { timeout: 10000 })];
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
@@ -24453,14 +24457,14 @@ var editCell = function (rowId, colId, within) { return __awaiter(void 0, void 0
                             case 1:
                                 cell = _a.sent();
                                 userEvent.dblClick(cell);
-                                return [4 /*yield*/, findOpenMenu()];
-                            case 2:
-                                _a.sent();
                                 return [2 /*return*/];
                         }
                     });
                 }); })];
             case 1:
+                _a.sent();
+                return [4 /*yield*/, findOpenMenu()];
+            case 2:
                 _a.sent();
                 return [2 /*return*/];
         }
@@ -24501,7 +24505,7 @@ var findMenuOption = function (menuOptionText) { return __awaiter(void 0, void 0
                                 return [2 /*return*/, menuOption];
                         }
                     });
-                }); })];
+                }); }, { timeout: 10000 })];
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
@@ -24533,8 +24537,11 @@ var openAndClickMenuOption = function (rowId, colId, menuOptionText, within) { r
             case 0: return [4 /*yield*/, editCell(rowId, colId, within)];
             case 1:
                 _a.sent();
-                return [4 /*yield*/, clickMenuOption(menuOptionText)];
+                return [4 /*yield*/, wait$2(100)];
             case 2:
+                _a.sent();
+                return [4 /*yield*/, clickMenuOption(menuOptionText)];
+            case 3:
                 _a.sent();
                 return [2 /*return*/];
         }
@@ -24587,9 +24594,10 @@ var typeOtherInput = function (value) { return __awaiter(void 0, void 0, void 0,
             case 0: return [4 /*yield*/, findOpenMenu()];
             case 1:
                 openMenu = _a.sent();
-                return [4 /*yield*/, findQuick({ tagName: "input[type='text']" }, openMenu)];
+                return [4 /*yield*/, findQuick({ classes: ".subComponent", child: { tagName: "input[type='text']" } }, openMenu)];
             case 2:
                 otherInput = _a.sent();
+                userEvent.clear(otherInput);
                 userEvent.type(otherInput, value);
                 return [2 /*return*/];
         }
@@ -24602,9 +24610,10 @@ var typeOtherTextArea = function (value) { return __awaiter(void 0, void 0, void
             case 0: return [4 /*yield*/, findOpenMenu()];
             case 1:
                 openMenu = _a.sent();
-                return [4 /*yield*/, findQuick({ tagName: "textarea" }, openMenu)];
+                return [4 /*yield*/, findQuick({ classes: ".subComponent", child: { tagName: "textarea" } }, openMenu)];
             case 2:
                 otherTextArea = _a.sent();
+                userEvent.clear(otherTextArea);
                 userEvent.type(otherTextArea, value);
                 return [2 /*return*/];
         }