Merge remote-tracking branch 'origin/master' into dpetev/demos-type-checks

Author: damyanpetev

.browserslistrc

@@ -5,9 +5,9 @@
 # You can see what browsers were selected by your queries by running:
 #   npx browserslist
 
-> 0.5%
-last 2 versions
 Firefox ESR
+not last 2 versions
+not > 0.5%
 not ie <= 11
 not dead
 

.github/workflows/nodejs.yml

@@ -16,26 +16,30 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x, 16.x, 18.x]
+        node-version: [16.x, 18.x]
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
             node-version: ${{ matrix.node-version }}
             cache: 'npm'
       - name: Install packages
         run: npm ci
-      - name: Lint
+      - name: Lint Lib
         run: npm run lint:lib
         env:
             NODE_OPTIONS: --max_old_space_size=4096
       - name: Lint i18n
         run: npm run lint:i18n
-      - name: Build
+      - name: Build Lib
         run: npm run build:lib
+      - name: Build TypeDoc & SassDoc
+        run: |
+            npm run build:typedoc:en:production
+            npm run build:sassdoc:en:production
       - name: Test
         run: |
             npm run test:lib
@@ -49,11 +53,7 @@ jobs:
             npm run build:i18n
             npm run test:i18n:dist
       - name: Publish to coveralls.io
-        if: github.repository == 'IgniteUI/igniteui-angular' && matrix.node-version == '14.x'
+        if: github.repository == 'IgniteUI/igniteui-angular' && matrix.node-version == '16.x'
         uses: coverallsapp/[email protected]
         with:
             github-token: ${{ github.token }}
-      - name: Build TypeDoc & SassDoc
-        run: |
-            npm run build:typedoc:en:production
-            npm run build:sassdoc:en:production

.github/workflows/npm-publish.yml

@@ -8,10 +8,10 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
           cache: 'npm'
           registry-url: 'https://registry.npmjs.org'
       - run: echo "VERSION=${GITHUB_REF/refs\/tags\//}" >> $GITHUB_ENV

CHANGELOG.md

@@ -2,11 +2,22 @@
 
 All notable changes for each version of this project will be documented in this file.
 
+## 15.0.1
+
+- `IgxGrid`
+    - Added new auto-sizing API `recalculateAutoSizes` that recalculates widths of columns that have size set to `auto`. Can be used in scenarios where you want to auto-size the columns again post initialization.
+- `igxPivotGrid`
+    - Adding `aggregatorName` for pivot value configuration as an alternative to setting `aggregator` function. If both are set `aggregatorName` takes precedent. If none are set an error is thrown.
+
 ## 15.0.0
 
 ### New Features
 - `igxGrid` - exposing new Input properties:
 
+    - Parameters in grid templates now have types for their context. This can also cause issues if the app is in strict template mode and uses the wrong type. References to the template that may require conversion:
+        * - `IgxColumnComponent` - `ColumnType` (for example the column parameter in `igxFilterCellTemplate`)
+        * - `IgxGridCell` - `CellType` (for example the cell parameter in `igxCell` template)
+
     - `excelStyleHeaderIconTemplate` - Gets/Sets the excel style header icon.
     - `groupRowTemplate` - Gets/Sets the template reference for the group row.
     - `headSelectorTemplate` - Gets/Sets the header row selector template.
@@ -21,6 +32,54 @@ All notable changes for each version of this project will be documented in this
     - `dragGhostCustomTemplate` - Gets/Sets the custom template used for row drag.
     - `dragIndicatorIconTemplate` - Gets/Sets the custom template used for row drag indicator.
     - `detailTemplate` - Gets/Sets the master-detail template.
