@iyulab/flex-table 0.34.1 → 0.34.3

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [0.34.3] - 2026-09-13
+
+### Fixed
+
+- **The "host has no height constraint" dev-mode warning was a complete no-op in every published
+  release** — the guard used `import.meta.env.DEV`, which Vite resolves statically at this
+  package's own build time, so the published dist always shipped with the check baked to `false`
+  and the warning body removed entirely by dead-code elimination. Replaced with
+  `process.env.NODE_ENV !== 'production'`, which survives this package's own build and is resolved
+  by each consumer's own bundler against its own dev/production build (see `@iyulab/components`
+  1.40.3, which had the identical defect in its shared dev-warning helper).
+
+## [0.34.2] - 2026-09-13
+
+### Added
+
+- **Development-mode warning when virtual scrolling is silently off.** With 200 or more rows and no
+  height constraint the host grows to fit every row, nothing scrolls, and every row is rendered —
+  the state the README's "100,000+ rows" premise does not cover. The grid now says so once
+  (`[@iyulab/flex-table]`, development builds only) and tells you to size the host so it becomes
+  the scroll container.
+
 ## [0.34.1] - 2026-09-10
 
 ### Changed

package/dist/{flex-table-hkmpmDxR.js → flex-table-BbeD49ly.js}

@@ -6,7 +6,7 @@ var l = r`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    /* 밀도 스위치 진입점 — components 의 --u-density 를 그대로 읽는다(묶음 결정 DL-253-1). */
+    /* 밀도 스위치 진입점 — components 의 --u-density 를 그대로 읽는다. */
     --ft-font-size: var(--u-density, 14px);
 
     /* --- 치수·위계 축 (기본값 = 종전 렌더값) ---
@@ -33,7 +33,7 @@ var l = r`
     --ft-row-hover-bg: var(--u-bg-color-hover, #F5F5F5);
     /* ★홀수 행은 --ft-row-odd-bg(=raised) 위에 앉는다 — 짝수 행과 같은
        --ft-row-hover-bg(=전역 hover) 를 쓰면 다크에서 raised==hover 라 «올려도 아무
-       일도 안 일어난다»(§D-14, L2-11-1). --u-bg-color-raised-hover 는 다크에서
+       일도 안 일어난다»(소비자 실측). --u-bg-color-raised-hover 는 다크에서
        color-mix 로 새로 계산되고, 라이트에서는 기존 hover 에 별칭된다(components
        light.css) — 두 테마 다 늘 선언돼 있으므로 폴백 리터럴은 시트 미로드 시에만
        쓰인다(다른 토큰들과 같은 관례). */
@@ -1513,9 +1513,9 @@ var J = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, Y = 120, X = 40, Z = 32, Q = 5, $ = class extends n {
+}, Y = 120, X = 40, Z = 32, Q = 5, xe = 200, $ = class extends n {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Z, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new x(), this._editing = new S(), this._rowSelection = new C(), this._undo = new E(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._onCommentPopupOutsideClick = () => {
+		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Z, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new x(), this._editing = new S(), this._rowSelection = new C(), this._undo = new E(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onCommentPopupOutsideClick = () => {
 			this._commitCommentPopup();
 		}, this._invalidCells = /* @__PURE__ */ new Map(), this._textFilterState = /* @__PURE__ */ new Map(), this._numberFilterState = /* @__PURE__ */ new Map(), this._dateFilterState = /* @__PURE__ */ new Map(), this._emptyFilterState = /* @__PURE__ */ new Map();
 	}
@@ -2154,7 +2154,10 @@ var J = {
 	}
 	_measureViewport() {
 		let e = this.clientHeight, t = this.clientWidth;
-		e !== this._viewportHeight && (this._viewportHeight = e), t !== this._viewportWidth && (this._viewportWidth = t);
+		e !== this._viewportHeight && (this._viewportHeight = e), t !== this._viewportWidth && (this._viewportWidth = t), this._warnIfUnconstrained();
+	}
+	_warnIfUnconstrained() {
+		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < xe || this.scrollHeight > this.clientHeight + 1 || (this._warnedUnconstrained = !0, console.warn(`[@iyulab/flex-table] ${this._visibleRowCount} rows but the host has no height constraint — it grew to fit every row, so virtual scrolling is off and all rows are rendered. Give the host a height (e.g. height: 400px, or flex: 1 1 auto with min-height: 0 inside a sized parent) so it becomes the scroll container.`));
 	}
 	_onScroll() {
 		this._scrollTop = this.scrollTop, this._scrollLeft = this.scrollLeft;

package/dist/flex-table.d.ts

@@ -330,6 +330,13 @@ export declare class FlexTable extends LitElement {
     private _toDataIndex;
     private _focusEditor;
     private _measureViewport;
+    private _warnedUnconstrained;
+    /**
+     * 개발 모드 사용 안내: 행이 많은데 호스트가 스크롤 컨테이너가 아니면 — 호스트가 내용
+     * 높이만큼 자라 스크롤할 것이 없으면 — 가상화가 꺼진 것이다. 오류가 없어 아무도 모른다.
+     * 한 번만, 개발 모드에서만. ResizeObserver 경로에서 불리지만 판정은 프로퍼티 둘을 읽는 것뿐이다.
+     */
+    private _warnIfUnconstrained;
     private _onScroll;
     private _onDocumentClick;
     private _onContextMenu;

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./flex-table-hkmpmDxR.js";
+import { a as e, i as t, n, r, t as i } from "./flex-table-BbeD49ly.js";
 export { i as FlexTable, t as RowSelectionState, r as UndoStack, n as exportData, e as renderCell };

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-hkmpmDxR.js";
+import { t as e } from "./flex-table-BbeD49ly.js";
 import t from "react";
 import { createComponent as n } from "@lit/react";
 var r = n({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/flex-table",
-  "version": "0.34.1",
+  "version": "0.34.3",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",