stone-kit 0.0.1073 → 0.0.1075
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 +88 -88
- package/dist/FilterWithSave-DfzlSC-v.js +2718 -0
- package/dist/components/Button/ui/Button.types.d.ts +1 -0
- package/dist/components/Button/ui/Button.types.js +4 -3
- package/dist/components/CheckBoxNew/CheckBoxNew.js +5 -5
- package/dist/components/CommercialLotCard/CommercialLotCard.d.ts +1 -1
- package/dist/components/CommercialLotCard/CommercialLotCard.js +10 -81
- package/dist/components/CommercialLotCard/components/PaymentLink/PaymentLink.js +4 -4
- package/dist/components/CommercialLotCard/components/Snippets/Snippets.js +27 -98
- package/dist/components/CommercialLotCard/components/Tags/Tags.js +1 -1
- package/dist/components/CommercialLotCard/types/CommercialLotCard.types.d.ts +2 -0
- package/dist/components/FilterWithSave/hooks/useFilterWithSave.js +26 -54
- package/dist/components/FilterWithSave/ui/FilterWithSave.js +7 -323
- package/dist/components/FormModal/ui/ModalForm.js +29 -1516
- package/dist/components/Icons/TooltipIcon.d.ts +2 -0
- package/dist/components/Icons/TooltipIcon.js +29 -0
- package/dist/components/Logo/ui/Logo.js +6 -6
- package/dist/components/LotCard/hooks/useLotCard.js +24 -6
- package/dist/components/LotCard/index.js +2 -2
- package/dist/components/LotCard/ui/LotCard.d.ts +1 -1
- package/dist/components/LotCard/ui/LotCard.js +12 -240
- package/dist/components/LotCard/ui/LotCard.types.d.ts +2 -0
- package/dist/components/ModalSuccess/ModalSuccess.js +1 -1
- package/dist/components/RoundButton/ui/RoundButton.js +1 -1
- package/dist/components/Select/ui/Category.js +2 -2
- package/dist/components/Select/ui/Option.js +2 -2
- package/dist/components/Select/ui/Select.js +2 -2
- package/dist/components/SliderNavigation/ui/SliderNavigation.js +6 -6
- package/dist/components/SortSelect/index.js +1 -1
- package/dist/components/SortSelect/ui/SortSelect.js +26 -108
- package/dist/components/SummarySelect/ui/SummarySelect.js +1 -1
- package/dist/components/TabSelect/ui/TabSelect.js +4 -4
- package/dist/components/TabSwitcher/index.js +2 -2
- package/dist/components/TabSwitcher/ui/TabSwitcher.js +26 -121
- package/dist/components/Tooltip/Tooltip.d.ts +11 -0
- package/dist/components/Tooltip/Tooltip.js +1945 -0
- package/dist/layout/components/Header/Header.js +65 -44
- package/dist/layout/components/Menu.js +37 -15
- package/dist/main.js +65 -70
- package/dist/pages/ButtonsPage/Buttons.js +61 -44
- package/dist/pages/FormsPage/FormsPage.js +42 -22
- package/dist/pages/IconsPage/IconsPage.js +31 -9
- package/dist/pages/InputPage/InputPage.js +32 -10
- package/dist/pages/LogoPage/LogoPage.js +36 -13
- package/dist/pages/LotsPage/LotsPage.js +24 -24
- package/dist/pages/ModalsPage/ModalPage.js +66 -46
- package/dist/pages/SelectPage/SelectPage.js +40 -41
- package/dist/pages/TabsPage/TabsPage.js +1 -1
- package/dist/pages/TagsPage/TagsPage.js +44 -23
- package/dist/stone-kit.css +1 -1
- package/dist/stories/entities/CommercialLotCard/CommercialLotCard.stories.js +1 -1
- package/dist/stories/shared/ui/Button/Button.stories.js +4 -4
- package/dist/stories/shared/ui/FilterWithSave/FilterWithSave.stories.js +1 -1
- package/dist/stories/shared/ui/FormModal/FormModal.stories.js +7 -7
- package/dist/stories/shared/ui/SortSelect/SortSelect.stories.js +1 -1
- package/dist/stories/shared/ui/TabSwitcher/TabSwitcher.stories.js +1 -1
- package/dist/stories/shared/ui/Tag/Tag.stories.js +4 -4
- package/package.json +2 -1
- package/dist/useLotCard-D-gK4J_o.js +0 -186
- package/dist/{Option-DmDx_xOt.js → Option-DdjBe9yb.js} +1 -1
|
@@ -1,111 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
setSelectedOption: c,
|
|
28
|
-
setIsOpen: i,
|
|
29
|
-
containerRef: u,
|
|
30
|
-
isMobile: l,
|
|
31
|
-
placeholder: v,
|
|
32
|
-
onChange: c,
|
|
33
|
-
onBlur: y
|
|
34
|
-
});
|
|
35
|
-
return E(() => (document.addEventListener("click", S), () => {
|
|
36
|
-
document.removeEventListener("click", S);
|
|
37
|
-
}), []), /* @__PURE__ */ s(
|
|
38
|
-
"div",
|
|
39
|
-
{
|
|
40
|
-
ref: u,
|
|
41
|
-
className: r(
|
|
42
|
-
e.sortSelectWrapper,
|
|
43
|
-
{ [e.sortSelectWrapperError]: N },
|
|
44
|
-
{ [e.sortSelectWrapperTop]: d },
|
|
45
|
-
x
|
|
46
|
-
),
|
|
47
|
-
tabIndex: 0,
|
|
48
|
-
onBlur: B,
|
|
49
|
-
onClick: () => {
|
|
50
|
-
m && m();
|
|
51
|
-
},
|
|
52
|
-
children: [
|
|
53
|
-
/* @__PURE__ */ s("div", { className: r(e.inputWrapper), children: [
|
|
54
|
-
/* @__PURE__ */ t(
|
|
55
|
-
"input",
|
|
56
|
-
{
|
|
57
|
-
type: "text",
|
|
58
|
-
readOnly: !0,
|
|
59
|
-
value: I(),
|
|
60
|
-
className: r(
|
|
61
|
-
e.selectedOptions,
|
|
62
|
-
{ [e.selectOptionsDisabled]: b },
|
|
63
|
-
{ [e.selectionOptionMini]: k }
|
|
64
|
-
),
|
|
65
|
-
onClick: () => {
|
|
66
|
-
o || p && p(), i(!o);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
),
|
|
70
|
-
/* @__PURE__ */ t(
|
|
71
|
-
O,
|
|
72
|
-
{
|
|
73
|
-
name: "twoArrows",
|
|
74
|
-
size: "24",
|
|
75
|
-
additionalClass: e.icon
|
|
76
|
-
}
|
|
77
|
-
)
|
|
78
|
-
] }),
|
|
79
|
-
o && l && /* @__PURE__ */ s(
|
|
80
|
-
T,
|
|
81
|
-
{
|
|
82
|
-
isOpen: o,
|
|
83
|
-
emitIsOpen: i,
|
|
84
|
-
additionalClassModalBody: e.modalAddBody,
|
|
85
|
-
additionalClass: e.selectModal,
|
|
86
|
-
createPortalObj: { domNode: document.querySelector("body") },
|
|
87
|
-
isTransparentBack: !0,
|
|
88
|
-
children: [
|
|
89
|
-
/* @__PURE__ */ s("div", { className: e.mobileSortHeader, children: [
|
|
90
|
-
/* @__PURE__ */ t(z, { children: "Сортировка" }),
|
|
91
|
-
/* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
|
|
92
|
-
O,
|
|
93
|
-
{
|
|
94
|
-
name: "close",
|
|
95
|
-
size: "20"
|
|
96
|
-
}
|
|
97
|
-
) })
|
|
98
|
-
] }),
|
|
99
|
-
/* @__PURE__ */ t("div", { className: e.mobileOptionList, children: n?.map((a) => f(a)) })
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
),
|
|
103
|
-
o && !l && /* @__PURE__ */ t("div", { className: r(e.optionsList, { [e.optionListOnTop]: d }), children: n?.map((a) => f(a)) })
|
|
104
|
-
]
|
|
105
|
-
}
|
|
106
|
-
);
|
|
107
|
-
};
|
|
108
|
-
A.displayName = "SortSelect";
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import "../../../index-YnD2EP-S.js";
|
|
4
|
+
import "../../../useSortSelect-IeonkD5d.js";
|
|
5
|
+
import "../../NewIcon/ui/NewIcon.js";
|
|
6
|
+
import "../../Button/ui/Button.js";
|
|
7
|
+
import "../../mobileButton/ui/MobileButton.js";
|
|
8
|
+
import "../../DestinationTab/ui/DestinationTab.js";
|
|
9
|
+
import "../../RoundButton/ui/RoundButton.js";
|
|
10
|
+
import "../../Tag/ui/Tag.js";
|
|
11
|
+
import "../../Switcher/ui/Switcher.js";
|
|
12
|
+
import "../../Text/ui/Text.js";
|
|
13
|
+
import "../../Flex/ui/Flex.js";
|
|
14
|
+
import "../../Input/ui/Input.js";
|
|
15
|
+
import "../../Modal/ui/Modal.js";
|
|
16
|
+
import { S as A } from "../../../FilterWithSave-DfzlSC-v.js";
|
|
17
|
+
import "../../GroupedInput/ui/GroupedInputs.js";
|
|
18
|
+
import "../../MetroTag/ui/MetroTag.js";
|
|
19
|
+
import "../../Select/ui/Select.js";
|
|
20
|
+
import "../../../shared/useClientWidth.js";
|
|
21
|
+
import "../../SliderNavigation/ui/SliderNavigation.js";
|
|
22
|
+
import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
23
|
+
import "../../TabSelect/ui/TabSelect.js";
|
|
24
|
+
import "../../CheckBox/CheckBox.js";
|
|
25
|
+
import "../../CheckBoxNew/CheckBoxNew.js";
|
|
26
|
+
import "../../CheckboxSelect/ui/CheckboxSelect.js";
|
|
109
27
|
export {
|
|
110
28
|
A as SortSelect
|
|
111
29
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as r, jsx as t, Fragment as b } from "react/jsx-runtime";
|
|
2
2
|
import { c as n } from "../../../index-YnD2EP-S.js";
|
|
3
|
-
import { Select as x } from "../../Select/ui/Select.js";
|
|
4
3
|
import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
|
|
4
|
+
import { Select as x } from "../../Select/ui/Select.js";
|
|
5
5
|
const A = "_root_99sc2_1", $ = "_nameWrapper_99sc2_8", j = "_size_large_99sc2_18", U = "_clearBtnWrapper_99sc2_25", F = "_clearBtn_99sc2_25", I = "_summaryList_99sc2_54", q = "_summaryOption_99sc2_66", E = "_summaryOptionSecondary_99sc2_88", G = "_categoryOption_99sc2_93", H = "_categoryOptionSecondary_99sc2_102", J = "_summaryCategory_99sc2_106", K = "_headerCategory_99sc2_116", M = "_categoryTitle_99sc2_122", Q = "_categoryTitleSecondary_99sc2_130", R = "_categoryOptions_99sc2_134", e = {
|
|
6
6
|
root: A,
|
|
7
7
|
nameWrapper: $,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e, jsxs as N } from "react/jsx-runtime";
|
|
2
2
|
import { c as T } from "../../../index-YnD2EP-S.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { Text as k } from "../../Text/ui/Text.js";
|
|
4
|
+
import { useClientWidth as y } from "../../../shared/useClientWidth.js";
|
|
5
5
|
const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F = "_fullWhite_pbslz_48", P = "_whiteStroke_pbslz_67", C = "_withPadding_pbslz_105", I = "_grayDesign_pbslz_109", t = {
|
|
6
6
|
root: z,
|
|
7
7
|
whiteFill: W,
|
|
@@ -20,7 +20,7 @@ const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F =
|
|
|
20
20
|
classname: l,
|
|
21
21
|
children: a
|
|
22
22
|
}) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], l), children: a }), c = (s) => {
|
|
23
|
-
const { isTablet: l, isDesktop: a } =
|
|
23
|
+
const { isTablet: l, isDesktop: a } = y(), {
|
|
24
24
|
children: r,
|
|
25
25
|
className: h,
|
|
26
26
|
additionalClassName: d,
|
|
@@ -49,7 +49,7 @@ const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F =
|
|
|
49
49
|
{
|
|
50
50
|
className: i(h, d, { [t.isLong]: m }),
|
|
51
51
|
style: { width: u(l, a) },
|
|
52
|
-
children: /* @__PURE__ */ e(
|
|
52
|
+
children: /* @__PURE__ */ e(k, { className: i(t.text), children: r })
|
|
53
53
|
}
|
|
54
54
|
)
|
|
55
55
|
] });
|
|
@@ -1,123 +1,28 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"large-size": "_large-size_1qhai_308",
|
|
27
|
-
"text-tiny-size": "_text-tiny-size_1qhai_313",
|
|
28
|
-
"text-small-size": "_text-small-size_1qhai_319",
|
|
29
|
-
"text-medium-size": "_text-medium-size_1qhai_324",
|
|
30
|
-
"text-large-size": "_text-large-size_1qhai_329",
|
|
31
|
-
"small-size_m": "_small-size_m_1qhai_335",
|
|
32
|
-
"medium-size_m": "_medium-size_m_1qhai_339",
|
|
33
|
-
"large-size_m": "_large-size_m_1qhai_343",
|
|
34
|
-
"text-small-size_m": "_text-small-size_m_1qhai_347",
|
|
35
|
-
"text-medium-size_m": "_text-medium-size_m_1qhai_351",
|
|
36
|
-
"text-large-size_m": "_text-large-size_m_1qhai_355",
|
|
37
|
-
"small-size_l": "_small-size_l_1qhai_370",
|
|
38
|
-
"medium-size_l": "_medium-size_l_1qhai_374",
|
|
39
|
-
"large-size_l": "_large-size_l_1qhai_378",
|
|
40
|
-
"text-small-size_l": "_text-small-size_l_1qhai_382",
|
|
41
|
-
"text-medium-size_l": "_text-medium-size_l_1qhai_386",
|
|
42
|
-
"text-large-size_l": "_text-large-size_l_1qhai_390"
|
|
43
|
-
}, _ = W.bind(e), X = ({
|
|
44
|
-
children: a,
|
|
45
|
-
variant: l = "whiteRow",
|
|
46
|
-
isApart: m = !1,
|
|
47
|
-
addClassName: i = "",
|
|
48
|
-
col: t = !1
|
|
49
|
-
}) => /* @__PURE__ */ s("div", { className: _(e.root, e[l], { [e.rootCol]: t, [e.apart]: m }, i), children: a }), g = (a) => {
|
|
50
|
-
const { isTablet: l, isDesktop: m } = $(), {
|
|
51
|
-
index: i,
|
|
52
|
-
children: t,
|
|
53
|
-
addItemClassName: u,
|
|
54
|
-
addLabelClassname: w,
|
|
55
|
-
addTextClass: b,
|
|
56
|
-
size_s: h = "large",
|
|
57
|
-
size_m: r,
|
|
58
|
-
size_l: d,
|
|
59
|
-
disabled: z = !1,
|
|
60
|
-
itemsLength: I = 0,
|
|
61
|
-
isLongOn: f = !0,
|
|
62
|
-
width: c,
|
|
63
|
-
width_m: o,
|
|
64
|
-
width_l: n,
|
|
65
|
-
mini: x = !1,
|
|
66
|
-
dataTestId: p,
|
|
67
|
-
ref: y,
|
|
68
|
-
...L
|
|
69
|
-
} = a, q = (t?.toString().length ? t?.toString().length > 2 : !1) && f, R = (C, N) => C && o ? o : N && n ? n : c, T = !c && !o && !n && q;
|
|
70
|
-
return /* @__PURE__ */ S("label", { className: _(e.labelItem, { [e.isLong]: q }, w), children: [
|
|
71
|
-
/* @__PURE__ */ s(
|
|
72
|
-
"input",
|
|
73
|
-
{
|
|
74
|
-
ref: y,
|
|
75
|
-
type: "checkbox",
|
|
76
|
-
...L,
|
|
77
|
-
disabled: z
|
|
78
|
-
}
|
|
79
|
-
),
|
|
80
|
-
/* @__PURE__ */ s(
|
|
81
|
-
"div",
|
|
82
|
-
{
|
|
83
|
-
style: { width: R(l, m) },
|
|
84
|
-
"data-testid": p,
|
|
85
|
-
className: _(
|
|
86
|
-
e.item,
|
|
87
|
-
{
|
|
88
|
-
[e.firstItem]: i === 0,
|
|
89
|
-
[e.lastItem]: i === I - 1,
|
|
90
|
-
[e.isDisabled]: z,
|
|
91
|
-
[e.autoWidth]: T,
|
|
92
|
-
[e.mini]: x
|
|
93
|
-
},
|
|
94
|
-
e[`${h}-size`],
|
|
95
|
-
e[`${r}-size_m`],
|
|
96
|
-
e[`${d}-size_l`],
|
|
97
|
-
u
|
|
98
|
-
),
|
|
99
|
-
children: /* @__PURE__ */ s(
|
|
100
|
-
D,
|
|
101
|
-
{
|
|
102
|
-
className: _(
|
|
103
|
-
e.text,
|
|
104
|
-
e[`text-${h}-size`],
|
|
105
|
-
e[`text-${r}-size_m`],
|
|
106
|
-
e[`text-${d}-size_l`],
|
|
107
|
-
{ [e.textMini]: x },
|
|
108
|
-
b
|
|
109
|
-
),
|
|
110
|
-
children: t
|
|
111
|
-
}
|
|
112
|
-
)
|
|
113
|
-
}
|
|
114
|
-
)
|
|
115
|
-
] });
|
|
116
|
-
};
|
|
117
|
-
g.displayName = "TabSwitcherItem";
|
|
118
|
-
const ie = Object.assign(X, {
|
|
119
|
-
Item: g
|
|
120
|
-
});
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import { T as y } from "../../../FilterWithSave-DfzlSC-v.js";
|
|
3
|
+
import "../../Text/ui/Text.js";
|
|
4
|
+
import "../../../index-YnD2EP-S.js";
|
|
5
|
+
import "../../Button/ui/Button.js";
|
|
6
|
+
import "../../mobileButton/ui/MobileButton.js";
|
|
7
|
+
import "../../NewIcon/ui/NewIcon.js";
|
|
8
|
+
import "../../DestinationTab/ui/DestinationTab.js";
|
|
9
|
+
import "../../RoundButton/ui/RoundButton.js";
|
|
10
|
+
import "../../Tag/ui/Tag.js";
|
|
11
|
+
import "../../Switcher/ui/Switcher.js";
|
|
12
|
+
import "../../Flex/ui/Flex.js";
|
|
13
|
+
import "../../Input/ui/Input.js";
|
|
14
|
+
import "react";
|
|
15
|
+
import "react-dom";
|
|
16
|
+
import "../../GroupedInput/ui/GroupedInputs.js";
|
|
17
|
+
import "../../MetroTag/ui/MetroTag.js";
|
|
18
|
+
import "../../Select/ui/Select.js";
|
|
19
|
+
import "../../../shared/useClientWidth.js";
|
|
20
|
+
import "../../SliderNavigation/ui/SliderNavigation.js";
|
|
21
|
+
import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
22
|
+
import "../../TabSelect/ui/TabSelect.js";
|
|
23
|
+
import "../../CheckBox/CheckBox.js";
|
|
24
|
+
import "../../CheckBoxNew/CheckBoxNew.js";
|
|
25
|
+
import "../../CheckboxSelect/ui/CheckboxSelect.js";
|
|
121
26
|
export {
|
|
122
|
-
|
|
27
|
+
y as TabSwitcher
|
|
123
28
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
interface TooltipProps {
|
|
3
|
+
text: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
iconClassName?: string;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
placement?: 'top' | 'bottom' | 'left' | 'right' | 'auto';
|
|
8
|
+
offset?: [number, number];
|
|
9
|
+
}
|
|
10
|
+
export declare const Tooltip: FC<TooltipProps>;
|
|
11
|
+
export {};
|