@iyulab/flex-table 0.48.6 → 0.49.1

package/dist/flex-table.d.ts

@@ -5,6 +5,7 @@ import type { CellPosition, CellRange } from './core/selection.js';
 import type { SortCriteria } from './core/sorting.js';
 import type { FilterPredicate } from './core/filtering.js';
 import type { ColumnDefinition, DataRow, SelectionMode, DataMode } from './models/types.js';
+import type { FlexTableEventMap } from './events.js';
 import type { TemplateResult } from 'lit';
 export declare class FlexTable extends LitElement {
     static styles: import("lit").CSSResult;
@@ -210,6 +211,11 @@ export declare class FlexTable extends LitElement {
     redo(): void;
     /** Clear all undo/redo history. */
     clearUndoHistory(): void;
+    /**
+     * Dispatches one of {@link FlexTableEventMap}'s events — bubbling and composed. Every event goes
+     * through here, so a detail that drifts from the map fails to compile.
+     */
+    private _emit;
     private _dispatchUndoStateEvent;
     private _dispatchFilterEvent;
     /**
@@ -478,6 +484,18 @@ export declare class FlexTable extends LitElement {
     /** 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;
+    /**
+     * Close the filter dialog. From the keyboard (Escape) focus goes back to the column's menu button — the
+     * dialog leaves the DOM, and focus inside it would otherwise drop to the page (APG dialog). A click
+     * outside closes it without moving focus: the click already put focus where the user meant.
+     */
+    private _closeFilterDropdown;
+    /**
+     * Tab stays inside the filter dialog (it floats over the table, fixed to the header — a focus that left
+     * it would leave it open and unreachable behind the next control). Capture phase: the controls stop
+     * their own keydowns from reaching the grid.
+     */
+    private _onFilterDialogKeydown;
     private _renderFilterDropdown;
     private _buildTextPredicate;
     private _applyTextFilter;
@@ -561,6 +579,19 @@ export declare class FlexTable extends LitElement {
     private _renderCell;
     private _renderEditor;
 }
+/**
+ * Typed listeners for {@link FlexTableEventMap} — the DOM's own pattern (`HTMLMediaElement` with
+ * `HTMLMediaElementEventMap`). Element-scoped on purpose: several names are generic and would
+ * collide on the global event map.
+ */
+export interface FlexTable {
+    addEventListener<K extends keyof FlexTableEventMap>(type: K, listener: (this: FlexTable, ev: FlexTableEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: FlexTable, ev: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof FlexTableEventMap>(type: K, listener: (this: FlexTable, ev: FlexTableEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: FlexTable, ev: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
 declare global {
     interface HTMLElementTagNameMap {
         'flex-table': FlexTable;

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-CoqeYojZ.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-CpAhHipx.js";
 export { o as FlexTable, e as RowSelectionState, t as UndoStack, n as effectiveAlign, i as exportData, r as flexTableLocale, a as renderCell };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { FlexTable } from './flex-table.js';
 export type { ColumnDefinition, ColumnType, ColumnAlign, DataRow, CellRenderer, CellEditor, CellValidator, SelectionMode, DataMode, CellStyle, ConditionalRule } from './models/types.js';
 export { effectiveAlign } from './models/types.js';
 export type { CellPosition, CellRange } from './core/selection.js';
+export type { FlexTableEventMap, CellChange } from './events.js';
 export type { SortCriteria, SortDirection } from './core/sorting.js';
 export type { ColumnFilter, FilterPredicate, FilterErrorCallback } from './core/filtering.js';
 export { RowSelectionState } from './core/row-selection.js';

package/dist/react.d.ts

@@ -2,38 +2,39 @@ import React from 'react';
 import { type EventName } from '@lit/react';
 import { FlexTable } from './flex-table.js';
 import type { ColumnDefinition, DataRow } from './models/types.js';
+import type { FlexTableEventMap } from './events.js';
 declare const FlexTableReactBase: import("@lit/react").ReactWebComponent<FlexTable, {
-    onCellSelect: EventName<CustomEvent>;
-    onCellEditCommit: EventName<CustomEvent>;
-    onCellEditCancel: EventName<CustomEvent>;
-    onCellEditStart: EventName<CustomEvent>;
-    onSortChange: EventName<CustomEvent>;
-    onFilterChange: EventName<CustomEvent>;
-    onRowAdd: EventName<CustomEvent>;
-    onRowDelete: EventName<CustomEvent>;
-    onRowActivate: EventName<CustomEvent>;
-    onColumnResize: EventName<CustomEvent>;
-    onColumnSelect: EventName<CustomEvent>;
-    onColumnAdd: EventName<CustomEvent>;
-    onColumnDelete: EventName<CustomEvent>;
-    onColumnReorder: EventName<CustomEvent>;
-    onSelectionChange: EventName<CustomEvent>;
-    onClipboardCopy: EventName<CustomEvent>;
-    onClipboardCut: EventName<CustomEvent>;
-    onClipboardPaste: EventName<CustomEvent>;
-    onClipboardError: EventName<CustomEvent>;
-    onUndoStateChange: EventName<CustomEvent>;
-    onValidationError: EventName<CustomEvent>;
-    onBatchUpdate: EventName<CustomEvent>;
-    onContextMenu: EventName<CustomEvent>;
-    onFilterError: EventName<CustomEvent>;
-    onRowReorder: EventName<CustomEvent>;
-    onColumnVisibilityChange: EventName<CustomEvent>;
-    onCommentChange: EventName<CustomEvent>;
-    onDataImport: EventName<CustomEvent>;
-    onFillHandleApply: EventName<CustomEvent>;
-    onFindReplace: EventName<CustomEvent>;
-    onHeaderContextMenu: EventName<CustomEvent>;
+    onCellSelect: EventName<FlexTableEventMap["cell-select"]>;
+    onCellEditCommit: EventName<FlexTableEventMap["cell-edit-commit"]>;
+    onCellEditCancel: EventName<FlexTableEventMap["cell-edit-cancel"]>;
+    onCellEditStart: EventName<FlexTableEventMap["cell-edit-start"]>;
+    onSortChange: EventName<FlexTableEventMap["sort-change"]>;
+    onFilterChange: EventName<FlexTableEventMap["filter-change"]>;
+    onRowAdd: EventName<FlexTableEventMap["row-add"]>;
+    onRowDelete: EventName<FlexTableEventMap["row-delete"]>;
+    onRowActivate: EventName<FlexTableEventMap["row-activate"]>;
+    onColumnResize: EventName<FlexTableEventMap["column-resize"]>;
+    onColumnSelect: EventName<FlexTableEventMap["column-select"]>;
+    onColumnAdd: EventName<FlexTableEventMap["column-add"]>;
+    onColumnDelete: EventName<FlexTableEventMap["column-delete"]>;
+    onColumnReorder: EventName<FlexTableEventMap["column-reorder"]>;
+    onSelectionChange: EventName<FlexTableEventMap["selection-change"]>;
+    onClipboardCopy: EventName<FlexTableEventMap["clipboard-copy"]>;
+    onClipboardCut: EventName<FlexTableEventMap["clipboard-cut"]>;
+    onClipboardPaste: EventName<FlexTableEventMap["clipboard-paste"]>;
+    onClipboardError: EventName<FlexTableEventMap["clipboard-error"]>;
+    onUndoStateChange: EventName<FlexTableEventMap["undo-state-change"]>;
+    onValidationError: EventName<FlexTableEventMap["validation-error"]>;
+    onBatchUpdate: EventName<FlexTableEventMap["batch-update"]>;
+    onContextMenu: EventName<FlexTableEventMap["context-menu"]>;
+    onFilterError: EventName<FlexTableEventMap["filter-error"]>;
+    onRowReorder: EventName<FlexTableEventMap["row-reorder"]>;
+    onColumnVisibilityChange: EventName<FlexTableEventMap["column-visibility-change"]>;
+    onCommentChange: EventName<FlexTableEventMap["comment-change"]>;
+    onDataImport: EventName<FlexTableEventMap["data-import"]>;
+    onFillHandleApply: EventName<FlexTableEventMap["fill-handle-apply"]>;
+    onFindReplace: EventName<FlexTableEventMap["find-replace"]>;
+    onHeaderContextMenu: EventName<FlexTableEventMap["header-context-menu"]>;
 }>;
 type BaseProps = React.ComponentProps<typeof FlexTableReactBase>;
 /**

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-CoqeYojZ.js";
+import { t as e } from "./flex-table-CpAhHipx.js";
 import { i as t, t as n } from "./query-Dw4iO0ir.js";
 import { t as r } from "./view-DiLr-TdY.js";
 import i, { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/flex-table",
-  "version": "0.48.6",
+  "version": "0.49.1",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",
@@ -33,6 +33,7 @@
   },
   "files": [
     "dist",
+    "!dist/**/*.test.d.ts",
     "skills",
     "package.json",
     "README.md",

package/skills/iyulab-flex-table/references/api.md

@@ -134,6 +134,8 @@ Enter/Escape and blur-to-commit behavior.
 ## Events
 
 All are `CustomEvent`s with `bubbles: true, composed: true`. `row`/`index` are data indices.
+Typed by `FlexTableEventMap` (exported): `table.addEventListener('sort-change', (e) => e.detail.criteria)` needs no
+cast, and the React `on*` props carry the same types.
 
 | Event | `detail` |
 |---|---|

package/dist/array/use-array-source.hooks.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/array/use-array-source.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/clipboard/clipboard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/core/filtering.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/core/selection.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/core/sorting.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/core/undo.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/export/export.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/export/xlsx-deflate.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/export/xlsx-reader.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/flex-table.test.d.ts

@@ -1 +0,0 @@
-import './flex-table.js';

package/dist/odata/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/odata/use-odata-source.hooks.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/odata/use-odata-source.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/react-events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/renderers/format.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/styles/density-tokens.test.d.ts

@@ -1 +0,0 @@
-import '../flex-table';

package/dist/styles/token-derivation.test.d.ts

@@ -1 +0,0 @@
-export {};