shared-design-system 1.19.0 → 1.23.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 (106) hide show
  1. package/dist/src/components/Alert.d.ts +1 -1
  2. package/dist/src/components/Alert.js +34 -20
  3. package/dist/src/components/Alert.js.map +1 -1
  4. package/dist/src/components/Avatar.d.ts +7 -2
  5. package/dist/src/components/Avatar.js +15 -12
  6. package/dist/src/components/Avatar.js.map +1 -1
  7. package/dist/src/components/Badge.d.ts +1 -1
  8. package/dist/src/components/Badge.js +113 -89
  9. package/dist/src/components/Badge.js.map +1 -1
  10. package/dist/src/components/Breadcrumbs.d.ts +1 -1
  11. package/dist/src/components/Breadcrumbs.js +7 -9
  12. package/dist/src/components/Breadcrumbs.js.map +1 -1
  13. package/dist/src/components/Button.d.ts +1 -1
  14. package/dist/src/components/Button.js +6 -4
  15. package/dist/src/components/Button.js.map +1 -1
  16. package/dist/src/components/ConfigProvider.d.ts +17 -0
  17. package/dist/src/components/ConfigProvider.js +54 -0
  18. package/dist/src/components/ConfigProvider.js.map +1 -0
  19. package/dist/src/components/ConfirmModal.d.ts +1 -1
  20. package/dist/src/components/ConfirmModal.js +82 -72
  21. package/dist/src/components/ConfirmModal.js.map +1 -1
  22. package/dist/src/components/DatePicker.d.ts +1 -1
  23. package/dist/src/components/DatePicker.js +33 -10
  24. package/dist/src/components/DatePicker.js.map +1 -1
  25. package/dist/src/components/Descriptions.d.ts +15 -0
  26. package/dist/src/components/Descriptions.js +44 -0
  27. package/dist/src/components/Descriptions.js.map +1 -0
  28. package/dist/src/components/Divider.d.ts +1 -1
  29. package/dist/src/components/Divider.js +21 -16
  30. package/dist/src/components/Divider.js.map +1 -1
  31. package/dist/src/components/Drawer.d.ts +1 -1
  32. package/dist/src/components/Drawer.js +81 -68
  33. package/dist/src/components/Drawer.js.map +1 -1
  34. package/dist/src/components/Dropdown.d.ts +17 -0
  35. package/dist/src/components/Dropdown.js +129 -0
  36. package/dist/src/components/Dropdown.js.map +1 -0
  37. package/dist/src/components/Empty.d.ts +9 -0
  38. package/dist/src/components/Empty.js +15 -0
  39. package/dist/src/components/Empty.js.map +1 -0
  40. package/dist/src/components/Form.d.ts +35 -0
  41. package/dist/src/components/Form.js +54 -0
  42. package/dist/src/components/Form.js.map +1 -0
  43. package/dist/src/components/InputComponents.d.ts +4 -4
  44. package/dist/src/components/InputComponents.js +57 -26
  45. package/dist/src/components/InputComponents.js.map +1 -1
  46. package/dist/src/components/ListComponents.d.ts +4 -2
  47. package/dist/src/components/ListComponents.js +36 -15
  48. package/dist/src/components/ListComponents.js.map +1 -1
  49. package/dist/src/components/Message.d.ts +20 -0
  50. package/dist/src/components/Message.js +69 -0
  51. package/dist/src/components/Message.js.map +1 -0
  52. package/dist/src/components/Modal.d.ts +1 -1
  53. package/dist/src/components/Modal.js +90 -77
  54. package/dist/src/components/Modal.js.map +1 -1
  55. package/dist/src/components/MultiSelect.d.ts +1 -1
  56. package/dist/src/components/MultiSelect.js +65 -20
  57. package/dist/src/components/MultiSelect.js.map +1 -1
  58. package/dist/src/components/Popconfirm.d.ts +12 -0
  59. package/dist/src/components/Popconfirm.js +24 -0
  60. package/dist/src/components/Popconfirm.js.map +1 -0
  61. package/dist/src/components/Popover.d.ts +10 -0
  62. package/dist/src/components/Popover.js +108 -0
  63. package/dist/src/components/Popover.js.map +1 -0
  64. package/dist/src/components/Portal.d.ts +11 -0
  65. package/dist/src/components/Portal.js +30 -0
  66. package/dist/src/components/Portal.js.map +1 -0
  67. package/dist/src/components/Radio.d.ts +5 -2
  68. package/dist/src/components/Radio.js +10 -6
  69. package/dist/src/components/Radio.js.map +1 -1
  70. package/dist/src/components/Result.d.ts +9 -0
  71. package/dist/src/components/Result.js +52 -0
  72. package/dist/src/components/Result.js.map +1 -0
  73. package/dist/src/components/Select.d.ts +1 -1
  74. package/dist/src/components/Select.js +70 -19
  75. package/dist/src/components/Select.js.map +1 -1
  76. package/dist/src/components/Skeleton.d.ts +1 -1
  77. package/dist/src/components/Skeleton.js +10 -7
  78. package/dist/src/components/Skeleton.js.map +1 -1
  79. package/dist/src/components/Steps.d.ts +1 -1
  80. package/dist/src/components/Steps.js +17 -14
  81. package/dist/src/components/Steps.js.map +1 -1
  82. package/dist/src/components/Switch.d.ts +1 -1
  83. package/dist/src/components/Switch.js +6 -6
  84. package/dist/src/components/Switch.js.map +1 -1
  85. package/dist/src/components/Table.d.ts +20 -7
  86. package/dist/src/components/Table.js +140 -113
  87. package/dist/src/components/Table.js.map +1 -1
  88. package/dist/src/components/Tabs.d.ts +4 -2
  89. package/dist/src/components/Tabs.js +15 -10
  90. package/dist/src/components/Tabs.js.map +1 -1
  91. package/dist/src/components/Tag.d.ts +1 -1
  92. package/dist/src/components/Tag.js +17 -8
  93. package/dist/src/components/Tag.js.map +1 -1
  94. package/dist/src/components/Timeline.d.ts +13 -0
  95. package/dist/src/components/Timeline.js +35 -0
  96. package/dist/src/components/Timeline.js.map +1 -0
  97. package/dist/src/components/Tooltip.d.ts +1 -1
  98. package/dist/src/components/Tooltip.js +17 -10
  99. package/dist/src/components/Tooltip.js.map +1 -1
  100. package/dist/src/components/Typography.d.ts +5 -5
  101. package/dist/src/components/Typography.js +38 -23
  102. package/dist/src/components/Typography.js.map +1 -1
  103. package/dist/src/index.d.ts +25 -4
  104. package/dist/src/index.js +15 -5
  105. package/dist/src/index.js.map +1 -1
  106. package/package.json +1 -1
