@protobase/ui 0.12.22 → 0.13.3

package/dist/shell/assets/records-map-3O6u05bx.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{t}from"./react-Cvdyeg_0.js";import{W as n,g as r}from"./app-CfuMqqAY.js";import{t as i}from"./jsx-runtime-NZYk81nU.js";import{Ft as a,it as o,n as s,r as c,t as l}from"./record-map-Dgn4pFlE.js";var u=e(t(),1),d=e(i(),1),f=28,p={padding:48,maxZoom:15,duration:0},m={padding:48,maxZoom:16,duration:300},h=32,g=new Intl.NumberFormat(`en-IE`,{notation:`compact`,maximumFractionDigits:1}),_=e=>[[e.west,e.south],[e.east,e.north]],v=({style:e,initial:t,points:i,buckets:v,fit:y,onFitted:b,onMove:x,selected:S,covered:C,onSelect:w,onClear:T,markerLabel:E,bucketLabel:D})=>{let O=(0,u.useRef)(null),[k,A]=(0,u.useState)([]),j=new globalThis.Map(i.map(e=>[e.key,e])),M=i.map(e=>e.key).join(`,`),N=y&&JSON.stringify(y),P=()=>{let e=O.current?.getMap();e&&A(r(i.map(t=>({key:t.key,...e.project([t.longitude,t.latitude])})),f))},F=()=>{let e=O.current?.getMap();if(!e)return;let t=e.getBounds(),n=e.getCenter();x({bounds:{south:t.getSouth(),west:t.getWest(),north:t.getNorth(),east:t.getEast()},zoom:e.getZoom()},{latitude:n.lat,longitude:n.lng,zoom:e.getZoom()})},I=()=>{let e=O.current?.getMap();e&&y&&(e.fitBounds(_(y),p),b(),F())};(0,u.useEffect)(P,[M]),(0,u.useEffect)(I,[N]);let L=k.find(e=>S!==void 0&&e.keys.some(e=>S.includes(e)))?.at;return(0,u.useEffect)(()=>{let e=O.current?.getMap(),t=L===void 0?void 0:j.get(L);if(!e||!t||C===0)return;let{y:n}=e.project([t.longitude,t.latitude]),r=e.getContainer().clientHeight-C;n>h&&n<r||e.easeTo({center:[t.longitude,t.latitude],offset:[0,(h-C)/2],duration:300})},[L,C]),(0,d.jsxs)(c,{ref:O,mapLib:o,mapStyle:e,initialViewState:t??{latitude:0,longitude:0,zoom:1},style:{width:`100%`,height:`100%`},onLoad:()=>{P(),y?I():F()},onZoomEnd:P,onMoveEnd:F,onClick:T,children:[(0,d.jsx)(l,{showCompass:!1}),v.map(e=>(0,d.jsx)(s,{latitude:e.latitude,longitude:e.longitude,anchor:`center`,children:(0,d.jsx)(`button`,{type:`button`,"aria-label":D(e.count),className:`flex size-10 cursor-pointer items-center justify-center rounded-full border-2 border-background bg-primary text-xs font-semibold text-primary-foreground tabular-nums shadow`,onClick:t=>{t.stopPropagation(),O.current?.getMap().fitBounds(_(e.bounds),m)},children:g.format(e.count)})},`${e.latitude},${e.longitude}`)),k.map(e=>{let t=j.get(e.at);if(!t)return null;let r=S!==void 0&&e.keys.some(e=>S.includes(e));return(0,d.jsx)(s,{latitude:t.latitude,longitude:t.longitude,anchor:`bottom`,style:{zIndex:+!!r},children:(0,d.jsxs)(`button`,{type:`button`,"aria-label":E(e.keys),"aria-pressed":r,className:`relative block cursor-pointer`,onClick:t=>{t.stopPropagation(),w(e.keys)},children:[(0,d.jsx)(a,{"aria-hidden":!0,className:n(`size-8 drop-shadow`,r?`fill-foreground text-background`:`fill-primary text-primary-foreground`),strokeWidth:1.5}),e.keys.length>1&&(0,d.jsx)(`span`,{className:`absolute -right-2 -top-1 min-w-5 rounded-full border border-background bg-foreground px-1 text-center text-[11px] font-medium leading-4 text-background tabular-nums`,children:e.keys.length})]})},e.at)})]})};export{v as RecordsMap};

