@linzjs/step-ag-grid 7.1.1 → 7.3.0

package/dist/index.js

@@ -2825,20 +2825,17 @@ var Grid = function (params) {
     }, [columnDefs === null || columnDefs === void 0 ? void 0 : columnDefs.length, sizeColumnsToFit]);
     return (jsxRuntime.jsxs("div", __assign({ "data-testid": params.dataTestId, className: clsx("Grid-container", "ag-theme-alpine", staleGrid && "Grid-sortIsStale") }, { children: [params.quickFilter && (jsxRuntime.jsx("div", __assign({ className: "Grid-quickFilter" }, { children: jsxRuntime.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);
-                    } }) }))), jsxRuntime.jsx(agGridReact.AgGridReact, { getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: "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: (_b = params.postSortRows) !== null && _b !== void 0 ? _b : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection })] })));
+                    } }) }))), jsxRuntime.jsx(agGridReact.AgGridReact, { animateRows: params.animateRows, rowClassRules: params.rowClassRules, defaultColDef: params.defaultColDef, getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: "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: (_b = params.postSortRows) !== null && _b !== void 0 ? _b : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection })] })));
 };
 
-var GenericMultiEditCellClass = function (props) {
-    var api = props.api;
-    if (api == null)
-        return "";
-    var rowSelected = api
-        .getSelectedNodes()
-        .map(function (row) { return row.id; })
-        .includes(props.node.id);
-    return rowSelected && api.getEditingCells().some(function (cell) { return cell.column.getColDef() === props.colDef; })
-        ? "ag-selected-for-edit"
-        : "";
+var GridCellMultiSelectClassRules = {
+    "ag-selected-for-edit": function (_a) {
+        var api = _a.api, node = _a.node, colDef = _a.colDef;
+        return api
+            .getSelectedNodes()
+            .map(function (row) { return row.id; })
+            .includes(node.id) && api.getEditingCells().some(function (cell) { return cell.column.getColDef() === colDef; });
+    }
 };
 
 function styleInject(css, ref) {
@@ -2916,7 +2913,7 @@ var GridCellRenderer = function (props) {
 var GridCell = function (props, custom) {
     var _a;
     return __assign(__assign(__assign(__assign(__assign(__assign({ colId: props.field, sortable: !!((props === null || props === void 0 ? void 0 : props.field) || (props === null || props === void 0 ? void 0 : props.valueGetter)), resizable: true }, ((custom === null || custom === void 0 ? void 0 : custom.editor) && {
-        cellClass: (custom === null || custom === void 0 ? void 0 : custom.multiEdit) ? GenericMultiEditCellClass : undefined,
+        cellClassRules: GridCellMultiSelectClassRules,
         editable: (_a = props.editable) !== null && _a !== void 0 ? _a : true,
         cellEditor: GenericCellEditorComponentWrapper(custom)
     })), { suppressKeyboardEvent: function (e) {
@@ -3368,7 +3365,7 @@ var GridFormDropDown = function (props) {
                             return (jsxRuntime.jsxs("div", __assign({ style: { display: "flex", flexDirection: "column", width: "100%" } }, { children: [jsxRuntime.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) && (jsxRuntime.jsx(FormError, { error: null, helpText: props.filterHelpText }))] })));
                         } })), 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, __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 ? (jsxRuntime.jsx(MenuDivider, {}, "$$divider_".concat(index))) : item.value === MenuHeaderString ? (jsxRuntime.jsx(MenuHeader, { children: item.label }, "$$header_".concat(index))) : filteredValues.includes(item.value) ? null : (jsxRuntime.jsxs("div", { children: [jsxRuntime.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 ? (jsxRuntime.jsx(MenuDivider, {}, "$$divider_".concat(index))) : item.value === MenuHeaderString ? (jsxRuntime.jsx(MenuHeader, { children: item.label }, "$$header_".concat(index))) : filteredValues.includes(item.value) ? null : (jsxRuntime.jsxs("div", { children: [jsxRuntime.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);
@@ -3383,7 +3380,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 && (jsxRuntime.jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) { return (jsxRuntime.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 && (jsxRuntime.jsx(FocusableItem, __assign({ className: "LuiDeprecatedForms" }, { children: function (ref) { return (jsxRuntime.jsx(GridSubComponentContext.Provider, __assign({ value: {
                                                 context: { options: options },
                                                 data: data,
                                                 value: subSelectedValue,
@@ -3749,7 +3747,7 @@ var MenuRadioItem = function (props) {
                 e.keepOpen = true;
                 toggleValue(item);
             }
-        } }, { children: jsxRuntime.jsx(lui.LuiCheckboxInput, { isChecked: (_a = item.checked) !== null && _a !== void 0 ? _a : false, value: "".concat(item.value), label: (_b = item.label) !== null && _b !== void 0 ? _b : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value)), inputProps: {
+        } }, { children: jsxRuntime.jsx(lui.LuiCheckboxInput, { isChecked: (_a = item.checked) !== null && _a !== void 0 ? _a : false, value: "".concat(item.value), label: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.warning && jsxRuntime.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: {
                 onClick: function (e) {
                     // Click is handled by MenuItem onClick
                     e.preventDefault();
@@ -3929,7 +3927,7 @@ var GridFormPopoverMenu = function (props) {
  * Popout burger menu
  */
 var GridPopoverMenu = function (colDef, custom) {
-    return GridCell(__assign(__assign({ maxWidth: 40, editable: colDef.editable != null ? colDef.editable : true, cellStyle: { justifyContent: "flex-end" }, cellRenderer: GridRenderPopoutMenuCell, cellClass: (custom === null || custom === void 0 ? void 0 : custom.multiEdit) ? GenericMultiEditCellClass : undefined }, colDef), { cellRendererParams: {
+    return GridCell(__assign(__assign({ maxWidth: 40, editable: colDef.editable != null ? colDef.editable : true, cellStyle: { justifyContent: "center" }, cellRenderer: GridRenderPopoutMenuCell }, colDef), { cellRendererParams: {
             // Menus open on single click, this parameter is picked up in Grid.tsx
             singleClickEdit: true
         } }), __assign({ editor: GridFormPopoverMenu }, custom));
@@ -24259,6 +24257,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.
  *
@@ -24266,7 +24270,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) {
@@ -24283,16 +24286,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 };
 };
@@ -24307,7 +24303,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;
 };
@@ -24427,6 +24423,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) {
@@ -24476,7 +24491,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()];
@@ -24485,22 +24500,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];
+                        }
+                    });
+                }); })];
+            case 1: return [2 /*return*/, _a.sent()];
         }
     });
 }); };
@@ -24612,7 +24635,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) {
@@ -24641,9 +24664,9 @@ exports.ComponentLoadingWrapper = ComponentLoadingWrapper;
 exports.ControlledMenu = ControlledMenu;
 exports.FocusableItem = FocusableItem;
 exports.GenericCellEditorComponentWrapper = GenericCellEditorComponentWrapper;
-exports.GenericMultiEditCellClass = GenericMultiEditCellClass;
 exports.Grid = Grid;
 exports.GridCell = GridCell;
+exports.GridCellMultiSelectClassRules = GridCellMultiSelectClassRules;
 exports.GridCellRenderer = GridCellRenderer;
 exports.GridContext = GridContext;
 exports.GridContextProvider = GridContextProvider;
@@ -24689,6 +24712,7 @@ exports.bearingCorrectionValueFormatter = bearingCorrectionValueFormatter;
 exports.bearingNumberParser = bearingNumberParser;
 exports.bearingStringValidator = bearingStringValidator;
 exports.bearingValueFormatter = bearingValueFormatter;
+exports.cellContains = cellContains;
 exports.clickActionButton = clickActionButton;
 exports.clickMenuOption = clickMenuOption;
 exports.clickMultiSelectOption = clickMultiSelectOption;