stone-kit 0.0.631 → 0.0.633

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