munza-x-data-grid 3.0.3 → 3.0.4

package/dist/index.js

@@ -1616,6 +1616,7 @@ var At = ({ refs: e, axis: t = "both" }) => {
 		};
 	}, [e, t]);
 }, jt = n(void 0), Mt = ({ children: e, payload: n, columns: r, state: i = {}, onColumnFiltersChange: a, onPaginationChange: o, onSortingChange: s, onRowSelectionChange: c, setGlobalFilter: l, manualPagination: d = !1, enableRowSelection: p = !0, isError: m, isLoading: g, isFetching: _, refetch: v, getRowCanExpand: y, renderSubComponent: b, name: x = "munza", height: S }) => {
+	"use no memo";
 	let C = f(null), [w, T] = t.useState(() => bt(x)), [E, D] = _t(x), [O, k] = lt(x), [A, j] = at(x, u(() => r.map((e) => e.id), [r])), [M, N] = kt(x), [P, F] = pt(x), [I, ee] = t.useState({}), [te, ne] = Tt(x), re = tt({
 		_features: [yt],
 		data: n?.data ?? [],
@@ -7642,6 +7643,7 @@ function Wf({ className: e, ...t }) {
 //#endregion
 //#region src/package/components/pagination/index.tsx
 var Gf = ({ pagination: e = [] }) => {
+	"use no memo";
 	let { table: t, isError: n, isLoading: r, isFetching: i } = H();
 	return /* @__PURE__ */ g("div", {
 		className: "mun:flex mun:justify-between mun:flex-wrap",
@@ -7840,6 +7842,7 @@ var ip = () => /* @__PURE__ */ h("div", {
 		/* @__PURE__ */ h(rp, { children: "No data found" })
 	] }) })
 }), ap = () => {
+	"use no memo";
 	let { table: e } = H();
 	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(Kf, { children: /* @__PURE__ */ h(Jf, { children: /* @__PURE__ */ h(Yf, { children: e.getLeftVisibleLeafColumns().map((e, t) => /* @__PURE__ */ h(Zf, { style: {
 		width: e.getSize(),
@@ -7878,18 +7881,22 @@ var cp = [
 	70,
 	40,
 	90
-], lp = ({ column: e, i: t, j: n }) => /* @__PURE__ */ h(m, { children: ["select"].includes(e.id) ? /* @__PURE__ */ h(Pf, {
-	size: 16,
-	className: "animate-spin"
-}) : [
-	"actions",
-	"pin",
-	"drag-handle",
-	"rowNumber"
-].includes(e.id) ? /* @__PURE__ */ h(sp, { className: "mun:w-full mun:h-4" }) : /* @__PURE__ */ h(sp, {
-	className: "mun:h-4",
-	style: { width: `${cp[(t + n) % cp.length]}px` }
-}) }), up = () => {
+], lp = ({ column: e, i: t, j: n }) => {
+	"use no memo";
+	return /* @__PURE__ */ h(m, { children: ["select"].includes(e.id) ? /* @__PURE__ */ h(Pf, {
+		size: 16,
+		className: "animate-spin"
+	}) : [
+		"actions",
+		"pin",
+		"drag-handle",
+		"rowNumber"
+	].includes(e.id) ? /* @__PURE__ */ h(sp, { className: "mun:w-full mun:h-4" }) : /* @__PURE__ */ h(sp, {
+		className: "mun:h-4",
+		style: { width: `${cp[(t + n) % cp.length]}px` }
+	}) });
+}, up = () => {
+	"use no memo";
 	let { table: e, isSplit: t, density: n } = H(), r = e.getLeftHeaderGroups().map((e) => e.headers.filter((e) => !e.isPlaceholder && !e.subHeaders?.length).map((e) => e.column)).flat();
 	return /* @__PURE__ */ h(Kf, { children: /* @__PURE__ */ h(Jf, { children: [...Array(20)].map((e, i) => /* @__PURE__ */ h(Yf, {
 		className: "mun:*:border-r mun:*:border-border",
@@ -7910,6 +7917,7 @@ var cp = [
 		}, r))
 	}, i)) }) });
 }, dp = ({ cell: e }) => {
+	"use no memo";
 	let { density: t, isSplit: n } = H(), r = f(null), i = {
 		width: e.column.getSize(),
 		minWidth: e.column.getSize(),
@@ -7939,6 +7947,7 @@ var cp = [
 //#endregion
 //#region src/package/components/table/TableLeftCellPin.tsx
 function fp({ row: e, table: t }) {
+	"use no memo";
 	return /* @__PURE__ */ h(Yf, {
 		style: {
 			backgroundColor: "blue",
@@ -7953,6 +7962,7 @@ function fp({ row: e, table: t }) {
 //#endregion
 //#region src/package/components/table/TGetLeftBody.tsx
 var pp = () => {
+	"use no memo";
 	let { table: e, isLoading: n, isError: r, renderSubComponent: i } = H();
 	return n ? /* @__PURE__ */ h(up, {}) : r ? /* @__PURE__ */ h("div", { children: "Error" }) : e.getRowModel().rows.length === 0 ? /* @__PURE__ */ h(ap, {}) : /* @__PURE__ */ g(Kf, { children: [
 		e.getTopRows().map((t) => /* @__PURE__ */ h(fp, {
@@ -7987,6 +7997,7 @@ var pp = () => {
 		onChange: (e) => o(e.target.value)
 	});
 }, hp = ({ column: e }) => {
+	"use no memo";
 	let t = e.getFilterValue(), { filterVariant: n } = e.columnDef.meta ?? {}, { isFetching: r } = H(), i = !r && n === "select" ? Array.from(e.getFacetedUniqueValues().keys()).sort().slice(0, 5e3) : [];
 	return e.getCanFilter() ? /* @__PURE__ */ h("div", {
 		className: "mun:p-1.5 mun:border-t mun:border-border mun:w-full",
@@ -8092,6 +8103,7 @@ function Sp({ className: e, ...t }) {
 //#endregion
 //#region src/package/components/header/HeaderMenu.tsx
 var Cp = ({ header: e }) => {
+	"use no memo";
 	let [t, n] = p(!1), { isLoading: r, isError: i } = H();
 	return e.column.getCanFilter() ? /* @__PURE__ */ g(gp, {
 		open: t,
@@ -8152,19 +8164,26 @@ var Cp = ({ header: e }) => {
 			]
 		})]
 	}) : null;
-}, wp = ({ header: e }) => /* @__PURE__ */ h("div", {
-	onDoubleClick: () => e.column.resetSize(),
-	onMouseDown: e.getResizeHandler(),
-	onTouchStart: e.getResizeHandler(),
-	className: X("mun:absolute mun:top-0 mun:right-0 mun:h-full mun:w-1.25 mun:bg-black/50 mun:cursor-col-resize mun:select-none mun:touch-none mun:opacity-0 mun:group-hover:opacity-100", e.column.getIsResizing() ? "mun:bg-blue-500 mun:opacity-100" : "")
-}), Tp = ({ header: e }) => /* @__PURE__ */ g("div", {
-	className: e.column.getCanSort() ? "mun:cursor-pointer mun:select-none mun:flex mun:items-center mun:gap-2" : "",
-	onClick: e.column.getToggleSortingHandler(),
-	children: [Ze(e.column.columnDef.header, e.getContext()), {
-		asc: /* @__PURE__ */ h(wf, { className: "mun:size-4" }),
-		desc: /* @__PURE__ */ h(Sf, { className: "mun:size-4" })
-	}[e.column.getIsSorted()] ?? null]
-}), Ep = ({ header: e }) => {
+}, wp = ({ header: e }) => {
+	"use no memo";
+	return /* @__PURE__ */ h("div", {
+		onDoubleClick: () => e.column.resetSize(),
+		onMouseDown: e.getResizeHandler(),
+		onTouchStart: e.getResizeHandler(),
+		className: X("mun:absolute mun:top-0 mun:right-0 mun:h-full mun:w-1.25 mun:bg-black/50 mun:cursor-col-resize mun:select-none mun:touch-none mun:opacity-0 mun:group-hover:opacity-100", e.column.getIsResizing() ? "mun:bg-blue-500 mun:opacity-100" : "")
+	});
+}, Tp = ({ header: e }) => {
+	"use no memo";
+	return /* @__PURE__ */ g("div", {
+		className: e.column.getCanSort() ? "mun:cursor-pointer mun:select-none mun:flex mun:items-center mun:gap-2" : "",
+		onClick: e.column.getToggleSortingHandler(),
+		children: [Ze(e.column.columnDef.header, e.getContext()), {
+			asc: /* @__PURE__ */ h(wf, { className: "mun:size-4" }),
+			desc: /* @__PURE__ */ h(Sf, { className: "mun:size-4" })
+		}[e.column.getIsSorted()] ?? null]
+	});
+}, Ep = ({ header: e }) => {
+	"use no memo";
 	let { isSplit: t } = H(), n = {
 		position: "relative",
 		whiteSpace: "nowrap",
@@ -8186,6 +8205,7 @@ var Cp = ({ header: e }) => {
 		}), /* @__PURE__ */ h(wp, { header: e })]
 	}, e.id);
 }, Dp = () => {
+	"use no memo";
 	let { table: e } = H();
 	return /* @__PURE__ */ h(Kf, { children: /* @__PURE__ */ h(qf, {
 		className: "sticky top-0 z-10 bg-muted",
@@ -8195,6 +8215,7 @@ var Cp = ({ header: e }) => {
 		}, e.id))
 	}) });
 }, Op = () => {
+	"use no memo";
 	let { isSplit: e, columnPinning: t, paneRef3: n, paneRef4: r, height: i, isError: a } = H();
 	return /* @__PURE__ */ h(m, { children: !a && e && (t?.left?.length ?? 0) > 0 ? /* @__PURE__ */ g("div", {
 		className: "mun:max-w-80 mun:overflow-hidden",
@@ -8210,6 +8231,7 @@ var Cp = ({ header: e }) => {
 		})]
 	}) : null });
 }, kp = () => {
+	"use no memo";
 	let { table: e } = H();
 	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(Kf, { children: /* @__PURE__ */ h(Jf, { children: /* @__PURE__ */ h(Yf, { children: e.getLeftVisibleLeafColumns().map((e, t) => /* @__PURE__ */ h(Zf, { style: {
 		width: e.getSize(),
@@ -8217,6 +8239,7 @@ var Cp = ({ header: e }) => {
 		maxWidth: e.getSize()
 	} }, t)) }) }) }), /* @__PURE__ */ h(ip, {})] });
 }, Ap = () => {
+	"use no memo";
 	let { table: e, isSplit: t, density: n } = H(), r = e.getRightHeaderGroups().map((e) => e.headers.filter((e) => !e.isPlaceholder && !e.subHeaders?.length).map((e) => e.column)).flat();
 	return /* @__PURE__ */ h(Kf, { children: /* @__PURE__ */ h(Jf, { children: [...Array(20)].map((e, i) => /* @__PURE__ */ h(Yf, {
 		className: "mun:*:border-r mun:*:border-border",
@@ -8240,6 +8263,7 @@ var Cp = ({ header: e }) => {
 //#endregion
 //#region src/package/components/table/TableRightCellPin.tsx
 function jp({ row: e, table: t }) {
+	"use no memo";
 	return /* @__PURE__ */ h(Yf, {
 		style: {
 			backgroundColor: "blue",
@@ -8254,6 +8278,7 @@ function jp({ row: e, table: t }) {
 //#endregion
 //#region src/package/components/table/TGetRightBody.tsx
 var Mp = () => {
+	"use no memo";
 	let { table: e, isLoading: n, isError: r, renderSubComponent: i } = H();
 	return n ? /* @__PURE__ */ h(Ap, {}) : r ? /* @__PURE__ */ h("div", { children: "Error" }) : e.getRowModel().rows.length === 0 ? /* @__PURE__ */ h(kp, {}) : /* @__PURE__ */ g(Kf, { children: [
 		e.getTopRows().map((t) => /* @__PURE__ */ h(jp, {
@@ -8274,6 +8299,7 @@ var Mp = () => {
 		}, t.id))
 	] });
 }, Np = () => {
+	"use no memo";
 	let { table: e } = H();
 	return /* @__PURE__ */ h(Kf, { children: /* @__PURE__ */ h(qf, {
 		className: "sticky top-0 z-10 bg-muted",
@@ -8283,6 +8309,7 @@ var Mp = () => {
 		}, e.id))
 	}) });
 }, Pp = () => {
+	"use no memo";
 	let { isSplit: e, columnPinning: t, paneRef5: n, paneRef6: r, height: i, isError: a } = H();
 	return /* @__PURE__ */ h(m, { children: !a && e && (t?.right?.length ?? 0) > 0 ? /* @__PURE__ */ g("div", {
 		className: "mun:max-w-80 mun:overflow-hidden",
@@ -8333,6 +8360,7 @@ var Mp = () => {
 	className: "mun:absolute mun:top-1/2 mun:left-1/2 mun:-translate-x-1/2 mun:-translate-y-1/2",
 	children: /* @__PURE__ */ h(Fp, {})
 }), Lp = () => {
+	"use no memo";
 	let { table: e, isSplit: t } = H();
 	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(Kf, { children: /* @__PURE__ */ h(Jf, { children: /* @__PURE__ */ h(Yf, { children: u(() => t ? e.getCenterVisibleLeafColumns() : e.getVisibleLeafColumns(), [e, t]).map((e, t) => /* @__PURE__ */ h(Zf, { style: {
 		width: e.getSize(),
@@ -8340,6 +8368,7 @@ var Mp = () => {
 		maxWidth: e.getSize()
 	} }, t)) }) }) }), /* @__PURE__ */ h(ip, {})] });
 }, Rp = () => {
+	"use no memo";
 	let { table: e, isSplit: t, density: n } = H(), r = (t ? e.getCenterHeaderGroups() : e.getHeaderGroups()).map((e) => e.headers.filter((e) => !e.isPlaceholder && !e.subHeaders?.length).map((e) => e.column)).flat();
 	return /* @__PURE__ */ h(Kf, { children: /* @__PURE__ */ h(Jf, { children: [...Array(20)].map((e, i) => /* @__PURE__ */ h(Yf, {
 		className: "mun:*:border-r mun:*:border-border",
@@ -8363,6 +8392,7 @@ var Mp = () => {
 //#endregion
 //#region src/package/components/table/TableCellPin.tsx
 function zp({ row: e, table: t, isSplit: n }) {
+	"use no memo";
 	return /* @__PURE__ */ h(Yf, {
 		style: {
 			backgroundColor: "blue",
@@ -8377,6 +8407,7 @@ function zp({ row: e, table: t, isSplit: n }) {
 //#endregion
 //#region src/package/components/table/TBody.tsx
 var Bp = () => {
+	"use no memo";
 	let { table: e, isLoading: n, isError: r, renderSubComponent: i, isSplit: a } = H();
 	return n ? /* @__PURE__ */ h(Rp, {}) : r ? /* @__PURE__ */ h(Ip, {}) : e.getRowModel().rows.length === 0 ? /* @__PURE__ */ h(Lp, {}) : /* @__PURE__ */ h(Kf, {
 		style: { width: e.getCenterTotalSize() },
@@ -8402,6 +8433,7 @@ var Bp = () => {
 		] })
 	});
 }, Vp = () => {
+	"use no memo";
 	let { table: e, isSplit: t } = H();
 	return /* @__PURE__ */ h(Kf, {
 		style: { width: e.getCenterTotalSize() },
@@ -8414,6 +8446,7 @@ var Bp = () => {
 		})
 	});
 }, Hp = () => {
+	"use no memo";
 	let { paneRef1: e, paneRef2: n, height: r } = H();
 	return /* @__PURE__ */ g(t.Fragment, { children: [/* @__PURE__ */ h("div", {
 		className: "mun:w-full mun:bg-muted mun:border-b mun:border-border mun:overflow-y-scroll mun:[scrollbar-color:transparent_transparent] mun:overflow-x-hidden",
@@ -8452,6 +8485,7 @@ function Wp({ className: e, ...t }) {
 //#endregion
 //#region src/package/components/toolbar/ToolbarColumns.tsx
 var Gp = () => {
+	"use no memo";
 	let { table: e, setIsSplit: t, isSplit: n } = H(), [r, i] = p(""), a = u(() => e.getAllLeafColumns().filter((e) => !["rowNumber"].includes(e.id)).filter((e) => e.id.toLowerCase().includes(r.toLowerCase())), [r, e]);
 	return /* @__PURE__ */ g("div", {
 		className: "mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5",
@@ -10737,6 +10771,7 @@ $.Down, $.Right, $.Up, $.Left;
 //#endregion
 //#region src/package/components/toolbar/ToolbarDnd.tsx
 var a_ = ({ columnId: e, label: t }) => {
+	"use no memo";
 	let { attributes: n, isDragging: r, listeners: i, setNodeRef: a, transform: o, transition: s } = r_({ id: e });
 	return /* @__PURE__ */ g("div", {
 		ref: a,
@@ -10827,6 +10862,7 @@ function l_({ ...e }) {
 //#endregion
 //#region src/package/components/toolbar/ToolbarFilters.tsx
 var u_ = ({ column: e }) => {
+	"use no memo";
 	let t = u(() => e.getCanFilter() ? {
 		id: e.id.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (e) => e.toUpperCase()),
 		uniqueValues: Array.from(e.getFacetedUniqueValues().keys())
@@ -10896,6 +10932,7 @@ var u_ = ({ column: e }) => {
 		]
 	});
 }, f_ = () => {
+	"use no memo";
 	let { table: e, density: t } = H();
 	return /* @__PURE__ */ g("div", {
 		className: "mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5",
@@ -10909,27 +10946,29 @@ var u_ = ({ column: e }) => {
 			}),
 			/* @__PURE__ */ g("div", {
 				className: "mun:space-y-2 mun:px-1.5 mun:flex-1",
-				children: [
-					/* @__PURE__ */ h(Wp, { children: "Row Density" }),
-					/* @__PURE__ */ h(Z, {
-						variant: t === "sm" ? "default" : "outline",
-						onClick: () => e.setDensity("sm"),
-						size: "sm",
-						children: "Small"
-					}),
-					/* @__PURE__ */ h(Z, {
-						variant: t === "md" ? "default" : "outline",
-						onClick: () => e.setDensity("md"),
-						size: "sm",
-						children: "Default"
-					}),
-					/* @__PURE__ */ h(Z, {
-						variant: t === "lg" ? "default" : "outline",
-						onClick: () => e.setDensity("lg"),
-						size: "sm",
-						children: "Large"
-					})
-				]
+				children: [/* @__PURE__ */ h(Wp, { children: "Row Density" }), /* @__PURE__ */ g("div", {
+					className: "mun:flex mun:items-center mun:gap-1.5 mun:flex-wrap",
+					children: [
+						/* @__PURE__ */ h(Z, {
+							variant: t === "sm" ? "default" : "outline",
+							onClick: () => e.setDensity("sm"),
+							size: "sm",
+							children: "Small"
+						}),
+						/* @__PURE__ */ h(Z, {
+							variant: t === "md" ? "default" : "outline",
+							onClick: () => e.setDensity("md"),
+							size: "sm",
+							children: "Default"
+						}),
+						/* @__PURE__ */ h(Z, {
+							variant: t === "lg" ? "default" : "outline",
+							onClick: () => e.setDensity("lg"),
+							size: "sm",
+							children: "Large"
+						})
+					]
+				})]
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "mun:px-1.5",
@@ -10943,6 +10982,7 @@ var u_ = ({ column: e }) => {
 		]
 	});
 }, p_ = () => {
+	"use no memo";
 	let { table: e, setIsSplit: t, gridWrapperRef: n, isFetching: r, refetch: i } = H(), [a, o] = p(!1);
 	return c(() => {
 		let e = () => {
@@ -10981,6 +11021,7 @@ var u_ = ({ column: e }) => {
 		})]
 	});
 }, m_ = ({ height: e }) => {
+	"use no memo";
 	let [t, n] = p(null), r = (e) => {
 		n(t === e ? null : e);
 	};
@@ -11046,31 +11087,34 @@ var u_ = ({ column: e }) => {
 			})
 		]
 	});
-}, h_ = ({ columns: e, payload: t, state: n, onColumnFiltersChange: r, onPaginationChange: i, onSortingChange: a, onRowSelectionChange: o, isLoading: s, isError: c, setGlobalFilter: l, getRowCanExpand: u, renderSubComponent: d, manualPagination: f, enableRowSelection: p, isFetching: m, refetch: g, height: _ = "65vh", isToolbar: v = !0, isPagination: y = !0, children: b, name: x }) => /* @__PURE__ */ h(Mt, {
-	payload: t,
-	columns: e,
-	state: n,
-	onColumnFiltersChange: r,
-	onRowSelectionChange: o,
-	onPaginationChange: i,
-	onSortingChange: a,
-	isLoading: s,
-	isError: c,
-	setGlobalFilter: l,
-	getRowCanExpand: u,
-	renderSubComponent: d,
-	manualPagination: f,
-	enableRowSelection: p,
-	isFetching: m,
-	refetch: g,
-	name: x,
-	height: _,
-	children: /* @__PURE__ */ h(g_, {
-		isToolbar: v,
-		isPagination: y,
-		children: b
-	})
-}), g_ = ({ children: e, isToolbar: t, isPagination: n }) => {
+}, h_ = ({ columns: e, payload: t, state: n, onColumnFiltersChange: r, onPaginationChange: i, onSortingChange: a, onRowSelectionChange: o, isLoading: s, isError: c, setGlobalFilter: l, getRowCanExpand: u, renderSubComponent: d, manualPagination: f, enableRowSelection: p, isFetching: m, refetch: g, height: _ = "65vh", isToolbar: v = !0, isPagination: y = !0, children: b, name: x }) => {
+	"use no memo";
+	return /* @__PURE__ */ h(Mt, {
+		payload: t,
+		columns: e,
+		state: n,
+		onColumnFiltersChange: r,
+		onRowSelectionChange: o,
+		onPaginationChange: i,
+		onSortingChange: a,
+		isLoading: s,
+		isError: c,
+		setGlobalFilter: l,
+		getRowCanExpand: u,
+		renderSubComponent: d,
+		manualPagination: f,
+		enableRowSelection: p,
+		isFetching: m,
+		refetch: g,
+		name: x,
+		height: _,
+		children: /* @__PURE__ */ h(g_, {
+			isToolbar: v,
+			isPagination: y,
+			children: b
+		})
+	});
+}, g_ = ({ children: e, isToolbar: t, isPagination: n }) => {
 	let { gridWrapperRef: r } = H(), i = f(null), [a, o] = p(0);
 	return l(() => {
 		i.current && o(i.current.getBoundingClientRect().height);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "munza-x-data-grid",
   "private": false,
-  "version": "3.0.3",
+  "version": "3.0.4",
   "type": "module",
   "files": [
     "dist"