@burdenoff/microfe-housingvista 2026.608.1 → 2026.624.1

package/dist/housingvista/components/DataTable.js

@@ -3,25 +3,25 @@ import { useCallback as t, useMemo as n, useState as r } from "react";
 import { ChevronDown as i, ChevronLeft as a, ChevronRight as o, ChevronUp as s, ChevronsUpDown as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/housingvista/components/DataTable.tsx
-function d({ columns: d, data: f, keyField: p, onRowClick: m, emptyMessage: h = "No data available", className: g, pageSize: _ = 10, selectable: v = !1, selectedKeys: y, onSelectionChange: b }) {
-	let [x, S] = r(null), [C, w] = r(null), [T, E] = r(0), D = t((e) => {
-		x === e ? C === "asc" ? w("desc") : C === "desc" ? (S(null), w(null)) : w("asc") : (S(e), w("asc")), E(0);
-	}, [x, C]), O = n(() => !x || !C ? f : [...f].sort((e, t) => {
-		let n = e[x], r = t[x];
+function d({ columns: d, data: f, keyField: p, onRowClick: m, emptyMessage: h = "No data available", className: g, pageSize: _ = 10, selectable: v = !1, selectedKeys: y, onSelectionChange: b, serverPagination: x }) {
+	let [S, C] = r(null), [w, T] = r(null), [E, D] = r(0), O = t((e) => {
+		S === e ? w === "asc" ? T("desc") : w === "desc" ? (C(null), T(null)) : T("asc") : (C(e), T("asc")), D(0);
+	}, [S, w]), k = n(() => !S || !w ? f : [...f].sort((e, t) => {
+		let n = e[S], r = t[S];
 		if (n == null && r == null) return 0;
 		if (n == null) return 1;
 		if (r == null) return -1;
 		let i = typeof n == "number" && typeof r == "number" ? n - r : String(n).localeCompare(String(r));
-		return C === "asc" ? i : -i;
+		return w === "asc" ? i : -i;
 	}), [
 		f,
-		x,
-		C
-	]), k = Math.max(1, Math.ceil(O.length / _)), A = O.slice(T * _, (T + 1) * _), j = v && y ? A.every((e) => y.has(String(e[p]))) : !1, M = () => {
+		S,
+		w
+	]), A = x?.pageSize ?? _, j = Math.max(1, Math.ceil(k.length / A)), M = x ? k : k.slice(E * A, (E + 1) * A), N = v && y ? M.every((e) => y.has(String(e[p]))) : !1, P = () => {
 		if (!b || !y) return;
 		let e = new Set(y);
-		j ? A.forEach((t) => e.delete(String(t[p]))) : A.forEach((t) => e.add(String(t[p]))), b(e);
-	}, N = (e) => {
+		N ? M.forEach((t) => e.delete(String(t[p]))) : M.forEach((t) => e.add(String(t[p]))), b(e);
+	}, F = (e) => {
 		if (!b || !y) return;
 		let t = String(e[p]), n = new Set(y);
 		n.has(t) ? n.delete(t) : n.add(t), b(n);
@@ -44,24 +44,24 @@ function d({ columns: d, data: f, keyField: p, onRowClick: m, emptyMessage: h =
 						className: "w-10 px-3 py-3",
 						children: /* @__PURE__ */ l("input", {
 							type: "checkbox",
-							checked: j && A.length > 0,
-							onChange: M,
+							checked: N && M.length > 0,
+							onChange: P,
 							className: "h-4 w-4 rounded border-border"
 						})
 					}), d.map((t) => {
-						let n = t.sortable !== !1, r = x === t.key;
+						let n = t.sortable !== !1, r = S === t.key;
 						return /* @__PURE__ */ l("th", {
 							className: e("px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground", n && "cursor-pointer select-none hover:text-foreground", t.className),
-							onClick: n ? () => D(t.key) : void 0,
+							onClick: n ? () => O(t.key) : void 0,
 							children: /* @__PURE__ */ u("span", {
 								className: "inline-flex items-center gap-1",
-								children: [t.header, n && (r ? l(C === "asc" ? s : i, { className: "h-3 w-3" }) : /* @__PURE__ */ l(c, { className: "h-3 w-3 opacity-30" }))]
+								children: [t.header, n && (r ? l(w === "asc" ? s : i, { className: "h-3 w-3" }) : /* @__PURE__ */ l(c, { className: "h-3 w-3 opacity-30" }))]
 							})
 						}, t.key);
 					})]
 				}) }), /* @__PURE__ */ l("tbody", {
 					className: "divide-y divide-border bg-card",
-					children: A.map((t) => {
+					children: M.map((t) => {
 						let n = String(t[p]), r = v && y?.has(n);
 						return /* @__PURE__ */ u("tr", {
 							className: e("transition-colors", m && "cursor-pointer hover:bg-muted/50", r && "bg-primary/5"),
@@ -72,7 +72,7 @@ function d({ columns: d, data: f, keyField: p, onRowClick: m, emptyMessage: h =
 								children: /* @__PURE__ */ l("input", {
 									type: "checkbox",
 									checked: r ?? !1,
-									onChange: () => N(t),
+									onChange: () => F(t),
 									className: "h-4 w-4 rounded border-border"
 								})
 							}), d.map((n) => /* @__PURE__ */ l("td", {
@@ -83,41 +83,81 @@ function d({ columns: d, data: f, keyField: p, onRowClick: m, emptyMessage: h =
 					})
 				})]
 			})
-		}), O.length > _ && /* @__PURE__ */ u("div", {
+		}), x ? /* @__PURE__ */ u("div", {
+			className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-3 text-sm sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ u("span", {
+				className: "text-muted-foreground",
+				children: ["Page ", x.page]
+			}), /* @__PURE__ */ u("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					x.onPageSizeChange ? /* @__PURE__ */ l("select", {
+						value: x.pageSize,
+						onChange: (e) => x.onPageSizeChange?.(Number(e.target.value)),
+						disabled: x.loading,
+						className: "h-8 rounded-md border border-border bg-card px-2 text-sm text-foreground disabled:opacity-50",
+						"aria-label": "Rows per page",
+						children: [
+							10,
+							25,
+							50,
+							100
+						].map((e) => /* @__PURE__ */ u("option", {
+							value: e,
+							children: [e, " / page"]
+						}, e))
+					}) : null,
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => x.onPageChange(x.page - 1),
+						disabled: x.loading || x.page <= 1,
+						className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40",
+						children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), "Previous"]
+					}),
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => x.onPageChange(x.page + 1),
+						disabled: x.loading || !(x.hasNextPage ?? k.length >= x.pageSize),
+						className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40",
+						children: ["Next", /* @__PURE__ */ l(o, { className: "h-4 w-4" })]
+					})
+				]
+			})]
+		}) : k.length > _ ? /* @__PURE__ */ u("div", {
 			className: "flex items-center justify-between text-sm",
 			children: [/* @__PURE__ */ u("span", {
 				className: "text-muted-foreground",
 				children: [
 					"Showing ",
-					T * _ + 1,
+					E * _ + 1,
 					"-",
-					Math.min((T + 1) * _, O.length),
+					Math.min((E + 1) * _, k.length),
 					" of ",
-					O.length
+					k.length
 				]
 			}), /* @__PURE__ */ u("div", {
 				className: "flex items-center gap-1",
 				children: [
 					/* @__PURE__ */ l("button", {
-						onClick: () => E((e) => Math.max(0, e - 1)),
-						disabled: T === 0,
+						onClick: () => D((e) => Math.max(0, e - 1)),
+						disabled: E === 0,
 						className: "rounded-md border border-border p-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40",
 						children: /* @__PURE__ */ l(a, { className: "h-4 w-4" })
 					}),
-					Array.from({ length: k }).map((t, n) => /* @__PURE__ */ l("button", {
-						onClick: () => E(n),
-						className: e("h-8 w-8 rounded-md text-xs font-medium transition-colors", n === T ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted"),
+					Array.from({ length: j }).map((t, n) => /* @__PURE__ */ l("button", {
+						onClick: () => D(n),
+						className: e("h-8 w-8 rounded-md text-xs font-medium transition-colors", n === E ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted"),
 						children: n + 1
 					}, n)),
 					/* @__PURE__ */ l("button", {
-						onClick: () => E((e) => Math.min(k - 1, e + 1)),
-						disabled: T >= k - 1,
+						onClick: () => D((e) => Math.min(j - 1, e + 1)),
+						disabled: E >= j - 1,
 						className: "rounded-md border border-border p-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40",
 						children: /* @__PURE__ */ l(o, { className: "h-4 w-4" })
 					})
 				]
 			})]
-		})]
+		}) : null]
 	});
 }
 //#endregion

