@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/s-language-switcher-B96dUknj.js

@@ -1,192 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { _ as t } from "./createTheme-Bnw5w28O.js";
-import { o as n, r, t as i } from "./memoTheme-QMocAblm.js";
-import { t as a } from "./clsx-Bv8WXdlr.js";
-import { t as o } from "./styled-BTDmdi4c.js";
-import { u as s } from "./Modal-CLdC2-Th.js";
-import { t as c } from "./MenuList-vtqACjea.js";
-import { t as l } from "./Popover-ZneFWo2r.js";
-import { t as u } from "./Typography-CZ_MYa-E.js";
-import { SIconButton as d } from "./s-icon-button/s-icon-button.js";
-import { r as f, t as p } from "./MenuItem-IOMcBScJ.js";
-import * as m from "react";
-import h, { createElement as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useTranslation as y } from "react-i18next";
-//#region ../../node_modules/@mui/material/ListItemIcon/ListItemIcon.mjs
-var b = /* @__PURE__ */ e(t(), 1), x = (e) => {
-	let { alignItems: t, classes: r } = e;
-	return n({ root: ["root", t === "flex-start" && "alignItemsFlexStart"] }, f, r);
-}, S = o("div", {
-	name: "MuiListItemIcon",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [t.root, n.alignItems === "flex-start" && t.alignItemsFlexStart];
-	}
-})(i(({ theme: e }) => ({
-	minWidth: e.spacing(4.5),
-	color: (e.vars || e).palette.action.active,
-	flexShrink: 0,
-	display: "inline-flex",
-	variants: [{
-		props: { alignItems: "flex-start" },
-		style: { marginTop: 8 }
-	}]
-}))), C = /* @__PURE__ */ m.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiListItemIcon"
-	}), { className: i, ...o } = n, c = m.useContext(s), l = {
-		...n,
-		alignItems: c.alignItems
-	};
-	return /* @__PURE__ */ _(S, {
-		className: a(x(l).root, i),
-		ownerState: l,
-		ref: t,
-		...o
-	});
-});
-process.env.NODE_ENV !== "production" && (C.propTypes = {
-	children: b.default.node,
-	classes: b.default.object,
-	className: b.default.string,
-	sx: b.default.oneOfType([
-		b.default.arrayOf(b.default.oneOfType([
-			b.default.func,
-			b.default.object,
-			b.default.bool
-		])),
-		b.default.func,
-		b.default.object
-	])
-});
-//#endregion
-//#region ../../node_modules/react-country-flag/dist/react-country-flag.esm.js
-function w() {
-	return w = Object.assign ? Object.assign.bind() : function(e) {
-		for (var t = 1; t < arguments.length; t++) {
-			var n = arguments[t];
-			for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-		}
-		return e;
-	}, w.apply(this, arguments);
-}
-function T(e, t) {
-	if (e == null) return {};
-	var n = {}, r = Object.keys(e), i, a;
-	for (a = 0; a < r.length; a++) i = r[a], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
-	return n;
-}
-var E = [
-	"cdnSuffix",
-	"cdnUrl",
-	"countryCode",
-	"style",
-	"svg"
-], D = "https://cdn.jsdelivr.net/gh/lipis/flag-icons/flags/4x3/", O = "svg", k = 127397, A = function(e) {
-	var t = e.cdnSuffix, n = t === void 0 ? O : t, r = e.cdnUrl, i = r === void 0 ? D : r, a = e.countryCode, o = e.style, s = e.svg, c = s === void 0 ? !1 : s, l = T(e, E);
-	if (typeof a != "string") return null;
-	if (c) {
-		var u = "" + i + a.toLowerCase() + "." + n;
-		return g("img", Object.assign({}, l, {
-			src: u,
-			style: w({
-				display: "inline-block",
-				width: "1em",
-				height: "1em",
-				verticalAlign: "middle"
-			}, o)
-		}));
-	}
-	var d = a.toUpperCase().replace(/./g, function(e) {
-		return String.fromCodePoint(e.charCodeAt(0) + k);
-	});
-	return g("span", Object.assign({ role: "img" }, l, { style: w({
-		display: "inline-block",
-		fontSize: "1em",
-		lineHeight: "1em",
-		verticalAlign: "middle"
-	}, o) }), d);
-}, j = 16, M = 20, N = [{
-	code: "en",
-	label: "English",
-	countryCode: "GB"
-}, {
-	code: "vi",
-	label: "Vietnamese",
-	countryCode: "VN"
-}], P = ({ anchorEl: e, onClose: t, open: n = !1, onLanguageChange: r, languages: i = N, currentLanguage: a, menuWidth: o = "220px" }) => {
-	let s = h.useCallback((e) => {
-		r?.(e), t?.();
-	}, [r, t]);
-	return /* @__PURE__ */ _(l, {
-		anchorEl: e,
-		anchorOrigin: {
-			horizontal: "right",
-			vertical: "bottom"
-		},
-		onClose: t,
-		open: n,
-		slotProps: { paper: { sx: { width: o } } },
-		transformOrigin: {
-			horizontal: "right",
-			vertical: "top"
-		},
-		children: /* @__PURE__ */ _(c, { children: i.map((e) => /* @__PURE__ */ v(p, {
-			onClick: () => {
-				s(e.code);
-			},
-			selected: a === e.code,
-			children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(A, {
-				countryCode: e.countryCode,
-				svg: !0,
-				style: {
-					width: M,
-					height: M
-				},
-				title: e.label
-			}) }), /* @__PURE__ */ _(u, {
-				variant: "subtitle2",
-				children: e.label
-			})]
-		}, e.code)) })
-	});
-}, F = ({ languages: e = N, onLanguageChange: t, currentLanguage: n, tooltipText: r, buttonFlagSize: i = j, menuWidth: a = "220px", sx: o, useI18n: s = !0 }) => {
-	let c = y(), l = s ? c.t : null, u = s ? c.i18n : null, [f, p] = h.useState(null), m = n ?? u?.language ?? e[0]?.code ?? "en", g = e.find((e) => e.code === m) || e[0], b = h.useCallback((e) => {
-		p(e.currentTarget);
-	}, []), x = h.useCallback(() => {
-		p(null);
-	}, []), S = h.useCallback((e) => {
-		t ? t(e) : u && u.changeLanguage(e);
-	}, [t, u]), C = r ?? (l ? l("header:language.tooltip") : "Change language");
-	return /* @__PURE__ */ v(h.Fragment, { children: [/* @__PURE__ */ _(d, {
-		onClick: b,
-		sx: o,
-		tooltipOptions: {
-			title: C,
-			placement: "top"
-		},
-		children: /* @__PURE__ */ _(A, {
-			countryCode: g?.countryCode || "US",
-			svg: !0,
-			style: {
-				width: i,
-				height: i
-			},
-			title: g?.label || m
-		})
-	}), /* @__PURE__ */ _(P, {
-		anchorEl: f,
-		onClose: x,
-		open: !!f,
-		onLanguageChange: S,
-		languages: e,
-		currentLanguage: m,
-		menuWidth: a
-	})] });
-};
-F.displayName = "SLanguageSwitcher";
-//#endregion
-export { F as n, N as r, P as t };

