@tipp/ui 1.4.3 → 1.4.5

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 +57 -57
  3. package/dist/atoms/pagination.js +2 -2
  4. package/dist/chunk-CJUJJZ65.js +190 -0
  5. package/dist/chunk-CJUJJZ65.js.map +1 -0
  6. package/dist/chunk-SOMDO7V4.js +80 -0
  7. package/dist/chunk-SOMDO7V4.js.map +1 -0
  8. package/dist/chunk-W4GH6ZKK.js +19 -0
  9. package/dist/chunk-W4GH6ZKK.js.map +1 -0
  10. package/dist/chunk-ZQ4XMJH7.js +1 -0
  11. package/dist/chunk-ZQ4XMJH7.js.map +1 -0
  12. package/dist/index.cjs +17 -4
  13. package/dist/index.cjs.map +1 -1
  14. package/dist/index.d.cts +1 -0
  15. package/dist/index.d.ts +1 -0
  16. package/dist/index.js +79 -75
  17. package/dist/molecules/date-picker/index.js +2 -2
  18. package/dist/molecules/expand-table/index.cjs +8 -4
  19. package/dist/molecules/expand-table/index.cjs.map +1 -1
  20. package/dist/molecules/expand-table/index.d.cts +1 -1
  21. package/dist/molecules/expand-table/index.d.ts +1 -1
  22. package/dist/molecules/expand-table/index.js +26 -26
  23. package/dist/molecules/expand-table/row.cjs +18 -2
  24. package/dist/molecules/expand-table/row.cjs.map +1 -1
  25. package/dist/molecules/expand-table/row.d.cts +1 -0
  26. package/dist/molecules/expand-table/row.d.ts +1 -0
  27. package/dist/molecules/expand-table/row.js +25 -25
  28. package/dist/molecules/index.cjs +8 -4
  29. package/dist/molecules/index.cjs.map +1 -1
  30. package/dist/molecules/index.js +31 -31
  31. package/dist/molecules/learning-post.js +3 -3
  32. package/dist/molecules/navigation.js +25 -25
  33. package/dist/molecules/stepper.js +3 -3
  34. package/dist/molecules/tag-selector.js +25 -25
  35. package/dist/utils/get-column-meta.js +4 -13
  36. package/dist/utils/get-column-meta.js.map +1 -1
  37. package/dist/utils/index.cjs +26 -0
  38. package/dist/utils/index.cjs.map +1 -1
  39. package/dist/utils/index.d.cts +2 -0
  40. package/dist/utils/index.d.ts +2 -0
  41. package/dist/utils/index.js +5 -1
  42. package/package.json +1 -1
  43. package/src/molecules/expand-table/index.tsx +6 -2
  44. package/src/molecules/expand-table/row.tsx +6 -2
  45. package/src/utils/index.ts +1 -0
package/dist/molecules/index.js CHANGED
@@ -1,87 +1,87 @@
1
1
  import "../chunk-6ZAP2Q6K.js";
2
2
  import {
3
3
  DatePicker
4
- } from "../chunk-2QDLO3YM.js";
4
+ } from "../chunk-C3YMRWG2.js";
5
5
  import {
6
6
  ExpandTable,
7
7
  createColumnHelper
8
- } from "../chunk-JZYVXLEK.js";
9
- import "../chunk-X5FVSTHW.js";
8
+ } from "../chunk-CJUJJZ65.js";
9
+ import "../chunk-SOMDO7V4.js";
10
10
  import {
11
11
  DotNavigation
12
12
  } from "../chunk-EDTEVEJW.js";
13
13
  import {
14
14
  LearningPost
15
- } from "../chunk-N62PCPTB.js";
15
+ } from "../chunk-XGPMAJED.js";
16
16
  import {
17
17
  Navigation
18
- } from "../chunk-PPO64OK7.js";
18
+ } from "../chunk-VSGK4POC.js";
19
19
  import {
20
20
  Stepper
21
- } from "../chunk-PF5CPG6R.js";
21
+ } from "../chunk-Y3L7BYDF.js";
22
22
  import {
23
23
  TagSelector
24
- } from "../chunk-NUEMI3QO.js";
24
+ } from "../chunk-P7633BEQ.js";
25
25
  import "../chunk-BVNXAZ4W.js";
