@tipp/ui 1.4.6 → 1.4.8

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 (43) 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-3CUUEWNJ.js +97 -0
  5. package/dist/chunk-3CUUEWNJ.js.map +1 -0
  6. package/dist/chunk-4GIK4KLW.js +190 -0
  7. package/dist/chunk-4GIK4KLW.js.map +1 -0
  8. package/dist/chunk-6E3RZKWT.js +340 -0
  9. package/dist/chunk-6E3RZKWT.js.map +1 -0
  10. package/dist/chunk-PCWEW2UL.js +80 -0
  11. package/dist/chunk-PCWEW2UL.js.map +1 -0
  12. package/dist/chunk-QAG24J3T.js +128 -0
  13. package/dist/chunk-QAG24J3T.js.map +1 -0
  14. package/dist/chunk-T5CA7NEI.js +164 -0
  15. package/dist/chunk-T5CA7NEI.js.map +1 -0
  16. package/dist/chunk-VR6Y66LP.js +190 -0
  17. package/dist/chunk-VR6Y66LP.js.map +1 -0
  18. package/dist/chunk-ZQLHJD5Q.js +192 -0
  19. package/dist/chunk-ZQLHJD5Q.js.map +1 -0
  20. package/dist/index.cjs +11 -9
  21. package/dist/index.cjs.map +1 -1
  22. package/dist/index.js +66 -66
  23. package/dist/molecules/date-picker/index.js +2 -2
  24. package/dist/molecules/expand-table/index.cjs +11 -9
  25. package/dist/molecules/expand-table/index.cjs.map +1 -1
  26. package/dist/molecules/expand-table/index.d.cts +1 -0
  27. package/dist/molecules/expand-table/index.d.ts +1 -0
  28. package/dist/molecules/expand-table/index.js +19 -19
  29. package/dist/molecules/expand-table/row.cjs +4 -4
  30. package/dist/molecules/expand-table/row.cjs.map +1 -1
  31. package/dist/molecules/expand-table/row.d.cts +2 -1
  32. package/dist/molecules/expand-table/row.d.ts +2 -1
  33. package/dist/molecules/expand-table/row.js +16 -16
  34. package/dist/molecules/index.cjs +11 -9
  35. package/dist/molecules/index.cjs.map +1 -1
  36. package/dist/molecules/index.js +26 -26
  37. package/dist/molecules/learning-post.js +4 -4
  38. package/dist/molecules/navigation.js +16 -16
  39. package/dist/molecules/stepper.js +3 -3
  40. package/dist/molecules/tag-selector.js +16 -16
  41. package/package.json +1 -1
  42. package/src/molecules/expand-table/index.tsx +7 -4
  43. package/src/molecules/expand-table/row.tsx +6 -3
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";
5
2
  import {
6
3
  DatePicker
7
- } from "../chunk-4AACT3BJ.js";
4
+ } from "../chunk-C3YMRWG2.js";
8
5
  import {
9
6
  ExpandTable,
10
7
  createColumnHelper
11
- } from "../chunk-CNDTBMHW.js";
12
- import "../chunk-SOMDO7V4.js";
8
+ } from "../chunk-ZQLHJD5Q.js";
9
+ import "../chunk-PCWEW2UL.js";
13
10
  import {
14
11
  DotNavigation
15
12
  } from "../chunk-EDTEVEJW.js";
16
13
  import {
17
14
  LearningPost
18
- } from "../chunk-GTRSAGDQ.js";
15
+ } from "../chunk-XGPMAJED.js";
19
16
  import "../chunk-BVNXAZ4W.js";
20
17
  import {
21
18
  Navigation
22
- } from "../chunk-PPO64OK7.js";
19
+ } from "../chunk-VSGK4POC.js";
23
20
  import {
24
21
  Stepper
25
- } from "../chunk-PF5CPG6R.js";
22
+ } from "../chunk-Y3L7BYDF.js";
23
+ import {
24
+ TagSelector
25
+ } from "../chunk-P7633BEQ.js";
26
+ import "../chunk-BSTJBBEX.js";
27
+ import "../chunk-NDUKDKGB.js";
26
28
  import "../chunk-76JGDATZ.js";
29
+ import "../chunk-FR2GDOU2.js";
30
+ import "../chunk-74DX4CU7.js";
27
31
  import "../chunk-OYM4XCHQ.js";
28
32
  import "../chunk-YJ7ZFOYL.js";
29
33
  import "../chunk-5ZITU5L7.js";
30
34
  import "../chunk-ILRUXI2E.js";
31
35
  import "../chunk-JPIZP2PZ.js";
