igniteui-cli 13.2.2-beta.0 → 13.2.2

package/templates/webcomponents/igc-ts/projects/_base/files/package.json

@@ -23,7 +23,7 @@
     "@vaadin/router": "^1.7.4",
     "lit": "^3.1.2",
     "typescript": "^5.3.3",
-    "igniteui-webcomponents": "~4.7.0"
+    "igniteui-webcomponents": "~4.9.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",
@@ -31,23 +31,23 @@
     "@open-wc/testing": "^4.0.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.1",
-    "@typescript-eslint/eslint-plugin": "^6.20.0",
-    "@typescript-eslint/parser": "^6.20.0",
-    "@web/dev-server": "^0.1.35",
-    "@web/rollup-plugin-html": "^1.11.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@web/dev-server": "^0.4.6",
+    "@web/rollup-plugin-html": "^2.3.0",
     "@web/rollup-plugin-import-meta-assets": "^1.0.7",
     "@web/test-runner": "^0.18.0",
     "babel-plugin-template-html-minifier": "^4.1.0",
     "concurrently": "^8.2.2",
     "deepmerge": "^4.2.2",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-lit": "^1.8.2",
     "igniteui-cli": "^13.1.5",
     "rimraf": "^5.0.5",
     "rollup": "^2.79.0",
     "rollup-plugin-copy-assets": "^2.0.3",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-workbox": "^6.2.0",
+    "rollup-plugin-workbox": "^8.1.0",
     "source-map": "^0.7.4",
     "tslib": "^2.6.2"
   }

package/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json

@@ -23,13 +23,13 @@
     "@vaadin/router": "^1.7.4",
     "@igniteui/material-icons-extended": "^3.0.2",
     "igniteui-dockmanager": "~1.14.3",
-    "igniteui-webcomponents": "~4.7.0",
-    "igniteui-webcomponents-charts": "~4.7.0",
-    "igniteui-webcomponents-core": "~4.7.0",
-    "igniteui-webcomponents-gauges": "~4.7.0",
-    "igniteui-webcomponents-grids": "~4.7.0",
-    "igniteui-webcomponents-inputs": "~4.7.0",
-    "igniteui-webcomponents-layouts": "~4.7.0",
+    "igniteui-webcomponents": "~4.9.0",
+    "igniteui-webcomponents-charts": "~4.8.0",
+    "igniteui-webcomponents-core": "~4.8.0",
+    "igniteui-webcomponents-gauges": "~4.8.0",
+    "igniteui-webcomponents-grids": "~4.8.0",
+    "igniteui-webcomponents-inputs": "~4.8.0",
+    "igniteui-webcomponents-layouts": "~4.8.0",
     "lit": "^3.1.2",
     "typescript": "^5.3.3"
   },
@@ -39,23 +39,23 @@
     "@open-wc/testing": "^4.0.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.1",
-    "@typescript-eslint/eslint-plugin": "^6.20.0",
-    "@typescript-eslint/parser": "^6.20.0",
-    "@web/dev-server": "^0.1.35",
-    "@web/rollup-plugin-html": "^1.11.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@web/dev-server": "^0.4.6",
+    "@web/rollup-plugin-html": "^2.3.0",
     "@web/rollup-plugin-import-meta-assets": "^1.0.7",
     "@web/test-runner": "^0.18.0",
     "babel-plugin-template-html-minifier": "^4.1.0",
     "concurrently": "^8.2.2",
     "deepmerge": "^4.2.2",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-lit": "^1.8.2",
     "igniteui-cli": "^13.1.5",
     "rimraf": "^5.0.5",
     "rollup": "^2.79.0",
     "rollup-plugin-copy-assets": "^2.0.3",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-workbox": "^6.2.0",
+    "rollup-plugin-workbox": "^8.1.0",
     "source-map": "^0.7.4",
     "tslib": "^2.6.2"
   }

package/templates/webcomponents/igc-ts/radial-gauge/default/index.js

@@ -16,5 +16,8 @@ class IgcradialGaugeTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUI
             "igniteui-webcomponents-gauges@~4.2.5"
         ];
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcradialGaugeTemplate();

package/templates/webcomponents/igc-ts/radio-group/default/index.js

@@ -12,5 +12,8 @@ class IgcRadioGroupTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIF
         this.name = "Radio Group";
         this.description = "basic IgcRadioGroup";
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcRadioGroupTemplate();

package/templates/webcomponents/igc-ts/rating/default/index.js

@@ -12,5 +12,8 @@ class IgcRatingComponent extends IgniteUIForWebComponentsTemplate_1.IgniteUIForW
         this.name = "Rating";
         this.description = "Basic Rating";
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcRatingComponent();

package/templates/webcomponents/igc-ts/ripple/default/index.js

@@ -12,5 +12,8 @@ class IgcRippleTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWe
         this.name = "Ripple";
         this.description = "basic IgcRipple";
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcRippleTemplate();