package/dist/s-review-CvTVBxTZ.js

@@ -1,223 +0,0 @@
-import { i as e } from "./utils-B5Rl6Zwv.js";
-import { t } from "./createSvgIcon-HW-tbFcL.js";
-import { t as n } from "./s-image-modal-D-Jh-5b3.js";
-import r from "./s-lazy-image/s-lazy-image.js";
-import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
-import { SAvatar as a } from "./s-avatar/s-avatar.js";
-import { SRating as o } from "./s-rating/s-rating.js";
-import { useEffect as s, useId as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Box as f, Divider as p, IconButton as m, Stack as h, Typography as g } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/ThumbDown.mjs
-var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2m4 0v12h4V3z" }), "ThumbDown"), v = t(/* @__PURE__ */ u("path", { d: "M1 21h4V9H1zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73z" }), "ThumbUp"), y = ({ id: t, userName: y, userAvatar: b, rating: x, reviewContent: S, datetime: C, images: w, userHelpfulVote: T = null, helpfulYes: E = 0, helpfulNo: D = 0, onHelpfulVote: O, showHelpfulSection: k = !0, avatarSize: A = 48, maxRating: j = 5, readOnly: M = !0, showDivider: N = !0, loading: P = !1, sx: F = {} }) => {
-	let I = c(), L = t ?? I, [R, z] = l(E), [B, V] = l(D), [H, U] = l(T), [W, G] = l(!1), [K, q] = l(null), J = (e) => {
-		let t = null;
-		H === e ? (e === "yes" ? z((e) => Math.max(0, e - 1)) : V((e) => Math.max(0, e - 1)), U(null)) : (H === "yes" ? z((e) => Math.max(0, e - 1)) : H === "no" && V((e) => Math.max(0, e - 1)), e === "yes" ? z((e) => e + 1) : V((e) => e + 1), U(e), t = e), O && O(L, t);
-	}, Y = w?.map((e, t) => ({
-		id: `review-${L}-image-${t}`,
-		type: "image",
-		url: e,
-		title: `Review image ${t + 1}`,
-		desc: `Image ${t + 1} from ${y}'s review`
-	})) ?? [], X = (e) => {
-		let t = Y[e];
-		t && (q(t), G(!0));
-	}, Z = () => {
-		G(!1), q(null);
-	}, Q = (e) => {
-		q(e);
-	}, $ = e(C);
-	return s(() => {
-		U(T);
-	}, [T]), P ? /* @__PURE__ */ d(f, {
-		sx: {
-			py: 2,
-			...F
-		},
-		children: [/* @__PURE__ */ d(h, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ u(i, {
-				variant: "circular",
-				width: A,
-				height: A
-			}), /* @__PURE__ */ d(f, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ d(h, {
-						direction: "row",
-						spacing: 2,
-						sx: {
-							alignItems: "center",
-							mb: 1
-						},
-						children: [/* @__PURE__ */ u(i, {
-							width: 120,
-							height: 20
-						}), /* @__PURE__ */ u(i, {
-							width: 80,
-							height: 16
-						})]
-					}),
-					/* @__PURE__ */ u(f, {
-						sx: { mb: 1 },
-						children: /* @__PURE__ */ u(i, {
-							width: 100,
-							height: 20
-						})
-					}),
-					/* @__PURE__ */ u(i, {
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					/* @__PURE__ */ d(h, {
-						direction: "row",
-						spacing: 1,
-						sx: {
-							display: "inline-flex",
-							alignItems: "center"
-						},
-						children: [
-							/* @__PURE__ */ u(i, {
-								width: 140,
-								height: 16,
-								sx: { mr: 2 }
-							}),
-							/* @__PURE__ */ u(i, { preset: "icon-button" }),
-							/* @__PURE__ */ u(i, {
-								width: 20,
-								height: 16
-							}),
-							/* @__PURE__ */ u(i, { preset: "icon-button" }),
-							/* @__PURE__ */ u(i, {
-								width: 20,
-								height: 16
-							})
-						]
-					})
-				]
-			})]
-		}), N && /* @__PURE__ */ u(p, { sx: { mt: 2 } })]
-	}) : /* @__PURE__ */ d(f, {
-		sx: {
-			py: 2,
-			...F
-		},
-		children: [
-			/* @__PURE__ */ d(h, {
-				direction: "row",
-				spacing: 2,
-				sx: { alignItems: "flex-start" },
-				children: [/* @__PURE__ */ u(a, {
-					avatar: b,
-					name: y,
-					size: A
-				}), /* @__PURE__ */ d(f, {
-					sx: { flex: 1 },
-					children: [
-						/* @__PURE__ */ u(g, {
-							variant: "subtitle1",
-							children: y
-						}),
-						/* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(o, {
-							value: x,
-							max: j,
-							readOnly: M
-						}) }),
-						/* @__PURE__ */ u(g, {
-							variant: "body1",
-							sx: { lineHeight: 1.6 },
-							children: S
-						}),
-						/* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(g, {
-							variant: "caption",
-							sx: { mb: 2 },
-							children: $
-						}) }),
-						w && w.length > 0 && /* @__PURE__ */ u(h, {
-							direction: "row",
-							spacing: 1,
-							sx: {
-								mb: 2,
-								flexWrap: "wrap",
-								gap: 1
-							},
-							children: w.map((e, t) => /* @__PURE__ */ u(r, {
-								src: e,
-								alt: `Review image ${t + 1}`,
-								width: 80,
-								height: 80,
-								style: {
-									objectFit: "cover",
-									cursor: "pointer"
-								},
-								onClick: () => X(t),
-								onMouseEnter: (e) => {
-									e.currentTarget.style.opacity = "0.8";
-								},
-								onMouseLeave: (e) => {
-									e.currentTarget.style.opacity = "1";
-								}
-							}, e))
-						}),
-						k && /* @__PURE__ */ d(h, {
-							direction: "row",
-							spacing: 1,
-							sx: {
-								display: "inline-flex",
-								alignItems: "center"
-							},
-							children: [
-								/* @__PURE__ */ u(g, {
-									variant: "body2",
-									sx: { mr: 2 },
-									children: "Was this review helpful?"
-								}),
-								/* @__PURE__ */ u(m, {
-									onClick: () => J("yes"),
-									sx: {
-										color: H === "yes" ? "primary.main" : "text.secondary",
-										"&:hover": { backgroundColor: "action.hover" }
-									},
-									children: /* @__PURE__ */ u(v, { fontSize: "small" })
-								}),
-								/* @__PURE__ */ u(g, {
-									variant: "caption",
-									children: R
-								}),
-								/* @__PURE__ */ u(m, {
-									onClick: () => J("no"),
-									sx: {
-										color: H === "no" ? "error.main" : "text.secondary",
-										ml: 1,
-										"&:hover": { backgroundColor: "action.hover" }
-									},
-									children: /* @__PURE__ */ u(_, { fontSize: "small" })
-								}),
-								/* @__PURE__ */ u(g, {
-									variant: "caption",
-									children: B
-								})
-							]
-						})
-					]
-				})]
-			}),
-			N && /* @__PURE__ */ u(p, { sx: { mt: 2 } }),
-			/* @__PURE__ */ u(n, {
-				isOpen: W,
-				onClose: Z,
-				selectedItem: K,
-				onItemChange: Q,
-				mediaItems: Y,
-				showNavigation: Y.length > 1,
-				showThumbnailDock: Y.length > 1,
-				showCounter: Y.length > 1
-			})
-		]
-	});
-};
-y.displayName = "SReview";
-//#endregion
-export { y as t };

