@aquera/ngx-smart-table 0.0.10-alpha → 0.0.12-alpha

package/lib/models/table-config.interface.d.ts

@@ -206,6 +206,12 @@ export interface TableConfig {
              * @default false
              */
             enabled?: boolean;
+            /**
+             * Add a new empty row when navigating past the last row (arrow down at bottom)
+             * When enabled, pressing arrow down at the last row will emit a requestAddRow event
+             * @default false
+             */
+            addRowOnNavigatePastEnd?: boolean;
         };
     };
     /**

package/lib/renderer/components/st-table/st-table.component.d.ts

@@ -19,6 +19,7 @@ export declare class StTableComponent implements OnInit, OnChanges, OnDestroy, A
     private schemaValidator;
     private logger;
     private virtualScrollService;
+    private elementRef;
     readonly ZIndex: typeof TableZIndex;
     tableConfig: TableConfig;
     data?: any[];
@@ -38,6 +39,9 @@ export declare class StTableComponent implements OnInit, OnChanges, OnDestroy, A
     columnAdded: EventEmitter<ColumnAddEvent>;
     rowAction: EventEmitter<RowActionEvent>;
     validationStateChange: EventEmitter<TableValidationState>;
+    requestAddRow: EventEmitter<{
+        focusColumn?: number | undefined;
+    }>;
     validateConfig: boolean;
     private internalTableState?;
     private internalCellGrid?;
@@ -45,6 +49,7 @@ export declare class StTableComponent implements OnInit, OnChanges, OnDestroy, A
     private focusSubscription?;
     private validationSubscription?;
     private dataSubscription?;
+    private requestAddRowSubscription?;
     private internalData$;
     private previousData;
     mergedConfig: TableConfig;
@@ -77,7 +82,7 @@ export declare class StTableComponent implements OnInit, OnChanges, OnDestroy, A
     virtualScrollOffsetYNeg$: Observable<number>;
     visibleRows$: Observable<Cell<any>[][]>;
     scrollViewport?: ElementRef<HTMLElement>;
-    constructor(schemaValidator: JsonSchemaValidatorService, logger: ValidationLoggerService, virtualScrollService: VirtualScrollService);
+    constructor(schemaValidator: JsonSchemaValidatorService, logger: ValidationLoggerService, virtualScrollService: VirtualScrollService, elementRef: ElementRef<HTMLElement>);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -360,5 +365,5 @@ export declare class StTableComponent implements OnInit, OnChanges, OnDestroy, A
     onDocumentClick(event: MouseEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StTableComponent, "st-table", never, { "tableConfig": "tableConfig"; "data": "data"; "data$": "data$"; "tableState": "tableState"; "enableSorting": "enableSorting"; "enableFiltering": "enableFiltering"; "validateConfig": "validateConfig"; }, { "stateChange": "stateChange"; "dataChange": "dataChange"; "cellEdit": "cellEdit"; "cellSave": "cellSave"; "cellCancel": "cellCancel"; "cellChange": "cellChange"; "columnResized": "columnResized"; "columnMoved": "columnMoved"; "configValidationErrors": "configValidationErrors"; "columnAdded": "columnAdded"; "rowAction": "rowAction"; "validationStateChange": "validationStateChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StTableComponent, "st-table", never, { "tableConfig": "tableConfig"; "data": "data"; "data$": "data$"; "tableState": "tableState"; "enableSorting": "enableSorting"; "enableFiltering": "enableFiltering"; "validateConfig": "validateConfig"; }, { "stateChange": "stateChange"; "dataChange": "dataChange"; "cellEdit": "cellEdit"; "cellSave": "cellSave"; "cellCancel": "cellCancel"; "cellChange": "cellChange"; "columnResized": "columnResized"; "columnMoved": "columnMoved"; "configValidationErrors": "configValidationErrors"; "columnAdded": "columnAdded"; "rowAction": "rowAction"; "validationStateChange": "validationStateChange"; "requestAddRow": "requestAddRow"; }, never, never>;
 }

package/lib/renderer/components/st-workbook/st-workbook.component.d.ts

@@ -56,6 +56,14 @@ export declare class StWorkbookComponent implements OnInit, OnChanges, OnDestroy
      * Emitted when fullscreen is toggled
      */
     fullscreenToggle: EventEmitter<boolean>;
