@ncds/ui-admin-mcp 1.0.0-alpha.7 → 1.0.0-alpha.9

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 (40) hide show
  1. package/bin/definitions/instructions.md +14 -2
  2. package/bin/definitions/rules.json +2 -1
  3. package/bin/server.js +39 -18
  4. package/bin/tools/renderToHtml.d.ts +3 -2
  5. package/bin/tools/renderToHtml.js +119 -126
  6. package/bin/types.d.ts +9 -0
  7. package/bin/utils/dataLoader.d.ts +1 -10
  8. package/bin/utils/response.d.ts +2 -0
  9. package/bin/utils/response.js +7 -1
  10. package/data/_tokens.json +8 -8
  11. package/data/badge-group.json +177 -3
  12. package/data/badge.json +118 -2
  13. package/data/bread-crumb.json +22 -2
  14. package/data/button.json +118 -2
  15. package/data/combo-box.json +19 -3
  16. package/data/date-picker.json +2 -1
  17. package/data/dropdown.json +93 -4
  18. package/data/empty-state.json +165 -2
  19. package/data/featured-icon.json +1 -1
  20. package/data/file-input.json +158 -4
  21. package/data/horizontal-tab.json +216 -1
  22. package/data/image-file-input.json +158 -4
  23. package/data/input-base.json +156 -2
  24. package/data/notification.json +21 -3
  25. package/data/number-input.json +156 -2
  26. package/data/password-input.json +220 -2
  27. package/data/progress-bar.json +21 -2
  28. package/data/range-date-picker-with-buttons.json +159 -6
  29. package/data/range-date-picker.json +158 -5
  30. package/data/select-box.json +19 -3
  31. package/data/select.json +19 -3
  32. package/data/spinner.json +1 -2
  33. package/data/switch.json +24 -2
  34. package/data/tag.json +59 -1
  35. package/data/vertical-tab.json +217 -2
  36. package/package.json +1 -1
  37. package/bin/instructions.d.ts +0 -1
  38. package/bin/instructions.js +0 -14
  39. package/bin/tools/getComponentHtml.d.ts +0 -3
  40. package/bin/tools/getComponentHtml.js +0 -30
@@ -62,7 +62,80 @@
62
62
  },
63
63
  "leadingElement": {
64
64
  "type": "object",
65
- "required": false
65
+ "required": false,
66
+ "properties": {
67
+ "type": {
68
+ "type": "string",
69
+ "required": true,
70
+ "rawType": "\"text\""
71
+ },
72
+ "text": {
73
+ "type": "string",
74
+ "required": false
75
+ },
76
+ "icon": {
77
+ "type": "function",
78
+ "required": false
79
+ },
80
+ "size": {
81
+ "type": "number",
82
+ "required": false
83
+ },
84
+ "color": {
85
+ "type": "enum",
86
+ "required": false,
87
+ "values": [
88
+ "black",
89
+ "blue500",
90
+ "blue600",
91
+ "currentColor",
92
+ "gray100",
93
+ "gray200",
94
+ "gray300",
95
+ "gray400",
96
+ "gray500",
97
+ "gray600",
98
+ "gray700",
99
+ "green500",
100
+ "green600",
101
+ "orange500",
102
+ "orange600",
103
+ "pink100",
104
+ "pink600",
105
+ "red500",
106
+ "red600",
107
+ "secondary-gray-blue-100",
108
+ "secondary-gray-blue-200",
109
+ "secondary-gray-blue-300",
110
+ "secondary-gray-blue-400",
111
+ "secondary-gray-blue-450",
112
+ "secondary-gray-blue-50",
113
+ "secondary-gray-blue-500",
114
+ "secondary-gray-blue-600",
115
+ "secondary-gray-blue-700",
116
+ "violet300",
117
+ "violet600",
118
+ "white",
119
+ "yellow600"
120
+ ]
121
+ },
122
+ "className": {
123
+ "type": "string",
124
+ "required": false
125
+ },
126
+ "children": {
127
+ "type": "ReactNode",
128
+ "required": false
129
+ },
130
+ "placement": {
131
+ "type": "enum",
132
+ "required": false,
133
+ "values": [
134
+ "inside",
135
+ "outside"
136
+ ]
137
+ }
138
+ }
66
139
  },
