@linzjs/step-ag-grid 7.5.1 → 7.6.0

package/dist/src/components/Grid.d.ts

@@ -4,8 +4,9 @@ export interface GridBaseRow {
     id: string | number;
 }
 export interface GridProps {
+    readOnly?: boolean;
     selectable?: boolean;
-    dataTestId?: string;
+    ["data-testid"]?: string;
     quickFilter?: boolean;
     quickFilterPlaceholder?: string;
     quickFilterValue?: string;

package/dist/src/components/GridIcon.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import { IconName } from "@linzjs/lui/dist/components/LuiIcon/LuiIcon";
+import { IconName, IconSize } from "@linzjs/lui/dist/components/LuiIcon/LuiIcon";
 export declare const GridIcon: (props: {
     icon: IconName;
     title: string;
+    size?: IconSize;
+    disabled?: boolean;
+    className?: string;
 }) => JSX.Element;

package/dist/src/components/GridLoadableCell.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import "./GridLoadableCell.scss";
 export declare const GridLoadableCell: (props: {
     isLoading: boolean;
-    dataTestId?: string;
     children: JSX.Element | string;
     className?: string;
 }) => JSX.Element;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "../../styles/GridFormDropDown.scss";
 import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
 export interface GridPopoutEditDropDownSelectedItem<RowType> {

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "../../styles/GridFormEditBearing.scss";
 import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
 export interface GridFormEditBearingProps<RowType extends GridBaseRow> extends CellEditorCommon {

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "../../styles/GridFormMultiSelect.scss";
 import { GridBaseRow } from "../Grid";
 import { CellEditorCommon } from "../GridCell";
 export interface MultiSelectOption {

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

@@ -1,4 +1,3 @@
-import "./GridPopoverMenu.scss";
 import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps } from "../GridCell";
 import { GridFormPopoutMenuProps } from "../gridForm/GridFormPopoverMenu";

package/dist/src/components/gridRender/GridRenderGenericCell.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "../../styles/GridRenderGenericCell.scss";
 import { ICellRendererParams } from "ag-grid-community";
 import { GridBaseRow } from "../Grid";
 import { ColDefT } from "../GridCell";
@@ -11,7 +10,8 @@ export interface GenericCellColDef<RowType extends GridBaseRow> extends ColDefT<
 }
 export interface GenericCellRendererParams<RowType extends GridBaseRow> {
     singleClickEdit?: boolean;
+    editableIcon?: JSX.Element | undefined;
+    editAction?: (selectedRows: RowType[]) => void;
     warning?: (props: RowICellRendererParams<RowType>) => string | boolean | null | undefined;
     info?: (props: RowICellRendererParams<RowType>) => string | boolean | null | undefined;
 }
-export declare const GridRendererGenericCell: <RowType extends GridBaseRow>(props: ICellRendererParams) => JSX.Element;

package/dist/src/index.d.ts

@@ -37,4 +37,5 @@ export { GridFormSubComponentTextArea } from "./components/gridForm/GridFormSubC
 export * from "./lui/ActionButton";
 export * from "./utils/bearing";
 export * from "./utils/util";
+export * from "./utils/deferredPromise";
 export * from "./utils/testUtil";

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import "./ActionButton.scss";
+import { CSSProperties } from "react";
 import { IconName } from "@linzjs/lui/dist/components/LuiIcon/LuiIcon";
 import { LuiButtonProps } from "@linzjs/lui/dist/components/LuiButton/LuiButton";
 export interface ActionButtonProps {
@@ -11,9 +11,9 @@ export interface ActionButtonProps {
     dataTestId?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "ns";
     iconPosition?: "left" | "right";
-    className?: "ActionButton-fill" | string;
+    className?: "ActionButton-fill" | "ActionButton-tight" | string;
     onClick: () => Promise<void> | void;
     level?: LuiButtonProps["level"];
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 }
 export declare const ActionButton: ({ icon, name, inProgressName, dataTestId, style, className, title, onClick, size, iconPosition, level, "aria-label": ariaLabel, }: ActionButtonProps) => JSX.Element;

package/dist/src/utils/deferredPromise.d.ts

@@ -0,0 +1,5 @@
+export declare const useDeferredPromise: <T>() => {
+    invoke: () => Promise<T>;
+    resolve: (value: T) => void;
+    reject: () => void;
+};

package/dist/src/utils/util.d.ts

@@ -4,3 +4,4 @@ export declare const isFloat: (value: string) => boolean;
 export declare const findParentWithClass: (className: string, child: Node) => HTMLElement | null;
 export declare const hasParentClass: (className: string, child: Node) => boolean;
 export declare const stringByteLengthIsInvalid: (str: string, maxBytes: number) => boolean;
+export declare const fnOrVar: (fn: any, param: any) => any;

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

@@ -1329,7 +1329,8 @@ var hasParentClass = function (className, child) {
 };
 var stringByteLengthIsInvalid = function (str, maxBytes) {
     return new TextEncoder().encode(str).length > maxBytes;
-};
+};
+var fnOrVar = function (fn, param) { return (typeof fn === "function" ? fn(param) : fn); };
 
 var EventHandlersContext = createContext({
     handleClick: function () { }
@@ -2743,6 +2744,11 @@ var Grid = function (params) {
         synchroniseExternallySelectedItemsToGrid();
     }, [synchroniseExternallySelectedItemsToGrid]);
     var columnDefs = useMemo(function () {
+        var adjustColDefs = params.columnDefs.map(function (colDef) {
+            return __assign(__assign({}, colDef), { editable: params.readOnly ? false : colDef.editable, cellClassRules: __assign(__assign({}, colDef.cellClassRules), { "GridCell-readonly": function (ccp) {
+                        return params.readOnly != null && !params.readOnly && !fnOrVar(colDef.editable, ccp);
+                    } }) });
+        });
         return params.selectable
             ? __spreadArray([
                 {
@@ -2756,8 +2762,8 @@ var Grid = function (params) {
                     headerComponent: GridHeaderSelect,
                     onCellClicked: clickSelectorCheckboxWhenContainingCellClicked
                 }
-            ], params.columnDefs, true) : __spreadArray([], params.columnDefs, true);
-    }, [clickSelectorCheckboxWhenContainingCellClicked, params.columnDefs, params.selectable]);
+            ], adjustColDefs, true) : adjustColDefs;
+    }, [clickSelectorCheckboxWhenContainingCellClicked, params.columnDefs, params.selectable, params.readOnly]);
     var onGridReady = useCallback(function (event) {
         setGridApi(event.api);
         synchroniseExternallySelectedItemsToGrid();
@@ -2788,8 +2794,16 @@ var Grid = function (params) {
         }
     }, [checkUpdating]);
     var onCellDoubleClick = useCallback(function (event) {
-        var _a, _b;
-        if (!((_b = (_a = event.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) === null || _b === void 0 ? void 0 : _b.singleClickEdit)) {
+        var _a, _b, _c, _d, _e;
+        var editable = fnOrVar((_a = event.colDef) === null || _a === void 0 ? void 0 : _a.editable, event);
+        if (!editable)
+            return;
+        var editAction = (_c = (_b = event.colDef) === null || _b === void 0 ? void 0 : _b.cellRendererParams) === null || _c === void 0 ? void 0 : _c.editAction;
+        if (editAction) {
+            // Clicked row comes first in selected rows
+            editAction(__spreadArray([event.data], event.api.getSelectedRows().filter(function (row) { return row.id !== event.data.id; }), true));
+        }
+        else if (!((_e = (_d = event.colDef) === null || _d === void 0 ? void 0 : _d.cellRendererParams) === null || _e === void 0 ? void 0 : _e.singleClickEdit)) {
             startCellEditing(event);
         }
     }, [startCellEditing]);
@@ -2815,7 +2829,7 @@ var Grid = function (params) {
             sizeColumnsToFit();
         }
     }, [columnDefs === null || columnDefs === void 0 ? void 0 : columnDefs.length, sizeColumnsToFit]);
