jupyterlab_tabular_data_viewer_extension 1.5.11 → 1.6.2

package/lib/widget.js

@@ -503,7 +503,7 @@ export class TabularDataViewer extends Widget {
                 }
             });
             // Add click handler for row selection/highlighting (anywhere on row)
-            tr.addEventListener('click', (e) => {
+            tr.addEventListener('click', e => {
                 e.stopPropagation();
                 // If clicking the already selected row, deselect it
                 if (this._selectedRow === tr) {
@@ -891,7 +891,9 @@ export class TabularDataViewer extends Widget {
             params.append('useRegex', String(this._useRegex));
             // Use URLExt to construct proper URL
             const settings = ServerConnection.makeSettings();
-            const downloadUrl = URLExt.join(settings.baseUrl, 'jupyterlab-tabular-data-viewer-extension', 'download') + '?' + params.toString();
+            const downloadUrl = URLExt.join(settings.baseUrl, 'jupyterlab-tabular-data-viewer-extension', 'download') +
+                '?' +
+                params.toString();
             // Create temporary link and trigger download
             const link = document.createElement('a');
             link.href = downloadUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jupyterlab_tabular_data_viewer_extension",
-    "version": "1.5.11",
+    "version": "1.6.2",
     "description": "Jupyterlab extension to browse tabular data files (Parquet, Excel, CSV, TSV) with filtering and sorting capabilities",
     "keywords": [
         "jupyter",

package/src/modal.ts

@@ -574,7 +574,10 @@ export class DownloadModal extends Widget {
   /**
    * Create a format button
    */
-  private _createFormatButton(label: string, format: string): HTMLButtonElement {
+  private _createFormatButton(
+    label: string,
+    format: string
+  ): HTMLButtonElement {
     const btn = document.createElement('button');
     btn.className = 'jp-FilterModal-button';
     btn.textContent = label;

package/src/widget.ts

@@ -275,8 +275,8 @@ export class TabularDataViewer extends Widget {
    * Show download modal dialog
    */
   public showDownloadModal(): void {
-    const modal = new DownloadModal(
-      (format: string) => this.downloadFilteredData(format)
+    const modal = new DownloadModal((format: string) =>
+      this.downloadFilteredData(format)
     );
     modal.show();
   }
@@ -416,9 +416,13 @@ export class TabularDataViewer extends Widget {
           // Filter input is empty but filter is still active - clear it
           delete this._filters[col.name];
           // Also clear the filter button active state if it's a multi-select filter
-          const filterButton = filterInput.parentElement?.querySelector('.jp-TabularDataViewer-filterButton');
+          const filterButton = filterInput.parentElement?.querySelector(
+            '.jp-TabularDataViewer-filterButton'
+          );
           if (filterButton) {
-            filterButton.classList.remove('jp-TabularDataViewer-filterButton-active');
+            filterButton.classList.remove(
+              'jp-TabularDataViewer-filterButton-active'
+            );
           }
           // Reload data without the filter
           this._loadData(true);
@@ -593,7 +597,7 @@ export class TabularDataViewer extends Widget {
       });
 
       // Add click handler for row selection/highlighting (anywhere on row)
-      tr.addEventListener('click', (e) => {
+      tr.addEventListener('click', e => {
         e.stopPropagation();
 
         // If clicking the already selected row, deselect it
@@ -603,7 +607,9 @@ export class TabularDataViewer extends Widget {
         } else {
           // Remove highlight from previously selected row
           if (this._selectedRow) {
-            this._selectedRow.classList.remove('jp-TabularDataViewer-row-selected');
+            this._selectedRow.classList.remove(
+              'jp-TabularDataViewer-row-selected'
+            );
           }
 
           // Highlight the new row
@@ -1110,7 +1116,9 @@ export class TabularDataViewer extends Widget {
    * Download filtered and sorted data
    * @param format - Download format: 'original', 'xlsx', or 'csv'
    */
-  public async downloadFilteredData(format: string = 'original'): Promise<void> {
+  public async downloadFilteredData(
+    format: string = 'original'
+  ): Promise<void> {
     try {
       // Build download URL with current filters and sorting
       const params = new URLSearchParams();
@@ -1134,11 +1142,14 @@ export class TabularDataViewer extends Widget {
 
       // Use URLExt to construct proper URL
       const settings = ServerConnection.makeSettings();
-      const downloadUrl = URLExt.join(
-        settings.baseUrl,
-        'jupyterlab-tabular-data-viewer-extension',
-        'download'
-      ) + '?' + params.toString();
+      const downloadUrl =
+        URLExt.join(
+          settings.baseUrl,
+          'jupyterlab-tabular-data-viewer-extension',
+          'download'
+        ) +
+        '?' +
+        params.toString();
 
       // Create temporary link and trigger download
       const link = document.createElement('a');

package/style/base.css

@@ -163,7 +163,7 @@
 
 .jp-TabularDataViewer-columnName {
   color: var(--jp-ui-font-color1);
-  font-size: calc(var(--jp-ui-font-size1) * 1.10);
+  font-size: calc(var(--jp-ui-font-size1) * 1.1);
   margin-bottom: 2px;
   word-break: break-word;
 }
@@ -267,15 +267,27 @@
 
 /* Selected row highlighting */
 .jp-TabularDataViewer-row-selected {
-  background-color: color-mix(in srgb, var(--jp-brand-color1) 10%, transparent) !important;
+  background-color: color-mix(
+    in srgb,
+    var(--jp-brand-color1) 10%,
+    transparent
+  ) !important;
 }
 
 .jp-TabularDataViewer-row-selected .jp-TabularDataViewer-cell {
-  background-color: color-mix(in srgb, var(--jp-brand-color1) 10%, transparent) !important;
+  background-color: color-mix(
+    in srgb,
+    var(--jp-brand-color1) 10%,
+    transparent
+  ) !important;
 }
 
 .jp-TabularDataViewer-row-selected .jp-TabularDataViewer-rowNumberCell {
-  background-color: color-mix(in srgb, var(--jp-brand-color1) 20%, var(--jp-layout-color2)) !important;
+  background-color: color-mix(
+    in srgb,
+    var(--jp-brand-color1) 20%,
+    var(--jp-layout-color2)
+  ) !important;
 }
 
 .jp-TabularDataViewer-cell:last-child {
@@ -756,7 +768,6 @@
   border-color: var(--jp-border-color1);
 }
 
-
 /* Download Modal - Format Buttons */
 .jp-FilterModal-buttons {
   display: flex;