@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/DataTable/hooks/useDataTableAdvanced.es.js

@@ -0,0 +1,191 @@
+"use client";
+import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
+import { getCoreRowModel as i, getExpandedRowModel as a, getFacetedRowModel as o, getFacetedUniqueValues as s, getFilteredRowModel as c, getGroupedRowModel as l, getPaginationRowModel as u, getSortedRowModel as d, useReactTable as f } from "@tanstack/react-table";
+//#region src/components/DataTable/hooks/useDataTableAdvanced.ts
+function p({ data: p, columns: _, pagination: v, tableId: y, onSortingChange: b, onFiltersChange: x, onSelectionChange: S, onColumnOrderChange: C, onExpandedChange: w, onGroupingChange: T, grouping: E, virtualization: D, sortMode: O = "multiple", performance: k }) {
+	let A = n(() => y ? m(y) : null, [y]), [j, M] = r(A?.sorting || []), [N, P] = r(A?.columnFilters || []), [F, I] = r(A?.columnVisibility || {}), [L, R] = r(A?.columnOrder || []), [z, B] = r(A?.expanded || {}), [V, H] = r(A?.grouping || []), [U, W] = r(A?.rowSelection || {}), [G, K] = r(A?.globalFilter || ""), [q, J] = r({
+		pageIndex: v?.currentPage || 0,
+		pageSize: v?.pageSize || 10
+	}), [Y, X] = r(N);
+	t(() => {
+		let e = setTimeout(() => {
+			X(N);
+		}, k?.filterDebounceMs || 300);
+		return () => clearTimeout(e);
+	}, [N, k?.filterDebounceMs]), t(() => {
+		E?.columns && E.columns.length > 0 && V.length === 0 && H([E.columns[0]]);
+	}, [E?.columns, V.length]), t(() => {
+		y && h(y, {
+			sorting: j,
+			columnFilters: N,
+			columnVisibility: F,
+			columnOrder: L,
+			expanded: z,
+			grouping: V,
+			pagination: q,
+			globalFilter: G,
+			density: "comfortable",
+			layout: "standard",
+			rowSelection: U
+		});
+	}, [
+		y,
+		j,
+		N,
+		F,
+		L,
+		z,
+		V,
+		q,
+		G,
+		U
+	]), t(() => {
+		b?.(j);
+	}, [j, b]), t(() => {
+		x?.(Y);
+	}, [Y, x]), t(() => {
+		let e = Z.getFilteredSelectedRowModel().rows.map((e) => e.original);
+		S?.(e);
+	}, [U]), t(() => {
+		C?.(L);
+	}, [L, C]), t(() => {
+		w?.(z);
+	}, [z, w]), t(() => {
+		T?.(V);
+	}, [V, T]);
+	let Z = f({
+		data: p,
+		columns: _,
+		state: {
+			sorting: j,
+			columnFilters: Y,
+			columnVisibility: F,
+			columnOrder: L,
+			expanded: z,
+			grouping: V,
+			rowSelection: U,
+			globalFilter: G,
+			pagination: q
+		},
+		enableRowSelection: !0,
+		enableMultiRowSelection: !0,
+		enableSubRowSelection: !0,
+		enableGrouping: !0,
+		enableExpanding: !0,
+		enableColumnResizing: !0,
+		enableSorting: !0,
+		enableMultiSort: O === "multiple",
+		enableFilters: !0,
+		enableGlobalFilter: !0,
+		enableColumnFilters: !0,
+		onRowSelectionChange: W,
+		onSortingChange: M,
+		onColumnFiltersChange: P,
+		onColumnVisibilityChange: I,
+		onColumnOrderChange: R,
+		onExpandedChange: B,
+		onGroupingChange: H,
+		onGlobalFilterChange: K,
+		onPaginationChange: J,
+		getCoreRowModel: i(),
+		getFilteredRowModel: c(),
+		getPaginationRowModel: u(),
+		getSortedRowModel: d(),
+		getGroupedRowModel: l(),
+		getExpandedRowModel: a(),
+		getFacetedRowModel: o(),
+		getFacetedUniqueValues: s(),
+		globalFilterFn: g,
+		manualPagination: v?.mode === "server",
+		pageCount: v?.mode === "server" ? Math.ceil((v.totalItems || 0) / q.pageSize) : void 0,
+		columnResizeMode: "onChange",
+		sortDescFirst: !1
+	});
+	return {
+		table: Z,
+		sorting: j,
+		setSorting: M,
+		columnFilters: N,
+		setColumnFilters: P,
+		columnVisibility: F,
+		setColumnVisibility: I,
+		columnOrder: L,
+		setColumnOrder: R,
+		expanded: z,
+		setExpanded: B,
+		grouping: V,
+		setGrouping: H,
+		rowSelection: U,
+		setRowSelection: W,
+		globalFilter: G,
+		setGlobalFilter: K,
+		pagination: q,
+		setPagination: J,
+		selectedRows: n(() => Z.getFilteredSelectedRowModel().rows.map((e) => e.original), [Z, U]),
+		resetFilters: e(() => {
+			P([]), K("");
+		}, []),
+		resetSelection: e(() => {
+			W({});
+		}, []),
+		resetAll: e(() => {
+			M([]), P([]), I({}), R([]), B({}), H([]), W({}), K(""), J({
+				pageIndex: 0,
+				pageSize: v?.pageSize || 10
+			});
+		}, [v?.pageSize]),
+		exportData: e(() => Z.getFilteredRowModel().rows.map((e) => e.original), [Z]),
+		getGroupedData: e(() => E?.columns?.length ? Z.getGroupedRowModel().rows.map((e) => e.original) : p, [
+			Z,
+			E,
+			p
+		]),
+		getExpandedData: e(() => Z.getExpandedRowModel().rows.map((e) => e.original), [Z]),
+		toggleGrouping: e((e) => {
+			H((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		}, []),
+		clearGrouping: e(() => {
+			H([]);
+		}, []),
+		toggleRowExpansion: e((e) => {
+			B((t) => {
+				let n = t === !0 ? {} : t;
+				return {
+					...n,
+					[e]: !n[e]
+				};
+			});
+		}, []),
+		expandAll: e(() => {
+			let e = Z.getRowModel().rows.map((e) => e.id), t = {};
+			e.forEach((e) => {
+				t[e] = !0;
+			}), B(t);
+		}, [Z]),
+		collapseAll: e(() => {
+			B({});
+		}, [])
+	};
+}
+function m(e) {
+	try {
+		let t = localStorage.getItem(`datatable-${e}`);
+		return t ? JSON.parse(t) : null;
+	} catch {
+		return null;
+	}
+}
+function h(e, t) {
+	try {
+		localStorage.setItem(`datatable-${e}`, JSON.stringify(t));
+	} catch {}
+}
+function g(e, t, n) {
+	let r = n.toLowerCase();
+	return e.getVisibleCells().some((e) => {
+		let t = e.getValue();
+		return t == null ? !1 : String(t).toLowerCase().includes(r);
+	});
+}
+//#endregion
+export { p as useDataTableAdvanced };

package/dist/components/DataTable/hooks/useDataTableEdit.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../../_virtual/_rolldown/runtime.cjs.js`);let t=require(`react`);t=e.__toESM(t);function n(e,n={}){let{onSave:r,onCancel:i,validateField:a,autoSave:o=!1,autoSaveDelay:s=2e3}=n,[c,l]=(0,t.useState)(null),[u,d]=(0,t.useState)({}),[f,p]=(0,t.useState)(null),[m,h]=(0,t.useState)({}),[g,_]=(0,t.useState)(!1),v=(0,t.useMemo)(()=>!f||!c?!1:Object.keys(u).some(e=>{let t=e;return u[t]!==f[t]}),[u,f,c]),y=v&&c!==null,b=(0,t.useCallback)((e,t)=>{l(e),d({...t}),p(t),h({})},[]),x=(0,t.useCallback)(()=>{!c||!f||(i?.(c,f),l(null),d({}),p(null),h({}))},[c,f,i]),S=(0,t.useCallback)((e,t)=>{if(c){if(a){let n=a(e,t);if(n){h(t=>({...t,[e]:n}));return}else h(t=>{let n={...t};return delete n[e],n})}d(n=>({...n,[e]:t}))}},[c,a]),C=(0,t.useCallback)(async()=>{if(!(!c||!r||g)){if(Object.keys(m).length>0)throw Error(`Validation errors present`);_(!0);try{await r(c,u),l(null),d({}),p(null),h({})}catch(e){throw console.error(`Error saving edit:`,e),e}finally{_(!1)}}},[c,r,u,m,g]),w=(0,t.useCallback)(()=>{f&&(d({...f}),h({}))},[f]),T=(0,t.useMemo)(()=>!o||!y?null:setTimeout(()=>{y&&!g&&C().catch(console.error)},s),[o,y,g,C,s]);return t.default.useEffect(()=>()=>{T&&clearTimeout(T)},[T]),[{editingRowId:c,editedData:u,hasChanges:v,isDirty:y},{startEdit:b,cancelEdit:x,saveEdit:C,updateField:S,resetEdit:w}]}exports.useDataTableEdit=n;

package/dist/components/DataTable/hooks/useDataTableEdit.d.ts

@@ -9,13 +9,13 @@ export interface EditActions<TData> {
     startEdit: (rowId: string, initialData: TData) => void;
     cancelEdit: () => void;
     saveEdit: () => Promise<void>;
-    updateField: (field: keyof TData, value: any) => void;
+    updateField: (field: keyof TData, value: unknown) => void;
     resetEdit: () => void;
 }
 export interface UseDataTableEditOptions<TData> {
     onSave?: (rowId: string, data: Partial<TData>) => Promise<void>;
     onCancel?: (rowId: string, originalData: TData) => void;
-    validateField?: (field: keyof TData, value: any) => string | null;
+    validateField?: (field: keyof TData, value: unknown) => string | null;
     autoSave?: boolean;
     autoSaveDelay?: number;
 }

package/dist/components/DataTable/hooks/useDataTableEdit.es.js

@@ -0,0 +1,86 @@
+"use client";
+"use client";
+import e, { useCallback as t, useMemo as n, useState as r } from "react";
+//#region src/components/DataTable/hooks/useDataTableEdit.ts
+function i(i, a = {}) {
+	let { onSave: o, onCancel: s, validateField: c, autoSave: l = !1, autoSaveDelay: u = 2e3 } = a, [d, f] = r(null), [p, m] = r({}), [h, g] = r(null), [_, v] = r({}), [y, b] = r(!1), x = n(() => !h || !d ? !1 : Object.keys(p).some((e) => {
+		let t = e;
+		return p[t] !== h[t];
+	}), [
+		p,
+		h,
+		d
+	]), S = x && d !== null, C = t((e, t) => {
+		f(e), m({ ...t }), g(t), v({});
+	}, []), w = t(() => {
+		!d || !h || (s?.(d, h), f(null), m({}), g(null), v({}));
+	}, [
+		d,
+		h,
+		s
+	]), T = t((e, t) => {
+		if (d) {
+			if (c) {
+				let n = c(e, t);
+				if (n) {
+					v((t) => ({
+						...t,
+						[e]: n
+					}));
+					return;
+				} else v((t) => {
+					let n = { ...t };
+					return delete n[e], n;
+				});
+			}
+			m((n) => ({
+				...n,
+				[e]: t
+			}));
+		}
+	}, [d, c]), E = t(async () => {
+		if (!(!d || !o || y)) {
+			if (Object.keys(_).length > 0) throw Error("Validation errors present");
+			b(!0);
+			try {
+				await o(d, p), f(null), m({}), g(null), v({});
+			} catch (e) {
+				throw console.error("Error saving edit:", e), e;
+			} finally {
+				b(!1);
+			}
+		}
+	}, [
+		d,
+		o,
+		p,
+		_,
+		y
+	]), D = t(() => {
+		h && (m({ ...h }), v({}));
+	}, [h]), O = n(() => !l || !S ? null : setTimeout(() => {
+		S && !y && E().catch(console.error);
+	}, u), [
+		l,
+		S,
+		y,
+		E,
+		u
+	]);
+	return e.useEffect(() => () => {
+		O && clearTimeout(O);
+	}, [O]), [{
+		editingRowId: d,
+		editedData: p,
+		hasChanges: x,
+		isDirty: S
+	}, {
+		startEdit: C,
+		cancelEdit: w,
+		saveEdit: E,
+		updateField: T,
+		resetEdit: D
+	}];
+}
+//#endregion
+export { i as useDataTableEdit };

package/dist/components/DataTable/hooks/useDataTableExport.cjs.js

@@ -0,0 +1,6 @@
+"use client";const e=require(`../../../_virtual/_rolldown/runtime.cjs.js`);let t=require(`react`);function n({data:n,columns:r,exportConfig:i}){let a=(0,t.useMemo)(()=>({formats:[`csv`,`xlsx`,`json`],filename:`export`,includeHeaders:!0,...i}),[i]),o=(0,t.useCallback)((e,t)=>{if(!e.length)return;let n=[r.filter(e=>e.accessorKey||e.id).map(e=>e.header||e.accessorKey||e.id).join(`,`),...e.map(e=>r.filter(e=>e.accessorKey||e.id).map(t=>{let n=t.accessorKey?e[t.accessorKey]:e[t.id],r=t.formatter?t.formatter(n):n,i=String(r||``);return i.includes(`,`)||i.includes(`"`)||i.includes(`
+`)?`"${i.replace(/"/g,`""`)}"`:i}).join(`,`))].join(`
+`),i=new Blob([n],{type:`text/csv;charset=utf-8;`}),o=document.createElement(`a`);o.href=URL.createObjectURL(i),o.download=`${t||a.filename}.csv`,o.click(),URL.revokeObjectURL(o.href)},[r,a.filename]),s=(0,t.useCallback)((e,t)=>{let n=JSON.stringify(e,null,2),r=new Blob([n],{type:`application/json`}),i=document.createElement(`a`);i.href=URL.createObjectURL(r),i.download=`${t||a.filename}.json`,i.click(),URL.revokeObjectURL(i.href)},[a.filename]),c=(0,t.useCallback)(async(t,n)=>{try{if(typeof window>`u`)throw Error(`XLSX export not available in server environment`);let i=new(await(Promise.resolve().then(()=>e.__toESM(require(`../../../node_modules/.pnpm/exceljs@4.4.0/node_modules/exceljs/dist/exceljs.min.cjs.js`).default)))).Workbook,o=i.addWorksheet(a.options?.xlsx?.sheetName||`Sheet1`),s=r.filter(e=>e.accessorKey||e.id).map(e=>e.header||e.accessorKey||e.id);o.addRow(s),t.forEach(e=>{let t=r.filter(e=>e.accessorKey||e.id).map(t=>{let n=t.accessorKey?e[t.accessorKey]:e[t.id];return t.formatter?t.formatter(n):n});o.addRow(t)});let c=await i.xlsx.writeBuffer(),l=new Blob([c],{type:`application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`}),u=document.createElement(`a`);u.href=URL.createObjectURL(l),u.download=`${n||a.filename}.xlsx`,u.click(),URL.revokeObjectURL(u.href)}catch(e){throw console.error(`Erreur lors de l'export XLSX:`,e),Error(`La librairie exceljs n'est pas disponible. Installez-la avec: pnpm add exceljs`)}},[r,a.filename,a.options?.xlsx?.sheetName]),l=(0,t.useCallback)(async(e,t)=>{try{if(typeof window>`u`)throw Error(`PDF export not available in server environment`);let n=await import(`jspdf`),i=await import(`jspdf-autotable`),o=new(n.default||n.jsPDF),s=i.default||i.autoTable,c=r.filter(e=>e.accessorKey||e.id).map(e=>e.header||e.accessorKey||e.id),l=e.map(e=>r.filter(e=>e.accessorKey||e.id).map(t=>{let n=t.accessorKey?e[t.accessorKey]:e[t.id];return t.formatter?t.formatter(n):n}));s(o,{head:[c],body:l,startY:20,styles:{fontSize:8},headStyles:{fillColor:[66,139,202]}}),o.save(`${t||a.filename}.pdf`)}catch(e){throw console.error(`Erreur lors de l'export PDF:`,e),Error(`Les librairies jsPDF et jspdf-autotable ne sont pas disponibles`)}},[r,a.filename]),u=(0,t.useCallback)((e,t)=>{let n=r.filter(e=>e.accessorKey||e.id).map(e=>e.accessorKey||e.id),i=`<?xml version="1.0" encoding="UTF-8"?>
+<data>
+`;e.forEach((e,t)=>{i+=`  <row id="${t}">\n`,n.forEach(t=>{let n=e[t],r=String(n||``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`);i+=`    <${t}>${r}</${t}>\n`}),i+=`  </row>
+`}),i+=`</data>`;let o=new Blob([i],{type:`application/xml`}),s=document.createElement(`a`);s.href=URL.createObjectURL(o),s.download=`${t||a.filename}.xml`,s.click(),URL.revokeObjectURL(s.href)},[r,a.filename]),d=(0,t.useCallback)(async(e,t,r)=>{let i=t||n,d=r||a.filename;if(a.onExport){a.onExport(i,e);return}switch(e.toLowerCase()){case`csv`:o(i,d);break;case`json`:s(i,d);break;case`xlsx`:await c(i,d);break;case`pdf`:await l(i,d);break;case`xml`:u(i,d);break;default:throw Error(`Format d'export non supporté: ${e}`)}},[n,a,o,s,c,l,u]);return{exportData:d,exportAll:(0,t.useCallback)(async e=>d(e),[d]),exportSelected:(0,t.useCallback)(async(e,t)=>d(e,t),[d]),supportedFormats:a.formats,isExportSupported:e=>a.formats.includes(e)}}exports.useDataTableExport=n;

