@krosoft/react 0.0.260 → 0.0.262

package/dist/table-BWEBIVqj.js

@@ -0,0 +1,607 @@
+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 { t as a } from "./i18n-CevI9Cgk.js";
+import { At as o, C as s, D as c, Ft as l, Gt as u, Mt as d, Nt as f, O as p, S as m, T as h, bn as g, jt as _, k as v, v as y } from "./ui-D7YSs2kF.js";
+import { s as b } from "./tooltip-BmZ9Bfou.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-BVZs3wbh.js";
+import { useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { formatJsonValue as M, isRecord as N, tryParseJson as P } from "@krosoft/core/helpers";
+import { AlertTriangleIcon as F, 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
+], ee = K[1];
+//#endregion
+//#region src/components/core/table/TableActions.tsx
+function q({ actions: e, row: t }) {
+	let { t: n } = a(), r = e.filter((e) => e.visible === void 0 || e.visible(t));
+	if (r.length === 0) return null;
+	let i = r.filter((e) => e.overflow !== !0), o = r.filter((e) => e.overflow === !0);
+	return /* @__PURE__ */ j("div", {
+		className: "flex items-center justify-end gap-1",
+		children: [i.map((e, r) => {
+			let i = e.icon;
+			return /* @__PURE__ */ j(b, {
+				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: [i !== void 0 && /* @__PURE__ */ A(i, { className: "size-3.5" }), n(e.labelKey)]
+			}, r);
+		}), o.length > 0 && /* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(u, {
+			asChild: !0,
+			children: /* @__PURE__ */ A(b, {
+				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(f, {
+			align: "end",
+			onClick: (e) => {
+				e.stopPropagation();
+			},
+			children: o.map((e, r) => {
+				let i = e.icon;
+				return /* @__PURE__ */ j(l, {
+					disabled: e.disabled?.(t) ?? !1,
+					onClick: () => {
+						e.onClick(t);
+					},
+					className: e.className,
+					children: [i !== void 0 && /* @__PURE__ */ A("span", {
+						className: "mr-2 size-4 flex items-center justify-center",
+						children: /* @__PURE__ */ A(i, { className: "size-4" })
+					}), n(e.labelKey)]
+				}, r);
+			})
+		})] })]
+	});
+}
+//#endregion
+//#region src/components/core/table/TableBody.tsx
+function J({ isLoading: o, error: s, colSpanCount: c, messages: l, paginatedData: u, rowKey: d, onRowClick: f, onRowNavigate: p, hasBulkActions: m, selectedRows: h, toggleRowSelection: _, visibleColumnsArray: v, columnWidths: y, hasActions: b, actions: x, columns: S, bordered: C = !1, dense: w = !1, resizableColumns: T = !1, fixedColumns: E = {} }) {
+	let { t: D } = a(), O = D(l?.loadingKey ?? "states.loading"), k = D(l?.emptyKey ?? "states.noResult"), M = G(), N = (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 (o) return /* @__PURE__ */ A("tbody", {
+		className: "divide-y divide-border",
+		children: /* @__PURE__ */ A("tr", { children: /* @__PURE__ */ A("td", {
+			colSpan: c,
+			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: O
+				})]
+			})
+		}) })
+	});
+	if (s) return /* @__PURE__ */ A("tbody", {
+		className: "divide-y divide-border",
+		children: /* @__PURE__ */ A("tr", { children: /* @__PURE__ */ A("td", {
+			colSpan: c,
+			className: "py-8 text-center",
+			children: /* @__PURE__ */ j("div", {
+				className: "flex flex-col items-center justify-center gap-2 text-destructive",
+				children: [/* @__PURE__ */ A(F, { className: "h-6 w-6" }), /* @__PURE__ */ A("span", {
+					className: "text-sm",
+					children: s
+				})]
+			})
+		}) })
+	});
+	if (u.length === 0) return /* @__PURE__ */ A("tbody", {
+		className: "divide-y divide-border",
+		children: /* @__PURE__ */ A("tr", { children: /* @__PURE__ */ A("td", {
+			colSpan: c,
+			className: "py-8 text-center text-sm text-muted-foreground",
+			children: k
+		}) })
+	});
+	let P = i(E[t], "body"), I = i(E[e], "body"), L = p !== void 0 || f !== void 0, R = (e, t) => {
+		if (p !== void 0) {
+			let n = p(e);
+			t.ctrlKey || t.metaKey ? window.open(n, "_blank") : M(n);
+		} else f?.(e, t);
+	};
+	return /* @__PURE__ */ A("tbody", {
+		className: "divide-y divide-border",
+		children: u.map((e) => {
+			let t = d(e);
+			return /* @__PURE__ */ j("tr", {
+				className: `group hover:bg-muted/50 transition-colors ${L ? "cursor-pointer" : ""}`,
+				onClick: (t) => {
+					R(e, t);
+				},
+				children: [
+					m ? /* @__PURE__ */ A("td", {
+						className: `p-1 text-center align-middle ${P.className}`,
+						style: {
+							width: "48px",
+							minWidth: "48px",
+							maxWidth: "48px",
+							...P.style
+						},
+						onClick: (e) => {
+							e.stopPropagation();
+						},
+						children: /* @__PURE__ */ A("div", {
+							className: "flex items-center justify-center",
+							children: /* @__PURE__ */ A(g, {
+								checked: h.includes(t),
+								onCheckedChange: () => {
+									_(t);
+								}
+							})
+						})
+					}) : null,
+					v.map((t, a) => {
+						let o = a === v.length - 1, s = i(E[t.key], "body");
+						return /* @__PURE__ */ A("td", {
+							className: `${`${a === 0 && !m ? "pl-4" : "pl-2"} ${o && !b ? "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: y[t.key] } : { minWidth: y[t.key] },
+								...s.style
+							},
+							children: /* @__PURE__ */ A("div", {
+								className: "w-full h-full",
+								children: N(e, t.key)
+							})
+						}, t.key);
+					}),
+					b ? /* @__PURE__ */ A("td", {
+						className: `py-1 pl-1 pr-4 text-right align-middle whitespace-nowrap ${I.className}`,
+						style: {
+							minWidth: "32px",
+							...I.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 }) {
+	let { t: r } = a();
+	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__ */ A("span", {
+				className: "text-sm font-medium text-primary ml-1",
+				children: r("table.selectedCount", { count: e.length })
+			}), /* @__PURE__ */ A("div", {
+				className: "flex items-center gap-2",
+				children: n.map((n, i) => {
+					let a = n.icon;
+					return /* @__PURE__ */ j(b, {
+						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: [a !== void 0 && /* @__PURE__ */ A("span", {
+							className: "mr-1.5 flex items-center justify-center",
+							children: /* @__PURE__ */ A(a, { className: "h-3.5 w-3.5" })
+						}), r(n.labelKey)]
+					}, i);
+				})
+			})]
+		}), /* @__PURE__ */ A(b, {
+			variant: "ghost",
+			size: "sm",
+			onClick: () => {
+				t([]);
+			},
+			className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
+			children: r("table.clearSelection")
+		})]
+	});
+}
+//#endregion
+//#region src/components/core/table/TableHeader.tsx
+var X = {
+	left: "justify-start",
+	center: "justify-center",
+	right: "justify-end"
+};
+function te({ hasBulkActions: o, selectedRows: s, totalItems: c, toggleSelectAll: l, visibleColumnsArray: u, draggableColumns: d, resizableColumns: f, columnWidths: p, sortColumn: m, sortDirection: h, handleSort: _, handleDragStart: v, handleDragOver: y, handleDrop: b, handleMouseDown: x, hasActions: S, settingsNode: C, bordered: w = !1, dense: T = !1, fixedColumns: E = {}, fixedSelection: D = !1, fixedActions: O = !1 }) {
+	let { t: k } = a(), M = !1;
+	s.length === c && c > 0 ? M = !0 : s.length > 0 && (M = "indeterminate");
+	let N = (e) => e.sortable === !0 ? m === e.key ? A(h === "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, P = (e, t, a) => {
+		let s = a !== !1 && e.fixed === void 0, c = e.sortable === !0, l = i(E[e.key], "header"), d = r(e), m = N(e), h = t === 0 && !o, g = t === u.length - 1 && !(S || C !== void 0), D = `${h ? "pl-4" : "pl-2"} ${g ? "pr-4" : "pr-2"}`;
+		return /* @__PURE__ */ j("th", {
+			"data-column-key": e.key,
+			"data-fixed-side": e.fixed,
+			className: [
+				`${D} ${T ? "py-2" : "py-4"} text-sm font-medium text-foreground group`,
+				n(d),
+				l.className,
+				w ? "border-r border-border" : "",
+				c ? "cursor-pointer select-none" : "",
+				e.className ?? ""
+			].filter(Boolean).join(" "),
+			style: {
+				...f ? { width: p[e.key] } : { minWidth: p[e.key] },
+				...l.style
+			},
+			draggable: s,
+			onClick: () => {
+				_(e.key);
+			},
+			onDragStart: (t) => {
+				s ? v(t, e.key) : t.preventDefault();
+			},
+			onDragOver: (t) => {
+				y(t, e.key);
+			},
+			onDrop: (t) => {
+				b(t, e.key);
+			},
+			children: [/* @__PURE__ */ j("div", {
+				className: `flex items-center gap-1 ${X[d]} ${f ? "pr-2" : ""}`,
+				children: [
+					s ? /* @__PURE__ */ A(V, { className: "size-4 text-muted-foreground cursor-grab shrink-0" }) : null,
+					/* @__PURE__ */ A("span", {
+						className: "truncate",
+						children: k(e.headerKey)
+					}),
+					m === null ? null : /* @__PURE__ */ A("span", {
+						className: "ml-1 shrink-0",
+						children: m
+					})
+				]
+			}), f ? /* @__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) => {
+					x(t, e.key);
+				}
+			}) : null]
+		}, e.key);
+	}, F = i(E[t], "header"), z = i(E[e], "header");
+	return /* @__PURE__ */ A("thead", {
+		className: "bg-muted/50 border-b border-border",
+		children: /* @__PURE__ */ j("tr", { children: [
+			o ? /* @__PURE__ */ A("th", {
+				"data-column-key": t,
+				"data-fixed-side": D ? "left" : void 0,
+				className: `p-1 text-center align-middle ${F.className}`,
+				style: {
+					width: "48px",
+					minWidth: "48px",
+					maxWidth: "48px",
+					...F.style
+				},
+				children: /* @__PURE__ */ A("div", {
+					className: "flex items-center justify-center",
+					children: /* @__PURE__ */ A(g, {
+						checked: M,
+						onCheckedChange: l
+					})
+				})
+			}) : null,
+			u.map((e, t) => P(e, t, d)),
+			S || C !== void 0 ? /* @__PURE__ */ A("th", {
+				"data-column-key": e,
+				"data-fixed-side": O ? "right" : void 0,
+				className: `py-1 pl-1 pr-4 text-right align-middle ${z.className}`,
+				style: {
+					minWidth: "32px",
+					...z.style
+				},
+				children: C
+			}) : null
+		] })
+	});
+}
+//#endregion
+//#region src/components/core/table/TablePagination.tsx
+var Z = "…";
+function Q(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 Q(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 ? [
+		...Q(1, n + 2),
+		Z,
+		t
+	] : a && !o ? [
+		1,
+		Z,
+		...Q(t - (n + 2) + 1, t)
+	] : [
+		1,
+		Z,
+		...Q(r, i),
+		Z,
+		t
+	];
+}
+function re({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: o, setCurrentPage: s, pageSizeOptions: c, totalPages: l }) {
+	let { t: u } = a(), d = ne(o, l);
+	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__ */ A("div", {
+				className: "text-sm text-muted-foreground justify-self-start",
+				children: u("table.rangeOfTotal", {
+					range: e === 0 ? "0" : `${String(t + 1)} - ${String(n)}`,
+					total: e
+				})
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "flex items-center justify-center gap-1",
+				children: l > 1 && /* @__PURE__ */ j(k, { children: [
+					/* @__PURE__ */ A(b, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-8 w-8 rounded-control",
+						onClick: () => {
+							s((e) => Math.max(1, e - 1));
+						},
+						disabled: o === 1,
+						"aria-label": u("table.previousPage"),
+						children: /* @__PURE__ */ A(z, { className: "size-4" })
+					}),
+					d.map((e, t) => e === Z ? /* @__PURE__ */ A("span", {
+						className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
+						children: Z
+					}, `dots-${String(t)}`) : /* @__PURE__ */ A(b, {
+						variant: e === o ? "default" : "ghost",
+						size: "icon",
+						className: "h-8 w-8 rounded-control text-sm",
+						onClick: () => {
+							s(e);
+						},
+						"aria-current": e === o ? "page" : void 0,
+						children: e
+					}, e)),
+					/* @__PURE__ */ A(b, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-8 w-8 rounded-control",
+						onClick: () => {
+							s((e) => Math.min(l, e + 1));
+						},
+						disabled: o === l,
+						"aria-label": u("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)), s(1);
+					},
+					children: [/* @__PURE__ */ A(S, {
+						className: "h-8 w-[110px] text-sm",
+						children: /* @__PURE__ */ A(T, {})
+					}), /* @__PURE__ */ A(C, { children: c.map((e) => /* @__PURE__ */ A(x, {
+						value: String(e),
+						children: u("table.perPage", { count: e })
+					}, e)) })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/core/table/TableSettings.tsx
+function ie({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
+	let { t: r } = a();
+	return /* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(u, {
+		asChild: !0,
+		children: /* @__PURE__ */ A(b, {
+			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(f, {
+		align: "end",
+		className: "w-56",
+		children: e.map((e) => /* @__PURE__ */ A(d, {
+			checked: t.has(e.key),
+			onCheckedChange: () => {
+				n(e.key);
+			},
+			children: r(e.headerKey)
+		}, e.key))
+	})] });
+}
+//#endregion
+//#region src/components/core/table/DataTable.tsx
+function $({ data: e, isLoading: t = !1, error: n = null, config: r, server: i }) {
+	let { columns: a, rowKey: o, onRowClick: s, onRowNavigate: c, actions: l, bulkActions: u } = r, d = r.pageSizeDefault ?? ee, f = r.pageSizeOptions ?? K, p = r.dense ?? !1, m = r.bordered ?? !1, h = r.draggableColumns ?? !1, g = r.resizableColumns ?? !1, _ = r.columnVisibility ?? !1, v = r.fixedActions ?? !1, { sortColumn: y, sortDirection: b, selectedRows: x, setSelectedRows: S, visibleColumns: C, columnWidths: w, safeCurrentPage: T, totalPages: O, startIndex: k, endIndex: M, tableRef: N, hasActions: P, hasBulkActions: F, visibleColumnsArray: I, colSpanCount: L, paginatedData: R, handleSort: z, handleMouseDown: B, handleDragStart: V, handleDragOver: H, handleDrop: U, toggleColumnVisibility: W, toggleRowSelection: G, toggleSelectAll: q, pageSize: X, setPageSize: Z, setCurrentPage: Q } = E({
+		data: e,
+		columns: a,
+		rowKey: o,
+		pageSizeDefault: d,
+		actions: l,
+		bulkActions: u,
+		columnVisibility: _,
+		server: i
+	}), ne = F && I.some((e) => e.fixed === "left"), $ = D(N);
+	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: [x.length > 0 && u !== void 0 && u.length > 0 && /* @__PURE__ */ A(Y, {
+			selectedRows: x,
+			setSelectedRows: S,
+			bulkActions: u
+		}), /* @__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: N,
+					className: "w-full",
+					children: [/* @__PURE__ */ A(te, {
+						hasBulkActions: F,
+						selectedRows: x,
+						totalItems: e.length,
+						toggleSelectAll: q,
+						visibleColumnsArray: I,
+						draggableColumns: h,
+						resizableColumns: g,
+						columnWidths: w,
+						sortColumn: y,
+						sortDirection: b,
+						handleSort: z,
+						handleDragStart: V,
+						handleDragOver: H,
+						handleDrop: U,
+						handleMouseDown: B,
+						hasActions: P,
+						bordered: m,
+						dense: p,
+						fixedColumns: $,
+						fixedSelection: ne,
+						fixedActions: v,
+						settingsNode: _ ? /* @__PURE__ */ A(ie, {
+							columns: a,
+							visibleColumns: C,
+							toggleColumnVisibility: W
+						}) : void 0
+					}), /* @__PURE__ */ A(J, {
+						bordered: m,
+						dense: p,
+						isLoading: t,
+						error: n,
+						colSpanCount: L,
+						messages: r.messages,
+						paginatedData: R,
+						rowKey: o,
+						onRowClick: s,
+						onRowNavigate: c,
+						hasBulkActions: F,
+						selectedRows: x,
+						toggleRowSelection: G,
+						visibleColumnsArray: I,
+						columnWidths: w,
+						hasActions: P || _,
+						actions: l,
+						columns: a,
+						resizableColumns: g,
+						fixedColumns: $
+					})]
+				})
+			}), /* @__PURE__ */ A(re, {
+				totalItems: i?.totalRows ?? e.length,
+				startIndex: k,
+				endIndex: M,
+				pageSize: X,
+				setPageSize: Z,
+				currentPage: T,
+				setCurrentPage: Q,
+				pageSizeOptions: f,
+				totalPages: O
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/core/table/JsonTableOutput.tsx
+var ae = ({ header: e, output: t }) => {
+	let [n, r] = O(!0), i = P(t), a = 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(y, {
+				id: "table-mode",
+				checked: n,
+				onCheckedChange: r
+			}), /* @__PURE__ */ A(o, {
+				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(m, { children: e })
+	}), d = () => /* @__PURE__ */ A("pre", {
+		className: "text-xs bg-muted p-4 rounded overflow-x-auto whitespace-pre-wrap",
+		children: a && !n ? JSON.stringify(i, null, 2) : t
+	});
+	return t ? /* @__PURE__ */ j("div", {
+		className: "min-w-0 w-full",
+		children: [l(), (() => {
+			if (!a || !n) return /* @__PURE__ */ A(d, {});
+			if (Array.isArray(i) && i.length > 0 && N(i[0])) {
+				let e = i, t = Object.keys(e[0]);
+				return /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(p, {
+					className: "bg-muted/50",
+					children: /* @__PURE__ */ A(v, { children: t.map((e) => /* @__PURE__ */ A(c, {
+						className: "font-medium",
+						children: e
+					}, e)) })
+				}), /* @__PURE__ */ A(s, { children: e.map((e, n) => /* @__PURE__ */ A(v, { children: t.map((t) => /* @__PURE__ */ A(h, {
+					className: "text-sm whitespace-pre-wrap",
+					children: M(e[t])
+				}, t)) }, n)) })] });
+			}
+			if (N(i)) {
+				let e = Object.entries(i);
+				return /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(p, {
+					className: "bg-muted/50",
+					children: /* @__PURE__ */ j(v, { children: [/* @__PURE__ */ A(c, {
+						className: "font-medium",
+						children: "Propriété"
+					}), /* @__PURE__ */ A(c, {
+						className: "font-medium",
+						children: "Valeur"
+					})] })
+				}), /* @__PURE__ */ A(s, { children: e.map(([e, t]) => /* @__PURE__ */ j(v, { children: [/* @__PURE__ */ A(h, {
+					className: "font-medium text-sm",
+					children: e
+				}), /* @__PURE__ */ A(h, {
+					className: "text-sm whitespace-pre-wrap",
+					children: M(t)
+				})] }, e)) })] });
+			}
+			return /* @__PURE__ */ A(d, {});
+		})()]
+	}) : null;
+};
+//#endregion
+export { te as a, q as c, re as i, $ as n, Y as o, ie as r, J as s, ae as t };

package/dist/{theme-QayeX440.js → theme-Dwc4zNXG.js}

@@ -1,28 +1,28 @@
-import { i as e, n as t, r as n, s as r, t as i } from "./tooltip-BmZ9Bfou.js";
-import { t as a } from "./i18n-DW5zKBEK.js";
+import { t as e } from "./i18n-CevI9Cgk.js";
+import { i as t, n, r, s as i, t as a } from "./tooltip-BmZ9Bfou.js";
 import { i as o, l as s, n as c, t as l, u } from "./select-DmLScQKX.js";
-import { t as d } from "./useTheme-D1APOG9I.js";
+import { t as d } from "./useTheme-ZzPZl0MM.js";
 import "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/core/theme/ThemeSelector.tsx
 function m({ themeOptions: m, variant: h = "select", id: g, className: _ }) {
-	let { t: v } = a(), { theme: y, handleThemeChange: b, currentThemeOption: x, nextThemeOption: S, cycleTheme: C } = d(m);
+	let { t: v } = e(), { theme: y, handleThemeChange: b, currentThemeOption: x, nextThemeOption: S, cycleTheme: C } = d(m);
 	if (h === "mini") {
-		let a = x?.icon;
-		return /* @__PURE__ */ f(n, { children: /* @__PURE__ */ p(i, { children: [/* @__PURE__ */ f(e, {
+		let e = x?.icon;
+		return /* @__PURE__ */ f(r, { children: /* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(t, {
 			asChild: !0,
-			children: /* @__PURE__ */ p(r, {
+			children: /* @__PURE__ */ p(i, {
 				id: g,
 				variant: "ghost",
 				size: "icon",
 				onClick: C,
 				className: _,
-				children: [a && /* @__PURE__ */ f(a, { className: "size-4" }), /* @__PURE__ */ p("span", {
+				children: [e && /* @__PURE__ */ f(e, { className: "size-4" }), /* @__PURE__ */ p("span", {
 					className: "sr-only",
 					children: ["Thème actuel : ", x?.label]
 				})]
 			})
-		}), /* @__PURE__ */ p(t, {
+		}), /* @__PURE__ */ p(n, {
 			side: "bottom",
 			align: "center",
 			children: ["Passer en ", S?.label]

package/dist/types/AppAction.d.ts

@@ -11,7 +11,7 @@ export type AppAction = {
     icon?: React.ElementType;
     labelKey?: string;
     variant?: ButtonVariantType;
-    onClick: never;
+    onClick?: never;
     disabled?: boolean;
     children: AppAction[];
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"AppAction.d.ts","sourceRoot":"","sources":["../../src/types/AppAction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,MAAM,SAAS,GACjB;IACE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,EAAE,KAAK,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
+{"version":3,"file":"AppAction.d.ts","sourceRoot":"","sources":["../../src/types/AppAction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,MAAM,SAAS,GACjB;IACE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/types/{BulkAction.d.ts → DataTableBulkAction.d.ts}

@@ -1,8 +1,8 @@
 import React from "react";
-export interface BulkAction {
-    label: string;
+export interface DataTableBulkAction {
+    labelKey: string;
     icon?: React.ElementType;
     onClick: (selectedIds: string[], clearSelection: () => void) => void;
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
 }
-//# sourceMappingURL=BulkAction.d.ts.map
+//# sourceMappingURL=DataTableBulkAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableBulkAction.d.ts","sourceRoot":"","sources":["../../src/types/DataTableBulkAction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAmB;IAElC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,cAAc,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;CAClF"}