Merge pull request #764 from IgniteUI/vnext

RELEASE - Update latest samples to production

azure-pipelines/build-pipeline-client.yml

@@ -16,10 +16,10 @@ parameters:
   displayName: 'Get verbose output from steps - where configurable'
   type: boolean
   default: false
-# - name: shouldCleanPostExectuion
-#   displayName: 'Clean all pipeline dirs after the pipeline finishes?'
-#   type: boolean
-#   default: true
+- name: shouldCleanPostExectuion
+  displayName: 'Clean all pipeline dirs after the pipeline finishes?'
+  type: boolean
+  default: true
 
 name: $(BuildDefinitionName)_$(Year:yyyy).$(Month).$(DayOfMonth)$(Rev:.r)
 
@@ -38,7 +38,8 @@ stages:
 
       - template: templates/build-steps-template.yml
         parameters:
-          igVersion: '23.2.204'
+          igVersion: '24.1.41'
           igNuGetFeedUrl: $(IG_Nuget_Feed_URL)
           projectToBuild: Client
           isVerbose: ${{ parameters.isVerbose }}
+          shouldCleanPostExectuion: ${{ parameters.shouldCleanPostExectuion }}

azure-pipelines/build-pipeline-server.yml

@@ -16,10 +16,10 @@ parameters:
   displayName: 'Get verbose output from steps - where configurable'
   type: boolean
   default: false
-# - name: shouldCleanPostExectuion
-#   displayName: 'Clean all pipeline dirs after the pipeline finishes?'
-#   type: boolean
-#   default: true
+- name: shouldCleanPostExectuion
+  displayName: 'Clean all pipeline dirs after the pipeline finishes?'
+  type: boolean
+  default: true
 
 name: $(BuildDefinitionName)_$(Year:yyyy).$(Month).$(DayOfMonth)$(Rev:.r)
 
@@ -37,7 +37,8 @@ stages:
 
       - template: templates/build-steps-template.yml
         parameters:
-          igVersion: '23.2.204'
+          igVersion: '24.1.41'
           igNuGetFeedUrl: $(IG_Nuget_Feed_URL)
           projectToBuild: Server
           isVerbose: ${{ parameters.isVerbose }}
+          shouldCleanPostExectuion: ${{ parameters.shouldCleanPostExectuion }}

azure-pipelines/templates/build-steps-template.yml

@@ -4,6 +4,7 @@ parameters:
   - name: projectToBuild
   - name: isVerbose
     default: false
+  - name: shouldCleanPostExectuion
 
 steps:
   - task: NodeTool@0
@@ -19,7 +20,6 @@ steps:
       workingDir: '$(Build.SourcesDirectory)\browser\IgBlazorSamples.Gulp'
       verbose: ${{ parameters.isVerbose }}
       customCommand: ci
-
 
   - task: CmdLine@2
     displayName: 'npx gulp copySamplesTo${{ parameters.projectToBuild }}'
@@ -32,19 +32,29 @@ steps:
     displayName: 'Install dotnet if not already present'
     inputs:
       packageType: 'sdk'
-      version: '6.0.415' #'6.x'
-      performMultiLevelLookup: true
+      version: '8.0.100' # we are currently building a 8.0 app. TODO: Try upgrading to 8.x in the future
+      performMultiLevelLookup: false
+
 
   - task: PowerShell@2
-    displayName: 'Generate NuGet.config for IG ProGet NuGet feed'
+    displayName: 'Generate NuGet.config for IG ProGet NuGet feed and u'
     inputs:
       targetType: 'inline'
       script: |
         dotnet new nugetconfig --force
+        # The name of the source doesn't currently matter as the credentials are attached thanks to URL matching - according to MS docs
         dotnet nuget add source ${{ parameters.igNuGetFeedUrl }} --name "IG ProGet NuGet" 
+      failOnStderr: true
+      showWarnings: true
+      workingDirectory: '$(Build.SourcesDirectory)\browser\IgBlazorSamples.${{ parameters.projectToBuild }}'
 
+  - task: PowerShell@2
+    displayName: 'Identify trial packages and use licensed ones instead'
+    inputs:
+      targetType: 'inline'
+      script: |
         $xml = [XML](Get-Content '.\IgBlazorSamples.${{ parameters.projectToBuild }}.csproj');
