@datorama/core 21.3.1-rc.5 → 21.4.0-rc.11

package/i18n/locale-en_US.json

@@ -115,6 +115,7 @@
     "try-to-refresh-or-contact": "Try to refresh or contact support",
     "something-went-wrong": "Something went wrong",
     "try-again-later": "Try again later",
-    "apply-filters": "Apply filters"
+    "apply-filters": "Apply filters",
+    "total": "Total"
   }
 }

package/lib/grid-v2/grid/grid-v2.component.d.ts

@@ -16,5 +16,6 @@ export declare class DatoGridV2Component {
     get gridOptions(): DatoGridOptions;
     get enableBackground(): boolean;
     get enableV2_1(): boolean;
+    get isPivotMode(): boolean;
     constructor(controller: DatoGridControllerComponent, host: ElementRef);
 }

package/lib/grid-v2/grid/grid-v2.types.d.ts

@@ -87,6 +87,7 @@ export interface DatoGridOptions extends GridOptions {
     enableAllPagesSelection?: boolean;
     idColumnKey?: string;
     enableBackground?: boolean;
+    showBottomControls?: boolean;
 }
 export declare type ContextMenuItem = string | MenuItemDef;
 export interface ActionConverterParams {
@@ -103,6 +104,7 @@ export declare type DatoGridSortDirection = 'asc' | 'desc';
 export declare type DatoGridSort = {
     colId: string;
     sort: DatoGridSortDirection;
+    pivotColIndex?: number;
 };
 export declare type DatoGridServerSortDirection = 'ASC' | 'DESC';
 export declare type DatoGridServerSort = {

package/lib/grid-v2/grid-column-header/grid-column-header.component.d.ts

@@ -19,7 +19,6 @@ export declare class DatoGridColumnHeaderComponent implements OnDestroy, IHeader
     headerName: string;
     params: DatoColumnHeaderParams;
     column: Column;
-    aggColumn: boolean;
     customTemplates: {
         customHeader?: TemplateRef<any>;
         moreMenu?: TemplateRef<any>;
@@ -48,5 +47,4 @@ export declare class DatoGridColumnHeaderComponent implements OnDestroy, IHeader
     openFilters(origin: any): void;
     openMoreMenu(origin: any): void;
     ngOnDestroy(): void;
-    private get groupField();
 }

package/lib/grid-v2/grid-controller/grid-controller.component.d.ts

@@ -10,13 +10,14 @@ import { Observable } from 'rxjs';
 import { AgGridNg2 } from 'ag-grid-angular';
 import { GridQuery } from '../grid-store/grid.query';
 import { GridService } from '../grid-store/grid.service';
-import { DatoGridOptions } from '../grid/grid-v2.types';
+import { DatoGridOptions, DatoGridSort } from '../grid/grid-v2.types';
 import { IconRegistry } from '../../services/icon-registry';
 import { DatoCustomHeaderTemplateComponent } from '../grid-custom-header/custom-header-template.component';
 import { GridAction, RowAction } from '../grid-toolbar/grid-toolbar.types';
 import { DatoTranslateService } from '../../services/translate.service';
 import { GridStorageAPI } from '../grid-settings';
 import { DatoHotkeys } from '../../hotkeys/hotkeys.service';
+import { DatoGridExternalFilter } from '../grid-filter/grid-filter.types';
 export declare class DatoGridControllerComponent implements OnDestroy, AfterContentInit {
     gridService: GridService;
     gridQuery: GridQuery;
@@ -48,6 +49,10 @@ export declare class DatoGridControllerComponent implements OnDestroy, AfterCont
     ngAfterContentInit(): void;
     _initializeGrid(agGrid: AgGridNg2, agGridEl: HTMLElement): void;
     private normalizeOptions;
+    setGridRows<T>(data: T[]): void;
+    setGridFilters(filters: DatoGridExternalFilter[]): void;
+    onFilterChanged(): Observable<DatoGridExternalFilter[]>;
+    onSortChanged(): Observable<DatoGridSort>;
     private getGridIcons;
     private registerSettingsListeners;
     private listenToColumnResize;

package/lib/grid-v2/grid-filter/grid-filter.component.d.ts

@@ -53,6 +53,7 @@ export declare class DatoGridFilterComponent implements OnDestroy {
     private colField;
     private excludedValues;
     private byValueSubscription;
+    private pivotColumn;
     constructor(host: ElementRef, popover: PopoverRef<DatoColumnMenuData>, fb: FormBuilder, translate: DatoTranslateService, cdr: ChangeDetectorRef);
     get byValueControl(): AbstractControl;
     get conditionsControls(): AbstractControl[];
@@ -65,6 +66,7 @@ export declare class DatoGridFilterComponent implements OnDestroy {
     private get conditions();
     private get colFilter();
     private get colDef();
+    private get pivotKeys();
     ngOnInit(): void;
     closePopUp(): void;
     applyFilters(): void;
@@ -119,5 +121,9 @@ export declare class DatoGridFilterComponent implements OnDestroy {
     private patchAndReRegister;
     private registerByValueListener;
     private getNonExcludedValues;
+    /**
+     * Get pivot dimensions as defined in the parent group column header class.
+     */
+    private getPivotFields;
 }
 export {};

package/lib/grid-v2/grid-filter/grid-filter.types.d.ts

@@ -55,17 +55,26 @@ export declare type DatoGridFilterCondition = {
     value: StringOrNumber;
 };
 export declare type DatoGridFilter = {
+    colId?: string;
     byValue?: {
         condition: DatoFilterConditions.IN_LIST | DatoFilterConditions.NOT_IN_LIST;
         values: StringOrNumber[];
     };
     conditional?: DatoGridConditionalFilter;
+    pivotKeys?: string[];
+    pivotFieldsMap?: HashMap<string>;
 };
 export declare type DatoGridConditionalFilter = {
     type: DatoGridFilterTypes;
     operator: OperatorTypes;
     conditions: (DatoGridFilterCondition | DatoGridRangeFilterCondition)[];
 };
+export declare type DatoGridExternalFilter = {
+    colId: string;
+    field: string;
+    filter: DatoGridFilter;
+    pivotFieldsMap?: HashMap<string>;
+};
 export declare type DatoGridFiltersMap = HashMap<DatoGridFilter>;
 export declare type ServerSidePaginationRangeCondition = {
     condition: DatoFilterConditions.IN_RANGE;

package/lib/grid-v2/grid-pagination/grid-pagination.component.d.ts

@@ -36,6 +36,8 @@ export declare class DatoGridPaginationV2Component implements OnInit {
         showFirstEllipsis: boolean;
         showLastPage: boolean;
     };
+    showBottomControls: boolean;
+    isExpanded: boolean;
     private _pagesInView;
     private pagesOnSides;
     private pagesFitView;
@@ -87,6 +89,8 @@ export declare class DatoGridPaginationV2Component implements OnInit {
      * @return {number}
      */
     trackByPage(index: number, page: number): number;
+    toggleGroupsState(): void;
+    autoFitGrid(type: 'container' | 'content'): void;
     ngOnDestroy(): void;
     /**
      * Sets the rows display string

package/lib/grid-v2/grid-store/grid.query.d.ts

@@ -6,8 +6,8 @@ import { Column, RowNode } from 'ag-grid-community';
 import { DatoGridApi } from '../grid-controller/grid-controller.types';
 import { AgGridNg2 } from 'ag-grid-angular';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
-import { DatoGridAlignment, DatoGridDataChangedEvent, DatoGridOptions, GridRowsSelectionData } from '../grid/grid-v2.types';
-import { DatoGridFiltersMap } from '../grid-filter/grid-filter.types';
+import { DatoGridAlignment, DatoGridDataChangedEvent, DatoGridOptions, DatoGridSort, GridRowsSelectionData } from '../grid/grid-v2.types';
+import { DatoGridExternalFilter, DatoGridFiltersMap } from '../grid-filter/grid-filter.types';
 import { HashMap } from '../../utils/types';
 export declare class GridQuery extends Query<GridStoreState> implements OnDestroy {
     protected store: GridStore;
@@ -29,6 +29,8 @@ export declare class GridQuery extends Query<GridStoreState> implements OnDestro
     get gridAlignment(): DatoGridAlignment;
     getColumnSizes(): HashMap<number>;
     getCurrentGridSettings(): DatoGridSettings;
+    getSort(): DatoGridSort;
+    selectSort(): Observable<DatoGridSort>;
     _setApi(api: DatoGridApi, gridRef: AgGridNg2): void;
     /** Returns just the rows data */
     getSelectedRows<T>(): T[];
@@ -39,6 +41,8 @@ export declare class GridQuery extends Query<GridStoreState> implements OnDestro
     getSelectedRowNodes(onlyFirstRow: true): RowNode | undefined;
     getSelectedRowNodes(onlyFirstRow: false): RowNode[];
     getFilter(): DatoGridFiltersMap;
+    selectFilter(): Observable<DatoGridFiltersMap>;
+    filterChanged(): Observable<DatoGridExternalFilter[]>;
     getSearchTerm(): string;
     selectSearchTerm(): Observable<string>;
     waitForGrid(): Observable<boolean>;
@@ -50,6 +54,8 @@ export declare class GridQuery extends Query<GridStoreState> implements OnDestro
     getCurrentPageRows(): RowNode[];
     getAllColumns(): Column[];
     getAllDisplayedColumns(): Column[];
+    getAllPivotColumns(): Column[];
     selectIsSelectAllRowsEnabled(): Observable<boolean>;
+    getSecondaryColumn(colId: string): Column;
     private filterCheckboxSelectionColumn;
 }

package/lib/grid-v2/grid-store/grid.service.d.ts

@@ -3,7 +3,7 @@ import { DatoGridApi } from '../grid-controller/grid-controller.types';
 import { Column, RowNode, RowNodeTransaction } from 'ag-grid-community';
 import { GridQuery } from './grid.query';
 import { DatoTranslateService } from '../../services/translate.service';
-import { DatoGridFilter, ServerSidePaginationFilter } from '../grid-filter/grid-filter.types';
+import { DatoGridExternalFilter, DatoGridFilter, ServerSidePaginationFilter } from '../grid-filter/grid-filter.types';
 import { AgGridNg2 } from 'ag-grid-angular';
 import { IconRegistry, SvgRegistry } from '../../services/icon-registry';
 import { DatoGridSettings, NormalizeOptionsParams, ServerSidePaginationConfig } from './grid.store.types';
@@ -21,6 +21,8 @@ export declare class GridService implements OnDestroy {
     private storageAPI;
     private logger;
     api: DatoGridApi;
+    treeConfig: DatoGridTreeConfig;
+    isPivotMode: boolean;
     /** @internal - used for server side by value filter */
     _originalGetRows: (params: DatoGridGetRowsParams) => void;
     private initialSettings;
@@ -30,7 +32,6 @@ export declare class GridService implements OnDestroy {
     private isTreeData;
     private pageNumberToReturnAfterRefresh;
     private lastTotalRows;
-    treeConfig: DatoGridTreeConfig;
     private readonly CHECKBOX_SELECTION_COL_ID;
     set treeData(isTreeData: boolean);
     get treeData(): boolean;
@@ -79,7 +80,9 @@ export declare class GridService implements OnDestroy {
     };
     clearAllFilters(): void;
     clearColumnFilter(columnField: string): void;
-    setColumnFilter(column: Column, filter: DatoGridFilter): void;
+    setColumnFilter(column: Column, filter: DatoGridFilter, notifyGrid?: boolean): void;
+    setGridFilters(filters: DatoGridExternalFilter[]): void;
+    private updateFilter;
     setSearchTerm(searchTerm: string): void;
     setServerSidePagination(config: Partial<ServerSidePaginationConfig>): void;
     setLoading(show: boolean): void;
@@ -116,4 +119,11 @@ export declare class GridService implements OnDestroy {
     private getEditableClassArray;
     selectAllCurrentPageRows(isSelected?: boolean, considerExcluded?: boolean): void;
     deselectAllRows(): void;
+    /**
+     * When pivoting,
+     * we add the field name to the column header class in order to access it through the auto generated pivot column.
+     * @private
+     */
+    private initPivotSecondaryColsProcess;
+    private setPivotModeRows;
 }

package/lib/grid-v2/grid-store/grid.store.types.d.ts

@@ -36,3 +36,7 @@ export interface GridStoreState {
     settings: DatoGridSettings;
     serverSidePagination: ServerSidePaginationConfig;
 }
+export declare type PivotColumnData = {
+    field: string;
+    value: string;
+};

package/lib/grid-v2/grid-store/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './grid.store.types';
+export { tryParsePivotValue } from './util';

package/lib/grid-v2/grid-store/util.d.ts

@@ -1,3 +1,11 @@
-import { Column } from 'ag-grid-community';
+import { ColDef, Column } from 'ag-grid-community';
 import { HashMap } from '../../utils/types';
+import { PivotColumnData } from './grid.store.types';
 export declare function getColumnsSizes(columns: Column[], original?: boolean): HashMap<number>;
+/**
+ * Take pivoted value field if pivot column,
+ * or field of the colDef,
+ * or group field form showRowGroup if its agg column
+ */
+export declare function getColField(colDef: ColDef): string;
+export declare function tryParsePivotValue(str: string): PivotColumnData | undefined;

package/lib/grid-v2/public_api.d.ts

@@ -3,7 +3,6 @@ export * from './grid-on-hover/grid-on-hover.component';
 export * from './grid-loader/grid-v2-loader.component';
 export * from './grid-columns-display-menu/grid-columns-display-menu.component';
 export * from './grid-groups-menu/grid-groups-menu.component';
-export * from './grid/public_api';
 export * from './grid-controller/public_api';
 export * from './grid-column-header/public_api';
 export * from './grid-column-header-more-menu/public_api';
@@ -14,7 +13,7 @@ export * from './grid-header/public_api';
 export * from './grid-pagination/public_api';
 export * from './grid-toolbar/public_api';
 export * from './grid-settings';
-export * from './grid-store/grid.store.types';
+export * from './grid-store/public_api';
 export * from './grid-no-data-overlay/public_api';
 export * from './grid-v2.module';
 export * from './grid-column-cell-components/public_api';

package/lib/utils/array.d.ts

@@ -59,3 +59,8 @@ export declare function uniqBy(array: any, iterator: any): any;
  */
 export declare function drop<T>(array: T[], n?: number): T[];
 export declare function a<T>(array: T[], n?: number): T[];
+/**
+ * Compares 2 array and return whether their inner values are the same,
+ * without considering their order
+ */
+export declare function isArrayValuesEqual(arrA?: any[], arrB?: any[]): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datorama/core",
-  "version": "21.3.1-rc.5",
+  "version": "21.4.0-rc.11",
   "peerDependencies": {
     "@angular/common": "8.2.14",
     "@angular/core": "8.2.14",
@@ -61,4 +61,4 @@
   "typings": "datorama-core.d.ts",
   "metadata": "datorama-core.metadata.json",
   "sideEffects": false
-}
+}