package/dist/shell/assets/shared-protobase-ui-C84DU2o6.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{A as t,B as n,C as r,E as i,F as a,H as o,I as s,L as c,M as l,N as u,O as d,P as f,R as p,S as m,T as h,U as g,V as _,_ as v,a as y,b,c as x,d as S,f as C,h as w,i as T,j as E,k as D,l as O,m as k,n as A,o as j,p as M,r as N,s as P,t as F,u as I,v as L,w as R,x as z,y as B,z as V}from"./app-CfuMqqAY.js";import{t as H}from"./jsx-runtime-NZYk81nU.js";var U=e(H(),1),W=({row:e,resource:t,recordKey:n,...r})=>{let i=w(),a=I(),o=t??i?.resource??a?.model.name;if(o===void 0)throw Error(`RecordLink needs a resource outside a list display or a record`);return(0,U.jsx)(v,{to:{kind:`record`,resource:o,key:e?e.key:n},...r})};export{f as ActionCard,_ as ApiProvider,F as App,v as AppLink,m as AssistantDock,p as ChatMessage,c as ChatThread,l as CompactTable,s as Composer,D as DiffView,u as FieldList,R as PartView,W as RecordLink,a as SidePanel,d as StepList,h as definePlugin,i as defineUi,t as diffStats,A as isConflict,x as mergeUi,E as parseDiff,y as pluginApi,j as protobaseVersion,O as uiFromModule,n as useApiToken,L as useAppAddress,z as useAssistant,b as useAssistantClient,r as useBackendData,o as useClient,S as useFacets,C as useHistogram,I as useLayoutRecord,T as useList,k as useListDisplay,B as useMeta,P as usePlugin,V as useRecord,g as useResourceClient,M as useSeries,N as useUpdateRecord};

package/dist/shell/index.html

@@ -6,15 +6,15 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
     <title>Protobase</title>
-    <script type="importmap">{"imports":{"react":"/assets/shared-react-DhkZ2M4l.js","react/jsx-runtime":"/assets/shared-react-jsx-runtime-xPQrWk0g.js","react-dom":"/assets/shared-react-dom-D508a1cq.js","@protobase/ui":"/assets/shared-protobase-ui-Bol6wL_S.js"}}</script>
-    <script type="module" crossorigin src="/assets/index-B8MhIaLr.js"></script>
+    <script type="importmap">{"imports":{"react":"/assets/shared-react-DhkZ2M4l.js","react/jsx-runtime":"/assets/shared-react-jsx-runtime-xPQrWk0g.js","react-dom":"/assets/shared-react-dom-D508a1cq.js","@protobase/ui":"/assets/shared-protobase-ui-C84DU2o6.js"}}</script>
+    <script type="module" crossorigin src="/assets/index-DCTyUhH-.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-hePW80VL.js">
     <link rel="modulepreload" crossorigin href="/assets/react-Cvdyeg_0.js">
-    <link rel="modulepreload" crossorigin href="/assets/jsx-runtime-NZYk81nU.js">
     <link rel="modulepreload" crossorigin href="/assets/react-dom-B-VxWsjA.js">
-    <link rel="modulepreload" crossorigin href="/assets/app-BYw-8qpE.js">
+    <link rel="modulepreload" crossorigin href="/assets/jsx-runtime-NZYk81nU.js">
+    <link rel="modulepreload" crossorigin href="/assets/app-CfuMqqAY.js">
     <link rel="stylesheet" crossorigin href="/assets/app-GUjJKojE.css">
