@linzjs/step-ag-grid 32.0.0 → 32.1.1

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

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { LuiMiniSpinner, LuiIcon, useShowLUIMessage, LuiStatusSpinner, LuiButtonGroup, LuiButton, LuiCheckboxInput } from '@linzjs/lui';
 import React13, { forwardRef, useContext, useRef, useState, useImperativeHandle, useLayoutEffect, useCallback, useMemo, createContext, memo, useEffect, createElement, Suspense, Component as Component$1, useReducer, cloneElement, Fragment as Fragment$1, useId } from 'react';
 import ReactDOM, { createPortal, unstable_batchedUpdates, flushSync } from 'react-dom';
-import { negate, isEmpty, findIndex, defer, debounce as debounce$1, compact, xorBy, last, difference, delay, omit, sortBy, partition, pick, groupBy, fromPairs, toPairs, isEqual, pull, filter, sumBy, remove, flatten, castArray } from 'lodash-es';
+import { negate, isEmpty, findIndex, defer, debounce as debounce$1, compact, xorBy, last, difference, omit, delay, sortBy, partition, pick, groupBy, fromPairs, toPairs, isEqual, pull, filter, sumBy, remove, flatten, castArray } from 'lodash-es';
 import { createRoot } from 'react-dom/client';
 
 /**
@@ -61423,9 +61423,11 @@ maxInitialWidth,
         }
         else {
             const colDefEditable = colDef.editable;
-            const editable = combineEditables(params.loading !== true && params.readOnly !== true, params.defaultColDef?.editable, colDefEditable);
+            const ignoreGridReadOnly = colDef.ignoreGridReadOnly === true;
+            const editable = combineEditables(params.loading !== true, ignoreGridReadOnly ? true : params.readOnly !== true, params.defaultColDef?.editable, colDefEditable);
             return {
-                ...colDef,
+                // ag-grid warns on unrecognised colDef properties, so it can't be left on the returned colDef
+                ...omit(colDef, 'ignoreGridReadOnly'),
                 editable,
                 cellClassRules: {
                     ...colDef.cellClassRules,
@@ -63799,7 +63801,11 @@ const GridFormPopoverMenu = (props) => {
         invalid: () => subComponentSelected && !subComponentIsValid.current,
         save,
     });
-    return popoverWrapper(jsx(ComponentLoadingWrapper, { loading: !options, className: 'GridFormPopupMenu', children: jsx(Fragment, { children: isEmpty(options) ? (jsx(MenuItem, { className: 'GridPopoverMenu-noOptions', disabled: true, children: "No actions" }, `GridPopoverMenu-empty`)) : (options?.map((item, index) => item.label === '__isMenuSeparator__' ? (jsx(MenuDivider, {}, `$$divider_${index}`)) : (!item.hidden && (jsxs(Fragment$1, { children: [item.subMenu ? (jsx(SubMenu, { disabled: !!item.disabled, label: item.label, title: item.disabled && typeof item.disabled !== 'boolean' ? item.disabled : '', children: jsx(item.subMenu, {}) })) : (jsx(MenuItem, { onClick: (e) => void onMenuItemClick(e, item), disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== 'boolean' ? item.disabled : '', children: item.label })), item.subComponent && subComponentSelected === item && (jsx(FocusableItem, { className: 'LuiDeprecatedForms', children: () => (jsx(GridSubComponentContext.Provider, { value: {
+    // isEmpty(options) alone isn't enough: options can be a non-empty array where every item is
+    // hidden (e.g. all actions unavailable in a given mode), which must also show "No actions"
+    // rather than rendering an empty menu body.
+    const hasVisibleOption = options?.some((item) => !item.hidden && item.label !== __isMenuSeparator__);
+    return popoverWrapper(jsx(ComponentLoadingWrapper, { loading: !options, className: 'GridFormPopupMenu', children: jsx(Fragment, { children: !hasVisibleOption ? (jsx(MenuItem, { className: 'GridPopoverMenu-noOptions', disabled: true, children: "No actions" }, `GridPopoverMenu-empty`)) : (options?.map((item, index) => item.label === '__isMenuSeparator__' ? (jsx(MenuDivider, {}, `$$divider_${index}`)) : (!item.hidden && (jsxs(Fragment$1, { children: [item.subMenu ? (jsx(SubMenu, { disabled: !!item.disabled, label: item.label, title: item.disabled && typeof item.disabled !== 'boolean' ? item.disabled : '', children: jsx(item.subMenu, {}) })) : (jsx(MenuItem, { onClick: (e) => void onMenuItemClick(e, item), disabled: !!item.disabled, title: item.disabled && typeof item.disabled !== 'boolean' ? item.disabled : '', children: item.label })), item.subComponent && subComponentSelected === item && (jsx(FocusableItem, { className: 'LuiDeprecatedForms', children: () => (jsx(GridSubComponentContext.Provider, { value: {
                                 context: {},
                                 data,
                                 value: subSelectedValue,
@@ -64050,8 +64056,13 @@ const BooleanCellRenderer = (props) => {
             return;
         }
         const cell = eGridCell?.querySelector('.ag-cell-focus .grid-edit-boolean input.ag-checkbox-input:not(:disabled)');
-        if (cell && cell.ownerDocument.activeElement !== cell) {
-            cell.focus();
+        if (cell) {
+            // When you redraw a cell the activeElement moves to the cell div away from input
+            // Refocus here if the cell div is active back to the input
+            const activeElement = cell.ownerDocument.activeElement;
+            if (activeElement && activeElement.getAttribute('role') === 'gridcell' && activeElement !== cell) {
+                cell.focus();
+            }
         }
     });
     return (jsx("div", { className: clsx('grid-edit-boolean ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper', {
@@ -64168,6 +64179,9 @@ const GridPopoverMenu = (colDef, custom) => GridCell({
     editable: colDef.editable != null ? colDef.editable : true,
     exportable: false,
     cellStyle: { flex: 1, justifyContent: 'center' },
+    suppressMovable: true,
+    lockPosition: 'right',
+    resizable: false,
     cellRenderer: GridRenderPopoutMenuCell,
     // Menus open on single click, this parameter is picked up in Grid.tsx
     singleClickEdit: true,