@kelpie/ui 0.6.0 → 0.8.0

package/dist/pages/FundraisingPage.js

@@ -1,20 +1,48 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
 import { Link, useNavigate } from 'react-router';
 import { useCompanies } from '../api/resources/companies.js';
 import { useMembers } from '../api/resources/members.js';
 import { usePipelineStages } from '../api/resources/pipelineStages.js';
 import { MAX_PAGE_SIZE, usePlanItems } from '../api/resources/planItems.js';
 import { useCreateRaise, useRaises, useUpdateRaise } from '../api/resources/raises.js';
+import { useTimezone } from '../api/resources/account.js';
 import { Chip } from '../components/Chip.js';
+import { ColumnPicker } from '../components/ColumnPicker.js';
 import { DataTable } from '../components/DataTable.js';
 import { KanbanBoard } from '../components/KanbanBoard.js';
 import { PageHeader } from '../components/PageHeader.js';
+import { Paginator } from '../components/Paginator.js';
 import { ErrorPanel, LoadingPanel } from '../components/QueryState.js';
 import { SegmentedControl } from '../components/SegmentedControl.js';
-import { formatDay } from '../lib/dates.js';
+import { formatDate, formatDay } from '../lib/dates.js';
+import { useListView } from '../lib/listView.js';
 import { formatMoney } from '../lib/money.js';
 import { DUE_BUCKETS, byDateThenTitle, dueBucketFor, nextOpenByTarget } from '../lib/plan.js';
