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

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

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Employee, EMPLOYEE_DATA } from './localData';
+
+@Component({
+  selector: 'app-<%=filePrefix%>',
+  templateUrl: './<%=filePrefix%>.component.html',
+  styleUrls: ['./<%=filePrefix%>.component.scss']
+})
+export class <%=ClassName%>Component implements OnInit {
+  public localData: Employee[] = [];
+  title = '<%=name%>';
+
+  ngOnInit() {
+    this.localData = EMPLOYEE_DATA;
+  }
+}

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

@@ -0,0 +1,155 @@
+export interface Employee {
+  Age: number;
+  Employees?: Employee[];
+  HireDate: Date;
+  ID: number;
+  Name: string;
+  Location: string;
+}
+
+export const EMPLOYEE_DATA: Employee[] = [
+  {
+    Age: 55,
+    Employees: [
+      {
+        Age: 43,
+        Employees: [],
+        HireDate: new Date(2011, 6, 3),
+        ID: 3,
+        Name: 'Michael Burke',
+        Location: 'London'
+      },
+      {
+        Age: 29,
+        Employees: [],
+        HireDate: new Date(2009, 6, 19),
+        ID: 2,
+        Name: 'Thomas Anderson',
+        Location: 'London'
+      },
+      {
+        Age: 31,
+        Employees: [
+          {
+            Age: 35,
+            HireDate: new Date(2015, 9, 17),
+            ID: 6,
+            Name: 'Roland Mendel',
+            Location: 'Tokyo'
+          },
+          {
+            Age: 44,
+            HireDate: new Date(2009, 10, 11),
+            ID: 12,
+            Name: 'Sven Cooper',
+            Location: 'Tokyo'
+          }
+        ],
+        HireDate: new Date(2014, 8, 18),
+        ID: 11,
+        Name: 'Monica Reyes',
+        Location: 'London'
+      }
+    ],
+    HireDate: new Date(2008, 3, 20),
+    ID: 1,
+    Name: 'Johnathan Winchester',
+    Location: 'London'
+  },
+  {
+    Age: 42,
+    Employees: [
+      {
+        Age: 44,
+        HireDate: new Date(2014, 4, 4),
+        ID: 14,
+        Name: 'Laurence Johnson',
+        Location: 'New Jersey'
+      },
+      {
+        Age: 25,
+        Employees: [
+          {
+            Age: 39,
+            HireDate: new Date(2010, 3, 22),
+            ID: 13,
+            Name: 'Trevor Ashworth',
+            Location: 'New Jersey'
+          }
+        ],
+        HireDate: new Date(2017, 11, 9),
+        ID: 5,
+        Name: 'Elizabeth Richards',
+        Location: 'New Jersey'
+      }
+    ],
+    HireDate: new Date(2014, 1, 22),
+    ID: 4,
+    Name: 'Ana Sanders',
+    Location: 'New Jersey'
+  },
+  {
+    Age: 49,
+    Employees: [
+      {
+        Age: 44,
+        Employees: [],
+        HireDate: new Date(2014, 4, 4),
+        ID: 17,
+        Name: 'Antonio Moreno',
+        Location: 'New Jersey'
+      }
+    ],
+    HireDate: new Date(2014, 1, 22),
+    ID: 18,
+    Name: 'Victoria Lincoln',
+    Location: 'New Jersey'
+  },
+  {
+    Age: 61,
+    Employees: [
+      {
+        Age: 50,
+        Employees: [
+          {
+            Age: 25,
+            Employees: [],
+            HireDate: new Date(2017, 11, 9),
+            ID: 15,
+            Name: 'Patricia Simpson',
+            Location: 'New Jersey'
+          },
+          {
+            Age: 39,
+            HireDate: new Date(2010, 3, 22),
+            ID: 9,
+            Name: 'Francisco Chang',
+            Location: 'Tokyo'
+          },
+          {
+            Age: 25,
+            HireDate: new Date(2018, 3, 18),
+            ID: 16,
+            Name: 'Peter Lewis',
+            Location: 'New Jersey'
+          }
+        ],
+        HireDate: new Date(2007, 11, 18),
+        ID: 7,
+        Name: 'Pedro Rodriguez',
+        Location: 'New Jersey'
+      },
+      {
+        Age: 27,
+        HireDate: new Date(2016, 2, 19),
+        ID: 8,
+        Name: 'Casey Harper',
+        Location: 'Tokyo'
+      }
+    ],
+    HireDate: new Date(2010, 1, 1),
+    ID: 10,
+    Name: 'Yuki Onna',
+    Location: 'Tokyo'
+  }
+];

