@linzjs/step-ag-grid 8.2.0 → 8.2.1

package/package.json

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

package/src/components/Grid.tsx

@@ -297,16 +297,6 @@ export const Grid = (params: GridProps): JSX.Element => {
     [startCellEditing],
   );
 
-  const onCellEditingStopped = useCallback(
-    (event: CellEvent) => {
-      refreshSelectedRows(event);
-      // The grid loses cell focus after editing
-      const cell = event.api.getFocusedCell();
-      cell && event.api.setFocusedCell(cell.rowIndex, cell.column);
-    },
-    [refreshSelectedRows],
-  );
-
   // When rows added or removed then resize columns
   useEffect(() => {
     if (columnDefs?.length) {
@@ -354,7 +344,6 @@ export const Grid = (params: GridProps): JSX.Element => {
         onCellClicked={onCellClicked}
         onCellDoubleClicked={onCellDoubleClick}
         onCellEditingStarted={refreshSelectedRows}
-        onCellEditingStopped={onCellEditingStopped}
         domLayout={params.domLayout}
         columnDefs={columnDefs}
         rowData={params.rowData}

package/src/components/gridForm/GridFormPopoverMenu.tsx

@@ -95,6 +95,8 @@ export const GridFormPopoverMenu = <RowType extends GridBaseRow>(props: GridForm
         setSubComponentSelected(subComponentSelected === item ? null : item);
         e.keepOpen = true;
       } else {
+        subComponentIsValid.current = true;
+        setSubSelectedValue(null);
         await updateValue(async () => actionClick(item), e.key === "Tab" ? (e.shiftKey ? -1 : 1) : 0);
       }
     },

package/src/stories/grid/GridReadOnly.stories.tsx

@@ -120,6 +120,10 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
         {
           multiEdit: true,
           editorParams: {
+            defaultAction: async ({ menuOption }) => {
+              // eslint-disable-next-line no-console
+              console.log("clicked", { menuOption });
+            },
             options: async (selectedItems) => {
               // Just doing a timeout here to demonstrate deferred loading
               await wait(500);

package/src/stories/grid/gridForm/GridFormMultiSelect.stories.tsx

@@ -22,7 +22,7 @@ const Template: ComponentStory<typeof GridFormMultiSelect> = (props) => {
       "With options",
       {
         options: [
-          { label: "One", value: 0 },
+          { label: "One", value: 0, checked: true },
           { label: "Two", value: 1 },
         ],
       },
@@ -34,7 +34,7 @@ const Template: ComponentStory<typeof GridFormMultiSelect> = (props) => {
         options: [
           { label: "One", value: 0 },
           { label: "With warning", value: 1, warning: "Test warning" },
-          { label: "Three", value: 2 },
+          { label: "Three", value: 2, checked: true },
         ],
       },
     ],