26
26
  import "../chunk-BSTJBBEX.js";
27
27
  import "../chunk-NDUKDKGB.js";
28
28
  import "../chunk-76JGDATZ.js";
29
- import "../chunk-ILRUXI2E.js";
30
- import "../chunk-JPIZP2PZ.js";
31
- import "../chunk-CYYWMYE7.js";
32
- import "../chunk-3JRNKBMN.js";
33
- import "../chunk-HYITAA4J.js";
34
- import "../chunk-5H3YPCZK.js";
35
29
  import "../chunk-FR2GDOU2.js";
36
30
  import "../chunk-74DX4CU7.js";
37
31
  import "../chunk-OYM4XCHQ.js";
38
32
  import "../chunk-YJ7ZFOYL.js";
39
33
  import "../chunk-5ZITU5L7.js";
40
- import "../chunk-365QMK4D.js";
41
- import "../chunk-YO3BQW6S.js";
42
- import "../chunk-6IVCARWS.js";
34
+ import "../chunk-ILRUXI2E.js";
35
+ import "../chunk-JPIZP2PZ.js";
36
+ import "../chunk-CYYWMYE7.js";
43
37
  import "../chunk-6DJOIRMF.js";
44
38
  import "../chunk-FPD73OHW.js";
45
39
  import "../chunk-ZKZDVS7G.js";
46
40
  import "../chunk-MUNMDHRF.js";
47
41
  import "../chunk-TVDKGMBI.js";
48
- import "../chunk-O3T3TM3V.js";
42
+ import "../chunk-3JRNKBMN.js";
43
+ import "../chunk-HYITAA4J.js";
44
+ import "../chunk-5H3YPCZK.js";
49
45
  import "../chunk-XQOL7UBI.js";
50
46
  import "../chunk-TULWX7D6.js";
51
47
  import "../chunk-SIM6HKVI.js";
52
- import "../chunk-IM7DSIK2.js";
53
- import "../chunk-O3DNDMV3.js";
48
+ import "../chunk-5X3BCQPR.js";
54
49
  import "../chunk-5AVBYDPB.js";
55
- import "../chunk-4WFMOFN2.js";
56
- import "../chunk-WKFZ5MMN.js";
57
- import "../chunk-ACVANQJ4.js";
58
- import "../chunk-2DZ2Y3JI.js";
59
- import "../chunk-QDZS4B6A.js";
60
- import "../chunk-52MVZ6AN.js";
50
+ import "../chunk-365QMK4D.js";
51
+ import "../chunk-YO3BQW6S.js";
52
+ import "../chunk-6IVCARWS.js";
53
+ import "../chunk-DJN2IEY6.js";
61
54
  import "../chunk-25HMMI7R.js";
62
55
  import "../chunk-2CVXGGI5.js";
63
56
  import "../chunk-EGEQY3KT.js";
64
57
  import "../chunk-HK224ADT.js";
65
- import "../chunk-IQEEPHOY.js";
66
- import "../chunk-LHCDPZ5E.js";
67
- import "../chunk-OHMOP5PV.js";
58
+ import "../chunk-O3T3TM3V.js";
59
+ import "../chunk-O3DNDMV3.js";
68
60
  import "../chunk-LZJR77Q2.js";
69
61
  import "../chunk-Q37G2GS6.js";
70
62
  import "../chunk-VTJZMOSP.js";
71
63
  import "../chunk-6AJTMXLJ.js";
72
64
  import "../chunk-3IZQ2PIQ.js";
