@linzjs/step-ag-grid 7.9.0 → 7.10.1

package/package.json

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

package/src/components/Grid.tsx

@@ -33,6 +33,7 @@ export interface GridProps {
   postSortRows?: GridOptions["postSortRows"];
   animateRows?: boolean;
   rowClassRules?: GridOptions["rowClassRules"];
+  rowSelection?: "single" | "multiple";
 }
 
 /**
@@ -218,7 +219,12 @@ export const Grid = (params: GridProps): JSX.Element => {
     const editAction = e.colDef?.cellRendererParams?.editAction;
     if (!editAction) return false;
     const editable = fnOrVar(e.colDef?.editable, e);
-    editable && editAction([e.data, ...e.api.getSelectedRows().filter((row) => row.id !== e.data.id)]);
+    if (editable) {
+      if (!e.node.isSelected()) {
+        e.node.setSelected(true, true);
+      }
+      editAction([e.data, ...e.api.getSelectedRows().filter((row) => row.id !== e.data.id)]);
+    }
     return true;
   };
 
@@ -273,7 +279,7 @@ export const Grid = (params: GridProps): JSX.Element => {
         defaultColDef={params.defaultColDef}
         getRowId={(params) => `${params.data.id}`}
         suppressRowClickSelection={true}
-        rowSelection={"multiple"}
+        rowSelection={params.rowSelection ?? "multiple"}
         suppressBrowserResizeObserver={true}
         colResizeDefault={"shift"}
         onFirstDataRendered={sizeColumnsToFit}

package/src/stories/grid/GridPopoutBearing.stories.tsx

@@ -88,7 +88,7 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
     { id: 1001, bearing: "0E-12", bearingCorrection: 240 },
     { id: 1002, bearing: null, bearingCorrection: 355.1 },
     { id: 1003, bearing: null, bearingCorrection: 0 },
-    { id: 1004, bearing: 5.0, bearingCorrection: 50.0 },
+    { id: 1004, bearing: 5.0, bearingCorrection: "1.00500" },
   ] as ITestRow[]);
 
   return (

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

@@ -25,6 +25,7 @@ export default {
     quickFilterValue: "",
     quickFilterPlaceholder: "Quick filter...",
     selectable: false,
+    rowSelection: "single",
   },
   decorators: [
     (Story) => (
@@ -105,7 +106,7 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
             <GridIcon icon={"ic_launch_modal"} title={"Title text"} className={"GridCell-editableIcon"} />
           ),
           editAction: (selectedRows) => {
-            alert(`Custom edit ${selectedRows.length} row(s) selected`);
+            alert(`Custom edit ${selectedRows.map((r) => r.id)} rowId(s) selected`);
           },
           shortcutKeys: {
             e: () => {
@@ -126,7 +127,7 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
                 {
                   label: "Single edit only",
                   action: async (selectedRows) => {
-                    alert(`Single-edit: ${selectedRows.length} rows`);
+                    alert(`Single-edit: ${selectedRows.map((r) => r.id)} rowId(s) selected`);
                     await wait(1500);
                   },
                   disabled: selectedItems.length > 1,
@@ -134,7 +135,7 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
                 {
                   label: "Multi-edit",
                   action: async (selectedRows) => {
-                    alert(`Multi-edit: ${selectedRows.length} rows`);
+                    alert(`Multi-edit: ${selectedRows.map((r) => r.id)} rowId(s) selected`);
                     await wait(1500);
                   },
                 },
@@ -208,4 +209,4 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
   );
 };
 
-export const ReadOnly = GridReadOnlyTemplate.bind({});
+export const ReadOnlySingleSelection = GridReadOnlyTemplate.bind({});

package/src/utils/bearing.ts

@@ -14,7 +14,7 @@ export const bearingCorrectionValueFormatter = (params: ValueFormatterParams): s
     return "–";
   }
   if (typeof value === "string") {
-    return convertDDToDMS(bearingNumberParser(value), true, true);
+    return convertDDToDMS(bearingNumberParser(value), true, false);
   }
   return convertDDToDMS(value, true, false);
 };