@@ -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
- export const Modal = ({ isOpen, onClose, title, children, footer, width = 520, maskClosable = true, }) => {
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
- position: 'fixed',
21
- inset: 0,
22
- zIndex: 1000,
23
- display: 'flex',
24
- alignItems: 'center',
25
- justifyContent: 'center',
26
- padding: tokens.spacing[4],
27
- }, children: [_jsx("div", { onClick: maskClosable ? onClose : undefined, style: {
28
- position: 'absolute',
29
- inset: 0,
30
- backgroundColor: 'rgba(15, 23, 42, 0.65)',
31
- backdropFilter: 'blur(4px)',
32
- animation: 'ds-fade-in 0.3s ease-out',
33
- } }), _jsxs("div", { style: {
34
- position: 'relative',
35
- backgroundColor: tokens.color.white,
36
- borderRadius: tokens.radius['2xl'],
37
- boxShadow: tokens.shadow.xl,
38
- width: '100%',
39
- maxWidth: typeof width === 'number' ? `${width}px` : width,
40
- maxHeight: '90vh',
41
- display: 'flex',
42
- flexDirection: 'column',
43
- overflow: 'hidden',
44
- animation: 'ds-modal-scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)',
45
- zIndex: 1,
46
- }, children: [_jsxs("div", { style: {
47
- padding: `${tokens.spacing[6]} ${tokens.spacing[8]}`,
48
- borderBottom: `1px solid ${tokens.color.slate100}`,
49
- display: 'flex',
50
- alignItems: 'center',
51
- justifyContent: 'space-between',
52
- }, children: [title ? (_jsx(Heading, { level: 4, style: { margin: 0 }, children: title })) : _jsx("div", {}), _jsx("button", { onClick: onClose, style: {
53
- padding: '8px',
54
- borderRadius: '50%',
55
- border: 'none',
56
- backgroundColor: 'transparent',
57
- color: tokens.color.slate400,
58
- cursor: 'pointer',
59
- display: 'flex',
60
- alignItems: 'center',
61
- justifyContent: 'center',
62
- transition: tokens.transition.fast,
63
- }, onMouseEnter: (e) => {
64
- e.currentTarget.style.backgroundColor = tokens.color.slate100;
65
- e.currentTarget.style.color = tokens.color.slate900;
66
- }, onMouseLeave: (e) => {
67
- e.currentTarget.style.backgroundColor = 'transparent';
68
- e.currentTarget.style.color = tokens.color.slate400;
69
- }, 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: {
70
- padding: tokens.spacing[8],
71
- overflowY: 'auto',
72
- flex: 1,
73
- color: tokens.color.slate600,
74
- fontSize: tokens.font.sm,
75
- lineHeight: 1.6,
76
- }, children: children }), footer && (_jsx("div", { style: {
77
- padding: `${tokens.spacing[5]} ${tokens.spacing[8]}`,
78
- borderTop: `1px solid ${tokens.color.slate100}`,
79
- backgroundColor: tokens.color.slate50,
80
- display: 'flex',
81
- justifyContent: 'flex-end',
82
- gap: tokens.spacing[3],
83
- }, children: footer }))] }), _jsx("style", { children: `
84
- @keyframes ds-fade-in {
85
- from { opacity: 0; }
86
- to { opacity: 1; }
87
- }
88
- @keyframes ds-modal-scale {
89
- from { transform: scale(0.9) translateY(20px); opacity: 0; }
90
- to { transform: scale(1) translateY(0); opacity: 1; }
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":"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"}
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.FC<MultiSelectProps>;
14
+ export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState, useRef, useEffect } from 'react';
2
+ import React, { useState, useRef, useEffect } from 'react';
3
3
  import { tokens } from '../tokens';
4
4
  const floatingLabelStyle = {
5
5
  position: 'absolute',
@@ -15,7 +15,7 @@ const floatingLabelStyle = {
15
15
  zIndex: 10,
16
16
  transition: tokens.transition.fast,
17
17
  };
18
- export const MultiSelect = ({ label, required, options, selectedValues, onChange, onAddNew, placeholder = 'Chọn...', className = '', style = {}, error }) => {
18
+ export const MultiSelect = React.forwardRef(({ label, required, options, selectedValues, onChange, onAddNew, placeholder = 'Chọn...', className = '', style = {}, error, }, ref) => {
19
19
  const [isOpen, setIsOpen] = useState(false);
20
20
  const [searchValue, setSearchValue] = useState('');
21
21
  const containerRef = useRef(null);
@@ -26,12 +26,22 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
26
26
  setSearchValue('');
27
27
  }
28
28
  };
29
+ const handleKeydown = (e) => {
30
+ if (e.key === 'Escape' && isOpen) {
31
+ setIsOpen(false);
32
+ setSearchValue('');
33
+ }
34
+ };
29
35
  document.addEventListener('mousedown', handleClickOutside);
30
- return () => document.removeEventListener('mousedown', handleClickOutside);
31
- }, []);
36
+ document.addEventListener('keydown', handleKeydown);
37
+ return () => {
38
+ document.removeEventListener('mousedown', handleClickOutside);
39
+ document.removeEventListener('keydown', handleKeydown);
40
+ };
41
+ }, [isOpen]);
32
42
  const handleToggleValue = (value) => {
33
43
  if (selectedValues.includes(value)) {
34
- onChange(selectedValues.filter(v => v !== value));
44
+ onChange(selectedValues.filter((v) => v !== value));
35
45
  }
36
46
  else {
37
47
  onChange([...selectedValues, value]);
@@ -45,21 +55,30 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
45
55
  }
46
56
  else {
47
57
  if (!options.includes(searchValue.trim())) {
48
- // Fallback if onAddNew is not provided, we just add it to selection if it's not there
49
58
  handleToggleValue(searchValue.trim());
50
59
  }
51
60
  }
52
61
  setSearchValue('');
53
62
  };
54
- const filteredOptions = options.filter(opt => opt.toLowerCase().includes(searchValue.toLowerCase()));
55
- return (_jsxs("div", { ref: containerRef, className: className, style: { position: 'relative', width: '100%', ...style }, children: [label && (_jsxs("label", { style: {
63
+ const filteredOptions = options.filter((opt) => opt.toLowerCase().includes(searchValue.toLowerCase()));
64
+ return (_jsxs("div", { ref: (el) => {
65
+ containerRef.current = el;
66
+ if (typeof ref === 'function')
67
+ ref(el);
68
+ else if (ref)
69
+ ref.current = el;
70
+ }, className: className, style: { position: 'relative', width: '100%', ...style }, children: [label && (_jsxs("label", { style: {
56
71
  ...floatingLabelStyle,
57
- color: isOpen ? tokens.color.borderFocus : (error ? tokens.color.danger : tokens.color.slate400)
72
+ color: isOpen
73
+ ? tokens.color.borderFocus
74
+ : error
75
+ ? tokens.color.danger
76
+ : tokens.color.slate400,
58
77
  }, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { onClick: () => setIsOpen(!isOpen), style: {
59
78
  minHeight: '46px',
60
79
  padding: '10px 14px',
61
80
  backgroundColor: tokens.color.white,
62
- border: `1px solid ${error ? tokens.color.danger : (isOpen ? tokens.color.borderFocus : tokens.color.slate200)}`,
81
+ border: `1px solid ${error ? tokens.color.danger : isOpen ? tokens.color.borderFocus : tokens.color.slate200}`,
63
82
  borderRadius: tokens.radius.lg,
64
83
  display: 'flex',
65
84
  flexWrap: 'wrap',
@@ -69,7 +88,7 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
69
88
  transition: tokens.transition.fast,
70
89
  // brand red focus ring
71
90
  boxShadow: isOpen ? '0 0 0 3px rgba(190, 17, 40, 0.12)' : tokens.shadow.sm,
72
- }, children: [selectedValues.length > 0 ? (selectedValues.map(val => (_jsxs("span", { style: {
91
+ }, children: [selectedValues.length > 0 ? (selectedValues.map((val) => (_jsxs("span", { style: {
73
92
  display: 'inline-flex',
74
93
  alignItems: 'center',
75
94
  gap: '6px',
@@ -83,7 +102,16 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
83
102
  }, onClick: (e) => {
84
103
  e.stopPropagation();
85
104
  handleToggleValue(val);
86
- }, children: [val, _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)))) : (_jsx("span", { style: { color: tokens.color.slate400, fontSize: tokens.font.sm, fontWeight: tokens.font.weightMedium }, children: placeholder })), _jsx("div", { style: { marginLeft: 'auto', color: tokens.color.slate300 }, children: _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 && (_jsxs("div", { style: {
105
+ }, children: [val, _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)))) : (_jsx("span", { style: {
106
+ color: tokens.color.slate400,
107
+ fontSize: tokens.font.sm,
108
+ fontWeight: tokens.font.weightMedium,
109
+ }, children: placeholder })), _jsx("div", { style: { marginLeft: 'auto', color: tokens.color.slate300 }, children: _jsx("svg", { style: {
110
+ width: '16px',
111
+ height: '16px',
112
+ transition: tokens.transition.fast,
113
+ transform: isOpen ? 'rotate(180deg)' : 'none',
114
+ }, 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 && (_jsxs("div", { style: {
87
115
  position: 'absolute',
88
116
  top: '100%',
89
117
  left: 0,
@@ -95,8 +123,13 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
95
123
  border: `1px solid ${tokens.color.slate100}`,
96
124
  zIndex: 1000,
97
125
  overflow: 'hidden',
98
- animation: 'reveal 0.2s ease-out'
99
- }, children: [_jsxs("div", { style: { padding: '12px', borderBottom: `1px solid ${tokens.color.slate100}`, display: 'flex', gap: '8px' }, children: [_jsx("input", { type: "text", autoFocus: true, value: searchValue, onChange: (e) => setSearchValue(e.target.value), placeholder: "T\u00ECm ho\u1EB7c th\u00EAm m\u1EDBi...", style: {
126
+ animation: 'reveal 0.2s ease-out',
127
+ }, children: [_jsxs("div", { style: {
128
+ padding: '12px',
129
+ borderBottom: `1px solid ${tokens.color.slate100}`,
130
+ display: 'flex',
131
+ gap: '8px',
132
+ }, children: [_jsx("input", { type: "text", autoFocus: true, value: searchValue, onChange: (e) => setSearchValue(e.target.value), placeholder: "T\u00ECm ho\u1EB7c th\u00EAm m\u1EDBi...", style: {
100
133
  flex: 1,
101
134
  padding: '8px 12px',
102
135
  fontSize: '12px',
@@ -117,8 +150,8 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
117
150
  fontWeight: tokens.font.weightBold,
118
151
  borderRadius: '12px',
119
152
  border: 'none',
120
- cursor: 'pointer'
121
- }, children: "TH\u00CAM" }))] }), _jsx("div", { style: { maxHeight: '240px', overflowY: 'auto', padding: '4px' }, children: filteredOptions.length > 0 ? (filteredOptions.map(opt => {
153
+ cursor: 'pointer',
154
+ }, children: "TH\u00CAM" }))] }), _jsx("div", { style: { maxHeight: '240px', overflowY: 'auto', padding: '4px' }, children: filteredOptions.length > 0 ? (filteredOptions.map((opt) => {
122
155
  const isSelected = selectedValues.includes(opt);
123
156
  return (_jsxs("div", { onClick: () => handleToggleValue(opt), style: {
124
157
  padding: '10px 16px',
@@ -128,16 +161,28 @@ export const MultiSelect = ({ label, required, options, selectedValues, onChange
128
161
  alignItems: 'center',
129
162
  justifyContent: 'space-between',
130
163
  borderRadius: '10px',
131
- backgroundColor: isSelected ? 'transparent' : 'transparent',
164
+ backgroundColor: 'transparent',
132
165
  transition: tokens.transition.fast,
133
166
  fontWeight: isSelected ? tokens.font.weightBold : tokens.font.weightMedium,
134
167
  color: isSelected ? tokens.color.slate800 : tokens.color.slate600,
135
- }, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = tokens.color.slate50, onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: [opt, 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));
136
- })) : (_jsx("div", { style: { padding: '20px', textAlign: 'center', color: tokens.color.slate400, fontSize: '11px', fontStyle: 'italic' }, children: "Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3 ph\u00F9 h\u1EE3p" })) })] })), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '6px', fontWeight: tokens.font.weightMedium }, children: error }), _jsx("style", { children: `
168
+ }, onMouseEnter: (e) => (e.currentTarget.style.backgroundColor = tokens.color.slate50), onMouseLeave: (e) => (e.currentTarget.style.backgroundColor = 'transparent'), children: [opt, 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));
169
+ })) : (_jsx("div", { style: {
170
+ padding: '20px',
171
+ textAlign: 'center',
172
+ color: tokens.color.slate400,
173
+ fontSize: '11px',
174
+ fontStyle: 'italic',
175
+ }, children: "Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3 ph\u00F9 h\u1EE3p" })) })] })), error && (_jsx("p", { style: {
176
+ fontSize: '11px',
177
+ color: tokens.color.danger,
178
+ marginTop: '6px',
179
+ fontWeight: tokens.font.weightMedium,
180
+ }, children: error })), _jsx("style", { children: `
137
181
  @keyframes reveal {
138
182
  from { opacity: 0; transform: translateY(-8px); }
139
183
  to { opacity: 1; transform: translateY(0); }
140
184
  }
141
185
  ` })] }));