package/dist/housingvista/components/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/housingvista/components/DataTable.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, type ReactNode } from 'react';\nimport { ChevronUp, ChevronDown, ChevronsUpDown, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { cn } from '../utils/helpers';\n\nexport interface Column<T> {\n  key: string;\n  header: string;\n  render?: (item: T) => ReactNode;\n  className?: string;\n  sortable?: boolean;\n}\n\ntype SortDirection = 'asc' | 'desc' | null;\n\ninterface DataTableProps<T> {\n  columns: Column<T>[];\n  data: T[];\n  keyField: string;\n  onRowClick?: (item: T) => void;\n  emptyMessage?: string;\n  className?: string;\n  pageSize?: number;\n  selectable?: boolean;\n  selectedKeys?: Set<string>;\n  onSelectionChange?: (keys: Set<string>) => void;\n}\n\nexport function DataTable<T extends object>({\n  columns,\n  data,\n  keyField,\n  onRowClick,\n  emptyMessage = 'No data available',\n  className,\n  pageSize = 10,\n  selectable = false,\n  selectedKeys,\n  onSelectionChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<SortDirection>(null);\n  const [page, setPage] = useState(0);\n\n  const handleSort = useCallback(\n    (key: string) => {\n      if (sortKey === key) {\n        if (sortDir === 'asc') setSortDir('desc');\n        else if (sortDir === 'desc') {\n          setSortKey(null);\n          setSortDir(null);\n        } else setSortDir('asc');\n      } else {\n        setSortKey(key);\n        setSortDir('asc');\n      }\n      setPage(0);\n    },\n    [sortKey, sortDir]\n  );\n\n  const sorted = useMemo(() => {\n    if (!sortKey || !sortDir) return data;\n    return [...data].sort((a, b) => {\n      const av = (a as Record<string, unknown>)[sortKey];\n      const bv = (b as Record<string, unknown>)[sortKey];\n      if (av == null && bv == null) return 0;\n      if (av == null) return 1;\n      if (bv == null) return -1;\n      const cmp = typeof av === 'number' && typeof bv === 'number' ? av - bv : String(av).localeCompare(String(bv));\n      return sortDir === 'asc' ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir]);\n\n  const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n  const paged = sorted.slice(page * pageSize, (page + 1) * pageSize);\n\n  const allPageKeysSelected =\n    selectable && selectedKeys\n      ? paged.every((item) => selectedKeys.has(String((item as Record<string, unknown>)[keyField])))\n      : false;\n\n  const handleSelectAll = () => {\n    if (!onSelectionChange || !selectedKeys) return;\n    const keys = new Set(selectedKeys);\n    if (allPageKeysSelected) {\n      paged.forEach((item) => keys.delete(String((item as Record<string, unknown>)[keyField])));\n    } else {\n      paged.forEach((item) => keys.add(String((item as Record<string, unknown>)[keyField])));\n    }\n    onSelectionChange(keys);\n  };\n\n  const handleSelectRow = (item: T) => {\n    if (!onSelectionChange || !selectedKeys) return;\n    const key = String((item as Record<string, unknown>)[keyField]);\n    const keys = new Set(selectedKeys);\n    if (keys.has(key)) keys.delete(key);\n    else keys.add(key);\n    onSelectionChange(keys);\n  };\n\n  if (data.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center rounded-lg border border-border bg-card p-12\">\n        <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      <div className=\"overflow-x-auto rounded-lg border border-border\">\n        <table className=\"w-full\">\n          <thead>\n            <tr className=\"border-b border-border bg-muted/50\">\n              {selectable && (\n                <th className=\"w-10 px-3 py-3\">\n                  <input\n                    type=\"checkbox\"\n                    checked={allPageKeysSelected && paged.length > 0}\n                    onChange={handleSelectAll}\n                    className=\"h-4 w-4 rounded border-border\"\n                  />\n                </th>\n              )}\n              {columns.map((col) => {\n                const isSortable = col.sortable !== false;\n                const isActive = sortKey === col.key;\n                return (\n                  <th\n                    key={col.key}\n                    className={cn(\n                      'px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground',\n                      isSortable && 'cursor-pointer select-none hover:text-foreground',\n                      col.className\n                    )}\n                    onClick={isSortable ? () => handleSort(col.key) : undefined}\n                  >\n                    <span className=\"inline-flex items-center gap-1\">\n                      {col.header}\n                      {isSortable &&\n                        (isActive ? (\n                          sortDir === 'asc' ? (\n                            <ChevronUp className=\"h-3 w-3\" />\n                          ) : (\n                            <ChevronDown className=\"h-3 w-3\" />\n                          )\n                        ) : (\n                          <ChevronsUpDown className=\"h-3 w-3 opacity-30\" />\n                        ))}\n                    </span>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody className=\"divide-y divide-border bg-card\">\n            {paged.map((item) => {\n              const rowKey = String((item as Record<string, unknown>)[keyField]);\n              const isSelected = selectable && selectedKeys?.has(rowKey);\n              return (\n                <tr\n                  key={rowKey}\n                  className={cn(\n                    'transition-colors',\n                    onRowClick && 'cursor-pointer hover:bg-muted/50',\n                    isSelected && 'bg-primary/5'\n                  )}\n                  onClick={() => onRowClick?.(item)}\n                >\n                  {selectable && (\n                    <td className=\"w-10 px-3 py-3\" onClick={(e) => e.stopPropagation()}>\n                      <input\n                        type=\"checkbox\"\n                        checked={isSelected ?? false}\n                        onChange={() => handleSelectRow(item)}\n                        className=\"h-4 w-4 rounded border-border\"\n                      />\n                    </td>\n                  )}\n                  {columns.map((col) => (\n                    <td key={col.key} className={cn('px-4 py-3 text-sm text-foreground', col.className)}>\n                      {col.render ? col.render(item) : String((item as Record<string, unknown>)[col.key] ?? '')}\n                    </td>\n                  ))}\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      {/* Pagination */}\n      {sorted.length > pageSize && (\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-muted-foreground\">\n            Showing {page * pageSize + 1}-{Math.min((page + 1) * pageSize, sorted.length)} of {sorted.length}\n          </span>\n          <div className=\"flex items-center gap-1\">\n            <button\n              onClick={() => setPage((p) => Math.max(0, p - 1))}\n              disabled={page === 0}\n              className=\"rounded-md border border-border p-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </button>\n            {Array.from({ length: totalPages }).map((_, i) => (\n              <button\n                key={i}\n                onClick={() => setPage(i)}\n                className={cn(\n                  'h-8 w-8 rounded-md text-xs font-medium transition-colors',\n                  i === page ? 'bg-foreground text-background' : 'text-muted-foreground hover:bg-muted'\n                )}\n              >\n                {i + 1}\n              </button>\n            ))}\n            <button\n              onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}\n              disabled={page >= totalPages - 1}\n              className=\"rounded-md border border-border p-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/housingvista/components/DataTable.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, type ReactNode } from 'react';\nimport { ChevronUp, ChevronDown, ChevronsUpDown, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { cn } from '../utils/helpers';\n\nexport interface Column<T> {\n  key: string;\n  header: string;\n  render?: (item: T) => ReactNode;\n  className?: string;\n  sortable?: boolean;\n}\n\ntype SortDirection = 'asc' | 'desc' | null;\n\ninterface DataTableProps<T> {\n  columns: Column<T>[];\n  data: T[];\n  keyField: string;\n  onRowClick?: (item: T) => void;\n  emptyMessage?: string;\n  className?: string;\n  pageSize?: number;\n  selectable?: boolean;\n  selectedKeys?: Set<string>;\n  onSelectionChange?: (keys: Set<string>) => void;\n  serverPagination?: {\n    page: number;\n    pageSize: number;\n    hasNextPage?: boolean;\n    loading?: boolean;\n    onPageChange: (page: number) => void;\n    onPageSizeChange?: (pageSize: number) => void;\n  };\n}\n\nexport function DataTable<T extends object>({\n  columns,\n  data,\n  keyField,\n  onRowClick,\n  emptyMessage = 'No data available',\n  className,\n  pageSize = 10,\n  selectable = false,\n  selectedKeys,\n  onSelectionChange,\n  serverPagination,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<SortDirection>(null);\n  const [page, setPage] = useState(0);\n\n  const handleSort = useCallback(\n    (key: string) => {\n      if (sortKey === key) {\n        if (sortDir === 'asc') setSortDir('desc');\n        else if (sortDir === 'desc') {\n          setSortKey(null);\n          setSortDir(null);\n        } else setSortDir('asc');\n      } else {\n        setSortKey(key);\n        setSortDir('asc');\n      }\n      setPage(0);\n    },\n    [sortKey, sortDir]\n  );\n\n  const sorted = useMemo(() => {\n    if (!sortKey || !sortDir) return data;\n    return [...data].sort((a, b) => {\n      const av = (a as Record<string, unknown>)[sortKey];\n      const bv = (b as Record<string, unknown>)[sortKey];\n      if (av == null && bv == null) return 0;\n      if (av == null) return 1;\n      if (bv == null) return -1;\n      const cmp = typeof av === 'number' && typeof bv === 'number' ? av - bv : String(av).localeCompare(String(bv));\n      return sortDir === 'asc' ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir]);\n\n  const effectivePageSize = serverPagination?.pageSize ?? pageSize;\n  const totalPages = Math.max(1, Math.ceil(sorted.length / effectivePageSize));\n  const paged = serverPagination ? sorted : sorted.slice(page * effectivePageSize, (page + 1) * effectivePageSize);\n\n  const allPageKeysSelected =\n    selectable && selectedKeys\n      ? paged.every((item) => selectedKeys.has(String((item as Record<string, unknown>)[keyField])))\n      : false;\n\n  const handleSelectAll = () => {\n    if (!onSelectionChange || !selectedKeys) return;\n    const keys = new Set(selectedKeys);\n    if (allPageKeysSelected) {\n      paged.forEach((item) => keys.delete(String((item as Record<string, unknown>)[keyField])));\n    } else {\n      paged.forEach((item) => keys.add(String((item as Record<string, unknown>)[keyField])));\n    }\n    onSelectionChange(keys);\n  };\n\n  const handleSelectRow = (item: T) => {\n    if (!onSelectionChange || !selectedKeys) return;\n    const key = String((item as Record<string, unknown>)[keyField]);\n    const keys = new Set(selectedKeys);\n    if (keys.has(key)) keys.delete(key);\n    else keys.add(key);\n    onSelectionChange(keys);\n  };\n\n  if (data.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center rounded-lg border border-border bg-card p-12\">\n        <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      <div className=\"overflow-x-auto rounded-lg border border-border\">\n        <table className=\"w-full\">\n          <thead>\n            <tr className=\"border-b border-border bg-muted/50\">\n              {selectable && (\n                <th className=\"w-10 px-3 py-3\">\n                  <input\n                    type=\"checkbox\"\n                    checked={allPageKeysSelected && paged.length > 0}\n                    onChange={handleSelectAll}\n                    className=\"h-4 w-4 rounded border-border\"\n                  />\n                </th>\n              )}\n              {columns.map((col) => {\n                const isSortable = col.sortable !== false;\n                const isActive = sortKey === col.key;\n                return (\n                  <th\n                    key={col.key}\n                    className={cn(\n                      'px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground',\n                      isSortable && 'cursor-pointer select-none hover:text-foreground',\n                      col.className\n                    )}\n                    onClick={isSortable ? () => handleSort(col.key) : undefined}\n                  >\n                    <span className=\"inline-flex items-center gap-1\">\n                      {col.header}\n                      {isSortable &&\n                        (isActive ? (\n                          sortDir === 'asc' ? (\n                            <ChevronUp className=\"h-3 w-3\" />\n                          ) : (\n                            <ChevronDown className=\"h-3 w-3\" />\n                          )\n                        ) : (\n                          <ChevronsUpDown className=\"h-3 w-3 opacity-30\" />\n                        ))}\n                    </span>\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody className=\"divide-y divide-border bg-card\">\n            {paged.map((item) => {\n              const rowKey = String((item as Record<string, unknown>)[keyField]);\n              const isSelected = selectable && selectedKeys?.has(rowKey);\n              return (\n                <tr\n                  key={rowKey}\n                  className={cn(\n                    'transition-colors',\n                    onRowClick && 'cursor-pointer hover:bg-muted/50',\n                    isSelected && 'bg-primary/5'\n                  )}\n                  onClick={() => onRowClick?.(item)}\n                >\n                  {selectable && (\n                    <td className=\"w-10 px-3 py-3\" onClick={(e) => e.stopPropagation()}>\n                      <input\n                        type=\"checkbox\"\n                        checked={isSelected ?? false}\n                        onChange={() => handleSelectRow(item)}\n                        className=\"h-4 w-4 rounded border-border\"\n                      />\n                    </td>\n                  )}\n                  {columns.map((col) => (\n                    <td key={col.key} className={cn('px-4 py-3 text-sm text-foreground', col.className)}>\n                      {col.render ? col.render(item) : String((item as Record<string, unknown>)[col.key] ?? '')}\n                    </td>\n                  ))}\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      {serverPagination ? (\n        <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card p-3 text-sm sm:flex-row sm:items-center sm:justify-between\">\n          <span className=\"text-muted-foreground\">Page {serverPagination.page}</span>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {serverPagination.onPageSizeChange ? (\n              <select\n                value={serverPagination.pageSize}\n                onChange={(event) => serverPagination.onPageSizeChange?.(Number(event.target.value))}\n                disabled={serverPagination.loading}\n                className=\"h-8 rounded-md border border-border bg-card px-2 text-sm text-foreground disabled:opacity-50\"\n                aria-label=\"Rows per page\"\n              >\n                {[10, 25, 50, 100].map((option) => (\n                  <option key={option} value={option}>\n                    {option} / page\n                  </option>\n                ))}\n              </select>\n            ) : null}\n            <button\n              type=\"button\"\n              onClick={() => serverPagination.onPageChange(serverPagination.page - 1)}\n              disabled={serverPagination.loading || serverPagination.page <= 1}\n              className=\"inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              Previous\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => serverPagination.onPageChange(serverPagination.page + 1)}\n              disabled={\n                serverPagination.loading ||\n                !(serverPagination.hasNextPage ?? sorted.length >= serverPagination.pageSize)\n              }\n              className=\"inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              Next\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        </div>\n      ) : sorted.length > pageSize ? (\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-muted-foreground\">\n            Showing {page * pageSize + 1}-{Math.min((page + 1) * pageSize, sorted.length)} of {sorted.length}\n          </span>\n          <div className=\"flex items-center gap-1\">\n            <button\n              onClick={() => setPage((p) => Math.max(0, p - 1))}\n              disabled={page === 0}\n              className=\"rounded-md border border-border p-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </button>\n            {Array.from({ length: totalPages }).map((_, i) => (\n              <button\n                key={i}\n                onClick={() => setPage(i)}\n                className={cn(\n                  'h-8 w-8 rounded-md text-xs font-medium transition-colors',\n                  i === page ? 'bg-foreground text-background' : 'text-muted-foreground hover:bg-muted'\n                )}\n              >\n                {i + 1}\n              </button>\n            ))}\n            <button\n              onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}\n              disabled={page >= totalPages - 1}\n              className=\"rounded-md border border-border p-1.5 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-40\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/hooks/index.js

@@ -1,7 +1,13 @@
 import { gql as e } from "@apollo/client";
 import { useQuery as t } from "@apollo/client/react";
 //#region src/housingvista/hooks/index.ts
-var n = e`
+var n = {
+	limit: 50,
+	offset: 0
+}, r = (e = n) => ({ pagination: {
+	limit: e.limit ?? n.limit,
+	offset: e.offset ?? n.offset
+} }), i = e`
   query GetDashboardStats {
     housingvistaDashboardStats {
       totalProperties
@@ -18,9 +24,9 @@ var n = e`
       upcomingViewings
     }
   }
-`, r = e`
-  query GetProperties {
-    housingvistaProperties {
+`, a = e`
+  query GetProperties($pagination: HousingVistaPaginationInput) {
+    housingvistaProperties(pagination: $pagination) {
       id
       title
       description
@@ -81,9 +87,9 @@ var n = e`
       updatedAt
     }
   }
-`, i = e`
-  query GetTransactions {
-    housingvistaTransactions {
+`, o = e`
+  query GetTransactions($pagination: HousingVistaPaginationInput) {
+    housingvistaTransactions(pagination: $pagination) {
       id
       type
       status
@@ -94,6 +100,10 @@ var n = e`
       property {
         id
         title
+        location {
+          city
+          state
+        }
         images {
           id
           url
@@ -126,9 +136,9 @@ var n = e`
       }
     }
   }
-`, a = e`
-  query GetInvestments {
-    housingvistaInvestments {
+`, s = e`
+  query GetInvestments($pagination: HousingVistaPaginationInput) {
+    housingvistaInvestments(pagination: $pagination) {
       id
       investmentType
       totalValue
@@ -146,9 +156,9 @@ var n = e`
       }
     }
   }
-`, o = e`
-  query GetRentalUnits {
-    housingvistaRentalUnits {
+`, c = e`
+  query GetRentalUnits($pagination: HousingVistaPaginationInput) {
+    housingvistaRentalUnits(pagination: $pagination) {
       id
       propertyId
       propertyTitle
@@ -165,9 +175,9 @@ var n = e`
       securityDeposit
     }
   }
-`, s = e`
-  query GetAssets {
-    housingvistaAssets {
+`, l = e`
+  query GetAssets($pagination: HousingVistaPaginationInput) {
+    housingvistaAssets(pagination: $pagination) {
       id
       title
       type
@@ -183,9 +193,9 @@ var n = e`
       lastValuationDate
     }
   }
-`, c = e`
-  query GetAmcContracts {
-    housingvistaAmcContracts {
+`, u = e`
+  query GetAmcContracts($pagination: HousingVistaPaginationInput) {
+    housingvistaAmcContracts(pagination: $pagination) {
       id
       propertyId
       propertyTitle
@@ -199,9 +209,9 @@ var n = e`
       servicesIncluded
     }
   }
-`, l = e`
-  query GetMarketplaceServices {
-    housingvistaMarketplaceServices {
+`, d = e`
+  query GetMarketplaceServices($pagination: HousingVistaPaginationInput) {
+    housingvistaMarketplaceServices(pagination: $pagination) {
       id
       name
       providerName
@@ -217,9 +227,9 @@ var n = e`
       featured
     }
   }
-`, u = e`
-  query GetVerifications {
-    housingvistaVerificationItems {
+`, f = e`
+  query GetVerifications($pagination: HousingVistaPaginationInput) {
+    housingvistaVerificationItems(pagination: $pagination) {
       id
       entityType
       entityId
@@ -231,9 +241,9 @@ var n = e`
       notes
     }
   }
-`, d = e`
-  query GetLegalServices {
-    housingvistaLegalServices {
+`, p = e`
+  query GetLegalServices($pagination: HousingVistaPaginationInput) {
+    housingvistaLegalServices(pagination: $pagination) {
       id
       title
       category
@@ -247,9 +257,9 @@ var n = e`
       documentsRequired
     }
   }
-`, f = e`
-  query GetHomeLoans {
-    housingvistaHomeLoanOffers {
+`, m = e`
+  query GetHomeLoans($pagination: HousingVistaPaginationInput) {
+    housingvistaHomeLoanOffers(pagination: $pagination) {
       id
       bankName
       bankLogo
@@ -264,9 +274,9 @@ var n = e`
       prepaymentCharges
     }
   }
-`, p = e`
-  query GetMarketTrends {
-    housingvistaMarketTrends {
+`, h = e`
+  query GetMarketTrends($pagination: HousingVistaPaginationInput) {
+    housingvistaMarketTrends(pagination: $pagination) {
       month
       avgPrice
       avgRent
@@ -275,9 +285,9 @@ var n = e`
       priceChangePercent
     }
   }
-`, m = e`
-  query GetAreaInsights {
-    housingvistaAreaInsights {
+`, g = e`
+  query GetAreaInsights($pagination: HousingVistaPaginationInput) {
+    housingvistaAreaInsights(pagination: $pagination) {
       id
       areaName
       city
@@ -294,8 +304,8 @@ var n = e`
       upcomingProjects
     }
   }
-`, h = () => {
-	let { data: e, loading: r, error: i } = t(n);
+`, _ = () => {
+	let { data: e, loading: n, error: r } = t(i);
 	return {
 		data: e?.housingvistaDashboardStats || {
 			totalProperties: 0,
@@ -311,13 +321,13 @@ var n = e`
 			unreadMessages: 0,
 			upcomingViewings: 0
 		},
-		loading: r,
-		error: i
+		loading: n,
+		error: r
 	};
-}, g = () => {
-	let { data: e, loading: n, error: r } = t(i);
+}, v = (e) => {
+	let { data: n, loading: i, error: a } = t(o, { variables: r(e) });
 	return {
-		data: (e?.housingvistaTransactions || []).map((e) => ({
+		data: (n?.housingvistaTransactions || []).map((e) => ({
 			id: `act-${e.id}`,
 			type: "transaction_update",
 			title: `Transaction: ${e.type}`,
@@ -328,107 +338,107 @@ var n = e`
 			actorName: e.buyer ? `${e.buyer.firstName} ${e.buyer.lastName}` : e.tenant ? `${e.tenant.firstName} ${e.tenant.lastName}` : "System",
 			actorAvatar: e.buyer?.avatar || e.tenant?.avatar
 		})),
-		loading: n,
-		error: r
+		loading: i,
+		error: a
 	};
-}, _ = () => {
-	let { data: e, loading: n, error: i } = t(r);
+}, y = (e) => {
+	let { data: n, loading: i, error: o } = t(a, { variables: r(e) });
 	return {
-		data: e?.housingvistaProperties || [],
-		loading: n,
-		error: i
+		data: n?.housingvistaProperties || [],
+		loading: i,
+		error: o
 	};
-}, v = () => {
-	let { data: e, loading: n, error: r } = t(i);
+}, b = (e) => {
+	let { data: n, loading: i, error: a } = t(o, { variables: r(e) });
 	return {
-		data: e?.housingvistaTransactions || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaTransactions || [],
+		loading: i,
+		error: a
 	};
-}, y = () => {
-	let { data: e, loading: n, error: r } = t(a);
+}, x = (e) => {
+	let { data: n, loading: i, error: a } = t(s, { variables: r(e) });
 	return {
-		data: e?.housingvistaInvestments || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaInvestments || [],
+		loading: i,
+		error: a
 	};
-}, b = () => {
-	let { data: e, loading: n, error: r } = t(o);
+}, S = (e) => {
+	let { data: n, loading: i, error: a } = t(c, { variables: r(e) });
 	return {
-		data: e?.housingvistaRentalUnits || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaRentalUnits || [],
+		loading: i,
+		error: a
 	};
-}, x = () => {
-	let { data: e, loading: n, error: r } = t(s);
+}, C = (e) => {
+	let { data: n, loading: i, error: a } = t(l, { variables: r(e) });
 	return {
-		data: e?.housingvistaAssets || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaAssets || [],
+		loading: i,
+		error: a
 	};
-}, S = () => {
-	let { data: e, loading: n, error: r } = t(c);
+}, w = (e) => {
+	let { data: n, loading: i, error: a } = t(u, { variables: r(e) });
 	return {
-		data: e?.housingvistaAmcContracts || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaAmcContracts || [],
+		loading: i,
+		error: a
 	};
-}, C = () => {
-	let { data: e, loading: n, error: r } = t(l);
+}, T = (e) => {
+	let { data: n, loading: i, error: a } = t(d, { variables: r(e) });
 	return {
-		data: e?.housingvistaMarketplaceServices || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaMarketplaceServices || [],
+		loading: i,
+		error: a
 	};
-}, w = () => ({
+}, E = () => ({
 	data: [],
 	loading: !1,
 	error: null
-}), T = () => ({
+}), D = () => ({
 	data: [],
 	loading: !1,
 	error: null
-}), E = () => {
-	let { data: e, loading: n, error: r } = t(u);
+}), O = (e) => {
+	let { data: n, loading: i, error: a } = t(f, { variables: r(e) });
 	return {
-		data: e?.housingvistaVerificationItems || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaVerificationItems || [],
+		loading: i,
+		error: a
 	};
-}, D = () => {
-	let { data: e, loading: n, error: r } = t(d);
+}, k = (e) => {
+	let { data: n, loading: i, error: a } = t(p, { variables: r(e) });
 	return {
-		data: e?.housingvistaLegalServices || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaLegalServices || [],
+		loading: i,
+		error: a
 	};
-}, O = () => {
-	let { data: e, loading: n, error: r } = t(f);
+}, A = (e) => {
+	let { data: n, loading: i, error: a } = t(m, { variables: r(e) });
 	return {
-		data: e?.housingvistaHomeLoanOffers || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaHomeLoanOffers || [],
+		loading: i,
+		error: a
 	};
-}, k = () => {
-	let { data: e, loading: n, error: r } = t(p);
+}, j = (e) => {
+	let { data: n, loading: i, error: a } = t(h, { variables: r(e) });
 	return {
-		data: e?.housingvistaMarketTrends || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaMarketTrends || [],
+		loading: i,
+		error: a
 	};
-}, A = () => {
-	let { data: e, loading: n, error: r } = t(m);
+}, M = (e) => {
+	let { data: n, loading: i, error: a } = t(g, { variables: r(e) });
 	return {
-		data: e?.housingvistaAreaInsights || [],
-		loading: n,
-		error: r
+		data: n?.housingvistaAreaInsights || [],
+		loading: i,
+		error: a
 	};
-}, j = () => ({
+}, N = () => ({
 	data: null,
 	loading: !1,
 	error: null
 });
 //#endregion
-export { S as useAMCContracts, j as useAnalyticsData, A as useAreaInsights, x as useAssets, w as useConversations, h as useDashboardStats, O as useHomeLoans, y as useInvestments, D as useLegalServices, k as useMarketTrends, C as useMarketplaceServices, T as useNotifications, _ as useProperties, g as useRecentActivities, b as useRentalUnits, v as useTransactions, E as useVerifications };
+export { w as useAMCContracts, N as useAnalyticsData, M as useAreaInsights, C as useAssets, E as useConversations, _ as useDashboardStats, A as useHomeLoans, x as useInvestments, k as useLegalServices, j as useMarketTrends, T as useMarketplaceServices, D as useNotifications, y as useProperties, v as useRecentActivities, S as useRentalUnits, b as useTransactions, O as useVerifications };
 
 //# sourceMappingURL=index.js.map