package/igx-ts-legacy/tree-grid/tree-grid-custom/index.d.ts

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

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

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForAngularTemplate_1 = require("../../../IgniteUIForAngularTemplate");
+class IgxCustomTreeGridTemplate extends IgniteUIForAngularTemplate_1.IgniteUIForAngularTemplate {
+    constructor() {
+        super(__dirname);
+        this.userExtraConfiguration = {};
+        this.components = ["Tree Grid"];
+        this.controlGroup = "Grids & Lists";
+        this.listInComponentTemplates = true;
+        this.id = "custom-tree-grid";
+        this.projectType = "igx-ts";
+        this.name = "Custom Tree Grid";
+        this.description = "IgxTreeGrid with optional features like sorting, filtering, row editing, etc.";
+        this.dependencies = [
+            { import: "IgxTreeGridModule", from: "<%=igxPackage%>" }
+        ];
+        this.hasExtraConfiguration = true;
+    }
+    setExtraConfiguration(extraConfigKeys) {
+        this.userExtraConfiguration = extraConfigKeys;
+    }
+    getExtraConfiguration() {
+        return [{
+                choices: ["Sorting", "Filtering", "Cell Editing", "Row Editing", "Resizing",
+                    "Row Selection", "Paging", "Column Pinning", "Column Moving", "Column Hiding"],
+                default: "",
+                key: "columnFeatures",
+                message: "Choose features for the igx-tree-grid",
+                type: 1 /* MultiChoice */
+            }];
+    }
+    generateConfig(name, ...options) {
+        let additionalMarkup = "";
+        /** starts with empty string to create a new line on join when something else is added */
+        const additionalElements = [""];
+        const toolbarActions = [];
+        const columnFeatures = [];
+        const columnBoolFeatures = [];
+        const treeGridFeatures = [];
+        const featureUrl = "https://www.infragistics.com/products/ignite-ui-angular/angular/components/treegrid/";
+        const anchorWrapper = {
+            start: `<a href="`,
+            // tslint:disable-next-line:object-literal-sort-keys
+            href: ``,
+            middle: `" target="_blank">`,
+            text: ``,
+            end: `</a>`
+        };
+        let selectedFeatures = "";
+        let columnPinning = "";
+        if (this.userExtraConfiguration["columnFeatures"]) {
+            const features = this.userExtraConfiguration["columnFeatures"];
+            const featuresUrls = [];
+            for (const feature of this.userExtraConfiguration["columnFeatures"]) {
+                switch (feature) {
+                    case "Sorting":
+                        this.formatTreeGridFeatures(feature, columnFeatures, columnBoolFeatures);
+                        break;
+                    case "Filtering":
+                        this.formatTreeGridFeatures(feature, columnFeatures, columnBoolFeatures);
+                        treeGridFeatures.push('[allowFiltering]="true"');
+                        break;
+                    case "Resizing":
+                        this.formatTreeGridFeatures(feature, columnFeatures, columnBoolFeatures);
+                        break;
+                    case "Column Moving":
+                        treeGridFeatures.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"`);
+                        break;
+                    case "Row Editing":
+                        treeGridFeatures.push(`[rowEditable]="true"`);
+                        break;
+                    case "Row Selection":
+                        const gridFeatureText = `rowSelection="multiple"`;
+                        treeGridFeatures.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;
+                }
+                switch (feature) {
+                    case "Sorting":
+                    case "Filtering":
+                    case "Editing":
+                    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;
+                }
+            }
+            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:<br />${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,
+            columnPinning,
+            selectedFeatures,
+            columnBoolFeatures: columnBoolFeatures.join(" "),
+            columnFeatures: columnFeatures.join(" "),
+            treeGridFeatures: treeGridFeatures.join(" ")
+        };
+        return super.generateConfig(name, { extraConfig });
+    }
+    formatTreeGridFeatures(feature, columnFeatures, columnBoolFeatures) {
+        const text = `[${feature.toLowerCase().replace("ing", "able")}]="true"`;
+        columnFeatures.push(text);
+        columnBoolFeatures.push(text);
+    }
+}
+module.exports = new IgxCustomTreeGridTemplate();

package/index.d.ts

@@ -1,5 +1,6 @@
-import * as projLib from "./igx-ts";
+import * as standalone from "./igx-ts";
 export * from "./package-resolve";
 export * from "./IgniteUIForAngularTemplate";
 export * from "./Update";
-export default projLib;
+declare const _default: (typeof standalone)[];
+export default _default;

package/index.js

@@ -10,8 +10,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const projLib = require("./igx-ts");
+const standalone = require("./igx-ts");
+const legacy = require("./igx-ts-legacy");
 __exportStar(require("./package-resolve"), exports);
 __exportStar(require("./IgniteUIForAngularTemplate"), exports);
 __exportStar(require("./Update"), exports);
-exports.default = projLib;
+exports.default = [standalone, legacy];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-templates",
-  "version": "17.0.1302",
+  "version": "17.0.1310-beta.2",
   "description": "Templates for Ignite UI for Angular projects and components",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   "author": "Infragistics",
   "license": "MIT",
   "dependencies": {
-    "@igniteui/cli-core": "~13.0.2",
+    "@igniteui/cli-core": "~13.1.0-beta.2",
     "typescript": "~4.7.2"
   }
 }