@rebasepro/ui 0.2.3 → 0.3.0

package/src/components/VirtualTable/VirtualTableProps.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { FilterFormFieldProps } from "./VirtualTableHeader";
 
-export type OnRowClickParams<T extends Record<string, any>> = {
+export type OnRowClickParams<T extends Record<string, unknown>> = {
     rowData: T;
     rowIndex: number;
     event: React.SyntheticEvent
@@ -13,7 +13,7 @@ export type OnRowClickParams<T extends Record<string, any>> = {
  * @see Table
  * @group Components
  */
-export interface VirtualTableProps<T extends Record<string, any>> {
+export interface VirtualTableProps<T extends Record<string, unknown>> {
 
     /**
      * Array of arbitrary data
@@ -77,13 +77,13 @@ export interface VirtualTableProps<T extends Record<string, any>> {
     /**
      * In case this table should have some filters set by default
      */
-    filter?: VirtualTableFilterValues<any>;
+    filter?: VirtualTableFilterValues<string>;
 
     /**
      * Callback used when filters are updated
      * @param filter
      */
-    onFilterUpdate?: (filter?: VirtualTableFilterValues<any> | undefined) => void;
+    onFilterUpdate?: (filter?: VirtualTableFilterValues<string> | undefined) => void;
 
     /**
      * Callback when the table is scrolled
@@ -137,7 +137,7 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * Callback to create a filter field, displayed in the header as a dropdown
      * @param props
      */
-    createFilterField?: (props: FilterFormFieldProps<any>) => React.ReactNode;
+    createFilterField?: (props: FilterFormFieldProps<unknown>) => React.ReactNode;
 
     /**
      * Class name applied to the table
@@ -174,11 +174,11 @@ export interface VirtualTableProps<T extends Record<string, any>> {
     /**
      * Extra data passed to the cell renderer
      */
-    extraData?: any;
+    extraData?: unknown;
 
 }
 
-export type CellRendererParams<T = any> = {
+export type CellRendererParams<T = unknown> = {
     column: VirtualTableColumn;
     columns: VirtualTableColumn[];
     columnIndex: number;
@@ -189,18 +189,18 @@ export type CellRendererParams<T = any> = {
     // Sortable props for dnd-kit integration
     sortableNodeRef?: (node: HTMLElement | null) => void;
     sortableStyle?: React.CSSProperties;
-    sortableAttributes?: Record<string, any>;
+    sortableAttributes?: Record<string, unknown>;
     isDragging?: boolean;
     isDraggable?: boolean;
     frozen?: boolean;
-    extraData?: any;
+    extraData?: unknown;
 };
 
 /**
  * @see Table
  * @group Components
  */
-export interface VirtualTableColumn<CustomProps = any> {
+export interface VirtualTableColumn<CustomProps = unknown> {
 
     /**
      * Data key for the cell value, could be "a.b.c"
@@ -284,7 +284,7 @@ export type VirtualTableSort = "asc" | "desc" | undefined;
  * @see Table
  * @group Components
  */
-export type VirtualTableFilterValues<Key extends string> = Partial<Record<Key, [VirtualTableWhereFilterOp, any]>>;
+export type VirtualTableFilterValues<Key extends string> = Partial<Record<Key, [VirtualTableWhereFilterOp, unknown]>>;
 
 /**
  * Filter conditions in a `Query.where()` clause are specified using the

package/src/components/VirtualTable/VirtualTableRow.tsx

@@ -4,8 +4,8 @@ import { deepEqual as equal } from "fast-equals"
 
 import { VirtualTableRowProps } from "./types";
 import { cls } from "../../util/cls";
-export const VirtualTableRow = React.memo<VirtualTableRowProps<any>>(
-    function VirtualTableRow<T>({
+export const VirtualTableRow = React.memo<VirtualTableRowProps<Record<string, unknown>>>(
+    function VirtualTableRow<T extends Record<string, unknown>>({
         rowData,
         rowIndex,
         children,

package/src/components/VirtualTable/types.tsx

@@ -9,12 +9,12 @@ import {
 } from "./VirtualTableProps";
 import { FilterFormFieldProps } from "./VirtualTableHeader";
 
-export type VirtualTableRowProps<T> = {
-    style: any,
+export type VirtualTableRowProps<T extends Record<string, unknown>> = {
+    style: React.CSSProperties,
     rowHeight: number,
     rowData: T;
     rowIndex: number;
-    onRowClick?: (props: OnRowClickParams<any>) => void;
+    onRowClick?: (props: OnRowClickParams<Record<string, unknown>>) => void;
     children: React.ReactNode[];
     columns: VirtualTableColumn[];
     hoverRow?: boolean;
@@ -28,20 +28,20 @@ export type VirtualTableContextProps<T> = {
     columns: VirtualTableColumn[];
     cellRenderer: React.ComponentType<CellRendererParams<T>>;
     currentSort: "asc" | "desc" | undefined;
-    filter?: VirtualTableFilterValues<any>;
-    onRowClick?: (props: OnRowClickParams<any>) => void;
-    onColumnSort: (key: string) => any;
+    filter?: VirtualTableFilterValues<string>;
+    onRowClick?: (props: OnRowClickParams<Record<string, unknown>>) => void;
+    onColumnSort: (key: string) => void;
     onColumnResize: (params: OnVirtualTableColumnResizeParams) => void;
     onColumnResizeEnd: (params: OnVirtualTableColumnResizeParams) => void;
-    onFilterUpdate: (column: VirtualTableColumn, filterForProperty?: [VirtualTableWhereFilterOp, any]) => void;
+    onFilterUpdate: (column: VirtualTableColumn, filterForProperty?: [VirtualTableWhereFilterOp, unknown]) => void;
     sortByProperty?: string;
     customView?: React.ReactNode,
     hoverRow: boolean;
-    createFilterField?: (props: FilterFormFieldProps<any>) => React.ReactNode;
+    createFilterField?: (props: FilterFormFieldProps<unknown>) => React.ReactNode;
     rowClassName?: (rowData: T) => string | undefined;
     endAdornment?: React.ReactNode;
     AddColumnComponent?: React.ComponentType;
     onColumnsOrderChange?: (columns: VirtualTableColumn[]) => void;
     draggingColumnId?: string | null;
-    extraData?: Record<string, any>;
+    extraData?: unknown;
 };

package/src/hooks/useDebounceCallback.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useRef } from "react";
 
-export function useDebounceCallback<T extends (...args: any[]) => any>(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useDebounceCallback<T extends (...args: any[]) => unknown>(
     callback?: T,
     delay?: number
 ): T {

package/src/index.css

@@ -117,7 +117,7 @@
 }
 
 .typography-button {
-    @apply text-sm font-semibold;
+    @apply text-[13px] font-semibold;
 }
 
 :focus-visible {

package/src/util/debounce.ts

@@ -1,7 +1,8 @@
 /**
  * @ignore
  */
-export function debounce<T extends (...args: any[]) => any>(func: T, wait = 166) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function debounce<T extends (...args: any[]) => unknown>(func: T, wait = 166) {
     let timeout: ReturnType<typeof setTimeout>;
 
     function debounced(...args: Parameters<T>) {

package/src/scripts/migrateIconImports.ts

@@ -1,108 +0,0 @@
-#!/usr/bin/env node
-/**
- * Migrates `XxxIcon` imports from `@rebasepro/ui` to `lucide-react`.
- * Non-icon imports remain in `@rebasepro/ui`.
- */
-import fs from "fs";
-import path from "path";
-import { execSync } from "child_process";
-
-// Get all files that import XxxIcon from @rebasepro/ui
-const files = execSync(
-    `grep -rln "from \\"@rebasepro/ui\\"" --include="*.tsx" --include="*.ts" packages/ app/ 2>/dev/null | grep -v node_modules | grep -v dist`,
-    { cwd: "/Users/francesco/rebase", encoding: "utf-8" }
-).trim().split("\n").filter(Boolean);
-
-// Icons that are NOT from lucide-react (our own components)
-const OUR_ICONS = new Set(["Icon", "IconButton", "HandleIcon", "GitHubIcon", "LabelWithIcon"]);
-// Non-icon things that happen to end with Icon
-const NOT_LUCIDE = new Set(["BrowserTitleAndIcon", "PopupIcon", "AIIcon", "DefaultIcon", "ViewModeIcon", "CircularProgressCenter"]);
-
-const ICON_PATTERN = /^[A-Z][a-zA-Z0-9]*Icon$/;
-
-let updated = 0;
-
-for (const relFile of files) {
-    const filePath = path.join("/Users/francesco/rebase", relFile);
-    const content = fs.readFileSync(filePath, "utf-8");
-    
-    // Find all import lines from @rebasepro/ui
-    const importRegex = /import\s*\{([^}]+)\}\s*from\s*["']@rebasepro\/ui["'];?/g;
-    let match;
-    let newContent = content;
-    
-    while ((match = importRegex.exec(content)) !== null) {
-        const fullImport = match[0];
-        const importList = match[1];
-        
-        // Parse individual imports (handle type imports too)
-        const imports = importList.split(",").map(s => s.trim()).filter(Boolean);
-        
-        const lucideImports = [];
-        const uiImports = [];
-        
-        for (const imp of imports) {
-            // Handle "type Foo" imports
-            const isType = imp.startsWith("type ");
-            const name = isType ? imp.replace("type ", "").trim() : imp.trim();
-            
-            if (ICON_PATTERN.test(name) && !OUR_ICONS.has(name) && !NOT_LUCIDE.has(name)) {
-                lucideImports.push(imp);
-            } else {
-                uiImports.push(imp);
-            }
-        }
-        
-        if (lucideImports.length === 0) continue;
-        
-        // Build replacement
-        let replacement = "";
-        if (uiImports.length > 0) {
-            replacement += `import { ${uiImports.join(", ")} } from "@rebasepro/ui";\n`;
-        }
-        replacement += `import { ${lucideImports.join(", ")} } from "lucide-react";`;
-        
-        newContent = newContent.replace(fullImport, replacement);
-    }
-    
-    if (newContent !== content) {
-        // Check if lucide-react import already exists and merge
-        const existingLucideMatch = newContent.match(/import\s*\{([^}]+)\}\s*from\s*["']lucide-react["'];?/g);
-        if (existingLucideMatch && existingLucideMatch.length > 1) {
-            // Merge multiple lucide-react imports into one
-            const allLucideImports = [];
-            for (const m of existingLucideMatch) {
-                const inner = m.match(/\{([^}]+)\}/)?.[1];
-                if (inner) {
-                    allLucideImports.push(...inner.split(",").map(s => s.trim()).filter(Boolean));
-                }
-            }
-            // Remove all lucide imports
-            for (const m of existingLucideMatch) {
-                newContent = newContent.replace(m + "\n", "");
-                newContent = newContent.replace(m, "");
-            }
-            // Add single merged import after the first @rebasepro/ui import or at the top imports area
-            const uiImportMatch = newContent.match(/import\s*\{[^}]+\}\s*from\s*["']@rebasepro\/ui["'];?\n/);
-            if (uiImportMatch) {
-                newContent = newContent.replace(
-                    uiImportMatch[0],
-                    uiImportMatch[0] + `import { ${[...new Set(allLucideImports)].join(", ")} } from "lucide-react";\n`
-                );
-            } else {
-                // Put at top after other imports
-                const lastImport = newContent.lastIndexOf("import ");
-                const lineEnd = newContent.indexOf("\n", lastImport);
-                newContent = newContent.slice(0, lineEnd + 1) + 
-                    `import { ${[...new Set(allLucideImports)].join(", ")} } from "lucide-react";\n` +
-                    newContent.slice(lineEnd + 1);
-            }
-        }
-        
-        fs.writeFileSync(filePath, newContent);
-        console.log(`✓ ${relFile}`);
-        updated++;
-    }
-}
-
-console.log(`\nDone: ${updated} files updated`);

package/src/scripts/test.ts

@@ -1,6 +0,0 @@
-import * as LucideIcons from "lucide-react";
-import fs from "fs";
-
-const keys = Object.keys(LucideIcons).filter(k => k !== "createLucideIcon" && k !== "default" && k !== "icons" && k !== "LucideIcon" && k !== "Icon");
-console.log(`Found ${keys.length} icons`);
-fs.writeFileSync("/tmp/lucide_keys.json", JSON.stringify(keys));