urfu-ui-kit-react 2.1.7-next.4 → 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.js +232 -232
- 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.js +178 -178
- 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 +102 -101
- 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 +1 -1
- 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 +2 -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.shell.lk.css +53 -0
- package/dist/urfu-ui-kit-react.js +27 -26
- package/dist/vanilla/core/describeError.js +1 -1
- package/dist/vanilla/core/sheetTitle.js +7 -7
- package/package.json +3 -1
|
@@ -1,43 +1,44 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import { useAutoId$u as
|
|
3
|
+
import { useAutoId$u as d } from "../../hooks/useAutoId.js";
|
|
4
4
|
/* empty css */
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
import { kitCls$u as a, getUiKitPrefix$u as t } from "../../shared/uiKitDefaults.js";
|
|
6
|
+
const v = ({
|
|
7
|
+
size: u = "medium",
|
|
8
|
+
variant: i = "",
|
|
9
|
+
children: s,
|
|
10
|
+
truncate: e = !1,
|
|
11
|
+
className: n = "",
|
|
12
|
+
id: o,
|
|
13
|
+
props: m
|
|
13
14
|
}) => {
|
|
14
|
-
const
|
|
15
|
-
|
|
15
|
+
const c = d(o, a("status")), $ = (p) => {
|
|
16
|
+
switch (p) {
|
|
17
|
+
case "warning":
|
|
18
|
+
return ` ${t()}-status-warning`;
|
|
19
|
+
case "info":
|
|
20
|
+
return ` ${t()}-status-info`;
|
|
21
|
+
case "neutral":
|
|
22
|
+
return ` ${t()}-status-neutral`;
|
|
23
|
+
case "success":
|
|
24
|
+
return ` ${t()}-status-success`;
|
|
25
|
+
case "danger":
|
|
26
|
+
return ` ${t()}-status-danger`;
|
|
27
|
+
case "intermediate":
|
|
28
|
+
return ` ${t()}-status-intermediate`;
|
|
29
|
+
case "prepared":
|
|
30
|
+
return ` ${t()}-status-prepared`;
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
return /* @__PURE__ */ r(
|
|
16
34
|
"div",
|
|
17
35
|
{
|
|
18
|
-
id:
|
|
19
|
-
className:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
case "info":
|
|
24
|
-
return " u-status-info";
|
|
25
|
-
case "neutral":
|
|
26
|
-
return " u-status-neutral";
|
|
27
|
-
case "success":
|
|
28
|
-
return " u-status-success";
|
|
29
|
-
case "danger":
|
|
30
|
-
return " u-status-danger";
|
|
31
|
-
case "intermediate":
|
|
32
|
-
return " u-status-intermediate";
|
|
33
|
-
case "prepared":
|
|
34
|
-
return " u-status-prepared";
|
|
35
|
-
}
|
|
36
|
-
})(u)} ${r}`,
|
|
37
|
-
title: s && (typeof t == "string" || typeof t == "number") ? String(t) : void 0,
|
|
38
|
-
...i,
|
|
39
|
-
children: s ? /* @__PURE__ */ a("span", { className: "u-status__text", children: t }) : t
|
|
36
|
+
id: c,
|
|
37
|
+
className: `${t()}-status${u === "large" ? ` ${t()}-status-large` : ""}${e ? ` ${t()}-status-truncate` : ""} ${$(i)} ${n}`,
|
|
38
|
+
title: e && (typeof s == "string" || typeof s == "number") ? String(s) : void 0,
|
|
39
|
+
...m,
|
|
40
|
+
children: e ? /* @__PURE__ */ r("span", { className: a("status__text"), children: s }) : s
|
|
40
41
|
}
|
|
41
42
|
);
|
|
42
43
|
};
|
|
43
|
-
export {
|
|
44
|
+
export { v as Status$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/StickyActionBar/StickyActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gEAAgE,CAAC;
|
|
1
|
+
{"version":3,"file":"StickyActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/StickyActionBar/StickyActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gEAAgE,CAAC;AAGxE,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,sCAAmD,oBAAoB,4CAiGtG,CAAC"}
|
|
@@ -2,59 +2,60 @@ import { jsx as z } from "react/jsx-runtime";
|
|
|
2
2
|
import { useRef as A, useState as N, useEffect as F } from "react";
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
import { getUiKitPrefix$u as n, kitCls$u as H } from "../../shared/uiKitDefaults.js";
|
|
6
|
+
const T = ({ children: E, className: L = "", mobileFixed: a = !1 }) => {
|
|
7
|
+
const f = A(null), [S, g] = N(!1);
|
|
7
8
|
return F(() => {
|
|
8
|
-
const e =
|
|
9
|
+
const e = f.current;
|
|
9
10
|
if (!e) return;
|
|
10
|
-
if (
|
|
11
|
-
|
|
11
|
+
if (a) {
|
|
12
|
+
g(!1);
|
|
12
13
|
return;
|
|
13
14
|
}
|
|
14
|
-
const
|
|
15
|
+
const l = window.matchMedia("(max-width: 576px)");
|
|
15
16
|
let o;
|
|
16
|
-
const
|
|
17
|
+
const p = () => {
|
|
17
18
|
o == null || o(), o = void 0;
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
e.style.getPropertyValue(t) !==
|
|
19
|
+
const d = `--${n()}-sticky-action-bar-scroll-padding`, w = `--${n()}-sticky-action-bar-left-inset`, v = `--${n()}-sticky-action-bar-right-inset`, x = [d, w, v].map((t) => [t, e.style.getPropertyValue(t)]), b = (t, r) => {
|
|
20
|
+
const c = String(r) + "px";
|
|
21
|
+
e.style.getPropertyValue(t) !== c && e.style.setProperty(t, c);
|
|
21
22
|
};
|
|
22
|
-
let
|
|
23
|
-
const
|
|
23
|
+
let s = null;
|
|
24
|
+
const P = () => {
|
|
24
25
|
let t = e.parentElement;
|
|
25
26
|
for (; t && !/(auto|scroll|hidden|overlay)/.test(getComputedStyle(t).overflowY); )
|
|
26
27
|
t = t.parentElement;
|
|
27
|
-
const r =
|
|
28
|
-
e.style.getPropertyValue(
|
|
29
|
-
const
|
|
28
|
+
const r = l.matches && t && Number.parseFloat(getComputedStyle(t).paddingBottom) || 0, c = String(r) + "px";
|
|
29
|
+
e.style.getPropertyValue(d) !== c && e.style.setProperty(d, c);
|
|
30
|
+
const C = t ? t.getBoundingClientRect().top + t.clientTop + t.clientHeight : window.innerHeight, h = e.style.getPropertyValue("position"), R = e.style.getPropertyPriority("position");
|
|
30
31
|
e.style.setProperty("position", "static", "important");
|
|
31
|
-
const
|
|
32
|
-
e.classList.remove(
|
|
32
|
+
const m = H("react-sticky-action-bar-stuck"), B = e.classList.contains(m);
|
|
33
|
+
e.classList.remove(m);
|
|
33
34
|
const y = e.getBoundingClientRect();
|
|
34
|
-
B && e.classList.add(
|
|
35
|
-
const
|
|
36
|
-
|
|
35
|
+
B && e.classList.add(m);
|
|
36
|
+
const k = t ? t.getBoundingClientRect().left + t.clientLeft : 0, $ = t ? t.clientWidth : window.innerWidth;
|
|
37
|
+
b(w, Math.max(0, y.left - k)), b(v, Math.max(0, k + $ - y.right));
|
|
37
38
|
const V = y.bottom;
|
|
38
|
-
h ? e.style.setProperty("position", h,
|
|
39
|
+
h ? e.style.setProperty("position", h, R) : e.style.removeProperty("position");
|
|
39
40
|
const M = (Number.parseFloat(getComputedStyle(e).bottom) || 0) + r;
|
|
40
|
-
|
|
41
|
-
},
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
g(V > C - M + 1);
|
|
42
|
+
}, i = () => {
|
|
43
|
+
s === null && (s = window.requestAnimationFrame(() => {
|
|
44
|
+
s = null, P();
|
|
44
45
|
}));
|
|
45
46
|
};
|
|
46
|
-
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
window.removeEventListener("scroll",
|
|
50
|
-
for (const [t, r] of
|
|
47
|
+
P(), window.addEventListener("scroll", i, { capture: !0, passive: !0 }), window.addEventListener("resize", i);
|
|
48
|
+
const u = new ResizeObserver(i);
|
|
49
|
+
u.observe(e), e.parentElement && u.observe(e.parentElement), o = () => {
|
|
50
|
+
window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), u.disconnect();
|
|
51
|
+
for (const [t, r] of x)
|
|
51
52
|
r ? e.style.setProperty(t, r) : e.style.removeProperty(t);
|
|
52
|
-
|
|
53
|
+
s !== null && window.cancelAnimationFrame(s);
|
|
53
54
|
};
|
|
54
55
|
};
|
|
55
|
-
return
|
|
56
|
-
|
|
56
|
+
return p(), l.addEventListener("change", p), () => {
|
|
57
|
+
l.removeEventListener("change", p), o == null || o();
|
|
57
58
|
};
|
|
58
|
-
}, [
|
|
59
|
+
}, [a]), /* @__PURE__ */ z("footer", { ref: f, className: `${n()}-react-sticky-action-bar ` + (S ? `${n()}-react-sticky-action-bar-stuck ${n()}-react-sticky-action-bar-shadow ` : "") + (a ? `${n()}-react-sticky-action-bar-mobile-fixed ` : "") + L, children: E });
|
|
59
60
|
};
|
|
60
|
-
export {
|
|
61
|
+
export { T as StickyActionBar$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,qDAAqD,CAAC;
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,qDAAqD,CAAC;AAI7D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,SAAS,GACV,EAAE,WAAW,2CAoBb"}
|
|
@@ -1,29 +1,30 @@
|
|
|
1
|
-
import { jsx as t, jsxs as
|
|
1
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
|
-
import { useAutoId$u as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
import { useAutoId$u as u } from "../../hooks/useAutoId.js";
|
|
5
|
+
import { kitCls$u as s } from "../../shared/uiKitDefaults.js";
|
|
6
|
+
function j({
|
|
7
|
+
checked: r,
|
|
8
|
+
onChange: i,
|
|
9
|
+
disabled: l,
|
|
10
|
+
children: o,
|
|
11
|
+
id: e,
|
|
12
|
+
className: m
|
|
12
13
|
}) {
|
|
13
|
-
const
|
|
14
|
-
return /* @__PURE__ */ t("div", { className: "
|
|
14
|
+
const p = u(void 0, s("switch")), c = e ?? p, a = [s("switch"), m].filter(Boolean).join(" ");
|
|
15
|
+
return /* @__PURE__ */ t("div", { className: s("switch-wrapper"), children: /* @__PURE__ */ n("label", { className: a, htmlFor: c, children: [
|
|
15
16
|
/* @__PURE__ */ t(
|
|
16
17
|
"input",
|
|
17
18
|
{
|
|
18
|
-
id:
|
|
19
|
+
id: c,
|
|
19
20
|
type: "checkbox",
|
|
20
|
-
checked:
|
|
21
|
-
disabled:
|
|
22
|
-
onChange: (
|
|
21
|
+
checked: r,
|
|
22
|
+
disabled: l,
|
|
23
|
+
onChange: (d) => i == null ? void 0 : i(d.target.checked)
|
|
23
24
|
}
|
|
24
25
|
),
|
|
25
|
-
/* @__PURE__ */ t("div", { className: "
|
|
26
|
-
|
|
26
|
+
/* @__PURE__ */ t("div", { className: s("switch__point") }),
|
|
27
|
+
o != null ? /* @__PURE__ */ t("span", { className: "tt", children: o }) : null
|
|
27
28
|
] }) });
|
|
28
29
|
}
|
|
29
|
-
export {
|
|
30
|
+
export { j as Switch$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/DefaultInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/DefaultInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,8BAA8B,CAAC;AAGtC,UAAU,aAAc,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqBzC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,22 +1,23 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { useInputOverflow$u as
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as o } from "react";
|
|
3
|
+
import { useInputOverflow$u as r } from "../../../hooks/useInputOverflow.js";
|
|
4
4
|
/* empty css */
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
import { getUiKitPrefix$u as e } from "../../../shared/uiKitDefaults.js";
|
|
6
|
+
const d = ({
|
|
7
|
+
width: f,
|
|
8
|
+
height: l,
|
|
8
9
|
isSelectColumn: u,
|
|
9
10
|
...t
|
|
10
11
|
}) => {
|
|
11
|
-
const
|
|
12
|
-
return
|
|
12
|
+
const i = o(null);
|
|
13
|
+
return r(i, t.value, t.disabled), /* @__PURE__ */ n(
|
|
13
14
|
"input",
|
|
14
15
|
{
|
|
15
16
|
...t,
|
|
16
|
-
ref:
|
|
17
|
+
ref: i,
|
|
17
18
|
type: "text",
|
|
18
|
-
className:
|
|
19
|
+
className: `${e()}-input none-outline custom-input input-default ${e()}-table-filter-input${u ? ` ${e()}-table-filter-input--compact` : ""}`
|
|
19
20
|
}
|
|
20
21
|
);
|
|
21
22
|
};
|
|
22
|
-
export {
|
|
23
|
+
export { d as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,qCAAqC,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,eAAe,CAAC;AAWvB,eAAO,MAAM,MAAM,GAAI,wVA4BpB,gBAAgB,4CAsQlB,CAAC"}
|
|
@@ -1,157 +1,158 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as $, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import { useState as
|
|
3
|
+
import { useState as F, useRef as R, useEffect as g } from "react";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import { isServerFilterActive$u as
|
|
6
|
-
import { FilterSortIndicator$u as
|
|
7
|
-
import { Icon$u as
|
|
8
|
-
import { FilterPanel$u as
|
|
9
|
-
import { useFilterOptionsPreload$u as
|
|
10
|
-
import { useLocalFilterSearch$u as
|
|
5
|
+
import { isServerFilterActive$u as Oe, hasColumnValues$u as Be, getFilterSelectedCount$u as De, isShortTableHeader$u as X, getStickyLeft$u as Ee, getHeaderCellSizing$u as Se } from "../Table.helpers.js";
|
|
6
|
+
import { FilterSortIndicator$u as Le } from "./FilterSortIndicator.js";
|
|
7
|
+
import { Icon$u as Te } from "../../Icon/Icon.js";
|
|
8
|
+
import { FilterPanel$u as $e } from "./FilterPanel.js";
|
|
9
|
+
import { useFilterOptionsPreload$u as Re } from "./useFilterOptionsPreload.js";
|
|
10
|
+
import { useLocalFilterSearch$u as Pe } from "./useLocalFilterSearch.js";
|
|
11
11
|
import { filterExpressionSummary$u as je } from "./filterExpression.js";
|
|
12
12
|
import { useFilterDates$u as Ie } from "./useFilterDates.js";
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
import { kitCls$u as x, getUiKitPrefix$u as u } from "../../../shared/uiKitDefaults.js";
|
|
14
|
+
const Ye = ({
|
|
15
|
+
id: Y,
|
|
15
16
|
index: h,
|
|
16
|
-
cellContentStyle:
|
|
17
|
-
thContentStyle:
|
|
18
|
-
cellStyle:
|
|
19
|
-
thStyle:
|
|
20
|
-
columns:
|
|
17
|
+
cellContentStyle: Z,
|
|
18
|
+
thContentStyle: _,
|
|
19
|
+
cellStyle: V,
|
|
20
|
+
thStyle: ee,
|
|
21
|
+
columns: k,
|
|
21
22
|
column: e,
|
|
22
23
|
selected: a,
|
|
23
24
|
setSelected: o,
|
|
24
25
|
uncheckedValues: f,
|
|
25
|
-
setUncheckedValues:
|
|
26
|
-
setFilterDates:
|
|
27
|
-
filterEmptyLabel:
|
|
26
|
+
setUncheckedValues: P,
|
|
27
|
+
setFilterDates: ie,
|
|
28
|
+
filterEmptyLabel: te,
|
|
28
29
|
sort: t,
|
|
29
|
-
setSort:
|
|
30
|
-
resize:
|
|
31
|
-
onMouseDown:
|
|
30
|
+
setSort: w,
|
|
31
|
+
resize: C,
|
|
32
|
+
onMouseDown: re,
|
|
32
33
|
columnWidths: j,
|
|
33
|
-
setColumnWidths:
|
|
34
|
-
tableRight:
|
|
35
|
-
filterDates:
|
|
36
|
-
filters:
|
|
37
|
-
setFilters:
|
|
38
|
-
isParentDataField:
|
|
39
|
-
filterResetParam:
|
|
40
|
-
filteredData:
|
|
34
|
+
setColumnWidths: ae,
|
|
35
|
+
tableRight: ne,
|
|
36
|
+
filterDates: m,
|
|
37
|
+
filters: oe,
|
|
38
|
+
setFilters: le,
|
|
39
|
+
isParentDataField: se,
|
|
40
|
+
filterResetParam: de,
|
|
41
|
+
filteredData: fe
|
|
41
42
|
}) => {
|
|
42
|
-
const r = `${
|
|
43
|
+
const r = `${Y}th${h}`, [p, O] = F(), { date: B, setDate: pe, dateEnd: D, setDateEnd: ce, changeMethod: he } = Ie({
|
|
43
44
|
field: e.field,
|
|
44
45
|
isDate: e.filterType === "date" && !e.filterServer,
|
|
45
|
-
filterDates:
|
|
46
|
-
setFilterDates:
|
|
46
|
+
filterDates: m,
|
|
47
|
+
setFilterDates: ie,
|
|
47
48
|
method: p,
|
|
48
|
-
setMethod:
|
|
49
|
-
}), [
|
|
49
|
+
setMethod: O
|
|
50
|
+
}), [ve, ge] = F(0), [I, N] = F(""), [ye, be] = F(), l = R(null), z = R(null), E = R(null);
|
|
50
51
|
g(() => {
|
|
51
52
|
if (a !== r) return;
|
|
52
53
|
const i = (n) => {
|
|
53
|
-
var
|
|
54
|
+
var G, J, Q;
|
|
54
55
|
const s = n.target;
|
|
55
|
-
if (!(s instanceof Node) || (
|
|
56
|
-
e.filterType === "date" && ((
|
|
56
|
+
if (!(s instanceof Node) || (G = E.current) != null && G.contains(s) || (J = z.current) != null && J.contains(s)) return;
|
|
57
|
+
e.filterType === "date" && ((Q = p == null ? void 0 : p.typeFilterSearch) == null ? void 0 : Q.id) === "between" && B && !D || o(void 0);
|
|
57
58
|
};
|
|
58
59
|
return document.addEventListener("click", i), () => document.removeEventListener("click", i);
|
|
59
|
-
}, [a, r, o, e.filterType, p,
|
|
60
|
+
}, [a, r, o, e.filterType, p, B, D]), g(() => {
|
|
60
61
|
if (a !== r) return;
|
|
61
62
|
const i = (n) => {
|
|
62
63
|
var s, v;
|
|
63
|
-
n.key !== "Escape" || n.defaultPrevented || (n.preventDefault(), o(null), (v = (s =
|
|
64
|
+
n.key !== "Escape" || n.defaultPrevented || (n.preventDefault(), o(null), (v = (s = E.current) == null ? void 0 : s.querySelector('[role="button"]')) == null || v.focus());
|
|
64
65
|
};
|
|
65
66
|
return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
|
|
66
67
|
}, [a, r, o]);
|
|
67
|
-
const
|
|
68
|
+
const Fe = f && (e == null ? void 0 : e.field) in f && f[e.field] && f[e.field].length !== 0, xe = Array.isArray(m) && m.some((i) => i.id === e.field && (i.begin != null || i.end != null)), y = e.filterActive ?? (Fe || xe || Oe(e.filterServer)), A = Be(fe ?? [], e), d = A || !!y || (t == null ? void 0 : t.column) === e.field, b = (t == null ? void 0 : t.column) === e.field && (t == null ? void 0 : t.asc) !== void 0 ? t.asc ? "asc" : "desc" : void 0, { paged: H, basePages: M, baseOptions: U, waitingForOptions: W, panelBase: ue } = Re(e, a === r, !!y), { checkBoxes: S, searched: ke } = Pe({
|
|
68
69
|
column: e,
|
|
69
|
-
filterEmptyLabel:
|
|
70
|
+
filterEmptyLabel: te,
|
|
70
71
|
textSearch: I,
|
|
71
72
|
typeFilterSearch: p,
|
|
72
|
-
setTypeFilterSearch:
|
|
73
|
+
setTypeFilterSearch: O,
|
|
73
74
|
uncheckedValues: f,
|
|
74
|
-
setUncheckedValues:
|
|
75
|
-
}),
|
|
75
|
+
setUncheckedValues: P
|
|
76
|
+
}), L = De({
|
|
76
77
|
filter: e.filterServer,
|
|
77
78
|
explicitCount: e.filterSelectedCount,
|
|
78
|
-
pagedSummary:
|
|
79
|
-
loadedOptions:
|
|
80
|
-
localValues: e.filterServer || e.renderFilter || !
|
|
81
|
-
}),
|
|
79
|
+
pagedSummary: H ? je(H.expression, M.options, M.complete) : void 0,
|
|
80
|
+
loadedOptions: U.complete ? U.options : void 0,
|
|
81
|
+
localValues: e.filterServer || e.renderFilter || !S ? void 0 : { all: S, unchecked: f[e.field] }
|
|
82
|
+
}), T = L !== void 0 && (L > 0 || y) ? L : void 0;
|
|
82
83
|
g(() => {
|
|
83
84
|
!d && a === r && o(null);
|
|
84
85
|
}, [d, a, r, o]);
|
|
85
|
-
const
|
|
86
|
+
const we = () => {
|
|
86
87
|
const i = e.field, n = i === (t == null ? void 0 : t.column) && !(t != null && t.asc) ? void 0 : i;
|
|
87
|
-
|
|
88
|
+
w == null || w({ column: n, asc: n === void 0 ? void 0 : (t == null ? void 0 : t.column) === i ? !(t != null && t.asc) : !0 });
|
|
88
89
|
};
|
|
89
90
|
g(() => {
|
|
90
91
|
var i, n, s, v;
|
|
91
|
-
|
|
92
|
+
ge(
|
|
92
93
|
(n = (i = l == null ? void 0 : l.current) == null ? void 0 : i.getBoundingClientRect()) == null ? void 0 : n.height
|
|
93
|
-
),
|
|
94
|
+
), ae(Object.assign(j, { [e.field]: (v = (s = l == null ? void 0 : l.current) == null ? void 0 : s.getBoundingClientRect()) == null ? void 0 : v.width }));
|
|
94
95
|
}, []), g(() => {
|
|
95
|
-
N(""), e.filterType !== "date" &&
|
|
96
|
-
}, [
|
|
97
|
-
a && l.current &&
|
|
96
|
+
N(""), e.filterType !== "date" && O(void 0);
|
|
97
|
+
}, [de, e.filterType]), g(() => {
|
|
98
|
+
a && l.current && be(l.current.getBoundingClientRect().left);
|
|
98
99
|
}, [a]);
|
|
99
|
-
const
|
|
100
|
+
const K = a === r && ye !== void 0 && !W, q = a === r && W, Ce = {
|
|
100
101
|
column: e,
|
|
101
102
|
...ue,
|
|
102
103
|
// Ссылка на сам заголовок: бокс уходит порталом в body и позиционируется
|
|
103
104
|
// fixed от его координат, иначе его обрезает контейнер с прокруткой.
|
|
104
105
|
anchorRef: l,
|
|
105
|
-
boxRef:
|
|
106
|
-
tableRight:
|
|
106
|
+
boxRef: z,
|
|
107
|
+
tableRight: ne,
|
|
107
108
|
width: e.filterWidth,
|
|
108
109
|
label: e.title,
|
|
109
110
|
typeFilterSearch: p,
|
|
110
|
-
setTypeFilterSearch:
|
|
111
|
-
handleSort:
|
|
111
|
+
setTypeFilterSearch: he,
|
|
112
|
+
handleSort: A ? we : void 0,
|
|
112
113
|
sort: t
|
|
113
|
-
},
|
|
114
|
+
}, me = {
|
|
114
115
|
textSearch: I,
|
|
115
116
|
setTextSearch: N,
|
|
116
|
-
searched:
|
|
117
|
-
checkBoxes:
|
|
117
|
+
searched: ke,
|
|
118
|
+
checkBoxes: S,
|
|
118
119
|
uncheckedValues: f,
|
|
119
|
-
setUncheckedValues:
|
|
120
|
+
setUncheckedValues: P
|
|
120
121
|
};
|
|
121
|
-
return /* @__PURE__ */
|
|
122
|
+
return /* @__PURE__ */ $(
|
|
122
123
|
"th",
|
|
123
124
|
{
|
|
124
125
|
ref: (i) => {
|
|
125
|
-
i && (
|
|
126
|
+
i && (E.current = i, l.current = i);
|
|
126
127
|
},
|
|
127
128
|
id: r,
|
|
128
129
|
"aria-sort": b === "asc" ? "ascending" : b === "desc" ? "descending" : void 0,
|
|
129
|
-
className: `${e.sticky ? "sticky" : ""} ${
|
|
130
|
+
className: `${e.sticky ? "sticky" : ""} ${C && !e.resizeOff ? "resize" : ""}`,
|
|
130
131
|
style: Object.assign(
|
|
131
132
|
{
|
|
132
|
-
...
|
|
133
|
+
...Se(e, j, C, se && h === 0 ? 24 : 0),
|
|
133
134
|
position: !e.sticky && "relative",
|
|
134
135
|
cursor: d ? "pointer" : "default",
|
|
135
|
-
backgroundColor: r === a ?
|
|
136
|
-
left: e.sticky ?
|
|
136
|
+
backgroundColor: r === a ? `var(--${u()}-option-hovered-background, #F6F6F6)` : `var(--${u()}-color-surface, #FFFFFF)`,
|
|
137
|
+
left: e.sticky ? Ee(k, h) : "",
|
|
137
138
|
padding: 0
|
|
138
139
|
},
|
|
139
|
-
|
|
140
|
-
|
|
140
|
+
V,
|
|
141
|
+
ee,
|
|
141
142
|
e.thStyle,
|
|
142
143
|
e.cellStyle
|
|
143
144
|
),
|
|
144
145
|
children: [
|
|
145
|
-
/* @__PURE__ */
|
|
146
|
+
/* @__PURE__ */ $(
|
|
146
147
|
"div",
|
|
147
148
|
{
|
|
148
|
-
className: "
|
|
149
|
+
className: x("table-th-content"),
|
|
149
150
|
role: "button",
|
|
150
151
|
tabIndex: d ? 0 : -1,
|
|
151
152
|
"aria-disabled": !d || void 0,
|
|
152
153
|
"aria-label": `Фильтр: ${e.title}`,
|
|
153
|
-
"aria-expanded":
|
|
154
|
-
"aria-busy":
|
|
154
|
+
"aria-expanded": K,
|
|
155
|
+
"aria-busy": q || void 0,
|
|
155
156
|
"aria-haspopup": "dialog",
|
|
156
157
|
onKeyDown: (i) => {
|
|
157
158
|
i.key !== "Enter" && i.key !== " " || (i.preventDefault(), d && o(a === r ? null : r));
|
|
@@ -166,11 +167,11 @@ const Je = ({
|
|
|
166
167
|
justifyContent: "space-between",
|
|
167
168
|
width: "100%",
|
|
168
169
|
position: e.sticky ? "sticky" : "",
|
|
169
|
-
height:
|
|
170
|
-
columnGap:
|
|
170
|
+
height: ve - 2,
|
|
171
|
+
columnGap: `calc(8 * var(--${u()}-preset-unit, 1px))`
|
|
171
172
|
},
|
|
172
|
-
|
|
173
|
-
|
|
173
|
+
Z,
|
|
174
|
+
_,
|
|
174
175
|
e.thContentStyle,
|
|
175
176
|
e.cellContentStyle
|
|
176
177
|
),
|
|
@@ -178,51 +179,51 @@ const Je = ({
|
|
|
178
179
|
/* @__PURE__ */ c(
|
|
179
180
|
"div",
|
|
180
181
|
{
|
|
181
|
-
className: "
|
|
182
|
+
className: x("table-th-content-webkit-box"),
|
|
182
183
|
style: {
|
|
183
184
|
display: "-webkit-box",
|
|
184
185
|
textOverflow: "ellipsis",
|
|
185
186
|
WebkitLineClamp: 3,
|
|
186
187
|
WebkitBoxOrient: "vertical",
|
|
187
|
-
whiteSpace:
|
|
188
|
+
whiteSpace: X(e.title) ? "nowrap" : "normal",
|
|
188
189
|
// Короткий заголовок не обрезается: колонка без width не становится уже слова.
|
|
189
|
-
minWidth:
|
|
190
|
+
minWidth: X(e.title) ? "max-content" : void 0,
|
|
190
191
|
overflow: "hidden"
|
|
191
192
|
},
|
|
192
193
|
children: e.title
|
|
193
194
|
}
|
|
194
195
|
),
|
|
195
|
-
d && /* @__PURE__ */
|
|
196
|
-
|
|
197
|
-
b && /* @__PURE__ */ c("span", { className: "
|
|
198
|
-
/* @__PURE__ */ c(
|
|
196
|
+
d && /* @__PURE__ */ $("span", { className: x("table-filter-meta"), children: [
|
|
197
|
+
T !== void 0 && /* @__PURE__ */ c("span", { "aria-label": `Выбрано: ${T}`, children: T }),
|
|
198
|
+
b && /* @__PURE__ */ c("span", { className: x("table-filter-sort"), "aria-hidden": "true", children: /* @__PURE__ */ c(Te, { name: b === "asc" ? "up-arrow" : "down-arrow", size: "14px", color: `var(--${u()}-color-primary, #1E4391)` }) }),
|
|
199
|
+
/* @__PURE__ */ c(Le, { active: r === a || y, loading: q })
|
|
199
200
|
] })
|
|
200
201
|
]
|
|
201
202
|
}
|
|
202
203
|
),
|
|
203
|
-
|
|
204
|
+
C && !e.resizeOff && /* @__PURE__ */ c(
|
|
204
205
|
"div",
|
|
205
206
|
{
|
|
206
207
|
style: {
|
|
207
208
|
position: "absolute",
|
|
208
|
-
right: h ===
|
|
209
|
+
right: h === k.length - 1 ? "0px" : "-3px",
|
|
209
210
|
top: 0,
|
|
210
211
|
height: "100%",
|
|
211
|
-
width: h ===
|
|
212
|
+
width: h === k.length - 1 ? "3px" : "6px",
|
|
212
213
|
cursor: "col-resize",
|
|
213
214
|
zIndex: 10
|
|
214
215
|
},
|
|
215
|
-
onMouseDown: (i) =>
|
|
216
|
+
onMouseDown: (i) => re(i)
|
|
216
217
|
}
|
|
217
218
|
),
|
|
218
|
-
|
|
219
|
-
|
|
219
|
+
K && /* @__PURE__ */ c(
|
|
220
|
+
$e,
|
|
220
221
|
{
|
|
221
222
|
column: e,
|
|
222
|
-
common:
|
|
223
|
-
search:
|
|
224
|
-
dates: { date:
|
|
225
|
-
context: { filters:
|
|
223
|
+
common: Ce,
|
|
224
|
+
search: me,
|
|
225
|
+
dates: { date: B, setDate: pe, dateEnd: D, setDateEnd: ce },
|
|
226
|
+
context: { filters: oe, setFilters: le, close: () => o(null) }
|
|
226
227
|
}
|
|
227
228
|
)
|
|
228
229
|
]
|
|
@@ -230,4 +231,4 @@ const Je = ({
|
|
|
230
231
|
h
|
|
231
232
|
);
|
|
232
233
|
};
|
|
233
|
-
export {
|
|
234
|
+
export { Ye as Filter$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterBooleanBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/FilterBooleanBox.tsx"],"names":[],"mappings":"AAGA,OAAO,sEAAsE,CAAC;AAC9E,OAAO,2BAA2B,CAAC;AAKnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterBooleanBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Filter/FilterBooleanBox.tsx"],"names":[],"mappings":"AAGA,OAAO,sEAAsE,CAAC;AAC9E,OAAO,2BAA2B,CAAC;AAKnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,gBAAgB,GAAI,6HAY9B,cAAc,4CAyBhB,CAAC"}
|