stone-kit 0.0.942 → 0.0.943
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Select/model/selectMode.js +29 -29
- package/dist/components/Select/ui/Select.d.ts +1 -1
- package/dist/components/Select/ui/Select.js +109 -107
- package/dist/components/Select/ui/Select.types.d.ts +4 -0
- package/dist/pages/SelectPage/SelectPage.js +31 -30
- package/package.json +1 -1
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
const
|
|
1
|
+
const m = ({
|
|
2
2
|
option: e,
|
|
3
3
|
setSelectedOptions: s,
|
|
4
|
-
selectedOptions:
|
|
5
|
-
disabledOptions:
|
|
6
|
-
onChange:
|
|
7
|
-
mode:
|
|
8
|
-
optionsParentArr:
|
|
4
|
+
selectedOptions: u,
|
|
5
|
+
disabledOptions: y,
|
|
6
|
+
onChange: f,
|
|
7
|
+
mode: S,
|
|
8
|
+
optionsParentArr: r
|
|
9
9
|
}) => {
|
|
10
10
|
if (!Array.isArray(e)) {
|
|
11
|
-
if (
|
|
11
|
+
if (y.includes(e))
|
|
12
12
|
return;
|
|
13
|
-
let i =
|
|
14
|
-
if (
|
|
15
|
-
const
|
|
16
|
-
s(
|
|
13
|
+
let i = u.some((l) => l.value === e.value) ? e.value === "selectAll" && r ? [] : u.some((l) => l.value === "selectAll") ? u.filter((l) => l.value !== e.value && l.value !== "selectAll") : u.filter((l) => l.value !== e.value) : e.value === "selectAll" && r ? [...r] : [...u, e];
|
|
14
|
+
if (S === "single") {
|
|
15
|
+
const l = [e];
|
|
16
|
+
s(l), f && f(l);
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
19
|
-
if (
|
|
20
|
-
"options" in e && (
|
|
21
|
-
(
|
|
19
|
+
if (S === "double") {
|
|
20
|
+
"options" in e && (u.map((v) => JSON.stringify(v)).includes(JSON.stringify(e)) ? i = i.filter(
|
|
21
|
+
(v) => !e.options.map((a) => JSON.stringify(a)).includes(JSON.stringify(v))
|
|
22
22
|
) : Array.isArray(e.options) && (i = [...i, ...e.options]));
|
|
23
|
-
const
|
|
24
|
-
!(
|
|
23
|
+
const l = r == null ? void 0 : r.filter((t) => "options" in t && t.options.includes(e))[0];
|
|
24
|
+
!(l && u.map((t) => JSON.stringify(t)).includes(JSON.stringify(l))) && l && i.push(l);
|
|
25
25
|
}
|
|
26
|
-
s(i),
|
|
26
|
+
s(i), f && f(i);
|
|
27
27
|
}
|
|
28
|
-
},
|
|
28
|
+
}, w = ({
|
|
29
29
|
option: e,
|
|
30
30
|
setSelectedOptions: s,
|
|
31
|
-
selectedOptions:
|
|
32
|
-
disabledOptions:
|
|
33
|
-
onChange:
|
|
31
|
+
selectedOptions: u,
|
|
32
|
+
disabledOptions: y,
|
|
33
|
+
onChange: f
|
|
34
34
|
}) => {
|
|
35
35
|
if (Array.isArray(e)) {
|
|
36
|
-
const
|
|
37
|
-
if (
|
|
38
|
-
const
|
|
39
|
-
s(
|
|
36
|
+
const S = e.filter((r) => !(y != null && y.includes(r)));
|
|
37
|
+
if (S.every((r) => u.map((c) => c).includes(r))) {
|
|
38
|
+
const r = u.filter((c) => !e.includes(c));
|
|
39
|
+
s(r), f && f(r);
|
|
40
40
|
} else {
|
|
41
|
-
const
|
|
42
|
-
s(
|
|
41
|
+
const r = S.filter((i) => !u.includes(i)), c = [...u, ...r];
|
|
42
|
+
s(c), f && f(c);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
46
|
export {
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
w as handleClickModeCategory,
|
|
48
|
+
m as handleClickModeOption
|
|
49
49
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { MultiSelectProps } from './Select.types';
|
|
2
2
|
|
|
3
|
-
export declare const Select: ({ options, customPlaceholder, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, onClickItem, onCLickSelect, size_s, size_m, size_l, isDisabledNotClickable, isLast, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const Select: ({ options, customPlaceholder, placeholder, error, disabled, disabledOptions, additionalClass, additionalClassOption, additionalClassBtn, onChange, onBlur, selectedValues, isBtn, btnName, clickableOptions, isListRight, sizeIcon, mode, onClickItem, onCLickSelect, size_s, size_m, size_l, isDisabledNotClickable, isLast, selectAll, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,166 +1,168 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { c as
|
|
4
|
-
import { s as e, O as
|
|
5
|
-
import { NewIcon as
|
|
6
|
-
import { Category as
|
|
7
|
-
import { handleClickModeOption as
|
|
8
|
-
const
|
|
9
|
-
options:
|
|
1
|
+
import { jsxs as f, Fragment as j, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useState as z, useRef as B, useEffect as D } from "react";
|
|
3
|
+
import { c as X } from "../../../index-rKuIKazb.js";
|
|
4
|
+
import { s as e, O as Y } from "../../../Option-BVIm7wOW.js";
|
|
5
|
+
import { NewIcon as M } from "../../NewIcon/ui/NewIcon.js";
|
|
6
|
+
import { Category as Z } from "./Category.js";
|
|
7
|
+
import { handleClickModeOption as I, handleClickModeCategory as A } from "../model/selectMode.js";
|
|
8
|
+
const m = X.bind(e), se = ({
|
|
9
|
+
options: r,
|
|
10
10
|
customPlaceholder: h,
|
|
11
|
-
placeholder:
|
|
12
|
-
error:
|
|
13
|
-
disabled:
|
|
14
|
-
disabledOptions:
|
|
15
|
-
additionalClass:
|
|
16
|
-
additionalClassOption:
|
|
17
|
-
additionalClassBtn:
|
|
18
|
-
onChange:
|
|
19
|
-
onBlur:
|
|
11
|
+
placeholder: F = "Выберите опции",
|
|
12
|
+
error: _,
|
|
13
|
+
disabled: O,
|
|
14
|
+
disabledOptions: g = [],
|
|
15
|
+
additionalClass: q = "",
|
|
16
|
+
additionalClassOption: G,
|
|
17
|
+
additionalClassBtn: H,
|
|
18
|
+
onChange: J,
|
|
19
|
+
onBlur: v,
|
|
20
20
|
selectedValues: i = [],
|
|
21
21
|
isBtn: y = !1,
|
|
22
|
-
btnName:
|
|
23
|
-
clickableOptions:
|
|
24
|
-
isListRight:
|
|
25
|
-
sizeIcon:
|
|
26
|
-
mode:
|
|
27
|
-
onClickItem:
|
|
28
|
-
onCLickSelect:
|
|
29
|
-
size_s:
|
|
30
|
-
size_m:
|
|
31
|
-
size_l:
|
|
32
|
-
isDisabledNotClickable:
|
|
33
|
-
isLast:
|
|
22
|
+
btnName: C,
|
|
23
|
+
clickableOptions: S,
|
|
24
|
+
isListRight: K = !1,
|
|
25
|
+
sizeIcon: d,
|
|
26
|
+
mode: s = "options",
|
|
27
|
+
onClickItem: N,
|
|
28
|
+
onCLickSelect: $,
|
|
29
|
+
size_s: k = "large",
|
|
30
|
+
size_m: x,
|
|
31
|
+
size_l: E,
|
|
32
|
+
isDisabledNotClickable: w,
|
|
33
|
+
isLast: P,
|
|
34
|
+
selectAll: c
|
|
34
35
|
}) => {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
const Q = { value: "selectAll", label: (c == null ? void 0 : c.label) ?? "Выбрать все" }, T = () => c != null && c.enabled ? [Q, .../* @__PURE__ */ new Set([...r])] : [.../* @__PURE__ */ new Set([...r])];
|
|
37
|
+
r = Array.isArray(r) ? T() : [];
|
|
38
|
+
const [a, L] = z(i), [l, p] = z(!1), u = B(null), R = (t) => {
|
|
39
|
+
N && N(t);
|
|
38
40
|
const n = {
|
|
39
|
-
option:
|
|
40
|
-
selectedOptions:
|
|
41
|
-
disabledOptions:
|
|
42
|
-
setSelectedOptions:
|
|
43
|
-
onChange:
|
|
44
|
-
mode:
|
|
45
|
-
optionsParentArr:
|
|
41
|
+
option: t,
|
|
42
|
+
selectedOptions: a,
|
|
43
|
+
disabledOptions: g,
|
|
44
|
+
setSelectedOptions: L,
|
|
45
|
+
onChange: J,
|
|
46
|
+
mode: s,
|
|
47
|
+
optionsParentArr: r
|
|
46
48
|
};
|
|
47
|
-
Array.isArray(
|
|
48
|
-
},
|
|
49
|
-
|
|
50
|
-
},
|
|
51
|
-
const n =
|
|
52
|
-
if (
|
|
49
|
+
Array.isArray(t) ? A(n) : I(n);
|
|
50
|
+
}, U = () => {
|
|
51
|
+
v && v(a);
|
|
52
|
+
}, W = (t) => {
|
|
53
|
+
const n = t.target;
|
|
54
|
+
if (u.current && !u.current.contains(t.target)) {
|
|
53
55
|
if (n.closest("svg"))
|
|
54
56
|
return;
|
|
55
|
-
|
|
57
|
+
p(!1);
|
|
56
58
|
}
|
|
57
59
|
};
|
|
58
|
-
|
|
59
|
-
document.removeEventListener("click",
|
|
60
|
+
D(() => (document.addEventListener("click", W), () => {
|
|
61
|
+
document.removeEventListener("click", W);
|
|
60
62
|
}), [l]);
|
|
61
|
-
const
|
|
62
|
-
return
|
|
63
|
-
i.length !==
|
|
64
|
-
}, [i]), /* @__PURE__ */
|
|
63
|
+
const b = B(i);
|
|
64
|
+
return D(() => {
|
|
65
|
+
i.length !== b.current.length && (L(i), b.current = i);
|
|
66
|
+
}, [i]), /* @__PURE__ */ f(
|
|
65
67
|
"div",
|
|
66
68
|
{
|
|
67
|
-
ref:
|
|
68
|
-
className:
|
|
69
|
+
ref: u,
|
|
70
|
+
className: m(e.multiSelectWrapper, { [e.multiSelectWrapperError]: _ }, q),
|
|
69
71
|
tabIndex: 0,
|
|
70
|
-
onBlur:
|
|
72
|
+
onBlur: U,
|
|
71
73
|
children: [
|
|
72
|
-
/* @__PURE__ */
|
|
73
|
-
!y && /* @__PURE__ */
|
|
74
|
-
/* @__PURE__ */
|
|
74
|
+
/* @__PURE__ */ f("div", { className: m(e.inputWrapper), children: [
|
|
75
|
+
!y && /* @__PURE__ */ f(j, { children: [
|
|
76
|
+
/* @__PURE__ */ o(
|
|
75
77
|
"div",
|
|
76
78
|
{
|
|
77
|
-
className:
|
|
79
|
+
className: m(
|
|
78
80
|
e.selectedOptions,
|
|
79
|
-
e[`${
|
|
80
|
-
e[`${
|
|
81
|
-
e[`${
|
|
82
|
-
{ [e.selectedOptionsNotEmpty]:
|
|
83
|
-
{ [e.selectOptionsDisabled]:
|
|
81
|
+
e[`${k}-size`],
|
|
82
|
+
e[`${x}-size_m`],
|
|
83
|
+
e[`${E}-size)_l`],
|
|
84
|
+
{ [e.selectedOptionsNotEmpty]: a.length > 0 },
|
|
85
|
+
{ [e.selectOptionsDisabled]: O }
|
|
84
86
|
),
|
|
85
|
-
onClick: () =>
|
|
86
|
-
children: h || (
|
|
87
|
+
onClick: () => p(!l),
|
|
88
|
+
children: h || (a.length === 0 ? F : "Выбрано " + a.length)
|
|
87
89
|
}
|
|
88
90
|
),
|
|
89
|
-
/* @__PURE__ */
|
|
90
|
-
|
|
91
|
+
/* @__PURE__ */ o(
|
|
92
|
+
M,
|
|
91
93
|
{
|
|
92
94
|
name: "arrowShort",
|
|
93
95
|
deg: l ? "180" : "0",
|
|
94
|
-
size:
|
|
96
|
+
size: d ?? "24",
|
|
95
97
|
additionalClass: e.icon
|
|
96
98
|
}
|
|
97
99
|
)
|
|
98
100
|
] }),
|
|
99
|
-
y && /* @__PURE__ */
|
|
100
|
-
/* @__PURE__ */
|
|
101
|
+
y && /* @__PURE__ */ f(j, { children: [
|
|
102
|
+
/* @__PURE__ */ o(
|
|
101
103
|
"button",
|
|
102
104
|
{
|
|
103
|
-
className:
|
|
105
|
+
className: m(
|
|
104
106
|
e.selectedOptions,
|
|
105
|
-
e[`${
|
|
106
|
-
e[`${
|
|
107
|
-
e[`${
|
|
107
|
+
e[`${k}-size`],
|
|
108
|
+
e[`${x}-size_m`],
|
|
109
|
+
e[`${E}-size_l`],
|
|
108
110
|
e.selectedOptionsBtn,
|
|
109
|
-
{ [e.selectOptionsDisabled]:
|
|
110
|
-
|
|
111
|
+
{ [e.selectOptionsDisabled]: O },
|
|
112
|
+
H
|
|
111
113
|
),
|
|
112
114
|
onClick: () => {
|
|
113
|
-
|
|
115
|
+
$ && $(), p(!l);
|
|
114
116
|
},
|
|
115
|
-
children:
|
|
117
|
+
children: C
|
|
116
118
|
}
|
|
117
119
|
),
|
|
118
|
-
/* @__PURE__ */
|
|
119
|
-
|
|
120
|
+
/* @__PURE__ */ o(
|
|
121
|
+
M,
|
|
120
122
|
{
|
|
121
123
|
name: "filter",
|
|
122
124
|
deg: l ? "180" : "0",
|
|
123
|
-
size:
|
|
124
|
-
additionalClass:
|
|
125
|
+
size: d ?? "24",
|
|
126
|
+
additionalClass: m(e.icon, { [e.iconBtn]: !C })
|
|
125
127
|
}
|
|
126
128
|
)
|
|
127
129
|
] })
|
|
128
130
|
] }),
|
|
129
|
-
l && /* @__PURE__ */
|
|
131
|
+
l && /* @__PURE__ */ f(
|
|
130
132
|
"div",
|
|
131
133
|
{
|
|
132
|
-
className:
|
|
134
|
+
className: m(
|
|
133
135
|
e.optionsList,
|
|
134
|
-
{ [e.listRight]:
|
|
135
|
-
{ [e.lastList]:
|
|
136
|
-
|
|
136
|
+
{ [e.listRight]: K },
|
|
137
|
+
{ [e.lastList]: P },
|
|
138
|
+
G
|
|
137
139
|
),
|
|
138
140
|
children: [
|
|
139
|
-
(
|
|
140
|
-
|
|
141
|
+
(s === "options" || s === "single") && (r == null ? void 0 : r.map((t, n) => /* @__PURE__ */ o(
|
|
142
|
+
Y,
|
|
141
143
|
{
|
|
142
|
-
disabledOptions:
|
|
143
|
-
clickableOptions:
|
|
144
|
-
selectedOptions:
|
|
145
|
-
sizeIcon:
|
|
146
|
-
option:
|
|
144
|
+
disabledOptions: g,
|
|
145
|
+
clickableOptions: S,
|
|
146
|
+
selectedOptions: a,
|
|
147
|
+
sizeIcon: d,
|
|
148
|
+
option: t,
|
|
147
149
|
handleOptionClick: R,
|
|
148
|
-
isDisabledNotClickable:
|
|
150
|
+
isDisabledNotClickable: w
|
|
149
151
|
},
|
|
150
152
|
n
|
|
151
153
|
))),
|
|
152
|
-
(
|
|
153
|
-
|
|
154
|
+
(s === "category" || s === "double") && (r == null ? void 0 : r.map((t, n) => "options" in t ? /* @__PURE__ */ o(
|
|
155
|
+
Z,
|
|
154
156
|
{
|
|
155
|
-
disabledOptions:
|
|
156
|
-
clickableOptions:
|
|
157
|
-
selectedOptions:
|
|
158
|
-
sizeIcon:
|
|
159
|
-
category:
|
|
160
|
-
mode:
|
|
157
|
+
disabledOptions: g,
|
|
158
|
+
clickableOptions: S,
|
|
159
|
+
selectedOptions: a,
|
|
160
|
+
sizeIcon: d,
|
|
161
|
+
category: t,
|
|
162
|
+
mode: s,
|
|
161
163
|
selectedValues: i,
|
|
162
164
|
handleOptionClick: R,
|
|
163
|
-
isDisabledNotClickable:
|
|
165
|
+
isDisabledNotClickable: w
|
|
164
166
|
},
|
|
165
167
|
n
|
|
166
168
|
) : null))
|
|
@@ -172,5 +174,5 @@ const o = Q.bind(e), ne = ({
|
|
|
172
174
|
);
|
|
173
175
|
};
|
|
174
176
|
export {
|
|
175
|
-
|
|
177
|
+
se as Select
|
|
176
178
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as r } from "react";
|
|
3
3
|
import { SummarySelect as h } from "../../components/SummarySelect/ui/SummarySelect.js";
|
|
4
4
|
import { F as u, a as b } from "../../FilterWithSave-DIjsQ8Fv.js";
|
|
@@ -12,7 +12,7 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
12
12
|
addClass: _,
|
|
13
13
|
filterWithSave: x
|
|
14
14
|
}, O = () => {
|
|
15
|
-
const [v, g] = r(i[0]), [t, p] = r([]), [
|
|
15
|
+
const [v, g] = r(i[0]), [t, p] = r([]), [d, f] = r("options"), S = [
|
|
16
16
|
{ label: "sdfsdfsdf", setValue: () => {
|
|
17
17
|
}, isSelected: !1, disabled: !0 },
|
|
18
18
|
{ label: "sdfsdfsdf", setValue: () => {
|
|
@@ -23,13 +23,13 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
23
23
|
}, isSelected: !0, disabled: !1 },
|
|
24
24
|
{ label: "sdfsdfsdf", setValue: () => {
|
|
25
25
|
}, isSelected: !0, disabled: !1 }
|
|
26
|
-
], C = (
|
|
27
|
-
!
|
|
28
|
-
},
|
|
29
|
-
|
|
26
|
+
], C = (l) => {
|
|
27
|
+
!l || !l.target || g(l.target.value);
|
|
28
|
+
}, o = (l) => {
|
|
29
|
+
l && p(l);
|
|
30
30
|
};
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */ s("div", { className: n.root, children: [
|
|
32
|
+
/* @__PURE__ */ s("div", { children: [
|
|
33
33
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
34
34
|
u,
|
|
35
35
|
{
|
|
@@ -48,11 +48,11 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
48
48
|
]
|
|
49
49
|
}
|
|
50
50
|
) }),
|
|
51
|
-
/* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ s("div", { children: [
|
|
52
52
|
/* @__PURE__ */ e("h2", { children: " Селектор с чекбоксами" }),
|
|
53
53
|
/* @__PURE__ */ e(y, { checkboxes: S })
|
|
54
54
|
] }),
|
|
55
|
-
/* @__PURE__ */
|
|
55
|
+
/* @__PURE__ */ s("div", { children: [
|
|
56
56
|
/* @__PURE__ */ e("h2", { children: "старый чекбокс" }),
|
|
57
57
|
/* @__PURE__ */ e(
|
|
58
58
|
k,
|
|
@@ -64,7 +64,7 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
64
64
|
}
|
|
65
65
|
)
|
|
66
66
|
] }),
|
|
67
|
-
/* @__PURE__ */
|
|
67
|
+
/* @__PURE__ */ s("div", { children: [
|
|
68
68
|
/* @__PURE__ */ e("h2", { children: " Фильтрация с сохранением" }),
|
|
69
69
|
/* @__PURE__ */ e("div", { className: n.filterWithSave, children: /* @__PURE__ */ e(u, {}) })
|
|
70
70
|
] }),
|
|
@@ -75,26 +75,26 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
75
75
|
mini: !0,
|
|
76
76
|
selectedOption: v,
|
|
77
77
|
options: i,
|
|
78
|
-
onChange: (
|
|
78
|
+
onChange: (l) => C(l)
|
|
79
79
|
}
|
|
80
80
|
) })
|
|
81
81
|
] }),
|
|
82
|
-
/* @__PURE__ */
|
|
83
|
-
/* @__PURE__ */
|
|
82
|
+
/* @__PURE__ */ s("div", { className: n.summarySelect, children: [
|
|
83
|
+
/* @__PURE__ */ s("div", { style: { display: "flex", gap: "20px" }, children: [
|
|
84
84
|
/* @__PURE__ */ e("h2", { children: "SummarySelect" }),
|
|
85
85
|
/* @__PURE__ */ e(
|
|
86
86
|
m,
|
|
87
87
|
{
|
|
88
|
-
isActive:
|
|
89
|
-
onClick: () => f(
|
|
88
|
+
isActive: d === "category",
|
|
89
|
+
onClick: () => f(d === "options" ? "category" : "options"),
|
|
90
90
|
children: "mode category"
|
|
91
91
|
}
|
|
92
92
|
),
|
|
93
93
|
/* @__PURE__ */ e(
|
|
94
94
|
m,
|
|
95
95
|
{
|
|
96
|
-
isActive:
|
|
97
|
-
onClick: () => f(
|
|
96
|
+
isActive: d === "double",
|
|
97
|
+
onClick: () => f(d === "options" ? "double" : "options"),
|
|
98
98
|
children: "mode double"
|
|
99
99
|
}
|
|
100
100
|
)
|
|
@@ -102,12 +102,13 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
102
102
|
/* @__PURE__ */ e(
|
|
103
103
|
h,
|
|
104
104
|
{
|
|
105
|
-
mode:
|
|
105
|
+
mode: d,
|
|
106
106
|
label: "Проект",
|
|
107
107
|
isShowReset: !0,
|
|
108
108
|
selectedValues: t,
|
|
109
|
-
options:
|
|
110
|
-
onChange: (
|
|
109
|
+
options: d === "category" ? a : i,
|
|
110
|
+
onChange: (l) => o(l),
|
|
111
|
+
selectAll: { enabled: !0 }
|
|
111
112
|
}
|
|
112
113
|
),
|
|
113
114
|
/* @__PURE__ */ e(
|
|
@@ -118,22 +119,22 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
118
119
|
isShowReset: !0,
|
|
119
120
|
selectedValues: t,
|
|
120
121
|
options: i,
|
|
121
|
-
onChange: (
|
|
122
|
+
onChange: (l) => o(l)
|
|
122
123
|
}
|
|
123
124
|
)
|
|
124
125
|
] }),
|
|
125
|
-
/* @__PURE__ */
|
|
126
|
+
/* @__PURE__ */ s("div", { children: [
|
|
126
127
|
/* @__PURE__ */ e("h2", { children: "Селект mode option" }),
|
|
127
128
|
/* @__PURE__ */ e(
|
|
128
129
|
c,
|
|
129
130
|
{
|
|
130
131
|
selectedValues: t,
|
|
131
132
|
options: a,
|
|
132
|
-
onChange: (
|
|
133
|
+
onChange: (l) => o(l)
|
|
133
134
|
}
|
|
134
135
|
)
|
|
135
136
|
] }),
|
|
136
|
-
/* @__PURE__ */
|
|
137
|
+
/* @__PURE__ */ s("div", { children: [
|
|
137
138
|
/* @__PURE__ */ e("h2", { children: "Селект mode category" }),
|
|
138
139
|
/* @__PURE__ */ e(
|
|
139
140
|
c,
|
|
@@ -141,11 +142,11 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
141
142
|
mode: "category",
|
|
142
143
|
selectedValues: t,
|
|
143
144
|
options: a,
|
|
144
|
-
onChange: (
|
|
145
|
+
onChange: (l) => o(l)
|
|
145
146
|
}
|
|
146
147
|
)
|
|
147
148
|
] }),
|
|
148
|
-
/* @__PURE__ */
|
|
149
|
+
/* @__PURE__ */ s("div", { children: [
|
|
149
150
|
/* @__PURE__ */ e("h2", { children: "Селект mode double" }),
|
|
150
151
|
/* @__PURE__ */ e(
|
|
151
152
|
c,
|
|
@@ -154,11 +155,11 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
154
155
|
options: a,
|
|
155
156
|
mode: "double",
|
|
156
157
|
clickableOptions: ["Category1", "options1", "options3"],
|
|
157
|
-
onChange: (
|
|
158
|
+
onChange: (l) => o(l)
|
|
158
159
|
}
|
|
159
160
|
)
|
|
160
161
|
] }),
|
|
161
|
-
/* @__PURE__ */
|
|
162
|
+
/* @__PURE__ */ s("div", { children: [
|
|
162
163
|
/* @__PURE__ */ e("h2", { children: "Селект кнопка" }),
|
|
163
164
|
/* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e(
|
|
164
165
|
c,
|
|
@@ -169,7 +170,7 @@ const V = "_sort_1szg2_1", _ = "_addClass_1szg2_6", x = "_filterWithSave_1szg2_1
|
|
|
169
170
|
isListRight: !0,
|
|
170
171
|
selectedValues: t,
|
|
171
172
|
options: i,
|
|
172
|
-
onChange: (
|
|
173
|
+
onChange: (l) => o(l)
|
|
173
174
|
}
|
|
174
175
|
) })
|
|
175
176
|
] })
|