@igniteui/angular-templates 17.0.1302 → 17.0.1310-beta.2

package/igx-ts-legacy/grid/grid-custom/index.js

@@ -0,0 +1,177 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForAngularTemplate_1 = require("../../../IgniteUIForAngularTemplate");
+class IgxCustomGridTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAngularTemplate {
+    constructor() {
+        super(__dirname);
+        this.userExtraConfiguration = {};
+        this.components = ["Grid"];
+        this.controlGroup = "Grids & Lists";
+        this.listInComponentTemplates = true;
+        this.id = "custom-grid";
+        this.projectType = "igx-ts";
+        this.name = "Custom Grid";
+        this.description = "IgxGrid with optional features like sorting, filtering, editing, etc.";
+        this.dependencies = [
+            { import: "IgxGridModule", from: "<%=igxPackage%>" },
+            { import: "IgxCheckboxModule", from: "<%=igxPackage%>" }
+        ];
+        this.hasExtraConfiguration = true;
+    }
+    setExtraConfiguration(extraConfigKeys) {
+        this.userExtraConfiguration = extraConfigKeys;
+    }
+    getExtraConfiguration() {
+        return [{
+                choices: ["Sorting", "Filtering", "Cell Editing", "Row Editing", "Group By", "Resizing",
+                    "Row Selection", "Paging", "Column Pinning", "Column Moving", "Column Hiding"],
+                default: "",
+                key: "columnFeatures",
+                message: "Choose features for the igx-grid",
+                type: 1 /* MultiChoice */
+            }];
+    }
+    generateConfig(name, ...options) {
+        const columnFeatures = [];
+        const columnBoolFeatures = [];
+        const gridFeatures = [];
+        const featureUrl = "https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/";
+        const anchorWrapper = {
+            start: `<a href="`,
+            // tslint:disable-next-line:object-literal-sort-keys
+            href: ``,
+            middle: `" target="_blank">`,
+            text: ``,
+            end: `</a>`
+        };
+        let checkBoxBind = `[checked]="cell.value" [disabled]="true"`;
+        const datePickerEditor = "";
+        let selectedFeatures = "";
+        let columnPinning = "";
+        let groupByColumn = "";
+        let additionalMarkup = "";
+        /** starts with empty string to create a new line on join when something else is added */
+        const additionalElements = [""];
+        const toolbarActions = [];
+        if (this.userExtraConfiguration["columnFeatures"]) {
+            const features = this.userExtraConfiguration["columnFeatures"];
+            const featuresUrls = [];
+            for (const feature of this.userExtraConfiguration["columnFeatures"]) {
+                switch (feature) {
+                    case "Sorting":
+                    case "Filtering":
+                        gridFeatures.push(`[allowFiltering]="true"`);
+                    case "Resizing":
+                        const text = `[${feature.toLowerCase().replace("ing", "able")}]="true"`;
+                        columnFeatures.push(text);
+                        columnBoolFeatures.push(text);
+                        break;
+                    case "Column Moving":
+                        gridFeatures.push('[moving]="true"');
+                        break;
+                    case "Column Hiding":
+                        toolbarActions.push("      <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>");
+                        break;
+                    case "Cell Editing":
+                        columnFeatures.push(`[editable]="true"`);
+                        checkBoxBind = `[ngModel]="cell.value" (ngModelChange)="cell.update($event)"`;
+                        // enable Date Picker, ngModel
+                        // this.dependencies.push({ import: "IgxDatePickerModule", from: "<%=igxPackage%>" });
+                        this.dependencies.push({ import: "FormsModule", from: "@angular/forms" });
+                        // datePickerEditor = EOL +
+                        // 	`<ng-template igxCellEditor let-cell="cell">` + EOL +
+                        // 	`  <igx-date-picker cancelButtonLabel="cancel" todayButtonLabel="today" [(ngModel)]="cell.value"` +
+                        // 	` (onOpen)="pickerOpen()" (onClose)="pickerClose()">` + EOL +
+                        // 	`  </igx-date-picker>` + EOL +
+                        // 	`</ng-template>`;
+                        // TODO: make a Util .pad()
+                        // datePickerEditor = datePickerEditor.replace(/([\r\n]+)/g, `$&${"  ".repeat(3)}`);
+                        break;
+                    case "Row Editing":
+                        gridFeatures.push(`[rowEditable]="true"`);
+                        this.dependencies.push({ import: "IgxDatePickerModule", from: "<%=igxPackage%>" });
+                        break;
+                    case "Row Selection":
+                        const gridFeatureText = `rowSelection="multiple"`;
+                        gridFeatures.push(gridFeatureText);
+                        break;
+                    case "Paging":
+                        additionalElements.push(`  <igx-paginator></igx-paginator>`);
+                        break;
+                    case "Column Pinning":
+                        columnPinning = '[pinned]="true"';
+                        toolbarActions.push("      <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>");
+                        break;
+                    case "Group By":
+                        groupByColumn = '[groupable]="true"';
+                        break;
+                }
+                switch (feature) {
+                    case "Sorting":
+                    case "Filtering":
+                    case "Paging":
+                        featuresUrls.push(`${featureUrl}${feature.toLocaleLowerCase()}`);
+                        break;
+                    case "Resizing":
+                        featuresUrls.push(`${featureUrl}column-resizing`);
+                        break;
+                    case "Column Pinning":
+                        featuresUrls.push(`${featureUrl}column-pinning`);
+                        break;
+                    case "Cell Editing":
+                        featuresUrls.push(`${featureUrl}editing`);
+                        break;
+                    case "Row Editing":
+                        featuresUrls.push(`${featureUrl}row-editing`);
+                        break;
+                    case "Column Moving":
+                        featuresUrls.push(`${featureUrl}column-moving`);
+                        break;
+                    case "Column Hiding":
+                        featuresUrls.push(`${featureUrl}column-hiding`);
+                        break;
+                    case "Row Selection":
+                        featuresUrls.push(`${featureUrl}selection`);
+                        break;
+                    case "Group By":
+                        featuresUrls.push(`${featureUrl}groupby`);
+                        break;
+                }
+            }
+            selectedFeatures = features.map((e, i) => {
+                anchorWrapper.href = featuresUrls[i];
+                anchorWrapper.text = e;
+                return ` ${anchorWrapper.start}${anchorWrapper.href}${anchorWrapper.middle}` +
+                    `${anchorWrapper.text}${anchorWrapper.end}`;
+            }).toString();
+            if (selectedFeatures.length > 0) {
+                selectedFeatures = `<p>Active Features: ${selectedFeatures}</p>`;
+            }
+            if (toolbarActions.length) {
+                const parts = [
+                    "  <igx-grid-toolbar>",
+                    "    <igx-grid-toolbar-title>Employees</igx-grid-toolbar-title>",
+                    "    <igx-grid-toolbar-actions>",
+                    ...toolbarActions,
+                    "    </igx-grid-toolbar-actions>",
+                    "  </igx-grid-toolbar>"
+                ];
+                additionalElements.splice(1, 0, parts.join("\n"));
+            }
+            additionalMarkup = additionalElements.join("\n");
+        }
+        const extraConfig = {
+            additionalMarkup,
+            checkBoxBind,
+            columnPinning,
+            datePickerEditor,
+            groupByColumn,
+            selectedFeatures,
+            columnBoolFeatures: columnBoolFeatures.join(" "),
+            columnFeatures: columnFeatures.join(" "),
+            gridFeatures: gridFeatures.join(" ")
+        };
+        return super.generateConfig(name, { extraConfig });
+    }
+}
+module.exports = new IgxCustomGridTemplate();

