eru-grid 0.0.29 → 0.0.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eru-grid",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "peerDependencies": {
     "@angular/common": "^21.1.2",
     "@angular/core": "^21.1.2",

package/types/eru-grid.d.ts

@@ -69,6 +69,7 @@ interface GridFeatures {
     actionColumnPosition?: 'before' | 'after';
     designMode?: boolean;
     groupBar?: boolean;
+    wrapHeaders?: boolean;
     headerRowHeight?: number;
     dataRowHeight?: number;
     cursorOnHover?: string;
@@ -97,6 +98,25 @@ interface GridConfiguration {
         byDatatype?: Partial<Record<DataTypes, ColumnWidthConstraints>>;
     };
 }
+/**
+ * Descriptor emitted by the grid when a cell (select/status/etc.) needs its
+ * option list fetched from an external source. Consumers listen to
+ * EruGridStore.dynamicDataRequest() and reply via setDynamicData(key, data).
+ *
+ * `key` is the map key the result must be stored under (the cell reads its
+ * options from dynamicData.get(key)). For ENTITY_DATA the key is the field's
+ * entity_name; for API it is the field's api_name.
+ */
+interface DynamicDataRequest {
+    key: string;
+    optionType?: 'API' | 'ENTITY_DATA' | 'STATIC';
+    entityName?: string;
+    dEntityName?: string;
+    fieldName?: string;
+    apiName?: string;
+    apiField?: string;
+    search?: string;
+}
 interface Field {
     name: string;
     label: string;
@@ -133,8 +153,17 @@ interface Field {
     enableDrilldown?: boolean;
     open_status?: any[];
     close_status?: any[];
+    data_length?: number;
+    start_value?: number;
+    end_value?: number;
+    emoji_value?: string;
+    max_files?: number;
+    allowed_file_types?: any[];
+    maxFileSize?: number;
+    default_country?: string;
 }
 type DataTypes = 'number' | 'textbox' | 'currency' | 'date' | 'datetime' | 'duration' | 'dropdown_single_select' | 'dropdown_multi_select' | 'location' | 'email' | 'people' | 'checkbox' | 'phone' | 'priority' | 'status' | 'progress' | 'attachment' | 'tag' | 'rating' | 'website';
+declare const DATA_TYPES: DataTypes[];
 type AggregationFunction = 'sum' | 'count' | 'avg' | 'min' | 'max';
 interface PivotColumnGroupState {
     [groupKey: string]: {
@@ -556,6 +585,10 @@ declare class EruGridStore {
     private readonly _sortColumns;
     private readonly _dataRequest;
     private readonly _requestQueue;
+    private readonly _selectedDesignColumn;
+    readonly selectedDesignColumn: _angular_core.Signal<string | null>;
+    private readonly _columnDesignUpdate;
+    readonly columnDesignUpdate: _angular_core.Signal<Field[] | null>;
     readonly columns: _angular_core.Signal<Field[]>;
     readonly groups: _angular_core.Signal<RowGroup[]>;
     readonly rows: _angular_core.Signal<Row[]>;
@@ -581,7 +614,7 @@ declare class EruGridStore {
     readonly cellValueChange: _angular_core.Signal<CellValueChange | null>;
     readonly sortColumns: _angular_core.Signal<string[]>;
     readonly dataRequest: _angular_core.Signal<RowDataRequest | null>;
-    readonly dynamicDataRequest: _angular_core.Signal<string[] | null>;
+    readonly dynamicDataRequest: _angular_core.Signal<DynamicDataRequest[] | null>;
     readonly dynamicData: _angular_core.Signal<Map<string, any> | null>;
     readonly selectedRows: _angular_core.Signal<Row[]>;
     readonly totalSelectedCount: _angular_core.Signal<number>;
@@ -613,6 +646,8 @@ declare class EruGridStore {
     getConfiguration(): GridConfiguration;
     reorderColumns(fromIndex: number, toIndex: number): void;
     updateColumnRequired(columnName: string, required: boolean): void;
+    updateColumnMeta(columnName: string, patch: Partial<Field>): void;
+    selectDesignColumn(columnName: string | null): void;
     updateColumnWidth(columnName: string, field_size: number): void;
     setCellValueChange(change: CellValueChange): void;
     setGroups(groups: RowGroup[]): void;
@@ -769,11 +804,15 @@ declare class EruGridStore {
     /**
      * Set the dynamic data request
      */
-    setDynamicDataRequest(request: string): void;
+    setDynamicDataRequest(request: string | DynamicDataRequest): void;
     /**
      * Get the dynamic data request
      */
-    getDynamicDataRequest(): string[] | null;
+    getDynamicDataRequest(): DynamicDataRequest[] | null;
+    /**
+     * True if a request for the given key is already pending.
+     */
+    hasDynamicDataRequest(key: string): boolean;
     removeDynamicDataRequest(key: string): void;
     /**
      * Set the dynamic data
@@ -999,6 +1038,7 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
     isSortable: _angular_core.Signal<boolean>;
     showSortBar: _angular_core.Signal<boolean>;
     showGroupBar: _angular_core.Signal<boolean>;
+    wrapHeaders: _angular_core.Signal<boolean>;
     headerRowHeight: _angular_core.Signal<number>;
     dataRowHeight: _angular_core.Signal<number>;
     cursorOnHover: _angular_core.Signal<string>;
@@ -1103,8 +1143,8 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
      * Request rows for a specific group via signal
      */
     private requestRowsForGroup;
-    shouldShowRequiredToggleRow(): boolean;
-    onColumnRequiredChange(columnName: string, required: boolean): void;
+    isDesignMode(): boolean;
+    onHeaderDesignClick(event: Event, column: Field): void;
     trackByColumnFn(index: number, column: Field): string;
     trackByGroupItemFn(index: number, groupItem: GroupItem): string;
     trackByPivotRowFn(index: number, pivotRow: PivotRow): string;
@@ -1917,6 +1957,17 @@ declare class SelectComponent implements OnInit, AfterViewInit {
     hasRequiredValidation(): boolean;
     formatDisplayValue(): string;
     trackByValueAndIndex(index: number, option: any): string;
+    /**
+     * Find the value of `field` anywhere within `obj` (top-down, first match).
+     * Returns only primitive values so nested wrapper objects are skipped — the
+     * option value/label must be a scalar, not an object.
+     */
+    private findFieldValue;
+    /**
+     * First primitive (non-object) property value found in the object tree.
+     * Used as a last resort when the configured field cannot be located.
+     */
+    private firstPrimitiveValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "eru-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "isEditable": { "alias": "isEditable"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "isDrillable": { "alias": "isDrillable"; "required": false; "isSignal": true; }; "columnWidth": { "alias": "columnWidth"; "required": false; "isSignal": true; }; "fieldSize": { "alias": "fieldSize"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "eruGridStore": { "alias": "eruGridStore"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "blur": "blur"; "focus": "focus"; "drilldownClick": "drilldownClick"; "editModeChange": "editModeChange"; }, never, never, true, never>;
 }
@@ -2202,5 +2253,5 @@ declare class ThemeToggleComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeToggleComponent, "eru-theme-toggle", never, {}, {}, never, never, true, never>;
 }
 
-export { AttachmentComponent, CheckboxComponent, ColumnConstraintsService, CurrencyComponent, CustomVirtualScrollStrategy, DateComponent, DatetimeComponent, DurationComponent, EmailComponent, EruGridComponent, EruGridService, EruGridStore, LocationComponent, MATERIAL_MODULES, MATERIAL_PROVIDERS, NumberComponent, PRESET_CONFIG_DEFAULTS, PRESET_MANAGED_FIELDS, PeopleComponent, PhoneComponent, PriorityComponent, ProgressComponent, RatingComponent, SelectComponent, StatusComponent, TagComponent, TextareaComponent, TextboxComponent, ThemeService, ThemeToggleComponent, WebsiteComponent };
-export type { ActionClick, AggregationFunction, AttachmentConfig, BoardCardContext, CellValueChange, ColumnReorder, ColumnResize, ColumnWidthConstraints, CurrencyValidationResult, DataTypes, Drilldown, DurationValue, EmailValidationResult, Field, GridConfiguration, GridFeatures, GridMode, GridPreset, GridStyles, GridTokens, GroupItem$1 as GroupItem, LocationConfig, LocationValidationResult, NumberValidationResult, PeopleOption, PivotColumnGroupState, PivotColumnHeader, PivotConfiguration, PivotHeaderStructure, PivotMetadata, PivotResult, PivotRow, RatingConfig, Row, RowDataRequest, RowDataResponse, RowGrandTotal, RowGroup, TextareaValidationResult, TextboxValidationResult, Theme, WebsiteValidationResult };
+export { AttachmentComponent, CheckboxComponent, ColumnConstraintsService, CurrencyComponent, CustomVirtualScrollStrategy, DATA_TYPES, DateComponent, DatetimeComponent, DurationComponent, EmailComponent, EruGridComponent, EruGridService, EruGridStore, LocationComponent, MATERIAL_MODULES, MATERIAL_PROVIDERS, NumberComponent, PRESET_CONFIG_DEFAULTS, PRESET_MANAGED_FIELDS, PeopleComponent, PhoneComponent, PriorityComponent, ProgressComponent, RatingComponent, SelectComponent, StatusComponent, TagComponent, TextareaComponent, TextboxComponent, ThemeService, ThemeToggleComponent, WebsiteComponent };
+export type { ActionClick, AggregationFunction, AttachmentConfig, BoardCardContext, CellValueChange, ColumnReorder, ColumnResize, ColumnWidthConstraints, CurrencyValidationResult, DataTypes, Drilldown, DurationValue, DynamicDataRequest, EmailValidationResult, Field, GridConfiguration, GridFeatures, GridMode, GridPreset, GridStyles, GridTokens, GroupItem$1 as GroupItem, LocationConfig, LocationValidationResult, NumberValidationResult, PeopleOption, PivotColumnGroupState, PivotColumnHeader, PivotConfiguration, PivotHeaderStructure, PivotMetadata, PivotResult, PivotRow, RatingConfig, Row, RowDataRequest, RowDataResponse, RowGrandTotal, RowGroup, TextareaValidationResult, TextboxValidationResult, Theme, WebsiteValidationResult };