stone-kit 0.0.628 → 0.0.630

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.
@@ -1,576 +0,0 @@
1
- import { jsxs as f, jsx as t, Fragment as F } from "react/jsx-runtime";
2
- import { NewIcon as L } from "./components/NewIcon/ui/NewIcon.js";
3
- import { M as T } from "./Modal-BZv6nlLe.js";
4
- import { forwardRef as Q, useState as b, useRef as J, useEffect as E } from "react";
5
- import { Text as H } from "./components/Text/ui/Text.js";
6
- import { c as V, g as U } from "./index-rKuIKazb.js";
7
- import { Button as $ } from "./components/Button/ui/Button.js";
8
- import "./components/mobileButton/ui/MobileButton.js";
9
- import "./components/DestinationTab/ui/DestinationTab.js";
10
- import "./components/RoundButton/ui/RoundButton.js";
11
- import "./components/Tag/ui/Tag.js";
12
- import "./components/Switcher/ui/Switcher.js";
13
- import "./components/Flex/ui/Flex.js";
14
- import "./components/Input/ui/Input.js";
15
- import "./components/GroupedInput/ui/GroupedInputs.js";
16
- import "./components/MetroTag/ui/MetroTag.js";
17
- import "./components/LotCard/ui/LotCard.js";
18
- import "./components/Select/ui/Select.js";
19
- import { useClientWidth as j } from "./shared/useClientWidth.js";
20
- import { s as p, u as X } from "./useSortSelect-CjZXLFOG.js";
21
- import "./components/SliderNavigation/ui/SliderNavigation.js";
22
- import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
23
- import "./components/TabSelect/ui/TabSelect.js";
24
- import "./components/FormModal/ui/ModalForm.js";
25
- import { O as P } from "./Option-mr0jbv9H.js";
26
- const Y = "_root_3uq14_1", Z = "_text_3uq14_18", ee = "_textMini_3uq14_56", te = "_rootCol_3uq14_62", ie = "_item_3uq14_68", se = "_whiteRow_3uq14_87", re = "_firstItem_3uq14_97", ae = "_lastItem_3uq14_101", ne = "_apart_3uq14_132", oe = "_isLong_3uq14_132", le = "_autoWidth_3uq14_157", ce = "_mini_3uq14_161", de = "_isDisabled_3uq14_169", me = "_grayRow_3uq14_193", l = {
27
- root: Y,
28
- text: Z,
29
- "small-size": "_small-size_3uq14_26",
30
- "medium-size": "_medium-size_3uq14_31",
31
- "large-size": "_large-size_3uq14_36",
32
- "text-small-size": "_text-small-size_3uq14_41",
33
- "text-medium-size": "_text-medium-size_3uq14_46",
34
- "text-large-size": "_text-large-size_3uq14_51",
35
- textMini: ee,
36
- rootCol: te,
37
- item: ie,
38
- whiteRow: se,
39
- firstItem: re,
40
- lastItem: ae,
41
- apart: ne,
42
- isLong: oe,
43
- autoWidth: le,
44
- mini: ce,
45
- isDisabled: de,
46
- grayRow: me
47
- }, R = V.bind(l), pe = ({
48
- children: n,
49
- variant: a = "whiteRow",
50
- isApart: o = !1,
51
- addClassName: x = "",
52
- col: c = !1
53
- }) => /* @__PURE__ */ t("div", { className: R(l.root, l[a], x, { [l.rootCol]: c, [l.apart]: o }), children: n }), G = Q((n, a) => {
54
- const { isTablet: o, isDesktop: x } = j(), {
55
- index: c,
56
- children: e,
57
- addItemClassName: r,
58
- addTextClass: d,
59
- size_s: v = "large",
60
- size_m: S,
61
- size_l: g,
62
- disabled: u = !1,
63
- itemsLength: O = 0,
64
- isLongOn: k = !0,
65
- width: y,
66
- width_m: m,
67
- width_l: _,
68
- mini: N = !1,
69
- ...W
70
- } = n, B = (e != null && e.toString().length ? (e == null ? void 0 : e.toString().length) > 2 : !1) && k, z = (C, s) => C && m ? m : s && _ ? _ : y, q = !y && !m && !_ && B;
71
- return /* @__PURE__ */ f("label", { className: R({ [l.isLong]: B }), children: [
72
- /* @__PURE__ */ t(
73
- "input",
74
- {
75
- ref: a,
76
- type: "checkbox",
77
- ...W,
78
- disabled: u
79
- }
80
- ),
81
- /* @__PURE__ */ t(
82
- "div",
83
- {
84
- style: { width: z(o, x) },
85
- className: R(
86
- R(
87
- l.item,
88
- { [l.firstItem]: c === 0 },
89
- { [l.lastItem]: c === O - 1 },
90
- { [l.isDisabled]: u },
91
- { [l.autoWidth]: q },
92
- l[`${v}-size`],
93
- l[`${S}-size`],
94
- l[`${g}-size`],
95
- { [l.mini]: N }
96
- ),
97
- r
98
- ),
99
- children: /* @__PURE__ */ t(
100
- H,
101
- {
102
- className: R(
103
- l.text,
104
- l[`text-${v}-size`],
105
- l[`text-${S}-size`],
106
- l[`text-${g}-size`],
107
- { [l.textMini]: N },
108
- d
109
- ),
110
- children: e
111
- }
112
- )
113
- }
114
- )
115
- ] });
116
- });
117
- G.displayName = "TabSwitcherItem";
118
- const A = Object.assign(pe, { Item: G }), D = V.bind(p), ue = ({
119
- options: n,
120
- selectedOption: a,
121
- placeholder: o = "",
122
- error: x,
123
- disabled: c,
124
- additionalClass: e = "",
125
- onChange: r,
126
- onBlur: d,
127
- mini: v,
128
- openOnTop: S = !1,
129
- onClickItem: g,
130
- onCLickSelect: u
131
- }) => {
132
- const [O, k] = b(!1), y = J(null), { isMobile: m } = j(), { handleBlur: _, getInputValue: N, getOption: W, handleDocumentClick: B } = X(
133
- {
134
- selectedOption: a,
135
- onClickOption: g,
136
- setSelectedOption: r,
137
- setIsOpen: k,
138
- containerRef: y,
139
- isOpen: O,
140
- isMobile: m,
141
- placeholder: o,
142
- onChange: r,
143
- onBlur: d
144
- }
145
- );
146
- return E(() => (document.addEventListener("click", B), () => {
147
- document.removeEventListener("click", B);
148
- }), []), /* @__PURE__ */ f(
149
- "div",
150
- {
151
- ref: y,
152
- className: D(
153
- p.sortSelectWrapper,
154
- { [p.sortSelectWrapperError]: x },
155
- { [p.sortSelectWrapperTop]: S },
156
- e
157
- ),
158
- tabIndex: 0,
159
- onBlur: _,
160
- onClick: () => {
161
- u && u();
162
- },
163
- children: [
164
- /* @__PURE__ */ f("div", { className: D(p.inputWrapper), children: [
165
- /* @__PURE__ */ t(
166
- "input",
167
- {
168
- type: "text",
169
- readOnly: !0,
170
- value: N(),
171
- className: D(
172
- p.selectedOptions,
173
- { [p.selectOptionsDisabled]: c },
174
- { [p.selectionOptionMini]: v }
175
- ),
176
- onClick: () => k(!O)
177
- }
178
- ),
179
- /* @__PURE__ */ t(
180
- L,
181
- {
182
- name: "twoArrows",
183
- size: "24",
184
- additionalClass: p.icon
185
- }
186
- )
187
- ] }),
188
- O && m && /* @__PURE__ */ f(
189
- T,
190
- {
191
- isOpen: O,
192
- emitIsOpen: k,
193
- additionalClassModalBody: p.modalAddBody,
194
- additionalClass: p.selectModal,
195
- createPortalObj: { domNode: document.querySelector("body") },
196
- isTransparentBack: !0,
197
- children: [
198
- /* @__PURE__ */ f("div", { className: p.mobileSortHeader, children: [
199
- /* @__PURE__ */ t(H, { children: "Сортировка" }),
200
- /* @__PURE__ */ t("div", { onClick: () => k(!1), children: /* @__PURE__ */ t(
201
- L,
202
- {
203
- name: "close",
204
- size: "20"
205
- }
206
- ) })
207
- ] }),
208
- /* @__PURE__ */ t("div", { className: p.mobileOptionList, children: n == null ? void 0 : n.map((z) => W(z)) })
209
- ]
210
- }
211
- ),
212
- O && !m && /* @__PURE__ */ t("div", { className: D(p.optionsList, { [p.optionListOnTop]: S }), children: n == null ? void 0 : n.map((z) => W(z)) })
213
- ]
214
- }
215
- );
216
- };
217
- ue.displayName = "SortSelect";
218
- const _e = "_root_1t65a_1", he = "_filterWithSaveModal_1t65a_15", fe = "_modalAddBody_1t65a_20", ve = "_closeBtn_1t65a_29", Ne = "_btnName_1t65a_35", We = "_modalTitle_1t65a_39", Ce = "_tabSWitcherWrapper_1t65a_48", we = "_switcherTitle_1t65a_56", Oe = "_switcherScroll_1t65a_63", ke = "_tabs_1t65a_72", xe = "_selectWrapper_1t65a_77", Se = "_filterOption_1t65a_81", ge = "_btnWrapper_1t65a_88", ye = "_resetBtn_1t65a_94", Be = "_saveBtn_1t65a_95", ze = "_desktopWrapper_1t65a_99", Ie = "_desktopWrapperOpen_1t65a_122", i = {
219
- root: _e,
220
- filterWithSaveModal: he,
221
- modalAddBody: fe,
222
- closeBtn: ve,
223
- btnName: Ne,
224
- modalTitle: We,
225
- tabSWitcherWrapper: Ce,
226
- switcherTitle: we,
227
- switcherScroll: Oe,
228
- tabs: ke,
229
- selectWrapper: xe,
230
- filterOption: Se,
231
- btnWrapper: ge,
232
- resetBtn: ye,
233
- saveBtn: Be,
234
- desktopWrapper: ze,
235
- desktopWrapperOpen: Ie
236
- };
237
- var K = { exports: {} };
238
- /*!
239
- Copyright (c) 2018 Jed Watson.
240
- Licensed under the MIT License (MIT), see
241
- http://jedwatson.github.io/classnames
242
- */
243
- (function(n) {
244
- (function() {
245
- var a = {}.hasOwnProperty;
246
- function o() {
247
- for (var e = "", r = 0; r < arguments.length; r++) {
248
- var d = arguments[r];
249
- d && (e = c(e, x.call(this, d)));
250
- }
251
- return e;
252
- }
253
- function x(e) {
254
- if (typeof e == "string" || typeof e == "number")
255
- return this && this[e] || e;
256
- if (typeof e != "object")
257
- return "";
258
- if (Array.isArray(e))
259
- return o.apply(this, e);
260
- if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
261
- return e.toString();
262
- var r = "";
263
- for (var d in e)
264
- a.call(e, d) && e[d] && (r = c(r, this && this[d] || d));
265
- return r;
266
- }
267
- function c(e, r) {
268
- return r ? e ? e + " " + r : e + r : e;
269
- }
270
- n.exports ? (o.default = o, n.exports = o) : window.classNames = o;
271
- })();
272
- })(K);
273
- var Me = K.exports;
274
- const qe = /* @__PURE__ */ U(Me), be = ({
275
- selectedTabs: n = [],
276
- selectedValues: a = [],
277
- onClickItem: o,
278
- disabledOptions: x = [],
279
- tabs: c = [],
280
- onChange: e,
281
- setSelectedTabs: r
282
- }) => {
283
- const { isMobile: d } = j(), [v, S] = b(!1), g = J(null), [u, O] = b(n), [k] = b(a), [y, m] = b(u), [_, N] = b(k), W = (s) => {
284
- if (o && o(s), x.some((h) => h.value === s.value))
285
- return;
286
- const w = _.some((h) => h.value === s.value) ? _.filter((h) => h.value !== s.value) : [..._, s];
287
- N(w);
288
- }, B = () => {
289
- O(c), m(c), N([]), e && (e([]), r == null || r(c));
290
- }, z = () => {
291
- N(a), m(n);
292
- }, q = () => {
293
- z(), S(!1);
294
- }, C = (s) => {
295
- s.stopPropagation(), e && (r == null || r(y), e(_)), S(!1);
296
- };
297
- return E(() => {
298
- v || m((s) => JSON.stringify(s) !== JSON.stringify(n) ? n : s);
299
- }, [v, n]), E(() => {
300
- const s = (w) => {
301
- if (!g.current)
302
- return;
303
- const h = w.target;
304
- g.current.contains(h) || h.closest("svg") || q();
305
- };
306
- return v ? document.addEventListener("click", s) : document.removeEventListener("click", s), () => {
307
- document.removeEventListener("click", s);
308
- };
309
- }, [v]), {
310
- isMobile: d,
311
- handleClearClick: B,
312
- handleCloseModal: q,
313
- handleOptionClick: W,
314
- handleSaveClick: C,
315
- localSelectedTabs: y,
316
- selectedOptions: _,
317
- setSelectedOptions: N,
318
- isModalOpen: v,
319
- setIsModalOpen: S,
320
- setLocalSelectedTabs: m,
321
- containerRef: g
322
- };
323
- }, Re = qe.bind(i), nt = ({
324
- disabledOptions: n,
325
- tabs: a = [],
326
- selectOptions: o = [],
327
- onChange: x,
328
- selectedValues: c,
329
- setSelectedTabs: e,
330
- selectedTabs: r,
331
- onClickItem: d,
332
- onCLickSelect: v,
333
- btnName: S = "Фильтр"
334
- }) => {
335
- const {
336
- handleCloseModal: g,
337
- localSelectedTabs: u,
338
- selectedOptions: O,
339
- isMobile: k,
340
- handleOptionClick: y,
341
- handleClearClick: m,
342
- handleSaveClick: _,
343
- isModalOpen: N,
344
- setLocalSelectedTabs: W,
345
- setIsModalOpen: B,
346
- containerRef: z
347
- } = be({
348
- selectedTabs: r,
349
- onClickItem: d,
350
- setSelectedTabs: e,
351
- tabs: a,
352
- onChange: x,
353
- disabledOptions: n,
354
- selectedValues: c
355
- }), q = () => /* @__PURE__ */ f(F, { children: [
356
- /* @__PURE__ */ t(
357
- "div",
358
- {
359
- className: i.closeBtn,
360
- onClick: () => {
361
- g();
362
- },
363
- children: /* @__PURE__ */ t(
364
- L,
365
- {
366
- name: "close",
367
- size: "24"
368
- }
369
- )
370
- }
371
- ),
372
- /* @__PURE__ */ t("div", { className: i.modalTitle, children: "Фильтры" }),
373
- /* @__PURE__ */ f("div", { className: i.tabSWitcherWrapper, children: [
374
- /* @__PURE__ */ t("div", { className: i.switcherTitle, children: "Готовность" }),
375
- /* @__PURE__ */ t("div", { className: i.switcherScroll, children: /* @__PURE__ */ t(
376
- A,
377
- {
378
- variant: "grayRow",
379
- addClassName: i.tabs,
380
- isApart: !0,
381
- children: a == null ? void 0 : a.map((C, s) => {
382
- var h;
383
- const w = C.value;
384
- return /* @__PURE__ */ t(
385
- A.Item,
386
- {
387
- itemsLength: a == null ? void 0 : a.length,
388
- mini: !0,
389
- value: w,
390
- onClick: () => {
391
- },
392
- checked: ((h = u == null ? void 0 : u.find((M) => M.value === w)) == null ? void 0 : h.state) ?? !1,
393
- onChange: () => {
394
- W == null || W(
395
- (M) => M.map((I) => I.value === w ? { ...I, state: !I.state } : I)
396
- );
397
- },
398
- index: s,
399
- addItemClassName: i.tabSwitcher,
400
- children: w
401
- },
402
- s
403
- );
404
- })
405
- }
406
- ) })
407
- ] }),
408
- /* @__PURE__ */ t("div", { className: i.selectWrapper, children: o == null ? void 0 : o.map((C, s) => /* @__PURE__ */ t(
409
- P,
410
- {
411
- addClassName: i.filterOption,
412
- disabledOptions: [],
413
- clickableOptions: [],
414
- selectedOptions: O,
415
- option: C,
416
- handleOptionClick: y
417
- },
418
- s
419
- )) }),
420
- /* @__PURE__ */ f("div", { className: i.btnWrapper, children: [
421
- /* @__PURE__ */ t(
422
- $,
423
- {
424
- as: "button",
425
- variant: "gray",
426
- additionalClass: i.resetBtn,
427
- onClick: m,
428
- children: "Сбросить"
429
- }
430
- ),
431
- /* @__PURE__ */ t(
432
- $,
433
- {
434
- as: "button",
435
- additionalClass: i.saveBtn,
436
- onClick: _,
437
- children: "Сохранить"
438
- }
439
- )
440
- ] })
441
- ] });
442
- return /* @__PURE__ */ f(F, { children: [
443
- /* @__PURE__ */ f("div", { style: { position: "relative" }, children: [
444
- /* @__PURE__ */ f(
445
- "div",
446
- {
447
- className: i.root,
448
- onClick: () => {
449
- v && v(), k ? B((C) => !C) : N || B(!0);
450
- },
451
- children: [
452
- /* @__PURE__ */ t("div", { className: i.btnName, children: S }),
453
- /* @__PURE__ */ t(
454
- L,
455
- {
456
- name: "filter",
457
- size: "16"
458
- }
459
- )
460
- ]
461
- }
462
- ),
463
- !k && /* @__PURE__ */ f(
464
- "div",
465
- {
466
- ref: z,
467
- className: Re(i.desktopWrapper, { [i.desktopWrapperOpen]: N }),
468
- children: [
469
- /* @__PURE__ */ t(
470
- "div",
471
- {
472
- className: i.closeBtn,
473
- onClick: () => {
474
- g();
475
- },
476
- children: /* @__PURE__ */ t(
477
- L,
478
- {
479
- name: "close",
480
- size: "24"
481
- }
482
- )
483
- }
484
- ),
485
- /* @__PURE__ */ t("div", { className: i.modalTitle, children: "Фильтры" }),
486
- /* @__PURE__ */ f("div", { className: i.tabSWitcherWrapper, children: [
487
- /* @__PURE__ */ t("div", { className: i.switcherTitle, children: "Готовность" }),
488
- /* @__PURE__ */ t("div", { className: i.switcherScroll, children: /* @__PURE__ */ t(
489
- A,
490
- {
491
- variant: "grayRow",
492
- addClassName: i.tabs,
493
- isApart: !0,
494
- children: a == null ? void 0 : a.map((C, s) => {
495
- var h;
496
- const w = C.value;
497
- return /* @__PURE__ */ t(
498
- A.Item,
499
- {
500
- itemsLength: a == null ? void 0 : a.length,
501
- mini: !0,
502
- value: w,
503
- onClick: () => {
504
- },
505
- checked: ((h = u == null ? void 0 : u.find((M) => M.value === w)) == null ? void 0 : h.state) ?? !1,
506
- onChange: () => {
507
- W == null || W(
508
- (M) => M.map((I) => I.value === w ? { ...I, state: !I.state } : I)
509
- );
510
- },
511
- index: s,
512
- addItemClassName: i.tabSwitcher,
513
- children: w
514
- },
515
- s
516
- );
517
- })
518
- }
519
- ) })
520
- ] }),
521
- /* @__PURE__ */ t("div", { className: i.selectWrapper, children: o == null ? void 0 : o.map((C, s) => /* @__PURE__ */ t(
522
- P,
523
- {
524
- addClassName: i.filterOption,
525
- disabledOptions: [],
526
- clickableOptions: [],
527
- selectedOptions: O,
528
- option: C,
529
- handleOptionClick: y
530
- },
531
- s
532
- )) }),
533
- /* @__PURE__ */ f("div", { className: i.btnWrapper, children: [
534
- /* @__PURE__ */ t(
535
- $,
536
- {
537
- as: "button",
538
- variant: "gray",
539
- additionalClass: i.resetBtn,
540
- onClick: m,
541
- children: "Сбросить"
542
- }
543
- ),
544
- /* @__PURE__ */ t(
545
- $,
546
- {
547
- as: "button",
548
- additionalClass: i.saveBtn,
549
- onClick: _,
550
- children: "Сохранить"
551
- }
552
- )
553
- ] })
554
- ]
555
- }
556
- )
557
- ] }),
558
- k && /* @__PURE__ */ t(
559
- T,
560
- {
561
- isOpen: N,
562
- emitIsOpen: B,
563
- isTransparentBack: !0,
564
- additionalClassModalBody: i.modalAddBody,
565
- additionalClass: i.filterWithSaveModal,
566
- children: /* @__PURE__ */ t(q, {})
567
- }
568
- )
569
- ] });
570
- };
571
- export {
572
- nt as F,
573
- A as S,
574
- ue as a,
575
- be as u
576
- };
@@ -1,72 +0,0 @@
1
- import { jsxs as d, jsx as i } from "react/jsx-runtime";
2
- import { NewIcon as _ } from "./components/NewIcon/ui/NewIcon.js";
3
- import { c as g } from "./index-rKuIKazb.js";
4
- const h = "_multiSelectWrapper_hnger_1", m = "_selectedOptions_hnger_8", u = "_selectedOptionsBtn_hnger_24", O = "_selectedOptionsOpened_hnger_49", b = "_selectedOptionsNotEmpty_hnger_53", v = "_selectOptionsDisabled_hnger_58", C = "_optionsList_hnger_65", k = "_listRight_hnger_81", y = "_inputWrapper_hnger_85", z = "_option_hnger_65", D = "_category_hnger_106", f = "_leftSide_hnger_110", B = "_optionCategory_hnger_115", N = "_optionDisabled_hnger_121", S = "_optionClickable_hnger_125", W = "_icon_hnger_129", x = "_iconBtn_hnger_135", n = {
5
- multiSelectWrapper: h,
6
- selectedOptions: m,
7
- selectedOptionsBtn: u,
8
- "small-size": "_small-size_hnger_28",
9
- "medium-size": "_medium-size_hnger_35",
10
- "large-size": "_large-size_hnger_42",
11
- selectedOptionsOpened: O,
12
- selectedOptionsNotEmpty: b,
13
- selectOptionsDisabled: v,
14
- optionsList: C,
15
- listRight: k,
16
- inputWrapper: y,
17
- option: z,
18
- category: D,
19
- leftSide: f,
20
- optionCategory: B,
21
- optionDisabled: N,
22
- optionClickable: S,
23
- icon: W,
24
- iconBtn: x
25
- }, E = g.bind(n), U = ({
26
- option: e,
27
- selectedOptions: s,
28
- disabledOptions: r,
29
- clickableOptions: c,
30
- handleOptionClick: p,
31
- isOptionCategory: o,
32
- sizeIcon: l,
33
- addClassName: a = ""
34
- }) => /* @__PURE__ */ d(
35
- "div",
36
- {
37
- className: E(
38
- n.option,
39
- {
40
- [n.selected]: s.some((t) => t.value === e.value),
41
- [n.optionDisabled]: r.some((t) => t.value === e.value),
42
- [n.optionCategory]: o,
43
- [n.optionClickable]: c && c.includes(`${e.value}`)
44
- },
45
- a
46
- ),
47
- onClick: () => {
48
- p(e);
49
- },
50
- children: [
51
- o && /* @__PURE__ */ i(
52
- _,
53
- {
54
- size: l ?? "20",
55
- name: s.some((t) => t.value === e.value) ? "selectChecked" : "selectUnchecked"
56
- }
57
- ),
58
- /* @__PURE__ */ i("div", { children: e.label }),
59
- !o && /* @__PURE__ */ i(
60
- _,
61
- {
62
- size: l ?? "20",
63
- name: s.some((t) => t.value === e.value) ? "selectChecked" : "selectUnchecked"
64
- }
65
- )
66
- ]
67
- }
68
- );
69
- export {
70
- U as O,
71
- n as s
72
- };