@tipp/ui 1.4.4 → 1.4.6
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/atoms/field-error-wrapper.js +2 -2
- package/dist/atoms/index.js +33 -33
- package/dist/atoms/pagination.js +2 -2
- package/dist/chunk-5WNNMYOQ.js +60 -0
- package/dist/chunk-5WNNMYOQ.js.map +1 -0
- package/dist/chunk-CJUJJZ65.js +190 -0
- package/dist/chunk-CJUJJZ65.js.map +1 -0
- package/dist/chunk-CNDTBMHW.js +190 -0
- package/dist/chunk-CNDTBMHW.js.map +1 -0
- package/dist/chunk-EJEC7LUT.js +340 -0
- package/dist/chunk-EJEC7LUT.js.map +1 -0
- package/dist/chunk-JDIFYPON.js +164 -0
- package/dist/chunk-JDIFYPON.js.map +1 -0
- package/dist/chunk-KREQU6YT.js +128 -0
- package/dist/chunk-KREQU6YT.js.map +1 -0
- package/dist/chunk-SOMDO7V4.js +80 -0
- package/dist/chunk-SOMDO7V4.js.map +1 -0
- package/dist/chunk-UMBXBCZR.js +190 -0
- package/dist/chunk-UMBXBCZR.js.map +1 -0
- package/dist/index.cjs +8 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +72 -72
- package/dist/molecules/date-picker/index.js +2 -2
- package/dist/molecules/expand-table/index.cjs +8 -4
- package/dist/molecules/expand-table/index.cjs.map +1 -1
- package/dist/molecules/expand-table/index.d.cts +1 -1
- package/dist/molecules/expand-table/index.d.ts +1 -1
- package/dist/molecules/expand-table/index.js +19 -19
- package/dist/molecules/expand-table/row.cjs +18 -2
- package/dist/molecules/expand-table/row.cjs.map +1 -1
- package/dist/molecules/expand-table/row.d.cts +1 -0
- package/dist/molecules/expand-table/row.d.ts +1 -0
- package/dist/molecules/expand-table/row.js +16 -16
- package/dist/molecules/index.cjs +8 -4
- package/dist/molecules/index.cjs.map +1 -1
- package/dist/molecules/index.js +27 -27
- package/dist/molecules/learning-post.js +4 -4
- package/dist/molecules/navigation.js +16 -16
- package/dist/molecules/stepper.js +3 -3
- package/dist/molecules/tag-selector.js +16 -16
- package/package.json +1 -1
- package/src/molecules/expand-table/index.tsx +6 -2
- package/src/molecules/expand-table/row.tsx +6 -2
package/dist/molecules/index.js
CHANGED
|
@@ -1,87 +1,87 @@
|
|
|
1
1
|
import "../chunk-6ZAP2Q6K.js";
|
|
2
|
+
import {
|
|
3
|
+
TagSelector
|
|
4
|
+
} from "../chunk-MKYNSWMI.js";
|
|
2
5
|
import {
|
|
3
6
|
DatePicker
|
|
4
|
-
} from "../chunk-
|
|
7
|
+
} from "../chunk-4AACT3BJ.js";
|
|
5
8
|
import {
|
|
6
9
|
ExpandTable,
|
|
7
10
|
createColumnHelper
|
|
8
|
-
} from "../chunk-
|
|
9
|
-
import "../chunk-
|
|
11
|
+
} from "../chunk-CNDTBMHW.js";
|
|
12
|
+
import "../chunk-SOMDO7V4.js";
|
|
10
13
|
import {
|
|
11
14
|
DotNavigation
|
|
12
15
|
} from "../chunk-EDTEVEJW.js";
|
|
13
16
|
import {
|
|
14
17
|
LearningPost
|
|
15
|
-
} from "../chunk-
|
|
18
|
+
} from "../chunk-GTRSAGDQ.js";
|
|
19
|
+
import "../chunk-BVNXAZ4W.js";
|
|
16
20
|
import {
|
|
17
21
|
Navigation
|
|
18
|
-
} from "../chunk-
|
|
22
|
+
} from "../chunk-PPO64OK7.js";
|
|
19
23
|
import {
|
|
20
24
|
Stepper
|
|
21
|
-
} from "../chunk-
|
|
22
|
-
import {
|
|
23
|
-
TagSelector
|
|
24
|
-
} from "../chunk-P7633BEQ.js";
|
|
25
|
-
import "../chunk-BVNXAZ4W.js";
|
|
26
|
-
import "../chunk-BSTJBBEX.js";
|
|
27
|
-
import "../chunk-NDUKDKGB.js";
|
|
25
|
+
} from "../chunk-PF5CPG6R.js";
|
|
28
26
|
import "../chunk-76JGDATZ.js";
|
|
29
|
-
import "../chunk-FR2GDOU2.js";
|
|
30
|
-
import "../chunk-74DX4CU7.js";
|
|
31
27
|
import "../chunk-OYM4XCHQ.js";
|
|
32
28
|
import "../chunk-YJ7ZFOYL.js";
|
|
33
29
|
import "../chunk-5ZITU5L7.js";
|
|
34
30
|
import "../chunk-ILRUXI2E.js";
|
|
35
31
|
import "../chunk-JPIZP2PZ.js";
|
|
36
32
|
import "../chunk-CYYWMYE7.js";
|
|
37
|
-
import "../chunk-6DJOIRMF.js";
|
|
38
|
-
import "../chunk-FPD73OHW.js";
|
|
39
33
|
import "../chunk-ZKZDVS7G.js";
|
|
40
34
|
import "../chunk-MUNMDHRF.js";
|
|
41
35
|
import "../chunk-TVDKGMBI.js";
|
|
42
36
|
import "../chunk-3JRNKBMN.js";
|
|
43
37
|
import "../chunk-HYITAA4J.js";
|
|
44
38
|
import "../chunk-5H3YPCZK.js";
|
|
45
|
-
import "../chunk-
|
|
46
|
-
import "../chunk-
|
|
39
|
+
import "../chunk-FR2GDOU2.js";
|
|
40
|
+
import "../chunk-74DX4CU7.js";
|
|
47
41
|
import "../chunk-SIM6HKVI.js";
|
|
48
|
-
import "../chunk-
|
|
42
|
+
import "../chunk-IM7DSIK2.js";
|
|
49
43
|
import "../chunk-5AVBYDPB.js";
|
|
50
44
|
import "../chunk-365QMK4D.js";
|
|
51
45
|
import "../chunk-YO3BQW6S.js";
|
|
52
46
|
import "../chunk-6IVCARWS.js";
|
|
53
|
-
import "../chunk-
|
|
54
|
-
import "../chunk-
|
|
47
|
+
import "../chunk-6DJOIRMF.js";
|
|
48
|
+
import "../chunk-FPD73OHW.js";
|
|
55
49
|
import "../chunk-2CVXGGI5.js";
|
|
56
50
|
import "../chunk-EGEQY3KT.js";
|
|
57
51
|
import "../chunk-HK224ADT.js";
|
|
58
52
|
import "../chunk-O3T3TM3V.js";
|
|
59
53
|
import "../chunk-O3DNDMV3.js";
|
|
60
|
-
import "../chunk-
|
|
61
|
-
import "../chunk-
|
|
54
|
+
import "../chunk-XQOL7UBI.js";
|
|
55
|
+
import "../chunk-TULWX7D6.js";
|
|
62
56
|
import "../chunk-VTJZMOSP.js";
|
|
63
57
|
import "../chunk-6AJTMXLJ.js";
|
|
64
58
|
import "../chunk-3IZQ2PIQ.js";
|
|
65
59
|
import "../chunk-4WFMOFN2.js";
|
|
66
60
|
import "../chunk-WKFZ5MMN.js";
|
|
67
61
|
import "../chunk-ACVANQJ4.js";
|
|
68
|
-
import "../chunk-52MVZ6AN.js";
|
|
69
62
|
import "../chunk-2DZ2Y3JI.js";
|
|
70
|
-
import "../chunk-
|
|
71
|
-
import "../chunk-
|
|
63
|
+
import "../chunk-QDZS4B6A.js";
|
|
64
|
+
import "../chunk-52MVZ6AN.js";
|
|
65
|
+
import "../chunk-25HMMI7R.js";
|
|
72
66
|
import "../chunk-B6XJN6EC.js";
|
|
73
67
|
import "../chunk-UVKNLJDZ.js";
|
|
74
68
|
import "../chunk-MIMJ7LON.js";
|
|
75
69
|
import "../chunk-IQEEPHOY.js";
|
|
76
70
|
import "../chunk-LHCDPZ5E.js";
|
|
77
71
|
import "../chunk-OHMOP5PV.js";
|
|
78
|
-
import "../chunk-
|
|
72
|
+
import "../chunk-LZJR77Q2.js";
|
|
73
|
+
import "../chunk-Q37G2GS6.js";
|
|
79
74
|
import "../chunk-J242TTFH.js";
|
|
80
75
|
import "../chunk-EAXUQEO5.js";
|
|
81
76
|
import "../chunk-YJCCE5WP.js";
|
|
82
77
|
import "../chunk-3SSSCLJ5.js";
|
|
83
78
|
import "../chunk-EWD4AO5N.js";
|
|
84
79
|
import "../chunk-YGL6SWKN.js";
|
|
80
|
+
import "../chunk-4Y5BEXVN.js";
|
|
81
|
+
import "../chunk-P3YCIJUP.js";
|
|
82
|
+
import "../chunk-66C4U3BG.js";
|
|
83
|
+
import "../chunk-BSTJBBEX.js";
|
|
84
|
+
import "../chunk-NDUKDKGB.js";
|
|
85
85
|
import "../chunk-N552FDTV.js";
|
|
86
86
|
export {
|
|
87
87
|
DatePicker,
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
LearningPost
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-GTRSAGDQ.js";
|
|
4
4
|
import "../chunk-BVNXAZ4W.js";
|
|
5
|
-
import "../chunk-25HMMI7R.js";
|
|
6
5
|
import "../chunk-EGEQY3KT.js";
|
|
7
6
|
import "../chunk-HK224ADT.js";
|
|
8
7
|
import "../chunk-52MVZ6AN.js";
|
|
9
|
-
import "../chunk-
|
|
10
|
-
import "../chunk-P3YCIJUP.js";
|
|
8
|
+
import "../chunk-25HMMI7R.js";
|
|
11
9
|
import "../chunk-EAXUQEO5.js";
|
|
12
10
|
import "../chunk-EWD4AO5N.js";
|
|
11
|
+
import "../chunk-4Y5BEXVN.js";
|
|
12
|
+
import "../chunk-P3YCIJUP.js";
|
|
13
13
|
import "../chunk-N552FDTV.js";
|
|
14
14
|
export {
|
|
15
15
|
LearningPost
|
|
@@ -1,63 +1,63 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Navigation
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-PPO64OK7.js";
|
|
4
4
|
import "../chunk-76JGDATZ.js";
|
|
5
|
-
import "../chunk-FR2GDOU2.js";
|
|
6
|
-
import "../chunk-74DX4CU7.js";
|
|
7
5
|
import "../chunk-OYM4XCHQ.js";
|
|
8
6
|
import "../chunk-YJ7ZFOYL.js";
|
|
9
7
|
import "../chunk-5ZITU5L7.js";
|
|
10
8
|
import "../chunk-ILRUXI2E.js";
|
|
11
9
|
import "../chunk-JPIZP2PZ.js";
|
|
12
10
|
import "../chunk-CYYWMYE7.js";
|
|
13
|
-
import "../chunk-6DJOIRMF.js";
|
|
14
|
-
import "../chunk-FPD73OHW.js";
|
|
15
11
|
import "../chunk-ZKZDVS7G.js";
|
|
16
12
|
import "../chunk-MUNMDHRF.js";
|
|
17
13
|
import "../chunk-TVDKGMBI.js";
|
|
18
14
|
import "../chunk-3JRNKBMN.js";
|
|
19
15
|
import "../chunk-HYITAA4J.js";
|
|
20
16
|
import "../chunk-5H3YPCZK.js";
|
|
21
|
-
import "../chunk-
|
|
22
|
-
import "../chunk-
|
|
17
|
+
import "../chunk-FR2GDOU2.js";
|
|
18
|
+
import "../chunk-74DX4CU7.js";
|
|
23
19
|
import "../chunk-SIM6HKVI.js";
|
|
24
|
-
import "../chunk-
|
|
20
|
+
import "../chunk-IM7DSIK2.js";
|
|
25
21
|
import "../chunk-5AVBYDPB.js";
|
|
26
22
|
import "../chunk-365QMK4D.js";
|
|
27
23
|
import "../chunk-YO3BQW6S.js";
|
|
28
24
|
import "../chunk-6IVCARWS.js";
|
|
29
|
-
import "../chunk-
|
|
30
|
-
import "../chunk-
|
|
25
|
+
import "../chunk-6DJOIRMF.js";
|
|
26
|
+
import "../chunk-FPD73OHW.js";
|
|
31
27
|
import "../chunk-2CVXGGI5.js";
|
|
32
28
|
import "../chunk-EGEQY3KT.js";
|
|
33
29
|
import "../chunk-HK224ADT.js";
|
|
34
30
|
import "../chunk-O3T3TM3V.js";
|
|
35
31
|
import "../chunk-O3DNDMV3.js";
|
|
36
|
-
import "../chunk-
|
|
37
|
-
import "../chunk-
|
|
32
|
+
import "../chunk-XQOL7UBI.js";
|
|
33
|
+
import "../chunk-TULWX7D6.js";
|
|
38
34
|
import "../chunk-VTJZMOSP.js";
|
|
39
35
|
import "../chunk-6AJTMXLJ.js";
|
|
40
36
|
import "../chunk-3IZQ2PIQ.js";
|
|
41
37
|
import "../chunk-4WFMOFN2.js";
|
|
42
38
|
import "../chunk-WKFZ5MMN.js";
|
|
43
39
|
import "../chunk-ACVANQJ4.js";
|
|
44
|
-
import "../chunk-52MVZ6AN.js";
|
|
45
40
|
import "../chunk-2DZ2Y3JI.js";
|
|
46
|
-
import "../chunk-
|
|
47
|
-
import "../chunk-
|
|
41
|
+
import "../chunk-QDZS4B6A.js";
|
|
42
|
+
import "../chunk-52MVZ6AN.js";
|
|
43
|
+
import "../chunk-25HMMI7R.js";
|
|
48
44
|
import "../chunk-B6XJN6EC.js";
|
|
49
45
|
import "../chunk-UVKNLJDZ.js";
|
|
50
46
|
import "../chunk-MIMJ7LON.js";
|
|
51
47
|
import "../chunk-IQEEPHOY.js";
|
|
52
48
|
import "../chunk-LHCDPZ5E.js";
|
|
53
49
|
import "../chunk-OHMOP5PV.js";
|
|
54
|
-
import "../chunk-
|
|
50
|
+
import "../chunk-LZJR77Q2.js";
|
|
51
|
+
import "../chunk-Q37G2GS6.js";
|
|
55
52
|
import "../chunk-J242TTFH.js";
|
|
56
53
|
import "../chunk-EAXUQEO5.js";
|
|
57
54
|
import "../chunk-YJCCE5WP.js";
|
|
58
55
|
import "../chunk-3SSSCLJ5.js";
|
|
59
56
|
import "../chunk-EWD4AO5N.js";
|
|
60
57
|
import "../chunk-YGL6SWKN.js";
|
|
58
|
+
import "../chunk-4Y5BEXVN.js";
|
|
59
|
+
import "../chunk-P3YCIJUP.js";
|
|
60
|
+
import "../chunk-66C4U3BG.js";
|
|
61
61
|
import "../chunk-N552FDTV.js";
|
|
62
62
|
export {
|
|
63
63
|
Navigation
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Stepper
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-25HMMI7R.js";
|
|
3
|
+
} from "../chunk-PF5CPG6R.js";
|
|
5
4
|
import "../chunk-52MVZ6AN.js";
|
|
6
|
-
import "../chunk-
|
|
5
|
+
import "../chunk-25HMMI7R.js";
|
|
7
6
|
import "../chunk-3SSSCLJ5.js";
|
|
7
|
+
import "../chunk-66C4U3BG.js";
|
|
8
8
|
import "../chunk-N552FDTV.js";
|
|
9
9
|
export {
|
|
10
10
|
Stepper
|
|
@@ -1,63 +1,63 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TagSelector
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-MKYNSWMI.js";
|
|
4
4
|
import "../chunk-76JGDATZ.js";
|
|
5
|
-
import "../chunk-FR2GDOU2.js";
|
|
6
|
-
import "../chunk-74DX4CU7.js";
|
|
7
5
|
import "../chunk-OYM4XCHQ.js";
|
|
8
6
|
import "../chunk-YJ7ZFOYL.js";
|
|
9
7
|
import "../chunk-5ZITU5L7.js";
|
|
10
8
|
import "../chunk-ILRUXI2E.js";
|
|
11
9
|
import "../chunk-JPIZP2PZ.js";
|
|
12
10
|
import "../chunk-CYYWMYE7.js";
|
|
13
|
-
import "../chunk-6DJOIRMF.js";
|
|
14
|
-
import "../chunk-FPD73OHW.js";
|
|
15
11
|
import "../chunk-ZKZDVS7G.js";
|
|
16
12
|
import "../chunk-MUNMDHRF.js";
|
|
17
13
|
import "../chunk-TVDKGMBI.js";
|
|
18
14
|
import "../chunk-3JRNKBMN.js";
|
|
19
15
|
import "../chunk-HYITAA4J.js";
|
|
20
16
|
import "../chunk-5H3YPCZK.js";
|
|
21
|
-
import "../chunk-
|
|
22
|
-
import "../chunk-
|
|
17
|
+
import "../chunk-FR2GDOU2.js";
|
|
18
|
+
import "../chunk-74DX4CU7.js";
|
|
23
19
|
import "../chunk-SIM6HKVI.js";
|
|
24
|
-
import "../chunk-
|
|
20
|
+
import "../chunk-IM7DSIK2.js";
|
|
25
21
|
import "../chunk-5AVBYDPB.js";
|
|
26
22
|
import "../chunk-365QMK4D.js";
|
|
27
23
|
import "../chunk-YO3BQW6S.js";
|
|
28
24
|
import "../chunk-6IVCARWS.js";
|
|
29
|
-
import "../chunk-
|
|
30
|
-
import "../chunk-
|
|
25
|
+
import "../chunk-6DJOIRMF.js";
|
|
26
|
+
import "../chunk-FPD73OHW.js";
|
|
31
27
|
import "../chunk-2CVXGGI5.js";
|
|
32
28
|
import "../chunk-EGEQY3KT.js";
|
|
33
29
|
import "../chunk-HK224ADT.js";
|
|
34
30
|
import "../chunk-O3T3TM3V.js";
|
|
35
31
|
import "../chunk-O3DNDMV3.js";
|
|
36
|
-
import "../chunk-
|
|
37
|
-
import "../chunk-
|
|
32
|
+
import "../chunk-XQOL7UBI.js";
|
|
33
|
+
import "../chunk-TULWX7D6.js";
|
|
38
34
|
import "../chunk-VTJZMOSP.js";
|
|
39
35
|
import "../chunk-6AJTMXLJ.js";
|
|
40
36
|
import "../chunk-3IZQ2PIQ.js";
|
|
41
37
|
import "../chunk-4WFMOFN2.js";
|
|
42
38
|
import "../chunk-WKFZ5MMN.js";
|
|
43
39
|
import "../chunk-ACVANQJ4.js";
|
|
44
|
-
import "../chunk-52MVZ6AN.js";
|
|
45
40
|
import "../chunk-2DZ2Y3JI.js";
|
|
46
|
-
import "../chunk-
|
|
47
|
-
import "../chunk-
|
|
41
|
+
import "../chunk-QDZS4B6A.js";
|
|
42
|
+
import "../chunk-52MVZ6AN.js";
|
|
43
|
+
import "../chunk-25HMMI7R.js";
|
|
48
44
|
import "../chunk-B6XJN6EC.js";
|
|
49
45
|
import "../chunk-UVKNLJDZ.js";
|
|
50
46
|
import "../chunk-MIMJ7LON.js";
|
|
51
47
|
import "../chunk-IQEEPHOY.js";
|
|
52
48
|
import "../chunk-LHCDPZ5E.js";
|
|
53
49
|
import "../chunk-OHMOP5PV.js";
|
|
54
|
-
import "../chunk-
|
|
50
|
+
import "../chunk-LZJR77Q2.js";
|
|
51
|
+
import "../chunk-Q37G2GS6.js";
|
|
55
52
|
import "../chunk-J242TTFH.js";
|
|
56
53
|
import "../chunk-EAXUQEO5.js";
|
|
57
54
|
import "../chunk-YJCCE5WP.js";
|
|
58
55
|
import "../chunk-3SSSCLJ5.js";
|
|
59
56
|
import "../chunk-EWD4AO5N.js";
|
|
60
57
|
import "../chunk-YGL6SWKN.js";
|
|
58
|
+
import "../chunk-4Y5BEXVN.js";
|
|
59
|
+
import "../chunk-P3YCIJUP.js";
|
|
60
|
+
import "../chunk-66C4U3BG.js";
|
|
61
61
|
import "../chunk-N552FDTV.js";
|
|
62
62
|
export {
|
|
63
63
|
TagSelector
|
package/package.json
CHANGED
|
@@ -34,7 +34,7 @@ export interface ExpandTableProps<Datum extends RowData> {
|
|
|
34
34
|
placeholder?: React.ReactNode;
|
|
35
35
|
/** 행 클릭 시 실행할 콜백 */
|
|
36
36
|
onRowClick?: OnRowClick<Datum>;
|
|
37
|
-
|
|
37
|
+
getRowStyle?: (data: Datum) => CSSProperties;
|
|
38
38
|
tableStyle?: CSSProperties;
|
|
39
39
|
isLoading?: boolean;
|
|
40
40
|
|
|
@@ -63,6 +63,7 @@ export function ExpandTable<Datum extends RowData>(
|
|
|
63
63
|
pageIndex = 0,
|
|
64
64
|
pageSize = 10,
|
|
65
65
|
siblingCount = 2,
|
|
66
|
+
getRowStyle,
|
|
66
67
|
} = props;
|
|
67
68
|
const defaultAlign = 'left';
|
|
68
69
|
const [pagination, setPagination] = useState<PaginationState>({
|
|
@@ -160,7 +161,9 @@ export function ExpandTable<Datum extends RowData>(
|
|
|
160
161
|
<div className={`${justifyContent} th`} key={header.id}>
|
|
161
162
|
<button
|
|
162
163
|
onClick={header.column.getToggleSortingHandler()}
|
|
163
|
-
style={
|
|
164
|
+
style={
|
|
165
|
+
sortable ? { cursor: 'pointer' } : { cursor: 'default' }
|
|
166
|
+
}
|
|
164
167
|
type="button"
|
|
165
168
|
>
|
|
166
169
|
<Typo variant="body">
|
|
@@ -205,6 +208,7 @@ export function ExpandTable<Datum extends RowData>(
|
|
|
205
208
|
<Row
|
|
206
209
|
ExpandComp={ExpandComp}
|
|
207
210
|
defaultAlign={defaultAlign}
|
|
211
|
+
getRowStyle={getRowStyle}
|
|
208
212
|
gridColTemp={gridColTemp}
|
|
209
213
|
key={`row_${row.id}`}
|
|
210
214
|
onRowClick={onRowClick}
|
|
@@ -15,13 +15,14 @@ interface RowProps<Datum extends RowData> {
|
|
|
15
15
|
ExpandComp?: ExpandComp<Datum>;
|
|
16
16
|
onRowClick?: OnRowClick<Datum>;
|
|
17
17
|
gridColTemp: string;
|
|
18
|
+
getRowStyle?: (data: Datum) => React.CSSProperties;
|
|
18
19
|
defaultAlign: CellAlign;
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
export function Row<Datum extends RowData>(
|
|
22
23
|
props: RowProps<Datum>
|
|
23
24
|
): React.ReactNode {
|
|
24
|
-
const { row, ExpandComp, gridColTemp } = props;
|
|
25
|
+
const { row, ExpandComp, gridColTemp, getRowStyle } = props;
|
|
25
26
|
const [open, setOpen] = useState(false);
|
|
26
27
|
|
|
27
28
|
const onClickRow = useCallback(() => {
|
|
@@ -46,7 +47,10 @@ export function Row<Datum extends RowData>(
|
|
|
46
47
|
className="tr"
|
|
47
48
|
key={`tr_${row.id}`}
|
|
48
49
|
onClick={onClickRow}
|
|
49
|
-
style={{
|
|
50
|
+
style={{
|
|
51
|
+
gridTemplateColumns: gridColTemp,
|
|
52
|
+
...(getRowStyle?.(row.original) || {}),
|
|
53
|
+
}}
|
|
50
54
|
type="button"
|
|
51
55
|
>
|
|
52
56
|
{row.getVisibleCells().map((cell) => {
|