@gravitee/ui-schematics 13.12.0 → 14.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-schematics",
-  "version": "13.12.0",
+  "version": "14.0.0",
   "description": "Gravitee.io - UI Schematics",
   "repository": {
     "type": "git",

package/schematics/components/component-for-dialog/files/__name@dasherize__.component.spec.ts.template

@@ -27,8 +27,7 @@ import { <%= classify(name) %>Component, <%= classify(name) %>Data, <%= classify
 @Component({
   selector: 'test-component',
   template: ``,
-  imports: [<%= classify(name) %>Component, MatDialogModule, MatIconTestingModule],
-  standalone: true,
+  imports: [MatDialogModule, MatIconTestingModule],
 })
 class SpecDialogComponent {
   constructor(private readonly matDialog: MatDialog) {}

package/schematics/components/component-for-dialog/files/__name@dasherize__.component.ts.template

@@ -25,7 +25,6 @@ export type <%= classify(name) %>Result = boolean;
   selector: '<%= dasherize(name) %>',
   templateUrl: './<%= dasherize(name) %>.component.html',
   styleUrls: ['./<%= dasherize(name) %>.component.scss'],
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [MatDialogModule, MatButtonModule],
 })

package/schematics/components/component-for-dialog/files/__name@dasherize__.stories.ts.template

@@ -24,8 +24,7 @@ import { <%= classify(name) %>Component, <%= classify(name) %>Data, <%= classify
 @Component({
   selector: 'story-component',
   template: `<button id="open-dialog" (click)="open()">Open dialog</button>`,
-  imports: [<%= classify(name) %>Component, MatDialogModule, MatIconTestingModule],
-  standalone: true,
+  imports: [MatDialogModule, MatIconTestingModule],
 })
 class StoryDialogComponent {
   constructor(private readonly matDialog: MatDialog) {}

package/schematics/components/component-with-card/files/__name@dasherize__.component.html.template

@@ -29,7 +29,7 @@
       icon="search"
       title="Empty state title"
       subtitle="Empty state subtitle"
-    ></gio-card-empty-state>
+      />
   </mat-card-content>
 </mat-card>
 <% } else { %>

package/schematics/components/component-with-card/files/__name@dasherize__.component.ts.template

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { MatCardModule } from '@angular/material/card';
 import { MatButtonModule } from '@angular/material/button';
 <% if (isEmptyState) {%>import { GioCardEmptyStateModule, GioIconsModule } from '@gravitee/ui-particles-angular';<% } %>
@@ -24,7 +24,6 @@ import { MatButtonModule } from '@angular/material/button';
   templateUrl: './<%= dasherize(name) %>.component.html',
   styleUrls: ['./<%= dasherize(name) %>.component.scss'],
   imports: [CommonModule,<% if (isEmptyState) {%> GioCardEmptyStateModule, GioIconsModule,<% } %> MatCardModule, MatButtonModule],
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class <%= classify(name) %>Component {}

package/schematics/components/component-with-form/files/__name@dasherize__.component.html.template

@@ -21,7 +21,7 @@
     <mat-card-subtitle>Add a description here</mat-card-subtitle>
   </mat-card-header>
   <mat-card-content>
-     <form *ngIf="<%= camelize(name) %>Form" [formGroup]="<%= camelize(name) %>Form">
+     <form [formGroup]="<%= camelize(name) %>Form">
         <mat-form-field>
           <mat-label>Name</mat-label>
           <input matInput formControlName="name" required />
@@ -30,4 +30,4 @@
      </form>
   </mat-card-content>
 </mat-card>
-<gio-save-bar [form]="<%= camelize(name) %>Form" (resetClicked)="reset()" (submitted)="submit()"></gio-save-bar>
+<gio-save-bar [form]="<%= camelize(name) %>Form" (resetClicked)="reset()" (submitted)="submit()" />

package/schematics/components/component-with-form/files/__name@dasherize__.component.ts.template

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { MatCardModule } from '@angular/material/card';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
 import { FormControl, FormGroup } from '@angular/forms';
@@ -27,7 +27,6 @@ import { GioSaveBarModule } from "@gravitee/ui-particles-angular";
   templateUrl: './<%= dasherize(name) %>.component.html',
   styleUrls: ['./<%= dasherize(name) %>.component.scss'],
   imports: [CommonModule, GioSaveBarModule, MatCardModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule],
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class <%= classify(name) %>Component {

package/schematics/components/component-with-table/files/__name@dasherize__.component.html.template

@@ -33,7 +33,7 @@
           matTooltip="Edit"
           (click)="edit.emit(element.id)"
         >
-          <mat-icon svgIcon="gio:edit-pencil"></mat-icon>
+          <mat-icon svgIcon="gio:edit-pencil" />
         </button>
 
         <button
@@ -42,7 +42,7 @@
           matTooltip="Delete"
           (click)="delete.emit(element)"
         >
-          <mat-icon svgIcon="gio:trash"></mat-icon>
+          <mat-icon svgIcon="gio:trash" />
         </button>
       </div>
     </td>
@@ -53,11 +53,12 @@
 
   <!-- Row shown when there is no data -->
   <tr class="mat-mdc-row mdc-data-table__row" *matNoDataRow>
-    <td *ngIf="!loading" class="mat-mdc-cell mdc-data-table__cell" [attr.colspan]="displayedColumns.length">
-      No data to display.
-    </td>
-    <td *ngIf="loading" class="mat-mdc-cell mdc-data-table__cell" [attr.colspan]="displayedColumns.length">
-      <gio-loader></gio-loader>
+    <td class="mat-mdc-cell mdc-data-table__cell" [attr.colspan]="displayedColumns.length">
+        @if (loading) {
+          <gio-loader />
+        } @else {
+          No data to display.
+        }
     </td>
   </tr>
 </table>

package/schematics/components/component-with-table/files/__name@dasherize__.component.spec.ts.template

@@ -24,7 +24,8 @@ import { MatIconTestingModule } from "@angular/material/icon/testing";
 
 @Component({
   selector: 'test-component',
-  template: ` <<%= dasherize(name) %> [dataSource]="dataSource" [loading]="loading"></<%= dasherize(name) %>>`,
+  template: ` <<%= dasherize(name) %> [dataSource]="dataSource" [loading]="loading" />`,
+  imports: [<%= classify(name) %>Component],
 })
 class TestComponent {
   loading = false;
@@ -38,8 +39,7 @@ describe('<%= classify(name) %>Component', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [TestComponent],
-      imports: [MatIconTestingModule, NoopAnimationsModule, <%= classify(name) %>Component]
+      imports: [MatIconTestingModule, NoopAnimationsModule, TestComponent]
     })
     .compileComponents();
 

package/schematics/components/component-with-table/files/__name@dasherize__.component.ts.template

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
 import { MatButtonModule } from '@angular/material/button';
 import { MatTableModule } from '@angular/material/table';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -25,7 +25,6 @@ import { GioIconsModule, GioLoaderModule } from "@gravitee/ui-particles-angular"
   templateUrl: './<%= dasherize(name) %>.component.html',
   styleUrls: ['./<%= dasherize(name) %>.component.scss'],
   imports: [CommonModule, GioIconsModule, GioLoaderModule, MatButtonModule, MatTableModule, MatTooltipModule],
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class <%= classify(name) %>Component {