@rinzai/zen 0.15.0 → 0.16.0

package/dist/utils/useAnchoredPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnchoredPopup.d.ts","sourceRoot":"","sources":["../../packages/utils/useAnchoredPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EAAE,EACrE,KAAe,EACf,MAAU,EACV,UAAkB,EAClB,YAAY,GACf,GAAE,oBAAyB;;;oBAgBb,OAAO;;;eA6CkD,aAAa;;;;;;;;;;;;;EAJpF;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM;;WACoC,aAAa;EACpF;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CACzB,EAAE,EAAE,MAAM,EACV,EAAE,KAAe,EAAE,MAAU,EAAE,KAAK,EAAE,IAAc,EAAE,GAAE,aAAkB,GAC3E,aAAa,CA4Bf;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAYD,8FAA8F;AAC9F,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAiCnE;AA6CD,MAAM,WAAW,oBAAoB;IACjC,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}
+{"version":3,"file":"useAnchoredPopup.d.ts","sourceRoot":"","sources":["../../packages/utils/useAnchoredPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAC;AAElG;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EAAE,EACrE,KAAe,EACf,MAAU,EACV,UAAkB,EAClB,YAAY,GACf,GAAE,oBAAyB;;;oBAgBb,OAAO;;;eA6CkD,aAAa;;;;;;;;;;;;;EAJpF;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM;;WACoC,aAAa;EACpF;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CACzB,EAAE,EAAE,MAAM,EACV,EAAE,KAAe,EAAE,MAAU,EAAE,KAAK,EAAE,IAAc,EAAE,GAAE,aAAkB,GAC3E,aAAa,CAiCf;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAYD,8FAA8F;AAC9F,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAiCnE;AA+CD,MAAM,WAAW,oBAAoB;IACjC,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}

package/dist/utils/useAnchoredPopup.js

@@ -51,7 +51,11 @@ function o(e) {
 	};
 }
 function s(e, { align: t = "start", offset: n = 4, width: r, side: i = "below" } = {}) {
-	let a = i === "beside" ? "inline-end span-block-end" : {
+	let a = i === "beside" ? {
+		start: "inline-end span-block-end",
+		end: "inline-end span-block-start",
+		center: "inline-end"
+	}[t] : {
 		start: "block-end span-inline-end",
 		end: "block-end span-inline-start",
 		center: "block-end span-all"
@@ -59,8 +63,8 @@ function s(e, { align: t = "start", offset: n = 4, width: r, side: i = "below" }
 	return {
 		positionAnchor: `--${e}`,
 		positionArea: a,
-		...i !== "beside" && t === "center" && { justifySelf: "anchor-center" },
-		positionTryFallbacks: i === "beside" || t !== "center" ? "flip-inline, flip-block, flip-block flip-inline" : "flip-block",
+		...t === "center" && (i === "beside" ? { alignSelf: "anchor-center" } : { justifySelf: "anchor-center" }),
+		positionTryFallbacks: t === "center" ? i === "beside" ? "flip-inline" : "flip-block" : "flip-inline, flip-block, flip-block flip-inline",
 		inset: "auto",
 		...r === "at-least" && {
 			width: "max-content",
@@ -115,8 +119,8 @@ function f(e) {
 		height: e.offsetHeight
 	}, u = document.documentElement.clientWidth, f = document.documentElement.clientHeight, p = getComputedStyle(n).direction === "rtl";
 	if (o) {
-		let e = s.right + i + l.width <= u - d, t = s.left - i - l.width >= d, n = p ? e && !t : e || !t, r = s.top + l.height > f - d && s.bottom - l.height >= d;
-		c.left = n ? `${s.right}px` : "auto", c.right = n ? "auto" : `${u - s.left}px`, c.top = r ? "auto" : `${Math.max(d, Math.min(s.top, f - l.height - d))}px`, c.bottom = r ? `${f - s.bottom}px` : "auto";
+		let e = s.right + i + l.width <= u - d, t = s.left - i - l.width >= d, n = p ? e && !t : e || !t, a = r === "end" || r === "start" && s.top + l.height > f - d && s.bottom - l.height >= d, o = r === "center" ? s.top + (s.height - l.height) / 2 : a ? s.bottom - l.height : s.top;
+		c.left = n ? `${s.right}px` : "auto", c.right = n ? "auto" : `${u - s.left}px`, c.top = `${Math.max(d, Math.min(o, f - l.height - d))}px`, c.bottom = "auto";
 		return;
 	}
 	let m = s.bottom + i + l.height > f - d && s.top - i - l.height >= d, h = p ? s.right - l.width : s.left, g = p ? s.left : s.right - l.width, _ = r === "center" ? s.left + (s.width - l.width) / 2 : r === "end" ? g : h;

package/dist/utils/useVirtualList.d.ts

@@ -10,7 +10,7 @@ export interface VirtualItem {
  * rows in view (plus `overscan` either side) are rendered. Position each item
  * absolutely at `start` inside a container `totalSize` px tall.
  */
-export declare function useVirtualList({ count, itemHeight, scrollRef, overscan }: VirtualListOptions): {
+export declare function useVirtualList({ count, itemHeight, scrollRef, overscan, keep }: VirtualListOptions): {
     items: VirtualItem[];
     totalSize: number;
     /** Space above the rendered rows (for a table: a TableSpacerRow of this height). */
@@ -26,5 +26,10 @@ export interface VirtualListOptions {
     scrollRef: RefObject<HTMLElement | null>;
     /** Extra rows rendered above and below the visible ones, so fast scrolling doesn't show gaps. */
     overscan?: number;
+    /**
+     * A row to render even out of view, e.g. one being dragged (SortableList's
+     * `onLiftedChange`); the rows between come too, so they stay one run.
+     */
+    keep?: number;
 }
 //# sourceMappingURL=useVirtualList.d.ts.map

package/dist/utils/useVirtualList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualList.d.ts","sourceRoot":"","sources":["../../packages/utils/useVirtualList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,QAAY,EAAE,EAAE,kBAAkB;;;IAyCzF,oFAAoF;;IAEpF,qCAAqC;;EAG5C;AAED,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"useVirtualList.d.ts","sourceRoot":"","sources":["../../packages/utils/useVirtualList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,QAAY,EAAE,IAAI,EAAE,EAAE,kBAAkB;;;IA0C/F,oFAAoF;;IAEpF,qCAAqC;;EAG5C;AAED,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/utils/useVirtualList.js

@@ -1,20 +1,20 @@
 "use client";
 import { useLayoutEffect as e, useState as t } from "react";
 //#region packages/utils/useVirtualList.ts
-function n({ count: n, itemHeight: r, scrollRef: i, overscan: a = 6 }) {
-	let o = (e, t) => {
+function n({ count: n, itemHeight: r, scrollRef: i, overscan: a = 6, keep: o }) {
+	let s = (e, t) => {
 		let i = t || r * 10;
 		return {
 			first: Math.max(0, Math.floor(e / r) - a),
 			last: Math.min(n, Math.ceil((e + i) / r) + a)
 		};
-	}, [s, c] = t(() => o(0, 0));
+	}, [c, l] = t(() => s(0, 0));
 	e(() => {
 		let e = i.current;
 		if (!e) return;
 		let t = () => {
-			let t = o(e.scrollTop, e.clientHeight);
-			c((e) => e.first === t.first && e.last === t.last ? e : t);
+			let t = s(e.scrollTop, e.clientHeight);
+			l((e) => e.first === t.first && e.last === t.last ? e : t);
 		};
 		t(), e.addEventListener("scroll", t, { passive: !0 });
 		let n = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
@@ -27,18 +27,18 @@ function n({ count: n, itemHeight: r, scrollRef: i, overscan: a = 6 }) {
 		r,
 		a
 	]);
-	let l = Math.min(s.first, n), u = Math.min(s.last, n), d = [];
-	for (let e = l; e < u; e++) d.push({
+	let u = o !== void 0 && o >= 0 && o < n, d = Math.min(u ? Math.min(c.first, o) : c.first, n), f = Math.min(u ? Math.max(c.last, o + 1) : c.last, n), p = [];
+	for (let e = d; e < f; e++) p.push({
 		index: e,
 		start: e * r,
 		size: r
 	});
-	let f = n * r;
+	let m = n * r;
 	return {
-		items: d,
-		totalSize: f,
-		paddingTop: d.length ? d[0].start : 0,
-		paddingBottom: d.length ? f - (d[d.length - 1].start + r) : 0
+		items: p,
+		totalSize: m,
+		paddingTop: p.length ? p[0].start : 0,
+		paddingBottom: p.length ? m - (p[p.length - 1].start + r) : 0
 	};
 }
 //#endregion