shared-design-system 1.21.0 → 1.25.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/dist/src/components/Alert.d.ts +1 -1
- package/dist/src/components/Alert.js +34 -20
- package/dist/src/components/Alert.js.map +1 -1
- package/dist/src/components/Avatar.d.ts +7 -2
- package/dist/src/components/Avatar.js +15 -12
- package/dist/src/components/Avatar.js.map +1 -1
- package/dist/src/components/Badge.d.ts +1 -1
- package/dist/src/components/Badge.js +113 -89
- package/dist/src/components/Badge.js.map +1 -1
- package/dist/src/components/Breadcrumbs.d.ts +1 -1
- package/dist/src/components/Breadcrumbs.js +7 -9
- package/dist/src/components/Breadcrumbs.js.map +1 -1
- package/dist/src/components/Button.d.ts +2 -1
- package/dist/src/components/Button.js +6 -4
- package/dist/src/components/Button.js.map +1 -1
- package/dist/src/components/Card.d.ts +2 -0
- package/dist/src/components/Card.js +6 -6
- package/dist/src/components/Card.js.map +1 -1
- package/dist/src/components/ConfigProvider.d.ts +17 -0
- package/dist/src/components/ConfigProvider.js +54 -0
- package/dist/src/components/ConfigProvider.js.map +1 -0
- package/dist/src/components/ConfirmModal.d.ts +1 -1
- package/dist/src/components/ConfirmModal.js +82 -72
- package/dist/src/components/ConfirmModal.js.map +1 -1
- package/dist/src/components/DatePicker.d.ts +1 -1
- package/dist/src/components/DatePicker.js +33 -10
- package/dist/src/components/DatePicker.js.map +1 -1
- package/dist/src/components/Descriptions.d.ts +15 -0
- package/dist/src/components/Descriptions.js +44 -0
- package/dist/src/components/Descriptions.js.map +1 -0
- package/dist/src/components/Divider.d.ts +2 -1
- package/dist/src/components/Divider.js +23 -17
- package/dist/src/components/Divider.js.map +1 -1
- package/dist/src/components/Drawer.d.ts +1 -1
- package/dist/src/components/Drawer.js +81 -68
- package/dist/src/components/Drawer.js.map +1 -1
- package/dist/src/components/Dropdown.d.ts +17 -0
- package/dist/src/components/Dropdown.js +129 -0
- package/dist/src/components/Dropdown.js.map +1 -0
- package/dist/src/components/InputComponents.d.ts +4 -4
- package/dist/src/components/InputComponents.js +57 -26
- package/dist/src/components/InputComponents.js.map +1 -1
- package/dist/src/components/ListComponents.d.ts +4 -2
- package/dist/src/components/ListComponents.js +36 -15
- package/dist/src/components/ListComponents.js.map +1 -1
- package/dist/src/components/Modal.d.ts +1 -1
- package/dist/src/components/Modal.js +90 -77
- package/dist/src/components/Modal.js.map +1 -1
- package/dist/src/components/MultiSelect.d.ts +1 -1
- package/dist/src/components/MultiSelect.js +65 -20
- package/dist/src/components/MultiSelect.js.map +1 -1
- package/dist/src/components/Popconfirm.d.ts +12 -0
- package/dist/src/components/Popconfirm.js +24 -0
- package/dist/src/components/Popconfirm.js.map +1 -0
- package/dist/src/components/Popover.d.ts +10 -0
- package/dist/src/components/Popover.js +123 -0
- package/dist/src/components/Popover.js.map +1 -0
- package/dist/src/components/Portal.d.ts +11 -0
- package/dist/src/components/Portal.js +30 -0
- package/dist/src/components/Portal.js.map +1 -0
- package/dist/src/components/Radio.d.ts +14 -4
- package/dist/src/components/Radio.js +13 -7
- package/dist/src/components/Radio.js.map +1 -1
- package/dist/src/components/Result.d.ts +9 -0
- package/dist/src/components/Result.js +52 -0
- package/dist/src/components/Result.js.map +1 -0
- package/dist/src/components/Select.d.ts +1 -1
- package/dist/src/components/Select.js +70 -19
- package/dist/src/components/Select.js.map +1 -1
- package/dist/src/components/Skeleton.d.ts +1 -1
- package/dist/src/components/Skeleton.js +10 -7
- package/dist/src/components/Skeleton.js.map +1 -1
- package/dist/src/components/Steps.d.ts +2 -1
- package/dist/src/components/Steps.js +18 -15
- package/dist/src/components/Steps.js.map +1 -1
- package/dist/src/components/Switch.d.ts +1 -1
- package/dist/src/components/Switch.js +6 -6
- package/dist/src/components/Switch.js.map +1 -1
- package/dist/src/components/Table.d.ts +20 -7
- package/dist/src/components/Table.js +140 -113
- package/dist/src/components/Table.js.map +1 -1
- package/dist/src/components/Tabs.d.ts +4 -2
- package/dist/src/components/Tabs.js +15 -10
- package/dist/src/components/Tabs.js.map +1 -1
- package/dist/src/components/Tag.d.ts +3 -1
- package/dist/src/components/Tag.js +17 -8
- package/dist/src/components/Tag.js.map +1 -1
- package/dist/src/components/Timeline.d.ts +13 -0
- package/dist/src/components/Timeline.js +35 -0
- package/dist/src/components/Timeline.js.map +1 -0
- package/dist/src/components/Tooltip.d.ts +1 -1
- package/dist/src/components/Tooltip.js +17 -10
- package/dist/src/components/Tooltip.js.map +1 -1
- package/dist/src/components/Typography.d.ts +5 -5
- package/dist/src/components/Typography.js +38 -23
- package/dist/src/components/Typography.js.map +1 -1
- package/dist/src/index.d.ts +19 -4
- package/dist/src/index.js +12 -5
- package/dist/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -37,12 +37,16 @@ const inputFieldBaseStyle = {
|
|
|
37
37
|
color: tokens.color.slate800,
|
|
38
38
|
padding: '4px 0 0 0',
|
|
39
39
|
};
|
|
40
|
-
export const Input = ({ label, required, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
|
|
40
|
+
export const Input = React.forwardRef(({ label, required, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }, ref) => {
|
|
41
41
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
42
42
|
return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
|
|
43
43
|
...floatingLabelStyle,
|
|
44
|
-
color: isFocused
|
|
45
|
-
|
|
44
|
+
color: isFocused
|
|
45
|
+
? tokens.color.borderFocus
|
|
46
|
+
: error
|
|
47
|
+
? tokens.color.danger
|
|
48
|
+
: tokens.color.slate400,
|
|
49
|
+
left: leadingIcon ? '40px' : '14px',
|
|
46
50
|
}, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: inputContainerStyle(isFocused, !!error), children: [leadingIcon && (_jsx("div", { style: {
|
|
47
51
|
position: 'absolute',
|
|
48
52
|
left: '16px',
|
|
@@ -53,8 +57,8 @@ export const Input = ({ label, required, error, className = '', style = {}, onFo
|
|
|
53
57
|
alignItems: 'center',
|
|
54
58
|
zIndex: 1,
|
|
55
59
|
pointerEvents: 'none',
|
|
56
|
-
marginTop: '2px'
|
|
57
|
-
}, children: leadingIcon })), _jsx("input", { style: {
|
|
60
|
+
marginTop: '2px',
|
|
61
|
+
}, children: leadingIcon })), _jsx("input", { ref: ref, style: {
|
|
58
62
|
...inputFieldBaseStyle,
|
|
59
63
|
...(leadingIcon && { paddingLeft: '28px' }),
|
|
60
64
|
}, onFocus: (e) => {
|
|
@@ -63,14 +67,24 @@ export const Input = ({ label, required, error, className = '', style = {}, onFo
|
|
|
63
67
|
}, onBlur: (e) => {
|
|
64
68
|
setIsFocused(false);
|
|
65
69
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
66
|
-
}, ...props })] }), error && _jsx("p", { style: {
|
|
67
|
-
|
|
68
|
-
|
|
70
|
+
}, "aria-invalid": !!error, "aria-required": required, ...props })] }), error && (_jsx("p", { style: {
|
|
71
|
+
fontSize: '11px',
|
|
72
|
+
color: tokens.color.danger,
|
|
73
|
+
marginTop: '6px',
|
|
74
|
+
fontWeight: tokens.font.weightMedium,
|
|
75
|
+
}, children: error }))] }));
|
|
76
|
+
});
|
|
77
|
+
Input.displayName = 'Input';
|
|
78
|
+
export const Textarea = React.forwardRef(({ label, required, error, className = '', style = {}, onFocus, onBlur, ...props }, ref) => {
|
|
69
79
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
70
80
|
return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
|
|
71
81
|
...floatingLabelStyle,
|
|
72
|
-
color: isFocused
|
|
73
|
-
|
|
82
|
+
color: isFocused
|
|
83
|
+
? tokens.color.borderFocus
|
|
84
|
+
: error
|
|
85
|
+
? tokens.color.danger
|
|
86
|
+
: tokens.color.slate400,
|
|
87
|
+
}, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("div", { style: inputContainerStyle(isFocused, !!error), children: _jsx("textarea", { ref: ref, style: {
|
|
74
88
|
...inputFieldBaseStyle,
|
|
75
89
|
minHeight: '100px',
|
|
76
90
|
resize: 'none',
|
|
@@ -80,14 +94,24 @@ export const Textarea = ({ label, required, error, className = '', style = {}, o
|
|
|
80
94
|
}, onBlur: (e) => {
|
|
81
95
|
setIsFocused(false);
|
|
82
96
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
83
|
-
}, ...props }) }), error && _jsx("p", { style: {
|
|
84
|
-
|
|
85
|
-
|
|
97
|
+
}, "aria-invalid": !!error, "aria-required": required, ...props }) }), error && (_jsx("p", { style: {
|
|
98
|
+
fontSize: '11px',
|
|
99
|
+
color: tokens.color.danger,
|
|
100
|
+
marginTop: '6px',
|
|
101
|
+
fontWeight: tokens.font.weightMedium,
|
|
102
|
+
}, children: error }))] }));
|
|
103
|
+
});
|
|
104
|
+
Textarea.displayName = 'Textarea';
|
|
105
|
+
export const NativeSelect = React.forwardRef(({ label, required, children, error, className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }, ref) => {
|
|
86
106
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
87
107
|
return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative', ...style }, children: [label && (_jsxs("label", { style: {
|
|
88
108
|
...floatingLabelStyle,
|
|
89
|
-
color: isFocused
|
|
90
|
-
|
|
109
|
+
color: isFocused
|
|
110
|
+
? tokens.color.borderFocus
|
|
111
|
+
: error
|
|
112
|
+
? tokens.color.danger
|
|
113
|
+
: tokens.color.slate400,
|
|
114
|
+
left: leadingIcon ? '40px' : '14px',
|
|
91
115
|
}, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("div", { style: inputContainerStyle(isFocused, !!error), children: _jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [leadingIcon && (_jsx("div", { style: {
|
|
92
116
|
position: 'absolute',
|
|
93
117
|
left: '0',
|
|
@@ -96,8 +120,8 @@ export const NativeSelect = ({ label, required, children, error, className = '',
|
|
|
96
120
|
alignItems: 'center',
|
|
97
121
|
zIndex: 1,
|
|
98
122
|
pointerEvents: 'none',
|
|
99
|
-
marginTop: '2px'
|
|
100
|
-
}, children: leadingIcon })), _jsx("select", { style: {
|
|
123
|
+
marginTop: '2px',
|
|
124
|
+
}, children: leadingIcon })), _jsx("select", { ref: ref, style: {
|
|
101
125
|
...inputFieldBaseStyle,
|
|
102
126
|
appearance: 'none',
|
|
103
127
|
paddingRight: '32px',
|
|
@@ -109,7 +133,7 @@ export const NativeSelect = ({ label, required, children, error, className = '',
|
|
|
109
133
|
}, onBlur: (e) => {
|
|
110
134
|
setIsFocused(false);
|
|
111
135
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
112
|
-
}, ...props, children: children }), _jsx("div", { style: {
|
|
136
|
+
}, "aria-invalid": !!error, "aria-required": required, ...props, children: children }), _jsx("div", { style: {
|
|
113
137
|
position: 'absolute',
|
|
114
138
|
right: '0',
|
|
115
139
|
top: '50%',
|
|
@@ -118,10 +142,16 @@ export const NativeSelect = ({ label, required, children, error, className = '',
|
|
|
118
142
|
color: isFocused ? tokens.color.borderFocus : tokens.color.slate300,
|
|
119
143
|
display: 'flex',
|
|
120
144
|
alignItems: 'center',
|
|
121
|
-
marginTop: '2px'
|
|
122
|
-
}, children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) }) })] }) }), error && _jsx("p", { style: {
|
|
123
|
-
|
|
124
|
-
|
|
145
|
+
marginTop: '2px',
|
|
146
|
+
}, children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) }) })] }) }), error && (_jsx("p", { style: {
|
|
147
|
+
fontSize: '11px',
|
|
148
|
+
color: tokens.color.danger,
|
|
149
|
+
marginTop: '6px',
|
|
150
|
+
fontWeight: tokens.font.weightMedium,
|
|
151
|
+
}, children: error }))] }));
|
|
152
|
+
});
|
|
153
|
+
NativeSelect.displayName = 'NativeSelect';
|
|
154
|
+
export const Checkbox = React.forwardRef(({ label, checked, className = '', style = {}, ...props }, ref) => {
|
|
125
155
|
return (_jsxs("label", { className: className, style: {
|
|
126
156
|
display: 'inline-flex',
|
|
127
157
|
alignItems: 'center',
|
|
@@ -131,8 +161,8 @@ export const Checkbox = ({ label, checked, className = '', style = {}, ...props
|
|
|
131
161
|
fontWeight: tokens.font.weightMedium,
|
|
132
162
|
color: tokens.color.slate800,
|
|
133
163
|
userSelect: 'none',
|
|
134
|
-
...style
|
|
135
|
-
}, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [_jsx("input", { type: "checkbox", checked: checked, style: {
|
|
164
|
+
...style,
|
|
165
|
+
}, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [_jsx("input", { ref: ref, type: "checkbox", checked: checked, style: {
|
|
136
166
|
appearance: 'none',
|
|
137
167
|
width: '20px',
|
|
138
168
|
height: '20px',
|
|
@@ -149,7 +179,8 @@ export const Checkbox = ({ label, checked, className = '', style = {}, ...props
|
|
|
149
179
|
width: '14px',
|
|
150
180
|
height: '14px',
|
|
151
181
|
color: 'white',
|
|
152
|
-
pointerEvents: 'none'
|
|
182
|
+
pointerEvents: 'none',
|
|
153
183
|
}, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }), label] }));
|
|
154
|
-
};
|
|
184
|
+
});
|
|
185
|
+
Checkbox.displayName = 'Checkbox';
|
|
155
186
|
//# sourceMappingURL=InputComponents.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputComponents.js","sourceRoot":"","sources":["../../../src/components/InputComponents.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,kBAAkB,GAAwB;IAC9C,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,OAAO;IACZ,IAAI,EAAE,MAAM;IACZ,eAAe,EAAE,OAAO;IACxB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;IAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;IAC5B,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,OAAO;IACtB,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;CACnC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,QAAiB,EAAuB,EAAE,CAAC,CAAC;IAC3F,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;IACnC,MAAM,EAAE,aAAa,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;IACtH,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;IAC9B,OAAO,EAAE,WAAW;IACpB,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;IAClC,6CAA6C;IAC7C,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;CAC9E,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAwB;IAC/C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,aAAa;IAC9B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;IACxB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;IAC9B,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,cAAc;IACtC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;IAC5B,OAAO,EAAE,WAAW;CACrB,CAAC;AASF,MAAM,CAAC,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"InputComponents.js","sourceRoot":"","sources":["../../../src/components/InputComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,9 @@ export interface ListProps<T = any> extends Omit<React.HTMLAttributes<HTMLUListE
|
|
|
7
7
|
spacing?: 'none' | 'xs' | 'sm' | 'md';
|
|
8
8
|
divider?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare const List: <T
|
|
10
|
+
export declare const List: <T = any>(props: ListProps<T> & {
|
|
11
|
+
ref?: React.Ref<HTMLUListElement>;
|
|
12
|
+
}) => React.ReactElement;
|
|
11
13
|
export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
|
|
12
14
|
children: React.ReactNode;
|
|
13
15
|
icon?: React.ReactNode;
|
|
@@ -18,4 +20,4 @@ export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
|
|
|
18
20
|
variant?: 'default' | 'sidebar' | 'ghost' | 'card';
|
|
19
21
|
description?: string;
|
|
20
22
|
}
|
|
21
|
-
export declare const ListItem: React.
|
|
23
|
+
export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { tokens } from '../tokens';
|
|
4
|
-
export const List = ({ children, items, renderItem, className = '', style = {}, variant = 'default', spacing = 'xs', divider = false, ...props }) => {
|
|
4
|
+
export const List = React.forwardRef(({ children, items, renderItem, className = '', style = {}, variant = 'default', spacing = 'xs', divider = false, ...props }, ref) => {
|
|
5
5
|
const isCard = variant === 'card';
|
|
6
6
|
const isSidebarOrGhost = variant === 'sidebar' || variant === 'ghost';
|
|
7
7
|
const getSpacing = () => {
|
|
8
8
|
switch (spacing) {
|
|
9
|
-
case 'none':
|
|
10
|
-
|
|
11
|
-
case '
|
|
12
|
-
|
|
9
|
+
case 'none':
|
|
10
|
+
return '0';
|
|
11
|
+
case 'xs':
|
|
12
|
+
return '2px';
|
|
13
|
+
case 'md':
|
|
14
|
+
return tokens.spacing[2];
|
|
15
|
+
default:
|
|
16
|
+
return '4px';
|
|
13
17
|
}
|
|
14
18
|
};
|
|
15
19
|
const containerStyle = {
|
|
@@ -19,18 +23,27 @@ export const List = ({ children, items, renderItem, className = '', style = {},
|
|
|
19
23
|
display: 'flex',
|
|
20
24
|
flexDirection: 'column',
|
|
21
25
|
gap: isSidebarOrGhost || isCard ? getSpacing() : '0',
|
|
22
|
-
border: variant === 'default'
|
|
26
|
+
border: variant === 'default'
|
|
27
|
+
? `1px solid ${tokens.color.slate100}`
|
|
28
|
+
: isCard
|
|
29
|
+
? `1px solid ${tokens.color.slate100}`
|
|
30
|
+
: 'none',
|
|
23
31
|
borderRadius: variant === 'default' ? tokens.radius.xl : isCard ? tokens.radius['2xl'] : '0',
|
|
24
32
|
overflow: 'hidden',
|
|
25
|
-
backgroundColor: variant === 'default'
|
|
33
|
+
backgroundColor: variant === 'default'
|
|
34
|
+
? tokens.color.white
|
|
35
|
+
: isCard
|
|
36
|
+
? tokens.color.white
|
|
37
|
+
: 'transparent',
|
|
26
38
|
boxShadow: isCard ? tokens.shadow.sm : 'none',
|
|
27
39
|
...style,
|
|
28
40
|
};
|
|
29
|
-
return (_jsx("ul", { style: containerStyle, className: `ds-list ds-list--${variant} ${className}`, ...props, children: items && renderItem
|
|
41
|
+
return (_jsx("ul", { ref: ref, style: containerStyle, className: `ds-list ds-list--${variant} ${className}`, ...props, children: items && renderItem
|
|
30
42
|
? items.map((item, index) => (_jsxs(React.Fragment, { children: [renderItem(item, index), divider && index < items.length - 1 && (_jsx("li", { "aria-hidden": true, style: { height: '1px', backgroundColor: tokens.color.slate100, margin: '0 -0px' } }))] }, index)))
|
|
31
43
|
: children }));
|
|
32
|
-
};
|
|
33
|
-
|
|
44
|
+
});
|
|
45
|
+
List.displayName = 'List';
|
|
46
|
+
export const ListItem = React.forwardRef(({ children, icon, action, badge, onClick, className = '', style = {}, divider = false, active = false, variant = 'sidebar', description, ...props }, ref) => {
|
|
34
47
|
const [hovered, setHovered] = React.useState(false);
|
|
35
48
|
const isSidebar = variant === 'sidebar' || variant === 'card';
|
|
36
49
|
const isClickable = !!onClick;
|
|
@@ -55,7 +68,9 @@ export const ListItem = ({ children, icon, action, badge, onClick, className = '
|
|
|
55
68
|
const itemStyle = {
|
|
56
69
|
display: 'flex',
|
|
57
70
|
alignItems: description ? 'flex-start' : 'center',
|
|
58
|
-
padding: isSidebar
|
|
71
|
+
padding: isSidebar
|
|
72
|
+
? `${tokens.spacing[3]} ${tokens.spacing[4]}`
|
|
73
|
+
: `${tokens.spacing[4]} ${tokens.spacing[4]}`,
|
|
59
74
|
gap: tokens.spacing[3],
|
|
60
75
|
cursor: isClickable ? 'pointer' : 'default',
|
|
61
76
|
borderRadius: isSidebar ? tokens.radius.lg : '0',
|
|
@@ -72,11 +87,15 @@ export const ListItem = ({ children, icon, action, badge, onClick, className = '
|
|
|
72
87
|
const iconWrapStyle = {
|
|
73
88
|
display: 'flex',
|
|
74
89
|
flexShrink: 0,
|
|
75
|
-
color: active
|
|
90
|
+
color: active
|
|
91
|
+
? tokens.color.primary
|
|
92
|
+
: showHover
|
|
93
|
+
? tokens.color.slate500
|
|
94
|
+
: tokens.color.slate400,
|
|
76
95
|
transition: tokens.transition.fast,
|
|
77
96
|
marginTop: description ? '2px' : '0',
|
|
78
97
|
};
|
|
79
|
-
return (_jsxs("li", { style: itemStyle, className: `ds-list-item ${className}`, onClick: onClick, onMouseEnter: () => isClickable && setHovered(true), onMouseLeave: () => isClickable && setHovered(false), role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, ...props, children: [icon && _jsx("div", { style: iconWrapStyle, children: icon }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: {
|
|
98
|
+
return (_jsxs("li", { ref: ref, style: itemStyle, className: `ds-list-item ${className}`, onClick: onClick, onMouseEnter: () => isClickable && setHovered(true), onMouseLeave: () => isClickable && setHovered(false), role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, ...props, children: [icon && _jsx("div", { style: iconWrapStyle, children: icon }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: {
|
|
80
99
|
fontSize: tokens.font.sm,
|
|
81
100
|
lineHeight: 1.4,
|
|
82
101
|
whiteSpace: 'nowrap',
|
|
@@ -88,11 +107,13 @@ export const ListItem = ({ children, icon, action, badge, onClick, className = '
|
|
|
88
107
|
marginTop: '2px',
|
|
89
108
|
fontWeight: tokens.font.weightMedium,
|
|
90
109
|
lineHeight: 1.4,
|
|
91
|
-
}, children: description }))] }), badge &&
|
|
110
|
+
}, children: description }))] }), badge && _jsx("div", { style: { flexShrink: 0, marginLeft: tokens.spacing[1] }, children: badge }), action && _jsx("div", { style: { flexShrink: 0 }, children: action }), isSidebar && isClickable && !action && (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", style: {
|
|
92
111
|
flexShrink: 0,
|
|
93
112
|
opacity: active ? 0.7 : 0.3,
|
|
94
113
|
transition: tokens.transition.fast,
|
|
95
114
|
marginLeft: 'auto',
|
|
96
115
|
}, children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }))] }));
|
|
97
|
-
};
|
|
116
|
+
});
|
|
117
|
+
ListItem.displayName = 'List.Item';
|
|
118
|
+
List.Item = ListItem;
|
|
98
119
|
//# sourceMappingURL=ListComponents.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListComponents.js","sourceRoot":"","sources":["../../../src/components/ListComponents.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAWnC,MAAM,CAAC,MAAM,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"ListComponents.js","sourceRoot":"","sources":["../../../src/components/ListComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect } from 'react';
|
|
2
|
+
import React, { useEffect } from 'react';
|
|
3
3
|
import { tokens } from '../tokens';
|
|
4
4
|
import { Heading } from './Typography';
|
|
5
|
-
|
|
5
|
+
import { Portal } from './Portal';
|
|
6
|
+
export const Modal = React.forwardRef(({ isOpen, onClose, title, children, footer, width = 520, maskClosable = true }, ref) => {
|
|
6
7
|
useEffect(() => {
|
|
7
8
|
if (isOpen) {
|
|
8
9
|
document.body.style.overflow = 'hidden';
|
|
@@ -14,81 +15,93 @@ export const Modal = ({ isOpen, onClose, title, children, footer, width = 520, m
|
|
|
14
15
|
document.body.style.overflow = 'unset';
|
|
15
16
|
};
|
|
16
17
|
}, [isOpen]);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
const handleEscape = (e) => {
|
|
20
|
+
if (e.key === 'Escape' && isOpen) {
|
|
21
|
+
onClose();
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
if (isOpen) {
|
|
25
|
+
document.addEventListener('keydown', handleEscape);
|
|
26
|
+
}
|
|
27
|
+
return () => document.removeEventListener('keydown', handleEscape);
|
|
28
|
+
}, [isOpen, onClose]);
|
|
17
29
|
if (!isOpen)
|
|
18
30
|
return null;
|
|
19
|
-
return (_jsxs("div", { style: {
|
|
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
|
-
|
|
92
|
-
|
|
93
|
-
};
|
|
31
|
+
return (_jsx(Portal, { children: _jsxs("div", { ref: ref, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'ds-modal-title' : undefined, style: {
|
|
32
|
+
position: 'fixed',
|
|
33
|
+
inset: 0,
|
|
34
|
+
zIndex: 1000,
|
|
35
|
+
display: 'flex',
|
|
36
|
+
alignItems: 'center',
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
padding: tokens.spacing[4],
|
|
39
|
+
}, children: [_jsx("div", { onClick: maskClosable ? onClose : undefined, style: {
|
|
40
|
+
position: 'absolute',
|
|
41
|
+
inset: 0,
|
|
42
|
+
backgroundColor: 'rgba(15, 23, 42, 0.65)',
|
|
43
|
+
backdropFilter: 'blur(4px)',
|
|
44
|
+
animation: 'ds-fade-in 0.3s ease-out',
|
|
45
|
+
} }), _jsxs("div", { style: {
|
|
46
|
+
position: 'relative',
|
|
47
|
+
backgroundColor: tokens.color.white,
|
|
48
|
+
borderRadius: tokens.radius['2xl'],
|
|
49
|
+
boxShadow: tokens.shadow.xl,
|
|
50
|
+
width: '100%',
|
|
51
|
+
maxWidth: typeof width === 'number' ? `${width}px` : width,
|
|
52
|
+
maxHeight: '90vh',
|
|
53
|
+
display: 'flex',
|
|
54
|
+
flexDirection: 'column',
|
|
55
|
+
overflow: 'hidden',
|
|
56
|
+
animation: 'ds-modal-scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)',
|
|
57
|
+
zIndex: 1,
|
|
58
|
+
}, children: [_jsxs("div", { style: {
|
|
59
|
+
padding: `${tokens.spacing[6]} ${tokens.spacing[8]}`,
|
|
60
|
+
borderBottom: `1px solid ${tokens.color.slate100}`,
|
|
61
|
+
display: 'flex',
|
|
62
|
+
alignItems: 'center',
|
|
63
|
+
justifyContent: 'space-between',
|
|
64
|
+
}, children: [title ? (_jsx(Heading, { id: "ds-modal-title", level: 4, style: { margin: 0 }, children: title })) : (_jsx("div", {})), _jsx("button", { onClick: onClose, "aria-label": "Close modal", style: {
|
|
65
|
+
padding: '8px',
|
|
66
|
+
borderRadius: '50%',
|
|
67
|
+
border: 'none',
|
|
68
|
+
backgroundColor: 'transparent',
|
|
69
|
+
color: tokens.color.slate400,
|
|
70
|
+
cursor: 'pointer',
|
|
71
|
+
display: 'flex',
|
|
72
|
+
alignItems: 'center',
|
|
73
|
+
justifyContent: 'center',
|
|
74
|
+
transition: tokens.transition.fast,
|
|
75
|
+
}, onMouseEnter: (e) => {
|
|
76
|
+
e.currentTarget.style.backgroundColor = tokens.color.slate100;
|
|
77
|
+
e.currentTarget.style.color = tokens.color.slate900;
|
|
78
|
+
}, onMouseLeave: (e) => {
|
|
79
|
+
e.currentTarget.style.backgroundColor = 'transparent';
|
|
80
|
+
e.currentTarget.style.color = tokens.color.slate400;
|
|
81
|
+
}, children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsx("div", { style: {
|
|
82
|
+
padding: tokens.spacing[8],
|
|
83
|
+
overflowY: 'auto',
|
|
84
|
+
flex: 1,
|
|
85
|
+
color: tokens.color.slate600,
|
|
86
|
+
fontSize: tokens.font.sm,
|
|
87
|
+
lineHeight: 1.6,
|
|
88
|
+
}, children: children }), footer && (_jsx("div", { style: {
|
|
89
|
+
padding: `${tokens.spacing[5]} ${tokens.spacing[8]}`,
|
|
90
|
+
borderTop: `1px solid ${tokens.color.slate100}`,
|
|
91
|
+
backgroundColor: tokens.color.slate50,
|
|
92
|
+
display: 'flex',
|
|
93
|
+
justifyContent: 'flex-end',
|
|
94
|
+
gap: tokens.spacing[3],
|
|
95
|
+
}, children: footer }))] }), _jsx("style", { children: `
|
|
96
|
+
@keyframes ds-fade-in {
|
|
97
|
+
from { opacity: 0; }
|
|
98
|
+
to { opacity: 1; }
|
|
99
|
+
}
|
|
100
|
+
@keyframes ds-modal-scale {
|
|
101
|
+
from { transform: scale(0.9) translateY(20px); opacity: 0; }
|
|
102
|
+
to { transform: scale(1) translateY(0); opacity: 1; }
|
|
103
|
+
}
|
|
104
|
+
` })] }) }));
|
|
105
|
+
});
|
|
106
|
+
Modal.displayName = 'Modal';
|
|
94
107
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,4 +11,4 @@ export interface MultiSelectProps {
|
|
|
11
11
|
style?: React.CSSProperties;
|
|
12
12
|
error?: string;
|
|
13
13
|
}
|
|
14
|
-
export declare const MultiSelect: React.
|
|
14
|
+
export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
|