Merge branch 'master' into vslavov/tree-POC

Author: ViktorSlavov

CHANGELOG.md

@@ -8,13 +8,28 @@ All notable changes for each version of this project will be documented in this
     - The `igx-drop-down-item` now allows for `igxPrefix`, `igxSuffix` and `igx-divider` directives to be passed as `ng-content` and they will be renderer accordingly in the item's content.
 - `IgxGrid`
     - Added support for exporting grouped data.
+- `IgxTreeGrid`
+    - Added `multipleCascade` row selection mode. In this mode, selecting a record results in the selection of all its children recursively. When only some children are selected, their parent's checkbox is in an indeterminate state.
+ 
+
+        ```html
+        <igx-tree-grid [rowSelection]="'multipleCascade'">           
+        </igx-tree-grid>
+        ```
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
     - Support for `currency` type columns is added in the grid.
+    - Support for `percent` type columns is added in the grid.
     - Added support for filtering based on the formatted cell values using the `FormattedValuesFilteringStrategy` for `IgxGrid`/`IgxHierarchicalGrid` and `TreeGridFormattedValuesFilteringStrategy` for `IgxTreeGrid`.
 - `IgxPaginator`
     - `paging` and `pagingDone` events are now emitted.
-- `IgxInput` now supports `type="file"` and its styling upon all themes.  
+- `IgxInput` now supports `type="file"` and its styling upon all themes.
    _Note: validation of file type input is not yet supported._
+- `igxSplitter` now has the following additional outputs: 
+    - `resizeStart` - Emits when pane resizing starts.
+    - `resizing`- Emits while panes are being resized.
+    - `resizeEnd` - Emits when pane resizing ends.
+
+    All emit with the two panes affected by the resize operation as arguments.
 
 ### General
 - **Breaking Change** - Many outputs are renamed with the introduction of new rules in Ignite UI for Angular's naming convention. Please, ensure that when you update to 11.1 you do so through
@@ -30,22 +45,27 @@ All notable changes for each version of this project will be documented in this
 - `IgxDialog`
     - The dialog content has been moved inside the dialog window container in the template. This means that if you have added something in-between the opening and closing tags of the dialog, you may have to adjust its styling a bit since that content is now rendered inside a container that has padding on it.
 - `IgxCalendar`
+    - **Breaking Change**
     - A new string enumeration `IgxCalendarView` is exported. Either the new one or the current `CalendarView` can be used. `CalendarView` will be deprecated in a future release.
     - `onSelection` is now `selected`
     - `onViewChanging` is now `viewChanging`
     - `onDateSelection` is now `dateSelection`
     - `onYearSelection` is now `yearSelection`
     - `onMonthSelection` is now `monthSelection`
 - `IgxYearsViewComponent`
+    - **Breaking Change**
     - `onSelection` is now `selected`
     - `onYearSelection` is now `yearSelection`
 - `IgxDaysViewComponent`
+    - **Breaking Change**
     - `onDateSelection` is now `dateSelection`
     - `onViewChanging` is now `viewChanging`
 - `IgxMonthsViewComponent`
+    - **Breaking Change**
     - `onSelection` is now `selected`
     - `onMonthSelection` is now `monthSelection`
 - `IgxMonthPickerComponent`
+    - **Breaking Change**
     - `onSelection` is now `selected`
 - `IgxRadioGroup`
     - Added new property `alignment` that determines the radio group alignment. Available options are `horizontal` (default) and `vertical`.
