feat: liquidity table headers collapsible

libs/liquidity/src/lib/liquidity-table.spec.tsx

@@ -50,19 +50,9 @@ describe('LiquidityTable', () => {
       undefined,
       'Party',
       'Commitment ()',
-      'Obligation',
-      'Fee',
-      'Adjusted stake share',
-      'Share',
-      'Live supplied liquidity',
       'Live time fraction on book',
-      'Live liquidity quality score (%)',
       'Last time fraction on the book',
-      'Last fee penalty',
-      'Last bond penalty',
       'Status',
-      'Created',
-      'Updated',
     ];
     expect(headers).toHaveLength(expectedHeaders.length);
     expect(headerTexts).toEqual(expectedHeaders);

libs/liquidity/src/lib/liquidity-table.tsx

@@ -147,6 +147,7 @@ export const LiquidityTable = ({
             ),
             valueFormatter: stakeToCcyVolumeQuantumFormatter,
             tooltipValueGetter: stakeToCcyVolumeFormatter,
+            columnGroupShow: 'open',
           },
           {
             headerName: t('Fee'),
@@ -156,6 +157,7 @@ export const LiquidityTable = ({
             field: 'fee',
             type: 'rightAligned',
             valueFormatter: percentageFormatter,
+            columnGroupShow: 'open',
           },
           {
             headerName: t('Adjusted stake share'),
@@ -165,6 +167,7 @@ export const LiquidityTable = ({
 
             valueFormatter: assetDecimalsQuantumFormatter,
             tooltipValueGetter: assetDecimalsFormatter,
+            columnGroupShow: 'open',
           },
           {
             headerName: t(`Share`),
@@ -174,6 +177,7 @@ export const LiquidityTable = ({
               'The equity-like share of liquidity of the market used to determine allocation of LP fees. Calculated based on share of total liquidity, with a premium added for length of commitment.'
             ),
             valueFormatter: percentageFormatter,
+            columnGroupShow: 'open',
           },
         ],
       },
@@ -190,6 +194,7 @@ export const LiquidityTable = ({
             ),
             valueFormatter: stakeToCcyVolumeQuantumFormatter,
             tooltipValueGetter: stakeToCcyVolumeFormatter,
+            columnGroupShow: 'open',
           },
           {
             headerName: t(`Live time fraction on book`),
@@ -204,6 +209,7 @@ export const LiquidityTable = ({
             type: 'rightAligned',
             headerTooltip: t('The average score of the liquidity provider.'),
             valueFormatter: percentageFormatter,
+            columnGroupShow: 'open',
           },
         ],
       },
@@ -224,6 +230,7 @@ export const LiquidityTable = ({
             type: 'rightAligned',
             headerTooltip: t('Last epoch fee penalty.'),
             valueFormatter: percentageFormatter,
+            columnGroupShow: 'open',
           },
           {
             headerName: t(`Last bond penalty`),
@@ -231,6 +238,7 @@ export const LiquidityTable = ({
             type: 'rightAligned',
             headerTooltip: t('Last epoch bond penalty.'),
             valueFormatter: percentageFormatter,
+            columnGroupShow: 'open',
           },
         ],
       },