@espresso-lab/mantine-data-table 2.1.9 → 2.1.10

package/dist/index.es.js

@@ -3539,7 +3539,7 @@ var Ar = [
 	100,
 	500
 ];
-function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: y, actions: b, steps: x, defaultSort: S, onSortChange: C, createButtonText: T, queryParams: D, tabs: O, defaultTab: k, activeTab: j, onActiveTabChange: M, canUpdate: N, canDelete: P, showRefresh: ee = !0, rowExpansion: F, onRowClick: te, mobileCards: R = !1, deleteConfirmMessage: ne }) {
+function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: y, actions: b, steps: x, defaultSort: S, onSortChange: w, createButtonText: T, queryParams: D, tabs: O, defaultTab: k, activeTab: j, onActiveTabChange: M, canUpdate: N, canDelete: P, showRefresh: ee = !0, rowExpansion: F, onRowClick: te, mobileCards: R = !1, deleteConfirmMessage: ne }) {
 	let [re, ie] = d(k || (O && O.length > 0 ? O[0].value : null)), z = j === void 0 ? re : j, ae = (e) => {
 		j === void 0 && ie(e), M && M(e);
 	}, B = O?.find((e) => e.value === z), V = B?.queryParams || {}, se = B?.apiPath ?? r, ce = B?.mutationApiPath ?? a ?? se, ue = {
@@ -3589,7 +3589,7 @@ function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 		columnAccessor: S?.field ?? c[0].id,
 		direction: S?.direction ?? "desc"
 	}), Ee = (e) => {
-		Te(e), C && C(String(e.columnAccessor), e.direction);
+		Te(e), w && w(String(e.columnAccessor), e.direction);
 	}, De = Tr(Se, Ce.columnAccessor, Ce.direction), [Oe, ke] = xr(Ar[1], "mantine-table-page-size"), [Ae, je] = d(1), Me = u ? De.slice((Ae - 1) * Oe, Ae * Oe) : De, [U, W] = d([]);
 	s(() => {
 		W([]);
@@ -3608,20 +3608,40 @@ function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			W(e), G(!0);
 		}
 	}), /* @__PURE__ */ m(f, { children: [
-		/* @__PURE__ */ m(w, {
+		/* @__PURE__ */ m(C, {
 			gap: "xs",
-			justify: e ? "space-between" : "end",
-			align: "center",
+			align: {
+				base: "stretch",
+				sm: "center"
+			},
+			direction: {
+				base: "column",
+				sm: "row"
+			},
+			justify: e ? "space-between" : "flex-end",
 			wrap: "wrap",
 			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(le, {
 				order: 4,
 				children: e
-			}) : e), /* @__PURE__ */ m(w, {
-				align: "center",
+			}) : e), /* @__PURE__ */ m(C, {
+				align: {
+					base: "stretch",
+					sm: "center"
+				},
+				direction: {
+					base: "column",
+					sm: "row"
+				},
 				gap: "xs",
 				wrap: "wrap",
-				justify: "end",
-				style: { marginLeft: "auto" },
+				justify: {
+					base: "flex-start",
+					sm: "flex-end"
+				},
+				ml: {
+					base: 0,
+					sm: "auto"
+				},
 				children: [
 					ee && /* @__PURE__ */ p(h, {
 						variant: "subtle",