Files
zeekayandHanzo Dev 03f38fbef0 fix(ui): build the data table the way react-table 9 builds one
react-table went from 8 to 9 with nothing migrated. 9 has no useReactTable
and no getCoreRowModel, so the one component every list in the app renders
through could not be imported, and ColumnDef takes the table's features as
its first type argument, so all 42 column lists stopped typing their rows:
217 of the 498 errors in the app's typecheck.

DataTable now names the four features it uses — paging, row selection,
column visibility, column sizing — and calls useTable. DataTableColumnDef is
ColumnDef over those features, so a column list still says only what a row
is. The second type parameter goes: 9's table takes columns of unknown
value, and no caller ever passed one.

Two things the types turned up. `enableSorting: false` sat on two select
columns of a table that has never sorted; without the sorting feature the
option does not exist, and neither does the sorting. The organisation
insights table erased its three row types through `as unknown as` to feed
one DataTable; it renders one per view, typed, and the casts are gone. The
server rejects any other view before the component renders.

data-table.test.tsx renders the table and drives the instance: headers and
cells, a hidden column, a sized one, one-based paging read from the props
and reported back, selection by the caller's row id. Against the old file
it fails 7 of 7 at the import.

Co-authored-by: Hanzo Dev <[email protected]>
2026-09-18 18:36:33 -07:00

76 lines
2.2 KiB
JSON

{
"name": "@hanzo/esign-ui",
"version": "0.0.0",
"main": "./index.ts",
"types": "./index.ts",
"license": "MIT",
"files": [
"components/",
"hooks/",
"lib/",
"primitives/",
"index.tsx"
],
"scripts": {
"lint": "eslint .",
"lint:fix": "eslint . --fix",
"test": "tsx --test __tests__/*.test.tsx",
"clean": "rimraf node_modules"
},
"devDependencies": {
"@hanzo/esign-tailwind-config": "*",
"@hanzo/esign-tsconfig": "*",
"@types/luxon": "^3.7.5",
"@types/react": "19.2.18",
"@types/react-dom": "19.2.5",
"react": "19.2.8",
"typescript": "6.0.3"
},
"dependencies": {
"@hanzo/esign-lib": "*",
"@hello-pangea/dnd": "^18.0.1",
"@hookform/resolvers": "^5.9.1",
"@lingui/macro": "^5.9.5",
"@lingui/react": "^6.6.0",
"@radix-ui/react-accordion": "^1.2.20",
"@radix-ui/react-alert-dialog": "^1.1.23",
"@radix-ui/react-avatar": "^1.2.6",
"@radix-ui/react-checkbox": "^1.3.11",
"@radix-ui/react-dialog": "^1.1.23",
"@radix-ui/react-dropdown-menu": "^2.1.24",
"@radix-ui/react-hover-card": "^1.1.23",
"@radix-ui/react-label": "^2.1.15",
"@radix-ui/react-popover": "^1.1.23",
"@radix-ui/react-progress": "^1.1.16",
"@radix-ui/react-radio-group": "^1.4.7",
"@radix-ui/react-scroll-area": "^1.2.18",
"@radix-ui/react-select": "^2.3.7",
"@radix-ui/react-separator": "^1.1.15",
"@radix-ui/react-slot": "^1.3.3",
"@radix-ui/react-switch": "^1.3.7",
"@radix-ui/react-tabs": "^1.1.21",
"@radix-ui/react-toast": "^1.2.23",
"@radix-ui/react-tooltip": "^1.2.16",
"@scure/base": "^2.4.0",
"@tanstack/react-table": "^9.2.4",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "^1.1.1",
"framer-motion": "^13.1.1",
"lucide-react": "^1.33.0",
"luxon": "^3.7.2",
"pdfjs-dist": "^6.3.289",
"perfect-freehand": "^1.2.3",
"react": "19.2.8",
"react-colorful": "^5.8.0",
"react-dom": "19.2.8",
"react-hook-form": "^7.86.0",
"react-rnd": "^10.5.3",
"remeda": "^2.45.0",
"tailwind-merge": "^3.6.0",
"tailwindcss-animate": "^1.0.7",
"ts-pattern": "^5.9.0",
"zod": "^4.5.2"
}
}