+import { serverSortOnly } from '../lib/sort.js';
+const SCOPES = ['open', 'all'];
+const GROUPINGS = ['stage', 'due'];
+function readScope(stored) {
+    return SCOPES.includes(stored) ? stored : 'open';
+}
+function readGrouping(stored) {
+    return GROUPINGS.includes(stored) ? stored : 'stage';
+}
+const COLUMN_KEYS = [
+    'name',
+    'company',
+    'stage',
+    'check',
+    'currency',
+    'thesisFit',
+    'passReason',
+    'nextPlan',
+    'owner',
+    'close',
+    'tags',
+    'summary',
+    'createdAt',
+    'updatedAt',
+];
 /** Tones keyed by the seeded slugs. A renamed stage keeps its slug and its tone. */
 const STAGE_TONES = {
     closed: 'success',
@@ -27,18 +55,29 @@ const STAGE_TONES = {
 function stageTone(stage) {
     return STAGE_TONES[stage.slug] ?? 'neutral';
 }
+const DEFAULT_VISIBLE_KEYS = [
+    'name',
+    'company',
+    'check',
+    'nextPlan',
+    'owner',
+    'close',
+];
+const SERVER_SORT_KEYS = ['name', 'created_at', 'updated_at'];
 export function FundraisingPage() {
     const navigate = useNavigate();
-    const [view, setView] = useState('list');
-    const [scope, setScope] = useState('open');
-    const [grouping, setGrouping] = useState('stage');
-    const [sort, setSort] = useState(undefined);
+    const listView = useListView('raises', COLUMN_KEYS, DEFAULT_VISIBLE_KEYS);
+    const view = listView.mode ?? 'columns';
+    const scope = readScope(listView.scope);
+    const grouping = readGrouping(listView.grouping);
+    const sort = listView.sort;
     const stages = usePipelineStages('raise');
-    const raises = useRaises({ sort });
+    const raises = useRaises({ sort: serverSortOnly(sort, SERVER_SORT_KEYS) });
     const companies = useCompanies({ limit: 200 });
     const members = useMembers();
     const createRaise = useCreateRaise();
     const updateRaise = useUpdateRaise();
+    const timezone = useTimezone();
     const allStages = [...stages.records].sort((a, b) => a.sortOrder - b.sortOrder);
     const visibleStages = scope === 'open' ? allStages.filter((stage) => stage.open) : allStages;
     const visibleStageIds = new Set(visibleStages.map((stage) => stage.id));
@@ -54,7 +93,7 @@ export function FundraisingPage() {
         limit: MAX_PAGE_SIZE,
     }, { enabled: askedIds.length > 0 });
     const nextPlanByRaise = nextOpenByTarget(planItems.records);
-    const plansTruncated = visibleRaises.length > MAX_PAGE_SIZE || planItems.hasMore;
+    const plansTruncated = visibleRaises.length > MAX_PAGE_SIZE || planItems.hasNext;
     const companyNameById = new Map(companies.records.map((company) => [company.id, company.name]));
     async function addRaise() {
         const firstCompany = companies.records[0];
@@ -67,6 +106,7 @@ export function FundraisingPage() {
         });
         await navigate(`/fundraising/${raise.id}`);
     }
+    const stageLabelById = new Map(allStages.map((stage) => [stage.id, stage.label]));
     const columns = [
         {
             key: 'name',
@@ -77,17 +117,44 @@ export function FundraisingPage() {
         {
             key: 'company',
             header: 'Firm',
+            getSortValue: (raise) => companyNameById.get(raise.companyId) ?? null,
             render: (raise) => companyNameById.get(raise.companyId) ?? '—',
         },
+        {
+            key: 'stage',
+            header: 'Stage',
+            getSortValue: (raise) => stageLabelById.get(raise.stageId) ?? null,
+            render: (raise) => stageLabelById.get(raise.stageId) ?? '—',
+        },
         {
             key: 'check',
             header: 'Check',
             className: 'w-28',
+            getSortValue: (raise) => raise.checkSizeCents,
             render: (raise) => raise.checkSizeCents === null ? ('—') : (_jsx("span", { className: "font-mono text-[12px]", children: formatMoney(raise.checkSizeCents, raise.currency) })),
         },
+        {
+            key: 'currency',
+            header: 'Currency',
+            getSortValue: (raise) => raise.currency,
+            render: (raise) => raise.currency ?? '—',
+        },
+        {
+            key: 'thesisFit',
+            header: 'Thesis fit',
+            getSortValue: (raise) => raise.thesisFit || null,
+            render: (raise) => raise.thesisFit.length === 0 ? '—' : (_jsx("span", { className: "text-ink-muted", children: raise.thesisFit })),
+        },
+        {
+            key: 'passReason',
+            header: 'Pass reason',
+            getSortValue: (raise) => raise.passReason,
+            render: (raise) => raise.passReason === null ? '—' : (_jsx("span", { className: "text-ink-muted", children: raise.passReason })),
+        },
         {
             key: 'nextPlan',
             header: 'Next plan',
+            getSortValue: (raise) => nextPlanByRaise.get(raise.id)?.date ?? null,
             render: (raise) => {
                 const next = nextPlanByRaise.get(raise.id);
                 if (next === undefined) {
@@ -99,15 +166,42 @@ export function FundraisingPage() {
         {
             key: 'owner',
             header: 'Owner',
+            getSortValue: (raise) => raise.ownerId === null ? null : (members.nameById.get(raise.ownerId) ?? 'Unknown'),
             render: (raise) => raise.ownerId === null ? '—' : (members.nameById.get(raise.ownerId) ?? 'Unknown'),
         },
         {
             key: 'close',
             header: 'Close',
             className: 'w-28',
+            getSortValue: (raise) => raise.expectedClose,
             render: (raise) => (_jsx("span", { className: "font-mono text-[12px] text-ink-muted", children: raise.expectedClose === null ? '—' : formatDay(raise.expectedClose) })),
         },
+        {
+            key: 'tags',
+            header: 'Tags',
+            getSortValue: (raise) => raise.tags.join(', ') || null,
+            render: (raise) => raise.tags.length === 0 ? '—' : (_jsx("span", { className: "flex flex-wrap gap-1", children: raise.tags.map((tag) => (_jsx(Chip, { children: _jsx("span", { className: "text-[10px]", children: tag }) }, tag))) })),
+        },
+        {
+            key: 'summary',
+            header: 'Summary',
+            getSortValue: (raise) => raise.summary || null,
+            render: (raise) => raise.summary.length === 0 ? '—' : _jsx("span", { className: "text-ink-muted", children: raise.summary }),
+        },
+        {
+            key: 'createdAt',
+            header: 'Created',
+            sortKey: 'created_at',
+            render: (raise) => formatDate(raise.createdAt, timezone),
+        },
+        {
+            key: 'updatedAt',
+            header: 'Updated',
+            sortKey: 'updated_at',
+            render: (raise) => formatDate(raise.updatedAt, timezone),
+        },
     ];
+    const pickerOptions = columns.map((column) => ({ key: column.key, label: column.header }));
     const stageGroups = visibleStages.map((stage) => ({
         id: stage.id,
         label: _jsx(Chip, { tone: stageTone(stage), children: stage.label }),
@@ -146,16 +240,22 @@ export function FundraisingPage() {
     const loadError = raises.error ?? stages.error;
     return (_jsxs("div", { className: "animate-fade-in", children: [_jsx(PageHeader, { title: "Fundraising", onAdd: () => {
                     void addRaise();
-                }, addLabel: "Add raise", actions: _jsxs(_Fragment, { children: [_jsx(Link, { to: "/fundraising/settings", className: "rounded-md border border-border bg-surface-raised px-2.5 py-1 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Settings" }), _jsx(SegmentedControl, { ariaLabel: "Stage scope", value: scope, onChange: setScope, options: [
+                }, addLabel: "Add raise", actions: _jsxs(_Fragment, { children: [_jsx(Link, { to: "/fundraising/settings", className: "rounded-md border border-border bg-surface-raised px-2.5 py-1 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Settings" }), _jsx(SegmentedControl, { ariaLabel: "Stage scope", value: scope, onChange: (next) => {
+                                listView.setScope(next);
+                            }, options: [
                                 { id: 'open', label: 'Open' },
                                 { id: 'all', label: 'All' },
-                            ] }), view === 'list' && (_jsx(SegmentedControl, { ariaLabel: "Group the list", value: grouping, onChange: setGrouping, options: [
+                            ] }), view === 'list' && (_jsx(SegmentedControl, { ariaLabel: "Group the list", value: grouping, onChange: (next) => {
+                                listView.setGrouping(next);
+                            }, options: [
                                 { id: 'stage', label: 'By stage' },
                                 { id: 'due', label: 'By due' },
-                            ] })), _jsx(SegmentedControl, { ariaLabel: "Board or list", value: view, onChange: setView, options: [
+                            ] })), _jsx(SegmentedControl, { ariaLabel: "Board or list", value: view, onChange: (next) => {
+                                listView.setMode(next);
+                            }, options: [
                                 { id: 'list', label: 'List' },
                                 { id: 'columns', label: 'Board' },
-                            ] })] }) }), companies.records.length === 0 && !companies.isLoading && (_jsx("p", { className: "mb-3 text-[12px] text-ink-faint", children: "A raise belongs to a firm, so add a company before adding a raise." })), createRaise.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createRaise.error }) })), loadError !== null ? (_jsx(ErrorPanel, { error: loadError })) : isLoading ? (_jsx(LoadingPanel, { label: "Loading raises\u2026" })) : (_jsxs(_Fragment, { children: [view === 'columns' ? (_jsx(KanbanBoard, { stages: visibleStages.map((stage) => ({ id: stage.id, label: stage.label })), cards: cards, onMove: (raiseId, stageId) => {
+                            ] }), view === 'list' && (_jsx(ColumnPicker, { options: pickerOptions, visibleKeys: listView.visibleKeys, onChange: listView.setVisibleKeys }))] }) }), companies.records.length === 0 && !companies.isLoading && (_jsx("p", { className: "mb-3 text-[12px] text-ink-faint", children: "A raise belongs to a firm, so add a company before adding a raise." })), createRaise.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createRaise.error }) })), loadError !== null ? (_jsx(ErrorPanel, { error: loadError })) : isLoading ? (_jsx(LoadingPanel, { label: "Loading raises\u2026" })) : (_jsxs(_Fragment, { children: [view === 'list' && _jsx(Paginator, { list: raises, placement: "top" }), view === 'columns' ? (_jsx(KanbanBoard, { stages: visibleStages.map((stage) => ({ id: stage.id, label: stage.label })), cards: cards, onMove: (raiseId, stageId) => {
                             const raise = raises.records.find((candidate) => candidate.id === raiseId);
                             if (raise !== undefined && raise.stageId !== stageId) {
                                 updateRaise.run({ id: raiseId, changes: { stageId } });
@@ -179,9 +279,11 @@ export function FundraisingPage() {
                                 ? {
                                     label: 'Show all raises',
                                     onClick: () => {
-                                        setScope('all');
+                                        listView.setScope('all');
                                     },
                                 }
-                                : undefined, sort: sort, onSortChange: setSort })), updateRaise.error !== null && (_jsx("div", { className: "mt-3", children: _jsx(ErrorPanel, { error: updateRaise.error }) })), raises.hasMore && (_jsx("button", { type: "button", onClick: raises.loadMore, disabled: raises.isLoadingMore, className: "mt-3 rounded-md border border-border px-3 py-1.5 text-[12px] font-medium text-ink transition hover:border-border-strong hover:bg-surface-sunken disabled:opacity-50", children: raises.isLoadingMore ? 'Loading…' : 'Load more' })), companies.hasMore && (_jsx("p", { className: "mt-2 text-[11px] text-ink-faint", children: "More companies exist than one page returns, so some firm names may show as \u201C\u2014\u201D." })), plansTruncated && (_jsx("p", { className: "mt-2 text-[11px] text-ink-faint", children: "More plan items exist than one page returns, so some raises may show no next plan." }))] }))] }));
+                                : undefined, sort: sort, onSortChange: (next) => {
+                            listView.setSort(next);
+                        }, visibleColumnKeys: listView.visibleKeys })), updateRaise.error !== null && (_jsx("div", { className: "mt-3", children: _jsx(ErrorPanel, { error: updateRaise.error }) })), view === 'list' && _jsx(Paginator, { list: raises }), companies.hasNext && (_jsx("p", { className: "mt-2 text-[11px] text-ink-faint", children: "More companies exist than one page returns, so some firm names may show as \u201C\u2014\u201D." })), plansTruncated && (_jsx("p", { className: "mt-2 text-[11px] text-ink-faint", children: "More plan items exist than one page returns, so some raises may show no next plan." }))] }))] }));
 }
 //# sourceMappingURL=FundraisingPage.js.map

