@exxatdesignux/ui 0.3.0 → 0.4.0

package/template/components/data-views/index.ts

@@ -1,14 +1,14 @@
 /**
  * Central exports for list-page data surfaces and shared view chrome.
  *
- * **Pattern:** `ListPageTemplate` + `PlacementsTable` (or any hub-specific `*-table.tsx`) — one `useTableState`, one toolbar,
- * table | list | board | dashboard from the same component (`AGENTS.md` §4, `docs/data-views-pattern.md`).
+ * **Pattern:** `ListPageTemplate` + `HubTable` — one `useTableState`, one toolbar,
+ * table | list | board | dashboard from the same primitive (`AGENTS.md` §4,
+ * `docs/data-views-pattern.md`). See `columns-showcase.tsx` and
+ * `tokens-themes-client.tsx` for reference compositions in this app.
  *
  * **View UI:** `ViewSegmentedControl` matches the template’s views toolbar (`bg-muted/60` pills).
  */
 
-export { PlacementsTable } from "@/components/placements-table"
-export type { PlacementsTableProps, PlacementsTableHandle } from "@/components/placements-table"
 export type { DataListViewType } from "@/lib/data-list-view"
 export { DATA_LIST_VIEW_TILES, dataListViewIcon, dataListViewLabel } from "@/lib/data-list-view"
 
@@ -104,8 +104,8 @@ export {
   type OutlineTreeSurface,
 } from "@/components/data-views/outline-tree-menu"
 
-export { QuestionBankFolderTreeBranch } from "@/components/data-views/question-bank-folder-tree-branch"
-export type { QuestionBankFolderTreeBranchProps } from "@/components/data-views/question-bank-folder-tree-branch"
+export { LibraryFolderTreeBranch } from "@/components/data-views/library-folder-tree-branch"
+export type { LibraryFolderTreeBranchProps } from "@/components/data-views/library-folder-tree-branch"
 
 export {
   LIST_PAGE_SPLIT_MILLER_COLUMN_PANEL_CLASS,
@@ -148,6 +148,32 @@ export { FolderGridView, type FolderGridViewProps } from "@/components/data-view
  *  `ListPageBoardCard layout="row"` via a `renderRow` prop. */
 export { DataRowList, type DataRowListProps } from "@/components/data-views/data-row-list"
 
+/** Reusable `ColumnDef['cell']` renderers — progress, currency, rating,
+ *  relative time, attachments, external link, face rails, pills, signal bars,
+ *  inline toggles, and a generic `<TRow>` `RowActionsCell`. The live catalog
+ *  is `columns-showcase.tsx` (`/columns`).
+ *  Skill: `.cursor/skills/exxat-token-economy/SKILL.md` §3. */
+export {
+  AttachmentCountCell,
+  BooleanToggleCell,
+  CurrencyCell,
+  EMPTY_DASH,
+  ExternalLinkCell,
+  NumericCell,
+  PeopleAvatarRailCell,
+  PillCell,
+  ProgressCell,
+  RatingCell,
+  RelativeTimeCell,
+  RowActionsCell,
+  SignalBarsCell,
+  TagListCell,
+  type PersonStub,
+  type ProgressTone,
+  type RowActionDef,
+  type SignalTone,
+} from "@/components/data-views/table-cells"
+
 
 /** Unified hub tile + list row surface — see `list-page-board-card.tsx`. */
 export {

package/template/components/data-views/{question-bank-folder-tree-branch.tsx → library-folder-tree-branch.tsx}

@@ -1,7 +1,7 @@
 "use client"
 
 /**
- * Question bank **Folders** tree — shared outline primitives (`OutlineTree*`) so the rail
+ * Library **Folders** tree — shared outline primitives (`OutlineTree*`) so the rail
  * matches `HubTreePanelView` and shadcn sidebar file-tree rhythm.
  */
 
@@ -23,29 +23,29 @@ import {
   OutlineTreeMenuItem,
   OutlineTreeSub,
 } from "@/components/data-views/outline-tree-menu"
-import type { QuestionBankFolder } from "@/lib/mock/question-bank-folders"
-import { QUESTION_BANK_FOLDER_ICON_COLORS } from "@/lib/mock/question-bank-folders"
+import type { LibraryFolder } from "@/lib/mock/library-folders"
+import { LIBRARY_FOLDER_ICON_COLORS } from "@/lib/mock/library-folders"
 import {
-  isQuestionBankNavActive,
-  questionBankHubScopeHref,
-  type QuestionBankNavState,
-} from "@/lib/question-bank-nav"
+  isLibraryNavActive,
+  libraryHubScopeHref,
+  type LibraryNavState,
+} from "@/lib/library-nav"
 
-export interface QuestionBankFolderTreeBranchProps {
-  folder: QuestionBankFolder
-  folders: QuestionBankFolder[]
+export interface LibraryFolderTreeBranchProps {
+  folder: LibraryFolder
+  folders: LibraryFolder[]
   pathname: string
   hubSearchParams: URLSearchParams
-  nav: QuestionBankNavState
+  nav: LibraryNavState
   canManageFolders: boolean
   canManageAccess: boolean
   onAddSubfolder: (parentId: string) => void
-  onCustomizeFolder: (folder: QuestionBankFolder) => void
+  onCustomizeFolder: (folder: LibraryFolder) => void
   onManageAccess: () => void
-  onDeleteFolder: (folder: QuestionBankFolder) => void
+  onDeleteFolder: (folder: LibraryFolder) => void
 }
 
-export function QuestionBankFolderTreeBranch({
+export function LibraryFolderTreeBranch({
   folder,
   folders,
   pathname,
@@ -57,7 +57,7 @@ export function QuestionBankFolderTreeBranch({
   onCustomizeFolder,
   onManageAccess,
   onDeleteFolder,
-}: QuestionBankFolderTreeBranchProps) {
+}: LibraryFolderTreeBranchProps) {
   const childFolders = React.useMemo(
     () =>
       folders
@@ -69,11 +69,11 @@ export function QuestionBankFolderTreeBranch({
   const hasSubfolders = childFolders.length > 0
   const isRootFolder = folder.parentId === null
 
-  const folderHref = questionBankHubScopeHref(pathname, hubSearchParams, {
+  const folderHref = libraryHubScopeHref(pathname, hubSearchParams, {
     scope: "folder",
     folderId: folder.id,
   })
-  const folderActive = isQuestionBankNavActive(pathname, nav, "folder", folder.id)
+  const folderActive = isLibraryNavActive(pathname, nav, "folder", folder.id)
 
   return (
     <Collapsible defaultOpen={isRootFolder} className="group/collapsible">
@@ -116,7 +116,7 @@ export function QuestionBankFolderTreeBranch({
               className={cn(
                 "fa-light inline-flex size-4 shrink-0 items-center justify-center text-sm leading-none",
                 folder.icon,
-                QUESTION_BANK_FOLDER_ICON_COLORS[folder.colorKey],
+                LIBRARY_FOLDER_ICON_COLORS[folder.colorKey],
               )}
               aria-hidden
             />
@@ -187,7 +187,7 @@ export function QuestionBankFolderTreeBranch({
           <OutlineTreeSub surface="sidebar" guideLayout="chevronRail">
             {childFolders.map(child => (
               <OutlineTreeMenuItem key={child.id}>
-                <QuestionBankFolderTreeBranch
+                <LibraryFolderTreeBranch
                   folder={child}
                   folders={folders}
                   pathname={pathname}