@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.
Files changed (45) hide show
  1. package/dist/atoms/field-error-wrapper.js +2 -2
  2. package/dist/atoms/index.js +33 -33
  3. package/dist/atoms/pagination.js +2 -2
  4. package/dist/chunk-5WNNMYOQ.js +60 -0
  5. package/dist/chunk-5WNNMYOQ.js.map +1 -0
  6. package/dist/chunk-CJUJJZ65.js +190 -0
  7. package/dist/chunk-CJUJJZ65.js.map +1 -0
  8. package/dist/chunk-CNDTBMHW.js +190 -0
  9. package/dist/chunk-CNDTBMHW.js.map +1 -0
  10. package/dist/chunk-EJEC7LUT.js +340 -0
  11. package/dist/chunk-EJEC7LUT.js.map +1 -0
  12. package/dist/chunk-JDIFYPON.js +164 -0
  13. package/dist/chunk-JDIFYPON.js.map +1 -0
  14. package/dist/chunk-KREQU6YT.js +128 -0
  15. package/dist/chunk-KREQU6YT.js.map +1 -0
  16. package/dist/chunk-SOMDO7V4.js +80 -0
  17. package/dist/chunk-SOMDO7V4.js.map +1 -0
  18. package/dist/chunk-UMBXBCZR.js +190 -0
  19. package/dist/chunk-UMBXBCZR.js.map +1 -0
  20. package/dist/index.cjs +8 -4
  21. package/dist/index.cjs.map +1 -1
  22. package/dist/index.css +1 -0
  23. package/dist/index.css.map +1 -1
  24. package/dist/index.js +72 -72
  25. package/dist/molecules/date-picker/index.js +2 -2
  26. package/dist/molecules/expand-table/index.cjs +8 -4
  27. package/dist/molecules/expand-table/index.cjs.map +1 -1
  28. package/dist/molecules/expand-table/index.d.cts +1 -1
  29. package/dist/molecules/expand-table/index.d.ts +1 -1
  30. package/dist/molecules/expand-table/index.js +19 -19
  31. package/dist/molecules/expand-table/row.cjs +18 -2
  32. package/dist/molecules/expand-table/row.cjs.map +1 -1
  33. package/dist/molecules/expand-table/row.d.cts +1 -0
  34. package/dist/molecules/expand-table/row.d.ts +1 -0
  35. package/dist/molecules/expand-table/row.js +16 -16
  36. package/dist/molecules/index.cjs +8 -4
  37. package/dist/molecules/index.cjs.map +1 -1
  38. package/dist/molecules/index.js +27 -27
  39. package/dist/molecules/learning-post.js +4 -4
  40. package/dist/molecules/navigation.js +16 -16
  41. package/dist/molecules/stepper.js +3 -3
  42. package/dist/molecules/tag-selector.js +16 -16
  43. package/package.json +1 -1
  44. package/src/molecules/expand-table/index.tsx +6 -2
  45. package/src/molecules/expand-table/row.tsx +6 -2
@@ -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-C3YMRWG2.js";
7
+ } from "../chunk-4AACT3BJ.js";
5
8
  import {
6
9
  ExpandTable,
7
10
  createColumnHelper
8
- } from "../chunk-YQJGVOUT.js";
9
- import "../chunk-X5FVSTHW.js";
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-XGPMAJED.js";
18
+ } from "../chunk-GTRSAGDQ.js";
19
+ import "../chunk-BVNXAZ4W.js";
16
20
  import {
17
21
  Navigation
18
- } from "../chunk-VSGK4POC.js";
22
+ } from "../chunk-PPO64OK7.js";
19
23
  import {
20
24
  Stepper
21
- } from "../chunk-Y3L7BYDF.js";
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-XQOL7UBI.js";
46
- import "../chunk-TULWX7D6.js";
39
+ import "../chunk-FR2GDOU2.js";
40
+ import "../chunk-74DX4CU7.js";
47
41
  import "../chunk-SIM6HKVI.js";
48
- import "../chunk-5X3BCQPR.js";
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-DJN2IEY6.js";
54
- import "../chunk-25HMMI7R.js";
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-LZJR77Q2.js";
61
- import "../chunk-Q37G2GS6.js";
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-4Y5BEXVN.js";
71
- import "../chunk-P3YCIJUP.js";
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-66C4U3BG.js";
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-XGPMAJED.js";
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-4Y5BEXVN.js";
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-VSGK4POC.js";
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-XQOL7UBI.js";
22
- import "../chunk-TULWX7D6.js";
17
+ import "../chunk-FR2GDOU2.js";
18
+ import "../chunk-74DX4CU7.js";
23
19
  import "../chunk-SIM6HKVI.js";
24
- import "../chunk-5X3BCQPR.js";
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-DJN2IEY6.js";
30
- import "../chunk-25HMMI7R.js";
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-LZJR77Q2.js";
37
- import "../chunk-Q37G2GS6.js";
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-4Y5BEXVN.js";
47
- import "../chunk-P3YCIJUP.js";
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-66C4U3BG.js";
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-Y3L7BYDF.js";
4
- import "../chunk-25HMMI7R.js";
3
+ } from "../chunk-PF5CPG6R.js";
5
4
  import "../chunk-52MVZ6AN.js";
6
- import "../chunk-66C4U3BG.js";
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-P7633BEQ.js";
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-XQOL7UBI.js";
22
- import "../chunk-TULWX7D6.js";
17
+ import "../chunk-FR2GDOU2.js";
18
+ import "../chunk-74DX4CU7.js";
23
19
  import "../chunk-SIM6HKVI.js";
24
- import "../chunk-5X3BCQPR.js";
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-DJN2IEY6.js";
30
- import "../chunk-25HMMI7R.js";
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-LZJR77Q2.js";
37
- import "../chunk-Q37G2GS6.js";
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-4Y5BEXVN.js";
47
- import "../chunk-P3YCIJUP.js";
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-66C4U3BG.js";
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "1.4.4",
3
+ "version": "1.4.6",
4
4
  "private": false,
5
5
  "sideEffects": false,
6
6
  "type": "module",
@@ -34,7 +34,7 @@ export interface ExpandTableProps<Datum extends RowData> {
34
34
  placeholder?: React.ReactNode;
35
35
  /** 행 클릭 시 실행할 콜백 */
36
36
  onRowClick?: OnRowClick<Datum>;
37
- rowStyle?: CSSProperties;
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={sortable ? { cursor: 'pointer' } : undefined}
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={{ gridTemplateColumns: gridColTemp }}
50
+ style={{
51
+ gridTemplateColumns: gridColTemp,
52
+ ...(getRowStyle?.(row.original) || {}),
53
+ }}
50
54
  type="button"
51
55
  >
52
56
  {row.getVisibleCells().map((cell) => {