32
36
  import "../chunk-CYYWMYE7.js";
37
+ import "../chunk-6DJOIRMF.js";
38
+ import "../chunk-FPD73OHW.js";
33
39
  import "../chunk-ZKZDVS7G.js";
34
40
  import "../chunk-MUNMDHRF.js";
35
41
  import "../chunk-TVDKGMBI.js";
36
42
  import "../chunk-3JRNKBMN.js";
37
43
  import "../chunk-HYITAA4J.js";
38
44
  import "../chunk-5H3YPCZK.js";
39
- import "../chunk-FR2GDOU2.js";
40
- import "../chunk-74DX4CU7.js";
45
+ import "../chunk-XQOL7UBI.js";
46
+ import "../chunk-TULWX7D6.js";
41
47
  import "../chunk-SIM6HKVI.js";
42
- import "../chunk-IM7DSIK2.js";
48
+ import "../chunk-5X3BCQPR.js";
43
49
  import "../chunk-5AVBYDPB.js";
44
50
  import "../chunk-365QMK4D.js";
45
51
  import "../chunk-YO3BQW6S.js";
46
52
  import "../chunk-6IVCARWS.js";
47
- import "../chunk-6DJOIRMF.js";
48
- import "../chunk-FPD73OHW.js";
53
+ import "../chunk-DJN2IEY6.js";
54
+ import "../chunk-25HMMI7R.js";
49
55
  import "../chunk-2CVXGGI5.js";
50
56
  import "../chunk-EGEQY3KT.js";
51
57
  import "../chunk-HK224ADT.js";
52
58
  import "../chunk-O3T3TM3V.js";
53
59
  import "../chunk-O3DNDMV3.js";
54
- import "../chunk-XQOL7UBI.js";
55
- import "../chunk-TULWX7D6.js";
60
+ import "../chunk-LZJR77Q2.js";
61
+ import "../chunk-Q37G2GS6.js";
56
62
  import "../chunk-VTJZMOSP.js";
57
63
  import "../chunk-6AJTMXLJ.js";
58
64
  import "../chunk-3IZQ2PIQ.js";
59
65
  import "../chunk-4WFMOFN2.js";
60
66
  import "../chunk-WKFZ5MMN.js";
61
67
  import "../chunk-ACVANQJ4.js";
62
- import "../chunk-2DZ2Y3JI.js";
63
- import "../chunk-QDZS4B6A.js";
64
68
  import "../chunk-52MVZ6AN.js";
65
- import "../chunk-25HMMI7R.js";
69
+ import "../chunk-2DZ2Y3JI.js";
70
+ import "../chunk-4Y5BEXVN.js";
71
+ import "../chunk-P3YCIJUP.js";
66
72
  import "../chunk-B6XJN6EC.js";
67
73
  import "../chunk-UVKNLJDZ.js";
68
74
  import "../chunk-MIMJ7LON.js";
69
75
  import "../chunk-IQEEPHOY.js";
70
76
  import "../chunk-LHCDPZ5E.js";
71
77
  import "../chunk-OHMOP5PV.js";
72
- import "../chunk-LZJR77Q2.js";
73
- import "../chunk-Q37G2GS6.js";
78
+ import "../chunk-66C4U3BG.js";
74
79
  import "../chunk-J242TTFH.js";
75
80
  import "../chunk-EAXUQEO5.js";
76
81
  import "../chunk-YJCCE5WP.js";
77
82
  import "../chunk-3SSSCLJ5.js";
78
83
  import "../chunk-EWD4AO5N.js";
79
84
  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,
package/dist/molecules/learning-post.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  LearningPost
3
- } from "../chunk-GTRSAGDQ.js";
3
+ } from "../chunk-XGPMAJED.js";
4
4
  import "../chunk-BVNXAZ4W.js";
5
+ import "../chunk-25HMMI7R.js";
5
6
  import "../chunk-EGEQY3KT.js";
6
7
  import "../chunk-HK224ADT.js";
7
8
  import "../chunk-52MVZ6AN.js";
8
- import "../chunk-25HMMI7R.js";
9
- import "../chunk-EAXUQEO5.js";
10
- import "../chunk-EWD4AO5N.js";
11
9
  import "../chunk-4Y5BEXVN.js";
12
10
  import "../chunk-P3YCIJUP.js";
11
+ import "../chunk-EAXUQEO5.js";
12
+ import "../chunk-EWD4AO5N.js";
13
13
  import "../chunk-N552FDTV.js";