package/dist/pages/FundraisingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FundraisingPage.js","sourceRoot":"","sources":["../../src/pages/FundraisingPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FundraisingPage.js","sourceRoot":"","sources":["../../src/pages/FundraisingPage.tsx"],"names":[],"mappings":"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"}

package/dist/pages/HiringPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HiringPage.d.ts","sourceRoot":"","sources":["../../src/pages/HiringPage.tsx"],"names":[],"mappings":"AAeA;;;;;;GAMG;AACH,wBAAgB,UAAU,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAoJ9C"}
+{"version":3,"file":"HiringPage.d.ts","sourceRoot":"","sources":["../../src/pages/HiringPage.tsx"],"names":[],"mappings":"AAuBA;;;;;;GAMG;AACH,wBAAgB,UAAU,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAwK9C"}

package/dist/pages/HiringPage.js

@@ -4,11 +4,17 @@ import { useNavigate } from 'react-router';
 import { useTimezone } from '../api/resources/account.js';
 import { useCreateRole, useRoles } from '../api/resources/roles.js';
 import { Chip } from '../components/Chip.js';
+import { ColumnPicker } from '../components/ColumnPicker.js';
 import { DataTable } from '../components/DataTable.js';
 import { FilterBar, PageHeader } from '../components/PageHeader.js';
