antd-crud-table 0.3.1 → 0.5.0

package/dist/CrudTable-DUfRGJW2.js

@@ -0,0 +1,524 @@
+import { t as e } from "./useCrudTable-DpF-oZHz.js";
+import t from "./exportData.js";
+import { EllipsisOutlined as n, PlusOutlined as r } from "@ant-design/icons";
+import { ProConfigProvider as i, ProTable as a, enUSIntl as o } from "@ant-design/pro-components";
+import { Button as s, ColorPicker as c, DatePicker as l, Dropdown as u, Form as d, Image as f, Input as p, InputNumber as m, Modal as h, Progress as g, Rate as _, Select as v, Switch as y, Tag as b, TimePicker as x, Typography as S, message as C } from "antd";
+import { useRef as w, useState as T } from "react";
+import E from "dayjs";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region lib/fields/registry.tsx
+var A = (e, t) => t[e.dataIndex], j = "YYYY-MM-DD HH:mm", M = "YYYY-MM-DD", N = "HH:mm:ss", P = {
+	string: { formControl: (e, t) => /* @__PURE__ */ O(p, { disabled: t }) },
+	number: {
+		column: (e) => ({
+			valueType: "digit",
+			render: (t, n) => {
+				let r = A(e, n);
+				return typeof r == "number" ? r.toLocaleString() : r;
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(m, {
+			style: { width: "100%" },
+			disabled: t
+		})
+	},
+	date: {
+		column: (e) => ({
+			valueType: "dateTime",
+			render: (t, n) => {
+				let r = A(e, n);
+				if (!r) return "-";
+				let i = E(r);
+				return /* @__PURE__ */ O("span", { children: i.isValid() ? i.format(j) : String(r) });
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(l, {
+			style: { width: "100%" },
+			showTime: !0,
+			disabled: t
+		}),
+		toFormValue: (e) => e && E(e),
+		fromFormValue: (e) => E.isDayjs(e) ? e.toISOString() : e
+	},
+	boolean: {
+		column: (e) => ({
+			valueType: "switch",
+			render: (t, n) => /* @__PURE__ */ O(b, {
+				color: A(e, n) ? "green" : "red",
+				children: A(e, n) ? "Yes" : "No"
+			})
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(y, { disabled: t }),
+		valuePropName: "checked"
+	},
+	enum: {
+		column: (e) => ({
+			valueType: "select",
+			valueEnum: e.enumOptions,
+			render: (t, n) => {
+				let r = A(e, n), i = e.enumOptions?.[r];
+				return i ? /* @__PURE__ */ O(b, {
+					color: i.color,
+					children: i.text
+				}) : r;
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(v, {
+			disabled: t,
+			placeholder: `Select ${String(e.title ?? "").toLowerCase()}`,
+			options: Object.entries(e.enumOptions || {}).map(([e, t]) => ({
+				label: t.text,
+				value: e
+			}))
+		})
+	},
+	custom: {
+		column: (e) => ({ render: (t, n) => e.customRender?.(A(e, n), n) }),
+		formControl: () => null
+	},
+	textarea: {
+		column: () => ({
+			valueType: "textarea",
+			ellipsis: !0
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(p.TextArea, {
+			rows: 3,
+			disabled: t
+		})
+	},
+	email: {
+		column: (e) => ({ render: (t, n) => {
+			let r = A(e, n);
+			return r ? /* @__PURE__ */ O("a", {
+				href: `mailto:${r}`,
+				children: r
+			}) : "-";
+		} }),
+		formControl: (e, t) => /* @__PURE__ */ O(p, {
+			type: "email",
+			disabled: t
+		}),
+		rules: () => [{
+			type: "email",
+			message: "Please enter a valid email"
+		}]
+	},
+	url: {
+		column: (e) => ({ render: (t, n) => {
+			let r = A(e, n);
+			return r ? /* @__PURE__ */ O("a", {
+				href: r,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: r
+			}) : "-";
+		} }),
+		formControl: (e, t) => /* @__PURE__ */ O(p, { disabled: t }),
+		rules: () => [{
+			type: "url",
+			message: "Please enter a valid URL"
+		}]
+	},
+	password: {
+		column: (e) => ({
+			search: !1,
+			render: (t, n) => A(e, n) ? "••••••••" : "-"
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(p.Password, { disabled: t })
+	},
+	money: {
+		column: () => ({ valueType: "money" }),
+		formControl: (e, t) => /* @__PURE__ */ O(m, {
+			style: { width: "100%" },
+			precision: 2,
+			min: 0,
+			disabled: t
+		})
+	},
+	percent: {
+		column: () => ({ valueType: "percent" }),
+		formControl: (e, t) => /* @__PURE__ */ O(m, {
+			style: { width: "100%" },
+			min: 0,
+			max: 100,
+			addonAfter: "%",
+			disabled: t
+		})
+	},
+	rating: {
+		column: (e) => ({
+			search: !1,
+			render: (t, n) => /* @__PURE__ */ O(_, {
+				disabled: !0,
+				allowHalf: !0,
+				value: Number(A(e, n)) || 0
+			})
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(_, {
+			allowHalf: !0,
+			disabled: t
+		})
+	},
+	progress: {
+		column: (e) => ({
+			search: !1,
+			render: (t, n) => /* @__PURE__ */ O(g, {
+				percent: Number(A(e, n)) || 0,
+				size: "small"
+			})
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(m, {
+			style: { width: "100%" },
+			min: 0,
+			max: 100,
+			disabled: t
+		})
+	},
+	time: {
+		column: () => ({ valueType: "time" }),
+		formControl: (e, t) => /* @__PURE__ */ O(x, {
+			style: { width: "100%" },
+			disabled: t
+		}),
+		toFormValue: (e) => e && E(e, N),
+		fromFormValue: (e) => E.isDayjs(e) ? e.format(N) : e
+	},
+	dateRange: {
+		column: (e) => ({
+			valueType: "dateRange",
+			render: (t, n) => {
+				let r = A(e, n);
+				if (!Array.isArray(r) || r.length !== 2) return "-";
+				let [i, a] = r.map((e) => E(e));
+				return !i.isValid() || !a.isValid() ? String(r) : `${i.format(M)} ~ ${a.format(M)}`;
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(l.RangePicker, {
+			style: { width: "100%" },
+			disabled: t
+		}),
+		toFormValue: (e) => Array.isArray(e) ? e.map((e) => e && E(e)) : e,
+		fromFormValue: (e) => Array.isArray(e) ? e.map((e) => E.isDayjs(e) ? e.toISOString() : e) : e
+	},
+	tags: {
+		column: (e) => ({ render: (t, n) => {
+			let r = A(e, n);
+			return !Array.isArray(r) || r.length === 0 ? "-" : /* @__PURE__ */ O(D, { children: r.map((e) => /* @__PURE__ */ O(b, { children: e }, e)) });
+		} }),
+		formControl: (e, t) => /* @__PURE__ */ O(v, {
+			mode: "tags",
+			open: !1,
+			suffixIcon: null,
+			disabled: t,
+			placeholder: "Type and press enter"
+		})
+	},
+	image: {
+		column: (e) => ({
+			search: !1,
+			render: (t, n) => {
+				let r = A(e, n);
+				return r ? /* @__PURE__ */ O(f, {
+					src: r,
+					width: 48,
+					height: 48,
+					style: { objectFit: "cover" }
+				}) : "-";
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(p, {
+			placeholder: "https://...",
+			disabled: t
+		}),
+		rules: () => [{
+			type: "url",
+			message: "Please enter a valid image URL"
+		}]
+	},
+	color: {
+		column: (e) => ({
+			search: !1,
+			render: (t, n) => {
+				let r = A(e, n);
+				return r ? /* @__PURE__ */ k("span", {
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 8
+					},
+					children: [/* @__PURE__ */ O("span", { style: {
+						display: "inline-block",
+						width: 14,
+						height: 14,
+						borderRadius: 3,
+						border: "1px solid rgba(0,0,0,0.15)",
+						backgroundColor: r
+					} }), r]
+				}) : "-";
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(c, {
+			showText: !0,
+			disabled: t
+		}),
+		fromFormValue: (e) => e && typeof e == "object" && "toHexString" in e ? e.toHexString() : e
+	},
+	json: {
+		column: (e) => ({
+			search: !1,
+			ellipsis: !0,
+			render: (t, n) => {
+				let r = A(e, n);
+				return r == null ? "-" : /* @__PURE__ */ O(S.Text, {
+					code: !0,
+					children: JSON.stringify(r)
+				});
+			}
+		}),
+		formControl: (e, t) => /* @__PURE__ */ O(p.TextArea, {
+			rows: 4,
+			style: { fontFamily: "monospace" },
+			disabled: t
+		}),
+		toFormValue: (e) => typeof e == "string" ? e : JSON.stringify(e, null, 2),
+		fromFormValue: (e) => typeof e == "string" && e.trim() !== "" ? JSON.parse(e) : e,
+		rules: () => [{ validator: async (e, t) => {
+			if (!(t == null || t === "") && typeof t == "string") try {
+				JSON.parse(t);
+			} catch {
+				throw Error("Please enter valid JSON");
+			}
+		} }]
+	}
+}, F = (e) => P[e ?? "string"] ?? P.string, I = (c) => {
+	let { columns: l, rowKey: f, title: p, defaultPageSize: m = 10, hookConfig: g, enableBulkOperations: _ = !1, enableExport: v = !0, customActions: y } = c, b = e(f, {
+		defaultPageSize: m,
+		...g
+	}), [x, S] = T(!1), [E, D] = T(null), [A, j] = T([]), [M] = d.useForm(), N = w([]), P = l.map((e) => {
+		let t = {
+			...e,
+			dataIndex: e.dataIndex,
+			title: e.title,
+			search: e.searchable !== !1
+		}, n = F(e.fieldType);
+		return {
+			...t,
+			...n.column?.(e)
+		};
+	});
+	P.push({
+		title: "Actions",
+		valueType: "option",
+		width: 200,
+		render: (e, t) => {
+			let n = [/* @__PURE__ */ O(s, {
+				type: "link",
+				size: "small",
+				onClick: () => L(t),
+				children: "Edit"
+			}, "edit"), /* @__PURE__ */ O(s, {
+				type: "link",
+				size: "small",
+				danger: !0,
+				onClick: () => z(t[f]),
+				children: "Delete"
+			}, "delete")], r = y?.(t, b) || [];
+			return [...n, ...r];
+		}
+	});
+	let I = async (e, t, n) => {
+		try {
+			let r = {
+				current: e.current,
+				pageSize: e.pageSize,
+				sortBy: Object.keys(t)[0],
+				sortOrder: Object.values(t)[0] ?? void 0,
+				...n,
+				...e
+			}, { operations: i } = b;
+			if (i.getList) {
+				let e = await i.getList(r);
+				return N.current = e.data ?? [], {
+					data: e.data,
+					success: !0,
+					total: e.total
+				};
+			}
+			return N.current = b.state.data, {
+				data: b.state.data,
+				success: !0,
+				total: b.state.total
+			};
+		} catch {
+			return C.error("Failed to fetch data"), {
+				data: [],
+				success: !1,
+				total: 0
+			};
+		}
+	}, L = (e) => {
+		if (D(e || null), e) {
+			let t = { ...e };
+			l.forEach((e) => {
+				let n = e.dataIndex, r = F(e.fieldType).toFormValue;
+				if (r && t[n] !== void 0) try {
+					t[n] = r(t[n]);
+				} catch {}
+			}), M.setFieldsValue(t);
+		} else M.resetFields();
+		S(!0);
+	}, R = async () => {
+		try {
+			let e = await M.validateFields(), t = { ...e };
+			l.forEach((n) => {
+				let r = n.dataIndex, i = F(n.fieldType).fromFormValue;
+				if (i && e[r] !== void 0) try {
+					t[r] = i(e[r]);
+				} catch {}
+				n.formConfig?.transform && (t[r] = n.formConfig.transform(t[r]));
+			}), E && E[f] ? await b.update(E[f], t) : await b.create(t), S(!1), b.actionRef.current?.reload();
+		} catch (e) {
+			console.error("Form validation failed:", e);
+		}
+	}, z = async (e) => {
+		h.confirm({
+			title: "Are you sure?",
+			content: "This action cannot be undone.",
+			okText: "Yes, Delete",
+			okType: "danger",
+			cancelText: "Cancel",
+			onOk: async () => {
+				await b.delete(e) && b.actionRef.current?.reload();
+			}
+		});
+	}, B = async () => {
+		if (A.length === 0) {
+			C.warning("Please select items to delete");
+			return;
+		}
+		h.confirm({
+			title: `Delete ${A.length} items?`,
+			content: "This action cannot be undone.",
+			okText: "Yes, Delete All",
+			okType: "danger",
+			cancelText: "Cancel",
+			onOk: async () => {
+				let e = A.map((e) => b.delete(e));
+				await Promise.allSettled(e), j([]), b.actionRef.current?.reload();
+			}
+		});
+	}, V = (e) => {
+		let n = N.current;
+		if (n.length === 0) {
+			C.warning("Nothing to export");
+			return;
+		}
+		t({
+			data: n,
+			columns: l.filter((e) => e.dataIndex && e.fieldType !== "password").map((e) => ({
+				title: typeof e.title == "string" ? e.title : String(e.dataIndex),
+				dataIndex: String(e.dataIndex),
+				fieldType: e.fieldType,
+				enumOptions: e.enumOptions
+			})),
+			filename: p ? p.toLowerCase().replace(/\s+/g, "-") : "export",
+			format: e
+		});
+	}, H = _ ? {
+		selectedRowKeys: A,
+		onChange: j
+	} : void 0;
+	return /* @__PURE__ */ k(i, {
+		needDeps: !0,
+		intl: o,
+		children: [/* @__PURE__ */ O(a, {
+			headerTitle: p,
+			rowKey: f,
+			rowClassName: (e, t) => t % 2 == 0 ? "row-differentiator" : "",
+			actionRef: b.actionRef,
+			columns: P,
+			request: I,
+			search: { labelWidth: "auto" },
+			pagination: {
+				pageSize: m,
+				showSizeChanger: !0,
+				showQuickJumper: !0
+			},
+			rowSelection: H,
+			toolBarRender: () => [
+				/* @__PURE__ */ O(s, {
+					type: "primary",
+					icon: /* @__PURE__ */ O(r, {}),
+					onClick: () => L(),
+					children: "New"
+				}, "add"),
+				..._ && A.length > 0 ? [/* @__PURE__ */ k(s, {
+					danger: !0,
+					onClick: B,
+					children: [
+						"Delete Selected (",
+						A.length,
+						")"
+					]
+				}, "bulk-delete")] : [],
+				/* @__PURE__ */ O(u, {
+					menu: { items: [...v ? [
+						{
+							key: "export-csv",
+							label: "Export CSV",
+							onClick: () => V("csv")
+						},
+						{
+							key: "export-json",
+							label: "Export JSON",
+							onClick: () => V("json")
+						},
+						{
+							key: "export-excel",
+							label: "Export Excel",
+							onClick: () => V("xlsx")
+						},
+						{ type: "divider" }
+					] : [], {
+						key: "refresh",
+						label: "Refresh",
+						onClick: () => b.actionRef.current?.reload()
+					}] },
+					children: /* @__PURE__ */ O(s, { children: /* @__PURE__ */ O(n, {}) })
+				}, "menu")
+			],
+			options: {
+				setting: { listsHeight: 400 },
+				reload: !0
+			},
+			dateFormatter: "string"
+		}), /* @__PURE__ */ O(h, {
+			title: E ? "Edit Item" : "Create Item",
+			open: x,
+			onOk: R,
+			onCancel: () => S(!1),
+			destroyOnClose: !0,
+			width: 600,
+			children: /* @__PURE__ */ O(d, {
+				form: M,
+				layout: "vertical",
+				children: l.map((e) => {
+					if (!e.dataIndex) return null;
+					let t = e.dataIndex, n = e.title, r = !(e.fieldEditable ?? !0), i = F(e.fieldType), a = e.formConfig?.rules || (e.formConfig?.required ? [{
+						required: !0,
+						message: `${n} is required`
+					}] : []), o = [...i.rules?.(e) ?? [], ...a], s = e.formConfig?.component ?? i.formControl(e, r);
+					return s ? /* @__PURE__ */ O(d.Item, {
+						name: t,
+						label: n,
+						rules: o,
+						valuePropName: i.valuePropName,
+						children: s
+					}, t) : null;
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { P as n, F as r, I as t };

package/dist/CrudTable-TTRqkEoZ.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require(`./useCrudTable-CEY_riQg.cjs`),l=require(`./exportData.cjs`);let u=require(`@ant-design/icons`),d=require(`@ant-design/pro-components`),f=require(`antd`),p=require(`react`),m=require(`dayjs`);m=s(m,1);let h=require(`react/jsx-runtime`);var g=(e,t)=>t[e.dataIndex],_=`YYYY-MM-DD HH:mm`,v=`YYYY-MM-DD`,y=`HH:mm:ss`,b={string:{formControl:(e,t)=>(0,h.jsx)(f.Input,{disabled:t})},number:{column:e=>({valueType:`digit`,render:(t,n)=>{let r=g(e,n);return typeof r==`number`?r.toLocaleString():r}}),formControl:(e,t)=>(0,h.jsx)(f.InputNumber,{style:{width:`100%`},disabled:t})},date:{column:e=>({valueType:`dateTime`,render:(t,n)=>{let r=g(e,n);if(!r)return`-`;let i=(0,m.default)(r);return(0,h.jsx)(`span`,{children:i.isValid()?i.format(_):String(r)})}}),formControl:(e,t)=>(0,h.jsx)(f.DatePicker,{style:{width:`100%`},showTime:!0,disabled:t}),toFormValue:e=>e&&(0,m.default)(e),fromFormValue:e=>m.default.isDayjs(e)?e.toISOString():e},boolean:{column:e=>({valueType:`switch`,render:(t,n)=>(0,h.jsx)(f.Tag,{color:g(e,n)?`green`:`red`,children:g(e,n)?`Yes`:`No`})}),formControl:(e,t)=>(0,h.jsx)(f.Switch,{disabled:t}),valuePropName:`checked`},enum:{column:e=>({valueType:`select`,valueEnum:e.enumOptions,render:(t,n)=>{let r=g(e,n),i=e.enumOptions?.[r];return i?(0,h.jsx)(f.Tag,{color:i.color,children:i.text}):r}}),formControl:(e,t)=>(0,h.jsx)(f.Select,{disabled:t,placeholder:`Select ${String(e.title??``).toLowerCase()}`,options:Object.entries(e.enumOptions||{}).map(([e,t])=>({label:t.text,value:e}))})},custom:{column:e=>({render:(t,n)=>e.customRender?.(g(e,n),n)}),formControl:()=>null},textarea:{column:()=>({valueType:`textarea`,ellipsis:!0}),formControl:(e,t)=>(0,h.jsx)(f.Input.TextArea,{rows:3,disabled:t})},email:{column:e=>({render:(t,n)=>{let r=g(e,n);return r?(0,h.jsx)(`a`,{href:`mailto:${r}`,children:r}):`-`}}),formControl:(e,t)=>(0,h.jsx)(f.Input,{type:`email`,disabled:t}),rules:()=>[{type:`email`,message:`Please enter a valid email`}]},url:{column:e=>({render:(t,n)=>{let r=g(e,n);return r?(0,h.jsx)(`a`,{href:r,target:`_blank`,rel:`noopener noreferrer`,children:r}):`-`}}),formControl:(e,t)=>(0,h.jsx)(f.Input,{disabled:t}),rules:()=>[{type:`url`,message:`Please enter a valid URL`}]},password:{column:e=>({search:!1,render:(t,n)=>g(e,n)?`••••••••`:`-`}),formControl:(e,t)=>(0,h.jsx)(f.Input.Password,{disabled:t})},money:{column:()=>({valueType:`money`}),formControl:(e,t)=>(0,h.jsx)(f.InputNumber,{style:{width:`100%`},precision:2,min:0,disabled:t})},percent:{column:()=>({valueType:`percent`}),formControl:(e,t)=>(0,h.jsx)(f.InputNumber,{style:{width:`100%`},min:0,max:100,addonAfter:`%`,disabled:t})},rating:{column:e=>({search:!1,render:(t,n)=>(0,h.jsx)(f.Rate,{disabled:!0,allowHalf:!0,value:Number(g(e,n))||0})}),formControl:(e,t)=>(0,h.jsx)(f.Rate,{allowHalf:!0,disabled:t})},progress:{column:e=>({search:!1,render:(t,n)=>(0,h.jsx)(f.Progress,{percent:Number(g(e,n))||0,size:`small`})}),formControl:(e,t)=>(0,h.jsx)(f.InputNumber,{style:{width:`100%`},min:0,max:100,disabled:t})},time:{column:()=>({valueType:`time`}),formControl:(e,t)=>(0,h.jsx)(f.TimePicker,{style:{width:`100%`},disabled:t}),toFormValue:e=>e&&(0,m.default)(e,y),fromFormValue:e=>m.default.isDayjs(e)?e.format(y):e},dateRange:{column:e=>({valueType:`dateRange`,render:(t,n)=>{let r=g(e,n);if(!Array.isArray(r)||r.length!==2)return`-`;let[i,a]=r.map(e=>(0,m.default)(e));return!i.isValid()||!a.isValid()?String(r):`${i.format(v)} ~ ${a.format(v)}`}}),formControl:(e,t)=>(0,h.jsx)(f.DatePicker.RangePicker,{style:{width:`100%`},disabled:t}),toFormValue:e=>Array.isArray(e)?e.map(e=>e&&(0,m.default)(e)):e,fromFormValue:e=>Array.isArray(e)?e.map(e=>m.default.isDayjs(e)?e.toISOString():e):e},tags:{column:e=>({render:(t,n)=>{let r=g(e,n);return!Array.isArray(r)||r.length===0?`-`:(0,h.jsx)(h.Fragment,{children:r.map(e=>(0,h.jsx)(f.Tag,{children:e},e))})}}),formControl:(e,t)=>(0,h.jsx)(f.Select,{mode:`tags`,open:!1,suffixIcon:null,disabled:t,placeholder:`Type and press enter`})},image:{column:e=>({search:!1,render:(t,n)=>{let r=g(e,n);return r?(0,h.jsx)(f.Image,{src:r,width:48,height:48,style:{objectFit:`cover`}}):`-`}}),formControl:(e,t)=>(0,h.jsx)(f.Input,{placeholder:`https://...`,disabled:t}),rules:()=>[{type:`url`,message:`Please enter a valid image URL`}]},color:{column:e=>({search:!1,render:(t,n)=>{let r=g(e,n);return r?(0,h.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:8},children:[(0,h.jsx)(`span`,{style:{display:`inline-block`,width:14,height:14,borderRadius:3,border:`1px solid rgba(0,0,0,0.15)`,backgroundColor:r}}),r]}):`-`}}),formControl:(e,t)=>(0,h.jsx)(f.ColorPicker,{showText:!0,disabled:t}),fromFormValue:e=>e&&typeof e==`object`&&`toHexString`in e?e.toHexString():e},json:{column:e=>({search:!1,ellipsis:!0,render:(t,n)=>{let r=g(e,n);return r==null?`-`:(0,h.jsx)(f.Typography.Text,{code:!0,children:JSON.stringify(r)})}}),formControl:(e,t)=>(0,h.jsx)(f.Input.TextArea,{rows:4,style:{fontFamily:`monospace`},disabled:t}),toFormValue:e=>typeof e==`string`?e:JSON.stringify(e,null,2),fromFormValue:e=>typeof e==`string`&&e.trim()!==``?JSON.parse(e):e,rules:()=>[{validator:async(e,t)=>{if(!(t==null||t===``)&&typeof t==`string`)try{JSON.parse(t)}catch{throw Error(`Please enter valid JSON`)}}}]}},x=e=>b[e??`string`]??b.string,S=e=>{let{columns:t,rowKey:n,title:r,defaultPageSize:i=10,hookConfig:a,enableBulkOperations:o=!1,enableExport:s=!0,customActions:m}=e,g=c.t(n,{defaultPageSize:i,...a}),[_,v]=(0,p.useState)(!1),[y,b]=(0,p.useState)(null),[S,C]=(0,p.useState)([]),[w]=f.Form.useForm(),T=(0,p.useRef)([]),E=t.map(e=>{let t={...e,dataIndex:e.dataIndex,title:e.title,search:e.searchable!==!1},n=x(e.fieldType);return{...t,...n.column?.(e)}});E.push({title:`Actions`,valueType:`option`,width:200,render:(e,t)=>{let r=[(0,h.jsx)(f.Button,{type:`link`,size:`small`,onClick:()=>O(t),children:`Edit`},`edit`),(0,h.jsx)(f.Button,{type:`link`,size:`small`,danger:!0,onClick:()=>A(t[n]),children:`Delete`},`delete`)],i=m?.(t,g)||[];return[...r,...i]}});let D=async(e,t,n)=>{try{let r={current:e.current,pageSize:e.pageSize,sortBy:Object.keys(t)[0],sortOrder:Object.values(t)[0]??void 0,...n,...e},{operations:i}=g;if(i.getList){let e=await i.getList(r);return T.current=e.data??[],{data:e.data,success:!0,total:e.total}}return T.current=g.state.data,{data:g.state.data,success:!0,total:g.state.total}}catch{return f.message.error(`Failed to fetch data`),{data:[],success:!1,total:0}}},O=e=>{if(b(e||null),e){let n={...e};t.forEach(e=>{let t=e.dataIndex,r=x(e.fieldType).toFormValue;if(r&&n[t]!==void 0)try{n[t]=r(n[t])}catch{}}),w.setFieldsValue(n)}else w.resetFields();v(!0)},k=async()=>{try{let e=await w.validateFields(),r={...e};t.forEach(t=>{let n=t.dataIndex,i=x(t.fieldType).fromFormValue;if(i&&e[n]!==void 0)try{r[n]=i(e[n])}catch{}t.formConfig?.transform&&(r[n]=t.formConfig.transform(r[n]))}),y&&y[n]?await g.update(y[n],r):await g.create(r),v(!1),g.actionRef.current?.reload()}catch(e){console.error(`Form validation failed:`,e)}},A=async e=>{f.Modal.confirm({title:`Are you sure?`,content:`This action cannot be undone.`,okText:`Yes, Delete`,okType:`danger`,cancelText:`Cancel`,onOk:async()=>{await g.delete(e)&&g.actionRef.current?.reload()}})},j=async()=>{if(S.length===0){f.message.warning(`Please select items to delete`);return}f.Modal.confirm({title:`Delete ${S.length} items?`,content:`This action cannot be undone.`,okText:`Yes, Delete All`,okType:`danger`,cancelText:`Cancel`,onOk:async()=>{let e=S.map(e=>g.delete(e));await Promise.allSettled(e),C([]),g.actionRef.current?.reload()}})},M=e=>{let n=T.current;if(n.length===0){f.message.warning(`Nothing to export`);return}l.default({data:n,columns:t.filter(e=>e.dataIndex&&e.fieldType!==`password`).map(e=>({title:typeof e.title==`string`?e.title:String(e.dataIndex),dataIndex:String(e.dataIndex),fieldType:e.fieldType,enumOptions:e.enumOptions})),filename:r?r.toLowerCase().replace(/\s+/g,`-`):`export`,format:e})},N=o?{selectedRowKeys:S,onChange:C}:void 0;return(0,h.jsxs)(d.ProConfigProvider,{needDeps:!0,intl:d.enUSIntl,children:[(0,h.jsx)(d.ProTable,{headerTitle:r,rowKey:n,rowClassName:(e,t)=>t%2==0?`row-differentiator`:``,actionRef:g.actionRef,columns:E,request:D,search:{labelWidth:`auto`},pagination:{pageSize:i,showSizeChanger:!0,showQuickJumper:!0},rowSelection:N,toolBarRender:()=>[(0,h.jsx)(f.Button,{type:`primary`,icon:(0,h.jsx)(u.PlusOutlined,{}),onClick:()=>O(),children:`New`},`add`),...o&&S.length>0?[(0,h.jsxs)(f.Button,{danger:!0,onClick:j,children:[`Delete Selected (`,S.length,`)`]},`bulk-delete`)]:[],(0,h.jsx)(f.Dropdown,{menu:{items:[...s?[{key:`export-csv`,label:`Export CSV`,onClick:()=>M(`csv`)},{key:`export-json`,label:`Export JSON`,onClick:()=>M(`json`)},{key:`export-excel`,label:`Export Excel`,onClick:()=>M(`xlsx`)},{type:`divider`}]:[],{key:`refresh`,label:`Refresh`,onClick:()=>g.actionRef.current?.reload()}]},children:(0,h.jsx)(f.Button,{children:(0,h.jsx)(u.EllipsisOutlined,{})})},`menu`)],options:{setting:{listsHeight:400},reload:!0},dateFormatter:`string`}),(0,h.jsx)(f.Modal,{title:y?`Edit Item`:`Create Item`,open:_,onOk:k,onCancel:()=>v(!1),destroyOnClose:!0,width:600,children:(0,h.jsx)(f.Form,{form:w,layout:`vertical`,children:t.map(e=>{if(!e.dataIndex)return null;let t=e.dataIndex,n=e.title,r=!(e.fieldEditable??!0),i=x(e.fieldType),a=e.formConfig?.rules||(e.formConfig?.required?[{required:!0,message:`${n} is required`}]:[]),o=[...i.rules?.(e)??[],...a],s=e.formConfig?.component??i.formControl(e,r);return s?(0,h.jsx)(f.Form.Item,{name:t,label:n,rules:o,valuePropName:i.valuePropName,children:s},t):null})})})]})};Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});