package/igx-ts-legacy/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.html

@@ -0,0 +1,46 @@
+<p>igx-grid component with a predefined set of default summaries and a custom summary.</p>
+<p>You can read more about configuring the igx-grid summaries feature in the
+  <a href="https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/grids/README.md" target="_blank">README</a> or the
+  <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/summaries" target="_blank">official documentation</a>.
+</p>
+
+<igx-grid #sampleGrid [data]="localData" [autoGenerate]="false" width="900px" height="600px">
+  <igx-column field="FirstName" header="First Name" [resizable]="true" [hasSummary]="true">
+    <ng-template igxHeader let-col>
+      <span style="float:left">{{col.field}}</span>
+      <igx-icon class="header-icon {{ col.hasSummary ? 'summary-color' : '' }}" (click)="toggleSummary(col.field)">functions</igx-icon>
+    </ng-template>
+  </igx-column>
+  <igx-column field="LastName" header="Last Name" [resizable]="true" [hasSummary]="true">
+    <ng-template igxHeader let-col>
+      <span style="float:left">{{col.field}}</span>
+      <igx-icon class="header-icon {{ col.hasSummary ? 'summary-color' : '' }}" (click)="toggleSummary(col.field)">functions</igx-icon>
+    </ng-template>
+  </igx-column>
+  <igx-column field="Country" header="Country" [resizable]="true" [hasSummary]="true">
+    <ng-template igxHeader let-col>
+      <span style="float:left">{{col.field}}</span>
+      <igx-icon class="header-icon {{ col.hasSummary ? 'summary-color' : '' }}" (click)="toggleSummary(col.field)">functions</igx-icon>
+    </ng-template>
+  </igx-column>
+  <igx-column field="Age" header="Age" [resizable]="true" [editable]="true" [dataType]="'number'" [hasSummary]="true">
+    <ng-template igxHeader let-col>
+      <span style="float:left">{{col.field}}</span>
+      <igx-icon class="header-icon {{ col.hasSummary ? 'summary-color' : '' }}" (click)="toggleSummary(col.field)">functions</igx-icon>
+    </ng-template>
+  </igx-column>
+  <igx-column field="RegistererDate" header="Registerer Date" [formatter]="formatDate" [resizable]="true" [dataType]="'date'"
+    [hasSummary]="true" [summaries]="customDateSummary">
+    <ng-template igxHeader let-col>
+      <span style="float:left">{{col.field}}</span>
+      <igx-icon class="header-icon {{ col.hasSummary ? 'summary-color' : '' }}" (click)="toggleSummary(col.field)">functions</igx-icon>
+    </ng-template>
+  </igx-column>
+  <igx-column field="IsActive" header="IsActive" [dataType]="'boolean'" [resizable]="true" [hasSummary]="true">
+    <ng-template igxHeader let-col>
+      <span style="float:left">{{col.field}}</span>
+      <igx-icon class="header-icon {{ col.hasSummary ? 'summary-color' : '' }}" (click)="toggleSummary(col.field)">functions</igx-icon>
+    </ng-template>
+  </igx-column>
+  <igx-paginator></igx-paginator>
+</igx-grid>