package/templates/webcomponents/igc-ts/slider/default/index.js

@@ -12,5 +12,8 @@ class IgcSliderComponent extends IgniteUIForWebComponentsTemplate_1.IgniteUIForW
         this.name = "Slider";
         this.description = `Basic slider component`;
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcSliderComponent();

package/templates/webcomponents/igc-ts/switch/default/index.js

@@ -12,5 +12,8 @@ class IgcSwitchTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWe
         this.name = "Switch";
         this.description = "basic IgcSwitch";
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcSwitchTemplate();

package/templates/webcomponents/igc-ts/tabs/default/index.js

@@ -12,5 +12,8 @@ class IgcTabsTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebC
         this.name = "Tabs";
         this.description = "basic IgcTabs";
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcTabsTemplate();

package/templates/webcomponents/igc-ts/text-area/default/index.js

@@ -12,5 +12,8 @@ class IgcTextareaComponent extends IgniteUIForWebComponentsTemplate_1.IgniteUIFo
         this.name = "Text area";
         this.description = "basic IgcTextarea";
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcTextareaComponent();

package/templates/webcomponents/igc-ts/text-area/index.js

@@ -11,5 +11,8 @@ class IgcTextareaComponent extends cli_core_1.BaseComponent {
         this.group = "Data Entry & Display";
         this.description = `Basic text area component`;
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcTextareaComponent();

package/templates/webcomponents/igc-ts/tree/default/index.js

@@ -18,5 +18,8 @@ class IgcTreeTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebC
             "igniteui-webcomponents-layouts@~4.2.5"
         ];
     }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
 }
 module.exports = new IgcTreeTemplate();

package/templates/react/types/ReactRouteEntry.d.ts

@@ -1,6 +0,0 @@
-import { RouteEntry, RouteTarget } from "@igniteui/cli-core";
-import { ReactRouteTarget } from "./ReactRouteTarget";
-/** Represents a React route entry in a routes collection. */
-export interface ReactRouteEntry extends Pick<RouteEntry, "value"> {
-    name: RouteTarget | ReactRouteTarget;
-}

package/templates/react/types/ReactRouteEntry.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/templates/react/types/ReactRouteLike.d.ts

@@ -1,25 +0,0 @@
-import { RouteLike } from '@igniteui/cli-core';
-/** A route member in a React routes collection. */
-export interface ReactRouteLike extends RouteLike {
-    /**
-     * Determines if the route is an index route.
-     * Index routes render into their parent's {@link https://reactrouter.com/en/main/components/outlet|Outlet} at their parent's URL (like a default child route).
-     */
-    index?: boolean;
-    /**
-     * The route loader is called before the route renders and provides data for the element through {@link https://reactrouter.com/en/main/hooks/use-loader-data|useLoaderData}.
-     */
-    loader?: string;
-    /**
-     * The React Element/Component to render when the route matches the URL.
-     */
-    element?: string;
-    /**
-     * The name the page.
-     */
-    text?: string;
-    /**
-     * An array of child `Route` objects that specifies a nested route configuration.
-     */
-    children?: ReactRouteLike | ReactRouteLike[];
-}

package/templates/react/types/ReactRouteLike.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/templates/react/types/ReactRouteTarget.d.ts

@@ -1,7 +0,0 @@
-/** Represents possible members in a React route object. */
-export declare enum ReactRouteTarget {
-    Index = "index",
-    Element = "element",
-    Text = "text",
-    Loader = "loader"
-}

package/templates/react/types/ReactRouteTarget.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactRouteTarget = void 0;
-/** Represents possible members in a React route object. */
-var ReactRouteTarget;
-(function (ReactRouteTarget) {
-    ReactRouteTarget["Index"] = "index";
-    ReactRouteTarget["Element"] = "element";
-    ReactRouteTarget["Text"] = "text";
-    ReactRouteTarget["Loader"] = "loader";
-})(ReactRouteTarget || (exports.ReactRouteTarget = ReactRouteTarget = {}));

package/templates/react/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ReactRouteTarget';
-export * from './ReactRouteEntry';
-export * from './ReactRouteLike';

package/templates/react/types/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
-__exportStar(require("./ReactRouteTarget"), exports);
-__exportStar(require("./ReactRouteEntry"), exports);
-__exportStar(require("./ReactRouteLike"), exports);

package/templates/webcomponents/WebComponentsTypeScriptFileUpdate.d.ts

