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,37 +1,38 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
|
-
import { Button$u as
|
|
6
|
-
import { Tooltip$u as
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
5
|
+
import { Button$u as x } from "../Button/Button.js";
|
|
6
|
+
import { Tooltip$u as N } from "../Tooltip/Tooltip.js";
|
|
7
|
+
import { getUiKitPrefix$u as r, kitCls$u as i } from "../../shared/uiKitDefaults.js";
|
|
8
|
+
import { resolveValidation$u as v } from "../../vanilla/core/validation.js";
|
|
9
|
+
const O = ({
|
|
10
|
+
title: l,
|
|
11
|
+
tooltip: a,
|
|
12
|
+
required: d = !1,
|
|
13
|
+
error: p,
|
|
14
|
+
inline: _ = !1,
|
|
15
|
+
gap: o,
|
|
16
|
+
hint: s,
|
|
17
|
+
htmlFor: m,
|
|
17
18
|
className: u = "",
|
|
18
|
-
style:
|
|
19
|
-
children:
|
|
19
|
+
style: $,
|
|
20
|
+
children: h
|
|
20
21
|
}) => {
|
|
21
|
-
const
|
|
22
|
-
return /* @__PURE__ */
|
|
22
|
+
const t = v({ error: p }), n = d ? ` ${r()}-required` : "", f = typeof o == "number" ? `calc(${o} * var(--${r()}-preset-unit, 1px))` : o;
|
|
23
|
+
return /* @__PURE__ */ c(
|
|
23
24
|
"div",
|
|
24
25
|
{
|
|
25
|
-
className:
|
|
26
|
-
style: { ...
|
|
26
|
+
className: `${r()}-form-field${_ ? ` ${r()}-form-field--inline` : ""} ${u}`.trim(),
|
|
27
|
+
style: { ...f ? { gap: f } : null, ...$ },
|
|
27
28
|
children: [
|
|
28
|
-
|
|
29
|
+
l && a ? (
|
|
29
30
|
// «?» стоит рядом с подписью, а не внутри неё: иначе текст подсказки
|
|
30
31
|
// войдёт в имя поля для читалки экрана. Звёздочка — у подписи, перед «?».
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */ e("label", { className:
|
|
33
|
-
/* @__PURE__ */ e("span", { className: "
|
|
34
|
-
|
|
32
|
+
/* @__PURE__ */ c("div", { className: i("form-field__title-row"), children: [
|
|
33
|
+
/* @__PURE__ */ e("label", { className: `${r()}-form-field__title${n}`, htmlFor: m, children: l }),
|
|
34
|
+
/* @__PURE__ */ e("span", { className: i("form-field__help"), children: /* @__PURE__ */ e(N, { tooltipText: a, position: "top", portalOn: !0, children: /* @__PURE__ */ e(
|
|
35
|
+
x,
|
|
35
36
|
{
|
|
36
37
|
variant: "text-table",
|
|
37
38
|
size: "small",
|
|
@@ -42,12 +43,12 @@ const w = ({
|
|
|
42
43
|
}
|
|
43
44
|
) }) })
|
|
44
45
|
] })
|
|
45
|
-
) :
|
|
46
|
-
/* @__PURE__ */ e("div", { className: "
|
|
47
|
-
|
|
48
|
-
!
|
|
46
|
+
) : l && /* @__PURE__ */ e("label", { className: `${r()}-form-field__title${n}`, htmlFor: m, children: l }),
|
|
47
|
+
/* @__PURE__ */ e("div", { className: i("form-field__control"), children: h }),
|
|
48
|
+
t.showText && /* @__PURE__ */ e("span", { className: i("form-field__error"), children: t.text }),
|
|
49
|
+
!t.hasError && s && /* @__PURE__ */ e("span", { className: i("form-field__hint"), children: s })
|
|
49
50
|
]
|
|
50
51
|
}
|
|
51
52
|
);
|
|
52
53
|
};
|
|
53
|
-
export {
|
|
54
|
+
export { O as FormField$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,GAAI,oEAOlB,cAAc,4CAgChB,CAAC"}
|
|
@@ -1,32 +1,33 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
import { getUiKitPrefix$u as o } from "../../shared/uiKitDefaults.js";
|
|
5
|
+
const x = ({
|
|
6
|
+
name: c = "",
|
|
7
|
+
size: a = "",
|
|
8
|
+
color: m = "",
|
|
9
|
+
className: p = "",
|
|
10
|
+
rotate: i,
|
|
10
11
|
"aria-label": r
|
|
11
12
|
}) => {
|
|
12
13
|
const l = (t) => {
|
|
13
14
|
if (typeof t == "number") return `calc(${t} * var(--u-unit, 1px))`;
|
|
14
|
-
const
|
|
15
|
-
return
|
|
16
|
-
}, n = typeof
|
|
17
|
-
return /* @__PURE__ */
|
|
15
|
+
const e = String(t).trim().match(/^(-?\d+(?:\.\d+)?)px$/);
|
|
16
|
+
return e ? `calc(${e[1]} * var(--${o()}-preset-unit, 1px))` : String(t);
|
|
17
|
+
}, n = typeof i == "number";
|
|
18
|
+
return /* @__PURE__ */ u(
|
|
18
19
|
"i",
|
|
19
20
|
{
|
|
20
21
|
style: {
|
|
21
|
-
fontSize: l(
|
|
22
|
-
color:
|
|
23
|
-
...n ? { transform: `rotate(${
|
|
22
|
+
fontSize: l(a),
|
|
23
|
+
color: m,
|
|
24
|
+
...n ? { transform: `rotate(${i}deg)` } : null
|
|
24
25
|
},
|
|
25
|
-
className:
|
|
26
|
+
className: `${o()}-icon icon-${c}${n ? ` ${o()}-react-icon-rotatable` : ""} ${p}`,
|
|
26
27
|
role: r ? "img" : void 0,
|
|
27
28
|
"aria-label": r || void 0,
|
|
28
29
|
"aria-hidden": r ? void 0 : !0
|
|
29
30
|
}
|
|
30
31
|
);
|
|
31
32
|
};
|
|
32
|
-
export {
|
|
33
|
+
export { x as Icon$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScroll/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,2DAA2D,CAAC;AACnE,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScroll/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,2DAA2D,CAAC;AACnE,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAIjG,MAAM,WAAW,mBAAoB,SAAQ,wBAAwB;IACnE,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,wEAO5B,mBAAmB,4CA0BrB,CAAC"}
|
|
@@ -1,27 +1,28 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as _, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import { useState as
|
|
4
|
-
import { useInfiniteScroll$u as
|
|
5
|
-
import { Skeleton$u as
|
|
6
|
-
|
|
3
|
+
import { useState as h, useRef as x, useEffect as d } from "react";
|
|
4
|
+
import { useInfiniteScroll$u as N } from "../../hooks/useInfiniteScroll.js";
|
|
5
|
+
import { Skeleton$u as S } from "../Skeleton/Skeleton.js";
|
|
6
|
+
import { kitCls$u as r } from "../../shared/uiKitDefaults.js";
|
|
7
|
+
const j = (e, s) => `Загружено ещё ${e}${s ? "" : ". Это все записи"}`, E = ({
|
|
7
8
|
itemCount: e,
|
|
8
|
-
loader:
|
|
9
|
-
endMessage:
|
|
10
|
-
loadingLabel:
|
|
11
|
-
className:
|
|
12
|
-
...
|
|
9
|
+
loader: s,
|
|
10
|
+
endMessage: m,
|
|
11
|
+
loadingLabel: l = "Загрузка…",
|
|
12
|
+
className: u,
|
|
13
|
+
...c
|
|
13
14
|
}) => {
|
|
14
|
-
const { sentinelRef:
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
}, [
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
}, [e,
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
|
|
23
|
-
!
|
|
24
|
-
/* @__PURE__ */
|
|
15
|
+
const { sentinelRef: p } = N(c), { loading: i, hasMore: o } = c, [v, a] = h(""), f = x(e);
|
|
16
|
+
return d(() => {
|
|
17
|
+
i && a(l);
|
|
18
|
+
}, [i, l]), d(() => {
|
|
19
|
+
const t = f.current;
|
|
20
|
+
f.current = e, t !== void 0 && e !== void 0 && e > t && a(j(e - t, o));
|
|
21
|
+
}, [e, o]), /* @__PURE__ */ _("div", { className: [r("infinite-scroll"), u].filter(Boolean).join(" "), children: [
|
|
22
|
+
/* @__PURE__ */ n("div", { ref: p, className: r("infinite-scroll__sentinel"), "aria-hidden": "true" }),
|
|
23
|
+
i && /* @__PURE__ */ n("div", { className: r("infinite-scroll__loader"), children: s ?? /* @__PURE__ */ n(S, { variant: "text", count: 2 }) }),
|
|
24
|
+
!o && !i && m,
|
|
25
|
+
/* @__PURE__ */ n("span", { className: r("infinite-scroll__status"), role: "status", "aria-live": "polite", children: v })
|
|
25
26
|
] });
|
|
26
27
|
};
|
|
27
|
-
export {
|
|
28
|
+
export { E as InfiniteScroll$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputExpandTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/InputExpandTextarea/InputExpandTextarea.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oEAAoE,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"InputExpandTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/InputExpandTextarea/InputExpandTextarea.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oEAAoE,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAA;AAO3E,eAAO,MAAM,mBAAmB,GAAI,+XA4BjC,6BAA6B,4CAmJ/B,CAAA"}
|
|
@@ -1,144 +1,145 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { getFieldAccessibility$u as
|
|
1
|
+
import { jsxs as l, jsx as v } from "react/jsx-runtime";
|
|
2
|
+
import { getFieldAccessibility$u as Z } from "../../shared/fieldAccessibility.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
|
-
import { useState as
|
|
6
|
-
import { useAutoId$u as
|
|
7
|
-
import { sizeClassName$u as
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"aria-
|
|
12
|
-
"aria-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
5
|
+
import { useState as U, useRef as ee, useCallback as te, useEffect as x } from "react";
|
|
6
|
+
import { useAutoId$u as ie } from "../../hooks/useAutoId.js";
|
|
7
|
+
import { sizeClassName$u as re, isCompact$u as ne } from "../../shared/size.js";
|
|
8
|
+
import { getUiKitPrefix$u as t, kitCls$u as h } from "../../shared/uiKitDefaults.js";
|
|
9
|
+
import { resolveValidation$u as ae } from "../../vanilla/core/validation.js";
|
|
10
|
+
const xe = ({
|
|
11
|
+
"aria-label": A,
|
|
12
|
+
"aria-labelledby": T,
|
|
13
|
+
"aria-describedby": M,
|
|
14
|
+
title: s = "",
|
|
15
|
+
placeholder: O = "",
|
|
16
|
+
id: R,
|
|
17
|
+
onChange: b,
|
|
18
|
+
required: g = !1,
|
|
19
|
+
lineUp: c = !1,
|
|
20
|
+
rowGap: _ = 4,
|
|
21
|
+
columnGap: k = 20,
|
|
22
|
+
styleInputContainer: F,
|
|
23
|
+
styleTitle: G,
|
|
24
|
+
styleInput: I,
|
|
25
|
+
className: D = "",
|
|
26
|
+
tableView: $ = !1,
|
|
27
|
+
size: y,
|
|
28
|
+
validationText: K = "Заполните поле",
|
|
29
|
+
validationOn: P,
|
|
29
30
|
error: V,
|
|
30
31
|
absoluteValidationText: Y,
|
|
31
|
-
value:
|
|
32
|
+
value: d,
|
|
32
33
|
minHeight: u,
|
|
33
|
-
maxHeight:
|
|
34
|
-
maxLength:
|
|
34
|
+
maxHeight: p,
|
|
35
|
+
maxLength: i,
|
|
35
36
|
counterLayout: q = "flow",
|
|
36
37
|
disabled: B
|
|
37
38
|
}) => {
|
|
38
|
-
const
|
|
39
|
-
"aria-label":
|
|
40
|
-
"aria-labelledby":
|
|
41
|
-
"aria-describedby":
|
|
42
|
-
}), [
|
|
39
|
+
const n = ae({ error: V, validationOn: P, validationText: K }), J = ne(y, $), w = re(y, $), a = ie(R, h("input-expand")), L = Z(a, s, g, n, {
|
|
40
|
+
"aria-label": A,
|
|
41
|
+
"aria-labelledby": T,
|
|
42
|
+
"aria-describedby": M
|
|
43
|
+
}), [m, Q] = U(null), o = ee(null), S = (e) => typeof e == "number" ? `calc(${e} * var(--${t()}-preset-unit, 1px))` : String(e), C = (e) => {
|
|
43
44
|
if (e == null || e === "") return;
|
|
44
45
|
if (typeof e == "number") return `calc(${e} * var(--u-unit, 1px))`;
|
|
45
|
-
const
|
|
46
|
-
return
|
|
47
|
-
},
|
|
48
|
-
const e =
|
|
46
|
+
const H = String(e).trim().match(/^(-?\d+(?:\.\d+)?)px$/);
|
|
47
|
+
return H ? `calc(${H[1]} * var(--u-unit, 1px))` : e;
|
|
48
|
+
}, r = te(() => {
|
|
49
|
+
const e = o.current;
|
|
49
50
|
if (e) {
|
|
50
|
-
if (u === void 0 &&
|
|
51
|
+
if (u === void 0 && p === void 0) {
|
|
51
52
|
e.style.height = "5px", e.style.height = e.scrollHeight + 2 + "px";
|
|
52
53
|
return;
|
|
53
54
|
}
|
|
54
55
|
e.style.height = "0px", e.style.height = `${e.scrollHeight + 2}px`;
|
|
55
56
|
}
|
|
56
|
-
}, [
|
|
57
|
-
|
|
58
|
-
const e =
|
|
59
|
-
e && e.setSelectionRange(
|
|
60
|
-
}, [
|
|
61
|
-
const
|
|
62
|
-
|
|
57
|
+
}, [p, u]);
|
|
58
|
+
x(() => {
|
|
59
|
+
const e = o.current;
|
|
60
|
+
e && e.setSelectionRange(m, m);
|
|
61
|
+
}, [o, m, d]);
|
|
62
|
+
const W = (e) => {
|
|
63
|
+
r(), Q(e.target.selectionStart), b && b(e);
|
|
63
64
|
};
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}, [
|
|
65
|
+
x(() => {
|
|
66
|
+
r();
|
|
67
|
+
}, [r, d]), x(() => {
|
|
67
68
|
if (!(typeof window > "u"))
|
|
68
|
-
return window.addEventListener("resize",
|
|
69
|
-
}, [
|
|
70
|
-
const
|
|
71
|
-
return /* @__PURE__ */
|
|
72
|
-
/* @__PURE__ */
|
|
69
|
+
return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
|
|
70
|
+
}, [r]);
|
|
71
|
+
const N = d || "", z = N.length, f = typeof i == "number" && Number.isFinite(i) && i >= 0, X = f && z >= i, j = C(u), E = C(p);
|
|
72
|
+
return /* @__PURE__ */ l("div", { className: `${D}${w ? ` ${w}` : ""}`, style: { position: "relative" }, children: [
|
|
73
|
+
/* @__PURE__ */ l(
|
|
73
74
|
"div",
|
|
74
75
|
{
|
|
75
76
|
style: Object.assign(
|
|
76
77
|
{
|
|
77
78
|
display: "flex",
|
|
78
|
-
flexDirection:
|
|
79
|
-
rowGap:
|
|
80
|
-
columnGap:
|
|
79
|
+
flexDirection: c ? "row" : "column",
|
|
80
|
+
rowGap: c ? null : S(_),
|
|
81
|
+
columnGap: c ? S(k) : null
|
|
81
82
|
},
|
|
82
|
-
|
|
83
|
+
F
|
|
83
84
|
),
|
|
84
85
|
children: [
|
|
85
|
-
|
|
86
|
+
s && /* @__PURE__ */ v(
|
|
86
87
|
"div",
|
|
87
88
|
{
|
|
88
|
-
id: `${
|
|
89
|
-
className: `${
|
|
89
|
+
id: `${a}-label`,
|
|
90
|
+
className: `${g ? h("required") : ""} ${t()}-react-input-title`,
|
|
90
91
|
style: Object.assign(
|
|
91
92
|
{
|
|
92
|
-
color:
|
|
93
|
-
fontSize:
|
|
93
|
+
color: `var(--${t()}-field-title-color, #545454)`,
|
|
94
|
+
fontSize: `var(--${t()}-field-label-size-main, calc(14 * var(--u-unit, 1px)))`
|
|
94
95
|
},
|
|
95
|
-
|
|
96
|
+
G
|
|
96
97
|
),
|
|
97
|
-
children:
|
|
98
|
+
children: s
|
|
98
99
|
}
|
|
99
100
|
),
|
|
100
|
-
/* @__PURE__ */
|
|
101
|
-
/* @__PURE__ */
|
|
101
|
+
/* @__PURE__ */ l("div", { className: `${t()}-input-expand-textarea-field${q === "gap" && !n.showText ? ` ${t()}-input-expand-textarea-field--counter-gap` : ""}`, children: [
|
|
102
|
+
/* @__PURE__ */ v(
|
|
102
103
|
"textarea",
|
|
103
104
|
{
|
|
104
|
-
...
|
|
105
|
+
...L,
|
|
105
106
|
disabled: B,
|
|
106
|
-
className:
|
|
107
|
+
className: `${t()}-textarea input_expand`,
|
|
107
108
|
style: Object.assign(
|
|
108
109
|
{
|
|
109
|
-
height:
|
|
110
|
+
height: j || E ? "auto" : void 0,
|
|
110
111
|
lineHeight: "calc(18 * var(--u-unit, 1px))",
|
|
111
|
-
minHeight:
|
|
112
|
-
maxHeight:
|
|
112
|
+
minHeight: j,
|
|
113
|
+
maxHeight: E,
|
|
113
114
|
overflowY: "auto"
|
|
114
115
|
},
|
|
115
116
|
J && {
|
|
116
|
-
minHeight:
|
|
117
|
-
fontSize:
|
|
117
|
+
minHeight: `var(--${t()}-compact-height)`,
|
|
118
|
+
fontSize: `var(--${t()}-compact-font-size)`,
|
|
118
119
|
lineHeight: 1,
|
|
119
|
-
padding:
|
|
120
|
+
padding: `var(--${t()}-compact-padding)`,
|
|
120
121
|
borderRadius: "8px"
|
|
121
122
|
},
|
|
122
|
-
|
|
123
|
+
I
|
|
123
124
|
),
|
|
124
|
-
maxLength:
|
|
125
|
-
placeholder:
|
|
126
|
-
ref:
|
|
127
|
-
value:
|
|
128
|
-
onChange:
|
|
129
|
-
id: `input_expand${
|
|
125
|
+
maxLength: f ? i : void 0,
|
|
126
|
+
placeholder: O,
|
|
127
|
+
ref: o,
|
|
128
|
+
value: N,
|
|
129
|
+
onChange: W,
|
|
130
|
+
id: `input_expand${a}`
|
|
130
131
|
}
|
|
131
132
|
),
|
|
132
|
-
|
|
133
|
-
|
|
133
|
+
f && /* @__PURE__ */ l("div", { className: h("input-expand-textarea-counter"), style: X ? { color: `var(--${t()}-color-error, #ef302b)` } : void 0, children: [
|
|
134
|
+
z,
|
|
134
135
|
"/",
|
|
135
|
-
|
|
136
|
+
i
|
|
136
137
|
] })
|
|
137
138
|
] })
|
|
138
139
|
]
|
|
139
140
|
}
|
|
140
141
|
),
|
|
141
|
-
|
|
142
|
+
n.showText && /* @__PURE__ */ v("h5", { id: `${a}-error`, className: "h5 clr-red-main", style: Y ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: n.text })
|
|
142
143
|
] });
|
|
143
144
|
};
|
|
144
|
-
export {
|
|
145
|
+
export { xe as InputExpandTextarea$u };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yDAAyD,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"InputFile.d.ts","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yDAAyD,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAIxD,eAAO,MAAM,SAAS,GAAI,uSA0BvB,mBAAmB,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACvD,4CAoPA,CAAA"}
|