@ncds/ui-admin-mcp 1.0.0-alpha.24 → 1.0.0-alpha.25
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/overrides/composition.json +1 -1
- package/bin/version.d.ts +1 -1
- package/bin/version.js +1 -1
- package/data/data-grid.json +4 -0
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"_comment": "Composition Overrides — extract-mcp-data.ts 산출물(data/*.json) 위에 병합되는 추가 메타. 컴포넌트 디렉토리 무수정 원칙을 지키면서 P1-4(allowedChildren/Parents), P1-6(canonicalExample), P0-3c(bemClassesExtra) 를 한곳에서 관리.",
|
|
3
3
|
"data-grid": {
|
|
4
4
|
"_note": "P5/P10: DataGrid 는 compound — DataGrid.Table(필수) + DataGrid.Summary / DataGrid.Pagination / DataGrid.SearchFilter / DataGrid.FilterBar / DataGrid.ActionBar 자식. 검색결과 목록 화면 표준. forbiddenInContext: DataGrid.Table 안에 Table.Pagination 금지 — DataGrid.Pagination 슬롯 사용.",
|
|
5
|
-
"descriptionExtra": "[중요] 검색결과·관리자 목록 화면 표준 컴포넌트. DataGrid.Table(필수, NCDS Table 자동 감싸기) + Summary(건수 표시) + ActionBar(상단 일괄 액션) + Pagination(하단). DataGrid 안에서 Table 의 Pagination 슬롯은 사용 금지 — DataGrid.Pagination 으로 분리. variant: search-result(검색결과 페이지 표준) / simple(단순 목록) / readonly(편집 불가). Storybook DataGrid SearchResultDemo 의 children 트리와 동일 구조 유지. ⚠️ CDN HTML 모드 전용 — DataGrid 안에 selectable Table이 있을 때 2가지를 반드시 수동 추가해야 한다: (1) ncua-table div에 ncua-table--in-data-grid 클래스 추가 — React는 DataGrid.Table이 자동으로 추가하지만 CDN 모드는 수동이다. 누락 시 DataGrid wrapper의 border-left 1px와 selectable의 box-shadow inset 1px이 겹쳐 좌측 2px 이중 테두리가 된다. (2) ncua-data-grid__table-wrapper의 마지막 자식으로 <div class='ncua-data-grid__action-bar ncua-data-grid__action-bar--bottom'></div> 추가 — React DataGrid는 selectable=true
|
|
5
|
+
"descriptionExtra": "[중요] 검색결과·관리자 목록 화면 표준 컴포넌트. DataGrid.Table(필수, NCDS Table 자동 감싸기) + Summary(건수 표시) + ActionBar(상단 일괄 액션) + Pagination(하단). DataGrid 안에서 Table 의 Pagination 슬롯은 사용 금지 — DataGrid.Pagination 으로 분리. variant: search-result(검색결과 페이지 표준) / simple(단순 목록) / readonly(편집 불가). Storybook DataGrid SearchResultDemo 의 children 트리와 동일 구조 유지. ⚠️ showActionBar prop (v1.8.13+): `showActionBar={false}`를 DataGrid에 전달하면 상/하단 DataGrid.ActionBar children 과 selectable 테이블의 자동 empty-bottom-bar 를 모두 숨긴다. 행 선택 시에만 ActionBar를 표시하는 동적 패턴(예: `showActionBar={selectedIds.length > 0}`)에 활용. DataGrid.ActionBar children 도 함께 조건부 렌더할 것(예: `{showBar && <DataGrid.ActionBar>...`). 생략·undefined 시 기존 동작 유지. ⚠️ CDN HTML 모드 전용 — DataGrid 안에 selectable Table이 있을 때 2가지를 반드시 수동 추가해야 한다: (1) ncua-table div에 ncua-table--in-data-grid 클래스 추가 — React는 DataGrid.Table이 자동으로 추가하지만 CDN 모드는 수동이다. 누락 시 DataGrid wrapper의 border-left 1px와 selectable의 box-shadow inset 1px이 겹쳐 좌측 2px 이중 테두리가 된다. (2) ncua-data-grid__table-wrapper의 마지막 자식으로 <div class='ncua-data-grid__action-bar ncua-data-grid__action-bar--bottom'></div> 추가 — React DataGrid는 selectable=true이고 showActionBar가 false가 아닐 때 이 빈 div를 자동 생성하여 하단 여백/구분선을 처리한다. 누락 시 테이블 하단 여백이 사라진다. ⚠️ CDN DnD(draggable) 조합 시 추가 규칙: ncua-table div에 ncua-table--draggable 클래스 추가. ncua-table-wrapper에 --ncua-table-header-height: 40px CSS 변수 설정. 이동 버튼이 필요하면 ncua-data-grid__action-bar 안에 ncua-button-group--xs 패턴으로 배치. canonicalExamples.dnd-with-selectable 시나리오 참고.",
|
|
6
6
|
"aliasesExtra": [
|
|
7
7
|
"데이터 그리드",
|
|
8
8
|
"데이터그리드",
|
package/bin/version.d.ts
CHANGED
package/bin/version.js
CHANGED
package/data/data-grid.json
CHANGED