@emailmaker/filemanager 1.1.85-dev.1 → 1.1.85-dev.11

package/file-manager-ImageCodeGenerator.js

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