73
- import "../chunk-3SSSCLJ5.js";
74
- import "../chunk-EWD4AO5N.js";
75
- import "../chunk-YGL6SWKN.js";
65
+ import "../chunk-4WFMOFN2.js";
66
+ import "../chunk-WKFZ5MMN.js";
67
+ import "../chunk-ACVANQJ4.js";
68
+ import "../chunk-52MVZ6AN.js";
69
+ import "../chunk-2DZ2Y3JI.js";
76
70
  import "../chunk-4Y5BEXVN.js";
77
71
  import "../chunk-P3YCIJUP.js";
78
72
  import "../chunk-B6XJN6EC.js";
79
73
  import "../chunk-UVKNLJDZ.js";
80
74
  import "../chunk-MIMJ7LON.js";
75
+ import "../chunk-IQEEPHOY.js";
76
+ import "../chunk-LHCDPZ5E.js";
77
+ import "../chunk-OHMOP5PV.js";
81
78
  import "../chunk-66C4U3BG.js";
82
79
  import "../chunk-J242TTFH.js";
83
80
  import "../chunk-EAXUQEO5.js";
84
81
  import "../chunk-YJCCE5WP.js";
82
+ import "../chunk-3SSSCLJ5.js";
83
+ import "../chunk-EWD4AO5N.js";
84
+ import "../chunk-YGL6SWKN.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-N62PCPTB.js";
3
+ } from "../chunk-XGPMAJED.js";
4
4
  import "../chunk-BVNXAZ4W.js";
5
- import "../chunk-52MVZ6AN.js";
6
5
  import "../chunk-25HMMI7R.js";
7
6
  import "../chunk-EGEQY3KT.js";
8
7
  import "../chunk-HK224ADT.js";
9
- import "../chunk-EWD4AO5N.js";
8
+ import "../chunk-52MVZ6AN.js";
10
9
  import "../chunk-4Y5BEXVN.js";
11
10
  import "../chunk-P3YCIJUP.js";
12
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-ILRUXI2E.js";
6
- import "../chunk-JPIZP2PZ.js";
7
- import "../chunk-CYYWMYE7.js";
8
- import "../chunk-3JRNKBMN.js";
9
- import "../chunk-HYITAA4J.js";
10
- import "../chunk-5H3YPCZK.js";
11
5
  import "../chunk-FR2GDOU2.js";
12
6
  import "../chunk-74DX4CU7.js";
13
7
  import "../chunk-OYM4XCHQ.js";
14
8
  import "../chunk-YJ7ZFOYL.js";
15
9
  import "../chunk-5ZITU5L7.js";
16
- import "../chunk-365QMK4D.js";
17
- import "../chunk-YO3BQW6S.js";
18
- import "../chunk-6IVCARWS.js";
10
+ import "../chunk-ILRUXI2E.js";
11
+ import "../chunk-JPIZP2PZ.js";
12
+ import "../chunk-CYYWMYE7.js";
19
13
  import "../chunk-6DJOIRMF.js";
20
14
  import "../chunk-FPD73OHW.js";
21
15
  import "../chunk-ZKZDVS7G.js";
22
16
  import "../chunk-MUNMDHRF.js";
23
17
  import "../chunk-TVDKGMBI.js";
24
- import "../chunk-O3T3TM3V.js";
18
+ import "../chunk-3JRNKBMN.js";
19
+ import "../chunk-HYITAA4J.js";
20
+ import "../chunk-5H3YPCZK.js";
25
21
  import "../chunk-XQOL7UBI.js";
26
22
  import "../chunk-TULWX7D6.js";
27
23
  import "../chunk-SIM6HKVI.js";
28
- import "../chunk-IM7DSIK2.js";
29
- import "../chunk-O3DNDMV3.js";
24
+ import "../chunk-5X3BCQPR.js";
30
25
  import "../chunk-5AVBYDPB.js";
31
- import "../chunk-4WFMOFN2.js";
32
- import "../chunk-WKFZ5MMN.js";
33
- import "../chunk-ACVANQJ4.js";
34
- import "../chunk-2DZ2Y3JI.js";
35
- import "../chunk-QDZS4B6A.js";
36
- import "../chunk-52MVZ6AN.js";
26
+ import "../chunk-365QMK4D.js";
27
+ import "../chunk-YO3BQW6S.js";
28
+ import "../chunk-6IVCARWS.js";
29
+ import "../chunk-DJN2IEY6.js";
37
30
  import "../chunk-25HMMI7R.js";
