@materialui-reactjs/admin 1.0.4 → 1.0.6

package/dist/chunks/{form-C8gzkYMW.js → form-CPkpL5eA.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./Env-DRXhvUcb.js";
-import { _ as t, a as n, d as r, f as i, h as a, l as o, m as s, n as c, p as l, r as u, s as d, u as f } from "./Common-C_ZhT4L6.js";
+import { _ as t, a as n, d as r, f as i, h as a, l as o, m as s, n as c, p as l, r as u, s as d, u as f } from "./Common-BURf0rBN.js";
 import { t as p } from "./SortableItem-B4-Zsso3.js";
-import { r as m, t as h } from "./Validator-DjZz2bJs.js";
+import { i as m, t as h } from "./Validator-CXYkI7vJ.js";
 import g, { createContext as _, memo as v, useCallback as y, useContext as b, useEffect as x, useMemo as ee, useReducer as te, useRef as S, useState as C } from "react";
 import w, { components as T } from "react-select";
 import { DragDropContext as ne, Draggable as E, Droppable as re } from "@hello-pangea/dnd";
@@ -44674,9 +44674,9 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			return r?.(o), o;
 		});
 	}, d = (e, t) => {
-		let n = m(e, a), i = a.map((e, r) => r === t ? {
+		let n = m(e), i = a.map((e, r) => r === t ? {
 			...e,
-			[n?.name]: n?.value
+			[n.name]: n.value
 		} : e);
 		o(i), r?.(i);
 	}, h = (t, n, r) => {
@@ -44970,31 +44970,41 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			})
 		})
 	})
-}), ZN = { textField: { className: "datepicker-custom" } }, QN = ({ label: e, name: t, value: n = "", defaultValue: r = "", cpnClass: i = "", required: a, onChange: o, ...s }) => {
-	let c = S(!1);
+}), ZN = { textField: { className: "datepicker-custom" } }, QN = ({ label: e, name: t, value: n = "", debug: r = !1, defaultValue: i = "", cpnClass: a = "", required: o, onChange: s, ...c }) => {
+	let l = S(!1);
 	x(() => {
-		if (!c.current && !n && r && o) {
-			c.current = !0;
-			let e = l(r);
-			e && u(e);
+		if (r && console.log("DateTimeInput mounted", {
+			value: n,
+			defaultValue: i,
+			onChange: !!s
+		}), !l.current && !n && i && s) {
+			let e = u(i);
+			e && (l.current = !0, d(e));
 		}
-	}, [n, r]);
-	let l = (e) => {
+	}, [
+		n,
+		i,
+		s
+	]);
+	let u = (e) => {
 		if (!e) return null;
 		if (e instanceof Date) return isNaN(e.getTime()) ? null : e;
 		let t = new Date(e);
 		return isNaN(t.getTime()) ? null : t;
-	}, u = (e) => {
-		o && e && !isNaN(e.getTime()) && o({
+	}, d = (e) => {
+		r && console.log("handleChange", {
+			name: t,
+			date: e
+		}), !(!s || !e || isNaN(e.getTime())) && s({
 			target: {
 				name: t,
 				value: ie(e, "yyyy-MM-dd HH:mm:ss")
 			},
 			preventDefault: () => {}
 		});
-	};
+	}, f = u(n) ?? u(i);
 	return /* @__PURE__ */ O("div", {
-		className: "form-group " + (i ?? ""),
+		className: "form-group " + (a ?? ""),
 		children: /* @__PURE__ */ O("div", {
 			className: "input-group input-group-outline",
 			children: /* @__PURE__ */ O(Me, {
@@ -45002,11 +45012,11 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 				adapterLocale: Pe,
 				children: /* @__PURE__ */ O(Fe, {
 					slotProps: ZN,
-					label: e + (a ? " *" : ""),
+					label: e + (o ? " *" : ""),
 					name: t,
-					value: l(n || r),
-					onChange: u,
-					...s
+					value: f,
+					onChange: d,
+					...c
 				})
 			})
 		})
@@ -45540,13 +45550,39 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			]
 		})
 	}) });
