@sberbusiness/triplex-next 0.1.8 → 0.1.9
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/assets/fonts/SBSansDisplay-Bold.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-Medium.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-Regular.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-SemiBold.woff2 +0 -0
- package/assets/fonts/SBSansText-Regular.woff2 +0 -0
- package/assets/fonts/SBSansText-Semibold.woff2 +0 -0
- package/chunks/AlertProcessSpoiler-BPbAJJFo.js +39 -0
- package/chunks/Card.module-Oqawy8hF.js +17 -0
- package/chunks/DropdownListItem-CW2MmFpw.js +56 -0
- package/chunks/DropdownMobile.module-DyunEp10.js +19 -0
- package/chunks/Footer.module-o57OEPdy.js +11 -0
- package/chunks/{FormFieldInput-Ki1-hI2O.js → FormFieldInput-C2qWOLr3.js} +19 -19
- package/chunks/HeaderLayoutSidebar.module-CzpXvDdH.js +9 -0
- package/chunks/HeaderTabs.module-CC0WAcoC.js +9 -0
- package/chunks/HeaderTitle.module-CH7eRK8R.js +9 -0
- package/chunks/{ListItemControlsButton-C5HBHV5H.js → ListItemControlsButton-BtMEMrGK.js} +6 -6
- package/chunks/ListItemTail.module-BBV_gvLd.js +12 -0
- package/chunks/ListMasterFooter.module-Cw1r4pz-.js +10 -0
- package/chunks/Overlay.module-08zZh8Y9.js +18 -0
- package/chunks/Page.module-Ccvf_vDR.js +16 -0
- package/chunks/TabsExtended.module-yT8L2ZYS.js +13 -0
- package/chunks/{TabsExtendedUtils-CfV3lgH0.js → TabsExtendedUtils-BOHZcNx8.js} +6 -6
- package/chunks/TooltipDesktop.module-CvcpQSlC.js +19 -0
- package/chunks/{index-Cn4S9Yzd.js → index-CAZEh1iw.js} +106 -106
- package/chunks/utils-9a4dp5-W.js +36 -0
- package/components/Alert/AlertContext/AlertContext.js +18 -18
- package/components/Alert/AlertProcess/AlertProcess.js +2 -2
- package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +1 -1
- package/components/Body/Body.js +8 -8
- package/components/Button/Button.js +1 -1
- package/components/Button/ButtonBase.js +1 -1
- package/components/Button/ButtonDropdown.js +2 -2
- package/components/Button/ButtonDropdownExtended.js +1 -1
- package/components/Button/ButtonIcon.js +1 -1
- package/components/Button/index.js +1 -1
- package/components/Card/CardAction.js +15 -15
- package/components/Card/CardStatic.js +2 -2
- package/components/Card/components/CardContent/CardContent.js +1 -1
- package/components/Card/components/CardContent/components/CardContentBody.js +1 -1
- package/components/Card/components/CardContent/components/CardContentFooter.js +1 -1
- package/components/Card/components/CardContent/components/CardContentHeader.js +1 -1
- package/components/Card/components/CardMedia.js +1 -1
- package/components/Card/utils.js +1 -1
- package/components/Checkbox/Checkbox.js +10 -10
- package/components/Checkbox/CheckboxXGroup.js +14 -14
- package/components/Checkbox/CheckboxYGroup.js +1 -1
- package/components/Col/Col.js +139 -139
- package/components/DesignTokens/DesignTokenUtils.js +1 -1
- package/components/Dropdown/Dropdown.js +1 -1
- package/components/Dropdown/desktop/DropdownDesktop.js +2 -2
- package/components/Dropdown/desktop/DropdownList.js +4 -4
- package/components/Dropdown/desktop/DropdownListItem.js +1 -1
- package/components/Dropdown/index.js +2 -2
- package/components/Dropdown/mobile/DropdownMobile.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileBody.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileClose.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileFooter.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileHeader.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileInner.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileInput.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileList.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileListItem.js +1 -1
- package/components/Footer/Footer.js +2 -2
- package/components/Footer/components/FooterDescription.js +1 -1
- package/components/Footer/components/FooterDescriptionContent.js +1 -1
- package/components/Footer/components/FooterDescriptionControls.js +1 -1
- package/components/FormField/FormField.js +20 -20
- package/components/FormField/components/FormFieldClear.js +8 -8
- package/components/FormField/components/FormFieldCounter.js +5 -5
- package/components/FormField/components/FormFieldDescription.js +7 -7
- package/components/FormField/components/FormFieldInput.js +1 -1
- package/components/FormField/components/FormFieldLabel.js +10 -10
- package/components/FormField/components/FormFieldMaskedInput.js +4 -4
- package/components/FormField/components/FormFieldPostfix.js +8 -8
- package/components/FormField/components/FormFieldPrefix.js +5 -5
- package/components/FormField/components/FormFieldTextarea.js +1 -1
- package/components/FormField/index.js +2 -2
- package/components/Header/Header.js +9 -9
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js +1 -1
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js +1 -1
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js +1 -1
- package/components/Header/components/HeaderSubheader/HeaderSubheader.js +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabs.js +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabsContent.js +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabsControls.js +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitle.js +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitleContent.js +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitleControls.js +1 -1
- package/components/Link/Link.js +24 -24
- package/components/List/List.js +5 -5
- package/components/List/components/ListEmptyState.js +3 -3
- package/components/List/components/ListItem.js +1 -1
- package/components/List/components/ListItemContent.js +12 -12
- package/components/List/components/ListItemControls.js +7 -7
- package/components/List/components/ListItemControlsButton.js +1 -1
- package/components/List/components/ListItemControlsButtonDropdown.js +2 -2
- package/components/List/components/ListItemLoading.js +1 -1
- package/components/List/components/ListItemSelectable.js +1 -1
- package/components/List/components/ListItemTable.js +2 -2
- package/components/List/components/ListItemTailLeft.js +1 -1
- package/components/List/components/ListItemTailRight.js +1 -1
- package/components/List/components/ListSortableItem.js +2 -2
- package/components/List/components/ListSortableItemControls.js +5 -5
- package/components/List/components/ListSortableItemTarget.js +1 -1
- package/components/List/index.js +2 -2
- package/components/ListMaster/ListMaster.js +1 -1
- package/components/ListMaster/components/ListMasterBody.js +1 -1
- package/components/ListMaster/components/ListMasterChipGroup.js +1 -1
- package/components/ListMaster/components/ListMasterFooter.js +1 -1
- package/components/ListMaster/components/ListMasterFooterControls.js +1 -1
- package/components/ListMaster/components/ListMasterFooterDescription.js +1 -1
- package/components/ListMaster/components/ListMasterHeader.js +12 -12
- package/components/ListMaster/components/SelectionControls.js +5 -5
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +4 -4
- package/components/Loader/LoaderSmall/LoaderSmall.js +18 -18
- package/components/LoaderWidget/LoaderWidget.js +7 -7
- package/components/Overlay/Overlay.js +1 -1
- package/components/Overlay/OverlayMask.js +1 -1
- package/components/Overlay/OverlayPanel.js +1 -1
- package/components/Page/Page.js +1 -1
- package/components/Page/components/BodyPage.js +1 -1
- package/components/Page/components/FooterPage.js +1 -1
- package/components/Page/components/HeaderPage.js +1 -1
- package/components/Pagination/components/PaginationExtended.js +2 -2
- package/components/Pagination/components/PaginationNavigationButton.js +9 -9
- package/components/Pagination/components/PaginationNavigationExtended.js +1 -1
- package/components/Pagination/components/PaginationPageButton.js +5 -5
- package/components/Pagination/components/PaginationPageEllipsis.js +1 -1
- package/components/Pagination/components/PaginationSelect.js +9 -9
- package/components/Radio/Radio.js +9 -9
- package/components/Radio/RadioXGroup.js +11 -11
- package/components/Radio/RadioYGroup.js +1 -1
- package/components/Row/Row.js +10 -10
- package/components/SegmentedControl/SegmentedControl.js +1 -1
- package/components/SegmentedControl/SegmentedControlSegment.js +1 -1
- package/components/SegmentedControl/index.js +1 -1
- package/components/Skeleton/Skeleton.js +9 -9
- package/components/SwipeableArea/SwipeableArea.js +2 -2
- package/components/TabsExtended/TabsExtended.js +1 -1
- package/components/TabsExtended/TabsExtendedUtils.js +1 -1
- package/components/TabsExtended/components/TabsExtendedContent.js +1 -1
- package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js +1 -1
- package/components/TabsExtended/components/TabsExtendedTab.js +1 -1
- package/components/TabsExtended/components/TabsExtendedTabButton.js +1 -1
- package/components/TabsExtended/components/TabsExtendedTabsWrapper.js +1 -1
- package/components/TextField/MaskedField.js +4 -4
- package/components/TextField/TextField.js +4 -4
- package/components/TextField/TextFieldBase.js +4 -4
- package/components/TextField/index.js +1 -1
- package/components/Tooltip/components/common/TooltipBody.js +1 -1
- package/components/Tooltip/components/common/TooltipLink.js +6 -6
- package/components/Tooltip/components/common/TooltipXButton.js +1 -1
- package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js +1 -1
- package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js +1 -1
- package/components/Tooltip/components/mobile/TooltipMobile.js +6 -6
- package/components/Typography/Caption.js +5 -5
- package/components/Typography/Text.js +28 -28
- package/components/Typography/Title.js +15 -15
- package/components/Typography/utils.js +1 -1
- package/components/UploadZone/components/UploadZoneInput.js +2 -2
- package/components/index.js +4 -4
- package/index.js +4 -4
- package/package.json +2 -1
- package/styles/triplex-next.css +333 -333
- package/chunks/AlertProcessSpoiler-COu9EiLo.js +0 -39
- package/chunks/Card.module-C1gfsiyU.js +0 -17
- package/chunks/DropdownListItem-iil7gCyc.js +0 -56
- package/chunks/DropdownMobile.module-DlpnKNwL.js +0 -19
- package/chunks/Footer.module-CqUuM-TN.js +0 -11
- package/chunks/HeaderLayoutSidebar.module-BnYpSWmI.js +0 -9
- package/chunks/HeaderTabs.module-IVowc7y2.js +0 -9
- package/chunks/HeaderTitle.module-Cja2peF4.js +0 -9
- package/chunks/ListItemTail.module-DGc45Gzs.js +0 -12
- package/chunks/ListMasterFooter.module-CEzWKTX8.js +0 -10
- package/chunks/Overlay.module-Q2gyaG66.js +0 -18
- package/chunks/Page.module-DxiWg_8o.js +0 -16
- package/chunks/TabsExtended.module-BF_E00U4.js +0 -13
- package/chunks/TooltipDesktop.module-C9Nuoxhf.js +0 -19
- package/chunks/utils-DF32MMDm.js +0 -36
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as ue, D as Ge } from "./DropdownListItem-
|
|
1
|
+
import { s as ue, D as Ge } from "./DropdownListItem-CW2MmFpw.js";
|
|
2
2
|
import { DropdownMobile as $e } from "../components/Dropdown/mobile/DropdownMobile.js";
|
|
3
3
|
import { DropdownMobileBody as Le } from "../components/Dropdown/mobile/DropdownMobileBody.js";
|
|
4
4
|
import { DropdownMobileClose as ve } from "../components/Dropdown/mobile/DropdownMobileClose.js";
|
|
@@ -17,7 +17,7 @@ import { FormFieldDescription as He } from "../components/FormField/components/F
|
|
|
17
17
|
import { FormFieldCounter as Ke } from "../components/FormField/components/FormFieldCounter.js";
|
|
18
18
|
import { FormFieldLabel as Ve } from "../components/FormField/components/FormFieldLabel.js";
|
|
19
19
|
import "../components/FormField/components/FormFieldClear.js";
|
|
20
|
-
import { s as je, F as Me } from "./FormFieldInput-
|
|
20
|
+
import { s as je, F as Me } from "./FormFieldInput-C2qWOLr3.js";
|
|
21
21
|
import { FormFieldPostfix as Ye } from "../components/FormField/components/FormFieldPostfix.js";
|
|
22
22
|
import { FormFieldPrefix as qe } from "../components/FormField/components/FormFieldPrefix.js";
|
|
23
23
|
import "../components/FormField/components/FormFieldTextarea.js";
|
|
@@ -27,7 +27,7 @@ import "../components/List/ListSortable.js";
|
|
|
27
27
|
import { ListItem as xe } from "../components/List/components/ListItem.js";
|
|
28
28
|
import { ListItemControls as Je } from "../components/List/components/ListItemControls.js";
|
|
29
29
|
import { ListItemContent as Qe } from "../components/List/components/ListItemContent.js";
|
|
30
|
-
import { s as fe, L as Xe } from "./ListItemControlsButton-
|
|
30
|
+
import { s as fe, L as Xe } from "./ListItemControlsButton-BtMEMrGK.js";
|
|
31
31
|
import "../components/List/components/ListEmptyState.js";
|
|
32
32
|
import "../components/List/components/ListItemLoading.js";
|
|
33
33
|
import { ListItemSelectable as Ze } from "../components/List/components/ListItemSelectable.js";
|
|
@@ -37,11 +37,11 @@ import { ListSortableItemTarget as tt } from "../components/List/components/List
|
|
|
37
37
|
import "../components/List/components/ListSortableItemControls.js";
|
|
38
38
|
import { ESegmentedControlType as H, ESegmentedControlTheme as te, ESegmentedControlSize as re } from "../components/SegmentedControl/enums.js";
|
|
39
39
|
import { jsxs as F, jsx as r, Fragment as Ae } from "react/jsx-runtime";
|
|
40
|
-
import x, { useContext as
|
|
40
|
+
import x, { useContext as le, useRef as O, useState as j, useEffect as W, useCallback as G, createElement as ne } from "react";
|
|
41
41
|
import { c as k, j as Fe, n as ot, o as oe, q as nt, C as rt } from "./vendor-CF2m175I.js";
|
|
42
42
|
import { Portal as st } from "../components/Portal/Portal.js";
|
|
43
43
|
import { EVENT_KEY_CODES as pe, isKey as T } from "../utils/keyboard.js";
|
|
44
|
-
import { DropdownListContext as
|
|
44
|
+
import { DropdownListContext as ae } from "../components/Dropdown/DropdownListContext.js";
|
|
45
45
|
import "../components/Alert/AlertContext/AlertContext.js";
|
|
46
46
|
import "../components/Alert/AlertProcess/AlertProcess.js";
|
|
47
47
|
import "../components/Alert/AlertTypeUtils.js";
|
|
@@ -54,7 +54,7 @@ import { presets as it } from "../components/FormField/components/FormFieldMaske
|
|
|
54
54
|
import { FormGroup as ct } from "../components/FormGroup/FormGroup.js";
|
|
55
55
|
import "../components/Gap/Gap.js";
|
|
56
56
|
import "../components/Link/Link.js";
|
|
57
|
-
import { LoaderSmall as
|
|
57
|
+
import { LoaderSmall as lt } from "../components/Loader/LoaderSmall/LoaderSmall.js";
|
|
58
58
|
import "../components/Loader/LoaderMiddle/LoaderMiddle.js";
|
|
59
59
|
import "../components/LoaderWidget/LoaderWidget.js";
|
|
60
60
|
import "../components/Radio/Radio.js";
|
|
@@ -69,7 +69,7 @@ import "../components/Typography/Title.js";
|
|
|
69
69
|
import { Text as Oe } from "../components/Typography/Text.js";
|
|
70
70
|
import "../components/Typography/Caption.js";
|
|
71
71
|
import { ETextSize as Be } from "../components/Typography/enums.js";
|
|
72
|
-
import { SwipeableArea as
|
|
72
|
+
import { SwipeableArea as at } from "../components/SwipeableArea/SwipeableArea.js";
|
|
73
73
|
import "../components/Footer/Footer.js";
|
|
74
74
|
import "../components/Footer/components/FooterDescription.js";
|
|
75
75
|
import "../components/Footer/components/FooterDescriptionControls.js";
|
|
@@ -102,7 +102,7 @@ import { useToken as mt } from "../components/ThemeProvider/useToken.js";
|
|
|
102
102
|
import { MobileView as ut } from "../components/MobileView/MobileView.js";
|
|
103
103
|
import { DotshorizontalStrokeSrvIcon24 as ft, CaretdownStrokeSrvIcon24 as ge } from "@sberbusiness/icons-next";
|
|
104
104
|
import { ELoaderSmallTheme as we, ELoaderSmallSize as se } from "../components/Loader/LoaderSmall/enum.js";
|
|
105
|
-
const pt = "
|
|
105
|
+
const pt = "button__fd0b4560", gt = "sm__26f5db5c", wt = "icon__e1df547a", ht = "md__6394704e", bt = "lg__2867d917", _t = "block__0c71d905", Dt = "content__66aab861", yt = "loading__e0424351", St = "loader__2d679f54", Nt = "hidden__8750f8d8", z = {
|
|
106
106
|
button: pt,
|
|
107
107
|
sm: gt,
|
|
108
108
|
icon: wt,
|
|
@@ -113,16 +113,16 @@ const pt = "button__2f537a7f", gt = "sm__579be162", wt = "icon__f7dee607", ht =
|
|
|
113
113
|
loading: yt,
|
|
114
114
|
loader: St,
|
|
115
115
|
hidden: Nt
|
|
116
|
-
}, Et = "
|
|
116
|
+
}, Et = "general__af9a12ae", It = "expanded__28205dfc", he = {
|
|
117
117
|
general: Et,
|
|
118
118
|
expanded: It
|
|
119
|
-
}, Lt = "
|
|
119
|
+
}, Lt = "secondary__ab14b525", vt = "expanded__28205dfc", be = {
|
|
120
120
|
secondary: Lt,
|
|
121
121
|
expanded: vt
|
|
122
|
-
}, Tt = "
|
|
122
|
+
}, Tt = "danger__7c1de1fc", Ct = "expanded__28205dfc", _e = {
|
|
123
123
|
danger: Tt,
|
|
124
124
|
expanded: Ct
|
|
125
|
-
}, Rt = "
|
|
125
|
+
}, Rt = "link__8d860367", De = {
|
|
126
126
|
link: Rt
|
|
127
127
|
}, kt = (d, t) => {
|
|
128
128
|
switch (d) {
|
|
@@ -146,13 +146,13 @@ const pt = "button__2f537a7f", gt = "sm__579be162", wt = "icon__f7dee607", ht =
|
|
|
146
146
|
}
|
|
147
147
|
}, xt = (d, t) => {
|
|
148
148
|
const m = d === $.SECONDARY ? we.BRAND : we.NEUTRAL, o = t === P.SM ? se.SM : t === P.LG ? se.LG : se.MD;
|
|
149
|
-
return /* @__PURE__ */ r(
|
|
149
|
+
return /* @__PURE__ */ r(lt, { theme: m, size: o });
|
|
150
150
|
}, ie = x.forwardRef((d, t) => {
|
|
151
|
-
const { children: m, className: o, disabled: p, theme: u, size: i = P.MD, block:
|
|
151
|
+
const { children: m, className: o, disabled: p, theme: u, size: i = P.MD, block: l, loading: c, icon: h, ..._ } = d, { "aria-expanded": L } = d, y = k(
|
|
152
152
|
z.button,
|
|
153
153
|
kt(u, !!L),
|
|
154
154
|
Mt(i),
|
|
155
|
-
{ [z.block]: !!
|
|
155
|
+
{ [z.block]: !!l, [z.loading]: !!c },
|
|
156
156
|
{ [z.icon]: !!h && !m },
|
|
157
157
|
// Классы для иконок, начало.
|
|
158
158
|
"hoverable",
|
|
@@ -173,15 +173,15 @@ const pt = "button__2f537a7f", gt = "sm__579be162", wt = "icon__f7dee607", ht =
|
|
|
173
173
|
});
|
|
174
174
|
ie.displayName = "Button";
|
|
175
175
|
const K = (d) => {
|
|
176
|
-
const { children: t, className: m, dropdownOpened: o, listRef: p, size: u = J.MD, ...i } = d,
|
|
176
|
+
const { children: t, className: m, dropdownOpened: o, listRef: p, size: u = J.MD, ...i } = d, l = k(ue.dropdownList, m, ue[`dropdownList-${u}`]), { activeDescendant: c, setActiveDescendant: h } = le(ae), _ = p || x.createRef(), L = O([]), [y, N] = j(void 0), E = x.Children.count(t), M = (w) => {
|
|
177
177
|
const n = x.createRef();
|
|
178
178
|
return L.current[w] = n, n;
|
|
179
179
|
}, I = (w) => {
|
|
180
180
|
var v;
|
|
181
181
|
const n = _ == null ? void 0 : _.current, b = (v = L.current[w]) == null ? void 0 : v.current;
|
|
182
182
|
if (n && b) {
|
|
183
|
-
const { top: e, bottom: s } = n.getBoundingClientRect(), { top: f, bottom: D } = b.getBoundingClientRect(),
|
|
184
|
-
e > f ? n.scrollTop = n.scrollTop - e + f -
|
|
183
|
+
const { top: e, bottom: s } = n.getBoundingClientRect(), { top: f, bottom: D } = b.getBoundingClientRect(), a = 4;
|
|
184
|
+
e > f ? n.scrollTop = n.scrollTop - e + f - a : D > s && (n.scrollTop = n.scrollTop + D - s + a);
|
|
185
185
|
}
|
|
186
186
|
}, C = () => {
|
|
187
187
|
const w = _ == null ? void 0 : _.current;
|
|
@@ -226,14 +226,14 @@ const K = (d) => {
|
|
|
226
226
|
ref: M(n)
|
|
227
227
|
});
|
|
228
228
|
});
|
|
229
|
-
return /* @__PURE__ */ r("div", { className:
|
|
229
|
+
return /* @__PURE__ */ r("div", { className: l, role: "listbox", ref: _, ...i, children: A });
|
|
230
230
|
};
|
|
231
231
|
K.Item = Ge;
|
|
232
|
-
const At = "
|
|
232
|
+
const At = "dropdown__67fdf3ac", Ft = "dropdownOverflowHidden__893887fc", ye = {
|
|
233
233
|
dropdown: At,
|
|
234
|
-
"dropdown-sm": "dropdown-
|
|
235
|
-
"dropdown-md": "dropdown-
|
|
236
|
-
"dropdown-lg": "dropdown-
|
|
234
|
+
"dropdown-sm": "dropdown-sm__8dd18102",
|
|
235
|
+
"dropdown-md": "dropdown-md__b6ae4c77",
|
|
236
|
+
"dropdown-lg": "dropdown-lg__03c7d4bb",
|
|
237
237
|
dropdownOverflowHidden: Ft
|
|
238
238
|
}, Se = "dropdownOverflowHidden", ce = x.forwardRef((d, t) => {
|
|
239
239
|
const {
|
|
@@ -242,100 +242,100 @@ const At = "dropdown__42bf7606", Ft = "dropdownOverflowHidden__2b2998c9", ye = {
|
|
|
242
242
|
fixedWidth: p,
|
|
243
243
|
className: u,
|
|
244
244
|
direction: i = ee.AUTO,
|
|
245
|
-
opened:
|
|
245
|
+
opened: l,
|
|
246
246
|
setOpened: c,
|
|
247
247
|
style: h,
|
|
248
248
|
targetRef: _,
|
|
249
249
|
size: L = Q.MD,
|
|
250
250
|
...y
|
|
251
251
|
} = d, { scopeClassName: N } = mt(), [E, M] = j({ ...h, opacity: 0 }), I = O(null), C = O({ height: 0, width: 0 }), A = k(ye.dropdown, N, u, ye[`dropdown-${L}`]), w = G(
|
|
252
|
-
(
|
|
252
|
+
(a) => {
|
|
253
253
|
var S;
|
|
254
|
-
(S = I.current) != null && S.contains(
|
|
254
|
+
(S = I.current) != null && S.contains(a.target) || a.preventDefault();
|
|
255
255
|
},
|
|
256
256
|
[I]
|
|
257
|
-
), n = G((
|
|
258
|
-
if (
|
|
259
|
-
const S =
|
|
260
|
-
(T(S, "SPACE") || T(S, "PAGE_UP") || T(S, "PAGE_DOWN") || T(S, "END") || T(S, "HOME") || T(S, "ARROW_LEFT") || T(S, "ARROW_UP") || T(S, "ARROW_RIGHT") || T(S, "ARROW_DOWN")) &&
|
|
257
|
+
), n = G((a) => {
|
|
258
|
+
if (a.target === document.body) {
|
|
259
|
+
const S = a.code || a.keyCode;
|
|
260
|
+
(T(S, "SPACE") || T(S, "PAGE_UP") || T(S, "PAGE_DOWN") || T(S, "END") || T(S, "HOME") || T(S, "ARROW_LEFT") || T(S, "ARROW_UP") || T(S, "ARROW_RIGHT") || T(S, "ARROW_DOWN")) && a.preventDefault();
|
|
261
261
|
}
|
|
262
262
|
}, []), b = G(
|
|
263
263
|
/** Запрет скролла всей страницы. */
|
|
264
|
-
(
|
|
265
|
-
|
|
264
|
+
(a) => {
|
|
265
|
+
a ? (document.addEventListener("wheel", w, { passive: !1 }), document.addEventListener("keydown", n)) : (document.removeEventListener("wheel", w), document.removeEventListener("keydown", n));
|
|
266
266
|
},
|
|
267
267
|
[w, n]
|
|
268
268
|
), v = G(
|
|
269
|
-
(
|
|
269
|
+
(a, S, g) => {
|
|
270
270
|
const R = p ? g.width : Math.max(g.width, S.width);
|
|
271
|
-
m === Z.AUTO ? g.right - R > 0 ?
|
|
271
|
+
m === Z.AUTO ? g.right - R > 0 ? a.left = g.right - R : g.left + R < document.documentElement.clientWidth ? a.left = g.left : a.left = g.right - R : m === Z.RIGHT ? a.left = g.right - R : m === Z.LEFT && (a.left = g.left);
|
|
272
272
|
},
|
|
273
273
|
[m, p]
|
|
274
274
|
), e = G(
|
|
275
|
-
(
|
|
276
|
-
i === ee.AUTO ? g.bottom + 4 + S.height < document.documentElement.clientHeight ?
|
|
275
|
+
(a, S, g) => {
|
|
276
|
+
i === ee.AUTO ? g.bottom + 4 + S.height < document.documentElement.clientHeight ? a.top = g.bottom + 4 : g.top - 4 - S.height > 0 ? a.bottom = document.documentElement.clientHeight - g.top + 4 : a.top = g.bottom + 4 : i === ee.BOTTOM ? a.top = g.bottom + 4 : i === ee.TOP && (a.bottom = document.documentElement.clientHeight - g.top + 4);
|
|
277
277
|
},
|
|
278
278
|
[i]
|
|
279
279
|
), s = G(() => {
|
|
280
|
-
const { current:
|
|
281
|
-
if (
|
|
282
|
-
const g =
|
|
280
|
+
const { current: a } = I, { current: S } = _;
|
|
281
|
+
if (a && S) {
|
|
282
|
+
const g = a.getBoundingClientRect(), R = S.getBoundingClientRect(), Y = {};
|
|
283
283
|
p ? Y.width = R.width : Y.minWidth = R.width, e(Y, g, R), v(Y, g, R), C.current = { height: g.height, width: g.width }, M({ ...h, ...Y });
|
|
284
284
|
}
|
|
285
285
|
}, [_, p, h, e, v]);
|
|
286
286
|
W(() => {
|
|
287
|
-
|
|
288
|
-
}, [
|
|
287
|
+
l ? s() : (C.current = { height: 0, width: 0 }, M({ ...h, opacity: 0 }));
|
|
288
|
+
}, [l, s, h]), W(() => {
|
|
289
289
|
if (I.current) {
|
|
290
|
-
const { width:
|
|
291
|
-
(
|
|
290
|
+
const { width: a, height: S } = I.current.getBoundingClientRect();
|
|
291
|
+
(a != C.current.width || S != C.current.height) && s();
|
|
292
292
|
}
|
|
293
293
|
}, [o, s]);
|
|
294
294
|
const f = G(() => {
|
|
295
295
|
setTimeout(s);
|
|
296
296
|
}, [s]);
|
|
297
297
|
W(() => {
|
|
298
|
-
if (
|
|
298
|
+
if (l)
|
|
299
299
|
return document.addEventListener("scroll", f, !0), window.addEventListener("resize", f), b(!0), document.body.classList.add(Se), () => {
|
|
300
300
|
document.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), b(!1), document.body.classList.remove(Se);
|
|
301
301
|
};
|
|
302
|
-
}, [
|
|
303
|
-
const D = (
|
|
304
|
-
I.current =
|
|
302
|
+
}, [l, f, b]);
|
|
303
|
+
const D = (a) => {
|
|
304
|
+
I.current = a, typeof t == "function" ? t(a) : t && (t.current = a);
|
|
305
305
|
};
|
|
306
|
-
return
|
|
306
|
+
return l ? /* @__PURE__ */ r(
|
|
307
307
|
"div",
|
|
308
308
|
{
|
|
309
309
|
className: A,
|
|
310
310
|
style: { ...E },
|
|
311
311
|
ref: D,
|
|
312
312
|
...y,
|
|
313
|
-
"data-tx": "0.1.
|
|
313
|
+
"data-tx": "0.1.9",
|
|
314
314
|
children: o
|
|
315
315
|
}
|
|
316
316
|
) : null;
|
|
317
317
|
});
|
|
318
318
|
ce.displayName = "DropdownDesktop";
|
|
319
319
|
const Pe = x.forwardRef(
|
|
320
|
-
({ children: d, opened: t, setOpened: m, onOpen: o, onClose: p, mobileViewProps: u, ...i },
|
|
320
|
+
({ children: d, opened: t, setOpened: m, onOpen: o, onClose: p, mobileViewProps: u, ...i }, l) => {
|
|
321
321
|
const c = O(!1);
|
|
322
322
|
return W(() => {
|
|
323
323
|
c.current ? t ? o == null || o() : p == null || p() : c.current = !0;
|
|
324
324
|
}, [t]), /* @__PURE__ */ r(st, { container: document.body, children: u ? /* @__PURE__ */ r(
|
|
325
325
|
ut,
|
|
326
326
|
{
|
|
327
|
-
fallback: /* @__PURE__ */ r(ce, { opened: t, setOpened: m, ...i, ref:
|
|
328
|
-
children: /* @__PURE__ */ r($e, { opened: t, setOpened: m, ...u, ref:
|
|
327
|
+
fallback: /* @__PURE__ */ r(ce, { opened: t, setOpened: m, ...i, ref: l, children: d }),
|
|
328
|
+
children: /* @__PURE__ */ r($e, { opened: t, setOpened: m, ...u, ref: l, children: (u == null ? void 0 : u.children) || d })
|
|
329
329
|
}
|
|
330
|
-
) : /* @__PURE__ */ r(ce, { opened: t, setOpened: m, ...i, ref:
|
|
330
|
+
) : /* @__PURE__ */ r(ce, { opened: t, setOpened: m, ...i, ref: l, children: d }) });
|
|
331
331
|
}
|
|
332
332
|
);
|
|
333
333
|
Pe.displayName = "Dropdown";
|
|
334
|
-
const Ot = "
|
|
334
|
+
const Ot = "buttonDropdownExtended__ba0a98fd", Bt = "buttonDropdownExtendedBlock__e94b0f20", Ne = {
|
|
335
335
|
buttonDropdownExtended: Ot,
|
|
336
336
|
buttonDropdownExtendedBlock: Bt
|
|
337
337
|
}, V = (d) => {
|
|
338
|
-
const { className: t, opened: m, setOpened: o, renderButton: p, renderDropdown: u, dropdownRef: i, closeOnTab:
|
|
338
|
+
const { className: t, opened: m, setOpened: o, renderButton: p, renderDropdown: u, dropdownRef: i, closeOnTab: l, ...c } = d, h = O(null), _ = O(d.opened !== void 0), [L, y] = j((d.opened === void 0, !1)), N = _.current ? !!m : L, E = G(
|
|
339
339
|
(I) => {
|
|
340
340
|
if (_.current) {
|
|
341
341
|
o && o(I);
|
|
@@ -350,7 +350,7 @@ const Ot = "buttonDropdownExtended__9674dd06", Bt = "buttonDropdownExtendedBlock
|
|
|
350
350
|
return;
|
|
351
351
|
const I = (A) => {
|
|
352
352
|
const w = A.code || A.keyCode;
|
|
353
|
-
N && (T(w, "ESCAPE") ||
|
|
353
|
+
N && (T(w, "ESCAPE") || l && T(w, "TAB")) && E(!1);
|
|
354
354
|
}, C = (A) => {
|
|
355
355
|
const w = h.current, n = i.current;
|
|
356
356
|
if (N) {
|
|
@@ -361,7 +361,7 @@ const Ot = "buttonDropdownExtended__9674dd06", Bt = "buttonDropdownExtendedBlock
|
|
|
361
361
|
return document.addEventListener("keydown", I), document.addEventListener("mousedown", C), document.addEventListener("touchstart", C), () => {
|
|
362
362
|
document.removeEventListener("keydown", I), document.removeEventListener("mousedown", C), document.removeEventListener("touchstart", C);
|
|
363
363
|
};
|
|
364
|
-
}, [N,
|
|
364
|
+
}, [N, l, i, E, h]);
|
|
365
365
|
const M = k(Ne.buttonDropdownExtended, t);
|
|
366
366
|
return /* @__PURE__ */ F("div", { className: M, ref: h, ...c, children: [
|
|
367
367
|
p({ opened: N, setOpened: E }),
|
|
@@ -374,7 +374,7 @@ const Ot = "buttonDropdownExtended__9674dd06", Bt = "buttonDropdownExtendedBlock
|
|
|
374
374
|
};
|
|
375
375
|
V.Dropdown = Pe;
|
|
376
376
|
V.DropdownList = K;
|
|
377
|
-
const Pt = "
|
|
377
|
+
const Pt = "buttonDropdown__f12fc422", zt = "block__0c71d905", Wt = "buttonDropdownTarget__e31554a0", Gt = "caretIcon__5e0f1548", $t = "active__527e161d", Ut = "buttonDropdownMenuItem__6dee6621", B = {
|
|
378
378
|
buttonDropdown: Pt,
|
|
379
379
|
block: zt,
|
|
380
380
|
buttonDropdownTarget: Wt,
|
|
@@ -405,15 +405,15 @@ const Pt = "buttonDropdown__948d1b64", zt = "block__683095d3", Wt = "buttonDropd
|
|
|
405
405
|
}
|
|
406
406
|
}, Vt = x.forwardRef(
|
|
407
407
|
(d, t) => {
|
|
408
|
-
const { buttonAttributes: m, children: o, className: p, theme: u, size: i, options:
|
|
409
|
-
const
|
|
408
|
+
const { buttonAttributes: m, children: o, className: p, theme: u, size: i, options: l, selected: c, block: h, disabled: _, ...L } = d, y = O(null), N = O(null), E = k(B.buttonDropdown, { [B.block]: !!h }, p), [M, I] = j(), C = O(Fe()), A = ({ opened: f, setOpened: D }) => {
|
|
409
|
+
const a = k(B.buttonDropdownTarget, "hoverable", {
|
|
410
410
|
[B.active]: f,
|
|
411
411
|
[B.block]: !!h
|
|
412
412
|
});
|
|
413
413
|
return /* @__PURE__ */ F(
|
|
414
414
|
ie,
|
|
415
415
|
{
|
|
416
|
-
className:
|
|
416
|
+
className: a,
|
|
417
417
|
theme: u,
|
|
418
418
|
size: i,
|
|
419
419
|
onKeyDown: b({ opened: f, setOpened: D }),
|
|
@@ -432,14 +432,14 @@ const Pt = "buttonDropdown__948d1b64", zt = "block__683095d3", Wt = "buttonDropd
|
|
|
432
432
|
}
|
|
433
433
|
);
|
|
434
434
|
}, w = ({ opened: f, setOpened: D }) => {
|
|
435
|
-
const
|
|
435
|
+
const a = k(B.buttonDropdownTarget, "hoverable", {
|
|
436
436
|
[B.active]: f,
|
|
437
437
|
[B.block]: !!h
|
|
438
438
|
});
|
|
439
439
|
return /* @__PURE__ */ r(
|
|
440
440
|
ie,
|
|
441
441
|
{
|
|
442
|
-
className:
|
|
442
|
+
className: a,
|
|
443
443
|
theme: $.SECONDARY,
|
|
444
444
|
size: i,
|
|
445
445
|
onKeyDown: b({ opened: f, setOpened: D }),
|
|
@@ -454,9 +454,9 @@ const Pt = "buttonDropdown__948d1b64", zt = "block__683095d3", Wt = "buttonDropd
|
|
|
454
454
|
icon: /* @__PURE__ */ r(ft, { paletteIndex: 0 })
|
|
455
455
|
}
|
|
456
456
|
);
|
|
457
|
-
}, n = ({ opened: f, setOpened: D }) => () => D(!f), b = ({ opened: f, setOpened: D }) => (
|
|
458
|
-
const { key: S } =
|
|
459
|
-
(T(S, "SPACE") || T(S, "ARROW_UP") || T(S, "ARROW_DOWN")) &&
|
|
457
|
+
}, n = ({ opened: f, setOpened: D }) => () => D(!f), b = ({ opened: f, setOpened: D }) => (a) => {
|
|
458
|
+
const { key: S } = a;
|
|
459
|
+
(T(S, "SPACE") || T(S, "ARROW_UP") || T(S, "ARROW_DOWN")) && a.preventDefault(), !f && (T(S, "ARROW_UP") || T(S, "ARROW_DOWN")) && D(!0);
|
|
460
460
|
}, v = () => {
|
|
461
461
|
switch (u) {
|
|
462
462
|
case $.GENERAL:
|
|
@@ -468,9 +468,9 @@ const Pt = "buttonDropdown__948d1b64", zt = "block__683095d3", Wt = "buttonDropd
|
|
|
468
468
|
default:
|
|
469
469
|
return null;
|
|
470
470
|
}
|
|
471
|
-
}, e = ({ opened: f, setOpened: D, className:
|
|
472
|
-
const S = k(B.buttonDropdownMenu,
|
|
473
|
-
return /* @__PURE__ */ r(
|
|
471
|
+
}, e = ({ opened: f, setOpened: D, className: a }) => {
|
|
472
|
+
const S = k(B.buttonDropdownMenu, a);
|
|
473
|
+
return /* @__PURE__ */ r(ae.Provider, { value: { activeDescendant: M, setActiveDescendant: I }, children: /* @__PURE__ */ r(
|
|
474
474
|
V.Dropdown,
|
|
475
475
|
{
|
|
476
476
|
size: Ht(i),
|
|
@@ -485,7 +485,7 @@ const Pt = "buttonDropdown__948d1b64", zt = "block__683095d3", Wt = "buttonDropd
|
|
|
485
485
|
/* @__PURE__ */ r(Oe, { tag: "div", size: Be.B3, children: o }),
|
|
486
486
|
/* @__PURE__ */ r(ve, { onClick: () => D(!1) })
|
|
487
487
|
] }),
|
|
488
|
-
/* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(Ce, { children:
|
|
488
|
+
/* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(Ce, { children: l.map((g) => /* @__PURE__ */ ne(
|
|
489
489
|
Re,
|
|
490
490
|
{
|
|
491
491
|
...g,
|
|
@@ -500,7 +500,7 @@ const Pt = "buttonDropdown__948d1b64", zt = "block__683095d3", Wt = "buttonDropd
|
|
|
500
500
|
)) }) })
|
|
501
501
|
] })
|
|
502
502
|
},
|
|
503
|
-
children: /* @__PURE__ */ r(K, { dropdownOpened: f, id: C.current, size: Kt(i), children:
|
|
503
|
+
children: /* @__PURE__ */ r(K, { dropdownOpened: f, id: C.current, size: Kt(i), children: l.map((g) => /* @__PURE__ */ ne(
|
|
504
504
|
K.Item,
|
|
505
505
|
{
|
|
506
506
|
...g,
|
|
@@ -533,12 +533,12 @@ const Pt = "buttonDropdown__948d1b64", zt = "block__683095d3", Wt = "buttonDropd
|
|
|
533
533
|
}
|
|
534
534
|
);
|
|
535
535
|
Vt.displayName = "ButtonDropdown";
|
|
536
|
-
const jt = "
|
|
536
|
+
const jt = "formFieldMaskedInputWrapper__a446ae98", Yt = "formFieldMaskedInputPlaceholder__863170ea", qt = "formFieldMaskedInput__4a93c7b3", q = {
|
|
537
537
|
formFieldMaskedInputWrapper: jt,
|
|
538
538
|
formFieldMaskedInputPlaceholder: Yt,
|
|
539
|
-
"size-sm": "size-
|
|
540
|
-
"size-md": "size-
|
|
541
|
-
"size-lg": "size-
|
|
539
|
+
"size-sm": "size-sm__64b9b1f5",
|
|
540
|
+
"size-md": "size-md__90671c7c",
|
|
541
|
+
"size-lg": "size-lg__4e576499",
|
|
542
542
|
formFieldMaskedInput: qt
|
|
543
543
|
}, X = ({
|
|
544
544
|
className: d,
|
|
@@ -548,27 +548,27 @@ const jt = "formFieldMaskedInputWrapper__cee21c29", Yt = "formFieldMaskedInputPl
|
|
|
548
548
|
onChange: p,
|
|
549
549
|
placeholder: u,
|
|
550
550
|
placeholderChar: i = "0",
|
|
551
|
-
placeholderMask:
|
|
551
|
+
placeholderMask: l,
|
|
552
552
|
value: c,
|
|
553
553
|
...h
|
|
554
554
|
}) => {
|
|
555
|
-
const [_, L] = j(""), y = O(!1), { valueExist: N, focused: E, size: M } =
|
|
555
|
+
const [_, L] = j(""), y = O(!1), { valueExist: N, focused: E, size: M } = le(dt);
|
|
556
556
|
W(() => {
|
|
557
557
|
L((() => {
|
|
558
558
|
let s = [];
|
|
559
559
|
if (c) {
|
|
560
560
|
const { conformedValue: f } = oe.conformToMask(c.toString(), o, { guide: !0, placeholderChar: i });
|
|
561
561
|
for (let D = 0; D < o.length; D++)
|
|
562
|
-
typeof o[D] == "string" ? s[D] = f[D] : f[D] === i && !c.toString()[D] ? s[D] = (
|
|
563
|
-
} else if (
|
|
564
|
-
s =
|
|
562
|
+
typeof o[D] == "string" ? s[D] = f[D] : f[D] === i && !c.toString()[D] ? s[D] = (l == null ? void 0 : l[D]) || i : s[D] = f[D];
|
|
563
|
+
} else if (l)
|
|
564
|
+
s = l.split("");
|
|
565
565
|
else {
|
|
566
566
|
const { conformedValue: f } = oe.conformToMask("", o, { guide: !0, placeholderChar: i });
|
|
567
567
|
s = f.split("");
|
|
568
568
|
}
|
|
569
569
|
return s.join("");
|
|
570
570
|
})());
|
|
571
|
-
}, [c, o, i,
|
|
571
|
+
}, [c, o, i, l]);
|
|
572
572
|
const I = G(
|
|
573
573
|
(e) => {
|
|
574
574
|
const { value: s } = e.target;
|
|
@@ -581,7 +581,7 @@ const jt = "formFieldMaskedInputWrapper__cee21c29", Yt = "formFieldMaskedInputPl
|
|
|
581
581
|
let s = [];
|
|
582
582
|
if (y.current) {
|
|
583
583
|
let f = /^[78]((\D*\d)*)/;
|
|
584
|
-
e = e.replace(f, "+7 ($1"), f = /^\d7/, e = e.replace(f, (D) => (s = Array.from("+7 (").map((
|
|
584
|
+
e = e.replace(f, "+7 ($1"), f = /^\d7/, e = e.replace(f, (D) => (s = Array.from("+7 (").map((a, S) => S), `+7 (${D}`));
|
|
585
585
|
} else (e === "7" || e === "8") && (e = "+7 (");
|
|
586
586
|
return {
|
|
587
587
|
indexesOfPipedChars: s,
|
|
@@ -655,7 +655,7 @@ const Qt = ({ maskedInputProps: d, ...t }) => /* @__PURE__ */ r(me, { ...t, chil
|
|
|
655
655
|
Qt.displayName = "MaskedField";
|
|
656
656
|
const Xt = x.forwardRef(
|
|
657
657
|
(d, t) => {
|
|
658
|
-
const { buttonAttributes: m, children: o, className: p, icon: u, options: i, selected:
|
|
658
|
+
const { buttonAttributes: m, children: o, className: p, icon: u, options: i, selected: l, disabled: c, ...h } = d, _ = O(null), L = O(null), [y, N] = j(), E = O(Fe()), M = ({ opened: n, setOpened: b }) => /* @__PURE__ */ r(
|
|
659
659
|
Xe,
|
|
660
660
|
{
|
|
661
661
|
className: "hoverable",
|
|
@@ -674,7 +674,7 @@ const Xt = x.forwardRef(
|
|
|
674
674
|
), I = ({ opened: n, setOpened: b }) => () => b(!n), C = ({ opened: n, setOpened: b }) => (v) => {
|
|
675
675
|
const { key: e } = v;
|
|
676
676
|
(T(e, "SPACE") || T(e, "ARROW_UP") || T(e, "ARROW_DOWN")) && v.preventDefault(), !n && (T(e, "ARROW_UP") || T(e, "ARROW_DOWN")) && b(!0);
|
|
677
|
-
}, A = ({ opened: n, setOpened: b, className: v }) => /* @__PURE__ */ r(
|
|
677
|
+
}, A = ({ opened: n, setOpened: b, className: v }) => /* @__PURE__ */ r(ae.Provider, { value: { activeDescendant: y, setActiveDescendant: N }, children: /* @__PURE__ */ r(
|
|
678
678
|
V.Dropdown,
|
|
679
679
|
{
|
|
680
680
|
className: v,
|
|
@@ -693,7 +693,7 @@ const Xt = x.forwardRef(
|
|
|
693
693
|
{
|
|
694
694
|
...e,
|
|
695
695
|
key: e.id,
|
|
696
|
-
selected: e.id === (
|
|
696
|
+
selected: e.id === (l == null ? void 0 : l.id),
|
|
697
697
|
onSelect: () => {
|
|
698
698
|
var s;
|
|
699
699
|
(s = e.onSelect) == null || s.call(e), b(!1);
|
|
@@ -709,7 +709,7 @@ const Xt = x.forwardRef(
|
|
|
709
709
|
...e,
|
|
710
710
|
className: fe.buttonDropdownMenuItem,
|
|
711
711
|
key: e.id,
|
|
712
|
-
selected: e.id === (
|
|
712
|
+
selected: e.id === (l == null ? void 0 : l.id),
|
|
713
713
|
onSelect: () => {
|
|
714
714
|
var s;
|
|
715
715
|
(s = e.onSelect) == null || s.call(e), b(!1);
|
|
@@ -735,13 +735,13 @@ const Xt = x.forwardRef(
|
|
|
735
735
|
}
|
|
736
736
|
);
|
|
737
737
|
Xt.displayName = "ListItemControlsButtonDropdown";
|
|
738
|
-
const Zt = "
|
|
738
|
+
const Zt = "listItemTable__29dd5203", eo = {
|
|
739
739
|
listItemTable: Zt
|
|
740
740
|
}, to = x.forwardRef(
|
|
741
|
-
({ children: d, className: t, controlButtons: m, onClickItem: o, onSelect: p, selected: u, swipeableAreaRef: i, ...
|
|
741
|
+
({ children: d, className: t, controlButtons: m, onClickItem: o, onSelect: p, selected: u, swipeableAreaRef: i, ...l }, c) => {
|
|
742
742
|
const h = typeof p < "u" && typeof u < "u", _ = () => /* @__PURE__ */ r(Qe, { onClick: o, children: d });
|
|
743
|
-
return /* @__PURE__ */ r(xe, { className: k(eo.listItemTable, t), ...
|
|
744
|
-
|
|
743
|
+
return /* @__PURE__ */ r(xe, { className: k(eo.listItemTable, t), ...l, ref: c, children: /* @__PURE__ */ F(
|
|
744
|
+
at,
|
|
745
745
|
{
|
|
746
746
|
ref: i,
|
|
747
747
|
rightSwipeableArea: m ? /* @__PURE__ */ r(Je, { children: m }) : void 0,
|
|
@@ -754,12 +754,12 @@ const Zt = "listItemTable__0634cfa2", eo = {
|
|
|
754
754
|
}
|
|
755
755
|
);
|
|
756
756
|
to.displayName = "ListItemTable";
|
|
757
|
-
const oo = "
|
|
757
|
+
const oo = "listSortableItem__1dcb979c", no = "dragging__ee9b0408", Ie = {
|
|
758
758
|
listSortableItem: oo,
|
|
759
759
|
dragging: no
|
|
760
760
|
}, ro = Object.assign(
|
|
761
761
|
x.forwardRef(function({ children: t, className: m, style: o, disabled: p, ...u }, i) {
|
|
762
|
-
const { transform:
|
|
762
|
+
const { transform: l, transition: c, listeners: h, isDragging: _, setNodeRef: L, setActivatorNodeRef: y } = nt({
|
|
763
763
|
disabled: p,
|
|
764
764
|
id: u.id,
|
|
765
765
|
transition: {
|
|
@@ -773,7 +773,7 @@ const oo = "listSortableItem__b3c77c12", no = "dragging__7419f2d6", Ie = {
|
|
|
773
773
|
xe,
|
|
774
774
|
{
|
|
775
775
|
className: k(Ie.listSortableItem, { [Ie.dragging]: _ }, m),
|
|
776
|
-
style: { transform: rt.Translate.toString(
|
|
776
|
+
style: { transform: rt.Translate.toString(l), transition: c, ...o },
|
|
777
777
|
...u,
|
|
778
778
|
ref: N,
|
|
779
779
|
children: typeof t == "function" ? t({ disabled: p, dragging: _, listeners: h, setActivatorNodeRef: y }) : t
|
|
@@ -785,7 +785,7 @@ const oo = "listSortableItem__b3c77c12", no = "dragging__7419f2d6", Ie = {
|
|
|
785
785
|
}
|
|
786
786
|
);
|
|
787
787
|
ro.displayName = "ListSortableItem";
|
|
788
|
-
const so = "
|
|
788
|
+
const so = "segmentedControlSegment__2f127d16", io = "selected__1f3b91b0", co = "content__dff06a16", de = {
|
|
789
789
|
segmentedControlSegment: so,
|
|
790
790
|
selected: io,
|
|
791
791
|
content: co
|
|
@@ -799,12 +799,12 @@ const so = "segmentedControlSegment__6a2e7c37", io = "selected__92f0a4fc", co =
|
|
|
799
799
|
...i
|
|
800
800
|
}) => {
|
|
801
801
|
const {
|
|
802
|
-
type:
|
|
802
|
+
type: l,
|
|
803
803
|
value: c,
|
|
804
804
|
disabled: h,
|
|
805
805
|
onSegmentSelect: _
|
|
806
|
-
} =
|
|
807
|
-
switch (
|
|
806
|
+
} = le(We), y = (() => {
|
|
807
|
+
switch (l) {
|
|
808
808
|
case H.SINGLE:
|
|
809
809
|
return m === c;
|
|
810
810
|
case H.MULTIPLE:
|
|
@@ -822,7 +822,7 @@ const so = "segmentedControlSegment__6a2e7c37", io = "selected__92f0a4fc", co =
|
|
|
822
822
|
if (typeof d == "string")
|
|
823
823
|
return d;
|
|
824
824
|
}, M = (I) => {
|
|
825
|
-
switch (
|
|
825
|
+
switch (l) {
|
|
826
826
|
case H.SINGLE:
|
|
827
827
|
_({ value: m, selected: !0 });
|
|
828
828
|
break;
|
|
@@ -846,9 +846,9 @@ const so = "segmentedControlSegment__6a2e7c37", io = "selected__92f0a4fc", co =
|
|
|
846
846
|
);
|
|
847
847
|
};
|
|
848
848
|
ze.displayName = "SegmentedControlSegment";
|
|
849
|
-
const
|
|
850
|
-
segmentedControl:
|
|
851
|
-
general1:
|
|
849
|
+
const lo = "segmentedControl__da9a54e5", ao = "general1__e131024b", mo = "secondary1__9ed97801", uo = "general2__f298a47d", fo = "secondary2__926993a6", po = "sm__eeaeb487", go = "md__e0ec547a", wo = "lg__29a8566d", U = {
|
|
850
|
+
segmentedControl: lo,
|
|
851
|
+
general1: ao,
|
|
852
852
|
secondary1: mo,
|
|
853
853
|
general2: uo,
|
|
854
854
|
secondary2: fo,
|
|
@@ -872,7 +872,7 @@ const ao = "segmentedControl__7588bb65", lo = "general1__6b7fead5", mo = "second
|
|
|
872
872
|
[re.LG]: U.lg
|
|
873
873
|
}, _o = Object.assign(
|
|
874
874
|
x.forwardRef(
|
|
875
|
-
({ children: d, className: t, value: m, theme: o, type: p, size: u, disabled: i, onSelect:
|
|
875
|
+
({ children: d, className: t, value: m, theme: o, type: p, size: u, disabled: i, onSelect: l, ...c }, h) => {
|
|
876
876
|
const _ = k(
|
|
877
877
|
U.segmentedControl,
|
|
878
878
|
ho[o],
|
|
@@ -884,10 +884,10 @@ const ao = "segmentedControl__7588bb65", lo = "general1__6b7fead5", mo = "second
|
|
|
884
884
|
}) => {
|
|
885
885
|
switch (p) {
|
|
886
886
|
case H.SINGLE:
|
|
887
|
-
y &&
|
|
887
|
+
y && l(N);
|
|
888
888
|
break;
|
|
889
889
|
case H.MULTIPLE:
|
|
890
|
-
|
|
890
|
+
l(y ? [...m, N] : [...m].filter((E) => E !== N));
|
|
891
891
|
}
|
|
892
892
|
};
|
|
893
893
|
return /* @__PURE__ */ r(
|
|
@@ -899,7 +899,7 @@ const ao = "segmentedControl__7588bb65", lo = "general1__6b7fead5", mo = "second
|
|
|
899
899
|
disabled: !!i,
|
|
900
900
|
onSegmentSelect: L
|
|
901
901
|
},
|
|
902
|
-
children: /* @__PURE__ */ r("div", { className: _, ...c, "data-tx": "0.1.
|
|
902
|
+
children: /* @__PURE__ */ r("div", { className: _, ...c, "data-tx": "0.1.9", ref: h, children: d })
|
|
903
903
|
}
|
|
904
904
|
);
|
|
905
905
|
}
|
|
@@ -928,4 +928,4 @@ export {
|
|
|
928
928
|
_o as i,
|
|
929
929
|
me as j
|
|
930
930
|
};
|
|
931
|
-
//# sourceMappingURL=index-
|
|
931
|
+
//# sourceMappingURL=index-CAZEh1iw.js.map
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { EFontType as r } from "../components/Typography/enums.js";
|
|
2
|
+
const e = "underline__b00a3818", n = "strikethrough__4a2f1dd7", s = "underlineStrikethrough__1b376390", o = "typography__825bbcc4", c = "primary__dd5dcce2", a = "complementary__c3b5581f", d = "secondary__cb4d0ba3", i = "tertiary__7ef7ddb0", _ = "disabled__f8621368", y = "brand__0b4a6f51", p = "info__45df571f", m = "success__296a22e8", b = "error__a258f4c3", h = "warning__d380156d", l = "system__4019dc00", u = "compact__500c59af", t = {
|
|
3
|
+
underline: e,
|
|
4
|
+
strikethrough: n,
|
|
5
|
+
underlineStrikethrough: s,
|
|
6
|
+
typography: o,
|
|
7
|
+
primary: c,
|
|
8
|
+
complementary: a,
|
|
9
|
+
secondary: d,
|
|
10
|
+
tertiary: i,
|
|
11
|
+
disabled: _,
|
|
12
|
+
brand: y,
|
|
13
|
+
info: p,
|
|
14
|
+
success: m,
|
|
15
|
+
error: b,
|
|
16
|
+
warning: h,
|
|
17
|
+
system: l,
|
|
18
|
+
compact: u
|
|
19
|
+
}, g = {
|
|
20
|
+
[r.PRIMARY]: t.primary,
|
|
21
|
+
[r.COMPLEMENTARY]: t.complementary,
|
|
22
|
+
[r.SECONDARY]: t.secondary,
|
|
23
|
+
[r.TERTIARY]: t.tertiary,
|
|
24
|
+
[r.DISABLED]: t.disabled,
|
|
25
|
+
[r.BRAND]: t.brand,
|
|
26
|
+
[r.INFO]: t.info,
|
|
27
|
+
[r.SUCCESS]: t.success,
|
|
28
|
+
[r.ERROR]: t.error,
|
|
29
|
+
[r.WARNING]: t.warning,
|
|
30
|
+
[r.SYSTEM]: t.system
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
g as m,
|
|
34
|
+
t
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=utils-9a4dp5-W.js.map
|