shared-design-system 1.108.0 → 1.110.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/Box.d.ts +6 -2
- package/dist/src/components/Box.js +7 -2
- package/dist/src/components/Box.js.map +1 -1
- package/dist/src/components/Button.d.ts +5 -1
- package/dist/src/components/Button.js +9 -11
- package/dist/src/components/Button.js.map +1 -1
- package/dist/src/components/GlobalStyles.d.ts +13 -0
- package/dist/src/components/GlobalStyles.js +103 -0
- package/dist/src/components/GlobalStyles.js.map +1 -0
- package/dist/src/components/InputComponents.d.ts +4 -0
- package/dist/src/components/InputComponents.js +39 -44
- package/dist/src/components/InputComponents.js.map +1 -1
- package/dist/src/components/Modal.js +62 -41
- package/dist/src/components/Modal.js.map +1 -1
- package/dist/src/components/MultiSelect.d.ts +8 -0
- package/dist/src/components/MultiSelect.js +102 -106
- package/dist/src/components/MultiSelect.js.map +1 -1
- package/dist/src/components/Portal.d.ts +1 -1
- package/dist/src/components/Portal.js +9 -6
- package/dist/src/components/Portal.js.map +1 -1
- package/dist/src/components/Select.d.ts +8 -0
- package/dist/src/components/Select.js +151 -135
- package/dist/src/components/Select.js.map +1 -1
- package/dist/src/components/Stack.d.ts +3 -1
- package/dist/src/components/Stack.js +5 -3
- package/dist/src/components/Stack.js.map +1 -1
- package/dist/src/components/Table.d.ts +20 -0
- package/dist/src/components/Table.js +88 -58
- package/dist/src/components/Table.js.map +1 -1
- package/dist/src/components/Tabs.js +33 -2
- package/dist/src/components/Tabs.js.map +1 -1
- package/dist/src/components/Typography.d.ts +4 -0
- package/dist/src/components/Typography.js +6 -6
- package/dist/src/components/Typography.js.map +1 -1
- package/dist/src/index.d.ts +2 -1
- package/dist/src/index.js +2 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/tokens.js +8 -8
- package/dist/src/tokens.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useEffect } from 'react';
|
|
2
|
+
import React, { useEffect, useLayoutEffect, useRef } from 'react';
|
|
3
3
|
import { tokens } from '../tokens';
|
|
4
4
|
import { Heading } from './Typography';
|
|
5
5
|
import { Portal } from './Portal';
|
|
6
|
+
const FOCUSABLE = [
|
|
7
|
+
'a[href]',
|
|
8
|
+
'button:not([disabled])',
|
|
9
|
+
'input:not([disabled])',
|
|
10
|
+
'select:not([disabled])',
|
|
11
|
+
'textarea:not([disabled])',
|
|
12
|
+
'[tabindex]:not([tabindex="-1"])',
|
|
13
|
+
].join(', ');
|
|
6
14
|
export const Modal = React.forwardRef(({ isOpen, onClose, title, children, footer, width = 520, maskClosable = true }, ref) => {
|
|
15
|
+
const contentRef = useRef(null);
|
|
16
|
+
const previousFocusRef = useRef(null);
|
|
17
|
+
// Lock body scroll
|
|
7
18
|
useEffect(() => {
|
|
8
19
|
if (isOpen) {
|
|
9
20
|
document.body.style.overflow = 'hidden';
|
|
@@ -11,20 +22,59 @@ export const Modal = React.forwardRef(({ isOpen, onClose, title, children, foote
|
|
|
11
22
|
else {
|
|
12
23
|
document.body.style.overflow = 'unset';
|
|
13
24
|
}
|
|
14
|
-
return () => {
|
|
15
|
-
|
|
16
|
-
|
|
25
|
+
return () => { document.body.style.overflow = 'unset'; };
|
|
26
|
+
}, [isOpen]);
|
|
27
|
+
// Save focus on open; restore on close
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
var _a;
|
|
30
|
+
if (isOpen) {
|
|
31
|
+
previousFocusRef.current = document.activeElement;
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
(_a = previousFocusRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
35
|
+
}
|
|
36
|
+
}, [isOpen]);
|
|
37
|
+
// Focus first focusable element after DOM is painted
|
|
38
|
+
useLayoutEffect(() => {
|
|
39
|
+
var _a;
|
|
40
|
+
if (!isOpen)
|
|
41
|
+
return;
|
|
42
|
+
const focusable = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(FOCUSABLE);
|
|
43
|
+
if (focusable && focusable.length > 0)
|
|
44
|
+
focusable[0].focus();
|
|
17
45
|
}, [isOpen]);
|
|
46
|
+
// Escape to close + Tab trap
|
|
18
47
|
useEffect(() => {
|
|
19
|
-
|
|
20
|
-
|
|
48
|
+
if (!isOpen)
|
|
49
|
+
return;
|
|
50
|
+
const handleKeyDown = (e) => {
|
|
51
|
+
var _a;
|
|
52
|
+
if (e.key === 'Escape') {
|
|
21
53
|
onClose();
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
if (e.key !== 'Tab')
|
|
57
|
+
return;
|
|
58
|
+
const focusable = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(FOCUSABLE);
|
|
59
|
+
if (!focusable || focusable.length === 0)
|
|
60
|
+
return;
|
|
61
|
+
const first = focusable[0];
|
|
62
|
+
const last = focusable[focusable.length - 1];
|
|
63
|
+
if (e.shiftKey) {
|
|
64
|
+
if (document.activeElement === first) {
|
|
65
|
+
e.preventDefault();
|
|
66
|
+
last.focus();
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
if (document.activeElement === last) {
|
|
71
|
+
e.preventDefault();
|
|
72
|
+
first.focus();
|
|
73
|
+
}
|
|
22
74
|
}
|
|
23
75
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
return () => document.removeEventListener('keydown', handleEscape);
|
|
76
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
77
|
+
return () => document.removeEventListener('keydown', handleKeyDown);
|
|
28
78
|
}, [isOpen, onClose]);
|
|
29
79
|
if (!isOpen)
|
|
30
80
|
return null;
|
|
@@ -42,7 +92,7 @@ export const Modal = React.forwardRef(({ isOpen, onClose, title, children, foote
|
|
|
42
92
|
backgroundColor: 'rgba(15, 23, 42, 0.65)',
|
|
43
93
|
backdropFilter: 'blur(4px)',
|
|
44
94
|
animation: 'ds-fade-in 0.3s ease-out',
|
|
45
|
-
} }), _jsxs("div", { style: {
|
|
95
|
+
} }), _jsxs("div", { ref: contentRef, style: {
|
|
46
96
|
position: 'relative',
|
|
47
97
|
backgroundColor: tokens.color.white,
|
|
48
98
|
borderRadius: tokens.radius['2xl'],
|
|
@@ -72,36 +122,7 @@ export const Modal = React.forwardRef(({ isOpen, onClose, title, children, foote
|
|
|
72
122
|
alignItems: 'center',
|
|
73
123
|
justifyContent: 'center',
|
|
74
124
|
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[6],
|
|
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[4]} ${tokens.spacing[6]}`,
|
|
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
|
-
` })] }) }));
|
|
125
|
+
}, onMouseEnter: (e) => { e.currentTarget.style.backgroundColor = tokens.color.slate100; e.currentTarget.style.color = tokens.color.slate900; }, onMouseLeave: (e) => { e.currentTarget.style.backgroundColor = 'transparent'; e.currentTarget.style.color = tokens.color.slate400; }, 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: { padding: tokens.spacing[6], overflowY: 'auto', flex: 1, color: tokens.color.slate600, fontSize: tokens.font.sm, lineHeight: 1.6 }, children: children }), footer && (_jsx("div", { style: { padding: `${tokens.spacing[4]} ${tokens.spacing[6]}`, borderTop: `1px solid ${tokens.color.slate100}`, backgroundColor: tokens.color.slate50, display: 'flex', justifyContent: 'flex-end', gap: tokens.spacing[3] }, children: footer }))] })] }) }));
|
|
105
126
|
});
|
|
106
127
|
Modal.displayName = 'Modal';
|
|
107
128
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,5 +17,13 @@ export interface MultiSelectProps {
|
|
|
17
17
|
triggerStyle?: React.CSSProperties;
|
|
18
18
|
dropdownClassName?: string;
|
|
19
19
|
dropdownStyle?: React.CSSProperties;
|
|
20
|
+
/** Custom render for each option row */
|
|
21
|
+
optionRender?: (option: SelectOption, isSelected: boolean) => React.ReactNode;
|
|
22
|
+
/** Max visible rows before virtual scrolling kicks in */
|
|
23
|
+
virtualThreshold?: number;
|
|
24
|
+
/** i18n text overrides */
|
|
25
|
+
searchPlaceholder?: string;
|
|
26
|
+
loadingText?: string;
|
|
27
|
+
noResultText?: string;
|
|
20
28
|
}
|
|
21
29
|
export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useState, useRef, useEffect } from 'react';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState, useRef, useEffect, useCallback } from 'react';
|
|
3
3
|
import { tokens } from '../tokens';
|
|
4
|
+
import { Portal } from './Portal';
|
|
4
5
|
const floatingLabelStyle = {
|
|
5
6
|
position: 'absolute',
|
|
6
7
|
top: '-10px',
|
|
@@ -15,33 +16,35 @@ const floatingLabelStyle = {
|
|
|
15
16
|
zIndex: 10,
|
|
16
17
|
transition: tokens.transition.fast,
|
|
17
18
|
};
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
const ITEM_HEIGHT = 40;
|
|
20
|
+
const VISIBLE_COUNT = 8;
|
|
21
|
+
export const MultiSelect = React.forwardRef(({ label, required, disabled = false, options, selectedValues, onChange, placeholder = 'Chọn...', className = '', style = {}, error, loading = false, onSearch, triggerClassName = '', triggerStyle = {}, dropdownClassName = '', dropdownStyle = {}, optionRender, virtualThreshold = 50, searchPlaceholder = 'Tìm kiếm...', loadingText = 'Đang tải dữ liệu...', noResultText = 'Không tìm thấy kết quả phù hợp', }, ref) => {
|
|
20
22
|
const [isOpen, setIsOpen] = useState(false);
|
|
21
23
|
const [searchValue, setSearchValue] = useState('');
|
|
24
|
+
const [activeIndex, setActiveIndex] = useState(-1);
|
|
22
25
|
const [dropdownStyles, setDropdownStyles] = useState({});
|
|
26
|
+
const [scrollTop, setScrollTop] = useState(0);
|
|
23
27
|
const dropdownRef = useRef(null);
|
|
24
28
|
const containerRef = useRef(null);
|
|
29
|
+
const listRef = useRef(null);
|
|
25
30
|
const searchTimeoutRef = useRef(null);
|
|
26
|
-
const updateDropdownPosition = () => {
|
|
31
|
+
const updateDropdownPosition = useCallback(() => {
|
|
27
32
|
if (containerRef.current) {
|
|
28
33
|
const rect = containerRef.current.getBoundingClientRect();
|
|
29
34
|
const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
|
|
30
35
|
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
31
36
|
const spaceBelow = window.innerHeight - rect.bottom;
|
|
32
|
-
const hasSpaceBelow = spaceBelow > 300;
|
|
37
|
+
const hasSpaceBelow = spaceBelow > 300;
|
|
33
38
|
setDropdownStyles({
|
|
34
39
|
position: 'absolute',
|
|
35
|
-
top: hasSpaceBelow
|
|
36
|
-
? rect.bottom + scrollTop + 8
|
|
37
|
-
: rect.top + scrollTop - 8,
|
|
40
|
+
top: hasSpaceBelow ? rect.bottom + scrollTop + 8 : rect.top + scrollTop - 8,
|
|
38
41
|
left: rect.left + scrollLeft,
|
|
39
42
|
width: rect.width,
|
|
40
43
|
zIndex: 9999,
|
|
41
44
|
transform: hasSpaceBelow ? 'none' : 'translateY(-100%)',
|
|
42
45
|
});
|
|
43
46
|
}
|
|
44
|
-
};
|
|
47
|
+
}, []);
|
|
45
48
|
useEffect(() => {
|
|
46
49
|
if (isOpen) {
|
|
47
50
|
updateDropdownPosition();
|
|
@@ -52,7 +55,7 @@ export const MultiSelect = React.forwardRef(({ label, required, disabled = false
|
|
|
52
55
|
window.removeEventListener('scroll', updateDropdownPosition, true);
|
|
53
56
|
window.removeEventListener('resize', updateDropdownPosition);
|
|
54
57
|
};
|
|
55
|
-
}, [isOpen]);
|
|
58
|
+
}, [isOpen, updateDropdownPosition]);
|
|
56
59
|
useEffect(() => {
|
|
57
60
|
const handleClickOutside = (event) => {
|
|
58
61
|
const target = event.target;
|
|
@@ -61,12 +64,14 @@ export const MultiSelect = React.forwardRef(({ label, required, disabled = false
|
|
|
61
64
|
if (isOutsideContainer && isOutsideDropdown) {
|
|
62
65
|
setIsOpen(false);
|
|
63
66
|
setSearchValue('');
|
|
67
|
+
setActiveIndex(-1);
|
|
64
68
|
}
|
|
65
69
|
};
|
|
66
70
|
const handleKeydown = (e) => {
|
|
67
71
|
if (e.key === 'Escape' && isOpen) {
|
|
68
72
|
setIsOpen(false);
|
|
69
73
|
setSearchValue('');
|
|
74
|
+
setActiveIndex(-1);
|
|
70
75
|
}
|
|
71
76
|
};
|
|
72
77
|
document.addEventListener('mousedown', handleClickOutside);
|
|
@@ -84,39 +89,88 @@ export const MultiSelect = React.forwardRef(({ label, required, disabled = false
|
|
|
84
89
|
else {
|
|
85
90
|
nextValues = [...selectedValues, val];
|
|
86
91
|
}
|
|
87
|
-
// Return selected items
|
|
88
92
|
const selectedItems = options.filter(opt => nextValues.includes(opt.value));
|
|
89
93
|
onChange(selectedItems);
|
|
90
94
|
};
|
|
91
95
|
const handleSearchChange = (val) => {
|
|
92
96
|
setSearchValue(val);
|
|
97
|
+
setActiveIndex(-1);
|
|
93
98
|
if (onSearch) {
|
|
94
99
|
if (searchTimeoutRef.current)
|
|
95
100
|
clearTimeout(searchTimeoutRef.current);
|
|
96
|
-
searchTimeoutRef.current = setTimeout(() =>
|
|
97
|
-
onSearch(val);
|
|
98
|
-
}, 300);
|
|
101
|
+
searchTimeoutRef.current = setTimeout(() => onSearch(val), 300);
|
|
99
102
|
}
|
|
100
103
|
};
|
|
101
|
-
// If onSearch is provided, we assume filtering is handled externally
|
|
102
104
|
const filteredOptions = onSearch
|
|
103
105
|
? options
|
|
104
106
|
: options.filter((opt) => String(opt.label).toLowerCase().includes(searchValue.toLowerCase()));
|
|
107
|
+
// ─── Keyboard navigation ────────────────────────────────────────────────────
|
|
108
|
+
const handleDropdownKeyDown = (e) => {
|
|
109
|
+
switch (e.key) {
|
|
110
|
+
case 'ArrowDown':
|
|
111
|
+
e.preventDefault();
|
|
112
|
+
setActiveIndex((i) => Math.min(i + 1, filteredOptions.length - 1));
|
|
113
|
+
break;
|
|
114
|
+
case 'ArrowUp':
|
|
115
|
+
e.preventDefault();
|
|
116
|
+
setActiveIndex((i) => Math.max(i - 1, 0));
|
|
117
|
+
break;
|
|
118
|
+
case 'Enter':
|
|
119
|
+
e.preventDefault();
|
|
120
|
+
if (activeIndex >= 0 && filteredOptions[activeIndex]) {
|
|
121
|
+
handleToggleValue(filteredOptions[activeIndex].value);
|
|
122
|
+
}
|
|
123
|
+
break;
|
|
124
|
+
case 'Home':
|
|
125
|
+
e.preventDefault();
|
|
126
|
+
setActiveIndex(0);
|
|
127
|
+
break;
|
|
128
|
+
case 'End':
|
|
129
|
+
e.preventDefault();
|
|
130
|
+
setActiveIndex(filteredOptions.length - 1);
|
|
131
|
+
break;
|
|
132
|
+
}
|
|
133
|
+
};
|
|
134
|
+
useEffect(() => {
|
|
135
|
+
if (activeIndex < 0 || !listRef.current)
|
|
136
|
+
return;
|
|
137
|
+
const container = listRef.current;
|
|
138
|
+
const itemTop = activeIndex * ITEM_HEIGHT;
|
|
139
|
+
const itemBottom = itemTop + ITEM_HEIGHT;
|
|
140
|
+
if (itemTop < container.scrollTop)
|
|
141
|
+
container.scrollTop = itemTop;
|
|
142
|
+
else if (itemBottom > container.scrollTop + container.clientHeight)
|
|
143
|
+
container.scrollTop = itemBottom - container.clientHeight;
|
|
144
|
+
}, [activeIndex]);
|
|
145
|
+
// ─── Virtual scrolling ─────────────────────────────────────────────────────
|
|
146
|
+
const useVirtual = filteredOptions.length > virtualThreshold;
|
|
147
|
+
const containerHeight = Math.min(VISIBLE_COUNT, filteredOptions.length) * ITEM_HEIGHT;
|
|
148
|
+
const startIndex = useVirtual ? Math.max(0, Math.floor(scrollTop / ITEM_HEIGHT) - 2) : 0;
|
|
149
|
+
const endIndex = useVirtual
|
|
150
|
+
? Math.min(filteredOptions.length - 1, startIndex + VISIBLE_COUNT + 4)
|
|
151
|
+
: filteredOptions.length - 1;
|
|
152
|
+
const visibleOptions = useVirtual ? filteredOptions.slice(startIndex, endIndex + 1) : filteredOptions;
|
|
153
|
+
const topPad = useVirtual ? startIndex * ITEM_HEIGHT : 0;
|
|
154
|
+
const bottomPad = useVirtual ? (filteredOptions.length - endIndex - 1) * ITEM_HEIGHT : 0;
|
|
105
155
|
return (_jsxs("div", { ref: (el) => {
|
|
106
156
|
containerRef.current = el;
|
|
107
157
|
if (typeof ref === 'function')
|
|
108
158
|
ref(el);
|
|
109
159
|
else if (ref)
|
|
110
160
|
ref.current = el;
|
|
111
|
-
}, className: className, style: { position: 'relative', width: '100%', ...style }, children: [label && (_jsxs("label", { style: {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
161
|
+
}, className: className, style: { position: 'relative', width: '100%', ...style }, children: [label && (_jsxs("label", { style: { ...floatingLabelStyle, color: isOpen ? tokens.color.borderFocus : error ? tokens.color.danger : tokens.color.slate400 }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { role: "combobox", "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onClick: () => { if (!disabled)
|
|
162
|
+
setIsOpen(!isOpen); }, onKeyDown: (e) => {
|
|
163
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
164
|
+
e.preventDefault();
|
|
165
|
+
if (!disabled)
|
|
166
|
+
setIsOpen((o) => !o);
|
|
167
|
+
}
|
|
168
|
+
else if (e.key === 'Escape') {
|
|
169
|
+
setIsOpen(false);
|
|
170
|
+
setSearchValue('');
|
|
171
|
+
setActiveIndex(-1);
|
|
172
|
+
}
|
|
173
|
+
}, className: triggerClassName, style: {
|
|
120
174
|
minHeight: '46px',
|
|
121
175
|
boxSizing: 'border-box',
|
|
122
176
|
padding: '4px 14px',
|
|
@@ -130,98 +184,40 @@ export const MultiSelect = React.forwardRef(({ label, required, disabled = false
|
|
|
130
184
|
cursor: disabled ? 'not-allowed' : 'pointer',
|
|
131
185
|
opacity: disabled ? 0.7 : 1,
|
|
132
186
|
transition: tokens.transition.fast,
|
|
133
|
-
// brand red focus ring
|
|
134
187
|
boxShadow: 'none',
|
|
135
188
|
...triggerStyle,
|
|
136
189
|
}, children: [selectedValues.length > 0 ? (selectedValues.map((val) => {
|
|
137
190
|
const item = options.find(o => o.value === val);
|
|
138
|
-
const
|
|
139
|
-
return (_jsxs("span", { style: {
|
|
140
|
-
|
|
141
|
-
alignItems: 'center',
|
|
142
|
-
gap: '6px',
|
|
143
|
-
padding: '2px 8px',
|
|
144
|
-
backgroundColor: tokens.color.slate100,
|
|
145
|
-
color: tokens.color.slate700,
|
|
146
|
-
borderRadius: tokens.radius.sm,
|
|
147
|
-
fontSize: '11px',
|
|
148
|
-
fontWeight: tokens.font.weightBold,
|
|
149
|
-
border: `1px solid ${tokens.color.slate200}`,
|
|
150
|
-
}, onClick: (e) => {
|
|
151
|
-
e.stopPropagation();
|
|
152
|
-
handleToggleValue(val);
|
|
153
|
-
}, children: [label, _jsxs("svg", { style: { width: '12px', height: '12px', opacity: 0.6 }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", 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" })] })] }, val));
|
|
154
|
-
})) : (_jsx("span", { style: {
|
|
155
|
-
color: tokens.color.slate400,
|
|
156
|
-
fontSize: tokens.font.sm,
|
|
157
|
-
fontWeight: tokens.font.weightMedium,
|
|
158
|
-
}, children: placeholder })), _jsxs("div", { style: { marginLeft: 'auto', color: tokens.color.slate300, display: 'flex', alignItems: 'center', gap: '8px' }, children: [loading && (_jsx("div", { style: { animation: 'ds-spin 1s linear infinite', display: 'flex' }, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }) })), _jsx("svg", { style: {
|
|
159
|
-
width: '16px',
|
|
160
|
-
height: '16px',
|
|
161
|
-
transition: tokens.transition.fast,
|
|
162
|
-
transform: isOpen ? 'rotate(180deg)' : 'none',
|
|
163
|
-
}, 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" }) })] })] }), isOpen && (_jsx(Portal, { children: _jsxs("div", { ref: dropdownRef, className: dropdownClassName, style: {
|
|
191
|
+
const itemLabel = item ? item.label : val;
|
|
192
|
+
return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '6px', padding: '2px 8px', backgroundColor: tokens.color.slate100, color: tokens.color.slate700, borderRadius: tokens.radius.sm, fontSize: '11px', fontWeight: tokens.font.weightBold, border: `1px solid ${tokens.color.slate200}` }, onClick: (e) => { e.stopPropagation(); handleToggleValue(val); }, children: [itemLabel, _jsxs("svg", { style: { width: '12px', height: '12px', opacity: 0.6 }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", 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" })] })] }, val));
|
|
193
|
+
})) : (_jsx("span", { style: { color: tokens.color.slate400, fontSize: tokens.font.sm, fontWeight: tokens.font.weightMedium }, children: placeholder })), _jsxs("div", { style: { marginLeft: 'auto', color: tokens.color.slate300, display: 'flex', alignItems: 'center', gap: '8px', flexShrink: 0 }, children: [loading && (_jsx("div", { style: { animation: 'ds-spin 1s linear infinite', display: 'flex' }, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }) })), selectedValues.length > 0 && !disabled && (_jsx("div", { role: "button", "aria-label": "X\u00F3a t\u1EA5t c\u1EA3", onClick: (e) => { e.stopPropagation(); onChange([]); }, style: { cursor: 'pointer', display: 'flex', alignItems: 'center', padding: '2px', borderRadius: '50%', transition: tokens.transition.fast }, onMouseEnter: (e) => { e.currentTarget.style.backgroundColor = tokens.color.slate100; e.currentTarget.style.color = tokens.color.slate600; }, onMouseLeave: (e) => { e.currentTarget.style.backgroundColor = 'transparent'; e.currentTarget.style.color = tokens.color.slate300; }, children: _jsxs("svg", { width: "14", height: "14", 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("svg", { style: { width: '16px', height: '16px', transition: tokens.transition.fast, transform: isOpen ? 'rotate(180deg)' : 'none' }, 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" }) })] })] }), isOpen && (_jsx(Portal, { children: _jsxs("div", { ref: dropdownRef, className: dropdownClassName, onKeyDown: handleDropdownKeyDown, style: {
|
|
164
194
|
...dropdownStyles,
|
|
165
195
|
backgroundColor: tokens.color.white,
|
|
166
196
|
borderRadius: tokens.radius.xl,
|
|
167
197
|
boxShadow: tokens.shadow.xl,
|
|
168
198
|
border: `1px solid ${tokens.color.slate100}`,
|
|
169
199
|
overflow: 'hidden',
|
|
170
|
-
animation: 'reveal 0.2s ease-out',
|
|
200
|
+
animation: 'ds-reveal 0.2s ease-out',
|
|
171
201
|
...dropdownStyle,
|
|
172
|
-
}, children: [_jsx("div", { style: {
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
return (_jsxs("div", { onClick: () => handleToggleValue(opt.value), style: {
|
|
192
|
-
padding: '10px 16px',
|
|
193
|
-
fontSize: '13px',
|
|
194
|
-
cursor: 'pointer',
|
|
195
|
-
display: 'flex',
|
|
196
|
-
alignItems: 'center',
|
|
197
|
-
justifyContent: 'space-between',
|
|
198
|
-
borderRadius: tokens.radius.md,
|
|
199
|
-
backgroundColor: 'transparent',
|
|
200
|
-
transition: tokens.transition.fast,
|
|
201
|
-
fontWeight: isSelected ? tokens.font.weightBold : tokens.font.weightMedium,
|
|
202
|
-
color: isSelected ? tokens.color.slate800 : tokens.color.slate600,
|
|
203
|
-
}, onMouseEnter: (e) => (e.currentTarget.style.backgroundColor = tokens.color.slate50), onMouseLeave: (e) => (e.currentTarget.style.backgroundColor = 'transparent'), children: [opt.label, isSelected && (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: tokens.color.success, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, opt.value));
|
|
204
|
-
})) : (_jsx("div", { style: {
|
|
205
|
-
padding: '20px',
|
|
206
|
-
textAlign: 'center',
|
|
207
|
-
color: tokens.color.slate400,
|
|
208
|
-
fontSize: '11px',
|
|
209
|
-
fontStyle: 'italic',
|
|
210
|
-
}, children: loading ? 'Đang tìm kiếm...' : 'Không tìm thấy kết quả phù hợp' })) })] }) })), error && (_jsx("p", { style: {
|
|
211
|
-
fontSize: '11px',
|
|
212
|
-
color: tokens.color.danger,
|
|
213
|
-
marginTop: '6px',
|
|
214
|
-
fontWeight: tokens.font.weightMedium,
|
|
215
|
-
}, children: error })), _jsx("style", { children: `
|
|
216
|
-
@keyframes reveal {
|
|
217
|
-
from { opacity: 0; transform: translateY(-8px); }
|
|
218
|
-
to { opacity: 1; transform: translateY(0); }
|
|
219
|
-
}
|
|
220
|
-
@keyframes ds-spin {
|
|
221
|
-
from { transform: rotate(0deg); }
|
|
222
|
-
to { transform: rotate(360deg); }
|
|
223
|
-
}
|
|
224
|
-
` })] }));
|
|
202
|
+
}, children: [_jsx("div", { style: { padding: '12px', borderBottom: `1px solid ${tokens.color.slate100}` }, children: _jsx("input", { type: "text", autoFocus: true, value: searchValue, onChange: (e) => handleSearchChange(e.target.value), onKeyDown: handleDropdownKeyDown, placeholder: searchPlaceholder, "aria-label": searchPlaceholder, style: { width: '100%', padding: '8px 12px', fontSize: '12px', backgroundColor: tokens.color.slate50, border: 'none', borderRadius: tokens.radius.md, outline: 'none', boxSizing: 'border-box' } }) }), _jsx("div", { ref: listRef, role: "listbox", "aria-multiselectable": "true", style: { height: useVirtual ? `${containerHeight}px` : undefined, maxHeight: useVirtual ? undefined : `${VISIBLE_COUNT * ITEM_HEIGHT}px`, overflowY: 'auto', padding: useVirtual ? 0 : '4px' }, onScroll: (e) => useVirtual && setScrollTop(e.target.scrollTop), children: loading && filteredOptions.length === 0 ? (_jsx("div", { style: { padding: '20px', textAlign: 'center', color: tokens.color.slate400, fontSize: '11px' }, children: loadingText })) : filteredOptions.length > 0 ? (_jsxs(_Fragment, { children: [useVirtual && topPad > 0 && _jsx("div", { style: { height: topPad } }), visibleOptions.map((opt, relIdx) => {
|
|
203
|
+
const absIdx = startIndex + relIdx;
|
|
204
|
+
const isSelected = selectedValues.includes(opt.value);
|
|
205
|
+
const isActive = absIdx === activeIndex;
|
|
206
|
+
return (_jsx("div", { role: "option", "aria-selected": isSelected, onClick: () => handleToggleValue(opt.value), onMouseEnter: () => setActiveIndex(absIdx), style: {
|
|
207
|
+
height: `${ITEM_HEIGHT}px`,
|
|
208
|
+
padding: '0 16px',
|
|
209
|
+
fontSize: '13px',
|
|
210
|
+
cursor: 'pointer',
|
|
211
|
+
display: 'flex',
|
|
212
|
+
alignItems: 'center',
|
|
213
|
+
justifyContent: 'space-between',
|
|
214
|
+
borderRadius: useVirtual ? 0 : tokens.radius.md,
|
|
215
|
+
backgroundColor: isActive ? tokens.color.slate50 : 'transparent',
|
|
216
|
+
transition: tokens.transition.fast,
|
|
217
|
+
fontWeight: isSelected ? tokens.font.weightBold : tokens.font.weightMedium,
|
|
218
|
+
color: isSelected ? tokens.color.slate800 : tokens.color.slate600,
|
|
219
|
+
}, children: optionRender ? optionRender(opt, isSelected) : (_jsxs(_Fragment, { children: [opt.label, isSelected && (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: tokens.color.success, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] })) }, opt.value));
|
|
220
|
+
}), useVirtual && bottomPad > 0 && _jsx("div", { style: { height: bottomPad } })] })) : (_jsx("div", { style: { padding: '20px', textAlign: 'center', color: tokens.color.slate400, fontSize: '11px', fontStyle: 'italic' }, children: loading ? loadingText : noResultText })) })] }) })), error && (_jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error }))] }));
|
|
225
221
|
});
|
|
226
222
|
MultiSelect.displayName = 'MultiSelect';
|
|
227
223
|
//# sourceMappingURL=MultiSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/components/MultiSelect.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/components/MultiSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { useEffect, useState } from
|
|
2
|
-
import { createPortal } from
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
import { createPortal } from "react-dom";
|
|
3
3
|
/**
|
|
4
4
|
* Portal component to render children outside the current DOM hierarchy (usually at the end of <body>).
|
|
5
5
|
* This ensures overlays (Modals, Drawers, Tooltips) escape parent overflow: hidden or z-index constraints.
|
|
6
6
|
*/
|
|
7
|
-
export const Portal = ({ children, containerId =
|
|
7
|
+
export const Portal = ({ children, containerId = "ds-portal-root", }) => {
|
|
8
8
|
const [mountNode, setMountNode] = useState(null);
|
|
9
9
|
useEffect(() => {
|
|
10
10
|
let element = document.getElementById(containerId);
|
|
11
11
|
let created = false;
|
|
12
12
|
if (!element) {
|
|
13
|
-
element = document.createElement(
|
|
13
|
+
element = document.createElement("div");
|
|
14
14
|
element.id = containerId;
|
|
15
15
|
document.body.appendChild(element);
|
|
16
16
|
created = true;
|
|
@@ -18,7 +18,10 @@ export const Portal = ({ children, containerId = 'ds-portal-root' }) => {
|
|
|
18
18
|
setMountNode(element);
|
|
19
19
|
return () => {
|
|
20
20
|
// Do not remove the portal root if it still has other children (like Modals)
|
|
21
|
-
if (created &&
|
|
21
|
+
if (created &&
|
|
22
|
+
element &&
|
|
23
|
+
element.parentNode &&
|
|
24
|
+
element.childNodes.length === 0) {
|
|
22
25
|
element.parentNode.removeChild(element);
|
|
23
26
|
}
|
|
24
27
|
};
|
|
@@ -27,5 +30,5 @@ export const Portal = ({ children, containerId = 'ds-portal-root' }) => {
|
|
|
27
30
|
return null;
|
|
28
31
|
return createPortal(children, mountNode);
|
|
29
32
|
};
|
|
30
|
-
Portal.displayName =
|
|
33
|
+
Portal.displayName = "Portal";
|
|
31
34
|
//# sourceMappingURL=Portal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,QAAQ,EACR,WAAW,GAAG,gBAAgB,GAC/B,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QACnD,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxC,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC;YACzB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACnC,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,CAAC;QAEtB,OAAO,GAAG,EAAE;YACV,6EAA6E;YAC7E,IACE,OAAO;gBACP,OAAO;gBACP,OAAO,CAAC,UAAU;gBAClB,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAC/B,CAAC;gBACD,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|