@linzjs/step-ag-grid 7.0.0 → 7.0.1

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

@@ -11,9 +11,10 @@ export interface ActionButtonProps {
     dataTestId?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "ns";
     iconPosition?: "left" | "right";
-    className?: string;
+    className?: "ActionButton-fill" | string;
     onAction: () => Promise<void> | void;
     externalSetInProgress?: () => void;
     level?: LuiButtonProps["level"];
+    style?: React.CSSProperties;
 }
-export declare const ActionButton: ({ icon, name, inProgressName, dataTestId, className, title, onAction, externalSetInProgress, size, iconPosition, level, "aria-label": ariaLabel, }: ActionButtonProps) => JSX.Element;
+export declare const ActionButton: ({ icon, name, inProgressName, dataTestId, style, className, title, onAction, externalSetInProgress, size, iconPosition, level, "aria-label": ariaLabel, }: ActionButtonProps) => JSX.Element;

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

@@ -1397,7 +1397,7 @@ var ControlledMenuFr = function (_a, externalRef) {
         if (activeElement !== firstInputEl && activeElement !== lastInputEl)
             return;
         var isTextArea = activeElement.nodeName === "TEXTAREA";
-        var suppressEnterAutoSave = activeElement.getAttribute("data-disableenterautoSave") || isTextArea;
+        var suppressEnterAutoSave = activeElement.getAttribute("data-disableenterautosave") || isTextArea;
         var allowTabToSave = activeElement.getAttribute("data-allowtabtoSave");
         var invokeSave = function (reason) {
             var _a, _b;
@@ -4210,7 +4210,7 @@ var GridFormSubComponentTextArea = function (props) {
     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 }) })));
 };
 
-var css_248z = ".ActionButton{align-items:center;display:flex}.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}";
+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%}";
 styleInject(css_248z);
 
 /**
@@ -4283,7 +4283,7 @@ var useStateDeferred = function (initialValue) {
 var minimumInProgressTimeMs = 950;
 var ActionButton = function (_a) {
     var _b, _c, _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, _e = _a.size, size = _e === void 0 ? "sm" : _e, _f = _a.iconPosition, iconPosition = _f === void 0 ? "left" : _f, _g = _a.level, level = _g === void 0 ? "tertiary" : _g, ariaLabel = _a["aria-label"];
+    var icon = _a.icon, name = _a.name, inProgressName = _a.inProgressName, dataTestId = _a.dataTestId, style = _a.style, className = _a.className, title = _a.title, onAction = _a.onAction, externalSetInProgress = _a.externalSetInProgress, _e = _a.size, size = _e === void 0 ? "sm" : _e, _f = _a.iconPosition, iconPosition = _f === void 0 ? "left" : _f, _g = _a.level, level = _g === void 0 ? "tertiary" : _g, ariaLabel = _a["aria-label"];
     var _h = useState(false), inProgress = _h[0], setInProgress = _h[1];
     var lastInProgress = usePrevious(inProgress !== null && inProgress !== void 0 ? inProgress : false);
     var _j = useStateDeferred(inProgress), localInProgress = _j[0], setLocalInProgress = _j[1], setLocalInProgressDeferred = _j[2];
@@ -4293,7 +4293,7 @@ var ActionButton = function (_a) {
         inProgress ? setLocalInProgress(true) : setLocalInProgressDeferred(false, minimumInProgressTimeMs);
     }, [inProgress, lastInProgress, setLocalInProgress, setLocalInProgressDeferred]);
     var buttonText = (jsxs("span", __assign({ className: "ActionButton-minimalArea" }, { children: [jsx("span", __assign({ className: "ActionButton-minimalAreaDisplay" }, { children: (_b = (localInProgress ? inProgressName : name)) !== null && _b !== void 0 ? _b : name })), jsx("span", __assign({ className: "ActionButton-minimalAreaExpand" }, { children: name }))] })));
-    return (jsxs(LuiButton, __assign({ "data-testid": dataTestId, type: "button", level: level, title: (_c = title !== null && title !== void 0 ? title : ariaLabel) !== null && _c !== void 0 ? _c : name, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name, className: clsx("lui-button-icon-right", "ActionButton", className, localInProgress && "ActionButton-inProgress"), size: "lg", style: name == null ? { padding: "8px 5px" } : {}, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+    return (jsxs(LuiButton, __assign({ "data-testid": dataTestId, type: "button", level: level, title: (_c = title !== null && title !== void 0 ? title : ariaLabel) !== null && _c !== void 0 ? _c : name, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name, className: clsx("lui-button-icon-right", "ActionButton", className, localInProgress && "ActionButton-inProgress", name != null && !(className === null || className === void 0 ? void 0 : className.includes("ActionButton-fill")) && "ActionButton-minimal"), size: "lg", style: __assign(__assign({}, (name == null && { padding: "8px 5px" })), style), onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
             var promise, isPromise;
             return __generator(this, function (_a) {
                 switch (_a.label) {