+import { Paginator } from '../components/Paginator.js';
 import { ErrorPanel, LoadingPanel } from '../components/QueryState.js';
 import { formatDate } from '../lib/dates.js';
+import { useListView } from '../lib/listView.js';
+import { serverSortOnly } from '../lib/sort.js';
 import { useRoleCandidateCounts } from './hiringDirectory.js';
+const DEFAULT_VISIBLE_KEYS = ['title', 'status', 'candidates', 'created'];
+const SERVER_SORT_KEYS = ['title', 'created_at', 'updated_at'];
 /**
  * The Hiring list: every opening, open or closed.
  *
@@ -20,8 +26,12 @@ export function HiringPage() {
     const [term, setTerm] = useState('');
     const [adding, setAdding] = useState(false);
     const [title, setTitle] = useState('');
+    const [sort, setSort] = useState(undefined);
     const navigate = useNavigate();
-    const roles = useRoles({ term: term.trim().length > 0 ? term.trim() : undefined });
+    const roles = useRoles({
+        term: term.trim().length > 0 ? term.trim() : undefined,
+        sort: serverSortOnly(sort, SERVER_SORT_KEYS),
+    });
     const counts = useRoleCandidateCounts(roles.records.map((role) => role.id));
     const createRole = useCreateRole();
     const timezone = useTimezone();
@@ -43,33 +53,46 @@ export function HiringPage() {
         {
             key: 'title',
             header: 'Role',
+            sortKey: 'title',
             render: (role) => _jsx("span", { className: "font-medium text-ink", children: role.title }),
         },
         {
             key: 'status',
             header: 'Status',
+            getSortValue: (role) => role.status,
             render: (role) => (_jsx(Chip, { tone: role.status === 'open' ? 'accent' : 'neutral', children: role.status === 'open' ? 'Open' : 'Closed' })),
         },
         {
             key: 'candidates',
             header: 'Candidates',
             className: 'w-28',
+            getSortValue: (role) => (counts.isLoading ? null : counts.countFor(role.id)),
             render: (role) => (_jsx("span", { className: "font-mono text-[12px]", children: counts.isLoading ? '—' : counts.countFor(role.id) })),
         },
         {
             key: 'created',
             header: 'Created',
+            sortKey: 'created_at',
             render: (role) => formatDate(role.createdAt, timezone),
         },
+        {
+            key: 'updated',
+            header: 'Updated',
+            sortKey: 'updated_at',
+            render: (role) => formatDate(role.updatedAt, timezone),
+        },
     ];
+    const supportedKeys = columns.map((column) => column.key);
+    const listView = useListView('roles', supportedKeys, DEFAULT_VISIBLE_KEYS);
+    const pickerOptions = columns.map((column) => ({ key: column.key, label: column.header }));
     return (_jsxs("div", { className: "animate-fade-in", children: [_jsx(PageHeader, { title: "Hiring", onAdd: () => {
                     setAdding((current) => !current);
-                }, addLabel: "Add role" }), adding && (_jsxs("form", { onSubmit: (event) => {
+                }, addLabel: "Add role", actions: _jsx(ColumnPicker, { options: pickerOptions, visibleKeys: listView.visibleKeys, onChange: listView.setVisibleKeys }) }), adding && (_jsxs("form", { onSubmit: (event) => {
                     void addRole(event);
                 }, className: "mb-4 flex max-w-md gap-2", children: [_jsx("input", { value: title, onChange: (event) => {
                             setTitle(event.target.value);
-                        }, placeholder: "Role title", autoFocus: true, className: "min-w-0 flex-1 rounded-md border border-border bg-surface-raised px-3 py-1.5 text-[13px] outline-none focus:border-accent", required: true }), _jsx("button", { type: "button", onClick: reset, className: "rounded-md px-2.5 py-1.5 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "submit", disabled: createRole.isPending, className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-semibold text-accent-fg transition hover:bg-accent-hover disabled:opacity-50", children: "Add" })] })), _jsx(FilterBar, { value: term, onChange: setTerm, placeholder: "Filter roles\u2026" }), createRole.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createRole.error }) })), roles.error !== null ? (_jsx(ErrorPanel, { error: roles.error })) : roles.isLoading ? (_jsx(LoadingPanel, { label: "Loading roles\u2026" })) : (_jsxs(_Fragment, { children: [_jsx(DataTable, { columns: columns, rows: roles.records, getRowId: (role) => role.id, onRowClick: (role) => {
+                        }, placeholder: "Role title", autoFocus: true, className: "min-w-0 flex-1 rounded-md border border-border bg-surface-raised px-3 py-1.5 text-[13px] outline-none focus:border-accent", required: true }), _jsx("button", { type: "button", onClick: reset, className: "rounded-md px-2.5 py-1.5 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "submit", disabled: createRole.isPending, className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-semibold text-accent-fg transition hover:bg-accent-hover disabled:opacity-50", children: "Add" })] })), _jsx(FilterBar, { value: term, onChange: setTerm, placeholder: "Filter roles\u2026" }), createRole.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createRole.error }) })), roles.error !== null ? (_jsx(ErrorPanel, { error: roles.error })) : roles.isLoading ? (_jsx(LoadingPanel, { label: "Loading roles\u2026" })) : (_jsxs(_Fragment, { children: [_jsx(Paginator, { list: roles, placement: "top" }), _jsx(DataTable, { columns: columns, rows: roles.records, getRowId: (role) => role.id, onRowClick: (role) => {
                             void navigate(`/hiring/${role.id}`);
-                        }, emptyMessage: "No roles yet" }), !counts.isComplete && !counts.isLoading && (_jsx("p", { className: "mt-2 text-[11px] text-ink-faint", children: "These roles hold more candidates than one page returns, so some counts read low." })), roles.hasMore && (_jsx("button", { type: "button", onClick: roles.loadMore, disabled: roles.isLoadingMore, className: "mt-3 rounded-md border border-border px-3 py-1.5 text-[12px] font-medium text-ink transition hover:border-border-strong hover:bg-surface-sunken disabled:opacity-50", children: roles.isLoadingMore ? 'Loading…' : 'Load more' }))] }))] }));
+                        }, emptyMessage: "No roles yet", sort: sort, onSortChange: setSort, visibleColumnKeys: listView.visibleKeys }), !counts.isComplete && !counts.isLoading && (_jsx("p", { className: "mt-2 text-[11px] text-ink-faint", children: "These roles hold more candidates than one page returns, so some counts read low." })), _jsx(Paginator, { list: roles })] }))] }));
 }
 //# sourceMappingURL=HiringPage.js.map

package/dist/pages/HiringPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiringPage.js","sourceRoot":"","sources":["../../src/pages/HiringPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HiringPage.js","sourceRoot":"","sources":["../../src/pages/HiringPage.tsx"],"names":[],"mappings":"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"}

package/dist/pages/ListDetail.d.ts

@@ -0,0 +1,11 @@
+/**
+ * One list, and the records on it.
+ *
+ * The type is fixed at creation, so the header shows it as a badge and the
+ * member picker below dispatches on it: a `person` list picks from people, a
+ * `company` list from companies, and so on. A candidate list has no picker in
+ * v1 because candidates carry no name of their own; add candidacies from the
+ * hiring pages.
+ */
+export declare function ListDetail(): React.JSX.Element;
+//# sourceMappingURL=ListDetail.d.ts.map

