@materialui-reactjs/admin 1.0.4

package/dist/chunks/HeaderUpdate-lrSYWsKp.js

@@ -0,0 +1,474 @@
+import { i as e, t } from "./Common-C_ZhT4L6.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Link as a, NavLink as o } from "react-router-dom";
+import { Tooltip as s } from "@mui/material";
+import { Helmet as c } from "react-helmet-async";
+//#region src/components/meta/CusTooltip.tsx
+function l({ title: e, children: t, placement: n = "bottom", y: i = -10 }) {
+	return /* @__PURE__ */ r(s, {
+		title: e,
+		placement: n,
+		slotProps: { popper: { modifiers: [{
+			name: "offset",
+			options: { offset: [0, i] }
+		}] } },
+		children: t
+	});
+}
+//#endregion
+//#region src/components/meta/Pagination.tsx
+var u = ({ data: e, onChange: t, onClickPage: a }) => {
+	let s = Math.ceil(e.recordTotal / e.length), c = (e.page - 1) * e.length, l = e.page - 1, u = e.page + 1, d = l >= 1, f = s > e.page;
+	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("div", {
+		className: "d-flex justify-content-between align-items-center",
+		children: [
+			/* @__PURE__ */ i("span", { children: [
+				"Đang xem từ ",
+				c + 1,
+				" đến ",
+				c + e.items.length,
+				" trong tổng số ",
+				e.recordTotal
+			] }),
+			/* @__PURE__ */ r("nav", { children: /* @__PURE__ */ i("ul", {
+				className: "pagination",
+				children: [
+					e.page > 2 && /* @__PURE__ */ r("li", {
+						className: "page-item",
+						children: /* @__PURE__ */ r(o, {
+							className: "first page-link",
+							to: "#",
+							"data-page": 1,
+							title: "Trang đầu tiên",
+							onClick: a,
+							children: /* @__PURE__ */ r("i", { className: "fal fa-fast-backward" })
+						})
+					}),
+					d && /* @__PURE__ */ r("li", {
+						className: "page-item",
+						children: /* @__PURE__ */ r(o, {
+							className: "prev page-link",
+							to: "#",
+							"data-page": l,
+							title: "Trang trước",
+							onClick: a,
+							children: /* @__PURE__ */ r("i", { className: "fal fa-angle-left" })
+						})
+					}),
+					s > 1 && (() => {
+						let t = Math.max(1, e.page - 2), n = Math.min(s, e.page + 2), r = [];
+						for (let e = t; e <= n; e++) r.push(e);
+						return r;
+					})().map((t) => /* @__PURE__ */ r("li", {
+						className: `page-item ${e.page === t ? "active" : ""}`,
+						children: /* @__PURE__ */ r(o, {
+							className: "page-link",
+							to: "#",
+							"data-page": t,
+							onClick: e.page === t ? void 0 : a,
+							children: t
+						})
+					}, t)),
+					f && /* @__PURE__ */ r("li", {
+						className: "page-item",
+						children: /* @__PURE__ */ r(o, {
+							className: "next page-link",
+							to: "#",
+							"data-page": u,
+							title: "Trang tiếp theo",
+							onClick: a,
+							children: /* @__PURE__ */ r("i", { className: "fal fa-angle-right" })
+						})
+					}),
+					e.page < s - 1 && /* @__PURE__ */ r("li", {
+						className: "page-item",
+						children: /* @__PURE__ */ r(o, {
+							className: "first page-link",
+							to: "#",
+							"data-page": s,
+							title: "Trang cuối cùng",
+							onClick: a,
+							children: /* @__PURE__ */ r("i", { className: "fal fa-fast-forward" })
+						})
+					})
+				]
+			}) }),
+			/* @__PURE__ */ i("div", {
+				className: "d-flex align-items-center",
+				children: [/* @__PURE__ */ r("span", {
+					className: "me-2",
+					children: "Xem"
+				}), /* @__PURE__ */ r("div", {
+					className: "form-group pagination-length",
+					children: /* @__PURE__ */ i("select", {
+						className: "pageLen",
+						name: "pageLen",
+						defaultValue: e.length,
+						onChange: t,
+						children: [
+							/* @__PURE__ */ r("option", {
+								value: "10",
+								children: "10"
+							}),
+							/* @__PURE__ */ r("option", {
+								value: "25",
+								children: "25"
+							}),
+							/* @__PURE__ */ r("option", {
+								value: "50",
+								children: " 50"
+							}),
+							/* @__PURE__ */ r("option", {
+								value: "100",
+								children: "100"
+							}),
+							/* @__PURE__ */ r("option", {
+								value: "500",
+								children: "500"
+							})
+						]
+					})
+				})]
+			})
+		]
+	}) });
+}, d = async (e, n) => {
+	try {
+		let r = `${n}?${new URLSearchParams(e).toString()}`;
+		return (await t(r, {}, "GET")).data;
+	} catch {
+		return {
+			items: [],
+			page: 1,
+			length: 10,
+			pageTotal: 0,
+			recordTotal: 0
+		};
+	}
+}, f = async (t, n, r, i) => {
+	let a = t.currentTarget, o = Number(a.getAttribute("data-page") ?? 1), s = {
+		...n,
+		page: o
+	};
+	return i(`${r}?${e(s)}`, { replace: !0 }), s;
+}, p = async (t, n, r) => {
+	let i = {
+		...t,
+		page: 1
+	};
+	return r(`${n}?${e(i)}`, { replace: !0 }), i;
+}, m = async (e, t) => {
+	e.preventDefault();
+	let { name: n, value: r } = e.target, i = { ...t };
+	return n === "pageLen" ? (i.pageLen = Number(r), i.page = 1) : i[n] = r, i;
+}, h = ({ title: e = "", cUri: t = "", fluid: o = !1, cUriTitle: s = "" }) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r("title", { children: e || "Truy cập không được phép" }) }), /* @__PURE__ */ i("div", {
+	className: `${o ? "container-fluid" : "container"}`,
+	children: [/* @__PURE__ */ r("div", {
+		className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+		children: /* @__PURE__ */ r("nav", {
+			"aria-label": "breadcrumb",
+			children: /* @__PURE__ */ i("ol", {
+				className: "breadcrumb bg-transparent m-0 p-0",
+				children: [/* @__PURE__ */ r("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ r(a, {
+						className: "text-white",
+						to: "/",
+						children: /* @__PURE__ */ r("i", { className: "fal fa-home" })
+					})
+				}), /* @__PURE__ */ r("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ r(a, {
+						className: "text-white",
+						to: t,
+						children: s
+					})
+				})]
+			})
+		})
+	}), /* @__PURE__ */ r("div", {
+		style: { minHeight: "50vh" },
+		className: "d-flex align-items-center",
+		children: /* @__PURE__ */ i("div", {
+			className: "m-auto text-center",
+			children: [
+				/* @__PURE__ */ r("h1", {
+					className: "display-1 text-bolder text-white",
+					children: "403"
+				}),
+				/* @__PURE__ */ r("h2", {
+					className: "text-white",
+					children: "Truy cập không được phép"
+				}),
+				/* @__PURE__ */ r("p", {
+					className: "lead text-white",
+					children: "Xin lỗi, bạn không có quyền truy cập vào trang này."
+				}),
+				/* @__PURE__ */ r(a, {
+					to: "/",
+					className: "btn btn-outline-white mt-4",
+					children: "trang chủ"
+				})
+			]
+		})
+	})]
+})] }), g = ({ title: e = "", cUri: t = "", fluid: o = !1, cUriTitle: s = "" }) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r("title", { children: e || "Không tìm thấy dữ liệu" }) }), /* @__PURE__ */ i("div", {
+	className: `${o ? "container-fluid" : "container"}`,
+	children: [/* @__PURE__ */ r("div", {
+		className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+		children: /* @__PURE__ */ r("nav", {
+			"aria-label": "breadcrumb",
+			children: /* @__PURE__ */ i("ol", {
+				className: "breadcrumb bg-transparent m-0 p-0",
+				children: [/* @__PURE__ */ r("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ r(a, {
+						className: "text-white",
+						to: "/",
+						children: /* @__PURE__ */ r("i", { className: "fal fa-home" })
+					})
+				}), /* @__PURE__ */ r("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ r(a, {
+						className: "text-white",
+						to: t,
+						children: s
+					})
+				})]
+			})
+		})
+	}), /* @__PURE__ */ r("div", {
+		style: { minHeight: "50vh" },
+		className: "d-flex align-items-center",
+		children: /* @__PURE__ */ i("div", {
+			className: "m-auto text-center",
+			children: [
+				/* @__PURE__ */ r("h1", {
+					className: "display-1 text-bolder text-white",
+					children: "404"
+				}),
+				/* @__PURE__ */ r("h2", {
+					className: "text-white",
+					children: "Không tìm thấy dữ liệu"
+				}),
+				/* @__PURE__ */ r("p", {
+					className: "lead text-white",
+					children: "Xin lỗi, dữ liệu của bạn không được tìm thấy"
+				}),
+				/* @__PURE__ */ r(a, {
+					to: "/",
+					className: "btn btn-outline-white mt-4",
+					children: "trang chủ"
+				})
+			]
+		})
+	})]
+})] }), _ = ({ adminUri: e, cUri: t, title: n, isSave: o = !1, titleAction: s = "Chi tiết" }) => /* @__PURE__ */ i("div", {
+	className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+	children: [/* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		children: /* @__PURE__ */ i("ol", {
+			className: "breadcrumb bg-transparent m-0 p-0",
+			children: [
+				/* @__PURE__ */ r("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ r(a, {
+						className: "text-white",
+						to: e,
+						children: /* @__PURE__ */ r("i", { className: "fal fa-home" })
+					})
+				}),
+				/* @__PURE__ */ r("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ r(a, {
+						className: "text-white",
+						to: t,
+						children: n
+					})
+				}),
+				/* @__PURE__ */ r("li", {
+					className: "breadcrumb-item text-white active",
+					"aria-current": "page",
+					children: s
+				})
+			]
+		})
+	}), /* @__PURE__ */ i("div", {
+		className: "ms-auto",
+		children: [o && /* @__PURE__ */ r(l, {
+			title: "Lưu lại",
+			children: /* @__PURE__ */ r("button", {
+				type: "submit",
+				className: "btn btn-sm btn-icon btn-success me-1",
+				children: /* @__PURE__ */ r("i", {
+					className: "material-icons text-white position-relative text-lg",
+					children: "save"
+				})
+			})
+		}), /* @__PURE__ */ r(l, {
+			title: "Trở lại",
+			children: /* @__PURE__ */ r(a, {
+				to: t,
+				className: "btn btn-sm btn-icon btn-secondary",
+				children: /* @__PURE__ */ r("i", {
+					className: "material-icons text-white position-relative text-lg",
+					children: "reply"
+				})
+			})
+		})]
+	})]
+}), v = ({ adminUri: e, cUri: t, title: n, isCre: o = !1, isDel: s = !1, isCpy: c = !1, isImp: u = !1, isExp: d = !1, isField: f = !1, isReply: p = !1, replyUri: m = "#", onDelete: h, onExport: g, onCopy: _ }) => /* @__PURE__ */ i("div", {
+	className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+	"navbar-scroll": "true",
+	children: [/* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		children: /* @__PURE__ */ i("ol", {
+			className: "breadcrumb bg-transparent m-0 p-0",
+			children: [/* @__PURE__ */ r("li", {
+				className: "breadcrumb-item",
+				children: /* @__PURE__ */ r(a, {
+					className: "text-white",
+					to: e || "/",
+					children: /* @__PURE__ */ r("i", { className: "fal fa-home" })
+				})
+			}), /* @__PURE__ */ r("li", {
+				className: "breadcrumb-item text-white active",
+				"aria-current": "page",
+				children: n
+			})]
+		})
+	}), /* @__PURE__ */ i("div", {
+		className: "ms-auto",
+		children: [
+			o && /* @__PURE__ */ r(l, {
+				title: "Tạo mới",
+				children: /* @__PURE__ */ r(a, {
+					to: t + "/create",
+					className: "btn btn-success btn-sm btn-icon ms-1",
+					children: /* @__PURE__ */ r("i", {
+						className: "material-icons text-white position-relative text-lg",
+						children: "add"
+					})
+				})
+			}),
+			d && /* @__PURE__ */ r(l, {
+				title: "Export Excel",
+				children: /* @__PURE__ */ r("button", {
+					onClick: g,
+					className: "btn btn-warning btn-sm btn-icon ms-1",
+					children: /* @__PURE__ */ r("i", { className: "fal fa-download" })
+				})
+			}),
+			u && /* @__PURE__ */ r(l, {
+				title: "Import Excel",
+				children: /* @__PURE__ */ r(a, {
+					to: t + "/import",
+					className: "btn btn-info btn-sm btn-icon ms-1",
+					children: /* @__PURE__ */ r("i", { className: "fal fa-file-import" })
+				})
+			}),
+			c && /* @__PURE__ */ r(l, {
+				title: "Sao chép",
+				children: /* @__PURE__ */ r("button", {
+					onClick: _,
+					type: "button",
+					className: "btn btn-purple btn-sm btn-icon ms-1",
+					children: /* @__PURE__ */ r("i", {
+						className: "material-icons text-white position-relative text-lg",
+						children: "copy"
+					})
+				})
+			}),
+			s && /* @__PURE__ */ r(l, {
+				title: "Xóa",
+				children: /* @__PURE__ */ r("button", {
+					onClick: h,
+					type: "button",
+					className: "btn btn-danger btn-sm btn-icon ms-1",
+					children: /* @__PURE__ */ r("i", {
+						className: "material-icons text-white position-relative text-lg",
+						children: "delete"
+					})
+				})
+			}),
+			f && /* @__PURE__ */ r(l, {
+				title: "Tùy chỉnh trường dữ liệu",
+				children: /* @__PURE__ */ r(a, {
+					to: t + "/fields",
+					className: "btn btn-purple btn-sm btn-icon ms-1",
+					children: /* @__PURE__ */ r("i", {
+						className: "material-icons text-white position-relative text-lg",
+						children: "manage_accounts"
+					})
+				})
+			}),
+			p && /* @__PURE__ */ r(l, {
+				title: "Trở về",
+				children: /* @__PURE__ */ r(a, {
+					to: m,
+					className: "btn btn-secondary btn-sm btn-icon ms-1",
+					children: /* @__PURE__ */ r("i", {
+						className: "material-icons text-white position-relative text-lg",
+						children: "reply"
+					})
+				})
+			})
+		]
+	})]
+}), y = ({ adminUri: e, cUri: t, title: n, itemId: o, isSave: s = !0, titleAction: c }) => /* @__PURE__ */ i("div", {
+	className: "navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl py-3",
+	children: [/* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		children: /* @__PURE__ */ i("ol", {
+			className: "breadcrumb bg-transparent m-0 p-0",
+			children: [
+				/* @__PURE__ */ r("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ r(a, {
+						className: "text-white",
+						to: e || "/",
+						children: /* @__PURE__ */ r("i", { className: "fal fa-home" })
+					})
+				}),
+				/* @__PURE__ */ r("li", {
+					className: "breadcrumb-item",
+					children: /* @__PURE__ */ r(a, {
+						className: "text-white",
+						to: t,
+						children: n
+					})
+				}),
+				/* @__PURE__ */ r("li", {
+					className: "breadcrumb-item text-white active",
+					"aria-current": "page",
+					children: c ?? (o ? "Chỉnh sửa" : "Thêm mới")
+				})
+			]
+		})
+	}), /* @__PURE__ */ i("div", {
+		className: "ms-auto",
+		children: [s && /* @__PURE__ */ r(l, {
+			title: "Lưu lại",
+			children: /* @__PURE__ */ r("button", {
+				type: "submit",
+				className: "btn btn-sm btn-icon btn-success me-1",
+				children: /* @__PURE__ */ r("i", {
+					className: "material-icons text-white position-relative text-lg",
+					children: "save"
+				})
+			})
+		}), /* @__PURE__ */ r(l, {
+			title: "Trở lại",
+			children: /* @__PURE__ */ r(a, {
+				to: t,
+				className: "btn btn-sm btn-icon btn-secondary",
+				children: /* @__PURE__ */ r("i", {
+					className: "material-icons text-white position-relative text-lg",
+					children: "reply"
+				})
+			})
+		})]
+	})]
+});
+//#endregion
+export { h as a, f as c, l as d, g as i, p as l, v as n, d as o, _ as r, m as s, y as t, u };

