@iyulab/data-components 0.6.1 → 0.7.1

package/CHANGELOG.md

@@ -1,9 +1,29 @@
 # Changelog
 
+## [0.7.1] - 2026-08-01
+
+### Documentation
+
+- 체인지로그와 마이그레이션 가이드에서 **발견 정황 서술을 제거**했다. 결함이 무엇이고 어떤
+  조건에서 재현되는지는 그대로이며, 라이브러리와 무관한 서술만 걷어냈다.
+  코드 변경은 없다 — 게시본 문서를 정리하기 위한 패치 릴리스다.
+
+## [0.7.0] - 2026-07-19
+
+### Changed
+- **이 패키지의 eslint 가 실제로 동작하기 시작했다.** `eslint.config.js` 의 두 결함 — (1) `files: ['src/**/*']` 가 ESLint 9 에서 universal 패턴이라 `.ts` 를 opt-in 하지 못함, (2) 배열 프리셋(`tseslint.configs.recommended`)을 객체 스프레드해 프리셋이 무력화됨 — 을 수정했다. `build` 스크립트의 `eslint &&` 게이트는 매칭 파일이 0개라 항상 통과하고 있었다. 복구 후 실측 결과 **error 0건** — 이 패키지의 소스는 이미 깨끗했다.
+- `npm run lint` / `npm run lint:fix` 스크립트 추가.
+- **`UDataView` 의 열린 타입 의도를 명시** — `items`/`renderCard`/`renderCell` 등에 흩어져 있던 `any` 8곳을 새 `DataItem`(`Record<string, any>`) 타입 한 곳으로 격리했다. 이 컴포넌트는 소비자 도메인 타입을 제한하지 않는 범용 뷰어이므로 열린 타입이 설계 의도이며, 이제 그 의도가 코드에 표현된다. `formatValue` 는 `unknown` 으로 좁혔다. 원시값 배열(`[1, 2, 3]`)을 `items` 로 넘기던 코드는 이제 타입 오류가 날 수 있다.
+
+## [0.6.1] - 2026-07-08
+
+### Fixed
+- `UDataView`: fallback 이 없던 `var(--u-*)` 참조 24개에 컨텍스트별 fallback 을 부여 — `@iyulab/components` 테마 토큰이 정의되지 않은 환경에서 색상이 비어 렌더되던 문제.
+
 ## [0.6.0] - 2026-06-11
 
 ### Added
-- `USimpleSheet`: `theme` 속성 1급 지원 (`'light' | 'dark'`, attribute 리플렉트) — per-element 테마 지정 가능, `:host-context` 미지원 브라우저(Firefox/Safari)에서도 동작 (ISSUE-20260610-usimplesheet-darkmode-inconsistent)
+- `USimpleSheet`: `theme` 속성 1급 지원 (`'light' | 'dark'`, attribute 리플렉트) — per-element 테마 지정 가능, `:host-context` 미지원 브라우저(Firefox/Safari)에서도 동작
 - `USimpleSheet`: 조상 `data-theme="dark"` 컨텍스트에서도 다크 모드 적용 — Theme 유틸 없이 `data-theme`만 설정하는 앱에서 도구별 다크 적용이 비일관하던 문제 해소
 
 ### Changed
@@ -45,7 +65,7 @@ UDataGrid 대체: `@iyulab/flex-table` + `@iyulab/flex-table/odata` 조합 사
 ## [0.3.2] - 2026-05-07
 
 ### Added
-- `docs/migrating-from-datagrid.md`: UDataGrid(DevExtreme)에서 `@iyulab/flex-table`로 전환하는 마이그레이션 가이드 추가 (yesung-oms 9개 페이지 실증 기반)
+- `docs/migrating-from-datagrid.md`: UDataGrid(DevExtreme)에서 `@iyulab/flex-table`로 전환하는 마이그레이션 가이드 추가 (리스트 페이지 9개 전환 실증 기반)
 - README에 UDataGrid 대안 섹션 및 마이그레이션 가이드 링크 추가
 - `docs/UDataGrid.md` 상단에 마이그레이션 가이드 링크 추가
 

package/README.md

@@ -124,7 +124,7 @@ const sheet = document.querySelector('u-simple-sheet'); // USimpleSheet | null
 
 - [USimpleSheet](./docs/USimpleSheet.md)
 - [UDataView](./docs/UDataView.md)
-- [URichTable](./docs/URichTable.md)
+- URichTable — 문서 작성 예정([types.ts](./src/components/u-rich-table/types.ts) 참고)
 - [UDataGrid 마이그레이션 가이드](./docs/migrating-from-datagrid.md)
 
 ## Theming

