@materialui-reactjs/admin 1.0.4

package/dist/chunks/Validator-DjZz2bJs.js

@@ -0,0 +1,203 @@
+//#region src/hook/update.ts
+var e = async (e, n) => {
+	e.preventDefault();
+	let { name: r, type: i, value: a } = t(e, n);
+	if (i === "file") {
+		let t = e.target.files;
+		n[r] = t ? t[0] : null;
+	} else n[r] = a;
+	return n;
+}, t = (e, t) => {
+	let { name: n, type: r, value: i } = e.target, a = n.split(/[\{\}]+/).filter(Boolean), o = a.shift();
+	if (!o || a.length === 0) return {
+		name: n,
+		type: r,
+		value: i
+	};
+	let s = JSON.parse(JSON.stringify(t?.[o] || {})), c = s;
+	for (let e = 0; e < a.length - 1; e++) {
+		let t = a[e];
+		c[t] = { ...c[t] || {} }, c = c[t];
+	}
+	return c[a[a.length - 1]] = i, {
+		name: o,
+		type: r,
+		value: s
+	};
+}, n = window.jQuery, r = class e {
+	options;
+	validators;
+	$element;
+	$btn;
+	$inputs;
+	static VERSION = "0.11.9";
+	static INPUT_SELECTOR = ":input:not(.nvali,[type=\"hidden\"], [type=\"submit\"], [type=\"reset\"], button)";
+	static FOCUS_OFFSET = 20;
+	static DEFAULTS = {
+		delay: 500,
+		html: !1,
+		disable: !0,
+		focus: !0,
+		custom: {},
+		errors: {
+			match: "Does not match",
+			minlength: "Too short",
+			maxlength: "Too long"
+		},
+		feedback: {
+			success: "glyphicon-ok",
+			error: "glyphicon-remove"
+		}
+	};
+	static VALIDATORS = {
+		native: function(e) {
+			let t = e[0];
+			if (t.checkValidity) return !t.checkValidity() && !t.validity.valid && (t.validationMessage || "error!");
+		},
+		match: function(t) {
+			let r = t.attr("data-match");
+			return r && t.val() !== n(r).val() && e.DEFAULTS.errors.match;
+		},
+		minlength: function(t) {
+			let n = Number(t.attr("data-minlength"));
+			return String(t.val() ?? "").length < n && e.DEFAULTS.errors.minlength;
+		},
+		maxlength: function(t) {
+			let n = Number(t.attr("data-maxlength"));
+			return String(t.val() ?? "").length > n && e.DEFAULTS.errors.maxlength;
+		},
+		filesize: function(e) {
+			let t = Number(e.data("filesize")), n = e[0];
+			return n?.files?.length ? n.files[0].size > t * 1024 * 1024 : !1;
+		},
+		accept: function(e) {
+			let t = e.attr("data-accept");
+			if (!t) return !1;
+			let n = e[0];
+			if (!n?.files?.length) return !1;
+			let r = n.files[0];
+			return !new RegExp(t).test(r.name);
+		},
+		pattern: function(e) {
+			let t = e.attr("data-pattern");
+			return t ? !new RegExp(t).test(String(e.val() ?? "")) : !1;
+		}
+	};
+	constructor(t, r = !1) {
+		this.options = r || e.DEFAULTS, this.validators = n.extend({}, e.VALIDATORS), this.$element = n(t), this.$btn = this.$element.find("button[type=\"submit\"], input[type=\"submit\"], .submitAjax"), this.$inputs = this.$element.find(e.INPUT_SELECTOR).add(this.$element.find("[data-validate=\"true\"]")).not(this.$element.find("[data-validate=\"false\"]").each((e, t) => {
+			this.clearErrors(n(t));
+		}));
+	}
+	static getValue(e) {
+		return e.is("[type=\"checkbox\"]") ? !!e.prop("checked") : e.is("[type=\"radio\"]") ? n(`[name="${e.attr("name")}"]:checked`).length > 0 : e.is("select[multiple]") ? (e.val() ?? []).length : e.val() ?? "";
+	}
+	update = () => {
+		let t = this;
+		return this.$inputs = this.$element.find(e.INPUT_SELECTOR).add(this.$element.find("[data-validate=\"true\"]")).not(this.$element.find("[data-validate=\"false\"]").each((e, r) => {
+			t.clearErrors(n(r));
+		})), this.toggleSubmit(), this;
+	};
+	onInput = (e) => {
+		let t = this, r = n(e.target), i = e.type !== "focusout";
+		this.$inputs.is(r) && this.validateInput(r, i)?.done(function() {
+			t.toggleSubmit();
+		});
+	};
+	validateInput = (e, t) => {
+		let r = e.data("bs.validator.errors");
+		e.is("[type=\"radio\"]") && (e = this.$element.find("input[name=\"" + e.attr("name") + "\"]"));
+		let i = n.Event("validate.bs.validator", { relatedTarget: e[0] });
+		if (this.$element.trigger(i), i.isDefaultPrevented()) return;
+		let a = this;
+		return this.runValidators(e).done(function(o) {
+			e.data("bs.validator.errors", o), o.length ? t ? a.defer(e, a.showErrors) : a.showErrors(e) : a.clearErrors(e), (!r || o.toString() !== r.toString()) && (i = o.length ? n.Event("invalid.bs.validator", {
+				relatedTarget: e[0],
+				detail: o
+			}) : n.Event("valid.bs.validator", {
+				relatedTarget: e[0],
+				detail: r
+			}), a.$element.trigger(i)), a.toggleSubmit(), a.$element.trigger(n.Event("validated.bs.validator", { relatedTarget: e[0] }));
+		});
+	};
+	runValidators = (t) => {
+		let r = [], i = n.Deferred();
+		t.data("bs.validator.deferred") && t.data("bs.validator.deferred").reject(), t.data("bs.validator.deferred", i);
+		function a(e) {
+			return t.attr("data-" + e + "-error");
+		}
+		function o() {
+			let e = t[0];
+			if (!(e instanceof HTMLInputElement) && !(e instanceof HTMLSelectElement) && !(e instanceof HTMLTextAreaElement)) return null;
+			let n = e.validity;
+			return n.typeMismatch ? t.attr("data-type-error") ?? null : n.patternMismatch ? t.attr("data-pattern-error") ?? null : n.stepMismatch ? t.attr("data-step-error") ?? null : n.rangeOverflow ? t.attr("data-max-error") ?? null : n.rangeUnderflow ? t.attr("data-min-error") ?? null : n.valueMissing ? t.attr("data-required-error") ?? null : null;
+		}
+		function s() {
+			return t.attr("data-error");
+		}
+		function c(e) {
+			return a(e) || o() || s();
+		}
+		return n.each(this.validators, n.proxy(function(n, i) {
+			let a = null;
+			(e.getValue(t) || t.attr("required")) && (t.attr("data-" + n) !== void 0 || n == "native") && (a = i.call(this, t)) && (a = c(n) || a, !~r.indexOf(a) && r.push(a));
+		}, this)), i.resolve(r), i.promise();
+	};
+	validate = () => {
+		let e = this;
+		return n.when(this.$inputs.map((t, r) => e.validateInput(n(r), !1))).then(function() {
+			e.toggleSubmit(), e.focusError();
+		}), this;
+	};
+	focusError = () => {
+		if (!this.options.focus) return;
+		let t = this.$element.find(".has-error:first :input");
+		t.length !== 0 && (n("html, body").animate({ scrollTop: t.offset().top - e.FOCUS_OFFSET }, 250), t.focus());
+	};
+	showErrors = (e) => {
+		this.options.html;
+		let t = e.data("bs.validator.errors"), r = e.closest(".form-group, .boxUFile"), i = r.find(".form-control-feedback");
+		t.length && (t = n("<ul/>").addClass("list-unstyled").append(n.map(t, (e) => {
+			let t = n("<li/>");
+			return this.options.html ? t.html(e) : t.text(e);
+		})), r.addClass("has-error has-danger"), r.find(".invalid-tooltip, .invalid-feedback").remove(), r.find(".select2,.form-control").removeClass("is-valid").addClass("is-invalid"), r.append(`<div class="invalid-feedback"><ul class="list-unstyled">${t.html()}<ul/></div>`), r.removeClass("has-success"), r.hasClass("has-feedback"), i.removeClass(this.options.feedback?.success), i.addClass(this.options.feedback?.error));
+	};
+	clearErrors = (e) => {
+		let t = e.closest(".form-group, .boxUFile"), n = t.find(".form-control-feedback");
+		t.removeClass("has-error has-danger has-success"), t.find(".invalid-tooltip, .invalid-feedback").remove(), t.find(".select2,.form-control").addClass("is-valid").removeClass("is-invalid"), t.addClass("has-success"), t.hasClass("has-feedback"), n.removeClass(this.options.feedback?.error), n.removeClass(this.options.feedback?.success), n.addClass(this.options.feedback?.success);
+	};
+	hasErrors = () => !!this.$inputs.filter(function() {
+		return !!(n(this).data("bs.validator.errors") || []).length;
+	}).length;
+	isIncomplete = () => !!this.$inputs.filter("[required]").filter((t, r) => {
+		let i = e.getValue(n(r));
+		return !(typeof i == "string" ? i.trim() : i);
+	}).length;
+	onSubmit = (e) => {
+		this.validate(), (this.isIncomplete() || this.hasErrors()) && e.preventDefault();
+	};
+	toggleSubmit = () => {
+		this.options.disable;
+	};
+	defer = (e, t) => {
+		if (t = t.bind(this, e), !this.options.delay) return t();
+		window.clearTimeout(e.data("bs.validator.timeout")), e.data("bs.validator.timeout", window.setTimeout(t, this.options.delay));
+	};
+	reset = () => (this.$element.find(".form-control-feedback").removeClass(this.options?.feedback.error).removeClass(this.options.feedback.success), this.$inputs.removeData(["bs.validator.errors", "bs.validator.deferred"]).each(() => {
+		let e = n(this), t = e.data("bs.validator.timeout");
+		window.clearTimeout(t), e.removeData("bs.validator.timeout");
+	}), this.$element.find(".invalid-tooltip, .invalid-feedback").each(() => {
+		let e = n(this), t = e.data("bs.validator.originalContent");
+		e.removeData("bs.validator.originalContent").html(t);
+	}), this.$btn.removeClass("disabled"), this.$element.find(".has-error, .has-danger, .has-success, .is-invalid, .is-valid").removeClass("has-error has-danger has-success is-invalid is-valid"), this);
+	destroy = () => (this.reset(), this.$element.removeAttr("novalidate").removeData("bs.validator").off(".bs.validator"), this.$inputs.off(".bs.validator"), this.options = null, this.validators = null, this.$element = null, this.$btn = null, this.$inputs = null, this);
+	run = () => {
+		this.update(), this.$element.on("input.bs.validator change.bs.validator focusout.bs.validator", this.onInput.bind(this)), this.$element.on("submit.bs.validator", this.onSubmit.bind(this)), this.$element.on("reset.bs.validator", this.reset.bind(this)), this.$element.find("[data-match]").each(function() {
+			let t = n(this), r = t.attr("data-match");
+			r && n(r).on("input.bs.validator", function() {
+				e.getValue(t) && t.trigger("input.bs.validator");
+			});
+		}), this.$inputs.filter((t, r) => e.getValue(n(r)) && !n(this).closest(".has-error").length).trigger("focusout"), this.$element.attr("novalidate", !0);
+	};
+};
+//#endregion
+export { e as n, t as r, r as t };