14
14
  export {
15
15
  LearningPost
package/dist/molecules/navigation.js CHANGED
@@ -1,63 +1,63 @@
1
1
  import {
2
2
  Navigation
3
- } from "../chunk-PPO64OK7.js";
3
+ } from "../chunk-VSGK4POC.js";
4
4
  import "../chunk-76JGDATZ.js";
5
+ import "../chunk-FR2GDOU2.js";
6
+ import "../chunk-74DX4CU7.js";
5
7
  import "../chunk-OYM4XCHQ.js";
6
8
  import "../chunk-YJ7ZFOYL.js";
7
9
  import "../chunk-5ZITU5L7.js";
8
10
  import "../chunk-ILRUXI2E.js";
9
11
  import "../chunk-JPIZP2PZ.js";
10
12
  import "../chunk-CYYWMYE7.js";
13
+ import "../chunk-6DJOIRMF.js";
14
+ import "../chunk-FPD73OHW.js";
11
15
  import "../chunk-ZKZDVS7G.js";
12
16
  import "../chunk-MUNMDHRF.js";
13
17
  import "../chunk-TVDKGMBI.js";
14
18
  import "../chunk-3JRNKBMN.js";
15
19
  import "../chunk-HYITAA4J.js";
16
20
  import "../chunk-5H3YPCZK.js";
17
- import "../chunk-FR2GDOU2.js";
18
- import "../chunk-74DX4CU7.js";
21
+ import "../chunk-XQOL7UBI.js";
22
+ import "../chunk-TULWX7D6.js";
19
23
  import "../chunk-SIM6HKVI.js";
20
- import "../chunk-IM7DSIK2.js";
24
+ import "../chunk-5X3BCQPR.js";
21
25
  import "../chunk-5AVBYDPB.js";
22
26
  import "../chunk-365QMK4D.js";
23
27
  import "../chunk-YO3BQW6S.js";
24
28
  import "../chunk-6IVCARWS.js";
25
- import "../chunk-6DJOIRMF.js";
26
- import "../chunk-FPD73OHW.js";
29
+ import "../chunk-DJN2IEY6.js";
30
+ import "../chunk-25HMMI7R.js";
27
31
  import "../chunk-2CVXGGI5.js";
28
32
  import "../chunk-EGEQY3KT.js";
29
33
  import "../chunk-HK224ADT.js";
30
34
  import "../chunk-O3T3TM3V.js";
31
35
  import "../chunk-O3DNDMV3.js";
32
- import "../chunk-XQOL7UBI.js";
33
- import "../chunk-TULWX7D6.js";
36
+ import "../chunk-LZJR77Q2.js";
37
+ import "../chunk-Q37G2GS6.js";
34
38
  import "../chunk-VTJZMOSP.js";
35
39
  import "../chunk-6AJTMXLJ.js";
36
40
  import "../chunk-3IZQ2PIQ.js";
37
41
  import "../chunk-4WFMOFN2.js";
38
42
  import "../chunk-WKFZ5MMN.js";
39
43
  import "../chunk-ACVANQJ4.js";
40
- import "../chunk-2DZ2Y3JI.js";
41
- import "../chunk-QDZS4B6A.js";
42
44
  import "../chunk-52MVZ6AN.js";
43
- import "../chunk-25HMMI7R.js";
45
+ import "../chunk-2DZ2Y3JI.js";
46
+ import "../chunk-4Y5BEXVN.js";
47
+ import "../chunk-P3YCIJUP.js";
44
48
  import "../chunk-B6XJN6EC.js";
45
49
  import "../chunk-UVKNLJDZ.js";
46
50
  import "../chunk-MIMJ7LON.js";
47
51
  import "../chunk-IQEEPHOY.js";
48
52
  import "../chunk-LHCDPZ5E.js";
49
53
  import "../chunk-OHMOP5PV.js";
50
- import "../chunk-LZJR77Q2.js";
51
- import "../chunk-Q37G2GS6.js";
54
+ import "../chunk-66C4U3BG.js";
52
55
  import "../chunk-J242TTFH.js";
53
56
  import "../chunk-EAXUQEO5.js";
54
57
  import "../chunk-YJCCE5WP.js";
55
58
  import "../chunk-3SSSCLJ5.js";
56
59
  import "../chunk-EWD4AO5N.js";
57
60
  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
package/dist/molecules/stepper.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  Stepper
3
- } from "../chunk-PF5CPG6R.js";
4
- import "../chunk-52MVZ6AN.js";
3
+ } from "../chunk-Y3L7BYDF.js";
5
4
  import "../chunk-25HMMI7R.js";
6
- import "../chunk-3SSSCLJ5.js";
5
+ import "../chunk-52MVZ6AN.js";
7
6
  import "../chunk-66C4U3BG.js";
