@solostylist/ui-kit 1.0.225 → 1.0.226

package/dist/s-tool-bar-DaZ2wT09.js

@@ -1,454 +0,0 @@
-import { tint as e } from "./theme/utils.js";
-import { t } from "./createSvgIcon-BdNZIlKS.js";
-import { t as n } from "./Close-Bj2HYB9Q.js";
-import { t as r } from "./Download-BhSXOhCI.js";
-import { t as i } from "./InfoOutlined-C1AW3f5V.js";
-import { t as a } from "./s-select-B-dEcddK.js";
-import o, { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createPortal as p } from "react-dom";
-import { Box as m, Checkbox as h, Dialog as g, DialogContent as _, DialogTitle as v, Divider as y, IconButton as b, Slider as x, TextField as S, Tooltip as C, Typography as w } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/AddPhotoAlternate.mjs
-var T = t(/* @__PURE__ */ d("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"), E = t(/* @__PURE__ */ d("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"), D = t(/* @__PURE__ */ d("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"), O = o.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ d(S, {
-	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 ?? {}
-})), k = o.memo((e) => /* @__PURE__ */ d(w, {
-	variant: "caption",
-	sx: {
-		whiteSpace: "nowrap",
-		overflow: "hidden",
-		textOverflow: "ellipsis",
-		width: "100% !important",
-		textAlign: "center"
-	},
-	children: e.label
-})), A = o.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ f(m, {
-	sx: {
-		width: 120,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ d(k, { label: e.label }), /* @__PURE__ */ d(S, {
-		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 ?? {}
-	})]
-})), j = o.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: o }) => /* @__PURE__ */ f(m, {
-	sx: {
-		width: 180,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ d(k, { label: e.label }), /* @__PURE__ */ d(a, {
-		value: t ?? e.defaultValue ?? "",
-		onChange: (e) => n(e.target.value),
-		onFocus: r,
-		onBlur: i,
-		disabled: o,
-		placeholder: e.placeholder,
-		options: e.options ?? [],
-		optionLabel: e.optionLabel,
-		optionValue: e.optionValue,
-		searchable: e.searchable,
-		searchPlaceholder: e.searchPlaceholder,
-		...e.componentProps?.select ?? {}
-	})]
-})), M = o.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ f(m, {
-	sx: {
-		width: 160,
-		display: "flex",
-		flexDirection: "column"
-	},
-	children: [/* @__PURE__ */ d(k, { label: e.label }), /* @__PURE__ */ f(m, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			height: 36
-		},
-		children: [/* @__PURE__ */ d(x, {
-			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__ */ d(m, {
-			sx: {
-				minWidth: 60,
-				textAlign: "center",
-				fontWeight: 500,
-				fontSize: "0.875rem"
-			},
-			children: t ?? e.defaultValue ?? e.min ?? 0
-		})]
-	})]
-})), N = o.memo(({ input: e, value: t, onChange: r, disabled: i }) => {
-	let a = o.useRef(null), [s, l] = o.useState([]), [u, p] = o.useState(null), h = e.multiple ?? !1, g = e.maxImages ?? 5;
-	c(() => {
-		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;
-		})(t)), () => {
-			e.forEach((e) => URL.revokeObjectURL(e));
-		};
-	}, [t]);
-	let _ = (e) => {
-		let n = e.target.files;
-		if (!(!n || n.length === 0)) {
-			if (h) {
-				let e = I(t), i = Array.from(n).slice(0, g - e.length);
-				r([...e, ...i]);
-			} else r(n[0]);
-			e.target.value = "";
-		}
-	}, v = (e, n) => {
-		if (e.stopPropagation(), h && Array.isArray(t)) {
-			let e = t.filter((e, t) => t !== n);
-			r(e.length > 0 ? e : null);
-		} else r(null);
-	}, y = () => {
-		i || h && s.length >= g || a.current?.click();
-	}, x = h && s.length < g;
-	return /* @__PURE__ */ f(m, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			gap: .75
-		},
-		children: [
-			/* @__PURE__ */ d("input", {
-				ref: a,
-				type: "file",
-				accept: "image/*",
-				multiple: h,
-				onChange: _,
-				disabled: i,
-				style: { display: "none" },
-				...e.componentProps?.image ?? {}
-			}),
-			s.map((e, t) => /* @__PURE__ */ f(m, {
-				onMouseEnter: () => p(t),
-				onMouseLeave: () => p(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__ */ d(m, {
-					component: "img",
-					src: e.src,
-					alt: `Preview ${t + 1}`,
-					sx: {
-						width: "100%",
-						height: "100%",
-						objectFit: "cover"
-					}
-				}), !i && u === t && /* @__PURE__ */ d(m, {
-					onClick: (e) => v(e, t),
-					sx: {
-						position: "absolute",
-						top: 0,
-						left: 0,
-						right: 0,
-						bottom: 0,
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center"
-					},
-					children: /* @__PURE__ */ d(b, {
-						onClick: (e) => v(e, t),
-						children: /* @__PURE__ */ d(n, {})
-					})
-				})]
-			}, e.key)),
-			(s.length === 0 || x) && /* @__PURE__ */ d(m, {
-				onClick: y,
-				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__ */ d(T, { sx: {
-					fontSize: 20,
-					color: i ? "action.disabled" : "divider"
-				} })
-			})
-		]
-	});
-}), P = o.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ f(m, {
-	sx: {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		minWidth: 60
-	},
-	children: [/* @__PURE__ */ d(k, { label: e.label }), /* @__PURE__ */ d(h, {
-		checked: t ?? e.defaultValue ?? !1,
-		onChange: (e) => n(e.target.checked),
-		onFocus: r,
-		onBlur: i,
-		disabled: a,
-		...e.componentProps?.checkbox ?? {}
-	})]
-}));
-function F(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 I(e) {
-	return Array.isArray(e) ? e : e instanceof File || typeof e == "string" ? [e] : [];
-}
-function L(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 R(e, t) {
-	return e.length > 0 || t.length > 0;
-}
-function z(e, t, n, r) {
-	return e || !t || n || r;
-}
-var B = (e) => {
-	switch (e.input.type) {
-		case "textarea": return /* @__PURE__ */ d(O, { ...e });
-		case "number": return /* @__PURE__ */ d(A, { ...e });
-		case "slider": return /* @__PURE__ */ d(M, { ...e });
-		case "select": return /* @__PURE__ */ d(j, { ...e });
-		case "image": return /* @__PURE__ */ d(N, {
-			input: e.input,
-			value: e.value,
-			onChange: e.onChange,
-			disabled: e.disabled
-		});
-		case "checkbox": return /* @__PURE__ */ d(P, { ...e });
-		default: return null;
-	}
-}, V = o.memo(({ input: e, value: t, disabled: n, onChange: r, onFocus: i, onBlur: a }) => e.renderInput ? /* @__PURE__ */ d(m, { children: e.renderInput({
-	value: t,
-	onChange: r,
-	onFocus: i,
-	onBlur: a,
-	disabled: n
-}) }) : /* @__PURE__ */ d(B, {
-	input: e,
-	value: t,
-	onChange: r,
-	onFocus: i,
-	onBlur: a,
-	disabled: n
-})), H = o.memo(({ customActionButtons: e, infoContent: t, infoTooltip: n, downloadTooltip: a, resetTooltip: o, processTooltip: s, hideProcessButton: c, processActionDisabled: l, onInfoOpen: u, onDownload: p, onReset: h, onProcess: g }) => /* @__PURE__ */ f(m, {
-	sx: {
-		display: "flex",
-		alignItems: "center",
-		gap: 1,
-		ml: "auto"
-	},
-	children: [
-		e,
-		t && /* @__PURE__ */ d(C, {
-			title: n,
-			children: /* @__PURE__ */ d(b, {
-				onClick: u,
-				children: /* @__PURE__ */ d(i, {})
-			})
-		}),
-		/* @__PURE__ */ d(C, {
-			title: a,
-			children: /* @__PURE__ */ d(b, {
-				onClick: p,
-				children: /* @__PURE__ */ d(r, {})
-			})
-		}),
-		/* @__PURE__ */ d(C, {
-			title: o,
-			children: /* @__PURE__ */ d(b, {
-				onClick: h,
-				children: /* @__PURE__ */ d(D, {})
-			})
-		}),
-		!c && /* @__PURE__ */ d(C, {
-			title: s,
-			children: /* @__PURE__ */ d("span", { children: /* @__PURE__ */ d(b, {
-				onClick: g,
-				disabled: l,
-				size: "large",
-				children: /* @__PURE__ */ d(E, { color: l ? "disabled" : "primary" })
-			}) })
-		})
-	]
-})), U = ({ inputs: t = [], onProcess: n, onReset: r, onDownload: i, processing: a = !1, uploading: o = !1, inputValues: c = {}, onInputChange: h, customActionButtons: b, hideProcessButton: x = !1, processButtonDisabled: S = !1, getInputDisabled: C, processTooltip: w = "Process", downloadTooltip: T = "Download", resetTooltip: E = "Reset", infoTooltip: D = "Information", infoTitle: O = "Tool Information", infoContent: k, position: A = "bottom", relative: j = !1, containerSx: M, sx: N }) => {
-	let [P, I] = u(!1), B = l(() => t.length === 0 ? !0 : t.every((e) => F(e, c[e.key])), [t, c]), { imageInputs: U, textareaInputs: W, paramInputs: G } = l(() => L(t), [t]), K = R(U, G), q = z(S, B, o, a), J = s(() => {}, []), Y = s(() => {}, []), X = s((e, t, n) => {
-		h?.(e, t, n);
-	}, [h]), Z = s(() => I(!0), []), ee = s(() => I(!1), []), Q = s((e) => {
-		let t = c[e.key];
-		return /* @__PURE__ */ d(V, {
-			input: e,
-			value: t,
-			onChange: (t) => X(e.key, t),
-			onFocus: J,
-			onBlur: Y,
-			disabled: C?.(e.key) ?? !1
-		}, e.key);
-	}, [
-		c,
-		C,
-		X,
-		J,
-		Y
-	]), $ = /* @__PURE__ */ f(m, {
-		sx: {
-			position: j ? "relative" : "fixed",
-			[A]: j ? "auto" : 20,
-			left: j ? "auto" : "50%",
-			transform: j ? "none" : "translateX(-50%)",
-			zIndex: j ? "auto" : 1300,
-			display: j ? "flex" : "block",
-			justifyContent: j ? "center" : "initial",
-			mt: j && A === "top" ? 2 : 0,
-			mb: j && A === "bottom" ? 2 : 0,
-			...M
-		},
-		children: [/* @__PURE__ */ f(m, {
-			sx: [(t) => ({
-				display: "flex",
-				flexDirection: "column",
-				gap: 2,
-				p: 2,
-				borderRadius: 2,
-				border: 1,
-				borderColor: "divider",
-				bgcolor: "background.default",
-				transition: "border 120ms ease-in",
-				"&:hover": { borderColor: (t.vars ?? t).palette.grey[500] },
-				"&:focus-within": {
-					outline: `3px solid ${e((t.vars ?? t).palette.primary[500], 50)}`,
-					borderColor: (t.vars ?? t).palette.primary[400]
-				}
-			}), ...Array.isArray(N) ? N : [N]],
-			children: [W.length > 0 && /* @__PURE__ */ d(m, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					gap: 2
-				},
-				children: W.map(Q)
-			}), /* @__PURE__ */ f(m, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: .5
-				},
-				children: [
-					/* @__PURE__ */ d(m, {
-						sx: {
-							display: "flex",
-							alignItems: "center",
-							gap: 2,
-							flex: 1
-						},
-						children: K && /* @__PURE__ */ f(m, {
-							sx: {
-								display: "flex",
-								alignItems: "center",
-								gap: 1.5
-							},
-							children: [U.map(Q), G.map(Q)]
-						})
-					}),
-					K && /* @__PURE__ */ d(y, {
-						orientation: "vertical",
-						flexItem: !0,
-						sx: {
-							mx: .5,
-							flexShrink: 0
-						}
-					}),
-					/* @__PURE__ */ d(H, {
-						customActionButtons: b,
-						infoContent: k,
-						infoTooltip: D,
-						downloadTooltip: T,
-						resetTooltip: E,
-						processTooltip: w,
-						hideProcessButton: x,
-						processActionDisabled: q,
-						onInfoOpen: Z,
-						onDownload: i,
-						onReset: r,
-						onProcess: n
-					})
-				]
-			})]
-		}), k && /* @__PURE__ */ f(g, {
-			open: P,
-			onClose: ee,
-			maxWidth: "sm",
-			fullWidth: !0,
-			children: [/* @__PURE__ */ d(v, { children: O }), /* @__PURE__ */ d(_, { children: k })]
-		})]
-	});
-	return !j && typeof window < "u" ? p($, document.body) : $;
-};
-U.displayName = "SToolBar";
-//#endregion
-export { U as t };