fix: make all components and pipes standalone

hjalmers · Oct 31, 2022 · 45ef299 · 45ef299
1 parent 4c4c3c4
commit 45ef299
Show file tree

Hide file tree

Showing 10 changed files with 44 additions and 6 deletions.
diff --git a/projects/core/src/lib/core.component.ts b/projects/core/src/lib/core.component.ts
@@ -16,7 +16,16 @@ import {
   Subject,
 } from 'rxjs';
 import { TableConfig } from './models/table-config.interface';
-import { KeyValue } from '@angular/common';
+import {
+  AsyncPipe,
+  KeyValue,
+  KeyValuePipe,
+  NgClass,
+  NgForOf,
+  NgIf,
+  NgTemplateOutlet,
+  SlicePipe,
+} from '@angular/common';
 import {
   debounceTime,
   distinctUntilChanged,
@@ -38,12 +47,31 @@ import {
   GtRowClickEvent,
   GtRowHoverEvent,
 } from './models/table-events.interface';
+import { CapitalCasePipe } from './pipes/capital-case.pipe';
+import { SortClassPipe } from './pipes/sort-class.pipe';
+import { DashCasePipe } from './pipes/dash-case.pipe';
+import { DynamicPipe } from './pipes/dynamic.pipe';
+import { HighlightPipe } from './pipes/highlight.pipe';
 
 @Component({
   selector: 'angular-generic-table',
   templateUrl: './core.component.html',
-  styles: [],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    CapitalCasePipe,
+    KeyValuePipe,
+    SortClassPipe,
+    DashCasePipe,
+    AsyncPipe,
+    NgTemplateOutlet,
+    SlicePipe,
+    DynamicPipe,
+    HighlightPipe,
+    NgClass,
+    NgIf,
+    NgForOf,
+  ],
 })
 export class CoreComponent {
   @Input() set loading(isLoading: Observable<boolean> | boolean) {

diff --git a/projects/core/src/lib/core.module.ts b/projects/core/src/lib/core.module.ts
@@ -9,7 +9,8 @@ import { DynamicPipe } from './pipes/dynamic.pipe';
 import { GtDeltaComponent } from './gt-delta/gt-delta.component';
 
 @NgModule({
-  declarations: [
+  imports: [
+    CommonModule,
     CoreComponent,
     SortClassPipe,
     DashCasePipe,
@@ -19,7 +20,6 @@ import { GtDeltaComponent } from './gt-delta/gt-delta.component';
     DynamicPipe,
     GtDeltaComponent,
   ],
-  imports: [CommonModule],
   exports: [CoreComponent, GtDeltaComponent],
 })
 export class GenericTableCoreModule {}
diff --git a/projects/core/src/lib/gt-delta/gt-delta.component.ts b/projects/core/src/lib/gt-delta/gt-delta.component.ts
@@ -1,5 +1,6 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { TableRow } from '../models/table-row.interface';
+import { NgIf, PercentPipe } from '@angular/common';
 
 @Component({
   selector: 'gt-delta',
@@ -44,6 +45,8 @@ import { TableRow } from '../models/table-row.interface';
     `,
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [PercentPipe, NgIf],
 })
 export class GtDeltaComponent {
   constructor() {}

diff --git a/projects/core/src/lib/pagination/pagination.component.ts b/projects/core/src/lib/pagination/pagination.component.ts
@@ -6,11 +6,14 @@ import {
   GtPaginationAriaLabels,
   GtPaginationClasses,
 } from '../models/gt-pagination';
+import { AsyncPipe, NgForOf, NgIf } from '@angular/common';
 
 @Component({
   selector: 'angular-generic-table-pagination',
   templateUrl: './pagination.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [AsyncPipe, NgIf, NgForOf],
 })
 export class PaginationComponent {
   get paginationLength(): number {

diff --git a/projects/core/src/lib/pagination/pagination.module.ts b/projects/core/src/lib/pagination/pagination.module.ts
@@ -3,8 +3,7 @@ import { CommonModule } from '@angular/common';
 import { PaginationComponent } from './pagination.component';
 
 @NgModule({
-  declarations: [PaginationComponent],
-  imports: [CommonModule],
+  imports: [CommonModule, PaginationComponent],
   exports: [PaginationComponent],
 })
 export class GenericTablePaginationModule {}
diff --git a/projects/core/src/lib/pipes/capital-case.pipe.ts b/projects/core/src/lib/pipes/capital-case.pipe.ts
@@ -3,6 +3,7 @@ import { capitalize } from '../utilities/utilities';
 
 @Pipe({
   name: 'capitalCase',
+  standalone: true,
 })
 export class CapitalCasePipe implements PipeTransform {
   transform(s: string): any {

diff --git a/projects/core/src/lib/pipes/dash-case.pipe.ts b/projects/core/src/lib/pipes/dash-case.pipe.ts
@@ -3,6 +3,7 @@ import { dashed } from '../utilities/utilities';
 
 @Pipe({
   name: 'dashCase',
+  standalone: true,
 })
 export class DashCasePipe implements PipeTransform {
   transform(s: string): any {

diff --git a/projects/core/src/lib/pipes/dynamic.pipe.ts b/projects/core/src/lib/pipes/dynamic.pipe.ts
@@ -2,6 +2,7 @@ import { Injector, Pipe, PipeTransform, Type } from '@angular/core';
 
 @Pipe({
   name: 'dynamicPipe',
+  standalone: true,
 })
 export class DynamicPipe implements PipeTransform {
   constructor(private injector: Injector) {}

diff --git a/projects/core/src/lib/pipes/highlight.pipe.ts b/projects/core/src/lib/pipes/highlight.pipe.ts
@@ -2,6 +2,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
   name: 'highlight',
+  standalone: true,
 })
 export class HighlightPipe implements PipeTransform {
   transform(text: any, searchTerm: string | null): string {

diff --git a/projects/core/src/lib/pipes/sort-class.pipe.ts b/projects/core/src/lib/pipes/sort-class.pipe.ts
@@ -3,6 +3,7 @@ import { Order } from '../enums/order.enum';
 
 @Pipe({
   name: 'sortClass',
+  standalone: true,
 })
 export class SortClassPipe implements PipeTransform {
   transform(