package/dist/chunks/SortableItem-B4-Zsso3.js

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { CSS as n } from "@dnd-kit/utilities";
+import { useSortable as r } from "@dnd-kit/sortable";
+//#region src/components/meta/SortableItem.tsx
+function i({ id: i, className: a, iconSize: o = "24px", iconStyle: s = {
+	cursor: "move",
+	right: "5px",
+	top: "5px"
+}, children: c }) {
+	let { attributes: l, listeners: u, setNodeRef: d, transform: f, transition: p } = r({ id: i }), m = {
+		transform: n.Transform.toString(f),
+		transition: p
+	};
+	return /* @__PURE__ */ t("div", {
+		ref: d,
+		style: m,
+		className: a,
+		children: [/* @__PURE__ */ e("div", {
+			...l,
+			...u,
+			style: s,
+			className: "position-absolute",
+			children: /* @__PURE__ */ e("i", {
+				className: "fal fa-arrows-up-down-left-right",
+				style: { fontSize: o }
+			})
+		}), c]
+	});
+}
+//#endregion
+export { i as t };

package/dist/chunks/SpinnerLoader-h8RDIarB.js

@@ -0,0 +1,21 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/loader/SpinnerLoader.tsx
+var r = ({ children: r, loading: i, style: a }) => /* @__PURE__ */ n(e, { children: [i === !0 && /* @__PURE__ */ t("div", {
+	className: "boxSpinner rounded",
+	"aria-hidden": "true",
+	style: a,
+	children: /* @__PURE__ */ n("div", {
+		className: "spinner",
+		children: [
+			/* @__PURE__ */ t("div", { className: "rect1" }),
+			/* @__PURE__ */ t("div", { className: "rect2" }),
+			/* @__PURE__ */ t("div", { className: "rect3" }),
+			/* @__PURE__ */ t("div", { className: "rect4" }),
+			/* @__PURE__ */ t("div", { className: "rect5" }),
+			/* @__PURE__ */ t("div", { className: "rect6" }),
+			/* @__PURE__ */ t("div", { className: "rect7" })
+		]
+	})
+}), i === !1 && r] });
+//#endregion
+export { r as t };