38
31
  import "../chunk-2CVXGGI5.js";
39
32
  import "../chunk-EGEQY3KT.js";
40
33
  import "../chunk-HK224ADT.js";
41
- import "../chunk-IQEEPHOY.js";
42
- import "../chunk-LHCDPZ5E.js";
43
- import "../chunk-OHMOP5PV.js";
34
+ import "../chunk-O3T3TM3V.js";
35
+ import "../chunk-O3DNDMV3.js";
44
36
  import "../chunk-LZJR77Q2.js";
45
37
  import "../chunk-Q37G2GS6.js";
46
38
  import "../chunk-VTJZMOSP.js";
47
39
  import "../chunk-6AJTMXLJ.js";
48
40
  import "../chunk-3IZQ2PIQ.js";
49
- import "../chunk-3SSSCLJ5.js";
50
- import "../chunk-EWD4AO5N.js";
51
- import "../chunk-YGL6SWKN.js";
41
+ import "../chunk-4WFMOFN2.js";
42
+ import "../chunk-WKFZ5MMN.js";
43
+ import "../chunk-ACVANQJ4.js";
44
+ import "../chunk-52MVZ6AN.js";
45
+ import "../chunk-2DZ2Y3JI.js";
52
46
  import "../chunk-4Y5BEXVN.js";
53
47
  import "../chunk-P3YCIJUP.js";
54
48
  import "../chunk-B6XJN6EC.js";
55
49
  import "../chunk-UVKNLJDZ.js";
56
50
  import "../chunk-MIMJ7LON.js";
51
+ import "../chunk-IQEEPHOY.js";
52
+ import "../chunk-LHCDPZ5E.js";
53
+ import "../chunk-OHMOP5PV.js";
57
54
  import "../chunk-66C4U3BG.js";
58
55
  import "../chunk-J242TTFH.js";
59
56
  import "../chunk-EAXUQEO5.js";
60
57
  import "../chunk-YJCCE5WP.js";
58
+ import "../chunk-3SSSCLJ5.js";
59
+ import "../chunk-EWD4AO5N.js";
60
+ import "../chunk-YGL6SWKN.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-NUEMI3QO.js";
3
+ } from "../chunk-P7633BEQ.js";
4
4
  import "../chunk-76JGDATZ.js";
5
- import "../chunk-ILRUXI2E.js";
6
- import "../chunk-JPIZP2PZ.js";
7
- import "../chunk-CYYWMYE7.js";
8
- import "../chunk-3JRNKBMN.js";
9
- import "../chunk-HYITAA4J.js";
10
- import "../chunk-5H3YPCZK.js";
11
5
  import "../chunk-FR2GDOU2.js";
12
6
  import "../chunk-74DX4CU7.js";
13
7
  import "../chunk-OYM4XCHQ.js";
14
8
  import "../chunk-YJ7ZFOYL.js";
15
9
  import "../chunk-5ZITU5L7.js";
16
- import "../chunk-365QMK4D.js";
17
- import "../chunk-YO3BQW6S.js";
18
- import "../chunk-6IVCARWS.js";
10
+ import "../chunk-ILRUXI2E.js";
11
+ import "../chunk-JPIZP2PZ.js";
12
+ import "../chunk-CYYWMYE7.js";
19
13
  import "../chunk-6DJOIRMF.js";
20
14
  import "../chunk-FPD73OHW.js";
21
15
  import "../chunk-ZKZDVS7G.js";
22
16
  import "../chunk-MUNMDHRF.js";
23
17
  import "../chunk-TVDKGMBI.js";
