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.
Files changed (60) hide show
  1. package/README.md +88 -88
  2. package/dist/FilterWithSave-DfzlSC-v.js +2718 -0
  3. package/dist/components/Button/ui/Button.types.d.ts +1 -0
  4. package/dist/components/Button/ui/Button.types.js +4 -3
  5. package/dist/components/CheckBoxNew/CheckBoxNew.js +5 -5
  6. package/dist/components/CommercialLotCard/CommercialLotCard.d.ts +1 -1
  7. package/dist/components/CommercialLotCard/CommercialLotCard.js +10 -81
  8. package/dist/components/CommercialLotCard/components/PaymentLink/PaymentLink.js +4 -4
  9. package/dist/components/CommercialLotCard/components/Snippets/Snippets.js +27 -98
  10. package/dist/components/CommercialLotCard/components/Tags/Tags.js +1 -1
  11. package/dist/components/CommercialLotCard/types/CommercialLotCard.types.d.ts +2 -0
  12. package/dist/components/FilterWithSave/hooks/useFilterWithSave.js +26 -54
  13. package/dist/components/FilterWithSave/ui/FilterWithSave.js +7 -323
  14. package/dist/components/FormModal/ui/ModalForm.js +29 -1516
  15. package/dist/components/Icons/TooltipIcon.d.ts +2 -0
  16. package/dist/components/Icons/TooltipIcon.js +29 -0
  17. package/dist/components/Logo/ui/Logo.js +6 -6
  18. package/dist/components/LotCard/hooks/useLotCard.js +24 -6
  19. package/dist/components/LotCard/index.js +2 -2
  20. package/dist/components/LotCard/ui/LotCard.d.ts +1 -1
  21. package/dist/components/LotCard/ui/LotCard.js +12 -240
  22. package/dist/components/LotCard/ui/LotCard.types.d.ts +2 -0
  23. package/dist/components/ModalSuccess/ModalSuccess.js +1 -1
  24. package/dist/components/RoundButton/ui/RoundButton.js +1 -1
  25. package/dist/components/Select/ui/Category.js +2 -2
  26. package/dist/components/Select/ui/Option.js +2 -2
  27. package/dist/components/Select/ui/Select.js +2 -2
  28. package/dist/components/SliderNavigation/ui/SliderNavigation.js +6 -6
  29. package/dist/components/SortSelect/index.js +1 -1
  30. package/dist/components/SortSelect/ui/SortSelect.js +26 -108
  31. package/dist/components/SummarySelect/ui/SummarySelect.js +1 -1
  32. package/dist/components/TabSelect/ui/TabSelect.js +4 -4
  33. package/dist/components/TabSwitcher/index.js +2 -2
  34. package/dist/components/TabSwitcher/ui/TabSwitcher.js +26 -121
  35. package/dist/components/Tooltip/Tooltip.d.ts +11 -0
  36. package/dist/components/Tooltip/Tooltip.js +1945 -0
  37. package/dist/layout/components/Header/Header.js +65 -44
  38. package/dist/layout/components/Menu.js +37 -15
  39. package/dist/main.js +65 -70
  40. package/dist/pages/ButtonsPage/Buttons.js +61 -44
  41. package/dist/pages/FormsPage/FormsPage.js +42 -22
  42. package/dist/pages/IconsPage/IconsPage.js +31 -9
  43. package/dist/pages/InputPage/InputPage.js +32 -10
  44. package/dist/pages/LogoPage/LogoPage.js +36 -13
  45. package/dist/pages/LotsPage/LotsPage.js +24 -24
  46. package/dist/pages/ModalsPage/ModalPage.js +66 -46
  47. package/dist/pages/SelectPage/SelectPage.js +40 -41
  48. package/dist/pages/TabsPage/TabsPage.js +1 -1
  49. package/dist/pages/TagsPage/TagsPage.js +44 -23
  50. package/dist/stone-kit.css +1 -1
  51. package/dist/stories/entities/CommercialLotCard/CommercialLotCard.stories.js +1 -1
  52. package/dist/stories/shared/ui/Button/Button.stories.js +4 -4
  53. package/dist/stories/shared/ui/FilterWithSave/FilterWithSave.stories.js +1 -1
  54. package/dist/stories/shared/ui/FormModal/FormModal.stories.js +7 -7
  55. package/dist/stories/shared/ui/SortSelect/SortSelect.stories.js +1 -1
  56. package/dist/stories/shared/ui/TabSwitcher/TabSwitcher.stories.js +1 -1
  57. package/dist/stories/shared/ui/Tag/Tag.stories.js +4 -4
  58. package/package.json +2 -1
  59. package/dist/useLotCard-D-gK4J_o.js +0 -186
  60. package/dist/{Option-DmDx_xOt.js → Option-DdjBe9yb.js} +1 -1
