@tipp/ui 1.4.2 → 1.4.4

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 (42) 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-2BPFXK4L.js +19 -0
  5. package/dist/chunk-2BPFXK4L.js.map +1 -0
  6. package/dist/chunk-W4GH6ZKK.js +19 -0
  7. package/dist/chunk-W4GH6ZKK.js.map +1 -0
  8. package/dist/chunk-ZQ4XMJH7.js +1 -0
  9. package/dist/chunk-ZQ4XMJH7.js.map +1 -0
  10. package/dist/index.cjs +14 -4
  11. package/dist/index.cjs.map +1 -1
  12. package/dist/index.d.cts +1 -0
  13. package/dist/index.d.ts +1 -0
  14. package/dist/index.js +80 -76
  15. package/dist/molecules/date-picker/index.js +2 -2
  16. package/dist/molecules/expand-table/index.js +25 -25
  17. package/dist/molecules/expand-table/row.js +24 -24
  18. package/dist/molecules/index.js +30 -30
  19. package/dist/molecules/learning-post.js +3 -3
  20. package/dist/molecules/navigation.js +25 -25
  21. package/dist/molecules/stepper.js +3 -3
  22. package/dist/molecules/tag-selector.js +25 -25
  23. package/dist/utils/get-cell-align.cjs +5 -4
  24. package/dist/utils/get-cell-align.cjs.map +1 -1
  25. package/dist/utils/get-cell-align.d.cts +2 -4
  26. package/dist/utils/get-cell-align.d.ts +2 -4
  27. package/dist/utils/get-cell-align.js +1 -1
  28. package/dist/utils/get-column-meta.cjs +69 -0
  29. package/dist/utils/get-column-meta.cjs.map +1 -0
  30. package/dist/utils/get-column-meta.d.cts +20 -0
  31. package/dist/utils/get-column-meta.d.ts +20 -0
  32. package/dist/utils/get-column-meta.js +9 -0
  33. package/dist/utils/get-column-meta.js.map +1 -0
  34. package/dist/utils/index.cjs +31 -4
  35. package/dist/utils/index.cjs.map +1 -1
  36. package/dist/utils/index.d.cts +2 -0
  37. package/dist/utils/index.d.ts +2 -0
  38. package/dist/utils/index.js +6 -2
  39. package/package.json +1 -1
  40. package/src/utils/get-cell-align.ts +12 -5
  41. package/src/utils/get-column-meta.ts +26 -0
  42. package/src/utils/index.ts +1 -0
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  FieldErrorWrapper
3
- } from "../chunk-QDZS4B6A.js";
4
- import "../chunk-52MVZ6AN.js";
3
+ } from "../chunk-DJN2IEY6.js";
5
4
  import "../chunk-25HMMI7R.js";
5
+ import "../chunk-52MVZ6AN.js";
6
6
  import "../chunk-N552FDTV.js";
7
7
  export {
8
8
  FieldErrorWrapper
@@ -1,23 +1,4 @@
1
1
  import "../chunk-76JGDATZ.js";
2
- import {
3
- TextArea
4
- } from "../chunk-ILRUXI2E.js";
5
- import {
6
- TextField
7
- } from "../chunk-JPIZP2PZ.js";
8
- import {
9
- ToastContainer,
10
- toast
11
- } from "../chunk-CYYWMYE7.js";
12
- import {
13
- Select
14
- } from "../chunk-3JRNKBMN.js";
15
- import {
16
- Separator
17
- } from "../chunk-HYITAA4J.js";
18
- import {
19
- Skeleton
20
- } from "../chunk-5H3YPCZK.js";
21
2
  import {
22
3
  Spinner
23
4
  } from "../chunk-FR2GDOU2.js";
@@ -34,14 +15,15 @@ import {
34
15
  Tabs
35
16
  } from "../chunk-5ZITU5L7.js";
36
17
  import {
37
- Progress
38
- } from "../chunk-365QMK4D.js";
18
+ TextArea
19
+ } from "../chunk-ILRUXI2E.js";
39
20
  import {
40
- Quote
41
- } from "../chunk-YO3BQW6S.js";
21
+ TextField
22
+ } from "../chunk-JPIZP2PZ.js";
42
23
  import {
43
- RadioCards
44
- } from "../chunk-6IVCARWS.js";
24
+ ToastContainer,
25
+ toast
26
+ } from "../chunk-CYYWMYE7.js";
45
27
  import {
46
28
  RadioGroup
47
29
  } from "../chunk-6DJOIRMF.js";
