stone-kit 0.0.708 → 0.0.710
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/FilterWithSave-CRMKY3qA.js +3324 -0
- package/dist/Option-BVIm7wOW.js +83 -0
- package/dist/components/FilterWithSave/hooks/useFilterWithSave.js +2 -3
- package/dist/components/FilterWithSave/ui/FilterWithSave.js +2 -2
- package/dist/components/FormModal/ui/ModalForm.js +27 -2743
- package/dist/components/Select/ui/Category.js +1 -1
- package/dist/components/Select/ui/Option.js +1 -1
- package/dist/components/Select/ui/Select.d.ts +1 -1
- package/dist/components/Select/ui/Select.js +77 -67
- package/dist/components/Select/ui/Select.types.d.ts +1 -0
- package/dist/components/SortSelect/index.js +1 -1
- package/dist/components/SortSelect/ui/SortSelect.js +2 -3
- package/dist/components/SummarySelect/ui/SummarySelect.d.ts +1 -0
- package/dist/components/SummarySelect/ui/SummarySelect.js +5 -1
- package/dist/components/TabSwitcher/index.js +1 -1
- package/dist/components/TabSwitcher/ui/TabSwitcher.js +2 -3
- package/dist/components/ZoomControls/ui/ZoomControls.js +3 -4
- package/dist/main.js +38 -39
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/FilterWithSave-C7DNeDjA.js +0 -593
- package/dist/Option--45TMhIr.js +0 -82
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as u, Fragment as I, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { s as n, O as J } from "../../../Option
|
|
2
|
+
import { s as n, O as J } from "../../../Option-BVIm7wOW.js";
|
|
3
3
|
import { NewIcon as N } from "../../NewIcon/ui/NewIcon.js";
|
|
4
4
|
import { c as O } from "../../../index-rKuIKazb.js";
|
|
5
5
|
import { useState as U } from "react";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { MultiSelectProps } from './Select.types';
|
|
2
2
|
|
|
3
|
-
export declare const Select: ({ options, 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 }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const Select: ({ options, 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;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsxs as m, Fragment as w, jsx 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
|
|
1
|
+
import { jsxs as m, Fragment as w, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { useState as L, useRef as W, useEffect as j } from "react";
|
|
3
|
+
import { c as K } from "../../../index-rKuIKazb.js";
|
|
4
|
+
import { s as e, O as Q } from "../../../Option-BVIm7wOW.js";
|
|
5
|
+
import { NewIcon as z } from "../../NewIcon/ui/NewIcon.js";
|
|
6
|
+
import { Category as T } from "./Category.js";
|
|
7
|
+
import { handleClickModeOption as U, handleClickModeCategory as X } from "../model/selectMode.js";
|
|
8
|
+
const a = K.bind(e), te = ({
|
|
9
9
|
options: t,
|
|
10
|
-
placeholder:
|
|
11
|
-
error:
|
|
10
|
+
placeholder: B = "Выберите опции",
|
|
11
|
+
error: D,
|
|
12
12
|
disabled: g,
|
|
13
13
|
disabledOptions: f = [],
|
|
14
14
|
additionalClass: M = "",
|
|
@@ -22,16 +22,17 @@ const i = J.bind(e), re = ({
|
|
|
22
22
|
clickableOptions: v,
|
|
23
23
|
isListRight: q = !1,
|
|
24
24
|
sizeIcon: d,
|
|
25
|
-
mode:
|
|
25
|
+
mode: i = "options",
|
|
26
26
|
onClickItem: C,
|
|
27
27
|
onCLickSelect: S,
|
|
28
28
|
size_s: N = "large",
|
|
29
29
|
size_m: $,
|
|
30
30
|
size_l: k,
|
|
31
|
-
isDisabledNotClickable: x
|
|
31
|
+
isDisabledNotClickable: x,
|
|
32
|
+
isLast: G
|
|
32
33
|
}) => {
|
|
33
34
|
t = Array.isArray(t) ? [.../* @__PURE__ */ new Set([...t])] : [];
|
|
34
|
-
const [l, A] =
|
|
35
|
+
const [l, A] = L(c), [o, h] = L(!1), p = W(null), E = (r) => {
|
|
35
36
|
C && C(r);
|
|
36
37
|
const n = {
|
|
37
38
|
option: r,
|
|
@@ -39,18 +40,18 @@ const i = J.bind(e), re = ({
|
|
|
39
40
|
disabledOptions: f,
|
|
40
41
|
setSelectedOptions: A,
|
|
41
42
|
onChange: _,
|
|
42
|
-
mode:
|
|
43
|
+
mode: i,
|
|
43
44
|
optionsParentArr: t
|
|
44
45
|
};
|
|
45
|
-
Array.isArray(r) ?
|
|
46
|
-
},
|
|
46
|
+
Array.isArray(r) ? X(n) : U(n);
|
|
47
|
+
}, H = () => {
|
|
47
48
|
u && u(l);
|
|
48
49
|
};
|
|
49
|
-
|
|
50
|
+
j(() => {
|
|
50
51
|
const r = (n) => {
|
|
51
|
-
const
|
|
52
|
+
const J = n.target;
|
|
52
53
|
if (p.current && !p.current.contains(n.target)) {
|
|
53
|
-
if (
|
|
54
|
+
if (J.closest("svg"))
|
|
54
55
|
return;
|
|
55
56
|
h(!1);
|
|
56
57
|
}
|
|
@@ -59,23 +60,23 @@ const i = J.bind(e), re = ({
|
|
|
59
60
|
document.removeEventListener("click", r);
|
|
60
61
|
};
|
|
61
62
|
}, []);
|
|
62
|
-
const R =
|
|
63
|
-
return
|
|
63
|
+
const R = W(c);
|
|
64
|
+
return j(() => {
|
|
64
65
|
c.length !== R.current.length && (A(c), R.current = c);
|
|
65
66
|
}, [c]), /* @__PURE__ */ m(
|
|
66
67
|
"div",
|
|
67
68
|
{
|
|
68
69
|
ref: p,
|
|
69
|
-
className:
|
|
70
|
+
className: a(e.multiSelectWrapper, { [e.multiSelectWrapperError]: D }, M),
|
|
70
71
|
tabIndex: 0,
|
|
71
|
-
onBlur:
|
|
72
|
+
onBlur: H,
|
|
72
73
|
children: [
|
|
73
|
-
/* @__PURE__ */ m("div", { className:
|
|
74
|
+
/* @__PURE__ */ m("div", { className: a(e.inputWrapper), children: [
|
|
74
75
|
!O && /* @__PURE__ */ m(w, { children: [
|
|
75
|
-
/* @__PURE__ */
|
|
76
|
+
/* @__PURE__ */ s(
|
|
76
77
|
"div",
|
|
77
78
|
{
|
|
78
|
-
className:
|
|
79
|
+
className: a(
|
|
79
80
|
e.selectedOptions,
|
|
80
81
|
e[`${N}-size`],
|
|
81
82
|
e[`${$}-size_m`],
|
|
@@ -84,11 +85,11 @@ const i = J.bind(e), re = ({
|
|
|
84
85
|
{ [e.selectOptionsDisabled]: g }
|
|
85
86
|
),
|
|
86
87
|
onClick: () => h(!o),
|
|
87
|
-
children: l.length === 0 ?
|
|
88
|
+
children: l.length === 0 ? B : "Выбрано " + l.length
|
|
88
89
|
}
|
|
89
90
|
),
|
|
90
|
-
/* @__PURE__ */
|
|
91
|
-
|
|
91
|
+
/* @__PURE__ */ s(
|
|
92
|
+
z,
|
|
92
93
|
{
|
|
93
94
|
name: "arrowShort",
|
|
94
95
|
deg: o ? "180" : "0",
|
|
@@ -98,10 +99,10 @@ const i = J.bind(e), re = ({
|
|
|
98
99
|
)
|
|
99
100
|
] }),
|
|
100
101
|
O && /* @__PURE__ */ m(w, { children: [
|
|
101
|
-
/* @__PURE__ */
|
|
102
|
+
/* @__PURE__ */ s(
|
|
102
103
|
"button",
|
|
103
104
|
{
|
|
104
|
-
className:
|
|
105
|
+
className: a(
|
|
105
106
|
e.selectedOptions,
|
|
106
107
|
e[`${N}-size`],
|
|
107
108
|
e[`${$}-size_m`],
|
|
@@ -116,53 +117,62 @@ const i = J.bind(e), re = ({
|
|
|
116
117
|
children: y
|
|
117
118
|
}
|
|
118
119
|
),
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
|
|
120
|
+
/* @__PURE__ */ s(
|
|
121
|
+
z,
|
|
121
122
|
{
|
|
122
123
|
name: "filter",
|
|
123
124
|
deg: o ? "180" : "0",
|
|
124
125
|
size: d ?? "24",
|
|
125
|
-
additionalClass:
|
|
126
|
+
additionalClass: a(e.icon, { [e.iconBtn]: !y })
|
|
126
127
|
}
|
|
127
128
|
)
|
|
128
129
|
] })
|
|
129
130
|
] }),
|
|
130
|
-
o && /* @__PURE__ */ m(
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
131
|
+
o && /* @__PURE__ */ m(
|
|
132
|
+
"div",
|
|
133
|
+
{
|
|
134
|
+
className: a(
|
|
135
|
+
e.optionsList,
|
|
136
|
+
{ [e.listRight]: q },
|
|
137
|
+
{ [e.lastList]: G },
|
|
138
|
+
F
|
|
139
|
+
),
|
|
140
|
+
children: [
|
|
141
|
+
i === "options" && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ s(
|
|
142
|
+
Q,
|
|
143
|
+
{
|
|
144
|
+
disabledOptions: f,
|
|
145
|
+
clickableOptions: v,
|
|
146
|
+
selectedOptions: l,
|
|
147
|
+
sizeIcon: d,
|
|
148
|
+
option: r,
|
|
149
|
+
handleOptionClick: E,
|
|
150
|
+
isDisabledNotClickable: x
|
|
151
|
+
},
|
|
152
|
+
n
|
|
153
|
+
))),
|
|
154
|
+
(i === "category" || i === "double") && (t == null ? void 0 : t.map((r, n) => "options" in r ? /* @__PURE__ */ s(
|
|
155
|
+
T,
|
|
156
|
+
{
|
|
157
|
+
disabledOptions: f,
|
|
158
|
+
clickableOptions: v,
|
|
159
|
+
selectedOptions: l,
|
|
160
|
+
sizeIcon: d,
|
|
161
|
+
category: r,
|
|
162
|
+
mode: i,
|
|
163
|
+
selectedValues: c,
|
|
164
|
+
handleOptionClick: E,
|
|
165
|
+
isDisabledNotClickable: x
|
|
166
|
+
},
|
|
167
|
+
n
|
|
168
|
+
) : null))
|
|
169
|
+
]
|
|
170
|
+
}
|
|
171
|
+
)
|
|
162
172
|
]
|
|
163
173
|
}
|
|
164
174
|
);
|
|
165
175
|
};
|
|
166
176
|
export {
|
|
167
|
-
|
|
177
|
+
te as Select
|
|
168
178
|
};
|
|
@@ -13,7 +13,7 @@ import "../../Text/ui/Text.js";
|
|
|
13
13
|
import "../../Flex/ui/Flex.js";
|
|
14
14
|
import "../../Input/ui/Input.js";
|
|
15
15
|
import "../../Modal/ui/Modal.js";
|
|
16
|
-
import { a as
|
|
16
|
+
import { a as z } from "../../../FilterWithSave-CRMKY3qA.js";
|
|
17
17
|
import "../../GroupedInput/ui/GroupedInputs.js";
|
|
18
18
|
import "../../MetroTag/ui/MetroTag.js";
|
|
19
19
|
import "../../LotCard/ui/LotCard.js";
|
|
@@ -22,8 +22,7 @@ import "../../../shared/useClientWidth.js";
|
|
|
22
22
|
import "../../SliderNavigation/ui/SliderNavigation.js";
|
|
23
23
|
import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
24
24
|
import "../../TabSelect/ui/TabSelect.js";
|
|
25
|
-
import "../../FormModal/ui/ModalForm.js";
|
|
26
25
|
import "../../CheckboxSelect/ui/CheckboxSelect.js";
|
|
27
26
|
export {
|
|
28
|
-
|
|
27
|
+
z as SortSelect
|
|
29
28
|
};
|
|
@@ -3,6 +3,7 @@ import { MultiSelectProps } from '../../Select/ui/Select.types';
|
|
|
3
3
|
interface ISummarySelectProps extends MultiSelectProps {
|
|
4
4
|
label?: string;
|
|
5
5
|
isShowReset?: boolean;
|
|
6
|
+
isLast?: boolean;
|
|
6
7
|
}
|
|
7
8
|
export declare const SummarySelect: React.FC<ISummarySelectProps>;
|
|
8
9
|
export {};
|
|
@@ -7,7 +7,11 @@ const f = "_root_mfkeq_1", v = "_nameWrapper_mfkeq_8", y = "_clearBtn_mfkeq_18",
|
|
|
7
7
|
clearBtn: y,
|
|
8
8
|
summaryList: k,
|
|
9
9
|
summaryOption: p
|
|
10
|
-
}, S = ({
|
|
10
|
+
}, S = ({
|
|
11
|
+
label: c = "",
|
|
12
|
+
isShowReset: r,
|
|
13
|
+
...e
|
|
14
|
+
}) => {
|
|
11
15
|
const l = (a) => {
|
|
12
16
|
e.onChange && e.onChange(a);
|
|
13
17
|
}, o = (a) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { S as
|
|
3
|
+
import { S as v } from "../../../FilterWithSave-CRMKY3qA.js";
|
|
4
4
|
import "../../Text/ui/Text.js";
|
|
5
5
|
import "../../../index-rKuIKazb.js";
|
|
6
6
|
import "../../Button/ui/Button.js";
|
|
@@ -21,8 +21,7 @@ import "../../../shared/useClientWidth.js";
|
|
|
21
21
|
import "../../SliderNavigation/ui/SliderNavigation.js";
|
|
22
22
|
import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
23
23
|
import "../../TabSelect/ui/TabSelect.js";
|
|
24
|
-
import "../../FormModal/ui/ModalForm.js";
|
|
25
24
|
import "../../CheckboxSelect/ui/CheckboxSelect.js";
|
|
26
25
|
export {
|
|
27
|
-
|
|
26
|
+
v as TabSwitcher
|
|
28
27
|
};
|
|
@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
|
|
|
11
11
|
import "../../Input/ui/Input.js";
|
|
12
12
|
import "react";
|
|
13
13
|
import "react-dom";
|
|
14
|
-
import "../../../FilterWithSave-
|
|
14
|
+
import "../../../FilterWithSave-CRMKY3qA.js";
|
|
15
15
|
import "../../GroupedInput/ui/GroupedInputs.js";
|
|
16
16
|
import "../../../index-rKuIKazb.js";
|
|
17
17
|
import "../../MetroTag/ui/MetroTag.js";
|
|
@@ -21,13 +21,12 @@ import { useClientWidth as l } from "../../../shared/useClientWidth.js";
|
|
|
21
21
|
import "../../SliderNavigation/ui/SliderNavigation.js";
|
|
22
22
|
import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
23
23
|
import "../../TabSelect/ui/TabSelect.js";
|
|
24
|
-
import "../../FormModal/ui/ModalForm.js";
|
|
25
24
|
import "../../CheckboxSelect/ui/CheckboxSelect.js";
|
|
26
25
|
const u = "_root_1gn8f_1", c = "_plusBtn_1gn8f_6", e = "_minusBtn_1gn8f_11", o = {
|
|
27
26
|
root: u,
|
|
28
27
|
plusBtn: c,
|
|
29
28
|
minusBtn: e
|
|
30
|
-
},
|
|
29
|
+
}, F = ({ size: t = "medium", zoomIn: n, zoomOut: p }) => {
|
|
31
30
|
const { isDesktop: i } = l();
|
|
32
31
|
return /* @__PURE__ */ s("div", { className: o.root, children: [
|
|
33
32
|
/* @__PURE__ */ r(
|
|
@@ -53,5 +52,5 @@ const u = "_root_1gn8f_1", c = "_plusBtn_1gn8f_6", e = "_minusBtn_1gn8f_11", o =
|
|
|
53
52
|
] });
|
|
54
53
|
};
|
|
55
54
|
export {
|
|
56
|
-
|
|
55
|
+
F as ZoomControls
|
|
57
56
|
};
|
package/dist/main.js
CHANGED
|
@@ -6,55 +6,54 @@ import { RoundButton as n } from "./components/RoundButton/ui/RoundButton.js";
|
|
|
6
6
|
import { Tag as i } from "./components/Tag/ui/Tag.js";
|
|
7
7
|
import { Switcher as d } from "./components/Switcher/ui/Switcher.js";
|
|
8
8
|
import { Text as s } from "./components/Text/ui/Text.js";
|
|
9
|
-
import { Flex as
|
|
10
|
-
import { Input as
|
|
11
|
-
import { Modal as
|
|
9
|
+
import { Flex as M } from "./components/Flex/ui/Flex.js";
|
|
10
|
+
import { Input as b } from "./components/Input/ui/Input.js";
|
|
11
|
+
import { Modal as F } from "./components/Modal/ui/Modal.js";
|
|
12
12
|
import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
|
|
13
|
-
import { F as w,
|
|
14
|
-
import { GroupedInputs as
|
|
15
|
-
import { Logo as
|
|
16
|
-
import { MetroTag as
|
|
17
|
-
import { LotCard as
|
|
18
|
-
import { Select as
|
|
19
|
-
import { useClientWidth as
|
|
20
|
-
import { SliderNavigation as
|
|
21
|
-
import { LotCardSkeleton as
|
|
22
|
-
import { ProjectCardSkeleton as
|
|
23
|
-
import { TabSelect as
|
|
24
|
-
import { ZoomControls as
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import { CheckboxSelect as mo } from "./components/CheckboxSelect/ui/CheckboxSelect.js";
|
|
13
|
+
import { F as w, M as B, a as L, S as v } from "./FilterWithSave-CRMKY3qA.js";
|
|
14
|
+
import { GroupedInputs as W } from "./components/GroupedInput/ui/GroupedInputs.js";
|
|
15
|
+
import { Logo as y } from "./components/Logo/ui/Logo.js";
|
|
16
|
+
import { MetroTag as G } from "./components/MetroTag/ui/MetroTag.js";
|
|
17
|
+
import { LotCard as R } from "./components/LotCard/ui/LotCard.js";
|
|
18
|
+
import { Select as q } from "./components/Select/ui/Select.js";
|
|
19
|
+
import { useClientWidth as A } from "./shared/useClientWidth.js";
|
|
20
|
+
import { SliderNavigation as H } from "./components/SliderNavigation/ui/SliderNavigation.js";
|
|
21
|
+
import { LotCardSkeleton as K } from "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
22
|
+
import { ProjectCardSkeleton as Q } from "./components/ProjectCardSkeleton/ui/ProjectCardSkeleton.js";
|
|
23
|
+
import { TabSelect as V } from "./components/TabSelect/ui/TabSelect.js";
|
|
24
|
+
import { ZoomControls as Y } from "./components/ZoomControls/ui/ZoomControls.js";
|
|
25
|
+
import { ModalSuccess as $ } from "./components/ModalSuccess/ModalSuccess.js";
|
|
26
|
+
import { SummarySelect as ro } from "./components/SummarySelect/ui/SummarySelect.js";
|
|
27
|
+
import { CheckboxSelect as to } from "./components/CheckboxSelect/ui/CheckboxSelect.js";
|
|
29
28
|
export {
|
|
30
29
|
e as Button,
|
|
31
|
-
|
|
30
|
+
to as CheckboxSelect,
|
|
32
31
|
a as DestinationTab,
|
|
33
32
|
I as FieldInput,
|
|
34
33
|
w as FilterWithSave,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
34
|
+
M as Flex,
|
|
35
|
+
W as GroupedInputs,
|
|
36
|
+
b as Input,
|
|
37
|
+
y as Logo,
|
|
38
|
+
R as LotCard,
|
|
39
|
+
K as LotCardSkeleton,
|
|
40
|
+
G as MetroTag,
|
|
42
41
|
m as MobileButton,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
F as Modal,
|
|
43
|
+
B as ModalForm,
|
|
44
|
+
$ as ModalSuccess,
|
|
46
45
|
x as NewIcon,
|
|
47
|
-
|
|
46
|
+
Q as ProjectCardSkeleton,
|
|
48
47
|
n as RoundButton,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
48
|
+
q as Select,
|
|
49
|
+
H as SliderNavigation,
|
|
50
|
+
L as SortSelect,
|
|
51
|
+
ro as SummarySelect,
|
|
53
52
|
d as Switcher,
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
V as TabSelect,
|
|
54
|
+
v as TabSwitcher,
|
|
56
55
|
i as Tag,
|
|
57
56
|
s as Text,
|
|
58
|
-
|
|
59
|
-
|
|
57
|
+
Y as ZoomControls,
|
|
58
|
+
A as useClientWidth
|
|
60
59
|
};
|