package/igx-ts-legacy/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.scss

@@ -0,0 +1,17 @@
+.igx-grid__th-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.header-icon {
+  font-size: 1.4em;
+  width: 1.1em;
+  height: 1.1em;
+  float: right;
+  cursor: pointer;
+}
+
+.summary-color {
+  color: #731963;
+}

package/igx-ts-legacy/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.spec.ts

@@ -0,0 +1,26 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { IgxGridModule } from '<%=igxPackage%>';
+import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+
+describe('<%=ClassName%>Component', () => {
+  let component: <%=ClassName%>Component;
+  let fixture: ComponentFixture<<%=ClassName%>Component>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>Component],
+      imports: [NoopAnimationsModule, IgxGridModule]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/grid/grid-summaries/files/src/app/__path__/__filePrefix__.component.ts

@@ -0,0 +1,58 @@
+import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { IgxDateSummaryOperand, IgxGridComponent, IgxSummaryResult } from '<%=igxPackage%>';
+import { Employee, employeesData } from './localData';
+
+@Component({
+  encapsulation: ViewEncapsulation.None,
+  selector: 'app-<%=filePrefix%>',
+  templateUrl: './<%=filePrefix%>.component.html',
+  styleUrls: ['./<%=filePrefix%>.component.scss']
+})
+export class <%=ClassName%>Component implements OnInit {
+  @ViewChild('sampleGrid', { static: true, read: IgxGridComponent })
+  public sampleGrid!: IgxGridComponent;
+  public customDateSummary = CustomDateSummary;
+
+  public localData!: Employee[];
+  title = 'Grid Summaries';
+
+  ngOnInit(): void {
+    this.localData = employeesData;
+  }
+
+  public formatDate(value: Date): string {
+    return value.toLocaleDateString();
+  }
+
+  public toggleSummary(name: string): void {
+    if (this.sampleGrid.getColumnByName(name).hasSummary) {
+      this.sampleGrid.disableSummaries(name);
+    } else {
+      this.sampleGrid.enableSummaries(name);
+    }
+  }
+}
+
+class CustomDateSummary extends IgxDateSummaryOperand {
+  constructor() {
+    super();
+  }
+  public override operate(data?: Date[]): IgxSummaryResult[] {
+    const result: IgxSummaryResult[] = [];
+    if (!data) {
+        return result;
+    }
+    result.push({
+      key: 'earliest',
+      label: 'Earliest Date',
+      summaryResult: data.length ? (IgxDateSummaryOperand.earliest(data)).toLocaleDateString() : null
+    });
+    result.push({
+      key: 'latest',
+      label: 'Latest Date',
+      summaryResult: data.length ? (IgxDateSummaryOperand.latest(data)).toLocaleDateString() : null
+    });
+
+    return result;
+  }
+}

package/igx-ts-legacy/grid/grid-summaries/files/src/app/__path__/localData.ts

@@ -0,0 +1,354 @@
+export interface Employee {
+  EmployeeID: string;
+  FirstName: string;
+  LastName: string;
+  Country: string;
+  Age: number;
+  RegistererDate: Date;
+  IsActive: boolean;
+}
+
+const lastYear = new Date().getFullYear() - 1;
+export const employeesData: Employee[] = [
+  {
+    EmployeeID: '56250fa57ab1535722e564a6',
+    FirstName: 'Downs',
+    LastName: 'Holcomb',
+    Country: 'Italy',
+    Age: 35,
+    RegistererDate: new Date(lastYear, 7, 25),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa5c0fd04f12555d44d',
+    FirstName: 'Mckenzie',
+    LastName: 'Calderon',
+    Country: 'USA',
+    Age: 26,
+    RegistererDate: new Date(lastYear - 1, 9, 22),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa565a7bcc21f6bd15e',
+    FirstName: 'Howell',
+    LastName: 'Hawkins',
+    Country: 'Canada',
+    Age: 25,
+    RegistererDate: new Date(lastYear, 8, 8),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa5d71a83c33f3f6479',
+    FirstName: 'Sheppard',
+    LastName: 'Nicholson',
+    Country: 'Italy',
+    Age: 49,
+    RegistererDate: new Date(lastYear - 1, 6, 28),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa546abbe8c616d37eb',
+    FirstName: 'Bettye',
+    LastName: 'Trujillo',
+    Country: 'Canada',
+    Age: 37,
+    RegistererDate: new Date(new Date().setDate(-20)),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa535809820f2c44291',
+    FirstName: 'Joyce',
+    LastName: 'Vaughan',
+    Country: 'USA',
+    Age: 48,
+    RegistererDate: new Date(lastYear - 1, 4, 24),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa5732f6adc0b52ace0',
+    FirstName: 'Janine',
+    LastName: 'Munoz',
+    Country: 'USA',
+    Age: 59,
+    RegistererDate: new Date(lastYear - 1, 2, 9),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa540b15dfd507cffb9',
+    FirstName: 'Betsy',
+    LastName: 'Short',
+    Country: 'USA',
+    Age: 26,
+    RegistererDate: new Date(new Date().setMonth(-1)),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5a33146a85fdeda66',
+    FirstName: 'Tanisha',
+    LastName: 'Harrington',
+    Country: 'USA',
+    Age: 31,
+    RegistererDate: new Date(lastYear - 1, 11, 25),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa572bea435113bb3be',
+    FirstName: 'French',
+    LastName: 'Sullivan',
+    Country: 'Italy',
+    Age: 37,
+    RegistererDate: new Date(new Date().setMonth(-2)),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa55f17965b7b19e3cf',
+    FirstName: 'Gomez',
+    LastName: 'Sandoval',
+    Country: 'Italy',
+    Age: 24,
+    RegistererDate: new Date(lastYear - 1, 6, 19),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5f630e559e163de06',
+    FirstName: 'Estes',
+    LastName: 'Soto',
+    Country: 'Canada',
+    Age: 24,
+    RegistererDate: new Date(new Date().setDate(-2)),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5c797f025a835abd4',
+    FirstName: 'Newman',
+    LastName: 'Mathews',
+    Country: 'Italy',
+    Age: 60,
+    RegistererDate: new Date(lastYear - 1, 10, 9),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5fd5cd14418a9c790',
+    FirstName: 'Paul',
+    LastName: 'Harper',
+    Country: 'USA',
+    Age: 52,
+    RegistererDate: new Date(lastYear - 1, 5, 9),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa56a88b994f0925d7c',
+    FirstName: 'Sharpe',
+    LastName: 'Blair',
+    Country: 'Canada',
+    Age: 41,
+    RegistererDate: new Date(new Date().setMonth(-3)),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa53793e85f499fbf8b',
+    FirstName: 'Kirk',
+    LastName: 'Downs',
+    Country: 'USA',
+    Age: 58,
+    RegistererDate: new Date(lastYear, 7, 10),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa581c03d4c735c0e8b',
+    FirstName: 'Abby',
+    LastName: 'Wheeler',
+    Country: 'Canada',
+    Age: 42,
+    RegistererDate: new Date(lastYear, 3, 28),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa576d7ce7293fc09c6',
+    FirstName: 'Walter',
+    LastName: 'Roth',
+    Country: 'Canada',
+    Age: 36,
+    RegistererDate: new Date(lastYear, 7, 24),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5d88119d49b29d8ce',
+    FirstName: 'Pratt',
+    LastName: 'Mann',
+    Country: 'Canada',
+    Age: 40,
+    RegistererDate: new Date(lastYear, 7, 3),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa52152c985dfbfcccb',
+    FirstName: 'Blackwell',
+    LastName: 'Randall',
+    Country: 'Italy',
+    Age: 20,
+    RegistererDate: new Date(new Date().setDate(-1)),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa51a20b01e6ed8f726',
+    FirstName: 'Linda',
+    LastName: 'Sanchez',
+    Country: 'USA',
+    Age: 26,
+    RegistererDate: new Date(lastYear - 1, 7, 24),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa5330ca7347f162f06',
+    FirstName: 'Nieves',
+    LastName: 'Hampton',
+    Country: 'Italy',
+    Age: 27,
+    RegistererDate: new Date(lastYear - 1, 11, 10),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa5afae141d6229d5b1',
+    FirstName: 'Pruitt',
+    LastName: 'Pace',
+    Country: 'Canada',
+    Age: 25,
+    RegistererDate: new Date(lastYear - 1, 11, 8),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5340a5a2c9124717b',
+    FirstName: 'Byrd',
+    LastName: 'Bailey',
+    Country: 'Canada',
+    Age: 20,
+    RegistererDate: new Date(lastYear - 1, 7, 7),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa5cf7613339d7e89ef',
+    FirstName: 'Hardy',
+    LastName: 'Terry',
+    Country: 'USA',
+    Age: 45,
+    RegistererDate: new Date(lastYear - 1, 6, 1),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa566f393ab8dadba48',
+    FirstName: 'Millie',
+    LastName: 'Boyd',
+    Country: 'USA',
+    Age: 28,
+    RegistererDate: new Date(lastYear, 7, 7),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa58eeb7bba0116b2d5',
+    FirstName: 'Rosa',
+    LastName: 'Mercer',
+    Country: 'Canada',
+    Age: 25,
+    RegistererDate: new Date(lastYear - 1, 8, 18),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5f85bd1754870f53f',
+    FirstName: 'Blair',
+    LastName: 'Long',
+    Country: 'Canada',
+    Age: 21,
+    RegistererDate: new Date(lastYear - 1, 9, 26),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa5a0b51fe08c3c767b',
+    FirstName: 'Whitfield',
+    LastName: 'Cherry',
+    Country: 'USA',
+    Age: 38,
+    RegistererDate: new Date(lastYear - 1, 4, 25),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5b4e64d93a5742a57',
+    FirstName: 'Cathryn',
+    LastName: 'Hunt',
+    Country: 'USA',
+    Age: 26,
+    RegistererDate: new Date(lastYear - 1, 6, 16),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5fad324f0adefae2d',
+    FirstName: 'Morris',
+    LastName: 'Stout',
+    Country: 'Italy',
+    Age: 41,
+    RegistererDate: new Date(lastYear - 1, 3, 26),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa59c7408d236d6a804',
+    FirstName: 'Vera',
+    LastName: 'Richardson',
+    Country: 'Canada',
+    Age: 32,
+    RegistererDate: new Date(lastYear - 1, 1, 2),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa5d6cd5f712b557a0d',
+    FirstName: 'Shelton',
+    LastName: 'Henderson',
+    Country: 'Canada',
+    Age: 53,
+    RegistererDate: new Date(lastYear, 9, 6),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5a11af8868f285db6',
+    FirstName: 'Jimmie',
+    LastName: 'Cain',
+    Country: 'USA',
+    Age: 45,
+    RegistererDate: new Date(lastYear, 6, 5),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa53c8439c4e5e7d864',
+    FirstName: 'Bryan',
+    LastName: 'Bradshaw',
+    Country: 'Canada',
+    Age: 24,
+    RegistererDate: new Date(lastYear - 1, 8, 2),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa5fc8d4f4859804c7e',
+    FirstName: 'Decker',
+    LastName: 'Kane',
+    Country: 'Canada',
+    Age: 29,
+    RegistererDate: new Date(lastYear - 1, 6, 7),
+    IsActive: false
+  },
+  {
+    EmployeeID: '56250fa50158aa6a0fd162f2',
+    FirstName: 'Keisha',
+    LastName: 'Phelps',
+    Country: 'Canada',
+    Age: 34,
+    RegistererDate: new Date(lastYear - 1, 10, 11),
+    IsActive: true
+  },
+  {
+    EmployeeID: '56250fa58ca7ea6c3dfe7830',
+    FirstName: 'West',
+    LastName: 'Frye',
+    Country: 'Italy',
+    Age: 40,
+    RegistererDate: new Date(lastYear - 1, 6, 25),
+    IsActive: false
+  }];

package/igx-ts-legacy/grid/grid-summaries/index.d.ts

@@ -0,0 +1 @@
+export {};