@krosoft/react 0.0.253 → 0.0.254

package/dist/table-BGKIqR2y.js

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