ezux 1.1.13 → 1.1.18

package/dist/EzTableEditDialog-BXnnYSSy.cjs

@@ -0,0 +1 @@
+const e=require("./button-BBMwzUtG.cjs"),t=require("./input-CYlvlbF7.cjs"),n=require("./label-BGgvoZWD.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=({open:a,onClose:o,onSave:s,columns:c,initialData:l,isNew:u,onFormRender:d})=>{let[f,p]=(0,r.useState)({});if((0,r.useEffect)(()=>{a&&(p(l||{}),d?.({form:{data:l||{},columns:c},mode:u?`Add`:`Edit`}))},[a,l,c,u,d]),!a)return null;let m=()=>{s(f),o()},h=(e,t)=>{p(n=>({...n,[e]:t}))},g=c.filter(e=>e.accessorKey&&e.meta?.isEditable!==!1&&e.id!==`actions`&&e.id!==`select`);return(0,i.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm animate-in fade-in-0`,children:(0,i.jsxs)(`div`,{className:`bg-background w-full max-w-lg rounded-lg border shadow-lg p-6 space-y-6 animate-in zoom-in-95 slide-in-from-bottom-2`,role:`dialog`,"aria-modal":`true`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col space-y-1.5 text-center sm:text-left`,children:[(0,i.jsx)(`h2`,{className:`text-lg font-semibold leading-none tracking-tight`,children:u?`Add New Record`:`Edit Record`}),(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:u?`Enter details for the new record.`:`Make changes to the record below.`})]}),(0,i.jsx)(`div`,{className:`grid gap-4 py-4 max-h-[60vh] overflow-y-auto pr-2`,children:g.map(e=>{let r=e.accessorKey,a=f[r]??``;return(0,i.jsxs)(`div`,{className:`grid grid-cols-4 items-center gap-4`,children:[(0,i.jsx)(n.t,{htmlFor:r,className:`text-right`,children:typeof e.header==`string`?e.header:r}),(0,i.jsx)(t.t,{id:r,value:a,onChange:e=>h(r,e.target.value),className:`col-span-3`})]},r)})}),(0,i.jsxs)(`div`,{className:`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2`,children:[(0,i.jsx)(e.t,{variant:`outline`,onClick:o,children:`Cancel`}),(0,i.jsx)(e.t,{onClick:m,children:`Save Changes`})]})]})})};exports.EzTableEditDialog=a;

package/dist/EzTableEditDialog-Ccd5XoHm.js

@@ -0,0 +1,84 @@
+import { t as e } from "./button-CYyNwV8S.js";
+import { t } from "./input-Cj3sQK3M.js";
+import { t as n } from "./label-DWEV--5W.js";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/EzTable/EzTableEditDialog.tsx
+var s = ({ open: s, onClose: c, onSave: l, columns: u, initialData: d, isNew: f, onFormRender: p }) => {
+	let [m, h] = i({});
+	if (r(() => {
+		s && (h(d || {}), p?.({
+			form: {
+				data: d || {},
+				columns: u
+			},
+			mode: f ? "Add" : "Edit"
+		}));
+	}, [
+		s,
+		d,
+		u,
+		f,
+		p
+	]), !s) return null;
+	let g = () => {
+		l(m), c();
+	}, _ = (e, t) => {
+		h((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, v = u.filter((e) => e.accessorKey && e.meta?.isEditable !== !1 && e.id !== "actions" && e.id !== "select");
+	return /* @__PURE__ */ a("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm animate-in fade-in-0",
+		children: /* @__PURE__ */ o("div", {
+			className: "bg-background w-full max-w-lg rounded-lg border shadow-lg p-6 space-y-6 animate-in zoom-in-95 slide-in-from-bottom-2",
+			role: "dialog",
+			"aria-modal": "true",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "flex flex-col space-y-1.5 text-center sm:text-left",
+					children: [/* @__PURE__ */ a("h2", {
+						className: "text-lg font-semibold leading-none tracking-tight",
+						children: f ? "Add New Record" : "Edit Record"
+					}), /* @__PURE__ */ a("p", {
+						className: "text-sm text-muted-foreground",
+						children: f ? "Enter details for the new record." : "Make changes to the record below."
+					})]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "grid gap-4 py-4 max-h-[60vh] overflow-y-auto pr-2",
+					children: v.map((e) => {
+						let r = e.accessorKey, i = m[r] ?? "";
+						return /* @__PURE__ */ o("div", {
+							className: "grid grid-cols-4 items-center gap-4",
+							children: [/* @__PURE__ */ a(n, {
+								htmlFor: r,
+								className: "text-right",
+								children: typeof e.header == "string" ? e.header : r
+							}), /* @__PURE__ */ a(t, {
+								id: r,
+								value: i,
+								onChange: (e) => _(r, e.target.value),
+								className: "col-span-3"
+							})]
+						}, r);
+					})
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+					children: [/* @__PURE__ */ a(e, {
+						variant: "outline",
+						onClick: c,
+						children: "Cancel"
+					}), /* @__PURE__ */ a(e, {
+						onClick: g,
+						children: "Save Changes"
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { s as EzTableEditDialog };

package/dist/EzTableFooter-CtexeDAC.cjs

@@ -0,0 +1 @@
+const e=require("./EzProvider-L2qQMq-v.cjs");let t=require("react/jsx-runtime"),n=require("@tanstack/react-table");var r=e.v({EzTableFooter:()=>i}),i=({table:r,columnVirtualizer:i,density:a})=>{let o=r.getFooterGroups();if(o.length===0)return null;let s=i?.getVirtualItems()||r.getVisibleLeafColumns().map((e,t)=>({index:t})),c=i?.getVirtualItems()[0]?.start||0,l=i?i.getTotalSize()-(i.getVirtualItems()[i.getVirtualItems().length-1]?.end||0):0;return(0,t.jsx)(t.Fragment,{children:o.map(i=>(0,t.jsxs)(`div`,{className:e._(`flex w-full border-t border-border bg-background/95 backdrop-blur-sm font-bold z-20`,`sticky bottom-0 shadow-[0_-2px_10px_rgba(0,0,0,0.05)]`),role:`rowgroup`,children:[c>0&&(0,t.jsx)(`div`,{style:{flex:`0 0 ${c}px`}}),s.map(o=>{let s=i.headers[o.index];if(!s)return null;let c=r.options.meta;return(0,t.jsx)(`div`,{className:e._(`px-4 flex items-center`,c?.dir===`rtl`?`border-l border-border/50`:`border-r border-border/50`,a===`compact`&&`py-2 text-xs`,a===`standard`&&`py-4 text-sm`,a===`comfortable`&&`py-6 text-base`,(s.column.columnDef.meta?.align===`right`||c?.dir===`rtl`&&!s.column.columnDef.meta?.align)&&`justify-end text-right`,s.column.columnDef.meta?.align===`center`&&`justify-center text-center`,(s.column.columnDef.meta?.align===`left`||!s.column.columnDef.meta?.align&&c?.dir!==`rtl`)&&`justify-start text-left`),style:{width:s.getSize(),flex:`0 0 ${s.getSize()}px`},role:`cell`,children:s.isPlaceholder?null:(0,n.flexRender)(s.column.columnDef.footer,s.getContext())},s.id)}),l>0&&(0,t.jsx)(`div`,{style:{flex:`0 0 ${l}px`}})]},i.id))})};i.displayName=`EzTableFooter`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/EzTableFooter-DrLoWelo.js

@@ -0,0 +1,35 @@
+import { p as e } from "./EzLayout-CiaPLniV.js";
+import { _ as t } from "./EzProvider-AlmsYIDk.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { flexRender as a } from "@tanstack/react-table";
+//#region src/components/EzTable/EzTableFooter.tsx
+var o = /* @__PURE__ */ e({ EzTableFooter: () => s }), s = ({ table: e, columnVirtualizer: o, density: s }) => {
+	let c = e.getFooterGroups();
+	if (c.length === 0) return null;
+	let l = o?.getVirtualItems() || e.getVisibleLeafColumns().map((e, t) => ({ index: t })), u = o?.getVirtualItems()[0]?.start || 0, d = o ? o.getTotalSize() - (o.getVirtualItems()[o.getVirtualItems().length - 1]?.end || 0) : 0;
+	return /* @__PURE__ */ r(n, { children: c.map((n) => /* @__PURE__ */ i("div", {
+		className: t("flex w-full border-t border-border bg-background/95 backdrop-blur-sm font-bold z-20", "sticky bottom-0 shadow-[0_-2px_10px_rgba(0,0,0,0.05)]"),
+		role: "rowgroup",
+		children: [
+			u > 0 && /* @__PURE__ */ r("div", { style: { flex: `0 0 ${u}px` } }),
+			l.map((i) => {
+				let o = n.headers[i.index];
+				if (!o) return null;
+				let c = e.options.meta;
+				return /* @__PURE__ */ r("div", {
+					className: t("px-4 flex items-center", c?.dir === "rtl" ? "border-l border-border/50" : "border-r border-border/50", s === "compact" && "py-2 text-xs", s === "standard" && "py-4 text-sm", s === "comfortable" && "py-6 text-base", (o.column.columnDef.meta?.align === "right" || c?.dir === "rtl" && !o.column.columnDef.meta?.align) && "justify-end text-right", o.column.columnDef.meta?.align === "center" && "justify-center text-center", (o.column.columnDef.meta?.align === "left" || !o.column.columnDef.meta?.align && c?.dir !== "rtl") && "justify-start text-left"),
+					style: {
+						width: o.getSize(),
+						flex: `0 0 ${o.getSize()}px`
+					},
+					role: "cell",
+					children: o.isPlaceholder ? null : a(o.column.columnDef.footer, o.getContext())
+				}, o.id);
+			}),
+			d > 0 && /* @__PURE__ */ r("div", { style: { flex: `0 0 ${d}px` } })
+		]
+	}, n.id)) });
+};
+s.displayName = "EzTableFooter";
+//#endregion
+export { o as n, s as t };

package/dist/EzTableToolbar-BH5z9fSJ.js

@@ -0,0 +1,160 @@
+import { p as e } from "./EzLayout-CiaPLniV.js";
+import { _ as t, n } from "./EzProvider-AlmsYIDk.js";
+import { t as r } from "./button-CYyNwV8S.js";
+import { t as i } from "./input-Cj3sQK3M.js";
+import { h as a, n as o, r as s, t as c } from "./dropdown-menu-B_7_K13o.js";
+import { memo as l, useCallback as u, useEffect as d, useState as f } from "react";
+import { Columns3 as p, Download as m, Loader2 as h, Plus as g, Printer as _, Redo as v, Save as y, Undo as b, XCircle as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/components/EzTable/EzTableToolbar.tsx
+var T = /* @__PURE__ */ e({ EzTableToolbar: () => E }), E = l(({ globalFilter: e, setGlobalFilter: l, onExportExcel: T, onExportCSV: E, onExportPDF: D, enableChangeTracking: O, canUndo: k, canRedo: A, undo: j, redo: M, isPending: N, onAdd: P, onSave: F, onDiscard: I, enableEditing: L, enableHiding: R, changes: z, table: B }) => {
+	let V = n(), H = (typeof e == "string" ? e : e?.quickSearch) ?? "", [U, W] = f(H);
+	d(() => {
+		W(H);
+	}, [H]), d(() => {
+		let t = setTimeout(() => {
+			U !== H && l(typeof e == "object" && e ? {
+				...e,
+				quickSearch: U
+			} : U);
+		}, 300);
+		return () => clearTimeout(t);
+	}, [
+		U,
+		l,
+		H
+	]);
+	let G = u((e) => {
+		W(e.target.value);
+	}, []);
+	return /* @__PURE__ */ w("div", {
+		className: "flex flex-wrap items-center justify-between gap-y-2 px-1",
+		children: [/* @__PURE__ */ w("div", {
+			className: "flex flex-1 flex-wrap items-center gap-2",
+			children: [
+				L && P && /* @__PURE__ */ w(r, {
+					variant: "default",
+					size: "sm",
+					className: "h-8 shadow-sm bg-primary hover:bg-primary/90 text-primary-foreground",
+					onClick: P,
+					children: [/* @__PURE__ */ C(g, { className: "mr-1.5 h-3.5 w-3.5" }), "Add New"]
+				}),
+				L && (z?.added || 0) + (z?.edited || 0) + (z?.deleted || 0) > 0 && /* @__PURE__ */ w("div", {
+					className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300",
+					children: [/* @__PURE__ */ w(r, {
+						variant: "default",
+						size: "sm",
+						className: "h-8 bg-success hover:bg-success/90 text-success-foreground shadow-sm font-bold gap-1.5",
+						onClick: F,
+						children: [/* @__PURE__ */ C(y, { className: "h-3.5 w-3.5" }), "Save"]
+					}), /* @__PURE__ */ w(r, {
+						variant: "outline",
+						size: "sm",
+						className: "h-8 border-error/20 text-error hover:bg-error/5 hover:text-error font-bold gap-1.5",
+						onClick: I,
+						children: [/* @__PURE__ */ C(x, { className: "h-3.5 w-3.5" }), "Discard"]
+					})]
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ C(i, {
+						placeholder: "Filter all columns...",
+						value: U,
+						onChange: G,
+						className: t("h-8 min-w-[150px] flex-1 lg:max-w-[250px]", N && "opacity-70")
+					}), N && /* @__PURE__ */ C(h, { className: "absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-muted-foreground" })]
+				}),
+				O && /* @__PURE__ */ w("div", {
+					className: "flex items-center gap-1 ml-2 border-l border-border pl-2",
+					children: [/* @__PURE__ */ C(r, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-8 w-8",
+						disabled: !k,
+						onClick: j,
+						title: "Undo",
+						children: /* @__PURE__ */ C(b, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ C(r, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-8 w-8",
+						disabled: !A,
+						onClick: M,
+						title: "Redo",
+						children: /* @__PURE__ */ C(v, { className: "h-4 w-4" })
+					})]
+				})
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: "flex justify-end gap-2",
+			children: [R && B && /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(a, {
+				asChild: !0,
+				children: /* @__PURE__ */ w(r, {
+					variant: "outline",
+					size: "sm",
+					className: "h-8 gap-2",
+					children: [/* @__PURE__ */ C(p, { className: "w-4 h-4" }), " Columns"]
+				})
+			}), /* @__PURE__ */ C(s, {
+				align: "end",
+				className: "w-[180px]",
+				children: B.getAllLeafColumns().filter((e) => e.accessorFn !== void 0 && e.getCanHide()).map((e) => /* @__PURE__ */ C(o, {
+					className: "capitalize",
+					checked: e.getIsVisible(),
+					onCheckedChange: (t) => e.toggleVisibility(!!t),
+					children: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id.replace(/_/g, " ") || "Unnamed Column"
+				}, e.id))
+			})] }), (E || T || D) && /* @__PURE__ */ w(S, { children: [
+				/* @__PURE__ */ w(r, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => window.print(),
+					className: "h-8 gap-2",
+					children: [/* @__PURE__ */ C(_, { className: "w-4 h-4" }), " Print"]
+				}),
+				E && /* @__PURE__ */ w(r, {
+					variant: "secondary",
+					size: "sm",
+					onClick: () => {
+						E?.(), V.get("NotificationService")?.add({
+							type: "info",
+							message: "Preparing CSV export...",
+							duration: 8e3
+						});
+					},
+					className: "h-8 gap-2",
+					children: [/* @__PURE__ */ C(m, { className: "w-4 h-4" }), " Export CSV"]
+				}),
+				T && /* @__PURE__ */ w(r, {
+					variant: "secondary",
+					size: "sm",
+					onClick: () => {
+						T?.(), V.get("NotificationService")?.add({
+							type: "info",
+							message: "Preparing Excel export...",
+							duration: 8e3
+						});
+					},
+					className: "h-8 gap-2",
+					children: [/* @__PURE__ */ C(m, { className: "w-4 h-4" }), " Export Excel"]
+				}),
+				D && /* @__PURE__ */ w(r, {
+					variant: "secondary",
+					size: "sm",
+					onClick: () => {
+						D?.(), V.get("NotificationService")?.add({
+							type: "info",
+							message: "Preparing PDF export...",
+							duration: 8e3
+						});
+					},
+					className: "h-8 gap-2",
+					children: [/* @__PURE__ */ C(m, { className: "w-4 h-4" }), " Export PDF"]
+				})
+			] })]
+		})]
+	});
+});
+E.displayName = "EzTableToolbar";
+//#endregion
+export { T as n, E as t };

package/dist/EzTableToolbar-DwuumvWP.cjs

@@ -0,0 +1 @@
+const e=require("./EzProvider-L2qQMq-v.cjs"),t=require("./button-BBMwzUtG.cjs"),n=require("./input-CYlvlbF7.cjs"),r=require("./dropdown-menu-BRP0tyR_.cjs");let i=require("react");i=e.y(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=e.v({EzTableToolbar:()=>c}),c=(0,i.memo)(({globalFilter:s,setGlobalFilter:c,onExportExcel:l,onExportCSV:u,onExportPDF:d,enableChangeTracking:f,canUndo:p,canRedo:m,undo:h,redo:g,isPending:_,onAdd:v,onSave:y,onDiscard:b,enableEditing:x,enableHiding:S,changes:C,table:w})=>{let T=e.n(),E=(typeof s==`string`?s:s?.quickSearch)??``,[D,O]=(0,i.useState)(E);(0,i.useEffect)(()=>{O(E)},[E]),(0,i.useEffect)(()=>{let e=setTimeout(()=>{D!==E&&c(typeof s==`object`&&s?{...s,quickSearch:D}:D)},300);return()=>clearTimeout(e)},[D,c,E]);let k=(0,i.useCallback)(e=>{O(e.target.value)},[]);return(0,o.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-y-2 px-1`,children:[(0,o.jsxs)(`div`,{className:`flex flex-1 flex-wrap items-center gap-2`,children:[x&&v&&(0,o.jsxs)(t.t,{variant:`default`,size:`sm`,className:`h-8 shadow-sm bg-primary hover:bg-primary/90 text-primary-foreground`,onClick:v,children:[(0,o.jsx)(a.Plus,{className:`mr-1.5 h-3.5 w-3.5`}),`Add New`]}),x&&(C?.added||0)+(C?.edited||0)+(C?.deleted||0)>0&&(0,o.jsxs)(`div`,{className:`flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300`,children:[(0,o.jsxs)(t.t,{variant:`default`,size:`sm`,className:`h-8 bg-success hover:bg-success/90 text-success-foreground shadow-sm font-bold gap-1.5`,onClick:y,children:[(0,o.jsx)(a.Save,{className:`h-3.5 w-3.5`}),`Save`]}),(0,o.jsxs)(t.t,{variant:`outline`,size:`sm`,className:`h-8 border-error/20 text-error hover:bg-error/5 hover:text-error font-bold gap-1.5`,onClick:b,children:[(0,o.jsx)(a.XCircle,{className:`h-3.5 w-3.5`}),`Discard`]})]}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(n.t,{placeholder:`Filter all columns...`,value:D,onChange:k,className:e._(`h-8 min-w-[150px] flex-1 lg:max-w-[250px]`,_&&`opacity-70`)}),_&&(0,o.jsx)(a.Loader2,{className:`absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-muted-foreground`})]}),f&&(0,o.jsxs)(`div`,{className:`flex items-center gap-1 ml-2 border-l border-border pl-2`,children:[(0,o.jsx)(t.t,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,disabled:!p,onClick:h,title:`Undo`,children:(0,o.jsx)(a.Undo,{className:`h-4 w-4`})}),(0,o.jsx)(t.t,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,disabled:!m,onClick:g,title:`Redo`,children:(0,o.jsx)(a.Redo,{className:`h-4 w-4`})})]})]}),(0,o.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[S&&w&&(0,o.jsxs)(r.t,{children:[(0,o.jsx)(r.h,{asChild:!0,children:(0,o.jsxs)(t.t,{variant:`outline`,size:`sm`,className:`h-8 gap-2`,children:[(0,o.jsx)(a.Columns3,{className:`w-4 h-4`}),` Columns`]})}),(0,o.jsx)(r.r,{align:`end`,className:`w-[180px]`,children:w.getAllLeafColumns().filter(e=>e.accessorFn!==void 0&&e.getCanHide()).map(e=>(0,o.jsx)(r.n,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:typeof e.columnDef.header==`string`?e.columnDef.header:e.id.replace(/_/g,` `)||`Unnamed Column`},e.id))})]}),(u||l||d)&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.t,{variant:`outline`,size:`sm`,onClick:()=>window.print(),className:`h-8 gap-2`,children:[(0,o.jsx)(a.Printer,{className:`w-4 h-4`}),` Print`]}),u&&(0,o.jsxs)(t.t,{variant:`secondary`,size:`sm`,onClick:()=>{u?.(),T.get(`NotificationService`)?.add({type:`info`,message:`Preparing CSV export...`,duration:8e3})},className:`h-8 gap-2`,children:[(0,o.jsx)(a.Download,{className:`w-4 h-4`}),` Export CSV`]}),l&&(0,o.jsxs)(t.t,{variant:`secondary`,size:`sm`,onClick:()=>{l?.(),T.get(`NotificationService`)?.add({type:`info`,message:`Preparing Excel export...`,duration:8e3})},className:`h-8 gap-2`,children:[(0,o.jsx)(a.Download,{className:`w-4 h-4`}),` Export Excel`]}),d&&(0,o.jsxs)(t.t,{variant:`secondary`,size:`sm`,onClick:()=>{d?.(),T.get(`NotificationService`)?.add({type:`info`,message:`Preparing PDF export...`,duration:8e3})},className:`h-8 gap-2`,children:[(0,o.jsx)(a.Download,{className:`w-4 h-4`}),` Export PDF`]})]})]})]})});c.displayName=`EzTableToolbar`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});