@burdenoff/microfe-assethandler 2026.703.4 → 2026.703.6

package/dist/assethandler/components/NotFoundState.js

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Button as n, IllustratedEmptyState as r } from "@burdenoff/fe-libs/ui";
+//#region src/assethandler/components/NotFoundState.tsx
+function i({ entityLabel: i, description: a, backLabel: o = "Go back", onBack: s, action: c }) {
+	return /* @__PURE__ */ e("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ e(r, {
+			illustration: "empty-search",
+			title: `${i} not found`,
+			description: a ?? `This ${i.toLowerCase()} may have been removed, or the link is out of date. Head back to the list to find what you need.`,
+			action: /* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2",
+				children: [s ? /* @__PURE__ */ e(n, {
+					size: "sm",
+					onClick: s,
+					children: o
+				}) : null, c]
+			})
+		})
+	});
+}
+//#endregion
+export { i as NotFoundState };
+
+//# sourceMappingURL=NotFoundState.js.map

package/dist/assethandler/components/NotFoundState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundState.js","names":[],"sources":["../../../src/assethandler/components/NotFoundState.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\n\n/**\n * Standard \"record not found\" panel for detail pages.\n *\n * Detail pages fetch a single record by id (e.g. `budget(id)`, `invoice(id)`).\n * When the by-id query returns `null` — a wrong/stale id, a cross-workspace id,\n * or a soft-deleted record — pages render this instead of silently falling back\n * to `array[0]` (the historic wrong-record bug). B2-2 detail pages reuse it.\n */\nexport interface NotFoundStateProps {\n  /** What was not found, e.g. \"Invoice\", \"Work order\". */\n  entityLabel: string;\n  /** Optional override for the description line. */\n  description?: string;\n  /** Label for the primary action button. */\n  backLabel?: string;\n  /** Handler for the primary action (typically navigate back to the list). */\n  onBack?: () => void;\n  /** Optional extra action rendered next to the back button. */\n  action?: ReactNode;\n}\n\nexport function NotFoundState({\n  entityLabel,\n  description,\n  backLabel = 'Go back',\n  onBack,\n  action,\n}: NotFoundStateProps) {\n  return (\n    <div className=\"p-6\">\n      <IllustratedEmptyState\n        illustration=\"empty-search\"\n        title={`${entityLabel} not found`}\n        description={\n          description ??\n          `This ${entityLabel.toLowerCase()} may have been removed, or the link is out of date. Head back to the list to find what you need.`\n        }\n        action={\n          <div className=\"flex items-center gap-2\">\n            {onBack ? (\n              <Button size=\"sm\" onClick={onBack}>\n                {backLabel}\n              </Button>\n            ) : null}\n            {action}\n          </div>\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAwBA,SAAgB,EAAc,EAC5B,gBACA,gBACA,eAAY,WACZ,WACA,aACqB;AACrB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,GAAG,EAAY;GACtB,aACE,KACA,QAAQ,EAAY,aAAa,CAAC;GAEpC,QACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,IACC,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAS;eACxB;KACM,CAAA,GACP,MACH,EACG;;GAER,CAAA;EACE,CAAA"}

package/dist/assethandler/components/Pagination.js

@@ -0,0 +1,90 @@
+import { useMemo as e, useState as t } from "react";
+import { ChevronLeft as n, ChevronRight as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o } from "@burdenoff/fe-libs/ui";
+//#region src/assethandler/components/Pagination.tsx
+var s = 10;
+function c(n, r = {}) {
+	let { pageSize: i = s, resetKey: a } = r, [o, c] = t(1), [l, u] = t(i), d = n.length, f = Math.max(1, Math.ceil(d / l)), p = e(() => Math.min(Math.max(1, o), f), [
+		o,
+		f,
+		a
+	]), m = e(() => {
+		let e = (p - 1) * l;
+		return n.slice(e, e + l);
+	}, [
+		n,
+		p,
+		l
+	]), h = d === 0 ? 0 : (p - 1) * l + 1, g = Math.min(p * l, d), _ = (e) => c(Math.min(Math.max(1, e), f));
+	return {
+		page: p,
+		pageSize: l,
+		pageCount: f,
+		pageItems: m,
+		totalItems: d,
+		rangeStart: h,
+		rangeEnd: g,
+		canPrev: p > 1,
+		canNext: p < f,
+		setPage: _,
+		nextPage: () => _(p + 1),
+		prevPage: () => _(p - 1),
+		setPageSize: (e) => {
+			u(e), c(1);
+		}
+	};
+}
+function l({ page: e, pageCount: t, rangeStart: s, rangeEnd: c, totalItems: l, canPrev: u, canNext: d, onPrev: f, onNext: p, itemLabel: m = "items", className: h }) {
+	return l === 0 ? null : /* @__PURE__ */ a("div", {
+		className: `flex flex-wrap items-center justify-between gap-3 pt-4 ${h ?? ""}`,
+		role: "navigation",
+		"aria-label": "Pagination",
+		children: [/* @__PURE__ */ a("p", {
+			className: "text-xs text-text-secondary tabular-nums",
+			children: [
+				"Showing ",
+				s,
+				"–",
+				c,
+				" of ",
+				l,
+				" ",
+				m
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ a("span", {
+					className: "text-xs text-text-secondary tabular-nums",
+					children: [
+						"Page ",
+						e,
+						" of ",
+						t
+					]
+				}),
+				/* @__PURE__ */ a(o, {
+					size: "sm",
+					variant: "outline",
+					onClick: f,
+					disabled: !u,
+					"aria-label": "Previous page",
+					children: [/* @__PURE__ */ i(n, { className: "h-4 w-4" }), "Prev"]
+				}),
+				/* @__PURE__ */ a(o, {
+					size: "sm",
+					variant: "outline",
+					onClick: p,
+					disabled: !d,
+					"aria-label": "Next page",
+					children: ["Next", /* @__PURE__ */ i(r, { className: "h-4 w-4" })]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { l as Pagination, c as usePagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/assethandler/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/assethandler/components/Pagination.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\n\n/**\n * Cursor/limit pagination for AssetHandler lists.\n *\n * The product's bootstrap query hydrates full domain collections into the\n * store, so list pages paginate those arrays client-side with `usePagination`.\n * Server-backed register queries (assetRegister, maintenanceLog) accept\n * `AssetHandlerPaginationInput { cursor, limit }` — the `limit` here maps to\n * that input's page size and `page` drives the offset window.\n *\n * B2-2 pages import both `Pagination` and `usePagination` from the components\n * barrel so every list in the product shares one pagination contract.\n */\nexport interface AssetHandlerPaginationInput {\n  cursor?: string | null;\n  limit?: number;\n}\n\nexport interface UsePaginationResult<T> {\n  page: number;\n  pageSize: number;\n  pageCount: number;\n  pageItems: T[];\n  totalItems: number;\n  /** 1-based index of the first item on the current page (0 when empty). */\n  rangeStart: number;\n  /** 1-based index of the last item on the current page. */\n  rangeEnd: number;\n  canPrev: boolean;\n  canNext: boolean;\n  setPage: (page: number) => void;\n  nextPage: () => void;\n  prevPage: () => void;\n  setPageSize: (size: number) => void;\n}\n\nexport interface UsePaginationOptions {\n  pageSize?: number;\n  /**\n   * When this value changes (e.g. an active filter or search term), the current\n   * page resets to 1 so the user is never stranded on an out-of-range page.\n   */\n  resetKey?: unknown;\n}\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nexport function usePagination<T>(\n  items: T[],\n  options: UsePaginationOptions = {}\n): UsePaginationResult<T> {\n  const { pageSize: initialPageSize = DEFAULT_PAGE_SIZE, resetKey } = options;\n  const [page, setPageState] = useState(1);\n  const [pageSize, setPageSizeState] = useState(initialPageSize);\n\n  const totalItems = items.length;\n  const pageCount = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Clamp the page into range whenever the dataset, page size, or resetKey shifts.\n  const safePage = useMemo(() => {\n    void resetKey;\n    return Math.min(Math.max(1, page), pageCount);\n  }, [page, pageCount, resetKey]);\n\n  const pageItems = useMemo(() => {\n    const start = (safePage - 1) * pageSize;\n    return items.slice(start, start + pageSize);\n  }, [items, safePage, pageSize]);\n\n  const rangeStart = totalItems === 0 ? 0 : (safePage - 1) * pageSize + 1;\n  const rangeEnd = Math.min(safePage * pageSize, totalItems);\n\n  const setPage = (next: number) => setPageState(Math.min(Math.max(1, next), pageCount));\n  const setPageSize = (size: number) => {\n    setPageSizeState(size);\n    setPageState(1);\n  };\n\n  return {\n    page: safePage,\n    pageSize,\n    pageCount,\n    pageItems,\n    totalItems,\n    rangeStart,\n    rangeEnd,\n    canPrev: safePage > 1,\n    canNext: safePage < pageCount,\n    setPage,\n    nextPage: () => setPage(safePage + 1),\n    prevPage: () => setPage(safePage - 1),\n    setPageSize,\n  };\n}\n\nexport interface PaginationProps {\n  page: number;\n  pageCount: number;\n  rangeStart: number;\n  rangeEnd: number;\n  totalItems: number;\n  canPrev: boolean;\n  canNext: boolean;\n  onPrev: () => void;\n  onNext: () => void;\n  /** Plural noun for the range label, e.g. \"assets\". Defaults to \"items\". */\n  itemLabel?: string;\n  className?: string;\n}\n\nexport function Pagination({\n  page,\n  pageCount,\n  rangeStart,\n  rangeEnd,\n  totalItems,\n  canPrev,\n  canNext,\n  onPrev,\n  onNext,\n  itemLabel = 'items',\n  className,\n}: PaginationProps) {\n  if (totalItems === 0) return null;\n\n  return (\n    <div\n      className={`flex flex-wrap items-center justify-between gap-3 pt-4 ${className ?? ''}`}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n    >\n      <p className=\"text-xs text-text-secondary tabular-nums\">\n        Showing {rangeStart}–{rangeEnd} of {totalItems} {itemLabel}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-xs text-text-secondary tabular-nums\">\n          Page {page} of {pageCount}\n        </span>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={onPrev}\n          disabled={!canPrev}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n          Prev\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={onNext}\n          disabled={!canNext}\n          aria-label=\"Next page\"\n        >\n          Next\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAgDA,IAAM,IAAoB;AAE1B,SAAgB,EACd,GACA,IAAgC,EAAE,EACV;CACxB,IAAM,EAAE,UAAU,IAAkB,GAAmB,gBAAa,GAC9D,CAAC,GAAM,KAAgB,EAAS,EAAE,EAClC,CAAC,GAAU,KAAoB,EAAS,EAAgB,EAExD,IAAa,EAAM,QACnB,IAAY,KAAK,IAAI,GAAG,KAAK,KAAK,IAAa,EAAS,CAAC,EAGzD,IAAW,QAER,KAAK,IAAI,KAAK,IAAI,GAAG,EAAK,EAAE,EAAU,EAC5C;EAAC;EAAM;EAAW;EAAS,CAAC,EAEzB,IAAY,QAAc;EAC9B,IAAM,KAAS,IAAW,KAAK;AAC/B,SAAO,EAAM,MAAM,GAAO,IAAQ,EAAS;IAC1C;EAAC;EAAO;EAAU;EAAS,CAAC,EAEzB,IAAa,MAAe,IAAI,KAAK,IAAW,KAAK,IAAW,GAChE,IAAW,KAAK,IAAI,IAAW,GAAU,EAAW,EAEpD,KAAW,MAAiB,EAAa,KAAK,IAAI,KAAK,IAAI,GAAG,EAAK,EAAE,EAAU,CAAC;AAMtF,QAAO;EACL,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,SAAS,IAAW;EACpB,SAAS,IAAW;EACpB;EACA,gBAAgB,EAAQ,IAAW,EAAE;EACrC,gBAAgB,EAAQ,IAAW,EAAE;EACrC,cAlBmB,MAAiB;AAEpC,GADA,EAAiB,EAAK,EACtB,EAAa,EAAE;;EAiBhB;;AAkBH,SAAgB,EAAW,EACzB,SACA,cACA,eACA,aACA,eACA,YACA,YACA,WACA,WACA,eAAY,SACZ,gBACkB;AAGlB,QAFI,MAAe,IAAU,OAG3B,kBAAC,OAAD;EACE,WAAW,0DAA0D,KAAa;EAClF,MAAK;EACL,cAAW;YAHb,CAKE,kBAAC,KAAD;GAAG,WAAU;aAAb;IAAwD;IAC7C;IAAW;IAAE;IAAS;IAAK;IAAW;IAAE;IAC/C;MACJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAA2D;MACnD;MAAK;MAAK;MACX;;IACP,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,SAAS;KACT,UAAU,CAAC;KACX,cAAW;eALb,CAOE,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAAA,OAE5B;;IACT,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,SAAS;KACT,UAAU,CAAC;KACX,cAAW;eALb,CAMC,QAEC,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,CAC7B;;IACL;KACF"}

package/dist/assethandler/components/index.js

@@ -0,0 +1,5 @@
+import "./AttachmentsPanel.js";
+import "./CommentsPanel.js";
+import "./ActivityTimeline.js";
+import "./Pagination.js";
+import "./NotFoundState.js";