@emailmaker/filemanager 0.10.101 → 0.10.103

package/file-manager-ImageCodeGenerator-DroVucLL.js

@@ -0,0 +1,368 @@
+import { n as e } from "./file-manager-rolldown-runtime-DtPi1Y-2.js";
+import { I as t, P as n, V as r } from "./file-manager-hooks-Dg-OcR_x.js";
+import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { Alert as l, Button as u, Checkbox as d, ColorPicker as f, Input as p, InputNumber as m, Segmented as ee, Typography as h } from "antd";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Expand01 as v } from "@untitledui/icons";
+//#region src/components/ImageCodeGenerator/ImageCodeGenerator.module.scss
+var y = n(), b = {
+	"em-filemanager": "em-filemanager",
+	emFilemanager: "em-filemanager",
+	root: "root",
+	controls: "controls",
+	segmentedControl: "segmentedControl",
+	sizeRow: "sizeRow",
+	sizeRowLabel: "sizeRowLabel",
+	sizeInputNumber: "sizeInputNumber",
+	sizeSuffix: "sizeSuffix",
+	colorGrid: "colorGrid",
+	colorCell: "colorCell",
+	colorCellLabel: "colorCellLabel",
+	colorPickerFull: "colorPickerFull",
+	bgExtras: "bgExtras",
+	bgWarning: "bgWarning",
+	previewSection: "previewSection",
+	previewTitle: "previewTitle",
+	previewWrap: "previewWrap",
+	scanLine: "scanLine",
+	scanLineBarcode: "scanLineBarcode",
+	previewWrapBarcode: "previewWrapBarcode",
+	previewCanvas: "previewCanvas",
+	previewCanvasBarcode: "previewCanvasBarcode",
+	actions: "actions"
+}, x = 80, S = 600, te = 200, C = 24, w = 130, T = 60, E = 280, D = 72;
+function ne() {
+	return typeof window > "u" ? 2 : Math.min(3, Math.max(2, window.devicePixelRatio || 2));
+}
+var O = ({ customRequest: n, state: O, setState: k }) => {
+	let { t: A } = r(), { options: j } = t(), M = j?.config?.iconStrokeWidth ?? 1.75, N = s(null), { mode: P, rawText: F, foregroundHex: I, backgroundHex: L, transparentBackground: R, qrSidePx: z, barcodeBarHeightPx: B } = O, V = i((e) => k((t) => ({
+		...t,
+		mode: e
+	})), [k]), H = i((e) => k((t) => ({
+		...t,
+		rawText: e
+	})), [k]), U = i((e) => k((t) => ({
+		...t,
+		foregroundHex: e
+	})), [k]), re = i((e) => k((t) => ({
+		...t,
+		backgroundHex: e
+	})), [k]), ie = i((e) => k((t) => ({
+		...t,
+		transparentBackground: e
+	})), [k]), ae = i((e) => k((t) => ({
+		...t,
+		qrSidePx: e
+	})), [k]), oe = i((e) => k((t) => ({
+		...t,
+		barcodeBarHeightPx: e
+	})), [k]), [W, se] = c(F), [G, K] = c(null), [q, J] = c(!1), Y = o(() => (0, y.debounce)((e) => se(e), 300), []);
+	a(() => (Y(F), () => {
+		Y.cancel();
+	}), [F, Y]);
+	let X = R ? "#00000000" : L, Z = i(async (t, n) => {
+		let r = (await import("./file-manager-browser-CweGvoKm.js").then((t) => /* @__PURE__ */ e(t.default))).default, i = n.trim(), a = Math.min(E, Math.max(x, z));
+		if (!i) {
+			t.width = a, t.height = a;
+			let e = t.getContext("2d");
+			e && e.clearRect(0, 0, t.width, t.height);
+			return;
+		}
+		t.width = a, t.height = a, await r.toCanvas(t, i, {
+			width: a,
+			margin: 2,
+			color: {
+				dark: I,
+				light: X
+			}
+		});
+	}, [
+		I,
+		X,
+		z
+	]), Q = i(async (t, n) => {
+		let r = (await import("./file-manager-JsBarcode-Cji_rnaG.js").then((t) => /* @__PURE__ */ e(t.default))).default, i = n.trim(), a = R ? "rgba(0,0,0,0)" : L, o = Math.min(D, Math.max(C, B)), s = Math.max(1, Math.round(o / 42)), c = Math.max(4, Math.round(o * .07)), l = Math.max(10, Math.round(o * .15));
+		if (!i) {
+			t.width = Math.round(o * 4), t.height = Math.round(o * 1.65);
+			let e = t.getContext("2d");
+			e && e.clearRect(0, 0, t.width, t.height);
+			return;
+		}
+		t.width = Math.round(o * 4.2), t.height = Math.round(o * 1.65), r(t, i, {
+			format: "CODE128",
+			displayValue: !0,
+			background: a,
+			lineColor: I,
+			margin: c,
+			width: s,
+			height: o,
+			fontSize: l
+		});
+	}, [
+		I,
+		L,
+		R,
+		B
+	]);
+	a(() => {
+		let e = N.current;
+		if (!e) return;
+		let t = !1;
+		return (async () => {
+			try {
+				P === "qr" ? await Z(e, W) : await Q(e, W), t || K(null);
+			} catch (n) {
+				let r = n instanceof Error ? n.message : String(n);
+				if (!t) {
+					K(P === "barcode" ? A("Barcode generation failed") : r);
+					let t = e.getContext("2d");
+					t && t.clearRect(0, 0, e.width, e.height);
+				}
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		P,
+		W,
+		Q,
+		Z,
+		A
+	]);
+	let $ = i(async () => {
+		Y.flush();
+		let t = F.trim();
+		if (!t) throw Error(A("Enter text or URL to preview"));
+		let n = ne();
+		if (P === "qr") {
+			let r = Math.round(Math.min(S, Math.max(x, z)) * n), i = document.createElement("canvas");
+			i.width = r, i.height = r, await (await import("./file-manager-browser-CweGvoKm.js").then((t) => /* @__PURE__ */ e(t.default))).default.toCanvas(i, t, {
+				width: r,
+				margin: 2,
+				color: {
+					dark: I,
+					light: X
+				}
+			});
+			let a = await new Promise((e) => i.toBlob(e, "image/png"));
+			if (!a) throw Error("PNG export failed");
+			return a;
+		}
+		let r = (await import("./file-manager-JsBarcode-Cji_rnaG.js").then((t) => /* @__PURE__ */ e(t.default))).default, i = document.createElement("canvas"), a = R ? "rgba(0,0,0,0)" : L, o = Math.min(w, Math.max(C, B)), s = Math.max(6, Math.round(o * .1)), c = Math.max(2, Math.round(o / 36)), l = Math.max(12, Math.round(o * .16));
+		r(i, t, {
+			format: "CODE128",
+			displayValue: !0,
+			background: a,
+			lineColor: I,
+			margin: Math.round(s * n),
+			width: Math.round(c * n),
+			height: Math.round(o * n),
+			fontSize: Math.round(l * n)
+		});
+		let u = await new Promise((e) => i.toBlob(e, "image/png"));
+		if (!u) throw Error("PNG export failed");
+		return u;
+	}, [
+		P,
+		F,
+		I,
+		X,
+		L,
+		R,
+		z,
+		B,
+		Y,
+		A
+	]), ce = i(async () => {
+		if (!q && F.trim()) {
+			J(!0);
+			try {
+				let e;
+				try {
+					e = await $();
+				} catch (e) {
+					let t = e instanceof Error ? e.message : String(e);
+					K(t);
+					return;
+				}
+				let t = new File([e], `${P === "qr" ? "qr-code" : "barcode"}-${Date.now()}.png`, {
+					type: "image/png",
+					lastModified: Date.now()
+				});
+				await Promise.resolve(n({ file: t }));
+			} finally {
+				J(!1);
+			}
+		}
+	}, [
+		n,
+		$,
+		P,
+		F,
+		q
+	]), le = !!F.trim() && !G;
+	return /* @__PURE__ */ g("div", {
+		className: b.root,
+		children: /* @__PURE__ */ _("div", {
+			className: b.controls,
+			children: [
+				/* @__PURE__ */ g(ee, {
+					block: !0,
+					className: b.segmentedControl,
+					value: P,
+					onChange: (e) => {
+						V(e), K(null);
+					},
+					options: [{
+						label: A("QR code"),
+						value: "qr"
+					}, {
+						label: A("Barcode"),
+						value: "barcode"
+					}]
+				}),
+				G && /* @__PURE__ */ g(l, {
+					type: "error",
+					title: A("Validation error"),
+					description: G,
+					showIcon: !0,
+					closable: !0,
+					onClose: () => K(null)
+				}),
+				/* @__PURE__ */ g(p.TextArea, {
+					value: F,
+					onChange: (e) => {
+						H(e.target.value), K(null);
+					},
+					placeholder: A("Text or URL"),
+					rows: 3,
+					spellCheck: !1,
+					autoComplete: "off"
+				}),
+				/* @__PURE__ */ _("div", {
+					className: b.sizeRow,
+					children: [/* @__PURE__ */ g(h.Text, {
+						type: "secondary",
+						className: b.sizeRowLabel,
+						children: A(P === "qr" ? "QR image size px" : "Barcode bar height px")
+					}), P === "qr" ? /* @__PURE__ */ g(m, {
+						className: b.sizeInputNumber,
+						min: x,
+						max: S,
+						step: 8,
+						value: z,
+						onChange: (e) => ae(typeof e == "number" && !Number.isNaN(e) ? e : te),
+						prefix: /* @__PURE__ */ g(v, {
+							size: 18,
+							strokeWidth: M
+						}),
+						suffix: /* @__PURE__ */ g("span", {
+							className: b.sizeSuffix,
+							children: "px"
+						}),
+						"aria-label": A("QR image size px")
+					}) : /* @__PURE__ */ g(m, {
+						className: b.sizeInputNumber,
+						min: C,
+						max: w,
+						step: 4,
+						value: B,
+						onChange: (e) => oe(typeof e == "number" && !Number.isNaN(e) ? e : T),
+						prefix: /* @__PURE__ */ g(v, {
+							size: 18,
+							strokeWidth: M
+						}),
+						suffix: /* @__PURE__ */ g("span", {
+							className: b.sizeSuffix,
+							children: "px"
+						}),
+						"aria-label": A("Barcode bar height px")
+					})]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: b.colorGrid,
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: b.colorCell,
+							children: [/* @__PURE__ */ g(h.Text, {
+								type: "secondary",
+								className: b.colorCellLabel,
+								children: A("Code color", "Code color")
+							}), /* @__PURE__ */ g(f, {
+								className: b.colorPickerFull,
+								value: I,
+								format: "hex",
+								disabledAlpha: !0,
+								showText: !0,
+								onChange: (e, t) => {
+									let n = typeof e == "string" ? e : e?.toHexString ? e.toHexString() : t;
+									U(n);
+								}
+							})]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: b.colorCell,
+							children: [/* @__PURE__ */ g(h.Text, {
+								type: "secondary",
+								className: b.colorCellLabel,
+								children: A("Background color", "Background color")
+							}), /* @__PURE__ */ g(f, {
+								className: b.colorPickerFull,
+								value: L,
+								format: "hex",
+								disabledAlpha: !0,
+								showText: !0,
+								disabled: R,
+								onChange: (e, t) => {
+									let n = typeof e == "string" ? e : e?.toHexString ? e.toHexString() : t;
+									re(n);
+								}
+							})]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: b.bgExtras,
+							children: [/* @__PURE__ */ g(d, {
+								checked: R,
+								onChange: (e) => ie(e.target.checked),
+								children: A("Transparent background", "Transparent background")
+							}), R && /* @__PURE__ */ g(l, {
+								type: "warning",
+								showIcon: !0,
+								title: A("QR transparent background hint"),
+								className: b.bgWarning
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: b.previewSection,
+					children: [/* @__PURE__ */ g(h.Text, {
+						className: b.previewTitle,
+						children: A("Preview", "Preview")
+					}), /* @__PURE__ */ _("div", {
+						className: [b.previewWrap, P === "barcode" && b.previewWrapBarcode].filter(Boolean).join(" "),
+						children: [/* @__PURE__ */ g("div", { className: [b.scanLine, P === "barcode" && b.scanLineBarcode].filter(Boolean).join(" ") }), /* @__PURE__ */ g("canvas", {
+							ref: N,
+							className: [b.previewCanvas, P === "barcode" && b.previewCanvasBarcode].filter(Boolean).join(" "),
+							"aria-label": A("Preview")
+						})]
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: b.actions,
+					children: /* @__PURE__ */ g(u, {
+						type: "primary",
+						onClick: () => void ce(),
+						loading: q,
+						disabled: !le,
+						children: A("Add to My files")
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=file-manager-ImageCodeGenerator-DroVucLL.js.map