package/dist/chunks/echarts-CRmndsxC.js

@@ -0,0 +1,322 @@
+import { memo as e, useEffect as t, useMemo as n, useRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import a from "echarts-for-react";
+//#region src/components/echarts/BarChart.tsx
+var o = e(({ title: e = "Bar Chart", labels: o, values: s, color: c = "#5470C6", showGrid: l = !1, visible: u = !1 }) => {
+	let d = r(null), f = n(() => ({
+		title: {
+			text: e,
+			left: "center",
+			textStyle: {
+				fontSize: 18,
+				fontFamily: "Roboto, sans-serif"
+			}
+		},
+		textStyle: { fontFamily: "Roboto, sans-serif" },
+		tooltip: {
+			trigger: "axis",
+			axisPointer: { type: "shadow" }
+		},
+		xAxis: {
+			type: "category",
+			data: o,
+			axisTick: { alignWithLabel: !0 },
+			axisLabel: { rotate: 0 }
+		},
+		yAxis: {
+			type: "value",
+			splitLine: { show: l }
+		},
+		series: [{
+			data: s,
+			type: "bar",
+			barWidth: "50%",
+			itemStyle: {
+				color: c,
+				borderRadius: [
+					6,
+					6,
+					0,
+					0
+				]
+			},
+			emphasis: { itemStyle: { color: "#91cc75" } }
+		}],
+		grid: {
+			left: "5%",
+			right: "5%",
+			bottom: "10%",
+			containLabel: !0
+		},
+		animationDuration: 600
+	}), [
+		e,
+		o,
+		s,
+		c,
+		l
+	]);
+	return t(() => {
+		u && d.current?.getEchartsInstance()?.resize();
+	}, [u]), /* @__PURE__ */ i(a, {
+		ref: d,
+		option: f,
+		style: {
+			height: 400,
+			width: "100%"
+		},
+		notMerge: !0,
+		autoResize: !0,
+		lazyUpdate: !0
+	});
+}), s = e(({ title: e = "Line Chart", labels: o, values: s, color: c = "#5470C6", visible: l = !1 }) => {
+	let u = r(null), d = n(() => ({
+		title: {
+			text: e,
+			left: "center",
+			textStyle: {
+				fontSize: 18,
+				fontFamily: "Roboto, sans-serif"
+			}
+		},
+		textStyle: { fontFamily: "Roboto, sans-serif" },
+		tooltip: { trigger: "axis" },
+		xAxis: {
+			type: "category",
+			data: o,
+			boundaryGap: !1
+		},
+		yAxis: {
+			type: "value",
+			min: (e) => Math.floor(e.min * .9),
+			max: (e) => Math.ceil(e.max * 1.1)
+		},
+		series: [{
+			data: s,
+			type: "line",
+			smooth: !0,
+			lineStyle: {
+				color: c,
+				width: 3
+			},
+			itemStyle: { color: c },
+			areaStyle: { color: `${c}33` }
+		}],
+		grid: {
+			left: "5%",
+			right: "5%",
+			bottom: "10%",
+			containLabel: !0
+		}
+	}), [
+		e,
+		o,
+		s,
+		c
+	]);
+	return t(() => {
+		l && u.current?.getEchartsInstance()?.resize();
+	}, [l]), /* @__PURE__ */ i(a, {
+		ref: u,
+		option: d,
+		style: {
+			height: 400,
+			width: "100%"
+		},
+		notMerge: !0,
+		autoResize: !0,
+		lazyUpdate: !0
+	});
+}), c = e(({ title: e = "Multi Bar Chart", labels: o, series: s, visible: c = !1 }) => {
+	let l = r(null), u = n(() => ({
+		title: {
+			text: e,
+			left: "center",
+			textStyle: {
+				fontSize: 18,
+				fontFamily: "Roboto, sans-serif"
+			}
+		},
+		textStyle: { fontFamily: "Roboto, sans-serif" },
+		tooltip: {
+			trigger: "axis",
+			axisPointer: { type: "shadow" }
+		},
+		legend: {
+			top: "5%",
+			left: "center",
+			icon: "circle"
+		},
+		grid: {
+			top: "15%",
+			left: "5%",
+			right: "5%",
+			bottom: "10%",
+			containLabel: !0
+		},
+		xAxis: {
+			type: "category",
+			data: o,
+			axisTick: { alignWithLabel: !0 }
+		},
+		yAxis: {
+			type: "value",
+			splitLine: { lineStyle: { color: "#eee" } }
+		},
+		series: s.map((e) => ({
+			name: e.name,
+			type: "bar",
+			data: e.data,
+			barWidth: "40%",
+			itemStyle: {
+				color: e.color,
+				borderRadius: [
+					4,
+					4,
+					0,
+					0
+				]
+			},
+			emphasis: { focus: "series" }
+		})),
+		animationDuration: 600
+	}), [
+		e,
+		o,
+		s
+	]);
+	return t(() => {
+		c && l.current?.getEchartsInstance()?.resize();
+	}, [c]), /* @__PURE__ */ i(a, {
+		ref: l,
+		option: u,
+		style: {
+			height: 400,
+			width: "100%"
+		},
+		notMerge: !0,
+		autoResize: !0,
+		lazyUpdate: !0
+	});
+}), l = e(({ title: e = "Multi-Line Chart", labels: o, series: s, visible: c = !1 }) => {
+	let l = r(null), u = n(() => ({
+		title: {
+			text: e,
+			left: "center",
+			textStyle: {
+				fontSize: 18,
+				fontFamily: "Roboto, sans-serif"
+			}
+		},
+		textStyle: { fontFamily: "Roboto, sans-serif" },
+		tooltip: {
+			trigger: "axis",
+			backgroundColor: "rgba(50,50,50,0.8)",
+			borderWidth: 0,
+			textStyle: { color: "#fff" }
+		},
+		legend: {
+			top: "5%",
+			left: "center",
+			icon: "circle"
+		},
+		grid: {
+			top: "15%",
+			left: "5%",
+			right: "5%",
+			bottom: "10%",
+			containLabel: !0
+		},
+		xAxis: {
+			type: "category",
+			data: o,
+			boundaryGap: !1,
+			axisLine: { lineStyle: { color: "#aaa" } },
+			axisLabel: { fontSize: 12 }
+		},
+		yAxis: {
+			type: "value",
+			axisLine: { show: !1 },
+			splitLine: { lineStyle: { color: "#eee" } }
+		},
+		series: Array.isArray(s) ? s.map((e) => ({
+			name: e.name,
+			type: "line",
+			data: e.data,
+			smooth: !0,
+			lineStyle: {
+				width: 3,
+				color: e.color
+			},
+			itemStyle: { color: e.color },
+			areaStyle: { color: e.color ? `${e.color}33` : void 0 },
+			emphasis: { focus: "series" }
+		})) : [],
+		animationDuration: 600
+	}), [
+		e,
+		o,
+		s
+	]);
+	return t(() => {
+		c && l.current?.getEchartsInstance()?.resize();
+	}, [c]), /* @__PURE__ */ i(a, {
+		ref: l,
+		option: u,
+		style: {
+			height: 400,
+			width: "100%"
+		},
+		notMerge: !0,
+		autoResize: !0,
+		lazyUpdate: !0
+	});
+}), u = e(({ title: e = "Pie Chart", data: o, visible: s = !1 }) => {
+	let c = r(null), l = n(() => ({
+		title: {
+			text: e,
+			left: "center",
+			textStyle: {
+				fontSize: 18,
+				fontFamily: "Roboto, sans-serif"
+			}
+		},
+		textStyle: { fontFamily: "Roboto, sans-serif" },
+		tooltip: {
+			trigger: "item",
+			formatter: "{a} <br/>{b}: {c} ({d}%)"
+		},
+		legend: {
+			left: "center",
+			top: "top"
+		},
+		series: [{
+			name: e,
+			type: "pie",
+			radius: "65%",
+			center: ["50%", "60%"],
+			data: o,
+			emphasis: { itemStyle: {
+				shadowBlur: 10,
+				shadowOffsetX: 0,
+				shadowColor: "rgba(0, 0, 0, 0.3)"
+			} },
+			label: { formatter: "{b}: {d}%" }
+		}]
+	}), [o, e]);
+	return t(() => {
+		s && c.current?.getEchartsInstance()?.resize();
+	}, [s]), /* @__PURE__ */ i(a, {
+		ref: c,
+		option: l,
+		style: {
+			height: 400,
+			width: "100%"
+		},
+		notMerge: !0,
+		autoResize: !0,
+		lazyUpdate: !0
+	});
+});
+//#endregion
+export { o as a, s as i, l as n, c as r, u as t };