urfu-ui-kit-react 2.1.7-next.3 → 2.1.7-next.5
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/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.js +16 -15
- package/dist/components/BreadCrumbs/BreadCrumbs.d.ts.map +1 -1
- package/dist/components/BreadCrumbs/BreadCrumbs.js +23 -22
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +51 -50
- package/dist/components/Button/ButtonRefreshIcon.d.ts.map +1 -1
- package/dist/components/Button/ButtonRefreshIcon.js +9 -8
- package/dist/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/components/Calendar/Calendar.js +237 -216
- package/dist/components/Calendar/Calendar.types.d.ts +19 -0
- package/dist/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/dist/components/Calendar/CalendarSelect.d.ts.map +1 -1
- package/dist/components/Calendar/CalendarSelect.js +41 -40
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +59 -58
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +20 -19
- package/dist/components/ColumnSettings/ColumnSettings.d.ts.map +1 -1
- package/dist/components/ColumnSettings/ColumnSettings.js +112 -111
- package/dist/components/ConfirmModal/ConfirmModal.d.ts.map +1 -1
- package/dist/components/ConfirmModal/ConfirmModal.js +30 -29
- package/dist/components/Drawer/Drawer.js +57 -57
- package/dist/components/ErrorScreen/ErrorScreen.d.ts.map +1 -1
- package/dist/components/ErrorScreen/ErrorScreen.js +151 -150
- package/dist/components/ErrorScreen/ErrorScreenIllustration.d.ts.map +1 -1
- package/dist/components/ErrorScreen/ErrorScreenIllustration.js +35 -34
- package/dist/components/FormField/FormField.d.ts.map +1 -1
- package/dist/components/FormField/FormField.js +30 -29
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/Icon.js +17 -16
- package/dist/components/InfiniteScroll/InfiniteScroll.d.ts.map +1 -1
- package/dist/components/InfiniteScroll/InfiniteScroll.js +23 -22
- package/dist/components/InputExpandTextarea/InputExpandTextarea.d.ts.map +1 -1
- package/dist/components/InputExpandTextarea/InputExpandTextarea.js +88 -87
- package/dist/components/InputFile/InputFile.d.ts.map +1 -1
- package/dist/components/InputFile/InputFile.js +99 -98
- package/dist/components/InputNumber/InputNumber.d.ts.map +1 -1
- package/dist/components/InputNumber/InputNumber.js +112 -111
- package/dist/components/InputText/InputAffix.d.ts.map +1 -1
- package/dist/components/InputText/InputAffix.js +69 -68
- package/dist/components/InputText/InputText.d.ts.map +1 -1
- package/dist/components/InputText/InputText.js +108 -107
- package/dist/components/InputTime/InputTime.d.ts.map +1 -1
- package/dist/components/InputTime/InputTime.js +202 -201
- package/dist/components/InputTime/InputTimeDropdown.d.ts.map +1 -1
- package/dist/components/InputTime/InputTimeDropdown.js +21 -20
- package/dist/components/Menu/Menu.d.ts.map +1 -1
- package/dist/components/Menu/Menu.js +58 -57
- package/dist/components/Message/Message.d.ts.map +1 -1
- package/dist/components/Message/Message.js +19 -18
- package/dist/components/Modal/Modal.js +66 -66
- package/dist/components/Modal/useModalTitleClearance.d.ts.map +1 -1
- package/dist/components/Modal/useModalTitleClearance.js +34 -33
- package/dist/components/Multiselect/Multiselect.js +222 -222
- package/dist/components/Notification/Notification.js +90 -90
- package/dist/components/OfflineBanner/OfflineBanner.d.ts.map +1 -1
- package/dist/components/OfflineBanner/OfflineBanner.js +40 -37
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +59 -58
- package/dist/components/Preloader/Preloader.d.ts.map +1 -1
- package/dist/components/Preloader/Preloader.js +28 -27
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/Radio/Radio.js +21 -20
- package/dist/components/Search/Search.d.ts.map +1 -1
- package/dist/components/Search/Search.js +33 -32
- package/dist/components/SearchSelect/SearchSelect.d.ts.map +1 -1
- package/dist/components/SearchSelect/SearchSelect.js +176 -166
- package/dist/components/SearchSelect/SearchSelectOption.d.ts.map +1 -1
- package/dist/components/SearchSelect/SearchSelectOption.js +21 -20
- package/dist/components/Select/MobileOptionSheet.d.ts.map +1 -1
- package/dist/components/Select/MobileOptionSheet.js +65 -64
- package/dist/components/Select/Select.js +184 -184
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.js +26 -25
- package/dist/components/Status/Status.d.ts.map +1 -1
- package/dist/components/Status/Status.js +36 -35
- package/dist/components/StickyActionBar/StickyActionBar.d.ts.map +1 -1
- package/dist/components/StickyActionBar/StickyActionBar.js +36 -35
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.js +19 -18
- package/dist/components/Table/Filter/DefaultInput.d.ts.map +1 -1
- package/dist/components/Table/Filter/DefaultInput.js +12 -11
- package/dist/components/Table/Filter/Filter.d.ts.map +1 -1
- package/dist/components/Table/Filter/Filter.js +99 -98
- package/dist/components/Table/Filter/FilterBooleanBox.d.ts.map +1 -1
- package/dist/components/Table/Filter/FilterBooleanBox.js +7 -6
- package/dist/components/Table/Filter/FilterBoxShell.js +48 -48
- package/dist/components/Table/Filter/FilterDateBox.d.ts.map +1 -1
- package/dist/components/Table/Filter/FilterDateBox.js +65 -64
- package/dist/components/Table/Filter/FilterSortIndicator.d.ts.map +1 -1
- package/dist/components/Table/Filter/FilterSortIndicator.js +8 -7
- package/dist/components/Table/Filter/SelectFilter.js +53 -53
- package/dist/components/Table/Filter/TableFilterOptions.d.ts.map +1 -1
- package/dist/components/Table/Filter/TableFilterOptions.js +141 -140
- package/dist/components/Table/Filter/TableFilterSortButton.d.ts.map +1 -1
- package/dist/components/Table/Filter/TableFilterSortButton.js +10 -9
- package/dist/components/Table/Filter/useVirtualOptionWindow.d.ts.map +1 -1
- package/dist/components/Table/Filter/useVirtualOptionWindow.js +9 -8
- package/dist/components/Table/Skeleton/createSkeletonColumns.d.ts.map +1 -1
- package/dist/components/Table/Skeleton/createSkeletonColumns.js +9 -8
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Table/Table.helpers.d.ts.map +1 -1
- package/dist/components/Table/Table.helpers.js +31 -30
- package/dist/components/Table/Table.js +253 -252
- package/dist/components/Table/TableHead.d.ts.map +1 -1
- package/dist/components/Table/TableHead.js +92 -91
- package/dist/components/Table/TableMobileCard.d.ts.map +1 -1
- package/dist/components/Table/TableMobileCard.js +121 -120
- package/dist/components/Table/TableMobileFilters.d.ts.map +1 -1
- package/dist/components/Table/TableMobileFilters.js +28 -27
- package/dist/components/Table/TableMobileView.d.ts.map +1 -1
- package/dist/components/Table/TableMobileView.js +178 -177
- package/dist/components/Table/TableRow.d.ts.map +1 -1
- package/dist/components/Table/TableRow.js +59 -58
- package/dist/components/Table/useTableColumnPinning.d.ts +2 -917
- package/dist/components/Table/useTableColumnPinning.d.ts.map +1 -1
- package/dist/components/Table/useTableColumnPinning.js +21 -20
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +101 -99
- package/dist/components/Tabs/distributeTabs.d.ts +7 -3
- package/dist/components/Tabs/distributeTabs.d.ts.map +1 -1
- package/dist/components/Tabs/useTabsOverflow.d.ts +4 -0
- package/dist/components/Tabs/useTabsOverflow.d.ts.map +1 -1
- package/dist/components/Tabs/useTabsOverflow.js +40 -41
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +70 -69
- package/dist/components/Tooltip/Tooltip.js +106 -106
- package/dist/components/TreeView/TreeView.js +183 -183
- package/dist/components/VirtualList/VirtualList.d.ts.map +1 -1
- package/dist/components/VirtualList/VirtualList.js +42 -41
- package/dist/dev/index.js +2 -2
- package/dist/hooks/useAutoId.d.ts.map +1 -1
- package/dist/hooks/useAutoId.js +7 -6
- package/dist/hooks/useSelectEngine.d.ts.map +1 -1
- package/dist/hooks/useSelectEngine.js +31 -30
- package/dist/index.d.ts +4 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/responsive/uiKitResponsive.d.ts +6 -0
- package/dist/responsive/uiKitResponsive.d.ts.map +1 -1
- package/dist/responsive/uiKitResponsive.js +27 -26
- package/dist/shared/kitCopy.js +1 -1
- package/dist/shared/optionStateColors.d.ts +3 -2
- package/dist/shared/optionStateColors.d.ts.map +1 -1
- package/dist/shared/optionStateColors.js +9 -4
- package/dist/shared/popupTransition.d.ts.map +1 -1
- package/dist/shared/popupTransition.js +7 -6
- package/dist/shared/sheetTitle.d.ts +2 -1
- package/dist/shared/sheetTitle.d.ts.map +1 -1
- package/dist/shared/size.d.ts.map +1 -1
- package/dist/shared/size.js +3 -2
- package/dist/shared/uiKitDefaults.d.ts +21 -0
- package/dist/shared/uiKitDefaults.d.ts.map +1 -1
- package/dist/shared/uiKitDefaults.js +32 -18
- package/dist/style-no-fonts.css +1 -1
- package/dist/style.css +1 -1
- package/dist/style.layer.css +2 -2
- package/dist/style.shell.css +2 -2
- package/dist/style.shell.lk.css +53 -0
- package/dist/urfu-ui-kit-react.js +29 -27
- package/dist/vanilla/core/dateLimits.js +21 -0
- package/dist/vanilla/core/describeError.js +1 -1
- package/dist/vanilla/core/distributeTabs.js +36 -23
- package/dist/vanilla/core/sheetTitle.js +7 -7
- package/package.json +3 -1
|
@@ -1,111 +1,111 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as b, useRef as l, useEffect as
|
|
3
|
-
import { createPortal as
|
|
1
|
+
import { jsxs as L, jsx as C } from "react/jsx-runtime";
|
|
2
|
+
import { useState as b, useRef as l, useEffect as _, useCallback as A, useMemo as H, useContext as q, createContext as Q, useLayoutEffect as W } from "react";
|
|
3
|
+
import { createPortal as X } from "react-dom";
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
|
-
import { Button$u as
|
|
7
|
-
import { getPortalScopeProps$u as
|
|
8
|
-
import { registerKitNotificationStack$u as
|
|
9
|
-
import { MOTION_EASE$u as
|
|
10
|
-
const
|
|
6
|
+
import { Button$u as Z } from "../Button/Button.js";
|
|
7
|
+
import { kitCls$u as f, getUiKitPrefix$u as U, getPortalScopeProps$u as V } from "../../shared/uiKitDefaults.js";
|
|
8
|
+
import { registerKitNotificationStack$u as F, ownKitNode$u as tt } from "../../vanilla/core/kitRegistry.js";
|
|
9
|
+
import { MOTION_EASE$u as $, motionMs$u as E, prefersReducedMotion$u as et } from "../../vanilla/core/motion.js";
|
|
10
|
+
const it = ({
|
|
11
11
|
variant: s,
|
|
12
|
-
children:
|
|
13
|
-
onHide:
|
|
12
|
+
children: y,
|
|
13
|
+
onHide: g,
|
|
14
14
|
show: c,
|
|
15
|
-
top:
|
|
15
|
+
top: p,
|
|
16
16
|
right: o,
|
|
17
|
-
left:
|
|
18
|
-
zIndex:
|
|
19
|
-
inStack:
|
|
20
|
-
autoHide:
|
|
21
|
-
duration:
|
|
22
|
-
fadeOutDuration:
|
|
17
|
+
left: m,
|
|
18
|
+
zIndex: K,
|
|
19
|
+
inStack: S = !1,
|
|
20
|
+
autoHide: N,
|
|
21
|
+
duration: T = 3e3,
|
|
22
|
+
fadeOutDuration: k,
|
|
23
23
|
onFadeOutEnd: t,
|
|
24
24
|
closable: e = !0
|
|
25
25
|
}) => {
|
|
26
|
-
const [i, n] = b(c), [r,
|
|
27
|
-
|
|
26
|
+
const [i, n] = b(c), [r, d] = b(0), [h, v] = b({ ms: E("base"), ease: $.enter }), [x, P] = b(!1), I = et(), w = I ? 0 : E(k ?? "slow"), z = Math.min(w, E("fast")), j = l(!1), B = l(null), M = l(null), O = l(null), R = l(i);
|
|
27
|
+
R.current = i;
|
|
28
28
|
const a = l(t);
|
|
29
|
-
a.current = t,
|
|
29
|
+
a.current = t, _(() => {
|
|
30
30
|
if (c)
|
|
31
|
-
n(!0),
|
|
32
|
-
|
|
33
|
-
},
|
|
31
|
+
n(!0), P(!1), j.current = !1, v({ ms: I ? 0 : E("base"), ease: $.enter }), O.current = setTimeout(() => d(1), 10), N && T > w && (B.current = setTimeout(() => {
|
|
32
|
+
v({ ms: w, ease: $.exit }), P(!0), d(0);
|
|
33
|
+
}, T - w), M.current = setTimeout(() => {
|
|
34
34
|
var u;
|
|
35
35
|
n(!1), (u = a.current) == null || u.call(a);
|
|
36
|
-
},
|
|
37
|
-
else if (
|
|
38
|
-
const u = j.current ?
|
|
39
|
-
|
|
40
|
-
var
|
|
41
|
-
n(!1), (
|
|
36
|
+
}, T));
|
|
37
|
+
else if (R.current) {
|
|
38
|
+
const u = j.current ? z : w;
|
|
39
|
+
v({ ms: u, ease: $.exit }), P(!0), d(0), M.current = setTimeout(() => {
|
|
40
|
+
var Y;
|
|
41
|
+
n(!1), (Y = a.current) == null || Y.call(a);
|
|
42
42
|
}, u);
|
|
43
43
|
}
|
|
44
44
|
return () => {
|
|
45
|
-
clearTimeout(B.current), clearTimeout(
|
|
45
|
+
clearTimeout(B.current), clearTimeout(M.current), clearTimeout(O.current);
|
|
46
46
|
};
|
|
47
|
-
}, [c,
|
|
48
|
-
const
|
|
49
|
-
j.current = !0,
|
|
47
|
+
}, [c, T, w, z, N, I]);
|
|
48
|
+
const D = () => {
|
|
49
|
+
j.current = !0, g(), N && (clearTimeout(B.current), clearTimeout(M.current), v({ ms: z, ease: $.exit }), P(!0), d(0), M.current = setTimeout(() => {
|
|
50
50
|
var u;
|
|
51
51
|
n(!1), (u = a.current) == null || u.call(a);
|
|
52
|
-
},
|
|
53
|
-
},
|
|
52
|
+
}, z));
|
|
53
|
+
}, G = (u) => {
|
|
54
54
|
switch (u) {
|
|
55
55
|
case "info":
|
|
56
|
-
return "
|
|
56
|
+
return f("notification");
|
|
57
57
|
case "fail":
|
|
58
|
-
return "
|
|
58
|
+
return f("notification-fail");
|
|
59
59
|
case "success":
|
|
60
|
-
return "
|
|
60
|
+
return f("notification-success");
|
|
61
61
|
case "warning":
|
|
62
|
-
return "
|
|
62
|
+
return f("notification-warning");
|
|
63
63
|
default:
|
|
64
|
-
return "
|
|
64
|
+
return f("notification");
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
return i && /* @__PURE__ */
|
|
67
|
+
return i && /* @__PURE__ */ L(
|
|
68
68
|
"div",
|
|
69
69
|
{
|
|
70
70
|
style: {
|
|
71
|
-
position:
|
|
72
|
-
top:
|
|
71
|
+
position: S ? "relative" : "fixed",
|
|
72
|
+
top: p,
|
|
73
73
|
right: o,
|
|
74
|
-
left:
|
|
75
|
-
zIndex:
|
|
74
|
+
left: m,
|
|
75
|
+
zIndex: K,
|
|
76
76
|
opacity: r,
|
|
77
77
|
// Появление — сверху на `--u-motion-shift-md`; при «уменьшить движение» без сдвига.
|
|
78
|
-
transform: r ||
|
|
79
|
-
transition: `opacity ${
|
|
78
|
+
transform: r || x || I ? void 0 : `translateY(calc(-1 * var(--${U()}-motion-shift-md, 8px)))`,
|
|
79
|
+
transition: `opacity ${h.ms}ms ${h.ease}, transform ${h.ms}ms ${h.ease}`
|
|
80
80
|
},
|
|
81
81
|
role: s === "fail" || s === "warning" ? "alert" : "status",
|
|
82
|
-
className: `${
|
|
82
|
+
className: `${G(s)} ${U()}-notification-responsive`,
|
|
83
83
|
children: [
|
|
84
|
-
|
|
85
|
-
e && /* @__PURE__ */
|
|
84
|
+
y,
|
|
85
|
+
e && /* @__PURE__ */ C("button", { "aria-label": "Закрыть уведомление", onClick: D, className: f("notification-hide") })
|
|
86
86
|
]
|
|
87
87
|
}
|
|
88
88
|
);
|
|
89
|
-
},
|
|
90
|
-
const
|
|
91
|
-
return
|
|
92
|
-
const o =
|
|
89
|
+
}, J = Q(void 0), ot = ({ queued: s, className: y, style: g, children: c }) => {
|
|
90
|
+
const p = l(null);
|
|
91
|
+
return W(() => {
|
|
92
|
+
const o = p.current;
|
|
93
93
|
if (o)
|
|
94
|
-
return s ?
|
|
95
|
-
}, [s]), /* @__PURE__ */
|
|
96
|
-
},
|
|
97
|
-
const [
|
|
98
|
-
|
|
94
|
+
return s ? F(o) : tt(o);
|
|
95
|
+
}, [s]), /* @__PURE__ */ C("div", { ref: p, ...V(), className: y, style: g, children: c });
|
|
96
|
+
}, dt = ({ children: s, headerHeight: y }) => {
|
|
97
|
+
const [g, c] = b([]), p = l(0), o = l(/* @__PURE__ */ new Map());
|
|
98
|
+
_(() => {
|
|
99
99
|
const t = o.current;
|
|
100
100
|
return () => {
|
|
101
101
|
t.forEach(clearTimeout), t.clear();
|
|
102
102
|
};
|
|
103
103
|
}, []);
|
|
104
|
-
const
|
|
104
|
+
const m = A((t) => {
|
|
105
105
|
clearTimeout(o.current.get(t)), o.current.delete(t), c((e) => e.map((i) => i.totalId === t ? { ...i, show: !1 } : i));
|
|
106
|
-
}, []),
|
|
106
|
+
}, []), K = A((t) => {
|
|
107
107
|
c((e) => e.filter((i) => i.totalId !== t));
|
|
108
|
-
}, []),
|
|
108
|
+
}, []), S = A((t, e, i) => {
|
|
109
109
|
const n = {
|
|
110
110
|
variant: "info",
|
|
111
111
|
message: "",
|
|
@@ -117,51 +117,51 @@ const tt = ({
|
|
|
117
117
|
zIndex: "101",
|
|
118
118
|
closable: !0,
|
|
119
119
|
...typeof t == "string" ? { variant: t, message: e ?? "", ...i } : t
|
|
120
|
-
}, r = n.id ?? `notification-${++
|
|
121
|
-
return clearTimeout(o.current.get(r)), o.current.delete(r), c((
|
|
122
|
-
}, [
|
|
120
|
+
}, r = n.id ?? `notification-${++p.current}`;
|
|
121
|
+
return clearTimeout(o.current.get(r)), o.current.delete(r), c((d) => [...d.filter((h) => h.totalId !== r), { ...n, totalId: r, show: !0 }]), n.duration > 0 && !n.action && o.current.set(r, setTimeout(() => m(r), n.duration)), r;
|
|
122
|
+
}, [m]), N = A(() => {
|
|
123
123
|
o.current.forEach(clearTimeout), o.current.clear(), c((t) => t.map((e) => ({ ...e, show: !1 })));
|
|
124
|
-
}, []),
|
|
125
|
-
() => ({ showNotification:
|
|
126
|
-
[
|
|
127
|
-
),
|
|
128
|
-
return
|
|
129
|
-
const e = JSON.stringify([t.top, t.right, t.left, t.zIndex]), i =
|
|
130
|
-
i.push(t),
|
|
131
|
-
}), /* @__PURE__ */
|
|
124
|
+
}, []), T = H(
|
|
125
|
+
() => ({ showNotification: S, hideNotification: m, hideAllNotification: N }),
|
|
126
|
+
[S, m, N]
|
|
127
|
+
), k = /* @__PURE__ */ new Map();
|
|
128
|
+
return g.forEach((t) => {
|
|
129
|
+
const e = JSON.stringify([t.top, t.right, t.left, t.zIndex]), i = k.get(e) ?? [];
|
|
130
|
+
i.push(t), k.set(e, i);
|
|
131
|
+
}), /* @__PURE__ */ L(J.Provider, { value: T, children: [
|
|
132
132
|
s,
|
|
133
|
-
typeof document < "u" &&
|
|
133
|
+
typeof document < "u" && X(Array.from(k, ([t, e]) => /* @__PURE__ */ C(ot, { queued: !e[0].top && !e[0].right && (e[0].left === "unset" || e[0].left === "auto"), className: `${U()}-notification-stack ${e[0].left !== "unset" && e[0].left !== "auto" ? f("notification-stack-left") : ""}`, style: {
|
|
134
134
|
top: e[0].top || void 0,
|
|
135
135
|
right: e[0].right || void 0,
|
|
136
136
|
left: e[0].left,
|
|
137
137
|
zIndex: e[0].zIndex,
|
|
138
|
-
"--u-app-header-height":
|
|
139
|
-
}, children: e.map(({ totalId: i, variant: n, message: r, show:
|
|
140
|
-
|
|
138
|
+
"--u-app-header-height": y
|
|
139
|
+
}, children: e.map(({ totalId: i, variant: n, message: r, show: d, duration: h, closable: v, action: x }) => /* @__PURE__ */ C(
|
|
140
|
+
it,
|
|
141
141
|
{
|
|
142
142
|
inStack: !0,
|
|
143
|
-
show:
|
|
143
|
+
show: d,
|
|
144
144
|
variant: n,
|
|
145
|
-
onHide: () =>
|
|
146
|
-
onFadeOutEnd: () =>
|
|
145
|
+
onHide: () => m(i),
|
|
146
|
+
onFadeOutEnd: () => K(i),
|
|
147
147
|
autoHide: !1,
|
|
148
|
-
duration:
|
|
149
|
-
closable:
|
|
150
|
-
children:
|
|
148
|
+
duration: h,
|
|
149
|
+
closable: v,
|
|
150
|
+
children: x ? /* @__PURE__ */ L("span", { className: f("notification-content"), children: [
|
|
151
151
|
r,
|
|
152
152
|
" ",
|
|
153
|
-
/* @__PURE__ */
|
|
154
|
-
|
|
155
|
-
}, children:
|
|
153
|
+
/* @__PURE__ */ C(Z, { variant: "text", className: f("notification-action"), onClick: () => {
|
|
154
|
+
x.closeOnAction !== !1 && m(i), x.onClick();
|
|
155
|
+
}, children: x.label })
|
|
156
156
|
] }) : r
|
|
157
157
|
},
|
|
158
158
|
i
|
|
159
159
|
)) }, t)), document.body)
|
|
160
160
|
] });
|
|
161
|
-
},
|
|
162
|
-
const s =
|
|
161
|
+
}, ht = () => {
|
|
162
|
+
const s = q(J);
|
|
163
163
|
if (!s)
|
|
164
164
|
throw new Error("useNotification must be used within a NotificationProvider");
|
|
165
165
|
return s;
|
|
166
|
-
},
|
|
167
|
-
export {
|
|
166
|
+
}, pt = () => q(J);
|
|
167
|
+
export { dt as NotificationProvider$u, ht as useNotification$u, pt as useOptionalNotification$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfflineBanner.d.ts","sourceRoot":"","sources":["../../../src/components/OfflineBanner/OfflineBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E,OAAO,EAA2B,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,0BAA0B,CAAC;AAClC,OAAO,6DAA6D,CAAC;
|
|
1
|
+
{"version":3,"file":"OfflineBanner.d.ts","sourceRoot":"","sources":["../../../src/components/OfflineBanner/OfflineBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E,OAAO,EAA2B,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,0BAA0B,CAAC;AAClC,OAAO,6DAA6D,CAAC;AAGrE,MAAM,WAAW,uBAAuB;IACpC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC,GAAG,KAAK,CAAC;IAC5F,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC1B,IAAmB,EAAE,YAAoC,EAAE,gBAAuB,EAClF,YAAmC,EACnC,WAAW,EAAE,OAAO,EAAE,SAAc,GACvC,EAAE,uBAAuB,2CA2CzB"}
|
|
@@ -1,48 +1,51 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { useOnlineStatus$u as
|
|
4
|
-
import { useMountTransition$u as
|
|
5
|
-
import { useOptionalNotification$u as
|
|
1
|
+
import { jsx as u, jsxs as R } from "react/jsx-runtime";
|
|
2
|
+
import { useState as S, useRef as $, useId as _, useEffect as B } from "react";
|
|
3
|
+
import { useOnlineStatus$u as A } from "../../hooks/useOnlineStatus.js";
|
|
4
|
+
import { useMountTransition$u as C } from "../../hooks/useMountTransition.js";
|
|
5
|
+
import { useOptionalNotification$u as D } from "../Notification/Notification.js";
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
import { getUiKitPrefix$u as i, kitCls$u as w } from "../../shared/uiKitDefaults.js";
|
|
9
|
+
import { MOTION_MS$u as F } from "../../vanilla/core/motion.js";
|
|
10
|
+
const M = "Нет связи с интернетом. Показаны ранее загруженные данные — они могут быть неактуальны.", U = "Связь восстановлена", x = { duration: 6e3, top: "16px", right: "16px", zIndex: "2000" };
|
|
11
|
+
function G({
|
|
12
|
+
text: e = M,
|
|
13
|
+
restoredText: r = U,
|
|
14
|
+
restoredDuration: f = 3e3,
|
|
15
|
+
notification: s = x,
|
|
15
16
|
onReconnect: a,
|
|
16
|
-
offline:
|
|
17
|
+
offline: l,
|
|
17
18
|
className: o = ""
|
|
18
19
|
}) {
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
var
|
|
22
|
-
const n =
|
|
23
|
-
if (
|
|
24
|
-
return
|
|
25
|
-
t == null || t.hideNotification(
|
|
20
|
+
const m = A(), c = l ?? !m, [E, d] = S(!1), p = $(c), T = D(), b = !!T && s !== !1, N = `${i()}-offline-${_()}`, O = $({ onReconnect: a, text: e, restoredText: r, restoredDuration: f, notification: s, notifications: T });
|
|
21
|
+
O.current = { onReconnect: a, text: e, restoredText: r, restoredDuration: f, notification: s, notifications: T }, B(() => {
|
|
22
|
+
var v;
|
|
23
|
+
const n = O.current, t = n.notification !== !1 ? n.notifications : void 0, h = n.notification || x;
|
|
24
|
+
if (c)
|
|
25
|
+
return p.current = !0, d(!1), t == null || t.showNotification({ ...h, id: N, variant: "warning", message: n.text, duration: 0, closable: !1 }), () => {
|
|
26
|
+
t == null || t.hideNotification(N);
|
|
26
27
|
};
|
|
27
|
-
if (!
|
|
28
|
+
if (!p.current || (p.current = !1, (v = n.onReconnect) == null || v.call(n), n.restoredText === null)) return;
|
|
28
29
|
if (t) {
|
|
29
|
-
t.showNotification({ ...
|
|
30
|
+
t.showNotification({ ...h, variant: "success", message: n.restoredText });
|
|
30
31
|
return;
|
|
31
32
|
}
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
return () => window.clearTimeout(
|
|
35
|
-
}, [
|
|
36
|
-
const g = b ? null :
|
|
37
|
-
return /* @__PURE__ */
|
|
33
|
+
d(!0);
|
|
34
|
+
const I = window.setTimeout(() => d(!1), n.restoredDuration);
|
|
35
|
+
return () => window.clearTimeout(I);
|
|
36
|
+
}, [c, N]);
|
|
37
|
+
const g = b ? null : c ? "offline" : E ? "restored" : null;
|
|
38
|
+
return /* @__PURE__ */ u("div", { className: `${i()}-offline-banner-region ${o}`, role: "status", "aria-live": "polite", children: /* @__PURE__ */ u(j, { state: g, text: e, restoredText: r }) });
|
|
38
39
|
}
|
|
39
|
-
function j({ state: e, text:
|
|
40
|
-
const { shouldRender:
|
|
41
|
-
e && (
|
|
42
|
-
const o = e ?? (
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
40
|
+
function j({ state: e, text: r, restoredText: f }) {
|
|
41
|
+
const { shouldRender: s, status: a } = C({ isOpen: !!e, duration: F.fast }), l = $(e);
|
|
42
|
+
e && (l.current = e);
|
|
43
|
+
const o = e ?? (s ? l.current : null);
|
|
44
|
+
if (!o) return null;
|
|
45
|
+
const m = a === "exiting" ? ` ${i()}-offline-banner-leave-active ${i()}-offline-banner-leave-to` : "";
|
|
46
|
+
return /* @__PURE__ */ R("div", { className: `${i()}-offline-banner ${i()}-offline-banner-${o}${m}`, children: [
|
|
47
|
+
/* @__PURE__ */ u("span", { className: w("offline-banner-icon"), "aria-hidden": "true" }, `icon-${o}`),
|
|
48
|
+
/* @__PURE__ */ u("span", { className: w("offline-banner-text"), children: o === "offline" ? r : f }, `text-${o}`)
|
|
49
|
+
] });
|
|
47
50
|
}
|
|
48
|
-
export {
|
|
51
|
+
export { G as OfflineBanner$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,yDAAyD,CAAC;AACjE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,yDAAyD,CAAC;AACjE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,oBAAoB,CAAC;AAkD5B,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAc,EACd,eAAe,EACf,eAAe,EACf,WAAmB,EACnB,SAAc,EACd,KAAK,EACL,SAAS,GACV,EAAE,eAAe,2CAwHjB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as f, jsx as o, Fragment as B } from "react/jsx-runtime";
|
|
2
2
|
/* empty css */
|
|
3
|
-
|
|
3
|
+
import { kitCls$u as i, getUiKitPrefix$u as d } from "../../shared/uiKitDefaults.js";
|
|
4
|
+
const K = () => /* @__PURE__ */ o("button", { type: "button", className: i("paginator__pages-dots"), children: /* @__PURE__ */ o(
|
|
4
5
|
"svg",
|
|
5
6
|
{
|
|
6
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -12,105 +13,105 @@ const A = () => /* @__PURE__ */ o("button", { type: "button", className: "u-pagi
|
|
|
12
13
|
"path",
|
|
13
14
|
{
|
|
14
15
|
d: "M1.61584 2.07C1.4105 2.07 1.23317 1.99533 1.08384 1.846C0.943836 1.69667 0.873836 1.51467 0.873836 1.3C0.873836 1.076 0.943836 0.894 1.08384 0.754C1.23317 0.614 1.4105 0.544 1.61584 0.544C1.82117 0.544 1.99384 0.614 2.13384 0.754C2.28317 0.894 2.35784 1.076 2.35784 1.3C2.35784 1.51467 2.28317 1.69667 2.13384 1.846C1.99384 1.99533 1.82117 2.07 1.61584 2.07ZM4.58263 2.07C4.3773 2.07 4.19997 1.99533 4.05063 1.846C3.91063 1.69667 3.84063 1.51467 3.84063 1.3C3.84063 1.076 3.91063 0.894 4.05063 0.754C4.19997 0.614 4.3773 0.544 4.58263 0.544C4.78797 0.544 4.96063 0.614 5.10063 0.754C5.24997 0.894 5.32463 1.076 5.32463 1.3C5.32463 1.51467 5.24997 1.69667 5.10063 1.846C4.96063 1.99533 4.78797 2.07 4.58263 2.07ZM7.54943 2.07C7.3441 2.07 7.16676 1.99533 7.01743 1.846C6.87743 1.69667 6.80743 1.51467 6.80743 1.3C6.80743 1.076 6.87743 0.894 7.01743 0.754C7.16676 0.614 7.3441 0.544 7.54943 0.544C7.75476 0.544 7.92743 0.614 8.06743 0.754C8.21676 0.894 8.29143 1.076 8.29143 1.3C8.29143 1.51467 8.21676 1.69667 8.06743 1.846C7.92743 1.99533 7.75476 2.07 7.54943 2.07Z",
|
|
15
|
-
style: { fill:
|
|
16
|
+
style: { fill: `var(--${d()}-color-text-secondary, #545454)` }
|
|
16
17
|
}
|
|
17
18
|
)
|
|
18
19
|
}
|
|
19
20
|
) });
|
|
20
|
-
function
|
|
21
|
-
const
|
|
22
|
-
if (n <=
|
|
23
|
-
return Array.from({ length: n }, (
|
|
24
|
-
const
|
|
25
|
-
return
|
|
21
|
+
function L(n, t, r) {
|
|
22
|
+
const s = Math.max(1, r - 2), e = s + 4;
|
|
23
|
+
if (n <= e)
|
|
24
|
+
return Array.from({ length: n }, (p, c) => c + 1);
|
|
25
|
+
const _ = (p, c) => Array.from({ length: c - p + 1 }, (g, b) => p + b), m = t - Math.floor((s - 1) / 2), h = m + s - 1;
|
|
26
|
+
return m <= 3 ? [..._(1, e - 2), "dots", n] : h >= n - 2 ? [1, "dots", ..._(n - e + 3, n)] : [1, "dots", ..._(m, h), "dots", n];
|
|
26
27
|
}
|
|
27
|
-
const
|
|
28
|
+
const E = ({
|
|
28
29
|
startItem: n,
|
|
29
30
|
endItem: t,
|
|
30
|
-
totalItems:
|
|
31
|
-
}) => `Записи с ${n} по ${t} из ${
|
|
32
|
-
function
|
|
31
|
+
totalItems: r
|
|
32
|
+
}) => `Записи с ${n} по ${t} из ${r}`;
|
|
33
|
+
function G({
|
|
33
34
|
totalItems: n,
|
|
34
35
|
currentPage: t,
|
|
35
|
-
pageSize:
|
|
36
|
-
onPageChange:
|
|
37
|
-
onPageSizeChange:
|
|
38
|
-
dataLength:
|
|
39
|
-
pageWindow:
|
|
40
|
-
pageSizeOptions:
|
|
41
|
-
resultsRenderer:
|
|
42
|
-
hideResults:
|
|
43
|
-
className:
|
|
44
|
-
style:
|
|
45
|
-
marginTop:
|
|
36
|
+
pageSize: r,
|
|
37
|
+
onPageChange: s,
|
|
38
|
+
onPageSizeChange: e,
|
|
39
|
+
dataLength: _,
|
|
40
|
+
pageWindow: m = 6,
|
|
41
|
+
pageSizeOptions: h,
|
|
42
|
+
resultsRenderer: p,
|
|
43
|
+
hideResults: c = !1,
|
|
44
|
+
className: g = "",
|
|
45
|
+
style: b,
|
|
46
|
+
marginTop: u
|
|
46
47
|
}) {
|
|
47
|
-
const
|
|
48
|
-
if (
|
|
49
|
-
const
|
|
50
|
-
return n >
|
|
51
|
-
}),
|
|
52
|
-
if ((
|
|
53
|
-
const
|
|
48
|
+
const $ = h ?? [10, 20, ...n > 20 ? [50] : []], v = $.length > 0 ? $ : [r], x = v[0] ?? r, w = v.filter((a, l) => {
|
|
49
|
+
if (l === 0) return !0;
|
|
50
|
+
const A = v[l - 1];
|
|
51
|
+
return n > A;
|
|
52
|
+
}), N = n > x && w.length > 1, C = Math.ceil(n / r), y = C > 1;
|
|
53
|
+
if ((_ ?? Math.max(0, Math.min(r, n - (t - 1) * r))) === 0 || !y && !N) return null;
|
|
54
|
+
const k = (t - 1) * r + 1, D = Math.min(t * r, n), j = () => L(C, t, m).map((a, l) => a === "dots" ? /* @__PURE__ */ o(K, {}, `dots-${l}`) : (
|
|
54
55
|
// Ключ — место в ряду, а не номер: при сдвиге окна кнопка остаётся на месте и меняет
|
|
55
56
|
// только число, подсветка не перетекает на соседнюю кнопку после перестановки (как во Vue).
|
|
56
57
|
/* @__PURE__ */ o(
|
|
57
58
|
"button",
|
|
58
59
|
{
|
|
59
60
|
type: "button",
|
|
60
|
-
className:
|
|
61
|
-
onClick: () => a
|
|
62
|
-
children:
|
|
61
|
+
className: `${d()}-paginator__pages-num ${a === t ? i("paginator__pages-num_active") : ""}`,
|
|
62
|
+
onClick: () => s(a),
|
|
63
|
+
children: a
|
|
63
64
|
},
|
|
64
|
-
`page-${
|
|
65
|
+
`page-${l}`
|
|
65
66
|
)
|
|
66
|
-
)),
|
|
67
|
-
"
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
)), R = p ?? E, M = u == null ? void 0 : typeof u == "number" ? `${u}px` : u, Z = [
|
|
68
|
+
i("pagination"),
|
|
69
|
+
c ? i("pagination_no-results") : "",
|
|
70
|
+
g
|
|
70
71
|
].filter(Boolean).join(" ");
|
|
71
|
-
return /* @__PURE__ */
|
|
72
|
+
return /* @__PURE__ */ f(
|
|
72
73
|
"div",
|
|
73
74
|
{
|
|
74
|
-
className:
|
|
75
|
+
className: Z,
|
|
75
76
|
style: {
|
|
76
|
-
...
|
|
77
|
-
...
|
|
77
|
+
...M != null ? { marginTop: M } : null,
|
|
78
|
+
...b
|
|
78
79
|
},
|
|
79
80
|
children: [
|
|
80
|
-
|
|
81
|
-
/* @__PURE__ */ o("div", { className: "
|
|
81
|
+
c ? null : /* @__PURE__ */ o("p", { className: i("pagination__result"), children: R({ startItem: k, endItem: D, totalItems: n }) }),
|
|
82
|
+
/* @__PURE__ */ o("div", { className: i("pagination__limits"), children: N && /* @__PURE__ */ f(B, { children: [
|
|
82
83
|
"Выводить по",
|
|
83
|
-
/* @__PURE__ */ o("div", { className: "
|
|
84
|
+
/* @__PURE__ */ o("div", { className: i("pagination__limit-wrapper"), children: w.map((a) => /* @__PURE__ */ o(
|
|
84
85
|
"span",
|
|
85
86
|
{
|
|
86
|
-
className:
|
|
87
|
-
onClick: () =>
|
|
87
|
+
className: `${d()}-pagination__limit ${a === r ? i("pagination__limit_active") : ""}`,
|
|
88
|
+
onClick: () => e(a),
|
|
88
89
|
role: "button",
|
|
89
90
|
tabIndex: 0,
|
|
90
|
-
onKeyDown: (
|
|
91
|
-
children:
|
|
91
|
+
onKeyDown: (l) => l.key === "Enter" && e(a),
|
|
92
|
+
children: a
|
|
92
93
|
},
|
|
93
|
-
|
|
94
|
+
a
|
|
94
95
|
)) })
|
|
95
96
|
] }) }),
|
|
96
|
-
/* @__PURE__ */ o("div", { className: "
|
|
97
|
+
/* @__PURE__ */ o("div", { className: i("table-pagination-paginator-column"), children: y ? /* @__PURE__ */ f("div", { className: i("paginator"), children: [
|
|
97
98
|
/* @__PURE__ */ o(
|
|
98
99
|
"button",
|
|
99
100
|
{
|
|
100
101
|
type: "button",
|
|
101
|
-
className:
|
|
102
|
+
className: `${d()}-paginator__arrow-btn ${t === 1 ? i("paginator__arrow-btn_inactive") : ""}`,
|
|
102
103
|
"aria-label": "Предыдущая страница",
|
|
103
|
-
onClick: () => t > 1 &&
|
|
104
|
+
onClick: () => t > 1 && s(t - 1)
|
|
104
105
|
}
|
|
105
106
|
),
|
|
106
|
-
/* @__PURE__ */ o("div", { className: "
|
|
107
|
+
/* @__PURE__ */ o("div", { className: i("paginator__pages"), children: j() }),
|
|
107
108
|
/* @__PURE__ */ o(
|
|
108
109
|
"button",
|
|
109
110
|
{
|
|
110
111
|
type: "button",
|
|
111
|
-
className:
|
|
112
|
+
className: `${d()}-paginator__arrow-btn ${d()}-paginator__arrow-btn-right ${t === C ? i("paginator__arrow-btn-right_inactive") : ""}`,
|
|
112
113
|
"aria-label": "Следующая страница",
|
|
113
|
-
onClick: () => t <
|
|
114
|
+
onClick: () => t < C && s(t + 1)
|
|
114
115
|
}
|
|
115
116
|
)
|
|
116
117
|
] }) : null })
|
|
@@ -118,4 +119,4 @@ function V({
|
|
|
118
119
|
}
|
|
119
120
|
);
|
|
120
121
|
}
|
|
121
|
-
export {
|
|
122
|
+
export { G as Pagination$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Preloader.d.ts","sourceRoot":"","sources":["../../../src/components/Preloader/Preloader.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Preloader.d.ts","sourceRoot":"","sources":["../../../src/components/Preloader/Preloader.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,kBAAkB,CAAA;AAIzB,eAAO,MAAM,SAAS,GAAI,wBAGvB,mBAAmB,4CAoErB,CAAA"}
|