@linzjs/step-ag-grid 2.4.1 → 2.4.3

package/dist/src/components/gridForm/GridFormSubComponentTextInput.d.ts

@@ -3,5 +3,6 @@ export interface GridFormSubComponentTextInput {
     setValue: (value: string) => void;
     keyDown: (key: string) => void;
     placeholder?: string;
+    className?: string;
 }
-export declare const GridFormSubComponentTextInput: ({ keyDown, placeholder, setValue }: GridFormSubComponentTextInput) => JSX.Element;
+export declare const GridFormSubComponentTextInput: ({ keyDown, placeholder, setValue, className, }: GridFormSubComponentTextInput) => JSX.Element;

package/dist/src/components/gridPopoverEdit/GridPopoverMenu.d.ts

@@ -6,4 +6,4 @@ import { GenericCellColDef } from "../gridRender/GridRenderGenericCell";
 /**
  * Popout burger menu
  */
-export declare const GridPopoverMenu: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, props: GenericCellEditorProps<GridFormPopoutMenuProps<RowType>>) => ColDefT<RowType>;
+export declare const GridPopoverMenu: <RowType extends GridBaseRow>(colDef: GenericCellColDef<RowType>, custom: GenericCellEditorProps<GridFormPopoutMenuProps<RowType>>) => ColDefT<RowType>;

package/dist/src/lui/ActionButton.d.ts

@@ -9,7 +9,7 @@ export interface ActionButtonProps {
     dataTestId?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "ns";
     className?: string;
-    onClick?: () => void;
-    inProgress?: boolean;
+    onAction: () => Promise<void>;
+    externalSetInProgress?: () => void;
 }
-export declare const ActionButton: ({ icon, name, inProgressName, dataTestId, inProgress, className, title, onClick, size, }: ActionButtonProps) => JSX.Element;
+export declare const ActionButton: ({ icon, name, inProgressName, dataTestId, className, title, onAction, externalSetInProgress, size, }: ActionButtonProps) => JSX.Element;

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

@@ -3272,12 +3272,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) {
@@ -3660,10 +3659,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 = useState(""), inputValue = _b[0], setInputValue = _b[1];
-    return (jsx(Fragment$1, { children: jsx(TextInputFormatted, { value: inputValue, onChange: function (e) {
+    return (jsx(Fragment$1, { children: jsx(TextInputFormatted, { className: inputClass, value: inputValue, onChange: function (e) {
                 var value = e.target.value;
                 setValue(value);
                 setInputValue(value);
@@ -3674,6 +3674,9 @@ var GridFormSubComponentTextInput = function (_a) {
                     if (document.activeElement != e.currentTarget) {
                         e.currentTarget.focus();
                     }
+                },
+                style: {
+                    width: "100%"
                 }
             } }) }));
 };
@@ -3794,15 +3797,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 = 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];
     useEffect(function () {
         if (inProgress == lastInProgress)
             return;
         inProgress ? setLocalInProgress(true) : setLocalInProgressDeferred(false, minimumInProgressTimeMs);
     }, [inProgress, lastInProgress, setLocalInProgress, setLocalInProgressDeferred]);
-    return (jsxs(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 ? (jsx(LuiMiniSpinner, { size: 16, divProps: (_b = {
+    return (jsxs(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 ? (jsx(LuiMiniSpinner, { size: 16, divProps: (_b = {
                         "data-testid": "loading-spinner",
                         style: { padding: 0, margin: 0, paddingRight: 8 },
                         role: "status"