67
140
  "maxLength": {
68
141
  "type": "number",
@@ -116,7 +189,88 @@
116
189
  },
117
190
  "trailingElement": {
118
191
  "type": "object",
119
- "required": false
192
+ "required": false,
193
+ "properties": {
194
+ "type": {
195
+ "type": "string",
196
+ "required": true,
197
+ "rawType": "\"icon\""
198
+ },
199
+ "icon": {
200
+ "type": "function",
201
+ "required": false
202
+ },
203
+ "size": {
204
+ "type": "number",
205
+ "required": false
206
+ },
207
+ "color": {
208
+ "type": "enum",
209
+ "required": false,
210
+ "values": [
211
+ "black",
212
+ "blue500",
213
+ "blue600",
214
+ "currentColor",
215
+ "gray100",
216
+ "gray200",
217
+ "gray300",
218
+ "gray400",
219
+ "gray500",
220
+ "gray600",
221
+ "gray700",
222
+ "green500",
223
+ "green600",
224
+ "orange500",
225
+ "orange600",
226
+ "pink100",
227
+ "pink600",
228
+ "red500",
229
+ "red600",
230
+ "secondary-gray-blue-100",
231
+ "secondary-gray-blue-200",
232
+ "secondary-gray-blue-300",
233
+ "secondary-gray-blue-400",
234
+ "secondary-gray-blue-450",
235
+ "secondary-gray-blue-50",
236
+ "secondary-gray-blue-500",
237
+ "secondary-gray-blue-600",
238
+ "secondary-gray-blue-700",
239
+ "violet300",
240
+ "violet600",
241
+ "white",
242
+ "yellow600"
243
+ ]
244
+ },
245
+ "className": {
246
+ "type": "string",
247
+ "required": false
248
+ },
249
+ "children": {
250
+ "type": "ReactNode",
251
+ "required": false
252
+ },
253
+ "placement": {
254
+ "type": "enum",
255
+ "required": false,
256
+ "values": [
257
+ "inside",
258
+ "outside"
259
+ ]
260
+ },
261
+ "label": {
262
+ "type": "string",
263
+ "required": false
264
+ },
265
+ "isSubmit": {
266
+ "type": "boolean",
267
+ "required": false
268
+ },
269
+ "onClick": {
270
+ "type": "function",
271
+ "required": false
272
+ }
273
+ }
120
274
  },
