tsgrid-ui 1.0.0 → 2.0.1

package/CHANGELOG.md

@@ -2,6 +2,103 @@
 
 All notable changes to **TsGrid UI** will be documented in this file.
 
+## v2.0.1 — 2026-05-13
+
+### Fixed
+
+- **`MIGRATION_v2.md` now included in the published npm tarball.** v2.0.0 omitted this file from `package.json` `files`, so `CHANGELOG.md` and `README.md` links pointing to `MIGRATION_v2.md` (codemod, bundle measurement, release checklist) broke on npmjs.com. No source code changes — package metadata only.
+
+## v2.0.0 — 2026-05-09
+
+### Breaking changes
+
+**BC-1 — Event handler signatures changed (`CustomEvent` → `TsEventPayload`)**
+
+All `on*` event handler properties across `TsGrid`, `TsForm`, and `TsField` now declare
+`(event: TsEventPayload) => void` instead of `(event: CustomEvent) => void`.
+
+This is a type-level correction: the runtime has always dispatched `TsEventPayload` objects,
+never DOM `CustomEvent` instances. Consumers who explicitly annotated handlers with
+`CustomEvent` will see a TypeScript compile error. Untyped or `any`-typed handlers are
+unaffected. Mechanical migration via codemod — see [MIGRATION_v2.md § Codemod](MIGRATION_v2.md#codemod).
+
+**BC-2 — Internal restructure; deep imports are unsupported**
+
+`src/tsgrid.ts` has been decomposed from ~10,006 LOC into 8 sibling modules:
+`grid-columns`, `grid-state`, `grid-data`, `grid-selection`, `grid-edit`, `grid-search`,
+`grid-interaction`, `grid-render`. The public class `TsGrid` is now ~2,392 LOC (thin
+orchestrator of one-liner delegators).
+
+The public API surface is **UNCHANGED**: all method signatures, names, and behaviors are
+preserved (verified by 84 Vitest + 38 Playwright tests). Consumers who import from the
+public barrel (`import { TsGrid } from 'tsgrid-ui'`) require **no changes**. Subclasses
+or code that inspects `TsGrid.prototype` directly may observe method bodies as one-line
+delegators — this is expected behavior. Deep imports from internal paths
+(`tsgrid-ui/src/*`) are not supported and may break.
+
+### Bundle size disclosure
+
+v2.0 is a structural refactor with no bundle reduction goal. Bundle size delta vs v1.0.1
+baseline: **-0.19%** (actual: 941,597 bytes vs baseline: 943,401 bytes). No reduction is
+claimed. Bundle improvements are deferred to v2.2 (multi-entry subpath exports +
+tree-shaking). See [MIGRATION_v2.md § Bundle size measurement](MIGRATION_v2.md#bundle-size-measurement).
+
+### Migration
+
+See [MIGRATION_v2.md](MIGRATION_v2.md) for the codemod, full migration guide, and
+release checklist.
+
+---
+
+## [1.0.1] — Consumer DX fixes
+
+Patch release driven by integrating tsgrid-ui v1.0.0 in a real Angular 21 standalone project. Three changes, no breaking, no API removals.
+
+### Added — `sideEffects` declaration
+
+`package.json` now declares `"sideEffects": ["./dist/tsgrid-ui.css", "./dist/tsgrid-ui.min.css"]`. Modern bundlers (esbuild, Vite, webpack 5+, Rollup) can now tree-shake widgets the consumer does not import. Importing only `TsGrid` no longer drags `TsForm`, `TsLayout`, `TsSidebar`, `TsTabs`, `TsPopup`, `TsTooltip` into the final bundle.
+
+### Added — public type exports
+
+The barrel `src/index.ts` previously re-exported only the **classes** (`TsGrid`, `TsForm`, etc.). Auxiliary interfaces and types lived in `dist/tsgrid-ui.d.ts` but were inaccessible — consumers had to type their inputs as `any` or import from internal paths. v1.0.1 re-exports the full public type surface:
+
+- **TsGrid**: `TsGridRecord`, `TsGridColumn`, `TsGridSearch`, `TsGridSortData`, `TsGridSelection`, `TsGridCellSelection`, `TsGridRange`, `TsGridRangeEndpoint`, `TsGridGroupBy`
+- **TsField**: `TsFieldOptions`, `TsFieldElement`, `TsFieldNumericOptions`, `TsFieldColorOptions`, `TsFieldDateOptions`, `TsFieldTimeOptions`, `TsFieldDateTimeOptions`, `TsFieldListOptions`, `TsFieldEnumOptions`, `TsFieldFileOptions`
+- **TsLayout**: `TsLayoutPanel`, `TsPanelType`, `TsPanelContent`
+- **TsSidebar**: `TsSidebarRefreshOptions`, `TsSidebarUpdateOptions`, `TsSidebarSetCountOptions`, `TsSidebarFindOptions`, `TsSidebarSortOptions`
+- **TsLocale / TsUtils**: `TsLocaleSettings`, `TsMessageProm`, `TsMessageWhere`, `TsMessageOptions`, `TsMenuItem`, `TsColorRgb`, `TsLockOptions`, `TsCloneOptions`
+- **Common**: `RecId`, `TsEventData`, `TsEventPayload`
+
+Consumers can now write `import type { TsGridColumn, TsGridRecord } from 'tsgrid-ui'` and get full autocomplete + type checking.
+
+### Added — `TsEventPayload` interface and `toSafeEvent()` helper
+
+The per-class event-handler signatures (`onSelect: (event: CustomEvent) => void`) are misleading: the runtime always passes a `TsEvent` instance from the TsBase event system, **not** a DOM `CustomEvent`. The real payload contains a circular reference (`event.owner` ↔ `widget.activeEvents[]`), so calling `JSON.stringify(event)` throws "Converting circular structure to JSON". This breaks reactive state in any framework: Angular signals + JsonPipe, React state + Redux DevTools, Vue ref + Pinia, etc.
+
+This release adds:
+
+- **`interface TsEventPayload<TDetail>`** — accurate shape of the object passed to handlers, with the `owner` field documented as circular and unsafe to serialize. The misleading `(event: CustomEvent) => void` per-class declarations remain for backwards compatibility and will be corrected in v2.0.
+- **`function toSafeEvent(event)`** — extracts a JSON-serializable subset (`type`, `phase`, `detail`, `isStopped`, `isCancelled`) for use in reactive state.
+
+```ts
+import { toSafeEvent } from 'tsgrid-ui'
+
+grid.on('select', (event) => {
+    mySignal.set(toSafeEvent(event)) // safe to JSON.stringify
+})
+```
+
+### Bundle-size impact (measured)
+
+Bundle in a fresh Angular 21 standalone project consuming only `TsGrid`:
+
+| | v1.0.0 | v1.0.1 |
+| --- | --- | --- |
+| `main.js` raw | 506.18 KB | _re-measure pending_ |
+| `main.js` gzip | 121.90 KB | _re-measure pending_ |
+
+Re-measurement after publish lives in the `tsgrid-angular-example` demo repo.
+
 ## [1.0.0] — Hard Fork from w2ui v2.1
 
 This is the initial public release of **TsGrid UI**, a hard fork of [w2ui](https://github.com/vitmalina/w2ui) by Vit Malina. See [README — Acknowledgments](README.md#acknowledgments) for the relationship to upstream and [MIGRATION-FROM-W2UI.md](MIGRATION-FROM-W2UI.md) for the complete renaming map if you're coming from w2ui.

package/LICENSE

@@ -1,22 +1,22 @@
-MIT License
-
-Copyright (c) 2014 Vit Malina <vitmalina@gmail.com>
-Copyright (c) 2026 DaverSoGT <jodaniheso@gmail.com>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+MIT License
+
+Copyright (c) 2014 Vit Malina <vitmalina@gmail.com>
+Copyright (c) 2026 DaverSoGT <jodaniheso@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/MIGRATION_v2.md

@@ -0,0 +1,178 @@
+# Migration Guide: v1.x to v2.0
+
+<!-- baseline: 943401 bytes -->
+
+## Bundle size measurement
+
+| Metric | Value |
+|--------|-------|
+| Baseline (v1.0.1, pre-v2.0) | 943,401 bytes |
+| Post-v2.0 actual | 941,597 bytes |
+| Delta | -1,804 bytes (-0.19%) |
+| Status | PASS (within ±2% gate) |
+| Build date | 2026-05-09 |
+
+v2.0 is a structural refactor with no bundle reduction goal. The -0.19% delta is
+within the ±2% measurement gate and does not constitute a meaningful change. Bundle
+improvements are explicitly deferred to v2.2 (multi-entry subpath exports + tree-shaking).
+
+---
+
+## Overview
+
+`tsgrid-ui` v2.0 is a **code-organisation and type-system release**. No runtime behavior
+changes between v1.0.1 and v2.0.0. All public API method signatures remain identical.
+
+Two breaking changes are documented below (BC-1 and BC-2). Both were intentional and
+are codemod-friendly.
+
+---
+
+## Breaking Change BC-1: Event handler types
+
+### What changed
+
+All `on*` event handler properties on `TsGrid`, `TsForm`, and `TsField` now declare
+`TsEventPayload` as the handler parameter type instead of `CustomEvent`.
+
+**v1.x (old type):**
+```ts
+onSelect: ((event: CustomEvent) => void) | null
+```
+
+**v2.0 (corrected type):**
+```ts
+onSelect: ((event: TsEventPayload) => void) | null
+```
+
+### Why this is a correction, not a new feature
+
+The runtime event system in `TsGrid`/`TsForm` has always passed a `TsEventPayload`
+object to handlers — never a DOM `CustomEvent`. The v1.x type declarations were
+inaccurate. This change aligns the declared types with what was always happening at
+runtime.
+
+### Who is affected
+
+Only consumers who **explicitly annotated** their handler parameter as `CustomEvent`:
+
+```ts
+// This breaks on v2.0 — parameter type mismatch
+grid.onSelect = (event: CustomEvent) => {
+    console.log(event.detail)
+}
+```
+
+Consumers who used **no annotation** or **inferred types** are unaffected:
+
+```ts
+// These continue to work — TypeScript infers TsEventPayload
+grid.onSelect = (event) => { console.log(event.detail) }
+grid.onSelect = (event: TsEventPayload) => { console.log(event.detail) }
+```
+
+### Codemod
+
+Apply the following regex to your source files to migrate in bulk:
+
+**Find:**
+```
+\(event:\s*CustomEvent\)\s*=>
+```
+
+**Replace:**
+```
+(event: TsEventPayload) =>
+```
+
+**Caveats:**
+1. You must add `import type { TsEventPayload } from 'tsgrid-ui'` to each migrated file.
+2. The regex may produce false positives on unrelated DOM `CustomEvent` handler sites
+   (e.g., handlers attached via `element.addEventListener('custom', ...)`). Review
+   replacements manually before committing.
+3. `event.detail` is now typed as `TsEventData` (with `[key: string]: unknown`). If you
+   accessed properties like `event.detail.someField`, TypeScript strict mode requires
+   bracket notation: `event.detail['someField']`. Cast as needed.
+
+### Before / after example
+
+The updated `test/consumer-smoke.ts` is the canonical reference. Below is a condensed
+example:
+
+**Before (v1.x):**
+```ts
+import { TsGrid } from 'tsgrid-ui'
+
+const grid = new TsGrid({ name: 'my-grid', columns: [], records: [] })
+
+// Explicit CustomEvent annotation — BREAKS on v2.0
+grid.onSelect = (event: CustomEvent) => {
+    console.log(event.detail)
+}
+```
+
+**After (v2.0):**
+```ts
+import { TsGrid } from 'tsgrid-ui'
+import type { TsEventPayload } from 'tsgrid-ui'
+
+const grid = new TsGrid({ name: 'my-grid', columns: [], records: [] })
+
+// Option A: explicit TsEventPayload annotation
+grid.onSelect = (event: TsEventPayload) => {
+    console.log(event.detail)
+}
+
+// Option B: remove the annotation — TypeScript infers correctly
+grid.onSelect = (event) => {
+    console.log(event.detail)
+}
+```
+
+`TsEventPayload` has been importable from `tsgrid-ui` since **v1.0.1**. Consumers may
+pre-migrate before upgrading to v2.0.
+
+---
+
+## Breaking Change BC-2: Deep imports are unsupported
+
+v2.0 decomposes `src/tsgrid.ts` into sibling modules (`src/grid-*.ts`). Any import from
+an internal path is **not supported** and carries no stability guarantee:
+
+```ts
+// UNSUPPORTED — may break in any minor or patch release
+import { someHelper } from 'tsgrid-ui/src/tsgrid'
+import { someHelper } from 'tsgrid-ui/src/grid-columns'
+```
+
+Always import from the public barrel:
+
+```ts
+// SUPPORTED — stable public API
+import { TsGrid, TsEventPayload } from 'tsgrid-ui'
+```
+
+---
+
+## Bundle size disclosure
+
+v2.0 decomposes the codebase for maintainability. **Bundle size is unchanged by design.**
+Bundle improvements are deferred to v2.2 (multi-entry subpath exports + tree-shaking).
+
+Do not expect or claim bundle size reduction from upgrading to v2.0.
+
+---
+
+## Release checklist
+
+> Reference — execute manually after PR review and approval. The SDD apply phase does NOT
+> run any of these.
+
+```bash
+# After PR merged to master:
+git checkout master && git pull
+git tag -a v2.0.0 -m "v2.0.0 — TsGrid decomposition + event signature fix"
+git push origin v2.0.0
+pnpm publish --access public --tag latest
+gh release create v2.0.0 --title "v2.0.0 — TsGrid v2 decomposition" --notes-from-tag
+```

package/dist/tsgrid-ui.css

@@ -1,4 +1,4 @@
-/* tsgrid-ui 1.0.x (nightly) (5/8/2026, 9:17:22 PM) (c) 2014 vitmalina@gmail.com, (c) 2026 DaverSoGT — MIT */
+/* tsgrid-ui 1.0.x (nightly) (5/9/2026, 12:14:18 PM) (c) 2014 vitmalina@gmail.com, (c) 2026 DaverSoGT — MIT */
 /**
 * TODO:
 *  - remove default styling, only keep tsg-* styles
@@ -9,7 +9,7 @@
 */
 @font-face {
   font-family: "tsgrid-font";
-  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
+  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
   font-weight: normal;
   font-style: normal;
 }

package/dist/tsgrid-ui.d.ts

@@ -8,6 +8,34 @@
  * - added unmount that cleans up the box
  *
  */
+/**
+ * Payload object passed to handlers registered via `.on(eventName, handler)`.
+ *
+ * IMPORTANT — circular references:
+ *   `event.owner` points back to the widget that triggered the event, and that
+ *   widget keeps `activeEvents: TsEvent[]` referencing this same payload.
+ *   Calling `JSON.stringify(event)` will throw "Converting circular structure
+ *   to JSON". Use `toSafeEvent(event)` from `tsgrid-ui` to extract a
+ *   serializable subset before storing in reactive state (Angular signals,
+ *   React state, Pinia/Redux stores, etc.).
+ *
+ * Note: the per-class declarations like `onSelect: (event: CustomEvent) => void`
+ * in TsGrid/TsForm/etc. are historical noise — the runtime always passes a
+ * `TsEventPayload`, never a DOM `CustomEvent`. This will be corrected in v2.0.
+ */
+interface TsEventPayload<TDetail = unknown> {
+    type: string | null;
+    phase: 'before' | 'after' | string;
+    detail: TDetail & TsEventData;
+    target: unknown;
+    object: unknown;
+    isStopped: boolean;
+    isCancelled: boolean;
+    /** Reference to the widget that triggered this event. CIRCULAR — do not serialize. */
+    owner: unknown;
+    /** @internal — Promise resolved when listeners settle; do not depend on shape. */
+    complete?: Promise<unknown>;
+}
 interface TsEventData {
     type?: string | null;
     target?: unknown;
@@ -48,6 +76,24 @@ declare class TsEvent {
     preventDefault(): void;
     stopPropagation(): void;
 }
+/**
+ * Extract a JSON-serializable subset of a TsEvent payload, dropping the
+ * circular `owner` and `complete` references. Use before storing in
+ * Angular signals, React state, Pinia/Redux stores, or any DevTools that
+ * snapshots state via JSON.
+ *
+ * @example
+ *   grid.on('select', (event) => {
+ *     this.lastSelection.set(toSafeEvent(event))
+ *   })
+ */
+declare function toSafeEvent<TDetail = unknown>(event: unknown): {
+    type: string | null;
+    phase: string;
+    detail: TDetail & TsEventData;
+    isStopped: boolean;
+    isCancelled: boolean;
+};
 declare class TsBase {
     activeEvents: TsEvent[];
     listeners: TsEventListener[];
@@ -1677,57 +1723,57 @@ declare class TsGrid extends TsBase {
     operators: Record<string, any[]>;
     defaultOperator: Record<string, string>;
     operatorsMap: Record<string, string>;
-    onAdd: ((event: CustomEvent) => void) | null;
-    onEdit: ((event: CustomEvent) => void) | null;
-    onRequest: ((event: CustomEvent) => void) | null;
-    onLoad: ((event: CustomEvent) => void) | null;
-    onDelete: ((event: CustomEvent) => void) | null;
-    onSave: ((event: CustomEvent) => void) | null;
-    onSelect: ((event: CustomEvent) => void) | null;
-    onClick: ((event: CustomEvent) => void) | null;
-    onDblClick: ((event: CustomEvent) => void) | null;
-    onContextMenu: ((event: CustomEvent) => void) | null;
-    onContextMenuClick: ((event: CustomEvent) => void) | null;
-    onColumnClick: ((event: CustomEvent) => void) | null;
-    onColumnDblClick: ((event: CustomEvent) => void) | null;
-    onColumnContextMenu: ((event: CustomEvent) => void) | null;
-    onColumnResize: ((event: CustomEvent) => void) | null;
-    onColumnAutoResize: ((event: CustomEvent) => void) | null;
-    onSort: ((event: CustomEvent) => void) | null;
-    onSearch: ((event: CustomEvent) => void) | null;
-    onSearchOpen: ((event: CustomEvent) => void) | null;
-    onSearchClose: ((event: CustomEvent) => void) | null;
-    onChange: ((event: CustomEvent) => void) | null;
-    onRestore: ((event: CustomEvent) => void) | null;
-    onExpand: ((event: CustomEvent) => void) | null;
-    onCollapse: ((event: CustomEvent) => void) | null;
-    onError: ((event: CustomEvent) => void) | null;
-    onKeydown: ((event: CustomEvent) => void) | null;
-    onToolbar: ((event: CustomEvent) => void) | null;
-    onColumnOnOff: ((event: CustomEvent) => void) | null;
-    onCopy: ((event: CustomEvent) => void) | null;
-    onPaste: ((event: CustomEvent) => void) | null;
-    onSelectionExtend: ((event: CustomEvent) => void) | null;
-    onEditField: ((event: CustomEvent) => void) | null;
-    onRender: ((event: CustomEvent) => void) | null;
-    onRefresh: ((event: CustomEvent) => void) | null;
-    onReload: ((event: CustomEvent) => void) | null;
-    onResize: ((event: CustomEvent) => void) | null;
-    onDestroy: ((event: CustomEvent) => void) | null;
-    onStateSave: ((event: CustomEvent) => void) | null;
-    onStateRestore: ((event: CustomEvent) => void) | null;
-    onFocus: ((event: CustomEvent) => void) | null;
-    onBlur: ((event: CustomEvent) => void) | null;
-    onReorderRow: ((event: CustomEvent) => void) | null;
-    onSearchSave: ((event: CustomEvent) => void) | null;
-    onSearchRemove: ((event: CustomEvent) => void) | null;
-    onSearchSelect: ((event: CustomEvent) => void) | null;
-    onColumnSelect: ((event: CustomEvent) => void) | null;
-    onColumnDragStart: ((event: CustomEvent) => void) | null;
-    onColumnDragEnd: ((event: CustomEvent) => void) | null;
-    onResizerDblClick: ((event: CustomEvent) => void) | null;
-    onMouseEnter: ((event: CustomEvent) => void) | null;
-    onMouseLeave: ((event: CustomEvent) => void) | null;
+    onAdd: ((event: TsEventPayload) => void) | null;
+    onEdit: ((event: TsEventPayload) => void) | null;
+    onRequest: ((event: TsEventPayload) => void) | null;
+    onLoad: ((event: TsEventPayload) => void) | null;
+    onDelete: ((event: TsEventPayload) => void) | null;
+    onSave: ((event: TsEventPayload) => void) | null;
+    onSelect: ((event: TsEventPayload) => void) | null;
+    onClick: ((event: TsEventPayload) => void) | null;
+    onDblClick: ((event: TsEventPayload) => void) | null;
+    onContextMenu: ((event: TsEventPayload) => void) | null;
+    onContextMenuClick: ((event: TsEventPayload) => void) | null;
+    onColumnClick: ((event: TsEventPayload) => void) | null;
+    onColumnDblClick: ((event: TsEventPayload) => void) | null;
+    onColumnContextMenu: ((event: TsEventPayload) => void) | null;
+    onColumnResize: ((event: TsEventPayload) => void) | null;
+    onColumnAutoResize: ((event: TsEventPayload) => void) | null;
+    onSort: ((event: TsEventPayload) => void) | null;
+    onSearch: ((event: TsEventPayload) => void) | null;
+    onSearchOpen: ((event: TsEventPayload) => void) | null;
+    onSearchClose: ((event: TsEventPayload) => void) | null;
+    onChange: ((event: TsEventPayload) => void) | null;
+    onRestore: ((event: TsEventPayload) => void) | null;
+    onExpand: ((event: TsEventPayload) => void) | null;
+    onCollapse: ((event: TsEventPayload) => void) | null;
+    onError: ((event: TsEventPayload) => void) | null;
+    onKeydown: ((event: TsEventPayload) => void) | null;
+    onToolbar: ((event: TsEventPayload) => void) | null;
+    onColumnOnOff: ((event: TsEventPayload) => void) | null;
+    onCopy: ((event: TsEventPayload) => void) | null;
+    onPaste: ((event: TsEventPayload) => void) | null;
+    onSelectionExtend: ((event: TsEventPayload) => void) | null;
+    onEditField: ((event: TsEventPayload) => void) | null;
+    onRender: ((event: TsEventPayload) => void) | null;
+    onRefresh: ((event: TsEventPayload) => void) | null;
+    onReload: ((event: TsEventPayload) => void) | null;
+    onResize: ((event: TsEventPayload) => void) | null;
+    onDestroy: ((event: TsEventPayload) => void) | null;
+    onStateSave: ((event: TsEventPayload) => void) | null;
+    onStateRestore: ((event: TsEventPayload) => void) | null;
+    onFocus: ((event: TsEventPayload) => void) | null;
+    onBlur: ((event: TsEventPayload) => void) | null;
+    onReorderRow: ((event: TsEventPayload) => void) | null;
+    onSearchSave: ((event: TsEventPayload) => void) | null;
+    onSearchRemove: ((event: TsEventPayload) => void) | null;
+    onSearchSelect: ((event: TsEventPayload) => void) | null;
+    onColumnSelect: ((event: TsEventPayload) => void) | null;
+    onColumnDragStart: ((event: TsEventPayload) => void) | null;
+    onColumnDragEnd: ((event: TsEventPayload) => void) | null;
+    onResizerDblClick: ((event: TsEventPayload) => void) | null;
+    onMouseEnter: ((event: TsEventPayload) => void) | null;
+    onMouseLeave: ((event: TsEventPayload) => void) | null;
     constructor(options: Record<string, any>);
     add(record: TsGridRecord | TsGridRecord[], first?: boolean): number;
     find(obj?: Record<string, any>, returnIndex?: boolean, displayedOnly?: boolean): (string | number)[];
@@ -1755,13 +1801,13 @@ declare class TsGrid extends TsBase {
     hideColumn(...fields: string[]): number;
     /** Add one or more search fields. If `search` is omitted, `before` is treated as the search(es) to append. */
     addSearch(before: any, search?: any): number;
-    removeSearch(...fields: string[]): number;
+    removeSearch(...fields: string[]): any;
     getSearch(): string[];
     getSearch(field: string, returnIndex: true): number | null;
     getSearch(field: string, returnIndex?: false): TsGridSearch | null;
-    toggleSearch(...fields: string[]): number;
-    showSearch(...fields: string[]): number;
-    hideSearch(...fields: string[]): number;
+    toggleSearch(...fields: string[]): any;
+    showSearch(...fields: string[]): any;
+    hideSearch(...fields: string[]): any;
     getSearchData(field: string): Record<string, any> | null;
     localSort(silent?: boolean, noResetRefresh?: boolean): number | undefined;
     localSearch(silent?: boolean): number | undefined;
@@ -1775,7 +1821,7 @@ declare class TsGrid extends TsBase {
     addRange(rangesInput: TsGridRange | TsGridRange[] | string | Record<string, any>): number;
     removeRange(...names: string[]): number;
     refreshRanges(): number | undefined;
-    select(...selectArgs: any[]): number | undefined;
+    select(...selectArgs: any[]): any;
     unselect(...unselectArgs: any[]): number;
     compareSelection(newSel: any[]): {
         select: any[];
@@ -1806,17 +1852,17 @@ declare class TsGrid extends TsBase {
      * compat with the v2.0 API and for callers that genuinely handle both modes.
      */
     getSelection(returnIndex?: boolean): RecId[] | number[] | TsGridCellSelection[];
-    search(field?: any, value?: any): void;
-    searchOpen(options?: any): void;
+    search(field?: any, value?: any): any;
+    searchOpen(options?: any): any;
     searchClose(): void;
-    searchFieldTooltip(ind: any, sd_ind: any, el: any): void;
-    searchSuggest(imediate?: boolean, forceHide?: boolean, anchor?: HTMLElement | Element): void;
+    searchFieldTooltip(ind: any, sd_ind: any, el: any): any;
+    searchSuggest(imediate?: boolean, forceHide?: boolean, anchor?: HTMLElement | Element): any;
     searchSave(): void;
     cache(type: any): any;
-    cacheSave(type: any, value: any): boolean;
+    cacheSave(type: any, value: any): any;
     searchReset(noReload?: boolean): void;
     searchShowFields(forceHide?: boolean): void;
-    searchInitInput(field: string, _value?: any): void;
+    searchInitInput(field: string, _value?: any): any;
     clear(noRefresh?: boolean): void;
     reset(noRefresh?: boolean): void;
     skip(offset: any, callBack?: any): void;
@@ -1828,14 +1874,14 @@ declare class TsGrid extends TsBase {
     getChanges(recordsBase?: TsGridRecord[]): Record<string, any>[];
     mergeChanges(): void;
     save(callBack?: (data: any) => void): void;
-    editField(recid: string | number, column: number, value: any, event?: any): void;
-    editChange(input?: any, index?: any, column?: any, event?: any): void;
-    editDone(index?: any, column?: any, event?: any): void;
+    editField(recid: string | number, column: number, value: any, event?: any): any;
+    editChange(input?: any, index?: any, column?: any, event?: any): any;
+    editDone(index?: any, column?: any, event?: any): any;
     'delete'(force?: boolean): void;
     click(recid: string | number | {
         recid: string | number;
         column?: number;
-    } | any, event?: MouseEvent | any): void;
+    } | any, event?: MouseEvent | any): any;
     columnClick(field: string, event?: MouseEvent | any): void;
     columnDblClick(field: any, event: any): void;
     columnContextMenu(field: any, event: any): void;
@@ -1849,7 +1895,7 @@ declare class TsGrid extends TsBase {
     dblClick(recid: string | number | {
         recid: string | number;
         column?: number;
-    } | any, event?: MouseEvent | any): void;
+    } | any, event?: MouseEvent | any): any;
     showContextMenu(event: MouseEvent | any, options: {
         recid?: string | number;
         index?: number;
@@ -1896,9 +1942,9 @@ declare class TsGrid extends TsBase {
     resizeBoxes(): void;
     resizeRecords(): void;
     getSearchesHTML(): string;
-    getOperators(type: any, opers: any): string;
-    initOperator(ind: any): void;
-    initSearchLists(changedField?: any): void;
+    getOperators(type: any, opers: any): any;
+    initOperator(ind: any): any;
+    initSearchLists(changedField?: any): any;
     initSearches(): void;
     getColumnsHTML(): string[];
     getColumnCellHTML(i: any): string;
@@ -2025,21 +2071,21 @@ declare class TsForm extends TsBase {
         errorsShown?: boolean;
         observeResize?: ResizeObserver;
     };
-    onRequest: ((event: CustomEvent) => void) | null;
-    onLoad: ((event: CustomEvent) => void) | null;
-    onValidate: ((event: CustomEvent) => void) | null;
-    onSubmit: ((event: CustomEvent) => void) | null;
-    onProgress: ((event: CustomEvent) => void) | null;
-    onSave: ((event: CustomEvent) => void) | null;
-    onChange: ((event: CustomEvent) => void) | null;
-    onInput: ((event: CustomEvent) => void) | null;
-    onRender: ((event: CustomEvent) => void) | null;
-    onRefresh: ((event: CustomEvent) => void) | null;
-    onResize: ((event: CustomEvent) => void) | null;
-    onDestroy: ((event: CustomEvent) => void) | null;
-    onAction: ((event: CustomEvent) => void) | null;
-    onToolbar: ((event: CustomEvent) => void) | null;
-    onError: ((event: CustomEvent) => void) | null;
+    onRequest: ((event: TsEventPayload) => void) | null;
+    onLoad: ((event: TsEventPayload) => void) | null;
+    onValidate: ((event: TsEventPayload) => void) | null;
+    onSubmit: ((event: TsEventPayload) => void) | null;
+    onProgress: ((event: TsEventPayload) => void) | null;
+    onSave: ((event: TsEventPayload) => void) | null;
+    onChange: ((event: TsEventPayload) => void) | null;
+    onInput: ((event: TsEventPayload) => void) | null;
+    onRender: ((event: TsEventPayload) => void) | null;
+    onRefresh: ((event: TsEventPayload) => void) | null;
+    onResize: ((event: TsEventPayload) => void) | null;
+    onDestroy: ((event: TsEventPayload) => void) | null;
+    onAction: ((event: TsEventPayload) => void) | null;
+    onToolbar: ((event: TsEventPayload) => void) | null;
+    onError: ((event: TsEventPayload) => void) | null;
     msgRefresh: string;
     msgSaving: string;
     msgServerError: string;
@@ -2429,4 +2475,4 @@ declare class TsField extends TsBase {
     moveCaret2end(): void;
 }
 
-export { Tooltip, TsAlert, TsBase, TsColor, TsConfirm, TsDate, TsDialog, TsEvent, TsField, TsForm, TsGrid, TsLayout, TsLocale, TsMenu, TsPopup, TsPrompt, TsSidebar, TsTabs, TsToolbar, TsTooltip, TsUi, TsUtils, query };
+export { type RecId, Tooltip, TsAlert, TsBase, type TsCloneOptions, TsColor, type TsColorRgb, TsConfirm, TsDate, TsDialog, TsEvent, type TsEventData, type TsEventPayload, TsField, type TsFieldColorOptions, type TsFieldDateOptions, type TsFieldDateTimeOptions, type TsFieldElement, type TsFieldEnumOptions, type TsFieldFileOptions, type TsFieldListOptions, type TsFieldNumericOptions, type TsFieldOptions, type TsFieldTimeOptions, TsForm, TsGrid, type TsGridCellSelection, type TsGridColumn, type TsGridGroupBy, type TsGridRange, type TsGridRangeEndpoint, type TsGridRecord, type TsGridSearch, type TsGridSelection, type TsGridSortData, TsLayout, type TsLayoutPanel, TsLocale, type TsLocaleSettings, type TsLockOptions, TsMenu, type TsMenuItem, type TsMessageOptions, type TsMessageProm, type TsMessageWhere, type TsPanelContent, type TsPanelType, TsPopup, TsPrompt, TsSidebar, type TsSidebarFindOptions, type TsSidebarRefreshOptions, type TsSidebarSetCountOptions, type TsSidebarSortOptions, type TsSidebarUpdateOptions, TsTabs, TsToolbar, TsTooltip, TsUi, TsUtils, query, toSafeEvent };