package/dist/components/DataTable/hooks/useDataTableExport.d.ts

@@ -1,10 +1,21 @@
 import { ExportConfig } from "../types";
+/**
+ * Forme minimale d'une colonne telle que consommée par l'export.
+ * `formatter` n'est pas une propriété standard de `ColumnDef` (TanStack v8)
+ * mais est lue au runtime : on la conserve telle quelle.
+ */
+interface ExportColumn {
+    accessorKey?: string;
+    id?: string;
+    header?: unknown;
+    formatter?: (value: unknown) => unknown;
+}
 /**
  * Hook pour gérer l'export des données du DataTable
  */
 export declare function useDataTableExport<TData>({ data, columns, exportConfig, }: {
     data: TData[];
-    columns: any[];
+    columns: ExportColumn[];
     exportConfig?: ExportConfig;
 }): {
     exportData: (format: string, customData?: TData[], customFilename?: string) => Promise<void>;
@@ -13,3 +24,4 @@ export declare function useDataTableExport<TData>({ data, columns, exportConfig,
     supportedFormats: ("csv" | "xlsx" | "json" | "pdf" | "xml")[] | readonly ["csv", "xlsx", "json"];
     isExportSupported: (format: string) => boolean;
 };
+export {};

package/dist/{useDataTableImport-z5avsB21.mjs → components/DataTable/hooks/useDataTableExport.es.js}

@@ -1,5 +1,5 @@
 "use client";
-import { i as e } from "./chunk-BJivcVNn.mjs";
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.es.js";
 import { useCallback as t, useMemo as n } from "react";
 //#region src/components/DataTable/hooks/useDataTableExport.ts
 function r({ data: r, columns: i, exportConfig: a }) {
@@ -25,7 +25,7 @@ function r({ data: r, columns: i, exportConfig: a }) {
 	}, [o.filename]), l = t(async (t, n) => {
 		try {
 			if (typeof window > "u") throw Error("XLSX export not available in server environment");
-			let r = new (await (import("./exceljs.min-M0HhQgNK.mjs").then((t) => /* @__PURE__ */ e(t.default)))).Workbook(), a = r.addWorksheet(o.options?.xlsx?.sheetName || "Sheet1"), s = i.filter((e) => e.accessorKey || e.id).map((e) => e.header || e.accessorKey || e.id);
+			let r = new (await (import("../../../node_modules/.pnpm/exceljs@4.4.0/node_modules/exceljs/dist/exceljs.min.es.js").then((t) => /* @__PURE__ */ e(t.default)))).Workbook(), a = r.addWorksheet(o.options?.xlsx?.sheetName || "Sheet1"), s = i.filter((e) => e.accessorKey || e.id).map((e) => e.header || e.accessorKey || e.id);
 			a.addRow(s), t.forEach((e) => {
 				let t = i.filter((e) => e.accessorKey || e.id).map((t) => {
 					let n = t.accessorKey ? e[t.accessorKey] : e[t.id];
@@ -115,137 +115,4 @@ function r({ data: r, columns: i, exportConfig: a }) {
 	};
 }
 //#endregion
-//#region src/components/DataTable/hooks/useDataTableImport.ts
-function i({ importConfig: r }) {
-	let i = n(() => ({
-		accept: ".csv,.xlsx,.json,.xml",
-		...r
-	}), [r]), a = t((e, t = ",") => {
-		let n = e.split("\n").filter((e) => e.trim());
-		if (n.length === 0) return [];
-		let r = n[0].split(t).map((e) => e.trim().replace(/"/g, ""));
-		return n.slice(1).map((e) => {
-			let n = e.split(t).map((e) => e.trim().replace(/"/g, "")), i = {};
-			return r.forEach((e, t) => {
-				i[e] = n[t] || "";
-			}), i;
-		});
-	}, []), o = t((e) => {
-		try {
-			let t = JSON.parse(e);
-			return Array.isArray(t) ? t : [t];
-		} catch {
-			throw Error("Format JSON invalide");
-		}
-	}, []), s = t((e) => {
-		try {
-			let t = new DOMParser().parseFromString(e, "text/xml").querySelectorAll("row");
-			return Array.from(t).map((e) => {
-				let t = {};
-				return Array.from(e.children).forEach((e) => {
-					t[e.tagName] = e.textContent || "";
-				}), t;
-			});
-		} catch {
-			throw Error("Format XML invalide");
-		}
-	}, []), c = t(async (t) => {
-		try {
-			if (typeof window > "u") throw Error("XLSX parsing not available in server environment");
-			let n = await import("./exceljs.min-M0HhQgNK.mjs").then((t) => /* @__PURE__ */ e(t.default)), r = await t.arrayBuffer(), a = new n.Workbook();
-			await a.xlsx.load(r);
-			let o = i.parseOptions?.xlsx?.sheetIndex ?? 0, s = i.parseOptions?.xlsx?.headerRow ?? 1, c = a.worksheets[o];
-			if (!c || c.rowCount === 0) return [];
-			let l = [];
-			c.getRow(s).eachCell((e, t) => {
-				l[t - 1] = String(e.value || "");
-			});
-			let u = [];
-			for (let e = s + 1; e <= c.rowCount; e++) {
-				let t = c.getRow(e), n = {};
-				l.forEach((e, r) => {
-					n[e] = t.getCell(r + 1).value ?? "";
-				}), u.push(n);
-			}
-			return u;
-		} catch {
-			throw Error("Erreur lors du parsing du fichier XLSX. Verifiez que exceljs est installe: pnpm add exceljs");
-		}
-	}, [i.parseOptions?.xlsx?.sheetIndex, i.parseOptions?.xlsx?.headerRow]), l = t((e) => i.validate ? i.validate(e) : Array.isArray(e) ? e.length === 0 ? {
-		valid: !1,
-		errors: ["Aucune donnée trouvée"]
-	} : {
-		valid: !0,
-		errors: []
-	} : {
-		valid: !1,
-		errors: ["Les données doivent être un tableau"]
-	}, [i.validate]), u = t((e) => i.columnMapping ? e.map((e) => {
-		let t = {};
-		return Object.entries(i.columnMapping).forEach(([n, r]) => {
-			e[n] !== void 0 && (t[r] = e[n]);
-		}), t;
-	}) : e, [i.columnMapping]), d = t(async (e) => {
-		let t = e.name.split(".").pop()?.toLowerCase(), n = [];
-		try {
-			let r = await e.text();
-			switch (t) {
-				case "csv":
-					n = a(r, i.parseOptions?.csv?.delimiter);
-					break;
-				case "json":
-					n = o(r);
-					break;
-				case "xml":
-					n = s(r);
-					break;
-				case "xlsx":
-					n = await c(e);
-					break;
-				default: throw Error(`Format de fichier non supporté: ${t}`);
-			}
-			let d = l(n);
-			if (!d.valid) throw Error(`Données invalides: ${d.errors.join(", ")}`);
-			let f = u(n);
-			return i.onImport && i.onImport(f), f;
-		} catch (e) {
-			throw Error(`Erreur lors de l'import: ${e instanceof Error ? e.message : "Erreur inconnue"}`);
-		}
-	}, [
-		i,
-		a,
-		o,
-		s,
-		c,
-		l,
-		u
-	]), f = t(() => {
-		let e = document.createElement("input");
-		return e.type = "file", e.accept = i.accept, e.multiple = !1, e;
-	}, [i.accept]);
-	return {
-		importData: d,
-		importWithUI: t(() => new Promise((e, t) => {
-			let n = f();
-			n.onchange = async (n) => {
-				let r = n.target.files?.[0];
-				if (!r) {
-					t(/* @__PURE__ */ Error("Aucun fichier sélectionné"));
-					return;
-				}
-				try {
-					e(await d(r));
-				} catch (e) {
-					t(e);
-				}
-			}, n.click();
-		}), [f, d]),
-		supportedFormats: i.accept?.split(",") || [],
-		isFormatSupported: (e) => {
-			let t = e.split(".").pop()?.toLowerCase();
-			return i.accept?.includes(t || "") || !1;
-		}
-	};
-}
-//#endregion
-export { r as n, i as t };
+export { r as useDataTableExport };

package/dist/components/DataTable/hooks/useDataTableImport.cjs.js

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../../_virtual/_rolldown/runtime.cjs.js`);let t=require(`react`);function n({importConfig:n}){let r=(0,t.useMemo)(()=>({accept:`.csv,.xlsx,.json,.xml`,...n}),[n]),i=(0,t.useCallback)((e,t=`,`)=>{let n=e.split(`
+`).filter(e=>e.trim());if(n.length===0)return[];let r=n[0].split(t).map(e=>e.trim().replace(/"/g,``));return n.slice(1).map(e=>{let n=e.split(t).map(e=>e.trim().replace(/"/g,``)),i={};return r.forEach((e,t)=>{i[e]=n[t]||``}),i})},[]),a=(0,t.useCallback)(e=>{try{let t=JSON.parse(e);return Array.isArray(t)?t:[t]}catch{throw Error(`Format JSON invalide`)}},[]),o=(0,t.useCallback)(e=>{try{let t=new DOMParser().parseFromString(e,`text/xml`).querySelectorAll(`row`);return Array.from(t).map(e=>{let t={};return Array.from(e.children).forEach(e=>{t[e.tagName]=e.textContent||``}),t})}catch{throw Error(`Format XML invalide`)}},[]),s=(0,t.useCallback)(async t=>{try{if(typeof window>`u`)throw Error(`XLSX parsing not available in server environment`);let n=await Promise.resolve().then(()=>e.__toESM(require(`../../../node_modules/.pnpm/exceljs@4.4.0/node_modules/exceljs/dist/exceljs.min.cjs.js`).default)),i=await t.arrayBuffer(),a=new n.Workbook;await a.xlsx.load(i);let o=r.parseOptions?.xlsx?.sheetIndex??0,s=r.parseOptions?.xlsx?.headerRow??1,c=a.worksheets[o];if(!c||c.rowCount===0)return[];let l=[];c.getRow(s).eachCell((e,t)=>{l[t-1]=String(e.value||``)});let u=[];for(let e=s+1;e<=c.rowCount;e++){let t=c.getRow(e),n={};l.forEach((e,r)=>{n[e]=t.getCell(r+1).value??``}),u.push(n)}return u}catch{throw Error(`Erreur lors du parsing du fichier XLSX. Verifiez que exceljs est installe: pnpm add exceljs`)}},[r.parseOptions?.xlsx?.sheetIndex,r.parseOptions?.xlsx?.headerRow]),c=(0,t.useCallback)(e=>r.validate?r.validate(e):Array.isArray(e)?e.length===0?{valid:!1,errors:[`Aucune donnée trouvée`]}:{valid:!0,errors:[]}:{valid:!1,errors:[`Les données doivent être un tableau`]},[r.validate]),l=(0,t.useCallback)(e=>r.columnMapping?e.map(e=>{let t={};return Object.entries(r.columnMapping).forEach(([n,r])=>{e[n]!==void 0&&(t[r]=e[n])}),t}):e,[r.columnMapping]),u=(0,t.useCallback)(async e=>{let t=e.name.split(`.`).pop()?.toLowerCase(),n=[];try{let u=await e.text();switch(t){case`csv`:n=i(u,r.parseOptions?.csv?.delimiter);break;case`json`:n=a(u);break;case`xml`:n=o(u);break;case`xlsx`:n=await s(e);break;default:throw Error(`Format de fichier non supporté: ${t}`)}let d=c(n);if(!d.valid)throw Error(`Données invalides: ${d.errors.join(`, `)}`);let f=l(n);return r.onImport&&r.onImport(f),f}catch(e){throw Error(`Erreur lors de l'import: ${e instanceof Error?e.message:`Erreur inconnue`}`)}},[r,i,a,o,s,c,l]),d=(0,t.useCallback)(()=>{let e=document.createElement(`input`);return e.type=`file`,e.accept=r.accept,e.multiple=!1,e},[r.accept]);return{importData:u,importWithUI:(0,t.useCallback)(()=>new Promise((e,t)=>{let n=d();n.onchange=async n=>{let r=n.target.files?.[0];if(!r){t(Error(`Aucun fichier sélectionné`));return}try{e(await u(r))}catch(e){t(e)}},n.click()}),[d,u]),supportedFormats:r.accept?.split(`,`)||[],isFormatSupported:e=>{let t=e.split(`.`).pop()?.toLowerCase();return r.accept?.includes(t||``)||!1}}}exports.useDataTableImport=n;

package/dist/components/DataTable/hooks/useDataTableImport.es.js

@@ -0,0 +1,137 @@
+"use client";
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.es.js";
+import { useCallback as t, useMemo as n } from "react";
+//#region src/components/DataTable/hooks/useDataTableImport.ts
+function r({ importConfig: r }) {
+	let i = n(() => ({
+		accept: ".csv,.xlsx,.json,.xml",
+		...r
+	}), [r]), a = t((e, t = ",") => {
+		let n = e.split("\n").filter((e) => e.trim());
+		if (n.length === 0) return [];
+		let r = n[0].split(t).map((e) => e.trim().replace(/"/g, ""));
+		return n.slice(1).map((e) => {
+			let n = e.split(t).map((e) => e.trim().replace(/"/g, "")), i = {};
+			return r.forEach((e, t) => {
+				i[e] = n[t] || "";
+			}), i;
+		});
+	}, []), o = t((e) => {
+		try {
+			let t = JSON.parse(e);
+			return Array.isArray(t) ? t : [t];
+		} catch {
+			throw Error("Format JSON invalide");
+		}
+	}, []), s = t((e) => {
+		try {
+			let t = new DOMParser().parseFromString(e, "text/xml").querySelectorAll("row");
+			return Array.from(t).map((e) => {
+				let t = {};
+				return Array.from(e.children).forEach((e) => {
+					t[e.tagName] = e.textContent || "";
+				}), t;
+			});
+		} catch {
+			throw Error("Format XML invalide");
+		}
+	}, []), c = t(async (t) => {
+		try {
+			if (typeof window > "u") throw Error("XLSX parsing not available in server environment");
+			let n = await import("../../../node_modules/.pnpm/exceljs@4.4.0/node_modules/exceljs/dist/exceljs.min.es.js").then((t) => /* @__PURE__ */ e(t.default)), r = await t.arrayBuffer(), a = new n.Workbook();
+			await a.xlsx.load(r);
+			let o = i.parseOptions?.xlsx?.sheetIndex ?? 0, s = i.parseOptions?.xlsx?.headerRow ?? 1, c = a.worksheets[o];
+			if (!c || c.rowCount === 0) return [];
+			let l = [];
+			c.getRow(s).eachCell((e, t) => {
+				l[t - 1] = String(e.value || "");
+			});
+			let u = [];
+			for (let e = s + 1; e <= c.rowCount; e++) {
+				let t = c.getRow(e), n = {};
+				l.forEach((e, r) => {
+					n[e] = t.getCell(r + 1).value ?? "";
+				}), u.push(n);
+			}
+			return u;
+		} catch {
+			throw Error("Erreur lors du parsing du fichier XLSX. Verifiez que exceljs est installe: pnpm add exceljs");
+		}
+	}, [i.parseOptions?.xlsx?.sheetIndex, i.parseOptions?.xlsx?.headerRow]), l = t((e) => i.validate ? i.validate(e) : Array.isArray(e) ? e.length === 0 ? {
+		valid: !1,
+		errors: ["Aucune donnée trouvée"]
+	} : {
+		valid: !0,
+		errors: []
+	} : {
+		valid: !1,
+		errors: ["Les données doivent être un tableau"]
+	}, [i.validate]), u = t((e) => i.columnMapping ? e.map((e) => {
+		let t = {};
+		return Object.entries(i.columnMapping).forEach(([n, r]) => {
+			e[n] !== void 0 && (t[r] = e[n]);
+		}), t;
+	}) : e, [i.columnMapping]), d = t(async (e) => {
+		let t = e.name.split(".").pop()?.toLowerCase(), n = [];
+		try {
+			let r = await e.text();
+			switch (t) {
+				case "csv":
+					n = a(r, i.parseOptions?.csv?.delimiter);
+					break;
+				case "json":
+					n = o(r);
+					break;
+				case "xml":
+					n = s(r);
+					break;
+				case "xlsx":
+					n = await c(e);
+					break;
+				default: throw Error(`Format de fichier non supporté: ${t}`);
+			}
+			let d = l(n);
+			if (!d.valid) throw Error(`Données invalides: ${d.errors.join(", ")}`);
+			let f = u(n);
+			return i.onImport && i.onImport(f), f;
+		} catch (e) {
+			throw Error(`Erreur lors de l'import: ${e instanceof Error ? e.message : "Erreur inconnue"}`);
+		}
+	}, [
+		i,
+		a,
+		o,
+		s,
+		c,
+		l,
+		u
+	]), f = t(() => {
+		let e = document.createElement("input");
+		return e.type = "file", e.accept = i.accept, e.multiple = !1, e;
+	}, [i.accept]);
+	return {
+		importData: d,
+		importWithUI: t(() => new Promise((e, t) => {
+			let n = f();
+			n.onchange = async (n) => {
+				let r = n.target.files?.[0];
+				if (!r) {
+					t(/* @__PURE__ */ Error("Aucun fichier sélectionné"));
+					return;
+				}
+				try {
+					e(await d(r));
+				} catch (e) {
+					t(e);
+				}
+			}, n.click();
+		}), [f, d]),
+		supportedFormats: i.accept?.split(",") || [],
+		isFormatSupported: (e) => {
+			let t = e.split(".").pop()?.toLowerCase();
+			return i.accept?.includes(t || "") || !1;
+		}
+	};
+}
+//#endregion
+export { r as useDataTableImport };

package/dist/components/DataTable/hooks/useDataTableTheme.cjs.js

@@ -0,0 +1 @@
+"use client";require(`../../../_virtual/_rolldown/runtime.cjs.js`);let e=require(`react`);function t({theme:t,variant:n=`bordered`,density:r=`comfortable`}){let i={colors:{primary:`hsl(var(--primary))`,secondary:`hsl(var(--secondary))`,accent:`hsl(var(--accent))`,background:`hsl(var(--background))`,surface:`hsl(var(--card))`,text:`hsl(var(--foreground))`,textSecondary:`hsl(var(--muted-foreground))`,border:`hsl(var(--border))`,hover:`hsl(var(--muted))`,selected:`hsl(var(--accent))`,disabled:`hsl(var(--muted))`},spacing:{xs:`0.25rem`,sm:`0.5rem`,md:`1rem`,lg:`1.5rem`,xl:`2rem`},typography:{fontFamily:`inherit`,fontSize:{xs:`0.75rem`,sm:`0.875rem`,md:`1rem`,lg:`1.125rem`,xl:`1.25rem`},fontWeight:{normal:`400`,medium:`500`,semibold:`600`,bold:`700`}},borders:{radius:{sm:`0.25rem`,md:`0.5rem`,lg:`0.75rem`},width:{thin:`1px`,medium:`2px`,thick:`4px`}},shadows:{sm:`0 1px 2px 0 rgb(0 0 0 / 0.05)`,md:`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,lg:`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,xl:`0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)`}},a=(0,e.useMemo)(()=>t?{colors:{...i.colors,...t.colors},spacing:{...i.spacing,...t.spacing},typography:{...i.typography,...t.typography},borders:{...i.borders,...t.borders},shadows:{...i.shadows,...t.shadows}}:i,[t,i]),o=(0,e.useMemo)(()=>{let e=`w-full`;switch(n){case`bordered`:return`${e} border rounded-lg`;case`minimal`:return e;case`striped`:return`${e} [&_tbody_tr:nth-child(even)]:bg-muted/50`;case`glass`:return`${e} backdrop-blur-sm bg-background/80 border rounded-lg`;default:return e}},[n]),s=(0,e.useMemo)(()=>{switch(r){case`spacious`:return{table:`text-base`,header:`px-6 py-4`,cell:`px-6 py-4`,row:`h-16`};case`compact`:return{table:`text-sm`,header:`px-3 py-2`,cell:`px-3 py-2`,row:`h-8`};default:return{table:`text-sm`,header:`px-4 py-3`,cell:`px-4 py-3`,row:`h-12`}}},[r]),c=(0,e.useMemo)(()=>{let e={};return a.colors&&Object.entries(a.colors).forEach(([t,n])=>{e[`--datatable-color-${t}`]=n}),a.spacing&&Object.entries(a.spacing).forEach(([t,n])=>{e[`--datatable-spacing-${t}`]=n}),a.typography&&(a.typography.fontFamily&&(e[`--datatable-font-family`]=a.typography.fontFamily),a.typography.fontSize&&Object.entries(a.typography.fontSize).forEach(([t,n])=>{e[`--datatable-font-size-${t}`]=n}),a.typography.fontWeight&&Object.entries(a.typography.fontWeight).forEach(([t,n])=>{e[`--datatable-font-weight-${t}`]=n})),a.borders&&(a.borders.radius&&Object.entries(a.borders.radius).forEach(([t,n])=>{e[`--datatable-radius-${t}`]=n}),a.borders.width&&Object.entries(a.borders.width).forEach(([t,n])=>{e[`--datatable-border-width-${t}`]=n})),a.shadows&&Object.entries(a.shadows).forEach(([t,n])=>{e[`--datatable-shadow-${t}`]=n}),e},[a]);return{theme:a,variantClasses:o,densityClasses:s,customStyles:c,getThemedClass:(0,e.useCallback)((e,t)=>t?`${e} [--datatable-theme-key:${t}]`:e,[]),getThemedStyles:(0,e.useCallback)((e={})=>({...e,...c}),[c])}}exports.useDataTableTheme=t;