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.
Files changed (40) hide show
  1. package/dist/src/components/Box.d.ts +6 -2
  2. package/dist/src/components/Box.js +7 -2
  3. package/dist/src/components/Box.js.map +1 -1
  4. package/dist/src/components/Button.d.ts +5 -1
  5. package/dist/src/components/Button.js +9 -11
  6. package/dist/src/components/Button.js.map +1 -1
  7. package/dist/src/components/GlobalStyles.d.ts +13 -0
  8. package/dist/src/components/GlobalStyles.js +103 -0
  9. package/dist/src/components/GlobalStyles.js.map +1 -0
  10. package/dist/src/components/InputComponents.d.ts +4 -0
  11. package/dist/src/components/InputComponents.js +39 -44
  12. package/dist/src/components/InputComponents.js.map +1 -1
  13. package/dist/src/components/Modal.js +62 -41
  14. package/dist/src/components/Modal.js.map +1 -1
  15. package/dist/src/components/MultiSelect.d.ts +8 -0
  16. package/dist/src/components/MultiSelect.js +102 -106
  17. package/dist/src/components/MultiSelect.js.map +1 -1
  18. package/dist/src/components/Portal.d.ts +1 -1
  19. package/dist/src/components/Portal.js +9 -6
  20. package/dist/src/components/Portal.js.map +1 -1
  21. package/dist/src/components/Select.d.ts +8 -0
  22. package/dist/src/components/Select.js +151 -135
  23. package/dist/src/components/Select.js.map +1 -1
  24. package/dist/src/components/Stack.d.ts +3 -1
  25. package/dist/src/components/Stack.js +5 -3
  26. package/dist/src/components/Stack.js.map +1 -1
  27. package/dist/src/components/Table.d.ts +20 -0
  28. package/dist/src/components/Table.js +88 -58
  29. package/dist/src/components/Table.js.map +1 -1
  30. package/dist/src/components/Tabs.js +33 -2
  31. package/dist/src/components/Tabs.js.map +1 -1
  32. package/dist/src/components/Typography.d.ts +4 -0
  33. package/dist/src/components/Typography.js +6 -6
  34. package/dist/src/components/Typography.js.map +1 -1
  35. package/dist/src/index.d.ts +2 -1
  36. package/dist/src/index.js +2 -0
  37. package/dist/src/index.js.map +1 -1
  38. package/dist/src/tokens.js +8 -8
  39. package/dist/src/tokens.js.map +1 -1
  40. 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
- document.body.style.overflow = 'unset';
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
- const handleEscape = (e) => {
20
- if (e.key === 'Escape' && isOpen) {
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
- if (isOpen) {
25
- document.addEventListener('keydown', handleEscape);
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":"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"}
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
- import { Portal } from './Portal';
19
- 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 = {}, }, ref) => {
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; // threshold to decide flip
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
- ...floatingLabelStyle,
113
- color: isOpen
114
- ? tokens.color.borderFocus
115
- : error
116
- ? tokens.color.danger
117
- : tokens.color.slate400,
118
- }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { onClick: () => { if (!disabled)
119
- setIsOpen(!isOpen); }, className: triggerClassName, style: {
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 label = item ? item.label : val;
139
- return (_jsxs("span", { style: {
140
- display: 'inline-flex',
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
- padding: '12px',
174
- borderBottom: `1px solid ${tokens.color.slate100}`,
175
- display: 'flex',
176
- gap: '8px',
177
- }, children: _jsxs("div", { style: { flex: 1, position: 'relative' }, children: [_jsx("input", { type: "text", autoFocus: true, value: searchValue, onChange: (e) => handleSearchChange(e.target.value), placeholder: "T\u00ECm ki\u1EBFm...", style: {
178
- width: '100%',
179
- padding: '8px 12px',
180
- fontSize: '12px',
181
- backgroundColor: tokens.color.slate50,
182
- border: 'none',
183
- borderRadius: tokens.radius.md,
184
- outline: 'none',
185
- }, onKeyDown: (e) => {
186
- if (e.key === 'Enter') {
187
- e.preventDefault();
188
- }
189
- } }), loading && (_jsx("div", { style: { position: 'absolute', right: '10px', top: '50%', transform: 'translateY(-50%)', animation: 'ds-spin 1s linear infinite' }, children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: tokens.color.primary, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }) }))] }) }), _jsx("div", { style: { maxHeight: '240px', overflowY: 'auto', padding: '4px' }, children: loading && filteredOptions.length === 0 ? (_jsx("div", { style: { padding: '20px', textAlign: 'center', color: tokens.color.slate400, fontSize: '11px' }, children: "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u..." })) : filteredOptions.length > 0 ? (filteredOptions.map((opt) => {
190
- const isSelected = selectedValues.includes(opt.value);
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,4 +1,4 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  interface PortalProps {
3
3
  children: React.ReactNode;
4
4
  containerId?: string;
@@ -1,16 +1,16 @@
1
- import { useEffect, useState } from 'react';
2
- import { createPortal } from 'react-dom';
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 = 'ds-portal-root' }) => {
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('div');
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 && element && element.parentNode && element.childNodes.length === 0) {
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 = 'Portal';
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,EAAE,QAAQ,EAAE,WAAW,GAAG,gBAAgB,EAAE,EAAE,EAAE;IAC5F,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,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAChF,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"}
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"}