feat: Add selectable option to grid

linz · Oct 26, 2022 · f0d8bae · f0d8bae
1 parent 22f1365
commit f0d8bae
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 15 deletions.
diff --git a/src/components/Grid.tsx b/src/components/Grid.tsx
@@ -19,6 +19,7 @@ export interface GridBaseRow {
 }
 
 export interface GridProps {
+  selectable?: boolean;
   dataTestId?: string;
   quickFilter?: boolean;
   quickFilterPlaceholder?: string;
@@ -111,21 +112,24 @@ export const Grid = (params: GridProps): JSX.Element => {
   }, [synchroniseExternallySelectedItemsToGrid]);
 
   const columnDefs = useMemo(
-    (): GridOptions["columnDefs"] => [
-      {
-        colId: "selection",
-        editable: false,
-        initialWidth: 35,
-        minWidth: 35,
-        maxWidth: 35,
-        suppressSizeToFit: true,
-        checkboxSelection: true,
-        headerComponent: GridHeaderSelect,
-        onCellClicked: clickSelectorCheckboxWhenContainingCellClicked,
-      },
-      ...(params.columnDefs as ColDef[]),
-    ],
-    [clickSelectorCheckboxWhenContainingCellClicked, params.columnDefs],
+    (): GridOptions["columnDefs"] =>
+      params.selectable
+        ? [
+            {
+              colId: "selection",
+              editable: false,
+              initialWidth: 35,
+              minWidth: 35,
+              maxWidth: 35,
+              suppressSizeToFit: true,
+              checkboxSelection: true,
+              headerComponent: GridHeaderSelect,
+              onCellClicked: clickSelectorCheckboxWhenContainingCellClicked,
+            },
+            ...(params.columnDefs as ColDef[]),
+          ]
+        : [...(params.columnDefs as ColDef[])],
+    [clickSelectorCheckboxWhenContainingCellClicked, params.columnDefs, params.selectable],
   );
 
   const onGridReady = useCallback(

diff --git a/src/stories/components/GridPopoutBearing.stories.tsx b/src/stories/components/GridPopoutBearing.stories.tsx
@@ -89,6 +89,7 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
   return (
     <Grid
       {...props}
+      selectable={true}
       externalSelectedItems={externalSelectedItems}
       setExternalSelectedItems={setExternalSelectedItems}
       columnDefs={columnDefs}

diff --git a/src/stories/components/GridPopoutEditDropDown.stories.tsx b/src/stories/components/GridPopoutEditDropDown.stories.tsx
@@ -163,6 +163,7 @@ const GridEditDropDownTemplate: ComponentStory<typeof Grid> = (props: GridProps)
   return (
     <Grid
       {...props}
+      selectable={true}
       externalSelectedItems={externalSelectedItems}
       setExternalSelectedItems={setExternalSelectedItems}
       columnDefs={columnDefs}

diff --git a/src/stories/components/GridPopoutEditGeneric.stories.tsx b/src/stories/components/GridPopoutEditGeneric.stories.tsx
@@ -65,6 +65,7 @@ const GridPopoutEditGenericTemplate: ComponentStory<typeof Grid> = (props: GridP
   return (
     <Grid
       {...props}
+      selectable={true}
       externalSelectedItems={externalSelectedItems}
       setExternalSelectedItems={setExternalSelectedItems}
       columnDefs={columnDefs}

diff --git a/src/stories/components/GridPopoutEditGenericTextArea.stories.tsx b/src/stories/components/GridPopoutEditGenericTextArea.stories.tsx
@@ -95,6 +95,7 @@ const GridPopoutEditGenericTemplate: ComponentStory<typeof Grid> = (props: GridP
   return (
     <Grid
       {...props}
+      selectable={true}
       externalSelectedItems={externalSelectedItems}
       setExternalSelectedItems={setExternalSelectedItems}
       columnDefs={columnDefs}

diff --git a/src/stories/components/GridPopoutEditMultiSelect.stories.tsx b/src/stories/components/GridPopoutEditMultiSelect.stories.tsx
@@ -100,6 +100,7 @@ const GridEditMultiSelectTemplate: ComponentStory<typeof Grid> = (props: GridPro
   return (
     <Grid
       {...props}
+      selectable={true}
       externalSelectedItems={externalSelectedItems}
       setExternalSelectedItems={setExternalSelectedItems}
       columnDefs={columnDefs}

diff --git a/src/stories/components/GridReadOnly.stories.tsx b/src/stories/components/GridReadOnly.stories.tsx
@@ -138,6 +138,7 @@ const GridReadOnlyTemplate: ComponentStory<typeof Grid> = (props: GridProps) =>
   return (
     <Grid
       {...props}
+      selectable={false}
       externalSelectedItems={externalSelectedItems}
       setExternalSelectedItems={setExternalSelectedItems}
       columnDefs={columnDefs}