@banzamel/mineralui 1.10.1 → 1.10.2

package/dist/{cards-DNJvVlUm.js → cards-23tpYjxc.js}

@@ -2,7 +2,7 @@ import { Jn as e, Li as t, Ni as n, Or as r, Ri as i, Xn as a, kr as o, nr as s,
 import { t as d } from "./cn-YER3QsV1.js";
 import { n as f, t as p } from "./creditCards-D_iWmtG6.js";
 import { t as m } from "./useInteractionEffect-DtpbVd77.js";
-import { t as h } from "./MPopover-Cqz5TsHg.js";
+import { t as h } from "./MPopover-BRuwva-c.js";
 import { n as g } from "./MSurface-B-sjyczH.js";
 import { t as _ } from "./MText-CL-LPcXi.js";
 import { t as v } from "./MHeading-B7KgSP4T.js";
@@ -13,12 +13,12 @@ import { n as S } from "./MSkeleton-BpylRABV.js";
 import { r as C, t as w } from "./MGrid-yLmEteNw.js";
 import { t as T } from "./MStack-B8JtyM10.js";
 import { a as E, i as D, n as O, r as k, t as A } from "./MCard-9ucghJJs.js";
-import { n as j, t as M } from "./MInputCVC-BimlubK5.js";
+import { n as j, t as M } from "./MInputCVC-BSHrWcEh.js";
 import { t as N } from "./MAvatar-CIvYzQV4.js";
 import { n as ee, t as P } from "./MDetailList-Gh5Y0UOx.js";
 import { t as F } from "./MInputSearch-Dj55a3oO.js";
 import { t as I } from "./MTreeView-DMTzRk6c.js";
-import { i as te, r as ne } from "./MDropdownMenu-DKbC3uSE.js";
+import { i as te, r as ne } from "./MDropdownMenu-CAwSTZ1h.js";
 import { t as L } from "./MPagination-CnFI794t.js";
 import { Children as re, Fragment as R, cloneElement as z, isValidElement as B, useCallback as V, useEffect as ie, useMemo as ae, useRef as oe, useState as H } from "react";
 import { Fragment as se, jsx as U, jsxs as W } from "react/jsx-runtime";
@@ -821,7 +821,7 @@ function xe(e, t) {
 	}
 	return r;
 }