@@ -93,7 +113,27 @@ All notable changes for each version of this project will be documented in this
         - `page`, `perPage`, `paginate`, `nextPage`, `previousPage` and `totalPages` in the grids are deprecated and will be removed. Use the corresponding `IgxPaginator` outputs/inputs. When using an external paginator, take care to provide the corresponding slice of data. See [`Paging with Custom Template`](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/paging#remote-paging-with-custom-template)
 - IgxButton
     - IgxIcon(s) placed in a button now include margin if there are one or more sibling elements to give them some breathing room. The amount of margin applied depends on the display density of the button.
-    
+- `IgxListComponent`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onLeftPan` to `leftPan`
+        - `onRightPan` to `rightPan`
+        - `onPanStateChange` to `panStateChange`
+        - `onItemClicked` to `itemClicked`
+- `IgxNavbarComponent`
+    - **Breaking Change** - The `onAction` output is renamed to `action`.
+- `IgxTabsComponent`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onTabItemSelected` to `tabItemSelected`
+        - `onTabItemDeselected` to `tabItemDeselected`
+- `IgxTooltipTargetDirective`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onTooltipShow` to `tooltipShow`
+        - `onTooltipHide` to `tooltipHide`
+- `IgxBaseExporter`, `IgxExcelExporterService`, `IgxCsvExporterService`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onColumnExport` to `columnExporting`
+        - `onRowExport` to `rowExporting`
+        - `onExportEnded` to `exportEnded`
 
 ## 11.0.4
 

projects/igniteui-angular/migrations/common/ServerHost.ts

@@ -1,6 +1,6 @@
 import { Tree } from '@angular-devkit/schematics';
 import * as ts from 'typescript/lib/tsserverlibrary';
-import { CUSTOM_TS_PLUGIN_NAME } from './tsUtils';
+import { CUSTOM_TS_PLUGIN_NAME, CUSTOM_TS_PLUGIN_PATH } from './tsUtils';
 
 export class ServerHost implements ts.server.ServerHost {
     readonly args: string[];
@@ -75,6 +75,7 @@ export class ServerHost implements ts.server.ServerHost {
         try {
             const paths = [initialPath];
             if (moduleName === CUSTOM_TS_PLUGIN_NAME) {
+                moduleName = CUSTOM_TS_PLUGIN_PATH;
                 paths.push(__dirname);
             }
             const modulePath = require.resolve(moduleName, { paths });

projects/igniteui-angular/migrations/common/UpdateChanges.ts

@@ -9,12 +9,12 @@ import {
     SelectorChanges, ThemePropertyChanges, ImportsChanges, MemberChanges
 } from './schema';
 import {
-    getLanguageService, getRenamePositions, findMatches,
-    replaceMatch, createProjectService, isMemberIgniteUI, NG_LANG_SERVICE_PACKAGE_NAME
+    getLanguageService, getRenamePositions, findMatches, replaceMatch,
+    createProjectService, isMemberIgniteUI, NG_LANG_SERVICE_PACKAGE_NAME, NG_CORE_PACKAGE_NAME
 } from './tsUtils';
 import {
     getProjectPaths, getWorkspace, getProjects, escapeRegExp,
-    getPackageManager, canResolvePackage, tryInstallPackage, tryUninstallPackage
+    getPackageManager, canResolvePackage, tryInstallPackage, tryUninstallPackage, getPackageVersion
 } from './util';
 import { ServerHost } from './ServerHost';
 
@@ -30,7 +30,14 @@ export interface BoundPropertyObject {
 
 /* eslint-disable arrow-parens */
 export class UpdateChanges {
-    protected projectService: tss.server.ProjectService;
+    protected _projectService: tss.server.ProjectService;
+    public get projectService(): tss.server.ProjectService {
+        if (!this._projectService) {
+            this._projectService = createProjectService(this.serverHost);
+        }
+        return this._projectService;
+    }
+
     protected serverHost: ServerHost;
     protected workspace: WorkspaceSchema;
     protected sourcePaths: string[];
@@ -119,7 +126,6 @@ export class UpdateChanges {
         this.importsChanges = this.loadConfig('imports.json');
         this.membersChanges = this.loadConfig('members.json');
         this.serverHost = new ServerHost(this.host);
-        this.projectService = createProjectService(this.serverHost);
     }
 
     /** Apply configured changes to the Host Tree */
@@ -128,7 +134,13 @@ export class UpdateChanges {
             && !canResolvePackage(NG_LANG_SERVICE_PACKAGE_NAME);
         if (shouldInstallPkg) {
             this.context.logger.info(`Installing temporary migration dependencies via ${this.packageManager}.`);
-            tryInstallPackage(this.context, this.packageManager, NG_LANG_SERVICE_PACKAGE_NAME);
+            // try and get an appropriate version of the package to install
+            let targetVersion = getPackageVersion(NG_CORE_PACKAGE_NAME) || 'latest';
+            if (targetVersion.startsWith('11')) {
+                // TODO: Temporary restrict 11 LS version, till update for new module loading
+                targetVersion = '11.0.0';
+            }
+            tryInstallPackage(this.context, this.packageManager, `${NG_LANG_SERVICE_PACKAGE_NAME}@${targetVersion}`);
         }
 
         this.updateTemplateFiles();

projects/igniteui-angular/migrations/common/tsUtils.ts

@@ -9,7 +9,9 @@ import { TSLanguageService } from './tsPlugin/TSLanguageService';
 
 export const IG_PACKAGE_NAME = 'igniteui-angular';
 export const NG_LANG_SERVICE_PACKAGE_NAME = '@angular/language-service';
-export const CUSTOM_TS_PLUGIN_NAME = './tsPlugin';
+export const NG_CORE_PACKAGE_NAME = '@angular/core';
+export const CUSTOM_TS_PLUGIN_PATH = './tsPlugin';
+export const CUSTOM_TS_PLUGIN_NAME = 'igx-ts-plugin';
 
 /** Returns a source file */
 // export function getFileSource(sourceText: string): ts.SourceFile {
@@ -224,14 +226,14 @@ export const createProjectService = (serverHost: tss.server.ServerHost): tss.ser
  * Attempts to get type definitions using the TypeScript Language Service.
  * Can fall back to a cached version of the TSLS.
  */
-const getTypeDefinitions = (langServ: tss.LanguageService, entryPath: string, definition: tss.DefinitionInfo): any =>
+const getTypeDefinitions = (langServ: tss.LanguageService, entryPath: string, position: number): any =>
     /*
         getTypeScriptLanguageService is attached by us to the Typescript Language Service
         via a custom made plugin, it's sole purpose is to cache the language service and return it
         before any other plugins modify it
     */
-    langServ.getTypeDefinitionAtPosition(entryPath, definition.textSpan.start)
-    || (langServ as TSLanguageService).getTypeScriptLanguageService().getTypeDefinitionAtPosition(entryPath, definition.textSpan.start);
+    langServ.getTypeDefinitionAtPosition(entryPath, position)
+    || (langServ as TSLanguageService).getTypeScriptLanguageService().getTypeDefinitionAtPosition(entryPath, position);
 
 /**
  * Get type information about a TypeScript identifier
@@ -251,7 +253,7 @@ export const getTypeDefinitionAtPosition =
         if (definition.kind.toString() === 'reference') {
             return langServ.getDefinitionAndBoundSpan(entryPath, definition.textSpan.start).definitions[0];
         }
-        let typeDefs = getTypeDefinitions(langServ, entryPath, definition);
+        let typeDefs = getTypeDefinitions(langServ, entryPath, definition.textSpan.start);
         // if there are no type definitions found, the identifier is a ts property, referred in an internal/external template
         // or is a reference in a decorator
         if (!typeDefs) {
@@ -288,7 +290,7 @@ export const getTypeDefinitionAtPosition =
                 return null;
             }
 
-            typeDefs = langServ.getTypeDefinitionAtPosition(definition.fileName, member.name.getStart() + 1);
+            typeDefs = getTypeDefinitions(langServ, definition.fileName, member.name.getStart() + 1);
         }
         if (typeDefs?.length) {
             return typeDefs[0];

projects/igniteui-angular/migrations/common/util.ts

@@ -78,15 +78,26 @@ export const getPackageManager = (host: Tree) => {
 };
 
 export const canResolvePackage = (pkg: string): boolean => {
-    let modulePath;
     try {
-        modulePath = require.resolve(pkg);
-    } finally {
-        // eslint-disable-next-line no-unsafe-finally
-        return !!modulePath;
+        // attempt resolve in child process to keep result out of package.json cache
+        // otherwise resolve will not read the json again (after install) and won't load the main correctly
+        // https://stackoverflow.com/questions/59865584/how-to-invalidate-cached-require-resolve-results
+        execSync(`node -e "require.resolve('${pkg}');"`, { stdio: 'ignore' });
+        return true;
+    } catch {
+        return false;
     }
 };
 
+export const getPackageVersion = (pkg: string): string => {
+    let version = null;
+    try {
+        version = require(path.posix.join(pkg, 'package.json'))?.version;
+    } catch {}
+
+    return version;
+};
+
 export const tryInstallPackage = (context: SchematicContext, packageManager: string, pkg: string) => {
     try {
         context.logger.debug(`Installing ${pkg} via ${packageManager}.`);

projects/igniteui-angular/migrations/update-11_1_0/changes/members.json

@@ -282,6 +282,87 @@
             "definedIn": [
                 "IgxMonthsViewComponent"
             ]
+        },
+        {
+            "member": "onRowExport",
+            "replaceWith": "rowExporting",
+            "definedIn": [
+                "IgxExcelExporterService",
+                "IgxCsvExporterService",
+                "IgxBaseExporter"
+            ]
+        },
+        {
+            "member": "onColumnExport",
+            "replaceWith": "columnExporting",
+            "definedIn": [
+                "IgxExcelExporterService",
+                "IgxCsvExporterService",
+                "IgxBaseExporter"
+            ]
+        },
+        {
+            "member": "onAction",
+            "replaceWith": "action",
+            "definedIn": [
+                "IgxNavbarComponent"
+            ]
+        },
+        {
+            "member": "onLeftPan",
+            "replaceWith": "leftPan",
+            "definedIn": [
+                "IgxListComponent"
+            ]
+        },
+        {
+            "member": "onRightPan",
+            "replaceWith": "rightPan",
+            "definedIn": [
+                "IgxListComponent"
+            ]
+        },
+        {
+            "member": "onPanStateChange",
+            "replaceWith": "panStateChange",
+            "definedIn": [
+                "IgxListComponent"
+            ]
+        },
+        {
+            "member": "onItemClicked",
+            "replaceWith": "itemClicked",
+            "definedIn": [
+                "IgxListComponent"
+            ]
+        },
+        {
+            "member": "onTabItemSelected",
+            "replaceWith": "tabItemSelected",
+            "definedIn": [
+                "IgxTabsComponent"
+            ]
+        },
+        {
+            "member": "onTabItemDeselected",
+            "replaceWith": "tabItemDeselected",
+            "definedIn": [
+                "IgxTabsComponent"
+            ]
+        },
+        {
+            "member": "onTooltipShow",
+            "replaceWith": "tooltipShow",
+            "definedIn": [
+                "IgxTooltipTargetDirective"
+            ]
+        },
+        {
+            "member": "onTooltipHide",
+            "replaceWith": "tooltipHide",
+            "definedIn": [
+                "IgxTooltipTargetDirective"
+            ]
         }
     ]
 }