flexi-datagrid 1.2.7 → 1.2.8

package/dist/index.es.js

@@ -1,17 +1,17 @@
-import { ArrowDown as e, ArrowUp as t, ArrowUpDown as n, ChevronDown as r, ChevronLeft as i, ChevronRight as a, ChevronsLeft as o, ChevronsRight as s, Filter as ee, Pin as te, PinOff as ne, RotateCcw as re, Settings as ie, X as c } from "lucide-react";
-import { useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { createPortal as ae } from "react-dom";
-import { Fragment as oe, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ArrowDown as e, ArrowUp as t, ArrowUpDown as n, ChevronDown as r, ChevronLeft as i, ChevronRight as a, ChevronsLeft as o, ChevronsRight as s, Filter as ee, Pin as te, PinOff as ne, RotateCcw as re, Settings as ie, X as ae } from "lucide-react";
+import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { createPortal as oe } from "react-dom";
+import { Fragment as se, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/Datatable.tsx
-var h = (e) => {
+var m = (e) => {
 	let t = [];
 	return e.forEach((e) => {
-		e.children && e.children.length > 0 ? t.push(...h(e.children)) : t.push(e);
+		e.children && e.children.length > 0 ? t.push(...m(e.children)) : t.push(e);
 	}), t;
-}, g = (...e) => e.filter(Boolean).join(" "), se = (e) => {
+}, h = (...e) => e.filter(Boolean).join(" "), ce = (e) => {
 	if (e === !0) return "left";
 	if (e === "left" || e === "right") return e;
-}, ce = (e, t, n) => {
+}, le = (e, t, n) => {
 	let r = (e) => {
 		let n = t[e];
 		return n === "left" ? 0 : n === "right" ? 2 : 1;
@@ -26,55 +26,55 @@ var h = (e) => {
 		children: i(e.children)
 	} : e);
 	return i(e);
-}, le = 48, ue = 150, de = 60;
-function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy: b = !1, defaultGroupBy: me = [], onPinChange: he, onGroupChange: x, containerStyle: ge, tableStyle: _e, bordered: ve = !1, pinnedBottomRowData: S = [], pinnedRowClassName: ye, rowHeight: C = le, overscan: be = 8, onColumnResize: xe, onColumnReorder: Se, rowClassRules: Ce, onRowClick: we, rowSpanColumns: w, controlPanel: Te = !1, defaultDisplayPinnedIcon: Ee = !0, defaultHiddenColumns: De = [], onColumnVisibilityChange: T, pagination: E = !1, defaultPageSize: Oe = 10, pageSizeOptions: ke = [
+}, ue = 48, de = 150, fe = 60;
+function g({ columns: g, data: _, rowKey: pe, actions: v, isLoading: me, groupBy: y = !1, defaultGroupBy: he = [], onPinChange: ge, onGroupChange: b, containerStyle: _e, tableStyle: ve, bordered: ye = !1, pinnedBottomRowData: x = [], pinnedRowClassName: be, rowHeight: S = ue, overscan: xe = 8, onColumnResize: Se, onColumnReorder: Ce, rowClassRules: we, onRowClick: Te, rowSpanColumns: C, controlPanel: Ee = !1, defaultDisplayPinnedIcon: De = !0, defaultHiddenColumns: Oe = [], onColumnVisibilityChange: w, pagination: T = !1, defaultPageSize: ke = 10, pageSizeOptions: Ae = [
 	10,
 	25,
 	50,
 	100
-], onPageChange: D }) {
-	let [O, Ae] = f(null), [k, je] = f({}), [A, Me] = f(""), [Ne, Pe] = f(null), [Fe, Ie] = f(null), j = d(/* @__PURE__ */ new Map()), [M, Le] = f(me), [Re, ze] = f({}), [Be, Ve] = f(!1), [N, He] = f({
+], onPageChange: E }) {
+	let [D, je] = d(null), [O, Me] = d({}), [k, Ne] = d(""), [Pe, Fe] = d(null), [Ie, Le] = d(null), Re = u(/* @__PURE__ */ new Map()), [A, ze] = d(he), [Be, Ve] = d({}), [He, Ue] = d(!1), [j, We] = d({
 		key: null,
 		direction: null
-	}), [Ue, We] = f({}), [Ge, Ke] = f({}), [qe, Je] = f(Ee), [P, Ye] = f(De), [F, Xe] = f(!1), Ze = d(null), I = d(null), [L, R] = f(1), [z, Qe] = f(Oe), $e = d(null), et = d(!1), B = d(null), V = u(() => h(_), [_]), [H, tt] = f(() => {
+	}), [Ge, Ke] = d({}), [qe, Je] = d({}), [Ye, Xe] = d(De), [M, Ze] = d(Oe), [N, Qe] = d(!1), $e = u(null), P = u(null), [F, I] = d(1), [L, et] = d(ke), tt = u(null), nt = u(!1), R = u(null), z = l(() => m(g), [g]), [B, rt] = d(() => {
 		let e = {};
-		return V.forEach((t) => {
-			let n = se(t.pinned);
+		return z.forEach((t) => {
+			let n = ce(t.pinned);
 			n && (e[t.key] = n);
 		}), e;
-	}), U = u(() => ce(_, H, Ge), [
-		_,
-		H,
-		Ge
-	]), W = u(() => {
-		let e = h(U), t = b ? M : [];
-		return e.filter((e) => !t.includes(e.key) && !P.includes(e.key));
+	}), V = l(() => le(g, B, qe), [
+		g,
+		B,
+		qe
+	]), H = l(() => {
+		let e = m(V), t = y ? A : [];
+		return e.filter((e) => !t.includes(e.key) && !M.includes(e.key));
 	}, [
-		U,
-		M,
-		b,
-		P
-	]), G = d(null), nt = d(null);
-	l(() => {
+		V,
+		A,
+		y,
+		M
+	]), U = u(null), it = u(null);
+	c(() => {
 		function e(e) {
-			let t = e.target, n = O ? j.current.get(O) : null;
-			nt.current && !nt.current.contains(t) && !(n && n.contains(t)) && (Ae(null), Me(""));
+			let t = e.target, n = D ? Re.current.get(D) : null;
+			it.current && !it.current.contains(t) && !(n && n.contains(t)) && (je(null), Ne(""));
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [O]), l(() => {
-		if (!F) return;
+	}, [D]), c(() => {
+		if (!N) return;
 		function e(e) {
 			let t = e.target;
-			Ze.current && !Ze.current.contains(t) && !(I.current && I.current.contains(t)) && Xe(!1);
+			$e.current && !$e.current.contains(t) && !(P.current && P.current.contains(t)) && Qe(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [F]), l(() => {
-		if (!F) return;
+	}, [N]), c(() => {
+		if (!N) return;
 		let e = () => {
-			let e = I.current, t = G.current;
+			let e = P.current, t = U.current;
 			if (!e || !t) return;
 			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
-			Ie({
+			Le({
 				top: n.bottom - r.top + 4,
 				right: r.right - n.right
 			});
@@ -82,13 +82,13 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [F]), l(() => {
-		if (!O) return;
+	}, [N]), c(() => {
+		if (!D) return;
 		let e = () => {
-			let e = j.current.get(O), t = G.current;
+			let e = Re.current.get(D), t = U.current;
 			if (!e || !t) return;
 			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
-			Pe({
+			Fe({
 				top: n.bottom - r.top + 4,
 				left: n.left - r.left
 			});
@@ -96,94 +96,94 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [O]);
-	let rt = (e) => typeof fe == "function" ? fe(e) : String(e[fe]), it = (e, t) => {
-		if (!Ce) return;
+	}, [D]);
+	let at = (e) => typeof pe == "function" ? pe(e) : String(e[pe]), ot = (e, t) => {
+		if (!we) return;
 		let n;
-		for (let r in Ce) Ce[r](e, t) && (n = n ? `${n} ${r}` : r);
+		for (let r in we) we[r](e, t) && (n = n ? `${n} ${r}` : r);
 		return n;
-	}, at = (e) => {
-		tt((t) => {
+	}, st = (e) => {
+		rt((t) => {
 			let n = t[e], r = n ? n === "left" ? "right" : void 0 : "left", i = { ...t };
-			return r ? i[e] = r : delete i[e], he && he(e, !!r, r), i;
+			return r ? i[e] = r : delete i[e], ge && ge(e, !!r, r), i;
 		});
-	}, ot = (e) => {
-		Ye((t) => {
+	}, ct = (e) => {
+		Ze((t) => {
 			let n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
-			return T && T(n), n;
+			return w && w(n), n;
 		});
-	}, st = () => {
-		Je(Ee), Ye(De), T && T(De);
-	}, ct = (e) => {
+	}, lt = () => {
+		Xe(De), Ze(Oe), w && w(Oe);
+	}, ut = (e) => {
 		let t = "asc";
-		N.key === e && (t = N.direction === "asc" ? "desc" : N.direction === "desc" ? null : "asc"), He({
+		j.key === e && (t = j.direction === "asc" ? "desc" : j.direction === "desc" ? null : "asc"), We({
 			key: t ? e : null,
 			direction: t
 		});
-	}, lt = (e, t, n) => {
-		if (et.current) {
+	}, dt = (e, t, n) => {
+		if (nt.current) {
 			e.preventDefault();
 			return;
 		}
-		$e.current = t, n && e.dataTransfer.setData("text/plain", t), e.dataTransfer.effectAllowed = "move";
-	}, ut = (e, t, n) => {
+		tt.current = t, n && e.dataTransfer.setData("text/plain", t), e.dataTransfer.effectAllowed = "move";
+	}, ft = (e, t, n) => {
 		let r = e.map((e) => e.key);
 		if (r.includes(t) && r.includes(n)) return e;
 		for (let r of e) if (r.children && r.children.length > 0) {
-			let e = ut(r.children, t, n);
+			let e = ft(r.children, t, n);
 			if (e) return e;
 		}
 		return null;
-	}, dt = (e, t) => {
+	}, pt = (e, t) => {
 		e.preventDefault(), e.stopPropagation();
-		let n = $e.current;
-		if ($e.current = null, !n || n === t) return;
-		let r = ut(U, n, t);
+		let n = tt.current;
+		if (tt.current = null, !n || n === t) return;
+		let r = ft(V, n, t);
 		if (!r) return;
 		let i = r.map((e) => e.key), a = i.indexOf(n), o = i.indexOf(t);
 		i.splice(o, 0, i.splice(a, 1)[0]);
-		let s = { ...Ge };
+		let s = { ...qe };
 		i.forEach((e, t) => {
 			s[e] = t;
-		}), Ke(s), Se && Se(h(ce(_, H, s)).map((e) => e.key));
-	}, ft = (e, t) => {
-		e.preventDefault(), e.stopPropagation(), et.current = !0, B.current = {
+		}), Je(s), Ce && Ce(m(le(g, B, s)).map((e) => e.key));
+	}, mt = (e, t) => {
+		e.preventDefault(), e.stopPropagation(), nt.current = !0, R.current = {
 			key: t.key,
 			startX: e.clientX,
-			startWidth: K(t)
+			startWidth: W(t)
 		};
-		let n = t.minWidth ?? de, r = t.maxWidth, i = (e) => {
-			let t = B.current;
+		let n = t.minWidth ?? fe, r = t.maxWidth, i = (e) => {
+			let t = R.current;
 			if (!t) return;
 			let i = t.startWidth + (e.clientX - t.startX);
-			i = Math.max(n, i), r && (i = Math.min(r, i)), We((e) => e[t.key] === i ? e : {
+			i = Math.max(n, i), r && (i = Math.min(r, i)), Ke((e) => e[t.key] === i ? e : {
 				...e,
 				[t.key]: i
 			});
 		}, a = () => {
-			let e = B.current;
-			B.current = null, window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a), requestAnimationFrame(() => {
-				et.current = !1;
-			}), e && xe && We((t) => (t[e.key] !== void 0 && xe(e.key, t[e.key]), t));
+			let e = R.current;
+			R.current = null, window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a), requestAnimationFrame(() => {
+				nt.current = !1;
+			}), e && Se && Ke((t) => (t[e.key] !== void 0 && Se(e.key, t[e.key]), t));
 		};
 		window.addEventListener("mousemove", i), window.addEventListener("mouseup", a);
-	}, pt = (e) => {
-		e.preventDefault(), Ve(!1);
+	}, ht = (e) => {
+		e.preventDefault(), Ue(!1);
 		let t = e.dataTransfer.getData("text/plain");
-		if (t && !M.includes(t)) {
-			let e = [...M, t];
-			Le(e), x && x(e);
+		if (t && !A.includes(t)) {
+			let e = [...A, t];
+			ze(e), b && b(e);
 		}
-	}, mt = (e) => {
-		let t = M.filter((t) => t !== e);
-		Le(t), ze({}), x && x(t);
-	}, ht = u(() => {
+	}, gt = (e) => {
+		let t = A.filter((t) => t !== e);
+		ze(t), Ve({}), b && b(t);
+	}, _t = l(() => {
 		let e = (t) => {
 			let n = 0;
 			return t.forEach((t) => {
 				n = t.children && t.children.length > 0 ? Math.max(n, 1 + e(t.children)) : Math.max(n, 1);
 			}), n;
-		}, t = e(U), n = Array.from({ length: t }, () => []), r = (e) => !e.children || e.children.length === 0 ? b && M.includes(e.key) || P.includes(e.key) ? 0 : 1 : e.children.reduce((e, t) => e + r(t), 0), i = b ? M : [], a = (e, o) => {
+		}, t = e(V), n = Array.from({ length: t }, () => []), r = (e) => !e.children || e.children.length === 0 ? y && A.includes(e.key) || M.includes(e.key) ? 0 : 1 : e.children.reduce((e, t) => e + r(t), 0), i = y ? A : [], a = (e, o) => {
 			e.forEach((e) => {
 				if (i.includes(e.key)) return;
 				let s = r(e);
@@ -198,75 +198,75 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 				}));
 			});
 		};
-		return a(U, 0), n.filter((e) => e.length > 0);
+		return a(V, 0), n.filter((e) => e.length > 0);
 	}, [
-		U,
-		M,
-		b,
-		P
-	]), K = (e) => {
-		if (Ue[e.key] !== void 0) return Ue[e.key];
-		let t = e.style?.width || e.headerStyle?.width || `${ue}px`;
-		return typeof t == "number" ? t : parseInt(String(t), 10) || ue;
-	}, gt = u(() => {
+		V,
+		A,
+		y,
+		M
+	]), W = (e) => {
+		if (Ge[e.key] !== void 0) return Ge[e.key];
+		let t = e.style?.width || e.headerStyle?.width || `${de}px`;
+		return typeof t == "number" ? t : parseInt(String(t), 10) || de;
+	}, vt = l(() => {
 		let e = {}, t = 0;
-		b && M.length > 0 && (t += 48), W.forEach((n) => {
-			H[n.key] === "left" && (e[n.key] = {
+		y && A.length > 0 && (t += 48), H.forEach((n) => {
+			B[n.key] === "left" && (e[n.key] = {
 				side: "left",
 				offset: t
-			}, t += K(n));
+			}, t += W(n));
 		});
-		let n = y ? 100 : 0;
-		for (let t = W.length - 1; t >= 0; t--) {
-			let r = W[t];
-			H[r.key] === "right" && (e[r.key] = {
+		let n = v ? 100 : 0;
+		for (let t = H.length - 1; t >= 0; t--) {
+			let r = H[t];
+			B[r.key] === "right" && (e[r.key] = {
 				side: "right",
 				offset: n
-			}, n += K(r));
+			}, n += W(r));
 		}
 		return e;
 	}, [
-		W,
 		H,
-		M,
-		b,
+		B,
+		A,
 		y,
-		Ue
-	]), _t = (e, t) => {
-		je((n) => {
+		v,
+		Ge
+	]), yt = (e, t) => {
+		Me((n) => {
 			let r = n[e] || [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t], a = {
 				...n,
 				[e]: i
 			};
 			return a[e].length === 0 && delete a[e], a;
 		});
-	}, vt = (e) => {
-		je((t) => {
+	}, bt = (e) => {
+		Me((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, q = u(() => {
+	}, G = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		return V.forEach((t) => e.set(t.key, t)), e;
-	}, [V]), yt = u(() => {
-		if (!O) return [];
-		let e = q.get(O), t = v.map((t) => e?.getValue ? e.getValue(t) : t[O]);
+		return z.forEach((t) => e.set(t.key, t)), e;
+	}, [z]), xt = l(() => {
+		if (!D) return [];
+		let e = G.get(D), t = _.map((t) => e?.getValue ? e.getValue(t) : t[D]);
 		return Array.from(new Set(t)).filter((e) => e != null);
 	}, [
-		v,
-		O,
-		q
-	]), bt = u(() => {
-		if (!A.trim()) return yt;
-		let e = A.toLowerCase();
-		return yt.filter((t) => String(t).toLowerCase().includes(e));
-	}, [yt, A]), J = u(() => {
-		let e = Object.entries(k).filter(([, e]) => e && e.length > 0), t = e.length === 0 ? v : v.filter((t) => e.every(([e, n]) => {
-			let r = q.get(e), i = r?.getValue ? r.getValue(t) : t[e];
+		_,
+		D,
+		G
+	]), St = l(() => {
+		if (!k.trim()) return xt;
+		let e = k.toLowerCase();
+		return xt.filter((t) => String(t).toLowerCase().includes(e));
+	}, [xt, k]), K = l(() => {
+		let e = Object.entries(O).filter(([, e]) => e && e.length > 0), t = e.length === 0 ? _ : _.filter((t) => e.every(([e, n]) => {
+			let r = G.get(e), i = r?.getValue ? r.getValue(t) : t[e];
 			return n.includes(i);
 		}));
-		if (N.key && N.direction) {
-			let { key: e, direction: n } = N, r = q.get(e);
+		if (j.key && j.direction) {
+			let { key: e, direction: n } = j, r = G.get(e);
 			t = [...t].sort((t, i) => {
 				let a = r?.getValue ? r.getValue(t) : t[e], o = r?.getValue ? r.getValue(i) : i[e];
 				if (a === o) return 0;
@@ -281,40 +281,40 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 		}
 		return t;
 	}, [
-		v,
-		k,
-		N,
-		q
-	]), Y = J.length, X = E ? Math.max(1, Math.ceil(Y / z)) : 1;
-	l(() => {
-		R(1);
-	}, [
-		k,
-		N,
-		z,
-		E
-	]), l(() => {
-		L > X && R(X);
-	}, [L, X]);
-	let xt = u(() => {
-		if (!E) return J;
-		let e = (L - 1) * z;
-		return J.slice(e, e + z);
+		_,
+		O,
+		j,
+		G
+	]), q = K.length, J = T ? Math.max(1, Math.ceil(q / L)) : 1;
+	c(() => {
+		I(1);
 	}, [
-		J,
-		E,
+		O,
+		j,
 		L,
-		z
-	]), St = (e) => {
-		let t = Math.min(Math.max(1, e), X);
-		R(t), D && D(t, z);
-	}, Ct = (e) => {
-		Qe(e), R(1), D && D(1, e);
-	}, wt = u(() => {
-		if (!b || M.length === 0) return xt;
+		T
+	]), c(() => {
+		F > J && I(J);
+	}, [F, J]);
+	let Ct = l(() => {
+		if (!T) return K;
+		let e = (F - 1) * L;
+		return K.slice(e, e + L);
+	}, [
+		K,
+		T,
+		F,
+		L
+	]), Y = (e) => {
+		let t = Math.min(Math.max(1, e), J);
+		I(t), E && E(t, L);
+	}, wt = (e) => {
+		et(e), I(1), E && E(1, e);
+	}, Tt = l(() => {
+		if (!y || A.length === 0) return Ct;
 		let e = (t, n, r = "") => {
-			if (n >= M.length) return t;
-			let i = M[n], a = q.get(i), o = {};
+			if (n >= A.length) return t;
+			let i = A[n], a = G.get(i), o = {};
 			return t.forEach((e) => {
 				let t = a?.getValue ? a.getValue(e) : e[i], n = String(t ?? "N/A");
 				o[n] || (o[n] = []), o[n].push(e);
@@ -334,35 +334,35 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 				};
 			});
 		};
-		return e(xt, 0);
+		return e(Ct, 0);
 	}, [
-		xt,
-		M,
-		b,
-		q
-	]), Tt = (e) => {
-		ze((t) => {
+		Ct,
+		A,
+		y,
+		G
+	]), Et = (e) => {
+		Ve((t) => {
 			let n = t[e] !== !1;
 			return {
 				...t,
 				[e]: !n
 			};
 		});
-	}, Et = u(() => {
-		if (!b || M.length === 0) return wt;
+	}, X = l(() => {
+		if (!y || A.length === 0) return Tt;
 		let e = [], t = (n) => {
 			n.forEach((n) => {
-				n.isGroupRow ? (e.push(n), Re[n.path] !== !1 && t(n.children)) : e.push(n);
+				n.isGroupRow ? (e.push(n), Be[n.path] !== !1 && t(n.children)) : e.push(n);
 			});
 		};
-		return t(wt), e;
+		return t(Tt), e;
 	}, [
-		wt,
-		Re,
-		M,
-		b
-	]), Dt = d(null), [Ot, kt] = f(0), [At, jt] = f(0);
-	l(() => {
+		Tt,
+		Be,
+		A,
+		y
+	]), Dt = u(null), [Ot, kt] = d(0), [At, jt] = d(0);
+	c(() => {
 		let e = Dt.current;
 		if (!e) return;
 		let t = () => kt(e.scrollTop);
@@ -372,37 +372,37 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 			e.removeEventListener("scroll", t), n?.disconnect();
 		};
 	}, []);
-	let Z = Et.length, { startIndex: Q, endIndex: Mt, topSpacerHeight: Nt, bottomSpacerHeight: Pt } = u(() => {
+	let Z = X.length, { startIndex: Q, endIndex: Mt, topSpacerHeight: Nt, bottomSpacerHeight: Pt } = l(() => {
 		if (At === 0) return {
 			startIndex: 0,
 			endIndex: Z,
 			topSpacerHeight: 0,
 			bottomSpacerHeight: 0
 		};
-		let e = Math.max(0, Z - 1), t = Math.min(e, Math.floor(Ot / C)), n = Math.ceil(At / C) + 1, r = Math.max(0, t - be), i = Math.min(Z, t + n + be);
+		let e = Math.max(0, Z - 1), t = Math.min(e, Math.floor(Ot / S)), n = Math.ceil(At / S) + 1, r = Math.max(0, t - xe), i = Math.min(Z, t + n + xe);
 		return {
 			startIndex: r,
 			endIndex: i,
-			topSpacerHeight: r * C,
-			bottomSpacerHeight: (Z - i) * C
+			topSpacerHeight: r * S,
+			bottomSpacerHeight: (Z - i) * S
 		};
 	}, [
 		Ot,
 		At,
 		Z,
-		C,
-		be
-	]), Ft = u(() => Et.slice(Q, Mt), [
-		Et,
+		S,
+		xe
+	]), Ft = l(() => X.slice(Q, Mt), [
+		X,
 		Q,
 		Mt
-	]), It = u(() => {
+	]), It = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		if (!w || w.length === 0) return e;
+		if (!C || C.length === 0) return e;
 		let t = (e, t) => {
-			let n = q.get(t);
+			let n = G.get(t);
 			return n?.getValue ? n.getValue(e) : e[t];
-		}, n = Ft, r = n.map(() => w.map(() => !0)), i = null;
+		}, n = Ft, r = n.map(() => C.map(() => !0)), i = null;
 		for (let e = 0; e < n.length; e++) {
 			let a = n[e];
 			if (a.isGroupRow) {
@@ -411,14 +411,14 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 			}
 			if (i !== null) {
 				let o = n[i], s = !0;
-				for (let n = 0; n < w.length; n++) {
-					let i = w[n];
+				for (let n = 0; n < C.length; n++) {
+					let i = C[n];
 					s && t(a, i) === t(o, i) ? r[e][n] = !1 : (s = !1, r[e][n] = !0);
 				}
 			}
 			i = e;
 		}
-		return w.forEach((t, i) => {
+		return C.forEach((t, i) => {
 			let a = 0;
 			for (; a < n.length;) {
 				if (n[a].isGroupRow || !r[a][i]) {
@@ -440,11 +440,11 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 		}), e;
 	}, [
 		Ft,
-		w,
-		q,
+		C,
+		G,
 		Q
 	]), Lt = (e, t = !1, n) => {
-		let r = gt[e];
+		let r = vt[e];
 		if (!r) return n || {};
 		let i = r.side === "right";
 		return {
@@ -456,124 +456,124 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 			boxShadow: i ? "-2px 0 5px -2px rgba(0,0,0,0.1)" : "2px 0 5px -2px rgba(0,0,0,0.1)",
 			...n
 		};
-	}, Rt = u(() => S.map((e, t) => (S.length - 1 - t) * 48), [S]), $ = W.length + +!!y + (b && M.length > 0 ? 1 : 0), zt = /* @__PURE__ */ p("button", {
+	}, Rt = l(() => x.map((e, t) => (x.length - 1 - t) * 48), [x]), $ = H.length + +!!v + (y && A.length > 0 ? 1 : 0), zt = /* @__PURE__ */ f("button", {
 		type: "button",
-		ref: I,
+		ref: P,
 		onClick: (e) => {
-			e.stopPropagation(), Xe((e) => !e);
+			e.stopPropagation(), Qe((e) => !e);
 		},
-		className: g("flexi-icon-btn", "flexi-settings-btn", F && "flexi-settings-btn--active"),
+		className: h("flexi-icon-btn", N && "flexi-settings-btn--active"),
 		title: "Grid display settings",
-		children: /* @__PURE__ */ p(ie, { className: "flexi-icon-sm" })
-	}), Bt = F && Fe && G.current && ae(/* @__PURE__ */ m("div", {
-		ref: Ze,
+		children: /* @__PURE__ */ f(ie, { className: "flexi-icon-sm" })
+	}), Bt = N && Ie && U.current && oe(/* @__PURE__ */ p("div", {
+		ref: $e,
 		className: "flexi-settings-menu",
 		style: {
-			top: Fe.top,
-			right: Fe.right,
+			top: Ie.top,
+			right: Ie.right,
 			zIndex: 9999
 		},
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flexi-settings-section",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "flexi-settings-heading",
 					children: "Action Icons"
-				}), /* @__PURE__ */ m("label", {
+				}), /* @__PURE__ */ p("label", {
 					className: "flexi-filter-option",
-					children: [/* @__PURE__ */ p("input", {
+					children: [/* @__PURE__ */ f("input", {
 						type: "checkbox",
 						className: "flexi-checkbox",
-						checked: qe,
-						onChange: () => Je((e) => !e)
-					}), /* @__PURE__ */ p("span", {
+						checked: Ye,
+						onChange: () => Xe((e) => !e)
+					}), /* @__PURE__ */ f("span", {
 						className: "flexi-filter-option-text",
 						children: "Show pin icon on hover"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ p("div", { className: "flexi-settings-divider" }),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ f("div", { className: "flexi-settings-divider" }),
+			/* @__PURE__ */ p("div", {
 				className: "flexi-settings-section",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "flexi-settings-heading",
 					children: "Columns"
-				}), V.map((e) => /* @__PURE__ */ m("label", {
+				}), z.map((e) => /* @__PURE__ */ p("label", {
 					className: "flexi-filter-option",
-					children: [/* @__PURE__ */ p("input", {
+					children: [/* @__PURE__ */ f("input", {
 						type: "checkbox",
 						className: "flexi-checkbox",
-						checked: !P.includes(e.key),
-						onChange: () => ot(e.key)
-					}), /* @__PURE__ */ p("span", {
+						checked: !M.includes(e.key),
+						onChange: () => ct(e.key)
+					}), /* @__PURE__ */ f("span", {
 						className: "flexi-filter-option-text",
 						children: e.header
 					})]
 				}, e.key))]
 			}),
-			/* @__PURE__ */ p("div", { className: "flexi-settings-divider" }),
-			/* @__PURE__ */ m("button", {
+			/* @__PURE__ */ f("div", { className: "flexi-settings-divider" }),
+			/* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: st,
+				onClick: lt,
 				className: "flexi-settings-reset",
 				title: "Reset pin icon visibility and hidden columns to their defaults",
-				children: [/* @__PURE__ */ p(re, { className: "flexi-icon-sm" }), /* @__PURE__ */ p("span", { children: "Reset to defaults" })]
+				children: [/* @__PURE__ */ f(re, { className: "flexi-icon-sm" }), /* @__PURE__ */ f("span", { children: "Reset to defaults" })]
 			})
 		]
-	}), G.current);
-	return /* @__PURE__ */ m("div", {
-		ref: G,
+	}), U.current);
+	return /* @__PURE__ */ p("div", {
+		ref: U,
 		className: "flexi-root",
 		children: [
-			b && /* @__PURE__ */ p("div", {
+			y && /* @__PURE__ */ f("div", {
 				onDragOver: (e) => {
-					e.preventDefault(), Ve(!0);
+					e.preventDefault(), Ue(!0);
 				},
-				onDragLeave: () => Ve(!1),
-				onDrop: pt,
-				className: g("flexi-groupzone", Be && "flexi-groupzone--dragover"),
-				children: M.length === 0 ? /* @__PURE__ */ p("span", {
+				onDragLeave: () => Ue(!1),
+				onDrop: ht,
+				className: h("flexi-groupzone", He && "flexi-groupzone--dragover"),
+				children: A.length === 0 ? /* @__PURE__ */ f("span", {
 					className: "flexi-groupzone-hint",
 					children: "Drag a column header here to group your records by that field"
-				}) : /* @__PURE__ */ m("div", {
+				}) : /* @__PURE__ */ p("div", {
 					className: "flexi-groupzone-chips",
-					children: [/* @__PURE__ */ p("span", {
+					children: [/* @__PURE__ */ f("span", {
 						className: "flexi-groupzone-label",
 						children: "Grouped By:"
-					}), M.map((e) => /* @__PURE__ */ m("div", {
+					}), A.map((e) => /* @__PURE__ */ p("div", {
 						className: "flexi-chip",
-						children: [/* @__PURE__ */ p("span", { children: V.find((t) => t.key === e)?.header || e }), /* @__PURE__ */ p("button", {
+						children: [/* @__PURE__ */ f("span", { children: z.find((t) => t.key === e)?.header || e }), /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: () => mt(e),
+							onClick: () => gt(e),
 							className: "flexi-icon-btn flexi-chip-remove",
-							children: /* @__PURE__ */ p(c, { className: "flexi-icon-xs" })
+							children: /* @__PURE__ */ f(ae, { className: "flexi-icon-xs" })
 						})]
 					}, e))]
 				})
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ f("div", {
 				ref: Dt,
 				className: "flexi-table-wrap",
-				style: ge,
-				children: /* @__PURE__ */ m("table", {
-					className: g("flexi-table", ve && "flexi-table--bordered"),
-					style: _e,
+				style: _e,
+				children: /* @__PURE__ */ p("table", {
+					className: h("flexi-table", ye && "flexi-table--bordered"),
+					style: ve,
 					children: [
-						/* @__PURE__ */ m("colgroup", { children: [
-							b && M.length > 0 && /* @__PURE__ */ p("col", { style: { width: "48px" } }),
-							W.map((e) => /* @__PURE__ */ p("col", { style: {
+						/* @__PURE__ */ p("colgroup", { children: [
+							y && A.length > 0 && /* @__PURE__ */ f("col", { style: { width: "48px" } }),
+							H.map((e) => /* @__PURE__ */ f("col", { style: {
 								...e.style,
-								width: K(e)
+								width: W(e)
 							} }, e.key)),
-							y && /* @__PURE__ */ p("col", { style: { width: "100px" } })
+							v && /* @__PURE__ */ f("col", { style: { width: "100px" } })
 						] }),
-						/* @__PURE__ */ p("thead", {
+						/* @__PURE__ */ f("thead", {
 							className: "flexi-thead",
-							children: ht.map((r, i) => /* @__PURE__ */ m("tr", {
+							children: _t.map((r, i) => /* @__PURE__ */ p("tr", {
 								className: "flexi-header-row",
 								children: [
-									i === 0 && b && M.length > 0 && /* @__PURE__ */ p("th", {
-										rowSpan: ht.length,
+									i === 0 && y && A.length > 0 && /* @__PURE__ */ f("th", {
+										rowSpan: _t.length,
 										className: "flexi-group-spacer-th",
 										style: {
 											position: "sticky",
@@ -584,144 +584,141 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 										}
 									}),
 									r.map(({ col: a, rowSpan: o, colSpan: s }, re) => {
-										let ie = (k[a.key]?.length || 0) > 0, c = !!H[a.key], l = Lt(a.key, !0, a.headerStyle), u = !a.children || a.children.length === 0, d = N.key === a.key, f = !!(b && u), oe = u && a.resizable !== !1, h = i === 0 && re === r.length - 1;
-										return /* @__PURE__ */ m("th", {
+										let ie = (O[a.key]?.length || 0) > 0, ae = !!B[a.key], c = Lt(a.key, !0, a.headerStyle), l = !a.children || a.children.length === 0, u = j.key === a.key, d = !!(y && l), se = l && a.resizable !== !1;
+										return i === 0 && r.length - 1, /* @__PURE__ */ p("th", {
 											rowSpan: o,
 											colSpan: s,
 											draggable: !0,
-											onDragStart: (e) => lt(e, a.key, u),
+											onDragStart: (e) => dt(e, a.key, l),
 											onDragOver: (e) => e.preventDefault(),
-											onDrop: (e) => dt(e, a.key),
-											className: g("flexi-th", "flexi-th--draggable", f && "flexi-th--group-draggable", c && "flexi-th--pinned", a.className, a.headerClassName),
-											style: l,
-											children: [/* @__PURE__ */ m("div", {
+											onDrop: (e) => pt(e, a.key),
+											className: h("flexi-th", "flexi-th--draggable", d && "flexi-th--group-draggable", ae && "flexi-th--pinned", a.className, a.headerClassName),
+											style: c,
+											children: [/* @__PURE__ */ p("div", {
 												className: "flexi-th-inner",
 												children: [
-													/* @__PURE__ */ m("div", {
-														className: g("flexi-th-label", a.sortable && u && "flexi-th-label--sortable"),
-														onClick: () => a.sortable && u && ct(a.key),
-														children: [/* @__PURE__ */ p("span", {
+													/* @__PURE__ */ p("div", {
+														className: h("flexi-th-label", a.sortable && l && "flexi-th-label--sortable"),
+														onClick: () => a.sortable && l && ut(a.key),
+														children: [/* @__PURE__ */ f("span", {
 															className: "flexi-th-text",
 															children: a.header
-														}), u && a.sortable && /* @__PURE__ */ p("span", {
-															className: g("flexi-sort-icon", d && "flexi-sort-icon--active"),
-															children: d && N.direction === "asc" ? /* @__PURE__ */ p(t, { className: "flexi-icon-sm" }) : d && N.direction === "desc" ? /* @__PURE__ */ p(e, { className: "flexi-icon-sm" }) : /* @__PURE__ */ p(n, { className: "flexi-icon-sm" })
+														}), l && a.sortable && /* @__PURE__ */ f("span", {
+															className: h("flexi-sort-icon", u && "flexi-sort-icon--active"),
+															children: u && j.direction === "asc" ? /* @__PURE__ */ f(t, { className: "flexi-icon-sm" }) : u && j.direction === "desc" ? /* @__PURE__ */ f(e, { className: "flexi-icon-sm" }) : /* @__PURE__ */ f(n, { className: "flexi-icon-sm" })
 														})]
 													}),
-													/* @__PURE__ */ m("div", {
+													/* @__PURE__ */ p("div", {
 														className: "flexi-th-actions",
-														children: [
-															u && a.filterable && /* @__PURE__ */ p("button", {
-																type: "button",
-																ref: (e) => {
-																	e ? j.current.set(a.key, e) : j.current.delete(a.key);
-																},
-																onClick: (e) => {
-																	e.stopPropagation(), Me(""), Ae(O === a.key ? null : a.key);
-																},
-																className: g("flexi-icon-btn", "flexi-filter-btn", ie && "flexi-filter-btn--active"),
-																children: /* @__PURE__ */ p(ee, { className: "flexi-icon-sm" })
-															}),
-															u && qe && /* @__PURE__ */ p("button", {
-																type: "button",
-																onClick: (e) => {
-																	e.stopPropagation(), at(a.key);
-																},
-																className: g("flexi-icon-btn", "flexi-pin-btn", c && "flexi-pin-btn--pinned"),
-																title: H[a.key] === "left" ? "Pinned left (click to pin right)" : H[a.key] === "right" ? "Pinned right (click to unpin)" : "Pin column left",
-																children: p(c ? ne : te, { className: "flexi-icon-sm" })
-															}),
-															Te && h && zt
-														]
+														children: [l && a.filterable && /* @__PURE__ */ f("button", {
+															type: "button",
+															ref: (e) => {
+																e ? Re.current.set(a.key, e) : Re.current.delete(a.key);
+															},
+															onClick: (e) => {
+																e.stopPropagation(), Ne(""), je(D === a.key ? null : a.key);
+															},
+															className: h("flexi-icon-btn", "flexi-filter-btn", ie && "flexi-filter-btn--active"),
+															children: /* @__PURE__ */ f(ee, { className: "flexi-icon-sm" })
+														}), l && Ye && /* @__PURE__ */ f("button", {
+															type: "button",
+															onClick: (e) => {
+																e.stopPropagation(), st(a.key);
+															},
+															className: h("flexi-icon-btn", "flexi-pin-btn", ae && "flexi-pin-btn--pinned"),
+															title: B[a.key] === "left" ? "Pinned left (click to pin right)" : B[a.key] === "right" ? "Pinned right (click to unpin)" : "Pin column left",
+															children: f(ae ? ne : te, { className: "flexi-icon-sm" })
+														})]
 													}),
-													O === a.key && u && Ne && G.current && ae(/* @__PURE__ */ m("div", {
-														ref: nt,
+													D === a.key && l && Pe && U.current && oe(/* @__PURE__ */ p("div", {
+														ref: it,
 														className: "flexi-filter-dropdown",
 														style: {
-															top: Ne.top,
-															left: Ne.left,
+															top: Pe.top,
+															left: Pe.left,
 															zIndex: 9999
 														},
 														children: [
-															/* @__PURE__ */ p("div", {
+															/* @__PURE__ */ f("div", {
 																className: "flexi-filter-search",
-																children: /* @__PURE__ */ p("input", {
+																children: /* @__PURE__ */ f("input", {
 																	type: "text",
 																	placeholder: "Search values...",
-																	value: A,
-																	onChange: (e) => Me(e.target.value),
+																	value: k,
+																	onChange: (e) => Ne(e.target.value),
 																	className: "flexi-input",
 																	onClick: (e) => e.stopPropagation()
 																})
 															}),
-															/* @__PURE__ */ p("div", {
+															/* @__PURE__ */ f("div", {
 																className: "flexi-filter-list",
-																children: bt.length === 0 ? /* @__PURE__ */ p("div", {
+																children: St.length === 0 ? /* @__PURE__ */ f("div", {
 																	className: "flexi-filter-empty",
 																	children: "No results found"
-																}) : bt.map((e, t) => /* @__PURE__ */ m("label", {
+																}) : St.map((e, t) => /* @__PURE__ */ p("label", {
 																	className: "flexi-filter-option",
-																	children: [/* @__PURE__ */ p("input", {
+																	children: [/* @__PURE__ */ f("input", {
 																		type: "checkbox",
 																		className: "flexi-checkbox",
-																		checked: k[a.key]?.includes(e) || !1,
-																		onChange: () => _t(a.key, e)
-																	}), /* @__PURE__ */ p("span", {
+																		checked: O[a.key]?.includes(e) || !1,
+																		onChange: () => yt(a.key, e)
+																	}), /* @__PURE__ */ f("span", {
 																		className: "flexi-filter-option-text",
 																		children: String(e)
 																	})]
 																}, t))
 															}),
-															ie && /* @__PURE__ */ p("div", {
+															ie && /* @__PURE__ */ f("div", {
 																className: "flexi-filter-footer",
-																children: /* @__PURE__ */ p("button", {
+																children: /* @__PURE__ */ f("button", {
 																	type: "button",
-																	onClick: () => vt(a.key),
+																	onClick: () => bt(a.key),
 																	className: "flexi-filter-clear",
 																	children: "Clear Filter"
 																})
 															})
 														]
-													}), G.current)
+													}), U.current)
 												]
-											}), oe && /* @__PURE__ */ p("div", {
+											}), se && /* @__PURE__ */ f("div", {
 												className: "flexi-th-resizer",
-												onMouseDown: (e) => ft(e, a),
+												onMouseDown: (e) => mt(e, a),
 												onClick: (e) => e.stopPropagation(),
 												onDragStart: (e) => e.preventDefault()
 											})]
 										}, a.key);
 									}),
-									i === 0 && y && /* @__PURE__ */ p("th", {
-										rowSpan: ht.length,
-										className: "flexi-actions-th",
+									Ee && i === 0 && /* @__PURE__ */ f("div", {
+										className: "flexi-actions-th flexi-th",
 										style: {
 											position: "sticky",
 											top: 0,
 											right: 0,
-											zIndex: 35,
-											backgroundColor: "rgb(248, 250, 252)"
+											zIndex: 55,
+											display: "flex",
+											justifyContent: "center",
+											alignItems: "center"
 										},
-										children: Te && zt
+										children: Ee && zt
 									})
 								]
 							}, `header-row-${i}`))
 						}),
-						/* @__PURE__ */ p("tbody", {
+						/* @__PURE__ */ f("tbody", {
 							className: "flexi-tbody",
-							children: pe ? /* @__PURE__ */ p("tr", { children: /* @__PURE__ */ p("td", {
+							children: me ? /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
 								colSpan: $,
 								className: "flexi-empty-cell",
 								children: "Loading records..."
-							}) }) : Et.length === 0 ? /* @__PURE__ */ p("tr", { children: /* @__PURE__ */ p("td", {
+							}) }) : X.length === 0 ? /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
 								colSpan: $,
 								className: "flexi-empty-cell",
 								children: "No records found matching criteria."
-							}) }) : /* @__PURE__ */ m(oe, { children: [
-								Nt > 0 && /* @__PURE__ */ p("tr", {
+							}) }) : /* @__PURE__ */ p(se, { children: [
+								Nt > 0 && /* @__PURE__ */ f("tr", {
 									"aria-hidden": "true",
 									style: { height: Nt },
-									children: /* @__PURE__ */ p("td", {
+									children: /* @__PURE__ */ f("td", {
 										colSpan: $,
 										style: {
 											padding: 0,
@@ -731,10 +728,10 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 									})
 								}),
 								Ft.map((e, t) => Vt(e, Q + t)),
-								Pt > 0 && /* @__PURE__ */ p("tr", {
+								Pt > 0 && /* @__PURE__ */ f("tr", {
 									"aria-hidden": "true",
 									style: { height: Pt },
-									children: /* @__PURE__ */ p("td", {
+									children: /* @__PURE__ */ f("td", {
 										colSpan: $,
 										style: {
 											padding: 0,
@@ -745,76 +742,76 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 								})
 							] })
 						}),
-						S.length > 0 && /* @__PURE__ */ p("tbody", {
+						x.length > 0 && /* @__PURE__ */ f("tbody", {
 							className: "flexi-tbody flexi-tbody--pinned-bottom",
-							children: S.map((e, t) => Ht(e, t))
+							children: x.map((e, t) => Ht(e, t))
 						})
 					]
 				})
 			}),
 			Bt,
-			E && /* @__PURE__ */ m("div", {
+			T && /* @__PURE__ */ p("div", {
 				className: "flexi-pagination",
 				children: [
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flexi-pagination-size",
-						children: [/* @__PURE__ */ p("span", { children: "Rows per page" }), /* @__PURE__ */ p("select", {
-							value: z,
-							onChange: (e) => Ct(Number(e.target.value)),
+						children: [/* @__PURE__ */ f("span", { children: "Rows per page" }), /* @__PURE__ */ f("select", {
+							value: L,
+							onChange: (e) => wt(Number(e.target.value)),
 							className: "flexi-pagination-select",
-							children: ke.map((e) => /* @__PURE__ */ p("option", {
+							children: Ae.map((e) => /* @__PURE__ */ f("option", {
 								value: e,
 								children: e
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flexi-pagination-info",
-						children: Y === 0 ? "0 of 0" : `${(L - 1) * z + 1}–${Math.min(L * z, Y)} of ${Y}`
+						children: q === 0 ? "0 of 0" : `${(F - 1) * L + 1}–${Math.min(F * L, q)} of ${q}`
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flexi-pagination-controls",
 						children: [
-							/* @__PURE__ */ p("button", {
+							/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => St(1),
-								disabled: L === 1,
+								onClick: () => Y(1),
+								disabled: F === 1,
 								className: "flexi-icon-btn",
 								title: "First page",
-								children: /* @__PURE__ */ p(o, { className: "flexi-icon-sm" })
+								children: /* @__PURE__ */ f(o, { className: "flexi-icon-sm" })
 							}),
-							/* @__PURE__ */ p("button", {
+							/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => St(L - 1),
-								disabled: L === 1,
+								onClick: () => Y(F - 1),
+								disabled: F === 1,
 								className: "flexi-icon-btn",
 								title: "Previous page",
-								children: /* @__PURE__ */ p(i, { className: "flexi-icon-sm" })
+								children: /* @__PURE__ */ f(i, { className: "flexi-icon-sm" })
 							}),
-							/* @__PURE__ */ m("span", {
+							/* @__PURE__ */ p("span", {
 								className: "flexi-pagination-page",
 								children: [
 									"Page ",
-									L,
+									F,
 									" of ",
-									X
+									J
 								]
 							}),
-							/* @__PURE__ */ p("button", {
+							/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => St(L + 1),
-								disabled: L === X,
+								onClick: () => Y(F + 1),
+								disabled: F === J,
 								className: "flexi-icon-btn",
 								title: "Next page",
-								children: /* @__PURE__ */ p(a, { className: "flexi-icon-sm" })
+								children: /* @__PURE__ */ f(a, { className: "flexi-icon-sm" })
 							}),
-							/* @__PURE__ */ p("button", {
+							/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => St(X),
-								disabled: L === X,
+								onClick: () => Y(J),
+								disabled: F === J,
 								className: "flexi-icon-btn",
 								title: "Last page",
-								children: /* @__PURE__ */ p(s, { className: "flexi-icon-sm" })
+								children: /* @__PURE__ */ f(s, { className: "flexi-icon-sm" })
 							})
 						]
 					})
@@ -824,11 +821,11 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 	});
 	function Vt(e, t) {
 		if (e.isGroupRow) {
-			let n = Re[e.path] !== !1;
-			return /* @__PURE__ */ m("tr", {
+			let n = Be[e.path] !== !1;
+			return /* @__PURE__ */ p("tr", {
 				className: "flexi-group-row",
-				style: { height: C },
-				children: [/* @__PURE__ */ p("td", {
+				style: { height: S },
+				children: [/* @__PURE__ */ f("td", {
 					className: "flexi-group-cell",
 					style: {
 						position: "sticky",
@@ -837,35 +834,35 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 						backgroundColor: "rgba(248, 250, 252, 0.9)",
 						paddingLeft: `${e.depth * 12 + 16}px`
 					},
-					children: /* @__PURE__ */ m("button", {
+					children: /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => Tt(e.path),
+						onClick: () => Et(e.path),
 						className: "flexi-group-toggle",
 						children: [
-							p(n ? r : a, { className: "flexi-icon-md flexi-icon-muted" }),
-							/* @__PURE__ */ p("span", {
+							f(n ? r : a, { className: "flexi-icon-md flexi-icon-muted" }),
+							/* @__PURE__ */ f("span", {
 								className: "flexi-group-value",
 								children: e.groupValue
 							}),
-							/* @__PURE__ */ p("span", {
+							/* @__PURE__ */ f("span", {
 								className: "flexi-group-count",
 								children: e.totalItemsCount
 							})
 						]
 					})
-				}), /* @__PURE__ */ p("td", {
+				}), /* @__PURE__ */ f("td", {
 					colSpan: $ - 1,
 					className: "flexi-group-filler"
 				})]
 			}, `group-header-${e.path}-${t}`);
 		}
-		let n = rt(e);
-		return /* @__PURE__ */ m("tr", {
-			className: g("flexi-row", we && "flexi-row--clickable", it(e, t)),
-			style: { height: C },
-			onClick: we ? (n) => we(e, t, n) : void 0,
+		let n = at(e);
+		return /* @__PURE__ */ p("tr", {
+			className: h("flexi-row", Te && "flexi-row--clickable", ot(e, t)),
+			style: { height: S },
+			onClick: Te ? (n) => Te(e, t, n) : void 0,
 			children: [
-				b && M?.length > 0 && /* @__PURE__ */ p("td", {
+				y && A?.length > 0 && /* @__PURE__ */ f("td", {
 					className: "flexi-row-indent-cell",
 					style: {
 						position: "sticky",
@@ -873,46 +870,46 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 						zIndex: 10
 					}
 				}),
-				W?.map((n) => {
-					let r = w?.includes(n.key) ? It.get(t)?.[n.key] : void 0;
+				H?.map((n) => {
+					let r = C?.includes(n.key) ? It.get(t)?.[n.key] : void 0;
 					if (r === "skip") return null;
-					let i = e[n.key], a = Lt(n.key, !1, n.style), o = !!H[n.key];
-					return /* @__PURE__ */ p("td", {
+					let i = e[n.key], a = Lt(n.key, !1, n.style), o = !!B[n.key];
+					return /* @__PURE__ */ f("td", {
 						rowSpan: typeof r == "number" ? r : void 0,
-						className: g("flexi-cell", o && "flexi-cell--pinned", n.className),
+						className: h("flexi-cell", o && "flexi-cell--pinned", n.className),
 						style: a,
-						children: n.render ? n.render(i, e) : /* @__PURE__ */ p("span", {
+						children: n.render ? n.render(i, e) : /* @__PURE__ */ f("span", {
 							className: "flexi-cell-text",
 							children: i
 						})
 					}, n.key);
 				}),
-				y && /* @__PURE__ */ p("td", {
+				v && /* @__PURE__ */ f("td", {
 					className: "flexi-actions-cell",
 					style: {
 						position: "sticky",
 						right: 0
 					},
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ f("div", {
 						className: "flexi-actions-inner",
-						children: y(e)
+						children: v(e)
 					})
 				})
 			]
 		}, n ?? `row-${t}`);
 	}
 	function Ht(e, t) {
-		let n = typeof ye == "function" ? ye(e, t) : ye, r = {
+		let n = typeof be == "function" ? be(e, t) : be, r = {
 			position: "sticky",
 			bottom: `${Rt[t]}px`,
 			background: "#",
 			zIndex: 45
 		};
-		return /* @__PURE__ */ m("tr", {
-			className: g("flexi-row", "flexi-row--pinned-bottom", n),
+		return /* @__PURE__ */ p("tr", {
+			className: h("flexi-row", "flexi-row--pinned-bottom", n),
 			style: r,
 			children: [
-				b && M?.length > 0 && /* @__PURE__ */ p("td", {
+				y && A?.length > 0 && /* @__PURE__ */ f("td", {
 					className: "flexi-row-indent-cell",
 					style: {
 						position: "sticky",
@@ -920,26 +917,26 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 						zIndex: 10
 					}
 				}),
-				W?.map((t) => {
-					let n = e[t.key], r = Lt(t.key, !1, t.style), i = !!H[t.key], a = t.pinnedRender ?? t.render;
-					return /* @__PURE__ */ p("td", {
-						className: g("flexi-cell", i && "flexi-cell--pinned", t.className),
+				H?.map((t) => {
+					let n = e[t.key], r = Lt(t.key, !1, t.style), i = !!B[t.key], a = t.pinnedRender ?? t.render;
+					return /* @__PURE__ */ f("td", {
+						className: h("flexi-cell", i && "flexi-cell--pinned", t.className),
 						style: r,
-						children: a ? a(n, e) : /* @__PURE__ */ p("span", {
+						children: a ? a(n, e) : /* @__PURE__ */ f("span", {
 							className: "flexi-cell-text",
 							children: n
 						})
 					}, t.key);
 				}),
-				y && /* @__PURE__ */ p("td", {
+				v && /* @__PURE__ */ f("td", {
 					className: "flexi-actions-cell",
 					style: {
 						position: "sticky",
 						right: 0
 					},
-					children: /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ f("div", {
 						className: "flexi-actions-inner",
-						children: y(e)
+						children: v(e)
 					})
 				})
 			]
@@ -947,4 +944,4 @@ function _({ columns: _, data: v, rowKey: fe, actions: y, isLoading: pe, groupBy
 	}
 }
 //#endregion
-export { _ as DataTable };
+export { g as DataTable };