@ncds/ui-admin-mcp 1.0.0-alpha.15 → 1.0.0-alpha.17
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 +17 -1
- package/bin/overrides/composition.json +1302 -0
- package/bin/tools/listSidecarOverrides.d.ts +54 -0
- package/bin/tools/listSidecarOverrides.js +96 -0
- package/bin/version.d.ts +4 -2
- package/bin/version.js +4 -2
- package/data/_icons.json +317 -2
- package/data/badge-group.json +3 -3
- package/data/badge.json +2 -2
- package/data/block-container.json +95 -0
- package/data/block-header.json +208 -0
- package/data/bread-crumb.json +1 -1
- package/data/button.json +2 -2
- package/data/combo-box.json +4 -5
- package/data/data-grid.json +24 -5
- package/data/date-picker.json +1 -1
- package/data/dropdown.json +10 -5
- package/data/empty-state.json +3 -3
- package/data/file-input.json +6 -5
- package/data/horizontal-tab.json +4 -4
- package/data/image-file-input.json +6 -5
- package/data/input-base.json +1 -1
- package/data/modal.json +6 -3
- package/data/notification.json +9 -5
- package/data/number-input.json +1 -1
- package/data/page-title.json +135 -0
- package/data/pagination.json +8 -4
- package/data/password-input.json +25 -10
- package/data/progress-bar.json +7 -6
- package/data/progress-circle.json +8 -5
- package/data/radio.json +3 -2
- package/data/range-date-picker-with-buttons.json +4 -4
- package/data/range-date-picker.json +4 -4
- package/data/select-box.json +15 -13
- package/data/select.json +2 -2
- package/data/table.json +26 -6
- package/data/tag.json +8 -5
- package/data/vertical-tab.json +4 -4
- package/package.json +6 -3
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "block-container",
|
|
3
|
+
"exportName": "BlockContainer",
|
|
4
|
+
"importPath": "@ncds/ui-admin",
|
|
5
|
+
"jsRequired": false,
|
|
6
|
+
"category": "layout",
|
|
7
|
+
"description": "Block은 하나의 UX 목적을 수행하는 독립된 레이아웃 단위입니다.",
|
|
8
|
+
"aliases": [
|
|
9
|
+
"Block",
|
|
10
|
+
"BlockContainer",
|
|
11
|
+
"블록",
|
|
12
|
+
"블록컨테이너",
|
|
13
|
+
"Block Header",
|
|
14
|
+
"Block Body",
|
|
15
|
+
"Default Block",
|
|
16
|
+
"Interactive Block",
|
|
17
|
+
"Collapsible Block",
|
|
18
|
+
"Split Layout",
|
|
19
|
+
"병렬배치",
|
|
20
|
+
"레이아웃",
|
|
21
|
+
"그룹화",
|
|
22
|
+
"위계",
|
|
23
|
+
"고정블록",
|
|
24
|
+
"block-fixed-sm",
|
|
25
|
+
"block-fixed-md",
|
|
26
|
+
"block-fixed-lg",
|
|
27
|
+
"Tree Block",
|
|
28
|
+
"Stepper",
|
|
29
|
+
"Preview",
|
|
30
|
+
"NCDS"
|
|
31
|
+
],
|
|
32
|
+
"hasChildren": true,
|
|
33
|
+
"whenToUse": [
|
|
34
|
+
"하나의 블록은 하나의 UX 목적만 가진다"
|
|
35
|
+
],
|
|
36
|
+
"forbiddenRules": [
|
|
37
|
+
"하나의 Block에 두 개 이상의 목적 혼합 금지",
|
|
38
|
+
"Block 내부에 또 다른 카드 스타일 중첩 지양",
|
|
39
|
+
"Block Border 색상 변경 금지",
|
|
40
|
+
"임의 Shadow 추가 금지",
|
|
41
|
+
"블록 간 구분선 사용 금지",
|
|
42
|
+
"블록 고정 높이 사용 금지",
|
|
43
|
+
"Block Header 생략 금지"
|
|
44
|
+
],
|
|
45
|
+
"seeAlso": [
|
|
46
|
+
"block-header",
|
|
47
|
+
"tooltip",
|
|
48
|
+
"form",
|
|
49
|
+
"table",
|
|
50
|
+
"tab",
|
|
51
|
+
"card",
|
|
52
|
+
"inline-guide"
|
|
53
|
+
],
|
|
54
|
+
"htmlElement": "section",
|
|
55
|
+
"usageExamples": {
|
|
56
|
+
"default": {
|
|
57
|
+
"children": "BlockHeader + BlockContainer.Body 구성"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"props": {
|
|
61
|
+
"children": {
|
|
62
|
+
"type": "ReactNode",
|
|
63
|
+
"required": true
|
|
64
|
+
},
|
|
65
|
+
"className": {
|
|
66
|
+
"type": "string",
|
|
67
|
+
"required": false
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
"subComponents": {
|
|
71
|
+
"BlockContainer.Body": {
|
|
72
|
+
"props": {
|
|
73
|
+
"children": {
|
|
74
|
+
"type": "ReactNode",
|
|
75
|
+
"required": true
|
|
76
|
+
},
|
|
77
|
+
"className": {
|
|
78
|
+
"type": "string",
|
|
79
|
+
"required": false
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"html": {},
|
|
85
|
+
"bemClasses": [
|
|
86
|
+
"ncua-block-container",
|
|
87
|
+
"ncua-block-container__body"
|
|
88
|
+
],
|
|
89
|
+
"usage": {
|
|
90
|
+
"import": "import { BlockContainer } from '@ncds/ui-admin';",
|
|
91
|
+
"react": {
|
|
92
|
+
"default": "<BlockContainer children=\"예시\" />"
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "block-header",
|
|
3
|
+
"exportName": "BlockHeader",
|
|
4
|
+
"importPath": "@ncds/ui-admin",
|
|
5
|
+
"jsRequired": false,
|
|
6
|
+
"category": "layout",
|
|
7
|
+
"description": "Block Header는 Block의 최상단에 위치하며, 블록의 목적과 실행 범위를 정의하는 영역입니다.",
|
|
8
|
+
"aliases": [
|
|
9
|
+
"Block Header",
|
|
10
|
+
"BlockHeader",
|
|
11
|
+
"블록헤더",
|
|
12
|
+
"Section Header",
|
|
13
|
+
"Title",
|
|
14
|
+
"Tooltip",
|
|
15
|
+
"Action",
|
|
16
|
+
"Tab",
|
|
17
|
+
"Collapsible",
|
|
18
|
+
"Grid Control",
|
|
19
|
+
"Sub Title",
|
|
20
|
+
"Required Notice",
|
|
21
|
+
"필수 안내",
|
|
22
|
+
"Divider",
|
|
23
|
+
"NCDS"
|
|
24
|
+
],
|
|
25
|
+
"hasChildren": true,
|
|
26
|
+
"whenToUse": [
|
|
27
|
+
"Block Header는 블록의 목적을 한눈에 전달하는 영역이다"
|
|
28
|
+
],
|
|
29
|
+
"forbiddenRules": [
|
|
30
|
+
"Header에 두 줄 이상의 긴 설명 지양",
|
|
31
|
+
"Header Action에 `hierarchy=\"secondary-gray\" size=\"xs\"` 외 사용 금지",
|
|
32
|
+
"Header 내부에서 아이콘 남발 금지",
|
|
33
|
+
"Header 배경색 변경 금지",
|
|
34
|
+
"페이지 단위 탭과 블록 탭 혼용 금지",
|
|
35
|
+
"Grid Control을 별도 Block으로 분리 금지",
|
|
36
|
+
"필수 마커 없는 블록에 Required Notice 표시 금지",
|
|
37
|
+
"Required Notice 고정 문구 임의 변경 금지",
|
|
38
|
+
"Required Notice 2색 구성 임의 변경 금지"
|
|
39
|
+
],
|
|
40
|
+
"seeAlso": [
|
|
41
|
+
"block-container",
|
|
42
|
+
"tooltip",
|
|
43
|
+
"tab",
|
|
44
|
+
"badge",
|
|
45
|
+
"radio-group",
|
|
46
|
+
"button",
|
|
47
|
+
"vertical-table"
|
|
48
|
+
],
|
|
49
|
+
"htmlElement": "div",
|
|
50
|
+
"usageExamples": {
|
|
51
|
+
"basic": {
|
|
52
|
+
"title": "상품 기본 정보"
|
|
53
|
+
},
|
|
54
|
+
"withTooltip": {
|
|
55
|
+
"title": "배송 설정",
|
|
56
|
+
"tooltip": "배송 방법과 기본 설정을 입력하세요."
|
|
57
|
+
},
|
|
58
|
+
"withRequiredNotice": {
|
|
59
|
+
"title": "상품 기본 정보",
|
|
60
|
+
"showRequiredNotice": true
|
|
61
|
+
},
|
|
62
|
+
"collapsible": {
|
|
63
|
+
"title": "고급 설정",
|
|
64
|
+
"collapsible": {
|
|
65
|
+
"expanded": false,
|
|
66
|
+
"onToggle": "() => {}"
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
"props": {
|
|
71
|
+
"action": {
|
|
72
|
+
"type": "ReactNode",
|
|
73
|
+
"required": false
|
|
74
|
+
},
|
|
75
|
+
"badge": {
|
|
76
|
+
"type": "ReactNode",
|
|
77
|
+
"required": false
|
|
78
|
+
},
|
|
79
|
+
"children": {
|
|
80
|
+
"type": "ReactNode",
|
|
81
|
+
"required": false
|
|
82
|
+
},
|
|
83
|
+
"className": {
|
|
84
|
+
"type": "string",
|
|
85
|
+
"required": false
|
|
86
|
+
},
|
|
87
|
+
"collapsible": {
|
|
88
|
+
"type": "function",
|
|
89
|
+
"required": false
|
|
90
|
+
},
|
|
91
|
+
"controlStrip": {
|
|
92
|
+
"type": "ReactNode",
|
|
93
|
+
"required": false
|
|
94
|
+
},
|
|
95
|
+
"description": {
|
|
96
|
+
"type": "string",
|
|
97
|
+
"required": false
|
|
98
|
+
},
|
|
99
|
+
"showDivider": {
|
|
100
|
+
"type": "boolean",
|
|
101
|
+
"required": false,
|
|
102
|
+
"default": true
|
|
103
|
+
},
|
|
104
|
+
"showRequiredNotice": {
|
|
105
|
+
"type": "boolean",
|
|
106
|
+
"required": false,
|
|
107
|
+
"default": false
|
|
108
|
+
},
|
|
109
|
+
"title": {
|
|
110
|
+
"type": "ReactNode",
|
|
111
|
+
"required": true
|
|
112
|
+
},
|
|
113
|
+
"tooltip": {
|
|
114
|
+
"type": "string",
|
|
115
|
+
"required": false
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
"subComponents": {
|
|
119
|
+
"BlockHeader.SubTitle": {
|
|
120
|
+
"props": {
|
|
121
|
+
"action": {
|
|
122
|
+
"type": "ReactNode",
|
|
123
|
+
"required": false
|
|
124
|
+
},
|
|
125
|
+
"className": {
|
|
126
|
+
"type": "string",
|
|
127
|
+
"required": false
|
|
128
|
+
},
|
|
129
|
+
"description": {
|
|
130
|
+
"type": "string",
|
|
131
|
+
"required": false
|
|
132
|
+
},
|
|
133
|
+
"error": {
|
|
134
|
+
"type": "string",
|
|
135
|
+
"required": false
|
|
136
|
+
},
|
|
137
|
+
"required": {
|
|
138
|
+
"type": "boolean",
|
|
139
|
+
"required": false,
|
|
140
|
+
"default": false
|
|
141
|
+
},
|
|
142
|
+
"showDivider": {
|
|
143
|
+
"type": "boolean",
|
|
144
|
+
"required": false,
|
|
145
|
+
"default": true
|
|
146
|
+
},
|
|
147
|
+
"showRequiredNotice": {
|
|
148
|
+
"type": "boolean",
|
|
149
|
+
"required": false,
|
|
150
|
+
"default": false
|
|
151
|
+
},
|
|
152
|
+
"size": {
|
|
153
|
+
"type": "enum",
|
|
154
|
+
"required": false,
|
|
155
|
+
"values": [
|
|
156
|
+
"middle",
|
|
157
|
+
"sm",
|
|
158
|
+
"xs"
|
|
159
|
+
],
|
|
160
|
+
"default": "sm"
|
|
161
|
+
},
|
|
162
|
+
"title": {
|
|
163
|
+
"type": "ReactNode",
|
|
164
|
+
"required": true
|
|
165
|
+
},
|
|
166
|
+
"tooltip": {
|
|
167
|
+
"type": "string",
|
|
168
|
+
"required": false
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
},
|
|
173
|
+
"html": {},
|
|
174
|
+
"bemClasses": [
|
|
175
|
+
"ncua-block-header",
|
|
176
|
+
"ncua-block-header--column",
|
|
177
|
+
"ncua-block-header--has-control-strip",
|
|
178
|
+
"ncua-block-header--has-tab",
|
|
179
|
+
"ncua-block-header--is-required",
|
|
180
|
+
"ncua-block-header--no-divider",
|
|
181
|
+
"ncua-block-header__action-area",
|
|
182
|
+
"ncua-block-header__badge",
|
|
183
|
+
"ncua-block-header__collapsible-btn",
|
|
184
|
+
"ncua-block-header__control-strip",
|
|
185
|
+
"ncua-block-header__description",
|
|
186
|
+
"ncua-block-header__required-notice",
|
|
187
|
+
"ncua-block-header__required-notice--gray",
|
|
188
|
+
"ncua-block-header__required-notice--red",
|
|
189
|
+
"ncua-block-header__row",
|
|
190
|
+
"ncua-block-header__tabs",
|
|
191
|
+
"ncua-block-header__title",
|
|
192
|
+
"ncua-block-header__title-area",
|
|
193
|
+
"ncua-sub-title",
|
|
194
|
+
"ncua-sub-title__action",
|
|
195
|
+
"ncua-sub-title__description",
|
|
196
|
+
"ncua-sub-title__error",
|
|
197
|
+
"ncua-sub-title__required-marker",
|
|
198
|
+
"ncua-sub-title__title",
|
|
199
|
+
"ncua-sub-title__title-area",
|
|
200
|
+
"ncua-sub-title__title-row"
|
|
201
|
+
],
|
|
202
|
+
"usage": {
|
|
203
|
+
"import": "import { BlockHeader } from '@ncds/ui-admin';",
|
|
204
|
+
"react": {
|
|
205
|
+
"default": "<BlockHeader title=\"예시\" />"
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}
|
package/data/bread-crumb.json
CHANGED
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"items": {
|
|
58
58
|
"type": "object",
|
|
59
59
|
"required": true,
|
|
60
|
-
"rawType": "import(\"/Users/
|
|
60
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/navigation/bread-crumb/BreadCrumb\").BreadcrumbItemProps[]",
|
|
61
61
|
"properties": {
|
|
62
62
|
"href": {
|
|
63
63
|
"type": "string",
|
package/data/button.json
CHANGED
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"leadingIcon": {
|
|
78
78
|
"type": "object",
|
|
79
79
|
"required": false,
|
|
80
|
-
"rawType": "import(\"/Users/
|
|
80
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
|
|
81
81
|
"properties": {
|
|
82
82
|
"type": {
|
|
83
83
|
"type": "string",
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
"trailingIcon": {
|
|
159
159
|
"type": "object",
|
|
160
160
|
"required": false,
|
|
161
|
-
"rawType": "import(\"/Users/
|
|
161
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
|
|
162
162
|
"properties": {
|
|
163
163
|
"type": {
|
|
164
164
|
"type": "string",
|
package/data/combo-box.json
CHANGED
|
@@ -40,8 +40,7 @@
|
|
|
40
40
|
"Clear 버튼 없이 입력 유지 강제 금지"
|
|
41
41
|
],
|
|
42
42
|
"seeAlso": [
|
|
43
|
-
"
|
|
44
|
-
"select"
|
|
43
|
+
"button"
|
|
45
44
|
],
|
|
46
45
|
"htmlElement": "div",
|
|
47
46
|
"props": {
|
|
@@ -92,7 +91,7 @@
|
|
|
92
91
|
"optionItems": {
|
|
93
92
|
"type": "object",
|
|
94
93
|
"required": false,
|
|
95
|
-
"rawType": "import(\"/Users/
|
|
94
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/dropdown/option\").OptionType[] | undefined",
|
|
96
95
|
"properties": {
|
|
97
96
|
"id": {
|
|
98
97
|
"type": "string",
|
|
@@ -119,7 +118,7 @@
|
|
|
119
118
|
"register": {
|
|
120
119
|
"type": "object",
|
|
121
120
|
"required": false,
|
|
122
|
-
"rawType": "import(\"/Users/
|
|
121
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/node_modules/.pnpm/react-hook-form@7.72.0_react@18.2.0/node_modules/react-hook-form/dist/types/form\").UseFormRegisterReturn | undefined"
|
|
123
122
|
},
|
|
124
123
|
"required": {
|
|
125
124
|
"type": "boolean",
|
|
@@ -148,7 +147,7 @@
|
|
|
148
147
|
"value": {
|
|
149
148
|
"type": "object",
|
|
150
149
|
"required": false,
|
|
151
|
-
"rawType": "import(\"/Users/
|
|
150
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/dropdown/option\").OptionValue | undefined"
|
|
152
151
|
}
|
|
153
152
|
},
|
|
154
153
|
"html": {},
|
package/data/data-grid.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"importPath": "@ncds/ui-admin",
|
|
5
5
|
"jsRequired": false,
|
|
6
6
|
"category": "data-display",
|
|
7
|
-
"description": "DataGrid는 관리자 화면에서 대량의 데이터를 테이블 형태로 조회·관리하기 위한 핵심 컴포넌트입니다.",
|
|
7
|
+
"description": "DataGrid는 관리자 화면에서 대량의 데이터를 테이블 형태로 조회·관리하기 위한 핵심 컴포넌트입니다. 조회 결과 리스트, 일반 가로형·세로형 테이블로 구분되며, Header·데이터 필드·선택·액션·필터·정렬·페이지네이션·검색결과 영역 등으로 구성됩니다.",
|
|
8
8
|
"aliases": [
|
|
9
9
|
"DataGrid",
|
|
10
10
|
"데이터그리드",
|
|
@@ -41,10 +41,29 @@
|
|
|
41
41
|
"maxHeight",
|
|
42
42
|
"hoverable",
|
|
43
43
|
"selectable",
|
|
44
|
-
"NCDS"
|
|
44
|
+
"NCDS",
|
|
45
|
+
"가로스크롤",
|
|
46
|
+
"horizontal scroll",
|
|
47
|
+
"scrollX",
|
|
48
|
+
"overflow-x",
|
|
49
|
+
"column min-width",
|
|
50
|
+
"셀 최소 너비",
|
|
51
|
+
"셀 최소 글자수",
|
|
52
|
+
"1140",
|
|
53
|
+
"table min-width",
|
|
54
|
+
"줄바꿈",
|
|
55
|
+
"word-break",
|
|
56
|
+
"콘텐츠 타입별 차등",
|
|
57
|
+
"2단 wrapper",
|
|
58
|
+
"Portal",
|
|
59
|
+
"Floating UI",
|
|
60
|
+
"스크롤 컨테이너",
|
|
61
|
+
"scrollbar token",
|
|
62
|
+
"Modal DataGrid 예외"
|
|
45
63
|
],
|
|
46
64
|
"hasChildren": true,
|
|
47
65
|
"whenToUse": [
|
|
66
|
+
"DataGrid는 반드시 Block 또는 Tab 구조 내에 포함되어야 하며, Block > 세부항목 내부에 Table 구조를 중첩하는 것은 지양한다 (5개 이하 정보 제공 시에만 예외 허용)",
|
|
48
67
|
"10개 이상 데이터 관리 화면에서 적용",
|
|
49
68
|
"관리자가 데이터를 조작하는 화면",
|
|
50
69
|
"대량 데이터 일괄 처리 화면"
|
|
@@ -57,14 +76,14 @@
|
|
|
57
76
|
"프로젝트별 임의 컬럼 정렬 변경 금지"
|
|
58
77
|
],
|
|
59
78
|
"seeAlso": [
|
|
60
|
-
"
|
|
79
|
+
"table",
|
|
61
80
|
"checkbox",
|
|
62
81
|
"radio",
|
|
63
82
|
"pagination",
|
|
64
83
|
"badge",
|
|
65
84
|
"empty-state",
|
|
66
|
-
"
|
|
67
|
-
"
|
|
85
|
+
"button",
|
|
86
|
+
"block-container"
|
|
68
87
|
],
|
|
69
88
|
"htmlElement": "div",
|
|
70
89
|
"props": {
|
package/data/date-picker.json
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"datePickerOptions": {
|
|
63
63
|
"type": "object",
|
|
64
64
|
"required": false,
|
|
65
|
-
"rawType": "Partial<import(\"/Users/
|
|
65
|
+
"rawType": "Partial<import(\"/Users/nhn/Project/ncds/node_modules/.pnpm/flatpickr@4.6.13/node_modules/flatpickr/dist/types/options\").BaseOptions> | undefined"
|
|
66
66
|
},
|
|
67
67
|
"destructive": {
|
|
68
68
|
"type": "string",
|
package/data/dropdown.json
CHANGED
|
@@ -28,7 +28,12 @@
|
|
|
28
28
|
"hasChildren": true,
|
|
29
29
|
"whenToUse": [
|
|
30
30
|
"Dropdown은 값 선택이 아닌 액션 실행 컴포넌트입니다",
|
|
31
|
-
"
|
|
31
|
+
"값을 선택하는 Selectbox와 달리, 메뉴 항목 선택 시 즉시 특정 기능이 실행됩니다",
|
|
32
|
+
"제한된 화면 공간에서 다수의 작업을 구조적으로 제공할 때 사용합니다",
|
|
33
|
+
"다수 액션 제공",
|
|
34
|
+
"사용자 계정 메뉴",
|
|
35
|
+
"관리/설정 메뉴",
|
|
36
|
+
"제한된 공간의 보조 액션"
|
|
32
37
|
],
|
|
33
38
|
"forbiddenRules": [
|
|
34
39
|
"메뉴명 말줄임 처리 금지",
|
|
@@ -110,12 +115,12 @@
|
|
|
110
115
|
"groups": {
|
|
111
116
|
"type": "object",
|
|
112
117
|
"required": true,
|
|
113
|
-
"rawType": "import(\"/Users/
|
|
118
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/overlays/dropdown/Dropdown\").DropdownGroup[]",
|
|
114
119
|
"properties": {
|
|
115
120
|
"items": {
|
|
116
121
|
"type": "object",
|
|
117
122
|
"required": true,
|
|
118
|
-
"rawType": "import(\"/Users/
|
|
123
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/overlays/dropdown/Dropdown\").DropdownItemType[]",
|
|
119
124
|
"properties": {
|
|
120
125
|
"id": {
|
|
121
126
|
"type": "string",
|
|
@@ -173,7 +178,7 @@
|
|
|
173
178
|
"header": {
|
|
174
179
|
"type": "object",
|
|
175
180
|
"required": false,
|
|
176
|
-
"rawType": "import(\"/Users/
|
|
181
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/overlays/dropdown/Dropdown\").DropdownHeaderType | undefined",
|
|
177
182
|
"properties": {
|
|
178
183
|
"type": {
|
|
179
184
|
"type": "string",
|
|
@@ -201,7 +206,7 @@
|
|
|
201
206
|
"trigger": {
|
|
202
207
|
"type": "object",
|
|
203
208
|
"required": true,
|
|
204
|
-
"rawType": "import(\"/Users/
|
|
209
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/overlays/dropdown/Dropdown\").AvatarTrigger | import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/overlays/dropdown/Dropdown\").ButtonTrigger | import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/overlays/dropdown/Dropdown\").IconTrigger | import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/overlays/dropdown/Dropdown\").CustomTrigger",
|
|
205
210
|
"properties": {
|
|
206
211
|
"type": {
|
|
207
212
|
"type": "string",
|
package/data/empty-state.json
CHANGED
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"buttons": {
|
|
38
38
|
"type": "object",
|
|
39
39
|
"required": false,
|
|
40
|
-
"rawType": "import(\"/Users/
|
|
40
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/feedback-and-status/empty-state/EmptyState\").ButtonOptions | import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/feedback-and-status/empty-state/EmptyState\").ButtonOptions[] | undefined",
|
|
41
41
|
"properties": {
|
|
42
42
|
"label": {
|
|
43
43
|
"type": "string",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"leadingIcon": {
|
|
80
80
|
"type": "object",
|
|
81
81
|
"required": false,
|
|
82
|
-
"rawType": "import(\"/Users/
|
|
82
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
|
|
83
83
|
"properties": {
|
|
84
84
|
"type": {
|
|
85
85
|
"type": "string",
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
"trailingIcon": {
|
|
143
143
|
"type": "object",
|
|
144
144
|
"required": false,
|
|
145
|
-
"rawType": "import(\"/Users/
|
|
145
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
|
|
146
146
|
"properties": {
|
|
147
147
|
"type": {
|
|
148
148
|
"type": "string",
|
package/data/file-input.json
CHANGED
|
@@ -4,12 +4,13 @@
|
|
|
4
4
|
"importPath": "@ncds/ui-admin",
|
|
5
5
|
"jsRequired": true,
|
|
6
6
|
"category": "forms-and-input",
|
|
7
|
-
"description": "File Upload가 필요한 영역에서 공통 UI/UX를 적용하는 입력
|
|
7
|
+
"description": "FileInput은 File Upload가 필요한 영역에서 공통 UI/UX를 적용하는 입력 컴포넌트입니다.",
|
|
8
8
|
"aliases": [
|
|
9
9
|
"파일인풋",
|
|
10
10
|
"FileInput",
|
|
11
11
|
"파일업로드",
|
|
12
12
|
"파일첨부",
|
|
13
|
+
"컴포넌트",
|
|
13
14
|
"파일찾기",
|
|
14
15
|
"업로드",
|
|
15
16
|
"accept",
|
|
@@ -24,9 +25,7 @@
|
|
|
24
25
|
],
|
|
25
26
|
"hasChildren": false,
|
|
26
27
|
"whenToUse": [
|
|
27
|
-
"제한 정책 안내문을 항상
|
|
28
|
-
"단일 파일 또는 다중 파일 업로드가 필요한 경우",
|
|
29
|
-
"이미지가 아닌 일반 파일 업로드 영역"
|
|
28
|
+
"FileInput은 제한 정책 안내문을 항상 노출하며, 파일명 텍스트 중심 UI를 기본으로 하고, 삭제 기능을 필수 제공합니다"
|
|
30
29
|
],
|
|
31
30
|
"forbiddenRules": [
|
|
32
31
|
"제한 정책 안내 없이 업로드 허용 금지",
|
|
@@ -36,7 +35,9 @@
|
|
|
36
35
|
"삭제 기능 없는 업로드 UI 제공 금지"
|
|
37
36
|
],
|
|
38
37
|
"seeAlso": [
|
|
39
|
-
"
|
|
38
|
+
"button",
|
|
39
|
+
"tag",
|
|
40
|
+
"tooltip"
|
|
40
41
|
],
|
|
41
42
|
"props": {
|
|
42
43
|
"accept": {
|
package/data/horizontal-tab.json
CHANGED
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"menus": {
|
|
61
61
|
"type": "object",
|
|
62
62
|
"required": false,
|
|
63
|
-
"rawType": "import(\"/Users/
|
|
63
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/tab/TabButton\").TabButtonProps[] | undefined",
|
|
64
64
|
"properties": {
|
|
65
65
|
"id": {
|
|
66
66
|
"type": "string",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"badgeInfo": {
|
|
98
98
|
"type": "object",
|
|
99
99
|
"required": false,
|
|
100
|
-
"rawType": "import(\"/Users/
|
|
100
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/feedback-and-status/badge/Badge\").BadgeProps | undefined",
|
|
101
101
|
"properties": {
|
|
102
102
|
"label": {
|
|
103
103
|
"type": "string",
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
"leadingIcon": {
|
|
132
132
|
"type": "object",
|
|
133
133
|
"required": false,
|
|
134
|
-
"rawType": "import(\"/Users/
|
|
134
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
|
|
135
135
|
"properties": {
|
|
136
136
|
"type": {
|
|
137
137
|
"type": "string",
|
|
@@ -194,7 +194,7 @@
|
|
|
194
194
|
"trailingIcon": {
|
|
195
195
|
"type": "object",
|
|
196
196
|
"required": false,
|
|
197
|
-
"rawType": "import(\"/Users/
|
|
197
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
|
|
198
198
|
"properties": {
|
|
199
199
|
"type": {
|
|
200
200
|
"type": "string",
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"importPath": "@ncds/ui-admin",
|
|
5
5
|
"jsRequired": true,
|
|
6
6
|
"category": "forms-and-input",
|
|
7
|
-
"description": "상품 이미지 등 시각적으로 참조되어야 하는 이미지 업로드 영역에 사용되는
|
|
7
|
+
"description": "ImageFileInput은 상품 이미지 등 시각적으로 참조되어야 하는 이미지 업로드 영역에 사용되는 컴포넌트입니다.",
|
|
8
8
|
"aliases": [
|
|
9
9
|
"이미지파일인풋",
|
|
10
10
|
"ImageFileInput",
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"썸네일",
|
|
13
13
|
"미리보기",
|
|
14
14
|
"이미지첨부",
|
|
15
|
+
"컴포넌트",
|
|
15
16
|
"파일찾기",
|
|
16
17
|
"업로드",
|
|
17
18
|
"accept",
|
|
@@ -26,9 +27,7 @@
|
|
|
26
27
|
],
|
|
27
28
|
"hasChildren": false,
|
|
28
29
|
"whenToUse": [
|
|
29
|
-
"썸네일 중심 UI를 기본으로
|
|
30
|
-
"이미지 업로드와 미리보기가 필요한 경우",
|
|
31
|
-
"일반 파일이 아닌 이미지 전용 업로드 영역"
|
|
30
|
+
"ImageFileInput은 썸네일 중심 UI를 기본으로 하며, 이미지 비율 왜곡 없이 중앙 정렬하고, 삭제는 Hover 시에만 노출합니다"
|
|
32
31
|
],
|
|
33
32
|
"forbiddenRules": [
|
|
34
33
|
"단일 영역에서 다중 이미지 누적 금지",
|
|
@@ -39,7 +38,9 @@
|
|
|
39
38
|
"제한 정책 안내 없이 업로드 허용 금지"
|
|
40
39
|
],
|
|
41
40
|
"seeAlso": [
|
|
42
|
-
"file-input"
|
|
41
|
+
"file-input",
|
|
42
|
+
"button",
|
|
43
|
+
"tooltip"
|
|
43
44
|
],
|
|
44
45
|
"props": {
|
|
45
46
|
"accept": {
|