@krosoft/react 0.0.263 → 0.0.265

package/dist/components/core/index.js

@@ -18,7 +18,7 @@ import { t as G } from "../../AppTitle-DBGJRsjU.js";
 import { n as K, t as q } from "../../states-C6lWnADN.js";
 import { AppPageHeader as J, KpiCardsLayout as Y } from "./layouts/index.js";
 import { a as X, i as Z, n as Q, o as $, r as ee, t as te } from "../../navbar-Cl4welok.js";
-import { a as ne, c as re, i as ie, n as ae, o as oe, r as se, s as ce, t as le } from "../../table-BWEBIVqj.js";
+import { DataTable as ne, JsonTableOutput as re, TableActions as ie, TableBody as ae, TableBulkActions as oe, TableHeader as se, TablePagination as ce, TableSettings as le } from "./table/index.js";
 import { AppTabContainer as ue, AppTabHeader as de, AppTabs as fe, AppVerticalTabs as pe } from "./tabs/index.js";
 import { t as me } from "../../theme-Dwc4zNXG.js";
-export { R as ActiveFilters, z as AdvancedFilters, k as AppActions, E as AppDialog, J as AppPageHeader, A as AppSubTitle, ue as AppTabContainer, de as AppTabHeader, fe as AppTabs, G as AppTitle, pe as AppVerticalTabs, v as BarChartHorizontal, C as BarChartVertical, _ as CHART_COLORS, y as ChartCard, S as CircularGauge, D as ConfirmationDialog, r as DashboardCard, ae as DataTable, P as DatePicker, I as DateRangePicker, l as Dialog, c as DialogClose, p as DialogContent, g as DialogDescription, s as DialogFooter, h as DialogHeader, d as DialogOverlay, f as DialogPortal, m as DialogTitle, u as DialogTrigger, N as ErrorAlert, K as ErrorState, B as FilterField, T as FormDialog, M as GenericForm, $ as GlobalSearch, O as ImageInput, le as JsonTableOutput, e as KpiCard, t as KpiCards, Y as KpiCardsLayout, W as LanguageSelector, b as LineChart, q as LoadingState, i as MetricCard, j as MultiSelect, X as NotificationsBell, w as PieChart, o as Progress, U as RatingInput, L as SearchInput, V as SearchableFilterPill, F as SearchableSelect, ee as Sidebar, Q as SidebarHeader, Z as SidebarNavItem, n as SkeletonCard, a as SkeletonCards, re as TableActions, ce as TableBody, oe as TableBulkActions, H as TableFilter, ne as TableHeader, ie as TablePagination, se as TableSettings, me as ThemeSelector, te as Topbar, x as getChartColor };
+export { R as ActiveFilters, z as AdvancedFilters, k as AppActions, E as AppDialog, J as AppPageHeader, A as AppSubTitle, ue as AppTabContainer, de as AppTabHeader, fe as AppTabs, G as AppTitle, pe as AppVerticalTabs, v as BarChartHorizontal, C as BarChartVertical, _ as CHART_COLORS, y as ChartCard, S as CircularGauge, D as ConfirmationDialog, r as DashboardCard, ne as DataTable, P as DatePicker, I as DateRangePicker, l as Dialog, c as DialogClose, p as DialogContent, g as DialogDescription, s as DialogFooter, h as DialogHeader, d as DialogOverlay, f as DialogPortal, m as DialogTitle, u as DialogTrigger, N as ErrorAlert, K as ErrorState, B as FilterField, T as FormDialog, M as GenericForm, $ as GlobalSearch, O as ImageInput, re as JsonTableOutput, e as KpiCard, t as KpiCards, Y as KpiCardsLayout, W as LanguageSelector, b as LineChart, q as LoadingState, i as MetricCard, j as MultiSelect, X as NotificationsBell, w as PieChart, o as Progress, U as RatingInput, L as SearchInput, V as SearchableFilterPill, F as SearchableSelect, ee as Sidebar, Q as SidebarHeader, Z as SidebarNavItem, n as SkeletonCard, a as SkeletonCards, ie as TableActions, ae as TableBody, oe as TableBulkActions, H as TableFilter, se as TableHeader, ce as TablePagination, le as TableSettings, me as ThemeSelector, te as Topbar, x as getChartColor };

package/dist/components/core/table/index.js

