stone-kit
Version:
uikit for redesign
84 lines (83 loc) • 2.68 kB
JavaScript
import { jsxs as u, jsx as l } from "react/jsx-runtime";
import { NewIcon as c } from "./components/NewIcon/ui/NewIcon.js";
import { c as z } from "./index-rKuIKazb.js";
const g = "_multiSelectWrapper_1sbxa_1", O = "_selectedOptions_1sbxa_8", C = "_selectedOptionsBtn_1sbxa_24", h = "_selectedOptionsOpened_1sbxa_49", f = "_selectedOptionsNotEmpty_1sbxa_53", k = "_selectOptionsDisabled_1sbxa_58", v = "_optionsList_1sbxa_65", y = "_lastList_1sbxa_81", D = "_listRight_1sbxa_86", B = "_inputWrapper_1sbxa_90", L = "_option_1sbxa_65", N = "_category_1sbxa_112", S = "_leftSide_1sbxa_118", W = "_optionCategory_1sbxa_123", w = "_optionDisabled_1sbxa_129", A = "_optionClickable_1sbxa_133", E = "_icon_1sbxa_137", R = "_iconArrow_1sbxa_143", j = "_iconBtn_1sbxa_149", s = {
multiSelectWrapper: g,
selectedOptions: O,
selectedOptionsBtn: C,
"small-size": "_small-size_1sbxa_28",
"medium-size": "_medium-size_1sbxa_35",
"large-size": "_large-size_1sbxa_42",
selectedOptionsOpened: h,
selectedOptionsNotEmpty: f,
selectOptionsDisabled: k,
optionsList: v,
lastList: y,
listRight: D,
inputWrapper: B,
option: L,
category: N,
leftSide: S,
optionCategory: W,
optionDisabled: w,
optionClickable: A,
icon: E,
iconArrow: R,
iconBtn: j,
"small-size_m": "_small-size_m_1sbxa_162",
"medium-size_m": "_medium-size_m_1sbxa_168",
"large-size_m": "_large-size_m_1sbxa_174",
"small-size_l": "_small-size_l_1sbxa_189",
"medium-size_l": "_medium-size_l_1sbxa_195",
"large-size_l": "_large-size_l_1sbxa_201"
}, U = z.bind(s), G = ({
option: e,
selectedOptions: p,
disabledOptions: r,
clickableOptions: t,
handleOptionClick: d,
isOptionCategory: i,
sizeIcon: n,
isDisabledNotClickable: m,
addClassName: b = ""
}) => {
const x = t ? t.includes(`${e.value}`) : !0, _ = p.some((o) => o.value === e.value), a = () => m && t ? !t.includes(`${e.value}`) : r.some((o) => o.value === e.value);
return /* @__PURE__ */ u(
"div",
{
className: U(
s.option,
{
[s.optionDisabled]: a(),
[s.optionCategory]: i,
[s.optionClickable]: x
},
b
),
onClick: () => {
a() && !_ || d(e);
},
children: [
i && /* @__PURE__ */ l(
c,
{
size: n ?? "20",
name: _ ? "selectChecked" : "selectUnchecked"
}
),
/* @__PURE__ */ l("div", { children: e.label }),
!i && /* @__PURE__ */ l(
c,
{
size: n ?? "20",
name: _ ? "selectChecked" : "selectUnchecked"
}
)
]
}
);
};
export {
G as O,
s
};