stone-kit 0.0.1048 → 0.0.1050
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-B2QqOGDk.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 +43 -25
- package/dist/pages/LotsPage/const.d.ts +5 -1
- package/dist/pages/LotsPage/const.js +42 -2
- 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,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { Tag as t } from "../../../../components/Tag/ui/Tag.js";
|
|
2
|
+
import { TAG_VARIANTS as e } from "../../../../components/Tag/ui/Tag.types.js";
|
|
3
3
|
const o = {
|
|
4
4
|
title: "shared/ui/Tag",
|
|
5
|
-
component:
|
|
5
|
+
component: t,
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: "centered"
|
|
8
8
|
},
|
|
@@ -11,7 +11,7 @@ const o = {
|
|
|
11
11
|
variant: {
|
|
12
12
|
control: {
|
|
13
13
|
type: "select",
|
|
14
|
-
options: Object.keys(
|
|
14
|
+
options: Object.keys(e)
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
size: {
|
package/package.json
CHANGED
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
import { jsxs as _, jsx as t, Fragment as J } from "react/jsx-runtime";
|
|
2
|
-
import { useState as K } from "react";
|
|
3
|
-
import { getTagsFeatures as Q } from "./components/LotCard/utils/getTagsFeatures.js";
|
|
4
|
-
import { c as U } from "./index-YnD2EP-S.js";
|
|
5
|
-
import { checkBedroomsCount as X } from "./components/LotCard/utils/checkBedroomsCount.js";
|
|
6
|
-
import { formatPayment as Y } from "./components/LotCard/utils/monthlyPayment.js";
|
|
7
|
-
import { useClientWidth as Z } from "./shared/useClientWidth.js";
|
|
8
|
-
import { Text as tt } from "./components/Text/ui/Text.js";
|
|
9
|
-
import { NewIcon as et } from "./components/NewIcon/ui/NewIcon.js";
|
|
10
|
-
const ot = "_root_1tkvz_1", rt = "_lotBtn_1tkvz_12", nt = "_rootDisable_1tkvz_26", st = "_lotImageWrapper_1tkvz_26", it = "_lotInfoWrapper_1tkvz_27", pt = "_infoHeader_1tkvz_48", ct = "_monthlyWrapper_1tkvz_57", lt = "_price_1tkvz_67", at = "_monthlyPayment_1tkvz_74", _t = "_decor_1tkvz_80", dt = "_lotPropertyListMobile_1tkvz_87", mt = "_lotPropertyItem_1tkvz_95", ut = "_lotPropertyListDesktop_1tkvz_112", ht = "_lotPriceWrapper_1tkvz_116", vt = "_discountWrapper_1tkvz_122", ft = "_discountPrice_1tkvz_133", kt = "_priceWrap_1tkvz_145", zt = "_snippetLast_1tkvz_155", Pt = "_snippet_1tkvz_155", gt = "_tagsMobile_1tkvz_170", St = "_discountTag_1tkvz_185", Wt = "_lotPricePerMetr_1tkvz_189", yt = "_btnWrapper_1tkvz_194", bt = "_title_1tkvz_201", Lt = "_snippets_1tkvz_205", wt = "_retailSnippets_1tkvz_210", It = "_shownSnippets_1tkvz_215", Mt = "_addSnippets_1tkvz_240", Nt = "_addSnippetsActive_1tkvz_256", Tt = "_addSnippetsList_1tkvz_261", Bt = "_closeSnippetBtn_1tkvz_305", Ct = "_rootRow_1tkvz_317", Rt = "_rowTablet_1tkvz_328", xt = "_rootRightSide_1tkvz_369", Dt = "_topWrapper_1tkvz_385", Ft = "_botWrapper_1tkvz_390", jt = "_lotPriceWrapperRow_1tkvz_421", Ht = "_fullscreenBtn_1tkvz_431", At = "_projectLotPricePerMetr_1tkvz_450", Vt = "_paymentClass_1tkvz_490", e = {
|
|
11
|
-
root: ot,
|
|
12
|
-
lotBtn: rt,
|
|
13
|
-
rootDisable: nt,
|
|
14
|
-
lotImageWrapper: st,
|
|
15
|
-
lotInfoWrapper: it,
|
|
16
|
-
infoHeader: pt,
|
|
17
|
-
monthlyWrapper: ct,
|
|
18
|
-
price: lt,
|
|
19
|
-
monthlyPayment: at,
|
|
20
|
-
decor: _t,
|
|
21
|
-
lotPropertyListMobile: dt,
|
|
22
|
-
lotPropertyItem: mt,
|
|
23
|
-
lotPropertyListDesktop: ut,
|
|
24
|
-
lotPriceWrapper: ht,
|
|
25
|
-
discountWrapper: vt,
|
|
26
|
-
discountPrice: ft,
|
|
27
|
-
priceWrap: kt,
|
|
28
|
-
snippetLast: zt,
|
|
29
|
-
snippet: Pt,
|
|
30
|
-
tagsMobile: gt,
|
|
31
|
-
discountTag: St,
|
|
32
|
-
lotPricePerMetr: Wt,
|
|
33
|
-
btnWrapper: yt,
|
|
34
|
-
title: bt,
|
|
35
|
-
snippets: Lt,
|
|
36
|
-
retailSnippets: wt,
|
|
37
|
-
shownSnippets: It,
|
|
38
|
-
addSnippets: Mt,
|
|
39
|
-
addSnippetsActive: Nt,
|
|
40
|
-
addSnippetsList: Tt,
|
|
41
|
-
closeSnippetBtn: Bt,
|
|
42
|
-
rootRow: Ct,
|
|
43
|
-
rowTablet: Rt,
|
|
44
|
-
rootRightSide: xt,
|
|
45
|
-
topWrapper: Dt,
|
|
46
|
-
botWrapper: Ft,
|
|
47
|
-
lotPriceWrapperRow: jt,
|
|
48
|
-
fullscreenBtn: Ht,
|
|
49
|
-
projectLotPricePerMetr: At,
|
|
50
|
-
paymentClass: Vt
|
|
51
|
-
}, d = U.bind(e), Yt = ({ lot: y, rowConditions: b }) => {
|
|
52
|
-
const {
|
|
53
|
-
status: R,
|
|
54
|
-
direction: x,
|
|
55
|
-
area: L,
|
|
56
|
-
floor: u,
|
|
57
|
-
endFloor: g,
|
|
58
|
-
floorsNumber: c,
|
|
59
|
-
type: S,
|
|
60
|
-
isCorner: D,
|
|
61
|
-
windowViews: h,
|
|
62
|
-
subTypeName: w,
|
|
63
|
-
number: I,
|
|
64
|
-
bedroomsCount: F,
|
|
65
|
-
mortgageMonthlyPayment: M
|
|
66
|
-
} = y, [W, v] = K(!1), j = R === 2, H = x === 1, f = S === 11, A = L ? L + " м²" : "", m = u && c ? (g && g !== u ? u + "-" + g : u) + " из " + c : "", k = Q({ ...y }), { isTablet: N, isDesktop: l, isMobile: T, currentClientWidth: V } = Z(), $ = typeof b < "u" ? b : l || N, E = () => f ? c ? "Кол-во этажей: " + c : "" : m ? "Этаж: " + m : "", O = () => f ? c ? /* @__PURE__ */ _("li", { className: d(e.lotPropertyItem), children: [
|
|
67
|
-
/* @__PURE__ */ t("div", { children: "Количество этажей" }),
|
|
68
|
-
/* @__PURE__ */ t("div", { children: c })
|
|
69
|
-
] }) : null : m ? /* @__PURE__ */ _("li", { className: d(e.lotPropertyItem), children: [
|
|
70
|
-
/* @__PURE__ */ t("div", { children: "Этаж" }),
|
|
71
|
-
/* @__PURE__ */ t("div", { children: m })
|
|
72
|
-
] }) : null, q = () => {
|
|
73
|
-
if (S === 3) {
|
|
74
|
-
if (T && (!h || h.length === 0))
|
|
75
|
-
return null;
|
|
76
|
-
let n = 0;
|
|
77
|
-
const r = l ? 36 : 28, i = [], z = [];
|
|
78
|
-
if (D) {
|
|
79
|
-
const o = "Угловая";
|
|
80
|
-
if (n + o.length <= r)
|
|
81
|
-
i.push(o), n += o.length;
|
|
82
|
-
else
|
|
83
|
-
return i;
|
|
84
|
-
}
|
|
85
|
-
if (h) {
|
|
86
|
-
const o = h.filter((p) => p && p.trim() !== "");
|
|
87
|
-
let s = 0, a = n;
|
|
88
|
-
for (let p = 0; p < o.length; p++) {
|
|
89
|
-
const P = o[p], B = s > 0 ? " " + P : P;
|
|
90
|
-
if (a + B.length <= r)
|
|
91
|
-
i.push(P), a += B.length, s++;
|
|
92
|
-
else {
|
|
93
|
-
if (s === 0) {
|
|
94
|
-
const C = r - a;
|
|
95
|
-
if (C > 3) {
|
|
96
|
-
const G = P.substring(0, C - 3) + "...";
|
|
97
|
-
i.push(G), a = r;
|
|
98
|
-
} else
|
|
99
|
-
i.push("..."), a += 3;
|
|
100
|
-
}
|
|
101
|
-
z.push(...o.slice(p));
|
|
102
|
-
break;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
n = a;
|
|
106
|
-
}
|
|
107
|
-
return /* @__PURE__ */ _("div", { className: e.retailSnippets, children: [
|
|
108
|
-
/* @__PURE__ */ t("ul", { className: e.shownSnippets, children: i?.map((o, s) => /* @__PURE__ */ t("li", { children: o }, s)) }),
|
|
109
|
-
z?.length > 0 && /* @__PURE__ */ _(
|
|
110
|
-
"div",
|
|
111
|
-
{
|
|
112
|
-
className: d(e.addSnippets, { [e.addSnippetsActive]: W }),
|
|
113
|
-
onClick: (o) => {
|
|
114
|
-
l || (o.stopPropagation(), o.preventDefault(), v((s) => !s));
|
|
115
|
-
},
|
|
116
|
-
onMouseEnter: () => {
|
|
117
|
-
l && v(!0);
|
|
118
|
-
},
|
|
119
|
-
onMouseLeave: () => {
|
|
120
|
-
l && v(!1);
|
|
121
|
-
},
|
|
122
|
-
children: [
|
|
123
|
-
"+" + z?.length,
|
|
124
|
-
W && /* @__PURE__ */ _("ul", { className: e.addSnippetsList, children: [
|
|
125
|
-
z.map((o, s) => /* @__PURE__ */ t("li", { children: o }, s)),
|
|
126
|
-
/* @__PURE__ */ t("div", { className: e.closeSnippetBtn, children: /* @__PURE__ */ t(
|
|
127
|
-
et,
|
|
128
|
-
{
|
|
129
|
-
name: "close",
|
|
130
|
-
size: "16",
|
|
131
|
-
color: "#ffffff"
|
|
132
|
-
}
|
|
133
|
-
) })
|
|
134
|
-
] })
|
|
135
|
-
]
|
|
136
|
-
}
|
|
137
|
-
)
|
|
138
|
-
] });
|
|
139
|
-
}
|
|
140
|
-
return k.length ? /* @__PURE__ */ t("div", { className: e.snippets, children: k.map((n, r) => {
|
|
141
|
-
const i = r === k.length - 1;
|
|
142
|
-
return /* @__PURE__ */ t(
|
|
143
|
-
"div",
|
|
144
|
-
{
|
|
145
|
-
className: d(e.snippet, i ? "" : e.snippetLast),
|
|
146
|
-
children: n.text
|
|
147
|
-
},
|
|
148
|
-
r
|
|
149
|
-
);
|
|
150
|
-
}) }) : null;
|
|
151
|
-
};
|
|
152
|
-
return {
|
|
153
|
-
currentClientWidth: V,
|
|
154
|
-
isBuilding: f,
|
|
155
|
-
LotCardInfo: () => {
|
|
156
|
-
const n = H && S && w ? w : X(F), r = f ? n : `${n}${I ? `, ${I}` : ""}`;
|
|
157
|
-
return /* @__PURE__ */ t(J, { children: /* @__PURE__ */ _("div", { className: d(e.monthlyWrapper), children: [
|
|
158
|
-
r && /* @__PURE__ */ t(
|
|
159
|
-
tt,
|
|
160
|
-
{
|
|
161
|
-
className: d(e.infoHeader),
|
|
162
|
-
html: r
|
|
163
|
-
}
|
|
164
|
-
),
|
|
165
|
-
M && /* @__PURE__ */ t("div", { className: e.monthlyPayment, children: Y(M) }),
|
|
166
|
-
/* @__PURE__ */ t(q, {})
|
|
167
|
-
] }) });
|
|
168
|
-
},
|
|
169
|
-
tagFeatures: k,
|
|
170
|
-
FloorByType: O,
|
|
171
|
-
isTablet: N,
|
|
172
|
-
isDesktop: l,
|
|
173
|
-
getFloorStr: E,
|
|
174
|
-
isReserved: j,
|
|
175
|
-
isMobile: T,
|
|
176
|
-
areaStr: A,
|
|
177
|
-
floorStr: m,
|
|
178
|
-
isShowSnippet: W,
|
|
179
|
-
setIsShowSnippet: v,
|
|
180
|
-
rowConditionsVar: $
|
|
181
|
-
};
|
|
182
|
-
};
|
|
183
|
-
export {
|
|
184
|
-
e as s,
|
|
185
|
-
Yt as u
|
|
186
|
-
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as S, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { c as g } from "./index-YnD2EP-S.js";
|
|
3
2
|
import { NewIcon as p } from "./components/NewIcon/ui/NewIcon.js";
|
|
3
|
+
import { c as g } from "./index-YnD2EP-S.js";
|
|
4
4
|
const f = "_multiSelectWrapper_1n881_1", h = "_loaderWrapper_1n881_8", w = "_emptyStateWrapper_1n881_15", L = "_loader_1n881_8", W = "_rotate_1n881_1", y = "_selectedOptions_1n881_37", k = "_selectedText_1n881_55", v = "_selectedOptionsBtn_1n881_63", x = "_selectedOptionsOpened_1n881_89", D = "_selectedOptionsNotEmpty_1n881_93", N = "_selectOptionsDisabled_1n881_98", B = "_optionsOuterContainer_1n881_105", A = "_optionLabel_1n881_118", E = "_betweenSize_small_1n881_124", R = "_betweenSize_medium_1n881_128", T = "_optionsList_1n881_132", j = "_scroll_standard_1n881_161", H = "_scroll_compact_1n881_165", P = "_lastList_1n881_170", U = "_listRight_1n881_175", $ = "_inputWrapper_1n881_179", q = "_option_1n881_105", F = "_category_1n881_201", G = "_leftSide_1n881_207", I = "_optionCategory_1n881_212", J = "_isPositionLeftCheckbox_1n881_218", K = "_optionDisabled_1n881_223", M = "_optionClickable_1n881_227", Q = "_icon_1n881_231", V = "_iconArrow_1n881_237", X = "_iconBtn_1n881_243", t = {
|
|
5
5
|
multiSelectWrapper: f,
|
|
6
6
|
loaderWrapper: h,
|