@iyulab/flex-table 0.34.3 → 0.36.0

package/dist/flex-table.d.ts

@@ -366,6 +366,8 @@ export declare class FlexTable extends LitElement {
     private _onKeyDown;
     private _handleCtrlKey;
     private _handleAltKey;
+    /** Widen (positive) or narrow (negative) a visible column by `delta` px, never below its minimum. */
+    private _resizeColumnBy;
     private _handleNavigation;
     private _handleCopy;
     private _handlePaste;
@@ -402,7 +404,26 @@ export declare class FlexTable extends LitElement {
      */
     private _getPinnedRightLeft;
     private _renderHeaderCell;
+    /** Hidden columns directly adjacent to `col` (before and after) — the ones its menu can show again. */
+    private _hiddenNeighbors;
     private _onHeaderContextMenu;
+    /**
+     * The header's column menu button — the same menu a right-click opens, anchored under the button.
+     * It is the pointer-sized, keyboard-reachable way to every per-column action: filtering, hiding,
+     * and resizing without dragging the 6px handle (WCAG 2.2 SC 2.5.7 / 2.5.8).
+     */
+    private _onColumnMenuBtnClick;
+    private _menuItems;
+    private _columnMenuButton;
+    private _closeHeaderMenu;
+    private _onHeaderMenuKeydown;
+    /**
+     * Menu keyboard pattern shared by the column menu and the cell context menu: arrows and Home/End
+     * move focus between the items (wrapping), Escape closes and returns focus, Tab closes.
+     */
+    private _onMenuKeydown;
+    /** Open the filter dropdown for `key` from its column menu, focusing its first control. */
+    private _openFilterFromMenu;
     private _showHiddenBefore;
     private _renderHeaderContextMenu;
     private _renderBodyContextMenu;
@@ -411,9 +432,15 @@ export declare class FlexTable extends LitElement {
     private _commitCommentPopup;
     private _cancelCommentPopup;
     private _renderCommentPopup;
+    /**
+     * Sort by one column from a menu — the column menu (the keyboard path to sorting) and the cell
+     * context menu. Same contract as a header click: server mode only reports, and `sort-change`
+     * carries `{ criteria }`.
+     */
     private _applySortFromMenu;
+    /** Keep a fixed-position menu inside the viewport — a menu opened near the right or bottom edge would spill off-screen. */
+    private _keepMenuInView;
     private _adjustFilterDropdown;
-    private _onFilterBtnClick;
     private _renderFilterDropdown;
     private _buildTextPredicate;
     private _applyTextFilter;
@@ -439,7 +466,8 @@ export declare class FlexTable extends LitElement {
     private _applyDateFilter;
     private _renderBooleanFilter;
     private _clearColumnFilter;
-    private _onResizeAutoFit;
+    /** Size a column to its widest rendered content — the resize handle's double-click and the column menu. */
+    private _autoFitColumn;
     private _onResizeStart;
     private _onHeaderMouseDown;
     private _startColumnGhost;

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-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 };
+import { a as e, i as t, n, o as r, r as i, t as a } from "./flex-table-D5FjaSJV.js";
+export { a as FlexTable, t as RowSelectionState, i as UndoStack, n as exportData, e as flexTableLocale, r as renderCell };

package/dist/index.d.ts

@@ -9,3 +9,5 @@ export type { UndoAction } from './core/undo.js';
 export type { ExportFormat } from './export/export.js';
 export { exportData } from './export/export.js';
 export { renderCell } from './renderers/cell-renderer.js';
+export { flexTableLocale } from './locale.js';
+export type { FlexTableMessageKey } from './locale.js';

package/dist/locale.d.ts

@@ -0,0 +1,32 @@
+/**
+ * `@iyulab/flex-table` 가 스스로 그리는 chrome 문자열의 로케일 묶음.
+ *
+ * ★**왜 자체 레지스트리를 만들지 않는가**: `@iyulab/components` 가 정확히 이 용도의 primitive 를
+ *   갖고 있다(`Locale.namespace<K>()` — 키 유니온을 소비자가 정하므로 그 라이브러리의 키셋은
+ *   커지지 않는다). 이 패키지는 그것을 **이미 필수 peer 로 선언**하고 있고(스타일시트가 `--u-*`
+ *   토큰을 56곳에서 쓴다), 그러므로 이 패키지를 쓰는 소비자는 그 패키지를 이미 설치한다.
+ *   여기서 두 번째 레지스트리를 만드는 것은 새 능력이 아니라 **사본**이다.
+ *
+ * ⚠**종전 판단이 뒤집힌 자리다.** `odata/use-odata-source.ts` 에 *"한 문자열을 위해
+ *   `@iyulab/components` 런타임 의존을 들이는 것은 비용이 이득을 넘는다"* 라고 적혀 있었고,
+ *   그 전제는 **「한 문자열」** 이었다. 실측하니 이 패키지의 하드코딩 chrome 문자열은 **31건**
+ *   이고 필터·찾기/바꾸기 UI 전체가 거기 있다 — 전제가 참이 아니게 되면 결론도 따라가야 한다.
+ *
+ * ⚠**기본은 영어이고 내장은 en·ko 둘뿐이다.** 다른 언어는 소비자가 더한다:
+ *   ```ts
+ *   import { flexTableLocale } from '@iyulab/flex-table';
+ *   flexTableLocale.register('ja', { contains: '含む', … });
+ *   ```
+ *   14개 언어를 여기서 미리 채우지 않는 이유는 `@iyulab/components` 와 이 패키지의 위치가
+ *   다르기 때문이다 — 그쪽은 어떤 앱에든 들어가는 기반이고, 이쪽은 아직 실측된 소비 범위가
+ *   좁다. 필요해지는 언어는 요청과 함께 온다.
+ *
+ * ⚠**기호와 연산자는 이 표에 없다** — `AND`/`OR`(필터 결합 연산자), `◀`·`▶`·`✕`·`Aa`·`[ ]`
+ *   (아이콘 자리의 글리프)는 어느 로케일에서도 같은 것을 뜻하며, 번역하면 오히려 읽히지 않는다.
+ *   그 판단은 «번역하지 않기로 한 것»이지 «빠뜨린 것»이 아니다.
+ */
+export type FlexTableMessageKey = 'showHiddenColumns' | 'columnMenu' | 'cellActions' | 'noColumnsDefined' | 'addCommentPlaceholder' | 'cancel' | 'save' | 'clear' | 'blankCells' | 'emptyOnly' | 'nonEmptyOnly' | 'blankAll' | 'all' | 'contains' | 'startsWith' | 'endsWith' | 'wildcard' | 'searchPlaceholder' | 'valuePlaceholder' | 'fromPlaceholder' | 'toPlaceholder' | 'findPlaceholder' | 'findPrevious' | 'findNext' | 'matchCase' | 'wholeCell' | 'closeFind' | 'replaceWithPlaceholder' | 'replace' | 'replaceAll';
+/** 이 패키지의 chrome 문자열 묶음. 소비자가 `register()` 로 언어를 더하거나 문구를 덮을 수 있다. */
+export declare const flexTableLocale: import("@iyulab/components/dist/utilities/Locale.js").LocaleNamespace<FlexTableMessageKey>;
+/** 짧은 조회 별칭 — 렌더 코드가 읽히게 유지한다. */
+export declare const t: (key: FlexTableMessageKey) => string;

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-BbeD49ly.js";
+import { t as e } from "./flex-table-D5FjaSJV.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.3",
+  "version": "0.36.0",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",
@@ -46,7 +46,6 @@
     "typecheck": "tsc --noEmit && tsc -p tsconfig.test.json",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
     "lint": "eslint src/",
     "lint:fix": "eslint src/ --fix"
   },
@@ -91,16 +90,14 @@
     "@types/react-dom": "^19.2.7",
     "@typescript-eslint/eslint-plugin": "^8.64.0",
     "@typescript-eslint/parser": "^8.64.0",
-    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/browser-playwright": "^5.0.0",
     "eslint": "^10.1.0",
     "eslint-plugin-lit": "^2.3.1",
-    "jsdom": "^29.1.1",
-    "loupe": "^3.2.1",
+    "jsdom": "^30.0.1",
     "react": "^19.2.7",
     "react-dom": "^19.2.8",
-    "strip-literal": "^3.1.0",
     "typescript": "^6.0.2",
     "vite": "^8.1.4",
-    "vitest": "^4.1.10"
+    "vitest": "^5.0.0"
   }
 }