@iyulab/flex-table 0.31.1 → 0.31.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.31.2] - 2026-09-02
4
+
5
+ ### Fixed
6
+
7
+ - **`ColumnDefinition`'s README reference was missing three real, shipped
8
+ fields**: `headerAlign` (per-column header alignment, added in a later
9
+ commit than the rest of the snippet), `options`/`autocomplete` (select-type
10
+ columns and autocomplete editing, since `0.13.0`). The `select` value of
11
+ `ColumnType` was also missing from its inline comment. None of these had
12
+ any mention anywhere in the README — a consumer had no way to discover
13
+ select columns or autocomplete existed short of reading the source.
14
+
3
15
  ## [0.31.1] - 2026-09-01
4
16
 
5
17
  ### Fixed
package/README.md CHANGED
@@ -107,13 +107,16 @@ npm install @iyulab/flex-table
107
107
  interface ColumnDefinition {
108
108
  key: string; // Unique key matching data property names
109
109
  header: string; // Display header text
110
- type?: ColumnType; // 'text' | 'number' | 'boolean' | 'date' | 'datetime'
111
- width?: number; // Column width in pixels (default: 120)
110
+ type?: ColumnType; // 'text' | 'number' | 'boolean' | 'date' | 'datetime' | 'select' (any other string falls back to 'text')
111
+ width?: number; // Column width in pixels (default: auto)
112
112
  minWidth?: number; // Minimum width in pixels (default: 40, enforced in rendering)
113
113
  hidden?: boolean; // Hide column from view
114
114
  sortable?: boolean; // Enable sorting (default: true)
115
+ headerAlign?: 'start' | 'center' | 'end'; // Header label alignment (default: 'start'), independent of cell content alignment
115
116
  editable?: boolean; // Per-column edit control (follows global editable)
116
117
  pinned?: 'left' | 'right'; // Freeze column during horizontal scroll
118
+ options?: string[] | SelectOption[]; // Allowed values for type: 'select' (SelectOption = { label, value })
119
+ autocomplete?: boolean | 'strict'; // Suggest existing column values while editing; 'strict' rejects values not in the list
117
120
  format?: string | ((value, row, col) => string); // Display format, see "format vs renderer" below
118
121
  renderer?: CellRenderer; // Custom cell render: (value, row, col) => TemplateResult | string
119
122
  editor?: CellEditor; // Custom cell editor: (value, row, col) => TemplateResult
@@ -1497,7 +1497,7 @@ async function K(e) {
1497
1497
  };
1498
1498
  }
1499
1499
  //#endregion
1500
- //#region \0@oxc-project+runtime@0.147.0/helpers/esm/decorate.js
1500
+ //#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorate.js
1501
1501
  function q(e, t, n, r) {
1502
1502
  var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
1503
1503
  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
@@ -2069,7 +2069,7 @@ var J = {
2069
2069
  this._readDensityTokens(), this._measureViewport(), this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this._baseStyleSheets = [...this.shadowRoot.adoptedStyleSheets]), this._syncStylesheets();
2070
2070
  }
2071
2071
  _syncStylesheets() {
2072
- !this.shadowRoot || !Array.isArray(this.shadowRoot.adoptedStyleSheets) || (this.shadowRoot.adoptedStyleSheets = [...this._baseStyleSheets, ...this.stylesheets]);
2072
+ this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this.shadowRoot.adoptedStyleSheets = [...this._baseStyleSheets, ...this.stylesheets]);
2073
2073
  }
2074
2074
  _readDensityTokens() {
2075
2075
  let e = getComputedStyle(this).getPropertyValue("--ft-row-height").trim();
@@ -1,2 +1,2 @@
1
- import { a as e, i as t, n, r, t as i } from "./flex-table-BH1lOINr.js";
1
+ import { a as e, i as t, n, r, t as i } from "./flex-table-2xx4M0ti.js";
2
2
  export { i as FlexTable, t as RowSelectionState, r as UndoStack, n as exportData, e as renderCell };
package/dist/react.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./flex-table-BH1lOINr.js";
1
+ import { t as e } from "./flex-table-2xx4M0ti.js";
2
2
  import t from "react";
3
3
  import { createComponent as n } from "@lit/react";
4
4
  var r = n({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iyulab/flex-table",
3
- "version": "0.31.1",
3
+ "version": "0.31.2",
4
4
  "description": "A minimalist, input-centric data grid web component",
5
5
  "type": "module",
6
6
  "main": "./dist/flex-table.js",