@redi.run/redi-components 0.0.45 → 0.0.47

package/dist/redi-components.js

@@ -1846,15 +1846,15 @@ var CRC32 = /* @__PURE__ */ (function() {
 			console.error("cannot use native zlib: " + (e.message || e));
 		}
 	}
-	function Ph(e, t) {
+	function Ih(e, t) {
 		if (!I) return ag(e, t);
 		var n = I.InflateRaw, i = new n(), a = i._processChunk(e.slice(e.l), i._finishFlushFlag);
 		return e.l += i.bytesRead, a;
 	}
-	function Fh(e) {
+	function L(e) {
 		return I ? I.deflateRawSync(e) : Qh(e);
 	}
-	var Ih = [
+	var Lh = [
 		16,
 		17,
 		18,
@@ -1874,7 +1874,7 @@ var CRC32 = /* @__PURE__ */ (function() {
 		14,
 		1,
 		15
-	], z = [
+	], R = [
 		3,
 		4,
 		5,
@@ -2037,7 +2037,7 @@ var CRC32 = /* @__PURE__ */ (function() {
 		for (var e = V ? new Uint8Array(32768) : [], t = 0, n = 0; t < B.length - 1; ++t) for (; n < B[t + 1]; ++n) e[n] = t;
 		for (; n < 32768; ++n) e[n] = 29;
 		var i = V ? new Uint8Array(259) : [];
-		for (t = 0, n = 0; t < z.length - 1; ++t) for (; n < z[t + 1]; ++n) i[n] = t;
+		for (t = 0, n = 0; t < R.length - 1; ++t) for (; n < R[t + 1]; ++n) i[n] = t;
 		function a(e, t) {
 			for (var n = 0; n < e.length;) {
 				var i = Math.min(65535, e.length - n), a = n + i == e.length;
@@ -2062,7 +2062,7 @@ var CRC32 = /* @__PURE__ */ (function() {
 					if (f > 2) {
 						u = i[f], u <= 22 ? a = G(n, a, H[u + 1] >> 1) - 1 : (G(n, a, 3), a += 5, G(n, a, H[u - 23] >> 5), a += 3);
 						var p = u < 8 ? 0 : u - 4 >> 2;
-						p > 0 && (Yh(n, a, f - z[u]), a += p), u = e[o - d], a = G(n, a, H[u] >> 3), a -= 3;
+						p > 0 && (Yh(n, a, f - R[u]), a += p), u = e[o - d], a = G(n, a, H[u] >> 3), a -= 3;
 						var m = u < 4 ? 0 : u - 2 >> 1;
 						m > 0 && (Yh(n, a, o - d - B[u]), a += m);
 						for (var h = 0; h < f; ++h) s[l] = o & 32767, l = (l << 5 ^ t[o]) & 32767, ++o;
@@ -2109,7 +2109,7 @@ var CRC32 = /* @__PURE__ */ (function() {
 			0,
 			0,
 			0
-		], l = 1, u = V ? new Uint8Array(8) : q(8), d = V ? new Uint8Array(8) : q(8), f = s.length, p = 0; p < a; ++p) s[Ih[p]] = o = W(e, t), l < o && (l = o), u[o]++, t += 3;
+		], l = 1, u = V ? new Uint8Array(8) : q(8), d = V ? new Uint8Array(8) : q(8), f = s.length, p = 0; p < a; ++p) s[Lh[p]] = o = W(e, t), l < o && (l = o), u[o]++, t += 3;
 		var m = 0;
 		for (u[0] = 0, p = 1; p <= l; ++p) d[p] = m = m + u[p - 1] << 1;
 		for (p = 0; p < f; ++p) (m = s[p]) != 0 && (c[p] = d[m]++);
@@ -2157,7 +2157,7 @@ var CRC32 = /* @__PURE__ */ (function() {
 					f -= 257;
 					var p = f < 8 ? 0 : f - 4 >> 2;
 					p > 5 && (p = 0);
-					var m = o + z[f];
+					var m = o + R[f];
 					p > 0 && (m += Kh(e, n, p), n += p), d = Kh(e, n, l), f = i >>> 1 == 1 ? Xh[d] : eg[d], n += f & 15, f >>>= 4;
 					var h = f < 4 ? 0 : f - 2 >> 1, g = B[f];
 					for (h > 0 && (g += Kh(e, n, h), n += h), !t && s < m && (a = K(a, m + 100), s = a.length); o < m;) a[o] = a[o - g], ++o;
@@ -2209,7 +2209,7 @@ var CRC32 = /* @__PURE__ */ (function() {
 		var y = e.slice(e.l, e.l + f);
 		switch (l) {
 			case 8:
-				y = Ph(e, p);
+				y = Ih(e, p);
 				break;
 			case 0: break;
 			default: throw Error("Unsupported ZIP Compression method " + l);
@@ -2227,7 +2227,7 @@ var CRC32 = /* @__PURE__ */ (function() {
 			for (d = 0; d < h.length; ++d) b.write_shift(1, h.charCodeAt(d) & 127);
 			b = b.slice(0, b.l), _[p] = CRC32.buf(g.content, 0);
 			var x = g.content;
-			c == 8 && (x = Fh(x)), s = new_buf(30), s.write_shift(4, 67324752), s.write_shift(2, 20), s.write_shift(2, l), s.write_shift(2, c), g.mt ? a(s, g.mt) : s.write_shift(4, 0), s.write_shift(-4, l & 8 ? 0 : _[p]), s.write_shift(4, l & 8 ? 0 : x.length), s.write_shift(4, l & 8 ? 0 : g.content.length), s.write_shift(2, b.length), s.write_shift(2, 0), f += s.length, i.push(s), f += b.length, i.push(b), f += x.length, i.push(x), l & 8 && (s = new_buf(12), s.write_shift(-4, _[p]), s.write_shift(4, x.length), s.write_shift(4, g.content.length), f += s.l, i.push(s)), s = new_buf(46), s.write_shift(4, 33639248), s.write_shift(2, 0), s.write_shift(2, 20), s.write_shift(2, l), s.write_shift(2, c), s.write_shift(4, 0), s.write_shift(-4, _[p]), s.write_shift(4, x.length), s.write_shift(4, g.content.length), s.write_shift(2, b.length), s.write_shift(2, 0), s.write_shift(2, 0), s.write_shift(2, 0), s.write_shift(2, 0), s.write_shift(4, 0), s.write_shift(4, y), v += s.l, o.push(s), v += b.length, o.push(b), ++p;
+			c == 8 && (x = L(x)), s = new_buf(30), s.write_shift(4, 67324752), s.write_shift(2, 20), s.write_shift(2, l), s.write_shift(2, c), g.mt ? a(s, g.mt) : s.write_shift(4, 0), s.write_shift(-4, l & 8 ? 0 : _[p]), s.write_shift(4, l & 8 ? 0 : x.length), s.write_shift(4, l & 8 ? 0 : g.content.length), s.write_shift(2, b.length), s.write_shift(2, 0), f += s.length, i.push(s), f += b.length, i.push(b), f += x.length, i.push(x), l & 8 && (s = new_buf(12), s.write_shift(-4, _[p]), s.write_shift(4, x.length), s.write_shift(4, g.content.length), f += s.l, i.push(s)), s = new_buf(46), s.write_shift(4, 33639248), s.write_shift(2, 0), s.write_shift(2, 20), s.write_shift(2, l), s.write_shift(2, c), s.write_shift(4, 0), s.write_shift(-4, _[p]), s.write_shift(4, x.length), s.write_shift(4, g.content.length), s.write_shift(2, b.length), s.write_shift(2, 0), s.write_shift(2, 0), s.write_shift(2, 0), s.write_shift(2, 0), s.write_shift(4, 0), s.write_shift(4, y), v += s.l, o.push(s), v += b.length, o.push(b), ++p;
 		}
 		return s = new_buf(22), s.write_shift(4, 101010256), s.write_shift(2, 0), s.write_shift(2, 0), s.write_shift(2, p), s.write_shift(2, p), s.write_shift(4, v), s.write_shift(4, f), s.write_shift(2, 0), bconcat([
 			bconcat(i),
@@ -13039,23 +13039,16 @@ var buildThemePalette$1 = (e) => {
 		className: AdvancedTable_module_default.filterModal,
 		ref: h,
 		children: [
-			/* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx("div", {
 				className: AdvancedTable_module_default.filterModalHeader,
-				children: [/* @__PURE__ */ jsx("input", {
+				children: /* @__PURE__ */ jsx("input", {
 					type: "text",
 					className: AdvancedTable_module_default.filterSearchInput,
 					placeholder: `Buscar texto en ${e.toLowerCase()}...`,
-					value: n,
-					onChange: (e) => a(e.target.value),
-					autoFocus: !0
-				}), /* @__PURE__ */ jsx("input", {
-					type: "text",
-					className: AdvancedTable_module_default.filterSearchInput,
-					placeholder: "Buscar opciones...",
 					value: p,
 					onChange: (e) => m(e.target.value),
 					style: { marginTop: "8px" }
-				})]
+				})
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: AdvancedTable_module_default.filterOptions,
@@ -13113,7 +13106,7 @@ var buildThemePalette$1 = (e) => {
 	});
 };
 const useAdvancedTable = (e) => {
-	let { data: t, columns: n, defaultSort: a, defaultFilters: c = {}, defaultPageSize: u = 10, pageSizeOptions: d = [
+	let { data: t, columns: n, defaultSort: a, defaultFilters: u = {}, defaultPageSize: d = 10, pageSizeOptions: f = [
 		10,
 		25,
 		50,
@@ -13122,74 +13115,92 @@ const useAdvancedTable = (e) => {
 		300,
 		400,
 		500
-	], initialConfig: f, onConfigChange: p, onPaginationChange: m, onFiltersChange: h, fetchData: g, rowKey: _ = "id", onRowSelectionChange: v } = e, [y, b] = useState(f?.sort || a || void 0), [x, S] = useState(f?.filters || c), [C, w] = useState(f?.columnOrder || n.map((e) => e.id)), [T, E] = useState(f?.hiddenColumns || []), [D, O] = useState(f?.pinnedColumns || []), [k, A] = useState([]), [j, M] = useState({}), [N, P] = useState({
+	], initialConfig: p, onConfigChange: m, onPaginationChange: h, onFiltersChange: g, fetchData: _, rowKey: v = "id", onRowSelectionChange: y } = e, [b, x] = useState(p?.sort || a || void 0), [S, C] = useState(p?.filters || u), [w, T] = useState(p?.columnOrder || n.map((e) => e.id)), [E, D] = useState(p?.hiddenColumns || []), [O, k] = useState(p?.pinnedColumns || []), [A, j] = useState([]), [M, N] = useState({}), [P, F] = useState({
 		page: 1,
-		pageSize: f?.pagination?.pageSize || u,
-		total: f?.pagination?.total || t.length
-	}), [F, Dh] = useState([]), [I, Oh] = useState(0), [kh, Ah] = useState(!1), [jh, Mh] = useState(0), Nh = useCallback(async () => {
-		if (g) {
-			Ah(!0);
+		pageSize: p?.pagination?.pageSize || d,
+		total: p?.pagination?.total || t.length
+	}), [Dh, I] = useState([]), [Oh, kh] = useState(0), [Ah, jh] = useState(!1), [Mh, Nh] = useState(0), Ph = useCallback(async () => {
+		if (_) {
+			jh(!0);
 			try {
 				let e = {
-					page_number: N.page,
-					page_size: N.pageSize
+					page_number: P.page,
+					page_size: P.pageSize
 				};
-				y && (e.order_by = `${y.direction === "desc" ? "-" : ""}${y.column}`), Object.entries(x).forEach(([t, n]) => {
+				b && (e.order_by = `${b.direction === "desc" ? "-" : ""}${b.column}`), Object.entries(S).forEach(([t, n]) => {
 					n.value && (e[t] = n.value);
 				});
-				let t = await g(e);
-				Dh(t.items), Oh(t.total_items);
+				let t = await _(e);
+				I(t.items), kh(t.total_items);
 			} catch (e) {
 				console.error("Failed to fetch data:", e);
 			} finally {
-				Ah(!1);
+				jh(!1);
 			}
 		}
 	}, [
-		g,
-		N.page,
-		N.pageSize,
-		y,
-		x
-	]);
+		_,
+		P.page,
+		P.pageSize,
+		b,
+		S
+	]), Fh = useRef(!0), Ih = useRef(S), L = useRef(b), Lh = useRef(P.page), Rh = useRef(P.pageSize), R = useRef(Mh);
 	useEffect(() => {
-		g && Nh();
+		if (_) {
+			let e = !1, t = JSON.stringify(S) !== JSON.stringify(Ih.current);
+			if (Fh.current) e = !0, Fh.current = !1;
+			else if (Mh !== R.current) e = !0, R.current = Mh;
+			else if (P.page !== Lh.current || P.pageSize !== Rh.current) e = !0;
+			else if (JSON.stringify(b) !== JSON.stringify(L.current)) e = !0;
+			else if (t) {
+				let t = Object.keys(Ih.current), i = Object.keys(S), a = Array.from(new Set([...t, ...i]));
+				for (let t of a) if (JSON.stringify(Ih.current[t]) !== JSON.stringify(S[t]) && n.find((e) => e.id === t)?.shouldBeRefetch === !0) {
+					e = !0;
+					break;
+				}
+			}
+			Lh.current = P.page, Rh.current = P.pageSize, L.current = b, Ih.current = S, e && Ph();
+		}
 	}, [
-		Nh,
-		jh,
-		g
+		Ph,
+		Mh,
+		_,
+		P.page,
+		P.pageSize,
+		b,
+		S,
+		n
 	]), useEffect(() => {
-		g && P((e) => ({
+		_ && F((e) => ({
 			...e,
-			total: I
+			total: Oh
 		}));
-	}, [I, g]), useEffect(() => {
+	}, [Oh, _]), useEffect(() => {
 		let e = n.map((e) => e.id);
-		w((t) => {
+		T((t) => {
 			let n = t.filter((t) => e.includes(t)), i = e.filter((e) => !n.includes(e));
 			return [...n, ...i];
-		}), E((t) => t.filter((t) => e.includes(t))), O((t) => t.filter((t) => e.includes(t)));
+		}), D((t) => t.filter((t) => e.includes(t))), k((t) => t.filter((t) => e.includes(t)));
 	}, [n]);
-	let L = useMemo(() => {
-		if (g) return F;
-		let e = [...t];
-		return Object.entries(x).forEach(([t, i]) => {
+	let z = useMemo(() => {
+		let e = [];
+		return e = _ ? [...Dh] : [...t], Object.entries(S).forEach(([t, i]) => {
 			let a = n.find((e) => e.id === t);
-			a && (e = e.filter((e) => {
+			a && (_ && a.shouldBeRefetch || (e = e.filter((e) => {
 				let t = typeof a.accessor == "function" ? a.accessor(e) : e[a.accessor], n = String(t || "").toLowerCase(), o = !0;
 				return i.type === "text" && i.value && (o &&= n.includes(String(i.value).toLowerCase())), i.type === "select" && i.value && (o &&= n === String(i.value).toLowerCase()), i.type === "multiselect" && Array.isArray(i.value) && i.value.length > 0 && (o &&= i.value.some((e) => n === String(e).toLowerCase())), o;
-			}));
+			})));
 		}), e;
 	}, [
 		t,
-		x,
+		S,
 		n,
-		g,
-		F
-	]), R = useMemo(() => {
-		if (g || !y) return L;
-		let e = n.find((e) => e.id === y.column);
-		return e ? [...L].sort((t, n) => {
+		_,
+		Dh
+	]), zh = useMemo(() => {
+		if (_ || !b) return z;
+		let e = n.find((e) => e.id === b.column);
+		return e ? [...z].sort((t, n) => {
 			let i = typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor], a = typeof e.accessor == "function" ? e.accessor(n) : n[e.accessor];
 			if (i == null) return 1;
 			if (a == null) return -1;
@@ -13201,159 +13212,159 @@ const useAdvancedTable = (e) => {
 				let e = String(i).toLowerCase(), t = String(a).toLowerCase();
 				o = e.localeCompare(t);
 			}
-			return y.direction === "desc" ? o * -1 : o;
-		}) : L;
+			return b.direction === "desc" ? o * -1 : o;
+		}) : z;
 	}, [
-		L,
-		y,
+		z,
+		b,
 		n,
-		g
-	]), Ph = useMemo(() => {
-		if (g) return R;
-		let e = (N.page - 1) * N.pageSize, t = e + N.pageSize;
-		return R.slice(e, t);
+		_
+	]), B = useMemo(() => {
+		if (_) return zh;
+		let e = (P.page - 1) * P.pageSize, t = e + P.pageSize;
+		return zh.slice(e, t);
 	}, [
-		R,
-		N.page,
-		N.pageSize,
-		g
+		zh,
+		P.page,
+		P.pageSize,
+		_
 	]);
 	useEffect(() => {
-		g || P((e) => ({
+		_ || F((e) => ({
 			...e,
-			total: L.length,
-			page: Math.min(e.page, Math.ceil(L.length / e.pageSize) || 1)
+			total: z.length,
+			page: Math.min(e.page, Math.ceil(z.length / e.pageSize) || 1)
 		}));
-	}, [L.length, g]), useEffect(() => {
-		p?.({
+	}, [z.length, _]), useEffect(() => {
+		m?.({
 			columns: n,
-			sort: y,
-			filters: x,
-			pagination: N,
-			columnOrder: C,
-			hiddenColumns: T,
-			pinnedColumns: D
+			sort: b,
+			filters: S,
+			pagination: P,
+			columnOrder: w,
+			hiddenColumns: E,
+			pinnedColumns: O
 		});
 	}, [
-		y,
-		x,
-		C,
-		T,
-		D,
-		N.pageSize,
-		p,
-		N,
+		b,
+		S,
+		w,
+		E,
+		O,
+		P.pageSize,
+		m,
+		P,
 		n
 	]), useEffect(() => {
-		m?.(N);
-	}, [N, m]), useEffect(() => {
-		h?.(x);
-	}, [x, h]);
-	let Fh = useCallback((e) => {
-		b((t) => t?.column === e ? t.direction === "asc" ? {
+		h?.(P);
+	}, [P, h]), useEffect(() => {
+		g?.(S);
+	}, [S, g]);
+	let Bh = useCallback((e) => {
+		x((t) => t?.column === e ? t.direction === "asc" ? {
 			column: e,
 			direction: "desc"
 		} : void 0 : {
 			column: e,
 			direction: "asc"
 		});
-	}, []), Ih = useCallback((e, t, n = "text") => {
-		S((i) => ({
+	}, []), V = useCallback((e, t, n = "text") => {
+		C((i) => ({
 			...i,
 			[e]: {
 				type: n,
 				value: t,
 				options: i[e]?.options
 			}
-		})), P((e) => ({
+		})), F((e) => ({
 			...e,
 			page: 1
 		}));
-	}, []), Lh = useCallback((e) => {
-		S((t) => {
+	}, []), H = useCallback((e) => {
+		C((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, []), z = useCallback(() => {
-		S({});
-	}, []), Rh = useCallback((e) => {
-		P((t) => ({
+	}, []), U = useCallback(() => {
+		C({});
+	}, []), Vh = useCallback((e) => {
+		F((t) => ({
 			...t,
 			page: e
 		}));
-	}, []), zh = useCallback((e) => {
-		P((t) => ({
+	}, []), Hh = useCallback((e) => {
+		F((t) => ({
 			...t,
 			pageSize: e,
 			page: 1
 		}));
-	}, []), B = useCallback((e) => {
-		w(e);
-	}, []), Bh = useCallback((e) => {
-		E((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, []), V = useCallback((e) => {
-		O((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, []), H = useCallback((e) => {
-		A((t) => {
+	}, []), W = useCallback((e) => {
+		T(e);
+	}, []), Uh = useCallback((e) => {
+		D((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, []), Wh = useCallback((e) => {
+		k((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, []), Gh = useCallback((e) => {
+		j((t) => {
 			let n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
-			return v?.(n), n;
+			return y?.(n), n;
 		});
-	}, [v]), U = useCallback((e) => {
-		A((t) => {
-			let n = e.map((e) => typeof _ == "function" ? _(e) : e[_]), i = n.every((e) => t.includes(e)), a;
+	}, [y]), Kh = useCallback((e) => {
+		j((t) => {
+			let n = e.map((e) => typeof v == "function" ? v(e) : e[v]), i = n.every((e) => t.includes(e)), a;
 			if (i) a = t.filter((e) => !n.includes(e));
 			else {
 				let e = n.filter((e) => !t.includes(e));
 				a = [...t, ...e];
 			}
-			return v?.(a), a;
+			return y?.(a), a;
 		});
-	}, [_, v]), Vh = useCallback((e, t) => {
-		M((n) => ({
+	}, [v, y]), qh = useCallback((e, t) => {
+		N((n) => ({
 			...n,
 			[e]: Math.max(50, t)
 		}));
-	}, []), Hh = useMemo(() => {
-		let e = new Map(n.map((e) => [e.id, e])), t = C.map((t) => e.get(t)).filter(Boolean), i = new Set(t.map((e) => e.id)), a = n.filter((e) => !i.has(e.id));
-		return [...t, ...a].filter((e) => !T.includes(e.id));
+	}, []), Jh = useMemo(() => {
+		let e = new Map(n.map((e) => [e.id, e])), t = w.map((t) => e.get(t)).filter(Boolean), i = new Set(t.map((e) => e.id)), a = n.filter((e) => !i.has(e.id));
+		return [...t, ...a].filter((e) => !E.includes(e.id));
 	}, [
-		C,
+		w,
 		n,
-		T
-	]), W = useCallback(() => {
-		Mh((e) => e + 1);
+		E
+	]), G = useCallback(() => {
+		Nh((e) => e + 1);
 	}, []);
 	return {
 		state: {
 			data: t,
-			filteredData: L,
-			paginatedData: Ph,
-			sortConfig: y,
-			filters: x,
-			pagination: N,
-			columnOrder: C,
-			hiddenColumns: T,
-			pinnedColumns: D,
-			selectedRows: k,
-			columnWidths: j,
-			loading: kh
+			filteredData: z,
+			paginatedData: B,
+			sortConfig: b,
+			filters: S,
+			pagination: P,
+			columnOrder: w,
+			hiddenColumns: E,
+			pinnedColumns: O,
+			selectedRows: A,
+			columnWidths: M,
+			loading: Ah
 		},
-		orderedColumns: Hh,
-		pageSizeOptions: d,
-		handleSort: Fh,
-		handleFilter: Ih,
-		clearFilter: Lh,
-		clearAllFilters: z,
-		handlePageChange: Rh,
-		handlePageSizeChange: zh,
-		handleColumnReorder: B,
-		handleToggleColumn: Bh,
-		handleTogglePin: V,
-		handleRowSelect: H,
-		handleSelectAll: U,
-		handleColumnResize: Vh,
+		orderedColumns: Jh,
+		pageSizeOptions: f,
+		handleSort: Bh,
+		handleFilter: V,
+		clearFilter: H,
+		clearAllFilters: U,
+		handlePageChange: Vh,
+		handlePageSizeChange: Hh,
+		handleColumnReorder: W,
+		handleToggleColumn: Uh,
+		handleTogglePin: Wh,
+		handleRowSelect: Gh,
+		handleSelectAll: Kh,
+		handleColumnResize: qh,
 		allColumns: n,
-		refresh: W
+		refresh: G
 	};
 };
 var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilters: i = {}, defaultPageSize: a = 10, pageSizeOptions: u = [
@@ -13379,7 +13390,7 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 	clearAllFilters: "Limpiar todos los filtros",
 	noData: "No hay datos disponibles"
 }, enableColumnReordering: A = !0, enableColumnPinning: j = !1, enableColumnResizing: M = !1, enableRowSelection: N = !1, stickyActionsColumn: P = !1, rowKey: F = "id", onRowSelectionChange: Dh, renderActions: I, actionsColumnLabel: Oh, loading: kh = !1, fetchData: Ah, onRefresh: jh, onPaginationChange: Mh, onFiltersChange: Nh }) => {
-	let [L, R] = useState(null), [Ph, Fh] = useState(null), [Ih, Lh] = useState(!1), [z, Rh] = useState(null), zh = useRef(null), [B, Bh] = useState(t), { state: V, orderedColumns: H, handleSort: U, handleFilter: Vh, clearAllFilters: Hh, handlePageChange: W, handlePageSizeChange: Uh, handleColumnReorder: Wh, handleToggleColumn: Gh, handleTogglePin: Kh, handleRowSelect: qh, handleSelectAll: Jh, handleColumnResize: G, refresh: Yh } = useAdvancedTable({
+	let [Ph, Fh] = useState(null), [Ih, L] = useState(null), [Lh, Rh] = useState(!1), [R, z] = useState(null), zh = useRef(null), [B, Bh] = useState(t), { state: V, orderedColumns: H, handleSort: U, handleFilter: Vh, clearAllFilters: Hh, handlePageChange: W, handlePageSizeChange: Uh, handleColumnReorder: Wh, handleToggleColumn: Gh, handleTogglePin: Kh, handleRowSelect: qh, handleSelectAll: Jh, handleColumnResize: G, refresh: Yh } = useAdvancedTable({
 		data: e,
 		columns: B,
 		defaultSort: n,
@@ -13400,11 +13411,11 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 		return N && n.unshift({
 			id: "selection-synthetic",
 			label: "",
-			accessor: (e) => e,
+			accessor: (e) => e[F],
 			width: 50,
 			minWidth: 50,
 			render: ({ row: e }) => {
-				let t = typeof F == "function" ? F(e) : e[F];
+				let t = e[F];
 				return /* @__PURE__ */ jsx("input", {
 					type: "checkbox",
 					className: "w-4 h-4 accent-redi-primary cursor-pointer",
@@ -13422,7 +13433,7 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 		}), I && n.push({
 			id: "actions-synthetic",
 			label: Oh || "",
-			accessor: (e) => e,
+			accessor: (e) => e[F],
 			render: ({ row: e, column: t, index: n }) => I({
 				row: e,
 				index: n,
@@ -13462,28 +13473,28 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 			startWidth: n
 		}, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
 	}, rg = (e, t) => {
-		R(t), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/html", "");
+		Fh(t), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/html", "");
 	}, ig = (e, t) => {
-		e.preventDefault(), e.dataTransfer.dropEffect = "move", Fh(t);
+		e.preventDefault(), e.dataTransfer.dropEffect = "move", L(t);
 	}, ag = () => {
-		Fh(null);
+		L(null);
 	}, og = (e, t) => {
-		if (e.preventDefault(), L === null) return;
-		let n = Z[L].id, i = Z[t].id;
+		if (e.preventDefault(), Ph === null) return;
+		let n = Z[Ph].id, i = Z[t].id;
 		if (n === i) {
-			R(null), Fh(null);
+			Fh(null), L(null);
 			return;
 		}
 		let a = e.currentTarget.getBoundingClientRect(), o = e.clientX - a.left > a.width / 2, s = [...V.columnOrder], c = s.indexOf(n), l = s.indexOf(i);
-		c === -1 || l === -1 || (s.splice(c, 1), l = s.indexOf(i), o ? s.splice(l + 1, 0, n) : s.splice(l, 0, n), Wh(s), R(null), Fh(null));
+		c === -1 || l === -1 || (s.splice(c, 1), l = s.indexOf(i), o ? s.splice(l + 1, 0, n) : s.splice(l, 0, n), Wh(s), Fh(null), L(null));
 	}, sg = () => {
-		R(null), Fh(null);
+		Fh(null), L(null);
 	}, cg = () => {
 		if (!T) return;
 		let e = Z.filter((e) => !e.isAction);
 		exportToExcel(V.filteredData, e, "table-data.xlsx");
 	}, lg = (e) => {
-		Rh(z === e ? null : e);
+		z(R === e ? null : e);
 	}, ug = (t) => {
 		let n = B.find((e) => e.id === t);
 		if (!n) return [];
@@ -13499,12 +13510,12 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 	}, dg = Object.values(J).some((e) => e.type === "text" && e.value || e.type === "select" && e.value || e.type === "multiselect" && Array.isArray(e.value) && e.value.length > 0);
 	useEffect(() => {
 		let e = (e) => {
-			zh.current && !zh.current.contains(e.target) && Lh(!1);
+			zh.current && !zh.current.contains(e.target) && Rh(!1);
 		};
-		return Ih && document.addEventListener("mousedown", e), () => {
+		return Lh && document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [Ih]);
+	}, [Lh]);
 	let Q = Math.ceil(Y.total / Y.pageSize), fg = (e) => Qh[e.id] ? Qh[e.id] : e.width ? e.width : e.isAction ? 100 : 150 + (e.filterable ? 50 : 0);
 	return /* @__PURE__ */ jsxs("div", {
 		className: `w-full bg-redi-background border border-solid border-gray-500 rounded-xl overflow-hidden font-family-base shadow ${O}`,
@@ -13526,12 +13537,12 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 							className: "relative",
 							children: [/* @__PURE__ */ jsxs(Button_default, {
 								level: "secondary",
-								onClick: () => Lh(!Ih),
+								onClick: () => Rh(!Lh),
 								children: [/* @__PURE__ */ jsx(EyeIcon, {}), /* @__PURE__ */ jsx("span", {
 									className: "hidden md:block",
 									children: k.configuration
 								})]
-							}), Ih && /* @__PURE__ */ jsx("div", {
+							}), Lh && /* @__PURE__ */ jsx("div", {
 								className: "absolute top-full left-0 bg-white border border-solid border-gray-300 rounded-md shadow-lg z-1000 mt-2 min-w-2xs max-w-xs opacity-100 visible p-4",
 								ref: zh,
 								children: /* @__PURE__ */ jsxs("div", {
@@ -13659,9 +13670,9 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 						};
 						return /* @__PURE__ */ jsx("th", {
 							className: `bg-gray-50 border-b border-solid border-gray-200 text-left font-semibold text-redi-text p-0 sticky top-0 z-10 select-none hover:bg-gray-200
-                      ${L === t ? "opacity-50 bg-gray-300" : ""}
-                      ${Ph === t ? "bg-redi-primary-bg border-l border-solid border-redi-primary" : ""}
-                      ${Ph === t ? "bg-redi-primary-bg border-l border-solid border-redi-primary" : ""}
+                      ${Ph === t ? "opacity-50 bg-gray-300" : ""}
+                      ${Ih === t ? "bg-redi-primary-bg border-l border-solid border-redi-primary" : ""}
+                      ${Ih === t ? "bg-redi-primary-bg border-l border-solid border-redi-primary" : ""}
                       ${i ? "shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)]" : ""}
                     `,
 							style: o,
@@ -13718,7 +13729,7 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 													},
 													"aria-label": `Filter by ${e.label}`,
 													children: /* @__PURE__ */ jsx(FilterIcon, { size: 16 })
-												}), z === e.id && /* @__PURE__ */ jsx(AdvancedFilter_default, {
+												}), R === e.id && /* @__PURE__ */ jsx(AdvancedFilter_default, {
 													columnId: e.id,
 													label: e.label,
 													options: ug(e.id),
@@ -13726,7 +13737,7 @@ var AdvancedTable_default = ({ data: e, columns: t, defaultSort: n, defaultFilte
 													selectedValues: J[e.id]?.type === "multiselect" && Array.isArray(J[e.id]?.value) ? J[e.id].value : [],
 													onTextChange: (t) => Vh(e.id, t, "text"),
 													onSelectionChange: (t) => Vh(e.id, t, "multiselect"),
-													onClose: () => Rh(null)
+													onClose: () => z(null)
 												})]
 											})
 										})]