@linzjs/step-ag-grid 2.4.1 → 2.4.3

package/dist/index.js

@@ -3274,12 +3274,11 @@ var GridFormPopoutMenu = function (_props) {
 /**
  * Popout burger menu
  */
-var GridPopoverMenu = function (colDef, props) {
-    var _a;
-    return GridCell(__assign(__assign({ maxWidth: 64, editable: colDef.editable != null ? colDef.editable : true, cellRenderer: GridRenderPopoutMenuCell, cellClass: ((_a = colDef === null || colDef === void 0 ? void 0 : colDef.cellEditorParams) === null || _a === void 0 ? void 0 : _a.multiEdit) !== false ? GenericMultiEditCellClass : undefined }, colDef), { cellRendererParams: {
+var GridPopoverMenu = function (colDef, custom) {
+    return GridCell(__assign(__assign({ maxWidth: 64, editable: colDef.editable != null ? colDef.editable : true, cellRenderer: GridRenderPopoutMenuCell, cellClass: (custom === null || custom === void 0 ? void 0 : custom.multiEdit) ? GenericMultiEditCellClass : undefined }, colDef), { cellRendererParams: {
             // Menus open on single click, this parameter is picked up in Grid.tsx
             singleClickEdit: true
-        } }), __assign({ editor: GridFormPopoutMenu }, props));
+        } }), __assign({ editor: GridFormPopoutMenu }, custom));
 };
 
 var bearingValueFormatter = function (params) {
@@ -3662,10 +3661,11 @@ var GridPopoverTextInput = function (colDef, params) {
 };
 
 var GridFormSubComponentTextInput = function (_a) {
-    var keyDown = _a.keyDown, placeholder = _a.placeholder, setValue = _a.setValue;
+    var keyDown = _a.keyDown, placeholder = _a.placeholder, setValue = _a.setValue, className = _a.className;
     var placeholderText = placeholder || "Other...";
+    var inputClass = className || "";
     var _b = react.useState(""), inputValue = _b[0], setInputValue = _b[1];
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(TextInputFormatted, { value: inputValue, onChange: function (e) {
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(TextInputFormatted, { className: inputClass, value: inputValue, onChange: function (e) {
                 var value = e.target.value;
                 setValue(value);
                 setInputValue(value);
@@ -3676,6 +3676,9 @@ var GridFormSubComponentTextInput = function (_a) {
                     if (document.activeElement != e.currentTarget) {
                         e.currentTarget.focus();
                     }
+                },
+                style: {
+                    width: "100%"
                 }
             } }) }));
 };
@@ -3796,15 +3799,30 @@ var minimumInProgressTimeMs = 950;
 var ActionButton = function (_a) {
     var _b;
     var _c;
-    var icon = _a.icon, name = _a.name, inProgressName = _a.inProgressName, dataTestId = _a.dataTestId, inProgress = _a.inProgress, className = _a.className, title = _a.title, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? "sm" : _d;
+    var icon = _a.icon, name = _a.name, inProgressName = _a.inProgressName, dataTestId = _a.dataTestId, className = _a.className, title = _a.title, onAction = _a.onAction, externalSetInProgress = _a.externalSetInProgress, _d = _a.size, size = _d === void 0 ? "sm" : _d;
+    var _e = react.useState(false), inProgress = _e[0], setInProgress = _e[1];
     var lastInProgress = usePrevious(inProgress !== null && inProgress !== void 0 ? inProgress : false);
-    var _e = useStateDeferred(!!inProgress), localInProgress = _e[0], setLocalInProgress = _e[1], setLocalInProgressDeferred = _e[2];
+    var _f = useStateDeferred(inProgress), localInProgress = _f[0], setLocalInProgress = _f[1], setLocalInProgressDeferred = _f[2];
     react.useEffect(function () {
         if (inProgress == lastInProgress)
             return;
         inProgress ? setLocalInProgress(true) : setLocalInProgressDeferred(false, minimumInProgressTimeMs);
     }, [inProgress, lastInProgress, setLocalInProgress, setLocalInProgressDeferred]);
-    return (jsxRuntime.jsxs(lui.LuiButton, __assign({ "data-testid": dataTestId, type: "button", level: "tertiary", title: title !== null && title !== void 0 ? title : name, "aria-label": name, className: clsx("lui-button-icon", "ActionButton", className, localInProgress && "ActionButton-inProgress"), size: "lg", onClick: onClick, disabled: localInProgress }, { children: [localInProgress ? (jsxRuntime.jsx(lui.LuiMiniSpinner, { size: 16, divProps: (_b = {
+    return (jsxRuntime.jsxs(lui.LuiButton, __assign({ "data-testid": dataTestId, type: "button", level: "tertiary", title: title !== null && title !== void 0 ? title : name, "aria-label": name, className: clsx("lui-button-icon", "ActionButton", className, localInProgress && "ActionButton-inProgress"), size: "lg", onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setInProgress(true);
+                        externalSetInProgress && setInProgress(true);
+                        return [4 /*yield*/, onAction()];
+                    case 1:
+                        _a.sent();
+                        externalSetInProgress && setInProgress(false);
+                        setInProgress(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); }, disabled: localInProgress }, { children: [localInProgress ? (jsxRuntime.jsx(lui.LuiMiniSpinner, { size: 16, divProps: (_b = {
                         "data-testid": "loading-spinner",
                         style: { padding: 0, margin: 0, paddingRight: 8 },
                         role: "status"