@ncds/ui-admin-mcp 1.0.0-alpha.10 → 1.0.0-alpha.12
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/bin/components.bundle.js +1 -1
- package/bin/definitions/instructions.md +119 -3
- package/bin/server.mjs +0 -0
- package/bin/tools/getComponentProps.js +1 -0
- package/bin/tools/renderToHtml.js +312 -60
- package/bin/types.d.ts +7 -0
- package/bin/utils/bemValidator.d.ts +1 -1
- package/bin/utils/compliance.js +3 -1
- package/bin/utils/dataLoader.d.ts +0 -1
- package/bin/utils/dataLoader.js +8 -16
- package/bin/utils/domEnvironment.js +1 -0
- package/bin/utils/fuzzyMatch.d.ts +4 -0
- package/bin/utils/fuzzyMatch.js +12 -3
- package/bin/utils/logger.d.ts +5 -5
- package/bin/utils/logger.js +5 -5
- package/data/_meta.json +4 -5
- package/data/badge-group.json +9 -6
- package/data/badge.json +32 -16
- package/data/bread-crumb.json +1 -1
- package/data/button-group.json +49 -0
- package/data/button.json +11 -4
- package/data/carousel-arrow.json +5 -10
- package/data/carousel-number-group.json +1 -11
- package/data/combo-box.json +5 -4
- package/data/data-grid.json +212 -0
- package/data/date-picker.json +7 -1
- package/data/dot.json +1 -1
- package/data/dropdown.json +8 -6
- package/data/empty-state.json +7 -5
- package/data/featured-icon.json +3 -2
- package/data/file-input.json +8 -2
- package/data/horizontal-tab.json +8 -7
- package/data/image-file-input.json +8 -2
- package/data/input-base.json +9 -2
- package/data/modal.json +206 -4
- package/data/notification.json +3 -2
- package/data/number-input.json +8 -2
- package/data/password-input.json +8 -2
- package/data/progress-bar.json +1 -1
- package/data/range-date-picker-with-buttons.json +12 -4
- package/data/range-date-picker.json +12 -4
- package/data/select-box.json +5 -4
- package/data/select.json +13 -24
- package/data/spinner.json +1 -1
- package/data/switch.json +16 -3
- package/data/table.json +247 -0
- package/data/tag.json +3 -2
- package/data/toggle.json +1 -1
- package/data/tooltip.json +6 -2
- package/data/vertical-tab.json +8 -6
- package/package.json +9 -4
package/data/modal.json
CHANGED
|
@@ -52,13 +52,87 @@
|
|
|
52
52
|
"usageExamples": {
|
|
53
53
|
"default": {
|
|
54
54
|
"isOpen": true,
|
|
55
|
-
"
|
|
56
|
-
"
|
|
55
|
+
"size": "md",
|
|
56
|
+
"children": [
|
|
57
|
+
{
|
|
58
|
+
"component": "modal.header",
|
|
59
|
+
"props": {
|
|
60
|
+
"title": "제목",
|
|
61
|
+
"align": "left"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"component": "modal.content",
|
|
66
|
+
"children": "모달 내용입니다."
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"component": "modal.actions",
|
|
70
|
+
"props": {
|
|
71
|
+
"layout": "horizontal",
|
|
72
|
+
"align": "stretch"
|
|
73
|
+
},
|
|
74
|
+
"children": [
|
|
75
|
+
{
|
|
76
|
+
"component": "button",
|
|
77
|
+
"props": {
|
|
78
|
+
"label": "취소",
|
|
79
|
+
"hierarchy": "secondary-gray",
|
|
80
|
+
"size": "sm"
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"component": "button",
|
|
85
|
+
"props": {
|
|
86
|
+
"label": "확인",
|
|
87
|
+
"hierarchy": "primary",
|
|
88
|
+
"size": "sm"
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
]
|
|
92
|
+
}
|
|
93
|
+
]
|
|
57
94
|
},
|
|
58
95
|
"confirm": {
|
|
59
96
|
"isOpen": true,
|
|
60
|
-
"
|
|
61
|
-
"
|
|
97
|
+
"size": "sm",
|
|
98
|
+
"children": [
|
|
99
|
+
{
|
|
100
|
+
"component": "modal.header",
|
|
101
|
+
"props": {
|
|
102
|
+
"title": "삭제 확인",
|
|
103
|
+
"align": "center"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"component": "modal.content",
|
|
108
|
+
"children": "정말 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다."
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"component": "modal.actions",
|
|
112
|
+
"props": {
|
|
113
|
+
"layout": "vertical",
|
|
114
|
+
"align": "stretch"
|
|
115
|
+
},
|
|
116
|
+
"children": [
|
|
117
|
+
{
|
|
118
|
+
"component": "button",
|
|
119
|
+
"props": {
|
|
120
|
+
"label": "삭제",
|
|
121
|
+
"hierarchy": "destructive",
|
|
122
|
+
"size": "sm"
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"component": "button",
|
|
127
|
+
"props": {
|
|
128
|
+
"label": "취소",
|
|
129
|
+
"hierarchy": "secondary-gray",
|
|
130
|
+
"size": "sm"
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
]
|
|
134
|
+
}
|
|
135
|
+
]
|
|
62
136
|
}
|
|
63
137
|
},
|
|
64
138
|
"props": {
|
|
@@ -105,6 +179,134 @@
|
|
|
105
179
|
"required": false
|
|
106
180
|
}
|
|
107
181
|
},
|
|
182
|
+
"subComponents": {
|
|
183
|
+
"Modal.Header": {
|
|
184
|
+
"props": {
|
|
185
|
+
"align": {
|
|
186
|
+
"type": "enum",
|
|
187
|
+
"required": false,
|
|
188
|
+
"values": [
|
|
189
|
+
"center",
|
|
190
|
+
"horizontal",
|
|
191
|
+
"left"
|
|
192
|
+
],
|
|
193
|
+
"default": "stretch"
|
|
194
|
+
},
|
|
195
|
+
"children": {
|
|
196
|
+
"type": "ReactNode",
|
|
197
|
+
"required": false
|
|
198
|
+
},
|
|
199
|
+
"featuredIcon": {
|
|
200
|
+
"type": "object",
|
|
201
|
+
"required": false,
|
|
202
|
+
"rawType": "{ icon: import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/types/side-slot\").SlotIconComponent; color: import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/components/featured-icon/FeaturedIcon\").FeaturedIconColor; theme: import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/components/featured-icon/FeaturedIcon\").FeaturedIconTheme; } | undefined",
|
|
203
|
+
"properties": {
|
|
204
|
+
"icon": {
|
|
205
|
+
"type": "function",
|
|
206
|
+
"required": true,
|
|
207
|
+
"semantic": "icon-component"
|
|
208
|
+
},
|
|
209
|
+
"color": {
|
|
210
|
+
"type": "enum",
|
|
211
|
+
"required": true,
|
|
212
|
+
"values": [
|
|
213
|
+
"error",
|
|
214
|
+
"neutral",
|
|
215
|
+
"success",
|
|
216
|
+
"warning"
|
|
217
|
+
]
|
|
218
|
+
},
|
|
219
|
+
"theme": {
|
|
220
|
+
"type": "enum",
|
|
221
|
+
"required": true,
|
|
222
|
+
"values": [
|
|
223
|
+
"dark-circle",
|
|
224
|
+
"light-circle",
|
|
225
|
+
"outline-circle",
|
|
226
|
+
"square-outline"
|
|
227
|
+
]
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
},
|
|
231
|
+
"hideCloseButton": {
|
|
232
|
+
"type": "boolean",
|
|
233
|
+
"required": false,
|
|
234
|
+
"default": false
|
|
235
|
+
},
|
|
236
|
+
"onClose": {
|
|
237
|
+
"type": "function",
|
|
238
|
+
"required": true
|
|
239
|
+
},
|
|
240
|
+
"showDivider": {
|
|
241
|
+
"type": "boolean",
|
|
242
|
+
"required": false,
|
|
243
|
+
"default": false
|
|
244
|
+
},
|
|
245
|
+
"subtitle": {
|
|
246
|
+
"type": "ReactNode",
|
|
247
|
+
"required": false
|
|
248
|
+
},
|
|
249
|
+
"title": {
|
|
250
|
+
"type": "ReactNode",
|
|
251
|
+
"required": false
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
},
|
|
255
|
+
"Modal.Content": {
|
|
256
|
+
"props": {
|
|
257
|
+
"children": {
|
|
258
|
+
"type": "ReactNode",
|
|
259
|
+
"required": true
|
|
260
|
+
},
|
|
261
|
+
"className": {
|
|
262
|
+
"type": "string",
|
|
263
|
+
"required": false
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
},
|
|
267
|
+
"Modal.Actions": {
|
|
268
|
+
"props": {
|
|
269
|
+
"align": {
|
|
270
|
+
"type": "enum",
|
|
271
|
+
"required": false,
|
|
272
|
+
"values": [
|
|
273
|
+
"center",
|
|
274
|
+
"left",
|
|
275
|
+
"right",
|
|
276
|
+
"stretch"
|
|
277
|
+
],
|
|
278
|
+
"default": "stretch"
|
|
279
|
+
},
|
|
280
|
+
"checkboxContent": {
|
|
281
|
+
"type": "ReactNode",
|
|
282
|
+
"required": false
|
|
283
|
+
},
|
|
284
|
+
"children": {
|
|
285
|
+
"type": "ReactNode",
|
|
286
|
+
"required": true
|
|
287
|
+
},
|
|
288
|
+
"className": {
|
|
289
|
+
"type": "string",
|
|
290
|
+
"required": false
|
|
291
|
+
},
|
|
292
|
+
"layout": {
|
|
293
|
+
"type": "enum",
|
|
294
|
+
"required": false,
|
|
295
|
+
"values": [
|
|
296
|
+
"checkbox",
|
|
297
|
+
"horizontal",
|
|
298
|
+
"vertical"
|
|
299
|
+
],
|
|
300
|
+
"default": "vertical"
|
|
301
|
+
},
|
|
302
|
+
"showDivider": {
|
|
303
|
+
"type": "boolean",
|
|
304
|
+
"required": false,
|
|
305
|
+
"default": false
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
}
|
|
309
|
+
},
|
|
108
310
|
"html": {},
|
|
109
311
|
"bemClasses": [
|
|
110
312
|
"ncua-modal",
|
package/data/notification.json
CHANGED
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"actions": {
|
|
58
58
|
"type": "object",
|
|
59
59
|
"required": false,
|
|
60
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
60
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/components/notification/Notification\").NotificationAction[] | undefined",
|
|
61
61
|
"properties": {
|
|
62
62
|
"label": {
|
|
63
63
|
"type": "string",
|
|
@@ -100,7 +100,8 @@
|
|
|
100
100
|
},
|
|
101
101
|
"icon": {
|
|
102
102
|
"type": "function",
|
|
103
|
-
"required": false
|
|
103
|
+
"required": false,
|
|
104
|
+
"semantic": "icon-component"
|
|
104
105
|
},
|
|
105
106
|
"onClose": {
|
|
106
107
|
"type": "function",
|
package/data/number-input.json
CHANGED
|
@@ -52,6 +52,10 @@
|
|
|
52
52
|
"type": "boolean",
|
|
53
53
|
"required": false
|
|
54
54
|
},
|
|
55
|
+
"fullWidth": {
|
|
56
|
+
"type": "boolean",
|
|
57
|
+
"required": false
|
|
58
|
+
},
|
|
55
59
|
"hintText": {
|
|
56
60
|
"type": "string",
|
|
57
61
|
"required": false
|
|
@@ -75,7 +79,8 @@
|
|
|
75
79
|
},
|
|
76
80
|
"icon": {
|
|
77
81
|
"type": "function",
|
|
78
|
-
"required": false
|
|
82
|
+
"required": false,
|
|
83
|
+
"semantic": "icon-component"
|
|
79
84
|
},
|
|
80
85
|
"size": {
|
|
81
86
|
"type": "number",
|
|
@@ -198,7 +203,8 @@
|
|
|
198
203
|
},
|
|
199
204
|
"icon": {
|
|
200
205
|
"type": "function",
|
|
201
|
-
"required": false
|
|
206
|
+
"required": false,
|
|
207
|
+
"semantic": "icon-component"
|
|
202
208
|
},
|
|
203
209
|
"size": {
|
|
204
210
|
"type": "number",
|
package/data/password-input.json
CHANGED
|
@@ -42,6 +42,10 @@
|
|
|
42
42
|
"type": "boolean",
|
|
43
43
|
"required": false
|
|
44
44
|
},
|
|
45
|
+
"fullWidth": {
|
|
46
|
+
"type": "boolean",
|
|
47
|
+
"required": false
|
|
48
|
+
},
|
|
45
49
|
"hintText": {
|
|
46
50
|
"type": "string",
|
|
47
51
|
"required": false
|
|
@@ -65,7 +69,8 @@
|
|
|
65
69
|
},
|
|
66
70
|
"icon": {
|
|
67
71
|
"type": "function",
|
|
68
|
-
"required": false
|
|
72
|
+
"required": false,
|
|
73
|
+
"semantic": "icon-component"
|
|
69
74
|
},
|
|
70
75
|
"size": {
|
|
71
76
|
"type": "number",
|
|
@@ -167,7 +172,8 @@
|
|
|
167
172
|
},
|
|
168
173
|
"icon": {
|
|
169
174
|
"type": "function",
|
|
170
|
-
"required": false
|
|
175
|
+
"required": false,
|
|
176
|
+
"semantic": "icon-component"
|
|
171
177
|
},
|
|
172
178
|
"size": {
|
|
173
179
|
"type": "number",
|
package/data/progress-bar.json
CHANGED
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"segments": {
|
|
52
52
|
"type": "object",
|
|
53
53
|
"required": false,
|
|
54
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
54
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/components/progress-bar/types\").ProgressSegment[] | undefined",
|
|
55
55
|
"properties": {
|
|
56
56
|
"value": {
|
|
57
57
|
"type": "number",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"endDateOptions": {
|
|
62
62
|
"type": "object",
|
|
63
63
|
"required": true,
|
|
64
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
64
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/components/date-picker/DatePicker\").DatePickerProps",
|
|
65
65
|
"properties": {
|
|
66
66
|
"size": {
|
|
67
67
|
"type": "enum",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"datePickerOptions": {
|
|
83
83
|
"type": "object",
|
|
84
84
|
"required": false,
|
|
85
|
-
"rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/
|
|
85
|
+
"rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/ncds/node_modules/.pnpm/flatpickr@4.6.13/node_modules/flatpickr/dist/types/options\").BaseOptions> | undefined"
|
|
86
86
|
},
|
|
87
87
|
"destructive": {
|
|
88
88
|
"type": "string",
|
|
@@ -100,6 +100,10 @@
|
|
|
100
100
|
"type": "string",
|
|
101
101
|
"required": false
|
|
102
102
|
},
|
|
103
|
+
"portal": {
|
|
104
|
+
"type": "boolean",
|
|
105
|
+
"required": false
|
|
106
|
+
},
|
|
103
107
|
"onChangeDate": {
|
|
104
108
|
"type": "function",
|
|
105
109
|
"required": true
|
|
@@ -140,7 +144,7 @@
|
|
|
140
144
|
"startDateOptions": {
|
|
141
145
|
"type": "object",
|
|
142
146
|
"required": true,
|
|
143
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
147
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/components/date-picker/DatePicker\").DatePickerProps",
|
|
144
148
|
"properties": {
|
|
145
149
|
"size": {
|
|
146
150
|
"type": "enum",
|
|
@@ -161,7 +165,7 @@
|
|
|
161
165
|
"datePickerOptions": {
|
|
162
166
|
"type": "object",
|
|
163
167
|
"required": false,
|
|
164
|
-
"rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/
|
|
168
|
+
"rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/ncds/node_modules/.pnpm/flatpickr@4.6.13/node_modules/flatpickr/dist/types/options\").BaseOptions> | undefined"
|
|
165
169
|
},
|
|
166
170
|
"destructive": {
|
|
167
171
|
"type": "string",
|
|
@@ -179,6 +183,10 @@
|
|
|
179
183
|
"type": "string",
|
|
180
184
|
"required": false
|
|
181
185
|
},
|
|
186
|
+
"portal": {
|
|
187
|
+
"type": "boolean",
|
|
188
|
+
"required": false
|
|
189
|
+
},
|
|
182
190
|
"onChangeDate": {
|
|
183
191
|
"type": "function",
|
|
184
192
|
"required": true
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"endDateOptions": {
|
|
67
67
|
"type": "object",
|
|
68
68
|
"required": true,
|
|
69
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
69
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/components/date-picker/DatePicker\").DatePickerProps",
|
|
70
70
|
"properties": {
|
|
71
71
|
"size": {
|
|
72
72
|
"type": "enum",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"datePickerOptions": {
|
|
88
88
|
"type": "object",
|
|
89
89
|
"required": false,
|
|
90
|
-
"rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/
|
|
90
|
+
"rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/ncds/node_modules/.pnpm/flatpickr@4.6.13/node_modules/flatpickr/dist/types/options\").BaseOptions> | undefined"
|
|
91
91
|
},
|
|
92
92
|
"destructive": {
|
|
93
93
|
"type": "string",
|
|
@@ -105,6 +105,10 @@
|
|
|
105
105
|
"type": "string",
|
|
106
106
|
"required": false
|
|
107
107
|
},
|
|
108
|
+
"portal": {
|
|
109
|
+
"type": "boolean",
|
|
110
|
+
"required": false
|
|
111
|
+
},
|
|
108
112
|
"onChangeDate": {
|
|
109
113
|
"type": "function",
|
|
110
114
|
"required": true
|
|
@@ -131,7 +135,7 @@
|
|
|
131
135
|
"startDateOptions": {
|
|
132
136
|
"type": "object",
|
|
133
137
|
"required": true,
|
|
134
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
138
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/components/date-picker/DatePicker\").DatePickerProps",
|
|
135
139
|
"properties": {
|
|
136
140
|
"size": {
|
|
137
141
|
"type": "enum",
|
|
@@ -152,7 +156,7 @@
|
|
|
152
156
|
"datePickerOptions": {
|
|
153
157
|
"type": "object",
|
|
154
158
|
"required": false,
|
|
155
|
-
"rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/
|
|
159
|
+
"rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/ncds/node_modules/.pnpm/flatpickr@4.6.13/node_modules/flatpickr/dist/types/options\").BaseOptions> | undefined"
|
|
156
160
|
},
|
|
157
161
|
"destructive": {
|
|
158
162
|
"type": "string",
|
|
@@ -170,6 +174,10 @@
|
|
|
170
174
|
"type": "string",
|
|
171
175
|
"required": false
|
|
172
176
|
},
|
|
177
|
+
"portal": {
|
|
178
|
+
"type": "boolean",
|
|
179
|
+
"required": false
|
|
180
|
+
},
|
|
173
181
|
"onChangeDate": {
|
|
174
182
|
"type": "function",
|
|
175
183
|
"required": true
|
package/data/select-box.json
CHANGED
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
"optionItems": {
|
|
107
107
|
"type": "object",
|
|
108
108
|
"required": false,
|
|
109
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
109
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/types/dropdown/option\").OptionType[] | undefined",
|
|
110
110
|
"properties": {
|
|
111
111
|
"id": {
|
|
112
112
|
"type": "string",
|
|
@@ -119,7 +119,8 @@
|
|
|
119
119
|
},
|
|
120
120
|
"icon": {
|
|
121
121
|
"type": "function",
|
|
122
|
-
"required": false
|
|
122
|
+
"required": false,
|
|
123
|
+
"semantic": "icon-component"
|
|
123
124
|
}
|
|
124
125
|
},
|
|
125
126
|
"default": "[]"
|
|
@@ -132,7 +133,7 @@
|
|
|
132
133
|
"register": {
|
|
133
134
|
"type": "object",
|
|
134
135
|
"required": false,
|
|
135
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
136
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/node_modules/.pnpm/react-hook-form@7.72.0_react@18.2.0/node_modules/react-hook-form/dist/types/form\").UseFormRegisterReturn | undefined"
|
|
136
137
|
},
|
|
137
138
|
"size": {
|
|
138
139
|
"type": "enum",
|
|
@@ -156,7 +157,7 @@
|
|
|
156
157
|
"value": {
|
|
157
158
|
"type": "object",
|
|
158
159
|
"required": false,
|
|
159
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
160
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/types/dropdown/option\").OptionValue | undefined"
|
|
160
161
|
}
|
|
161
162
|
},
|
|
162
163
|
"html": {},
|
package/data/select.json
CHANGED
|
@@ -4,30 +4,18 @@
|
|
|
4
4
|
"importPath": "@ncds/ui-admin",
|
|
5
5
|
"jsRequired": false,
|
|
6
6
|
"category": "input",
|
|
7
|
-
"description": "네이티브 HTML select
|
|
7
|
+
"description": "네이티브 HTML select 래퍼입니다. 대부분의 경우 select-box를 사용하세요. 네이티브 select가 명시적으로 필요한 경우에만 사용합니다.",
|
|
8
8
|
"aliases": [
|
|
9
|
-
"셀렉트",
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"정렬",
|
|
15
|
-
"필터",
|
|
16
|
-
"Select",
|
|
17
|
-
"SelectBox",
|
|
18
|
-
"셀렉트박스",
|
|
19
|
-
"Dropdown",
|
|
20
|
-
"드롭다운",
|
|
21
|
-
"옵션선택",
|
|
22
|
-
"placeholder",
|
|
23
|
-
"react-hook-form",
|
|
24
|
-
"Single Select"
|
|
9
|
+
"네이티브 셀렉트",
|
|
10
|
+
"native select",
|
|
11
|
+
"HTML select",
|
|
12
|
+
"기본 선택",
|
|
13
|
+
"react-hook-form"
|
|
25
14
|
],
|
|
26
15
|
"hasChildren": true,
|
|
27
16
|
"whenToUse": [
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"옵션 수 6개 이상이거나 공간이 제한적인 경우"
|
|
17
|
+
"네이티브 HTML select가 명시적으로 필요한 경우만",
|
|
18
|
+
"react-hook-form 등 폼 라이브러리와 직접 연동이 필요한 경우"
|
|
31
19
|
],
|
|
32
20
|
"forbiddenRules": [
|
|
33
21
|
"옵션 2개(반대 의미)이면 Switch 우선",
|
|
@@ -64,7 +52,7 @@
|
|
|
64
52
|
"optionItems": {
|
|
65
53
|
"type": "object",
|
|
66
54
|
"required": false,
|
|
67
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
55
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/packages/ui-admin/src/types/dropdown/option\").OptionType[] | undefined",
|
|
68
56
|
"properties": {
|
|
69
57
|
"id": {
|
|
70
58
|
"type": "string",
|
|
@@ -77,7 +65,8 @@
|
|
|
77
65
|
},
|
|
78
66
|
"icon": {
|
|
79
67
|
"type": "function",
|
|
80
|
-
"required": false
|
|
68
|
+
"required": false,
|
|
69
|
+
"semantic": "icon-component"
|
|
81
70
|
}
|
|
82
71
|
}
|
|
83
72
|
},
|
|
@@ -88,7 +77,7 @@
|
|
|
88
77
|
"register": {
|
|
89
78
|
"type": "object",
|
|
90
79
|
"required": false,
|
|
91
|
-
"rawType": "import(\"/Users/nhncommerce/Desktop/company/
|
|
80
|
+
"rawType": "import(\"/Users/nhncommerce/Desktop/company/ncds/node_modules/.pnpm/react-hook-form@7.72.0_react@18.2.0/node_modules/react-hook-form/dist/types/form\").UseFormRegisterReturn | undefined"
|
|
92
81
|
},
|
|
93
82
|
"size": {
|
|
94
83
|
"type": "enum",
|
|
@@ -98,7 +87,7 @@
|
|
|
98
87
|
"sm",
|
|
99
88
|
"xs"
|
|
100
89
|
],
|
|
101
|
-
"default": "
|
|
90
|
+
"default": "xs"
|
|
102
91
|
},
|
|
103
92
|
"type": {
|
|
104
93
|
"type": "enum",
|
package/data/spinner.json
CHANGED
package/data/switch.json
CHANGED
|
@@ -123,9 +123,14 @@
|
|
|
123
123
|
}
|
|
124
124
|
},
|
|
125
125
|
"size": {
|
|
126
|
-
"type": "
|
|
126
|
+
"type": "enum",
|
|
127
127
|
"required": false,
|
|
128
|
-
"
|
|
128
|
+
"values": [
|
|
129
|
+
"md",
|
|
130
|
+
"sm",
|
|
131
|
+
"xs",
|
|
132
|
+
"xxs"
|
|
133
|
+
],
|
|
129
134
|
"default": "xs"
|
|
130
135
|
},
|
|
131
136
|
"value": {
|
|
@@ -138,6 +143,10 @@
|
|
|
138
143
|
"bemClasses": [
|
|
139
144
|
"ncua-switch",
|
|
140
145
|
"ncua-switch--disabled",
|
|
146
|
+
"ncua-switch--md",
|
|
147
|
+
"ncua-switch--sm",
|
|
148
|
+
"ncua-switch--xs",
|
|
149
|
+
"ncua-switch--xxs",
|
|
141
150
|
"ncua-switch__label",
|
|
142
151
|
"ncua-switch__option",
|
|
143
152
|
"ncua-switch__option--active",
|
|
@@ -150,7 +159,11 @@
|
|
|
150
159
|
"usage": {
|
|
151
160
|
"import": "import { Switch } from '@ncds/ui-admin';",
|
|
152
161
|
"react": {
|
|
153
|
-
"default": "<Switch left=\"\" name=\"\" right=\"\" />"
|
|
162
|
+
"default": "<Switch left=\"\" name=\"\" right=\"\" />",
|
|
163
|
+
"size:md": "<Switch size=\"md\" left=\"\" name=\"\" right=\"\" />",
|
|
164
|
+
"size:sm": "<Switch size=\"sm\" left=\"\" name=\"\" right=\"\" />",
|
|
165
|
+
"size:xs": "<Switch size=\"xs\" left=\"\" name=\"\" right=\"\" />",
|
|
166
|
+
"size:xxs": "<Switch size=\"xxs\" left=\"\" name=\"\" right=\"\" />"
|
|
154
167
|
}
|
|
155
168
|
}
|
|
156
169
|
}
|