+    /**
+     * Emitted when user navigates past last row (arrow down at bottom)
+     * Only emitted if addRowOnNavigatePastEnd is enabled in tableConfig
+     */
+    requestAddRow: EventEmitter<{
+        sheetId: string;
+        focusColumn?: number | undefined;
+    }>;
     /**
      * Array of sheets
      */
@@ -216,6 +224,12 @@ export declare class StWorkbookComponent implements OnInit, OnChanges, OnDestroy
      * Handle table state change - pass through to parent
      */
     onTableStateChange(event: TableStateChangeEvent): void;
+    /**
+     * Handle request to add a new row - emitted when navigating past last row
+     */
+    onRequestAddRow(event: {
+        focusColumn?: number;
+    }): void;
     /**
      * Component cleanup
      */
@@ -237,5 +251,5 @@ export declare class StWorkbookComponent implements OnInit, OnChanges, OnDestroy
      */
     private setupBeforeUnloadWarning;
     static ɵfac: i0.ɵɵFactoryDeclaration<StWorkbookComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StWorkbookComponent, "st-workbook", never, { "config": "config"; "sheetsData": "sheetsData"; "state": "state"; }, { "sheetChanged": "sheetChanged"; "addSheet": "addSheet"; "sheetTabAction": "sheetTabAction"; "workbookAction": "workbookAction"; "cellChange": "cellChange"; "cellSave": "cellSave"; "tableStateChange": "tableStateChange"; "fullscreenToggle": "fullscreenToggle"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StWorkbookComponent, "st-workbook", never, { "config": "config"; "sheetsData": "sheetsData"; "state": "state"; }, { "sheetChanged": "sheetChanged"; "addSheet": "addSheet"; "sheetTabAction": "sheetTabAction"; "workbookAction": "workbookAction"; "cellChange": "cellChange"; "cellSave": "cellSave"; "tableStateChange": "tableStateChange"; "fullscreenToggle": "fullscreenToggle"; "requestAddRow": "requestAddRow"; }, never, never>;
 }

package/lib/renderer/directives/st-keyboard-navigation.directive.d.ts

@@ -5,11 +5,15 @@ import * as i0 from "@angular/core";
  */
 export declare class StKeyboardNavigationDirective {
     tableState: TableState;
+    /**
+     * When enabled, pressing arrow down at the last row will emit requestAddRow event
+     */
+    addRowOnNavigatePastEnd: boolean;
     onKeyDown(event: KeyboardEvent): void;
     /**
      * Convert navigation key to direction using enums
      */
     private getDirection;
     static ɵfac: i0.ɵɵFactoryDeclaration<StKeyboardNavigationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StKeyboardNavigationDirective, "[stKeyboardNavigation]", never, { "tableState": "tableState"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StKeyboardNavigationDirective, "[stKeyboardNavigation]", never, { "tableState": "tableState"; "addRowOnNavigatePastEnd": "addRowOnNavigatePastEnd"; }, {}, never>;
 }

package/lib/renderer/models/table-state.class.d.ts

@@ -25,6 +25,11 @@ export declare class TableState {
     readonly editingCellPosition$: Observable<CellFocusPosition | null>;
     private _tableValidationState$;
     readonly tableValidationState$: Observable<TableValidationState>;
+    private _requestAddRow$;
+    readonly requestAddRow$: Observable<{
+        focusColumn: number;
+    }>;
+    private _pendingFocusAfterRowAdd;
     private _rowCount;
     private _columnCount;
     /**
@@ -248,8 +253,10 @@ export declare class TableState {
     getEditingPosition(): CellFocusPosition | null;
     /**
      * Move focus in a direction using NavigationDirection enum
+     * @param direction The navigation direction
+     * @param addRowOnNavigatePastEnd If true, emits requestAddRow when navigating past last row
      */
-    moveFocus(direction: NavigationDirection): boolean;
+    moveFocus(direction: NavigationDirection, addRowOnNavigatePastEnd?: boolean): boolean;
     /**
      * Clear focus
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aquera/ngx-smart-table",
-  "version": "0.0.10-alpha",
+  "version": "0.0.12-alpha",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": ">=13.0.0 <16.0.0",