stone-kit
Version:
uikit for redesign
111 lines (110 loc) • 3.49 kB
JavaScript
import { jsxs as s, jsx as l } from "react/jsx-runtime";
import { NewIcon as d } from "../../NewIcon/ui/NewIcon.js";
import { Select as O } from "../../Select/ui/Select.js";
const N = "_root_156r8_1", p = "_nameWrapper_156r8_8", f = "_clearBtn_156r8_18", S = "_summaryList_156r8_33", V = "_summaryOption_156r8_40", B = "_categoryOption_156r8_62", b = "_summaryCategory_156r8_71", k = "_headerCategory_156r8_81", T = "_categoryTitle_156r8_87", W = "_categoryOptions_156r8_95", t = {
root: N,
nameWrapper: p,
clearBtn: f,
summaryList: S,
summaryOption: V,
categoryOption: B,
summaryCategory: b,
headerCategory: k,
categoryTitle: T,
categoryOptions: W
}, j = ({
label: _ = "",
isShowReset: g,
...a
}) => {
var y;
const c = (e) => {
a.onChange && a.onChange(e);
}, u = (e) => {
var r;
const o = ((r = a.selectedValues) == null ? void 0 : r.filter((n) => n.value !== e)) || [];
c(o);
}, h = () => {
c([]);
}, v = (e) => {
var o;
c(((o = a.selectedValues) == null ? void 0 : o.filter((r) => r.value !== e.value).filter((r) => !e.options.some((n) => n.value === r.value))) ?? []);
}, m = (y = a.selectedValues) == null ? void 0 : y.filter((e) => "options" in e);
return /* @__PURE__ */ s("div", { className: t.root, children: [
/* @__PURE__ */ s("div", { className: t.nameWrapper, children: [
/* @__PURE__ */ l("div", { children: _ }),
g && /* @__PURE__ */ l(
"div",
{
className: t.clearBtn,
onClick: h,
children: "Очистить"
}
)
] }),
/* @__PURE__ */ l(
O,
{
...a,
onChange: c
}
),
a.mode === "options" && a.selectedValues && a.selectedValues.length > 0 && /* @__PURE__ */ l("div", { className: t.summaryList, children: a.selectedValues.map((e) => /* @__PURE__ */ s(
"div",
{
onClick: () => u(e.value.toString()),
className: t.summaryOption,
children: [
e.label,
/* @__PURE__ */ l(
d,
{
name: "close",
size: "16"
}
)
]
},
e.value
)) }),
a.mode === "double" && (m == null ? void 0 : m.map((e, o) => {
const r = e;
return /* @__PURE__ */ s("div", { className: t.summaryCategory, children: [
/* @__PURE__ */ s("div", { className: t.headerCategory, children: [
/* @__PURE__ */ l("div", { className: t.categoryTitle, children: r.label }),
/* @__PURE__ */ l("div", { onClick: () => v(e), className: t.clearBtn, children: /* @__PURE__ */ l(
d,
{
name: "close",
size: "16"
}
) })
] }),
/* @__PURE__ */ l("div", { className: t.categoryOptions, children: r.options.filter((n) => {
var i;
return (i = a.selectedValues) == null ? void 0 : i.some((C) => n.value === C.value);
}).map((n, i) => /* @__PURE__ */ s(
"div",
{
onClick: () => u(n.value.toString()),
className: `${t.summaryOption} ${t.categoryOption}`,
children: [
n.label,
/* @__PURE__ */ l(
d,
{
name: "close",
size: "16"
}
)
]
},
i
)) })
] }, o);
}))
] });
};
export {
j as SummarySelect
};