stone-kit 0.0.460 → 0.0.462
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/dist/{SortSelect-jmFctU4n.js → SortSelect-CMtsppe9.js} +46 -48
- package/dist/components/FormModal/ui/ModalForm.d.ts +2 -1
- package/dist/components/FormModal/ui/ModalForm.js +2346 -793
- package/dist/components/SortSelect/index.js +1 -1
- package/dist/components/SortSelect/ui/SortSelect.js +3 -5
- package/dist/components/TabSwitcher/index.js +1 -1
- package/dist/components/TabSwitcher/ui/TabSwitcher.js +3 -5
- package/dist/components/ZoomControls/ui/ZoomControls.js +4 -6
- package/dist/main.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/index-D4uptQ6W.js +0 -1559
|
@@ -21,10 +21,8 @@ import { useClientWidth as L } from "./shared/useClientWidth.js";
|
|
|
21
21
|
import "./components/SliderNavigation/ui/SliderNavigation.js";
|
|
22
22
|
import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
|
|
23
23
|
import "./components/TabSelect/ui/TabSelect.js";
|
|
24
|
-
import "./
|
|
25
|
-
|
|
26
|
-
import "./components/TextArea/TextArea.js";
|
|
27
|
-
const j = "_root_1bx34_1", E = "_text_1bx34_18", A = "_rootCol_1bx34_26", z = "_item_1bx34_32", $ = "_whiteRow_1bx34_51", q = "_firstItem_1bx34_62", H = "_lastItem_1bx34_66", P = "_apart_1bx34_97", V = "_isLong_1bx34_97", F = "_autoWidth_1bx34_122", G = "_isDisabled_1bx34_129", J = "_grayRow_1bx34_153", e = {
|
|
24
|
+
import "./components/FormModal/ui/ModalForm.js";
|
|
25
|
+
const j = "_root_cgepa_1", E = "_text_cgepa_18", A = "_rootCol_cgepa_26", z = "_item_cgepa_32", $ = "_whiteRow_cgepa_51", q = "_firstItem_cgepa_62", H = "_lastItem_cgepa_66", P = "_apart_cgepa_97", V = "_isLong_cgepa_97", F = "_autoWidth_cgepa_122", G = "_isDisabled_cgepa_129", J = "_grayRow_cgepa_153", e = {
|
|
28
26
|
root: j,
|
|
29
27
|
text: E,
|
|
30
28
|
rootCol: A,
|
|
@@ -39,30 +37,30 @@ const j = "_root_1bx34_1", E = "_text_1bx34_18", A = "_rootCol_1bx34_26", z = "_
|
|
|
39
37
|
grayRow: J
|
|
40
38
|
}, S = O.bind(e), K = ({
|
|
41
39
|
children: o,
|
|
42
|
-
variant:
|
|
40
|
+
variant: n = "whiteRow",
|
|
43
41
|
isApart: m = !1,
|
|
44
42
|
addClassName: d = "",
|
|
45
|
-
col:
|
|
46
|
-
}) => /* @__PURE__ */ s("div", { className: S(e.root, e[
|
|
43
|
+
col: c = !1
|
|
44
|
+
}) => /* @__PURE__ */ s("div", { className: S(e.root, e[n], d, { [e.rootCol]: c, [e.apart]: m }), children: o }), W = R((o, n) => {
|
|
47
45
|
const { isTablet: m, isDesktop: d } = L(), {
|
|
48
|
-
index:
|
|
46
|
+
index: c,
|
|
49
47
|
children: i,
|
|
50
48
|
addItemClassName: u,
|
|
51
|
-
disabled:
|
|
49
|
+
disabled: h = !1,
|
|
52
50
|
itemsLength: I = 0,
|
|
53
51
|
width: p,
|
|
54
|
-
width_m:
|
|
55
|
-
width_l:
|
|
56
|
-
...
|
|
57
|
-
} = o,
|
|
58
|
-
return /* @__PURE__ */ _("label", { className: S({ [e.isLong]:
|
|
52
|
+
width_m: a,
|
|
53
|
+
width_l: r,
|
|
54
|
+
...f
|
|
55
|
+
} = o, l = i != null && i.toString().length ? (i == null ? void 0 : i.toString().length) > 2 : !1, N = (g, w) => g && a ? a : w && r ? r : p, x = !p && !a && !r && l;
|
|
56
|
+
return /* @__PURE__ */ _("label", { className: S({ [e.isLong]: l }), children: [
|
|
59
57
|
/* @__PURE__ */ s(
|
|
60
58
|
"input",
|
|
61
59
|
{
|
|
62
|
-
ref:
|
|
60
|
+
ref: n,
|
|
63
61
|
type: "checkbox",
|
|
64
|
-
...
|
|
65
|
-
disabled:
|
|
62
|
+
...f,
|
|
63
|
+
disabled: h
|
|
66
64
|
}
|
|
67
65
|
),
|
|
68
66
|
/* @__PURE__ */ s(
|
|
@@ -71,10 +69,10 @@ const j = "_root_1bx34_1", E = "_text_1bx34_18", A = "_rootCol_1bx34_26", z = "_
|
|
|
71
69
|
style: { width: N(m, d) },
|
|
72
70
|
className: S(S(
|
|
73
71
|
e.item,
|
|
74
|
-
{ [e.firstItem]:
|
|
75
|
-
{ [e.lastItem]:
|
|
76
|
-
{ [e.isDisabled]:
|
|
77
|
-
{ [e.autoWidth]:
|
|
72
|
+
{ [e.firstItem]: c === 0 },
|
|
73
|
+
{ [e.lastItem]: c === I - 1 },
|
|
74
|
+
{ [e.isDisabled]: h },
|
|
75
|
+
{ [e.autoWidth]: x }
|
|
78
76
|
), u),
|
|
79
77
|
children: /* @__PURE__ */ s(C, { className: e.text, children: i })
|
|
80
78
|
}
|
|
@@ -82,36 +80,36 @@ const j = "_root_1bx34_1", E = "_text_1bx34_18", A = "_rootCol_1bx34_26", z = "_
|
|
|
82
80
|
] });
|
|
83
81
|
});
|
|
84
82
|
W.displayName = "TabSwitcherItem";
|
|
85
|
-
const
|
|
83
|
+
const St = Object.assign(K, { Item: W }), b = O.bind(t), Q = ({
|
|
86
84
|
options: o,
|
|
87
|
-
selectedOption:
|
|
85
|
+
selectedOption: n,
|
|
88
86
|
placeholder: m = "",
|
|
89
87
|
error: d,
|
|
90
|
-
disabled:
|
|
88
|
+
disabled: c,
|
|
91
89
|
additionalClass: i = "",
|
|
92
90
|
onChange: u,
|
|
93
|
-
onBlur:
|
|
91
|
+
onBlur: h,
|
|
94
92
|
mini: I,
|
|
95
93
|
openOnTop: p = !1
|
|
96
94
|
}) => {
|
|
97
|
-
const [
|
|
98
|
-
selectedOption:
|
|
95
|
+
const [a, r] = k(!1), f = D(null), { isMobile: l } = L(), { handleBlur: N, getInputValue: x, getOption: g, handleDocumentClick: w } = M({
|
|
96
|
+
selectedOption: n,
|
|
99
97
|
setSelectedOption: u,
|
|
100
|
-
setIsOpen:
|
|
101
|
-
containerRef:
|
|
102
|
-
isOpen:
|
|
103
|
-
isMobile:
|
|
98
|
+
setIsOpen: r,
|
|
99
|
+
containerRef: f,
|
|
100
|
+
isOpen: a,
|
|
101
|
+
isMobile: l,
|
|
104
102
|
placeholder: m,
|
|
105
103
|
onChange: u,
|
|
106
|
-
onBlur:
|
|
104
|
+
onBlur: h
|
|
107
105
|
});
|
|
108
|
-
return T(() => (document.addEventListener("click",
|
|
109
|
-
document.removeEventListener("click",
|
|
106
|
+
return T(() => (document.addEventListener("click", w), () => {
|
|
107
|
+
document.removeEventListener("click", w);
|
|
110
108
|
}), []), /* @__PURE__ */ _(
|
|
111
109
|
"div",
|
|
112
110
|
{
|
|
113
|
-
ref:
|
|
114
|
-
className:
|
|
111
|
+
ref: f,
|
|
112
|
+
className: b(
|
|
115
113
|
t.sortSelectWrapper,
|
|
116
114
|
{ [t.sortSelectWrapperError]: d },
|
|
117
115
|
{ [t.sortSelectWrapperTop]: p },
|
|
@@ -120,19 +118,19 @@ const Nt = Object.assign(K, { Item: W }), w = O.bind(t), Q = ({
|
|
|
120
118
|
tabIndex: 0,
|
|
121
119
|
onBlur: N,
|
|
122
120
|
children: [
|
|
123
|
-
/* @__PURE__ */ _("div", { className:
|
|
121
|
+
/* @__PURE__ */ _("div", { className: b(t.inputWrapper), children: [
|
|
124
122
|
/* @__PURE__ */ s(
|
|
125
123
|
"input",
|
|
126
124
|
{
|
|
127
125
|
type: "text",
|
|
128
126
|
readOnly: !0,
|
|
129
|
-
value:
|
|
130
|
-
className:
|
|
127
|
+
value: x(),
|
|
128
|
+
className: b(
|
|
131
129
|
t.selectedOptions,
|
|
132
|
-
{ [t.selectOptionsDisabled]:
|
|
130
|
+
{ [t.selectOptionsDisabled]: c },
|
|
133
131
|
{ [t.selectionOptionMini]: I }
|
|
134
132
|
),
|
|
135
|
-
onClick: () =>
|
|
133
|
+
onClick: () => r(!a)
|
|
136
134
|
}
|
|
137
135
|
),
|
|
138
136
|
/* @__PURE__ */ s(
|
|
@@ -144,11 +142,11 @@ const Nt = Object.assign(K, { Item: W }), w = O.bind(t), Q = ({
|
|
|
144
142
|
}
|
|
145
143
|
)
|
|
146
144
|
] }),
|
|
147
|
-
|
|
145
|
+
a && l && /* @__PURE__ */ _(
|
|
148
146
|
B,
|
|
149
147
|
{
|
|
150
|
-
isOpen:
|
|
151
|
-
emitIsOpen:
|
|
148
|
+
isOpen: a,
|
|
149
|
+
emitIsOpen: r,
|
|
152
150
|
additionalClassModalBody: t.modalAddBody,
|
|
153
151
|
additionalClass: t.selectModal,
|
|
154
152
|
createPortalObj: { domNode: document.querySelector("body") },
|
|
@@ -156,7 +154,7 @@ const Nt = Object.assign(K, { Item: W }), w = O.bind(t), Q = ({
|
|
|
156
154
|
children: [
|
|
157
155
|
/* @__PURE__ */ _("div", { className: t.mobileSortHeader, children: [
|
|
158
156
|
/* @__PURE__ */ s(C, { children: "Сортировка" }),
|
|
159
|
-
/* @__PURE__ */ s("div", { onClick: () =>
|
|
157
|
+
/* @__PURE__ */ s("div", { onClick: () => r(!1), children: /* @__PURE__ */ s(
|
|
160
158
|
v,
|
|
161
159
|
{
|
|
162
160
|
name: "close",
|
|
@@ -164,17 +162,17 @@ const Nt = Object.assign(K, { Item: W }), w = O.bind(t), Q = ({
|
|
|
164
162
|
}
|
|
165
163
|
) })
|
|
166
164
|
] }),
|
|
167
|
-
/* @__PURE__ */ s("div", { className: t.mobileOptionList, children: o == null ? void 0 : o.map((y) =>
|
|
165
|
+
/* @__PURE__ */ s("div", { className: t.mobileOptionList, children: o == null ? void 0 : o.map((y) => g(y)) })
|
|
168
166
|
]
|
|
169
167
|
}
|
|
170
168
|
),
|
|
171
|
-
|
|
169
|
+
a && !l && /* @__PURE__ */ s("div", { className: b(t.optionsList, { [t.optionListOnTop]: p }), children: o == null ? void 0 : o.map((y) => g(y)) })
|
|
172
170
|
]
|
|
173
171
|
}
|
|
174
172
|
);
|
|
175
173
|
};
|
|
176
174
|
Q.displayName = "SortSelect";
|
|
177
175
|
export {
|
|
178
|
-
|
|
176
|
+
St as S,
|
|
179
177
|
Q as a
|
|
180
178
|
};
|
|
@@ -20,6 +20,7 @@ interface IModalFormProps {
|
|
|
20
20
|
isRequiredEmail?: boolean;
|
|
21
21
|
isRequiredPhoneOrEmail?: boolean;
|
|
22
22
|
isAdvCheckBox?: boolean;
|
|
23
|
+
addTitleClassName?: string;
|
|
23
24
|
}
|
|
24
25
|
type IFormPageInputs = {
|
|
25
26
|
phone: string;
|
|
@@ -29,5 +30,5 @@ type IFormPageInputs = {
|
|
|
29
30
|
advCheckBox?: boolean;
|
|
30
31
|
textarea?: string;
|
|
31
32
|
};
|
|
32
|
-
export declare const ModalForm: ({ isFormOpen, setIsFormOpen, isNews, title, isEmail, isPhone, isTextArea, telegramLink, isRequiredPhone, isRequiredEmail, isRequiredPhoneOrEmail, textAreaPlaceholder, subTitle, submitHandler, modalWidth, rowsTextArea, advCheckBox, isAdvCheckBox, }: IModalFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
33
|
+
export declare const ModalForm: ({ isFormOpen, setIsFormOpen, isNews, title, isEmail, isPhone, isTextArea, telegramLink, isRequiredPhone, isRequiredEmail, isRequiredPhoneOrEmail, textAreaPlaceholder, subTitle, submitHandler, modalWidth, rowsTextArea, advCheckBox, isAdvCheckBox, addTitleClassName }: IModalFormProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
33
34
|
export {};
|