@@ -58,8 +40,14 @@ import {
58
40
  SegmentedControl
59
41
  } from "../chunk-TVDKGMBI.js";
60
42
  import {
61
- HoverCard
62
- } from "../chunk-O3T3TM3V.js";
43
+ Select
44
+ } from "../chunk-3JRNKBMN.js";
45
+ import {
46
+ Separator
47
+ } from "../chunk-HYITAA4J.js";
48
+ import {
49
+ Skeleton
50
+ } from "../chunk-5H3YPCZK.js";
63
51
  import {
64
52
  Inset
65
53
  } from "../chunk-XQOL7UBI.js";
@@ -71,31 +59,22 @@ import {
71
59
  } from "../chunk-SIM6HKVI.js";
72
60
  import {
73
61
  Pagination
74
- } from "../chunk-IM7DSIK2.js";
75
- import {
76
- IconButton
77
- } from "../chunk-O3DNDMV3.js";
62
+ } from "../chunk-5X3BCQPR.js";
78
63
  import {
79
64
  Popover
80
65
  } from "../chunk-5AVBYDPB.js";
81
66
  import {
82
- DropdownMenu
83
- } from "../chunk-4WFMOFN2.js";
84
- import {
85
- EllipsisTooltip
86
- } from "../chunk-WKFZ5MMN.js";
67
+ Progress
68
+ } from "../chunk-365QMK4D.js";
87
69
  import {
88
- Tooltip
89
- } from "../chunk-ACVANQJ4.js";
70
+ Quote
71
+ } from "../chunk-YO3BQW6S.js";
90
72
  import {
91
- Em
92
- } from "../chunk-2DZ2Y3JI.js";
73
+ RadioCards
74
+ } from "../chunk-6IVCARWS.js";
93
75
  import {
94
76
  FieldErrorWrapper
95
- } from "../chunk-QDZS4B6A.js";
96
- import {
97
- Typo
98
- } from "../chunk-52MVZ6AN.js";
77
+ } from "../chunk-DJN2IEY6.js";
99
78
  import {
100
79
  Flex
101
80
  } from "../chunk-25HMMI7R.js";
@@ -109,14 +88,11 @@ import {
109
88
  Heading
110
89
  } from "../chunk-HK224ADT.js";
111
90
  import {
112
- CheckboxGroup
113
- } from "../chunk-IQEEPHOY.js";
114
- import {
115
- Checkbox
116
- } from "../chunk-LHCDPZ5E.js";
91
+ HoverCard
92
+ } from "../chunk-O3T3TM3V.js";
117
93
  import {
118
- Code
119
- } from "../chunk-OHMOP5PV.js";
94
+ IconButton
95
+ } from "../chunk-O3DNDMV3.js";
120
96
  import {
121
97
  Collapse
122
98
  } from "../chunk-LZJR77Q2.js";
@@ -136,14 +112,20 @@ import {
136
112
  Trigger
137
113
  } from "../chunk-3IZQ2PIQ.js";
138
114
  import {
139
- Avatar
140
- } from "../chunk-3SSSCLJ5.js";
115
+ DropdownMenu
116
+ } from "../chunk-4WFMOFN2.js";
141
117
  import {
142
- Badge
143
- } from "../chunk-EWD4AO5N.js";
118
+ EllipsisTooltip
119
+ } from "../chunk-WKFZ5MMN.js";
144
120
  import {
145
- Blockquote
146
- } from "../chunk-YGL6SWKN.js";
121
+ Tooltip
122
+ } from "../chunk-ACVANQJ4.js";
123
+ import {
124
+ Typo
125
+ } from "../chunk-52MVZ6AN.js";
126
+ import {
127
+ Em
128
+ } from "../chunk-2DZ2Y3JI.js";
147
129
  import {
148
130
  Box
149
131
  } from "../chunk-4Y5BEXVN.js";