-    <link rel="stylesheet" crossorigin href="/assets/index-CdSIk0BQ.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-CYWfU_c1.css">
     <link rel="stylesheet" href="/protobase.theme.css">
   </head>
   <body>

package/dist/shell/protobase.shell.json

@@ -1,5 +1,5 @@
 {
-  "protobase": "0.12.22",
+  "protobase": "0.13.3",
   "pluginApi": 1,
   "paths": [
     "/index.html",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protobase/ui",
-  "version": "0.12.22",
+  "version": "0.13.3",
   "description": "The Protobase admin app and the React hooks and components for custom UI.",
   "license": "Apache-2.0",
   "repository": {
@@ -38,13 +38,12 @@
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
-    "@protobase/client": "0.12.22",
-    "@protobase/layout": "0.12.22",
-    "@protobase/schema": "0.12.22",
+    "@protobase/client": "0.13.3",
+    "@protobase/layout": "0.13.3",
+    "@protobase/schema": "0.13.3",
     "@sentry/browser": "^11.7.0",
     "@tanstack/react-query": "^5.104.1",
     "@tanstack/react-table": "^9.2.6",
-    "@tanstack/react-virtual": "^3.14.13",
     "lucide-react": "^1.52.0",
     "maplibre-gl": "^6.14.0",
     "pmtiles": "^4.5.0",
@@ -53,6 +52,7 @@
     "react-map-gl": "^8.1.3",
     "recharts": "^3.10.1",
     "tailwindcss": "^4.3.3",
+    "thumbhash": "^0.1.1",
     "uqr": "^0.1.3"
   }
 }

package/dist/app/pages/record-table.js

@@ -1,114 +0,0 @@
-import { Button } from "../../primitives/button.js";
-import { humanize } from "../../live/naming.js";
-import { useAdminMeta } from "../meta-gate.js";
-import { AppLink } from "../use-app-address.js";
-import { scopeOf } from "./use-layout-data.js";
-import { FieldValue } from "./field-value.js";
-import { usePathValue } from "./use-path-value.js";
-import { useRelationLabels } from "./use-relation-labels.js";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { resolveFieldPath } from "@protobase/layout";
-//#region src/app/pages/record-table.tsx
-const isPath = (column) => column.includes(".");
-/** The header of a column: the label of the field it ends at, from that field's view. */
-const useHeader = (model) => {
-	const { resources, views } = useAdminMeta();
-	return (column) => {
-		const resolved = resolveFieldPath(resources, model.name, column);
-		const last = resolved.ok ? resolved.steps.at(-1) : void 0;
-		const name = last?.field.name ?? column;
-		return views[last?.model.name ?? model.name]?.fields[name]?.label ?? humanize(name);
-	};
-};
-/** A value through relations (`unitId.propertyId`), fetched like the record page fetches it and cached. */
-const PathCell = ({ model, row, column }) => {
-	const value = usePathValue(scopeOf(model, row), column);
-	if (value.state === "loading") return /* @__PURE__ */ jsx("span", {
-		className: "text-muted-foreground",
-		children: "…"
-	});
-	if (value.state === "missing") return /* @__PURE__ */ jsx("span", {
-		className: "text-muted-foreground",
-		children: "—"
-	});
-	return /* @__PURE__ */ jsx(FieldValue, {
-		model: value.model,
-		field: value.field,
-		value: value.value
-	});
-};
-/**
-* Records as table rows; the first column opens the record, unless it is a relation, which links to the record it
-* names instead (a join record's first column is usually what it joins). Columns may follow relations (`unitId.propertyId`).
-*/
-const RecordTable = ({ model, columns, rows, label, pager }) => {
-	const { resources } = useAdminMeta();
-	const header = useHeader(model);
-	const first = columns[0] === void 0 ? void 0 : resolveFieldPath(resources, model.name, columns[0]);
-	const opensRecord = !first?.ok || first.steps.at(-1).field.type !== "relation";
-	const labels = useRelationLabels(model, columns.filter((column) => !isPath(column)), rows);
-	const cell = (row, column) => isPath(column) ? /* @__PURE__ */ jsx(PathCell, {
-		model,
-		row,
-		column
-	}) : /* @__PURE__ */ jsx(FieldValue, {
-		model,
-		field: model.fields[column],
-		value: row[column],
-		relationLabel: labels.get(column)?.get(String(row[column]))
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-		className: "-mx-4 overflow-x-auto",
-		children: /* @__PURE__ */ jsxs("table", {
-			className: "w-full min-w-max text-left text-[13px]",
-			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", {
-				className: "border-b text-xs text-muted-foreground",
-				children: columns.map((column) => /* @__PURE__ */ jsx("th", {
-					scope: "col",
-					className: "px-4 py-2 font-medium",
-					children: header(column)
-				}, column))
-			}) }), /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => {
-				const scope = scopeOf(model, row);
-				return /* @__PURE__ */ jsx("tr", {
-					className: "border-b last:border-0 hover:bg-surface",
-					children: columns.map((column, index) => /* @__PURE__ */ jsx("td", {
-						className: "px-4 py-2",
-						children: index === 0 && opensRecord ? /* @__PURE__ */ jsx(AppLink, {
-							to: {
-								kind: "record",
-								resource: model.name,
-								key: scope.key
-							},
-							className: "font-medium text-primary-text hover:underline",
-							children: cell(row, column)
-						}) : cell(row, column)
-					}, column))
-				}, scope.key);
-			}) })]
-		})
-	}), pager && (pager.hasPrevious || pager.hasNext) && /* @__PURE__ */ jsxs("nav", {
-		"aria-label": `${label} pages`,
-		className: "mt-3 flex items-center justify-end gap-2 text-xs text-muted-foreground",
-		children: [
-			/* @__PURE__ */ jsxs("span", { children: ["Page ", pager.page] }),
-			/* @__PURE__ */ jsx(Button, {
-				size: "sm",
-				"aria-label": "Previous page",
-				disabled: !pager.hasPrevious || pager.busy,
-				onClick: pager.previous,
-				children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" })
-			}),
-			/* @__PURE__ */ jsx(Button, {
-				size: "sm",
-				"aria-label": "Next page",
-				disabled: !pager.hasNext || pager.busy,
-				onClick: pager.next,
-				children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" })
-			})
-		]
-	})] });
-};
-//#endregion
-export { RecordTable };