24
- import "../chunk-O3T3TM3V.js";
18
+ import "../chunk-3JRNKBMN.js";
19
+ import "../chunk-HYITAA4J.js";
20
+ import "../chunk-5H3YPCZK.js";
25
21
  import "../chunk-XQOL7UBI.js";
26
22
  import "../chunk-TULWX7D6.js";
27
23
  import "../chunk-SIM6HKVI.js";
28
- import "../chunk-IM7DSIK2.js";
29
- import "../chunk-O3DNDMV3.js";
24
+ import "../chunk-5X3BCQPR.js";
30
25
  import "../chunk-5AVBYDPB.js";
31
- import "../chunk-4WFMOFN2.js";
32
- import "../chunk-WKFZ5MMN.js";
33
- import "../chunk-ACVANQJ4.js";
34
- import "../chunk-2DZ2Y3JI.js";
35
- import "../chunk-QDZS4B6A.js";
36
- import "../chunk-52MVZ6AN.js";
26
+ import "../chunk-365QMK4D.js";
27
+ import "../chunk-YO3BQW6S.js";
28
+ import "../chunk-6IVCARWS.js";
29
+ import "../chunk-DJN2IEY6.js";
37
30
  import "../chunk-25HMMI7R.js";
38
31
  import "../chunk-2CVXGGI5.js";
39
32
  import "../chunk-EGEQY3KT.js";
40
33
  import "../chunk-HK224ADT.js";
41
- import "../chunk-IQEEPHOY.js";
42
- import "../chunk-LHCDPZ5E.js";
43
- import "../chunk-OHMOP5PV.js";
34
+ import "../chunk-O3T3TM3V.js";
35
+ import "../chunk-O3DNDMV3.js";
44
36
  import "../chunk-LZJR77Q2.js";
45
37
  import "../chunk-Q37G2GS6.js";
46
38
  import "../chunk-VTJZMOSP.js";
47
39
  import "../chunk-6AJTMXLJ.js";
48
40
  import "../chunk-3IZQ2PIQ.js";
49
- import "../chunk-3SSSCLJ5.js";
50
- import "../chunk-EWD4AO5N.js";
51
- import "../chunk-YGL6SWKN.js";
41
+ import "../chunk-4WFMOFN2.js";
42
+ import "../chunk-WKFZ5MMN.js";
43
+ import "../chunk-ACVANQJ4.js";
44
+ import "../chunk-52MVZ6AN.js";
45
+ import "../chunk-2DZ2Y3JI.js";
52
46
  import "../chunk-4Y5BEXVN.js";
53
47
  import "../chunk-P3YCIJUP.js";
54
48
  import "../chunk-B6XJN6EC.js";
55
49
  import "../chunk-UVKNLJDZ.js";
56
50
  import "../chunk-MIMJ7LON.js";
51
+ import "../chunk-IQEEPHOY.js";
52
+ import "../chunk-LHCDPZ5E.js";
53
+ import "../chunk-OHMOP5PV.js";
57
54
  import "../chunk-66C4U3BG.js";
58
55
  import "../chunk-J242TTFH.js";
59
56
  import "../chunk-EAXUQEO5.js";
60
57
  import "../chunk-YJCCE5WP.js";
58
+ import "../chunk-3SSSCLJ5.js";
59
+ import "../chunk-EWD4AO5N.js";
60
+ import "../chunk-YGL6SWKN.js";
61
61
  import "../chunk-N552FDTV.js";
62
62
  export {
63
63
  TagSelector
package/dist/utils/get-column-meta.js CHANGED
@@ -1,17 +1,8 @@
1
1
  import {
2
- getCellAlign
3
- } from "../chunk-2BPFXK4L.js";
4
- import {
5
- __spreadProps,
6
- __spreadValues
7
- } from "../chunk-N552FDTV.js";
8
-
9
- // src/utils/get-column-meta.ts
10
- var getColumnMeta = (meta) => {
11
- return __spreadProps(__spreadValues({}, meta), {
12
- align: getCellAlign(meta.align || "left")
13
- });
14
- };
2
+ getColumnMeta
3
+ } from "../chunk-W4GH6ZKK.js";
4
+ import "../chunk-2BPFXK4L.js";
5
+ import "../chunk-N552FDTV.js";
15
6
  export {
16
7
  getColumnMeta
17
8
  };
