stone-kit
Version:
uikit for redesign
100 lines (99 loc) • 3.55 kB
JavaScript
import { jsxs as S, jsx as l } from "react/jsx-runtime";
import { NewIcon as p } from "./components/NewIcon/ui/NewIcon.js";
import { c as g } from "./index-YnD2EP-S.js";
const f = "_multiSelectWrapper_1n881_1", h = "_loaderWrapper_1n881_8", w = "_emptyStateWrapper_1n881_15", L = "_loader_1n881_8", W = "_rotate_1n881_1", y = "_selectedOptions_1n881_37", k = "_selectedText_1n881_55", v = "_selectedOptionsBtn_1n881_63", x = "_selectedOptionsOpened_1n881_89", D = "_selectedOptionsNotEmpty_1n881_93", N = "_selectOptionsDisabled_1n881_98", B = "_optionsOuterContainer_1n881_105", A = "_optionLabel_1n881_118", E = "_betweenSize_small_1n881_124", R = "_betweenSize_medium_1n881_128", T = "_optionsList_1n881_132", j = "_scroll_standard_1n881_161", H = "_scroll_compact_1n881_165", P = "_lastList_1n881_170", U = "_listRight_1n881_175", $ = "_inputWrapper_1n881_179", q = "_option_1n881_105", F = "_category_1n881_201", G = "_leftSide_1n881_207", I = "_optionCategory_1n881_212", J = "_isPositionLeftCheckbox_1n881_218", K = "_optionDisabled_1n881_223", M = "_optionClickable_1n881_227", Q = "_icon_1n881_231", V = "_iconArrow_1n881_237", X = "_iconBtn_1n881_243", t = {
multiSelectWrapper: f,
loaderWrapper: h,
emptyStateWrapper: w,
loader: L,
rotate: W,
selectedOptions: y,
selectedText: k,
selectedOptionsBtn: v,
"small-size": "_small-size_1n881_68",
"medium-size": "_medium-size_1n881_75",
"large-size": "_large-size_1n881_82",
selectedOptionsOpened: x,
selectedOptionsNotEmpty: D,
selectOptionsDisabled: N,
optionsOuterContainer: B,
optionLabel: A,
betweenSize_small: E,
betweenSize_medium: R,
optionsList: T,
scroll_standard: j,
scroll_compact: H,
lastList: P,
listRight: U,
inputWrapper: $,
option: q,
category: F,
leftSide: G,
optionCategory: I,
isPositionLeftCheckbox: J,
optionDisabled: K,
optionClickable: M,
icon: Q,
iconArrow: V,
iconBtn: X,
"small-size_m": "_small-size_m_1n881_256",
"medium-size_m": "_medium-size_m_1n881_262",
"large-size_m": "_large-size_m_1n881_268",
"small-size_l": "_small-size_l_1n881_283",
"medium-size_l": "_medium-size_l_1n881_289",
"large-size_l": "_large-size_l_1n881_295"
}, Y = g.bind(t), ne = ({
option: e,
selectedOptions: d,
disabledOptions: m,
clickableOptions: n,
handleOptionClick: u,
isOptionCategory: s,
isPositionLeftCheckbox: o = !1,
sizeIcon: c,
dataTestId: z,
isDisabledNotClickable: b,
addClassName: O = ""
}) => {
const C = n ? n.includes(`${e.value}`) : !0, a = e.value === "selectAll", _ = d.some((i) => i.value === e.value), r = () => a ? !1 : b && n ? !n.includes(`${e.value}`) : m.some((i) => i.value === e.value);
return /* @__PURE__ */ S(
"div",
{
className: Y(
t.option,
{
[t.optionDisabled]: r(),
[t.optionCategory]: s,
[t.isPositionLeftCheckbox]: o,
[t.optionClickable]: C || a
},
O
),
"data-testid": z,
onClick: () => {
r() && !_ || u(e);
},
children: [
(s || o) && /* @__PURE__ */ l(
p,
{
size: c ?? "20",
name: _ ? "selectChecked" : "selectUncheckedHollow"
}
),
/* @__PURE__ */ l("div", { className: t.optionLabel, children: e.label }),
!s && !o && /* @__PURE__ */ l(
p,
{
size: c ?? "20",
name: _ ? "selectChecked" : "selectUncheckedHollow"
}
)
]
}
);
};
export {
ne as O,
t as s
};