+- `IgxGridToolbar`
+    - **Breaking Change** - The `IgxGridToolbarTitleDirective` and `IgxGridToolbarActionsDirective` have been converted to components, keeping only the element selector. For apps using the preferred element markup of `<igx-grid-toolbar-title>` and `<igx-grid-toolbar-actions>` there should be no functional change. Apps using the `igxGridToolbarTitle` and `igxGridToolbarActions` directives on other elements will need to convert those to the mentioned elements instead.
+
+    - **Behavioral Change** - When adding new row in grid with enabled batch editing, `rowChangesCount` displays the number of the defined columns.
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - **Behavioral Change** - When editing a row, `rowChangesCount` and `hiddenColumnsCount`would be displayed.
+    - **Behavioral Change** - The Grid Paginator component is no longer hidden when there's no data and/or all columns are hidden.
+
+- `IgxExcelExporterService`
+    - Added support for exporting grid summaries.
+    - Columns of type `currency` will be formatted as currency in Excel based on grid's locale. Locale currency different than `USD`, `EUR`, `GBP`, `CNY` or `JPY` will result in exporting the column as number instead.
+
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`, `IgxPivotGrid`
+    - Adding `Image` column data type
+
+- `IgxCalendar`
+
+    Added support for shift key + mouse click interactions.
+    - `multi` mode - select/deselect all dates between the last selected/deselected and the one clicked while holding `Shift`.
+    - `range` mode - extend/shorten the range from the last selected date to the one clicked while holding `Shift`.
+
+### Theme Changes
+- **Breaking Changes** - The `palette` function no longer provides `info`, `success`, `warn` and `error` colors. Therefore you have to pass custom values for them if you need to use these colors. You can also use the values for `info`, `success`, `warn` and `error` colors from our predefined color palettes.
+
+    - Code example:
+
+    ```scss
+    // Mandatory colors
+    $primary-color: #2a38b7;
+    $secondary-color: #f96a88;
+    $surface-color: #e1ebe4;
+    // Additional colors
+    $error-color: color($light-fluent-palette, 'error');
+    $warn-color: color($light-fluent-palette, 'warn');
+    $info-color: color($light-fluent-palette, 'info');
+    $success-color: color($light-fluent-palette, 'success');
+
+    // Creating custom palette
+    $my-color-palette: palette(
+        $primary: $primary-color,
+        $secondary: $secondary-color,
+        $surface: $surface-color,
+        $error: $error-color,
+        $warn: $warn-color,
+        $info: $info-color,
+        $success: $success-color
+    );
+    ```
 
 ## 14.2.0
 

ROADMAP.md

@@ -2,9 +2,9 @@
 
 # Current Milestone
 
-## Milestone 24, version 15.0 (Due by October, 2022)
+## Milestone 24, version 15.0 (Due by Nov, 2022)
 
-1. Support exporting grid with summaries [#11598](https://github.com/IgniteUI/igniteui-angular/issues/11598)
+1. **[DONE]** Support exporting grid with summaries [#11598](https://github.com/IgniteUI/igniteui-angular/issues/11598)
 2. **[DONE]** Themes: Add support for adjusting spacing via CSS vars [#11368](https://github.com/IgniteUI/igniteui-angular/issues/11368)
 3. Support for Angular 15
 
@@ -20,12 +20,12 @@
 
 # Previous Milestone
 
-## Milestone 24, version 14.2 (Released October 06th, 2022)
+## Milestone 24, version 14.2 (Released October 06th, 2022) [Release Blog 22.2](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-22-2)
 
 1. **[DONE]** Angular query builder component (Angular Tree Grid Advanced Filtering without the tree grid) [#11750](https://github.com/IgniteUI/igniteui-angular/issues/11750)
 2. **[DONE]** [PivotGrid] Export to Excel [#11742](https://github.com/IgniteUI/igniteui-angular/issues/11742)
 
-## Milestone 23, version 14.1 (Released September 13th, 2022)
+## Milestone 23, version 14.1 (Released September 13th, 2022) [Release Blog 14.1.0](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-14-1-0-release)
 
 1. **[DONE]** Grid autosize feature with performance improvements [#10205](https://github.com/IgniteUI/igniteui-angular/issues/10205)
 2. **[DONE]** Validator service for igxGrid editing [#6501](https://github.com/IgniteUI/igniteui-angular/issues/6501)
@@ -43,7 +43,7 @@
 2. **[DONE]** IgxCalendar: set weekStart globally [#10543](https://github.com/IgniteUI/igniteui-angular/issues/10543)
 3. **[DONE]** Hide delete and edit buttons in grid action strip [#11578](https://github.com/IgniteUI/igniteui-angular/issues/11578)
 
-## Milestone 21, version 13.2 (Released May 25th, 2022)
+## Milestone 21, version 13.2 (Released May 25th, 2022) [Release Blog 22.1](https://www.infragistics.com/community/blogs/b/infragistics/posts/-ignite-ui-for-angular-22-1-release-and-updates)
 
 1. **[DONE]** Improve sorting experience for users [#9674](https://github.com/IgniteUI/igniteui-angular/issues/9674)
 2. **[DONE]** Template grid excel filter footer [#10183](https://github.com/IgniteUI/igniteui-angular/issues/10183) 
@@ -52,15 +52,15 @@
 5. **[DONE]** Checkbox size and disabled state in Bootstrap [#11096](https://github.com/IgniteUI/igniteui-angular/issues/11096)
 6. **[DONE]** [Pivot] Integrate ESF in tree view [#11049](https://github.com/IgniteUI/igniteui-angular/issues/11049) 
 
-## Milestone 20, version 13.1 (Released March 2nd, 2022)
+## Milestone 20, version 13.1 (Released March 2nd, 2022) [Release Blog 13.1.0](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-13-1-0-release)
 
 1. **[DONE]** Angular Pivot Grid [#5700](https://github.com/IgniteUI/igniteui-angular/issues/5700)
 2. **[DONE]** igx-tree-grid:excel-style filtering should show children of parent elements returned from the filter [#10342](https://github.com/IgniteUI/igniteui-angular/issues/10342)
 3. **[DONE]** Grid summary custom templating [#7981](https://github.com/IgniteUI/igniteui-angular/issues/7981)
 6. **[DONE]** Tabs component does not support RTL [#5904](https://github.com/IgniteUI/igniteui-angular/issues/5904)
 7. **[DONE]** Column moving feature on grid level [#10176](https://github.com/IgniteUI/igniteui-angular/issues/10176)
 
-## Milestone 19, version 13.0 (Released November 23rd, 2021)
+## Milestone 19, version 13.0 (Released November 23rd, 2021) [Release Blog 13.0.0](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-13-0-0-release)
 
 1. **[DONE]** Stepper component [#8667](https://github.com/IgniteUI/igniteui-angular/issues/8667)
 2. **[DONE]** Themes: Move code to Sass modules [#9554](https://github.com/IgniteUI/igniteui-angular/issues/9554)
@@ -71,7 +71,7 @@
 9. **[DONE]** IgxCombo: being able to set groups sorting order [#10125](https://github.com/IgniteUI/igniteui-angular/issues/10125)
 10. **[DONE]** IgxGridState directive to save disableHiding property [#9304](https://github.com/IgniteUI/igniteui-angular/issues/9304)
 
-## Milestone 18 (Released October 4th, 2021)
+## Milestone 18, version 12.2.0 (Released October 4th, 2021) [Release Blog 12.2.0](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-12-2-0-release)
 
 1. **[DONE]** Add row at top of grid [#9675](https://github.com/IgniteUI/igniteui-angular/issues/9675)
 2. **[DONE]** Grid row styles and classes [#9969](https://github.com/IgniteUI/igniteui-angular/issues/9969)
@@ -80,7 +80,7 @@
 5. **[DONE]** IgxTreeGrid: display only filtered records [#9923](https://github.com/IgniteUI/igniteui-angular/issues/9923)
 6. **[DONE]** Snackbar support for animation customization [#10126](https://github.com/IgniteUI/igniteui-angular/issues/10126)
 
-## Milestone 17 (Released August 2nd, 2021)
+## Milestone 17 , version 21.1.0 (Released August 2nd, 2021) [Releae Blog 12.1.0](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-12-1-0-release)
 
 1. **[DONE]** Accordion component to Ignite UI for Angular [#9559](https://github.com/IgniteUI/igniteui-angular/issues/9559)
 2. **[DONE]** Expose a column input for passing additional data/state in the template contexts of the column [#9020](https://github.com/IgniteUI/igniteui-angular/issues/9020)
@@ -94,7 +94,7 @@
 10. **[DONE]** Editable cell styling support [#9630](https://github.com/IgniteUI/igniteui-angular/issues/9630)
 11. **[DONE]** Excel Export Service - onColumnExport Allow to modify columnIndex Property [#8874](https://github.com/IgniteUI/igniteui-angular/issues/8874)
 
-## Milestone 16 (Released May 14th, 2021)
+## Milestone 16, version 12.0.0 (Released May 14th, 2021) [Release Blog 12.0.0](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-12-0-0-release)
 
 1. **[DONE]** Themes: Expose elevations as custom CSS props [#8920](https://github.com/IgniteUI/igniteui-angular/issues/8920)
 2. **[DONE]** Themes: Scope custom CSS props to component selectors [#8868](https://github.com/IgniteUI/igniteui-angular/issues/8868)
@@ -111,7 +111,7 @@
 13. **[DONE]** Accept ISO 8601 Date-only string as input for IgxDateTimeEditorDirective [#6994](https://github.com/IgniteUI/igniteui-angular/issues/6994)
 
 
-## Milestone 15 (Released February 17th, 2021)
+## Milestone 15, version 11.1.0 (Released February 17th, 2021) [Release Blog 11.1.0](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-11-1-0-release)
 
 1. **[DONE]** Filters should support filtering by formatted value [#8009](https://github.com/IgniteUI/igniteui-angular/issues/8009)
 2. **[DONE]** Support changing theme dynamically on Input Group [#8619](https://github.com/IgniteUI/igniteui-angular/issues/8619)
@@ -124,7 +124,7 @@
 9. **[DONE]** Carousel accessibility improvements [#8202](https://github.com/IgniteUI/igniteui-angular/issues/8202)
 10. **[DONE]** Datetime or Time in avaliable type of column [#7678](https://github.com/IgniteUI/igniteui-angular/issues/7678)
 
-## Milestone 14 (Released November 11th, 2020)
+## Milestone 14, version 11.0.0 (Released November 11th, 2020) [Release Blog 11.0.0](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-for-angular-11-0-0-release)
 
 1. **[DONE]** Grid Toolbar refactoring [#8055](https://github.com/IgniteUI/igniteui-angular/issues/8055)
 2. **[DONE]** Expose an event that indicates that the Grid is fully loaded [#7924](https://github.com/IgniteUI/igniteui-angular/issues/7924)

angular.json

@@ -39,7 +39,9 @@
             "namedChunks": true,
             "aot": false,
             "stylePreprocessorOptions": {
-                "includePaths": ["node_modules"]
+              "includePaths": [
+                "node_modules"
+              ]
             }
           },
           "configurations": {
@@ -110,7 +112,7 @@
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "styles": [
-              "src/styles.css"
+              "src/styles/styles.scss"
             ],
             "scripts": [],
             "assets": [
@@ -283,5 +285,13 @@
   },
   "cli": {
     "analytics": false
+  },
+  "schematics": {
+    "@angular-eslint/schematics:application": {
+      "setParserOptionsProject": true
+    },
+    "@angular-eslint/schematics:library": {
+      "setParserOptionsProject": true
+    }
   }
 }

azure-pipelines.yml

@@ -2,16 +2,16 @@ pool:
   vmImage: 'ubuntu-latest'
 
 steps:
+- task: NodeTool@0
+  inputs:
+    versionSpec: '16.x'
+  displayName: 'Install Node.js'
+
 - script: npm ci
   displayName: 'Install dependencies'
   env:
     AZURE_PIPELINES: "true"
 
-- script: sudo npm install -g istanbul-combine
-  displayName: 'Install coverage combiner'
-  env:
-    AZURE_PIPELINES: "true"
-
 - script: npm run lint:lib
   displayName: 'Run lint'
   env:
@@ -20,6 +20,12 @@ steps:
 - script: npm run build:lib
   displayName: 'Build source code and styles'
 
+- script: npm run build:typedoc:en:production
+  displayName: 'Build typedoc EN'
+
+- script: npm run build:sassdoc:en:production
+  displayName: 'Build sassdoc EN'
+
 - script: npm run test:lib:azure
   displayName: 'Run all tests'
   env:
@@ -43,6 +49,9 @@ steps:
 - script: npm run test:schematics
   displayName: 'Run migrations & schematics'
 
+- script: npm run test:i18n
+  displayName: 'Test i18n'
+
 - task: PublishTestResults@2
   condition: succeededOrFailed()
   inputs:

gulpfile.js

@@ -248,7 +248,10 @@ function typedocBuildDocsEN(cb) {
 }
 
 const SASSDOC = {
-    PROJECT_PATH: path.join(__dirname, 'projects', 'igniteui-angular', 'src', 'lib', 'core', 'styles'),
+    PROJECT_PATHS: [
+        `${path.join(__dirname, 'projects', 'igniteui-angular', 'src', 'lib', 'core', 'styles')}/**/*.scss`,
+        `${path.join(__dirname, 'node_modules', 'igniteui-theming', 'sass')}/**/*.scss`
+    ],
     DEST: path.join(DOCS_OUTPUT_PATH, 'sass'),
     OPTIONS: path.join(__dirname, '.sassdocrc'),
 };
@@ -266,7 +269,7 @@ function sassdocBuildJson(cb) {
     options.convert = convert;
     options.exportDir = exportDir;
 
-    gulp.src(`${SASSDOC.PROJECT_PATH}/**/*.scss`)
+    gulp.src(SASSDOC.PROJECT_PATHS)
         .pipe(sassdoc(options));
 
     cb();
@@ -282,7 +285,7 @@ function sassdocImportJson(cb) {
     options.json_dir = importDir;
     options.shellStringsPath = path.join(__dirname, 'extras', 'template', 'strings', 'shell-strings.json');
 
-    gulp.src(`${SASSDOC.PROJECT_PATH}/**/*.scss`)
+    gulp.src(SASSDOC.PROJECT_PATHS)
         .pipe(sassdoc(options));
 
     cb();
@@ -297,7 +300,7 @@ function sassdocBuildJA(cb) {
     options.json_dir = pathTranslations;
     options.shellStringsPath = path.join(__dirname, 'extras', 'template', 'strings', 'shell-strings.json');
 
-    gulp.src(`${SASSDOC.PROJECT_PATH}/**/*.scss`)
+    gulp.src(SASSDOC.PROJECT_PATHS)
         .pipe(sassdoc(options));
 
     cb();
@@ -309,7 +312,7 @@ function sassdocBuildEN(cb) {
     options.lang = 'en';
     options.shellStringsPath = path.join(__dirname, 'extras', 'template', 'strings', 'shell-strings.json');
 
-    gulp.src(`${SASSDOC.PROJECT_PATH}/**/*.scss`)
+    gulp.src(SASSDOC.PROJECT_PATHS)
         .pipe(sassdoc(options));
 
     cb();