142
- };
186
+ });
187
+ MultiSelect.displayName = 'MultiSelect';
143
188
  //# sourceMappingURL=MultiSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/components/MultiSelect.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,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,EAAE;IACV,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;CACnC,CAAC;AAeF,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,SAAS,EACvB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,EACN,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBACjF,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,cAAc,CAAC,EAAE,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,GAAG,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;YAAE,OAAO;QAChC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;gBAC1C,sFAAsF;gBACtF,iBAAiB,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;QACD,cAAc,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAC3C,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CACtD,CAAC;IAEF,OAAO,CACL,eAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,aACnG,KAAK,IAAI,CACR,iBAAO,KAAK,EAAE;oBACZ,GAAG,kBAAkB;oBACrB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;iBACjG,aACE,KAAK,OAAG,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,kBAAU,IACpE,CACT,EAED,eACE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE;oBACL,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,WAAW;oBACpB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBACnC,MAAM,EAAE,aAAa,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;oBAChH,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC9B,OAAO,EAAE,MAAM;oBACf,QAAQ,EAAE,MAAM;oBAChB,GAAG,EAAE,KAAK;oBACV,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,SAAS;oBACjB,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;oBAClC,uBAAuB;oBACvB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;iBAC3E,aAEA,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACxB,gBAEE,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,UAAU,EAAE,QAAQ;4BACpB,GAAG,EAAE,KAAK;4BACV,OAAO,EAAE,SAAS;4BAClB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;4BACtC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;4BAC5B,YAAY,EAAE,KAAK;4BACnB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;4BAClC,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;yBAC7C,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,iBAAiB,CAAC,GAAG,CAAC,CAAC;wBACzB,CAAC,aAEA,GAAG,EACJ,eACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,EACtD,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAElH,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAQ,EAC3C,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAQ,IACvC,KAzBD,GAAG,CA0BH,CACR,CAAC,CACH,CAAC,CAAC,CAAC,CACF,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,YAC1G,WAAW,GACP,CACR,EAED,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,YAC9D,cACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,EAAE,EAC3H,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YAEpH,mBAAU,MAAM,EAAC,gBAAgB,GAAY,GACzC,GACF,IACF,EAEL,MAAM,IAAI,CACT,eAAK,KAAK,EAAE;oBACV,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,MAAM;oBACX,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,SAAS,EAAE,KAAK;oBAChB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBACnC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC9B,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC3B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;oBAC5C,MAAM,EAAE,IAAI;oBACZ,QAAQ,EAAE,QAAQ;oBAClB,SAAS,EAAE,sBAAsB;iBAClC,aAEC,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,aAC9G,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,QACT,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,WAAW,EAAC,0CAAsB,EAClC,KAAK,EAAE;oCACL,IAAI,EAAE,CAAC;oCACP,OAAO,EAAE,UAAU;oCACnB,QAAQ,EAAE,MAAM;oCAChB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;oCACrC,MAAM,EAAE,MAAM;oCACd,YAAY,EAAE,MAAM;oCACpB,OAAO,EAAE,MAAM;iCAChB,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oCACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wCACtB,CAAC,CAAC,cAAc,EAAE,CAAC;wCACnB,cAAc,EAAE,CAAC;oCACnB,CAAC;gCACH,CAAC,GACD,EACD,WAAW,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAChD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE;oCACL,OAAO,EAAE,QAAQ;oCACjB,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;oCACrC,KAAK,EAAE,OAAO;oCACd,QAAQ,EAAE,MAAM;oCAChB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;oCAClC,YAAY,EAAE,MAAM;oCACpB,MAAM,EAAE,MAAM;oCACd,MAAM,EAAE,SAAS;iCAClB,0BAGM,CACV,IACG,EAGN,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,YAClE,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;4BACxB,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;4BAChD,OAAO,CACL,eAEE,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,EACrC,KAAK,EAAE;oCACL,OAAO,EAAE,WAAW;oCACpB,QAAQ,EAAE,MAAM;oCAChB,MAAM,EAAE,SAAS;oCACjB,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,eAAe;oCAC/B,YAAY,EAAE,MAAM;oCACpB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa;oCAC3D,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;oCAClC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY;oCAC1E,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;iCAClE,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EACjF,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,aAAa,aAEzE,GAAG,EACH,UAAU,IAAI,CACb,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YACpJ,mBAAU,MAAM,EAAC,gBAAgB,GAAY,GACzC,CACP,KAvBI,GAAG,CAwBJ,CACP,CAAC;wBACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,kFAEnH,CACP,GACG,IACF,CACP,EAEA,KAAK,IAAI,YAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,YAAG,KAAK,GAAK,EAEzI,0BAAQ;;;;;OAKP,GAAS,IACN,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../src/components/MultiSelect.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ export interface PopconfirmProps {
