@linzjs/step-ag-grid 7.2.0 → 7.3.1

package/dist/src/utils/testQuick.d.ts

@@ -12,14 +12,14 @@ import { IconName } from "@linzjs/lui/dist/components/LuiIcon/LuiIcon";
 export interface IQueryQuick {
     testId?: string;
     tagName?: "button" | "span" | "div" | "input" | "textarea" | any;
-    textEquals?: string;
-    textContains?: string;
+    text?: string | RegExp;
     icon?: IconName;
     ariaLabel?: string;
     role?: string;
     classes?: string;
     child?: IQueryQuick;
 }
+export declare const getMatcher: (matcherText: string | RegExp) => (e: HTMLElement) => boolean;
 /**
  * Query by filter.
  *

package/dist/src/utils/testUtil.d.ts

@@ -3,12 +3,13 @@ export declare const queryRow: (rowId: number | string, within?: HTMLElement) =>
 export declare const selectRow: (rowId: string | number, within?: HTMLElement) => Promise<void>;
 export declare const deselectRow: (rowId: string | number, within?: HTMLElement) => Promise<void>;
 export declare const findCell: (rowId: number | string, colId: string, within?: HTMLElement) => Promise<HTMLElement>;
+export declare const cellContains: (rowId: number | string, colId: string, text: string | RegExp, within?: HTMLElement) => Promise<HTMLElement>;
 export declare const selectCell: (rowId: string | number, colId: string, within?: HTMLElement) => Promise<void>;
 export declare const editCell: (rowId: number | string, colId: string, within?: HTMLElement) => Promise<void>;
-export declare const queryMenuOption: (menuOptionText: string) => Promise<HTMLElement | null>;
-export declare const findMenuOption: (menuOptionText: string) => Promise<HTMLElement>;
-export declare const clickMenuOption: (menuOptionText: string) => Promise<void>;
-export declare const openAndClickMenuOption: (rowId: number | string, colId: string, menuOptionText: string, within?: HTMLElement) => Promise<void>;
+export declare const queryMenuOption: (menuOptionText: string | RegExp) => Promise<HTMLElement | null>;
+export declare const findMenuOption: (menuOptionText: string | RegExp) => Promise<HTMLElement>;
+export declare const clickMenuOption: (menuOptionText: string | RegExp) => Promise<void>;
+export declare const openAndClickMenuOption: (rowId: number | string, colId: string, menuOptionText: string | RegExp, within?: HTMLElement) => Promise<void>;
 export declare const getMultiSelectOptions: () => Promise<{
     v: string;
     c: boolean;

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

@@ -3344,7 +3344,7 @@ var GridFormDropDown = function (props) {
                             return (jsxs("div", __assign({ style: { display: "flex", flexDirection: "column", width: "100%" } }, { children: [jsx("input", { autoFocus: true, 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-disableenterautosave": true, "data-allowtabtosave": true, onChange: function (e) { return setFilter(e.target.value); }, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }), 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 && options.length == (filteredValues === null || filteredValues === void 0 ? void 0 : filteredValues.length) && (jsx(MenuItem, __assign({ className: "GridPopoverEditDropDown-noOptions" }, { children: "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.includes(item.value) ? null : (jsxs("div", { children: [jsxs(MenuItem, __assign({ disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "", value: item.value, onClick: function (e) {
+                            return item.value === MenuSeparatorString ? (jsx(MenuDivider, {}, "$$divider_".concat(index))) : item.value === MenuHeaderString ? (jsx(MenuHeader, { children: item.label }, "$$header_".concat(index))) : filteredValues.includes(item.value) ? null : (jsxs("div", { children: [jsx(MenuItem, __assign({ disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "", value: item.value, onClick: function (e) {
                                             if (item.subComponent) {
                                                 // toggle selection
                                                 setSelectedSubComponent(selectedSubComponent === item ? null : item);
@@ -3359,7 +3359,8 @@ var GridFormDropDown = function (props) {
                                                         : CloseReason.TAB_FORWARD
                                                     : CloseReason.CLICK).then();
                                             }
-                                        } }, { 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 && selectedSubComponent === item && (jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) { return (jsx(GridSubComponentContext.Provider, __assign({ value: {
+                                        } }, { 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 && selectedSubComponent === item && (jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) { return (jsx(GridSubComponentContext.Provider, __assign({ value: {
                                                 context: { options: options },
                                                 data: data,
                                                 value: subSelectedValue,
@@ -3379,7 +3380,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)));
                         })] }) }))] }));
 };
 
@@ -3750,7 +3751,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")));
 };
 
@@ -3896,7 +3897,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))));
             }) }) })));
 };
@@ -4318,7 +4319,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%}";
@@ -24235,6 +24236,12 @@ var queryAllBySelector = function (selector, container) {
     return Array.from(container.querySelectorAll(selector));
 };
 var escapeSelectorParam = function (param) { return param.replace(/["\\]/g, "\\$&"); };
+var getMatcher = function (matcherText) {
+    var textMatcher = typeof matcherText === "string"
+        ? function (text) { return text != null && text.toLowerCase() === matcherText.toLowerCase(); }
+        : function (text) { return text != null && matcherText.test(text); };
+    return function (e) { var _a, _b; return textMatcher((_a = e.innerHTML) === null || _a === void 0 ? void 0 : _a.trim()) || textMatcher((_b = e.innerText) === null || _b === void 0 ? void 0 : _b.trim()); };
+};
 /**
  * Build selector for quick operations.
  *
@@ -24242,7 +24249,6 @@ var escapeSelectorParam = function (param) { return param.replace(/["\\]/g, "\\$
  * @param container Optional container to search in.
  */
 var quickSelector = function (props, container) {
-    var _a, _b;
     var selector = "";
     var lastIQueryQuick = props;
     for (var loop = props; loop; loop = loop.child) {
@@ -24259,16 +24265,9 @@ var quickSelector = function (props, container) {
         throw "get/query/findQuick needs at least one defined parameter";
     }
     var els = queryAllBySelector(selector, container);
-    var textMatch = (_a = lastIQueryQuick.textEquals) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-    if (textMatch != null) {
-        els = els.filter(function (el) { return el.innerHTML.toLowerCase() === textMatch || el.innerText.toLowerCase() === textMatch; });
-    }
-    var textContains = (_b = lastIQueryQuick.textContains) === null || _b === void 0 ? void 0 : _b.toLowerCase();
-    if (textContains != null) {
-        els = els.filter(function (el) {
-            return el.innerHTML.toLowerCase().indexOf(textContains) != -1 ||
-                el.innerText.toLowerCase().indexOf(textContains) != -1;
-        });
+    if (lastIQueryQuick.text != null) {
+        var matcher = getMatcher(lastIQueryQuick.text);
+        els = els.filter(matcher);
     }
     return { selector: selector, els: els };
 };
@@ -24283,7 +24282,7 @@ var queryQuick = function (filter, container) {
     var _a;
     var _b = quickSelector(filter, container), els = _b.els, selector = _b.selector;
     if (els.length > 1) {
-        throw "Found multiple(".concat(els.length, ") elements by selector ").concat(selector);
+        throw "Found multiple(".concat(els.length, ") elements by selector ").concat(selector, "\n").concat(els.map(function (el, index) { var _a; return "".concat(index, ": ").concat((_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.innerHTML, "\n\n"); }));
     }
     return (_a = els[0]) !== null && _a !== void 0 ? _a : null;
 };
@@ -24403,6 +24402,25 @@ var findCell = function (rowId, colId, within) { return __awaiter(void 0, void 0
         }
     });
 }); };