package/dist/s-select-HMWY7frm.js

@@ -1,149 +0,0 @@
-import { t as e } from "./createSvgIcon-HW-tbFcL.js";
-import { SForm as t } from "./s-form/s-form.js";
-import { forwardRef as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Box as o, InputAdornment as s, ListSubheader as c, MenuItem as l, Select as u, TextField as d } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/Search.mjs
-var f = e(/* @__PURE__ */ i("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" }), "Search");
-//#endregion
-//#region lib/s-select/s-select.tsx
-function p(e) {
-	return typeof e == "string" || typeof e == "number";
-}
-function m(e, t) {
-	return p(e) ? String(e) : String(e[t]);
-}
-function h(e, t) {
-	return p(e) ? e : e[t];
-}
-function g(e) {
-	return /* @__PURE__ */ i(o, {
-		component: "span",
-		sx: { color: "text.secondary" },
-		children: e
-	});
-}
-function _(e, t, n) {
-	let r = n(t);
-	return e.find((e) => n(e) === r);
-}
-function v(e, t, n, r, i, a) {
-	if (e == null || e === "") return g(r);
-	if (t) return i(e);
-	let o = _(n, e, a);
-	return o ? i(o) : "";
-}
-function y(e, t, n, r, i) {
-	return e.length === 0 ? g(n) : e.map((e) => {
-		let n = _(t, e, i);
-		return n ? r(n) : "";
-	}).filter(Boolean).join(", ");
-}
-function b(e, t, n, r) {
-	if (!t || !n) return e;
-	let i = n.toLowerCase();
-	return e.filter((e) => r(e).toLowerCase().includes(i));
-}
-function x(e, t) {
-	return e.reduce((e, n) => {
-		let r = String(t(n));
-		return e.set(r, (e.get(r) ?? 0) + 1), e;
-	}, /* @__PURE__ */ new Map());
-}
-function S(e, t, n, r, i) {
-	let a = i?.(e, t);
-	if (a !== void 0) return a;
-	let o = String(r(e));
-	return (n.get(o) ?? 0) > 1 ? `${o}-${t}` : o;
-}
-function C(e, t, n, r, a) {
-	let o = x(e, t);
-	return e.map((e, s) => {
-		let c = t(e), u = S(e, s, o, t, a);
-		return /* @__PURE__ */ i(l, {
-			disabled: e?.disabled ?? !1,
-			value: c,
-			children: r ? r(e) : n(e)
-		}, u);
-	});
-}
-function w(e) {
-	if (e) return {
-		autoFocus: !1,
-		slotProps: { paper: { onKeyDown: (e) => {
-			e.stopPropagation();
-		} } }
-	};
-}
-var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "", noResultsText: A = "No results found", renderOption: j, ...M }, N) => {
-	let P = M.value !== void 0, [F, I] = r(M.multiple ? [] : null), L = P ? M.value : F, [R, z] = r(""), [B, V] = r(!1), H = (e) => m(e, p), U = (e) => h(e, g), W = b(e, O, R, H), G = () => {
-		O && (V(!1), z(""));
-	}, K = (t) => M.multiple ? y(t, e, _, H, U) : v(t, E, e, _, H, U), q = () => O ? W.length > 0 ? C(W, U, H, j, n) : R ? /* @__PURE__ */ i(l, {
-		disabled: !0,
-		children: /* @__PURE__ */ i(o, {
-			sx: {
-				color: "text.secondary",
-				textAlign: "center",
-				width: "100%"
-			},
-			children: A
-		})
-	}) : C(e, U, H, j, n) : C(e, U, H, j, n), J = w(O);
-	return /* @__PURE__ */ i(t, {
-		error: S,
-		label: x,
-		required: T,
-		htmlFor: D,
-		children: /* @__PURE__ */ a(u, {
-			id: D,
-			displayEmpty: !0,
-			fullWidth: !0,
-			defaultValue: "",
-			ref: N,
-			open: O ? B : void 0,
-			onOpen: O ? () => V(!0) : void 0,
-			onClose: O ? G : void 0,
-			MenuProps: J,
-			renderValue: K,
-			...M,
-			value: e.length ? L ?? "" : "",
-			onChange: (e, t) => {
-				if (M.onChange) M.onChange(e, t);
-				else if (!P) {
-					let t = e.target.value;
-					I(t);
-				}
-			},
-			children: [O && /* @__PURE__ */ i(c, {
-				sx: {
-					px: 2,
-					py: 1,
-					position: "sticky",
-					top: 0,
-					bgcolor: "background.paper",
-					zIndex: 1
-				},
-				children: /* @__PURE__ */ i(d, {
-					fullWidth: !0,
-					autoFocus: !0,
-					placeholder: k,
-					value: R,
-					onChange: (e) => z(e.target.value),
-					onKeyDown: (e) => {
-						e.key !== "Escape" && e.stopPropagation();
-					},
-					onClick: (e) => {
-						e.stopPropagation();
-					},
-					slotProps: { input: { startAdornment: /* @__PURE__ */ i(s, {
-						position: "start",
-						children: /* @__PURE__ */ i(f, {})
-					}) } }
-				})
-			}), q()]
-		})
-	});
-});
-T.displayName = "SSelect";
-//#endregion
-export { T as t };