stone-kit 0.0.1045 → 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.
Files changed (58) hide show
  1. package/README.md +88 -88
  2. package/dist/FilterWithSave-BxUAZs3U.js +2683 -0
  3. package/dist/components/CheckBoxNew/CheckBoxNew.js +5 -5
  4. package/dist/components/CommercialLotCard/CommercialLotCard.d.ts +1 -1
  5. package/dist/components/CommercialLotCard/CommercialLotCard.js +10 -79
  6. package/dist/components/CommercialLotCard/components/PaymentLink/PaymentLink.d.ts +2 -1
  7. package/dist/components/CommercialLotCard/components/PaymentLink/PaymentLink.js +9 -9
  8. package/dist/components/CommercialLotCard/components/Snippets/Snippets.js +27 -98
  9. package/dist/components/CommercialLotCard/components/Tags/Tags.js +1 -1
  10. package/dist/components/CommercialLotCard/types/CommercialLotCard.types.d.ts +1 -0
  11. package/dist/components/FilterWithSave/hooks/useFilterWithSave.js +26 -54
  12. package/dist/components/FilterWithSave/ui/FilterWithSave.js +7 -323
  13. package/dist/components/FormModal/ui/ModalForm.js +29 -1516
  14. package/dist/components/Logo/ui/Logo.js +6 -6
  15. package/dist/components/LotCard/hooks/useLotCard.js +24 -6
  16. package/dist/components/LotCard/index.js +2 -2
  17. package/dist/components/LotCard/ui/LotCard.js +11 -221
  18. package/dist/components/ModalSuccess/ModalSuccess.js +1 -1
  19. package/dist/components/RoundButton/ui/RoundButton.js +1 -1
  20. package/dist/components/Select/ui/Category.js +2 -2
  21. package/dist/components/Select/ui/Option.js +2 -2
  22. package/dist/components/Select/ui/Select.js +2 -2
  23. package/dist/components/SliderNavigation/ui/SliderNavigation.js +6 -6
  24. package/dist/components/SortSelect/index.js +1 -1
  25. package/dist/components/SortSelect/ui/SortSelect.js +26 -108
  26. package/dist/components/SummarySelect/ui/SummarySelect.js +1 -1
  27. package/dist/components/TabSelect/ui/TabSelect.js +4 -4
  28. package/dist/components/TabSwitcher/index.js +2 -2
  29. package/dist/components/TabSwitcher/ui/TabSwitcher.js +26 -121
  30. package/dist/components/Tag/ui/Tag.js +97 -96
  31. package/dist/components/Tag/ui/Tag.types.d.ts +1 -0
  32. package/dist/components/Tag/ui/Tag.types.js +2 -1
  33. package/dist/layout/components/Header/Header.js +65 -44
  34. package/dist/layout/components/Menu.js +37 -15
  35. package/dist/main.js +65 -70
  36. package/dist/pages/ButtonsPage/Buttons.js +61 -44
  37. package/dist/pages/FormsPage/FormsPage.js +42 -22
  38. package/dist/pages/IconsPage/IconsPage.js +31 -9
  39. package/dist/pages/InputPage/InputPage.js +32 -10
  40. package/dist/pages/LogoPage/LogoPage.js +36 -13
  41. package/dist/pages/LotsPage/LotsPage.js +38 -30
  42. package/dist/pages/LotsPage/const.d.ts +4 -1
  43. package/dist/pages/LotsPage/const.js +30 -4
  44. package/dist/pages/ModalsPage/ModalPage.js +66 -46
  45. package/dist/pages/SelectPage/SelectPage.js +40 -41
  46. package/dist/pages/TabsPage/TabsPage.js +1 -1
  47. package/dist/pages/TagsPage/TagsPage.js +44 -23
  48. package/dist/stone-kit.css +1 -1
  49. package/dist/stories/entities/CommercialLotCard/CommercialLotCard.stories.js +1 -1
  50. package/dist/stories/shared/ui/Button/Button.stories.js +4 -4
  51. package/dist/stories/shared/ui/FilterWithSave/FilterWithSave.stories.js +1 -1
  52. package/dist/stories/shared/ui/FormModal/FormModal.stories.js +7 -7
  53. package/dist/stories/shared/ui/SortSelect/SortSelect.stories.js +1 -1
  54. package/dist/stories/shared/ui/TabSwitcher/TabSwitcher.stories.js +1 -1
  55. package/dist/stories/shared/ui/Tag/Tag.stories.js +4 -4
  56. package/package.json +1 -1
  57. package/dist/useLotCard-D-gK4J_o.js +0 -186
  58. package/dist/{Option-DmDx_xOt.js → Option-DdjBe9yb.js} +1 -1
@@ -1,8 +1,8 @@
1
- import { TAG_VARIANTS as t } from "../../../../components/Tag/ui/Tag.types.js";
2
- import { Tag as e } from "../../../../components/Tag/ui/Tag.js";
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: e,
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(t)
14
+ options: Object.keys(e)
15
15
  }
16
16
  },
17
17
  size: {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "stone-kit",
3
3
  "description": "uikit for redesign",
4
4
  "private": false,
5
- "version": "0.0.1045",
5
+ "version": "0.0.1049",
6
6
  "author": "Mollycodd1e",
7
7
  "license": "ISC",
8
8
  "type": "module",
@@ -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,