@solostylist/ui-kit 1.0.230 → 2.0.1

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 };