@exxatdesignux/ui 0.3.0 → 0.4.1

package/template/components/team-client.tsx

@@ -1,100 +0,0 @@
-"use client"
-
-/**
- * Team page — primary list template: ListPageTemplate + KeyMetrics + TeamTable (same composition as PlacementsClient).
- * Imports from `@/components/data-views` for shared list-page + view types.
- */
-
-import * as React from "react"
-import {
-  ListPageTemplate,
-  type ViewTab,
-  dataListViewIcon,
-  type DataListViewType,
-} from "@/components/data-views"
-import { TeamPageHeader } from "@/components/team-page-header"
-import { TeamTable, type TeamTableHandle } from "@/components/team-table"
-import { KeyMetrics } from "@/components/key-metrics"
-import { useAskLeoPageContext } from "@/components/ask-leo-sidebar"
-import { TEAM_MEMBERS } from "@/lib/mock/team"
-import { teamKpiInsight, teamKpiMetrics } from "@/lib/mock/team-kpi"
-
-const DEFAULT_TEAM_TABS: ViewTab[] = [
-  {
-    id: "members",
-    label: "Members",
-    viewType: "table",
-    icon: "fa-table",
-    filterId: "all",
-  },
-  {
-    id: "panel",
-    label: "Panel",
-    viewType: "panel",
-    icon: "fa-sidebar",
-    filterId: "all",
-  },
-]
-
-export function TeamClient() {
-  const [exportOpen, setExportOpen] = React.useState(false)
-  const [showMetrics, setShowMetrics] = React.useState(true)
-  const tableRef = React.useRef<TeamTableHandle>(null)
-  const memberCount = TEAM_MEMBERS.length
-
-  const metrics = React.useMemo(() => teamKpiMetrics(TEAM_MEMBERS), [])
-  const insight = React.useMemo(() => teamKpiInsight(TEAM_MEMBERS), [])
-
-  useAskLeoPageContext(
-    React.useMemo(
-      () => ({
-        title: "Team",
-        description: `${memberCount} members in this directory.`,
-        suggestions: [
-          "Who owns the most active placements?",
-          "Summarize workload by program",
-        ],
-      }),
-      [memberCount],
-    ),
-  )
-
-  return (
-    <ListPageTemplate
-      defaultTabs={DEFAULT_TEAM_TABS}
-      getTabCount={() => memberCount}
-      tablePropertiesRef={tableRef}
-      header={
-        <TeamPageHeader
-          memberCount={memberCount}
-          onInvite={() => {}}
-          onExport={() => setExportOpen(true)}
-          showMetrics={showMetrics}
-          onToggleMetrics={() => setShowMetrics(v => !v)}
-        />
-      }
-      metrics={
-        <KeyMetrics
-          variant="flat"
-          metrics={metrics}
-          insight={insight}
-          showHeader={false}
-          metricsSingleRow
-        />
-      }
-      showMetrics={showMetrics}
-      exportOpen={exportOpen}
-      onExportOpenChange={setExportOpen}
-      exportTotalRows={memberCount}
-      renderContent={(tab, updateTab) => (
-        <TeamTable
-          key={tab.id}
-          ref={tableRef}
-          members={TEAM_MEMBERS}
-          view={tab.viewType}
-          onViewChange={(v: DataListViewType) => updateTab({ viewType: v, icon: dataListViewIcon(v) })}
-        />
-      )}
-    />
-  )
-}

package/template/components/team-page-header.tsx

@@ -1,92 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { Button } from "@/components/ui/button"
-import { PageHeader } from "@/components/page-header"
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
-import { Tip } from "@/components/ui/tip"
-
-export interface TeamPageHeaderProps {
-  memberCount: number
-  onInvite: () => void
-  onExport: () => void
-  showMetrics: boolean
-  onToggleMetrics: () => void
-  showTitleBlock?: boolean
-}
-
-/**
- * Team list shell header — title, primary Invite, overflow (export + metrics toggle). Same pattern as PlacementsPageHeader.
- */
-export function TeamPageHeader({
-  memberCount,
-  onInvite,
-  onExport,
-  showMetrics,
-  onToggleMetrics,
-  showTitleBlock = true,
-}: TeamPageHeaderProps) {
-  const [moreOpen, setMoreOpen] = React.useState(false)
-  const countLine = `${memberCount} ${memberCount === 1 ? "member" : "members"} · Last updated now`
-
-  return (
-    <PageHeader
-      title="Team"
-      subtitle={countLine}
-      showTitleBlock={showTitleBlock}
-      actions={(
-        <div className="flex items-center gap-2" role="group" aria-label="Team actions">
-          <Tip side="bottom" label="Send an invitation (demo)">
-            <Button type="button" size="lg" onClick={onInvite}>
-              <i className="fa-light fa-user-plus" aria-hidden="true" />
-              Invite member
-            </Button>
-          </Tip>
-          <DropdownMenu open={moreOpen} onOpenChange={setMoreOpen}>
-            <Tip side="bottom" label="More actions">
-              <DropdownMenuTrigger asChild>
-                <Button
-                  type="button"
-                  size="lg"
-                  variant="outline"
-                  className="aspect-square px-0"
-                  aria-label="More actions"
-                >
-                  <i className="fa-light fa-ellipsis text-base" aria-hidden="true" />
-                </Button>
-              </DropdownMenuTrigger>
-            </Tip>
-            <DropdownMenuContent align="end">
-              <DropdownMenuItem
-                onSelect={() => {
-                  window.setTimeout(() => onExport(), 0)
-                }}
-              >
-                <i className="fa-light fa-arrow-down-to-line" aria-hidden="true" />
-                Export
-              </DropdownMenuItem>
-              <DropdownMenuSeparator />
-              <DropdownMenuItem
-                onSelect={() => {
-                  window.setTimeout(() => onToggleMetrics(), 0)
-                }}
-              >
-                <i
-                  className={`fa-light ${showMetrics ? "fa-eye-slash" : "fa-eye"}`}
-                  aria-hidden="true"
-                />
-                {showMetrics ? "Hide metric section" : "Show metric section"}
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </div>
-      )}
-    />
-  )
-}