@@ -1,2 +1,599 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../../table-BWEBIVqj.js";
-export { r as DataTable, s as JsonTableOutput, t as TableActions, o as TableBody, i as TableBulkActions, e as TableHeader, n as TablePagination, a as TableSettings };
+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 { n as O, r as k } from "../../../datatable-COQcYUrk.js";
+import { useState as A } from "react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { formatJsonValue as P, isRecord as F, tryParseJson as I } from "@krosoft/core/helpers";
+import { AlertTriangleIcon as L, ArrowDownIcon as R, ArrowUpDownIcon as ee, ArrowUpIcon as z, ChevronLeftIcon as B, ChevronRightIcon as V, GripVerticalIcon as H, Loader2Icon as U, MoreVerticalIcon as W, SettingsIcon as G } from "lucide-react";
+import { useNavigate as K } from "react-router-dom";
+//#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__ */ N("div", {
+		className: "flex items-center justify-end gap-1",
+		children: [i.map((e, r) => {
+			let i = e.icon;
+			return /* @__PURE__ */ N(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__ */ M(i, { className: "size-3.5" }), n(e.labelKey)]
+			}, r);
+		}), o.length > 0 && /* @__PURE__ */ N(_, { children: [/* @__PURE__ */ M(u, {
+			asChild: !0,
+			children: /* @__PURE__ */ M(b, {
+				variant: "ghost",
+				size: "icon",
+				className: "h-7 w-7 text-muted-foreground hover:text-foreground",
+				children: /* @__PURE__ */ M(W, { className: "size-3.5" })
+			})
+		}), /* @__PURE__ */ M(f, {
+			align: "end",
+			onClick: (e) => {
+				e.stopPropagation();
+			},
+			children: o.map((e, r) => {
+				let i = e.icon;
+				return /* @__PURE__ */ N(l, {
+					disabled: e.disabled?.(t) ?? !1,
+					onClick: () => {
+						e.onClick(t);
+					},
+					className: e.className,
+					children: [i !== void 0 && /* @__PURE__ */ M("span", {
+						className: "mr-2 size-4 flex items-center justify-center",
+						children: /* @__PURE__ */ M(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"), A = K(), j = (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__ */ M("span", {
+			className: "text-sm truncate",
+			children: r == null ? "-" : String(r)
+		});
+	};
+	if (o) return /* @__PURE__ */ M("tbody", {
+		className: "divide-y divide-border",
+		children: /* @__PURE__ */ M("tr", { children: /* @__PURE__ */ M("td", {
+			colSpan: c,
+			className: "py-8 text-center",
+			children: /* @__PURE__ */ N("div", {
+				className: "flex flex-col items-center justify-center gap-2 text-muted-foreground",
+				children: [/* @__PURE__ */ M(U, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ M("span", {
+					className: "text-sm",
+					children: O
+				})]
+			})
+		}) })
+	});
+	if (s) return /* @__PURE__ */ M("tbody", {
+		className: "divide-y divide-border",
+		children: /* @__PURE__ */ M("tr", { children: /* @__PURE__ */ M("td", {
+			colSpan: c,
+			className: "py-8 text-center",
+			children: /* @__PURE__ */ N("div", {
+				className: "flex flex-col items-center justify-center gap-2 text-destructive",
+				children: [/* @__PURE__ */ M(L, { className: "h-6 w-6" }), /* @__PURE__ */ M("span", {
+					className: "text-sm",
+					children: s
+				})]
+			})
+		}) })
+	});
+	if (u.length === 0) return /* @__PURE__ */ M("tbody", {
+		className: "divide-y divide-border",
+		children: /* @__PURE__ */ M("tr", { children: /* @__PURE__ */ M("td", {
+			colSpan: c,
+			className: "py-8 text-center text-sm text-muted-foreground",
+			children: k
+		}) })
+	});
+	let P = i(E[t], "body"), F = i(E[e], "body"), I = 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") : A(n);
+		} else f?.(e, t);
+	};
+	return /* @__PURE__ */ M("tbody", {
+		className: "divide-y divide-border",
+		children: u.map((e) => {
+			let t = d(e);
+			return /* @__PURE__ */ N("tr", {
+				className: `group hover:bg-muted/50 transition-colors ${I ? "cursor-pointer" : ""}`,
+				onClick: (t) => {
+					R(e, t);
+				},
+				children: [
+					m ? /* @__PURE__ */ M("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__ */ M("div", {
+							className: "flex items-center justify-center",
+							children: /* @__PURE__ */ M(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__ */ M("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__ */ M("div", {
+								className: "w-full h-full",
+								children: j(e, t.key)
+							})
+						}, t.key);
+					}),
+					b ? /* @__PURE__ */ M("td", {
+						className: `py-1 pl-1 pr-4 text-right align-middle whitespace-nowrap ${F.className}`,
+						style: {
+							minWidth: "32px",
+							...F.style
+						},
+						onClick: (e) => {
+							e.stopPropagation();
+						},
+						children: x !== void 0 && x.length > 0 ? /* @__PURE__ */ M("div", {
+							className: "flex items-center justify-end",
+							children: /* @__PURE__ */ M(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__ */ N("div", {
+		className: "bg-muted/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface",
+		children: [/* @__PURE__ */ N("div", {
+			className: "flex items-center gap-4",
+			children: [/* @__PURE__ */ M("span", {
+				className: "text-sm font-medium text-primary ml-1",
+				children: r("table.selectedCount", { count: e.length })
+			}), /* @__PURE__ */ M("div", {
+				className: "flex items-center gap-2",
+				children: n.map((n, i) => {
+					let a = n.icon;
+					return /* @__PURE__ */ N(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__ */ M("span", {
+							className: "mr-1.5 flex items-center justify-center",
+							children: /* @__PURE__ */ M(a, { className: "h-3.5 w-3.5" })
+						}), r(n.labelKey)]
+					}, i);
+				})
+			})]
+		}), /* @__PURE__ */ M(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(), A = !1;
+	s.length === c && c > 0 ? A = !0 : s.length > 0 && (A = "indeterminate");
+	let j = (e) => e.sortable === !0 ? m === e.key ? M(h === "asc" ? z : R, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ M(ee, { 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 = j(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__ */ N("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__ */ N("div", {
+				className: `flex items-center gap-1 ${X[d]} ${f ? "pr-2" : ""}`,
+				children: [
+					s ? /* @__PURE__ */ M(H, { className: "size-4 text-muted-foreground cursor-grab shrink-0" }) : null,
+					/* @__PURE__ */ M("span", {
+						className: "truncate",
+						children: k(e.headerKey)
+					}),
+					m === null ? null : /* @__PURE__ */ M("span", {
+						className: "ml-1 shrink-0",
+						children: m
+					})
+				]
+			}), f ? /* @__PURE__ */ M("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"), I = i(E[e], "header");
+	return /* @__PURE__ */ M("thead", {
+		className: "bg-muted/50 border-b border-border",
+		children: /* @__PURE__ */ N("tr", { children: [
+			o ? /* @__PURE__ */ M("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__ */ M("div", {
+					className: "flex items-center justify-center",
+					children: /* @__PURE__ */ M(g, {
+						checked: A,
+						onCheckedChange: l
+					})
+				})
+			}) : null,
+			u.map((e, t) => P(e, t, d)),
+			S || C !== void 0 ? /* @__PURE__ */ M("th", {
+				"data-column-key": e,
+				"data-fixed-side": O ? "right" : void 0,
+				className: `py-1 pl-1 pr-4 text-right align-middle ${I.className}`,
+				style: {
+					minWidth: "32px",
+					...I.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__ */ N("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__ */ M("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__ */ M("div", {
+				className: "flex items-center justify-center gap-1",
+				children: l > 1 && /* @__PURE__ */ N(j, { children: [
+					/* @__PURE__ */ M(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__ */ M(B, { className: "size-4" })
+					}),
+					d.map((e, t) => e === Z ? /* @__PURE__ */ M("span", {
+						className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
+						children: Z
+					}, `dots-${String(t)}`) : /* @__PURE__ */ M(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__ */ M(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__ */ M(V, { className: "size-4" })
+					})
+				] })
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "justify-self-end",
+				children: /* @__PURE__ */ N(w, {
+					value: String(r),
+					onValueChange: (e) => {
+						i(Number(e)), s(1);
+					},
+					children: [/* @__PURE__ */ M(S, {
+						className: "h-8 w-[110px] text-sm",
+						children: /* @__PURE__ */ M(T, {})
+					}), /* @__PURE__ */ M(C, { children: c.map((e) => /* @__PURE__ */ M(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__ */ N(_, { children: [/* @__PURE__ */ M(u, {
+		asChild: !0,
+		children: /* @__PURE__ */ M(b, {
+			variant: "outline",
+			size: "sm",
+			className: "size-7 p-0 bg-background hover:bg-muted shadow-sm border-border",
+			children: /* @__PURE__ */ M(G, { className: "size-3.5 text-muted-foreground" })
+		})
+	}), /* @__PURE__ */ M(f, {
+		align: "end",
+		className: "w-56",
+		children: e.map((e) => /* @__PURE__ */ M(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 ?? O, 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: A, startIndex: j, endIndex: P, tableRef: F, hasActions: I, hasBulkActions: L, visibleColumnsArray: R, colSpanCount: ee, paginatedData: z, handleSort: B, handleMouseDown: V, handleDragStart: H, handleDragOver: U, handleDrop: W, toggleColumnVisibility: G, toggleRowSelection: K, 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 = L && R.some((e) => e.fixed === "left"), $ = D(F);
+	return /* @__PURE__ */ N("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__ */ M(Y, {
+			selectedRows: x,
+			setSelectedRows: S,
+			bulkActions: u
+		}), /* @__PURE__ */ N("div", {
+			className: "w-full bg-card rounded-surface border border-border overflow-hidden",
+			children: [/* @__PURE__ */ M("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ N("table", {
+					ref: F,
+					className: "w-full",
+					children: [/* @__PURE__ */ M(te, {
+						hasBulkActions: L,
+						selectedRows: x,
+						totalItems: e.length,
+						toggleSelectAll: q,
+						visibleColumnsArray: R,
+						draggableColumns: h,
+						resizableColumns: g,
+						columnWidths: w,
+						sortColumn: y,
+						sortDirection: b,
+						handleSort: B,
+						handleDragStart: H,
+						handleDragOver: U,
+						handleDrop: W,
+						handleMouseDown: V,
+						hasActions: I,
+						bordered: m,
+						dense: p,
+						fixedColumns: $,
+						fixedSelection: ne,
+						fixedActions: v,
+						settingsNode: _ ? /* @__PURE__ */ M(ie, {
+							columns: a,
+							visibleColumns: C,
+							toggleColumnVisibility: G
+						}) : void 0
+					}), /* @__PURE__ */ M(J, {
+						bordered: m,
+						dense: p,
+						isLoading: t,
+						error: n,
+						colSpanCount: ee,
+						messages: r.messages,
+						paginatedData: z,
+						rowKey: o,
+						onRowClick: s,
+						onRowNavigate: c,
+						hasBulkActions: L,
+						selectedRows: x,
+						toggleRowSelection: K,
+						visibleColumnsArray: R,
+						columnWidths: w,
+						hasActions: I || _,
+						actions: l,
+						columns: a,
+						resizableColumns: g,
+						fixedColumns: $
+					})]
+				})
+			}), /* @__PURE__ */ M(re, {
+				totalItems: i?.totalRows ?? e.length,
+				startIndex: j,
+				endIndex: P,
+				pageSize: X,
+				setPageSize: Z,
+				currentPage: T,
+				setCurrentPage: Q,
+				pageSizeOptions: f,
+				totalPages: A
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/core/table/JsonTableOutput.tsx
+var ae = ({ header: e, output: t }) => {
+	let [n, r] = A(!0), i = I(t), a = i !== null, l = () => /* @__PURE__ */ N("div", {
+		className: "flex items-center justify-between mb-2",
+		children: [/* @__PURE__ */ M("span", {
+			className: "font-medium text-sm",
+			children: e
+		}), /* @__PURE__ */ N("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ M(y, {
+				id: "table-mode",
+				checked: n,
+				onCheckedChange: r
+			}), /* @__PURE__ */ M(o, {
+				htmlFor: "table-mode",
+				className: "text-xs",
+				children: "Mode tableau"
+			})]
+		})]
+	}), u = ({ children: e }) => /* @__PURE__ */ M("div", {
+		className: "border rounded min-w-0 w-full",
+		children: /* @__PURE__ */ M(m, { children: e })
+	}), d = () => /* @__PURE__ */ M("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__ */ N("div", {
+		className: "min-w-0 w-full",
+		children: [l(), (() => {
+			if (!a || !n) return /* @__PURE__ */ M(d, {});
+			if (Array.isArray(i) && i.length > 0 && F(i[0])) {
+				let e = i, t = Object.keys(e[0]);
+				return /* @__PURE__ */ N(u, { children: [/* @__PURE__ */ M(p, {
+					className: "bg-muted/50",
+					children: /* @__PURE__ */ M(v, { children: t.map((e) => /* @__PURE__ */ M(c, {
+						className: "font-medium",
+						children: e
+					}, e)) })
+				}), /* @__PURE__ */ M(s, { children: e.map((e, n) => /* @__PURE__ */ M(v, { children: t.map((t) => /* @__PURE__ */ M(h, {
+					className: "text-sm whitespace-pre-wrap",
+					children: P(e[t])
+				}, t)) }, n)) })] });
+			}
+			if (F(i)) {
+				let e = Object.entries(i);
+				return /* @__PURE__ */ N(u, { children: [/* @__PURE__ */ M(p, {
+					className: "bg-muted/50",
+					children: /* @__PURE__ */ N(v, { children: [/* @__PURE__ */ M(c, {
+						className: "font-medium",
+						children: "Propriété"
+					}), /* @__PURE__ */ M(c, {
+						className: "font-medium",
+						children: "Valeur"
+					})] })
+				}), /* @__PURE__ */ M(s, { children: e.map(([e, t]) => /* @__PURE__ */ N(v, { children: [/* @__PURE__ */ M(h, {
+					className: "font-medium text-sm",
+					children: e
+				}), /* @__PURE__ */ M(h, {
+					className: "text-sm whitespace-pre-wrap",
+					children: P(t)
+				})] }, e)) })] });
+			}
+			return /* @__PURE__ */ M(d, {});
+		})()]
+	}) : null;
+};
+//#endregion
+export { $ as DataTable, ae as JsonTableOutput, q as TableActions, J as TableBody, Y as TableBulkActions, te as TableHeader, re as TablePagination, ie as TableSettings };

package/dist/components/index.js

@@ -22,8 +22,8 @@ import { t as Jr } from "../AppTitle-DBGJRsjU.js";
 import { n as Yr, t as Xr } from "../states-C6lWnADN.js";
 import { AppPageHeader as Zr, KpiCardsLayout as Qr } from "./core/layouts/index.js";
 import { a as $r, i as ei, n as ti, o as ni, r as ri, t as ii } from "../navbar-Cl4welok.js";
-import { a as ai, c as oi, i as si, n as ci, o as li, r as ui, s as di, t as fi } from "../table-BWEBIVqj.js";
+import { DataTable as ai, JsonTableOutput as oi, TableActions as si, TableBody as ci, TableBulkActions as li, TableHeader as ui, TablePagination as di, TableSettings as fi } from "./core/table/index.js";
 import { AppTabContainer as pi, AppTabHeader as mi, AppTabs as hi, AppVerticalTabs as gi } from "./core/tabs/index.js";
 import { t as _i } from "../theme-Dwc4zNXG.js";
 import "./core/index.js";
-export { ze as Accordion, Ie as AccordionContent, He as AccordionItem, he as AccordionTrigger, Vr as ActiveFilters, Hr as AdvancedFilters, yn as Alert, _n as AlertDescription, w as AlertDialog, Ae as AlertDialogAction, H as AlertDialogCancel, De as AlertDialogContent, Ne as AlertDialogDescription, z as AlertDialogFooter, Z as AlertDialogHeader, Vt as AlertDialogTitle, J as AlertDialogTrigger, vn as AlertTitle, Mr as AppActions, kr as AppDialog, Zr as AppPageHeader, Nr as AppSubTitle, pi as AppTabContainer, mi as AppTabHeader, hi as AppTabs, Jr as AppTitle, gi as AppVerticalTabs, hn as AspectRatio, G as Avatar, ee as AvatarFallback, ve as AvatarImage, fe as Badge, xr as BarChartHorizontal, Er as BarChartVertical, A as Breadcrumb, le as BreadcrumbEllipsis, Ct as BreadcrumbItem, x as BreadcrumbLink, bt as BreadcrumbList, re as BreadcrumbPage, oe as BreadcrumbSeparator, En as Button, br as CHART_COLORS, N as Calendar, l as Card, t as CardContent, a as CardDescription, d as CardFooter, n as CardHeader, r as CardTitle, ln as Carousel, xe as CarouselContent, D as CarouselItem, on as CarouselNext, we as CarouselPrevious, Sr as ChartCard, u as ChartContainer, o as ChartLegend, c as ChartLegendContent, i as ChartStyle, e as ChartTooltip, s as ChartTooltipContent, Ze as Checkbox, Tr as CircularGauge, Ge as Collapsible, nn as CollapsibleContent, fn as CollapsibleTrigger, zn as Command, ar as CommandDialog, cr as CommandEmpty, Vn as CommandGroup, sr as CommandInput, Ln as CommandItem, kn as CommandList, or as CommandSeparator, Rn as CommandShortcut, Ar as ConfirmationDialog, Mt as ContextMenu, Wt as ContextMenuCheckboxItem, _t as ContextMenuContent, Je as ContextMenuGroup, Ft as ContextMenuItem, qt as ContextMenuLabel, et as ContextMenuPortal, Et as ContextMenuRadioGroup, $t as ContextMenuRadioItem, rt as ContextMenuSeparator, ct as ContextMenuShortcut, Rt as ContextMenuSub, kt as ContextMenuSubContent, mt as ContextMenuSubTrigger, dt as ContextMenuTrigger, h as DashboardCard, ci as DataTable, Lr as DatePicker, zr as DateRangePicker, jn as Dialog, An as DialogClose, Fn as DialogContent, Yn as DialogDescription, On as DialogFooter, Jn as DialogHeader, Nn as DialogOverlay, Pn as DialogPortal, In as DialogTitle, Mn as DialogTrigger, Q as Drawer, Ht as DrawerClose, Y as DrawerContent, Be as DrawerDescription, Le as DrawerFooter, Ue as DrawerHeader, ge as DrawerOverlay, y as DrawerPortal, at as DrawerTitle, Xt as DrawerTrigger, xt as DropdownMenu, ie as DropdownMenuCheckboxItem, se as DropdownMenuContent, pe as DropdownMenuGroup, L as DropdownMenuItem, K as DropdownMenuLabel, te as DropdownMenuPortal, ye as DropdownMenuRadioGroup, gn as DropdownMenuRadioItem, T as DropdownMenuSeparator, je as DropdownMenuShortcut, U as DropdownMenuSub, Oe as DropdownMenuSubContent, Pe as DropdownMenuSubTrigger, B as DropdownMenuTrigger, Ir as ErrorAlert, Yr as ErrorState, Ur as FilterField, Se as Form, O as FormControl, sn as FormDescription, Or as FormDialog, Te as FormField, P as FormItem, j as FormLabel, ue as FormMessage, Fr as GenericForm, ni as GlobalSearch, pn as HoverCard, Qe as HoverCardContent, un as HoverCardTrigger, jr as ImageInput, Gn as Input, ht as InputOTP, ft as InputOTPGroup, Ke as InputOTPSeparator, rn as InputOTPSlot, fi as JsonTableOutput, f as KpiCard, p as KpiCards, Qr as KpiCardsLayout, S as Label, qr as LanguageSelector, Cr as LineChart, Xr as LoadingState, v as Menubar, ot as MenubarCheckboxItem, Zt as MenubarContent, Nt as MenubarGroup, Gt as MenubarItem, vt as MenubarLabel, Ye as MenubarMenu, It as MenubarPortal, Jt as MenubarRadioGroup, tt as MenubarRadioItem, Dt as MenubarSeparator, en as MenubarShortcut, it as MenubarSub, lt as MenubarSubContent, zt as MenubarSubTrigger, At as MenubarTrigger, g as MetricCard, Pr as MultiSelect, Me as NavigationMenu, R as NavigationMenuContent, X as NavigationMenuIndicator, Bt as NavigationMenuItem, q as NavigationMenuLink, Re as NavigationMenuList, Fe as NavigationMenuTrigger, Ve as NavigationMenuViewport, $r as NotificationsBell, $ as Pagination, _e as PaginationContent, mn as PaginationEllipsis, C as PaginationItem, ke as PaginationLink, V as PaginationNext, Ee as PaginationPrevious, Dr as PieChart, er as Popover, Zn as PopoverContent, Kn as PopoverTrigger, W as Progress, de as RadioGroup, F as RadioGroupItem, Kr as RatingInput, yt as ResizableHandle, ne as ResizablePanel, ae as ResizablePanelGroup, Un as ScrollArea, Wn as ScrollBar, Br as SearchInput, Wr as SearchableFilterPill, Rr as SearchableSelect, _r as Select, pr as SelectContent, hr as SelectGroup, dr as SelectItem, lr as SelectLabel, mr as SelectScrollDownButton, gr as SelectScrollUpButton, ur as SelectSeparator, fr as SelectTrigger, vr as SelectValue, b as Separator, rr as Sheet, Qn as SheetClose, tr as SheetContent, qn as SheetDescription, Bn as SheetFooter, $n as SheetHeader, nr as SheetOverlay, Hn as SheetPortal, Xn as SheetTitle, ir as SheetTrigger, ri as Sidebar, ti as SidebarHeader, ei as SidebarNavItem, be as SimpleTable, E as SimpleTableBody, an as SimpleTableCaption, Ce as SimpleTableCell, M as SimpleTableFooter, k as SimpleTableHead, ce as SimpleTableHeader, St as SimpleTableRow, yr as Skeleton, m as SkeletonCard, _ as SkeletonCards, cn as Slider, dn as Sonner, tn as Switch, oi as TableActions, di as TableBody, li as TableBulkActions, Gr as TableFilter, ai as TableHeader, si as TablePagination, ui as TableSettings, Ot as Tabs, pt as TabsContent, ut as TabsList, We as TabsTrigger, Lt as Textarea, _i as ThemeSelector, Pt as Toast, Kt as ToastAction, $e as ToastClose, Tt as ToastDescription, Qt as ToastProvider, nt as ToastTitle, st as ToastViewport, qe as Toaster, Ut as Toggle, Yt as ToggleGroup, jt as ToggleGroupItem, Dn as Tooltip, Cn as TooltipContent, Tn as TooltipProvider, Sn as TooltipTrigger, ii as Topbar, I as badgeVariants, xn as buttonVariants, bn as controlBaseClass, wn as controlTriggerClass, wr as getChartColor, me as navigationMenuTriggerStyle, Xe as toast, gt as toggleVariants, wt as useFormField };
+export { ze as Accordion, Ie as AccordionContent, He as AccordionItem, he as AccordionTrigger, Vr as ActiveFilters, Hr as AdvancedFilters, yn as Alert, _n as AlertDescription, w as AlertDialog, Ae as AlertDialogAction, H as AlertDialogCancel, De as AlertDialogContent, Ne as AlertDialogDescription, z as AlertDialogFooter, Z as AlertDialogHeader, Vt as AlertDialogTitle, J as AlertDialogTrigger, vn as AlertTitle, Mr as AppActions, kr as AppDialog, Zr as AppPageHeader, Nr as AppSubTitle, pi as AppTabContainer, mi as AppTabHeader, hi as AppTabs, Jr as AppTitle, gi as AppVerticalTabs, hn as AspectRatio, G as Avatar, ee as AvatarFallback, ve as AvatarImage, fe as Badge, xr as BarChartHorizontal, Er as BarChartVertical, A as Breadcrumb, le as BreadcrumbEllipsis, Ct as BreadcrumbItem, x as BreadcrumbLink, bt as BreadcrumbList, re as BreadcrumbPage, oe as BreadcrumbSeparator, En as Button, br as CHART_COLORS, N as Calendar, l as Card, t as CardContent, a as CardDescription, d as CardFooter, n as CardHeader, r as CardTitle, ln as Carousel, xe as CarouselContent, D as CarouselItem, on as CarouselNext, we as CarouselPrevious, Sr as ChartCard, u as ChartContainer, o as ChartLegend, c as ChartLegendContent, i as ChartStyle, e as ChartTooltip, s as ChartTooltipContent, Ze as Checkbox, Tr as CircularGauge, Ge as Collapsible, nn as CollapsibleContent, fn as CollapsibleTrigger, zn as Command, ar as CommandDialog, cr as CommandEmpty, Vn as CommandGroup, sr as CommandInput, Ln as CommandItem, kn as CommandList, or as CommandSeparator, Rn as CommandShortcut, Ar as ConfirmationDialog, Mt as ContextMenu, Wt as ContextMenuCheckboxItem, _t as ContextMenuContent, Je as ContextMenuGroup, Ft as ContextMenuItem, qt as ContextMenuLabel, et as ContextMenuPortal, Et as ContextMenuRadioGroup, $t as ContextMenuRadioItem, rt as ContextMenuSeparator, ct as ContextMenuShortcut, Rt as ContextMenuSub, kt as ContextMenuSubContent, mt as ContextMenuSubTrigger, dt as ContextMenuTrigger, h as DashboardCard, ai as DataTable, Lr as DatePicker, zr as DateRangePicker, jn as Dialog, An as DialogClose, Fn as DialogContent, Yn as DialogDescription, On as DialogFooter, Jn as DialogHeader, Nn as DialogOverlay, Pn as DialogPortal, In as DialogTitle, Mn as DialogTrigger, Q as Drawer, Ht as DrawerClose, Y as DrawerContent, Be as DrawerDescription, Le as DrawerFooter, Ue as DrawerHeader, ge as DrawerOverlay, y as DrawerPortal, at as DrawerTitle, Xt as DrawerTrigger, xt as DropdownMenu, ie as DropdownMenuCheckboxItem, se as DropdownMenuContent, pe as DropdownMenuGroup, L as DropdownMenuItem, K as DropdownMenuLabel, te as DropdownMenuPortal, ye as DropdownMenuRadioGroup, gn as DropdownMenuRadioItem, T as DropdownMenuSeparator, je as DropdownMenuShortcut, U as DropdownMenuSub, Oe as DropdownMenuSubContent, Pe as DropdownMenuSubTrigger, B as DropdownMenuTrigger, Ir as ErrorAlert, Yr as ErrorState, Ur as FilterField, Se as Form, O as FormControl, sn as FormDescription, Or as FormDialog, Te as FormField, P as FormItem, j as FormLabel, ue as FormMessage, Fr as GenericForm, ni as GlobalSearch, pn as HoverCard, Qe as HoverCardContent, un as HoverCardTrigger, jr as ImageInput, Gn as Input, ht as InputOTP, ft as InputOTPGroup, Ke as InputOTPSeparator, rn as InputOTPSlot, oi as JsonTableOutput, f as KpiCard, p as KpiCards, Qr as KpiCardsLayout, S as Label, qr as LanguageSelector, Cr as LineChart, Xr as LoadingState, v as Menubar, ot as MenubarCheckboxItem, Zt as MenubarContent, Nt as MenubarGroup, Gt as MenubarItem, vt as MenubarLabel, Ye as MenubarMenu, It as MenubarPortal, Jt as MenubarRadioGroup, tt as MenubarRadioItem, Dt as MenubarSeparator, en as MenubarShortcut, it as MenubarSub, lt as MenubarSubContent, zt as MenubarSubTrigger, At as MenubarTrigger, g as MetricCard, Pr as MultiSelect, Me as NavigationMenu, R as NavigationMenuContent, X as NavigationMenuIndicator, Bt as NavigationMenuItem, q as NavigationMenuLink, Re as NavigationMenuList, Fe as NavigationMenuTrigger, Ve as NavigationMenuViewport, $r as NotificationsBell, $ as Pagination, _e as PaginationContent, mn as PaginationEllipsis, C as PaginationItem, ke as PaginationLink, V as PaginationNext, Ee as PaginationPrevious, Dr as PieChart, er as Popover, Zn as PopoverContent, Kn as PopoverTrigger, W as Progress, de as RadioGroup, F as RadioGroupItem, Kr as RatingInput, yt as ResizableHandle, ne as ResizablePanel, ae as ResizablePanelGroup, Un as ScrollArea, Wn as ScrollBar, Br as SearchInput, Wr as SearchableFilterPill, Rr as SearchableSelect, _r as Select, pr as SelectContent, hr as SelectGroup, dr as SelectItem, lr as SelectLabel, mr as SelectScrollDownButton, gr as SelectScrollUpButton, ur as SelectSeparator, fr as SelectTrigger, vr as SelectValue, b as Separator, rr as Sheet, Qn as SheetClose, tr as SheetContent, qn as SheetDescription, Bn as SheetFooter, $n as SheetHeader, nr as SheetOverlay, Hn as SheetPortal, Xn as SheetTitle, ir as SheetTrigger, ri as Sidebar, ti as SidebarHeader, ei as SidebarNavItem, be as SimpleTable, E as SimpleTableBody, an as SimpleTableCaption, Ce as SimpleTableCell, M as SimpleTableFooter, k as SimpleTableHead, ce as SimpleTableHeader, St as SimpleTableRow, yr as Skeleton, m as SkeletonCard, _ as SkeletonCards, cn as Slider, dn as Sonner, tn as Switch, si as TableActions, ci as TableBody, li as TableBulkActions, Gr as TableFilter, ui as TableHeader, di as TablePagination, fi as TableSettings, Ot as Tabs, pt as TabsContent, ut as TabsList, We as TabsTrigger, Lt as Textarea, _i as ThemeSelector, Pt as Toast, Kt as ToastAction, $e as ToastClose, Tt as ToastDescription, Qt as ToastProvider, nt as ToastTitle, st as ToastViewport, qe as Toaster, Ut as Toggle, Yt as ToggleGroup, jt as ToggleGroupItem, Dn as Tooltip, Cn as TooltipContent, Tn as TooltipProvider, Sn as TooltipTrigger, ii as Topbar, I as badgeVariants, xn as buttonVariants, bn as controlBaseClass, wn as controlTriggerClass, wr as getChartColor, me as navigationMenuTriggerStyle, Xe as toast, gt as toggleVariants, wt as useFormField };

package/dist/constants/datatable.d.ts

@@ -1,3 +1,5 @@
 export declare const pagesSizes: number[];
 export declare const pageSizeDefault: number;
+export declare const pageDefault = 1;
+export declare const pagesSizesForCard: number[];
 //# sourceMappingURL=datatable.d.ts.map

package/dist/constants/datatable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../src/constants/datatable.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,UAAuB,CAAC;AAC/C,eAAO,MAAM,eAAe,QAAgB,CAAC"}
+{"version":3,"file":"datatable.d.ts","sourceRoot":"","sources":["../../src/constants/datatable.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,UAAuB,CAAC;AAC/C,eAAO,MAAM,eAAe,QAAgB,CAAC;AAC7C,eAAO,MAAM,WAAW,IAAI,CAAC;AAG7B,eAAO,MAAM,iBAAiB,UAAa,CAAC"}

package/dist/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./datatable";
+export * from "./search";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}