@efficiency-point/design-system 0.0.16 → 0.0.17
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/components/DSAccordion/DSAccordion.d.ts +13 -0
- package/dist/components/DSAccordion/DSAccordion.d.ts.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +307 -250
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -220,34 +220,34 @@ var w = {
|
|
|
220
220
|
}, ee = (e, t) => !!(e && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate()), te = (e, t, n) => {
|
|
221
221
|
let r = N(e).getTime();
|
|
222
222
|
return !!(t && r < N(t).getTime() || n && r > N(n).getTime());
|
|
223
|
-
},
|
|
224
|
-
let C = c(), w = b ?? `ds-date-time-${x ?? C}`, D = p ? `${w}-hint` : void 0, O = m ? `${w}-error` : void 0, M = u(null), N = u(null), [
|
|
223
|
+
}, ne = ({ value: r, onChange: i, mode: a = "date", label: o, placeholder: f, hint: p, error: m, disabled: h = !1, readOnly: g = !1, required: _ = !1, min: v, max: y, id: b, name: x, className: S = "" }) => {
|
|
224
|
+
let C = c(), w = b ?? `ds-date-time-${x ?? C}`, D = p ? `${w}-hint` : void 0, O = m ? `${w}-error` : void 0, M = u(null), N = u(null), [ne, R] = d(!1), [z, B] = d(r ?? /* @__PURE__ */ new Date()), [V, H] = d(P(r, "time")), U = l(() => L(z), [z]), re = a !== "time", ie = a !== "date";
|
|
225
225
|
s(() => {
|
|
226
|
-
r &&
|
|
226
|
+
r && B(r), H(P(r, "time"));
|
|
227
227
|
}, [r]), s(() => {
|
|
228
228
|
let e = (e) => {
|
|
229
|
-
M.current?.contains(e.target) ||
|
|
229
|
+
M.current?.contains(e.target) || R(!1);
|
|
230
230
|
}, t = (e) => {
|
|
231
|
-
e.key === "Escape" && (
|
|
231
|
+
e.key === "Escape" && (R(!1), N.current?.focus());
|
|
232
232
|
};
|
|
233
233
|
return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
|
|
234
234
|
document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
|
|
235
235
|
};
|
|
236
236
|
}, []);
|
|
237
|
-
let
|
|
237
|
+
let ae = (e) => {
|
|
238
238
|
if (te(e, v, y)) return;
|
|
239
239
|
let t = new Date(e);
|
|
240
|
-
t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" &&
|
|
241
|
-
},
|
|
242
|
-
if (
|
|
240
|
+
t.setHours(r?.getHours() ?? 0, r?.getMinutes() ?? 0, 0, 0), i?.(t), a === "date" && R(!1);
|
|
241
|
+
}, oe = (e) => {
|
|
242
|
+
if (H(e), !e) {
|
|
243
243
|
i?.(null);
|
|
244
244
|
return;
|
|
245
245
|
}
|
|
246
246
|
let t = F(e, "time");
|
|
247
247
|
if (!t) return;
|
|
248
|
-
let n = new Date(a === "datetime" ? r ??
|
|
248
|
+
let n = new Date(a === "datetime" ? r ?? z : /* @__PURE__ */ new Date());
|
|
249
249
|
n.setHours(t.getHours(), t.getMinutes(), 0, 0), !(v && n < v || y && n > y) && i?.(n);
|
|
250
|
-
},
|
|
250
|
+
}, W = f ?? (a === "date" ? "Выберите дату" : a === "time" ? "Введите время" : "Выберите дату и время"), se = [D, O].filter(Boolean).join(" ") || void 0;
|
|
251
251
|
return /* @__PURE__ */ n("div", {
|
|
252
252
|
ref: M,
|
|
253
253
|
className: `${k.wrapper} ${S}`,
|
|
@@ -266,25 +266,25 @@ var w = {
|
|
|
266
266
|
className: `${k.trigger} ${m ? k.error : ""}`,
|
|
267
267
|
disabled: h,
|
|
268
268
|
"aria-readonly": g || void 0,
|
|
269
|
-
"aria-expanded":
|
|
269
|
+
"aria-expanded": ne,
|
|
270
270
|
"aria-haspopup": "dialog",
|
|
271
|
-
"aria-describedby":
|
|
271
|
+
"aria-describedby": se,
|
|
272
272
|
onClick: () => {
|
|
273
|
-
g ||
|
|
273
|
+
g || R((e) => !e);
|
|
274
274
|
},
|
|
275
275
|
children: [/* @__PURE__ */ t("span", {
|
|
276
276
|
className: r ? k.value : k.placeholder,
|
|
277
|
-
children: I(r, a) ||
|
|
277
|
+
children: I(r, a) || W
|
|
278
278
|
}), /* @__PURE__ */ t("span", {
|
|
279
279
|
"aria-hidden": "true",
|
|
280
280
|
children: "▾"
|
|
281
281
|
})]
|
|
282
282
|
}),
|
|
283
|
-
|
|
283
|
+
ne && !g && /* @__PURE__ */ n("div", {
|
|
284
284
|
className: k.panel,
|
|
285
285
|
role: "dialog",
|
|
286
|
-
"aria-label": o ??
|
|
287
|
-
children: [
|
|
286
|
+
"aria-label": o ?? W,
|
|
287
|
+
children: [re && /* @__PURE__ */ n(e, { children: [
|
|
288
288
|
/* @__PURE__ */ n("div", {
|
|
289
289
|
className: k.calendarHeader,
|
|
290
290
|
children: [
|
|
@@ -292,14 +292,14 @@ var w = {
|
|
|
292
292
|
type: "button",
|
|
293
293
|
className: k.nav,
|
|
294
294
|
"aria-label": "Предыдущий месяц",
|
|
295
|
-
onClick: () =>
|
|
295
|
+
onClick: () => B(new Date(z.getFullYear(), z.getMonth() - 1, 1)),
|
|
296
296
|
children: "‹"
|
|
297
297
|
}),
|
|
298
298
|
/* @__PURE__ */ t("select", {
|
|
299
299
|
className: k.monthSelect,
|
|
300
300
|
"aria-label": "Месяц",
|
|
301
|
-
value:
|
|
302
|
-
onChange: (e) =>
|
|
301
|
+
value: z.getMonth(),
|
|
302
|
+
onChange: (e) => B(new Date(z.getFullYear(), Number(e.target.value), 1)),
|
|
303
303
|
children: j.map((e, n) => /* @__PURE__ */ t("option", {
|
|
304
304
|
value: n,
|
|
305
305
|
children: e
|
|
@@ -309,14 +309,14 @@ var w = {
|
|
|
309
309
|
className: k.yearInput,
|
|
310
310
|
type: "number",
|
|
311
311
|
"aria-label": "Год",
|
|
312
|
-
value:
|
|
313
|
-
onChange: (e) =>
|
|
312
|
+
value: z.getFullYear(),
|
|
313
|
+
onChange: (e) => B(new Date(Number(e.target.value), z.getMonth(), 1))
|
|
314
314
|
}),
|
|
315
315
|
/* @__PURE__ */ t("button", {
|
|
316
316
|
type: "button",
|
|
317
317
|
className: k.nav,
|
|
318
318
|
"aria-label": "Следующий месяц",
|
|
319
|
-
onClick: () =>
|
|
319
|
+
onClick: () => B(new Date(z.getFullYear(), z.getMonth() + 1, 1)),
|
|
320
320
|
children: "›"
|
|
321
321
|
})
|
|
322
322
|
]
|
|
@@ -327,25 +327,25 @@ var w = {
|
|
|
327
327
|
}),
|
|
328
328
|
/* @__PURE__ */ t("div", {
|
|
329
329
|
className: k.days,
|
|
330
|
-
children:
|
|
330
|
+
children: U.map((e) => {
|
|
331
331
|
let n = ee(r, e);
|
|
332
332
|
return /* @__PURE__ */ t("button", {
|
|
333
333
|
type: "button",
|
|
334
|
-
className: `${k.day} ${e.getMonth() ===
|
|
334
|
+
className: `${k.day} ${e.getMonth() === z.getMonth() ? "" : k.outside} ${n ? k.selected : ""}`,
|
|
335
335
|
disabled: te(e, v, y),
|
|
336
336
|
"aria-pressed": n,
|
|
337
|
-
onClick: () =>
|
|
337
|
+
onClick: () => ae(e),
|
|
338
338
|
children: e.getDate()
|
|
339
339
|
}, e.toISOString());
|
|
340
340
|
})
|
|
341
341
|
})
|
|
342
|
-
] }),
|
|
342
|
+
] }), ie && /* @__PURE__ */ n("label", {
|
|
343
343
|
className: k.timeLabel,
|
|
344
344
|
children: [/* @__PURE__ */ t("span", { children: "Время" }), /* @__PURE__ */ t("input", {
|
|
345
345
|
className: k.timeInput,
|
|
346
346
|
type: "time",
|
|
347
|
-
value:
|
|
348
|
-
onChange: (e) =>
|
|
347
|
+
value: V,
|
|
348
|
+
onChange: (e) => oe(e.target.value)
|
|
349
349
|
})]
|
|
350
350
|
})]
|
|
351
351
|
}),
|
|
@@ -360,20 +360,20 @@ var w = {
|
|
|
360
360
|
})
|
|
361
361
|
]
|
|
362
362
|
});
|
|
363
|
-
},
|
|
363
|
+
}, R = {
|
|
364
364
|
root: "_root_1q42e_1",
|
|
365
365
|
legend: "_legend_1q42e_3",
|
|
366
366
|
range: "_range_1q42e_5"
|
|
367
|
-
},
|
|
367
|
+
}, z = (e) => !!(e.from && e.to && e.from.getTime() <= e.to.getTime()), B = ({ value: e, onChange: r, onDraftChange: i, mode: a = "date", fromLabel: o = "От", toLabel: s = "До", hint: c, error: l, min: u, max: d, disabled: f = !1, readOnly: p = !1, required: m = !1, className: h = "" }) => {
|
|
368
368
|
let g = l ?? (e.from && e.to && e.from > e.to ? "Дата «От» не может быть позже даты «До»" : void 0), _ = (e) => {
|
|
369
|
-
i?.(e),
|
|
369
|
+
i?.(e), z(e) && r?.(e);
|
|
370
370
|
};
|
|
371
371
|
return /* @__PURE__ */ n("fieldset", {
|
|
372
|
-
className: `${
|
|
372
|
+
className: `${R.root} ${h}`,
|
|
373
373
|
disabled: f,
|
|
374
374
|
children: [/* @__PURE__ */ n("div", {
|
|
375
|
-
className:
|
|
376
|
-
children: [/* @__PURE__ */ t(
|
|
375
|
+
className: R.range,
|
|
376
|
+
children: [/* @__PURE__ */ t(ne, {
|
|
377
377
|
value: e.from,
|
|
378
378
|
mode: a === "datetime" ? "datetime" : a,
|
|
379
379
|
label: o,
|
|
@@ -387,7 +387,7 @@ var w = {
|
|
|
387
387
|
...e,
|
|
388
388
|
from: t
|
|
389
389
|
})
|
|
390
|
-
}), /* @__PURE__ */ t(
|
|
390
|
+
}), /* @__PURE__ */ t(ne, {
|
|
391
391
|
value: e.to,
|
|
392
392
|
mode: a === "datetime" ? "datetime" : a,
|
|
393
393
|
label: s,
|
|
@@ -404,7 +404,7 @@ var w = {
|
|
|
404
404
|
})]
|
|
405
405
|
}), c && !g && /* @__PURE__ */ t(E, { children: c })]
|
|
406
406
|
});
|
|
407
|
-
},
|
|
407
|
+
}, V = {
|
|
408
408
|
group: "_group_1fs9e_1",
|
|
409
409
|
skeleton: "_skeleton_1fs9e_3",
|
|
410
410
|
text: "_text_1fs9e_5",
|
|
@@ -412,17 +412,17 @@ var w = {
|
|
|
412
412
|
circular: "_circular_1fs9e_9",
|
|
413
413
|
animated: "_animated_1fs9e_11",
|
|
414
414
|
"ds-skeleton": "_ds-skeleton_1fs9e_1"
|
|
415
|
-
},
|
|
416
|
-
className: `${
|
|
415
|
+
}, H = ({ variant: e = "text", width: n = "100%", height: r, lines: i = 1, animated: a = !0, className: o = "" }) => /* @__PURE__ */ t("span", {
|
|
416
|
+
className: `${V.group} ${o}`,
|
|
417
417
|
"aria-hidden": "true",
|
|
418
418
|
children: Array.from({ length: Math.max(1, i) }, (o, s) => /* @__PURE__ */ t("span", {
|
|
419
|
-
className: `${
|
|
419
|
+
className: `${V.skeleton} ${V[e]} ${a ? V.animated : ""}`,
|
|
420
420
|
style: {
|
|
421
421
|
width: s === i - 1 && i > 1 ? "70%" : n,
|
|
422
422
|
height: r
|
|
423
423
|
}
|
|
424
424
|
}, s))
|
|
425
|
-
}),
|
|
425
|
+
}), U = {
|
|
426
426
|
wrapper: "_wrapper_dkn63_1",
|
|
427
427
|
label: "_label_dkn63_17",
|
|
428
428
|
container: "_container_dkn63_29",
|
|
@@ -438,13 +438,13 @@ var w = {
|
|
|
438
438
|
message: "_message_dkn63_265",
|
|
439
439
|
error: "_error_dkn63_267",
|
|
440
440
|
errorState: "_errorState_dkn63_293"
|
|
441
|
-
},
|
|
441
|
+
}, re = (e, t, n) => {
|
|
442
442
|
for (let r = 0; r < e.length; r += 1) {
|
|
443
443
|
let i = (t + r * n + e.length) % e.length;
|
|
444
444
|
if (!e[i]?.disabled) return i;
|
|
445
445
|
}
|
|
446
446
|
return -1;
|
|
447
|
-
},
|
|
447
|
+
}, ie = ({ options: r, value: i, onChange: a, placeholder: o = "Выберите опцию", disabled: f = !1, stringWhileDisabled: p = !1, label: m, error: h, hint: g, className: _ = "", name: v, id: y, needMark: b = !0, maxMenuHeight: x }) => {
|
|
448
448
|
let S = c(), C = y ?? `ds-dropdown-${v ?? S}`, [w, T] = d(!1), E = u(null), D = u(null), O = u([]), k = l(() => r.find((e) => e.value === i), [r, i]), A = g ? `${C}-hint` : void 0, j = h ? `${C}-error` : void 0, M = [A, j].filter(Boolean).join(" ") || void 0, N = f && p;
|
|
449
449
|
s(() => {
|
|
450
450
|
let e = (e) => {
|
|
@@ -457,7 +457,7 @@ var w = {
|
|
|
457
457
|
};
|
|
458
458
|
}, [w]);
|
|
459
459
|
let P = (e, t) => {
|
|
460
|
-
let n =
|
|
460
|
+
let n = re(r, e, t);
|
|
461
461
|
O.current[n]?.focus(), O.current[n]?.scrollIntoView({ block: "nearest" });
|
|
462
462
|
}, F = (e) => {
|
|
463
463
|
e.disabled || (a?.(e.value, e), T(!1), D.current?.focus());
|
|
@@ -465,21 +465,21 @@ var w = {
|
|
|
465
465
|
return /* @__PURE__ */ n("div", {
|
|
466
466
|
ref: E,
|
|
467
467
|
className: [
|
|
468
|
-
|
|
469
|
-
h ?
|
|
468
|
+
U.wrapper,
|
|
469
|
+
h ? U.errorState : "",
|
|
470
470
|
_
|
|
471
471
|
].filter(Boolean).join(" "),
|
|
472
472
|
children: [
|
|
473
473
|
m && /* @__PURE__ */ t("label", {
|
|
474
474
|
htmlFor: N ? void 0 : C,
|
|
475
|
-
className:
|
|
475
|
+
className: U.label,
|
|
476
476
|
children: m
|
|
477
477
|
}),
|
|
478
478
|
/* @__PURE__ */ t("div", {
|
|
479
|
-
className:
|
|
479
|
+
className: U.container,
|
|
480
480
|
children: N ? /* @__PURE__ */ t("div", {
|
|
481
481
|
id: C,
|
|
482
|
-
className:
|
|
482
|
+
className: U.disabledText,
|
|
483
483
|
"aria-describedby": M,
|
|
484
484
|
children: k?.label ?? o
|
|
485
485
|
}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("button", {
|
|
@@ -487,7 +487,7 @@ var w = {
|
|
|
487
487
|
id: C,
|
|
488
488
|
type: "button",
|
|
489
489
|
name: v,
|
|
490
|
-
className:
|
|
490
|
+
className: U.trigger,
|
|
491
491
|
disabled: f,
|
|
492
492
|
"aria-haspopup": "listbox",
|
|
493
493
|
"aria-expanded": w,
|
|
@@ -503,10 +503,10 @@ var w = {
|
|
|
503
503
|
}
|
|
504
504
|
},
|
|
505
505
|
children: [/* @__PURE__ */ t("span", {
|
|
506
|
-
className: k ?
|
|
506
|
+
className: k ? U.value : U.placeholder,
|
|
507
507
|
children: k?.label ?? o
|
|
508
508
|
}), /* @__PURE__ */ t("span", {
|
|
509
|
-
className: `${
|
|
509
|
+
className: `${U.chevron} ${w ? U.chevronOpen : ""}`,
|
|
510
510
|
"aria-hidden": "true",
|
|
511
511
|
children: /* @__PURE__ */ t("svg", {
|
|
512
512
|
viewBox: "0 0 20 20",
|
|
@@ -522,7 +522,7 @@ var w = {
|
|
|
522
522
|
})]
|
|
523
523
|
}), w && /* @__PURE__ */ t("ul", {
|
|
524
524
|
id: `${C}-listbox`,
|
|
525
|
-
className:
|
|
525
|
+
className: U.menu,
|
|
526
526
|
role: "listbox",
|
|
527
527
|
"aria-label": m,
|
|
528
528
|
style: { maxHeight: x },
|
|
@@ -538,7 +538,7 @@ var w = {
|
|
|
538
538
|
role: "option",
|
|
539
539
|
"aria-selected": o,
|
|
540
540
|
disabled: e.disabled,
|
|
541
|
-
className: `${
|
|
541
|
+
className: `${U.option} ${o ? U.selected : ""}`,
|
|
542
542
|
onClick: () => F(e),
|
|
543
543
|
onKeyDown: (e) => {
|
|
544
544
|
if ((e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), P(a + (e.key === "ArrowDown" ? 1 : -1), e.key === "ArrowDown" ? 1 : -1)), e.key === "Tab" && T(!1), e.key === "Home" || e.key === "End") {
|
|
@@ -558,35 +558,35 @@ var w = {
|
|
|
558
558
|
}),
|
|
559
559
|
g && !h && /* @__PURE__ */ t("span", {
|
|
560
560
|
id: A,
|
|
561
|
-
className:
|
|
561
|
+
className: U.message,
|
|
562
562
|
children: g
|
|
563
563
|
}),
|
|
564
564
|
h && /* @__PURE__ */ t("span", {
|
|
565
565
|
id: j,
|
|
566
|
-
className:
|
|
566
|
+
className: U.error,
|
|
567
567
|
children: h
|
|
568
568
|
})
|
|
569
569
|
]
|
|
570
570
|
});
|
|
571
|
-
},
|
|
571
|
+
}, ae = (e) => `${e.id}:${e.direction}`, oe = ({ options: e, value: n, onChange: r, label: i = "Сортировка", placeholder: a = "Выберите сортировку", disabled: o = !1, className: s }) => {
|
|
572
572
|
let c = e.flatMap((e) => [{
|
|
573
|
-
value:
|
|
573
|
+
value: ae({
|
|
574
574
|
id: e.id,
|
|
575
575
|
direction: "asc"
|
|
576
576
|
}),
|
|
577
577
|
label: e.ascLabel ?? `${e.label} · по возрастанию`,
|
|
578
578
|
disabled: e.disabled
|
|
579
579
|
}, {
|
|
580
|
-
value:
|
|
580
|
+
value: ae({
|
|
581
581
|
id: e.id,
|
|
582
582
|
direction: "desc"
|
|
583
583
|
}),
|
|
584
584
|
label: e.descLabel ?? `${e.label} · по убыванию`,
|
|
585
585
|
disabled: e.disabled
|
|
586
586
|
}]);
|
|
587
|
-
return /* @__PURE__ */ t(
|
|
587
|
+
return /* @__PURE__ */ t(ie, {
|
|
588
588
|
options: c,
|
|
589
|
-
value: n ?
|
|
589
|
+
value: n ? ae(n) : "",
|
|
590
590
|
label: i,
|
|
591
591
|
placeholder: a,
|
|
592
592
|
disabled: o,
|
|
@@ -599,7 +599,7 @@ var w = {
|
|
|
599
599
|
});
|
|
600
600
|
}
|
|
601
601
|
});
|
|
602
|
-
},
|
|
602
|
+
}, W = {
|
|
603
603
|
root: "_root_epm0h_1",
|
|
604
604
|
tableWrap: "_tableWrap_epm0h_3",
|
|
605
605
|
table: "_table_epm0h_3",
|
|
@@ -614,10 +614,10 @@ var w = {
|
|
|
614
614
|
default: "_default_epm0h_47",
|
|
615
615
|
tableOnMobile: "_tableOnMobile_epm0h_47",
|
|
616
616
|
wide: "_wide_epm0h_51"
|
|
617
|
-
},
|
|
617
|
+
}, se = m({
|
|
618
618
|
rowSortingFeature: p,
|
|
619
619
|
sortedRowModel: f()
|
|
620
|
-
}),
|
|
620
|
+
}), ce = (e, t) => {
|
|
621
621
|
let n = /* @__PURE__ */ new Set();
|
|
622
622
|
for (let t of e) {
|
|
623
623
|
if (!t.id.trim()) return "Идентификатор колонки не может быть пустым";
|
|
@@ -629,36 +629,36 @@ var w = {
|
|
|
629
629
|
for (let t of e) if (typeof t.accessor == "string" && !(t.accessor in r)) return `В строке ${n + 1} отсутствует колонка «${t.id}»`;
|
|
630
630
|
}
|
|
631
631
|
return null;
|
|
632
|
-
},
|
|
632
|
+
}, le = (e, t) => typeof e == "function" ? e(t) : t[e], ue = (e) => {
|
|
633
633
|
if (e == null || e === "") return null;
|
|
634
634
|
let t = Date.parse(String(e));
|
|
635
635
|
return Number.isNaN(t) ? null : t;
|
|
636
|
-
}, ue = (e, t, n) => {
|
|
637
|
-
let r = le(e.getValue(n)), i = le(t.getValue(n));
|
|
638
|
-
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
639
636
|
}, de = (e, t, n) => {
|
|
637
|
+
let r = ue(e.getValue(n)), i = ue(t.getValue(n));
|
|
638
|
+
return r === null && i === null ? 0 : r === null ? -1 : i === null ? 1 : r - i;
|
|
639
|
+
}, fe = (e, t, n) => {
|
|
640
640
|
let r = e.getValue(n), i = t.getValue(n);
|
|
641
641
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(r) - Number(i);
|
|
642
|
-
},
|
|
642
|
+
}, pe = (e, t, n) => {
|
|
643
643
|
let r = e.getValue(n), i = t.getValue(n);
|
|
644
644
|
return r == null && i == null ? 0 : r == null ? -1 : i == null ? 1 : Number(!!r) - Number(!!i);
|
|
645
|
-
},
|
|
645
|
+
}, me = (e, t, n) => {
|
|
646
646
|
let r = String(e.getValue(n) ?? ""), i = String(t.getValue(n) ?? "");
|
|
647
647
|
return r.localeCompare(i, void 0, {
|
|
648
648
|
numeric: !0,
|
|
649
649
|
sensitivity: "base"
|
|
650
650
|
});
|
|
651
|
-
},
|
|
651
|
+
}, he = (e) => {
|
|
652
652
|
switch (e) {
|
|
653
|
-
case "date": return
|
|
654
|
-
case "number": return
|
|
655
|
-
case "boolean": return
|
|
653
|
+
case "date": return de;
|
|
654
|
+
case "number": return fe;
|
|
655
|
+
case "boolean": return pe;
|
|
656
656
|
case "text":
|
|
657
|
-
case void 0: return
|
|
657
|
+
case void 0: return me;
|
|
658
658
|
case "custom": return;
|
|
659
659
|
}
|
|
660
|
-
},
|
|
661
|
-
let t = (t) =>
|
|
660
|
+
}, ge = (e) => {
|
|
661
|
+
let t = (t) => le(e.accessor, t), n = e.sortFn ?? he(e.dataType), r = e.enableSorting ?? (e.dataType !== "custom" && n !== void 0), i = {
|
|
662
662
|
id: e.id,
|
|
663
663
|
accessorFn: t,
|
|
664
664
|
header: () => e.header,
|
|
@@ -670,9 +670,9 @@ var w = {
|
|
|
670
670
|
sortDescFirst: e.sortDescFirst
|
|
671
671
|
};
|
|
672
672
|
return n !== void 0 && (i.sortFn = n), i;
|
|
673
|
-
},
|
|
674
|
-
let [S, C] = d([]), w = o ?? S, T = l(() =>
|
|
675
|
-
features:
|
|
673
|
+
}, _e = ({ columns: e, data: r, tableOnMobile: i = !1, breakpoint: a = "default", sorting: o, onSortingChange: s, renderMobileCard: c, getRowId: u, caption: f, ariaLabel: p, loading: m = !1, error: g, emptyState: _ = "Нет данных", stickyHeader: v = !1, maxHeight: y, className: b = "", onRowClick: x }) => {
|
|
674
|
+
let [S, C] = d([]), w = o ?? S, T = l(() => ce(e, r), [e, r]), E = l(() => e.map(ge), [e]), D = h({
|
|
675
|
+
features: se,
|
|
676
676
|
columns: E,
|
|
677
677
|
data: r,
|
|
678
678
|
state: { sorting: w },
|
|
@@ -685,17 +685,17 @@ var w = {
|
|
|
685
685
|
id: e.id,
|
|
686
686
|
label: typeof e.header == "string" ? e.header : e.id
|
|
687
687
|
})), A = [
|
|
688
|
-
|
|
689
|
-
a === "wide" ?
|
|
690
|
-
i ?
|
|
688
|
+
W.root,
|
|
689
|
+
a === "wide" ? W.wide : W.default,
|
|
690
|
+
i ? W.tableOnMobile : "",
|
|
691
691
|
b
|
|
692
692
|
].filter(Boolean).join(" "), j = T ?? g;
|
|
693
693
|
return /* @__PURE__ */ n("section", {
|
|
694
694
|
className: A,
|
|
695
695
|
"aria-busy": m,
|
|
696
696
|
children: [
|
|
697
|
-
!i && !m && !j && O.length > 0 && k.length > 0 && /* @__PURE__ */ t(
|
|
698
|
-
className:
|
|
697
|
+
!i && !m && !j && O.length > 0 && k.length > 0 && /* @__PURE__ */ t(oe, {
|
|
698
|
+
className: W.mobileSort,
|
|
699
699
|
options: k,
|
|
700
700
|
value: w[0] ? {
|
|
701
701
|
id: w[0].id,
|
|
@@ -707,15 +707,15 @@ var w = {
|
|
|
707
707
|
}])
|
|
708
708
|
}),
|
|
709
709
|
/* @__PURE__ */ t("div", {
|
|
710
|
-
className:
|
|
710
|
+
className: W.tableWrap,
|
|
711
711
|
style: { maxHeight: y },
|
|
712
712
|
children: /* @__PURE__ */ n("table", {
|
|
713
|
-
className:
|
|
713
|
+
className: W.table,
|
|
714
714
|
"aria-label": p,
|
|
715
715
|
children: [
|
|
716
716
|
f && /* @__PURE__ */ t("caption", { children: f }),
|
|
717
717
|
/* @__PURE__ */ t("thead", {
|
|
718
|
-
className: v ?
|
|
718
|
+
className: v ? W.sticky : "",
|
|
719
719
|
children: D.getHeaderGroups().map((e) => /* @__PURE__ */ t("tr", { children: e.headers.map((e) => {
|
|
720
720
|
let r = e.column.getIsSorted(), i = e.column.getCanSort(), a = e.column.getToggleSortingHandler();
|
|
721
721
|
return /* @__PURE__ */ t("th", {
|
|
@@ -723,7 +723,7 @@ var w = {
|
|
|
723
723
|
"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : "none",
|
|
724
724
|
children: /* @__PURE__ */ n("button", {
|
|
725
725
|
type: "button",
|
|
726
|
-
className:
|
|
726
|
+
className: W.sortButton,
|
|
727
727
|
disabled: !i,
|
|
728
728
|
onClick: a,
|
|
729
729
|
children: [/* @__PURE__ */ t(D.FlexRender, { header: e }), /* @__PURE__ */ t("span", {
|
|
@@ -736,17 +736,17 @@ var w = {
|
|
|
736
736
|
}),
|
|
737
737
|
/* @__PURE__ */ t("tbody", { children: m ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
738
738
|
colSpan: e.length,
|
|
739
|
-
children: /* @__PURE__ */ t(
|
|
739
|
+
children: /* @__PURE__ */ t(H, { lines: 3 })
|
|
740
740
|
}) }) : j ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
741
|
-
className:
|
|
741
|
+
className: W.state,
|
|
742
742
|
colSpan: e.length,
|
|
743
743
|
children: j
|
|
744
744
|
}) }) : O.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
|
|
745
|
-
className:
|
|
745
|
+
className: W.state,
|
|
746
746
|
colSpan: e.length,
|
|
747
747
|
children: _
|
|
748
748
|
}) }) : O.map((e) => /* @__PURE__ */ t("tr", {
|
|
749
|
-
className: x ?
|
|
749
|
+
className: x ? W.clickableRow : void 0,
|
|
750
750
|
onClick: () => x?.(e.original),
|
|
751
751
|
onKeyDown: (t) => {
|
|
752
752
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), x?.(e.original));
|
|
@@ -759,14 +759,14 @@ var w = {
|
|
|
759
759
|
})
|
|
760
760
|
}),
|
|
761
761
|
!i && /* @__PURE__ */ t("div", {
|
|
762
|
-
className:
|
|
762
|
+
className: W.cards,
|
|
763
763
|
role: "list",
|
|
764
764
|
"aria-label": p ?? f,
|
|
765
|
-
children: m ? /* @__PURE__ */ t(
|
|
766
|
-
className:
|
|
765
|
+
children: m ? /* @__PURE__ */ t(H, { lines: 4 }) : j ? /* @__PURE__ */ t("div", {
|
|
766
|
+
className: W.state,
|
|
767
767
|
children: j
|
|
768
768
|
}) : O.length === 0 ? /* @__PURE__ */ t("div", {
|
|
769
|
-
className:
|
|
769
|
+
className: W.state,
|
|
770
770
|
children: _
|
|
771
771
|
}) : O.map((r) => {
|
|
772
772
|
if (c) return /* @__PURE__ */ t("div", {
|
|
@@ -776,14 +776,14 @@ var w = {
|
|
|
776
776
|
columns: e
|
|
777
777
|
})
|
|
778
778
|
}, r.id);
|
|
779
|
-
let i = e.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), a = i.find((e) => e.mobile?.primary) ?? i.find((e) => e.mobile?.mobileVariant !== "actions"), o = (e) =>
|
|
779
|
+
let i = e.filter((e) => !e.mobile?.hideOnMobile).sort((e, t) => (e.mobile?.mobileOrder ?? 0) - (t.mobile?.mobileOrder ?? 0)), a = i.find((e) => e.mobile?.primary) ?? i.find((e) => e.mobile?.mobileVariant !== "actions"), o = (e) => le(e.accessor, r.original), s = (e) => e.mobile?.renderMobile?.(r.original, o(e)) ?? e.cell?.(r.original, o(e)) ?? String(o(e) ?? "");
|
|
780
780
|
return /* @__PURE__ */ n("article", {
|
|
781
781
|
role: "listitem",
|
|
782
|
-
className:
|
|
782
|
+
className: W.card,
|
|
783
783
|
children: [
|
|
784
784
|
/* @__PURE__ */ t("h3", { children: a ? s(a) : `Строка ${r.index + 1}` }),
|
|
785
785
|
/* @__PURE__ */ t("dl", { children: i.filter((e) => e !== a && e.mobile?.mobileVariant !== "actions").map((e) => /* @__PURE__ */ n("div", {
|
|
786
|
-
className: e.mobile?.mobileSpan === 2 ?
|
|
786
|
+
className: e.mobile?.mobileSpan === 2 ? W.spanTwo : "",
|
|
787
787
|
children: [/* @__PURE__ */ t("dt", { children: e.mobile?.mobileLabel ?? e.header }), /* @__PURE__ */ t("dd", { children: s(e) })]
|
|
788
788
|
}, e.id)) }),
|
|
789
789
|
i.filter((e) => e.mobile?.mobileVariant === "actions").map((e) => /* @__PURE__ */ t("footer", { children: s(e) }, e.id))
|
|
@@ -793,7 +793,7 @@ var w = {
|
|
|
793
793
|
})
|
|
794
794
|
]
|
|
795
795
|
});
|
|
796
|
-
},
|
|
796
|
+
}, ve = ({ options: e, value: r, onChange: i, placeholder: a = "Выберите опции", disabled: o = !1, label: f, error: p, hint: m, className: h = "", name: g, id: _, closeOnSelect: v = !1, maxMenuHeight: y }) => {
|
|
797
797
|
let b = c(), x = _ ?? `ds-dropdown-multiple-${g ?? b}`, [S, C] = d(!1), w = u(null), T = u(null), E = u([]), D = l(() => e.filter((e) => r.includes(e.value)), [e, r]), O = D.map((e) => e.label).join(", "), k = m ? `${x}-hint` : void 0, A = p ? `${x}-error` : void 0;
|
|
798
798
|
s(() => {
|
|
799
799
|
let e = (e) => {
|
|
@@ -810,30 +810,30 @@ var w = {
|
|
|
810
810
|
let n = r.includes(t.value) ? r.filter((e) => e !== t.value) : [...r, t.value];
|
|
811
811
|
i?.(n, e.filter((e) => n.includes(e.value))), v && (C(!1), T.current?.focus());
|
|
812
812
|
}, M = (t, n) => {
|
|
813
|
-
let r =
|
|
813
|
+
let r = re(e, t, n);
|
|
814
814
|
E.current[r]?.focus(), E.current[r]?.scrollIntoView({ block: "nearest" });
|
|
815
815
|
};
|
|
816
816
|
return /* @__PURE__ */ n("div", {
|
|
817
817
|
ref: w,
|
|
818
818
|
className: [
|
|
819
|
-
|
|
820
|
-
p ?
|
|
819
|
+
U.wrapper,
|
|
820
|
+
p ? U.errorState : "",
|
|
821
821
|
h
|
|
822
822
|
].filter(Boolean).join(" "),
|
|
823
823
|
children: [
|
|
824
824
|
f && /* @__PURE__ */ t("label", {
|
|
825
825
|
htmlFor: x,
|
|
826
|
-
className:
|
|
826
|
+
className: U.label,
|
|
827
827
|
children: f
|
|
828
828
|
}),
|
|
829
829
|
/* @__PURE__ */ n("div", {
|
|
830
|
-
className:
|
|
830
|
+
className: U.container,
|
|
831
831
|
children: [/* @__PURE__ */ n("button", {
|
|
832
832
|
ref: T,
|
|
833
833
|
id: x,
|
|
834
834
|
type: "button",
|
|
835
835
|
name: g,
|
|
836
|
-
className:
|
|
836
|
+
className: U.trigger,
|
|
837
837
|
disabled: o,
|
|
838
838
|
"aria-haspopup": "listbox",
|
|
839
839
|
"aria-expanded": S,
|
|
@@ -849,16 +849,16 @@ var w = {
|
|
|
849
849
|
}
|
|
850
850
|
},
|
|
851
851
|
children: [/* @__PURE__ */ t("span", {
|
|
852
|
-
className: D.length ?
|
|
852
|
+
className: D.length ? U.value : U.placeholder,
|
|
853
853
|
children: O || a
|
|
854
854
|
}), /* @__PURE__ */ t("span", {
|
|
855
|
-
className: `${
|
|
855
|
+
className: `${U.chevron} ${S ? U.chevronOpen : ""}`,
|
|
856
856
|
"aria-hidden": "true",
|
|
857
857
|
children: "⌄"
|
|
858
858
|
})]
|
|
859
859
|
}), S && /* @__PURE__ */ t("ul", {
|
|
860
860
|
id: `${x}-listbox`,
|
|
861
|
-
className:
|
|
861
|
+
className: U.menu,
|
|
862
862
|
role: "listbox",
|
|
863
863
|
"aria-label": f,
|
|
864
864
|
"aria-multiselectable": "true",
|
|
@@ -875,7 +875,7 @@ var w = {
|
|
|
875
875
|
role: "option",
|
|
876
876
|
"aria-selected": o,
|
|
877
877
|
disabled: i.disabled,
|
|
878
|
-
className: `${
|
|
878
|
+
className: `${U.option} ${o ? U.selected : ""}`,
|
|
879
879
|
onClick: () => j(i),
|
|
880
880
|
onKeyDown: (t) => {
|
|
881
881
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
@@ -901,17 +901,17 @@ var w = {
|
|
|
901
901
|
}),
|
|
902
902
|
m && !p && /* @__PURE__ */ t("span", {
|
|
903
903
|
id: k,
|
|
904
|
-
className:
|
|
904
|
+
className: U.message,
|
|
905
905
|
children: m
|
|
906
906
|
}),
|
|
907
907
|
p && /* @__PURE__ */ t("span", {
|
|
908
908
|
id: A,
|
|
909
|
-
className:
|
|
909
|
+
className: U.error,
|
|
910
910
|
children: p
|
|
911
911
|
})
|
|
912
912
|
]
|
|
913
913
|
});
|
|
914
|
-
},
|
|
914
|
+
}, ye = {
|
|
915
915
|
approve: "M4 12l5 5L20 6",
|
|
916
916
|
reject: "M5 5l14 14M19 5L5 19",
|
|
917
917
|
edit: "M4 20h4L19 9l-4-4L4 16v4z",
|
|
@@ -920,7 +920,7 @@ var w = {
|
|
|
920
920
|
basket: "M4 7h16l-1 13H5L4 7zm3 0V4h10v3",
|
|
921
921
|
info: "M12 10v7m0-10v.01",
|
|
922
922
|
warning: "M12 4L3 20h18L12 4zm0 5v5m0 3v.01"
|
|
923
|
-
},
|
|
923
|
+
}, be = ({ name: e, title: r, width: i = 24, height: a = 24, ...o }) => /* @__PURE__ */ n("svg", {
|
|
924
924
|
viewBox: "0 0 24 24",
|
|
925
925
|
width: i,
|
|
926
926
|
height: a,
|
|
@@ -933,27 +933,27 @@ var w = {
|
|
|
933
933
|
"aria-hidden": !r || void 0,
|
|
934
934
|
focusable: "false",
|
|
935
935
|
...o,
|
|
936
|
-
children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d:
|
|
937
|
-
}),
|
|
936
|
+
children: [r && /* @__PURE__ */ t("title", { children: r }), /* @__PURE__ */ t("path", { d: ye[e] })]
|
|
937
|
+
}), G = {
|
|
938
938
|
root: "_root_1y2s8_1",
|
|
939
939
|
header: "_header_1y2s8_21",
|
|
940
940
|
title: "_title_1y2s8_41",
|
|
941
941
|
dismiss: "_dismiss_1y2s8_55",
|
|
942
942
|
content: "_content_1y2s8_113"
|
|
943
|
-
},
|
|
943
|
+
}, xe = ({ title: e, children: r, dismissible: i = !1, onDismiss: a, dismissLabel: o = "Закрыть информационный блок", headingAs: s = "h3", className: l = "" }) => {
|
|
944
944
|
let u = `ds-info-block-${c()}`;
|
|
945
945
|
return /* @__PURE__ */ n("section", {
|
|
946
|
-
className: `${
|
|
946
|
+
className: `${G.root} ${l}`,
|
|
947
947
|
"aria-labelledby": u,
|
|
948
948
|
children: [/* @__PURE__ */ n("header", {
|
|
949
|
-
className:
|
|
949
|
+
className: G.header,
|
|
950
950
|
children: [/* @__PURE__ */ t(s, {
|
|
951
951
|
id: u,
|
|
952
|
-
className:
|
|
952
|
+
className: G.title,
|
|
953
953
|
children: e
|
|
954
954
|
}), i && /* @__PURE__ */ t("button", {
|
|
955
955
|
type: "button",
|
|
956
|
-
className:
|
|
956
|
+
className: G.dismiss,
|
|
957
957
|
onClick: a,
|
|
958
958
|
"aria-label": o,
|
|
959
959
|
children: /* @__PURE__ */ t("svg", {
|
|
@@ -969,23 +969,23 @@ var w = {
|
|
|
969
969
|
})
|
|
970
970
|
})]
|
|
971
971
|
}), /* @__PURE__ */ t("div", {
|
|
972
|
-
className:
|
|
972
|
+
className: G.content,
|
|
973
973
|
children: r
|
|
974
974
|
})]
|
|
975
975
|
});
|
|
976
|
-
},
|
|
976
|
+
}, K = {
|
|
977
977
|
wrapper: "_wrapper_ip6vf_1",
|
|
978
978
|
control: "_control_ip6vf_3",
|
|
979
979
|
input: "_input_ip6vf_5",
|
|
980
980
|
disabledText: "_disabledText_ip6vf_5",
|
|
981
981
|
inputError: "_inputError_ip6vf_39",
|
|
982
982
|
trailingAction: "_trailingAction_ip6vf_41"
|
|
983
|
-
},
|
|
983
|
+
}, Se = ({ value: e, onChange: r, type: i = "text", placeholder: a = "", disabled: o = !1, readOnly: l = !1, stringWhileDisabled: f = !1, label: p, error: m, hint: h, className: g = "", name: _, id: v, clearable: y = !0, required: b = !1, selectTextOnFocus: x = !1, isPassword: S = !1, passwordVisibleLabel: C = "Скрыть пароль", passwordHiddenLabel: w = "Показать пароль", onFocus: D, ...O }) => {
|
|
984
984
|
let k = c(), A = v ?? `ds-input-${_ ?? k}`, j = u(null), [M, N] = d(!1), P = h ? `${A}-hint` : void 0, F = m ? `${A}-error` : void 0, I = String(e ?? ""), L = [P, F].filter(Boolean).join(" ") || void 0, ee = S ? M ? "text" : "password" : i;
|
|
985
985
|
return s(() => {
|
|
986
986
|
S || N(!1);
|
|
987
987
|
}, [S]), /* @__PURE__ */ n("div", {
|
|
988
|
-
className: `${
|
|
988
|
+
className: `${K.wrapper} ${g}`,
|
|
989
989
|
children: [
|
|
990
990
|
p && /* @__PURE__ */ t(T, {
|
|
991
991
|
htmlFor: A,
|
|
@@ -995,11 +995,11 @@ var w = {
|
|
|
995
995
|
}),
|
|
996
996
|
o && f ? /* @__PURE__ */ t("div", {
|
|
997
997
|
id: A,
|
|
998
|
-
className:
|
|
998
|
+
className: K.disabledText,
|
|
999
999
|
"aria-describedby": L,
|
|
1000
1000
|
children: I || a
|
|
1001
1001
|
}) : /* @__PURE__ */ n("div", {
|
|
1002
|
-
className:
|
|
1002
|
+
className: K.control,
|
|
1003
1003
|
children: [
|
|
1004
1004
|
/* @__PURE__ */ t("input", {
|
|
1005
1005
|
ref: j,
|
|
@@ -1013,7 +1013,7 @@ var w = {
|
|
|
1013
1013
|
required: b,
|
|
1014
1014
|
"aria-invalid": !!m,
|
|
1015
1015
|
"aria-describedby": L,
|
|
1016
|
-
className: `${
|
|
1016
|
+
className: `${K.input} ${m ? K.inputError : ""}`,
|
|
1017
1017
|
onChange: (e) => {
|
|
1018
1018
|
if (i === "number" && !S) {
|
|
1019
1019
|
let t = e.target.value === "" ? "" : Number(e.target.value);
|
|
@@ -1029,7 +1029,7 @@ var w = {
|
|
|
1029
1029
|
}),
|
|
1030
1030
|
S && /* @__PURE__ */ t("button", {
|
|
1031
1031
|
type: "button",
|
|
1032
|
-
className:
|
|
1032
|
+
className: K.trailingAction,
|
|
1033
1033
|
disabled: o,
|
|
1034
1034
|
"aria-label": M ? C : w,
|
|
1035
1035
|
"aria-pressed": M,
|
|
@@ -1050,7 +1050,7 @@ var w = {
|
|
|
1050
1050
|
}),
|
|
1051
1051
|
!S && y && I && !o && !l && /* @__PURE__ */ t("button", {
|
|
1052
1052
|
type: "button",
|
|
1053
|
-
className:
|
|
1053
|
+
className: K.trailingAction,
|
|
1054
1054
|
"aria-label": "Очистить поле",
|
|
1055
1055
|
onClick: () => {
|
|
1056
1056
|
let e = j.current;
|
|
@@ -1071,22 +1071,22 @@ var w = {
|
|
|
1071
1071
|
})
|
|
1072
1072
|
]
|
|
1073
1073
|
});
|
|
1074
|
-
},
|
|
1074
|
+
}, q = {
|
|
1075
1075
|
wrapper: "_wrapper_vu1ob_1",
|
|
1076
1076
|
input: "_input_vu1ob_21",
|
|
1077
1077
|
switch: "_switch_vu1ob_35",
|
|
1078
1078
|
thumb: "_thumb_vu1ob_67",
|
|
1079
1079
|
label: "_label_vu1ob_111",
|
|
1080
1080
|
disabled: "_disabled_vu1ob_123"
|
|
1081
|
-
},
|
|
1081
|
+
}, Ce = ({ checked: e, onChange: r, label: i, disabled: a = !1, readOnly: o = !1, className: s = "", name: l, id: u, value: d }) => {
|
|
1082
1082
|
let f = c(), p = u ?? `ds-radio-button-${l ?? f}`;
|
|
1083
1083
|
return /* @__PURE__ */ n("label", {
|
|
1084
1084
|
htmlFor: p,
|
|
1085
|
-
className: `${
|
|
1085
|
+
className: `${q.wrapper} ${a ? q.disabled : ""} ${s}`,
|
|
1086
1086
|
children: [
|
|
1087
1087
|
/* @__PURE__ */ t("input", {
|
|
1088
1088
|
id: p,
|
|
1089
|
-
className:
|
|
1089
|
+
className: q.input,
|
|
1090
1090
|
type: "checkbox",
|
|
1091
1091
|
role: "switch",
|
|
1092
1092
|
name: l,
|
|
@@ -1099,21 +1099,21 @@ var w = {
|
|
|
1099
1099
|
}
|
|
1100
1100
|
}),
|
|
1101
1101
|
/* @__PURE__ */ t("span", {
|
|
1102
|
-
className:
|
|
1102
|
+
className: q.switch,
|
|
1103
1103
|
"aria-hidden": "true",
|
|
1104
|
-
children: /* @__PURE__ */ t("span", { className:
|
|
1104
|
+
children: /* @__PURE__ */ t("span", { className: q.thumb })
|
|
1105
1105
|
}),
|
|
1106
1106
|
i && /* @__PURE__ */ t("span", {
|
|
1107
|
-
className:
|
|
1107
|
+
className: q.label,
|
|
1108
1108
|
children: i
|
|
1109
1109
|
})
|
|
1110
1110
|
]
|
|
1111
1111
|
});
|
|
1112
|
-
},
|
|
1112
|
+
}, we = {
|
|
1113
1113
|
root: "_root_kepgo_1",
|
|
1114
1114
|
grid: "_grid_kepgo_3",
|
|
1115
1115
|
actions: "_actions_kepgo_5"
|
|
1116
|
-
},
|
|
1116
|
+
}, Te = ({ filters: e, values: r, onChange: i, onApply: a, onReset: o, applyMode: s = "instant", loading: c = !1, disabled: l = !1, className: u = "" }) => {
|
|
1117
1117
|
let d = (e, t) => {
|
|
1118
1118
|
let n = {
|
|
1119
1119
|
...r,
|
|
@@ -1122,11 +1122,11 @@ var w = {
|
|
|
1122
1122
|
i?.(n, e), s === "instant" && a?.(n);
|
|
1123
1123
|
};
|
|
1124
1124
|
return /* @__PURE__ */ n("section", {
|
|
1125
|
-
className: `${
|
|
1125
|
+
className: `${we.root} ${u}`,
|
|
1126
1126
|
"aria-label": "Фильтры",
|
|
1127
1127
|
"aria-busy": c,
|
|
1128
1128
|
children: [/* @__PURE__ */ t("div", {
|
|
1129
|
-
className:
|
|
1129
|
+
className: we.grid,
|
|
1130
1130
|
children: e.filter((e) => !e.hidden).map((e) => {
|
|
1131
1131
|
let n = l || c || e.disabled, i = r[e.id];
|
|
1132
1132
|
if (e.type === "input") {
|
|
@@ -1136,19 +1136,19 @@ var w = {
|
|
|
1136
1136
|
placeholder: e.placeholder,
|
|
1137
1137
|
disabled: n
|
|
1138
1138
|
};
|
|
1139
|
-
return e.inputType === "number" ? /* @__PURE__ */ t(
|
|
1139
|
+
return e.inputType === "number" ? /* @__PURE__ */ t(Se, {
|
|
1140
1140
|
...r,
|
|
1141
1141
|
type: "number",
|
|
1142
1142
|
value: i ?? "",
|
|
1143
1143
|
onChange: (t) => d(e.id, t)
|
|
1144
|
-
}, e.id) : /* @__PURE__ */ t(
|
|
1144
|
+
}, e.id) : /* @__PURE__ */ t(Se, {
|
|
1145
1145
|
...r,
|
|
1146
1146
|
type: "text",
|
|
1147
1147
|
value: String(i ?? ""),
|
|
1148
1148
|
onChange: (t) => d(e.id, t)
|
|
1149
1149
|
}, e.id);
|
|
1150
1150
|
}
|
|
1151
|
-
if (e.type === "dropdown") return /* @__PURE__ */ t(
|
|
1151
|
+
if (e.type === "dropdown") return /* @__PURE__ */ t(ie, {
|
|
1152
1152
|
label: e.label,
|
|
1153
1153
|
hint: e.hint,
|
|
1154
1154
|
placeholder: e.placeholder,
|
|
@@ -1157,7 +1157,7 @@ var w = {
|
|
|
1157
1157
|
disabled: n,
|
|
1158
1158
|
onChange: (t) => d(e.id, t)
|
|
1159
1159
|
}, e.id);
|
|
1160
|
-
if (e.type === "multiple") return /* @__PURE__ */ t(
|
|
1160
|
+
if (e.type === "multiple") return /* @__PURE__ */ t(ve, {
|
|
1161
1161
|
label: e.label,
|
|
1162
1162
|
hint: e.hint,
|
|
1163
1163
|
placeholder: e.placeholder,
|
|
@@ -1173,7 +1173,7 @@ var w = {
|
|
|
1173
1173
|
disabled: n,
|
|
1174
1174
|
onChange: (t) => d(e.id, t)
|
|
1175
1175
|
}, e.id);
|
|
1176
|
-
if (e.type === "radio") return /* @__PURE__ */ t(
|
|
1176
|
+
if (e.type === "radio") return /* @__PURE__ */ t(Ce, {
|
|
1177
1177
|
label: e.label,
|
|
1178
1178
|
checked: !!i,
|
|
1179
1179
|
disabled: n,
|
|
@@ -1183,7 +1183,7 @@ var w = {
|
|
|
1183
1183
|
from: null,
|
|
1184
1184
|
to: null
|
|
1185
1185
|
};
|
|
1186
|
-
return /* @__PURE__ */ t(
|
|
1186
|
+
return /* @__PURE__ */ t(B, {
|
|
1187
1187
|
hint: e.hint,
|
|
1188
1188
|
mode: e.mode,
|
|
1189
1189
|
min: e.min,
|
|
@@ -1194,7 +1194,7 @@ var w = {
|
|
|
1194
1194
|
}, e.id);
|
|
1195
1195
|
})
|
|
1196
1196
|
}), (o || s === "manual") && /* @__PURE__ */ n("div", {
|
|
1197
|
-
className:
|
|
1197
|
+
className: we.actions,
|
|
1198
1198
|
children: [o && /* @__PURE__ */ t(C, {
|
|
1199
1199
|
variant: "destructiveOutline",
|
|
1200
1200
|
disabled: l || c,
|
|
@@ -1208,7 +1208,7 @@ var w = {
|
|
|
1208
1208
|
})]
|
|
1209
1209
|
})]
|
|
1210
1210
|
});
|
|
1211
|
-
},
|
|
1211
|
+
}, J = {
|
|
1212
1212
|
wrapper: "_wrapper_1ymdr_1",
|
|
1213
1213
|
dropzone: "_dropzone_1ymdr_3",
|
|
1214
1214
|
dragActive: "_dragActive_1ymdr_5",
|
|
@@ -1222,12 +1222,12 @@ var w = {
|
|
|
1222
1222
|
file: "_file_1ymdr_19",
|
|
1223
1223
|
fileName: "_fileName_1ymdr_23",
|
|
1224
1224
|
fileSize: "_fileSize_1ymdr_25"
|
|
1225
|
-
},
|
|
1225
|
+
}, Ee = (e) => `${e.name}:${e.size}:${e.lastModified}`, De = (e) => e < 1024 ? `${e} Б` : e < 1048576 ? `${(e / 1024).toFixed(1)} КБ` : `${(e / 1024 / 1024).toFixed(1)} МБ`, Oe = (e, t) => !t || t.split(",").map((e) => e.trim().toLowerCase()).some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type.toLowerCase() === t), ke = ({ value: r, onChange: i, multiple: a = !1, accept: o, maxSize: s, maxFiles: l, label: f, hint: p, error: m, required: h = !1, disabled: g = !1, readOnly: _ = !1, name: v, id: y, className: b = "", dropLabel: x = "Перетащите файлы в эту область", browseLabel: S = "Выбрать файлы", addMoreLabel: w = "Добавить ещё", onReject: D }) => {
|
|
1226
1226
|
let O = c(), k = y ?? `ds-file-input-${v ?? O}`, A = u(null), j = u(0), [M, N] = d(!1), P = p ? `${k}-hint` : void 0, F = m ? `${k}-error` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = !g && !_, ee = (e) => {
|
|
1227
|
-
let t = [], n = new Set(r.map(
|
|
1227
|
+
let t = [], n = new Set(r.map(Ee)), c = e.filter((e) => Oe(e, o) ? s !== void 0 && e.size > s ? (t.push({
|
|
1228
1228
|
file: e,
|
|
1229
1229
|
reason: "maxSize"
|
|
1230
|
-
}), !1) : !n.has(
|
|
1230
|
+
}), !1) : !n.has(Ee(e)) && (n.add(Ee(e)), !0) : (t.push({
|
|
1231
1231
|
file: e,
|
|
1232
1232
|
reason: "accept"
|
|
1233
1233
|
}), !1)), u = a ? l : 1, d = a ? [...r, ...c] : c.slice(-1);
|
|
@@ -1237,7 +1237,7 @@ var w = {
|
|
|
1237
1237
|
})), d = d.slice(0, u)), t.length && D?.(t), c.length && i?.(d), A.current && (A.current.value = "");
|
|
1238
1238
|
};
|
|
1239
1239
|
return /* @__PURE__ */ n("div", {
|
|
1240
|
-
className: `${
|
|
1240
|
+
className: `${J.wrapper} ${b}`,
|
|
1241
1241
|
children: [
|
|
1242
1242
|
f && /* @__PURE__ */ t(T, {
|
|
1243
1243
|
htmlFor: k,
|
|
@@ -1246,7 +1246,7 @@ var w = {
|
|
|
1246
1246
|
children: f
|
|
1247
1247
|
}),
|
|
1248
1248
|
/* @__PURE__ */ n("div", {
|
|
1249
|
-
className: `${
|
|
1249
|
+
className: `${J.dropzone} ${M ? J.dragActive : ""} ${g ? J.disabled : ""} ${m ? J.error : ""}`,
|
|
1250
1250
|
onDragEnter: (e) => {
|
|
1251
1251
|
e.preventDefault(), L && ++j.current === 1 && N(!0);
|
|
1252
1252
|
},
|
|
@@ -1261,7 +1261,7 @@ var w = {
|
|
|
1261
1261
|
ref: A,
|
|
1262
1262
|
id: k,
|
|
1263
1263
|
name: v,
|
|
1264
|
-
className:
|
|
1264
|
+
className: J.nativeInput,
|
|
1265
1265
|
type: "file",
|
|
1266
1266
|
multiple: a,
|
|
1267
1267
|
accept: o,
|
|
@@ -1272,19 +1272,19 @@ var w = {
|
|
|
1272
1272
|
onChange: (e) => ee(Array.from(e.target.files ?? []))
|
|
1273
1273
|
}), r.length ? /* @__PURE__ */ n(e, { children: [
|
|
1274
1274
|
/* @__PURE__ */ t("ul", {
|
|
1275
|
-
className:
|
|
1275
|
+
className: J.files,
|
|
1276
1276
|
"aria-live": "polite",
|
|
1277
1277
|
children: r.map((e, a) => /* @__PURE__ */ n("li", {
|
|
1278
|
-
className:
|
|
1278
|
+
className: J.file,
|
|
1279
1279
|
children: [
|
|
1280
1280
|
/* @__PURE__ */ t("span", {
|
|
1281
|
-
className:
|
|
1281
|
+
className: J.fileName,
|
|
1282
1282
|
title: e.name,
|
|
1283
1283
|
children: e.name
|
|
1284
1284
|
}),
|
|
1285
1285
|
/* @__PURE__ */ t("span", {
|
|
1286
|
-
className:
|
|
1287
|
-
children:
|
|
1286
|
+
className: J.fileSize,
|
|
1287
|
+
children: De(e.size)
|
|
1288
1288
|
}),
|
|
1289
1289
|
L && /* @__PURE__ */ t(C, {
|
|
1290
1290
|
variant: "empty",
|
|
@@ -1294,31 +1294,31 @@ var w = {
|
|
|
1294
1294
|
children: "×"
|
|
1295
1295
|
})
|
|
1296
1296
|
]
|
|
1297
|
-
},
|
|
1297
|
+
}, Ee(e)))
|
|
1298
1298
|
}),
|
|
1299
1299
|
L && (a || r.length === 0) && /* @__PURE__ */ t(C, {
|
|
1300
|
-
className:
|
|
1300
|
+
className: J.browseButton,
|
|
1301
1301
|
size: "sm",
|
|
1302
1302
|
onClick: () => A.current?.click(),
|
|
1303
1303
|
children: w
|
|
1304
1304
|
}),
|
|
1305
1305
|
L && !a && /* @__PURE__ */ t(C, {
|
|
1306
|
-
className:
|
|
1306
|
+
className: J.browseButton,
|
|
1307
1307
|
size: "sm",
|
|
1308
1308
|
onClick: () => A.current?.click(),
|
|
1309
1309
|
children: S
|
|
1310
1310
|
})
|
|
1311
1311
|
] }) : /* @__PURE__ */ n("div", {
|
|
1312
|
-
className:
|
|
1312
|
+
className: J.empty,
|
|
1313
1313
|
children: [
|
|
1314
1314
|
/* @__PURE__ */ t("span", {
|
|
1315
|
-
className:
|
|
1315
|
+
className: J.uploadIcon,
|
|
1316
1316
|
"aria-hidden": "true",
|
|
1317
1317
|
children: "↑"
|
|
1318
1318
|
}),
|
|
1319
1319
|
/* @__PURE__ */ t("strong", { children: M ? "Отпустите файлы здесь" : x }),
|
|
1320
1320
|
!M && L && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", { children: "или" }), /* @__PURE__ */ t(C, {
|
|
1321
|
-
className:
|
|
1321
|
+
className: J.browseButton,
|
|
1322
1322
|
onClick: () => A.current?.click(),
|
|
1323
1323
|
children: S
|
|
1324
1324
|
})] })
|
|
@@ -1337,11 +1337,11 @@ var w = {
|
|
|
1337
1337
|
})
|
|
1338
1338
|
]
|
|
1339
1339
|
});
|
|
1340
|
-
},
|
|
1340
|
+
}, Ae = 0, Y = _((e) => ({
|
|
1341
1341
|
modals: [],
|
|
1342
1342
|
openModal: (t, n = {}, r = {}) => {
|
|
1343
|
-
|
|
1344
|
-
let i = `ds-modal-${
|
|
1343
|
+
Ae += 1;
|
|
1344
|
+
let i = `ds-modal-${Ae}`;
|
|
1345
1345
|
return e((e) => ({ modals: [...e.modals, {
|
|
1346
1346
|
id: i,
|
|
1347
1347
|
name: t,
|
|
@@ -1353,7 +1353,7 @@ var w = {
|
|
|
1353
1353
|
closeModal: (t) => e((e) => ({ modals: e.modals.filter((e) => e.id !== t) })),
|
|
1354
1354
|
closeTopModal: () => e((e) => ({ modals: e.modals.slice(0, -1) })),
|
|
1355
1355
|
closeAllModals: () => e({ modals: [] })
|
|
1356
|
-
})),
|
|
1356
|
+
})), je = () => Y.setState({ modals: [] }), X = {
|
|
1357
1357
|
layer: "_layer_1nb2z_1",
|
|
1358
1358
|
backdrop: "_backdrop_1nb2z_3",
|
|
1359
1359
|
panel: "_panel_1nb2z_5",
|
|
@@ -1361,14 +1361,14 @@ var w = {
|
|
|
1361
1361
|
title: "_title_1nb2z_11",
|
|
1362
1362
|
description: "_description_1nb2z_13",
|
|
1363
1363
|
content: "_content_1nb2z_15"
|
|
1364
|
-
},
|
|
1365
|
-
let f = c(), p = c(), m = u(null), h =
|
|
1364
|
+
}, Me = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", Ne = ({ children: e, title: r, description: i, modalId: a, closeLabel: o = "Закрыть модальное окно", className: l = "", role: d = "dialog" }) => {
|
|
1365
|
+
let f = c(), p = c(), m = u(null), h = Y((e) => e.closeModal);
|
|
1366
1366
|
return s(() => {
|
|
1367
1367
|
let e = document.activeElement, t = m.current;
|
|
1368
|
-
return (t?.querySelector(
|
|
1368
|
+
return (t?.querySelector(Me) ?? t)?.focus(), () => e?.focus();
|
|
1369
1369
|
}, []), /* @__PURE__ */ n("div", {
|
|
1370
1370
|
ref: m,
|
|
1371
|
-
className: `${
|
|
1371
|
+
className: `${X.panel} ${l}`,
|
|
1372
1372
|
role: d,
|
|
1373
1373
|
"aria-modal": "true",
|
|
1374
1374
|
"aria-labelledby": r ? f : void 0,
|
|
@@ -1376,7 +1376,7 @@ var w = {
|
|
|
1376
1376
|
tabIndex: -1,
|
|
1377
1377
|
onKeyDown: (e) => {
|
|
1378
1378
|
if (e.key !== "Tab") return;
|
|
1379
|
-
let t = Array.from(m.current?.querySelectorAll(
|
|
1379
|
+
let t = Array.from(m.current?.querySelectorAll(Me) ?? []);
|
|
1380
1380
|
if (!t.length) {
|
|
1381
1381
|
e.preventDefault();
|
|
1382
1382
|
return;
|
|
@@ -1386,10 +1386,10 @@ var w = {
|
|
|
1386
1386
|
},
|
|
1387
1387
|
children: [
|
|
1388
1388
|
(r || o) && /* @__PURE__ */ n("header", {
|
|
1389
|
-
className:
|
|
1389
|
+
className: X.header,
|
|
1390
1390
|
children: [r && /* @__PURE__ */ t("h2", {
|
|
1391
1391
|
id: f,
|
|
1392
|
-
className:
|
|
1392
|
+
className: X.title,
|
|
1393
1393
|
children: r
|
|
1394
1394
|
}), /* @__PURE__ */ t(C, {
|
|
1395
1395
|
variant: "empty",
|
|
@@ -1412,31 +1412,31 @@ var w = {
|
|
|
1412
1412
|
}),
|
|
1413
1413
|
i && /* @__PURE__ */ t("p", {
|
|
1414
1414
|
id: p,
|
|
1415
|
-
className:
|
|
1415
|
+
className: X.description,
|
|
1416
1416
|
children: i
|
|
1417
1417
|
}),
|
|
1418
1418
|
/* @__PURE__ */ t("div", {
|
|
1419
|
-
className:
|
|
1419
|
+
className: X.content,
|
|
1420
1420
|
children: e
|
|
1421
1421
|
})
|
|
1422
1422
|
]
|
|
1423
1423
|
});
|
|
1424
|
-
},
|
|
1425
|
-
let n =
|
|
1424
|
+
}, Pe = ({ registry: e }) => {
|
|
1425
|
+
let n = Y((e) => e.modals), r = Y((e) => e.closeModal), i = Y((e) => e.closeAllModals);
|
|
1426
1426
|
return s(() => {
|
|
1427
1427
|
let e = (e) => {
|
|
1428
1428
|
if (e.key !== "Escape") return;
|
|
1429
|
-
let t =
|
|
1429
|
+
let t = Y.getState().modals.at(-1);
|
|
1430
1430
|
t?.closeOnEscape && r(t.id);
|
|
1431
1431
|
};
|
|
1432
1432
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
1433
1433
|
}, [r]), !n.length || typeof document > "u" ? null : g(/* @__PURE__ */ t("div", {
|
|
1434
|
-
className:
|
|
1434
|
+
className: X.layer,
|
|
1435
1435
|
"aria-label": "Модальные окна",
|
|
1436
1436
|
children: n.map((a, o) => {
|
|
1437
1437
|
let s = e[a.name];
|
|
1438
1438
|
return s ? /* @__PURE__ */ t("div", {
|
|
1439
|
-
className:
|
|
1439
|
+
className: X.backdrop,
|
|
1440
1440
|
"aria-hidden": o !== n.length - 1 || void 0,
|
|
1441
1441
|
onMouseDown: (e) => {
|
|
1442
1442
|
e.target === e.currentTarget && a.closeOnBackdrop && r(a.id);
|
|
@@ -1450,31 +1450,31 @@ var w = {
|
|
|
1450
1450
|
}, a.id) : null;
|
|
1451
1451
|
})
|
|
1452
1452
|
}), document.body);
|
|
1453
|
-
},
|
|
1454
|
-
let o =
|
|
1453
|
+
}, Fe = ({ registry: r, children: i, lockBodyScroll: a = !0 }) => {
|
|
1454
|
+
let o = Y((e) => e.modals.length);
|
|
1455
1455
|
return s(() => {
|
|
1456
1456
|
if (!a || o === 0) return;
|
|
1457
1457
|
let e = document.body.style.overflow;
|
|
1458
1458
|
return document.body.style.overflow = "hidden", () => {
|
|
1459
1459
|
document.body.style.overflow = e;
|
|
1460
1460
|
};
|
|
1461
|
-
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(
|
|
1462
|
-
},
|
|
1461
|
+
}, [a, o]), /* @__PURE__ */ n(e, { children: [i, /* @__PURE__ */ t(Pe, { registry: r })] });
|
|
1462
|
+
}, Ie = (e) => e, Le = {
|
|
1463
1463
|
message: "_message_1vtru_1",
|
|
1464
1464
|
actions: "_actions_1vtru_3"
|
|
1465
|
-
},
|
|
1465
|
+
}, Re = /* @__PURE__ */ new Map(), ze = 0, Be = ({ modalId: e, close: r, title: i = "Подтверждение", message: a = "Продолжить действие?", confirmLabel: o = "Подтвердить", cancelLabel: s = "Отмена", tone: c = "default", requestId: l }) => {
|
|
1466
1466
|
let u = (e) => {
|
|
1467
|
-
|
|
1467
|
+
Re.get(l)?.(e), Re.delete(l), r();
|
|
1468
1468
|
};
|
|
1469
|
-
return /* @__PURE__ */ n(
|
|
1469
|
+
return /* @__PURE__ */ n(Ne, {
|
|
1470
1470
|
modalId: e,
|
|
1471
1471
|
title: i,
|
|
1472
1472
|
role: "alertdialog",
|
|
1473
1473
|
children: [/* @__PURE__ */ t("p", {
|
|
1474
|
-
className:
|
|
1474
|
+
className: Le.message,
|
|
1475
1475
|
children: a
|
|
1476
1476
|
}), /* @__PURE__ */ n("div", {
|
|
1477
|
-
className:
|
|
1477
|
+
className: Le.actions,
|
|
1478
1478
|
children: [/* @__PURE__ */ t(C, {
|
|
1479
1479
|
variant: "outline",
|
|
1480
1480
|
onClick: () => u(!1),
|
|
@@ -1486,55 +1486,55 @@ var w = {
|
|
|
1486
1486
|
})]
|
|
1487
1487
|
})]
|
|
1488
1488
|
});
|
|
1489
|
-
},
|
|
1489
|
+
}, Ve = ({ modalId: e, close: r, title: i = "Ошибка", message: a, closeLabel: o = "Закрыть" }) => /* @__PURE__ */ n(Ne, {
|
|
1490
1490
|
modalId: e,
|
|
1491
1491
|
title: i,
|
|
1492
1492
|
role: "alertdialog",
|
|
1493
1493
|
children: [/* @__PURE__ */ t("p", {
|
|
1494
|
-
className:
|
|
1494
|
+
className: Le.message,
|
|
1495
1495
|
children: a
|
|
1496
1496
|
}), /* @__PURE__ */ t("div", {
|
|
1497
|
-
className:
|
|
1497
|
+
className: Le.actions,
|
|
1498
1498
|
children: /* @__PURE__ */ t(C, {
|
|
1499
1499
|
onClick: r,
|
|
1500
1500
|
children: o
|
|
1501
1501
|
})
|
|
1502
1502
|
})]
|
|
1503
|
-
}),
|
|
1504
|
-
ConfirmModal:
|
|
1505
|
-
ErrorModal:
|
|
1506
|
-
}),
|
|
1507
|
-
let e =
|
|
1503
|
+
}), He = Ie({
|
|
1504
|
+
ConfirmModal: Be,
|
|
1505
|
+
ErrorModal: Ve
|
|
1506
|
+
}), Ue = () => {
|
|
1507
|
+
let e = Y((e) => e.openModal);
|
|
1508
1508
|
return (t = {}) => new Promise((n) => {
|
|
1509
|
-
|
|
1510
|
-
let r = `confirm-${
|
|
1511
|
-
|
|
1509
|
+
ze += 1;
|
|
1510
|
+
let r = `confirm-${ze}`;
|
|
1511
|
+
Re.set(r, n), e("ConfirmModal", {
|
|
1512
1512
|
...t,
|
|
1513
1513
|
requestId: r
|
|
1514
1514
|
}, { closeOnEscape: !1 });
|
|
1515
1515
|
});
|
|
1516
|
-
},
|
|
1517
|
-
let e =
|
|
1516
|
+
}, We = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "Произошла неизвестная ошибка", Ge = () => {
|
|
1517
|
+
let e = Y((e) => e.openModal);
|
|
1518
1518
|
return { showError: (t, n) => e("ErrorModal", {
|
|
1519
1519
|
title: n,
|
|
1520
|
-
message:
|
|
1520
|
+
message: We(t)
|
|
1521
1521
|
}) };
|
|
1522
|
-
},
|
|
1523
|
-
let e =
|
|
1522
|
+
}, Ke = _(() => ({})), qe = _(() => ({})), Je = () => {
|
|
1523
|
+
let e = Y((e) => e.modals), t = Y((e) => e.openModal);
|
|
1524
1524
|
return {
|
|
1525
1525
|
openModal: (e, n = {}, r) => t(e, n, r),
|
|
1526
|
-
closeModal:
|
|
1527
|
-
closeTopModal:
|
|
1528
|
-
closeAllModals:
|
|
1526
|
+
closeModal: Y((e) => e.closeModal),
|
|
1527
|
+
closeTopModal: Y((e) => e.closeTopModal),
|
|
1528
|
+
closeAllModals: Y((e) => e.closeAllModals),
|
|
1529
1529
|
isOpen: (t) => e.some((e) => e.name === t),
|
|
1530
1530
|
count: e.length
|
|
1531
1531
|
};
|
|
1532
|
-
},
|
|
1533
|
-
className: `${
|
|
1532
|
+
}, Ye = { root: "_root_1x7h7_1" }, Xe = ({ label: e = "Загрузка страницы", className: r = "" }) => /* @__PURE__ */ n("div", {
|
|
1533
|
+
className: `${Ye.root} ${r}`,
|
|
1534
1534
|
role: "status",
|
|
1535
1535
|
"aria-label": e,
|
|
1536
1536
|
children: [/* @__PURE__ */ t(x, { decorative: !0 }), /* @__PURE__ */ t("span", { children: e })]
|
|
1537
|
-
}),
|
|
1537
|
+
}), Ze = {
|
|
1538
1538
|
viewport: "_viewport_15mi5_1",
|
|
1539
1539
|
"top-right": "_top-right_15mi5_3",
|
|
1540
1540
|
"top-left": "_top-left_15mi5_5",
|
|
@@ -1547,7 +1547,7 @@ var w = {
|
|
|
1547
1547
|
success: "_success_15mi5_19",
|
|
1548
1548
|
warning: "_warning_15mi5_21",
|
|
1549
1549
|
error: "_error_15mi5_23"
|
|
1550
|
-
},
|
|
1550
|
+
}, Qe = (e) => {
|
|
1551
1551
|
let r;
|
|
1552
1552
|
return r = e === "info" ? /* @__PURE__ */ n("svg", {
|
|
1553
1553
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1633,7 +1633,7 @@ var w = {
|
|
|
1633
1633
|
/* @__PURE__ */ t("path", { d: "m9 9 6 6" })
|
|
1634
1634
|
]
|
|
1635
1635
|
}), r;
|
|
1636
|
-
},
|
|
1636
|
+
}, $e = ({ toast: e, onClose: r }) => {
|
|
1637
1637
|
let [i, a] = d(!1), o = u(e.duration), c = u(Date.now());
|
|
1638
1638
|
return s(() => {
|
|
1639
1639
|
if (i || e.duration <= 0) return;
|
|
@@ -1648,7 +1648,7 @@ var w = {
|
|
|
1648
1648
|
e.duration,
|
|
1649
1649
|
e.id
|
|
1650
1650
|
]), /* @__PURE__ */ n("article", {
|
|
1651
|
-
className: `${
|
|
1651
|
+
className: `${Ze.toast} ${Ze[e.variant]}`,
|
|
1652
1652
|
role: e.variant === "error" ? "alert" : "status",
|
|
1653
1653
|
"aria-live": e.variant === "error" ? "assertive" : "polite",
|
|
1654
1654
|
onMouseEnter: () => a(!0),
|
|
@@ -1656,9 +1656,9 @@ var w = {
|
|
|
1656
1656
|
onFocus: () => a(!0),
|
|
1657
1657
|
onBlur: () => a(!1),
|
|
1658
1658
|
children: [
|
|
1659
|
-
/* @__PURE__ */ t("div", { children:
|
|
1659
|
+
/* @__PURE__ */ t("div", { children: Qe(e.variant) }),
|
|
1660
1660
|
/* @__PURE__ */ n("div", {
|
|
1661
|
-
className:
|
|
1661
|
+
className: Ze.body,
|
|
1662
1662
|
children: [
|
|
1663
1663
|
e.title && /* @__PURE__ */ t("strong", { children: e.title }),
|
|
1664
1664
|
/* @__PURE__ */ t("div", { children: e.message }),
|
|
@@ -1692,11 +1692,11 @@ var w = {
|
|
|
1692
1692
|
})
|
|
1693
1693
|
]
|
|
1694
1694
|
});
|
|
1695
|
-
},
|
|
1695
|
+
}, et = 0, Z = _((e) => ({
|
|
1696
1696
|
toasts: [],
|
|
1697
1697
|
showToast: (t) => {
|
|
1698
|
-
|
|
1699
|
-
let n = `ds-toast-${
|
|
1698
|
+
et += 1;
|
|
1699
|
+
let n = `ds-toast-${et}`;
|
|
1700
1700
|
return e((e) => ({ toasts: [...e.toasts, {
|
|
1701
1701
|
variant: "info",
|
|
1702
1702
|
duration: 5e3,
|
|
@@ -1707,18 +1707,18 @@ var w = {
|
|
|
1707
1707
|
},
|
|
1708
1708
|
removeToast: (t) => e((e) => ({ toasts: e.toasts.filter((e) => e.id !== t) })),
|
|
1709
1709
|
clearToasts: () => e({ toasts: [] })
|
|
1710
|
-
})),
|
|
1711
|
-
let n =
|
|
1710
|
+
})), tt = () => Z.setState({ toasts: [] }), nt = ({ position: e = "top-right" }) => {
|
|
1711
|
+
let n = Z((e) => e.toasts), r = Z((e) => e.removeToast);
|
|
1712
1712
|
return /* @__PURE__ */ t("div", {
|
|
1713
|
-
className: `${
|
|
1713
|
+
className: `${Ze.viewport} ${Ze[e]}`,
|
|
1714
1714
|
"aria-label": "Уведомления",
|
|
1715
|
-
children: n.map((e) => /* @__PURE__ */ t(
|
|
1715
|
+
children: n.map((e) => /* @__PURE__ */ t($e, {
|
|
1716
1716
|
toast: e,
|
|
1717
1717
|
onClose: r
|
|
1718
1718
|
}, e.id))
|
|
1719
1719
|
});
|
|
1720
|
-
},
|
|
1721
|
-
let e =
|
|
1720
|
+
}, rt = () => {
|
|
1721
|
+
let e = Z((e) => e.showToast), t = Z((e) => e.removeToast), n = Z((e) => e.clearToasts), r = o((t) => e({
|
|
1722
1722
|
...t,
|
|
1723
1723
|
variant: "info"
|
|
1724
1724
|
}), [e]), i = o((t) => e({
|
|
@@ -1748,7 +1748,7 @@ var w = {
|
|
|
1748
1748
|
i,
|
|
1749
1749
|
a
|
|
1750
1750
|
]);
|
|
1751
|
-
},
|
|
1751
|
+
}, it = {
|
|
1752
1752
|
root: "_root_s9o0g_1",
|
|
1753
1753
|
tooltip: "_tooltip_s9o0g_3",
|
|
1754
1754
|
"ds-tooltip-in": "_ds-tooltip-in_s9o0g_1",
|
|
@@ -1756,7 +1756,7 @@ var w = {
|
|
|
1756
1756
|
bottom: "_bottom_s9o0g_7",
|
|
1757
1757
|
left: "_left_s9o0g_9",
|
|
1758
1758
|
right: "_right_s9o0g_11"
|
|
1759
|
-
},
|
|
1759
|
+
}, at = ({ content: e, children: i, placement: o = "top", delay: l = 450, disabled: f = !1, maxWidth: p = 280, className: m = "" }) => {
|
|
1760
1760
|
let h = c(), [g, _] = d(!1), v = u(null), y = () => {
|
|
1761
1761
|
f || !e || (v.current = setTimeout(() => _(!0), l));
|
|
1762
1762
|
}, b = () => {
|
|
@@ -1778,29 +1778,29 @@ var w = {
|
|
|
1778
1778
|
onBlur: b
|
|
1779
1779
|
});
|
|
1780
1780
|
return /* @__PURE__ */ n("span", {
|
|
1781
|
-
className: `${
|
|
1781
|
+
className: `${it.root} ${m}`,
|
|
1782
1782
|
onPointerDown: g ? b : y,
|
|
1783
1783
|
children: [x, g && /* @__PURE__ */ t("span", {
|
|
1784
1784
|
id: h,
|
|
1785
1785
|
role: "tooltip",
|
|
1786
|
-
className: `${
|
|
1786
|
+
className: `${it.tooltip} ${it[o]}`,
|
|
1787
1787
|
style: { maxWidth: p },
|
|
1788
1788
|
children: e
|
|
1789
1789
|
})]
|
|
1790
1790
|
});
|
|
1791
|
-
},
|
|
1791
|
+
}, Q = {
|
|
1792
1792
|
root: "_root_1ue3g_1",
|
|
1793
1793
|
frame: "_frame_1ue3g_3",
|
|
1794
1794
|
video: "_video_1ue3g_5",
|
|
1795
1795
|
overlay: "_overlay_1ue3g_7",
|
|
1796
1796
|
error: "_error_1ue3g_7",
|
|
1797
1797
|
caption: "_caption_1ue3g_13"
|
|
1798
|
-
},
|
|
1798
|
+
}, ot = ({ sources: e, tracks: r = [], title: i, aspectRatio: a = "16 / 9", objectFit: o = "contain", loading: s = !1, error: c, fallback: l, className: u = "", controls: f = !0, playsInline: p = !0, ...m }) => {
|
|
1799
1799
|
let [h, g] = d(!1), _ = c ?? (h ? "Не удалось воспроизвести видео" : void 0);
|
|
1800
1800
|
return /* @__PURE__ */ n("figure", {
|
|
1801
|
-
className: `${
|
|
1801
|
+
className: `${Q.root} ${u}`,
|
|
1802
1802
|
children: [/* @__PURE__ */ n("div", {
|
|
1803
|
-
className:
|
|
1803
|
+
className: Q.frame,
|
|
1804
1804
|
style: { aspectRatio: a },
|
|
1805
1805
|
children: [
|
|
1806
1806
|
!_ && e.length > 0 && /* @__PURE__ */ n("video", {
|
|
@@ -1808,7 +1808,7 @@ var w = {
|
|
|
1808
1808
|
"aria-label": i,
|
|
1809
1809
|
controls: f,
|
|
1810
1810
|
playsInline: p,
|
|
1811
|
-
className:
|
|
1811
|
+
className: Q.video,
|
|
1812
1812
|
style: { objectFit: o },
|
|
1813
1813
|
onError: (e) => {
|
|
1814
1814
|
g(!0), m.onError?.(e);
|
|
@@ -1816,21 +1816,21 @@ var w = {
|
|
|
1816
1816
|
children: [e.map((e) => /* @__PURE__ */ t("source", { ...e }, `${e.src}-${e.type}`)), r.map((e) => /* @__PURE__ */ t("track", { ...e }, `${e.src}-${e.srcLang}`))]
|
|
1817
1817
|
}),
|
|
1818
1818
|
s && /* @__PURE__ */ t("div", {
|
|
1819
|
-
className:
|
|
1819
|
+
className: Q.overlay,
|
|
1820
1820
|
children: /* @__PURE__ */ t(x, { label: "Загрузка видео" })
|
|
1821
1821
|
}),
|
|
1822
1822
|
(_ || e.length === 0) && /* @__PURE__ */ t("div", {
|
|
1823
|
-
className:
|
|
1823
|
+
className: Q.error,
|
|
1824
1824
|
role: "alert",
|
|
1825
1825
|
children: l ?? _ ?? "Источник видео не указан"
|
|
1826
1826
|
})
|
|
1827
1827
|
]
|
|
1828
1828
|
}), /* @__PURE__ */ t("figcaption", {
|
|
1829
|
-
className:
|
|
1829
|
+
className: Q.caption,
|
|
1830
1830
|
children: i
|
|
1831
1831
|
})]
|
|
1832
1832
|
});
|
|
1833
|
-
},
|
|
1833
|
+
}, st = {
|
|
1834
1834
|
popup: "_popup_15ovj_1",
|
|
1835
1835
|
trigger: "_trigger_15ovj_15",
|
|
1836
1836
|
content: "_content_15ovj_23",
|
|
@@ -1838,16 +1838,73 @@ var w = {
|
|
|
1838
1838
|
right: "_right_15ovj_141",
|
|
1839
1839
|
bottom: "_bottom_15ovj_175",
|
|
1840
1840
|
left: "_left_15ovj_209"
|
|
1841
|
-
},
|
|
1842
|
-
className: `${
|
|
1841
|
+
}, ct = ({ content: r, children: i, placement: a = "top", disabled: o = !1 }) => o ? /* @__PURE__ */ t(e, { children: i }) : /* @__PURE__ */ n("span", {
|
|
1842
|
+
className: `${st.popup} ${st[a]}`,
|
|
1843
1843
|
children: [/* @__PURE__ */ t("span", {
|
|
1844
|
-
className:
|
|
1844
|
+
className: st.trigger,
|
|
1845
1845
|
children: i
|
|
1846
1846
|
}), /* @__PURE__ */ t("span", {
|
|
1847
|
-
className:
|
|
1847
|
+
className: st.content,
|
|
1848
1848
|
role: "tooltip",
|
|
1849
1849
|
children: r
|
|
1850
1850
|
})]
|
|
1851
|
-
})
|
|
1851
|
+
}), $ = {
|
|
1852
|
+
root: "_root_1tdda_1",
|
|
1853
|
+
trigger: "_trigger_1tdda_15",
|
|
1854
|
+
heading: "_heading_1tdda_41",
|
|
1855
|
+
title: "_title_1tdda_51",
|
|
1856
|
+
subtitle: "_subtitle_1tdda_59",
|
|
1857
|
+
icon: "_icon_1tdda_69",
|
|
1858
|
+
open: "_open_1tdda_91",
|
|
1859
|
+
content: "_content_1tdda_99",
|
|
1860
|
+
contentInner: "_contentInner_1tdda_119"
|
|
1861
|
+
}, lt = ({ title: e, subtitle: r, children: i, defaultOpen: a = !1, open: o, onOpenChange: s, className: l = "" }) => {
|
|
1862
|
+
let u = c(), [f, p] = d(a), m = o ?? f;
|
|
1863
|
+
return /* @__PURE__ */ n("section", {
|
|
1864
|
+
className: `${$.root} ${m ? $.open : ""} ${l}`,
|
|
1865
|
+
children: [/* @__PURE__ */ n("button", {
|
|
1866
|
+
type: "button",
|
|
1867
|
+
className: $.trigger,
|
|
1868
|
+
"aria-expanded": m,
|
|
1869
|
+
"aria-controls": u,
|
|
1870
|
+
onClick: () => {
|
|
1871
|
+
let e = !m;
|
|
1872
|
+
o === void 0 && p(e), s?.(e);
|
|
1873
|
+
},
|
|
1874
|
+
children: [/* @__PURE__ */ n("span", {
|
|
1875
|
+
className: $.heading,
|
|
1876
|
+
children: [/* @__PURE__ */ t("span", {
|
|
1877
|
+
className: $.title,
|
|
1878
|
+
children: e
|
|
1879
|
+
}), r && /* @__PURE__ */ t("span", {
|
|
1880
|
+
className: $.subtitle,
|
|
1881
|
+
children: r
|
|
1882
|
+
})]
|
|
1883
|
+
}), /* @__PURE__ */ t("span", {
|
|
1884
|
+
className: $.icon,
|
|
1885
|
+
"aria-hidden": "true",
|
|
1886
|
+
children: /* @__PURE__ */ t("svg", {
|
|
1887
|
+
viewBox: "0 0 20 20",
|
|
1888
|
+
fill: "none",
|
|
1889
|
+
children: /* @__PURE__ */ t("path", {
|
|
1890
|
+
d: "M5 7.5L10 12.5L15 7.5",
|
|
1891
|
+
stroke: "currentColor",
|
|
1892
|
+
strokeWidth: "1.8",
|
|
1893
|
+
strokeLinecap: "round",
|
|
1894
|
+
strokeLinejoin: "round"
|
|
1895
|
+
})
|
|
1896
|
+
})
|
|
1897
|
+
})]
|
|
1898
|
+
}), /* @__PURE__ */ t("div", {
|
|
1899
|
+
id: u,
|
|
1900
|
+
className: $.content,
|
|
1901
|
+
"aria-hidden": !m,
|
|
1902
|
+
children: /* @__PURE__ */ t("div", {
|
|
1903
|
+
className: $.contentInner,
|
|
1904
|
+
children: i
|
|
1905
|
+
})
|
|
1906
|
+
})]
|
|
1907
|
+
});
|
|
1908
|
+
};
|
|
1852
1909
|
//#endregion
|
|
1853
|
-
export {
|
|
1910
|
+
export { Be as ConfirmModal, lt as DSAccordion, y as DSBadge, C as DSButton, O as DSCheckbox, _e as DSDataTable, B as DSDateRange, ne as DSDateTimePicker, ie as DSDropDown, ve as DSDropDownMultiple, T as DSFieldLabel, E as DSFieldMessage, ke as DSFileInput, Te as DSFilters, be as DSIcon, xe as DSInfoBlock, Se as DSInput, x as DSLoader, Pe as DSModal, Ne as DSModalFrame, Xe as DSPageLoader, ct as DSPopup, Ce as DSRadioButton, H as DSSkeleton, oe as DSSort, $e as DSToast, nt as DSToastProvider, at as DSTooltip, ot as DSVideoPlayerFrame, Ve as ErrorModal, Fe as ModalSystemProvider, He as builtInModalRegistry, Ie as defineModalRegistry, P as formatDateTimeLocalValue, We as getErrorMessage, re as getNextEnabledOptionIndex, z as isValidDateRange, F as parseDateTimeLocalValue, je as resetModalStore, tt as resetToastStore, Ue as useConfirmModal, Ke as useConfirmModalStore, Ge as useErrorModal, qe as useErrorModalStore, Je as useModals, Y as useModalsStore, rt as useToast, Z as useToastStore, ce as validateDSDataTableData };
|