@ethanhann/mantine-dataview 0.3.0 → 0.4.1

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { DataCards, type DataCardsProps } from './components/DataCards';
 export { DataPagination, type DataPaginationProps, } from './components/DataPagination';
 export { DataTable, type DataTableProps } from './components/DataTable';
 export { DataToolbar, type DataToolbarProps, FilterControl, ViewSwitcher, type ViewSwitcherProps, } from './components/DataToolbar';
-export { DataView, type DataViewBodyProps, type DataViewContextValue, type DataViewProps, type DataViewToolbarProps, useDataViewContext, } from './components/DataView';
+export { type DataViewContextValue, DataViewer, type DataViewerBodyProps, type DataViewerProps, type DataViewerToolbarProps, useDataViewContext, } from './components/DataViewer';
 export type { CardSlotContext, DataViewSlots, EmptySlotContext, ErrorSlotContext, RenderCardContext, RowSlotContext, } from './components/types';
 export { type CardField, type CardLayout, type CardLayoutRole, type ComposeCardOptions, composeCardLayout, resolveColumnLabel, } from './core/cardComposition';
 export { type ColOptions, ColumnBuilder, col } from './core/colBuilder';

package/dist/index.js

@@ -81,15 +81,25 @@ 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();
 	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 (i.current++, 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 n.current = o, r.current = !0, {
 		rows: e,
-		entering: o,
+		entering: s,
 		generation: i.current
 	};
 }
@@ -1052,15 +1062,15 @@ function Je({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 	});
 }
 //#endregion
-//#region src/components/DataView/context.tsx
+//#region src/components/DataViewer/context.tsx
 var Ye = ae(null), Xe = Ye.Provider;
 function Z() {
 	let e = B(Ye);
-	if (!e) throw Error("DataView.Toolbar / DataView.Body / DataView.Pagination must be rendered inside <DataView>.");
+	if (!e) throw Error("DataViewer.Toolbar / DataViewer.Body / DataViewer.Pagination must be rendered inside <DataViewer>.");
 	return e;
 }
 //#endregion
-//#region src/components/DataView/DataView.tsx
+//#region src/components/DataViewer/DataViewer.tsx
 function Q({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMobile: i, animateRows: a, children: o, ...s }) {
 	return /* @__PURE__ */ I(Xe, {
 		value: H(() => ({
@@ -1561,6 +1571,6 @@ function yt({ fetcher: e, deps: t, ...n }) {
 	});
 }
 //#endregion
-export { rt as ColumnBuilder, G as DataBulkActions, me as DataCards, ge as DataPagination, Te as DataTable, Je as DataToolbar, Q as DataView, ze as FilterControl, Ge as ViewSwitcher, it as col, ue as composeCardLayout, a as createColumnHelper, ot as exportCsv, K as resolveColumnLabel, vt as useDataView, Z as useDataViewContext, yt as useDataViewFetcher };
+export { rt as ColumnBuilder, G as DataBulkActions, me as DataCards, ge as DataPagination, Te as DataTable, Je as DataToolbar, Q as DataViewer, ze as FilterControl, Ge as ViewSwitcher, it as col, ue as composeCardLayout, a as createColumnHelper, ot as exportCsv, K as resolveColumnLabel, vt as useDataView, Z as useDataViewContext, yt as useDataViewFetcher };
 
 //# sourceMappingURL=index.js.map