-}, sP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, value: a = "", onChange: o, isEdit: s = !1, ext: l = ".xlsx, .xls, .docx, .doc, .pdf", df: u = "" }) => {
-	let d = S(null), [f, p] = C(""), [m, h] = C("");
-	return x(() => {
-		h((a ?? "").split("/").pop() ?? ""), p(i(a, u));
-	}, [a, u]), /* @__PURE__ */ k("div", {
-		ref: d,
-		className: `card boxUFile ${n}`,
+}, sP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, disabled: a, readonly: o, value: s = "", onChange: l, isEdit: u = !1, ext: d = ".xlsx, .xls, .docx, .doc, .pdf", df: f = "" }) => {
+	let p = S(null), m = S(null), [h, g] = C(""), [_, v] = C("");
+	x(() => {
+		v((s ?? "").split("/").pop() ?? ""), g(i(s, f));
+	}, [s, f]), x(() => () => {
+		m.current &&= (URL.revokeObjectURL(m.current), null);
+	}, []);
+	let y = (e) => {
+		e.preventDefault();
+		let t = /\.(pdf|docx|doc|xlsx|xls)$/i, n = e.target.files;
+		if (!n || n.length === 0) return;
+		let r = e.target.getAttribute("accept"), i = r ? RegExp(".(" + r.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : t;
+		c(n, 10, i).then(() => {
+			let t = n[0];
+			if (!t) return;
+			m.current && URL.revokeObjectURL(m.current);
+			let r = URL.createObjectURL(t);
+			m.current = r, g(r), v(t.name), l?.(e);
+		}).catch((t) => {
+			console.error("Upload file validation failed:", t), e.target.value = "";
+		});
+	}, b = (e) => {
+		e.preventDefault(), m.current &&= (URL.revokeObjectURL(m.current), null), g(""), v(""), p.current && (p.current.value = ""), l && l({
+			target: {
+				name: t,
+				type: "input",
+				value: ""
+			},
+			preventDefault: () => {}
+		});
+	}, ee = u && !a && !o;
+	return /* @__PURE__ */ k("div", {
+		className: `card ${n}`,
 		children: [
 			/* @__PURE__ */ O("div", {
 				className: "card-header",
@@ -45557,28 +45593,17 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 						children: [/* @__PURE__ */ O("h3", {
 							className: "card-title",
 							children: e
-						}), s && /* @__PURE__ */ k("label", {
+						}), ee && /* @__PURE__ */ k("label", {
 							className: "text-info cursor-pointer m-0 ms-auto",
 							children: ["Tải lên", /* @__PURE__ */ O("input", {
+								ref: p,
 								required: r,
+								disabled: a,
 								name: t,
 								type: "file",
-								onChange: (e) => {
-									e.preventDefault();
-									let t = /\.(pdf|docx|doc|xlsx|xls)$/i, n = d.current?.querySelector(".default-file-input"), r = d.current?.querySelector(".showFile");
-									if (!n || !r) return;
-									let i = n.files;
-									if (!i) return;
-									let a = d.current?.querySelector(".rmFile"), s = n.getAttribute("accept"), l = s ? RegExp(".(" + s.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : t;
-									c(i, 10, l).then(() => {
-										Array.from(i).forEach((t) => {
-											let n = URL.createObjectURL(t);
-											p(n), h(t.name), o && o(e), a?.classList.remove("d-none");
-										});
-									});
-								},
+								onChange: y,
 								className: "d-none default-file-input",
-								accept: l
+								accept: d
 							})]
 						})]
 					})
@@ -45588,73 +45613,83 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			/* @__PURE__ */ k("div", {
 				className: "card-body d-flex justify-content-between align-items-center px-3 py-0 showFile",
 				style: { minHeight: "50px" },
-				children: [/* @__PURE__ */ k("div", {
-					className: `d-flex align-items-center justify-content-center ${f ? "" : "d-none"}`,
+				children: [h && /* @__PURE__ */ k("div", {
+					className: "d-flex align-items-center justify-content-center",
 					children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
 						className: "text-info",
-						href: f,
+						href: h,
 						target: "_blank",
-						children: m
+						rel: "noopener noreferrer",
+						children: _
 					})]
-				}), s && /* @__PURE__ */ O("a", {
-					onClick: (e) => {
-						e.preventDefault();
-						let n = d.current?.querySelector(".default-file-input"), r = d.current?.querySelector(".showFile");
-						if (!n || !r) return;
-						let a = d.current?.querySelector(".rmFile");
-						a && (a.classList.add("d-none"), p(i("", u)), n.value = "", o && o({
-							target: {
-								name: t,
-								type: "input",
-								value: ""
-							},
-							preventDefault: () => {}
-						}));
-					},
+				}), ee && h && /* @__PURE__ */ O("a", {
+					onClick: b,
 					href: "#",
-					className: `rmFile ml-auto link text-danger ${f ? "" : "d-none"}`,
+					className: "ml-auto link text-danger",
 					children: "Xóa"
 				})]
 			})
 		]
 	});
-}, cP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, value: a = [], onChange: o, isEdit: s = !1, ext: l = ".xlsx, .xls, .docx, .doc, .pdf", df: u = "" }) => {
-	let d = S(null), [f, p] = C([]), [m, h] = C(Array.isArray(a) ? a : []), g = (e) => {
+}, cP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, disabled: a, readonly: o, value: s = [], onChange: l, isEdit: u = !1, ext: d = ".xlsx, .xls, .docx, .doc, .pdf", df: f = "" }) => {
+	let [p, m] = C([]), [h, g] = C(Array.isArray(s) ? s : []), [_, v] = C(""), y = S(/* @__PURE__ */ new Map()), b = (e) => {
+		let t = y.current.get(e);
+		return t || (t = URL.createObjectURL(e), y.current.set(e, t)), t;
+	}, ee = (t, n) => {
+		r && t.length === 0 && n.length === 0 ? v(e + " không được để trống") : v("");
+	};
+	x(() => () => {
+		y.current.forEach((e) => {
+			URL.revokeObjectURL(e);
+		}), y.current.clear();
+	}, []), x(() => {
+		g(Array.isArray(s) ? s : []);
+	}, [s]);
+	let te = (e) => {
 		e.preventDefault();
-		let t = /\.(pdf|docx|doc|xlsx|xls)$/i, n = d.current?.querySelector(".default-file-input");
-		if (!n) return;
-		let r = n.files;
-		if (!r) return;
-		let i = n.getAttribute("accept"), a = i ? RegExp(".(" + i.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : t;
-		c(r, 10, a).then(() => {
-			let e = Array.from(r);
-			p((t) => [...t, ...e]);
+		let n = /\.(pdf|docx|doc|xlsx|xls)$/i, r = e.currentTarget, i = r.files;
+		if (!i || i.length === 0) return;
+		let a = r.getAttribute("accept"), o = a ? RegExp(".(" + a.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : n;
+		c(i, 10, o).then(() => {
+			let e = Array.from(i), n = [...p, ...e];
+			m(n), v(""), l?.({
+				target: {
+					name: `${t}_upload`,
+					type: "files",
+					value: n
+				},
+				preventDefault: () => {}
+			}), r.value = "";
 		});
-	}, _ = (e, t) => {
-		e.preventDefault(), h((e) => e.filter((e, n) => n !== t));
-	}, v = (e, t) => {
-		e.preventDefault(), p((e) => e.filter((e, n) => n !== t));
-	};
-	return x(() => {
-		o && o({
+	}, w = (e, n) => {
+		e.preventDefault();
+		let r = h.filter((e, t) => t !== n);
+		g(r), ee(r, p), l?.({
 			target: {
-				name: `${t}_upload`,
-				type: "files",
-				value: f
+				name: t,
+				value: r
 			},
 			preventDefault: () => {}
 		});
-	}, [f]), x(() => {
-		o && o({
+	}, T = (e, n) => {
+		e.preventDefault();
+		let r = p[n];
+		if (r) {
+			let e = y.current.get(r);
+			e && (URL.revokeObjectURL(e), y.current.delete(r));
+		}
+		let i = p.filter((e, t) => t !== n);
+		m(i), ee(h, i), l?.({
 			target: {
-				name: t,
-				value: m
+				name: `${t}_upload`,
+				type: "files",
+				value: i
 			},
 			preventDefault: () => {}
 		});
-	}, [m]), /* @__PURE__ */ k("div", {
-		ref: d,
-		className: `card boxUFile ${n}`,
+	}, ne = u && !a && !o;
+	return /* @__PURE__ */ k("div", {
+		className: `card ${n}`,
 		children: [
 			/* @__PURE__ */ O("div", {
 				className: "card-header position-relative",
@@ -45665,20 +45700,19 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 						children: [/* @__PURE__ */ O("h3", {
 							className: "card-title",
 							children: e
-						}), s && /* @__PURE__ */ k("label", {
+						}), ne && /* @__PURE__ */ k("label", {
 							className: "text-info cursor-pointer m-0 ms-auto",
 							children: ["Tải lên", /* @__PURE__ */ O("input", {
-								required: r,
+								disabled: a,
 								name: t,
 								multiple: !0,
 								type: "file",
-								onChange: g,
+								onChange: te,
 								style: {
 									position: "absolute",
 									left: -9999
 								},
-								className: "default-file-input",
-								accept: l
+								accept: d
 							})]
 						})]
 					})
@@ -45688,49 +45722,61 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 			/* @__PURE__ */ k("div", {
 				className: "card-body py-2 px-3",
 				style: { minHeight: "50px" },
-				children: [m?.map((e, t) => {
-					let n = (e ? e.split("/").pop() : "").split("___");
-					return /* @__PURE__ */ k("div", {
+				children: [
+					h?.map((e, t) => {
+						let n = (e ? e.split("/").pop() : "")?.split("___");
+						return /* @__PURE__ */ k("div", {
+							className: "d-flex w-100 justify-content-between",
+							children: [/* @__PURE__ */ k("div", {
+								className: "d-flex justify-content-center flex-column",
+								children: [/* @__PURE__ */ k("div", {
+									className: "w-100",
+									children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
+										className: "text-info",
+										href: i(e, f),
+										target: "_blank",
+										children: n?.[1]
+									})]
+								}), /* @__PURE__ */ O("span", { children: n?.[0] ? new Date(Number(n[0])).toLocaleString("vi-VN") : "" })]
+							}), ne && /* @__PURE__ */ O("a", {
+								onClick: (e) => w(e, t),
+								href: "#",
+								className: "ml-auto link text-danger",
+								children: "Xóa"
+							})]
+						}, t);
+					}),
+					p?.map((e, t) => /* @__PURE__ */ k("div", {
 						className: "d-flex w-100 justify-content-between",
 						children: [/* @__PURE__ */ k("div", {
-							className: `d-flex justify-content-center flex-column ${e ? "" : "d-none"}`,
-							children: [/* @__PURE__ */ k("div", {
-								className: "w-100",
-								children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
-									className: "text-info",
-									href: i(e, u),
-									target: "_blank",
-									children: n?.[1]
-								})]
-							}), /* @__PURE__ */ O("span", { children: n[0] ? new Date(Number(n[0])).toLocaleString("vi-VN") : "" })]
-						}), s && /* @__PURE__ */ O("a", {
-							onClick: (e) => _(e, t),
+							className: "d-flex align-items-center justify-content-center",
+							children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
+								className: "text-info text-1-line",
+								href: b(e),
+								target: "_blank",
+								rel: "noopener noreferrer",
+								children: e?.name
+							})]
+						}), ne && /* @__PURE__ */ O("a", {
+							onClick: (e) => T(e, t),
 							href: "#",
-							className: `ml-auto link text-danger ${e ? "" : "d-none"}`,
+							className: "ml-auto link text-danger",
 							children: "Xóa"
 						})]
-					}, t);
-				}), f?.map((e, t) => /* @__PURE__ */ k("div", {
-					className: "d-flex w-100 justify-content-between",
-					children: [/* @__PURE__ */ k("div", {
-						className: `d-flex align-items-center justify-content-center ${e ? "" : "d-none"}`,
-						children: [/* @__PURE__ */ O("i", { className: "fal fa-file me-1" }), /* @__PURE__ */ O("a", {
-							className: "text-info text-1-line",
-							href: URL.createObjectURL(e),
-							target: "_blank",
-							children: e?.name
-						})]
-					}), s && /* @__PURE__ */ O("a", {
-						onClick: (e) => v(e, t),
-						href: "#",
-						className: `ml-auto link text-danger ${e ? "" : "d-none"}`,
-						children: "Xóa"
-					})]
-				}, t))]
+					}, t)),
+					_ && /* @__PURE__ */ O("div", {
+						className: "text-danger mt-1",
+						children: _
+					})
+				]
 			})
 		]
 	});
-}, lP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, value: a = [], onChange: o, isEdit: s = !1, ext: l = ".png, .jpg, .jpeg, .ico", df: u = "" }) => {
+}, lP = (e, t, n) => {
+	let r = e?.[t] ?? [], i = e?.[`${t}_upload`] ?? [];
+	if (r.length === 0 && i.length === 0) throw Error(`${n} không được để trống`);
+	return !0;
+}, uP = ({ label: e, name: t, cpnClass: n = "", required: r = !1, value: a = [], onChange: o, isEdit: s = !1, ext: l = ".png, .jpg, .jpeg, .ico", df: u = "" }) => {
 	let d = S(null), [f, p] = C([]), [m, h] = C(Array.isArray(a) ? a : []), g = (e) => {
 		e.preventDefault();
 		let t = /\.(png|jpg|jpeg|ico)$/i, n = d.current?.querySelector(".default-file-input");
@@ -45840,4 +45886,4 @@ var { API_URL: GN } = await e(), KN = ({ label: e, name: t, cpnClass: r = "", re
 	});
 };
 //#endregion
-export { Ge as C, ze as E, Ze as S, Ve as T, Qe as _, nP as a, Ye as b, $N as c, JN as d, qN as f, rt as g, nt as h, oP as i, QN as l, it as m, cP as n, tP as o, KN as p, sP as r, eP as s, lP as t, XN as u, Ke as v, qe as w, Xe as x, Je as y };
+export { Ze as C, ze as D, Ve as E, Xe as S, qe as T, rt as _, oP as a, Je as b, eP as c, XN as d, JN as f, nt as g, it as h, sP as i, $N as l, KN as m, cP as n, nP as o, qN as p, lP as r, tP as s, uP as t, QN as u, Qe as v, Ge as w, Ye as x, Ke as y };

package/dist/chunks/{meta-k8MmuQjS.js → meta-4qPWijBT.js}

@@ -1,6 +1,6 @@
-import { _ as e, b as t, d as n, o as r, t as i, v as a, y as o } from "./Common-C_ZhT4L6.js";
-import { r as s, t as c } from "./Validator-DjZz2bJs.js";
-import { c as l, d as u, s as d, u as f } from "./HeaderUpdate-lrSYWsKp.js";
+import { _ as e, b as t, d as n, o as r, t as i, v as a, y as o } from "./Common-BURf0rBN.js";
+import { i as s, t as c } from "./Validator-CXYkI7vJ.js";
+import { d as l, l as u, s as d, u as f } from "./HeaderUpdate-DuS-gHNR.js";
 import { useEffect as p, useLayoutEffect as m, useRef as h, useState as g } from "react";
 import _ from "react-select";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
@@ -10,7 +10,7 @@ import { Helmet as T } from "react-helmet-async";
 //#region src/components/meta/BtnGroup.tsx
 var E = ({ cUri: e, itemId: t, isEdit: n = !1, isDel: r = !1, onDelete: i }) => /* @__PURE__ */ b("div", {
 	className: "btn-group",
-	children: [n && /* @__PURE__ */ y(u, {
+	children: [n && /* @__PURE__ */ y(l, {
 		title: "Chỉnh sửa",
 		children: /* @__PURE__ */ y(C, {
 			to: e + "/edit/" + t,
@@ -20,7 +20,7 @@ var E = ({ cUri: e, itemId: t, isEdit: n = !1, isDel: r = !1, onDelete: i }) =>
 				children: "drive_file_rename_outline"
 			})
 		})
-	}), r && /* @__PURE__ */ y(u, {
+	}), r && /* @__PURE__ */ y(l, {
 		title: "Xóa",
 		children: /* @__PURE__ */ y("button", {
 			type: "button",
@@ -111,11 +111,11 @@ var E = ({ cUri: e, itemId: t, isEdit: n = !1, isDel: r = !1, onDelete: i }) =>
 							className: `modal-body rounded-bottom pb-0 ${C}`,
 							style: { overflowY: "auto" },
 							children: a(D, async (e) => {
-								let { name: t, value: n } = s(e, D);
-								O({
-									...D,
+								let { name: t, value: n } = s(e);
+								O((e) => ({
+									...e,
 									[t]: n
-								});
+								}));
 							})
 						}),
 						/* @__PURE__ */ b("div", {
@@ -404,7 +404,7 @@ var E = ({ cUri: e, itemId: t, isEdit: n = !1, isDel: r = !1, onDelete: i }) =>
 			})
 		]
 	});
-}, L = ({ frmBody: n, service: s, apiOption: c, options: u, tbOption: m, roleOption: _, clsWidth: S = "xl", btnTxt: C = "Lưu lại" }) => {
+}, L = ({ frmBody: n, service: s, apiOption: c, options: l, tbOption: m, roleOption: _, clsWidth: S = "xl", btnTxt: C = "Lưu lại" }) => {
 	let T = h(null), E = w(), [k, A] = g(0), [j, M] = g({
 		items: [],
 		page: 1,
@@ -439,7 +439,7 @@ var E = ({ cUri: e, itemId: t, isEdit: n = !1, isDel: r = !1, onDelete: i }) =>
 	}, L = async (e) => {
 		try {
 			e.preventDefault();
-			let t = await l(e, j?.filter || {}, c?.cUri, E);
+			let t = await d(e, j?.filter || {}, c?.cUri, E);
 			M({
 				...j,
 				filter: t
@@ -449,7 +449,7 @@ var E = ({ cUri: e, itemId: t, isEdit: n = !1, isDel: r = !1, onDelete: i }) =>
 		}
 	}, R = async (e) => {
 		e.preventDefault();
-		let t = d(e, j?.filter || {});
+		let t = u(e, j?.filter || {});
 		M({
 			...j,
 			filter: t
@@ -571,7 +571,7 @@ var E = ({ cUri: e, itemId: t, isEdit: n = !1, isDel: r = !1, onDelete: i }) =>
 					/* @__PURE__ */ y(I, {
 						ftfield: m.ftfield,
 						service: s,
-						options: u,
+						options: l,
 						filter: j?.filter || {},
 						handleChange: R,
 						handleSearchForm: z