From 093388c46f0433707601a7ee9aa0859d4a78fcf6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Ram=C3=ADrez?= <carlosarg54@gmail.com>
Date: Mon, 10 Jul 2023 00:48:19 -0700
Subject: [PATCH] Add rowHeight prop to Datagrid component (#3888)

* Add rowHeight prop to Datagrid component

* Add changeset
---
 .changeset/curly-pears-end.md        | 5 +++++
 src/components/Datagrid/Datagrid.tsx | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/curly-pears-end.md

diff --git a/.changeset/curly-pears-end.md b/.changeset/curly-pears-end.md
new file mode 100644
index 000000000..df195ec77
--- /dev/null
+++ b/.changeset/curly-pears-end.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": minor
+---
+
+Add rowHeight prop to Datagrid component
diff --git a/src/components/Datagrid/Datagrid.tsx b/src/components/Datagrid/Datagrid.tsx
index 8a0653e11..58c1c5021 100644
--- a/src/components/Datagrid/Datagrid.tsx
+++ b/src/components/Datagrid/Datagrid.tsx
@@ -105,6 +105,7 @@ export interface DatagridProps {
   columnSelect?: DataEditorProps["columnSelect"];
   showEmptyDatagrid?: boolean;
   rowAnchor?: (item: Item) => string;
+  rowHeight?: number | ((index: number) => number);
   actionButtonPosition?: "left" | "right";
   recentlyAddedColumn?: string; // Enables scroll to recently added column
 }
@@ -139,6 +140,7 @@ export const Datagrid: React.FC<DatagridProps> = ({
   onRowSelectionChange,
   actionButtonPosition = "left",
   recentlyAddedColumn,
+  rowHeight = cellHeight,
   ...datagridProps
 }): ReactElement => {
   const classes = useStyles({ actionButtonPosition });
@@ -523,7 +525,7 @@ export const Datagrid: React.FC<DatagridProps> = ({
                   onItemHovered={handleRowHover}
                   getRowThemeOverride={handleGetThemeOverride}
                   gridSelection={selection}
-                  rowHeight={cellHeight}
+                  rowHeight={rowHeight}
                   headerHeight={cellHeight}
                   ref={editor}
                   onPaste