-
+        
         $nodes = $xml.SelectNodes("//PackageReference[starts-with(@Include,'IgniteUI')]") | 
           ForEach-Object { 
               $_.SetAttribute("Include",$_.Include.Replace(".Trial",""));
@@ -56,28 +66,22 @@ steps:
       showWarnings: true
       workingDirectory: '$(Build.SourcesDirectory)\browser\IgBlazorSamples.${{ parameters.projectToBuild }}'
 
-  - task: NuGetAuthenticate@1
-    displayName: 'Authenticate to IG ProGet NuGet feed'
-    inputs:
-      nuGetServiceConnections: 'IG ProGet IgniteUINuGet - Staging'
-      forceReinstallCredentialProvider: true
-
   - task: DotNetCoreCLI@2
     displayName: 'dotnet restore'
     inputs:
       command: 'restore'
       projects: '$(Build.SourcesDirectory)\browser\IgBlazorSamples.${{ parameters.projectToBuild }}'
+      # We want the dependency tree to be evaluated each time and to be sure that the dependencies are freshly downloaded
+      restoreArguments: '--ignore-failed-sources --no-cache --force'
       feedsToUse: 'config'
       nugetConfigPath: '$(Build.SourcesDirectory)\browser\IgBlazorSamples.${{ parameters.projectToBuild }}\NuGet.Config'
-      verbosityRestore: 'Diagnostic'
-      arguments: "--ignore-failed-sources"
+      # This task cannot use an apiKey directly (yet) so use any other service connection not based on an api key
+      externalFeedCredentials: 'IG ProGet IgniteUINuGet - Staging'
+      ${{ if eq(parameters.isVerbose, true) }}:
+        verbosityRestore: 'Diagnostic'
+      ${{ else }}:
+        verbosityRestore: 'Normal'
 
-  - task: DotNetCoreCLI@2
-    displayName: 'dotnet build'
-    inputs:
-      command: 'build'
-      projects: '$(Build.SourcesDirectory)\browser\IgBlazorSamples.${{ parameters.projectToBuild }}'
-#      arguments: '--configuration Release'
 
   - task: DeleteFiles@1
     displayName: 'Delete NuGet.config file - used only at build time'
@@ -89,7 +93,8 @@ steps:
     # Using a CmldLine call for this opeation, because I couldn't get it to work as expected with the DotNetCoreCLI task
     displayName: 'dotnet publish'
     inputs:
-      script: 'dotnet publish -c release -o $(Build.SourcesDirectory)\browser\IgBlazorSamples.${{ parameters.projectToBuild }}\publish'
+      # Skip the restore process as it is already done. Got an error when I tried skipping the build process (which is already done as well) 
+      script: 'dotnet publish --no-restore -c release -o $(Build.SourcesDirectory)\browser\IgBlazorSamples.${{ parameters.projectToBuild }}\publish'
       workingDirectory:  '$(Build.SourcesDirectory)\browser\IgBlazorSamples.${{ parameters.projectToBuild }}'
 
   - task: ArchiveFiles@2
@@ -108,5 +113,5 @@ steps:
       targetPath: '$(Build.ArtifactStagingDirectory)/BlazorSamples${{ parameters.projectToBuild }}.zip'
       artifact: 'BlazorSamples${{ parameters.projectToBuild }}'
 
-  # - ${{ if eq(parameters.shouldCleanPostExectuion, true) }}:
-  #   - task: PostBuildCleanup@4
+  - ${{ if eq(parameters.shouldCleanPostExectuion, true) }}:
+    - task: PostBuildCleanup@4

browser/IgBlazorSamples.Client/IgBlazorSamples.Client.csproj

@@ -46,9 +46,9 @@
     <!-- End NPM Updates -->
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor.Documents.Core" Version="23.2.204" />
-    <PackageReference Include="IgniteUI.Blazor.Documents.Excel" Version="23.2.204" />
-    <PackageReference Include="IgniteUI.Blazor" Version="23.2.204" />
+    <PackageReference Include="IgniteUI.Blazor" Version="24.1.46" />
+    <PackageReference Include="IgniteUI.Blazor.Documents.Core" Version="24.1.46" />
+    <PackageReference Include="IgniteUI.Blazor.Documents.Excel" Version="24.1.46" />
     <PackageReference Include="Microsoft.AspNetCore.Components" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" />

browser/IgBlazorSamples.Client/wwwroot/index.html

@@ -94,47 +94,57 @@
 <script src="sb/data-grid-performance.js"></script>
 <script src="sb/data-grid-type-marketing-table.js"></script>
 <script src="sb/grid-advanced-filtering-options.js"></script>
+<script src="sb/grid-advanced-filtering-style.js"></script>
 <script src="sb/grid-binding-composite-data.js"></script>
 <script src="sb/grid-binding-crud-data.js"></script>
 <script src="sb/grid-binding-nested-data-1.js"></script>
 <script src="sb/grid-cascading-combo.js"></script>
 <script src="sb/grid-cell-editing-sample.js"></script>
 <script src="sb/grid-clipboard-operations.js"></script>
 <script src="sb/grid-column-moving-options.js"></script>
+<script src="sb/grid-column-moving-styles.js"></script>
 <script src="sb/grid-column-pinning-options.js"></script>
 <script src="sb/grid-column-pinning-right-side.js"></script>
 <script src="sb/grid-column-resizing.js"></script>
 <script src="sb/grid-conditional-cell-style-1.js"></script>
+<script src="sb/grid-conditional-cell-style-2.js"></script>
 <script src="sb/grid-conditional-row-selectors.js"></script>
 <script src="sb/grid-data-batch-editing-actions.js"></script>
 <script src="sb/grid-data-paste-options.js"></script>
 <script src="sb/grid-data-performance-virtualization.js"></script>
 <script src="sb/grid-data-summary-formatter.js"></script>
 <script src="sb/grid-data-summary-options.js"></script>
+<script src="sb/grid-data-summary-template.js"></script>
 <script src="sb/grid-data-validator-service.js"></script>
 <script src="sb/grid-data-validator-service-extended.js"></script>
 <script src="sb/grid-editing-events.js"></script>
 <script src="sb/grid-editing-excel-style.js"></script>
+<script src="sb/grid-editing-excel-style-custom.js"></script>
 <script src="sb/grid-editing-lifecycle.js"></script>
 <script src="sb/grid-excel-style-filtering-sample-1.js"></script>
 <script src="sb/grid-excel-style-filtering-sample-2.js"></script>
 <script src="sb/grid-excel-style-filtering-sample-3.js"></script>
+<script src="sb/grid-excel-style-filtering-style.js"></script>
 <script src="sb/grid-filtering-strategy.js"></script>
 <script src="sb/grid-finjs.js"></script>
 <script src="sb/grid-groupby-expressions.js"></script>
 <script src="sb/grid-groupby-paging.js"></script>
 <script src="sb/grid-groupby-styling.js"></script>
 <script src="sb/grid-keyboard-mrl-navigation.js"></script>
+<script src="sb/grid-layout-display-density.js"></script>
 <script src="sb/grid-master-detail.js"></script>
 <script src="sb/grid-multi-cell-selection-mode.js"></script>
 <script src="sb/grid-multi-column-headers-export.js"></script>
 <script src="sb/grid-multi-column-headers-template.js"></script>
 <script src="sb/grid-multi-row-dragging.js"></script>
 <script src="sb/grid-overview.js"></script>
+<script src="sb/grid-overview-dark.js"></script>
 <script src="sb/grid-paste.js"></script>
+<script src="sb/grid-row-classes.js"></script>
 <script src="sb/grid-row-drag-base.js"></script>
 <script src="sb/grid-row-drag-to-grid.js"></script>
 <script src="sb/grid-row-paging-basic.js"></script>
+<script src="sb/grid-row-paging-options.js"></script>
 <script src="sb/grid-row-pinning-extra-column.js"></script>
 <script src="sb/grid-row-pinning-options.js"></script>
 <script src="sb/grid-row-pinning-style.js"></script>
@@ -155,9 +165,11 @@
 <script src="sb/hierarchical-grid-custom-filtering.js"></script>
 <script src="sb/hierarchical-grid-data-performance-virtualization.js"></script>
 <script src="sb/hierarchical-grid-data-summary-formatter.js"></script>
+<script src="sb/hierarchical-grid-data-summary-template.js"></script>
 <script src="sb/hierarchical-grid-editing-events.js"></script>
 <script src="sb/hierarchical-grid-editing-lifecycle.js"></script>
 <script src="sb/hierarchical-grid-excel-style-filtering-sample-3.js"></script>
+<script src="sb/hierarchical-grid-layout-display-density.js"></script>
 <script src="sb/hierarchical-grid-multi-column-headers-export.js"></script>
 <script src="sb/hierarchical-grid-multi-column-headers-template.js"></script>
 <script src="sb/hierarchical-grid-row-classes.js"></script>
@@ -172,6 +184,7 @@
 <script src="sb/pivot-grid-aggregate-max-sales.js"></script>
 <script src="sb/pivot-grid-aggregate-units-sold.js"></script>
 <script src="sb/pivot-grid-features.js"></script>
+<script src="sb/pivot-grid-state-persistence-main.js"></script>
 <script src="sb/tree-grid-cell-editing-sample.js"></script>
 <script src="sb/tree-grid-clipboard-operations.js"></script>
 <script src="sb/tree-grid-column-moving-options.js"></script>
@@ -194,9 +207,13 @@
 <script src="sb/tree-grid-excel-style-filtering-style.js"></script>
 <script src="sb/tree-grid-finjs.js"></script>
 <script src="sb/tree-grid-keyboard-custom-navigation.js"></script>
+<script src="sb/tree-grid-layout-display-density.js"></script>
+<script src="sb/tree-grid-multi-cell-selection-mode.js"></script>
 <script src="sb/tree-grid-multi-column-headers-export.js"></script>
 <script src="sb/tree-grid-multi-column-headers-template.js"></script>
 <script src="sb/tree-grid-row-classes.js"></script>
+<script src="sb/tree-grid-row-drag-base.js"></script>
+<script src="sb/tree-grid-row-paging-options.js"></script>
 <script src="sb/tree-grid-row-pinning-extra-column.js"></script>
 <script src="sb/tree-grid-row-pinning-options.js"></script>
 <script src="sb/tree-grid-row-pinning-style.js"></script>

browser/IgBlazorSamples.Gulp/tasks/gulp-samples.js

@@ -156,18 +156,16 @@ function getSamples(cb) {
         igConfig.SamplesCopyPath + '/charts/data-chart/itemized-column-chart/App.razor',
         igConfig.SamplesCopyPath + '/charts/data-chart/itemized-stacked-bar-chart/App.razor',
         igConfig.SamplesCopyPath + '/charts/data-chart/itemized-stacked-column-chart/App.razor',
-        // excluding bugged samples:
-        igConfig.SamplesCopyPath + '/grids/tree-grid/editing-columns/App.razor', // BUG https://github.com/IgniteUI/igniteui-blazor-examples/issues/423
         // excluding deferred gird samples
-      igConfig.SamplesCopyPath + '/grids/grid/toolbar-style/App.razor',
-      igConfig.SamplesCopyPath + '/grids/grid/advanced-filtering-style/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/toolbar-style/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/advanced-filtering-style/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/binding-nested-data-2/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/column-hiding-styles/App.razor',
-      igConfig.SamplesCopyPath + '/grids/grid/column-moving-styles/App.razor',
-      igConfig.SamplesCopyPath + '/grids/grid/column-pinning-styles/App.razor',
-      igConfig.SamplesCopyPath + '/grids/grid/column-resize-styling/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/column-moving-styles/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/column-pinning-styles/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/column-resize-styling/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/column-selection-styles/App.razor',
-      igConfig.SamplesCopyPath + '/grids/grid/conditional-cell-style-2/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/conditional-cell-style-2/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/data-exporting-indicator/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/data-performance-infinite-scroll/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/data-performance-operations/App.razor',
@@ -178,7 +176,7 @@ function getSamples(cb) {
     //   igConfig.SamplesCopyPath + '/grids/grid/excel-style-filtering-sample-1/App.razor',
     //   igConfig.SamplesCopyPath + '/grids/grid/excel-style-filtering-sample-2/App.razor',
     //   igConfig.SamplesCopyPath + '/grids/grid/excel-style-filtering-sample-3/App.razor',
-      igConfig.SamplesCopyPath + '/grids/grid/excel-style-filtering-style/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/excel-style-filtering-style/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/external-excel-style-filtering/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/filtering-style/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/filtering-template/App.razor',
@@ -187,9 +185,9 @@ function getSamples(cb) {
       igConfig.SamplesCopyPath + '/grids/grid/remote-paging-batch-editing/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/remote-paging-custom/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/remote-paging-template/App.razor',
-      igConfig.SamplesCopyPath + '/grids/grid/row-classes/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/row-classes/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/row-drop-indicator/App.razor',
-      igConfig.SamplesCopyPath + '/grids/grid/row-editing-style/App.razor',
+    //   igConfig.SamplesCopyPath + '/grids/grid/row-editing-style/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/row-paging-style/App.razor',
       igConfig.SamplesCopyPath + '/grids/grid/infinite-scroll/App.razor', // broken sample - undo when new IG packages deployed
     ];
@@ -592,9 +590,9 @@ function updateIG(cb) {
 
     let packageUpgrades = [
         // update version of IG packages and change to Trial or non-trial
-        { name: "IgniteUI.Blazor",                 version: "23.2.218" },
-        { name: "IgniteUI.Blazor.Documents.Core",  version: "23.2.218" },
-        { name: "IgniteUI.Blazor.Documents.Excel", version: "23.2.218" },
+        { name: "IgniteUI.Blazor",                 version: "24.1.46" },
+        { name: "IgniteUI.Blazor.Documents.Core",  version: "24.1.46" },
+        { name: "IgniteUI.Blazor.Documents.Excel", version: "24.1.46" },
         // these IG packages are sometimes updated:
         { name: "Microsoft.AspNetCore.Components",                       version: "8.0.0" },
         { name: "Microsoft.AspNetCore.Components.Web",                   version: "8.0.0" },

browser/IgBlazorSamples.Server/IgBlazorSamples.Server.csproj

@@ -28,9 +28,9 @@
   </ItemGroup>
 
   <ItemGroup>
-      <PackageReference Include="IgniteUI.Blazor" Version="23.2.204" />
-      <PackageReference Include="IgniteUI.Blazor.Documents.Core" Version="23.2.204" />
-      <PackageReference Include="IgniteUI.Blazor.Documents.Excel" Version="23.2.204" />
+      <PackageReference Include="IgniteUI.Blazor" Version="24.1.46" />
+      <PackageReference Include="IgniteUI.Blazor.Documents.Core" Version="24.1.46" />
+      <PackageReference Include="IgniteUI.Blazor.Documents.Excel" Version="24.1.46" />
       <PackageReference Include="Microsoft.AspNetCore.Components" Version="8.0.0" />
       <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
       <PackageReference Include="System.Net.Http.Json" Version="8.0.0" />

samples/charts/category-chart/annotations-all/BlazorClientApp.csproj

@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor" Version="23.2.218" />
+    <PackageReference Include="IgniteUI.Blazor" Version="24.1.46" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" />
     <PackageReference Include="System.Net.Http.Json" Version="8.0.0" />

samples/charts/category-chart/annotations-callouts/BlazorClientApp.csproj

@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor" Version="23.2.218" />
+    <PackageReference Include="IgniteUI.Blazor" Version="24.1.46" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" />
     <PackageReference Include="System.Net.Http.Json" Version="8.0.0" />

samples/charts/category-chart/annotations-crosshairs/BlazorClientApp.csproj

@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor" Version="23.2.218" />
+    <PackageReference Include="IgniteUI.Blazor" Version="24.1.46" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" />
     <PackageReference Include="System.Net.Http.Json" Version="8.0.0" />

samples/charts/category-chart/annotations-custom/BlazorClientApp.csproj

@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor" Version="23.2.218" />
+    <PackageReference Include="IgniteUI.Blazor" Version="24.1.46" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" />
     <PackageReference Include="System.Net.Http.Json" Version="8.0.0" />

samples/charts/category-chart/annotations-final-value/BlazorClientApp.csproj

@@ -12,7 +12,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="IgniteUI.Blazor" Version="23.2.218" />
+    <PackageReference Include="IgniteUI.Blazor" Version="24.1.46" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" />
     <PackageReference Include="System.Net.Http.Json" Version="8.0.0" />