package/dist/utils/get-column-meta.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/get-column-meta.ts"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\nimport type { CellDataType } from './get-cell-align';\nimport { getCellAlign } from './get-cell-align';\n\ntype ExpandButtonComp = <Data extends RowData>(props: {\n open: boolean;\n setIsOpen: (value: boolean) => void;\n data: Data;\n}) => React.ReactNode;\n\nexport interface ColumnMeta {\n OpenBtn?: ExpandButtonComp;\n /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.\n * 테이블 당 하나의 셀에만 사용하기를 권장\n */\n autoSize?: boolean;\n /** 좌/우/중앙 정렬 설정의 기준, dataType을 우선해 사용 */\n align?: CellDataType;\n}\n\nexport const getColumnMeta = (meta: ColumnMeta): ColumnMeta => {\n return {\n ...meta,\n align: getCellAlign(meta.align || 'left'),\n };\n};\n"],"mappings":";;;;;;;;;AAoBO,IAAM,gBAAgB,CAAC,SAAiC;AAC7D,SAAO,iCACF,OADE;AAAA,IAEL,OAAO,aAAa,KAAK,SAAS,MAAM;AAAA,EAC1C;AACF;","names":[]}
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
package/dist/utils/index.cjs CHANGED
@@ -1,8 +1,25 @@
1
1
  "use strict";
2
2
  var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
8
  var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
