shared-design-system 1.10.0 → 1.11.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/Button.d.ts +2 -0
- package/dist/src/components/Button.js +28 -12
- package/dist/src/components/Button.js.map +1 -1
- package/dist/src/components/DatePicker.d.ts +3 -0
- package/dist/src/components/DatePicker.js +180 -0
- package/dist/src/components/DatePicker.js.map +1 -0
- package/dist/src/components/InputComponents.d.ts +2 -0
- package/dist/src/components/InputComponents.js +61 -18
- package/dist/src/components/InputComponents.js.map +1 -1
- package/dist/src/components/Table.d.ts +6 -12
- package/dist/src/components/Table.js +13 -7
- package/dist/src/components/Table.js.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,5 +3,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
3
3
|
variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'amber';
|
|
4
4
|
size?: 'sm' | 'md' | 'lg';
|
|
5
5
|
isActive?: boolean;
|
|
6
|
+
startIcon?: React.ReactNode;
|
|
7
|
+
endIcon?: React.ReactNode;
|
|
6
8
|
}
|
|
7
9
|
export declare const Button: React.FC<ButtonProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { tokens } from '../tokens';
|
|
4
|
-
export const Button = ({ children, variant = 'primary', size = 'md', disabled = false, onClick, style = {}, className = '', isActive = false, ...props }) => {
|
|
4
|
+
export const Button = ({ children, variant = 'primary', size = 'md', disabled = false, onClick, style = {}, className = '', isActive = false, startIcon, endIcon, ...props }) => {
|
|
5
5
|
const [isHovered, setIsHovered] = React.useState(false);
|
|
6
6
|
const getVariantStyles = () => {
|
|
7
7
|
switch (variant) {
|
|
@@ -19,7 +19,7 @@ export const Button = ({ children, variant = 'primary', size = 'md', disabled =
|
|
|
19
19
|
return {
|
|
20
20
|
backgroundColor: tokens.color.white,
|
|
21
21
|
color: tokens.color.danger,
|
|
22
|
-
border: `1px solid
|
|
22
|
+
border: `1px solid ${tokens.color.dangerBg}`,
|
|
23
23
|
boxShadow: tokens.shadow.sm,
|
|
24
24
|
hoverBg: tokens.color.danger,
|
|
25
25
|
hoverColor: tokens.color.white,
|
|
@@ -50,9 +50,10 @@ export const Button = ({ children, variant = 'primary', size = 'md', disabled =
|
|
|
50
50
|
return {
|
|
51
51
|
backgroundColor: tokens.color.white,
|
|
52
52
|
color: tokens.color.primary,
|
|
53
|
-
border: `1px solid ${tokens.color.
|
|
53
|
+
border: `1px solid ${tokens.color.primary}33`, // Subtle transparent border
|
|
54
54
|
boxShadow: tokens.shadow.sm,
|
|
55
55
|
hoverBg: tokens.color.primary,
|
|
56
|
+
gradient: `linear-gradient(135deg, ${tokens.color.primary}, ${tokens.color.primaryDark})`,
|
|
56
57
|
hoverColor: tokens.color.white,
|
|
57
58
|
hoverBorder: tokens.color.primary,
|
|
58
59
|
};
|
|
@@ -61,12 +62,24 @@ export const Button = ({ children, variant = 'primary', size = 'md', disabled =
|
|
|
61
62
|
const getSizeStyles = () => {
|
|
62
63
|
switch (size) {
|
|
63
64
|
case 'sm':
|
|
64
|
-
return {
|
|
65
|
+
return {
|
|
66
|
+
padding: `${tokens.spacing[1.5]} ${tokens.spacing[4]}`,
|
|
67
|
+
fontSize: '12px',
|
|
68
|
+
height: '32px'
|
|
69
|
+
};
|
|
65
70
|
case 'lg':
|
|
66
|
-
return {
|
|
71
|
+
return {
|
|
72
|
+
padding: `${tokens.spacing[4]} ${tokens.spacing[10]}`,
|
|
73
|
+
fontSize: tokens.font.md,
|
|
74
|
+
height: '52px'
|
|
75
|
+
};
|
|
67
76
|
case 'md':
|
|
68
77
|
default:
|
|
69
|
-
return {
|
|
78
|
+
return {
|
|
79
|
+
padding: `${tokens.spacing[2.5]} ${tokens.spacing[6]}`,
|
|
80
|
+
fontSize: tokens.font.sm,
|
|
81
|
+
height: '42px'
|
|
82
|
+
};
|
|
70
83
|
}
|
|
71
84
|
};
|
|
72
85
|
const vStyles = getVariantStyles();
|
|
@@ -74,8 +87,8 @@ export const Button = ({ children, variant = 'primary', size = 'md', disabled =
|
|
|
74
87
|
const isAppliedHover = !disabled && (isHovered || isActive);
|
|
75
88
|
const baseStyle = {
|
|
76
89
|
fontFamily: tokens.font.family,
|
|
77
|
-
fontWeight: tokens.font.
|
|
78
|
-
borderRadius: tokens.radius.
|
|
90
|
+
fontWeight: tokens.font.weightSemibold,
|
|
91
|
+
borderRadius: tokens.radius.lg,
|
|
79
92
|
cursor: disabled ? 'not-allowed' : 'pointer',
|
|
80
93
|
transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
|
|
81
94
|
display: 'inline-flex',
|
|
@@ -83,15 +96,18 @@ export const Button = ({ children, variant = 'primary', size = 'md', disabled =
|
|
|
83
96
|
justifyContent: 'center',
|
|
84
97
|
gap: tokens.spacing[2],
|
|
85
98
|
outline: 'none',
|
|
86
|
-
|
|
87
|
-
|
|
99
|
+
userSelect: 'none',
|
|
100
|
+
opacity: disabled ? 0.5 : 1,
|
|
101
|
+
backgroundColor: isAppliedHover && variant === 'primary' ? undefined : (isAppliedHover ? vStyles.hoverBg : vStyles.backgroundColor),
|
|
102
|
+
backgroundImage: isAppliedHover && variant === 'primary' ? vStyles.gradient : 'none',
|
|
88
103
|
color: isAppliedHover ? vStyles.hoverColor : vStyles.color,
|
|
89
104
|
border: isAppliedHover ? vStyles.hoverBorder : vStyles.border,
|
|
90
105
|
boxShadow: isAppliedHover ? tokens.shadow.md : vStyles.boxShadow,
|
|
91
106
|
transform: isAppliedHover ? 'translateY(-1px)' : 'translateY(0)',
|
|
107
|
+
whiteSpace: 'nowrap',
|
|
92
108
|
...sStyles,
|
|
93
109
|
...style,
|
|
94
110
|
};
|
|
95
|
-
return (
|
|
111
|
+
return (_jsxs("button", { style: baseStyle, className: className, disabled: disabled, onClick: disabled ? undefined : onClick, onMouseEnter: () => !disabled && setIsHovered(true), onMouseLeave: () => !disabled && setIsHovered(false), ...props, children: [startIcon && _jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: startIcon }), children, endIcon && _jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: endIcon })] }));
|
|
96
112
|
};
|
|
97
113
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAUnC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,WAAW;gBACd,OAAO;oBACL,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBACnC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;oBAC5B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;oBAC5C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC3B,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;oBAC7B,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;oBACjC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;iBACnC,CAAC;YACJ,KAAK,QAAQ;gBACX,OAAO;oBACL,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBACnC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;oBAC1B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;oBAC5C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC3B,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;oBAC5B,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBAC9B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM;iBACjC,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBACnC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;oBAC3B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE;oBAC7C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC3B,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;oBAC7B,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBAC9B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;iBAClC,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,eAAe,EAAE,aAAa;oBAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;oBAC7B,MAAM,EAAE,uBAAuB;oBAC/B,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;oBAC9B,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;oBAC7B,WAAW,EAAE,aAAa;iBAC3B,CAAC;YACJ,KAAK,SAAS,CAAC;YACf;gBACE,OAAO;oBACL,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBACnC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;oBAC3B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,4BAA4B;oBAC3E,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;oBAC3B,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;oBAC7B,QAAQ,EAAE,2BAA2B,MAAM,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG;oBACzF,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;oBAC9B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO;iBAClC,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,IAAI;gBACP,OAAO;oBACL,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtD,QAAQ,EAAE,MAAM;oBAChB,MAAM,EAAE,MAAM;iBACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO;oBACL,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACrD,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;oBACxB,MAAM,EAAE,MAAM;iBACf,CAAC;YACJ,KAAK,IAAI,CAAC;YACV;gBACE,OAAO;oBACL,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtD,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;oBACxB,MAAM,EAAE,MAAM;iBACf,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAEhC,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC;IAE5D,MAAM,SAAS,GAAwB;QACrC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,cAAc;QACtC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;QAC9B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;QAC5C,UAAU,EAAE,uCAAuC;QACnD,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACtB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,eAAe,EAAE,cAAc,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC;QACnI,eAAe,EAAE,cAAc,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAE,OAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;QAC7F,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK;QAC1D,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM;QAC7D,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS;QAChE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe;QAChE,UAAU,EAAE,QAAQ;QACpB,GAAG,OAAO;QACV,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,kBACE,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,EACnD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,CAAC,KAAK,CAAC,KAChD,KAAK,aAER,SAAS,IAAI,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAG,SAAS,GAAQ,EACvF,QAAQ,EACR,OAAO,IAAI,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAG,OAAO,GAAQ,IAC7E,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef, useEffect } from 'react';
|
|
3
|
+
import { tokens } from '../tokens';
|
|
4
|
+
import { Input } from './InputComponents';
|
|
5
|
+
const Calendar = ({ value, onChange, onClose }) => {
|
|
6
|
+
const now = new Date();
|
|
7
|
+
const [viewDate, setViewDate] = useState(value || now);
|
|
8
|
+
const year = viewDate.getFullYear();
|
|
9
|
+
const month = viewDate.getMonth();
|
|
10
|
+
const daysInMonth = new Date(year, month + 1, 0).getDate();
|
|
11
|
+
const firstDayOfMonth = new Date(year, month, 1).getDay(); // 0 (Sun) to 6 (Sat)
|
|
12
|
+
// Adjusted for Monday start if needed, but 0=Sun is standard for native pickers.
|
|
13
|
+
// Let's stick with 0=Sun.
|
|
14
|
+
const monthNames = [
|
|
15
|
+
'Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6',
|
|
16
|
+
'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12'
|
|
17
|
+
];
|
|
18
|
+
const daysOfWeek = ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'];
|
|
19
|
+
const handlePrevMonth = (e) => {
|
|
20
|
+
e.stopPropagation();
|
|
21
|
+
setViewDate(new Date(year, month - 1, 1));
|
|
22
|
+
};
|
|
23
|
+
const handleNextMonth = (e) => {
|
|
24
|
+
e.stopPropagation();
|
|
25
|
+
setViewDate(new Date(year, month + 1, 1));
|
|
26
|
+
};
|
|
27
|
+
const handleDayClick = (day) => {
|
|
28
|
+
const selectedDate = new Date(year, month, day);
|
|
29
|
+
onChange(selectedDate);
|
|
30
|
+
onClose();
|
|
31
|
+
};
|
|
32
|
+
const isSelected = (day) => {
|
|
33
|
+
return value &&
|
|
34
|
+
value.getDate() === day &&
|
|
35
|
+
value.getMonth() === month &&
|
|
36
|
+
value.getFullYear() === year;
|
|
37
|
+
};
|
|
38
|
+
const isToday = (day) => {
|
|
39
|
+
return now.getDate() === day &&
|
|
40
|
+
now.getMonth() === month &&
|
|
41
|
+
now.getFullYear() === year;
|
|
42
|
+
};
|
|
43
|
+
return (_jsxs("div", { style: {
|
|
44
|
+
padding: tokens.spacing[4],
|
|
45
|
+
width: '280px',
|
|
46
|
+
userSelect: 'none'
|
|
47
|
+
}, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: {
|
|
48
|
+
display: 'flex',
|
|
49
|
+
justifyContent: 'space-between',
|
|
50
|
+
alignItems: 'center',
|
|
51
|
+
marginBottom: tokens.spacing[4]
|
|
52
|
+
}, children: [_jsx("button", { onClick: handlePrevMonth, style: {
|
|
53
|
+
border: 'none',
|
|
54
|
+
background: 'transparent',
|
|
55
|
+
cursor: 'pointer',
|
|
56
|
+
padding: tokens.spacing[1],
|
|
57
|
+
borderRadius: '50%',
|
|
58
|
+
color: tokens.color.slate500,
|
|
59
|
+
transition: tokens.transition.fast,
|
|
60
|
+
}, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = tokens.color.slate100, onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }) }), _jsxs("div", { style: { fontWeight: tokens.font.weightBold, color: tokens.color.slate800, fontSize: tokens.font.sm }, children: [monthNames[month], " - ", year] }), _jsx("button", { onClick: handleNextMonth, style: {
|
|
61
|
+
border: 'none',
|
|
62
|
+
background: 'transparent',
|
|
63
|
+
cursor: 'pointer',
|
|
64
|
+
padding: tokens.spacing[1],
|
|
65
|
+
borderRadius: '50%',
|
|
66
|
+
color: tokens.color.slate500,
|
|
67
|
+
transition: tokens.transition.fast,
|
|
68
|
+
}, onMouseEnter: (e) => e.currentTarget.style.backgroundColor = tokens.color.slate100, onMouseLeave: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }) })] }), _jsx("div", { style: {
|
|
69
|
+
display: 'grid',
|
|
70
|
+
gridTemplateColumns: 'repeat(7, 1fr)',
|
|
71
|
+
marginBottom: tokens.spacing[2],
|
|
72
|
+
textAlign: 'center'
|
|
73
|
+
}, children: daysOfWeek.map(d => (_jsx("div", { style: { fontSize: '11px', fontWeight: tokens.font.weightBold, color: tokens.color.slate400 }, children: d }, d))) }), _jsxs("div", { style: {
|
|
74
|
+
display: 'grid',
|
|
75
|
+
gridTemplateColumns: 'repeat(7, 1fr)',
|
|
76
|
+
gap: '2px'
|
|
77
|
+
}, children: [Array.from({ length: firstDayOfMonth }).map((_, i) => (_jsx("div", {}, `empty-${i}`))), Array.from({ length: daysInMonth }).map((_, i) => {
|
|
78
|
+
const day = i + 1;
|
|
79
|
+
const selected = isSelected(day);
|
|
80
|
+
const today = isToday(day);
|
|
81
|
+
return (_jsx("div", { onClick: () => handleDayClick(day), style: {
|
|
82
|
+
height: '34px',
|
|
83
|
+
display: 'flex',
|
|
84
|
+
alignItems: 'center',
|
|
85
|
+
justifyContent: 'center',
|
|
86
|
+
fontSize: tokens.font.sm,
|
|
87
|
+
borderRadius: '8px',
|
|
88
|
+
cursor: 'pointer',
|
|
89
|
+
transition: tokens.transition.fast,
|
|
90
|
+
fontWeight: selected || today ? tokens.font.weightBold : tokens.font.weightMedium,
|
|
91
|
+
backgroundColor: selected ? tokens.color.primary : (today ? tokens.color.primaryLight : 'transparent'),
|
|
92
|
+
color: selected ? 'white' : (today ? tokens.color.primary : tokens.color.slate700),
|
|
93
|
+
}, onMouseEnter: (e) => {
|
|
94
|
+
if (!selected)
|
|
95
|
+
e.currentTarget.style.backgroundColor = tokens.color.slate100;
|
|
96
|
+
}, onMouseLeave: (e) => {
|
|
97
|
+
if (!selected)
|
|
98
|
+
e.currentTarget.style.backgroundColor = today ? tokens.color.primaryLight : 'transparent';
|
|
99
|
+
}, children: day }, day));
|
|
100
|
+
})] }), _jsx("div", { style: {
|
|
101
|
+
marginTop: tokens.spacing[3],
|
|
102
|
+
paddingTop: tokens.spacing[3],
|
|
103
|
+
borderTop: `1px solid ${tokens.color.slate100}`,
|
|
104
|
+
display: 'flex',
|
|
105
|
+
justifyContent: 'center'
|
|
106
|
+
}, children: _jsx("button", { onClick: (e) => { e.stopPropagation(); handleDayClick(now.getDate()); }, style: {
|
|
107
|
+
border: 'none',
|
|
108
|
+
background: 'transparent',
|
|
109
|
+
color: tokens.color.primary,
|
|
110
|
+
fontSize: '12px',
|
|
111
|
+
fontWeight: tokens.font.weightBold,
|
|
112
|
+
cursor: 'pointer'
|
|
113
|
+
}, children: "H\u00F4m nay" }) })] }));
|
|
114
|
+
};
|
|
115
|
+
export const DatePicker = ({ value, onChange, placeholder, ...props }) => {
|
|
116
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
117
|
+
const containerRef = useRef(null);
|
|
118
|
+
// Parse incoming value string if format is YYYY-MM-DD or DD/MM/YYYY
|
|
119
|
+
const parseValue = (val) => {
|
|
120
|
+
if (!val)
|
|
121
|
+
return undefined;
|
|
122
|
+
if (val instanceof Date)
|
|
123
|
+
return val;
|
|
124
|
+
// Try simple parse
|
|
125
|
+
const d = new Date(val);
|
|
126
|
+
if (!isNaN(d.getTime()))
|
|
127
|
+
return d;
|
|
128
|
+
return undefined;
|
|
129
|
+
};
|
|
130
|
+
const [dateValue, setDateValue] = useState(parseValue(value));
|
|
131
|
+
useEffect(() => {
|
|
132
|
+
setDateValue(parseValue(value));
|
|
133
|
+
}, [value]);
|
|
134
|
+
const handleDateChange = (date) => {
|
|
135
|
+
setDateValue(date);
|
|
136
|
+
const dateString = date.toLocaleDateString('vi-VN');
|
|
137
|
+
if (onChange) {
|
|
138
|
+
// Mocking target for native-like onChange
|
|
139
|
+
const event = {
|
|
140
|
+
target: { value: date.toISOString().split('T')[0] },
|
|
141
|
+
};
|
|
142
|
+
onChange(event);
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
useEffect(() => {
|
|
146
|
+
const handleClickOutside = (event) => {
|
|
147
|
+
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
148
|
+
setIsOpen(false);
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
if (isOpen) {
|
|
152
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
153
|
+
}
|
|
154
|
+
return () => {
|
|
155
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
156
|
+
};
|
|
157
|
+
}, [isOpen]);
|
|
158
|
+
const displayValue = dateValue ? dateValue.toLocaleDateString('vi-VN') : '';
|
|
159
|
+
return (_jsxs("div", { ref: containerRef, style: { position: 'relative', width: '100%' }, children: [_jsx(Input, { ...props, readOnly: true, placeholder: placeholder || 'Chọn ngày...', value: displayValue, onClick: () => setIsOpen(!isOpen), autoComplete: "off", leadingIcon: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), _jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), _jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), _jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })] }), style: {
|
|
160
|
+
...props.style,
|
|
161
|
+
cursor: 'pointer',
|
|
162
|
+
} }), isOpen && (_jsx("div", { style: {
|
|
163
|
+
position: 'absolute',
|
|
164
|
+
top: '100%',
|
|
165
|
+
left: 0,
|
|
166
|
+
zIndex: 2000,
|
|
167
|
+
marginTop: tokens.spacing[2],
|
|
168
|
+
backgroundColor: tokens.color.white,
|
|
169
|
+
borderRadius: tokens.radius.lg,
|
|
170
|
+
boxShadow: tokens.shadow.xl,
|
|
171
|
+
border: `1px solid ${tokens.color.slate100}`,
|
|
172
|
+
animation: 'fadeIn 0.2s ease-out'
|
|
173
|
+
}, children: _jsx(Calendar, { value: dateValue, onChange: handleDateChange, onClose: () => setIsOpen(false) }) })), _jsx("style", { children: `
|
|
174
|
+
@keyframes fadeIn {
|
|
175
|
+
from { opacity: 0; transform: translateY(-10px); }
|
|
176
|
+
to { opacity: 1; transform: translateY(0); }
|
|
177
|
+
}
|
|
178
|
+
` })] }));
|
|
179
|
+
};
|
|
180
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
|
|
|
4
4
|
required?: boolean;
|
|
5
5
|
error?: string;
|
|
6
6
|
variant?: 'default' | 'filter';
|
|
7
|
+
leadingIcon?: React.ReactNode;
|
|
7
8
|
}
|
|
8
9
|
export declare const Input: React.FC<InputProps>;
|
|
9
10
|
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
@@ -17,6 +18,7 @@ export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElemen
|
|
|
17
18
|
required?: boolean;
|
|
18
19
|
error?: string;
|
|
19
20
|
variant?: 'default' | 'filter';
|
|
21
|
+
leadingIcon?: React.ReactNode;
|
|
20
22
|
}
|
|
21
23
|
export declare const Select: React.FC<SelectProps>;
|
|
22
24
|
export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
@@ -23,9 +23,9 @@ const filterLabelStyle = {
|
|
|
23
23
|
};
|
|
24
24
|
const inputBaseStyle = {
|
|
25
25
|
width: '100%',
|
|
26
|
-
padding: `${tokens.spacing[3]} ${tokens.spacing[
|
|
26
|
+
padding: `${tokens.spacing[3]} ${tokens.spacing[4]}`,
|
|
27
27
|
fontSize: tokens.font.sm,
|
|
28
|
-
borderRadius: tokens.radius.
|
|
28
|
+
borderRadius: tokens.radius.md,
|
|
29
29
|
border: `1px solid ${tokens.color.slate200}`,
|
|
30
30
|
backgroundColor: tokens.color.white,
|
|
31
31
|
color: tokens.color.slate800,
|
|
@@ -33,35 +33,50 @@ const inputBaseStyle = {
|
|
|
33
33
|
transition: tokens.transition.fast,
|
|
34
34
|
fontFamily: tokens.font.family,
|
|
35
35
|
fontWeight: tokens.font.weightMedium,
|
|
36
|
+
boxShadow: tokens.shadow.sm,
|
|
36
37
|
};
|
|
37
|
-
export const Input = ({ label, required, error, variant = 'default', className = '', style = {}, onFocus, onBlur, ...props }) => {
|
|
38
|
+
export const Input = ({ label, required, error, variant = 'default', className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
|
|
38
39
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
39
40
|
const isFilter = variant === 'filter';
|
|
40
41
|
const containerStyle = {
|
|
41
42
|
position: 'relative',
|
|
42
43
|
width: '100%',
|
|
44
|
+
display: 'flex',
|
|
45
|
+
alignItems: 'center',
|
|
43
46
|
...(isFilter && {
|
|
44
47
|
border: `1px solid ${isFocused ? tokens.color.borderFocus : tokens.color.slate200}`,
|
|
45
|
-
borderRadius: tokens.radius.
|
|
46
|
-
padding: '12px
|
|
48
|
+
borderRadius: tokens.radius.md,
|
|
49
|
+
padding: '8px 12px',
|
|
47
50
|
backgroundColor: tokens.color.white,
|
|
48
51
|
transition: tokens.transition.fast,
|
|
52
|
+
boxShadow: tokens.shadow.sm,
|
|
49
53
|
})
|
|
50
54
|
};
|
|
51
55
|
const fieldStyle = {
|
|
52
56
|
...inputBaseStyle,
|
|
57
|
+
...(leadingIcon && { paddingLeft: tokens.spacing[10] }),
|
|
53
58
|
...(isFilter && {
|
|
54
59
|
border: 'none',
|
|
55
60
|
padding: '4px 0 0 0',
|
|
56
61
|
backgroundColor: 'transparent',
|
|
62
|
+
boxShadow: 'none',
|
|
57
63
|
}),
|
|
58
64
|
...(isFocused && !isFilter && {
|
|
59
65
|
borderColor: tokens.color.borderFocus,
|
|
60
|
-
|
|
66
|
+
boxShadow: `0 0 0 3px ${tokens.color.borderFocus}22`,
|
|
61
67
|
}),
|
|
68
|
+
...(error && { borderColor: tokens.color.danger }),
|
|
62
69
|
...style
|
|
63
70
|
};
|
|
64
|
-
return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative' }, children: [label && !isFilter && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: containerStyle, children: [label && isFilter && (_jsx("label", { style: { ...filterLabelStyle, color: isFocused ? tokens.color.borderFocus : tokens.color.slate400 }, children: label })), _jsx("
|
|
71
|
+
return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative' }, children: [label && !isFilter && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: containerStyle, children: [label && isFilter && (_jsx("label", { style: { ...filterLabelStyle, color: isFocused ? tokens.color.borderFocus : tokens.color.slate400 }, children: label })), leadingIcon && (_jsx("div", { style: {
|
|
72
|
+
position: 'absolute',
|
|
73
|
+
left: tokens.spacing[3],
|
|
74
|
+
color: isFocused ? tokens.color.primary : tokens.color.slate400,
|
|
75
|
+
display: 'flex',
|
|
76
|
+
alignItems: 'center',
|
|
77
|
+
zIndex: 1,
|
|
78
|
+
pointerEvents: 'none',
|
|
79
|
+
}, children: leadingIcon })), _jsx("input", { style: fieldStyle, onFocus: (e) => {
|
|
65
80
|
setIsFocused(true);
|
|
66
81
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
|
|
67
82
|
}, onBlur: (e) => {
|
|
@@ -69,15 +84,27 @@ export const Input = ({ label, required, error, variant = 'default', className =
|
|
|
69
84
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
70
85
|
}, ...props })] }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '4px' }, children: error })] }));
|
|
71
86
|
};
|
|
72
|
-
export const Textarea = ({ label, required, error, className = '', style = {}, ...props }) => {
|
|
87
|
+
export const Textarea = ({ label, required, error, className = '', style = {}, onFocus, onBlur, ...props }) => {
|
|
88
|
+
const [isFocused, setIsFocused] = React.useState(false);
|
|
73
89
|
return (_jsxs("div", { className: className, style: { width: '100%' }, children: [label && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsx("textarea", { style: {
|
|
74
90
|
...inputBaseStyle,
|
|
75
|
-
minHeight: '
|
|
91
|
+
minHeight: '100px',
|
|
76
92
|
resize: 'vertical',
|
|
93
|
+
...(isFocused && {
|
|
94
|
+
borderColor: tokens.color.borderFocus,
|
|
95
|
+
boxShadow: `0 0 0 3px ${tokens.color.borderFocus}22`,
|
|
96
|
+
}),
|
|
97
|
+
...(error && { borderColor: tokens.color.danger }),
|
|
77
98
|
...style
|
|
99
|
+
}, onFocus: (e) => {
|
|
100
|
+
setIsFocused(true);
|
|
101
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
|
|
102
|
+
}, onBlur: (e) => {
|
|
103
|
+
setIsFocused(false);
|
|
104
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
78
105
|
}, ...props }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '4px' }, children: error })] }));
|
|
79
106
|
};
|
|
80
|
-
export const Select = ({ label, required, children, error, variant = 'default', className = '', style = {}, onFocus, onBlur, ...props }) => {
|
|
107
|
+
export const Select = ({ label, required, children, error, variant = 'default', className = '', style = {}, onFocus, onBlur, leadingIcon, ...props }) => {
|
|
81
108
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
82
109
|
const isFilter = variant === 'filter';
|
|
83
110
|
const containerStyle = {
|
|
@@ -85,28 +112,40 @@ export const Select = ({ label, required, children, error, variant = 'default',
|
|
|
85
112
|
width: '100%',
|
|
86
113
|
...(isFilter && {
|
|
87
114
|
border: `1px solid ${isFocused ? tokens.color.borderFocus : tokens.color.slate200}`,
|
|
88
|
-
borderRadius: tokens.radius.
|
|
89
|
-
padding: '12px
|
|
115
|
+
borderRadius: tokens.radius.md,
|
|
116
|
+
padding: '8px 12px',
|
|
90
117
|
backgroundColor: tokens.color.white,
|
|
91
118
|
transition: tokens.transition.fast,
|
|
119
|
+
boxShadow: tokens.shadow.sm,
|
|
92
120
|
})
|
|
93
121
|
};
|
|
94
122
|
const fieldStyle = {
|
|
95
123
|
...inputBaseStyle,
|
|
96
124
|
appearance: 'none',
|
|
97
125
|
paddingRight: tokens.spacing[10],
|
|
126
|
+
...(leadingIcon && { paddingLeft: tokens.spacing[10] }),
|
|
98
127
|
...(isFilter && {
|
|
99
128
|
border: 'none',
|
|
100
129
|
padding: '4px 0 0 0',
|
|
101
130
|
backgroundColor: 'transparent',
|
|
131
|
+
boxShadow: 'none',
|
|
102
132
|
}),
|
|
103
133
|
...(isFocused && !isFilter && {
|
|
104
134
|
borderColor: tokens.color.borderFocus,
|
|
105
|
-
|
|
135
|
+
boxShadow: `0 0 0 3px ${tokens.color.borderFocus}22`,
|
|
106
136
|
}),
|
|
137
|
+
...(error && { borderColor: tokens.color.danger }),
|
|
107
138
|
...style
|
|
108
139
|
};
|
|
109
|
-
return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative' }, children: [label && !isFilter && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: containerStyle, children: [label && isFilter && (_jsx("label", { style: { ...filterLabelStyle, color: isFocused ? tokens.color.borderFocus : tokens.color.slate400 }, children: label })), _jsxs("div", { style: { position: 'relative' }, children: [_jsx("
|
|
140
|
+
return (_jsxs("div", { className: className, style: { width: '100%', position: 'relative' }, children: [label && !isFilter && (_jsxs("label", { style: labelStyle, children: [label, " ", required && _jsx("span", { style: { color: tokens.color.danger }, children: "*" })] })), _jsxs("div", { style: containerStyle, children: [label && isFilter && (_jsx("label", { style: { ...filterLabelStyle, color: isFocused ? tokens.color.borderFocus : tokens.color.slate400 }, children: label })), _jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [leadingIcon && (_jsx("div", { style: {
|
|
141
|
+
position: 'absolute',
|
|
142
|
+
left: tokens.spacing[3],
|
|
143
|
+
color: isFocused ? tokens.color.primary : tokens.color.slate400,
|
|
144
|
+
display: 'flex',
|
|
145
|
+
alignItems: 'center',
|
|
146
|
+
zIndex: 1,
|
|
147
|
+
pointerEvents: 'none'
|
|
148
|
+
}, children: leadingIcon })), _jsx("select", { style: fieldStyle, onFocus: (e) => {
|
|
110
149
|
setIsFocused(true);
|
|
111
150
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
|
|
112
151
|
}, onBlur: (e) => {
|
|
@@ -114,13 +153,15 @@ export const Select = ({ label, required, children, error, variant = 'default',
|
|
|
114
153
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
115
154
|
}, ...props, children: children }), _jsx("div", { style: {
|
|
116
155
|
position: 'absolute',
|
|
117
|
-
right: isFilter ? '0' : tokens.spacing[
|
|
156
|
+
right: isFilter ? '0' : tokens.spacing[3],
|
|
118
157
|
top: '50%',
|
|
119
158
|
transform: 'translateY(-50%)',
|
|
120
159
|
pointerEvents: 'none',
|
|
121
|
-
color: tokens.color.
|
|
160
|
+
color: isFocused ? tokens.color.primary : tokens.color.slate400,
|
|
161
|
+
display: 'flex',
|
|
162
|
+
alignItems: 'center',
|
|
122
163
|
marginTop: isFilter ? '2px' : '0'
|
|
123
|
-
}, children: _jsx("svg", { width: "
|
|
164
|
+
}, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) }) })] })] }), error && _jsx("p", { style: { fontSize: '11px', color: tokens.color.danger, marginTop: '4px' }, children: error })] }));
|
|
124
165
|
};
|
|
125
166
|
export const Checkbox = ({ label, checked, className = '', style = {}, ...props }) => {
|
|
126
167
|
return (_jsxs("label", { className: className, style: {
|
|
@@ -131,16 +172,18 @@ export const Checkbox = ({ label, checked, className = '', style = {}, ...props
|
|
|
131
172
|
fontSize: tokens.font.sm,
|
|
132
173
|
fontWeight: tokens.font.weightMedium,
|
|
133
174
|
color: tokens.color.slate800,
|
|
175
|
+
userSelect: 'none',
|
|
134
176
|
...style
|
|
135
177
|
}, children: [_jsxs("div", { style: { position: 'relative', display: 'flex', alignItems: 'center' }, children: [_jsx("input", { type: "checkbox", checked: checked, style: {
|
|
136
178
|
appearance: 'none',
|
|
137
179
|
width: '20px',
|
|
138
180
|
height: '20px',
|
|
139
181
|
borderRadius: '6px',
|
|
140
|
-
border: `
|
|
182
|
+
border: `2px solid ${checked ? tokens.color.primary : tokens.color.slate200}`,
|
|
141
183
|
backgroundColor: checked ? tokens.color.primary : 'transparent',
|
|
142
184
|
cursor: 'pointer',
|
|
143
185
|
transition: tokens.transition.fast,
|
|
186
|
+
boxShadow: checked ? `0 2px 4px ${tokens.color.primary}33` : 'none',
|
|
144
187
|
}, ...props }), checked && (_jsx("svg", { style: {
|
|
145
188
|
position: 'absolute',
|
|
146
189
|
left: '3px',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputComponents.js","sourceRoot":"","sources":["../../../src/components/InputComponents.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,UAAU,GAAwB;IACtC,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;IACxB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY;IACpC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;IAC7B,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,gBAAgB,GAAwB;IAC5C,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,cAAc;IACtC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;IAC5B,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,QAAQ;IACvB,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,cAAc,GAAwB;IAC1C,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;IACpD,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;IACxB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;IAC9B,MAAM,EAAE,aAAa,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;IAC5C,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;IACnC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;IAC5B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;IAClC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;IAC9B,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY;
|
|
1
|
+
{"version":3,"file":"InputComponents.js","sourceRoot":"","sources":["../../../src/components/InputComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,35 +19,29 @@ export interface TableProps<T = any> {
|
|
|
19
19
|
emptyText?: React.ReactNode;
|
|
20
20
|
}
|
|
21
21
|
export declare const Table: <T extends Record<string, any>>({ columns, data, onRowClick, className, style, headerStyle, rowStyle, emptyText, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export interface TableContainerProps {
|
|
22
|
+
export interface TableContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
23
23
|
children: React.ReactNode;
|
|
24
|
-
className?: string;
|
|
25
|
-
style?: React.CSSProperties;
|
|
26
24
|
}
|
|
27
25
|
export declare const TableContainer: React.FC<TableContainerProps>;
|
|
28
|
-
export interface THeadProps {
|
|
26
|
+
export interface THeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
29
27
|
children: React.ReactNode;
|
|
30
28
|
}
|
|
31
29
|
export declare const THead: React.FC<THeadProps>;
|
|
32
|
-
export interface TBodyProps {
|
|
30
|
+
export interface TBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
33
31
|
children: React.ReactNode;
|
|
34
32
|
}
|
|
35
33
|
export declare const TBody: React.FC<TBodyProps>;
|
|
36
|
-
export interface TRProps {
|
|
34
|
+
export interface TRProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
37
35
|
children: React.ReactNode;
|
|
38
|
-
onClick?: React.MouseEventHandler<HTMLTableRowElement>;
|
|
39
36
|
active?: boolean;
|
|
40
37
|
header?: boolean;
|
|
41
|
-
style?: React.CSSProperties;
|
|
42
38
|
}
|
|
43
39
|
export declare const TR: React.FC<TRProps>;
|
|
44
|
-
export interface THProps {
|
|
40
|
+
export interface THProps extends React.ThHTMLAttributes<HTMLTableHeaderCellElement> {
|
|
45
41
|
children?: React.ReactNode;
|
|
46
|
-
style?: React.CSSProperties;
|
|
47
42
|
}
|
|
48
43
|
export declare const TH: React.FC<THProps>;
|
|
49
|
-
export interface TDProps {
|
|
44
|
+
export interface TDProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
50
45
|
children?: React.ReactNode;
|
|
51
|
-
style?: React.CSSProperties;
|
|
52
46
|
}
|
|
53
47
|
export declare const TD: React.FC<TDProps>;
|
|
@@ -11,9 +11,14 @@ export const Table = ({ columns, data, onRowClick, className = '', style = {}, h
|
|
|
11
11
|
...col.cellStyle,
|
|
12
12
|
}, children: col.render
|
|
13
13
|
? col.render(record[col.key], record, rowIndex)
|
|
14
|
-
: record[col.key] }, col.key.toString()))) }, record.id || record.key || rowIndex)))) : (_jsx(TR, { children: _jsxs(TD, {
|
|
14
|
+
: record[col.key] }, col.key.toString()))) }, record.id || record.key || rowIndex)))) : (_jsx(TR, { children: _jsxs(TD, { colSpan: columns.length, style: {
|
|
15
|
+
textAlign: 'center',
|
|
16
|
+
padding: tokens.spacing[12],
|
|
17
|
+
color: tokens.color.slate400,
|
|
18
|
+
fontStyle: 'italic',
|
|
19
|
+
}, children: [_jsx("div", { style: { fontSize: '2rem', marginBottom: tokens.spacing[4] }, children: "\uD83D\uDCE6" }), emptyText] }) })) })] }));
|
|
15
20
|
};
|
|
16
|
-
export const TableContainer = ({ children, className = '', style = {} }) => (_jsx("div", { style: {
|
|
21
|
+
export const TableContainer = ({ children, className = '', style = {}, ...props }) => (_jsx("div", { ...props, style: {
|
|
17
22
|
width: '100%',
|
|
18
23
|
overflowX: 'auto',
|
|
19
24
|
backgroundColor: tokens.color.white,
|
|
@@ -28,11 +33,12 @@ export const TableContainer = ({ children, className = '', style = {} }) => (_js
|
|
|
28
33
|
fontSize: tokens.font.sm,
|
|
29
34
|
fontFamily: tokens.font.family,
|
|
30
35
|
}, children: children }) }));
|
|
31
|
-
export const THead = ({ children }) => (_jsx("thead", { style: {
|
|
36
|
+
export const THead = ({ children, style = {}, ...props }) => (_jsx("thead", { ...props, style: {
|
|
32
37
|
backgroundColor: 'rgba(248, 250, 252, 0.5)', // Slate 50/50
|
|
38
|
+
...style,
|
|
33
39
|
}, children: children }));
|
|
34
|
-
export const TBody = ({ children }) => (_jsx("tbody", { style: { backgroundColor: tokens.color.white }, children: children }));
|
|
35
|
-
export const TR = ({ children, onClick, active = false, header = false, style = {} }) => (_jsx("tr", { onClick: onClick, style: {
|
|
40
|
+
export const TBody = ({ children, style = {}, ...props }) => (_jsx("tbody", { ...props, style: { backgroundColor: tokens.color.white, ...style }, children: children }));
|
|
41
|
+
export const TR = ({ children, onClick, active = false, header = false, style = {}, ...props }) => (_jsx("tr", { ...props, onClick: onClick, style: {
|
|
36
42
|
borderBottom: `1px solid ${tokens.color.slate50}`,
|
|
37
43
|
backgroundColor: active ? tokens.color.primaryLight : 'transparent',
|
|
38
44
|
transition: tokens.transition.fast,
|
|
@@ -49,7 +55,7 @@ export const TR = ({ children, onClick, active = false, header = false, style =
|
|
|
49
55
|
: 'transparent';
|
|
50
56
|
}
|
|
51
57
|
: undefined, children: children }));
|
|
52
|
-
export const TH = ({ children, style = {} }) => (_jsx("th", { style: {
|
|
58
|
+
export const TH = ({ children, style = {}, ...props }) => (_jsx("th", { ...props, style: {
|
|
53
59
|
padding: `${tokens.spacing[5]} ${tokens.spacing[6]}`,
|
|
54
60
|
fontWeight: tokens.font.weightBold,
|
|
55
61
|
color: tokens.color.slate400,
|
|
@@ -58,7 +64,7 @@ export const TH = ({ children, style = {} }) => (_jsx("th", { style: {
|
|
|
58
64
|
fontSize: '11px',
|
|
59
65
|
...style,
|
|
60
66
|
}, children: children }));
|
|
61
|
-
export const TD = ({ children, style = {} }) => (_jsx("td", { style: {
|
|
67
|
+
export const TD = ({ children, style = {}, ...props }) => (_jsx("td", { ...props, style: {
|
|
62
68
|
padding: `${tokens.spacing[6]} ${tokens.spacing[6]}`,
|
|
63
69
|
color: tokens.color.slate600,
|
|
64
70
|
verticalAlign: 'middle',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAuBnC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAgC,EACnD,OAAO,EACP,IAAI,EACJ,UAAU,EACV,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,kCAAkC,GAChC,EAAE,EAAE;IAClB,OAAO,CACL,MAAC,cAAc,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,aAChD,KAAC,KAAK,cACJ,KAAC,EAAE,IAAC,MAAM,kBACP,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,EAAE,IAED,KAAK,EAAE;4BACL,SAAS,EAAE,GAAG,CAAC,KAAK,IAAI,MAAM;4BAC9B,KAAK,EAAE,GAAG,CAAC,KAAK;4BAChB,GAAG,GAAG,CAAC,WAAW;4BAClB,GAAG,WAAW;yBACf,YAEA,GAAG,CAAC,KAAK,IARL,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,CASpB,CACN,CAAC,GACC,GACC,EACR,KAAC,KAAK,cACH,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC7B,KAAC,EAAE,IAED,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,EACpE,KAAK,EAAE,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,YAE5E,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,EAAE,IAED,KAAK,EAAE;4BACL,SAAS,EAAE,GAAG,CAAC,KAAK,IAAI,MAAM;4BAC9B,GAAG,GAAG,CAAC,SAAS;yBACjB,YAEA,GAAG,CAAC,MAAM;4BACT,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC;4BAC/C,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IARd,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,CASpB,CACN,CAAC,IAhBG,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,GAAG,IAAI,QAAQ,CAiBrC,CACN,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,EAAE,cACD,MAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export type { BadgeProps } from './components/Badge';
|
|
|
7
7
|
export { Card } from './components/Card';
|
|
8
8
|
export type { CardProps } from './components/Card';
|
|
9
9
|
export { Input, Textarea, Select, Checkbox } from './components/InputComponents';
|
|
10
|
+
export { DatePicker } from './components/DatePicker';
|
|
10
11
|
export type { InputProps, TextareaProps, SelectProps, CheckboxProps } from './components/InputComponents';
|
|
11
12
|
export { Heading, Text, SectionHeader } from './components/Typography';
|
|
12
13
|
export type { HeadingProps, TextProps, SectionHeaderProps } from './components/Typography';
|
package/dist/src/index.js
CHANGED
|
@@ -4,6 +4,7 @@ export { ConfirmModal } from './components/ConfirmModal';
|
|
|
4
4
|
export { Badge } from './components/Badge';
|
|
5
5
|
export { Card } from './components/Card';
|
|
6
6
|
export { Input, Textarea, Select, Checkbox } from './components/InputComponents';
|
|
7
|
+
export { DatePicker } from './components/DatePicker';
|
|
7
8
|
export { Heading, Text, SectionHeader } from './components/Typography';
|
|
8
9
|
export { LoadingSpinner } from './components/LoadingSpinner';
|
|
9
10
|
export { ReadOnlyField } from './components/ReadOnlyField';
|
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAGrF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|