@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.
- package/dist/atoms/field-error-wrapper.js +2 -2
- package/dist/atoms/index.js +57 -57
- package/dist/atoms/pagination.js +2 -2
- package/dist/chunk-2BPFXK4L.js +19 -0
- package/dist/chunk-2BPFXK4L.js.map +1 -0
- package/dist/chunk-W4GH6ZKK.js +19 -0
- package/dist/chunk-W4GH6ZKK.js.map +1 -0
- package/dist/chunk-ZQ4XMJH7.js +1 -0
- package/dist/chunk-ZQ4XMJH7.js.map +1 -0
- package/dist/index.cjs +14 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +80 -76
- package/dist/molecules/date-picker/index.js +2 -2
- package/dist/molecules/expand-table/index.js +25 -25
- package/dist/molecules/expand-table/row.js +24 -24
- package/dist/molecules/index.js +30 -30
- package/dist/molecules/learning-post.js +3 -3
- package/dist/molecules/navigation.js +25 -25
- package/dist/molecules/stepper.js +3 -3
- package/dist/molecules/tag-selector.js +25 -25
- package/dist/utils/get-cell-align.cjs +5 -4
- package/dist/utils/get-cell-align.cjs.map +1 -1
- package/dist/utils/get-cell-align.d.cts +2 -4
- package/dist/utils/get-cell-align.d.ts +2 -4
- package/dist/utils/get-cell-align.js +1 -1
- package/dist/utils/get-column-meta.cjs +69 -0
- package/dist/utils/get-column-meta.cjs.map +1 -0
- package/dist/utils/get-column-meta.d.cts +20 -0
- package/dist/utils/get-column-meta.d.ts +20 -0
- package/dist/utils/get-column-meta.js +9 -0
- package/dist/utils/get-column-meta.js.map +1 -0
- package/dist/utils/index.cjs +31 -4
- package/dist/utils/index.cjs.map +1 -1
- package/dist/utils/index.d.cts +2 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +6 -2
- package/package.json +1 -1
- package/src/utils/get-cell-align.ts +12 -5
- package/src/utils/get-column-meta.ts +26 -0
- package/src/utils/index.ts +1 -0
package/dist/atoms/index.js
CHANGED
|
@@ -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
|
-
|
|
38
|
-
} from "../chunk-
|
|
18
|
+
TextArea
|
|
19
|
+
} from "../chunk-ILRUXI2E.js";
|
|
39
20
|
import {
|
|
40
|
-
|
|
41
|
-
} from "../chunk-
|
|
21
|
+
TextField
|
|
22
|
+
} from "../chunk-JPIZP2PZ.js";
|
|
42
23
|
import {
|
|
43
|
-
|
|
44
|
-
|
|
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
|
-
|
|
62
|
-
} from "../chunk-
|
|
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-
|
|
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
|
-
|
|
83
|
-
} from "../chunk-
|
|
84
|
-
import {
|
|
85
|
-
EllipsisTooltip
|
|
86
|
-
} from "../chunk-WKFZ5MMN.js";
|
|
67
|
+
Progress
|
|
68
|
+
} from "../chunk-365QMK4D.js";
|
|
87
69
|
import {
|
|
88
|
-
|
|
89
|
-
} from "../chunk-
|
|
70
|
+
Quote
|
|
71
|
+
} from "../chunk-YO3BQW6S.js";
|
|
90
72
|
import {
|
|
91
|
-
|
|
92
|
-
} from "../chunk-
|
|
73
|
+
RadioCards
|
|
74
|
+
} from "../chunk-6IVCARWS.js";
|
|
93
75
|
import {
|
|
94
76
|
FieldErrorWrapper
|
|
95
|
-
} from "../chunk-
|
|
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
|
-
|
|
113
|
-
} from "../chunk-
|
|
114
|
-
import {
|
|
115
|
-
Checkbox
|
|
116
|
-
} from "../chunk-LHCDPZ5E.js";
|
|
91
|
+
HoverCard
|
|
92
|
+
} from "../chunk-O3T3TM3V.js";
|
|
117
93
|
import {
|
|
118
|
-
|
|
119
|
-
} from "../chunk-
|
|
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
|
-
|
|
140
|
-
} from "../chunk-
|
|
115
|
+
DropdownMenu
|
|
116
|
+
} from "../chunk-4WFMOFN2.js";
|
|
141
117
|
import {
|
|
142
|
-
|
|
143
|
-
} from "../chunk-
|
|
118
|
+
EllipsisTooltip
|
|
119
|
+
} from "../chunk-WKFZ5MMN.js";
|
|
144
120
|
import {
|
|
145
|
-
|
|
146
|
-
} from "../chunk-
|
|
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,
|
package/dist/atoms/pagination.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Pagination
|
|
3
|
-
} from "../chunk-
|
|
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 = (
|
|
2234
|
-
|
|
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
|
-
|
|
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,
|