@sberbusiness/triplex-next 0.1.9 → 1.1.0
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/chunks/AlertProcessSpoiler-Dp7FRT9y.js +39 -0
- package/chunks/Card.module-Ddt7TQ9Z.js +17 -0
- package/chunks/DropdownListItem-y6Rvj_dd.js +56 -0
- package/chunks/DropdownMobile.module-DrQkghxs.js +19 -0
- package/chunks/Footer.module-CKfl241m.js +11 -0
- package/chunks/FormFieldInput-apk1b0w6.js +63 -0
- package/chunks/HeaderLayoutSidebar.module-DTXnksBK.js +9 -0
- package/chunks/HeaderTabs.module-DVh6MotJ.js +9 -0
- package/chunks/HeaderTitle.module-DOeVL9zC.js +9 -0
- package/chunks/{ListItemControlsButton-BtMEMrGK.js → ListItemControlsButton-Cn3Vmrsn.js} +8 -8
- package/chunks/ListItemTail.module-BnbT61OM.js +12 -0
- package/chunks/ListMasterFooter.module-C6QFamKQ.js +10 -0
- package/chunks/Overlay.module-BTSQ5G6t.js +18 -0
- package/chunks/Page.module-DfMBQJob.js +16 -0
- package/chunks/TabsExtended.module-okOlTNQG.js +13 -0
- package/chunks/{TabsExtendedUtils-BOHZcNx8.js → TabsExtendedUtils-NCwWiX7O.js} +6 -6
- package/chunks/TooltipDesktop.module-DTbnIWo1.js +19 -0
- package/chunks/UploadZoneInput-R9729LZY.js +33 -0
- package/chunks/utils-B0khB-Lq.js +36 -0
- package/chunks/{vendor-CF2m175I.js → vendor-D-uL_icH.js} +38 -34
- package/components/Alert/AlertContext/AlertContext.js +10 -10
- package/components/Alert/AlertProcess/AlertProcess.js +3 -3
- package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +2 -2
- package/components/Body/Body.js +6 -6
- package/components/Button/Button.js +95 -10
- package/components/Button/ButtonBase.js +1 -1
- package/components/Button/ButtonDropdown.js +184 -23
- package/components/Button/ButtonDropdownExtended.js +50 -6
- package/components/Button/ButtonIcon.js +2 -2
- package/components/Button/enums.js +5 -4
- package/components/Button/index.js +14 -12
- package/components/Card/CardAction.js +26 -26
- package/components/Card/CardStatic.js +3 -3
- package/components/Card/components/CardContent/CardContent.js +2 -2
- package/components/Card/components/CardContent/components/CardContentBody.js +2 -2
- package/components/Card/components/CardContent/components/CardContentFooter.js +2 -2
- package/components/Card/components/CardContent/components/CardContentHeader.js +2 -2
- package/components/Card/components/CardMedia.js +2 -2
- package/components/Card/utils.js +1 -1
- package/components/Checkbox/Checkbox.js +7 -7
- package/components/Checkbox/CheckboxXGroup.js +11 -11
- package/components/Checkbox/CheckboxYGroup.js +2 -2
- package/components/Col/Col.js +146 -146
- package/components/DesignTokens/DesignTokenUtils.js +2 -2
- package/components/DesignTokens/DesignTokensComponents.js +9 -7
- package/components/DesignTokens/DesignTokensComponentsThemeDark.js +15 -13
- package/components/DesignTokens/components/Button.js +27 -0
- package/components/DesignTokens/components/FormField.js +22 -4
- package/components/DesignTokens/components/Island.js +26 -0
- package/components/DesignTokens/components/index.js +17 -14
- package/components/Dropdown/Dropdown.js +22 -7
- package/components/Dropdown/desktop/DropdownDesktop.js +94 -18
- package/components/Dropdown/desktop/DropdownList.js +65 -94
- package/components/Dropdown/desktop/DropdownListItem.js +2 -2
- package/components/Dropdown/index.js +27 -25
- package/components/Dropdown/mobile/DropdownMobile.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileBody.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileClose.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileFooter.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileHeader.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileInner.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileInput.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileList.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileListItem.js +2 -2
- package/components/Footer/Footer.js +3 -3
- package/components/Footer/components/FooterDescription.js +2 -2
- package/components/Footer/components/FooterDescriptionContent.js +2 -2
- package/components/Footer/components/FooterDescriptionControls.js +2 -2
- package/components/FormField/FormField.js +53 -52
- package/components/FormField/FormFieldContext.js +8 -8
- package/components/FormField/components/FormFieldClear.js +13 -12
- package/components/FormField/components/FormFieldCounter.js +5 -5
- package/components/FormField/components/FormFieldDescription.js +5 -5
- package/components/FormField/components/FormFieldInput.js +4 -3
- package/components/FormField/components/FormFieldLabel.js +32 -31
- package/components/FormField/components/FormFieldMaskedInput.js +102 -92
- package/components/FormField/components/FormFieldPostfix.js +7 -7
- package/components/FormField/components/FormFieldPrefix.js +5 -5
- package/components/FormField/components/FormFieldTarget.js +49 -0
- package/components/FormField/components/FormFieldTextarea.js +25 -24
- package/components/FormField/enums.js +3 -2
- package/components/FormField/index.js +19 -16
- package/components/FormField/types.js +2 -0
- package/components/Header/Header.js +11 -11
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js +2 -2
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js +2 -2
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js +2 -2
- package/components/Header/components/HeaderSubheader/HeaderSubheader.js +6 -6
- package/components/Header/components/HeaderTabs/HeaderTabs.js +2 -2
- package/components/Header/components/HeaderTabs/HeaderTabsContent.js +2 -2
- package/components/Header/components/HeaderTabs/HeaderTabsControls.js +2 -2
- package/components/Header/components/HeaderTitle/HeaderTitle.js +2 -2
- package/components/Header/components/HeaderTitle/HeaderTitleContent.js +2 -2
- package/components/Header/components/HeaderTitle/HeaderTitleControls.js +2 -2
- package/components/Island/Island.js +78 -0
- package/components/Island/components/IslandBody.js +10 -0
- package/components/Island/components/IslandFooter.js +10 -0
- package/components/Island/components/IslandHeader.js +10 -0
- package/components/Island/enums.js +7 -0
- package/components/Island/index.js +9 -0
- package/components/KeyDownListener/ComposedKeyDownListener.js +13 -0
- package/components/KeyDownListener/KeyDownListener.js +27 -0
- package/components/KeyDownListener/index.js +7 -0
- package/components/Link/Link.js +27 -27
- package/components/List/List.js +3 -3
- package/components/List/ListSortable.js +1 -1
- package/components/List/components/ListEmptyState.js +6 -6
- package/components/List/components/ListItem.js +1 -1
- package/components/List/components/ListItemContent.js +7 -7
- package/components/List/components/ListItemControls.js +7 -7
- package/components/List/components/ListItemControlsButton.js +2 -2
- package/components/List/components/ListItemControlsButtonDropdown.js +98 -15
- package/components/List/components/ListItemLoading.js +2 -2
- package/components/List/components/ListItemSelectable.js +9 -9
- package/components/List/components/ListItemTable.js +29 -19
- package/components/List/components/ListItemTailLeft.js +2 -2
- package/components/List/components/ListItemTailRight.js +2 -2
- package/components/List/components/ListSortableItem.js +37 -18
- package/components/List/components/ListSortableItemControls.js +2 -2
- package/components/List/components/ListSortableItemTarget.js +6 -6
- package/components/List/index.js +22 -20
- package/components/ListMaster/ListMaster.js +1 -1
- package/components/ListMaster/components/ListMasterBody.js +1 -1
- package/components/ListMaster/components/ListMasterChipGroup.js +5 -5
- package/components/ListMaster/components/ListMasterFooter.js +2 -2
- package/components/ListMaster/components/ListMasterFooterControls.js +2 -2
- package/components/ListMaster/components/ListMasterFooterDescription.js +2 -2
- package/components/ListMaster/components/ListMasterHeader.js +7 -7
- package/components/ListMaster/components/SelectionControls.js +3 -3
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +7 -7
- package/components/Loader/LoaderSmall/LoaderSmall.js +16 -16
- package/components/LoaderWidget/LoaderWidget.js +9 -9
- package/components/Overlay/Overlay.js +2 -2
- package/components/Overlay/OverlayMask.js +2 -2
- package/components/Overlay/OverlayPanel.js +2 -2
- package/components/Page/Page.js +2 -2
- package/components/Page/components/BodyPage.js +2 -2
- package/components/Page/components/FooterPage.js +2 -2
- package/components/Page/components/HeaderPage.js +2 -2
- package/components/Pagination/components/PaginationExtended.js +3 -3
- package/components/Pagination/components/PaginationNavigationButton.js +6 -6
- package/components/Pagination/components/PaginationNavigationExtended.js +2 -2
- package/components/Pagination/components/PaginationPageButton.js +6 -6
- package/components/Pagination/components/PaginationPageEllipsis.js +2 -2
- package/components/Pagination/components/PaginationSelect.js +12 -12
- package/components/Pagination/utils/paginationUtils.js +10 -10
- package/components/Radio/Radio.js +3 -3
- package/components/Radio/RadioXGroup.js +10 -10
- package/components/Radio/RadioYGroup.js +9 -9
- package/components/Row/Row.js +10 -10
- package/components/SegmentedControl/SegmentedControl.js +64 -7
- package/components/SegmentedControl/SegmentedControlContext.js +13 -0
- package/components/SegmentedControl/SegmentedControlSegment.js +68 -8
- package/components/SegmentedControl/index.js +6 -6
- package/components/SelectExtendedField/SelectExtendedField.js +57 -0
- package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js +25 -0
- package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js +86 -0
- package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js +101 -0
- package/components/SelectExtendedField/index.js +9 -0
- package/components/Skeleton/Skeleton.js +10 -10
- package/components/SwipeableArea/SwipeableArea.js +13 -13
- package/components/TabsExtended/TabsExtended.js +7 -7
- package/components/TabsExtended/TabsExtendedUtils.js +1 -1
- package/components/TabsExtended/components/TabsExtendedContent.js +11 -11
- package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js +2 -2
- package/components/TabsExtended/components/TabsExtendedTab.js +2 -2
- package/components/TabsExtended/components/TabsExtendedTabButton.js +2 -2
- package/components/TabsExtended/components/TabsExtendedTabsWrapper.js +7 -7
- package/components/TabsExtended/types.js +2 -0
- package/components/TextField/MaskedField.js +6 -89
- package/components/TextField/TextField.js +6 -89
- package/components/TextField/TextFieldBase.js +30 -89
- package/components/TextField/index.js +4 -3
- package/components/ThemeProvider/ThemeProvider.js +8 -8
- package/components/ThemeProvider/components/ThemeProviderView.js +8 -8
- package/components/Tooltip/components/common/TooltipBody.js +7 -7
- package/components/Tooltip/components/common/TooltipLink.js +10 -10
- package/components/Tooltip/components/common/TooltipXButton.js +1 -1
- package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js +2 -2
- package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js +2 -2
- package/components/Tooltip/components/mobile/TooltipMobile.js +10 -10
- package/components/Typography/Caption.js +15 -15
- package/components/Typography/Text.js +24 -24
- package/components/Typography/Title.js +13 -13
- package/components/Typography/utils.js +1 -1
- package/components/UploadZone/UploadZone.js +109 -7
- package/components/UploadZone/UploadZoneContext.js +11 -0
- package/components/UploadZone/components/UploadZoneInput.js +5 -140
- package/components/UploadZone/index.js +2 -3
- package/components/UploadZone/types.js +2 -0
- package/components/index.js +279 -248
- package/index.d.ts +212 -27
- package/index.js +277 -246
- package/package.json +13 -1
- package/styles/triplex-next.css +354 -333
- package/chunks/AlertProcessSpoiler-BPbAJJFo.js +0 -39
- package/chunks/Card.module-Oqawy8hF.js +0 -17
- package/chunks/DropdownListItem-CW2MmFpw.js +0 -56
- package/chunks/DropdownMobile.module-DyunEp10.js +0 -19
- package/chunks/Footer.module-o57OEPdy.js +0 -11
- package/chunks/FormFieldInput-C2qWOLr3.js +0 -62
- package/chunks/HeaderLayoutSidebar.module-CzpXvDdH.js +0 -9
- package/chunks/HeaderTabs.module-CC0WAcoC.js +0 -9
- package/chunks/HeaderTitle.module-CH7eRK8R.js +0 -9
- package/chunks/ListItemTail.module-BBV_gvLd.js +0 -12
- package/chunks/ListMasterFooter.module-Cw1r4pz-.js +0 -10
- package/chunks/Overlay.module-08zZh8Y9.js +0 -18
- package/chunks/Page.module-Ccvf_vDR.js +0 -16
- package/chunks/TabsExtended.module-yT8L2ZYS.js +0 -13
- package/chunks/TooltipDesktop.module-CvcpQSlC.js +0 -19
- package/chunks/index-CAZEh1iw.js +0 -931
- package/chunks/utils-9a4dp5-W.js +0 -36
|
@@ -1,95 +1,105 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import "../../../chunks/vendor-
|
|
4
|
-
import "./FormFieldMaskedInputPresets.js";
|
|
5
|
-
import "
|
|
6
|
-
import "
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
1
|
+
import { jsxs as N, jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { useState as O, useRef as A, useContext as B, useEffect as D, useCallback as U } from "react";
|
|
3
|
+
import { c as F, l as q, m as p } from "../../../chunks/vendor-D-uL_icH.js";
|
|
4
|
+
import { presets as G } from "./FormFieldMaskedInputPresets.js";
|
|
5
|
+
import { s as H, F as J } from "../../../chunks/FormFieldInput-apk1b0w6.js";
|
|
6
|
+
import { FormFieldContext as K } from "../FormFieldContext.js";
|
|
7
|
+
const L = "formFieldMaskedInputWrapper__2c4006d1", Q = "formFieldMaskedInputPlaceholder__641b6e4d", X = "formFieldMaskedInput__70355da8", l = {
|
|
8
|
+
formFieldMaskedInputWrapper: L,
|
|
9
|
+
formFieldMaskedInputPlaceholder: Q,
|
|
10
|
+
"size-sm": "size-sm__eb9869a4",
|
|
11
|
+
"size-md": "size-md__450c5a48",
|
|
12
|
+
"size-lg": "size-lg__96a2c9be",
|
|
13
|
+
formFieldMaskedInput: X
|
|
14
|
+
}, c = ({
|
|
15
|
+
className: I,
|
|
16
|
+
forwardedRef: f,
|
|
17
|
+
disabled: g,
|
|
18
|
+
mask: o,
|
|
19
|
+
onChange: d,
|
|
20
|
+
placeholder: M,
|
|
21
|
+
placeholderChar: i = "0",
|
|
22
|
+
placeholderMask: u,
|
|
23
|
+
value: s,
|
|
24
|
+
..._
|
|
25
|
+
}) => {
|
|
26
|
+
const [V, x] = O(""), a = A(!1), { valueExist: y, focused: z, size: k } = B(K);
|
|
27
|
+
D(() => {
|
|
28
|
+
x((() => {
|
|
29
|
+
let t = [];
|
|
30
|
+
if (s) {
|
|
31
|
+
const { conformedValue: n } = p.conformToMask(s.toString(), o, { guide: !0, placeholderChar: i });
|
|
32
|
+
for (let r = 0; r < o.length; r++)
|
|
33
|
+
typeof o[r] == "string" ? t[r] = n[r] : n[r] === i && !s.toString()[r] ? t[r] = (u == null ? void 0 : u[r]) || i : t[r] = n[r];
|
|
34
|
+
} else if (u)
|
|
35
|
+
t = u.split("");
|
|
36
|
+
else {
|
|
37
|
+
const { conformedValue: n } = p.conformToMask("", o, { guide: !0, placeholderChar: i });
|
|
38
|
+
t = n.split("");
|
|
39
|
+
}
|
|
40
|
+
return t.join("");
|
|
41
|
+
})());
|
|
42
|
+
}, [s, o, i, u]);
|
|
43
|
+
const T = U(
|
|
44
|
+
(e) => {
|
|
45
|
+
const { value: t } = e.target;
|
|
46
|
+
a.current = !1, s !== t && (d == null || d(e));
|
|
47
|
+
},
|
|
48
|
+
[s, d]
|
|
49
|
+
), b = () => {
|
|
50
|
+
a.current = !0;
|
|
51
|
+
}, E = (e, t) => o === c.presets.masks.phone ? e.length ? P(t.rawValue) : e : o === c.presets.masks.swiftCode ? e.toUpperCase() : e, P = (e) => {
|
|
52
|
+
let t = [];
|
|
53
|
+
if (a.current) {
|
|
54
|
+
let n = /^[78]((\D*\d)*)/;
|
|
55
|
+
e = e.replace(n, "+7 ($1"), n = /^\d7/, e = e.replace(n, (r) => (t = Array.from("+7 (").map((Y, $) => $), `+7 (${r}`));
|
|
56
|
+
} else (e === "7" || e === "8") && (e = "+7 (");
|
|
57
|
+
return {
|
|
58
|
+
indexesOfPipedChars: t,
|
|
59
|
+
value: p.conformToMask(e, o, { guide: !1, placeholderChar: i }).conformedValue
|
|
60
|
+
};
|
|
61
|
+
}, W = () => o === c.presets.masks.phone ? (s = P(s).value, s) : p.conformToMask(s, o, { guide: !1, placeholderChar: i }).conformedValue, j = (e) => (t) => {
|
|
62
|
+
t && e(t), typeof f == "function" ? f(t) : f && (f.current = t);
|
|
63
|
+
}, S = () => !y && !z || !s && M ? "" : V;
|
|
64
|
+
return /* @__PURE__ */ N("div", { className: F(l.formFieldMaskedInputWrapper, l[`size-${k}`]), children: [
|
|
65
|
+
/* @__PURE__ */ m(
|
|
66
|
+
"input",
|
|
67
|
+
{
|
|
68
|
+
className: F(
|
|
69
|
+
H.formFieldInput,
|
|
70
|
+
l.formFieldMaskedInputPlaceholder,
|
|
71
|
+
I
|
|
72
|
+
),
|
|
73
|
+
disabled: g,
|
|
74
|
+
placeholder: S(),
|
|
75
|
+
readOnly: !0,
|
|
76
|
+
"aria-hidden": "true",
|
|
77
|
+
tabIndex: -1,
|
|
78
|
+
type: "text"
|
|
79
|
+
}
|
|
80
|
+
),
|
|
81
|
+
/* @__PURE__ */ m(
|
|
82
|
+
q,
|
|
83
|
+
{
|
|
84
|
+
className: F(l.formFieldMaskedInput, { [l.error]: !!_.error }, I),
|
|
85
|
+
defaultValue: "",
|
|
86
|
+
disabled: g,
|
|
87
|
+
guide: !1,
|
|
88
|
+
render: (e, t) => /* @__PURE__ */ m(J, { ...t, value: s, placeholder: M || "", ref: j(e) }),
|
|
89
|
+
mask: o,
|
|
90
|
+
onChange: T,
|
|
91
|
+
onPaste: b,
|
|
92
|
+
placeholderChar: i,
|
|
93
|
+
value: W(),
|
|
94
|
+
pipe: E,
|
|
95
|
+
type: "text",
|
|
96
|
+
..._
|
|
97
|
+
}
|
|
98
|
+
)
|
|
99
|
+
] });
|
|
100
|
+
};
|
|
101
|
+
c.presets = G;
|
|
92
102
|
export {
|
|
93
|
-
|
|
103
|
+
c as FormFieldMaskedInput
|
|
94
104
|
};
|
|
95
105
|
//# sourceMappingURL=FormFieldMaskedInput.js.map
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import d, { useContext as x, useRef as u, useEffect as
|
|
3
|
-
import { FormFieldContext as
|
|
4
|
-
import { c as p } from "../../../chunks/vendor-
|
|
5
|
-
const P = "
|
|
2
|
+
import d, { useContext as x, useRef as u, useEffect as a } from "react";
|
|
3
|
+
import { FormFieldContext as F } from "../FormFieldContext.js";
|
|
4
|
+
import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
|
|
5
|
+
const P = "formFieldPostfix__9cba074f", R = {
|
|
6
6
|
formFieldPostfix: P
|
|
7
7
|
}, _ = d.forwardRef(
|
|
8
8
|
({ children: s, className: f, ...i }, o) => {
|
|
9
|
-
const r = p(R.formFieldPostfix, f), { postfixWidth:
|
|
9
|
+
const r = p(R.formFieldPostfix, f), { postfixWidth: n, setPostfixWidth: c } = x(F), e = u(), m = (t) => {
|
|
10
10
|
e.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
|
|
11
11
|
};
|
|
12
|
-
return
|
|
12
|
+
return a(() => {
|
|
13
13
|
if (!e.current)
|
|
14
14
|
return;
|
|
15
15
|
const { width: t } = e.current.getBoundingClientRect();
|
|
16
|
-
t !==
|
|
16
|
+
t !== n && c(t);
|
|
17
17
|
}), /* @__PURE__ */ l("span", { className: r, ref: m, ...i, children: s });
|
|
18
18
|
}
|
|
19
19
|
);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import d, { useContext as x, useRef as u, useEffect as F } from "react";
|
|
3
3
|
import { FormFieldContext as a } from "../FormFieldContext.js";
|
|
4
|
-
import { c as p } from "../../../chunks/vendor-
|
|
5
|
-
const P = "
|
|
4
|
+
import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
|
|
5
|
+
const P = "formFieldPrefix__2b743662", R = {
|
|
6
6
|
formFieldPrefix: P
|
|
7
7
|
}, _ = d.forwardRef(
|
|
8
|
-
({ children: o, className:
|
|
9
|
-
const s = p(R.formFieldPrefix,
|
|
8
|
+
({ children: o, className: i, ...f }, r) => {
|
|
9
|
+
const s = p(R.formFieldPrefix, i), { prefixWidth: n, setPrefixWidth: c } = x(a), t = u(), m = (e) => {
|
|
10
10
|
t.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
|
|
11
11
|
};
|
|
12
12
|
return F(() => {
|
|
@@ -14,7 +14,7 @@ const P = "formFieldPrefix__7c81e8f9", R = {
|
|
|
14
14
|
return;
|
|
15
15
|
const { width: e } = t.current.getBoundingClientRect();
|
|
16
16
|
e !== n && c(e);
|
|
17
|
-
}), /* @__PURE__ */ l("span", { className: s, ref: m, ...
|
|
17
|
+
}), /* @__PURE__ */ l("span", { className: s, ref: m, ...f, children: o });
|
|
18
18
|
}
|
|
19
19
|
);
|
|
20
20
|
_.displayName = "FormFieldPrefix";
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as I } from "react/jsx-runtime";
|
|
2
|
+
import x, { useContext as E, useRef as T, useEffect as m } from "react";
|
|
3
|
+
import { FormFieldContext as B } from "../FormFieldContext.js";
|
|
4
|
+
import { c as S, f as A } from "../../../chunks/vendor-D-uL_icH.js";
|
|
5
|
+
import { EFormFieldStatus as d } from "../enums.js";
|
|
6
|
+
const L = "formFieldTarget__31064c39", N = "placeholder__6e9df29f", R = "disabled__4388a233", o = {
|
|
7
|
+
formFieldTarget: L,
|
|
8
|
+
placeholder: N,
|
|
9
|
+
disabled: R,
|
|
10
|
+
"size-sm": "size-sm__eb9869a4",
|
|
11
|
+
"size-md": "size-md__450c5a48",
|
|
12
|
+
"size-lg": "size-lg__96a2c9be"
|
|
13
|
+
}, y = x.forwardRef((F, _) => {
|
|
14
|
+
const { className: p, id: e, onBlur: l, onFocus: i, placeholder: n, children: s, ...g } = F, { status: r, setFocused: f, setId: t, setValueExist: u, size: h } = E(B), b = S(o.formFieldTarget, p, o[`size-${h}`], {
|
|
15
|
+
[o.disabled]: r === d.DISABLED,
|
|
16
|
+
[o.placeholder]: !!n && !s && r !== d.DISABLED
|
|
17
|
+
}), a = T(e || A("formFieldTarget_"));
|
|
18
|
+
m(() => {
|
|
19
|
+
t(a.current);
|
|
20
|
+
}, [t]), m(() => {
|
|
21
|
+
e && (a.current = e, t(a.current));
|
|
22
|
+
}, [e, t]), m(() => {
|
|
23
|
+
u(!!s);
|
|
24
|
+
}, [u, s]);
|
|
25
|
+
const z = (c) => {
|
|
26
|
+
f(!1), l == null || l(c);
|
|
27
|
+
}, D = (c) => {
|
|
28
|
+
f(!0), i == null || i(c);
|
|
29
|
+
};
|
|
30
|
+
return /* @__PURE__ */ I(
|
|
31
|
+
"div",
|
|
32
|
+
{
|
|
33
|
+
...g,
|
|
34
|
+
className: b,
|
|
35
|
+
"aria-disabled": r === d.DISABLED,
|
|
36
|
+
id: a.current,
|
|
37
|
+
onFocus: D,
|
|
38
|
+
onBlur: z,
|
|
39
|
+
tabIndex: r === d.DISABLED ? -1 : 0,
|
|
40
|
+
ref: _,
|
|
41
|
+
children: s || n
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
});
|
|
45
|
+
y.displayName = "FormFieldTarget";
|
|
46
|
+
export {
|
|
47
|
+
y as FormFieldTarget
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=FormFieldTarget.js.map
|
|
@@ -1,42 +1,43 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { FormFieldContext as
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
d(()
|
|
1
|
+
import { jsx as I } from "react/jsx-runtime";
|
|
2
|
+
import _, { useContext as h, useRef as N, useEffect as c } from "react";
|
|
3
|
+
import { FormFieldContext as R } from "../FormFieldContext.js";
|
|
4
|
+
import { f as b, c as y } from "../../../chunks/vendor-D-uL_icH.js";
|
|
5
|
+
import { EFormFieldStatus as C } from "../enums.js";
|
|
6
|
+
const D = "formFieldTextarea__777f7b21", S = {
|
|
7
|
+
formFieldTextarea: D
|
|
8
|
+
}, j = _.forwardRef(
|
|
9
|
+
({ className: i, id: e, onBlur: a, onFocus: s, placeholder: l, value: o, ...n }, x) => {
|
|
10
|
+
const { status: u, focused: F, setFocused: d, setId: t, setValueExist: f } = h(R), r = N(e || b()), p = y(S.formFieldTextarea, i);
|
|
11
|
+
c(() => {
|
|
11
12
|
t(r.current);
|
|
12
|
-
}, [t]),
|
|
13
|
+
}, [t]), c(() => {
|
|
13
14
|
e && (r.current = e, t(r.current));
|
|
14
|
-
}, [e, t]),
|
|
15
|
-
|
|
16
|
-
}, [
|
|
17
|
-
const T = (
|
|
18
|
-
|
|
19
|
-
},
|
|
20
|
-
|
|
15
|
+
}, [e, t]), c(() => {
|
|
16
|
+
f(!!o);
|
|
17
|
+
}, [f, o]);
|
|
18
|
+
const T = (m) => {
|
|
19
|
+
d(!1), a == null || a(m);
|
|
20
|
+
}, E = (m) => {
|
|
21
|
+
d(!0), s == null || s(m);
|
|
21
22
|
};
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ I(
|
|
23
24
|
"textarea",
|
|
24
25
|
{
|
|
25
26
|
...n,
|
|
26
27
|
id: r.current,
|
|
27
28
|
className: p,
|
|
28
|
-
disabled: u,
|
|
29
|
-
onFocus:
|
|
29
|
+
disabled: u === C.DISABLED,
|
|
30
|
+
onFocus: E,
|
|
30
31
|
onBlur: T,
|
|
31
|
-
placeholder: F ?
|
|
32
|
+
placeholder: F ? l : void 0,
|
|
32
33
|
value: o,
|
|
33
34
|
ref: x
|
|
34
35
|
}
|
|
35
36
|
);
|
|
36
37
|
}
|
|
37
38
|
);
|
|
38
|
-
|
|
39
|
+
j.displayName = "FormFieldTextarea";
|
|
39
40
|
export {
|
|
40
|
-
|
|
41
|
+
j as FormFieldTextarea
|
|
41
42
|
};
|
|
42
43
|
//# sourceMappingURL=FormFieldTextarea.js.map
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
var
|
|
1
|
+
var n = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(n || {}), D = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.DISABLED = "disabled", r.ERROR = "error", r.WARNING = "warning", r))(D || {});
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
n as EFormFieldSize,
|
|
4
|
+
D as EFormFieldStatus
|
|
4
5
|
};
|
|
5
6
|
//# sourceMappingURL=enums.js.map
|
|
@@ -1,25 +1,28 @@
|
|
|
1
1
|
import { FormField as e } from "./FormField.js";
|
|
2
2
|
import { FormFieldDescription as m } from "./components/FormFieldDescription.js";
|
|
3
3
|
import { FormFieldCounter as i } from "./components/FormFieldCounter.js";
|
|
4
|
-
import { FormFieldLabel as
|
|
5
|
-
import { FormFieldClear as
|
|
6
|
-
import {
|
|
7
|
-
import { F as n } from "../../chunks/
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
4
|
+
import { FormFieldLabel as p } from "./components/FormFieldLabel.js";
|
|
5
|
+
import { FormFieldClear as d } from "./components/FormFieldClear.js";
|
|
6
|
+
import { FormFieldTarget as a } from "./components/FormFieldTarget.js";
|
|
7
|
+
import { F as n } from "../../chunks/FormFieldInput-apk1b0w6.js";
|
|
8
|
+
import { FormFieldMaskedInput as C } from "./components/FormFieldMaskedInput.js";
|
|
9
|
+
import { FormFieldPostfix as I } from "./components/FormFieldPostfix.js";
|
|
10
|
+
import { FormFieldPrefix as S } from "./components/FormFieldPrefix.js";
|
|
11
|
+
import { FormFieldTextarea as b } from "./components/FormFieldTextarea.js";
|
|
12
|
+
import { EFormFieldSize as g, EFormFieldStatus as k } from "./enums.js";
|
|
12
13
|
export {
|
|
13
|
-
|
|
14
|
+
g as EFormFieldSize,
|
|
15
|
+
k as EFormFieldStatus,
|
|
14
16
|
e as FormField,
|
|
15
|
-
|
|
17
|
+
d as FormFieldClear,
|
|
16
18
|
i as FormFieldCounter,
|
|
17
19
|
m as FormFieldDescription,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
n as FormFieldInput,
|
|
21
|
+
p as FormFieldLabel,
|
|
22
|
+
C as FormFieldMaskedInput,
|
|
23
|
+
I as FormFieldPostfix,
|
|
24
|
+
S as FormFieldPrefix,
|
|
25
|
+
a as FormFieldTarget,
|
|
26
|
+
b as FormFieldTextarea
|
|
24
27
|
};
|
|
25
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import m from "react";
|
|
3
|
-
import { c as d } from "../../chunks/vendor-
|
|
3
|
+
import { c as d } from "../../chunks/vendor-D-uL_icH.js";
|
|
4
4
|
import { HeaderTabs as s } from "./components/HeaderTabs/HeaderTabs.js";
|
|
5
5
|
import { HeaderTitle as c } from "./components/HeaderTitle/HeaderTitle.js";
|
|
6
6
|
import { HeaderSubheader as p } from "./components/HeaderSubheader/HeaderSubheader.js";
|
|
@@ -11,17 +11,17 @@ import "./components/HeaderTabs/HeaderTabsContent.js";
|
|
|
11
11
|
import "./components/HeaderTabs/HeaderTabsControls.js";
|
|
12
12
|
import "./components/HeaderTitle/HeaderTitleContent.js";
|
|
13
13
|
import "./components/HeaderTitle/HeaderTitleControls.js";
|
|
14
|
-
const
|
|
15
|
-
header:
|
|
16
|
-
sticky:
|
|
17
|
-
},
|
|
18
|
-
m.forwardRef(function({ className: r, sticky:
|
|
14
|
+
const b = "header__720bdaac", n = "sticky__0fbfe909", e = {
|
|
15
|
+
header: b,
|
|
16
|
+
sticky: n
|
|
17
|
+
}, l = Object.assign(
|
|
18
|
+
m.forwardRef(function({ className: r, sticky: t, ...a }, o) {
|
|
19
19
|
return /* @__PURE__ */ i(
|
|
20
20
|
"div",
|
|
21
21
|
{
|
|
22
|
-
className: d(e.header, { [e.sticky]: !!
|
|
23
|
-
...
|
|
24
|
-
"data-tx": "
|
|
22
|
+
className: d(e.header, { [e.sticky]: !!t }, r),
|
|
23
|
+
...a,
|
|
24
|
+
"data-tx": "1.1.0",
|
|
25
25
|
ref: o
|
|
26
26
|
}
|
|
27
27
|
);
|
|
@@ -33,8 +33,8 @@ const n = "header__3aa9c158", l = "sticky__e4fae9ed", e = {
|
|
|
33
33
|
Title: c
|
|
34
34
|
}
|
|
35
35
|
);
|
|
36
|
-
|
|
36
|
+
l.displayName = "Header";
|
|
37
37
|
export {
|
|
38
|
-
|
|
38
|
+
l as Header
|
|
39
39
|
};
|
|
40
40
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import d from "react";
|
|
3
|
-
import { c as i } from "../../../../chunks/vendor-
|
|
3
|
+
import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
4
4
|
import { HeaderLayoutSidebarContent as m } from "./HeaderLayoutSidebarContent.js";
|
|
5
5
|
import { HeaderLayoutSidebarSidebar as s } from "./HeaderLayoutSidebarSidebar.js";
|
|
6
|
-
import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-
|
|
6
|
+
import { s as f } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
|
|
7
7
|
const b = Object.assign(
|
|
8
8
|
d.forwardRef(function({ children: e, className: r, ...a }, o) {
|
|
9
9
|
return /* @__PURE__ */ t("div", { className: i(f.headerLayoutSidebar, r), ...a, ref: o, children: e });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import s from "react";
|
|
3
|
-
import { c as d } from "../../../../chunks/vendor-
|
|
4
|
-
import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-
|
|
3
|
+
import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
4
|
+
import { s as m } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
|
|
5
5
|
const i = s.forwardRef(
|
|
6
6
|
({ children: e, className: a, ...t }, o) => /* @__PURE__ */ r("div", { className: d(m.headerLayoutSidebarContent, a), ...t, ref: o, children: e })
|
|
7
7
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as d } from "react/jsx-runtime";
|
|
2
2
|
import i from "react";
|
|
3
|
-
import { c as t } from "../../../../chunks/vendor-
|
|
4
|
-
import { s } from "../../../../chunks/HeaderLayoutSidebar.module-
|
|
3
|
+
import { c as t } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
4
|
+
import { s } from "../../../../chunks/HeaderLayoutSidebar.module-DTXnksBK.js";
|
|
5
5
|
const m = i.forwardRef(
|
|
6
6
|
({ children: a, className: r, ...e }, o) => /* @__PURE__ */ d("div", { className: t(s.headerLayoutSidebarSidebar, r), ...e, ref: o, children: a })
|
|
7
7
|
);
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import h from "react";
|
|
3
|
-
import { c as i } from "../../../../chunks/vendor-
|
|
4
|
-
const u = "
|
|
3
|
+
import { c as i } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
4
|
+
const u = "headerSubheader__5d1f0b19", f = "withoutPaddings__fd37f046", e = {
|
|
5
5
|
headerSubheader: u,
|
|
6
|
-
withoutPaddings:
|
|
6
|
+
withoutPaddings: f
|
|
7
7
|
}, n = h.forwardRef(
|
|
8
|
-
({ children:
|
|
8
|
+
({ children: d, className: a, withoutPaddings: r, ...t }, o) => /* @__PURE__ */ s(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
11
|
-
className: i(e.headerSubheader, { [e.withoutPaddings]: !!r },
|
|
11
|
+
className: i(e.headerSubheader, { [e.withoutPaddings]: !!r }, a),
|
|
12
12
|
...t,
|
|
13
13
|
ref: o,
|
|
14
|
-
children:
|
|
14
|
+
children: d
|
|
15
15
|
}
|
|
16
16
|
)
|
|
17
17
|
);
|
|
@@ -2,8 +2,8 @@ import { jsx as s } from "react/jsx-runtime";
|
|
|
2
2
|
import t from "react";
|
|
3
3
|
import { HeaderTabsContent as m } from "./HeaderTabsContent.js";
|
|
4
4
|
import { HeaderTabsControls as n } from "./HeaderTabsControls.js";
|
|
5
|
-
import { c as d } from "../../../../chunks/vendor-
|
|
6
|
-
import { s as f } from "../../../../chunks/HeaderTabs.module-
|
|
5
|
+
import { c as d } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
6
|
+
import { s as f } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
|
|
7
7
|
const i = Object.assign(
|
|
8
8
|
t.forwardRef(function({ children: r, className: e, ...a }, o) {
|
|
9
9
|
return /* @__PURE__ */ s("div", { className: d(f.headerTabs, e), ...a, ref: o, children: r });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import s from "react";
|
|
3
|
-
import { c as m } from "../../../../chunks/vendor-
|
|
4
|
-
import { s as n } from "../../../../chunks/HeaderTabs.module-
|
|
3
|
+
import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
4
|
+
import { s as n } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
|
|
5
5
|
const d = s.forwardRef(
|
|
6
6
|
({ children: e, className: r, ...t }, a) => /* @__PURE__ */ o("div", { className: m(n.headerTabsContent, r), ...t, ref: a, children: e })
|
|
7
7
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import t from "react";
|
|
3
|
-
import { c as m } from "../../../../chunks/vendor-
|
|
4
|
-
import { s as l } from "../../../../chunks/HeaderTabs.module-
|
|
3
|
+
import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
4
|
+
import { s as l } from "../../../../chunks/HeaderTabs.module-DVh6MotJ.js";
|
|
5
5
|
const d = t.forwardRef(
|
|
6
6
|
({ children: o, className: r, ...s }, a) => /* @__PURE__ */ e("div", { className: m(l.headerTabsControls, r), ...s, ref: a, children: o })
|
|
7
7
|
);
|
|
@@ -2,8 +2,8 @@ import { jsx as a } from "react/jsx-runtime";
|
|
|
2
2
|
import i from "react";
|
|
3
3
|
import { HeaderTitleContent as s } from "./HeaderTitleContent.js";
|
|
4
4
|
import { HeaderTitleControls as m } from "./HeaderTitleControls.js";
|
|
5
|
-
import { c as l } from "../../../../chunks/vendor-
|
|
6
|
-
import { s as n } from "../../../../chunks/HeaderTitle.module-
|
|
5
|
+
import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
6
|
+
import { s as n } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
|
|
7
7
|
const d = Object.assign(
|
|
8
8
|
i.forwardRef(function({ children: e, className: t, ...r }, o) {
|
|
9
9
|
return /* @__PURE__ */ a("div", { className: l(n.headerTitle, t), ...r, ref: o, children: e });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import s from "react";
|
|
3
|
-
import { c as m } from "../../../../chunks/vendor-
|
|
4
|
-
import { s as i } from "../../../../chunks/HeaderTitle.module-
|
|
3
|
+
import { c as m } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
4
|
+
import { s as i } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
|
|
5
5
|
const l = s.forwardRef(
|
|
6
6
|
({ children: e, className: t, ...r }, o) => /* @__PURE__ */ a("div", { className: m(t, i.headerTitleContent), ...r, ref: o, children: e })
|
|
7
7
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import a from "react";
|
|
3
|
-
import { c as l } from "../../../../chunks/vendor-
|
|
4
|
-
import { s as m } from "../../../../chunks/HeaderTitle.module-
|
|
3
|
+
import { c as l } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
4
|
+
import { s as m } from "../../../../chunks/HeaderTitle.module-DOeVL9zC.js";
|
|
5
5
|
const i = a.forwardRef(
|
|
6
6
|
({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: l(m.headerTitleControls, r), ...e, ref: t, children: o })
|
|
7
7
|
);
|