Enabling pivot grid remote sample (#791)

Author: MarielaTihova

browser/public/index.html

@@ -85,6 +85,8 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/point-chart-multiple-sources">─<span>Point Chart Multiple Sources</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/point-chart-single-source">─<span>Point Chart Single Source</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/point-chart-styling">─<span>Point Chart Styling</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/selection-modes">─<span>Selection Modes</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/selection-multiple-modes">─<span>Selection Multiple Modes</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/spline-area-multiple-sources">─<span>Spline Area Multiple Sources</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/spline-area-single-source">─<span>Spline Area Single Source</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/spline-area-styling">─<span>Spline Area Styling</span></a> 
@@ -165,6 +167,7 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/radial-area-chart-styling">─<span>Radial Area Chart Styling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/radial-chart-types">─<span>Radial Chart Types</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/radial-column-chart">─<span>Radial Column Chart</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/radial-column-chart-selection">─<span>Radial Column Chart Selection</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/radial-line-chart">─<span>Radial Line Chart</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/radial-pie-chart">─<span>Radial Pie Chart</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/range-area-chart">─<span>Range Area Chart</span></a> 
@@ -633,6 +636,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/pivot-grid/basic">─<span>Basic</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/pivot-grid/data-selector">─<span>Data Selector</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/pivot-grid/features">─<span>Features</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/pivot-grid/remote">─<span>Remote</span></a> 
        </div>
        <label id="nav-tree" class="nav-component">Tree</label> 
        <div id="nav-tree-list" class="nav-list" state="collapsed"> 
@@ -698,6 +702,7 @@
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/keyboard-navigation-guide">─<span>Keyboard Navigation Guide</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/layout-display-density">─<span>Layout Display Density</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/load-on-demand">─<span>Load On Demand</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/multi-cell-selection-mode">─<span>Multi Cell Selection Mode</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/multi-column-headers-export">─<span>Multi Column Headers Export</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/multi-column-headers-overview">─<span>Multi Column Headers Overview</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/multi-column-headers-styling">─<span>Multi Column Headers Styling</span></a> 

browser/tasks/gulp-samples.js

@@ -124,7 +124,7 @@ var sampleSources = [
     // '!' + igConfig.SamplesCopyPath + '/inputs/switches/**/package.json',
 
     // excluding samples that are not finished:
-    '!' + igConfig.SamplesCopyPath + '/grids/pivot-grid/remote/package.json',      // grid has no exported member named 'NoopPivotDimensionsStrategy'
+    // '!' + igConfig.SamplesCopyPath + '/grids/pivot-grid/remote/package.json',      // grid has no exported member named 'NoopPivotDimensionsStrategy'
 
      // excluding samples' node_modules:
      '!' + igConfig.SamplesCopyPath + '/**/node_modules/**/package.json',

samples/grids/pivot-grid/remote/src/index.ts

@@ -1,5 +1,5 @@
 import 'igniteui-webcomponents-grids/grids/combined';
-import { IgcPivotGridComponent, NoopPivotDimensionsStrategy } from 'igniteui-webcomponents-grids/grids';
+import { IgcPivotGridComponent, IgcNoopPivotDimensionsStrategy } from 'igniteui-webcomponents-grids/grids';
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import { PivotNoopData } from './PivotNoopData';
 
@@ -8,8 +8,8 @@ export class Sample {
     public get pivotConfiguration(): any {
         if (this._pivotConfiguration == null) {
             const pivotConfiguration: any = {
-                columnStrategy: NoopPivotDimensionsStrategy.instance(),
-                rowStrategy: NoopPivotDimensionsStrategy.instance(),
+                columnStrategy: IgcNoopPivotDimensionsStrategy.instance(),
+                rowStrategy: IgcNoopPivotDimensionsStrategy.instance(),
                 columns: [
                     {
                         memberName: 'Country',