package/dist/_virtual/{_@oxc-project_runtime@0.133.0 → _@oxc-project_runtime@0.142.0}/helpers/esm/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -6,4 +6,4 @@ function __decorate(decorators, target, key, desc) {
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 //#endregion
-export { __decorate };
+export { __decorate as default };

package/dist/_virtual/{_@oxc-project_runtime@0.133.0 → _@oxc-project_runtime@0.142.0}/helpers/esm/decorateMetadata.js

@@ -1,6 +1,6 @@
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.142.0/helpers/esm/decorateMetadata.js
 function __decorateMetadata(k, v) {
 	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 }
 //#endregion
-export { __decorateMetadata };
+export { __decorateMetadata as default };

package/dist/components/data-view/UDataView.d.ts

@@ -1,6 +1,14 @@
 import { TemplateResult } from 'lit';
 import { UElement } from '@iyulab/components/dist/components/UElement.js';
 export type ViewMode = 'grid' | 'list' | 'table';
+/**
+ * UDataView 가 표시하는 임의의 데이터 레코드.
+ *
+ * 이 컴포넌트는 소비자의 도메인 타입을 제한하지 않는 범용 뷰어이므로 열린
+ * 타입이 설계 의도다. `any` 를 컴포넌트 전역에 흩뿌리는 대신 여기 한 곳으로
+ * 격리해 의도를 명시한다.
+ */
+export type DataItem = Record<string, any>;
 export interface DataColumn {
     key: string;
     label?: string;
@@ -13,7 +21,7 @@ export interface DataColumn {
 export declare class UDataView extends UElement {
     static styles: import('lit').CSSResultGroup[];
     /** 표시할 데이터 배열 */
-    items: any[];
+    items: DataItem[];
     /** 현재 뷰 모드 */
     mode: ViewMode;
     /** 표시할 컬럼 설정 (미지정시 자동 감지) */
@@ -23,9 +31,9 @@ export declare class UDataView extends UElement {
     /** 아이템 간격 */
     gap: string;
     /** 커스텀 렌더 함수 (grid/list 카드용) */
-    renderCard?: (item: any, index: number) => TemplateResult;
+    renderCard?: (item: DataItem, index: number) => TemplateResult;
     /** 커스텀 셀 렌더 함수 (table용) */
-    renderCell?: (item: any, column: DataColumn, index: number) => TemplateResult | string;
+    renderCell?: (item: DataItem, column: DataColumn, index: number) => TemplateResult | string;
     private selectedIndex;
     render(): TemplateResult<1>;
     private renderToolbar;

package/dist/components/data-view/UDataView.js

@@ -1,6 +1,6 @@
 import { styles } from "./UDataView.styles.js";
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";
@@ -123,9 +123,10 @@ var UDataView = class UDataView extends UElement {
     `;
 	}
 	renderDefaultCard(item) {
+		const cols = this.getColumns();
 		return html`
       <div class="card-content">
-        ${this.getColumns().slice(0, 5).map((col) => {
+        ${cols.slice(0, 5).map((col) => {
 			const value = item[col.key];
 			return html`
             <div class="card-field">

package/dist/components/simple-sheet/USimpleSheet.js

@@ -1,5 +1,5 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { styles } from "./USimpleSheet.styles.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";

package/dist/components/u-rich-table/URichTable.js

@@ -1,5 +1,5 @@
-import { __decorateMetadata } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorateMetadata.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/decorate.js";
 import { richTableStyles } from "./styles.js";
 import { parseTSV, toTSV } from "./utils/clipboard.js";
 import { LitElement, html } from "lit";
@@ -253,7 +253,10 @@ var URichTable = class URichTable extends LitElement {
 			}
 			return String(value ?? "");
 		}
-		if (col.type === "badge" && col.badgeColors) return html`<span class="badge" style="background:${col.badgeColors[String(value)] ?? "#f3f4f6"}">${this._getOptionLabel(col, value)}</span>`;
+		if (col.type === "badge" && col.badgeColors) {
+			const color = col.badgeColors[String(value)] ?? "#f3f4f6";
+			return html`<span class="badge" style="background:${color}">${this._getOptionLabel(col, value)}</span>`;
+		}
 		if (col.type === "select" && col.options) return this._getOptionLabel(col, value);
 		if (col.type === "number" && value != null) return Number(value).toLocaleString();
 		return String(value ?? "");

package/dist/utilities/shadowDomProtection.js

@@ -97,3 +97,4 @@ function initShadowDomProtection() {
 }
 initShadowDomProtection();
 //#endregion
+export { initShadowDomProtection };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/data-components",
   "description": "iyulab data visualization components",
-  "version": "0.6.1",
+  "version": "0.7.1",
   "keywords": [
     "iyulab",
     "web-components",
@@ -53,10 +53,12 @@
     "start": "vite",
     "build": "eslint && vite build",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix"
   },
   "dependencies": {
-    "@iyulab/components": "^1.0.6",
+    "@iyulab/components": "^1.8.0",
     "lit": "^3.3.3"
   },
   "peerDependencies": {
@@ -74,17 +76,17 @@
   "devDependencies": {
     "@eslint/js": "^9.39.4",
     "@lit/react": "^1.0.8",
-    "@types/node": "^25.8.0",
-    "@types/react": "^19.2.14",
+    "@types/node": "^26.1.1",
+    "@types/react": "^19.2.17",
     "eslint": "^9.39.4",
     "glob": "^13.0.6",
-    "globals": "^17.6.0",
-    "happy-dom": "^20.10.2",
-    "react": "^19.2.6",
+    "globals": "^17.7.0",
+    "happy-dom": "^20.10.6",
+    "react": "^19.2.7",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.59.3",
-    "vite": "^8.0.13",
-    "vite-plugin-dts": "^5.0.0",
-    "vitest": "^4.1.8"
+    "typescript-eslint": "^8.64.0",
+    "vite": "^8.1.4",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.10"
   }
 }