7
+ import "../chunk-3SSSCLJ5.js";
8
8
  import "../chunk-N552FDTV.js";
9
9
  export {
10
10
  Stepper
package/dist/molecules/tag-selector.js CHANGED
@@ -1,63 +1,63 @@
1
1
  import {
2
2
  TagSelector
3
- } from "../chunk-MKYNSWMI.js";
3
+ } from "../chunk-P7633BEQ.js";
4
4
  import "../chunk-76JGDATZ.js";
5
+ import "../chunk-FR2GDOU2.js";
6
+ import "../chunk-74DX4CU7.js";
5
7
  import "../chunk-OYM4XCHQ.js";
6
8
  import "../chunk-YJ7ZFOYL.js";
7
9
  import "../chunk-5ZITU5L7.js";
8
10
  import "../chunk-ILRUXI2E.js";
9
11
  import "../chunk-JPIZP2PZ.js";
10
12
  import "../chunk-CYYWMYE7.js";
13
+ import "../chunk-6DJOIRMF.js";
14
+ import "../chunk-FPD73OHW.js";
11
15
  import "../chunk-ZKZDVS7G.js";
12
16
  import "../chunk-MUNMDHRF.js";
13
17
  import "../chunk-TVDKGMBI.js";
14
18
  import "../chunk-3JRNKBMN.js";
15
19
  import "../chunk-HYITAA4J.js";
16
20
  import "../chunk-5H3YPCZK.js";
17
- import "../chunk-FR2GDOU2.js";
18
- import "../chunk-74DX4CU7.js";
21
+ import "../chunk-XQOL7UBI.js";
22
+ import "../chunk-TULWX7D6.js";
19
23
  import "../chunk-SIM6HKVI.js";
20
- import "../chunk-IM7DSIK2.js";
24
+ import "../chunk-5X3BCQPR.js";
21
25
  import "../chunk-5AVBYDPB.js";
22
26
  import "../chunk-365QMK4D.js";
23
27
  import "../chunk-YO3BQW6S.js";
24
28
  import "../chunk-6IVCARWS.js";
25
- import "../chunk-6DJOIRMF.js";
26
- import "../chunk-FPD73OHW.js";
29
+ import "../chunk-DJN2IEY6.js";
30
+ import "../chunk-25HMMI7R.js";
27
31
  import "../chunk-2CVXGGI5.js";
28
32
  import "../chunk-EGEQY3KT.js";
29
33
  import "../chunk-HK224ADT.js";
30
34
  import "../chunk-O3T3TM3V.js";
31
35
  import "../chunk-O3DNDMV3.js";
32
- import "../chunk-XQOL7UBI.js";
33
- import "../chunk-TULWX7D6.js";
36
+ import "../chunk-LZJR77Q2.js";
37
+ import "../chunk-Q37G2GS6.js";
34
38
  import "../chunk-VTJZMOSP.js";
35
39
  import "../chunk-6AJTMXLJ.js";
36
40
  import "../chunk-3IZQ2PIQ.js";
37
41
  import "../chunk-4WFMOFN2.js";
38
42
  import "../chunk-WKFZ5MMN.js";
39
43
  import "../chunk-ACVANQJ4.js";
40
- import "../chunk-2DZ2Y3JI.js";
41
- import "../chunk-QDZS4B6A.js";
42
44
  import "../chunk-52MVZ6AN.js";
43
- import "../chunk-25HMMI7R.js";
45
+ import "../chunk-2DZ2Y3JI.js";
46
+ import "../chunk-4Y5BEXVN.js";
47
+ import "../chunk-P3YCIJUP.js";
44
48
  import "../chunk-B6XJN6EC.js";
45
49
  import "../chunk-UVKNLJDZ.js";
46
50
  import "../chunk-MIMJ7LON.js";
47
51
  import "../chunk-IQEEPHOY.js";
48
52
  import "../chunk-LHCDPZ5E.js";
49
53
  import "../chunk-OHMOP5PV.js";
50
- import "../chunk-LZJR77Q2.js";
51
- import "../chunk-Q37G2GS6.js";
54
+ import "../chunk-66C4U3BG.js";
52
55
  import "../chunk-J242TTFH.js";
53
56
  import "../chunk-EAXUQEO5.js";
54
57
  import "../chunk-YJCCE5WP.js";
55
58
  import "../chunk-3SSSCLJ5.js";
56
59
  import "../chunk-EWD4AO5N.js";
57
60
  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.6",
3
+ "version": "1.4.8",
4
4
  "private": false,
