@linzjs/step-ag-grid 6.0.0 → 6.1.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "keywords": [
     "aggrid",
     "ag-grid",

package/src/react-menu3/components/ControlledMenu.tsx

@@ -131,20 +131,19 @@ export const ControlledMenuFr = (
       let inputEls: HTMLElement[] = [];
       inputElsIterator.forEach((el) => inputEls.push(el));
       inputEls = inputEls.filter((el) => !(el as any).disabled);
-
       if (inputEls.length === 0) return;
       const firstInputEl = inputEls[0];
       const lastInputEl = inputEls[inputEls.length - 1];
       if (activeElement !== firstInputEl && activeElement !== lastInputEl) return;
 
-      const suppressAutoSaveEvents = activeElement.getAttribute("data-suppressAutoSaveEvents");
+      const isTextArea = activeElement.nodeName === "TEXTAREA";
+      const suppressEnterAutoSave = activeElement.getAttribute("data-disableEnterAutoSave") || isTextArea;
       const invokeSave = (reason: string) => {
-        if (!saveButtonRef?.current || suppressAutoSaveEvents) return;
+        if (!saveButtonRef?.current) return;
         saveButtonRef.current?.setAttribute("data-reason", reason);
         saveButtonRef?.current?.click();
       };
 
-      const isTextArea = activeElement.nodeName === "TEXTAREA";
       switch (activeElement.nodeName) {
         case "TEXTAREA":
         case "INPUT": {
@@ -160,7 +159,7 @@ export const ControlledMenuFr = (
                   invokeSave(ev.shiftKey ? CloseReason.TAB_BACKWARD : CloseReason.TAB_FORWARD);
               }
             }
-            if (ev.key === "Enter" && !isTextArea) {
+            if (ev.key === "Enter" && !suppressEnterAutoSave) {
               ev.preventDefault();
               ev.stopPropagation();
               if (isDown) {
@@ -181,7 +180,7 @@ export const ControlledMenuFr = (
                 lastTabDownEl.current == activeElement && invokeSave(CloseReason.TAB_FORWARD);
               }
             }
-            if (ev.key === "Enter" && !isTextArea) {
+            if (ev.key === "Enter" && !suppressEnterAutoSave) {
               ev.preventDefault();
               ev.stopPropagation();
               if (isDown) {

package/src/stories/grid/FormTest.tsx

@@ -98,9 +98,13 @@ export const FormTest = (props: CellEditorCommon): JSX.Element => {
             <LuiTextInput label={"Number"} value={numba} onChange={(e) => setNumba(e.target.value)} />
           </div>
           <div style={{ marginTop: 25 }}>
-            <LuiButton style={{ height: 48 }} onClick={() => setShowModal(true)}>
-              Show Modal
-            </LuiButton>
+            <input
+              data-disableEnterAutoSave
+              type="button"
+              style={{ height: 48 }}
+              onClick={() => setShowModal(true)}
+              value="Show Modal"
+            />
           </div>
         </div>
         <FormError error={invalid()} />