Merge branch 'vnext' into rkaraivanov/textarea-samples

Author: kdinev

CODEOWNERS

@@ -1,5 +1,5 @@
 # code owners must approve PRs
-* @HUSSAR-mtrela
+# * @HUSSAR-mtrela
 
 # *.md @HUSSAR-mtrela
 # *.js @HUSSAR-mtrela

README.md

@@ -42,6 +42,10 @@ This repository contains over 300 examples on how to use [Ignite UI for Web ](ht
 [Multi-Column Combobox](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/editors/multi-column-combobox)
 
 
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-wc-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
 ## Preview
 
 You can preview and browse all samples in this repository by opening our [Web Components Browser](https://www.infragistics.com/webcomponents-demos/samples/index). Alternatively, you you can view these samples with detailed information in our [Web Component Documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html).
@@ -56,6 +60,7 @@ In addition, you can run each sample project individually from the [./samples](.
 To set up this project locally, clone this repository:
 ```
 git clone https://github.com/IgniteUI/igniteui-wc-examples.git
+git checkout master
 ```
 
 ## Running Individual Sample

azure-pipelines/build-pipeline.yml

@@ -4,10 +4,10 @@ trigger:
     - vnext
     - master
     - btraykov/azure-pipeline
-pr:
-  branches:
-    exclude:
-    - '*'  # must quote since "*" is a YAML reserved character; we want a string
+
+# This pipeline is meant to build specific branches for deployment. It's not meant to be a part of PR validation.
+pr: none
+
 parameters:
 - name: isVerbose
   displayName: 'Get verbose output from steps - where configurable'
@@ -34,17 +34,25 @@ stages:
         inputs:
           command: 'custom'
           workingDir: '$(Build.SourcesDirectory)'
-          customCommand: 'config -L project set @infragistics:registry=https://packages.infragistics.com/npm/js-licensed/'
-          customEndpoint: 'internal proget'
+          customCommand: 'config -L project set @infragistics:registry=http://proget.infragistics.local:81/npm/IgniteUILicensed/'
+          customEndpoint: 'internal licensed proget'
 
       - task: Npm@1
         displayName: 'npm ci --legacy-peer-deps'
         inputs:
           command: custom
           workingDir: '$(Build.SourcesDirectory)'
-          verbose: ${{ parameters.isVerbose }}
-          customCommand: ci --legacy-peer-deps
+          customCommand: 'ci --legacy-peer-deps'
+          customEndpoint: 'internal licensed proget'
 
+      - task: Npm@1
+        displayName: 'Register licensed npm registry in .npmrc'
+        inputs:
+          command: 'custom'
+          workingDir: '$(Build.SourcesDirectory)'
+          customCommand: 'config -L project set @infragistics:registry=https://packages.infragistics.com/npm/js-licensed/'
+          customEndpoint: 'public proget'
+
       - task: PowerShell@2
         displayName: 'Uninstall all IG trial packages & re-install their licensed variations'
         inputs:
@@ -95,4 +103,4 @@ stages:
         displayName: 'Publish pipeline artifact'
         inputs:
           targetPath: '$(Build.ArtifactStagingDirectory)/WebComponentsSamples.zip'
-          artifact: 'WebComponentsSamplesBrowser'
+          artifact: 'WebComponentsSamplesBrowser'

browser/README.md

@@ -38,6 +38,10 @@ This browser application allows you to browse all samples of the [IgniteUI for W
 [Date Picker](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/editors/date-picker),
 [Multi-Column Combobox](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/editors/multi-column-combobox)
 
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
 # Instructions
 
 Follow these instructions to run all samples locally in a browser application.

browser/public/index.html

@@ -58,13 +58,17 @@ export class Router {
     private displaySample(sample: any) {
         let tagName = sample.htmlTagName;
         this._targetEle.innerHTML = `<${tagName} class="sample-content"></${tagName}>`;
+        this._targetEle.addEventListener('wheel', this.preventDocumentScroll, { passive: false });
     }
 
     private public_url = "";
 
     public async navigateToRoute(route: string) {
         let navBarIsHidden: boolean = true;
 
+        // clear event listener before routing to a new sample
+        this._targetEle.removeEventListener('wheel', this.preventDocumentScroll);
+
         if (route.indexOf("/webcomponents-demos") === 0) {
             this.public_url = "/webcomponents-demos";
             route = route.substring("/webcomponents-demos".length);
@@ -162,4 +166,10 @@ export class Router {
         // }
     }
 
+    private preventDocumentScroll(event:any) {
+        if (event.target.outerHTML.toLowerCase().includes('igx')) {
+            event.preventDefault();
+        }
+    }
+
 }

browser/src/router.ts

@@ -70,6 +70,21 @@ var sampleSources = [
     // '!' + igConfig.SamplesCopyPath + '/grids/tree/**/package.json',
     // '!' + igConfig.SamplesCopyPath + '/grids/tree-grid/**/package.json',
     '!' + igConfig.SamplesCopyPath + '/grids/tree-grid/row-styles/package.json', // BUG webTreeGridRowStylesHandler does not export
+   
+    // '!' + igConfig.SamplesCopyPath + '/grids/tree-grid/editing-lifecycle/package.json', // BUG TS2339: Property 'cancel' does not exist on type 'IgcGridEditEventArgs'.
+    // '!' + igConfig.SamplesCopyPath + '/grids/tree-grid/multi-column-headers-export/package.json', // BUG Module '"igniteui-webcomponents-grids/grids"' has no exported member 'IgcExporterEventEventArgs'.
+    // '!' + igConfig.SamplesCopyPath + '/grids/tree-grid/multi-column-headers-overview/package.json', // BUG Property 'treegrid' does not exist on type 'TreeGridMultiColumnHeadersOverview'. Did you mean 'treeGrid'?
+    // '!' + igConfig.SamplesCopyPath + '/grids/tree-grid/multi-column-headers-overview/package.json', // BUG Type 'IgcTreeGridComponent' is missing the following properties from type 'IgcGridComponent':
+    // '!' + igConfig.SamplesCopyPath + '/grids/tree-grid/multi-column-headers-overview/package.json', // BUG: Type 'IgcTreeGridComponent' is not assignable to type 'IgcGridComponent'.
+    // '!' + igConfig.SamplesCopyPath + '/grids/grid/keyboard-custom-navigation/package.json', // BUG export 'GridKeydownTargetType' (imported as 'GridKeydownTargetType') was not found in 'igniteui-webcomponents-grids/grids'
+    // '!' + igConfig.SamplesCopyPath + '/grids/grid/cascading-combo/package.json', // BUG Cannot find name 'CodeGenHelper'.
+    // '!' + igConfig.SamplesCopyPath + '/grids/grid/editing-events/package.json', // BUG Property 'cancel' does not exist on type 'IgcGridEditEventArgs'.
+    // '!' + igConfig.SamplesCopyPath + '/grids/grid/editing-lifecycle/package.json', // BUG Property 'cancel' does not exist on type 'IgcGridEditEventArgs'.
+    // '!' + igConfig.SamplesCopyPath + '/grids/grid/keyboard-custom-navigation/package.json', // BUG Property 'event' does not exist on type 'IgcGridKeydownEventArgs'.
+    // '!' + igConfig.SamplesCopyPath + '/grids/grid/keyboard-custom-navigation/package.json', // BUG 'GridKeydownTargetType' only refers to a type, but is being used as a value here.
+    // '!' + igConfig.SamplesCopyPath + '/grids/grid/keyboard-mrl-navigation/package.json', // BUG Property 'event' does not exist on type 'IgcGridKeydownEventArgs'.
+    // '!' + igConfig.SamplesCopyPath + '/grids/grid/multi-column-headers-export/package.json', // BUG Module '"igniteui-webcomponents-grids/grids"' has no exported member 'IgcExporterEventEventArgs'.
+
     // '!' + igConfig.SamplesCopyPath + '/grids/grid/**/package.json',
     // '!' + igConfig.SamplesCopyPath + '/grids/pivot-grid/**/package.json',
     // '!' + igConfig.SamplesCopyPath + '/editors/**/package.json',
@@ -960,20 +975,20 @@ function updateIG(cb) {
     // { name:               "igniteui-webcomponents-core", version: "3.2.2" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-webcomponents-core"                     , version: "4.3.1" },
-        { name: "igniteui-webcomponents-charts"                   , version: "4.3.1" },
-        { name: "igniteui-webcomponents-excel"                    , version: "4.3.1" },
-        { name: "igniteui-webcomponents-gauges"                   , version: "4.3.1" },
-        { name: "igniteui-webcomponents-grids"                    , version: "4.3.1" },
-        { name: "igniteui-webcomponents-inputs"                   , version: "4.3.1" },
-        { name: "igniteui-webcomponents-layouts"                  , version: "4.3.1" },
-        { name: "igniteui-webcomponents-maps"                     , version: "4.3.1" },
-        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "4.3.1" },
-        { name: "igniteui-webcomponents-spreadsheet"              , version: "4.3.1" },
-        { name: "igniteui-webcomponents-datasources"              , version: "4.3.1" },
+        { name: "igniteui-webcomponents-core"                     , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-charts"                   , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-excel"                    , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-gauges"                   , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-grids"                    , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-inputs"                   , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-layouts"                  , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-maps"                     , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-spreadsheet"              , version: "4.8.1-alpha.0" },
+        { name: "igniteui-webcomponents-datasources"              , version: "4.8.1-alpha.0" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents", version: "4.5.0"  },
-        { name: "igniteui-dockmanager", version: "1.14.2" },
+        { name: "igniteui-webcomponents", version: "4.8.0"  },
+        { name: "igniteui-dockmanager", version: "1.14.3" },
         // other packages:
         { name: "webpack", version: "^5.74.0"  },
         { name: "webpack-cli", version: "^4.10.0"  },

browser/tasks/gulp-samples.js

@@ -21,12 +21,17 @@ This folder contains implementation of {PlatformName} application with example o
     </body>
 </html>
 
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
 ## Instructions
 
 To set up this project locally, execute these commands:
 
 ```
 git clone {RepositoryUrl}.git
+git checkout master
 cd ./{RepositoryName}
 cd {SampleFolderPath}
 ```