feat(*): converting to standalone components

.eslintrc.json

@@ -10,17 +10,25 @@
       ],
       "parserOptions": {
         "project": [
-          "tsconfig.json",
-          "e2e/tsconfig.json"
+          "tsconfig.json"
         ],
         "createDefaultProgram": true
       },
       "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
         "plugin:@angular-eslint/recommended",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
         "no-shadow": "off",
+        "no-prototype-builtins": "off",
+        "no-case-declarations": "warn",
+        "prefer-spread": "warn",
+        "no-async-promise-executor": "warn",
+        "prefer-const": "warn",
+        "no-useless-escape": "warn",
+        "@typescript-eslint/no-var-requires": "off",
         "@typescript-eslint/no-shadow": [
           "error"
         ],
@@ -58,7 +66,10 @@
         ],
         "id-blacklist": "off",
         "id-match": "off",
-        "no-underscore-dangle": "off"
+        "no-underscore-dangle": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-empty-function": "off",
+        "@typescript-eslint/ban-types": "warn"
       }
     },
     {

CHANGELOG.md

@@ -4,6 +4,54 @@ All notable changes for each version of this project will be documented in this
 
 ## 16.0.0
 
+### General
+- All Ignite UI for Angular components are now exported as `standalone` components. The library still exports `NgModules`, which have been preserved for backward compatibility, but they no longer declare any of the Ignite UI for Angular components, instead they just import and export the `standalone` components. The `standalone` components are still in a preview stage. Some utility directive exports may change in the future and may be missing from the documentation in the initial release, hence the `preview` state of the feature.
+
+Now you can do:
+
+```typescript
+// IGX_GRID_DIRECTIVES exports all grid related components and directives
+import { IGX_GRID_DIRECTIVES } from 'igniteui-angular';
+
+@Component({
+    selector: 'app-grid-sample',
+    styleUrls: ['grid.sample.scss'],
+    templateUrl: 'grid.sample.html',
+    standalone: true,
+    imports: [IGX_GRID_DIRECTIVES, AsyncPipe]
+})
+```
+
+or 
+
+```typescript
+// Single import of only the <igx-grid> component.
+import { IgxGridComponent } from 'igniteui-angular';
+
+@Component({
+    selector: 'app-grid-sample',
+    styleUrls: ['grid.sample.scss'],
+    templateUrl: 'grid.sample.html',
+    standalone: true,
+    imports: [IgxGridComponent, AsyncPipe]
+})
+```
+
+or still
+
+```typescript
+// `NgModule` import of the `IgxGridModule` module, which is equivalent to IGX_GRID_DIRECTIVES in terms of exported components and directives.
+import { IgxGridModule } from 'igniteui-angular';
+
+@Component({
+    selector: 'app-grid-sample',
+    styleUrls: ['grid.sample.scss'],
+    templateUrl: 'grid.sample.html',
+    standalone: true,
+    imports: [IgxGridModule, AsyncPipe]
+})
+```
+
 ### New Features
 - `IgxExpansionPanel`:
     - `IgxExpansionPanelTitleDirective` and `IgxExpansionPanelDescriptionDirective` show tooltip of the provided text content.