5
5
  "sideEffects": false,
6
6
  "type": "module",
package/src/molecules/expand-table/index.tsx CHANGED
@@ -35,6 +35,7 @@ export interface ExpandTableProps<Datum extends RowData> {
35
35
  /** 행 클릭 시 실행할 콜백 */
36
36
  onRowClick?: OnRowClick<Datum>;
37
37
  getRowStyle?: (data: Datum) => CSSProperties;
38
+ getCellStyle?: (data: Datum) => CSSProperties;
38
39
  tableStyle?: CSSProperties;
39
40
  isLoading?: boolean;
40
41
 
@@ -64,6 +65,7 @@ export function ExpandTable<Datum extends RowData>(
64
65
  pageSize = 10,
65
66
  siblingCount = 2,
66
67
  getRowStyle,
68
+ getCellStyle,
67
69
  } = props;
68
70
  const defaultAlign = 'left';
69
71
  const [pagination, setPagination] = useState<PaginationState>({
@@ -86,7 +88,7 @@ export function ExpandTable<Datum extends RowData>(
86
88
  onPaginationChange: setPagination,
87
89
  });
88
90
 
89
- const gridColTemp = useMemo<string>(() => {
91
+ const gridTemplateColumns = useMemo<string>(() => {
90
92
  return columns
91
93
  .map((col) => {
92
94
  if (col.meta?.autoSize) return '1fr';
@@ -149,7 +151,7 @@ export function ExpandTable<Datum extends RowData>(
149
151
  <div
150
152
  className="tr"
151
153
  key={headerGroup.id}
152
- style={{ gridTemplateColumns: gridColTemp }}
154
+ style={{ gridTemplateColumns }}
153
155
  >
154
156
  {headerGroup.headers.map((header) => {
155
157
  const sortable = header.column.getCanSort();
@@ -166,7 +168,7 @@ export function ExpandTable<Datum extends RowData>(
166
168
  }
167
169
  type="button"
168
170
  >
169
- <Typo variant="body">
171
+ <Typo as="div" variant="body">
170
172
  {flexRender(
171
173
  header.column.columnDef.header,
172
174
  header.getContext()
@@ -208,8 +210,9 @@ export function ExpandTable<Datum extends RowData>(
208
210
  <Row
209
211
  ExpandComp={ExpandComp}
210
212
  defaultAlign={defaultAlign}
213
+ getCellStyle={getCellStyle}
211
214
  getRowStyle={getRowStyle}
212
- gridColTemp={gridColTemp}
215
+ gridTemplateColumns={gridTemplateColumns}
213
216
  key={`row_${row.id}`}
214
217
  onRowClick={onRowClick}
215
218
  row={row}
package/src/molecules/expand-table/row.tsx CHANGED
@@ -14,15 +14,17 @@ interface RowProps<Datum extends RowData> {
14
14
  row: TanstackRow<Datum>;
15
15
  ExpandComp?: ExpandComp<Datum>;
16
16
  onRowClick?: OnRowClick<Datum>;
17
- gridColTemp: string;
17
+ gridTemplateColumns: string;
18
18
  getRowStyle?: (data: Datum) => React.CSSProperties;
19
+ getCellStyle?: (data: Datum) => React.CSSProperties;
19
20
  defaultAlign: CellAlign;
20
21
  }
21
22
 
22
23
  export function Row<Datum extends RowData>(
23
24
  props: RowProps<Datum>
24
25
  ): React.ReactNode {
25
- const { row, ExpandComp, gridColTemp, getRowStyle } = props;
26
+ const { row, ExpandComp, gridTemplateColumns, getRowStyle, getCellStyle } =
27
+ props;
26
28
  const [open, setOpen] = useState(false);
27
29
 
28
30
  const onClickRow = useCallback(() => {
@@ -48,7 +50,7 @@ export function Row<Datum extends RowData>(
48
50
  key={`tr_${row.id}`}
49
51
  onClick={onClickRow}
50
52
  style={{
51
- gridTemplateColumns: gridColTemp,
53
+ gridTemplateColumns,
52
54
  ...(getRowStyle?.(row.original) || {}),
53
55
  }}
54
56
  type="button"
@@ -66,6 +68,7 @@ export function Row<Datum extends RowData>(
66
68
  // width: autoSize ? undefined : cell.column.getSize(),
67
69
  flexGrow: autoSize ? 1 : undefined,
68
70
  justifyContent,
71
+ ...(getCellStyle?.(row.original) || {}),
69
72
  }}
70
73
  >
71
74
  {flexRender(cell.column.columnDef.cell, cell.getContext())}