@ethanhann/mantine-dataview 0.4.0 → 0.4.2

package/dist/index.js

@@ -81,16 +81,28 @@ function ue(e, t = {}) {
 //#endregion
 //#region src/core/useRowTransition.ts
 function q(e, t) {
-	let n = U([]), r = U(!1), i = U(0), a = e.map((e) => e.id), o = /* @__PURE__ */ new Set();
+	let n = U([]), r = U(!1), i = U(0), a = U(!1);
+	V(() => {
+		t && !a.current && typeof document < "u" && process.env.NODE_ENV !== "production" && (Array.from(document.styleSheets).some((e) => {
+			try {
+				return Array.from(e.cssRules).some((e) => e instanceof CSSKeyframesRule && e.name === "dataview-row-enter");
+			} catch {
+				return !1;
+			}
+		}) || console.warn("[@ethanhann/mantine-dataview] animateRows is enabled but the CSS keyframes are missing. Import \"@ethanhann/mantine-dataview/styles.css\" in your app entry."), a.current = !0);
+	}, [t]);
+	let o = e.map((e) => e.id), s = /* @__PURE__ */ new Set(), c = i.current;
 	if (t && r.current) {
 		let e = n.current, t = new Set(e);
-		if (a.length !== e.length || a.some((t, n) => t !== e[n])) if (i.current++, a.length === e.length && a.every((e) => t.has(e))) for (let e of a) o.add(e);
-		else for (let e of a) t.has(e) || o.add(e);
+		if (o.length !== e.length || o.some((t, n) => t !== e[n])) if (c = i.current + 1, o.length === e.length && o.every((e) => t.has(e))) for (let e of o) s.add(e);
+		else for (let e of o) t.has(e) || s.add(e);
 	}
-	return n.current = a, r.current = !0, {
+	return V(() => {
+		n.current = o, r.current = !0, i.current = c;
+	}), {
 		rows: e,
-		entering: o,
-		generation: i.current
+		entering: s,
+		generation: c
 	};
 }
 //#endregion