stone-kit 0.0.1048 → 0.0.1049
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-BxUAZs3U.js +2683 -0
- package/dist/components/CheckBoxNew/CheckBoxNew.js +5 -5
- package/dist/components/CommercialLotCard/CommercialLotCard.js +10 -80
- 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/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/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.js +11 -221
- 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/Tag/ui/Tag.js +97 -96
- package/dist/components/Tag/ui/Tag.types.d.ts +1 -0
- package/dist/components/Tag/ui/Tag.types.js +2 -1
- 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 +38 -30
- package/dist/pages/LotsPage/const.d.ts +4 -1
- package/dist/pages/LotsPage/const.js +30 -4
- 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 +1 -1
- package/dist/useLotCard-D-gK4J_o.js +0 -186
- package/dist/{Option-DmDx_xOt.js → Option-DdjBe9yb.js} +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as _, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { Input as m } from "../Input/ui/Input.js";
|
|
3
|
+
import { c as h } from "../../index-YnD2EP-S.js";
|
|
4
|
+
import { forwardRef as p } from "react";
|
|
5
5
|
import { NewIcon as d } from "../NewIcon/ui/NewIcon.js";
|
|
6
6
|
const i = "_checkboxLabel_14vcp_1", k = "_labelText_14vcp_36", T = "_labelTextModal_14vcp_44", f = "_error_14vcp_49", v = "_checkIcon_14vcp_58", e = {
|
|
7
7
|
checkboxLabel: i,
|
|
@@ -9,10 +9,10 @@ const i = "_checkboxLabel_14vcp_1", k = "_labelText_14vcp_36", T = "_labelTextMo
|
|
|
9
9
|
labelTextModal: T,
|
|
10
10
|
error: f,
|
|
11
11
|
checkIcon: v
|
|
12
|
-
}, t =
|
|
12
|
+
}, t = h.bind(e), w = p(
|
|
13
13
|
({ text: c, isChecked: l, error: r, children: n, emitIsChecked: a, modalFontSize: s, ...b }, x) => /* @__PURE__ */ _("label", { className: t(e.checkboxLabel, { [e.error]: r }), children: [
|
|
14
14
|
/* @__PURE__ */ o(
|
|
15
|
-
|
|
15
|
+
m,
|
|
16
16
|
{
|
|
17
17
|
type: "checkbox",
|
|
18
18
|
...b,
|
|
@@ -1,82 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
root: L,
|
|
11
|
-
lotImageWrapper: w,
|
|
12
|
-
lotNameContent: C,
|
|
13
|
-
lotNameWrapper: k,
|
|
14
|
-
lotName: x,
|
|
15
|
-
lotNumber: R,
|
|
16
|
-
content: S,
|
|
17
|
-
featuresWrapper: j,
|
|
18
|
-
tags: F,
|
|
19
|
-
rootRow: T,
|
|
20
|
-
price: D,
|
|
21
|
-
paymentLink: q
|
|
22
|
-
}, A = W.bind(e), U = ({
|
|
23
|
-
lot: o,
|
|
24
|
-
imgNode: s,
|
|
25
|
-
onPriceClickHandler: c,
|
|
26
|
-
addClassname: i,
|
|
27
|
-
isVertical: p = !1,
|
|
28
|
-
isFavorite: l,
|
|
29
|
-
favoriteClickHandler: r,
|
|
30
|
-
isMoreDetails: _
|
|
31
|
-
}) => {
|
|
32
|
-
const { interiorPlanImg: u, floorPlanImg: N, area: h, subTypeName: g, number: d } = o || {}, f = g + ", " + b(h) + "м²", z = u ?? N ?? "";
|
|
33
|
-
return o ? /* @__PURE__ */ a("div", { className: A(e.root, i, { [e.rootRow]: !p }), children: [
|
|
34
|
-
/* @__PURE__ */ a("div", { className: e.lotImageWrapper, children: [
|
|
35
|
-
s || /* @__PURE__ */ t(
|
|
36
|
-
"img",
|
|
37
|
-
{
|
|
38
|
-
loading: "lazy",
|
|
39
|
-
src: z,
|
|
40
|
-
width: 295,
|
|
41
|
-
height: 213,
|
|
42
|
-
alt: "logo_image"
|
|
43
|
-
}
|
|
44
|
-
),
|
|
45
|
-
r && /* @__PURE__ */ t(
|
|
46
|
-
I,
|
|
47
|
-
{
|
|
48
|
-
handleClickFavorite: (n) => {
|
|
49
|
-
r && r(o), n.preventDefault(), n.stopPropagation();
|
|
50
|
-
},
|
|
51
|
-
isFavorite: l
|
|
52
|
-
}
|
|
53
|
-
)
|
|
54
|
-
] }),
|
|
55
|
-
/* @__PURE__ */ a("div", { className: e.content, children: [
|
|
56
|
-
/* @__PURE__ */ a("div", { className: e.lotNameWrapper, children: [
|
|
57
|
-
/* @__PURE__ */ a("div", { className: e.lotNameContent, children: [
|
|
58
|
-
/* @__PURE__ */ t("p", { className: e.lotName, children: f }),
|
|
59
|
-
/* @__PURE__ */ t("p", { className: e.lotNumber, children: d }),
|
|
60
|
-
/* @__PURE__ */ t(y, { lot: o }),
|
|
61
|
-
/* @__PURE__ */ t(m, { lot: o, classname: e.tags })
|
|
62
|
-
] }),
|
|
63
|
-
/* @__PURE__ */ t(
|
|
64
|
-
v,
|
|
65
|
-
{
|
|
66
|
-
lot: o,
|
|
67
|
-
isVertical: p,
|
|
68
|
-
onPriceClickHandler: c,
|
|
69
|
-
classname: e.price
|
|
70
|
-
}
|
|
71
|
-
)
|
|
72
|
-
] }),
|
|
73
|
-
/* @__PURE__ */ a("div", { className: e.featuresWrapper, children: [
|
|
74
|
-
/* @__PURE__ */ t(m, { lot: o, classname: e.tags }),
|
|
75
|
-
/* @__PURE__ */ t(P, { specialProgram: o.specialProgram, classname: e.paymentLink, isMoreDetails: _ })
|
|
76
|
-
] })
|
|
77
|
-
] })
|
|
78
|
-
] }) : null;
|
|
79
|
-
};
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "../../index-YnD2EP-S.js";
|
|
3
|
+
import "../../shared/checkLargeOffice.js";
|
|
4
|
+
import "../../shared/fmtNumber.js";
|
|
5
|
+
import "./components/Price/Price.js";
|
|
6
|
+
import { C as d } from "../../FilterWithSave-BxUAZs3U.js";
|
|
7
|
+
import "./components/Tags/Tags.js";
|
|
8
|
+
import "../FavoriteIcon/FavoriteIcon.js";
|
|
9
|
+
import "./components/PaymentLink/PaymentLink.js";
|
|
80
10
|
export {
|
|
81
|
-
|
|
11
|
+
d as CommercialLotCard
|
|
82
12
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs as s, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { NewIcon as o } from "../../../NewIcon/ui/NewIcon.js";
|
|
3
|
+
import { c as t } from "../../../../index-YnD2EP-S.js";
|
|
4
4
|
const m = "_paymentWrapper_1ywol_1", c = {
|
|
5
5
|
paymentWrapper: m
|
|
6
6
|
}, f = ({ specialProgram: e, classname: a, isMoreDetails: n }) => {
|
|
7
7
|
const p = !!e;
|
|
8
|
-
return /* @__PURE__ */ s("div", { className:
|
|
8
|
+
return /* @__PURE__ */ s("div", { className: t(c.paymentWrapper, a), children: [
|
|
9
9
|
/* @__PURE__ */ r("span", { children: p || n ? "Узнать подробности" : "Доступно несколько способов оплаты" }),
|
|
10
10
|
/* @__PURE__ */ r(
|
|
11
|
-
|
|
11
|
+
o,
|
|
12
12
|
{
|
|
13
13
|
name: "arrowRight",
|
|
14
14
|
size: "20"
|
|
@@ -1,100 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
n.push(e), l += e.length;
|
|
28
|
-
else
|
|
29
|
-
return n;
|
|
30
|
-
}
|
|
31
|
-
if (c) {
|
|
32
|
-
const e = c.filter((p) => p && p.trim() !== "");
|
|
33
|
-
let s = 0, a = l;
|
|
34
|
-
for (let p = 0; p < e.length; p++) {
|
|
35
|
-
const m = e[p], _ = s > 0 ? " " + m : m;
|
|
36
|
-
if (a + _.length <= i)
|
|
37
|
-
n.push(m), a += _.length, s++;
|
|
38
|
-
else {
|
|
39
|
-
if (s === 0) {
|
|
40
|
-
const v = i - a;
|
|
41
|
-
if (v > 3) {
|
|
42
|
-
const b = m.substring(0, v - 3) + "...";
|
|
43
|
-
n.push(b), a = i;
|
|
44
|
-
} else
|
|
45
|
-
n.push("..."), a += 3;
|
|
46
|
-
}
|
|
47
|
-
d.push(...e.slice(p));
|
|
48
|
-
break;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
l = a;
|
|
52
|
-
}
|
|
53
|
-
return /* @__PURE__ */ f("div", { className: t.retailSnippets, children: [
|
|
54
|
-
/* @__PURE__ */ o("ul", { className: t.shownSnippets, children: n?.map((e, s) => /* @__PURE__ */ o("li", { className: t.snippets, children: e }, s)) }),
|
|
55
|
-
d?.length > 0 && /* @__PURE__ */ f(
|
|
56
|
-
"div",
|
|
57
|
-
{
|
|
58
|
-
className: L(t.addSnippets, { [t.addSnippetsActive]: u }),
|
|
59
|
-
onClick: (e) => {
|
|
60
|
-
r || (e.stopPropagation(), e.preventDefault(), h((s) => !s));
|
|
61
|
-
},
|
|
62
|
-
onMouseEnter: () => {
|
|
63
|
-
r && h(!0);
|
|
64
|
-
},
|
|
65
|
-
onMouseLeave: () => {
|
|
66
|
-
r && h(!1);
|
|
67
|
-
},
|
|
68
|
-
children: [
|
|
69
|
-
"+" + d?.length,
|
|
70
|
-
u && /* @__PURE__ */ f("ul", { className: t.addSnippetsList, children: [
|
|
71
|
-
d.map((e, s) => /* @__PURE__ */ o("li", { children: e }, s)),
|
|
72
|
-
/* @__PURE__ */ o("div", { className: t.closeSnippetBtn, children: /* @__PURE__ */ o(
|
|
73
|
-
C,
|
|
74
|
-
{
|
|
75
|
-
name: "close",
|
|
76
|
-
size: "16",
|
|
77
|
-
color: "#ffffff"
|
|
78
|
-
}
|
|
79
|
-
) })
|
|
80
|
-
] })
|
|
81
|
-
]
|
|
82
|
-
}
|
|
83
|
-
)
|
|
84
|
-
] });
|
|
85
|
-
}
|
|
86
|
-
return S.length ? /* @__PURE__ */ o("div", { className: t.snippets, children: S.map((l, i) => {
|
|
87
|
-
const n = i === S.length - 1;
|
|
88
|
-
return /* @__PURE__ */ o(
|
|
89
|
-
"div",
|
|
90
|
-
{
|
|
91
|
-
className: L(t.snippet, n ? "" : t.snippetLast),
|
|
92
|
-
children: l.text
|
|
93
|
-
},
|
|
94
|
-
i
|
|
95
|
-
);
|
|
96
|
-
}) }) : null;
|
|
97
|
-
};
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import "../../../Button/ui/Button.js";
|
|
4
|
+
import "../../../mobileButton/ui/MobileButton.js";
|
|
5
|
+
import "../../../NewIcon/ui/NewIcon.js";
|
|
6
|
+
import "../../../DestinationTab/ui/DestinationTab.js";
|
|
7
|
+
import "../../../RoundButton/ui/RoundButton.js";
|
|
8
|
+
import "../../../Tag/ui/Tag.js";
|
|
9
|
+
import "../../../Switcher/ui/Switcher.js";
|
|
10
|
+
import "../../../Text/ui/Text.js";
|
|
11
|
+
import "../../../Flex/ui/Flex.js";
|
|
12
|
+
import "../../../Input/ui/Input.js";
|
|
13
|
+
import "react-dom";
|
|
14
|
+
import "../../../../index-YnD2EP-S.js";
|
|
15
|
+
import { a as A } from "../../../../FilterWithSave-BxUAZs3U.js";
|
|
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";
|
|
26
|
+
import "../../utils/getTagsFeatures.js";
|
|
98
27
|
export {
|
|
99
|
-
|
|
28
|
+
A as Snippets
|
|
100
29
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as p, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { c as u } from "../../../../index-YnD2EP-S.js";
|
|
3
2
|
import { Tag as n } from "../../../Tag/ui/Tag.js";
|
|
3
|
+
import { c as u } from "../../../../index-YnD2EP-S.js";
|
|
4
4
|
const f = "_root_xiuq1_1", x = {
|
|
5
5
|
root: f
|
|
6
6
|
}, b = ({ lot: g, classname: d }) => {
|
|
@@ -1,56 +1,28 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
e.stopPropagation(), C(), s && (S?.(O), s(l)), u(!1);
|
|
27
|
-
};
|
|
28
|
-
return p(() => {
|
|
29
|
-
i || r((e) => JSON.stringify(e) !== JSON.stringify(n) ? n : e);
|
|
30
|
-
}, [i, n]), p(() => {
|
|
31
|
-
const e = (d) => {
|
|
32
|
-
if (!f.current) return;
|
|
33
|
-
const t = d.target;
|
|
34
|
-
f.current.contains(t) || t.closest("svg") || k();
|
|
35
|
-
};
|
|
36
|
-
return i ? document.addEventListener("click", e) : document.removeEventListener("click", e), () => {
|
|
37
|
-
document.removeEventListener("click", e);
|
|
38
|
-
};
|
|
39
|
-
}, [i]), {
|
|
40
|
-
isMobile: L,
|
|
41
|
-
handleClearClick: J,
|
|
42
|
-
handleCloseModal: k,
|
|
43
|
-
handleOptionClick: y,
|
|
44
|
-
handleSaveClick: W,
|
|
45
|
-
localSelectedTabs: O,
|
|
46
|
-
selectedOptions: l,
|
|
47
|
-
setSelectedOptions: o,
|
|
48
|
-
isModalOpen: i,
|
|
49
|
-
setIsModalOpen: u,
|
|
50
|
-
setLocalSelectedTabs: r,
|
|
51
|
-
containerRef: f
|
|
52
|
-
};
|
|
53
|
-
};
|
|
1
|
+
import "react";
|
|
2
|
+
import "../../Button/ui/Button.js";
|
|
3
|
+
import "../../mobileButton/ui/MobileButton.js";
|
|
4
|
+
import "../../NewIcon/ui/NewIcon.js";
|
|
5
|
+
import "../../DestinationTab/ui/DestinationTab.js";
|
|
6
|
+
import "../../RoundButton/ui/RoundButton.js";
|
|
7
|
+
import "../../Tag/ui/Tag.js";
|
|
8
|
+
import "../../Switcher/ui/Switcher.js";
|
|
9
|
+
import "../../Text/ui/Text.js";
|
|
10
|
+
import "../../Flex/ui/Flex.js";
|
|
11
|
+
import "../../Input/ui/Input.js";
|
|
12
|
+
import "react/jsx-runtime";
|
|
13
|
+
import "react-dom";
|
|
14
|
+
import "../../../index-YnD2EP-S.js";
|
|
15
|
+
import { b as w } from "../../../FilterWithSave-BxUAZs3U.js";
|
|
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";
|
|
54
26
|
export {
|
|
55
|
-
|
|
27
|
+
w as useFilterWithSave
|
|
56
28
|
};
|