-    return (jsxs("div", __assign({ "data-testid": params.dataTestId, className: clsx("Grid-container", "ag-theme-alpine", staleGrid && "Grid-sortIsStale") }, { children: [params.quickFilter && (jsx("div", __assign({ className: "Grid-quickFilter" }, { children: 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) {
+    return (jsxs("div", __assign({ "data-testid": params["data-testid"], className: clsx("Grid-container", "ag-theme-alpine", staleGrid && "Grid-sortIsStale") }, { children: [params.quickFilter && (jsx("div", __assign({ className: "Grid-quickFilter" }, { children: 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);
                     } }) }))), jsx(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 })] })));
 };
@@ -2830,66 +2844,15 @@ var GridCellMultiSelectClassRules = {
     }
 };
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$8 = ".AgGridGenericCellRenderer-icon{margin-right:4px}.AgGridGenericCellRenderer-ic_infoIcon{fill:#3a7cdf;margin-right:4px}.AgGridGenericCellRenderer-ic_warningIcon{fill:#ea6a2e;margin-right:4px}";
-styleInject(css_248z$8);
-
-var css_248z$7 = ".GridLoadableCell-container{align-items:center;display:flex}";
-styleInject(css_248z$7);
-
-var GridLoadableCell = function (props) {
-    if (props.isLoading) {
-        return (jsx("div", __assign({ style: { display: "flex", alignItems: "center" } }, { children: jsx(LuiMiniSpinner, { size: 22, divProps: { role: "status", "aria-label": "Loading", style: { marginBottom: 4 } } }) })));
-    }
-    // only add test id into ONE of the columns in a grid. this way each row will have one unique id :)
-    return (jsx("div", __assign({ "data-testid": props.dataTestId, className: clsx("GridLoadableCell-container", props.className) }, { children: props.children })));
-};
-
-var GridIcon = function (props) { return (jsx(LuiIcon, { name: props.icon, title: props.title, alt: props.title, size: "md", className: "AgGridGenericCellRenderer-".concat(props.icon, "Icon") })); };
+var GridLoadableCell = function (props) { return (jsx("div", __assign({ className: clsx("GridLoadableCell-container", props.className) }, { children: props.isLoading ? (jsx(LuiMiniSpinner, { size: 22, divProps: { role: "status", "aria-label": "Loading", style: { marginBottom: 4 } } })) : (props.children) }))); };
 
-var GridRendererGenericCell = function (props) {
-    var _a, _b, _c;
-    var checkUpdating = useContext(GridUpdatingContext).checkUpdating;
-    var colDef = props.colDef;
-    var cellRendererParams = colDef.cellRendererParams;
-    var warningFn = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.warning;
-    var warningText = warningFn ? warningFn(props) : undefined;
-    var infoFn = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.info;
-    var infoText = infoFn ? infoFn(props) : undefined;
-    var defaultFormatter = function (value) { return value; };
-    var formatter = (_a = props.formatValue) !== null && _a !== void 0 ? _a : defaultFormatter;
-    var formatted = formatter(props.value);
-    return (jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_c = (_b = colDef.field) !== null && _b !== void 0 ? _b : colDef.colId) !== null && _c !== void 0 ? _c : "", props.data.id) }, { children: jsxs(Fragment$1, { children: [typeof warningText === "string" && jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsx(GridIcon, { icon: "ic_info", title: infoText }), jsx("span", __assign({ title: formatted }, { children: formatted }))] }) })));
+var GridIcon = function (props) {
+    var _a;
+    return (jsx(LuiIcon, { name: props.icon, title: props.title, alt: props.title, size: (_a = props.size) !== null && _a !== void 0 ? _a : "md", className: clsx("AgGridGenericCellRenderer-".concat(props.icon, "Icon"), props.className, props.disabled && "GridIcon-disabled") }));
 };
 
 var GridCellRenderer = function (props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     var checkUpdating = useContext(GridUpdatingContext).checkUpdating;
     var colDef = props.colDef;
     var rendererParams = colDef.cellRendererParams;
@@ -2897,7 +2860,7 @@ var GridCellRenderer = function (props) {
     var warningText = warningFn ? warningFn(props) : undefined;
     var infoFn = rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.info;
     var infoText = infoFn ? infoFn(props) : undefined;
-    return ((_a = colDef === null || colDef === void 0 ? void 0 : colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.originalCellRenderer) ? (jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_c = (_b = colDef.field) !== null && _b !== void 0 ? _b : colDef.colId) !== null && _c !== void 0 ? _c : "", props.data.id) }, { children: jsxs(Fragment$1, { children: [typeof warningText === "string" && jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsx(GridIcon, { icon: "ic_info", title: infoText }), jsx(colDef.cellRendererParams.originalCellRenderer, __assign({}, props))] }) }))) : (jsx(GridRendererGenericCell, __assign({}, props)));
+    return (jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_b = (_a = colDef.field) !== null && _a !== void 0 ? _a : colDef.colId) !== null && _b !== void 0 ? _b : "", props.data.id) }, { children: jsxs(Fragment$1, { children: [typeof warningText === "string" && jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsx(GridIcon, { icon: "ic_info", title: infoText }), jsx("div", __assign({ style: { display: "flex", flex: 1, overflow: "hidden" } }, { children: ((_c = colDef === null || colDef === void 0 ? void 0 : colDef.cellRendererParams) === null || _c === void 0 ? void 0 : _c.originalCellRenderer) ? (jsx(colDef.cellRendererParams.originalCellRenderer, __assign({}, props))) : (jsx("span", __assign({ title: props.valueFormatted }, { children: props.valueFormatted }))) })), fnOrVar((_d = props.colDef) === null || _d === void 0 ? void 0 : _d.editable, props) && (rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.editableIcon) && (jsx("div", __assign({ style: { display: "flex", alignItems: "center" } }, { children: rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.editableIcon })))] }) })));
 };
 /*
  * All cells should use this
@@ -3013,30 +2976,11 @@ var useGridPopoverHook = function (props) {
 };
 
 var GridRenderPopoutMenuCell = function (props) {
-    var _a, _b, _c;
-    var checkUpdating = useContext(GridUpdatingContext).checkUpdating;
-    var isLoading = checkUpdating((_b = (_a = props.colDef) === null || _a === void 0 ? void 0 : _a.field) !== null && _b !== void 0 ? _b : "", props.data.id);
-    var editable = (_c = props.colDef) === null || _c === void 0 ? void 0 : _c.editable;
-    var disabled = !(typeof editable === "function"
-        ? editable({
-            node: props.node,
-            data: props.data,
-            column: props.column,
-            colDef: props.colDef,
-            api: props.api,
-            columnApi: props.columnApi,
-            context: props.context
-        })
-        : editable);
-    return (jsx(GridLoadableCell, __assign({ isLoading: isLoading, className: disabled ? "GridPopoutMenu-burgerDisabled" : "GridPopoutMenu-burger" }, { children: jsx(LuiIcon, { name: "ic_more_vert", alt: "More actions", size: "md" }) })));
+    var _a;
+    var disabled = !fnOrVar((_a = props.colDef) === null || _a === void 0 ? void 0 : _a.editable, props);
+    return (jsx(LuiIcon, { name: "ic_more_vert", alt: "More actions", size: "md", className: disabled ? "GridPopoutMenu-burgerDisabled" : "GridPopoutMenu-burger" }));
 };
 
-var css_248z$6 = ".GridMultiSelect-containerSmall .GridFormMultiSelect-options{max-height:130px;overflow-y:auto}.GridMultiSelect-containerMedium .GridFormMultiSelect-options{max-height:190px;overflow-y:auto}.GridMultiSelect-containerLarge .GridFormMultiSelect-options{max-height:320px;overflow-y:auto}.GridMultiSelect-containerUnlimited .GridFormMultiSelect-options{overflow-y:auto}";
-styleInject(css_248z$6);
-
-var css_248z$5 = ".GridPopoverEditDropDown-containerSmall .GridFormDropDown-options{max-height:120px;overflow-y:auto}.GridPopoverEditDropDown-containerMedium .GridFormDropDown-options{max-height:220px;overflow-y:auto}.GridPopoverEditDropDown-containerLarge .GridFormDropDown-options{max-height:400px;overflow-y:auto}.GridPopoverEditDropDown-containerUnlimited .GridFormDropDown-options{overflow-y:auto}.GridPopoverEditDropDown-noOptions{justify-content:center}";
-styleInject(css_248z$5);
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -3135,8 +3079,35 @@ function defer() {
   return deferred;
 }
 
-var css_248z$4 = ".helpText{color:#6b6966;font-size:.75rem;font-weight:400}";
-styleInject(css_248z$4);
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$2 = ".helpText{color:#6b6966;font-size:.75rem;font-weight:400}";
+styleInject(css_248z$2);
 
 var FormError = function (props) {
     return (jsxs(Fragment$1, { children: [props.error && (jsx("span", __assign({ className: "LuiTextInput-error", style: { paddingLeft: 0 } }, { children: props.error }))), props.helpText && !props.error && jsx("span", __assign({ className: "helpText" }, { children: props.helpText }))] }));
@@ -3771,9 +3742,6 @@ var GridPopoutEditMultiSelect = function (colDef, props) {
     return GridCell(colDef, __assign(__assign({ editor: GridFormMultiSelect }, props), { editorParams: __assign({ className: "GridMultiSelect-containerMedium" }, props.editorParams) }));
 };
 
-var css_248z$3 = ".GridPopoutMenu-burger{cursor:pointer}.GridPopoutMenu-burger svg{fill:#007198}.GridPopoutMenu-burgerDisabled svg{fill:#989189}";
-styleInject(css_248z$3);
-
 /** Menu configuration types **/
 var PopoutMenuSeparator = Object.freeze({ __isMenuSeparator__: true });
 /**
@@ -4002,9 +3970,6 @@ var convertDDToDMS = function (dd, showPositiveSymbol, addTrailingZeros) {
     return dmsString;
 };
 
-var css_248z$2 = ".GridFormEditBearing-input{width:320px}";
-styleInject(css_248z$2);
-
 var css_248z$1 = ".LuiTextInput{margin-bottom:0}.LuiTextInput-formatted{color:#beb9b4;line-height:48px;position:absolute;right:14px;top:0}";
 styleInject(css_248z$1);
 
@@ -4334,7 +4299,7 @@ var GridFormSubComponentTextArea = function (props) {
     return (jsx("div", __assign({ className: clsx("FreeTextInput", 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-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%}";
+var css_248z = ".ActionButton{align-items:center;display:flex}.ActionButton-minimal.lui-button-lg.lui-button-icon-right{padding-right:38px}.ActionButton.lui-button-lg.lui-button-icon-right:not(.ActionButton-tight) .LuiIcon{margin:0 4px}.ActionButton.ActionButton-tight.lui-button-lg.lui-button-icon-right .LuiIcon{margin:0}.ActionButton-iconOnly.lui-button-lg.lui-button-icon-right:not(.ActionButton-tight){padding:8px 5px}.ActionButton-iconOnly.lui-button-lg.lui-button-icon-right.ActionButton-tight{padding:0}.ActionButton-minimalArea{position:relative}.ActionButton-minimalAreaDisplay{position:absolute}.ActionButton-minimalAreaExpand{visibility:hidden}.ActionButton-inProgress.lui-button-lg.lui-button-icon-right{background-color:#e2f3f7;color:#007198;cursor:progress}.ActionButton-inProgress.lui-button-lg.lui-button-icon-right svg *{fill:#0000}.ActionButton-fill{justify-content:center;width:100%}";
 styleInject(css_248z);
 
 /**
@@ -4417,7 +4382,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", 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 () {
+    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", name == null && "ActionButton-iconOnly"), size: "lg", style: style, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
             var promise, isPromise;
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -4448,7 +4413,41 @@ var ActionButton = function (_a) {
                     },
                     role: "status",
                     "aria-label": "Loading"
-                } })) : (jsx(LuiIcon, { name: icon, alt: (_d = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name) !== null && _d !== void 0 ? _d : "", size: size, spanProps: { style: iconPosition === "right" ? { transform: "scaleX(-1)" } : {} } })), iconPosition === "left" && buttonText] })));
+                } })) : (jsx(LuiIcon, { name: icon, alt: (_d = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name) !== null && _d !== void 0 ? _d : "", size: size })), iconPosition === "left" && buttonText] })));
+};
+
+var useDeferredPromise = function () {
+    var promiseResolve = useRef();
+    var promiseReject = useRef();
+    return {
+        invoke: function () {
+            return new Promise(function (resolve, reject) {
+                promiseResolve.current = resolve;
+                promiseReject.current = reject;
+            });
+        },
+        resolve: function (value) {
+            if (!promiseResolve.current) {
+                console.error("Promise not invoked so can't resolve");
+                return;
+            }
+            var temp = promiseResolve.current;
+            promiseResolve.current = undefined;
+            promiseReject.current = undefined;
+            temp(value);
+        },
+        reject: function () {
+            if (!promiseResolve.current) {
+                console.error("Promise not invoked so can't reject");
+                return;
+            }
+            var reject = promiseReject.current;
+            promiseResolve.current = undefined;
+            promiseReject.current = undefined;
+            if (reject)
+                reject();
+        }
+    };
 };
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -24658,5 +24657,5 @@ var clickActionButton = function (text, container) { return __awaiter(void 0, vo
     });
 }); };
 
-export { ActionButton, ComponentLoadingWrapper, ControlledMenu, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridRendererGenericCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, clickActionButton, clickMenuOption, clickMultiSelectOption, closeMenu, convertDDToDMS, countRows, deselectRow, editCell, findActionButton, findCell, findCellContains, findMenuOption, findMultiSelectOption, findParentWithClass, findRow, getMultiSelectOptions, hasParentClass, isFloat, isNotEmpty, openAndClickMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, typeOtherInput, typeOtherTextArea, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait$2 as wait };
+export { ActionButton, ComponentLoadingWrapper, ControlledMenu, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, clickActionButton, clickMenuOption, clickMultiSelectOption, closeMenu, convertDDToDMS, countRows, deselectRow, editCell, findActionButton, findCell, findCellContains, findMenuOption, findMultiSelectOption, findParentWithClass, findRow, fnOrVar, getMultiSelectOptions, hasParentClass, isFloat, isNotEmpty, openAndClickMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, typeOtherInput, typeOtherTextArea, useDeferredPromise, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait$2 as wait };
 //# sourceMappingURL=step-ag-grid.esm.js.map