121
275
  "validation": {
122
276
  "type": "boolean",
@@ -29,7 +29,223 @@
29
29
  "seeAlso": [
30
30
  "input"
31
31
  ],
32
- "props": {},
32
+ "props": {
33
+ "clearText": {
34
+ "type": "boolean",
35
+ "required": false
36
+ },
37
+ "destructive": {
38
+ "type": "boolean",
39
+ "required": false
40
+ },
41
+ "disabled": {
42
+ "type": "boolean",
43
+ "required": false
44
+ },
45
+ "hintText": {
46
+ "type": "string",
47
+ "required": false
48
+ },
49
+ "label": {
50
+ "type": "string",
51
+ "required": false
52
+ },
53
+ "leadingElement": {
54
+ "type": "object",
55
+ "required": false,
56
+ "properties": {
57
+ "type": {
58
+ "type": "string",
59
+ "required": true,
60
+ "rawType": "\"text\""
61
+ },
62
+ "text": {
63
+ "type": "string",
64
+ "required": false
65
+ },
66
+ "icon": {
67
+ "type": "function",
68
+ "required": false
69
+ },
70
+ "size": {
71
+ "type": "number",
72
+ "required": false
73
+ },
74
+ "color": {
75
+ "type": "enum",
76
+ "required": false,
77
+ "values": [
78
+ "black",
79
+ "blue500",
80
+ "blue600",
81
+ "currentColor",
82
+ "gray100",
83
+ "gray200",
84
+ "gray300",
85
+ "gray400",
86
+ "gray500",
87
+ "gray600",
88
+ "gray700",
89
+ "green500",
90
+ "green600",
91
+ "orange500",
92
+ "orange600",
93
+ "pink100",
94
+ "pink600",
95
+ "red500",
96
+ "red600",
97
+ "secondary-gray-blue-100",
98
+ "secondary-gray-blue-200",
99
+ "secondary-gray-blue-300",
100
+ "secondary-gray-blue-400",
101
+ "secondary-gray-blue-450",
102
+ "secondary-gray-blue-50",
103
+ "secondary-gray-blue-500",
104
+ "secondary-gray-blue-600",
105
+ "secondary-gray-blue-700",
106
+ "violet300",
107
+ "violet600",
108
+ "white",
109
+ "yellow600"
110
+ ]
111
+ },
112
+ "className": {
113
+ "type": "string",
114
+ "required": false
115
+ },
116
+ "children": {
117
+ "type": "ReactNode",
118
+ "required": false
119
+ },
120
+ "placement": {
121
+ "type": "enum",
122
+ "required": false,
123
+ "values": [
124
+ "inside",
125
+ "outside"
126
+ ]
127
+ }
128
+ }
129
+ },
130
+ "maxLength": {
131
+ "type": "number",
132
+ "required": false
133
+ },
134
+ "onClearText": {
135
+ "type": "function",
136
+ "required": false
137
+ },
138
+ "required": {
139
+ "type": "boolean",
140
+ "required": false
141
+ },
142
+ "showHelpIcon": {
143
+ "type": "boolean",
144
+ "required": false
145
+ },
146
+ "showTextCount": {
147
+ "type": "boolean",
148
+ "required": false
149
+ },
150
+ "size": {
151
+ "type": "enum",
152
+ "required": false,
153
+ "values": [
154
+ "sm",
155
+ "xs"
156
+ ],
157
+ "default": "xs"
158
+ },
159
+ "trailingElement": {
160
+ "type": "object",
161
+ "required": false,
162
+ "properties": {
163
+ "type": {
164
+ "type": "string",
165
+ "required": true,
166
+ "rawType": "\"icon\""
167
+ },
168
+ "icon": {
169
+ "type": "function",
170
+ "required": false
171
+ },
172
+ "size": {
173
+ "type": "number",
174
+ "required": false
175
+ },
176
+ "color": {
177
+ "type": "enum",
178
+ "required": false,
179
+ "values": [
180
+ "black",
181
+ "blue500",
182
+ "blue600",
183
+ "currentColor",
184
+ "gray100",
185
+ "gray200",
186
+ "gray300",
187
+ "gray400",
188
+ "gray500",
189
+ "gray600",
190
+ "gray700",
191
+ "green500",
192
+ "green600",
193
+ "orange500",
194
+ "orange600",
195
+ "pink100",
196
+ "pink600",
197
+ "red500",
198
+ "red600",
199
+ "secondary-gray-blue-100",
200
+ "secondary-gray-blue-200",
201
+ "secondary-gray-blue-300",
202
+ "secondary-gray-blue-400",
203
+ "secondary-gray-blue-450",
204
+ "secondary-gray-blue-50",
205
+ "secondary-gray-blue-500",
206
+ "secondary-gray-blue-600",
207
+ "secondary-gray-blue-700",
208
+ "violet300",
209
+ "violet600",
210
+ "white",
211
+ "yellow600"
212
+ ]
213
+ },
214
+ "className": {
215
+ "type": "string",
216
+ "required": false
217
+ },
218
+ "children": {
219
+ "type": "ReactNode",
220
+ "required": false
221
+ },
222
+ "placement": {
223
+ "type": "enum",
224
+ "required": false,
225
+ "values": [
226
+ "inside",
227
+ "outside"
228
+ ]
229
+ },
230
+ "label": {
231
+ "type": "string",
232
+ "required": false
233
+ },
234
+ "isSubmit": {
235
+ "type": "boolean",
236
+ "required": false
237
+ },
238
+ "onClick": {
239
+ "type": "function",
240
+ "required": false
241
+ }
242
+ }
243
+ },
244
+ "validation": {
245
+ "type": "boolean",
246
+ "required": false
247
+ }
248
+ },
33
249
  "html": {},
34
250
  "bemClasses": [
35
251
  "ncua-input__icon-wrap",
@@ -39,7 +255,9 @@
39
255
  "usage": {
40
256
  "import": "import { PasswordInput } from '@ncds/ui-admin';",
41
257
  "react": {
42
- "default": "<PasswordInput />"
258
+ "default": "<PasswordInput />",
259
+ "size:sm": "<PasswordInput size=\"sm\" />",
260
+ "size:xs": "<PasswordInput size=\"xs\" />"
43
261
  }
44
262
  }
45
263
  }
@@ -49,9 +49,28 @@
49
49
  ]
