@solostylist/ui-kit 1.0.219 → 1.0.221

package/dist/s-tool-bar-DOcT-lNr.js

@@ -1,448 +0,0 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
-import { t } from "./Close-oXeOGTZb.js";
-import { t as n } from "./Download-DMm8oiCF.js";
-import { t as r } from "./InfoOutlined-CqXSSVWh.js";
-import { t as i } from "./s-select-ClL8bygg.js";
-import a, { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { createPortal as f } from "react-dom";
-import { Box as p, Checkbox as m, Dialog as h, DialogContent as g, DialogTitle as _, Divider as v, IconButton as y, Slider as b, TextField as x, Tooltip as S, Typography as C } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/AddPhotoAlternate.mjs
-var w = e(/* @__PURE__ */ u("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z" }), "AddPhotoAlternate"), T = e(/* @__PURE__ */ u("path", { d: "m19 9 1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25z" }), "AutoAwesome"), E = e(/* @__PURE__ */ u("path", { d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6m6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26" }), "Autorenew"), D = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ u(x, {
-	value: t,
-	onChange: (e) => n(e.target.value),
-	onFocus: r,
-	onBlur: i,
-	placeholder: e.placeholder ?? e.label,
-	disabled: a,
-	multiline: !0,
-	minRows: e.minRows ?? 2,
-	maxRows: e.maxRows ?? 5,
-	fullWidth: !0,
-	...e.componentProps?.textarea ?? {}
-})), O = a.memo((e) => /* @__PURE__ */ u(C, {
-	variant: "caption",
-	sx: {
-		whiteSpace: "nowrap",
-		overflow: "hidden",
-		textOverflow: "ellipsis",
-		width: "100% !important",
-		textAlign: "center"
-	},
-	children: e.label
-})), k = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ d(p, {
-	sx: {
-		width: 120,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ u(O, { label: e.label }), /* @__PURE__ */ u(x, {
-		type: "number",
-		value: t ?? e.defaultValue ?? 0,
-		onChange: (e) => n(Number(e.target.value)),
-		onFocus: r,
-		onBlur: i,
-		disabled: a,
-		slotProps: { htmlInput: {
-			min: e.min,
-			max: e.max,
-			step: e.step
-		} },
-		sx: { "& input": { textAlign: "center" } },
-		...e.componentProps?.number ?? {}
-	})]
-})), A = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabled: o }) => /* @__PURE__ */ d(p, {
-	sx: {
-		width: 180,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ u(O, { label: e.label }), /* @__PURE__ */ u(i, {
-		value: t ?? e.defaultValue ?? "",
-		onChange: (e) => n(e.target.value),
-		onFocus: r,
-		onBlur: a,
-		disabled: o,
-		placeholder: e.placeholder,
-		options: e.options ?? [],
-		optionLabel: e.optionLabel,
-		optionValue: e.optionValue,
-		searchable: e.searchable,
-		searchPlaceholder: e.searchPlaceholder,
-		...e.componentProps?.select ?? {}
-	})]
-})), j = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ d(p, {
-	sx: {
-		width: 160,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ u(O, { label: e.label }), /* @__PURE__ */ d(p, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			height: 36
-		},
-		children: [/* @__PURE__ */ u(b, {
-			value: t ?? e.defaultValue ?? e.min ?? 0,
-			onChange: (e, t) => n(t),
-			onMouseDown: r,
-			onMouseUp: i,
-			disabled: a,
-			min: e.min ?? 0,
-			max: e.max ?? 100,
-			step: e.step ?? 1,
-			sx: { flex: 1 },
-			...e.componentProps?.slider ?? {}
-		}), /* @__PURE__ */ u(p, {
-			sx: {
-				minWidth: 60,
-				textAlign: "center",
-				fontWeight: 500,
-				fontSize: "0.875rem"
-			},
-			children: t ?? e.defaultValue ?? e.min ?? 0
-		})]
-	})]
-})), M = a.memo(({ input: e, value: n, onChange: r, disabled: i }) => {
-	let o = a.useRef(null), [c, l] = a.useState([]), [f, m] = a.useState(null), h = e.multiple ?? !1, g = e.maxImages ?? 5;
-	s(() => {
-		let e = [];
-		return l(((t) => {
-			if (!t) return [];
-			let n = Array.isArray(t) ? t : [t], r = [], i = /* @__PURE__ */ new Map();
-			return n.forEach((t) => {
-				if (t instanceof File) {
-					let n = URL.createObjectURL(t);
-					e.push(n);
-					let a = `file:${t.name}:${t.size}:${t.lastModified}`, o = i.get(a) ?? 0;
-					i.set(a, o + 1), r.push({
-						key: o > 0 ? `${a}:${o}` : a,
-						src: n
-					});
-				} else if (typeof t == "string") {
-					let e = `url:${t}`, n = i.get(e) ?? 0;
-					i.set(e, n + 1), r.push({
-						key: n > 0 ? `${e}:${n}` : e,
-						src: t
-					});
-				}
-			}), r;
-		})(n)), () => {
-			e.forEach((e) => URL.revokeObjectURL(e));
-		};
-	}, [n]);
-	let _ = (e) => {
-		let t = e.target.files;
-		if (!(!t || t.length === 0)) {
-			if (h) {
-				let e = F(n), i = Array.from(t).slice(0, g - e.length);
-				r([...e, ...i]);
-			} else r(t[0]);
-			e.target.value = "";
-		}
-	}, v = (e, t) => {
-		if (e.stopPropagation(), h && Array.isArray(n)) {
-			let e = n.filter((e, n) => n !== t);
-			r(e.length > 0 ? e : null);
-		} else r(null);
-	}, b = () => {
-		i || h && c.length >= g || o.current?.click();
-	}, x = h && c.length < g;
-	return /* @__PURE__ */ d(p, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: .75
-		},
-		children: [
-			/* @__PURE__ */ u("input", {
-				ref: o,
-				type: "file",
-				accept: "image/*",
-				multiple: h,
-				onChange: _,
-				disabled: i,
-				style: { display: "none" },
-				...e.componentProps?.image ?? {}
-			}),
-			c.map((e, n) => /* @__PURE__ */ d(p, {
-				onMouseEnter: () => m(n),
-				onMouseLeave: () => m(null),
-				sx: {
-					width: 50,
-					height: 50,
-					border: 1,
-					borderColor: i ? "action.disabled" : "divider",
-					borderRadius: 1,
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					cursor: i ? "not-allowed" : "default",
-					position: "relative",
-					overflow: "hidden",
-					transition: "all 0.2s"
-				},
-				children: [/* @__PURE__ */ u(p, {
-					component: "img",
-					src: e.src,
-					alt: `Preview ${n + 1}`,
-					sx: {
-						width: "100%",
-						height: "100%",
-						objectFit: "cover"
-					}
-				}), !i && f === n && /* @__PURE__ */ u(p, {
-					onClick: (e) => v(e, n),
-					sx: {
-						position: "absolute",
-						top: 0,
-						left: 0,
-						right: 0,
-						bottom: 0,
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center"
-					},
-					children: /* @__PURE__ */ u(y, {
-						onClick: (e) => v(e, n),
-						children: /* @__PURE__ */ u(t, {})
-					})
-				})]
-			}, e.key)),
-			(c.length === 0 || x) && /* @__PURE__ */ u(p, {
-				onClick: b,
-				sx: {
-					width: 50,
-					height: 50,
-					border: 1,
-					borderColor: i ? "action.disabled" : "divider",
-					borderRadius: 1,
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					cursor: i ? "not-allowed" : "pointer",
-					transition: "all 0.2s",
-					"&:hover": { bgcolor: "action.hover" }
-				},
-				children: /* @__PURE__ */ u(w, { sx: {
-					fontSize: 20,
-					color: i ? "action.disabled" : "divider"
-				} })
-			})
-		]
-	});
-}), N = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ d(p, {
-	sx: {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		minWidth: 60
-	},
-	children: [/* @__PURE__ */ u(O, { label: e.label }), /* @__PURE__ */ u(m, {
-		checked: t ?? e.defaultValue ?? !1,
-		onChange: (e) => n(e.target.checked),
-		onFocus: r,
-		onBlur: i,
-		disabled: a,
-		...e.componentProps?.checkbox ?? {}
-	})]
-}));
-function P(e, t) {
-	return e.required ? e.type === "textarea" ? typeof t == "string" && t.trim() !== "" : e.type === "number" || e.type === "slider" ? t != null : e.type === "select" ? t != null && t !== "" : !0 : !0;
-}
-function F(e) {
-	return Array.isArray(e) ? e : e instanceof File || typeof e == "string" ? [e] : [];
-}
-function I(e) {
-	return e.reduce((e, t) => (t.type === "image" ? e.imageInputs.push(t) : t.type === "textarea" ? e.textareaInputs.push(t) : e.paramInputs.push(t), e), {
-		imageInputs: [],
-		textareaInputs: [],
-		paramInputs: []
-	});
-}
-function L(e, t) {
-	return e.length > 0 || t.length > 0;
-}
-function R(e, t, n, r) {
-	return e || !t || n || r;
-}
-var z = (e) => {
-	switch (e.input.type) {
-		case "textarea": return /* @__PURE__ */ u(D, { ...e });
-		case "number": return /* @__PURE__ */ u(k, { ...e });
-		case "slider": return /* @__PURE__ */ u(j, { ...e });
-		case "select": return /* @__PURE__ */ u(A, { ...e });
-		case "image": return /* @__PURE__ */ u(M, {
-			input: e.input,
-			value: e.value,
-			onChange: e.onChange,
-			disabled: e.disabled
-		});
-		case "checkbox": return /* @__PURE__ */ u(N, { ...e });
-		default: return null;
-	}
-}, B = a.memo(({ input: e, value: t, disabled: n, onChange: r, onFocus: i, onBlur: a }) => e.renderInput ? /* @__PURE__ */ u(p, { children: e.renderInput({
-	value: t,
-	onChange: r,
-	onFocus: i,
-	onBlur: a,
-	disabled: n
-}) }) : /* @__PURE__ */ u(z, {
-	input: e,
-	value: t,
-	onChange: r,
-	onFocus: i,
-	onBlur: a,
-	disabled: n
-})), V = a.memo(({ customActionButtons: e, infoContent: t, infoTooltip: i, downloadTooltip: a, resetTooltip: o, processTooltip: s, hideProcessButton: c, processActionDisabled: l, onInfoOpen: f, onDownload: m, onReset: h, onProcess: g }) => /* @__PURE__ */ d(p, {
-	sx: {
-		display: "flex",
-		alignItems: "center",
-		gap: .75,
-		ml: "auto"
-	},
-	children: [
-		e,
-		t && /* @__PURE__ */ u(S, {
-			title: i,
-			children: /* @__PURE__ */ u(y, {
-				onClick: f,
-				children: /* @__PURE__ */ u(r, {})
-			})
-		}),
-		/* @__PURE__ */ u(S, {
-			title: a,
-			children: /* @__PURE__ */ u(y, {
-				onClick: m,
-				children: /* @__PURE__ */ u(n, {})
-			})
-		}),
-		/* @__PURE__ */ u(S, {
-			title: o,
-			children: /* @__PURE__ */ u(y, {
-				onClick: h,
-				children: /* @__PURE__ */ u(E, {})
-			})
-		}),
-		!c && /* @__PURE__ */ u(S, {
-			title: s,
-			children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(y, {
-				onClick: g,
-				disabled: l,
-				size: "large",
-				children: /* @__PURE__ */ u(T, { color: l ? "disabled" : "primary" })
-			}) })
-		})
-	]
-})), H = ({ inputs: e = [], onProcess: t, onReset: n, onDownload: r, processing: i = !1, uploading: a = !1, inputValues: s = {}, onInputChange: m, customActionButtons: y, hideProcessButton: b = !1, processButtonDisabled: x = !1, getInputDisabled: S, processTooltip: C = "Process", downloadTooltip: w = "Download", resetTooltip: T = "Reset", infoTooltip: E = "Information", infoTitle: D = "Tool Information", infoContent: O, position: k = "bottom", relative: A = !1, containerSx: j, sx: M }) => {
-	let [N, F] = l(!1), z = c(() => e.length === 0 ? !0 : e.every((e) => P(e, s[e.key])), [e, s]), { imageInputs: H, textareaInputs: U, paramInputs: W } = c(() => I(e), [e]), G = L(H, W), K = R(x, z, a, i), q = o(() => {}, []), J = o(() => {}, []), Y = o((e, t, n) => {
-		m?.(e, t, n);
-	}, [m]), X = o(() => F(!0), []), Z = o(() => F(!1), []), Q = o((e) => {
-		let t = s[e.key];
-		return /* @__PURE__ */ u(B, {
-			input: e,
-			value: t,
-			onChange: (t) => Y(e.key, t),
-			onFocus: q,
-			onBlur: J,
-			disabled: S?.(e.key) ?? !1
-		}, e.key);
-	}, [
-		s,
-		S,
-		Y,
-		q,
-		J
-	]), $ = /* @__PURE__ */ d(p, {
-		sx: {
-			position: A ? "relative" : "fixed",
-			[k]: A ? "auto" : 20,
-			left: A ? "auto" : "50%",
-			transform: A ? "none" : "translateX(-50%)",
-			zIndex: A ? "auto" : 1300,
-			display: A ? "flex" : "block",
-			justifyContent: A ? "center" : "initial",
-			mt: A && k === "top" ? 2 : 0,
-			mb: A && k === "bottom" ? 2 : 0,
-			...j
-		},
-		children: [/* @__PURE__ */ d(p, {
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				gap: 2,
-				p: 2,
-				borderRadius: 2,
-				border: 1,
-				borderColor: "divider",
-				bgcolor: "background.default",
-				...M
-			},
-			children: [U.length > 0 && /* @__PURE__ */ u(p, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 2
-				},
-				children: U.map(Q)
-			}), /* @__PURE__ */ d(p, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: .5
-				},
-				children: [
-					/* @__PURE__ */ u(p, {
-						sx: {
-							display: "flex",
-							alignItems: "center",
-							gap: 2,
-							flex: 1
-						},
-						children: G && /* @__PURE__ */ d(p, {
-							sx: {
-								display: "flex",
-								alignItems: "flex-end",
-								gap: 1.5
-							},
-							children: [H.map(Q), W.map(Q)]
-						})
-					}),
-					G && /* @__PURE__ */ u(v, {
-						orientation: "vertical",
-						flexItem: !0,
-						sx: {
-							mx: .5,
-							flexShrink: 0
-						}
-					}),
-					/* @__PURE__ */ u(V, {
-						customActionButtons: y,
-						infoContent: O,
-						infoTooltip: E,
-						downloadTooltip: w,
-						resetTooltip: T,
-						processTooltip: C,
-						hideProcessButton: b,
-						processActionDisabled: K,
-						onInfoOpen: X,
-						onDownload: r,
-						onReset: n,
-						onProcess: t
-					})
-				]
-			})]
-		}), O && /* @__PURE__ */ d(h, {
-			open: N,
-			onClose: Z,
-			maxWidth: "sm",
-			fullWidth: !0,
-			children: [/* @__PURE__ */ u(_, { children: D }), /* @__PURE__ */ u(g, { children: O })]
-		})]
-	});
-	return !A && typeof window < "u" ? f($, document.body) : $;
-};
-H.displayName = "SToolBar";
-//#endregion
-export { H as t };