@sumaris-net/ngx-components 1.23.0-rc4 → 1.23.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "1.23.0-rc4",
+  "version": "1.23.0",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/app/core/table/entities-table-datasource.class.d.ts

@@ -6,17 +6,19 @@ import { SortDirection } from '@angular/material/sort';
 import { CollectionViewer } from '@angular/cdk/collections';
 import { TableDataSourceConfig } from '@e-is/ngx-material-table/src/app/ngx-material-table/table-data-source';
 import { EntitiesServiceWatchOptions, FetchMoreFn, IEntitiesService, LoadResult } from '../../shared/services/entity-service.class';
-export declare interface EntitiesTableServiceWatchOptions extends EntitiesServiceWatchOptions {
-    [key: string]: any;
-}
-export interface EntitiesTableDataSourceConfig<T extends Entity<T, ID>, ID = number, WO extends EntitiesTableServiceWatchOptions = EntitiesTableServiceWatchOptions> extends TableDataSourceConfig {
+export interface EntitiesTableDataSourceConfig<T extends Entity<T, ID>, ID = number, WO extends EntitiesServiceWatchOptions = EntitiesServiceWatchOptions, SO = any> extends TableDataSourceConfig {
     onRowCreated?: (row: TableElement<T>) => Promise<void> | void;
     saveOnlyDirtyRows?: boolean;
     readOnly?: boolean;
-    dataServiceOptions?: WO;
+    /**
+     * @deprecated
+     */
+    dataServiceOptions?: WO & SO;
+    watchAllOptions?: WO;
+    saveAllOptions?: SO;
     [key: string]: any;
 }
-export declare class EntitiesTableDataSource<T extends IEntity<T, ID>, F = any, ID = number, WO extends EntitiesTableServiceWatchOptions = EntitiesTableServiceWatchOptions, V extends ValidatorService = ValidatorService, C extends EntitiesTableDataSourceConfig<T, ID, WO> = EntitiesTableDataSourceConfig<T, ID, WO>> extends TableDataSource<T, V, C> implements OnDestroy {
+export declare class EntitiesTableDataSource<T extends IEntity<T, ID>, F = any, ID = number, WO extends EntitiesServiceWatchOptions = EntitiesServiceWatchOptions, SO = any, V extends ValidatorService = ValidatorService, C extends EntitiesTableDataSourceConfig<T, ID, WO, SO> = EntitiesTableDataSourceConfig<T, ID, WO, SO>> extends TableDataSource<T, V, C> implements OnDestroy {
     readonly dataService: IEntitiesService<T, F, WO>;
     private readonly _entityName;
     protected _debug: boolean;
@@ -26,8 +28,18 @@ export declare class EntitiesTableDataSource<T extends IEntity<T, ID>, F = any,
     protected _editingRowCount: number;
     protected _fetchMoreFn: FetchMoreFn<LoadResult<T>>;
     loadingSubject: BehaviorSubject<boolean>;
-    get serviceOptions(): WO;
-    set serviceOptions(value: WO);
+    /**
+     * @deprecated Use watchAllOptions or saveAllOptions
+     */
+    get serviceOptions(): WO & SO;
+    /**
+     * @deprecated Use watchAllOptions or saveAllOptions
+     */
+    set serviceOptions(value: WO & SO);
+    get watchAllOptions(): WO;
+    set watchAllOptions(value: WO);
+    get saveAllOptions(): SO;
+    set saveAllOptions(value: SO);
     get loaded(): boolean;
     get loading(): boolean;
     /**

package/src/app/core/table/table.class.d.ts

@@ -352,6 +352,7 @@ export declare abstract class AppTable<T extends IEntity<T, ID>, F = any, ID = n
     protected addRowToTable(insertAt?: number, opts?: {
         focusColumn?: string;
         editing?: boolean;
+        emitEvent?: boolean;
     }): Promise<TableElement<T>>;
     protected registerCellValueChanges(name: string, formPath?: string, emitInitialValue?: boolean): Observable<any>;
     protected setShowColumn(columnName: string, show: boolean, opts?: {

package/src/theme/_ngx-components.scss

@@ -501,6 +501,17 @@ mat-checkbox {
   }
 }
 
+// --------------------------------------------------
+// Form buttons bar
+// --------------------------------------------------
+app-form-buttons-bar {
+  --form-buttons-bar-buttons-width: 400px;
+  --form-buttons-bar-content-max-width: calc(100% - var(--form-buttons-bar-buttons-width) - 40px /*right menu toggle button*/);
+  .app-form-buttons-bar-content {
+    max-width: var(--form-buttons-bar-content-max-width);
+  }
+}
+
 // --------------------------------------------------
 // Ion-select
 // --------------------------------------------------