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.
Files changed (150) hide show
  1. package/dist/components/Accordion/Accordion.d.ts.map +1 -1
  2. package/dist/components/Accordion/Accordion.js +16 -15
  3. package/dist/components/BreadCrumbs/BreadCrumbs.d.ts.map +1 -1
  4. package/dist/components/BreadCrumbs/BreadCrumbs.js +23 -22
  5. package/dist/components/Button/Button.d.ts.map +1 -1
  6. package/dist/components/Button/Button.js +51 -50
  7. package/dist/components/Button/ButtonRefreshIcon.d.ts.map +1 -1
  8. package/dist/components/Button/ButtonRefreshIcon.js +9 -8
  9. package/dist/components/Calendar/Calendar.js +232 -232
  10. package/dist/components/Calendar/CalendarSelect.d.ts.map +1 -1
  11. package/dist/components/Calendar/CalendarSelect.js +41 -40
  12. package/dist/components/Card/Card.d.ts.map +1 -1
  13. package/dist/components/Card/Card.js +59 -58
  14. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  15. package/dist/components/Checkbox/Checkbox.js +20 -19
  16. package/dist/components/ColumnSettings/ColumnSettings.d.ts.map +1 -1
  17. package/dist/components/ColumnSettings/ColumnSettings.js +112 -111
  18. package/dist/components/ConfirmModal/ConfirmModal.d.ts.map +1 -1
  19. package/dist/components/ConfirmModal/ConfirmModal.js +30 -29
  20. package/dist/components/Drawer/Drawer.js +57 -57
  21. package/dist/components/ErrorScreen/ErrorScreen.d.ts.map +1 -1
  22. package/dist/components/ErrorScreen/ErrorScreen.js +151 -150
  23. package/dist/components/ErrorScreen/ErrorScreenIllustration.d.ts.map +1 -1
  24. package/dist/components/ErrorScreen/ErrorScreenIllustration.js +35 -34
  25. package/dist/components/FormField/FormField.d.ts.map +1 -1
  26. package/dist/components/FormField/FormField.js +30 -29
  27. package/dist/components/Icon/Icon.d.ts.map +1 -1
  28. package/dist/components/Icon/Icon.js +17 -16
  29. package/dist/components/InfiniteScroll/InfiniteScroll.d.ts.map +1 -1
  30. package/dist/components/InfiniteScroll/InfiniteScroll.js +23 -22
  31. package/dist/components/InputExpandTextarea/InputExpandTextarea.d.ts.map +1 -1
  32. package/dist/components/InputExpandTextarea/InputExpandTextarea.js +88 -87
  33. package/dist/components/InputFile/InputFile.d.ts.map +1 -1
  34. package/dist/components/InputFile/InputFile.js +99 -98
  35. package/dist/components/InputNumber/InputNumber.d.ts.map +1 -1
  36. package/dist/components/InputNumber/InputNumber.js +112 -111
  37. package/dist/components/InputText/InputAffix.d.ts.map +1 -1
  38. package/dist/components/InputText/InputAffix.js +69 -68
  39. package/dist/components/InputText/InputText.d.ts.map +1 -1
  40. package/dist/components/InputText/InputText.js +108 -107
  41. package/dist/components/InputTime/InputTime.d.ts.map +1 -1
  42. package/dist/components/InputTime/InputTime.js +202 -201
  43. package/dist/components/InputTime/InputTimeDropdown.d.ts.map +1 -1
  44. package/dist/components/InputTime/InputTimeDropdown.js +21 -20
  45. package/dist/components/Menu/Menu.d.ts.map +1 -1
  46. package/dist/components/Menu/Menu.js +58 -57
  47. package/dist/components/Message/Message.d.ts.map +1 -1
  48. package/dist/components/Message/Message.js +19 -18
  49. package/dist/components/Modal/Modal.js +66 -66
  50. package/dist/components/Modal/useModalTitleClearance.d.ts.map +1 -1
  51. package/dist/components/Modal/useModalTitleClearance.js +34 -33
  52. package/dist/components/Multiselect/Multiselect.js +222 -222
  53. package/dist/components/Notification/Notification.js +90 -90
  54. package/dist/components/OfflineBanner/OfflineBanner.d.ts.map +1 -1
  55. package/dist/components/OfflineBanner/OfflineBanner.js +40 -37
  56. package/dist/components/Pagination/Pagination.d.ts.map +1 -1
  57. package/dist/components/Pagination/Pagination.js +59 -58
  58. package/dist/components/Preloader/Preloader.d.ts.map +1 -1
  59. package/dist/components/Preloader/Preloader.js +28 -27
  60. package/dist/components/Radio/Radio.d.ts.map +1 -1
  61. package/dist/components/Radio/Radio.js +21 -20
  62. package/dist/components/Search/Search.d.ts.map +1 -1
  63. package/dist/components/Search/Search.js +33 -32
  64. package/dist/components/SearchSelect/SearchSelect.js +178 -178
  65. package/dist/components/SearchSelect/SearchSelectOption.d.ts.map +1 -1
  66. package/dist/components/SearchSelect/SearchSelectOption.js +21 -20
  67. package/dist/components/Select/MobileOptionSheet.d.ts.map +1 -1
  68. package/dist/components/Select/MobileOptionSheet.js +65 -64
  69. package/dist/components/Select/Select.js +184 -184
  70. package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
  71. package/dist/components/Skeleton/Skeleton.js +26 -25
  72. package/dist/components/Status/Status.d.ts.map +1 -1
  73. package/dist/components/Status/Status.js +36 -35
  74. package/dist/components/StickyActionBar/StickyActionBar.d.ts.map +1 -1
  75. package/dist/components/StickyActionBar/StickyActionBar.js +36 -35
  76. package/dist/components/Switch/Switch.d.ts.map +1 -1
  77. package/dist/components/Switch/Switch.js +19 -18
  78. package/dist/components/Table/Filter/DefaultInput.d.ts.map +1 -1
  79. package/dist/components/Table/Filter/DefaultInput.js +12 -11
  80. package/dist/components/Table/Filter/Filter.d.ts.map +1 -1
  81. package/dist/components/Table/Filter/Filter.js +99 -98
  82. package/dist/components/Table/Filter/FilterBooleanBox.d.ts.map +1 -1
  83. package/dist/components/Table/Filter/FilterBooleanBox.js +7 -6
  84. package/dist/components/Table/Filter/FilterBoxShell.js +48 -48
  85. package/dist/components/Table/Filter/FilterDateBox.d.ts.map +1 -1
  86. package/dist/components/Table/Filter/FilterDateBox.js +65 -64
  87. package/dist/components/Table/Filter/FilterSortIndicator.d.ts.map +1 -1
  88. package/dist/components/Table/Filter/FilterSortIndicator.js +8 -7
  89. package/dist/components/Table/Filter/SelectFilter.js +53 -53
  90. package/dist/components/Table/Filter/TableFilterOptions.d.ts.map +1 -1
  91. package/dist/components/Table/Filter/TableFilterOptions.js +141 -140
  92. package/dist/components/Table/Filter/TableFilterSortButton.d.ts.map +1 -1
  93. package/dist/components/Table/Filter/TableFilterSortButton.js +10 -9
  94. package/dist/components/Table/Filter/useVirtualOptionWindow.d.ts.map +1 -1
  95. package/dist/components/Table/Filter/useVirtualOptionWindow.js +9 -8
  96. package/dist/components/Table/Skeleton/createSkeletonColumns.d.ts.map +1 -1
  97. package/dist/components/Table/Skeleton/createSkeletonColumns.js +9 -8
  98. package/dist/components/Table/Table.d.ts.map +1 -1
  99. package/dist/components/Table/Table.helpers.d.ts.map +1 -1
  100. package/dist/components/Table/Table.helpers.js +31 -30
  101. package/dist/components/Table/Table.js +253 -252
  102. package/dist/components/Table/TableHead.d.ts.map +1 -1
  103. package/dist/components/Table/TableHead.js +92 -91
  104. package/dist/components/Table/TableMobileCard.d.ts.map +1 -1
  105. package/dist/components/Table/TableMobileCard.js +121 -120
  106. package/dist/components/Table/TableMobileFilters.d.ts.map +1 -1
  107. package/dist/components/Table/TableMobileFilters.js +28 -27
  108. package/dist/components/Table/TableMobileView.d.ts.map +1 -1
  109. package/dist/components/Table/TableMobileView.js +178 -177
  110. package/dist/components/Table/TableRow.d.ts.map +1 -1
  111. package/dist/components/Table/TableRow.js +59 -58
  112. package/dist/components/Table/useTableColumnPinning.d.ts +2 -917
  113. package/dist/components/Table/useTableColumnPinning.d.ts.map +1 -1
  114. package/dist/components/Table/useTableColumnPinning.js +21 -20
  115. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  116. package/dist/components/Tabs/Tabs.js +102 -101
  117. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  118. package/dist/components/Textarea/Textarea.js +70 -69
  119. package/dist/components/Tooltip/Tooltip.js +106 -106
  120. package/dist/components/TreeView/TreeView.js +183 -183
  121. package/dist/components/VirtualList/VirtualList.d.ts.map +1 -1
  122. package/dist/components/VirtualList/VirtualList.js +42 -41
  123. package/dist/dev/index.js +1 -1
  124. package/dist/hooks/useAutoId.d.ts.map +1 -1
  125. package/dist/hooks/useAutoId.js +7 -6
  126. package/dist/hooks/useSelectEngine.d.ts.map +1 -1
  127. package/dist/hooks/useSelectEngine.js +31 -30
  128. package/dist/index.d.ts +2 -1
  129. package/dist/index.d.ts.map +1 -1
  130. package/dist/responsive/uiKitResponsive.d.ts +6 -0
  131. package/dist/responsive/uiKitResponsive.d.ts.map +1 -1
  132. package/dist/responsive/uiKitResponsive.js +27 -26
  133. package/dist/shared/kitCopy.js +1 -1
  134. package/dist/shared/optionStateColors.d.ts +3 -2
  135. package/dist/shared/optionStateColors.d.ts.map +1 -1
  136. package/dist/shared/optionStateColors.js +9 -4
  137. package/dist/shared/popupTransition.d.ts.map +1 -1
  138. package/dist/shared/popupTransition.js +7 -6
  139. package/dist/shared/sheetTitle.d.ts +2 -1
  140. package/dist/shared/sheetTitle.d.ts.map +1 -1
  141. package/dist/shared/size.d.ts.map +1 -1
  142. package/dist/shared/size.js +3 -2
  143. package/dist/shared/uiKitDefaults.d.ts +21 -0
  144. package/dist/shared/uiKitDefaults.d.ts.map +1 -1
  145. package/dist/shared/uiKitDefaults.js +32 -18
  146. package/dist/style.shell.lk.css +53 -0
  147. package/dist/urfu-ui-kit-react.js +27 -26
  148. package/dist/vanilla/core/describeError.js +1 -1
  149. package/dist/vanilla/core/sheetTitle.js +7 -7
  150. package/package.json +3 -1
