skillgrid 0.0.89 → 0.0.91-dev-68351-trigger-fixes.1793976
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/assets/components/FileUpload/FileUpload.module-CL_LDrLs.css +1 -0
- package/dist/assets/components/Modal/Modal.module-x_YFLlra.css +1 -0
- package/dist/assets/components/Trigger/Trigger.module-Dc9gMp3_.css +1 -0
- package/dist/assets/icons/development/code-browser-outlined.svg.js +1 -1
- package/dist/assets/icons/development/code-close-outlined.svg.js +1 -1
- package/dist/assets/icons/development/code-outlined.svg.js +1 -1
- package/dist/assets/icons/development/cube-outlined.svg.js +1 -1
- package/dist/assets/icons/development/dataflow-outlined.svg.js +1 -1
- package/dist/assets/icons/development/terminal-square-outlined.svg.js +2 -2
- package/dist/assets/icons/general/award-outlined.svg.js +1 -1
- package/dist/assets/icons/general/compass-outlined.svg.js +1 -1
- package/dist/assets/icons/general/ellipsis-horizontal-outlined.svg.js +1 -1
- package/dist/assets/icons/general/ellipsis-vertical-outlined.svg.js +2 -2
- package/dist/assets/icons/general/eye-crossed-outlined.svg.js +2 -2
- package/dist/assets/icons/general/medal-outlined.svg.js +1 -1
- package/dist/assets/icons/general/megaphone-outlined.svg.js +1 -1
- package/dist/assets/icons/general/rating-outlined.svg.js +1 -1
- package/dist/assets/icons/general/send-ios-outlined.svg.js +1 -1
- package/dist/assets/icons/general/shop-outlined.svg.js +1 -1
- package/dist/assets/icons/general/teacher-outlined.svg.js +1 -1
- package/dist/assets/styles/{button.module-DjunAbRS.css → button.module-BG9KYkTN.css} +1 -1
- package/dist/components/Avatar/AvatarGroup/AvatarGroupRoot.js +5 -5
- package/dist/components/ConfigProvider/ConfigProvider.js +1 -1
- package/dist/components/FileUpload/FileUpload.js +1 -1
- package/dist/components/FileUpload/FileUpload.module.css.js +62 -62
- package/dist/components/InputBase/Input.js +6 -6
- package/dist/components/Modal/Modal.module.css.js +18 -18
- package/dist/components/Modal/Modal.type.d.ts +1 -1
- package/dist/components/Popover/lib/use-popover.js +1 -1
- package/dist/components/Tabs/ScrollWrapper.js +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Trigger/Trigger.d.ts +1 -1
- package/dist/components/Trigger/Trigger.js +77 -73
- package/dist/components/Trigger/Trigger.module.css.js +23 -23
- package/dist/components/Trigger/Trigger.type.d.ts +6 -2
- package/dist/index.cjs.js +25 -3
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +91 -89
- package/dist/styles/brand.module.css.js +24 -2
- package/dist/styles/brand.module.css2.js +4 -0
- package/dist/styles/button.module.css.js +1 -1
- package/dist/utils/generate-brand-primary-palette.d.ts +36 -0
- package/dist/utils/generate-brand-primary-palette.js +101 -0
- package/package.json +3 -2
- package/dist/assets/components/FileUpload/FileUpload.module-CldF1EqE.css +0 -1
- package/dist/assets/components/Modal/Modal.module-BXeSeTs2.css +0 -1
- package/dist/assets/components/Trigger/Trigger.module-BWzHgDVC.css +0 -1
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import '../../assets/components/FileUpload/FileUpload.module-
|
|
1
|
+
import '../../assets/components/FileUpload/FileUpload.module-CL_LDrLs.css';const e = "_root_rsb4t_1", t = "_rootVertical_rsb4t_15", o = "_rootHorizontal_rsb4t_19", r = "_rootButton_rsb4t_23", i = "_dropzoneWrapper_rsb4t_28", n = "_uploader_rsb4t_32", _ = "_buttonTrigger_rsb4t_37", s = "_attachButton_rsb4t_42", l = "_dropzone_rsb4t_28", a = "_dropzoneVertical_rsb4t_65", c = "_dropzoneHorizontal_rsb4t_75", p = "_dropzoneMeasuredBorder_rsb4t_85", d = "_dropzoneBorder_rsb4t_89", b = "_dropzoneInteractive_rsb4t_107", v = "_dropzoneDragActive_rsb4t_121", z = "_dropzoneDisabled_rsb4t_127", f = "_dropzoneIcon_rsb4t_134", w = "_dropzoneIconTile_rsb4t_135", u = "_dropzoneTitle_rsb4t_144", B = "_dropzoneDescription_rsb4t_148", M = "_dropzoneContent_rsb4t_172", T = "_dropzoneContentHorizontal_rsb4t_182", g = "_dropzoneTitleHorizontal_rsb4t_194", I = "_dropzoneDescriptionHorizontal_rsb4t_204", m = "_triggerButton_rsb4t_208", D = "_previewCard_rsb4t_212", P = "_previewCardError_rsb4t_233", C = "_previewCardDisabled_rsb4t_243", H = "_previewMediaImage_rsb4t_248", h = "_previewMediaPlaceholder_rsb4t_249", A = "_previewOverlay_rsb4t_273", L = "_previewCardUploading_rsb4t_280", S = "_previewStatus_rsb4t_289", y = "_previewStatusError_rsb4t_308", E = "_previewStatusText_rsb4t_314", V = "_previewActions_rsb4t_321", x = "_previewReplaceButton_rsb4t_336", O = "_previewRemoveButton_rsb4t_337", R = "_previewActionButton_rsb4t_338", N = "_fileList_rsb4t_342", U = "_fileListHorizontal_rsb4t_349", W = "_fileTileList_rsb4t_353", j = "_fileTile_rsb4t_353", k = "_fileTileDisabled_rsb4t_375", q = "_fileName_rsb4t_380", F = "_fileMeta_rsb4t_384", G = "_filePreviewDocument_rsb4t_388", J = "_filePreviewImage_rsb4t_389", K = "_filePreviewPlaceholder_rsb4t_390", Q = "_fileTileBody_rsb4t_396", X = "_fileItem_rsb4t_405", Y = "_fileItemError_rsb4t_419", Z = "_fileItemDisabled_rsb4t_423", $ = "_fileMetaText_rsb4t_433", ee = "_filePreviewMedia_rsb4t_445", te = "_fileMain_rsb4t_449", oe = "_filePreview_rsb4t_388", re = "_fileBody_rsb4t_500", ie = "_fileMetaInline_rsb4t_522", ne = "_fileMetaLoader_rsb4t_536", _e = "_actions_rsb4t_540", se = "_inlineActions_rsb4t_541", le = "_actionsVisible_rsb4t_554", ae = "_actionToggleOpen_rsb4t_559", ce = "_actionMenu_rsb4t_563", pe = "_actionMenuButton_rsb4t_575", de = "_actionMenuBottomSheet_rsb4t_582", be = "_actionIcon_rsb4t_587", ve = {
|
|
2
2
|
root: e,
|
|
3
|
-
rootVertical:
|
|
4
|
-
rootHorizontal:
|
|
5
|
-
rootButton:
|
|
6
|
-
dropzoneWrapper:
|
|
7
|
-
uploader:
|
|
3
|
+
rootVertical: t,
|
|
4
|
+
rootHorizontal: o,
|
|
5
|
+
rootButton: r,
|
|
6
|
+
dropzoneWrapper: i,
|
|
7
|
+
uploader: n,
|
|
8
8
|
buttonTrigger: _,
|
|
9
|
-
attachButton:
|
|
10
|
-
dropzone:
|
|
11
|
-
dropzoneVertical:
|
|
12
|
-
dropzoneHorizontal:
|
|
13
|
-
dropzoneMeasuredBorder:
|
|
14
|
-
dropzoneBorder:
|
|
15
|
-
dropzoneInteractive:
|
|
16
|
-
dropzoneDragActive:
|
|
17
|
-
dropzoneDisabled:
|
|
18
|
-
dropzoneIcon:
|
|
9
|
+
attachButton: s,
|
|
10
|
+
dropzone: l,
|
|
11
|
+
dropzoneVertical: a,
|
|
12
|
+
dropzoneHorizontal: c,
|
|
13
|
+
dropzoneMeasuredBorder: p,
|
|
14
|
+
dropzoneBorder: d,
|
|
15
|
+
dropzoneInteractive: b,
|
|
16
|
+
dropzoneDragActive: v,
|
|
17
|
+
dropzoneDisabled: z,
|
|
18
|
+
dropzoneIcon: f,
|
|
19
19
|
dropzoneIconTile: w,
|
|
20
20
|
dropzoneTitle: u,
|
|
21
21
|
dropzoneDescription: B,
|
|
@@ -26,9 +26,9 @@ import '../../assets/components/FileUpload/FileUpload.module-CldF1EqE.css';const
|
|
|
26
26
|
triggerButton: m,
|
|
27
27
|
previewCard: D,
|
|
28
28
|
previewCardError: P,
|
|
29
|
-
previewCardDisabled:
|
|
30
|
-
previewMediaImage:
|
|
31
|
-
previewMediaPlaceholder:
|
|
29
|
+
previewCardDisabled: C,
|
|
30
|
+
previewMediaImage: H,
|
|
31
|
+
previewMediaPlaceholder: h,
|
|
32
32
|
previewOverlay: A,
|
|
33
33
|
previewCardUploading: L,
|
|
34
34
|
previewStatus: S,
|
|
@@ -54,61 +54,61 @@ import '../../assets/components/FileUpload/FileUpload.module-CldF1EqE.css';const
|
|
|
54
54
|
fileItemDisabled: Z,
|
|
55
55
|
fileMetaText: $,
|
|
56
56
|
filePreviewMedia: ee,
|
|
57
|
-
fileMain:
|
|
58
|
-
filePreview:
|
|
59
|
-
fileBody:
|
|
60
|
-
fileMetaInline:
|
|
61
|
-
fileMetaLoader:
|
|
57
|
+
fileMain: te,
|
|
58
|
+
filePreview: oe,
|
|
59
|
+
fileBody: re,
|
|
60
|
+
fileMetaInline: ie,
|
|
61
|
+
fileMetaLoader: ne,
|
|
62
62
|
actions: _e,
|
|
63
|
-
inlineActions:
|
|
64
|
-
actionsVisible:
|
|
65
|
-
actionToggleOpen:
|
|
66
|
-
actionMenu:
|
|
67
|
-
actionMenuButton:
|
|
68
|
-
actionMenuBottomSheet:
|
|
69
|
-
actionIcon:
|
|
63
|
+
inlineActions: se,
|
|
64
|
+
actionsVisible: le,
|
|
65
|
+
actionToggleOpen: ae,
|
|
66
|
+
actionMenu: ce,
|
|
67
|
+
actionMenuButton: pe,
|
|
68
|
+
actionMenuBottomSheet: de,
|
|
69
|
+
actionIcon: be
|
|
70
70
|
};
|
|
71
71
|
export {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
72
|
+
be as actionIcon,
|
|
73
|
+
ce as actionMenu,
|
|
74
|
+
de as actionMenuBottomSheet,
|
|
75
|
+
pe as actionMenuButton,
|
|
76
|
+
ae as actionToggleOpen,
|
|
77
77
|
_e as actions,
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
le as actionsVisible,
|
|
79
|
+
s as attachButton,
|
|
80
80
|
_ as buttonTrigger,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
81
|
+
ve as default,
|
|
82
|
+
l as dropzone,
|
|
83
|
+
d as dropzoneBorder,
|
|
84
84
|
M as dropzoneContent,
|
|
85
85
|
T as dropzoneContentHorizontal,
|
|
86
86
|
B as dropzoneDescription,
|
|
87
87
|
I as dropzoneDescriptionHorizontal,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
88
|
+
z as dropzoneDisabled,
|
|
89
|
+
v as dropzoneDragActive,
|
|
90
|
+
c as dropzoneHorizontal,
|
|
91
|
+
f as dropzoneIcon,
|
|
92
92
|
w as dropzoneIconTile,
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
b as dropzoneInteractive,
|
|
94
|
+
p as dropzoneMeasuredBorder,
|
|
95
95
|
u as dropzoneTitle,
|
|
96
96
|
g as dropzoneTitleHorizontal,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
97
|
+
a as dropzoneVertical,
|
|
98
|
+
i as dropzoneWrapper,
|
|
99
|
+
re as fileBody,
|
|
100
100
|
X as fileItem,
|
|
101
101
|
Z as fileItemDisabled,
|
|
102
102
|
Y as fileItemError,
|
|
103
103
|
N as fileList,
|
|
104
104
|
U as fileListHorizontal,
|
|
105
|
-
|
|
105
|
+
te as fileMain,
|
|
106
106
|
F as fileMeta,
|
|
107
|
-
|
|
108
|
-
|
|
107
|
+
ie as fileMetaInline,
|
|
108
|
+
ne as fileMetaLoader,
|
|
109
109
|
$ as fileMetaText,
|
|
110
110
|
q as fileName,
|
|
111
|
-
|
|
111
|
+
oe as filePreview,
|
|
112
112
|
G as filePreviewDocument,
|
|
113
113
|
J as filePreviewImage,
|
|
114
114
|
ee as filePreviewMedia,
|
|
@@ -117,15 +117,15 @@ export {
|
|
|
117
117
|
Q as fileTileBody,
|
|
118
118
|
k as fileTileDisabled,
|
|
119
119
|
W as fileTileList,
|
|
120
|
-
|
|
120
|
+
se as inlineActions,
|
|
121
121
|
R as previewActionButton,
|
|
122
122
|
V as previewActions,
|
|
123
123
|
D as previewCard,
|
|
124
|
-
|
|
124
|
+
C as previewCardDisabled,
|
|
125
125
|
P as previewCardError,
|
|
126
126
|
L as previewCardUploading,
|
|
127
|
-
|
|
128
|
-
|
|
127
|
+
H as previewMediaImage,
|
|
128
|
+
h as previewMediaPlaceholder,
|
|
129
129
|
A as previewOverlay,
|
|
130
130
|
O as previewRemoveButton,
|
|
131
131
|
x as previewReplaceButton,
|
|
@@ -133,9 +133,9 @@ export {
|
|
|
133
133
|
y as previewStatusError,
|
|
134
134
|
E as previewStatusText,
|
|
135
135
|
e as root,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
136
|
+
r as rootButton,
|
|
137
|
+
o as rootHorizontal,
|
|
138
|
+
t as rootVertical,
|
|
139
139
|
m as triggerButton,
|
|
140
|
-
|
|
140
|
+
n as uploader
|
|
141
141
|
};
|
|
@@ -2,9 +2,9 @@ import { jsx as r, jsxs as W } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as z, useImperativeHandle as P } from "react";
|
|
3
3
|
import { clsx as f } from "clsx";
|
|
4
4
|
import e from "./InputBase.module.css.js";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
5
|
+
import { useInputSync as Q } from "./lib/useInputSync.js";
|
|
6
|
+
import { useTextareaResize as Y } from "./lib/useTextareaResize.js";
|
|
7
|
+
import { useCompatId as Z } from "../../hooks/useCompatId.js";
|
|
8
8
|
import { MAX_HINT_LENGTH as k } from "./lib/constants.js";
|
|
9
9
|
import { useGripResize as U } from "./lib/useGripResize.js";
|
|
10
10
|
import { GripIcon as E } from "./assets/GripIcon.js";
|
|
@@ -32,8 +32,8 @@ const K = z(
|
|
|
32
32
|
resize: c,
|
|
33
33
|
...H
|
|
34
34
|
}, R) => {
|
|
35
|
-
const { textareaRef: w, inputRef: j, currentRef: d } =
|
|
36
|
-
if (
|
|
35
|
+
const { textareaRef: w, inputRef: j, currentRef: d } = Q(a, t);
|
|
36
|
+
if (Y(a, c, w), P(R, () => d.current, [d]), t === "textarea")
|
|
37
37
|
return /* @__PURE__ */ r(
|
|
38
38
|
"textarea",
|
|
39
39
|
{
|
|
@@ -132,7 +132,7 @@ const K = z(
|
|
|
132
132
|
showGrip: T = !1,
|
|
133
133
|
...L
|
|
134
134
|
}, O) => {
|
|
135
|
-
const X =
|
|
135
|
+
const X = Z("input-wrapper"), S = D || X, _ = y && s && (d || p), q = s && s.length > k ? s.substring(0, k) + "..." : s, B = f(
|
|
136
136
|
e.wrapper,
|
|
137
137
|
e[`size-${m}`],
|
|
138
138
|
a && e.error,
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import '../../assets/components/Modal/Modal.module-
|
|
1
|
+
import '../../assets/components/Modal/Modal.module-x_YFLlra.css';const t = "_container_9kjql_1", o = "_header_9kjql_21", e = "_withBorder_9kjql_56", c = "_drawerHeader_9kjql_60", n = "_title_9kjql_40", _ = "_subTitle_9kjql_76", s = "_leftActionsStack_9kjql_88", i = "_rightActionsStack_9kjql_96", l = "_closeButton_9kjql_111", a = "_content_9kjql_116", r = "_footer_9kjql_127", k = {
|
|
2
2
|
container: t,
|
|
3
|
-
header:
|
|
4
|
-
"title-actions-actions": "_title-actions-
|
|
5
|
-
"actions-title-actions": "_actions-title-
|
|
6
|
-
withBorder:
|
|
7
|
-
drawerHeader:
|
|
8
|
-
title:
|
|
3
|
+
header: o,
|
|
4
|
+
"title-actions-actions": "_title-actions-actions_9kjql_40",
|
|
5
|
+
"actions-title-actions": "_actions-title-actions_9kjql_48",
|
|
6
|
+
withBorder: e,
|
|
7
|
+
drawerHeader: c,
|
|
8
|
+
title: n,
|
|
9
9
|
subTitle: _,
|
|
10
10
|
leftActionsStack: s,
|
|
11
11
|
rightActionsStack: i,
|
|
12
|
-
closeButton:
|
|
13
|
-
content:
|
|
14
|
-
footer:
|
|
12
|
+
closeButton: l,
|
|
13
|
+
content: a,
|
|
14
|
+
footer: r
|
|
15
15
|
};
|
|
16
16
|
export {
|
|
17
|
-
|
|
17
|
+
l as closeButton,
|
|
18
18
|
t as container,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
a as content,
|
|
20
|
+
k as default,
|
|
21
|
+
c as drawerHeader,
|
|
22
|
+
r as footer,
|
|
23
|
+
o as header,
|
|
24
24
|
s as leftActionsStack,
|
|
25
25
|
i as rightActionsStack,
|
|
26
26
|
_ as subTitle,
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
n as title,
|
|
28
|
+
e as withBorder
|
|
29
29
|
};
|
|
@@ -18,7 +18,7 @@ export interface ModalProps extends Omit<DialogProps, 'style' | 'className'> {
|
|
|
18
18
|
/** Содержимое футера (например, кнопки). */
|
|
19
19
|
footer?: ReactNode;
|
|
20
20
|
/** Ширина модального окна в px. */
|
|
21
|
-
size?: 480 | 620 | 800;
|
|
21
|
+
size?: 480 | 620 | 800 | (number & {});
|
|
22
22
|
/** Inline-стили для отдельных частей модального окна. */
|
|
23
23
|
styles?: Partial<Record<ModalFields, HTMLProps<HTMLDivElement>['style']>>;
|
|
24
24
|
/** CSS-классы для отдельных частей модального окна. */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { offset as G, flip as H, shift as V, inline as q, size as J, hide as K, useFloating as Q, autoUpdate as Z, useTransitionStyles as M, useClick as ee, useHover as te, useFocus as oe, useDismiss as ne, useRole as se, useInteractions as re } from "@floating-ui/react";
|
|
2
2
|
import { useState as i, useMemo as v, useCallback as ce, useEffect as ae, useLayoutEffect as ie } from "react";
|
|
3
|
-
import { useCompatId as S } from "../../../hooks/useCompatId.js";
|
|
4
3
|
import { DEFAULT_FLOATING as le, hasMiddleware as fe } from "./utils.js";
|
|
4
|
+
import { useCompatId as S } from "../../../hooks/useCompatId.js";
|
|
5
5
|
const r = 8, ue = (c) => {
|
|
6
6
|
switch (c.split("-")[0]) {
|
|
7
7
|
case "top":
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as N, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as W, useState as g, useEffect as w } from "react";
|
|
3
|
-
import { useBackgroundColor as M } from "../../hooks/useBackgroundColor.js";
|
|
4
3
|
import { clsx as a } from "clsx";
|
|
5
4
|
import e from "./ScrollWrapper.module.css.js";
|
|
5
|
+
import { useBackgroundColor as M } from "../../hooks/useBackgroundColor.js";
|
|
6
6
|
const B = "white", G = ({
|
|
7
7
|
children: b,
|
|
8
8
|
withControls: i = !0,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as l, jsxs as w } from "react/jsx-runtime";
|
|
2
2
|
import F, { useState as U, createContext as V, useContext as M } from "react";
|
|
3
3
|
import { ScrollWrapper as R } from "./ScrollWrapper.js";
|
|
4
|
-
import { useIsMobile as j } from "../../hooks/useIsMobile.js";
|
|
5
4
|
import { clsx as p } from "clsx";
|
|
6
5
|
import f from "../../styles/typography.module.css.js";
|
|
7
6
|
import a from "./Tabs.module.css.js";
|
|
7
|
+
import { useIsMobile as j } from "../../hooks/useIsMobile.js";
|
|
8
8
|
import { Badge as k } from "../Badge/Badge.js";
|
|
9
9
|
const G = "md", W = !1, Y = !1, Z = 8, z = "top-right-inside", P = V(null), h = () => {
|
|
10
10
|
const t = M(P);
|
|
@@ -2,4 +2,4 @@ import { TriggerCommonProps } from './Trigger.type';
|
|
|
2
2
|
/**
|
|
3
3
|
Component Trigger
|
|
4
4
|
*/
|
|
5
|
-
export declare const Trigger: ({ content, size, description, label, stretched, selectionStyle, clearable, error, prefixIcon, postfixTitle, disabled, open, onClear, classNames, styles, }: TriggerCommonProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const Trigger: ({ content, size, description, label, stretched, selectionStyle, clearable, showClear, showChevron, error, prefixIcon, postfixTitle, disabled, open, onClear, classNames, styles, }: TriggerCommonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,134 +1,138 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as f, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { clsx as n } from "clsx";
|
|
3
|
-
import { LabelState as
|
|
3
|
+
import { LabelState as H } from "./Trigger.type.js";
|
|
4
4
|
import r from "./Trigger.module.css.js";
|
|
5
|
-
import { getLabelState as
|
|
6
|
-
import { Typography as
|
|
7
|
-
import { XIcon as
|
|
8
|
-
import { ChevronIcon as
|
|
9
|
-
import { Helper as
|
|
10
|
-
const
|
|
11
|
-
content:
|
|
5
|
+
import { getLabelState as R, getLabelTypographySize as U, truncateContent as V, getContentTypographySize as E, getIconSize as X } from "./lib/utils.js";
|
|
6
|
+
import { Typography as y } from "../Typography/Typography.js";
|
|
7
|
+
import { XIcon as Y } from "../InputBase/assets/XIcon.js";
|
|
8
|
+
import { ChevronIcon as Z } from "./assets/ChevronIcon.js";
|
|
9
|
+
import { Helper as _ } from "../Helper/Helper.js";
|
|
10
|
+
const lr = ({
|
|
11
|
+
content: p,
|
|
12
12
|
size: i = "XL",
|
|
13
|
-
description:
|
|
14
|
-
label:
|
|
15
|
-
stretched:
|
|
16
|
-
selectionStyle:
|
|
17
|
-
clearable:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
description: I,
|
|
14
|
+
label: v,
|
|
15
|
+
stretched: h = !1,
|
|
16
|
+
selectionStyle: x = "selected",
|
|
17
|
+
clearable: j = !1,
|
|
18
|
+
showClear: z,
|
|
19
|
+
showChevron: A,
|
|
20
|
+
error: d,
|
|
21
|
+
prefixIcon: b,
|
|
22
|
+
postfixTitle: N,
|
|
21
23
|
disabled: o = !1,
|
|
22
|
-
open:
|
|
23
|
-
onClear:
|
|
24
|
+
open: S,
|
|
25
|
+
onClear: m,
|
|
24
26
|
classNames: t = {},
|
|
25
27
|
styles: e = {}
|
|
26
28
|
}) => {
|
|
27
|
-
const
|
|
29
|
+
const c = !!p, u = !!v, g = !!d, L = x === "applied", w = z ?? (c && (L || j)), D = A ?? !w, F = !!I && (!g || o) || g && !o, W = (g && !o ? d : I) || "", s = g && !o, T = R(i, c), l = u && T === H.FLOATING, k = T === H.HIDDEN, G = n(
|
|
28
30
|
r["trigger-wrapper"],
|
|
29
|
-
{ [r["trigger-stretched"]]:
|
|
31
|
+
{ [r["trigger-stretched"]]: h },
|
|
30
32
|
t.wrapper
|
|
31
|
-
),
|
|
33
|
+
), O = n(
|
|
32
34
|
r["trigger-container"],
|
|
33
35
|
r[`trigger-container-size-${i}`],
|
|
34
36
|
{
|
|
35
|
-
[r["trigger-stretched"]]:
|
|
36
|
-
[r["trigger-container-applied"]]:
|
|
37
|
-
[r["trigger-container-error"]]:
|
|
38
|
-
[r["trigger-container-open"]]:
|
|
37
|
+
[r["trigger-stretched"]]: h,
|
|
38
|
+
[r["trigger-container-applied"]]: L && c,
|
|
39
|
+
[r["trigger-container-error"]]: g && !o,
|
|
40
|
+
[r["trigger-container-open"]]: S,
|
|
39
41
|
[r["trigger-container-floating"]]: l
|
|
40
42
|
},
|
|
41
43
|
t.triggerContainer
|
|
42
|
-
),
|
|
44
|
+
), P = n(
|
|
43
45
|
r["trigger-content-container"],
|
|
44
46
|
{
|
|
45
47
|
[r["trigger-content-container-floating"]]: l
|
|
46
48
|
},
|
|
47
49
|
t.triggerContent
|
|
48
|
-
),
|
|
50
|
+
), $ = n(
|
|
49
51
|
r["trigger-label"],
|
|
50
52
|
{
|
|
51
53
|
[r["trigger-label-floating"]]: l,
|
|
52
|
-
[r["trigger-label-hidden"]]:
|
|
54
|
+
[r["trigger-label-hidden"]]: k
|
|
53
55
|
},
|
|
54
56
|
t.label
|
|
55
|
-
),
|
|
57
|
+
), q = n(r["trigger-content"], t.content), B = n(r["trigger-postfix"], t.postfixTitle), J = n(r["trigger-chevron-icon"], t.chevronIcon), K = n(
|
|
56
58
|
r["trigger-prefix-icon"],
|
|
57
59
|
t.prefixIconContainer
|
|
58
|
-
),
|
|
59
|
-
|
|
60
|
-
}
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
-
/* @__PURE__ */
|
|
60
|
+
), M = n(r["trigger-clear-icon"], t.clearIcon), Q = (C) => {
|
|
61
|
+
C == null || C.stopPropagation(), m == null || m();
|
|
62
|
+
};
|
|
63
|
+
return /* @__PURE__ */ f("div", { className: G, style: e.wrapper, children: [
|
|
64
|
+
/* @__PURE__ */ f(
|
|
63
65
|
"button",
|
|
64
66
|
{
|
|
65
67
|
"data-testid": "trigger",
|
|
66
|
-
"aria-invalid":
|
|
68
|
+
"aria-invalid": g,
|
|
67
69
|
"aria-haspopup": "listbox",
|
|
68
|
-
"aria-expanded":
|
|
70
|
+
"aria-expanded": S,
|
|
69
71
|
role: "combobox",
|
|
70
|
-
className:
|
|
72
|
+
className: O,
|
|
71
73
|
style: e.triggerContainer,
|
|
72
74
|
disabled: o,
|
|
73
75
|
type: "button",
|
|
74
76
|
children: [
|
|
75
|
-
|
|
76
|
-
/* @__PURE__ */
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
b && i !== "XL" && /* @__PURE__ */ a("div", { className: K, style: e.prefixIconContainer, children: b }),
|
|
78
|
+
/* @__PURE__ */ f("div", { className: P, style: e.triggerContent, children: [
|
|
79
|
+
u && /* @__PURE__ */ a(
|
|
80
|
+
y.Label,
|
|
79
81
|
{
|
|
80
82
|
"data-testid": "trigger-label",
|
|
81
|
-
className:
|
|
83
|
+
className: $,
|
|
82
84
|
style: e.label,
|
|
83
|
-
size:
|
|
85
|
+
size: U(i, l),
|
|
84
86
|
as: "span",
|
|
85
87
|
disabled: o,
|
|
86
88
|
typographyStyle: l ? "secondary" : "tertiary",
|
|
87
|
-
children:
|
|
89
|
+
children: v
|
|
88
90
|
}
|
|
89
91
|
),
|
|
90
|
-
|
|
91
|
-
|
|
92
|
+
c && /* @__PURE__ */ a(
|
|
93
|
+
y.Label,
|
|
92
94
|
{
|
|
93
95
|
"data-testid": "trigger-content-container",
|
|
94
|
-
className:
|
|
96
|
+
className: q,
|
|
95
97
|
style: e.content,
|
|
96
|
-
size:
|
|
98
|
+
size: E(i),
|
|
97
99
|
as: "span",
|
|
98
100
|
disabled: o,
|
|
99
|
-
children:
|
|
101
|
+
children: h ? p : V(p)
|
|
100
102
|
}
|
|
101
103
|
),
|
|
102
|
-
|
|
103
|
-
|
|
104
|
+
c && !!N && /* @__PURE__ */ a(
|
|
105
|
+
y.Label,
|
|
104
106
|
{
|
|
105
107
|
"data-testid": "trigger-postfix",
|
|
106
|
-
className:
|
|
108
|
+
className: B,
|
|
107
109
|
style: e.postfixTitle,
|
|
108
|
-
size:
|
|
110
|
+
size: E(i),
|
|
109
111
|
disabled: o,
|
|
110
112
|
typographyStyle: "secondary",
|
|
111
|
-
|
|
113
|
+
fontWeight: "medium",
|
|
114
|
+
children: N
|
|
112
115
|
}
|
|
113
116
|
)
|
|
114
117
|
] }),
|
|
115
|
-
|
|
116
|
-
|
|
118
|
+
w && /* @__PURE__ */ a(
|
|
119
|
+
Y,
|
|
117
120
|
{
|
|
118
|
-
className:
|
|
121
|
+
className: M,
|
|
119
122
|
"data-testid": "trigger-clear",
|
|
120
|
-
size:
|
|
123
|
+
size: X(i),
|
|
121
124
|
tabIndex: -1,
|
|
122
|
-
onClick:
|
|
125
|
+
onClick: Q,
|
|
123
126
|
style: { outline: "none", ...e.clearIcon },
|
|
124
|
-
color:
|
|
127
|
+
color: x === "selected" ? "var(--icon-tertiary)" : void 0
|
|
125
128
|
}
|
|
126
|
-
)
|
|
127
|
-
|
|
129
|
+
),
|
|
130
|
+
D && /* @__PURE__ */ a(
|
|
131
|
+
Z,
|
|
128
132
|
{
|
|
129
133
|
"data-testid": "trigger-chevron",
|
|
130
|
-
size:
|
|
131
|
-
className:
|
|
134
|
+
size: X(i),
|
|
135
|
+
className: J,
|
|
132
136
|
color: "var(--icon-tertiary)",
|
|
133
137
|
style: e.chevronIcon
|
|
134
138
|
}
|
|
@@ -136,19 +140,19 @@ const cr = ({
|
|
|
136
140
|
]
|
|
137
141
|
}
|
|
138
142
|
),
|
|
139
|
-
|
|
140
|
-
|
|
143
|
+
F && /* @__PURE__ */ a(
|
|
144
|
+
_,
|
|
141
145
|
{
|
|
142
|
-
title:
|
|
143
|
-
error:
|
|
144
|
-
className:
|
|
145
|
-
style:
|
|
146
|
+
title: W,
|
|
147
|
+
error: s ? d : void 0,
|
|
148
|
+
className: s ? t.error : t.description,
|
|
149
|
+
style: s ? e.error : e.description,
|
|
146
150
|
disabled: o,
|
|
147
|
-
"data-testid":
|
|
151
|
+
"data-testid": s ? "trigger-error" : "trigger-description"
|
|
148
152
|
}
|
|
149
153
|
)
|
|
150
154
|
] });
|
|
151
155
|
};
|
|
152
156
|
export {
|
|
153
|
-
|
|
157
|
+
lr as Trigger
|
|
154
158
|
};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import '../../assets/components/Trigger/Trigger.module-
|
|
2
|
-
"trigger-wrapper": "_trigger-
|
|
3
|
-
"trigger-container": "_trigger-
|
|
4
|
-
"trigger-container-applied": "_trigger-container-
|
|
5
|
-
"trigger-container-open": "_trigger-container-
|
|
6
|
-
"trigger-container-error": "_trigger-container-
|
|
7
|
-
"trigger-container-size-XS": "_trigger-container-size-
|
|
8
|
-
"trigger-container-size-S": "_trigger-container-size-
|
|
9
|
-
"trigger-container-size-M": "_trigger-container-size-
|
|
10
|
-
"trigger-container-size-L": "_trigger-container-size-
|
|
11
|
-
"trigger-container-size-XL": "_trigger-container-size-
|
|
12
|
-
"trigger-container-floating": "_trigger-container-
|
|
13
|
-
"trigger-stretched": "_trigger-
|
|
14
|
-
"trigger-content-container": "_trigger-content-
|
|
15
|
-
"trigger-content-container-floating": "_trigger-content-container-
|
|
16
|
-
"trigger-label": "_trigger-
|
|
17
|
-
"trigger-label-floating": "_trigger-label-
|
|
18
|
-
"trigger-label-hidden": "_trigger-label-
|
|
19
|
-
"trigger-content": "_trigger-
|
|
20
|
-
"trigger-prefix-icon": "_trigger-prefix-
|
|
21
|
-
"trigger-chevron-icon": "_trigger-chevron-
|
|
22
|
-
"trigger-clear-icon": "_trigger-clear-
|
|
23
|
-
"trigger-postfix": "_trigger-
|
|
1
|
+
import '../../assets/components/Trigger/Trigger.module-Dc9gMp3_.css';const r = {
|
|
2
|
+
"trigger-wrapper": "_trigger-wrapper_zp1ok_74",
|
|
3
|
+
"trigger-container": "_trigger-container_zp1ok_80",
|
|
4
|
+
"trigger-container-applied": "_trigger-container-applied_zp1ok_103",
|
|
5
|
+
"trigger-container-open": "_trigger-container-open_zp1ok_108",
|
|
6
|
+
"trigger-container-error": "_trigger-container-error_zp1ok_119",
|
|
7
|
+
"trigger-container-size-XS": "_trigger-container-size-XS_zp1ok_131",
|
|
8
|
+
"trigger-container-size-S": "_trigger-container-size-S_zp1ok_141",
|
|
9
|
+
"trigger-container-size-M": "_trigger-container-size-M_zp1ok_147",
|
|
10
|
+
"trigger-container-size-L": "_trigger-container-size-L_zp1ok_153",
|
|
11
|
+
"trigger-container-size-XL": "_trigger-container-size-XL_zp1ok_161",
|
|
12
|
+
"trigger-container-floating": "_trigger-container-floating_zp1ok_167",
|
|
13
|
+
"trigger-stretched": "_trigger-stretched_zp1ok_172",
|
|
14
|
+
"trigger-content-container": "_trigger-content-container_zp1ok_176",
|
|
15
|
+
"trigger-content-container-floating": "_trigger-content-container-floating_zp1ok_185",
|
|
16
|
+
"trigger-label": "_trigger-label_zp1ok_190",
|
|
17
|
+
"trigger-label-floating": "_trigger-label-floating_zp1ok_197",
|
|
18
|
+
"trigger-label-hidden": "_trigger-label-hidden_zp1ok_209",
|
|
19
|
+
"trigger-content": "_trigger-content_zp1ok_176",
|
|
20
|
+
"trigger-prefix-icon": "_trigger-prefix-icon_zp1ok_223",
|
|
21
|
+
"trigger-chevron-icon": "_trigger-chevron-icon_zp1ok_228",
|
|
22
|
+
"trigger-clear-icon": "_trigger-clear-icon_zp1ok_244",
|
|
23
|
+
"trigger-postfix": "_trigger-postfix_zp1ok_260"
|
|
24
24
|
};
|
|
25
25
|
export {
|
|
26
26
|
r as default
|
|
@@ -29,8 +29,12 @@ export type TriggerCommonProps = {
|
|
|
29
29
|
stretched?: boolean;
|
|
30
30
|
/** Стиль выделения: 'selected' - обычное состояние, 'applied' - применённое с возможностью очистки */
|
|
31
31
|
selectionStyle?: 'selected' | 'applied';
|
|
32
|
-
/** Показывать
|
|
32
|
+
/** Показывать иконку очистки при наличии контента и selectionStyle = 'selected' */
|
|
33
33
|
clearable?: boolean;
|
|
34
|
+
/** Показывать ли иконку очистки. Если не задано, определяется по content, selectionStyle и clearable. */
|
|
35
|
+
showClear?: boolean;
|
|
36
|
+
/** Показывать ли шеврон. Если не задано, отображается при отсутствии иконки очистки. */
|
|
37
|
+
showChevron?: boolean;
|
|
34
38
|
/** Иконка перед контентом */
|
|
35
39
|
prefixIcon?: ReactNode;
|
|
36
40
|
/** Текст после контента */
|
|
@@ -39,7 +43,7 @@ export type TriggerCommonProps = {
|
|
|
39
43
|
error?: string;
|
|
40
44
|
/** Дизейбл компонент */
|
|
41
45
|
disabled?: boolean;
|
|
42
|
-
/** Обработчик очистки поля (вызывается при клике на
|
|
46
|
+
/** Обработчик очистки поля (вызывается при клике на иконку очистки) */
|
|
43
47
|
onClear?: () => void;
|
|
44
48
|
/**
|
|
45
49
|
* Дополнительные классы для:
|