package/dist/pages/ListDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDetail.d.ts","sourceRoot":"","sources":["../../src/pages/ListDetail.tsx"],"names":[],"mappings":"AA6BA;;;;;;;;GAQG;AACH,wBAAgB,UAAU,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAmD9C"}

package/dist/pages/ListDetail.js

@@ -0,0 +1,188 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RECORD_TARGET_TYPE_LABELS } from '@kelpie/schemas';
+import { useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router';
+import { usePatch } from '../api/resource.js';
+import { useCompanies } from '../api/resources/companies.js';
+import { useDeals } from '../api/resources/deals.js';
+import { useDeleteList, useList, useUpdateList } from '../api/resources/lists.js';
+import { useAddListMember, useListMembers, useRemoveListMember, } from '../api/resources/listMembers.js';
+import { useOpportunities } from '../api/resources/opportunities.js';
+import { usePartnerships } from '../api/resources/partnerships.js';
+import { usePeople } from '../api/resources/people.js';
+import { useRaises } from '../api/resources/raises.js';
+import { Chip } from '../components/Chip.js';
+import { DeleteRecord } from '../components/DeleteRecord.js';
+import { EntitySearch } from '../components/EntitySearch.js';
+import { InlineEdit } from '../components/InlineEdit.js';
+import { Paginator } from '../components/Paginator.js';
+import { ErrorPanel, LoadingPanel, NotFoundPanel } from '../components/QueryState.js';
+import { SectionHeader } from '../components/SectionHeader.js';
+/**
+ * One list, and the records on it.
+ *
+ * The type is fixed at creation, so the header shows it as a badge and the
+ * member picker below dispatches on it: a `person` list picks from people, a
+ * `company` list from companies, and so on. A candidate list has no picker in
+ * v1 because candidates carry no name of their own; add candidacies from the
+ * hiring pages.
+ */
+export function ListDetail() {
+    const { id } = useParams();
+    const navigate = useNavigate();
+    const { record, isLoading, isNotFound, error } = useList(id);
+    const deleteList = useDeleteList();
+    if (isNotFound) {
+        return _jsx(NotFoundPanel, { label: "List", backTo: "/lists" });
+    }
+    if (error !== null) {
+        return _jsx(ErrorPanel, { error: error });
+    }
+    if (isLoading || record === undefined || id === undefined) {
+        return _jsx(LoadingPanel, { label: "Loading list\u2026" });
+    }
+    return (_jsxs("div", { className: "animate-fade-in mx-auto max-w-4xl", children: [_jsx(Link, { to: "/lists", className: "mb-4 inline-flex text-[12px] font-medium text-ink-muted transition hover:text-accent", children: "\u2190 Lists" }), _jsxs("div", { className: "mb-6 flex flex-wrap items-start justify-between gap-3", children: [_jsx(ListHeading, { list: record }), _jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-3", children: [_jsx(Chip, { children: RECORD_TARGET_TYPE_LABELS[record.targetType] }), _jsx(DeleteRecord, { recordLabel: "List", recordName: record.name, isPending: deleteList.isPending, error: deleteList.error, onConfirm: () => {
+                                    deleteList
+                                        .runAsync(record.id)
+                                        .then(() => navigate('/lists'))
+                                        .catch(() => undefined);
+                                } })] })] }), _jsx(ListDescription, { list: record }), _jsx(ListMembers, { listId: record.id, targetType: record.targetType })] }));
+}
+function useListPatch(list) {
+    return usePatch(useUpdateList, list);
+}
+function ListHeading({ list }) {
+    const { patch, error } = useListPatch(list);
+    return (_jsxs("div", { className: "min-w-0 flex-1", children: [error !== null && (_jsx("div", { className: "mb-2", children: _jsx(ErrorPanel, { error: error }) })), _jsx(InlineEdit, { value: list.name, onChange: (name) => {
+                    patch({ name });
+                }, displayClassName: "text-[22px] font-semibold tracking-tight text-ink not-italic", emptyLabel: "Untitled list" })] }));
+}
+function ListDescription({ list }) {
+    const { patch, error } = useListPatch(list);
+    return (_jsxs("div", { className: "mb-6", children: [error !== null && (_jsx("div", { className: "mb-2", children: _jsx(ErrorPanel, { error: error }) })), _jsx(InlineEdit, { value: list.description ?? '', onChange: (description) => {
+                    patch({ description: description.length > 0 ? description : null });
+                }, displayClassName: "text-[13px] text-ink-muted not-italic", emptyLabel: "Add a description", multiline: true })] }));
+}
+function ListMembers({ listId, targetType, }) {
+    const members = useListMembers(listId);
+    const addMember = useAddListMember();
+    const [adding, setAdding] = useState(false);
+    const attached = new Set(members.records.map((member) => member.targetId));
+    function add(targetId) {
+        if (attached.has(targetId)) {
+            return;
+        }
+        addMember.run({ listId, input: { targetType, targetId } });
+        setAdding(false);
+    }
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Members", onAdd: () => {
+                    setAdding((current) => !current);
+                }, addLabel: `Add ${RECORD_TARGET_TYPE_LABELS[targetType].toLowerCase()}` }), adding && (_jsxs("div", { className: "mb-3 flex gap-2", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(MemberPicker, { targetType: targetType, attached: attached, onPick: add }) }), _jsx("button", { type: "button", onClick: () => {
+                            setAdding(false);
+                        }, className: "shrink-0 rounded-md px-2.5 py-1.5 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" })] })), addMember.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: addMember.error }) })), members.error !== null && _jsx(ErrorPanel, { error: members.error }), members.isLoading ? (_jsx(LoadingPanel, { label: "Loading members\u2026" })) : members.records.length === 0 && !adding ? (_jsx("p", { className: "text-[13px] text-ink-faint", children: "No members yet." })) : (_jsxs(_Fragment, { children: [_jsx(Paginator, { list: members, placement: "top" }), _jsx("ul", { className: "overflow-hidden rounded-md border border-border", children: members.records.map((member) => (_jsx(MemberRow, { listId: listId, member: member }, member.id))) })] })), _jsx(Paginator, { list: members })] }));
+}
+function MemberRow({ listId, member, }) {
+    const remove = useRemoveListMember();
+    return (_jsxs("li", { className: "border-b border-border px-4 py-3 last:border-0", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(Link, { to: detailPathFor(member.targetType, member.targetId), className: "text-left text-[13px] font-medium text-ink hover:text-accent", children: member.targetName ?? member.targetId }), _jsx("button", { type: "button", onClick: () => {
+                            remove.run({ listId, id: member.id });
+                        }, className: "text-[11px] font-medium text-danger hover:underline", children: "Remove" })] }), remove.error !== null && (_jsx("div", { className: "mt-2", children: _jsx(ErrorPanel, { error: remove.error }) }))] }));
+}
+/** Where a link on a member row should go. Every type has its own detail path. */
+function detailPathFor(targetType, targetId) {
+    switch (targetType) {
+        case 'person':
+            return `/people/${targetId}`;
+        case 'company':
+            return `/companies/${targetId}`;
+        case 'deal':
+            return `/deals/${targetId}`;
+        case 'opportunity':
+            return `/opportunities/${targetId}`;
+        case 'partnership':
+            return `/partnerships/${targetId}`;
+        case 'raise':
+            return `/fundraising/${targetId}`;
+        case 'candidate':
+            // A candidate has no page of its own; the person's does.
+            return `/hiring`;
+    }
+}
+/**
+ * A "search or pick" combobox that queries the collection matching the list's
+ * type. Each type gets its own component so React sees a stable set of hook
+ * calls per render.
+ */
+function MemberPicker({ targetType, attached, onPick, }) {
+    switch (targetType) {
+        case 'person':
+            return _jsx(PeoplePicker, { attached: attached, onPick: onPick });
+        case 'company':
+            return _jsx(CompaniesPicker, { attached: attached, onPick: onPick });
+        case 'deal':
+            return _jsx(DealsPicker, { attached: attached, onPick: onPick });
+        case 'opportunity':
+            return _jsx(OpportunitiesPicker, { attached: attached, onPick: onPick });
+        case 'partnership':
+            return _jsx(PartnershipsPicker, { attached: attached, onPick: onPick });
+        case 'raise':
+            return _jsx(RaisesPicker, { attached: attached, onPick: onPick });
+        case 'candidate':
+            return (_jsx("p", { className: "text-[12px] text-ink-faint", children: "Candidate lists have no inline picker in this release. Add candidacies from a role's page, then attach them here through the API." }));
+    }
+}
+function PeoplePicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = usePeople({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name, meta: row.email ?? undefined }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function CompaniesPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useCompanies({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name, meta: row.domain ?? undefined }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function DealsPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useDeals({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function OpportunitiesPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useOpportunities({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function PartnershipsPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = usePartnerships({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function RaisesPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useRaises({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function PickerBox({ onQueryChange, onPick, options, }) {
+    return (_jsx(EntitySearch, { options: options, value: "", onChange: onPick, onQueryChange: onQueryChange, placeholder: "Search\u2026", emptyMessage: "No matches", size: "md" }));
+}
+function trimmedOrUndefined(value) {
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : undefined;
+}
+//# sourceMappingURL=ListDetail.js.map