50
50
  },
51
51
  "segments": {
52
- "type": "string",
52
+ "type": "object",
53
53
  "required": false,
54
- "rawType": "import(\"/Users/nhncommerce/Desktop/company/ai-driven-ncds/packages/ui-admin/src/components/progress-bar/types\").ProgressSegment[] | undefined"
54
+ "rawType": "import(\"/Users/nhncommerce/Desktop/company/ai-driven-ncds/packages/ui-admin/src/components/progress-bar/types\").ProgressSegment[] | undefined",
55
+ "properties": {
56
+ "value": {
57
+ "type": "number",
58
+ "required": true
59
+ },
60
+ "color": {
61
+ "type": "enum",
62
+ "required": false,
63
+ "values": [
64
+ "blue",
65
+ "gray",
66
+ "green",
67
+ "orange",
68
+ "pink",
69
+ "red",
70
+ "violet"
71
+ ]
72
+ }
73
+ }
55
74
  },
56
75
  "showZeroLabel": {
57
76
  "type": "boolean",
@@ -40,9 +40,56 @@
40
40
  "rawType": "keyof T & string"
41
41
  },
42
42
  "endDateOptions": {
43
- "type": "string",
43
+ "type": "object",
44
44
  "required": true,
45
- "rawType": "import(\"/Users/nhncommerce/Desktop/company/ai-driven-ncds/packages/ui-admin/src/components/date-picker/DatePicker\").DatePickerProps"
45
+ "rawType": "import(\"/Users/nhncommerce/Desktop/company/ai-driven-ncds/packages/ui-admin/src/components/date-picker/DatePicker\").DatePickerProps",
46
+ "properties": {
47
+ "size": {
48
+ "type": "enum",
49
+ "required": false,
50
+ "values": [
51
+ "sm",
52
+ "xs"
53
+ ]
54
+ },
55
+ "shouldFocus": {
56
+ "type": "boolean",
57
+ "required": false
58
+ },
59
+ "currentDate": {
60
+ "type": "string",
61
+ "required": true
62
+ },
63
+ "datePickerOptions": {
64
+ "type": "object",
65
+ "required": false,
66
+ "rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/ai-driven-ncds/node_modules/flatpickr/dist/types/options\").BaseOptions> | undefined"
67
+ },
68
+ "destructive": {
69
+ "type": "string",
70
+ "required": false
71
+ },
72
+ "placeholder": {
73
+ "type": "string",
74
+ "required": false
75
+ },
76
+ "isEndDate": {
77
+ "type": "boolean",
78
+ "required": false
79
+ },
80
+ "className": {
81
+ "type": "string",
82
+ "required": false
83
+ },
84
+ "onChangeDate": {
85
+ "type": "function",
86
+ "required": true
87
+ },
88
+ "onValidationError": {
89
+ "type": "function",
90
+ "required": false
91
+ }
92
+ }
46
93
  },