+ var __spreadValues = (a, b) => {
12
+ for (var prop in b || (b = {}))
13
+ if (__hasOwnProp.call(b, prop))
14
+ __defNormalProp(a, prop, b[prop]);
15
+ if (__getOwnPropSymbols)
16
+ for (var prop of __getOwnPropSymbols(b)) {
17
+ if (__propIsEnum.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ }
20
+ return a;
21
+ };
22
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
6
23
  var __export = (target, all) => {
7
24
  for (var name in all)
8
25
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -21,6 +38,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
21
38
  var utils_exports = {};
22
39
  __export(utils_exports, {
23
40
  getCellAlign: () => getCellAlign,
41
+ getColumnMeta: () => getColumnMeta,
24
42
  scrollTo: () => scrollTo
25
43
  });
26
44
  module.exports = __toCommonJS(utils_exports);
@@ -40,6 +58,13 @@ var getCellAlign = (type) => {
40
58
  }
41
59
  };
42
60
 
61
+ // src/utils/get-column-meta.ts
62
+ var getColumnMeta = (meta) => {
63
+ return __spreadProps(__spreadValues({}, meta), {
64
+ align: getCellAlign(meta.align || "left")
65
+ });
66
+ };
67
+
43
68
  // src/utils/scroll-to.ts
44
69
  function scrollTo(element, targetPosition, duration) {
45
70
  const startPosition = element.scrollTop;
@@ -69,6 +94,7 @@ function scrollTo(element, targetPosition, duration) {
69
94
  // Annotate the CommonJS export names for ESM import in node:
70
95
  0 && (module.exports = {
71
96
  getCellAlign,
97
+ getColumnMeta,
72
98
  scrollTo
73
99
  });
74
100
  //# sourceMappingURL=index.cjs.map
package/dist/utils/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/index.ts","../../src/utils/get-cell-align.ts","../../src/utils/scroll-to.ts"],"sourcesContent":["export * from './get-cell-align';\nexport * from './scroll-to';\n","export type CellAlign = 'left' | 'center' | 'right';\n\nexport type CellDataType =\n | 'number'\n | 'date'\n | 'time'\n | 'string'\n | 'button'\n | CellAlign;\n\nexport const getCellAlign = (type: CellDataType): CellAlign => {\n switch (type) {\n case 'number':\n case 'date':\n case 'time':\n return 'right';\n case 'string':\n case 'button':\n return 'left';\n default:\n return type;\n }\n};\n","export function scrollTo(\n element: HTMLDivElement,\n targetPosition: number,\n duration: number\n): void {\n const startPosition = element.scrollTop;\n const distance = targetPosition - startPosition;\n let startTime: number | null = null;\n\n function animation(currentTime: number): void {\n if (startTime === null) startTime = currentTime;\n const timeElapsed = currentTime - startTime;\n const run = ease(timeElapsed, startPosition, distance, duration);\n element.scrollTop = run;\n if (timeElapsed < duration) {\n requestAnimationFrame(animation);\n }\n }\n\n function ease(t: number, b: number, c: number, d: number): number {\n let [t2] = [t];\n const [b2, c2, d2] = [b, c, d];\n t2 /= d2 / 2;\n if (t2 < 1) return (c2 / 2) * t2 * t2 + b2;\n t2--;\n return (-c2 / 2) * (t2 * (t2 - 2) - 1) + b2;\n }\n\n requestAnimationFrame(animation);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACUO,IAAM,eAAe,CAAC,SAAkC;AAC7D,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;;;ACtBO,SAAS,SACd,SACA,gBACA,UACM;AACN,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,WAAW,iBAAiB;AAClC,MAAI,YAA2B;AAE/B,WAAS,UAAU,aAA2B;AAC5C,QAAI,cAAc;AAAM,kBAAY;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,MAAM,KAAK,aAAa,eAAe,UAAU,QAAQ;AAC/D,YAAQ,YAAY;AACpB,QAAI,cAAc,UAAU;AAC1B,4BAAsB,SAAS;AAAA,IACjC;AAAA,EACF;AAEA,WAAS,KAAK,GAAW,GAAW,GAAW,GAAmB;AAChE,QAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AACb,UAAM,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;AAC7B,UAAM,KAAK;AACX,QAAI,KAAK;AAAG,aAAQ,KAAK,IAAK,KAAK,KAAK;AACxC;AACA,WAAQ,CAAC,KAAK,KAAM,MAAM,KAAK,KAAK,KAAK;AAAA,EAC3C;AAEA,wBAAsB,SAAS;AACjC;","names":[]}
1
+ {"version":3,"sources":["../../src/utils/index.ts","../../src/utils/get-cell-align.ts","../../src/utils/get-column-meta.ts","../../src/utils/scroll-to.ts"],"sourcesContent":["export * from './get-cell-align';\nexport * from './get-column-meta';\nexport * from './scroll-to';\n","export type CellAlign = 'left' | 'center' | 'right';\n\nexport type CellDataType =\n | 'number'\n | 'date'\n | 'time'\n | 'string'\n | 'button'\n | CellAlign;\n\nexport const getCellAlign = (type: CellDataType): CellAlign => {\n switch (type) {\n case 'number':\n case 'date':\n case 'time':\n return 'right';\n case 'string':\n case 'button':\n return 'left';\n default:\n return type;\n }\n};\n","import type { RowData } from '@tanstack/react-table';\nimport type { CellDataType } from './get-cell-align';\nimport { getCellAlign } from './get-cell-align';\n\ntype ExpandButtonComp = <Data extends RowData>(props: {\n open: boolean;\n setIsOpen: (value: boolean) => void;\n data: Data;\n}) => React.ReactNode;\n\nexport interface ColumnMeta {\n OpenBtn?: ExpandButtonComp;\n /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.\n * 테이블 당 하나의 셀에만 사용하기를 권장\n */\n autoSize?: boolean;\n /** 좌/우/중앙 정렬 설정의 기준, dataType을 우선해 사용 */\n align?: CellDataType;\n}\n\nexport const getColumnMeta = (meta: ColumnMeta): ColumnMeta => {\n return {\n ...meta,\n align: getCellAlign(meta.align || 'left'),\n };\n};\n","export function scrollTo(\n element: HTMLDivElement,\n targetPosition: number,\n duration: number\n): void {\n const startPosition = element.scrollTop;\n const distance = targetPosition - startPosition;\n let startTime: number | null = null;\n\n function animation(currentTime: number): void {\n if (startTime === null) startTime = currentTime;\n const timeElapsed = currentTime - startTime;\n const run = ease(timeElapsed, startPosition, distance, duration);\n element.scrollTop = run;\n if (timeElapsed < duration) {\n requestAnimationFrame(animation);\n }\n }\n\n function ease(t: number, b: number, c: number, d: number): number {\n let [t2] = [t];\n const [b2, c2, d2] = [b, c, d];\n t2 /= d2 / 2;\n if (t2 < 1) return (c2 / 2) * t2 * t2 + b2;\n t2--;\n return (-c2 / 2) * (t2 * (t2 - 2) - 1) + b2;\n }\n\n requestAnimationFrame(animation);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACUO,IAAM,eAAe,CAAC,SAAkC;AAC7D,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;;;ACFO,IAAM,gBAAgB,CAAC,SAAiC;AAC7D,SAAO,iCACF,OADE;AAAA,IAEL,OAAO,aAAa,KAAK,SAAS,MAAM;AAAA,EAC1C;AACF;;;ACzBO,SAAS,SACd,SACA,gBACA,UACM;AACN,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,WAAW,iBAAiB;AAClC,MAAI,YAA2B;AAE/B,WAAS,UAAU,aAA2B;AAC5C,QAAI,cAAc;AAAM,kBAAY;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,MAAM,KAAK,aAAa,eAAe,UAAU,QAAQ;AAC/D,YAAQ,YAAY;AACpB,QAAI,cAAc,UAAU;AAC1B,4BAAsB,SAAS;AAAA,IACjC;AAAA,EACF;AAEA,WAAS,KAAK,GAAW,GAAW,GAAW,GAAmB;AAChE,QAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AACb,UAAM,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;AAC7B,UAAM,KAAK;AACX,QAAI,KAAK;AAAG,aAAQ,KAAK,IAAK,KAAK,KAAK;AACxC;AACA,WAAQ,CAAC,KAAK,KAAM,MAAM,KAAK,KAAK,KAAK;AAAA,EAC3C;AAEA,wBAAsB,SAAS;AACjC;","names":[]}
package/dist/utils/index.d.cts CHANGED
@@ -1,2 +1,4 @@
1
1
  export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.cjs';
2
+ export { ColumnMeta, getColumnMeta } from './get-column-meta.cjs';
2
3
  export { scrollTo } from './scroll-to.cjs';
4
+ import '@tanstack/react-table';
package/dist/utils/index.d.ts CHANGED
@@ -1,2 +1,4 @@
1
1
  export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.js';
2
+ export { ColumnMeta, getColumnMeta } from './get-column-meta.js';
2
3
  export { scrollTo } from './scroll-to.js';
4
+ import '@tanstack/react-table';
package/dist/utils/index.js CHANGED
@@ -1,4 +1,7 @@
1
- import "../chunk-DRBRT57F.js";
1
+ import "../chunk-ZQ4XMJH7.js";
2
+ import {
3
+ getColumnMeta
4
+ } from "../chunk-W4GH6ZKK.js";
2
5
  import {
3
6
  getCellAlign
4
7
  } from "../chunk-2BPFXK4L.js";
@@ -8,6 +11,7 @@ import {
8
11
  import "../chunk-N552FDTV.js";
9
12
  export {
10
13
  getCellAlign,
14
+ getColumnMeta,
11
15
  scrollTo
12
16
  };
13
17
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "1.4.3",
3
+ "version": "1.4.5",
4
4
  "private": false,
5
5
  "sideEffects": false,
6
6
  "type": "module",
package/src/molecules/expand-table/index.tsx CHANGED
@@ -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}
package/src/molecules/expand-table/row.tsx CHANGED
@@ -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) => {
package/src/utils/index.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './get-cell-align';
2
+ export * from './get-column-meta';
2
3
  export * from './scroll-to';