@@ -159,6 +141,15 @@ import {
159
141
  import {
160
142
  CheckboxCards
161
143
  } from "../chunk-MIMJ7LON.js";
144
+ import {
145
+ CheckboxGroup
146
+ } from "../chunk-IQEEPHOY.js";
147
+ import {
148
+ Checkbox
149
+ } from "../chunk-LHCDPZ5E.js";
150
+ import {
151
+ Code
152
+ } from "../chunk-OHMOP5PV.js";
162
153
  import "../chunk-66C4U3BG.js";
163
154
  import {
164
155
  AlertDialog
@@ -169,6 +160,15 @@ import {
169
160
  import {
170
161
  AutoSizingInput
171
162
  } from "../chunk-YJCCE5WP.js";
163
+ import {
164
+ Avatar
165
+ } from "../chunk-3SSSCLJ5.js";
166
+ import {
167
+ Badge
168
+ } from "../chunk-EWD4AO5N.js";
169
+ import {
170
+ Blockquote
171
+ } from "../chunk-YGL6SWKN.js";
172
172
  import "../chunk-N552FDTV.js";
173
173
  export {
174
174
  AlertDialog,
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  Pagination
3
- } from "../chunk-IM7DSIK2.js";
3
+ } from "../chunk-5X3BCQPR.js";
4
+ import "../chunk-25HMMI7R.js";
4
5
  import "../chunk-O3DNDMV3.js";
5
6
  import "../chunk-52MVZ6AN.js";
6
- import "../chunk-25HMMI7R.js";
7
7
  import "../chunk-66C4U3BG.js";
8
8
  import "../chunk-N552FDTV.js";
9
9
  export {
@@ -0,0 +1,19 @@
1
+ // src/utils/get-cell-align.ts
2
+ var getCellAlign = (type) => {
3
+ switch (type) {
4
+ case "number":
5
+ case "date":
6
+ case "time":
7
+ return "right";
8
+ case "string":
9
+ case "button":
10
+ return "left";
11
+ default:
12
+ return type;
13
+ }
14
+ };
15
+
16
+ export {
17
+ getCellAlign
18
+ };
19
+ //# sourceMappingURL=chunk-2BPFXK4L.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/utils/get-cell-align.ts"],"sourcesContent":["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"],"mappings":";AAUO,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;","names":[]}
@@ -0,0 +1,19 @@
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
+ };
15
+
16
+ export {
17
+ getColumnMeta
18
+ };
19
+ //# sourceMappingURL=chunk-W4GH6ZKK.js.map
@@ -0,0 +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":[]}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=chunk-ZQ4XMJH7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
package/dist/index.cjs CHANGED
@@ -163,6 +163,7 @@ __export(src_exports, {
163
163
  Typo: () => Typo,
164
164
  createColumnHelper: () => import_react_table2.createColumnHelper,
165
165
  getCellAlign: () => getCellAlign,
166
+ getColumnMeta: () => getColumnMeta,
166
167
  scrollTo: () => scrollTo,
167
168
  toast: () => import_react_toastify2.toast,
168
169
  uiProps: () => uiProps,
@@ -2230,19 +2231,27 @@ var EchartDefaultProps = {
2230
2231
  };
2231
2232
 
2232
2233
  // src/utils/get-cell-align.ts
2233
- var getCellAlign = (arg) => {
2234
- const { dataType } = arg;
2235
- switch (dataType) {
2234
+ var getCellAlign = (type) => {
2235
+ switch (type) {
2236
2236
  case "number":
2237
2237
  case "date":
2238
2238
  case "time":
2239
2239
  return "right";
2240
2240
  case "string":
2241
- default:
2241
+ case "button":
2242
2242
  return "left";
2243
+ default:
2244
+ return type;
2243
2245
  }
2244
2246
  };
2245
2247
 
2248
+ // src/utils/get-column-meta.ts
2249
+ var getColumnMeta = (meta) => {
2250
+ return __spreadProps(__spreadValues({}, meta), {
2251
+ align: getCellAlign(meta.align || "left")
2252
+ });
2253
+ };
2254
+
2246
2255
  // src/utils/scroll-to.ts
2247
2256
  function scrollTo(element, targetPosition, duration) {
2248
2257
  const startPosition = element.scrollTop;
@@ -2375,6 +2384,7 @@ function scrollTo(element, targetPosition, duration) {
2375
2384
  Typo,
2376
2385
  createColumnHelper,
2377
2386
  getCellAlign,
2387
+ getColumnMeta,
2378
2388
  scrollTo,
2379
2389
  toast,
2380
2390
  uiProps,