+var cellContains = function (rowId, colId, text, within) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, waitForWrapper(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var row;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, findRow(rowId, within)];
+                            case 1:
+                                row = _a.sent();
+                                return [4 /*yield*/, findQuick({ tagName: "[col-id='".concat(colId, "']"), text: text }, row)];
+                            case 2: return [2 /*return*/, _a.sent()];
+                        }
+                    });
+                }); })];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
 var selectCell = function (rowId, colId, within) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -24435,14 +24453,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*/];
         }
@@ -24452,7 +24470,7 @@ var findOpenMenu = function () { return __awaiter(void 0, void 0, void 0, functi
     return [2 /*return*/, findQuick({ classes: ".szh-menu--state-open" })];
 }); }); };
 var queryMenuOption = function (menuOptionText) { return __awaiter(void 0, void 0, void 0, function () {
-    var openMenu, els, result;
+    var openMenu, els, matcher, result;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, findOpenMenu()];
@@ -24461,22 +24479,30 @@ var queryMenuOption = function (menuOptionText) { return __awaiter(void 0, void
                 return [4 /*yield*/, getQueriesForElement(openMenu).findAllByRole("menuitem")];
             case 2:
                 els = _a.sent();
-                result = els.find(function (e) { var _a, _b; return ((_a = e.innerHTML) === null || _a === void 0 ? void 0 : _a.trim()) === menuOptionText || ((_b = e.innerText) === null || _b === void 0 ? void 0 : _b.trim()) === menuOptionText; });
+                matcher = getMatcher(menuOptionText);
+                result = els.find(matcher);
                 return [2 /*return*/, result !== null && result !== void 0 ? result : null];
         }
     });
 }); };
 var findMenuOption = function (menuOptionText) { return __awaiter(void 0, void 0, void 0, function () {
-    var menuOption;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, queryMenuOption(menuOptionText)];
-            case 1:
-                menuOption = _a.sent();
-                if (menuOption == null) {
-                    throw Error("Unable to find menu option ".concat(menuOptionText));
-                }
-                return [2 /*return*/, menuOption];
+            case 0: return [4 /*yield*/, waitForWrapper(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var menuOption;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, queryMenuOption(menuOptionText)];
+                            case 1:
+                                menuOption = _a.sent();
+                                if (menuOption == null) {
+                                    throw Error("Unable to find menu option ".concat(menuOptionText));
+                                }
+                                return [2 /*return*/, menuOption];
+                        }
+                    });
+                }); }, { timeout: 10000 })];
+            case 1: return [2 /*return*/, _a.sent()];
         }
     });
 }); };