47
94
  "onDateValidation": {
48
95
  "type": "function",
@@ -54,7 +101,7 @@
54
101
  "rawType": "T | undefined"
55
102
  },
56
103
  "periodKeys": {
57
- "type": "string",
104
+ "type": "object",
58
105
  "required": true,
59
106
  "rawType": "(keyof T & string)[]"
60
107
  },
@@ -72,9 +119,56 @@
72
119
  "default": "xs"
73
120
  },
74
121
  "startDateOptions": {
75
- "type": "string",
122
+ "type": "object",
76
123
  "required": true,
77
- "rawType": "import(\"/Users/nhncommerce/Desktop/company/ai-driven-ncds/packages/ui-admin/src/components/date-picker/DatePicker\").DatePickerProps"
124
+ "rawType": "import(\"/Users/nhncommerce/Desktop/company/ai-driven-ncds/packages/ui-admin/src/components/date-picker/DatePicker\").DatePickerProps",
125
+ "properties": {
126
+ "size": {
127
+ "type": "enum",
128
+ "required": false,
129
+ "values": [
130
+ "sm",
131
+ "xs"
132
+ ]
133
+ },
134
+ "shouldFocus": {
135
+ "type": "boolean",
136
+ "required": false
137
+ },
138
+ "currentDate": {
139
+ "type": "string",
140
+ "required": true
141
+ },
142
+ "datePickerOptions": {
143
+ "type": "object",
144
+ "required": false,
145
+ "rawType": "Partial<import(\"/Users/nhncommerce/Desktop/company/ai-driven-ncds/node_modules/flatpickr/dist/types/options\").BaseOptions> | undefined"
146
+ },
147
+ "destructive": {
148
+ "type": "string",
149
+ "required": false
150
+ },
151
+ "placeholder": {
152
+ "type": "string",
153
+ "required": false
154
+ },
155
+ "isEndDate": {
156
+ "type": "boolean",
157
+ "required": false
158
+ },
159
+ "className": {
160
+ "type": "string",
161
+ "required": false
162
+ },
163
+ "onChangeDate": {
164
+ "type": "function",
165
+ "required": true
166
+ },
167
+ "onValidationError": {
168
+ "type": "function",
169
+ "required": false
170
+ }
171
+ }
78
172
  },
79
173
  "useYesterdayAsEndDate": {
80
174
  "type": "boolean",
@@ -83,7 +177,66 @@
83
177
  },
84
178
  "validationOption": {
85
179
  "type": "object",
86
- "required": false
180
+ "required": false,
181
+ "properties": {
182
+ "initDate": {
183
+ "type": "object",
184
+ "required": false,
185
+ "properties": {
186
+ "startDate": {
187
+ "type": "string",
188
+ "required": false
189
+ },
190
+ "endDate": {
191
+ "type": "string",
192
+ "required": false
193
+ }
194
+ }
195
+ },
196
+ "setting": {
197
+ "type": "object",
198
+ "required": false,
199
+ "properties": {
200
+ "unit": {
201
+ "type": "enum",
202
+ "required": true,
203
+ "values": [
204
+ "M",
205
+ "Q",
206
+ "d",
207
+ "day",
208
+ "days",
209
+ "h",
210
+ "hour",
211
+ "hours",
212
+ "m",
213
+ "millisecond",
214
+ "milliseconds",
215
+ "minute",
216
+ "minutes",
217
+ "month",
218
+ "months",
219
+ "ms",
220
+ "quarter",
221
+ "quarters",
222
+ "s",
223
+ "second",
224
+ "seconds",
225
+ "w",
226
+ "week",
227
+ "weeks",
228
+ "y",
229
+ "year",
230
+ "years"
231
+ ]
232
+ },
233
+ "period": {
234
+ "type": "number",
235
+ "required": true
236
+ }
237
+ }
238
+ }
239
+ }
87
240
  }
88
241
  },
89
242
  "html": {},