Merge branch 'master' into ttonev-fix-10806

Author: teodosiah

CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes for each version of this project will be documented in this
 ## 13.1.0
 
 ### New Features
+- Added `IgxPivotGrid` component(Preview)
+    - The igxPivotGrid is a data presentation control for displaying data in a pivot table. It enables users to perform complex analysis on the supplied data. Main purpose is to transform and display a flat array of data into a complex grouped structure with aggregated values based on the main 3 dimensions: rows, columns and values, which the user may specify depending on his/her business needs. The whole pivot grid configuration is set through `IPivotConfiguration` interface.
+
+    ```html
+    <igx-pivot-grid [data]="origData" [pivotConfiguration]="pivotConfigHierarchy">
+    </igx-pivot-grid>
+    ```
+
+    - For more information, check out the [README](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/grids/pivot-grid/README.md), [specification](https://github.com/IgniteUI/igniteui-angular/wiki/igxPivotGrid-Specification) and [official documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/pivotgrid).
+
 - `igxTooltipTarget` directive now allows specifying a plain text tooltip without adding an additional DOM element decorated with the `igxTooltip` directive. This is achieved via the newly introduced `tooltip` string input.
     ```html
     <button igxTooltipTarget [tooltip]="'Infragistics Inc. HQ'">
@@ -99,6 +109,11 @@ All notable changes for each version of this project will be documented in this
     - Exposed new input `buttonText` which sets the text that is displayed inside the dropdown button in the toolbar.
 - `IgxCombo`
     - Added `groupSortingDirection` input, which allows you to set groups sorting order.
+- `igxChip`
+    - Exposed drop directive related events for the chip when it's used as a drop target:
+         - `dragLeave`
+         - `dragDrop`
+         - `dragOver`
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
     - Added new directives for re-templating header sorting indicators - `IgxSortHeaderIconDirective`, `IgxSortAscendingHeaderIconDirective` and `IgxSortDescendingHeaderIconDirective`.
 - `IgxGrid`

package-lock.json

@@ -14,10 +14,12 @@
     "test:lib:grid": "ng test igniteui-angular --watch=false --no-progress --code-coverage --karma-config=./projects/igniteui-angular/karma.grid.conf.js",
     "test:lib:tgrid": "ng test igniteui-angular --watch=false --no-progress --code-coverage --karma-config=./projects/igniteui-angular/karma.tree-grid.conf.js",
     "test:lib:hgrid": "ng test igniteui-angular --watch=false --no-progress --code-coverage --karma-config=./projects/igniteui-angular/karma.hierarchical-grid.conf.js",
+    "test:lib:pgrid": "ng test igniteui-angular --watch=false --no-progress --code-coverage --karma-config=./projects/igniteui-angular/karma.pivot-grid.conf.js",
     "test:lib:others": "ng test igniteui-angular --watch=false --no-progress --code-coverage --karma-config=./projects/igniteui-angular/karma.non-grid.conf.js",
     "test:lib:azure:grid": "ng test igniteui-angular --watch=false --no-progress --karma-config=./projects/igniteui-angular/karma.azure.grid.conf.js",
     "test:lib:azure:tgrid": "ng test igniteui-angular --watch=false --no-progress --karma-config=./projects/igniteui-angular/karma.azure.tree-grid.conf.js",
     "test:lib:azure:hgrid": "ng test igniteui-angular --watch=false --no-progress --karma-config=./projects/igniteui-angular/karma.azure.hierarchical-grid.conf.js",
+    "test:lib:azure:pgrid": "ng test igniteui-angular --watch=false --no-progress --karma-config=./projects/igniteui-angular/karma.azure.pivot-grid.conf.js",
     "test:lib:azure:others": "ng test igniteui-angular --watch=false --no-progress --karma-config=./projects/igniteui-angular/karma.azure.non-grid.conf.js",
     "test:lib:watch": "ng test igniteui-angular --karma-config=./projects/igniteui-angular/karma.watch.conf.js",
     "test:schematics": "ts-node --project projects/igniteui-angular/migrations/tsconfig.json ./node_modules/jasmine/bin/jasmine.js ./projects/igniteui-angular/migrations/**/*.spec.ts ./projects/igniteui-angular/schematics/**/*.spec.ts",
@@ -87,14 +89,16 @@
     "@angular/language-service": "^13.1.1",
     "@angularclass/hmr": "^2.1.3",
     "@cypress/schematic": "^1.6.0",
+    "@types/estree": "^0.0.50",
     "@types/jasmine": "^3.10.2",
     "@types/jasminewd2": "^2.0.10",
     "@types/node": "^12.20.36",
-    "@types/sass-true": "^6.0.1",
+    "@types/sass-true": "^6.0.2",
     "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "5.3.0",
     "@typescript-eslint/parser": "5.3.0",
     "browser-sync": "^2.27.7",
+    "cypress": "latest",
     "del": "^6.0.0",
     "eslint": "^8.2.0",
     "eslint-plugin-import": "2.25.2",
@@ -131,7 +135,6 @@
     "typedoc": "^0.21.9",
     "typedoc-plugin-localization": "^2.2.4",
     "typescript": "^4.4.4",
-    "webpack-sources": "1.3.0",
-    "cypress": "latest"
+    "webpack-sources": "1.3.0"
   }
 }

package.json

@@ -132,7 +132,25 @@ const GridResourceStringsBG_: ExpandRequire<IGridResourceStrings> = {
     igx_grid_actions_pin_label: 'Закачи',
     igx_grid_actions_unpin_label: 'Откачи',
     igx_grid_actions_jumpUp_label: 'Придвижи се нагоре',
-    igx_grid_actions_jumpDown_label: 'Придвижи се надолу'
+    igx_grid_actions_jumpDown_label: 'Придвижи се надолу',
+    igx_grid_pivot_date_dimension_total: 'All Periods',
+    igx_grid_pivot_aggregate_count: 'Count',
+    igx_grid_pivot_aggregate_min: 'Minimum',
+    igx_grid_pivot_aggregate_max: 'Maximum',
+    igx_grid_pivot_aggregate_sum: 'Sum',
+    igx_grid_pivot_aggregate_avg: 'Average',
+    igx_grid_pivot_aggregate_date_latest: 'Latest Date',
+    igx_grid_pivot_aggregate_date_earliest: 'Earliest Date',
+    igx_grid_pivot_aggregate_time_latest: 'Latest Time',
+    igx_grid_pivot_aggregate_time_earliest: 'Earliest Time',
+    igx_grid_pivot_empty_row_drop_area: 'Drop Row Fields here.',
+    igx_grid_pivot_empty_column_drop_area: 'Drop Column Fields here.',
+    igx_grid_pivot_empty_filter_drop_area: 'Drop Filter Fields here.',
+    igx_grid_pivot_empty_value_drop_area: 'Drop Value Fields here.',
+    igx_grid_pivot_row_drop_chip: 'Drop here to use as row',
+    igx_grid_pivot_column_drop_chip: 'Drop here to use as column',
+    igx_grid_pivot_filter_drop_chip: 'Drop here to use as filter',
+    igx_grid_pivot_value_drop_chip: 'Drop here to use as value'
 };
 
 /**

projects/igniteui-angular-i18n/src/i18n/BG/grid-resources.ts

@@ -132,7 +132,25 @@ const GridResourceStringsCS_: ExpandRequire<IGridResourceStrings> = {
     igx_grid_actions_pin_label: 'Kolík',
     igx_grid_actions_unpin_label: 'Odepnout',
     igx_grid_actions_jumpUp_label: 'Vyskočit',
-    igx_grid_actions_jumpDown_label: 'Skočit dolů'
+    igx_grid_actions_jumpDown_label: 'Skočit dolů',
+    igx_grid_pivot_date_dimension_total: 'All Periods',
+    igx_grid_pivot_aggregate_count: 'Count',
+    igx_grid_pivot_aggregate_min: 'Minimum',
+    igx_grid_pivot_aggregate_max: 'Maximum',
+    igx_grid_pivot_aggregate_sum: 'Sum',
+    igx_grid_pivot_aggregate_avg: 'Average',
+    igx_grid_pivot_aggregate_date_latest: 'Latest Date',
+    igx_grid_pivot_aggregate_date_earliest: 'Earliest Date',
+    igx_grid_pivot_aggregate_time_latest: 'Latest Time',
+    igx_grid_pivot_aggregate_time_earliest: 'Earliest Time',
+    igx_grid_pivot_empty_row_drop_area: 'Drop Row Fields here.',
+    igx_grid_pivot_empty_column_drop_area: 'Drop Column Fields here.',
+    igx_grid_pivot_empty_filter_drop_area: 'Drop Filter Fields here.',
+    igx_grid_pivot_empty_value_drop_area: 'Drop Value Fields here.',
+    igx_grid_pivot_row_drop_chip: 'Drop here to use as row',
+    igx_grid_pivot_column_drop_chip: 'Drop here to use as column',
+    igx_grid_pivot_filter_drop_chip: 'Drop here to use as filter',
+    igx_grid_pivot_value_drop_chip: 'Drop here to use as value'
 };
 
 /**

projects/igniteui-angular-i18n/src/i18n/CS/grid-resources.ts

@@ -132,7 +132,25 @@ const GridResourceStringsDA_: ExpandRequire<IGridResourceStrings> = {
     igx_grid_actions_pin_label: 'Fastgør',
     igx_grid_actions_unpin_label: 'Frigør',
     igx_grid_actions_jumpUp_label: 'Spring op',
-    igx_grid_actions_jumpDown_label: 'Spring ned'
+    igx_grid_actions_jumpDown_label: 'Spring ned',
+    igx_grid_pivot_date_dimension_total: 'All Periods',
+    igx_grid_pivot_aggregate_count: 'Count',
+    igx_grid_pivot_aggregate_min: 'Minimum',
+    igx_grid_pivot_aggregate_max: 'Maximum',
+    igx_grid_pivot_aggregate_sum: 'Sum',
+    igx_grid_pivot_aggregate_avg: 'Average',
+    igx_grid_pivot_aggregate_date_latest: 'Latest Date',
+    igx_grid_pivot_aggregate_date_earliest: 'Earliest Date',
+    igx_grid_pivot_aggregate_time_latest: 'Latest Time',
+    igx_grid_pivot_aggregate_time_earliest: 'Earliest Time',
+    igx_grid_pivot_empty_row_drop_area: 'Drop Row Fields here.',
+    igx_grid_pivot_empty_column_drop_area: 'Drop Column Fields here.',
+    igx_grid_pivot_empty_filter_drop_area: 'Drop Filter Fields here.',
+    igx_grid_pivot_empty_value_drop_area: 'Drop Value Fields here.',
+    igx_grid_pivot_row_drop_chip: 'Drop here to use as row',
+    igx_grid_pivot_column_drop_chip: 'Drop here to use as column',
+    igx_grid_pivot_filter_drop_chip: 'Drop here to use as filter',
+    igx_grid_pivot_value_drop_chip: 'Drop here to use as value'
 };
 
 /**

projects/igniteui-angular-i18n/src/i18n/DA/grid-resources.ts

@@ -132,7 +132,25 @@ const GridResourceStringsDE_: ExpandRequire<IGridResourceStrings> = {
     igx_grid_actions_pin_label: 'Fixiere',
     igx_grid_actions_unpin_label: 'Löse',
     igx_grid_actions_jumpUp_label: 'Springe hoch',
-    igx_grid_actions_jumpDown_label: 'Springe runter'
+    igx_grid_actions_jumpDown_label: 'Springe runter',
+    igx_grid_pivot_date_dimension_total: 'All Periods',
+    igx_grid_pivot_aggregate_count: 'Count',
+    igx_grid_pivot_aggregate_min: 'Minimum',
+    igx_grid_pivot_aggregate_max: 'Maximum',
+    igx_grid_pivot_aggregate_sum: 'Sum',
+    igx_grid_pivot_aggregate_avg: 'Average',
+    igx_grid_pivot_aggregate_date_latest: 'Latest Date',
+    igx_grid_pivot_aggregate_date_earliest: 'Earliest Date',
+    igx_grid_pivot_aggregate_time_latest: 'Latest Time',
+    igx_grid_pivot_aggregate_time_earliest: 'Earliest Time',
+    igx_grid_pivot_empty_row_drop_area: 'Drop Row Fields here.',
+    igx_grid_pivot_empty_column_drop_area: 'Drop Column Fields here.',
+    igx_grid_pivot_empty_filter_drop_area: 'Drop Filter Fields here.',
+    igx_grid_pivot_empty_value_drop_area: 'Drop Value Fields here.',
+    igx_grid_pivot_row_drop_chip: 'Drop here to use as row',
+    igx_grid_pivot_column_drop_chip: 'Drop here to use as column',
+    igx_grid_pivot_filter_drop_chip: 'Drop here to use as filter',
+    igx_grid_pivot_value_drop_chip: 'Drop here to use as value'
 };
 
 /**

projects/igniteui-angular-i18n/src/i18n/DE/grid-resources.ts

@@ -132,7 +132,25 @@ const GridResourceStringsES_: ExpandRequire<IGridResourceStrings> = {
     igx_grid_actions_pin_label: 'Anclar',
     igx_grid_actions_unpin_label: 'Desanclar',
     igx_grid_actions_jumpUp_label: 'Saltar arriba',
-    igx_grid_actions_jumpDown_label: 'Saltar abajo'
+    igx_grid_actions_jumpDown_label: 'Saltar abajo',
+    igx_grid_pivot_date_dimension_total: 'All Periods',
+    igx_grid_pivot_aggregate_count: 'Count',
+    igx_grid_pivot_aggregate_min: 'Minimum',
+    igx_grid_pivot_aggregate_max: 'Maximum',
+    igx_grid_pivot_aggregate_sum: 'Sum',
+    igx_grid_pivot_aggregate_avg: 'Average',
+    igx_grid_pivot_aggregate_date_latest: 'Latest Date',
+    igx_grid_pivot_aggregate_date_earliest: 'Earliest Date',
+    igx_grid_pivot_aggregate_time_latest: 'Latest Time',
+    igx_grid_pivot_aggregate_time_earliest: 'Earliest Time',
+    igx_grid_pivot_empty_row_drop_area: 'Drop Row Fields here.',
+    igx_grid_pivot_empty_column_drop_area: 'Drop Column Fields here.',
+    igx_grid_pivot_empty_filter_drop_area: 'Drop Filter Fields here.',
+    igx_grid_pivot_empty_value_drop_area: 'Drop Value Fields here.',
+    igx_grid_pivot_row_drop_chip: 'Drop here to use as row',
+    igx_grid_pivot_column_drop_chip: 'Drop here to use as column',
+    igx_grid_pivot_filter_drop_chip: 'Drop here to use as filter',
+    igx_grid_pivot_value_drop_chip: 'Drop here to use as value'
 };
 
 /**