package/dist/app/pages/use-relation-labels.js

@@ -1,30 +0,0 @@
-import { keys } from "../../data/query-keys.js";
-import { useClient } from "../../data/api-provider.js";
-import { fetchLabels } from "../../live/relation-labels.js";
-import { useAdminMeta } from "../meta-gate.js";
-import { useQueries, useQueryClient } from "@tanstack/react-query";
-//#region src/app/pages/use-relation-labels.ts
-/** Names for the relation columns of the rows on screen, one list call per column, by column then key. */
-const useRelationLabels = (model, columns, rows) => {
-	const { resources, views } = useAdminMeta();
-	const client = useClient();
-	const queryClient = useQueryClient();
-	const relations = columns.flatMap((name) => {
-		const field = model.fields[name];
-		const target = field?.type === "relation" && field.relation ? resources[field.relation.resource] : void 0;
-		if (!target || target.primaryKey.length !== 1) return [];
-		const ids = [...new Set(rows.flatMap((row) => row[name] === null || row[name] === void 0 ? [] : [String(row[name])]))].sort();
-		return ids.length > 0 ? [{
-			name,
-			target,
-			ids
-		}] : [];
-	});
-	const results = useQueries({ queries: relations.map(({ target, ids }) => ({
-		queryKey: keys.labelMap(target.name, ids.join(",")),
-		queryFn: () => fetchLabels(queryClient, client, target, ids, views[target.name])
-	})) });
-	return new Map(relations.flatMap(({ name }, index) => results[index]?.data ? [[name, results[index].data]] : []));
-};
-//#endregion
-export { useRelationLabels };