@protobase/ui 0.14.0 → 0.14.2

package/dist/shell/assets/{records-map-DqqaK1rm.js → records-map-Cl0Ofb1s.js}

@@ -1 +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-DtPlcCA3.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-D5vqYcYw.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};
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{t}from"./react-Cvdyeg_0.js";import{K as n,g as r}from"./app-B2GAOqtJ.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-CeTF-ArN.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-4J-P80A-.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{A as t,B as n,C as r,D as i,E as a,F as o,G as s,H as c,I as l,L as u,M as d,N as f,O as p,P as m,R as h,S as g,T as _,U as v,V as y,W as b,_ as x,a as S,b as C,c as w,d as T,f as E,h as D,i as O,j as k,l as A,m as j,n as M,o as N,p as P,r as F,s as I,t as L,u as R,v as z,w as B,x as V,y as H,z as U}from"./app-B2GAOqtJ.js";import{t as W}from"./jsx-runtime-NZYk81nU.js";var G=e(W(),1),K=({row:e,resource:t,recordKey:n,...r})=>{let i=D(),a=R(),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,G.jsx)(H,{to:{kind:`record`,resource:o,key:e?e.key:n},...r})};export{l as ActionCard,v as ApiProvider,L as App,H as AppLink,B as AssistantDock,n as ChatMessage,U as ChatThread,m as CompactTable,h as Composer,k as DiffView,o as FieldList,a as PartView,K as RecordLink,z as ResponsiveDialog,u as SidePanel,x as SignInPrompt,t as StepList,i as definePlugin,p as defineUi,d as diffStats,M as isConflict,w as mergeUi,f as parseDiff,S as pluginApi,N as protobaseVersion,A as uiFromModule,c as useApiToken,C as useAppAddress,r as useAssistant,g as useAssistantClient,_ as useBackendData,b as useClient,T as useFacets,E as useHistogram,R as useLayoutRecord,O as useList,j as useListDisplay,V as useMeta,I as usePlugin,y as useRecord,s as useResourceClient,P as useSeries,F 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-0ozDlcDr.js"}}</script>
-    <script type="module" crossorigin src="/assets/index-CwUFCDf9.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-4J-P80A-.js"}}</script>
+    <script type="module" crossorigin src="/assets/index-DTbA97zz.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/react-dom-B-VxWsjA.js">
     <link rel="modulepreload" crossorigin href="/assets/jsx-runtime-NZYk81nU.js">
-    <link rel="modulepreload" crossorigin href="/assets/app-DtPlcCA3.js">
+    <link rel="modulepreload" crossorigin href="/assets/app-B2GAOqtJ.js">
     <link rel="stylesheet" crossorigin href="/assets/app-GUjJKojE.css">
-    <link rel="stylesheet" crossorigin href="/assets/index-CYWfU_c1.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-BXYHpFoe.css">
     <link rel="stylesheet" href="/protobase.theme.css">
   </head>
   <body>

package/dist/shell/protobase.shell.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protobase/ui",
-  "version": "0.14.0",
+  "version": "0.14.2",
   "description": "The Protobase admin app and the React hooks and components for custom UI.",
   "license": "Apache-2.0",
   "repository": {
@@ -38,9 +38,9 @@
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
-    "@protobase/client": "0.14.0",
-    "@protobase/layout": "0.14.0",
-    "@protobase/schema": "0.14.0",
+    "@protobase/client": "0.14.2",
+    "@protobase/layout": "0.14.2",
+    "@protobase/schema": "0.14.2",
     "@sentry/browser": "^11.7.0",
     "@tanstack/react-query": "^5.104.1",
     "@tanstack/react-table": "^9.2.6",

package/dist/data-grid/use-grid-scroll.js

@@ -1,87 +0,0 @@
-import { clampTop, gridGeometry, scrollFromTop, topFromScroll } from "./geometry.js";
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-//#region src/data-grid/use-grid-scroll.ts
-/**
-* Owns the scroll position of a grid whose true height may exceed what browsers can scroll.
-* The native scroller is a proxy: its position is mapped onto a virtual pixel offset `top`.
-*/
-const useGridScroll = (total, rowHeight, initialIndex) => {
-	const ref = useRef(null);
-	const [viewport, setViewport] = useState(0);
-	const [top, setTop] = useState(initialIndex * rowHeight);
-	const geometry = useMemo(() => gridGeometry(total, rowHeight, viewport), [
-		total,
-		rowHeight,
-		viewport
-	]);
-	const latest = useRef({
-		geometry,
-		top
-	});
-	latest.current = {
-		geometry,
-		top
-	};
-	const ignoreScrollUntil = useRef(0);
-	const positioned = useRef(false);
-	const syncNative = useCallback((nextTop) => {
-		const element = ref.current;
-		if (!element) return;
-		element.scrollTop = scrollFromTop(latest.current.geometry, nextTop);
-		ignoreScrollUntil.current = performance.now() + 150;
-	}, []);
-	useLayoutEffect(() => {
-		const element = ref.current;
-		if (!element) return;
-		const observer = new ResizeObserver(() => setViewport(element.clientHeight));
-		observer.observe(element);
-		setViewport(element.clientHeight);
-		return () => observer.disconnect();
-	}, []);
-	useLayoutEffect(() => {
-		if (viewport === 0 || positioned.current) return;
-		positioned.current = true;
-		const next = clampTop(geometry, top);
-		setTop(next);
-		syncNative(next);
-	}, [
-		viewport,
-		geometry,
-		top,
-		syncNative
-	]);
-	useEffect(() => {
-		const element = ref.current;
-		if (!element) return;
-		const onWheel = (event) => {
-			const { geometry: current, top: currentTop } = latest.current;
-			if (!current.scaled || Math.abs(event.deltaX) > Math.abs(event.deltaY)) return;
-			event.preventDefault();
-			const next = clampTop(current, currentTop + event.deltaY);
-			setTop(next);
-			syncNative(next);
-		};
-		element.addEventListener("wheel", onWheel, { passive: false });
-		return () => element.removeEventListener("wheel", onWheel);
-	}, [syncNative]);
-	/** Moves to a virtual offset, for a layout change that keeps a row in view. */
-	const scrollTo = useCallback((nextTop) => {
-		const next = clampTop(latest.current.geometry, nextTop);
-		setTop(next);
-		syncNative(next);
-	}, [syncNative]);
-	return {
-		ref,
-		onScroll: useCallback(() => {
-			const element = ref.current;
-			if (!element || performance.now() < ignoreScrollUntil.current) return;
-			setTop(topFromScroll(latest.current.geometry, element.scrollTop));
-		}, []),
-		viewport,
-		top,
-		geometry,
-		scrollTo
-	};
-};
-//#endregion
-export { useGridScroll };