ui Architecture Docs
Home / File/ data-table.tsx — ui Source File

data-table.tsx — ui Source File

Architecture documentation for data-table.tsx, a tsx file in the ui codebase. 23 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 23 imports 4 functions

Entity Profile

Dependency Diagram

graph LR
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38["data-table.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  1f4e0e99_3948_1fb4_574c_ff0f6f7d7b20["core"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> 1f4e0e99_3948_1fb4_574c_ff0f6f7d7b20
  dc6edd35_4917_9860_da9a_4e19a7caf815["modifiers"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> dc6edd35_4917_9860_da9a_4e19a7caf815
  f75ce303_4cce_899f_178f_a842466ac6fa["sortable"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> f75ce303_4cce_899f_178f_a842466ac6fa
  a746b3d7_9040_f941_c303_747dbd77f3e4["utilities"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> a746b3d7_9040_f941_c303_747dbd77f3e4
  eff11612_0b61_f7f9_e13e_9117a7062bb3["react-table"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> eff11612_0b61_f7f9_e13e_9117a7062bb3
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  da384753_eb23_55ed_e7a6_3bd0e172b999["recharts"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> da384753_eb23_55ed_e7a6_3bd0e172b999
  e750d152_1191_1793_7244_99c7f9c595f4["sonner"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> e750d152_1191_1793_7244_99c7f9c595f4
  6802ce19_522d_e5fb_e458_8826d9f6952e["zod"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> 6802ce19_522d_e5fb_e458_8826d9f6952e
  473b3225_a64d_362c_8209_f99c5b1b6d81["use-mobile"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> 473b3225_a64d_362c_8209_f99c5b1b6d81
  d1f6969b_47e1_9226_0001_415be23d60e0["badge"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> d1f6969b_47e1_9226_0001_415be23d60e0
  aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939
  54edb93d_8b2b_eda5_dfc1_461038aaa132["chart"]
  c4efa45e_6cce_3dec_3c41_b4fbc9755b38 --> 54edb93d_8b2b_eda5_dfc1_461038aaa132
  style c4efa45e_6cce_3dec_3c41_b4fbc9755b38 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import {
  DndContext,
  KeyboardSensor,
  MouseSensor,
  TouchSensor,
  closestCenter,
  useSensor,
  useSensors,
  type DragEndEvent,
  type UniqueIdentifier,
} from "@dnd-kit/core"
import { restrictToVerticalAxis } from "@dnd-kit/modifiers"
import {
  SortableContext,
  arrayMove,
  useSortable,
  verticalListSortingStrategy,
} from "@dnd-kit/sortable"
import { CSS } from "@dnd-kit/utilities"
import {
  ColumnDef,
  ColumnFiltersState,
  Row,
  SortingState,
  VisibilityState,
  flexRender,
  getCoreRowModel,
  getFacetedRowModel,
  getFacetedUniqueValues,
  getFilteredRowModel,
  getPaginationRowModel,
  getSortedRowModel,
  useReactTable,
} from "@tanstack/react-table"
import {
  CheckCircle2Icon,
  CheckCircleIcon,
  ChevronDownIcon,
  ChevronLeftIcon,
  ChevronRightIcon,
  ChevronsLeftIcon,
  ChevronsRightIcon,
  ColumnsIcon,
  GripVerticalIcon,
  LoaderIcon,
  MoreVerticalIcon,
  PlusIcon,
  TrendingUpIcon,
} from "lucide-react"
import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
import { toast } from "sonner"
import { z } from "zod"

import { useIsMobile } from "@/registry/new-york/hooks/use-mobile"
import { Badge } from "@/registry/new-york/ui/badge"
import { Button } from "@/registry/new-york/ui/button"
import {
// ... (764 more lines)

Domain

Subdomains

Functions

Dependencies

  • badge
  • button
  • chart
  • checkbox
  • core
  • dropdown-menu
  • input
  • label
  • lucide-react
  • modifiers
  • react
  • react-table
  • recharts
  • select
  • separator
  • sheet
  • sonner
  • sortable
  • table
  • tabs
  • use-mobile
  • utilities
  • zod

Source

Frequently Asked Questions

What does data-table.tsx do?
data-table.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in data-table.tsx?
data-table.tsx defines 4 function(s): DataTable, DragHandle, DraggableRow, TableCellViewer.
What does data-table.tsx depend on?
data-table.tsx imports 23 module(s): badge, button, chart, checkbox, core, dropdown-menu, input, label, and 15 more.
Where is data-table.tsx in the architecture?
data-table.tsx is located at deprecated/www/registry/new-york/blocks/dashboard-01/components/data-table.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/new-york/blocks/dashboard-01/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free