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.
Files changed (55) 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.js +10 -80
  5. package/dist/components/CommercialLotCard/components/PaymentLink/PaymentLink.js +4 -4
  6. package/dist/components/CommercialLotCard/components/Snippets/Snippets.js +27 -98
  7. package/dist/components/CommercialLotCard/components/Tags/Tags.js +1 -1
  8. package/dist/components/FilterWithSave/hooks/useFilterWithSave.js +26 -54
  9. package/dist/components/FilterWithSave/ui/FilterWithSave.js +7 -323
  10. package/dist/components/FormModal/ui/ModalForm.js +29 -1516
  11. package/dist/components/Logo/ui/Logo.js +6 -6
  12. package/dist/components/LotCard/hooks/useLotCard.js +24 -6
  13. package/dist/components/LotCard/index.js +2 -2
  14. package/dist/components/LotCard/ui/LotCard.js +11 -221
  15. package/dist/components/ModalSuccess/ModalSuccess.js +1 -1
  16. package/dist/components/RoundButton/ui/RoundButton.js +1 -1
  17. package/dist/components/Select/ui/Category.js +2 -2
  18. package/dist/components/Select/ui/Option.js +2 -2
  19. package/dist/components/Select/ui/Select.js +2 -2
  20. package/dist/components/SliderNavigation/ui/SliderNavigation.js +6 -6
  21. package/dist/components/SortSelect/index.js +1 -1
  22. package/dist/components/SortSelect/ui/SortSelect.js +26 -108
  23. package/dist/components/SummarySelect/ui/SummarySelect.js +1 -1
  24. package/dist/components/TabSelect/ui/TabSelect.js +4 -4
  25. package/dist/components/TabSwitcher/index.js +2 -2
  26. package/dist/components/TabSwitcher/ui/TabSwitcher.js +26 -121
  27. package/dist/components/Tag/ui/Tag.js +97 -96
  28. package/dist/components/Tag/ui/Tag.types.d.ts +1 -0
  29. package/dist/components/Tag/ui/Tag.types.js +2 -1
  30. package/dist/layout/components/Header/Header.js +65 -44
  31. package/dist/layout/components/Menu.js +37 -15
  32. package/dist/main.js +65 -70
  33. package/dist/pages/ButtonsPage/Buttons.js +61 -44
  34. package/dist/pages/FormsPage/FormsPage.js +42 -22
  35. package/dist/pages/IconsPage/IconsPage.js +31 -9
  36. package/dist/pages/InputPage/InputPage.js +32 -10
  37. package/dist/pages/LogoPage/LogoPage.js +36 -13
  38. package/dist/pages/LotsPage/LotsPage.js +38 -30
  39. package/dist/pages/LotsPage/const.d.ts +4 -1
  40. package/dist/pages/LotsPage/const.js +30 -4
  41. package/dist/pages/ModalsPage/ModalPage.js +66 -46
  42. package/dist/pages/SelectPage/SelectPage.js +40 -41
  43. package/dist/pages/TabsPage/TabsPage.js +1 -1
  44. package/dist/pages/TagsPage/TagsPage.js +44 -23
  45. package/dist/stone-kit.css +1 -1
  46. package/dist/stories/entities/CommercialLotCard/CommercialLotCard.stories.js +1 -1
  47. package/dist/stories/shared/ui/Button/Button.stories.js +4 -4
  48. package/dist/stories/shared/ui/FilterWithSave/FilterWithSave.stories.js +1 -1
  49. package/dist/stories/shared/ui/FormModal/FormModal.stories.js +7 -7
  50. package/dist/stories/shared/ui/SortSelect/SortSelect.stories.js +1 -1
  51. package/dist/stories/shared/ui/TabSwitcher/TabSwitcher.stories.js +1 -1
  52. package/dist/stories/shared/ui/Tag/Tag.stories.js +4 -4
  53. package/package.json +1 -1
  54. package/dist/useLotCard-D-gK4J_o.js +0 -186
  55. 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 { c as m } from "../../index-YnD2EP-S.js";
