stone-kit 0.0.701 → 0.0.703
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/README.md +59 -59
- package/dist/{FilterWithSave-Nihl2Z4W.js → FilterWithSave-BgBDUcQO.js} +1 -1
- package/dist/Option-Cr-I6UDs.js +83 -0
- package/dist/components/FilterWithSave/hooks/useFilterWithSave.js +1 -1
- package/dist/components/FilterWithSave/ui/FilterWithSave.js +2 -2
- package/dist/components/Select/ui/Category.d.ts +2 -1
- package/dist/components/Select/ui/Category.js +47 -45
- package/dist/components/Select/ui/Option.d.ts +2 -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 +69 -66
- 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 +1 -1
- package/dist/components/TabSwitcher/index.js +1 -1
- package/dist/components/TabSwitcher/ui/TabSwitcher.js +1 -1
- package/dist/components/ZoomControls/ui/ZoomControls.js +1 -1
- package/dist/main.js +1 -1
- package/package.json +1 -1
- package/dist/Option-BJ7QJM8p.js +0 -79
package/README.md
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
# Stone-kit
|
|
2
|
-
|
|
3
|
-
Uikit for stone redesign 2.0
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
Package installation:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm i stone-kit@latest
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
|
|
15
|
-
For Next.js page router in App.tsx:
|
|
16
|
-
|
|
17
|
-
```bash
|
|
18
|
-
import 'stone-kit/dist/style.css'
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
and then:
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
import {Button} from 'stone-kit'
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
For other projects u can immediately:
|
|
28
|
-
|
|
29
|
-
```bash
|
|
30
|
-
import {Button} from 'stone-kit'
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
## Docs
|
|
34
|
-
|
|
35
|
-
### ButtonProps
|
|
36
|
-
|
|
37
|
-
size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
|
|
38
|
-
|
|
39
|
-
pre: optional, insert icon/text before button text. type: ReactNode
|
|
40
|
-
|
|
41
|
-
post: optional, insert icon/text after button text. type: ReactNode
|
|
42
|
-
|
|
43
|
-
variant: optional, color variants of button. type:
|
|
44
|
-
'blue',
|
|
45
|
-
'gray',
|
|
46
|
-
'whiteStroke',
|
|
47
|
-
'sokolniki',
|
|
48
|
-
'black',
|
|
49
|
-
'whiteFilled'
|
|
50
|
-
|
|
51
|
-
width: optional, width of button. type: 'auto' | 'full'
|
|
52
|
-
|
|
53
|
-
additionalClass: optional, add your custom class to button. type: 'string'
|
|
54
|
-
|
|
55
|
-
as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
|
|
56
|
-
|
|
57
|
-
### MobileButtonProps
|
|
58
|
-
|
|
59
|
-
### Tag
|
|
1
|
+
# Stone-kit
|
|
2
|
+
|
|
3
|
+
Uikit for stone redesign 2.0
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Package installation:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm i stone-kit@latest
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
For Next.js page router in App.tsx:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
import 'stone-kit/dist/style.css'
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
and then:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
import {Button} from 'stone-kit'
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
For other projects u can immediately:
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
import {Button} from 'stone-kit'
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Docs
|
|
34
|
+
|
|
35
|
+
### ButtonProps
|
|
36
|
+
|
|
37
|
+
size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
|
|
38
|
+
|
|
39
|
+
pre: optional, insert icon/text before button text. type: ReactNode
|
|
40
|
+
|
|
41
|
+
post: optional, insert icon/text after button text. type: ReactNode
|
|
42
|
+
|
|
43
|
+
variant: optional, color variants of button. type:
|
|
44
|
+
'blue',
|
|
45
|
+
'gray',
|
|
46
|
+
'whiteStroke',
|
|
47
|
+
'sokolniki',
|
|
48
|
+
'black',
|
|
49
|
+
'whiteFilled'
|
|
50
|
+
|
|
51
|
+
width: optional, width of button. type: 'auto' | 'full'
|
|
52
|
+
|
|
53
|
+
additionalClass: optional, add your custom class to button. type: 'string'
|
|
54
|
+
|
|
55
|
+
as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
|
|
56
|
+
|
|
57
|
+
### MobileButtonProps
|
|
58
|
+
|
|
59
|
+
### Tag
|
|
@@ -23,7 +23,7 @@ import "./components/SliderNavigation/ui/SliderNavigation.js";
|
|
|
23
23
|
import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
24
24
|
import "./components/TabSelect/ui/TabSelect.js";
|
|
25
25
|
import "./components/FormModal/ui/ModalForm.js";
|
|
26
|
-
import { O as P } from "./Option-
|
|
26
|
+
import { O as P } from "./Option-Cr-I6UDs.js";
|
|
27
27
|
const Y = "_root_lgek7_1", Z = "_text_lgek7_18", ee = "_textMini_lgek7_26", te = "_rootCol_lgek7_32", ie = "_item_lgek7_38", se = "_whiteRow_lgek7_57", le = "_firstItem_lgek7_68", re = "_lastItem_lgek7_72", ae = "_apart_lgek7_103", ne = "_isLong_lgek7_103", oe = "_autoWidth_lgek7_128", ce = "_mini_lgek7_132", de = "_isDisabled_lgek7_140", me = "_grayRow_lgek7_164", o = {
|
|
28
28
|
root: Y,
|
|
29
29
|
text: Z,
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { jsxs as u, jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
|
|
3
|
+
import { c as z } from "./index-rKuIKazb.js";
|
|
4
|
+
const g = "_multiSelectWrapper_c3wo1_1", O = "_selectedOptions_c3wo1_8", b = "_selectedOptionsBtn_c3wo1_24", v = "_selectedOptionsOpened_c3wo1_49", C = "_selectedOptionsNotEmpty_c3wo1_53", h = "_selectOptionsDisabled_c3wo1_58", y = "_optionsList_c3wo1_65", D = "_listRight_c3wo1_81", f = "_inputWrapper_c3wo1_85", k = "_option_c3wo1_65", B = "_category_c3wo1_107", N = "_leftSide_c3wo1_113", S = "_optionCategory_c3wo1_118", W = "_optionDisabled_c3wo1_124", x = "_optionClickable_c3wo1_128", A = "_icon_c3wo1_132", E = "_iconArrow_c3wo1_138", L = "_iconBtn_c3wo1_144", s = {
|
|
5
|
+
multiSelectWrapper: g,
|
|
6
|
+
selectedOptions: O,
|
|
7
|
+
selectedOptionsBtn: b,
|
|
8
|
+
"small-size": "_small-size_c3wo1_28",
|
|
9
|
+
"medium-size": "_medium-size_c3wo1_35",
|
|
10
|
+
"large-size": "_large-size_c3wo1_42",
|
|
11
|
+
selectedOptionsOpened: v,
|
|
12
|
+
selectedOptionsNotEmpty: C,
|
|
13
|
+
selectOptionsDisabled: h,
|
|
14
|
+
optionsList: y,
|
|
15
|
+
listRight: D,
|
|
16
|
+
inputWrapper: f,
|
|
17
|
+
option: k,
|
|
18
|
+
category: B,
|
|
19
|
+
leftSide: N,
|
|
20
|
+
optionCategory: S,
|
|
21
|
+
optionDisabled: W,
|
|
22
|
+
optionClickable: x,
|
|
23
|
+
icon: A,
|
|
24
|
+
iconArrow: E,
|
|
25
|
+
iconBtn: L,
|
|
26
|
+
"small-size_m": "_small-size_m_c3wo1_157",
|
|
27
|
+
"medium-size_m": "_medium-size_m_c3wo1_163",
|
|
28
|
+
"large-size_m": "_large-size_m_c3wo1_169",
|
|
29
|
+
"small-size_l": "_small-size_l_c3wo1_184",
|
|
30
|
+
"medium-size_l": "_medium-size_l_c3wo1_190",
|
|
31
|
+
"large-size_l": "_large-size_l_c3wo1_196"
|
|
32
|
+
}, R = z.bind(s), q = ({
|
|
33
|
+
option: e,
|
|
34
|
+
selectedOptions: c,
|
|
35
|
+
disabledOptions: a,
|
|
36
|
+
clickableOptions: t,
|
|
37
|
+
handleOptionClick: p,
|
|
38
|
+
isOptionCategory: i,
|
|
39
|
+
sizeIcon: l,
|
|
40
|
+
isDisabledNotClickable: r,
|
|
41
|
+
addClassName: m = ""
|
|
42
|
+
}) => {
|
|
43
|
+
const d = t ? t.includes(`${e.value}`) : !0, w = () => r && t ? !t.includes(`${e.value}`) : a.some((o) => o.value === e.value);
|
|
44
|
+
return /* @__PURE__ */ u(
|
|
45
|
+
"div",
|
|
46
|
+
{
|
|
47
|
+
className: R(
|
|
48
|
+
s.option,
|
|
49
|
+
{
|
|
50
|
+
[s.selected]: c.some((o) => o.value === e.value),
|
|
51
|
+
[s.optionDisabled]: w(),
|
|
52
|
+
[s.optionCategory]: i,
|
|
53
|
+
[s.optionClickable]: d
|
|
54
|
+
},
|
|
55
|
+
m
|
|
56
|
+
),
|
|
57
|
+
onClick: () => {
|
|
58
|
+
p(e);
|
|
59
|
+
},
|
|
60
|
+
children: [
|
|
61
|
+
i && /* @__PURE__ */ _(
|
|
62
|
+
n,
|
|
63
|
+
{
|
|
64
|
+
size: l ?? "20",
|
|
65
|
+
name: c.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
|
|
66
|
+
}
|
|
67
|
+
),
|
|
68
|
+
/* @__PURE__ */ _("div", { children: e.label }),
|
|
69
|
+
!i && /* @__PURE__ */ _(
|
|
70
|
+
n,
|
|
71
|
+
{
|
|
72
|
+
size: l ?? "20",
|
|
73
|
+
name: c.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
|
|
74
|
+
}
|
|
75
|
+
)
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
};
|
|
80
|
+
export {
|
|
81
|
+
q as O,
|
|
82
|
+
s
|
|
83
|
+
};
|
|
@@ -11,7 +11,7 @@ import "../../Flex/ui/Flex.js";
|
|
|
11
11
|
import "../../Input/ui/Input.js";
|
|
12
12
|
import "react/jsx-runtime";
|
|
13
13
|
import "react-dom";
|
|
14
|
-
import { u as q } from "../../../FilterWithSave-
|
|
14
|
+
import { u as q } from "../../../FilterWithSave-BgBDUcQO.js";
|
|
15
15
|
import "../../GroupedInput/ui/GroupedInputs.js";
|
|
16
16
|
import "../../../index-rKuIKazb.js";
|
|
17
17
|
import "../../MetroTag/ui/MetroTag.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../NewIcon/ui/NewIcon.js";
|
|
3
|
-
import { F as a } from "../../../FilterWithSave-
|
|
3
|
+
import { F as a } from "../../../FilterWithSave-BgBDUcQO.js";
|
|
4
4
|
import "../../Modal/ui/Modal.js";
|
|
5
|
-
import "../../../Option-
|
|
5
|
+
import "../../../Option-Cr-I6UDs.js";
|
|
6
6
|
import "../../Button/ui/Button.js";
|
|
7
7
|
export {
|
|
8
8
|
a as FilterWithSave
|
|
@@ -9,5 +9,6 @@ export interface IOption {
|
|
|
9
9
|
handleOptionClick: (option: TOption | TOption[]) => void;
|
|
10
10
|
sizeIcon?: string;
|
|
11
11
|
mode: TModeSelect;
|
|
12
|
+
isDisabledNotClickable?: boolean;
|
|
12
13
|
}
|
|
13
|
-
export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon, mode }: IOption) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const Category: ({ category, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, sizeIcon, isDisabledNotClickable, mode }: IOption) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,75 +1,77 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { s
|
|
3
|
-
import { NewIcon as
|
|
4
|
-
import { c as
|
|
5
|
-
import { useState as
|
|
6
|
-
const
|
|
1
|
+
import { jsxs as c, Fragment as F, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { s, O as I } from "../../../Option-Cr-I6UDs.js";
|
|
3
|
+
import { NewIcon as C } from "../../NewIcon/ui/NewIcon.js";
|
|
4
|
+
import { c as J } from "../../../index-rKuIKazb.js";
|
|
5
|
+
import { useState as U } from "react";
|
|
6
|
+
const j = J.bind(s), q = ({
|
|
7
7
|
category: t,
|
|
8
|
-
selectedOptions:
|
|
9
|
-
disabledOptions:
|
|
10
|
-
clickableOptions:
|
|
11
|
-
handleOptionClick:
|
|
12
|
-
sizeIcon:
|
|
13
|
-
|
|
8
|
+
selectedOptions: r,
|
|
9
|
+
disabledOptions: m,
|
|
10
|
+
clickableOptions: n,
|
|
11
|
+
handleOptionClick: d,
|
|
12
|
+
sizeIcon: i,
|
|
13
|
+
isDisabledNotClickable: p,
|
|
14
|
+
mode: f
|
|
14
15
|
}) => {
|
|
15
|
-
const [l,
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
const [l, h] = U(!1), S = r.map((e) => JSON.stringify(e)), a = f === "category", v = f === "double", N = a && t.options.every((e) => S.includes(JSON.stringify(e))), w = n ? n.includes(t.value.toString()) : !0, k = () => p && n ? !n.includes(t.value.toString()) : m.some(
|
|
17
|
+
(e) => e.value === t.value
|
|
18
|
+
), x = a ? N ? "selectChecked" : "selectUnchecked" : v && r.some((e) => e.value === t.value) ? "selectChecked" : "selectUnchecked", g = t.options.length > 1;
|
|
19
|
+
return /* @__PURE__ */ c(F, { children: [
|
|
20
|
+
/* @__PURE__ */ c(
|
|
18
21
|
"div",
|
|
19
22
|
{
|
|
20
|
-
className:
|
|
21
|
-
|
|
22
|
-
|
|
23
|
+
className: j(
|
|
24
|
+
s.option,
|
|
25
|
+
s.category,
|
|
23
26
|
{
|
|
24
|
-
[
|
|
25
|
-
[
|
|
26
|
-
|
|
27
|
-
),
|
|
28
|
-
[o.optionClickable]: i ? i.includes(t.value.toString()) : !0
|
|
27
|
+
[s.selected]: r.some((e) => e.value === t.value),
|
|
28
|
+
[s.optionDisabled]: k(),
|
|
29
|
+
[s.optionClickable]: w
|
|
29
30
|
}
|
|
30
31
|
),
|
|
31
32
|
onClick: () => {
|
|
32
|
-
|
|
33
|
+
v && !l && h(!0), d(a ? t.options : t);
|
|
33
34
|
},
|
|
34
35
|
children: [
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
|
|
36
|
+
/* @__PURE__ */ c("div", { className: s.leftSide, children: [
|
|
37
|
+
/* @__PURE__ */ o(
|
|
38
|
+
C,
|
|
38
39
|
{
|
|
39
|
-
size:
|
|
40
|
-
name:
|
|
40
|
+
size: i ?? "20",
|
|
41
|
+
name: x
|
|
41
42
|
}
|
|
42
43
|
),
|
|
43
|
-
/* @__PURE__ */
|
|
44
|
+
/* @__PURE__ */ o("div", { children: t.label })
|
|
44
45
|
] }),
|
|
45
|
-
|
|
46
|
-
e.stopPropagation(),
|
|
47
|
-
}, children: /* @__PURE__ */
|
|
48
|
-
|
|
46
|
+
g && /* @__PURE__ */ o("div", { className: s.iconArrow, onClick: (e) => {
|
|
47
|
+
e.stopPropagation(), h((u) => !u);
|
|
48
|
+
}, children: /* @__PURE__ */ o(
|
|
49
|
+
C,
|
|
49
50
|
{
|
|
50
51
|
name: "arrowShort",
|
|
51
52
|
deg: l ? "180" : "0",
|
|
52
|
-
size:
|
|
53
|
+
size: i ?? "24"
|
|
53
54
|
}
|
|
54
55
|
) })
|
|
55
56
|
]
|
|
56
57
|
}
|
|
57
58
|
),
|
|
58
|
-
l &&
|
|
59
|
-
|
|
59
|
+
l && g && t.options.map((e, u) => /* @__PURE__ */ o(
|
|
60
|
+
I,
|
|
60
61
|
{
|
|
61
62
|
option: e,
|
|
62
|
-
disabledOptions:
|
|
63
|
-
selectedOptions:
|
|
64
|
-
handleOptionClick: () =>
|
|
65
|
-
sizeIcon:
|
|
66
|
-
clickableOptions:
|
|
67
|
-
isOptionCategory: !0
|
|
63
|
+
disabledOptions: m,
|
|
64
|
+
selectedOptions: r,
|
|
65
|
+
handleOptionClick: () => d(e),
|
|
66
|
+
sizeIcon: i,
|
|
67
|
+
clickableOptions: n,
|
|
68
|
+
isOptionCategory: !0,
|
|
69
|
+
isDisabledNotClickable: p
|
|
68
70
|
},
|
|
69
|
-
|
|
71
|
+
u
|
|
70
72
|
))
|
|
71
73
|
] });
|
|
72
74
|
};
|
|
73
75
|
export {
|
|
74
|
-
|
|
76
|
+
q as Category
|
|
75
77
|
};
|
|
@@ -9,5 +9,6 @@ export interface IOption {
|
|
|
9
9
|
handleOptionClick: (option: TOption) => void;
|
|
10
10
|
sizeIcon?: string;
|
|
11
11
|
addClassName?: string;
|
|
12
|
+
isDisabledNotClickable?: boolean;
|
|
12
13
|
}
|
|
13
|
-
export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon, addClassName, }: IOption) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const Option: ({ option, selectedOptions, disabledOptions, clickableOptions, handleOptionClick, isOptionCategory, sizeIcon, isDisabledNotClickable, addClassName, }: IOption) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -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, }: 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 }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,55 +1,56 @@
|
|
|
1
|
-
import { jsxs as m, Fragment 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 a } from "react/jsx-runtime";
|
|
2
|
+
import { useState as W, useRef as j, useEffect as z } from "react";
|
|
3
|
+
import { c as J } from "../../../index-rKuIKazb.js";
|
|
4
|
+
import { s as e, O as K } from "../../../Option-Cr-I6UDs.js";
|
|
5
|
+
import { NewIcon as B } from "../../NewIcon/ui/NewIcon.js";
|
|
6
|
+
import { Category as Q } from "./Category.js";
|
|
7
|
+
import { handleClickModeOption as T, handleClickModeCategory as U } from "../model/selectMode.js";
|
|
8
|
+
const i = J.bind(e), re = ({
|
|
9
9
|
options: t,
|
|
10
|
-
placeholder:
|
|
11
|
-
error:
|
|
10
|
+
placeholder: D = "Выберите опции",
|
|
11
|
+
error: L,
|
|
12
12
|
disabled: g,
|
|
13
13
|
disabledOptions: f = [],
|
|
14
|
-
additionalClass:
|
|
15
|
-
additionalClassOption:
|
|
16
|
-
additionalClassBtn:
|
|
17
|
-
onChange:
|
|
14
|
+
additionalClass: M = "",
|
|
15
|
+
additionalClassOption: F,
|
|
16
|
+
additionalClassBtn: P,
|
|
17
|
+
onChange: _,
|
|
18
18
|
onBlur: u,
|
|
19
19
|
selectedValues: c = [],
|
|
20
20
|
isBtn: O = !1,
|
|
21
21
|
btnName: y,
|
|
22
|
-
clickableOptions:
|
|
23
|
-
isListRight:
|
|
22
|
+
clickableOptions: v,
|
|
23
|
+
isListRight: q = !1,
|
|
24
24
|
sizeIcon: d,
|
|
25
25
|
mode: s = "options",
|
|
26
|
-
onClickItem:
|
|
27
|
-
onCLickSelect:
|
|
28
|
-
size_s:
|
|
29
|
-
size_m:
|
|
30
|
-
size_l:
|
|
26
|
+
onClickItem: C,
|
|
27
|
+
onCLickSelect: S,
|
|
28
|
+
size_s: N = "large",
|
|
29
|
+
size_m: $,
|
|
30
|
+
size_l: k,
|
|
31
|
+
isDisabledNotClickable: x
|
|
31
32
|
}) => {
|
|
32
33
|
t = Array.isArray(t) ? [.../* @__PURE__ */ new Set([...t])] : [];
|
|
33
|
-
const [l,
|
|
34
|
-
|
|
34
|
+
const [l, A] = W(c), [o, h] = W(!1), p = j(null), E = (r) => {
|
|
35
|
+
C && C(r);
|
|
35
36
|
const n = {
|
|
36
37
|
option: r,
|
|
37
38
|
selectedOptions: l,
|
|
38
39
|
disabledOptions: f,
|
|
39
|
-
setSelectedOptions:
|
|
40
|
-
onChange:
|
|
40
|
+
setSelectedOptions: A,
|
|
41
|
+
onChange: _,
|
|
41
42
|
mode: s,
|
|
42
43
|
optionsParentArr: t
|
|
43
44
|
};
|
|
44
|
-
Array.isArray(r) ?
|
|
45
|
-
},
|
|
45
|
+
Array.isArray(r) ? U(n) : T(n);
|
|
46
|
+
}, G = () => {
|
|
46
47
|
u && u(l);
|
|
47
48
|
};
|
|
48
|
-
|
|
49
|
+
z(() => {
|
|
49
50
|
const r = (n) => {
|
|
50
|
-
const
|
|
51
|
+
const H = n.target;
|
|
51
52
|
if (p.current && !p.current.contains(n.target)) {
|
|
52
|
-
if (
|
|
53
|
+
if (H.closest("svg"))
|
|
53
54
|
return;
|
|
54
55
|
h(!1);
|
|
55
56
|
}
|
|
@@ -58,36 +59,36 @@ const a = G.bind(e), ee = ({
|
|
|
58
59
|
document.removeEventListener("click", r);
|
|
59
60
|
};
|
|
60
61
|
}, []);
|
|
61
|
-
const
|
|
62
|
-
return
|
|
63
|
-
c.length !==
|
|
62
|
+
const R = j(c);
|
|
63
|
+
return z(() => {
|
|
64
|
+
c.length !== R.current.length && (A(c), R.current = c);
|
|
64
65
|
}, [c]), /* @__PURE__ */ m(
|
|
65
66
|
"div",
|
|
66
67
|
{
|
|
67
68
|
ref: p,
|
|
68
|
-
className:
|
|
69
|
+
className: i(e.multiSelectWrapper, { [e.multiSelectWrapperError]: L }, M),
|
|
69
70
|
tabIndex: 0,
|
|
70
|
-
onBlur:
|
|
71
|
+
onBlur: G,
|
|
71
72
|
children: [
|
|
72
|
-
/* @__PURE__ */ m("div", { className:
|
|
73
|
-
!O && /* @__PURE__ */ m(
|
|
74
|
-
/* @__PURE__ */
|
|
73
|
+
/* @__PURE__ */ m("div", { className: i(e.inputWrapper), children: [
|
|
74
|
+
!O && /* @__PURE__ */ m(w, { children: [
|
|
75
|
+
/* @__PURE__ */ a(
|
|
75
76
|
"div",
|
|
76
77
|
{
|
|
77
|
-
className:
|
|
78
|
+
className: i(
|
|
78
79
|
e.selectedOptions,
|
|
79
|
-
e[`${
|
|
80
|
-
e[`${
|
|
81
|
-
e[`${
|
|
80
|
+
e[`${N}-size`],
|
|
81
|
+
e[`${$}-size_m`],
|
|
82
|
+
e[`${k}-size)_l`],
|
|
82
83
|
{ [e.selectedOptionsNotEmpty]: l.length > 0 },
|
|
83
84
|
{ [e.selectOptionsDisabled]: g }
|
|
84
85
|
),
|
|
85
86
|
onClick: () => h(!o),
|
|
86
|
-
children: l.length === 0 ?
|
|
87
|
+
children: l.length === 0 ? D : "Выбрано " + l.length
|
|
87
88
|
}
|
|
88
89
|
),
|
|
89
|
-
/* @__PURE__ */
|
|
90
|
-
|
|
90
|
+
/* @__PURE__ */ a(
|
|
91
|
+
B,
|
|
91
92
|
{
|
|
92
93
|
name: "arrowShort",
|
|
93
94
|
deg: o ? "180" : "0",
|
|
@@ -96,61 +97,63 @@ const a = G.bind(e), ee = ({
|
|
|
96
97
|
}
|
|
97
98
|
)
|
|
98
99
|
] }),
|
|
99
|
-
O && /* @__PURE__ */ m(
|
|
100
|
-
/* @__PURE__ */
|
|
100
|
+
O && /* @__PURE__ */ m(w, { children: [
|
|
101
|
+
/* @__PURE__ */ a(
|
|
101
102
|
"button",
|
|
102
103
|
{
|
|
103
|
-
className:
|
|
104
|
+
className: i(
|
|
104
105
|
e.selectedOptions,
|
|
105
|
-
e[`${
|
|
106
|
-
e[`${
|
|
107
|
-
e[`${
|
|
106
|
+
e[`${N}-size`],
|
|
107
|
+
e[`${$}-size_m`],
|
|
108
|
+
e[`${k}-size_l`],
|
|
108
109
|
e.selectedOptionsBtn,
|
|
109
110
|
{ [e.selectOptionsDisabled]: g },
|
|
110
|
-
|
|
111
|
+
P
|
|
111
112
|
),
|
|
112
113
|
onClick: () => {
|
|
113
|
-
|
|
114
|
+
S && S(), h(!o);
|
|
114
115
|
},
|
|
115
116
|
children: y
|
|
116
117
|
}
|
|
117
118
|
),
|
|
118
|
-
/* @__PURE__ */
|
|
119
|
-
|
|
119
|
+
/* @__PURE__ */ a(
|
|
120
|
+
B,
|
|
120
121
|
{
|
|
121
122
|
name: "filter",
|
|
122
123
|
deg: o ? "180" : "0",
|
|
123
124
|
size: d ?? "24",
|
|
124
|
-
additionalClass:
|
|
125
|
+
additionalClass: i(e.icon, { [e.iconBtn]: !y })
|
|
125
126
|
}
|
|
126
127
|
)
|
|
127
128
|
] })
|
|
128
129
|
] }),
|
|
129
|
-
o && /* @__PURE__ */ m("div", { className:
|
|
130
|
-
s === "options" && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */
|
|
131
|
-
|
|
130
|
+
o && /* @__PURE__ */ m("div", { className: i(e.optionsList, { [e.listRight]: q }, F), children: [
|
|
131
|
+
s === "options" && (t == null ? void 0 : t.map((r, n) => /* @__PURE__ */ a(
|
|
132
|
+
K,
|
|
132
133
|
{
|
|
133
134
|
disabledOptions: f,
|
|
134
|
-
clickableOptions:
|
|
135
|
+
clickableOptions: v,
|
|
135
136
|
selectedOptions: l,
|
|
136
137
|
sizeIcon: d,
|
|
137
138
|
option: r,
|
|
138
|
-
handleOptionClick:
|
|
139
|
+
handleOptionClick: E,
|
|
140
|
+
isDisabledNotClickable: x
|
|
139
141
|
},
|
|
140
142
|
n
|
|
141
143
|
))),
|
|
142
144
|
(s === "category" || s === "double") && (t == null ? void 0 : t.map(
|
|
143
|
-
(r, n) => "options" in r ? /* @__PURE__ */
|
|
144
|
-
|
|
145
|
+
(r, n) => "options" in r ? /* @__PURE__ */ a(
|
|
146
|
+
Q,
|
|
145
147
|
{
|
|
146
148
|
disabledOptions: f,
|
|
147
|
-
clickableOptions:
|
|
149
|
+
clickableOptions: v,
|
|
148
150
|
selectedOptions: l,
|
|
149
151
|
sizeIcon: d,
|
|
150
152
|
category: r,
|
|
151
153
|
mode: s,
|
|
152
154
|
selectedValues: c,
|
|
153
|
-
handleOptionClick:
|
|
155
|
+
handleOptionClick: E,
|
|
156
|
+
isDisabledNotClickable: x
|
|
154
157
|
},
|
|
155
158
|
n
|
|
156
159
|
) : null
|
|
@@ -161,5 +164,5 @@ const a = G.bind(e), ee = ({
|
|
|
161
164
|
);
|
|
162
165
|
};
|
|
163
166
|
export {
|
|
164
|
-
|
|
167
|
+
re as Select
|
|
165
168
|
};
|
|
@@ -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 z } from "../../../FilterWithSave-
|
|
16
|
+
import { a as z } from "../../../FilterWithSave-BgBDUcQO.js";
|
|
17
17
|
import "../../GroupedInput/ui/GroupedInputs.js";
|
|
18
18
|
import "../../MetroTag/ui/MetroTag.js";
|
|
19
19
|
import "../../LotCard/ui/LotCard.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { S as v } from "../../../FilterWithSave-
|
|
3
|
+
import { S as v } from "../../../FilterWithSave-BgBDUcQO.js";
|
|
4
4
|
import "../../Text/ui/Text.js";
|
|
5
5
|
import "../../../index-rKuIKazb.js";
|
|
6
6
|
import "../../Button/ui/Button.js";
|
|
@@ -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-BgBDUcQO.js";
|
|
15
15
|
import "../../GroupedInput/ui/GroupedInputs.js";
|
|
16
16
|
import "../../../index-rKuIKazb.js";
|
|
17
17
|
import "../../MetroTag/ui/MetroTag.js";
|
package/dist/main.js
CHANGED
|
@@ -10,7 +10,7 @@ import { Flex as C } from "./components/Flex/ui/Flex.js";
|
|
|
10
10
|
import { Input as M } from "./components/Input/ui/Input.js";
|
|
11
11
|
import { Modal as g } from "./components/Modal/ui/Modal.js";
|
|
12
12
|
import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
|
|
13
|
-
import { F as B, a as L, S as k } from "./FilterWithSave-
|
|
13
|
+
import { F as B, a as L, S as k } from "./FilterWithSave-BgBDUcQO.js";
|
|
14
14
|
import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
|
|
15
15
|
import { Logo as j } from "./components/Logo/ui/Logo.js";
|
|
16
16
|
import { MetroTag as D } from "./components/MetroTag/ui/MetroTag.js";
|
package/package.json
CHANGED
package/dist/Option-BJ7QJM8p.js
DELETED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { jsxs as r, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
|
|
3
|
-
import { c as d } from "./index-rKuIKazb.js";
|
|
4
|
-
const w = "_multiSelectWrapper_c3wo1_1", u = "_selectedOptions_c3wo1_8", z = "_selectedOptionsBtn_c3wo1_24", O = "_selectedOptionsOpened_c3wo1_49", g = "_selectedOptionsNotEmpty_c3wo1_53", b = "_selectOptionsDisabled_c3wo1_58", v = "_optionsList_c3wo1_65", h = "_listRight_c3wo1_81", C = "_inputWrapper_c3wo1_85", k = "_option_c3wo1_65", y = "_category_c3wo1_107", D = "_leftSide_c3wo1_113", f = "_optionCategory_c3wo1_118", B = "_optionDisabled_c3wo1_124", N = "_optionClickable_c3wo1_128", S = "_icon_c3wo1_132", W = "_iconArrow_c3wo1_138", x = "_iconBtn_c3wo1_144", t = {
|
|
5
|
-
multiSelectWrapper: w,
|
|
6
|
-
selectedOptions: u,
|
|
7
|
-
selectedOptionsBtn: z,
|
|
8
|
-
"small-size": "_small-size_c3wo1_28",
|
|
9
|
-
"medium-size": "_medium-size_c3wo1_35",
|
|
10
|
-
"large-size": "_large-size_c3wo1_42",
|
|
11
|
-
selectedOptionsOpened: O,
|
|
12
|
-
selectedOptionsNotEmpty: g,
|
|
13
|
-
selectOptionsDisabled: b,
|
|
14
|
-
optionsList: v,
|
|
15
|
-
listRight: h,
|
|
16
|
-
inputWrapper: C,
|
|
17
|
-
option: k,
|
|
18
|
-
category: y,
|
|
19
|
-
leftSide: D,
|
|
20
|
-
optionCategory: f,
|
|
21
|
-
optionDisabled: B,
|
|
22
|
-
optionClickable: N,
|
|
23
|
-
icon: S,
|
|
24
|
-
iconArrow: W,
|
|
25
|
-
iconBtn: x,
|
|
26
|
-
"small-size_m": "_small-size_m_c3wo1_157",
|
|
27
|
-
"medium-size_m": "_medium-size_m_c3wo1_163",
|
|
28
|
-
"large-size_m": "_large-size_m_c3wo1_169",
|
|
29
|
-
"small-size_l": "_small-size_l_c3wo1_184",
|
|
30
|
-
"medium-size_l": "_medium-size_l_c3wo1_190",
|
|
31
|
-
"large-size_l": "_large-size_l_c3wo1_196"
|
|
32
|
-
}, A = d.bind(t), j = ({
|
|
33
|
-
option: e,
|
|
34
|
-
selectedOptions: s,
|
|
35
|
-
disabledOptions: a,
|
|
36
|
-
clickableOptions: _,
|
|
37
|
-
handleOptionClick: p,
|
|
38
|
-
isOptionCategory: c,
|
|
39
|
-
sizeIcon: l,
|
|
40
|
-
addClassName: m = ""
|
|
41
|
-
}) => /* @__PURE__ */ r(
|
|
42
|
-
"div",
|
|
43
|
-
{
|
|
44
|
-
className: A(
|
|
45
|
-
t.option,
|
|
46
|
-
{
|
|
47
|
-
[t.selected]: s.some((o) => o.value === e.value),
|
|
48
|
-
[t.optionDisabled]: a.some((o) => o.value === e.value),
|
|
49
|
-
[t.optionCategory]: c,
|
|
50
|
-
[t.optionClickable]: _ ? _.includes(`${e.value}`) : !0
|
|
51
|
-
},
|
|
52
|
-
m
|
|
53
|
-
),
|
|
54
|
-
onClick: () => {
|
|
55
|
-
p(e);
|
|
56
|
-
},
|
|
57
|
-
children: [
|
|
58
|
-
c && /* @__PURE__ */ i(
|
|
59
|
-
n,
|
|
60
|
-
{
|
|
61
|
-
size: l ?? "20",
|
|
62
|
-
name: s.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
|
|
63
|
-
}
|
|
64
|
-
),
|
|
65
|
-
/* @__PURE__ */ i("div", { children: e.label }),
|
|
66
|
-
!c && /* @__PURE__ */ i(
|
|
67
|
-
n,
|
|
68
|
-
{
|
|
69
|
-
size: l ?? "20",
|
|
70
|
-
name: s.some((o) => o.value === e.value) ? "selectChecked" : "selectUnchecked"
|
|
71
|
-
}
|
|
72
|
-
)
|
|
73
|
-
]
|
|
74
|
-
}
|
|
75
|
-
);
|
|
76
|
-
export {
|
|
77
|
-
j as O,
|
|
78
|
-
t as s
|
|
79
|
-
};
|