-function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1, searchKeys: s, searchPlaceholder: l = "Search...", search: u, onSearchChange: f, filterable: p = !1, filterKeys: m = [], filters: g, onFiltersChange: _, sortable: v = !1, sortKeys: y = [], defaultSort: S, sort: C, onSortChange: w, pagination: T = !1, pageSize: E = 12, page: D, onPageChange: O, total: k, manualSearch: A = !1, manualFilters: j = !1, manualSort: M = !1, manualPagination: N = !1, columns: ee = 3, emptyMessage: P = "No results found.", className: I, style: te, ...ne }) {
+function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1, searchKeys: s, searchPlaceholder: l = "Search...", search: u, onSearchChange: f, filterable: p = !1, filterKeys: m = [], filters: g, onFiltersChange: _, sortable: v = !1, sortKeys: y = [], defaultSort: S, sort: C, onSortChange: w, pagination: T = !1, pageSize: E = 12, page: D, onPageChange: O, total: k, manualSearch: A = !1, manualFilters: j = !1, manualSort: M = !1, manualPagination: N = !1, columns: ee = 3, emptyMessage: P = "No results found.", className: I, style: te, ...ne }) {
 	let [re, z] = H(""), [B, ie] = H({}), [G, K] = H(S ?? null), [q, J] = H(1), [ce, Y] = H(!1), [le, ue] = H(!1), X = oe(null), de = oe(null), fe = u === void 0 ? re : u, Z = g === void 0 ? B : g, Q = C === void 0 ? G : C, pe = D === void 0 ? q : D, me = V((e) => {
 		u === void 0 && z(e), !N && D === void 0 && J(1), f?.(e);
 	}, [
@@ -843,11 +843,14 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 		D,
 		N,
 		w
-	]), _e = V((e) => {
-		D === void 0 && J(e), O?.(e);
-	}, [D, O]), ve = V(() => {
+	]), _e = oe(null), ve = V((e) => {
+		D === void 0 && J(e), O?.(e), _e.current?.scrollIntoView({
+			block: "start",
+			behavior: "smooth"
+		});
+	}, [D, O]), ye = V(() => {
 		Y((e) => !e), ue(!1);
-	}, []), ye = V(() => {
+	}, []), Se = V(() => {
 		ue((e) => !e), Y(!1);
 	}, []), $ = ae(() => {
 		let e = n;
@@ -879,7 +882,7 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 		A,
 		j,
 		M
-	]), Se = N ? k ?? $.length : $.length, Ce = ae(() => {
+	]), Ce = N ? k ?? $.length : $.length, we = ae(() => {
 		if (!T || N) return $;
 		let e = (pe - 1) * E;
 		return $.slice(e, e + E);
@@ -890,14 +893,14 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 		pe,
 		E
 	]);
-	function we(e, t) {
+	function Te(e, t) {
 		let n = Z[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
 		he({
 			...Z,
 			[e]: r
 		});
 	}
-	let Te = ae(() => {
+	let Ee = ae(() => {
 		let e = {};
 		for (let t of m) {
 			if (t.options) {
@@ -912,8 +915,9 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 			e[t.key] = Array.from(r).sort();
 		}
 		return e;
-	}, [n, m]), Ee = y.find((e) => e.key === Q?.key);
+	}, [n, m]), De = y.find((e) => e.key === Q?.key);
 	return /* @__PURE__ */ W("div", {
+		ref: _e,
 		className: d("card-grid", `color-${a}`, I),
 		style: te,
 		...ne,
@@ -937,7 +941,7 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 						size: "sm",
 						startIcon: /* @__PURE__ */ U(e, {}),
 						"aria-expanded": ce,
-						onClick: ve,
+						onClick: ye,
 						children: "Filter"
 					}), /* @__PURE__ */ U(h, {
 						open: ce,
@@ -950,13 +954,13 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 							children: [/* @__PURE__ */ U("span", {
 								className: "card-grid-filter-label",
 								children: e.label
-							}), (Te[e.key] ?? []).map((t) => /* @__PURE__ */ U("div", {
+							}), (Ee[e.key] ?? []).map((t) => /* @__PURE__ */ U("div", {
 								className: "card-grid-filter-option",
 								children: /* @__PURE__ */ U(x, {
 									size: "sm",
 									clickEffect: "none",
 									checked: Z[e.key]?.includes(t) ?? !1,
-									onChange: () => we(e.key, t),
+									onChange: () => Te(e.key, t),
 									label: t
 								})
 							}, t))]
@@ -968,8 +972,8 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 						size: "sm",
 						startIcon: Q ? Q.direction === "asc" ? /* @__PURE__ */ U(i, {}) : /* @__PURE__ */ U(t, {}) : /* @__PURE__ */ U(c, {}),
 						"aria-expanded": le,
-						onClick: ye,
-						children: Ee ? `Sort: ${Ee.label}` : "Sort"
+						onClick: Se,
+						children: De ? `Sort: ${De.label}` : "Sort"
 					}), /* @__PURE__ */ U(h, {
 						open: le,
 						anchorRef: de,
@@ -996,10 +1000,10 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 					})] })]
 				})]
 			}),
-			Ce.length > 0 ? /* @__PURE__ */ U("div", {
+			we.length > 0 ? /* @__PURE__ */ U("div", {
 				className: "card-grid-items",
 				style: be(ee),
-				children: Ce.map((e, t) => {
+				children: we.map((e, t) => {
 					let n = e?.id;
 					return /* @__PURE__ */ U(R, { children: r(e, t) }, n ?? t);
 				})
@@ -1007,13 +1011,13 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 				className: "card-grid-empty",
 				children: P
 			}),
-			T && Se > E && /* @__PURE__ */ U("div", {
+			T && Ce > E && /* @__PURE__ */ U("div", {
 				className: "card-grid-pagination",
 				children: /* @__PURE__ */ U(L, {
-					total: Se,
+					total: Ce,
 					page: pe,
 					pageSize: E,
-					onChange: _e
+					onChange: ve
 				})
 			})
 		]
@@ -1021,7 +1025,7 @@ function $({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 }
 //#endregion
 //#region src/components/cards/MCardDaySchedule/MCardDaySchedule.tsx
-function Se({ title: e = "Today", description: t, color: n = "primary", workdayStart: r, workdayEnd: i, timeline: a, summary: o, tabs: s = [], footer: c, emptyTimeline: l = /* @__PURE__ */ U(_, {
+function $({ title: e = "Today", description: t, color: n = "primary", workdayStart: r, workdayEnd: i, timeline: a, summary: o, tabs: s = [], footer: c, emptyTimeline: l = /* @__PURE__ */ U(_, {
 	tone: "muted",
 	children: "No events scheduled for this day."
 }), ...u }) {
@@ -1198,6 +1202,6 @@ function Ce({ title: e = "Documents", description: t, color: n = "primary", item
 	});
 }
 //#endregion
-export { ge as a, Z as c, ue as d, Y as f, ye as i, fe as l, Se as n, pe as o, J as p, $ as r, Q as s, Ce as t, de as u };
+export { ge as a, Z as c, ue as d, Y as f, ye as i, fe as l, $ as n, pe as o, J as p, Se as r, Q as s, Ce as t, de as u };
 
-//# sourceMappingURL=cards-DNJvVlUm.js.map
+//# sourceMappingURL=cards-23tpYjxc.js.map