@@ -1,11 +0,0 @@
-import * as ts from 'typescript';
-import { FormatSettings, PropertyAssignment, RouteLike, TypeScriptFileUpdate } from '@igniteui/cli-core';
-export declare class WebComponentsTypeScriptFileUpdate extends TypeScriptFileUpdate {
-    filePath: string;
-    constructor(filePath: string, formatSettings?: FormatSettings);
-    addRoute(route: RouteLike, multiline?: boolean, prepend?: boolean, anchorElement?: PropertyAssignment): ts.SourceFile;
-    addChildRoute(parentPath: string, route: RouteLike, asIdentifier?: boolean, multiline?: boolean, prepend?: boolean, anchorElement?: PropertyAssignment): ts.SourceFile;
-    protected addRouteEntry(route: RouteLike, visitCondition: (node: ts.Node) => boolean, multiline: boolean, prepend: boolean, anchorElement: PropertyAssignment): ts.SourceFile;
-    protected addRedirectRouteEntry(route: RouteLike, visitCondition: (node: ts.Node) => boolean, multiline: boolean, prepend: boolean, anchorElement: PropertyAssignment): ts.SourceFile;
-    protected addChildRouteEntry(route: RouteLike, asIdentifier?: boolean, multiline?: boolean, prepend?: boolean): ts.SourceFile;
-}

package/templates/webcomponents/WebComponentsTypeScriptFileUpdate.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebComponentsTypeScriptFileUpdate = void 0;
-const ts = require("typescript");
-const cli_core_1 = require("@igniteui/cli-core");
-class WebComponentsTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
-    constructor(filePath, formatSettings) {
-        super(filePath, formatSettings);
-        this.filePath = filePath;
-    }
-    //#region Overridden Public API
-    addRoute(route, multiline = false, prepend = true, anchorElement = cli_core_1.WC_ANCHOR_ELEMENT) {
-        return this.addRedirectOrSimpleRouteEntry(route, (0, cli_core_1.RoutesVariableAsParentCondition)(this.astTransformer), multiline, prepend, anchorElement);
-    }
-    addChildRoute(parentPath, route, asIdentifier = true, multiline, prepend, anchorElement) {
-        return super.addChildRoute(parentPath, route, asIdentifier, multiline, prepend, anchorElement);
-    }
-    //#endregion
-    //#region Overrides
-    addRouteEntry(route, visitCondition, multiline = false, prepend = false, anchorElement) {
-        const routeName = cli_core_1.Util.lowerDashed(route.name || route.path);
-        this.requestSideEffectsImportForModule(`./${routeName}/${routeName}`);
-        if (route.children &&
-            !Array.isArray(route.children) &&
-            (route.children.identifierName || route.children.aliasName)) {
-            this.requestImportForRouteIdentifier(route.children);
-        }
-        const structure = [
-            {
-                name: cli_core_1.RouteTarget.Path,
-                value: ts.factory.createStringLiteral(route.path),
-            },
-            {
-                name: cli_core_1.RouteTarget.Component,
-                value: ts.factory.createStringLiteral(route.aliasName || route.identifierName),
-            },
-            {
-                name: cli_core_1.RouteTarget.Name,
-                value: ts.factory.createStringLiteral(route.name),
-            },
-        ];
-        const newRoute = this.astTransformer.createObjectLiteralExpression(structure, multiline);
-        return this.astTransformer.addMembersToArrayLiteral(visitCondition, [newRoute], prepend, anchorElement);
-    }
-    addRedirectRouteEntry(route, visitCondition, multiline = false, prepend = false, anchorElement) {
-        const routeName = cli_core_1.Util.lowerDashed(route.name || route.path);
-        this.requestSideEffectsImportForModule(`./${routeName}/${routeName}`);
-        const childRoute = route.children;
-        if (childRoute) {
-            this.requestImportForRouteIdentifier(childRoute);
-        }
-        const structure = [
-            {
-                name: cli_core_1.RouteTarget.Path,
-                value: ts.factory.createStringLiteral(route.path || ''),
-            },
-            {
-                // vaadin/router uses the component's tag name when navigating
-                name: cli_core_1.RouteTarget.Component,
-                value: ts.factory.createStringLiteral(route.redirectTo),
-            },
-            {
-                name: cli_core_1.RouteTarget.Name,
-                value: ts.factory.createStringLiteral(route.name),
-            },
-        ];
-        if (childRoute) {
-            structure.push({
-                // the identifier name in this case will be the alias of the routes variable
-                name: cli_core_1.RouteTarget.Children,
-                value: ts.factory.createIdentifier(childRoute.aliasName || childRoute.identifierName),
-            });
-        }
-        const newRoute = this.astTransformer.createObjectLiteralExpression(structure, multiline);
-        return this.astTransformer.addMembersToArrayLiteral(visitCondition, [newRoute], prepend, anchorElement);
-    }
-    addChildRouteEntry(route, asIdentifier = true, multiline = false, prepend = false) {
-        return super.addChildRouteEntry(route, asIdentifier || true, // for WC the `children` member should always be added in the form { children: identifier }
-        multiline, prepend);
-    }
-}
-exports.WebComponentsTypeScriptFileUpdate = WebComponentsTypeScriptFileUpdate;