package/dist/chunks/UDragFile-CAiSfTsp.js

@@ -0,0 +1,92 @@
+import { n as e } from "./Common-C_ZhT4L6.js";
+import { useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/form/UDragFile.tsx
+var a = ({ label: a, name: o, cpnClass: s = "", required: c = !1, onChange: l, ext: u = ".xlsx, .xls, .docx, .doc, .pdf" }) => {
+	let d = t(null), [f, p] = n(null), [m, h] = n(!1), g = async (t) => {
+		t.preventDefault();
+		let n = d.current?.querySelector(".default-file-input"), r = n?.files;
+		if (!r) return;
+		let i = /\.(pdf|docx|doc|xlsx|xls)$/i, a = n.getAttribute("accept"), o = a ? RegExp(".(" + a.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : i;
+		e(r, 10, o).then(() => {
+			p(r[0]), l(t);
+		});
+	}, _ = async (e) => {
+		e.preventDefault(), e.stopPropagation(), e.type === "dragenter" || e.type === "dragover" ? h(!0) : e.type === "dragleave" && h(!1);
+	};
+	return /* @__PURE__ */ r("div", {
+		className: s,
+		children: /* @__PURE__ */ i("div", {
+			ref: d,
+			className: "upload-files-container mb-3",
+			children: [/* @__PURE__ */ i("label", {
+				className: "drag-file-area mb-2",
+				onDragEnter: _,
+				onDragOver: _,
+				onDragLeave: _,
+				onDrop: async (t) => {
+					t.preventDefault(), t.stopPropagation();
+					let n = t.dataTransfer.files;
+					if (!n) return;
+					let r = d.current?.querySelector(".default-file-input"), i = /\.(pdf|docx|doc|xlsx|xls)$/i, a = r?.getAttribute("accept"), s = a ? RegExp(".(" + a.replace(/[., ]/g, (e) => e === "," ? "|" : "") + ")$", "i") : i;
+					e(n, 10, s).then(() => {
+						p(n[0]), l({
+							target: {
+								type: "file",
+								name: o,
+								files: n,
+								value: ""
+							},
+							preventDefault: () => {}
+						}), h(!1);
+					});
+				},
+				"aria-label": a,
+				htmlFor: "importFile1",
+				children: [
+					/* @__PURE__ */ r("span", {
+						className: "upload-icon",
+						children: /* @__PURE__ */ r("i", { className: "fas fa-upload" })
+					}),
+					/* @__PURE__ */ i("h3", {
+						className: "dynamic-message",
+						children: [m ? "Thả tập tin vào đây" : "Chọn tập tin (" + u + ")", " "]
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "label",
+						children: m ? "" : "hoặc kéo thả"
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "browse-files d-none",
+						children: /* @__PURE__ */ r("input", {
+							id: "importFile1",
+							onChange: g,
+							type: "file",
+							required: c,
+							name: o,
+							className: "default-file-input",
+							accept: u
+						})
+					})
+				]
+			}), /* @__PURE__ */ r("div", {
+				className: "file-block",
+				children: f && /* @__PURE__ */ r("div", {
+					className: "inputClone",
+					children: /* @__PURE__ */ i("div", {
+						className: "file-info",
+						children: [/* @__PURE__ */ r("span", {
+							className: "file-name me-2",
+							children: f.name
+						}), /* @__PURE__ */ i("div", { children: ["|", /* @__PURE__ */ r("span", {
+							className: "ms-2 file-size",
+							children: (f.size / 1024).toFixed(1) + " KB"
+						})] })]
+					})
+				})
+			})]
+		})
+	});
+};
+//#endregion
+export { a as t };