chore: remove height props

Author: rsbh

packages/raystack/components/data-table/components/virtualized-content.tsx

@@ -159,7 +159,6 @@ const DefaultEmptyComponent = () => (
 );
 
 export function VirtualizedContent({
-  height = '100%',
   rowHeight = 40,
   groupHeaderHeight,
   overscan = 5,
@@ -220,7 +219,6 @@ export function VirtualizedContent({
     <div
       ref={scrollContainerRef}
       className={cx(classNames.root, styles.scrollContainer)}
-      style={{ height }}
       onScroll={handleVirtualScroll}
     >
       <div role='table' className={cx(styles.virtualTable, classNames.table)}>

packages/raystack/components/data-table/data-table.module.css

@@ -81,6 +81,7 @@
   overflow-y: auto;
   overflow-x: auto;
   position: relative;
+  height: 100%;
 }
 
 .stickyHeader {

packages/raystack/components/data-table/data-table.types.tsx

@@ -128,8 +128,6 @@ export type DataTableContentBaseProps = {
 export type DataTableContentProps = DataTableContentBaseProps;
 
 export type VirtualizedContentProps = DataTableContentBaseProps & {
-  /** Height of the scroll container. */
-  height?: number | string;
   /** Height of each row in pixels. */
   rowHeight?: number;
   /** Height of group header rows in pixels. Falls back to rowHeight if not set. */