@@ -1,150 +1,151 @@
1
- import { jsx as a, Fragment as D, jsxs as c } from "react/jsx-runtime";
2
- import { useState as $, useRef as R, useEffect as I, useLayoutEffect as E } from "react";
3
- import { Icon$u as M } from "../Icon/Icon.js";
4
- import { useAutoId$u as O } from "../../hooks/useAutoId.js";
5
- import { animateHeight$u as A } from "../../vanilla/core/collapseMotion.js";
6
- const W = ({
7
- label: h,
8
- children: s,
9
- lines: n = 1,
1
+ import { jsx as r, Fragment as M, jsxs as d } from "react/jsx-runtime";
2
+ import { useState as S, useRef as k, useEffect as z, useLayoutEffect as A } from "react";
3
+ import { Icon$u as K } from "../Icon/Icon.js";
4
+ import { useAutoId$u as j } from "../../hooks/useAutoId.js";
5
+ import { kitCls$u as a, getUiKitPrefix$u as l } from "../../shared/uiKitDefaults.js";
6
+ import { animateHeight$u as P } from "../../vanilla/core/collapseMotion.js";
7
+ const U = ({
8
+ label: f,
9
+ children: b,
10
+ lines: s = 1,
10
11
  valueColor: u,
11
- labelColor: m,
12
- gridSpan: d,
13
- gridRowSpan: f
12
+ labelColor: p,
13
+ gridSpan: m,
14
+ gridRowSpan: g
14
15
  }) => {
15
- const [r, w] = $(!1), [N, y] = $(!1), b = R(null), g = O(void 0, "u-table-card-value"), _ = R(null);
16
- return E(() => {
17
- const l = b.current, i = _.current;
18
- if (_.current = null, !l || i == null) return;
19
- const t = () => {
20
- l.classList.toggle("u-table-mobile-card__value--clamped", !r), l.style.webkitLineClamp = r ? "" : String(n);
16
+ const [t, N] = S(!1), [C, y] = S(!1), _ = k(null), w = j(void 0, a("table-card-value")), v = k(null);
17
+ return A(() => {
18
+ const o = _.current, n = v.current;
19
+ if (v.current = null, !o || n == null) return;
20
+ const c = () => {
21
+ o.classList.toggle(a("table-mobile-card__value--clamped"), !t), o.style.webkitLineClamp = t ? "" : String(s);
21
22
  };
22
- l.classList.remove("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = "";
23
- let o = l.getBoundingClientRect().height;
24
- r || (l.classList.add("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = String(n), o = l.getBoundingClientRect().height, l.classList.remove("u-table-mobile-card__value--clamped"), l.style.webkitLineClamp = "");
25
- const p = A(l, i, o, t);
23
+ o.classList.remove(a("table-mobile-card__value--clamped")), o.style.webkitLineClamp = "";
24
+ let i = o.getBoundingClientRect().height;
25
+ t || (o.classList.add(a("table-mobile-card__value--clamped")), o.style.webkitLineClamp = String(s), i = o.getBoundingClientRect().height, o.classList.remove(a("table-mobile-card__value--clamped")), o.style.webkitLineClamp = "");
26
+ const h = P(o, n, i, c);
26
27
  return () => {
27
- p(), t();
28
+ h(), c();
28
29
  };
29
- }, [r, s, n]), I(() => {
30
- const l = b.current;
31
- if (!l) return;
32
- const i = () => {
33
- const o = Number.parseFloat(getComputedStyle(l).lineHeight), p = Number.isFinite(o) ? o * n : l.clientHeight;
34
- y(l.scrollHeight > p + 1);
30
+ }, [t, b, s]), z(() => {
31
+ const o = _.current;
32
+ if (!o) return;
33
+ const n = () => {
34
+ const i = Number.parseFloat(getComputedStyle(o).lineHeight), h = Number.isFinite(i) ? i * s : o.clientHeight;
35
+ y(o.scrollHeight > h + 1);
35
36
  };
36
- if (i(), typeof ResizeObserver > "u") return;
37
- const t = new ResizeObserver(i);
38
- return t.observe(l), () => t.disconnect();
39
- }, [s, n, r]), /* @__PURE__ */ c("div", { className: `u-table-mobile-card__row u-table-mobile-card__row--collapsible${d === "full" ? " u-table-mobile-card__row--span-full" : d === 2 ? " u-table-mobile-card__row--span2" : d === "narrow" ? " u-table-mobile-card__row--span-narrow" : ""}${f === 2 ? " u-table-mobile-card__row--rowspan2" : ""}`, children: [
40
- h != null && /* @__PURE__ */ a("span", { className: "u-table-mobile-card__label", style: m ? { color: m } : void 0, children: h }),
41
- /* @__PURE__ */ a(
37
+ if (n(), typeof ResizeObserver > "u") return;
38
+ const c = new ResizeObserver(n);
39
+ return c.observe(o), () => c.disconnect();
40
+ }, [b, s, t]), /* @__PURE__ */ d("div", { className: `${l()}-table-mobile-card__row ${l()}-table-mobile-card__row--collapsible${m === "full" ? ` ${l()}-table-mobile-card__row--span-full` : m === 2 ? ` ${l()}-table-mobile-card__row--span2` : m === "narrow" ? ` ${l()}-table-mobile-card__row--span-narrow` : ""}${g === 2 ? ` ${l()}-table-mobile-card__row--rowspan2` : ""}`, children: [
41
+ f != null && /* @__PURE__ */ r("span", { className: a("table-mobile-card__label"), style: p ? { color: p } : void 0, children: f }),
42
+ /* @__PURE__ */ r(
42
43
  "span",
43
44
  {
44
- ref: b,
45
- id: g,
46
- className: "u-table-mobile-card__value" + (r ? "" : " u-table-mobile-card__value--clamped"),
47
- style: { ...r ? {} : { WebkitLineClamp: n }, ...u ? { color: u } : {} },
48
- children: s
45
+ ref: _,
46
+ id: w,
47
+ className: a("table-mobile-card__value") + (t ? "" : ` ${l()}-table-mobile-card__value--clamped`),
48
+ style: { ...t ? {} : { WebkitLineClamp: s }, ...u ? { color: u } : {} },
49
+ children: b
49
50
  }
50
51
  ),
51
- (N || r) && /* @__PURE__ */ a(
52
+ (C || t) && /* @__PURE__ */ r(
52
53
  "button",
53
54
  {
54
55
  type: "button",
55
- className: "u-table-mobile-card__value-toggle",
56
+ className: a("table-mobile-card__value-toggle"),
56
57
  onClick: () => {
57
- var l;
58
- _.current = ((l = b.current) == null ? void 0 : l.getBoundingClientRect().height) ?? null, w((i) => !i);
58
+ var o;
59
+ v.current = ((o = _.current) == null ? void 0 : o.getBoundingClientRect().height) ?? null, N((n) => !n);
59
60
  },
60
- "aria-expanded": r,
61
- "aria-controls": g,
62
- children: r ? "Скрыть" : "Показать больше"
61
+ "aria-expanded": t,
62
+ "aria-controls": w,
63
+ children: t ? "Скрыть" : "Показать больше"
63
64
  }
64
65
  )
65
66
  ] });
66
- }, Q = ({
67
- title: h,
68
- titleLabel: s,
69
- titleHideLabel: n,
67
+ }, V = ({
68
+ title: f,
69
+ titleLabel: b,
70
+ titleHideLabel: s,
70
71
  titleColor: u,
71
- titleLabelColor: m,
72
- subtitle: d,
73
- subtitleColor: f,
74
- actions: r,
75
- inline: w,
76
- body: N,
72
+ titleLabelColor: p,
73
+ subtitle: m,
74
+ subtitleColor: g,
75
+ actions: t,
76
+ inline: N,
77
+ body: C,
77
78
  details: y,
78
- flat: b,
79
- inset: g,
80
- density: _ = "default",
81
- divider: l,
82
- showLabels: i = !0,
83
- columns: t = 1
79
+ flat: _,
80
+ inset: w,
81
+ density: v = "default",
82
+ divider: o,
83
+ showLabels: n = !0,
84
+ columns: c = 1
84
85
  }) => {
85
- const [o, p] = $(!1), S = O(void 0, "u-table-card-details"), C = R(null);
86
- I(() => {
87
- C.current && (C.current.inert = !o);
88
- }, [o]);
89
- const L = w.filter((e) => e.value != null && e.value !== ""), k = N.filter((e) => e.value != null && e.value !== ""), x = y.filter((e) => e.value != null && e.value !== ""), F = x.length > 0, z = k.length > 0, B = t === 3 ? " u-table-mobile-card__fields--cols3" : t === 2 ? " u-table-mobile-card__fields--cols2" : "", j = /* @__PURE__ */ a(D, { children: /* @__PURE__ */ c("div", { className: "u-table-mobile-card__head-main", children: [
90
- /* @__PURE__ */ c("span", { className: "u-table-mobile-card__primary", children: [
91
- i && !n && s != null && s !== "" && /* @__PURE__ */ a(
86
+ const [i, h] = S(!1), L = j(void 0, a("table-card-details")), R = k(null);
87
+ z(() => {
88
+ R.current && (R.current.inert = !i);
89
+ }, [i]);
90
+ const x = N.filter((e) => e.value != null && e.value !== ""), F = C.filter((e) => e.value != null && e.value !== ""), B = y.filter((e) => e.value != null && e.value !== ""), H = B.length > 0, D = F.length > 0, I = c === 3 ? ` ${l()}-table-mobile-card__fields--cols3` : c === 2 ? ` ${l()}-table-mobile-card__fields--cols2` : "", E = /* @__PURE__ */ r(M, { children: /* @__PURE__ */ d("div", { className: a("table-mobile-card__head-main"), children: [
91
+ /* @__PURE__ */ d("span", { className: a("table-mobile-card__primary"), children: [
92
+ n && !s && b != null && b !== "" && /* @__PURE__ */ r(
92
93
  "span",
93
94
  {
94
- className: "u-table-mobile-card__title-label",
95
- style: m ? { color: m } : void 0,
96
- children: s
95
+ className: a("table-mobile-card__title-label"),
96
+ style: p ? { color: p } : void 0,
97
+ children: b
97
98
  }
98
99
  ),
99
- /* @__PURE__ */ a(
100
+ /* @__PURE__ */ r(
100
101
  "span",
101
102
  {
102
- className: "u-table-mobile-card__title",
103
+ className: a("table-mobile-card__title"),
103
104
  style: u ? { color: u } : void 0,
104
- children: h
105
+ children: f
105
106
  }
106
107
  ),
107
- d != null && d !== "" && /* @__PURE__ */ a(
108
+ m != null && m !== "" && /* @__PURE__ */ r(
108
109
  "span",
109
110
  {
110
- className: "u-table-mobile-card__subtitle",
111
- style: f ? { color: f } : void 0,
112
- children: d
111
+ className: a("table-mobile-card__subtitle"),
112
+ style: g ? { color: g } : void 0,
113
+ children: m
113
114
  }
114
115
  )
115
116
  ] }),
116
- L.length > 0 && /* @__PURE__ */ a("span", { className: "u-table-mobile-card__inline-group", children: L.map(
117
- (e, v) => i && !e.hideLabel ? /* @__PURE__ */ c("span", { className: "u-table-mobile-card__inline-field", children: [
118
- /* @__PURE__ */ a(
117
+ x.length > 0 && /* @__PURE__ */ r("span", { className: a("table-mobile-card__inline-group"), children: x.map(
118
+ (e, $) => n && !e.hideLabel ? /* @__PURE__ */ d("span", { className: a("table-mobile-card__inline-field"), children: [
119
+ /* @__PURE__ */ r(
119
120
  "span",
120
121
  {
121
- className: "u-table-mobile-card__inline-label",
122
+ className: a("table-mobile-card__inline-label"),
122
123
  style: e.labelColor ? { color: e.labelColor } : void 0,
123
124
  children: e.label
124
125
  }
125
126
  ),
126
- /* @__PURE__ */ a(
127
+ /* @__PURE__ */ r(
127
128
  "span",
128
129
  {
129
- className: "u-table-mobile-card__inline",
130
+ className: a("table-mobile-card__inline"),
130
131
  style: e.valueColor ? { color: e.valueColor } : void 0,
131
132
  children: e.value
132
133
  }
133
134
  )
134
- ] }, v) : /* @__PURE__ */ a(
135
+ ] }, $) : /* @__PURE__ */ r(
135
136
  "span",
136
137
  {
137
- className: "u-table-mobile-card__inline",
138
+ className: a("table-mobile-card__inline"),
138
139
  style: e.valueColor ? { color: e.valueColor } : void 0,
139
140
  children: e.value
140
141
  },
141
- v
142
+ $
142
143
  )
143
144
  ) })
144
- ] }) }), H = (e, v) => e.expandLines ? /* @__PURE__ */ a(
145
- W,
145
+ ] }) }), O = (e, $) => e.expandLines ? /* @__PURE__ */ r(
146
+ U,
146
147
  {
147
- label: i && !e.hideLabel ? e.label : null,
148
+ label: n && !e.hideLabel ? e.label : null,
148
149
  lines: e.expandLines,
149
150
  valueColor: e.valueColor,
150
151
  labelColor: e.labelColor,
@@ -152,62 +153,62 @@ const W = ({
152
153
  gridRowSpan: e.gridRowSpan,
153
154
  children: e.value
154
155
  },
155
- v
156
- ) : /* @__PURE__ */ c("div", { className: `u-table-mobile-card__row${e.gridSpan === "full" ? " u-table-mobile-card__row--span-full" : e.gridSpan === 2 ? " u-table-mobile-card__row--span2" : e.gridSpan === "narrow" ? " u-table-mobile-card__row--span-narrow" : ""}${e.gridRowSpan === 2 ? " u-table-mobile-card__row--rowspan2" : ""}`, children: [
157
- i && !e.hideLabel && /* @__PURE__ */ a(
156
+ $
157
+ ) : /* @__PURE__ */ d("div", { className: `${l()}-table-mobile-card__row${e.gridSpan === "full" ? ` ${l()}-table-mobile-card__row--span-full` : e.gridSpan === 2 ? ` ${l()}-table-mobile-card__row--span2` : e.gridSpan === "narrow" ? ` ${l()}-table-mobile-card__row--span-narrow` : ""}${e.gridRowSpan === 2 ? ` ${l()}-table-mobile-card__row--rowspan2` : ""}`, children: [
158
+ n && !e.hideLabel && /* @__PURE__ */ r(
158
159
  "span",
159
160
  {
160
- className: "u-table-mobile-card__label",
161
+ className: a("table-mobile-card__label"),
161
162
  style: e.labelColor ? { color: e.labelColor } : void 0,
162
163
  children: e.label
163
164
  }
164
165
  ),
165
- /* @__PURE__ */ a(
166
+ /* @__PURE__ */ r(
166
167
  "span",
167
168
  {
168
- className: "u-table-mobile-card__value",
169
+ className: a("table-mobile-card__value"),
169
170
  style: e.valueColor ? { color: e.valueColor } : void 0,
170
171
  children: e.value
171
172
  }
172
173
  )
173
- ] }, v);
174
- return /* @__PURE__ */ c(
174
+ ] }, $);
175
+ return /* @__PURE__ */ d(
175
176
  "div",
176
177
  {
177
- className: `u-table-mobile-card u-table-mobile-card--list${b ? " u-table-mobile-card--flat" : ""}${l ? " u-table-mobile-card--divider" : ""}${t === 3 ? " u-table-mobile-card--cols3" : ""}${g ? " u-table-mobile-card--inset" : ""}${_ === "compact" ? " u-table-mobile-card--compact" : ""}`,
178
+ className: `${l()}-table-mobile-card ${l()}-table-mobile-card--list${_ ? ` ${l()}-table-mobile-card--flat` : ""}${o ? ` ${l()}-table-mobile-card--divider` : ""}${c === 3 ? ` ${l()}-table-mobile-card--cols3` : ""}${w ? ` ${l()}-table-mobile-card--inset` : ""}${v === "compact" ? ` ${l()}-table-mobile-card--compact` : ""}`,
178
179
  children: [
179
- /* @__PURE__ */ c("div", { className: "u-table-mobile-card__head", children: [
180
- j,
181
- r && /* @__PURE__ */ a("div", { className: "u-table-mobile-card__actions", children: r })
180
+ /* @__PURE__ */ d("div", { className: a("table-mobile-card__head"), children: [
181
+ E,
182
+ t && /* @__PURE__ */ r("div", { className: a("table-mobile-card__actions"), children: t })
182
183
  ] }),
183
- z && /* @__PURE__ */ a("div", { className: `u-table-mobile-card__fields u-table-mobile-card__fields--body${B}`, children: k.map(H) }),
184
- F && /* @__PURE__ */ c(
184
+ D && /* @__PURE__ */ r("div", { className: `${l()}-table-mobile-card__fields ${l()}-table-mobile-card__fields--body${I}`, children: F.map(O) }),
185
+ H && /* @__PURE__ */ d(
185
186
  "button",
186
187
  {
187
188
  type: "button",
188
- className: "u-table-mobile-card__details-toggle",
189
- "aria-label": o ? "Свернуть" : "Подробнее",
190
- onClick: () => p((e) => !e),
191
- "aria-expanded": o,
192
- "aria-controls": S,
189
+ className: a("table-mobile-card__details-toggle"),
190
+ "aria-label": i ? "Свернуть" : "Подробнее",
191
+ onClick: () => h((e) => !e),
192
+ "aria-expanded": i,
193
+ "aria-controls": L,
193
194
  children: [
194
- o ? "Свернуть" : "Подробнее",
195
- /* @__PURE__ */ a(M, { name: "up", size: "14px", className: `u-table-mobile-card__chevron${o ? " u-table-mobile-card__chevron--open" : ""}` })
195
+ i ? "Свернуть" : "Подробнее",
196
+ /* @__PURE__ */ r(K, { name: "up", size: "14px", className: `${l()}-table-mobile-card__chevron${i ? ` ${l()}-table-mobile-card__chevron--open` : ""}` })
196
197
  ]
197
198
  }
198
199
  ),
199
- F && /* @__PURE__ */ a(
200
+ H && /* @__PURE__ */ r(
200
201
  "div",
201
202
  {
202
- id: S,
203
- ref: C,
204
- "aria-hidden": !o,
205
- className: `u-table-mobile-card__details-wrap${o ? " u-table-mobile-card__details-wrap--open" : ""}`,
206
- children: /* @__PURE__ */ a("div", { className: `u-table-mobile-card__details${B}`, children: x.map(H) })
203
+ id: L,
204
+ ref: R,
205
+ "aria-hidden": !i,
206
+ className: `${l()}-table-mobile-card__details-wrap${i ? ` ${l()}-table-mobile-card__details-wrap--open` : ""}`,
207
+ children: /* @__PURE__ */ r("div", { className: `${l()}-table-mobile-card__details${I}`, children: B.map(O) })
207
208
  }
208
209
  )
209
210
  ]
210
211
  }
211
212
  );
212
213
  };
213
- export { Q as MobileCard$u, W as MobileCollapsibleField$u };
214
+ export { V as MobileCard$u, U as MobileCollapsibleField$u };
@@ -1 +1 @@
1
- {"version":3,"file":"TableMobileFilters.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableMobileFilters.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,2BAA2B,CAAC;AAOnC,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,SAAS,uBAAuB,EAAE,CAAC;IAC5C,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CA4BxG"}
1
+ {"version":3,"file":"TableMobileFilters.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableMobileFilters.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,2BAA2B,CAAC;AAQnC,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,SAAS,uBAAuB,EAAE,CAAC;IAC5C,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yEAAyE;AACzE,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CA4BxG"}
@@ -1,56 +1,57 @@
1
- import { jsxs as c, jsx as i } from "react/jsx-runtime";
2
- import { useState as d } from "react";
3
- import { Button$u as m } from "../Button/Button.js";
4
- import { Select$u as y } from "../Select/Select.js";
1
+ import { jsxs as c, jsx as n } from "react/jsx-runtime";
2
+ import { useState as u } from "react";
3
+ import { Button$u as b } from "../Button/Button.js";
4
+ import { Select$u as h } from "../Select/Select.js";
5
5
  /* empty css */
6
- const h = {
6
+ import { kitCls$u as t } from "../../shared/uiKitDefaults.js";
7
+ const k = {
7
8
  asc: { icon: "up-arrow", iconLabel: "По возрастанию" },
8
9
  desc: { icon: "down-arrow", iconLabel: "По убыванию" }
9
10
  };
10
- function N({ options: a, renderFilter: b, onReset: s, sortLabel: t }) {
11
- const [n, f] = d(!1), [v, o] = d(() => {
11
+ function S({ options: a, renderFilter: f, onReset: d, sortLabel: r }) {
12
+ const [s, o] = u(!1), [v, y] = u(() => {
12
13
  var e;
13
14
  return (e = a[0]) == null ? void 0 : e.key;
14
- }), l = a.find((e) => e.key === v) ?? a[0], r = a.filter((e) => e.active).length, u = a.map((e) => ({
15
+ }), l = a.find((e) => e.key === v) ?? a[0], i = a.filter((e) => e.active).length, m = a.map((e) => ({
15
16
  value: e.key,
16
17
  label: e.label + (e.active ? e.selectedCount === void 0 ? " · выбор по условию" : ` · выбрано: ${e.selectedCount}` : ""),
17
- ...e.sort ? h[e.sort] : {}
18
+ ...e.sort ? k[e.sort] : {}
18
19
  }));
19
- return a.length ? /* @__PURE__ */ c("div", { className: "u-table-mobile-filters", children: [
20
+ return a.length ? /* @__PURE__ */ c("div", { className: t("table-mobile-filters"), children: [
20
21
  /* @__PURE__ */ c(
21
- m,
22
+ b,
22
23
  {
23
24
  type: "button",
24
25
  variant: "outline",
25
26
  size: "small",
26
- className: "u-table-mobile-filters__toggle",
27
- disabled: a.every((e) => e.disabled) && !r && !t,
28
- icon: n ? "up" : "down",
29
- "aria-expanded": n,
30
- onClick: () => f((e) => !e),
27
+ className: t("table-mobile-filters__toggle"),
28
+ disabled: a.every((e) => e.disabled) && !i && !r,
29
+ icon: s ? "up" : "down",
30
+ "aria-expanded": s,
31
+ onClick: () => o((e) => !e),
31
32
  children: [
32
33
  "Фильтры",
33
- r ? ": " + r : ""
34
+ i ? ": " + i : ""
34
35
  ]
35
36
  }
36
37
  ),
37
- n ? /* @__PURE__ */ c("div", { className: "u-table-mobile-filters__panel", role: "region", "aria-label": "Фильтры таблицы", children: [
38
- /* @__PURE__ */ i(
39
- y,
38
+ s ? /* @__PURE__ */ c("div", { className: t("table-mobile-filters__panel"), role: "region", "aria-label": "Фильтры таблицы", children: [
39
+ /* @__PURE__ */ n(
40
+ h,
40
41
  {
41
42
  title: "Столбец",
42
43
  "aria-label": "Столбец для фильтрации",
43
- options: u,
44
- value: u.find((e) => e.value === (l == null ? void 0 : l.key)) ?? null,
44
+ options: m,
45
+ value: m.find((e) => e.value === (l == null ? void 0 : l.key)) ?? null,
45
46
  onChange: (e) => {
46
- typeof (e == null ? void 0 : e.value) == "string" && o(e.value);
47
+ typeof (e == null ? void 0 : e.value) == "string" && y(e.value);
47
48
  }
48
49
  }
49
50
  ),
50
- /* @__PURE__ */ i("div", { children: l ? b(l.key) : null }, l == null ? void 0 : l.key),
51
- t ? /* @__PURE__ */ i("p", { className: "u-table-mobile-filters__sort-label", children: t }) : null,
52
- s && (r || t) ? /* @__PURE__ */ i(m, { className: "u-table-mobile-filters__reset", variant: "text", onClick: s, children: "Сбросить все фильтры и сортировку" }) : null
51
+ /* @__PURE__ */ n("div", { children: l ? f(l.key) : null }, l == null ? void 0 : l.key),
52
+ r ? /* @__PURE__ */ n("p", { className: t("table-mobile-filters__sort-label"), children: r }) : null,
53
+ d && (i || r) ? /* @__PURE__ */ n(b, { className: t("table-mobile-filters__reset"), variant: "text", onClick: d, children: "Сбросить все фильтры и сортировку" }) : null
53
54
  ] }) : null
54
55
  ] }) : null;
55
56
  }
56
- export { N as TableMobileFilters$u };
57
+ export { S as TableMobileFilters$u };
@@ -1 +1 @@
1
- {"version":3,"file":"TableMobileView.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableMobileView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAOpE,UAAU,oBAAoB;IAC5B,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAClC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACzD,kBAAkB,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IAC7D,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACnE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC3C;AAID,eAAO,MAAM,eAAe,GAAI,ujBAiC7B,oBAAoB,4CA2XtB,CAAC"}
1
+ {"version":3,"file":"TableMobileView.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableMobileView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAQpE,UAAU,oBAAoB;IAC5B,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAClC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,SAAS,CAAC;IACtC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACzD,kBAAkB,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IAC7D,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACnE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC3C;AAID,eAAO,MAAM,eAAe,GAAI,ujBAiC7B,oBAAoB,4CA2XtB,CAAC"}