@iyulab/flex-table 0.12.0 → 0.14.0

package/dist/flex-table.d.ts

@@ -15,6 +15,8 @@ export declare class FlexTable extends LitElement {
     maxRows: number;
     editable: boolean;
     showFilters: boolean;
+    /** Enable built-in context menu on cell right-click. */
+    showContextMenu: boolean;
     /** Enable row-level checkbox selection. */
     selectable: boolean;
     /** Row selection mode: 'single' or 'multi' (default: 'multi'). */
@@ -44,6 +46,9 @@ export declare class FlexTable extends LitElement {
     private _sortedIndices;
     private _openFilterKey;
     private _rowSelectionVersion;
+    private _autocompleteState;
+    private _headerMenu;
+    private _bodyContextMenu;
     private _viewDirty;
     private _isDragging;
     private _wasDrag;
@@ -117,6 +122,13 @@ export declare class FlexTable extends LitElement {
      * @param newIndex Target index in the columns array.
      */
     moveColumn(key: string, newIndex: number): void;
+    /** Hide a column by its key. Fires `column-visibility-change` event. */
+    hideColumn(key: string): void;
+    /** Show a previously hidden column by its key. Fires `column-visibility-change` event. */
+    showColumn(key: string): void;
+    private _setColumnHidden;
+    /** Returns all columns marked as hidden. */
+    getHiddenColumns(): ColumnDefinition[];
     /**
      * Add a row at the specified index (default: end).
      * Returns the new row.
@@ -143,7 +155,7 @@ export declare class FlexTable extends LitElement {
      */
     exportToString(format: ExportFormat, options?: {
         selectionOnly?: boolean;
-    }): string;
+    }): string | Uint8Array;
     /**
      * Export table data and trigger file download.
      */
@@ -187,6 +199,9 @@ export declare class FlexTable extends LitElement {
     private _applyEdit;
     private _cancelEdit;
     private _onEditorKeyDown;
+    private _getAutocompleteCandidates;
+    private _onAutocompleteInput;
+    private _selectAutocompleteCandidate;
     private _syncActiveCell;
     private _onKeyDown;
     private _handleCtrlKey;
@@ -213,6 +228,11 @@ export declare class FlexTable extends LitElement {
     /** Calculate cumulative right offset for a right-pinned column */
     private _getPinnedRight;
     private _renderHeaderCell;
+    private _onHeaderContextMenu;
+    private _showHiddenBefore;
+    private _renderHeaderContextMenu;
+    private _renderBodyContextMenu;
+    private _applySortFromMenu;
     private _adjustFilterDropdown;
     private _onFilterBtnClick;
     private _renderFilterDropdown;

package/dist/flex-table.js

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

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { FlexTable } from './flex-table.js';
-export type { ColumnDefinition, ColumnType, DataRow, CellRenderer, CellEditor, CellValidator, SelectionMode, DataMode } from './models/types.js';
+export type { ColumnDefinition, ColumnType, DataRow, CellRenderer, CellEditor, CellValidator, SelectionMode, DataMode, CellStyle, ConditionalRule } from './models/types.js';
 export type { CellPosition, CellRange } from './core/selection.js';
 export type { SortCriteria, SortDirection } from './core/sorting.js';
 export type { ColumnFilter, FilterPredicate, FilterErrorCallback } from './core/filtering.js';

package/dist/models/types.d.ts

@@ -65,6 +65,33 @@ export interface ColumnDefinition {
     validator?: CellValidator;
     /** Allowed values for select columns (strings or label/value pairs) */
     options?: string[] | SelectOption[];
+    /**
+     * Autocomplete for text editing.
+     * - true: show suggestions from existing column values
+     * - 'strict': same as true, but rejects values not in the list
+     */
+    autocomplete?: boolean | 'strict';
+    /**
+     * Display format for cell values. Applied during rendering; raw value is preserved.
+     * - String: number format pattern (e.g. '#,##0.00', '0.00%', '$#,##0') or date pattern (e.g. 'yyyy-MM-dd')
+     * - Function: custom formatter receiving (value, row, col)
+     */
+    format?: string | ((value: unknown, row: DataRow, col: ColumnDefinition) => string);
+    /** Per-column conditional formatting rules applied during cell rendering */
+    conditionalRules?: ConditionalRule[];
+}
+/** Style applied to a cell by a conditional formatting rule */
+export interface CellStyle {
+    background?: string;
+    color?: string;
+    fontWeight?: 'bold' | 'normal';
+    fontStyle?: 'italic' | 'normal';
+}
+/** A single conditional formatting rule */
+export interface ConditionalRule {
+    /** Returns true when this rule's style should be applied */
+    when: (value: unknown, row: DataRow, col: ColumnDefinition) => boolean;
+    style: CellStyle;
 }
 /**
  * A single data row — schema-agnostic key-value map.

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-DJvbRtBl.js";
+import { t as e } from "./flex-table-fp3j2egA.js";
 import t from "react";
 import { createComponent as n } from "@lit/react";
 //#region src/react.ts

package/dist/renderers/format.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Cell value formatting: number and date patterns.
+ * Patterns follow Excel-like conventions.
+ */
+/**
+ * Apply a format string or function to a cell value.
+ * Returns empty string for null/undefined.
+ */
+export declare function applyFormat(value: unknown, format: string | ((value: unknown) => string)): string;
+/**
+ * Parse an Excel-style number format string and apply it.
+ * Supported patterns: '#,##0', '#,##0.00', '0.00%', '$#,##0.00', '#,##0.00%'
+ */
+export declare function formatNumberValue(value: unknown, fmt: string): string;
+/**
+ * Format a Date or ISO string value using a pattern.
+ * Tokens: yyyy, yy, MM, dd, HH, hh, mm, ss
+ */
+export declare function formatDateValue(value: unknown, fmt: string): string;

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

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

package/package.json

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