3
+ title: string;
4
+ description?: string;
5
+ onConfirm: () => void;
6
+ onCancel?: () => void;
7
+ okText?: string;
8
+ cancelText?: string;
9
+ children: React.ReactNode;
10
+ danger?: boolean;
11
+ }
12
+ export declare const Popconfirm: React.FC<PopconfirmProps>;
@@ -0,0 +1,24 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { Popover } from './Popover';
4
+ import { Button } from './Button';
5
+ import { tokens } from '../tokens';
6
+ export const Popconfirm = ({ title, description, onConfirm, onCancel, okText = 'Confirm', cancelText = 'Cancel', children, danger = false, }) => {
7
+ const [visible, setVisible] = useState(false);
8
+ const handleConfirm = () => {
9
+ onConfirm();
10
+ setVisible(false);
11
+ };
12
+ const handleCancel = () => {
13
+ onCancel === null || onCancel === void 0 ? void 0 : onCancel();
14
+ setVisible(false);
15
+ };
16
+ const content = (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: tokens.spacing[4] }, children: [_jsxs("div", { style: { display: 'flex', gap: tokens.spacing[3], alignItems: 'flex-start' }, children: [_jsx("div", { style: {
17
+ color: danger ? tokens.color.danger : tokens.color.warning,
18
+ fontSize: '18px',
19
+ marginTop: '-2px',
20
+ }, children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }) }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontWeight: tokens.font.weightBold, color: tokens.color.slate800, fontSize: tokens.font.sm }, children: title }), description && (_jsx("div", { style: { fontSize: '12px', color: tokens.color.slate500, marginTop: '2px' }, children: description }))] })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'flex-end', gap: tokens.spacing[2] }, children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: handleCancel, children: cancelText }), _jsx(Button, { size: "sm", variant: "primary", style: danger ? { backgroundColor: tokens.color.danger, borderColor: tokens.color.danger } : {}, onClick: handleConfirm, children: okText })] })] }));
21
+ return (_jsx(Popover, { content: content, trigger: "click", placement: "top", width: "280px", children: children }));
22
+ };
23
+ Popconfirm.displayName = 'Popconfirm';
24
+ //# sourceMappingURL=Popconfirm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Popconfirm.js","sourceRoot":"","sources":["../../../src/components/Popconfirm.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export interface PopoverProps {
3
+ children: React.ReactNode;
4
+ content: React.ReactNode;
5
+ title?: React.ReactNode;
6
+ trigger?: 'click' | 'hover';
7
+ placement?: 'top' | 'bottom' | 'left' | 'right';
8
+ width?: string | number;
9
+ }
10
+ export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,108 @@
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
+ import { tokens } from '../tokens';
4
+ import { Portal } from './Portal';
5
+ export const Popover = React.forwardRef(({ children, content, title, trigger = 'click', placement = 'top', width = '240px' }, ref) => {
6
+ const [visible, setVisible] = useState(false);
7
+ const [coords, setCoords] = useState({ top: 0, left: 0, width: 0, height: 0 });
8
+ const triggerRef = useRef(null);
9
+ const popoverRef = useRef(null);
10
+ const updateCoords = useCallback(() => {
11
+ if (triggerRef.current) {
12
+ const rect = triggerRef.current.getBoundingClientRect();
13
+ setCoords({
14
+ top: rect.top + window.scrollY,
15
+ left: rect.left + window.scrollX,
16
+ width: rect.width,
17
+ height: rect.height,
18
+ });
19
+ }
20
+ }, []);
21
+ const toggle = () => setVisible(!visible);
22
+ const show = () => setVisible(true);
23
+ const hide = () => setVisible(false);
24
+ useEffect(() => {
25
+ if (visible) {
26
+ updateCoords();
27
+ const handleOutside = (e) => {
28
+ if (triggerRef.current &&
29
+ !triggerRef.current.contains(e.target) &&
30
+ popoverRef.current &&
31
+ !popoverRef.current.contains(e.target)) {
32
+ hide();
33
+ }
34
+ };
35
+ document.addEventListener('mousedown', handleOutside);
36
+ return () => document.removeEventListener('mousedown', handleOutside);
37
+ }
38
+ }, [visible, updateCoords]);
39
+ const getStyles = () => {
40
+ const styles = {
41
+ position: 'absolute',
42
+ zIndex: 1100,
43
+ width: width,
44
+ };
45
+ const spacing = 10;
46
+ if (!popoverRef.current)
47
+ return styles;
48
+ const pW = popoverRef.current.offsetWidth;
49
+ const pH = popoverRef.current.offsetHeight;
50
+ switch (placement) {
51
+ case 'top':
52
+ styles.top = coords.top - pH - spacing;
53
+ styles.left = coords.left + coords.width / 2 - pW / 2;
54
+ break;
55
+ case 'bottom':
56
+ styles.top = coords.top + coords.height + spacing;
57
+ styles.left = coords.left + coords.width / 2 - pW / 2;
58
+ break;
59
+ case 'left':
60
+ styles.top = coords.top + coords.height / 2 - pH / 2;
61
+ styles.left = coords.left - pW - spacing;
62
+ break;
63
+ case 'right':
64
+ styles.top = coords.top + coords.height / 2 - pH / 2;
65
+ styles.left = coords.left + coords.width + spacing;
66
+ break;
67
+ }
68
+ return styles;
69
+ };
70
+ const triggerProps = trigger === 'click'
71
+ ? { onClick: toggle }
72
+ : { onMouseEnter: show, onMouseLeave: hide };
73
+ return (_jsxs(_Fragment, { children: [_jsx("div", { ref: (node) => {
74
+ triggerRef.current = node;
75
+ if (typeof ref === 'function')
76
+ ref(node);
77
+ else if (ref)
78
+ ref.current = node;
79
+ }, style: { display: 'inline-flex' }, ...triggerProps, children: children }), visible && (_jsxs(Portal, { children: [_jsxs("div", { ref: popoverRef, style: {
80
+ ...getStyles(),
81
+ backgroundColor: tokens.color.white,
82
+ borderRadius: tokens.radius.xl,
83
+ boxShadow: tokens.shadow.xl,
84
+ border: `1px solid ${tokens.color.slate100}`,
85
+ animation: 'ds-popover-in 0.2s cubic-bezier(0, 0, 0.2, 1)',
86
+ padding: 0,
87
+ overflow: 'hidden',
88
+ }, children: [title && (_jsx("div", { style: {
89
+ padding: `${tokens.spacing[3]} ${tokens.spacing[4]}`,
90
+ borderBottom: `1px solid ${tokens.color.slate100}`,
91
+ fontWeight: tokens.font.weightBold,
92
+ fontSize: tokens.font.sm,
93
+ color: tokens.color.slate800,
94
+ backgroundColor: tokens.color.slate50,
95
+ }, children: title })), _jsx("div", { style: {
96
+ padding: tokens.spacing[4],
97
+ fontSize: tokens.font.sm,
98
+ color: tokens.color.slate600,
99
+ lineHeight: 1.5,
100
+ }, children: content })] }), _jsx("style", { children: `
101
+ @keyframes ds-popover-in {
102
+ from { opacity: 0; transform: scale(0.9) translateY(4px); }
103
+ to { opacity: 1; transform: scale(1) translateY(0); }
104
+ }
105
+ ` })] }))] }));
106
+ });
107
+ Popover.displayName = 'Popover';
108
+ //# sourceMappingURL=Popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":"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"}