add autoFitColumns config to tables

This commit is contained in:
jeffvli
2025-11-12 20:46:12 -08:00
parent 8e25a7ac38
commit a7b36e75d0
7 changed files with 13 additions and 0 deletions
@@ -66,6 +66,7 @@ export interface ItemListHandle {
export type ItemListItem = Album | AlbumArtist | Artist | Playlist | Song | undefined; export type ItemListItem = Album | AlbumArtist | Artist | Playlist | Song | undefined;
export interface ItemListTableComponentProps<TQuery> extends ItemListComponentProps<TQuery> { export interface ItemListTableComponentProps<TQuery> extends ItemListComponentProps<TQuery> {
autoFitColumns?: boolean;
columns: ItemTableListColumnConfig[]; columns: ItemTableListColumnConfig[];
enableAlternateRowColors?: boolean; enableAlternateRowColors?: boolean;
enableHorizontalBorders?: boolean; enableHorizontalBorders?: boolean;
@@ -90,6 +90,7 @@ export const AlbumListView = ({
case ListPaginationType.INFINITE: { case ListPaginationType.INFINITE: {
return ( return (
<AlbumListInfiniteTable <AlbumListInfiniteTable
autoFitColumns={table.autoFitColumns}
columns={table.columns} columns={table.columns}
enableAlternateRowColors={table.enableAlternateRowColors} enableAlternateRowColors={table.enableAlternateRowColors}
enableHorizontalBorders={table.enableHorizontalBorders} enableHorizontalBorders={table.enableHorizontalBorders}
@@ -105,6 +106,7 @@ export const AlbumListView = ({
case ListPaginationType.PAGINATED: { case ListPaginationType.PAGINATED: {
return ( return (
<AlbumListPaginatedTable <AlbumListPaginatedTable
autoFitColumns={table.autoFitColumns}
columns={table.columns} columns={table.columns}
enableAlternateRowColors={table.enableAlternateRowColors} enableAlternateRowColors={table.enableAlternateRowColors}
enableHorizontalBorders={table.enableHorizontalBorders} enableHorizontalBorders={table.enableHorizontalBorders}
@@ -21,6 +21,7 @@ interface AlbumListInfiniteTableProps extends ItemListTableComponentProps<AlbumL
export const AlbumListInfiniteTable = forwardRef<any, AlbumListInfiniteTableProps>( export const AlbumListInfiniteTable = forwardRef<any, AlbumListInfiniteTableProps>(
( (
{ {
autoFitColumns = false,
columns, columns,
enableAlternateRowColors = false, enableAlternateRowColors = false,
enableHorizontalBorders = false, enableHorizontalBorders = false,
@@ -61,6 +62,7 @@ export const AlbumListInfiniteTable = forwardRef<any, AlbumListInfiniteTableProp
return ( return (
<ItemTableList <ItemTableList
autoFitColumns={autoFitColumns}
CellComponent={ItemTableListColumn} CellComponent={ItemTableListColumn}
columns={columns} columns={columns}
data={data} data={data}
@@ -22,6 +22,7 @@ interface AlbumListPaginatedTableProps extends ItemListTableComponentProps<Album
export const AlbumListPaginatedTable = forwardRef<any, AlbumListPaginatedTableProps>( export const AlbumListPaginatedTable = forwardRef<any, AlbumListPaginatedTableProps>(
( (
{ {
autoFitColumns = false,
columns, columns,
enableAlternateRowColors = false, enableAlternateRowColors = false,
enableHorizontalBorders = false, enableHorizontalBorders = false,
@@ -71,6 +72,7 @@ export const AlbumListPaginatedTable = forwardRef<any, AlbumListPaginatedTablePr
totalItemCount={totalItemCount} totalItemCount={totalItemCount}
> >
<ItemTableList <ItemTableList
autoFitColumns={autoFitColumns}
CellComponent={ItemTableListColumn} CellComponent={ItemTableListColumn}
columns={columns} columns={columns}
currentPage={currentPage} currentPage={currentPage}
@@ -85,6 +85,7 @@ export const SongListView = ({
case ListPaginationType.INFINITE: case ListPaginationType.INFINITE:
return ( return (
<SongListInfiniteTable <SongListInfiniteTable
autoFitColumns={table.autoFitColumns}
columns={table.columns} columns={table.columns}
enableAlternateRowColors={table.enableAlternateRowColors} enableAlternateRowColors={table.enableAlternateRowColors}
enableHorizontalBorders={table.enableHorizontalBorders} enableHorizontalBorders={table.enableHorizontalBorders}
@@ -99,6 +100,7 @@ export const SongListView = ({
case ListPaginationType.PAGINATED: case ListPaginationType.PAGINATED:
return ( return (
<SongListPaginatedTable <SongListPaginatedTable
autoFitColumns={table.autoFitColumns}
columns={table.columns} columns={table.columns}
enableAlternateRowColors={table.enableAlternateRowColors} enableAlternateRowColors={table.enableAlternateRowColors}
enableHorizontalBorders={table.enableHorizontalBorders} enableHorizontalBorders={table.enableHorizontalBorders}
@@ -16,6 +16,7 @@ interface SongListInfiniteTableProps extends ItemListTableComponentProps<SongLis
export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>( export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>(
( (
{ {
autoFitColumns = false,
columns, columns,
enableAlternateRowColors = false, enableAlternateRowColors = false,
enableHorizontalBorders = false, enableHorizontalBorders = false,
@@ -56,6 +57,7 @@ export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>
return ( return (
<ItemTableList <ItemTableList
autoFitColumns={autoFitColumns}
CellComponent={ItemTableListColumn} CellComponent={ItemTableListColumn}
columns={columns} columns={columns}
data={data} data={data}
@@ -17,6 +17,7 @@ interface SongListPaginatedTableProps extends ItemListTableComponentProps<SongLi
export const SongListPaginatedTable = forwardRef<any, SongListPaginatedTableProps>( export const SongListPaginatedTable = forwardRef<any, SongListPaginatedTableProps>(
( (
{ {
autoFitColumns = false,
columns, columns,
enableAlternateRowColors = false, enableAlternateRowColors = false,
enableHorizontalBorders = false, enableHorizontalBorders = false,
@@ -66,6 +67,7 @@ export const SongListPaginatedTable = forwardRef<any, SongListPaginatedTableProp
totalItemCount={totalItemCount} totalItemCount={totalItemCount}
> >
<ItemTableList <ItemTableList
autoFitColumns={autoFitColumns}
CellComponent={ItemTableListColumn} CellComponent={ItemTableListColumn}
columns={columns} columns={columns}
currentPage={currentPage} currentPage={currentPage}