feat: use downloadSubjectTableExcel function and provide excel options in dl method

Author: david-roper

apps/web/src/hooks/useInstrumentVisualization.ts

@@ -11,6 +11,7 @@ import { useInstrument } from '@/hooks/useInstrument';
 import { useInstrumentInfoQuery } from '@/hooks/useInstrumentInfoQuery';
 import { useInstrumentRecords } from '@/hooks/useInstrumentRecords';
 import { useAppStore } from '@/store';
+import { downloadSubjectTableExcel } from '@/utils/excel';
 
 type InstrumentVisualizationRecord = {
   [key: string]: unknown;
@@ -53,7 +54,7 @@ export function useInstrumentVisualization({ params }: UseInstrumentVisualizatio
     }
   });
 
-  const dl = (option: 'CSV' | 'CSV Long' | 'JSON' | 'TSV' | 'TSV Long') => {
+  const dl = (option: 'CSV' | 'CSV Long' | 'Excel' | 'Excel Long' | 'JSON' | 'TSV' | 'TSV Long') => {
     if (!instrument) {
       notifications.addNotification({ message: t('errors.noInstrumentSelected'), type: 'error' });
       return;
@@ -157,6 +158,16 @@ export function useInstrumentVisualization({ params }: UseInstrumentVisualizatio
         });
         break;
       }
+      case 'Excel': {
+        const rows = makeWideRows();
+        downloadSubjectTableExcel(`${baseFilename}.xlsx`, rows);
+        break;
+      }
+      case 'Excel Long': {
+        const rows = makeLongRows();
+        downloadSubjectTableExcel(`${baseFilename}.xlsx`, rows);
+        break;
+      }
       case 'JSON': {
         exportRecords.map((item) => {
           item.subjectID = params.subjectId;

apps/web/src/routes/_app/datahub/$subjectId/table.tsx

@@ -38,7 +38,7 @@ const RouteComponent = () => {
               widthFull
               data-spotlight-type="export-data-dropdown"
               disabled={!instrumentId}
-              options={['TSV', 'TSV Long', 'JSON', 'CSV', 'CSV Long']}
+              options={['TSV', 'TSV Long', 'JSON', 'CSV', 'CSV Long', 'Excel', 'Excel Long']}
               title={t('core.download')}
               triggerClassName="min-w-32"
               onSelection={dl}