@krosoft/react 0.0.253 → 0.0.254

package/dist/table-C4tXdSu3.js

@@ -0,0 +1,644 @@
+import { At as e, C as t, D as n, Ft as r, Gt as i, Mt as a, Nt as o, O as s, S as c, T as l, bn as u, jt as d, k as f, v as p } from "./ui-hvA1osvS.js";
+import { s as m } from "./tooltip-B2dzyfs9.js";
+import { t as h } from "./i18n-DW5zKBEK.js";
+import { i as g, l as _, n as v, t as y, u as b } from "./select-ULiTPOr5.js";
+import { n as x, t as S } from "./useFixedColumns-DnzqhbfT.js";
+import { useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { tryParseJson as D } from "@krosoft/core/helpers";
+import { AlertTriangleIcon as O, ArrowDownIcon as k, ArrowUpDownIcon as A, ArrowUpIcon as j, ChevronLeftIcon as M, ChevronRightIcon as N, GripVerticalIcon as P, Loader2Icon as F, MoreVerticalIcon as I, SettingsIcon as L } from "lucide-react";
+import { useNavigate as R } from "react-router-dom";
+//#region src/constants/datatable.ts
+var z = [
+	5,
+	10,
+	30,
+	50,
+	100
+], ee = z[1];
+//#endregion
+//#region src/components/core/table/TableActions.tsx
+function B({ actions: e, row: t }) {
+	let n = e.filter((e) => e.visible === void 0 || e.visible(t));
+	if (n.length === 0) return null;
+	let a = n.filter((e) => e.overflow !== !0), s = n.filter((e) => e.overflow === !0);
+	return /* @__PURE__ */ E("div", {
+		className: "flex items-center justify-end gap-1",
+		children: [a.map((e, n) => {
+			let r = e.icon;
+			return /* @__PURE__ */ E(m, {
+				variant: e.variant ?? "ghost",
+				size: "sm",
+				disabled: e.disabled?.(t) ?? !1,
+				className: `h-7 px-2 text-muted-foreground hover:text-foreground ${e.className ?? ""}`,
+				onClick: (n) => {
+					n.stopPropagation(), e.onClick(t);
+				},
+				children: [r !== void 0 && /* @__PURE__ */ T(r, { className: "size-3.5" }), e.label]
+			}, n);
+		}), s.length > 0 && /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ T(m, {
+				variant: "ghost",
+				size: "icon",
+				className: "h-7 w-7 text-muted-foreground hover:text-foreground",
+				children: /* @__PURE__ */ T(I, { className: "size-3.5" })
+			})
+		}), /* @__PURE__ */ T(o, {
+			align: "end",
+			onClick: (e) => {
+				e.stopPropagation();
+			},
+			children: s.map((e, n) => {
+				let i = e.icon;
+				return /* @__PURE__ */ E(r, {
+					disabled: e.disabled?.(t) ?? !1,
+					onClick: () => {
+						e.onClick(t);
+					},
+					className: e.className,
+					children: [i !== void 0 && /* @__PURE__ */ T("span", {
+						className: "mr-2 size-4 flex items-center justify-center",
+						children: /* @__PURE__ */ T(i, { className: "size-4" })
+					}), e.label]
+				}, n);
+			})
+		})] })]
+	});
+}
+//#endregion
+//#region src/components/core/table/columnAlignment.ts
+var V = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+function H(e) {
+	if (e.align !== void 0) return e.align;
+	let t = (e.className ?? "").split(/\s+/);
+	return t.includes("text-right") ? "right" : t.includes("text-center") ? "center" : "left";
+}
+function U(e) {
+	return V[e];
+}
+//#endregion
+//#region src/components/core/table/fixedColumns.ts
+var W = "__selection__", G = "__actions__", K = {
+	left: "border-r border-gray-200 dark:border-gray-800",
+	right: "border-l border-gray-200 dark:border-gray-800"
+};
+function q(e, t) {
+	if (e === void 0) return {
+		className: "relative",
+		style: {}
+	};
+	let n = t === "header";
+	return {
+		className: [
+			"sticky bg-card dark:bg-gray-950",
+			n ? "z-20" : "z-10",
+			"before:absolute before:inset-0 before:-z-10 before:pointer-events-none",
+			n ? "before:bg-muted/50 dark:before:bg-gray-900/50" : "group-hover:before:bg-muted/50 dark:group-hover:before:bg-gray-900/50",
+			e.isEdge ? K[e.side] : ""
+		].filter(Boolean).join(" "),
+		style: e.side === "left" ? { left: e.offset } : { right: e.offset }
+	};
+}
+//#endregion
+//#region src/components/core/table/TableBody.tsx
+function J({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginatedData: i, getRowId: a, onRowClick: o, onRowNavigate: s, hasBulkActions: c, selectedRows: l, toggleRowSelection: d, visibleColumnsArray: f, columnWidths: p, hasActions: m, actions: g, columns: _, bordered: v = !1, dense: y = !1, resizableColumns: b = !1, fixedColumns: x = {} }) {
+	let { t: S } = h(), C = R(), w = (e, t) => {
+		let n = _.find((e) => e.key === t);
+		if (n?.renderCell !== void 0) return n.renderCell(e);
+		let r = e[t];
+		return /* @__PURE__ */ T("span", {
+			className: "text-sm truncate",
+			children: r == null ? "-" : String(r)
+		});
+	};
+	if (e) return /* @__PURE__ */ T("tbody", {
+		className: "divide-y divide-gray-200 dark:divide-gray-800",
+		children: /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+			colSpan: n,
+			className: "py-8 text-center",
+			children: /* @__PURE__ */ E("div", {
+				className: "flex flex-col items-center justify-center gap-2 text-muted-foreground",
+				children: [/* @__PURE__ */ T(F, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ T("span", {
+					className: "text-sm",
+					children: S("states.loading")
+				})]
+			})
+		}) })
+	});
+	if (t) return /* @__PURE__ */ T("tbody", {
+		className: "divide-y divide-gray-200 dark:divide-gray-800",
+		children: /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+			colSpan: n,
+			className: "py-8 text-center",
+			children: /* @__PURE__ */ E("div", {
+				className: "flex flex-col items-center justify-center gap-2 text-destructive",
+				children: [/* @__PURE__ */ T(O, { className: "h-6 w-6" }), /* @__PURE__ */ T("span", {
+					className: "text-sm",
+					children: t
+				})]
+			})
+		}) })
+	});
+	if (i.length === 0) return /* @__PURE__ */ T("tbody", {
+		className: "divide-y divide-gray-200 dark:divide-gray-800",
+		children: /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+			colSpan: n,
+			className: "py-8 text-center text-sm text-muted-foreground",
+			children: r ?? S("states.noResult")
+		}) })
+	});
+	let D = q(x[W], "body"), k = q(x[G], "body"), A = s !== void 0 || o !== void 0, j = (e, t) => {
+		if (s !== void 0) {
+			let n = s(e);
+			t.ctrlKey || t.metaKey ? window.open(n, "_blank") : C(n);
+		} else o?.(e, t);
+	};
+	return /* @__PURE__ */ T("tbody", {
+		className: "divide-y divide-gray-200 dark:divide-gray-800",
+		children: i.map((e) => {
+			let t = a(e);
+			return /* @__PURE__ */ E("tr", {
+				className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${A ? "cursor-pointer" : ""}`,
+				onClick: (t) => {
+					j(e, t);
+				},
+				children: [
+					c ? /* @__PURE__ */ T("td", {
+						className: `p-1 text-center align-middle ${D.className}`,
+						style: {
+							width: "48px",
+							minWidth: "48px",
+							maxWidth: "48px",
+							...D.style
+						},
+						onClick: (e) => {
+							e.stopPropagation();
+						},
+						children: /* @__PURE__ */ T("div", {
+							className: "flex items-center justify-center",
+							children: /* @__PURE__ */ T(u, {
+								checked: l.includes(t),
+								onCheckedChange: () => {
+									d(t);
+								}
+							})
+						})
+					}) : null,
+					f.map((t, n) => {
+						let r = n === f.length - 1, i = q(x[t.key], "body");
+						return /* @__PURE__ */ T("td", {
+							className: `${`${n === 0 && !c ? "pl-4" : "pl-2"} ${r && !m ? "pr-4" : "pr-2"}`} ${y ? "py-2" : "py-4"} ${U(H(t))} ${i.className} ${v && !r ? "border-r border-gray-100 dark:border-gray-800" : ""} ${t.className ?? ""}`,
+							style: {
+								...b ? { width: p[t.key] } : { minWidth: p[t.key] },
+								...i.style
+							},
+							children: /* @__PURE__ */ T("div", {
+								className: "w-full h-full",
+								children: w(e, t.key)
+							})
+						}, t.key);
+					}),
+					m ? /* @__PURE__ */ T("td", {
+						className: `p-1 text-right align-middle whitespace-nowrap ${k.className}`,
+						style: {
+							minWidth: "32px",
+							...k.style
+						},
+						onClick: (e) => {
+							e.stopPropagation();
+						},
+						children: g !== void 0 && g.length > 0 ? /* @__PURE__ */ T("div", {
+							className: "flex items-center justify-end",
+							children: /* @__PURE__ */ T(B, {
+								actions: g,
+								row: e
+							})
+						}) : null
+					}) : null
+				]
+			}, t);
+		})
+	});
+}
+//#endregion
+//#region src/components/core/table/TableBulkActions.tsx
+function Y({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
+	return /* @__PURE__ */ E("div", {
+		className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface",
+		children: [/* @__PURE__ */ E("div", {
+			className: "flex items-center gap-4",
+			children: [/* @__PURE__ */ E("span", {
+				className: "text-sm font-medium text-primary ml-1",
+				children: [e.length, " sélectionné(s)"]
+			}), /* @__PURE__ */ T("div", {
+				className: "flex items-center gap-2",
+				children: n.map((n, r) => {
+					let i = n.icon;
+					return /* @__PURE__ */ E(m, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => {
+							n.onClick(e, () => {
+								t([]);
+							});
+						},
+						className: `h-7 bg-background shadow-sm text-xs px-2.5 ${n.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
+						children: [i !== void 0 && /* @__PURE__ */ T("span", {
+							className: "mr-1.5 flex items-center justify-center",
+							children: /* @__PURE__ */ T(i, { className: "h-3.5 w-3.5" })
+						}), n.label]
+					}, r);
+				})
+			})]
+		}), /* @__PURE__ */ T(m, {
+			variant: "ghost",
+			size: "sm",
+			onClick: () => {
+				t([]);
+			},
+			className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
+			children: "Désélectionner"
+		})]
+	});
+}
+//#endregion
+//#region src/components/core/table/TableHeader.tsx
+var X = {
+	left: "justify-start",
+	center: "justify-center",
+	right: "justify-end"
+};
+function Z({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll: r, visibleColumnsArray: i, draggableColumns: a, resizableColumns: o, columnWidths: s, sortColumn: c, sortDirection: l, handleSort: d, handleDragStart: f, handleDragOver: p, handleDrop: m, handleMouseDown: h, hasActions: g, settingsNode: _, bordered: v = !1, dense: y = !1, fixedColumns: b = {}, fixedSelection: x = !1, fixedActions: S = !1 }) {
+	let C = !1;
+	t.length === n && n > 0 ? C = !0 : t.length > 0 && (C = "indeterminate");
+	let w = (e) => e.sortable === !0 ? c === e.key ? T(l === "asc" ? j : k, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ T(A, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, D = (t, n, r) => {
+		let a = r !== !1 && t.fixed === void 0, c = t.sortable === !0, l = q(b[t.key], "header"), u = H(t), x = w(t), S = n === 0 && !e, C = n === i.length - 1 && !(g || _ !== void 0), D = `${S ? "pl-4" : "pl-2"} ${C ? "pr-4" : "pr-2"}`;
+		return /* @__PURE__ */ E("th", {
+			"data-column-key": t.key,
+			"data-fixed-side": t.fixed,
+			className: [
+				`${D} ${y ? "py-2" : "py-4"} text-sm font-medium text-gray-900 dark:text-gray-100 group`,
+				U(u),
+				l.className,
+				v ? "border-r border-gray-200 dark:border-gray-800" : "",
+				c ? "cursor-pointer select-none" : "",
+				t.className ?? ""
+			].filter(Boolean).join(" "),
+			style: {
+				...o ? { width: s[t.key] } : { minWidth: s[t.key] },
+				...l.style
+			},
+			draggable: a,
+			onClick: () => {
+				d(t.key);
+			},
+			onDragStart: (e) => {
+				a ? f(e, t.key) : e.preventDefault();
+			},
+			onDragOver: (e) => {
+				p(e, t.key);
+			},
+			onDrop: (e) => {
+				m(e, t.key);
+			},
+			children: [/* @__PURE__ */ E("div", {
+				className: `flex items-center gap-1 ${X[u]} ${o ? "pr-2" : ""}`,
+				children: [
+					a ? /* @__PURE__ */ T(P, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
+					/* @__PURE__ */ T("span", {
+						className: "truncate",
+						children: t.label
+					}),
+					x === null ? null : /* @__PURE__ */ T("span", {
+						className: "ml-1 shrink-0",
+						children: x
+					})
+				]
+			}), o ? /* @__PURE__ */ T("div", {
+				className: "absolute right-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-blue-500 opacity-0 group-hover:opacity-50 transition-opacity",
+				onMouseDown: (e) => {
+					h(e, t.key);
+				}
+			}) : null]
+		}, t.key);
+	}, O = q(b[W], "header"), M = q(b[G], "header");
+	return /* @__PURE__ */ T("thead", {
+		className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800",
+		children: /* @__PURE__ */ E("tr", { children: [
+			e ? /* @__PURE__ */ T("th", {
+				"data-column-key": W,
+				"data-fixed-side": x ? "left" : void 0,
+				className: `p-1 text-center align-middle ${O.className}`,
+				style: {
+					width: "48px",
+					minWidth: "48px",
+					maxWidth: "48px",
+					...O.style
+				},
+				children: /* @__PURE__ */ T("div", {
+					className: "flex items-center justify-center",
+					children: /* @__PURE__ */ T(u, {
+						checked: C,
+						onCheckedChange: r
+					})
+				})
+			}) : null,
+			i.map((e, t) => D(e, t, a)),
+			g || _ !== void 0 ? /* @__PURE__ */ T("th", {
+				"data-column-key": G,
+				"data-fixed-side": S ? "right" : void 0,
+				className: `p-1 text-right align-middle ${M.className}`,
+				style: {
+					minWidth: "32px",
+					...M.style
+				},
+				children: _
+			}) : null
+		] })
+	});
+}
+//#endregion
+//#region src/components/core/table/TablePagination.tsx
+var Q = "…";
+function $(e, t) {
+	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
+}
+function te(e, t, n = 1) {
+	if (n * 2 + 5 >= t) return $(1, t);
+	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
+	return !a && o ? [
+		...$(1, n + 2),
+		Q,
+		t
+	] : a && !o ? [
+		1,
+		Q,
+		...$(t - (n + 2) + 1, t)
+	] : [
+		1,
+		Q,
+		...$(r, i),
+		Q,
+		t
+	];
+}
+function ne({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: a, setCurrentPage: o, pageSizeOptions: s, totalPages: c }) {
+	let { t: l } = h(), u = te(a, c);
+	return /* @__PURE__ */ E("div", {
+		className: "px-4 py-2 border-t border-gray-200 dark:border-gray-800 flex flex-col sm:grid sm:grid-cols-3 items-center gap-2 bg-muted/50 dark:bg-gray-900/50",
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "text-sm text-muted-foreground justify-self-start",
+				children: [
+					e === 0 ? "0" : `${String(t + 1)} - ${String(n)}`,
+					" sur ",
+					e
+				]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "flex items-center justify-center gap-1",
+				children: c > 1 && /* @__PURE__ */ E(w, { children: [
+					/* @__PURE__ */ T(m, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-8 w-8 rounded-control",
+						onClick: () => {
+							o((e) => Math.max(1, e - 1));
+						},
+						disabled: a === 1,
+						"aria-label": l("table.previousPage"),
+						children: /* @__PURE__ */ T(M, { className: "size-4" })
+					}),
+					u.map((e, t) => e === Q ? /* @__PURE__ */ T("span", {
+						className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
+						children: Q
+					}, `dots-${String(t)}`) : /* @__PURE__ */ T(m, {
+						variant: e === a ? "default" : "ghost",
+						size: "icon",
+						className: "h-8 w-8 rounded-control text-sm",
+						onClick: () => {
+							o(e);
+						},
+						"aria-current": e === a ? "page" : void 0,
+						children: e
+					}, e)),
+					/* @__PURE__ */ T(m, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-8 w-8 rounded-control",
+						onClick: () => {
+							o((e) => Math.min(c, e + 1));
+						},
+						disabled: a === c,
+						"aria-label": l("table.nextPage"),
+						children: /* @__PURE__ */ T(N, { className: "size-4" })
+					})
+				] })
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "justify-self-end",
+				children: /* @__PURE__ */ E(y, {
+					value: String(r),
+					onValueChange: (e) => {
+						i(Number(e)), o(1);
+					},
+					children: [/* @__PURE__ */ T(_, {
+						className: "h-8 w-[110px] text-sm",
+						children: /* @__PURE__ */ T(b, {})
+					}), /* @__PURE__ */ T(v, { children: s.map((e) => /* @__PURE__ */ E(g, {
+						value: String(e),
+						children: [e, " / page"]
+					}, e)) })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/core/table/TableSettings.tsx
+function re({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
+	return /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ T(m, {
+			variant: "outline",
+			size: "sm",
+			className: "size-7 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800",
+			children: /* @__PURE__ */ T(L, { className: "size-3.5 text-gray-600 dark:text-gray-300" })
+		})
+	}), /* @__PURE__ */ T(o, {
+		align: "end",
+		className: "w-56",
+		children: e.map((e) => /* @__PURE__ */ T(a, {
+			checked: t.has(e.key),
+			onCheckedChange: () => {
+				n(e.key);
+			},
+			children: e.label
+		}, e.key))
+	})] });
+}
+//#endregion
+//#region src/components/core/table/DataTable.tsx
+function ie({ data: e, columns: t, getRowId: n, onRowClick: r, onRowNavigate: i, actions: a, bulkActions: o, draggableColumns: s = !1, resizableColumns: c = !1, columnVisibility: l = !1, isLoading: u = !1, error: d = null, bordered: f = !1, dense: p = !1, fixedActions: m = !1, noDataMessage: h, defaultPageSize: g = ee, pageSizeOptions: _ = z, totalRows: v, currentPage: y, pageSize: b, onPageChange: C, onPageSizeChange: w, sortColumn: D, sortDirection: O, onSortChange: k }) {
+	let { sortColumn: A, sortDirection: j, selectedRows: M, setSelectedRows: N, visibleColumns: P, columnWidths: F, safeCurrentPage: I, totalPages: L, startIndex: R, endIndex: B, tableRef: V, hasActions: H, hasBulkActions: U, visibleColumnsArray: W, colSpanCount: G, paginatedData: K, handleSort: q, handleMouseDown: X, handleDragStart: Q, handleDragOver: $, handleDrop: te, toggleColumnVisibility: ie, toggleRowSelection: ae, toggleSelectAll: oe, pageSize: se, setPageSize: ce, setCurrentPage: le } = x({
+		data: e,
+		columns: t,
+		getRowId: n,
+		defaultPageSize: g,
+		actions: a,
+		bulkActions: o,
+		columnVisibility: l,
+		totalRows: v,
+		currentPage: y,
+		pageSize: b,
+		onPageChange: C,
+		onPageSizeChange: w,
+		sortColumn: D,
+		sortDirection: O,
+		onSortChange: k
+	}), ue = U && W.some((e) => e.fixed === "left"), de = S(V);
+	return /* @__PURE__ */ E("div", {
+		className: "space-y-4 [--k-radius-control:var(--k-radius-control-dense,0.5rem)] [--k-radius-surface:var(--k-radius-surface-dense,0.75rem)]",
+		children: [M.length > 0 && o !== void 0 && o.length > 0 && /* @__PURE__ */ T(Y, {
+			selectedRows: M,
+			setSelectedRows: N,
+			bulkActions: o
+		}), /* @__PURE__ */ E("div", {
+			className: "w-full bg-card dark:bg-gray-950 rounded-surface border border-gray-200 dark:border-gray-800 overflow-hidden",
+			children: [/* @__PURE__ */ T("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ E("table", {
+					ref: V,
+					className: "w-full",
+					children: [/* @__PURE__ */ T(Z, {
+						hasBulkActions: U,
+						selectedRows: M,
+						totalItems: e.length,
+						toggleSelectAll: oe,
+						visibleColumnsArray: W,
+						draggableColumns: s,
+						resizableColumns: c,
+						columnWidths: F,
+						sortColumn: A,
+						sortDirection: j,
+						handleSort: q,
+						handleDragStart: Q,
+						handleDragOver: $,
+						handleDrop: te,
+						handleMouseDown: X,
+						hasActions: H,
+						bordered: f,
+						dense: p,
+						fixedColumns: de,
+						fixedSelection: ue,
+						fixedActions: m,
+						settingsNode: l ? /* @__PURE__ */ T(re, {
+							columns: t,
+							visibleColumns: P,
+							toggleColumnVisibility: ie
+						}) : void 0
+					}), /* @__PURE__ */ T(J, {
+						bordered: f,
+						dense: p,
+						isLoading: u,
+						error: d,
+						colSpanCount: G,
+						noDataMessage: h,
+						paginatedData: K,
+						getRowId: n,
+						onRowClick: r,
+						onRowNavigate: i,
+						hasBulkActions: U,
+						selectedRows: M,
+						toggleRowSelection: ae,
+						visibleColumnsArray: W,
+						columnWidths: F,
+						hasActions: H || l,
+						actions: a,
+						columns: t,
+						resizableColumns: c,
+						fixedColumns: de
+					})]
+				})
+			}), /* @__PURE__ */ T(ne, {
+				totalItems: v ?? e.length,
+				startIndex: R,
+				endIndex: B,
+				pageSize: se,
+				setPageSize: ce,
+				currentPage: I,
+				setCurrentPage: le,
+				pageSizeOptions: _,
+				totalPages: L
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/core/table/JsonTableOutput.tsx
+var ae = ({ header: r, output: i }) => {
+	let [a, o] = C(!0), u = D(i), d = u !== null, m = (e) => typeof e == "object" && e ? JSON.stringify(e, null, 2) : String(e ?? ""), h = () => /* @__PURE__ */ E("div", {
+		className: "flex items-center justify-between mb-2",
+		children: [/* @__PURE__ */ T("span", {
+			className: "font-medium text-sm",
+			children: r
+		}), /* @__PURE__ */ E("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ T(p, {
+				id: "table-mode",
+				checked: a,
+				onCheckedChange: o
+			}), /* @__PURE__ */ T(e, {
+				htmlFor: "table-mode",
+				className: "text-xs",
+				children: "Mode tableau"
+			})]
+		})]
+	}), g = ({ children: e }) => /* @__PURE__ */ T("div", {
+		className: "border rounded min-w-0 w-full",
+		children: /* @__PURE__ */ T(c, { children: e })
+	}), _ = () => /* @__PURE__ */ T("pre", {
+		className: "text-xs bg-muted p-4 rounded overflow-x-auto whitespace-pre-wrap",
+		children: d && !a ? JSON.stringify(u, null, 2) : i
+	});
+	return i ? /* @__PURE__ */ E("div", {
+		className: "min-w-0 w-full",
+		children: [h(), (() => {
+			if (!d || !a) return /* @__PURE__ */ T(_, {});
+			if (Array.isArray(u) && u.length > 0 && typeof u[0] == "object") {
+				let e = Object.keys(u[0]);
+				return /* @__PURE__ */ E(g, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(f, { children: e.map((e) => /* @__PURE__ */ T(n, {
+					className: "font-medium",
+					children: e
+				}, e)) }) }), /* @__PURE__ */ T(t, { children: u.map((t, n) => /* @__PURE__ */ T(f, { children: e.map((e) => /* @__PURE__ */ T(l, {
+					className: "text-sm whitespace-pre-wrap",
+					children: m(t[e])
+				}, e)) }, n)) })] });
+			}
+			if (typeof u == "object" && u) {
+				let e = Object.entries(u);
+				return /* @__PURE__ */ E(g, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ E(f, { children: [/* @__PURE__ */ T(n, {
+					className: "font-medium",
+					children: "Propriété"
+				}), /* @__PURE__ */ T(n, {
+					className: "font-medium",
+					children: "Valeur"
+				})] }) }), /* @__PURE__ */ T(t, { children: e.map(([e, t]) => /* @__PURE__ */ E(f, { children: [/* @__PURE__ */ T(l, {
+					className: "font-medium text-sm",
+					children: e
+				}), /* @__PURE__ */ T(l, {
+					className: "text-sm whitespace-pre-wrap",
+					children: m(t)
+				})] }, e)) })] });
+			}
+			return /* @__PURE__ */ T(_, {});
+		})()]
+	}) : null;
+};
+//#endregion
+export { Z as a, G as c, U as d, H as f, ne as i, W as l, ie as n, Y as o, B as p, re as r, J as s, ae as t, q as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.253",
+  "version": "0.0.254",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {