update code to hightable 0.19.0

Author: severo

src/components/Cell/Cell.tsx

@@ -42,11 +42,11 @@ export default function CellView({ source, row, col }: CellProps) {
         setProgress(0.75)
         const df = parquetDataFrame(from, metadata)
 
-        const columnName = df.header[col]
+        const columnName = df.columnDescriptors[col]?.name
         if (columnName === undefined) {
           throw new Error(`Column name missing at index col=${col}`)
         }
-        await df.fetch({ rowStart: row, rowEnd: row + 1, columns: [columnName] })
+        await df.fetch?.({ rowStart: row, rowEnd: row + 1, columns: [columnName] })
         const cell = df.getCell({ row, column: columnName })
         const text = cell === undefined ? UNLOADED_CELL_PLACEHOLDER : stringify(cell.value)
         setText(text)

src/components/CellPanel/CellPanel.tsx

@@ -58,7 +58,7 @@ export default function CellPanel({ df, row, col, setProgress, setError, onClose
       try {
         setProgress(0.5)
 
-        const columnName = df.header[col]
+        const columnName = df.columnDescriptors[col]?.name
         if (columnName === undefined) {
           throw new Error(`Column name missing at index col=${col}`)
         }
@@ -67,7 +67,7 @@ export default function CellPanel({ df, row, col, setProgress, setError, onClose
           fillContent(undefined)
           return
         }
-        await df.fetch({ rowStart: row, rowEnd: row + 1, columns: [columnName] })
+        await df.fetch?.({ rowStart: row, rowEnd: row + 1, columns: [columnName] })
         cell = df.getCell({ row, column: columnName })
         if (cell === undefined) {
           throw new Error(`Cell at row=${row}, column=${columnName} is undefined`)
@@ -85,7 +85,7 @@ export default function CellPanel({ df, row, col, setProgress, setError, onClose
 
   const headers = <>
     <SlideCloseButton onClick={onClose} />
-    <span>column: {df.header[col]}</span>
+    <span>column: {df.columnDescriptors[col]?.name}</span>
     <span>row: {row + 1}</span>
   </>
 

src/components/ParquetView/ParquetView.tsx

@@ -82,7 +82,7 @@ export default function ParquetView({ source, setProgress, setError }: ViewerPro
       if (cell?.col === col && cell.row === row) {
         return undefined
       }
-      const columnName = content?.dataframe.header[col]
+      const columnName = content?.dataframe.columnDescriptors[col]?.name
       if (columnName === undefined || !content?.dataframe.getCell({ row, column: columnName })) {
         // don't open the cell panel until it has loaded
         return undefined