@linzjs/step-ag-grid 7.5.2 → 7.6.1

package/dist/index.js

@@ -1350,7 +1350,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 = React.createContext({
     handleClick: function () { }
@@ -2764,6 +2765,11 @@ var Grid = function (params) {
         synchroniseExternallySelectedItemsToGrid();
     }, [synchroniseExternallySelectedItemsToGrid]);
     var columnDefs = React.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([
                 {
@@ -2777,8 +2783,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 = React.useCallback(function (event) {
         setGridApi(event.api);
         synchroniseExternallySelectedItemsToGrid();
@@ -2809,8 +2815,16 @@ var Grid = function (params) {
         }
     }, [checkUpdating]);
     var onCellDoubleClick = React.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]);
@@ -2851,66 +2865,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 (jsxRuntime.jsx("div", __assign({ style: { display: "flex", alignItems: "center" } }, { children: jsxRuntime.jsx(lui.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 (jsxRuntime.jsx("div", __assign({ "data-testid": props.dataTestId, className: clsx("GridLoadableCell-container", props.className) }, { children: props.children })));
-};
-
-var GridIcon = function (props) { return (jsxRuntime.jsx(lui.LuiIcon, { name: props.icon, title: props.title, alt: props.title, size: "md", className: "AgGridGenericCellRenderer-".concat(props.icon, "Icon") })); };
+var GridLoadableCell = function (props) { return (jsxRuntime.jsx("div", __assign({ className: clsx("GridLoadableCell-container", props.className) }, { children: props.isLoading ? (jsxRuntime.jsx(lui.LuiMiniSpinner, { size: 22, divProps: { role: "status", "aria-label": "Loading", style: { marginBottom: 4 } } })) : (props.children) }))); };
 
-var GridRendererGenericCell = function (props) {
-    var _a, _b, _c;
-    var checkUpdating = React.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 (jsxRuntime.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: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [typeof warningText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_info", title: infoText }), jsxRuntime.jsx("span", __assign({ title: formatted }, { children: formatted }))] }) })));
+var GridIcon = function (props) {
+    var _a;
+    return (jsxRuntime.jsx(lui.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 = React.useContext(GridUpdatingContext).checkUpdating;
     var colDef = props.colDef;
     var rendererParams = colDef.cellRendererParams;
@@ -2918,7 +2881,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) ? (jsxRuntime.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: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [typeof warningText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_info", title: infoText }), jsxRuntime.jsx(colDef.cellRendererParams.originalCellRenderer, __assign({}, props))] }) }))) : (jsxRuntime.jsx(GridRendererGenericCell, __assign({}, props)));
+    return (jsxRuntime.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: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [typeof warningText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_info", title: infoText }), jsxRuntime.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) ? (jsxRuntime.jsx(colDef.cellRendererParams.originalCellRenderer, __assign({}, props))) : (jsxRuntime.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) && (jsxRuntime.jsx("div", __assign({ style: { display: "flex", alignItems: "center" } }, { children: rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.editableIcon })))] }) })));
 };
 /*
  * All cells should use this
@@ -2949,7 +2912,10 @@ var GridCell = function (props, custom) {
 };
 var GenericCellEditorComponentWrapper = function (custom) {
     return React.forwardRef(function GenericCellEditorComponentFr(cellEditorParams, _) {
-        return (jsxRuntime.jsxs(GridPopoverContextProvider, __assign({ props: cellEditorParams }, { children: [jsxRuntime.jsx(cellEditorParams.colDef.cellRenderer, __assign({}, cellEditorParams, cellEditorParams.colDef.cellRendererParams)), (custom === null || custom === void 0 ? void 0 : custom.editor) && jsxRuntime.jsx(custom.editor, __assign({}, cellEditorParams))] })));
+        var valueFormatted = cellEditorParams.formatValue
+            ? cellEditorParams.formatValue(cellEditorParams.value)
+            : "Missing formatter";
+        return (jsxRuntime.jsxs(GridPopoverContextProvider, __assign({ props: cellEditorParams }, { children: [jsxRuntime.jsx(cellEditorParams.colDef.cellRenderer, __assign({}, cellEditorParams, { valueFormatted: valueFormatted }, cellEditorParams.colDef.cellRendererParams)), (custom === null || custom === void 0 ? void 0 : custom.editor) && jsxRuntime.jsx(custom.editor, __assign({}, cellEditorParams))] })));
     });
 };
 
@@ -3034,30 +3000,11 @@ var useGridPopoverHook = function (props) {
 };
 
 var GridRenderPopoutMenuCell = function (props) {
-    var _a, _b, _c;
-    var checkUpdating = React.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 (jsxRuntime.jsx(GridLoadableCell, __assign({ isLoading: isLoading, className: disabled ? "GridPopoutMenu-burgerDisabled" : "GridPopoutMenu-burger" }, { children: jsxRuntime.jsx(lui.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 (jsxRuntime.jsx(lui.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) {
@@ -3156,8 +3103,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 (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.error && (jsxRuntime.jsx("span", __assign({ className: "LuiTextInput-error", style: { paddingLeft: 0 } }, { children: props.error }))), props.helpText && !props.error && jsxRuntime.jsx("span", __assign({ className: "helpText" }, { children: props.helpText }))] }));
@@ -3792,9 +3766,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 });
 /**
@@ -4023,9 +3994,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);
 
@@ -4472,6 +4440,40 @@ var ActionButton = function (_a) {
                 } })) : (jsxRuntime.jsx(lui.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 = React.useRef();
+    var promiseReject = React.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) {
   try {
     var info = gen[key](arg);
@@ -24709,7 +24711,6 @@ exports.GridPopoverMessage = GridPopoverMessage;
 exports.GridPopoverTextArea = GridPopoverTextArea;
 exports.GridPopoverTextInput = GridPopoverTextInput;
 exports.GridRenderPopoutMenuCell = GridRenderPopoutMenuCell;
-exports.GridRendererGenericCell = GridRendererGenericCell;
 exports.GridSubComponentContext = GridSubComponentContext;
 exports.GridUpdatingContext = GridUpdatingContext;
 exports.GridUpdatingContextProvider = GridUpdatingContextProvider;
@@ -24747,6 +24748,7 @@ exports.findMenuOption = findMenuOption;
 exports.findMultiSelectOption = findMultiSelectOption;
 exports.findParentWithClass = findParentWithClass;
 exports.findRow = findRow;
+exports.fnOrVar = fnOrVar;
 exports.getMultiSelectOptions = getMultiSelectOptions;
 exports.hasParentClass = hasParentClass;
 exports.isFloat = isFloat;
@@ -24759,6 +24761,7 @@ exports.selectRow = selectRow;
 exports.stringByteLengthIsInvalid = stringByteLengthIsInvalid;
 exports.typeOtherInput = typeOtherInput;
 exports.typeOtherTextArea = typeOtherTextArea;
+exports.useDeferredPromise = useDeferredPromise;
 exports.useGridPopoverContext = useGridPopoverContext;
 exports.useGridPopoverHook = useGridPopoverHook;
 exports.useMenuState = useMenuState;