@linzjs/step-ag-grid 31.2.2 → 31.2.4

package/README.md

@@ -199,7 +199,7 @@ If you are editing a cell and tab out of the cell, the grid will edit the next e
 
 At this point you can send the change to the back-end immediately and then wait for an update response
 _OR_
-you could cache the required change, update then cell locally, and then wait for the callback
+you could cache the required change, update then cell locally, and then wait for the callback.
 ```<Grid onCellEditingComplete={fn}/>``` which will get invoked when the grid cannot find any
 more editable cells on the grid row, which will speed up editing.
 
@@ -270,6 +270,7 @@ test("click Delete menu option removes row from the table", async () => {
 });
 ```
 
+
 ## Playwright support
 
 If your grid has a data-testid a global will be exposed in window with the helper scrollRowIntoViewById.

package/dist/GridTheme.scss

@@ -59,7 +59,11 @@ $grid-base-font-size: calc(#{lui.$base-font-size} - 1px);
 );
 
 .ag-theme-step-view-list-default,
-.ag-theme-step-default.theme-specific,
+.ag-theme-step-default.theme-specific {
+  .ag-tooltip {
+    background-color: white !important;
+  }
+}
 .ag-theme-step-compact.theme-specific {
   // Don't hide the drag handle
   .ag-drag-handle.ag-row-drag {

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

@@ -14,7 +14,8 @@ export interface ActionButtonProps {
     className?: 'ActionButton-fill' | 'ActionButton-tight' | string;
     onClick: () => Promise<void> | void;
     level?: LuiButtonProps['level'];
+    intent?: LuiButtonProps['intent'];
     style?: CSSProperties;
     disabled?: boolean;
 }
-export declare const ActionButton: ({ icon, name, inProgressName, disabled, dataTestId, style, className, title, onClick, size, iconPosition, level, "aria-label": ariaLabel, }: ActionButtonProps) => ReactElement;
+export declare const ActionButton: ({ icon, name, inProgressName, disabled, dataTestId, style, className, title, onClick, size, iconPosition, level, intent, "aria-label": ariaLabel, }: ActionButtonProps) => ReactElement;

package/dist/step-ag-grid.cjs

@@ -64867,7 +64867,7 @@ styleInject(css_248z);
 
 // Kept this less than one second, so I don't have issues with waitFor as it defaults to 1s
 const minimumInProgressTimeMs = 950;
-const ActionButton = ({ icon, name, inProgressName, disabled, dataTestId, style, className, title, onClick, size = 'sm', iconPosition = 'left', level = 'tertiary', 'aria-label': ariaLabel, }) => {
+const ActionButton = ({ icon, name, inProgressName, disabled, dataTestId, style, className, title, onClick, size = 'sm', iconPosition = 'left', level = 'tertiary', intent, 'aria-label': ariaLabel, }) => {
     const [inProgress, setInProgress] = React13.useState(false);
     const lastInProgress = usePrevious(inProgress ?? false);
     const [localInProgress, setLocalInProgress, setLocalInProgressDeferred] = useStateDeferred(inProgress);
@@ -64882,7 +64882,7 @@ const ActionButton = ({ icon, name, inProgressName, disabled, dataTestId, style,
         }
     }, [inProgress, lastInProgress, setLocalInProgress, setLocalInProgressDeferred]);
     const buttonText = (jsxRuntime.jsxs("span", { className: 'ActionButton-minimalArea', children: [jsxRuntime.jsx("span", { className: 'ActionButton-minimalAreaDisplay', children: (localInProgress ? inProgressName : name) ?? name }), jsxRuntime.jsx("span", { className: 'ActionButton-minimalAreaExpand', children: name })] }));
-    return (jsxRuntime.jsxs(lui.LuiButton, { "data-testid": dataTestId, type: 'button', level: level, title: title ?? ariaLabel ?? name, buttonProps: { 'aria-label': ariaLabel ?? name }, className: clsx('lui-button-icon-right', 'ActionButton', className, localInProgress && 'ActionButton-inProgress', name != null && !className?.includes('ActionButton-fill') && 'ActionButton-minimal', name == null && 'ActionButton-iconOnly'), size: 'lg', style: style, onClick: () => {
+    return (jsxRuntime.jsxs(lui.LuiButton, { "data-testid": dataTestId, type: 'button', level: level, intent: intent, title: title ?? ariaLabel ?? name, buttonProps: { 'aria-label': ariaLabel ?? name }, className: clsx('lui-button-icon-right', 'ActionButton', className, localInProgress && 'ActionButton-inProgress', name != null && !className?.includes('ActionButton-fill') && 'ActionButton-minimal', name == null && 'ActionButton-iconOnly'), size: 'lg', style: style, onClick: () => {
             const promise = onClick();
             const isPromise = typeof promise !== 'undefined';
             if (isPromise) {