@krosoft/react 0.0.260 → 0.0.261

package/dist/table-CZ5Ogd4w.js

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

package/dist/types/DataTableConfig.d.ts

@@ -0,0 +1,27 @@
+import type { DataTableMessages } from "./DataTableMessages";
+/**
+ * Options de comportement/présentation du `DataTable`, regroupées en un seul objet.
+ *
+ * Destinée à accueillir progressivement les réglages aujourd'hui passés à plat en props
+ * (bordered, colonnes figées…).
+ *
+ * Le paramètre générique `T` est conservé dès maintenant : les prochains réglages
+ * (rendu de ligne conditionnel, etc.) dépendront du type de la donnée.
+ */
+export interface DataTableConfig<T> {
+    /** Réduit la hauteur des lignes pour un affichage compact. */
+    dense?: boolean;
+    /** Affiche les bordures entre colonnes. */
+    bordered?: boolean;
+    /** Active le glisser-déposer des colonnes. */
+    draggableColumns?: boolean;
+    /** Active le redimensionnement des colonnes. */
+    resizableColumns?: boolean;
+    /** Affiche le bouton de gestion de la visibilité des colonnes. */
+    columnVisibility?: boolean;
+    /** Fige la colonne des actions (et du réglage des colonnes) sur le bord droit. */
+    fixedActions?: boolean;
+    /** Clés i18n des messages d'état (vide, chargement). */
+    messages?: DataTableMessages;
+}
+//# sourceMappingURL=DataTableConfig.d.ts.map

package/dist/types/DataTableConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableConfig.d.ts","sourceRoot":"","sources":["../../src/types/DataTableConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kFAAkF;IAClF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B"}

package/dist/types/DataTableMessages.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Clés i18n des messages d'état du `DataTable`, résolues dans le namespace de
+ * l'application (comme `labelKey`/`titleKey`). Non fournies, le tableau retombe
+ * sur les libellés par défaut du package.
+ */
+export interface DataTableMessages {
+    /** Clé i18n du message affiché quand le tableau ne contient aucune donnée. */
+    emptyKey?: string;
+    /** Clé i18n du message affiché pendant le chargement des données. */
+    loadingKey?: string;
+}
+//# sourceMappingURL=DataTableMessages.d.ts.map

package/dist/types/DataTableMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableMessages.d.ts","sourceRoot":"","sources":["../../src/types/DataTableMessages.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/index.d.ts

@@ -4,6 +4,8 @@ export * from "./ButtonVariantType";
 export * from "./ChartDatum";
 export * from "./ColumnDef";
 export * from "./ConfirmDialogConfig";
+export * from "./DataTableConfig";
+export * from "./DataTableMessages";
 export * from "./DateRangeValue";
 export * from "./FilterFieldConfig";
 export * from "./FilterSection";

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/package.json

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