3
- import { forwardRef as h } from "react";
4
- import { Input as p } from "../Input/ui/Input.js";
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 = m.bind(e), w = h(
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
- p,
15
+ m,
16
16
  {
17
17
  type: "checkbox",
18
18
  ...b,
@@ -1,82 +1,12 @@
1
- import { jsxs as a, jsx as t } from "react/jsx-runtime";
2
- import { c as W } from "../../index-YnD2EP-S.js";
3
- import { fmtNumber as b } from "../../shared/fmtNumber.js";
4
- import { Price as v } from "./components/Price/Price.js";
5
- import { Snippets as y } from "./components/Snippets/Snippets.js";
6
- import { Tags as m } from "./components/Tags/Tags.js";
7
- import { FavoriteIcon as I } from "../FavoriteIcon/FavoriteIcon.js";
8
- import { PaymentLink as P } from "./components/PaymentLink/PaymentLink.js";
9
- const L = "_root_uzpph_1", w = "_lotImageWrapper_uzpph_17", C = "_lotNameContent_uzpph_24", k = "_lotNameWrapper_uzpph_30", x = "_lotName_uzpph_24", R = "_lotNumber_uzpph_45", S = "_content_uzpph_54", j = "_featuresWrapper_uzpph_60", F = "_tags_uzpph_65", T = "_rootRow_uzpph_70", D = "_price_uzpph_105", q = "_paymentLink_uzpph_108", e = {
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
- U as CommercialLotCard
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 { c as o } from "../../../../index-YnD2EP-S.js";
3
- import { NewIcon as t } from "../../../NewIcon/ui/NewIcon.js";
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: o(c.paymentWrapper, a), children: [
8
+ return /* @__PURE__ */ s("div", { className: t(c.paymentWrapper, a), children: [
9
9
  /* @__PURE__ */ r("span", { children: p || n ? "Узнать подробности" : "Доступно несколько способов оплаты" }),
10
10
  /* @__PURE__ */ r(
11
- t,
11
+ o,
12
12
  {
13
13
  name: "arrowRight",
14
14
  size: "20"
@@ -1,100 +1,29 @@
1
- import { jsxs as f, jsx as o } from "react/jsx-runtime";
2
- import { useState as A } from "react";
3
- import { getTagsFeatures as B } from "../../utils/getTagsFeatures.js";
4
- import { c as I } from "../../../../index-YnD2EP-S.js";
5
- import { useClientWidth as k } from "../../../../shared/useClientWidth.js";
6
- import { NewIcon as C } from "../../../NewIcon/ui/NewIcon.js";
7
- const M = "_snippet_1vgdm_1", W = "_snippetLast_1vgdm_9", j = "_snippets_1vgdm_25", D = "_retailSnippets_1vgdm_30", E = "_shownSnippets_1vgdm_35", F = "_addSnippets_1vgdm_64", T = "_addSnippetsActive_1vgdm_80", V = "_addSnippetsList_1vgdm_85", y = "_closeSnippetBtn_1vgdm_129", t = {
8
- snippet: M,
9
- snippetLast: W,
10
- snippets: j,
11
- retailSnippets: D,
12
- shownSnippets: E,
13
- addSnippets: F,
14
- addSnippetsActive: T,
15
- addSnippetsList: V,
16
- closeSnippetBtn: y
17
- }, L = I.bind(t), K = ({ lot: g }) => {
18
- const { type: w, windowViews: c, isCorner: N } = g || {}, [u, h] = A(!1), S = B({ ...g }), { isDesktop: r, isMobile: x } = k();
19
- if (w === 3) {
20
- if (x && (!c || c.length === 0))
21
- return null;
22
- let l = 0;
23
- const i = r ? 36 : 28, n = [], d = [];
24
- if (N) {
25
- const e = "Угловая";
26
- if (l + e.length <= i)
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
- K as Snippets
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 { useState as c, useRef as w, useEffect as p } from "react";
2
- import { useClientWidth as x } from "../../../shared/useClientWidth.js";
3
- const I = ({
4
- selectedTabs: n = [],
5
- selectedValues: v = [],
6
- onClickItem: m,
7
- disabledOptions: h = [],
8
- tabs: a = [],
9
- onChange: s,
10
- setSelectedTabs: S,
11
- onSaveClick: C,
12
- onClearClick: E
13
- }) => {
14
- const { isMobile: L } = x(), [i, u] = c(!1), f = w(null), [M, g] = c(n), [R] = c(v), [O, r] = c(M), [l, o] = c(R), y = (e) => {
15
- if (m && m(e), h.some((t) => t.value === e.value))
16
- return;
17
- const d = l.some((t) => t.value === e.value) ? l.filter((t) => t.value !== e.value) : [...l, e];
18
- o(d);
19
- }, J = () => {
20
- g(a), r(a), o([]), E(), s && (s([]), S?.(a));
21
- }, N = () => {
22
- o(v), r(n);
23
- }, k = () => {
24
- N(), u(!1);
25
- }, W = (e) => {
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
- I as useFilterWithSave
27
+ w as useFilterWithSave
56
28
  };