Get rid of @oxide/table alias and barrel file (#1981)

* remove Table

* get rid of app/table/react-table. my bad

* get rid of the rest of it

Author: david-crespo

app/components/ExternalIps.tsx

@@ -7,9 +7,9 @@
  */
 
 import { useApiQuery } from '@oxide/api'
-import { EmptyCell, SkeletonCell } from '@oxide/table'
 import { intersperse } from '@oxide/util'
 
+import { EmptyCell, SkeletonCell } from '~/table/cells/EmptyCell'
 import { CopyToClipboard } from '~/ui/lib/CopyToClipboard'
 
 type InstanceSelector = { project: string; instance: string }

app/components/MoreActionsMenu.tsx

@@ -5,9 +5,10 @@
  *
  * Copyright Oxide Computer Company
  */
-import type { MenuAction } from '@oxide/table'
 import { DropdownMenu, More12Icon, Tooltip, Wrap } from '@oxide/ui'
 
+import type { MenuAction } from '~/table/columns/action-col'
+
 interface MoreActionsMenuProps {
   /** The accessible name for the menu button */
   label: string

app/pages/ProjectsPage.tsx

@@ -15,7 +15,6 @@ import {
   usePrefetchedApiQuery,
   type Project,
 } from '@oxide/api'
-import { DateCell, linkCell, useQueryTable, type MenuAction } from '@oxide/table'
 import {
   buttonStyle,
   EmptyMessage,
@@ -25,6 +24,10 @@ import {
   TableActions,
 } from '@oxide/ui'
 
+import { DateCell } from '~/table/cells/DateCell'
+import { linkCell } from '~/table/cells/LinkCell'
+import type { MenuAction } from '~/table/columns/action-col'
+import { useQueryTable } from '~/table/QueryTable'
 import { confirmDelete } from 'app/stores/confirm-delete'
 import { pb } from 'app/util/path-builder'
 

app/pages/SiloAccessPage.tsx

@@ -5,6 +5,7 @@
  *
  * Copyright Oxide Computer Company
  */
+import { createColumnHelper, getCoreRowModel, useReactTable } from '@tanstack/react-table'
 import { useMemo, useState } from 'react'
 
 import {
@@ -19,7 +20,6 @@ import {
   type IdentityType,
   type RoleKey,
 } from '@oxide/api'
-import { createColumnHelper, getActionsCol, Table, useReactTable } from '@oxide/table'
 import {
   Access24Icon,
   Button,
@@ -31,6 +31,8 @@ import {
 } from '@oxide/ui'
 import { groupBy, isTruthy } from '@oxide/util'
 
+import { getActionsCol } from '~/table/columns/action-col'
+import { Table } from '~/table/Table'
 import { AccessNameCell } from 'app/components/AccessNameCell'
 import { HL } from 'app/components/HL'
 import { RoleBadgeCell } from 'app/components/RoleBadgeCell'
@@ -147,7 +149,11 @@ export function SiloAccessPage() {
     [siloPolicy, updatePolicy]
   )
 
-  const tableInstance = useReactTable({ columns, data: rows })
+  const tableInstance = useReactTable({
+    columns,
+    data: rows,
+    getCoreRowModel: getCoreRowModel(),
+  })
 
   return (
     <>

app/pages/project/access/ProjectAccessPage.tsx

@@ -7,6 +7,7 @@
  */
 import '@tanstack/react-table'
 
+import { createColumnHelper, getCoreRowModel, useReactTable } from '@tanstack/react-table'
 import { useMemo, useState } from 'react'
 import type { LoaderFunctionArgs } from 'react-router-dom'
 
@@ -22,7 +23,6 @@ import {
   type IdentityType,
   type RoleKey,
 } from '@oxide/api'
-import { createColumnHelper, getActionsCol, Table, useReactTable } from '@oxide/table'
 import {
   Access24Icon,
   Button,
@@ -34,6 +34,8 @@ import {
 } from '@oxide/ui'
 import { groupBy, isTruthy } from '@oxide/util'
 
+import { getActionsCol } from '~/table/columns/action-col'
+import { Table } from '~/table/Table'
 import { AccessNameCell } from 'app/components/AccessNameCell'
 import { HL } from 'app/components/HL'
 import { RoleBadgeCell } from 'app/components/RoleBadgeCell'
@@ -174,7 +176,11 @@ export function ProjectAccessPage() {
     [projectPolicy, project, updatePolicy]
   )
 
-  const tableInstance = useReactTable({ columns, data: rows })
+  const tableInstance = useReactTable({
+    columns,
+    data: rows,
+    getCoreRowModel: getCoreRowModel(),
+  })
 
   return (
     <>

app/pages/project/disks/DisksPage.tsx

@@ -15,13 +15,6 @@ import {
   useApiQueryClient,
   type Disk,
 } from '@oxide/api'
-import {
-  DateCell,
-  InstanceLinkCell,
-  SizeCell,
-  useQueryTable,
-  type MenuAction,
-} from '@oxide/table'
 import {
   buttonStyle,
   EmptyMessage,
@@ -31,6 +24,11 @@ import {
   TableActions,
 } from '@oxide/ui'
 
+import { DateCell } from '~/table/cells/DateCell'
+import { InstanceLinkCell } from '~/table/cells/InstanceLinkCell'
+import { SizeCell } from '~/table/cells/SizeCell'
+import type { MenuAction } from '~/table/columns/action-col'
+import { useQueryTable } from '~/table/QueryTable'
 import { DiskStatusBadge } from 'app/components/StatusBadge'
 import { getProjectSelector, useProjectSelector, useToast } from 'app/hooks'
 import { confirmDelete } from 'app/stores/confirm-delete'

app/pages/project/floating-ips/FloatingIpsPage.tsx

@@ -17,7 +17,6 @@ import {
   type FloatingIp,
   type Instance,
 } from '@oxide/api'
-import { InstanceLinkCell, useQueryTable, type MenuAction } from '@oxide/table'
 import {
   buttonStyle,
   EmptyMessage,
@@ -31,6 +30,9 @@ import {
   TableActions,
 } from '@oxide/ui'
 
+import { InstanceLinkCell } from '~/table/cells/InstanceLinkCell'
+import type { MenuAction } from '~/table/columns/action-col'
+import { useQueryTable } from '~/table/QueryTable'
 import { HL } from 'app/components/HL'
 import { getProjectSelector, useProjectSelector } from 'app/hooks'
 import { confirmAction } from 'app/stores/confirm-action'

app/pages/project/images/ImagesPage.tsx

@@ -9,7 +9,6 @@ import { useState } from 'react'
 import { Link, Outlet, type LoaderFunctionArgs } from 'react-router-dom'
 
 import { apiQueryClient, useApiMutation, useApiQueryClient, type Image } from '@oxide/api'
-import { DateCell, linkCell, SizeCell, useQueryTable, type MenuAction } from '@oxide/table'
 import {
   buttonStyle,
   EmptyMessage,
@@ -21,6 +20,11 @@ import {
   TableActions,
 } from '@oxide/ui'
 
+import { DateCell } from '~/table/cells/DateCell'
+import { linkCell } from '~/table/cells/LinkCell'
+import { SizeCell } from '~/table/cells/SizeCell'
+import type { MenuAction } from '~/table/columns/action-col'
+import { useQueryTable } from '~/table/QueryTable'
 import { getProjectSelector, useProjectSelector, useToast } from 'app/hooks'
 import { confirmDelete } from 'app/stores/confirm-delete'
 import { pb } from 'app/util/path-builder'

app/pages/project/instances/InstancesPage.tsx

@@ -9,13 +9,6 @@ import { useMemo } from 'react'
 import { Link, useNavigate, type LoaderFunctionArgs } from 'react-router-dom'
 
 import { apiQueryClient, useApiQueryClient, usePrefetchedApiQuery } from '@oxide/api'
-import {
-  DateCell,
-  InstanceResourceCell,
-  InstanceStatusCell,
-  linkCell,
-  useQueryTable,
-} from '@oxide/table'
 import {
   Button,
   buttonStyle,
@@ -27,6 +20,11 @@ import {
   TableActions,
 } from '@oxide/ui'
 
+import { DateCell } from '~/table/cells/DateCell'
+import { InstanceResourceCell } from '~/table/cells/InstanceResourceCell'
+import { InstanceStatusCell } from '~/table/cells/InstanceStatusCell'
+import { linkCell } from '~/table/cells/LinkCell'
+import { useQueryTable } from '~/table/QueryTable'
 import { getProjectSelector, useProjectSelector, useQuickActions } from 'app/hooks'
 import { pb } from 'app/util/path-builder'
 

app/pages/project/instances/actions.tsx

@@ -9,8 +9,8 @@ import { useCallback } from 'react'
 import { useNavigate } from 'react-router-dom'
 
 import { instanceCan, useApiMutation, type Instance } from '@oxide/api'
-import type { MakeActions } from '@oxide/table'
 
+import type { MakeActions } from '~/table/columns/action-col'
 import { confirmDelete } from 'app/stores/confirm-delete'
 import { addToast } from 'app/stores/toast'
 import { pb } from 'app/util/path-builder'