@@ -24507,8 +24533,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*/];
         }
@@ -24561,7 +24590,7 @@ 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.type(otherInput, value);
@@ -24576,7 +24605,7 @@ 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.type(otherTextArea, value);
@@ -24588,7 +24617,7 @@ var closeMenu = function () {
     userEvent.click(document.body);
 };
 var findActionButton = function (text, container) {
-    return findQuick({ tagName: "button", child: { classes: ".ActionButton-minimalAreaDisplay", textEquals: text } }, container);
+    return findQuick({ tagName: "button", child: { classes: ".ActionButton-minimalAreaDisplay", text: text } }, container);
 };
 var clickActionButton = function (text, container) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
@@ -24612,5 +24641,5 @@ var clickActionButton = function (text, container) { return __awaiter(void 0, vo
     });
 }); };
 
-export { ActionButton, ComponentLoadingWrapper, ControlledMenu, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridRendererGenericCell, 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, convertDDToDMS, deselectRow, editCell, findActionButton, findCell, findMenuOption, findMultiSelectOption, findRow, getMultiSelectOptions, hasParentClass, isFloat, isNotEmpty, openAndClickMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, typeOtherInput, typeOtherTextArea, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait$2 as wait };
+export { ActionButton, ComponentLoadingWrapper, ControlledMenu, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridRendererGenericCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, cellContains, clickActionButton, clickMenuOption, clickMultiSelectOption, closeMenu, convertDDToDMS, deselectRow, editCell, findActionButton, findCell, findMenuOption, findMultiSelectOption, findRow, getMultiSelectOptions, hasParentClass, isFloat, isNotEmpty, openAndClickMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, typeOtherInput, typeOtherTextArea, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait$2 as wait };
 //# sourceMappingURL=step-ag-grid.esm.js.map