@@ -1,111 +1,29 @@
1
- import { jsxs as s, jsx as t } from "react/jsx-runtime";
2
- import { useState as M, useRef as W, useEffect as E } from "react";
3
- import { c as L } from "../../../index-YnD2EP-S.js";
4
- import { s as e, u as j } from "../../../useSortSelect-IeonkD5d.js";
5
- import { useClientWidth as w } from "../../../shared/useClientWidth.js";
6
- import { NewIcon as O } from "../../NewIcon/ui/NewIcon.js";
7
- import { Modal as T } from "../../Modal/ui/Modal.js";
8
- import { Text as z } from "../../Text/ui/Text.js";
9
- const r = L.bind(e), A = ({
10
- options: n,
11
- selectedOption: h,
12
- placeholder: v = "",
13
- error: N,
14
- disabled: b,
15
- additionalClass: x = "",
16
- onChange: c,
17
- onBlur: y,
18
- mini: k,
19
- openOnTop: d = !1,
20
- onClickItem: C,
21
- onCLickSelect: m,
22
- onOpenClick: p
23
- }) => {
24
- const [o, i] = M(!1), u = W(null), { isMobile: l } = w(), { handleBlur: B, getInputValue: I, getOption: f, handleDocumentClick: S } = j({
25
- selectedOption: h,
26
- onClickOption: C,
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 { useClientWidth as k } from "../../../shared/useClientWidth.js";
4
- import { Text as y } from "../../Text/ui/Text.js";
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 } = k(), {
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(y, { className: i(t.text), children: r })
52
+ children: /* @__PURE__ */ e(k, { className: i(t.text), children: r })
53
53
  }
54
54
  )
55
55
  ] });
@@ -1,4 +1,4 @@
1
- import { TabSwitcher as o } from "./ui/TabSwitcher.js";
1
+ import { T as e } from "../../FilterWithSave-DfzlSC-v.js";
2
2
  export {
3
- o as TabSwitcher
3
+ e as TabSwitcher
4
4
  };
@@ -1,123 +1,28 @@
1
- import { jsx as s, jsxs as S } from "react/jsx-runtime";
2
- import { c as W } from "../../../index-YnD2EP-S.js";
3
- import { useClientWidth as $ } from "../../../shared/useClientWidth.js";
4
- import { Text as D } from "../../Text/ui/Text.js";
5
- const M = "_root_1qhai_1", j = "_text_1qhai_18", G = "_textMini_1qhai_26", k = "_rootCol_1qhai_32", v = "_item_1qhai_38", O = "_whiteRow_1qhai_57", A = "_firstItem_1qhai_68", B = "_lastItem_1qhai_72", E = "_whiteRowGrayLabel_1qhai_103", F = "_labelItem_1qhai_118", H = "_outlined_1qhai_147", J = "_apart_1qhai_204", K = "_isLong_1qhai_204", P = "_autoWidth_1qhai_219", Q = "_mini_1qhai_233", U = "_isDisabled_1qhai_241", V = "_grayRow_1qhai_265", e = {
6
- root: M,
7
- text: j,
8
- textMini: G,
9
- rootCol: k,
10
- item: v,
11
- whiteRow: O,
12
- firstItem: A,
13
- lastItem: B,
14
- whiteRowGrayLabel: E,
15
- labelItem: F,
16
- outlined: H,
17
- apart: J,
18
- isLong: K,
19
- autoWidth: P,
20
- mini: Q,
21
- isDisabled: U,
22
- grayRow: V,
23
- "tiny-size": "_tiny-size_1qhai_293",
24
- "small-size": "_small-size_1qhai_298",
25
- "medium-size": "_medium-size_1qhai_303",
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
- ie as TabSwitcher
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 {};