imng-kendo-schematics 7.285.6 → 7.291.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imng-kendo-schematics",
-  "version": "7.285.6",
+  "version": "7.291.4",
   "description": "Angular Schematics facilitating Angular, Kendo, NGRX and imng package integration",
   "scripts": {
     "build": "tsc -p tsconfig.json",

package/schematics/imng-sub-list/files/+state/__singularizedName@dasherize__.reducers.ts.template

@@ -0,0 +1,47 @@
+import { on } from '@ngrx/store';
+import * as <%= camelize(singularizedName) %>ActionTypes from './<%= dasherize(singularizedName) %>.actions';
+import { State } from './<%= dasherize(parentName) %>.feature';
+import { findAndModify } from 'imng-ngrx-utils';
+import { getODataPagerSettings } from 'imng-kendo-grid-odata';
+
+export const <%= camelize(singularizedName) %>Reducers = [
+    on(<%= camelize(singularizedName) %>ActionTypes.load<%= classify(pluralizedName) %>Request,
+      (state: State, { payload }): State =>
+      ({
+        ...state,
+        loading: true,
+        gridData: {
+          ...state.gridData,
+          data: findAndModify(
+            state.gridData.data,
+            payload.<%= camelize(parentName) %>Id,
+            (rec) => (rec.<%= camelize(singularizedName) %>ODataState = payload.odataState),
+          )
+        },
+      })),
+    on(<%= camelize(singularizedName) %>ActionTypes.reload<%= classify(pluralizedName) %>Request,
+      (state: state): State =>
+      ({
+        ...state,
+        loading: true
+      })),
+    on(<%= camelize(singularizedName) %>ActionTypes.load<%= classify(pluralizedName) %>Success,
+      <%= camelize(singularizedName) %>ActionTypes.reload<%= classify(pluralizedName) %>Success,
+      (state: State, { payload }): State =>
+      ({
+        ...state,
+        loading: false,
+        gridData: {
+          ...state.gridData,
+          data: findAndModify(
+            state.gridData.data, 
+            payload.<%= camelize(parentName) %>Id, 
+            (rec) => {
+              rec.<%= camelize(singularizedName) %>OData = payload.odataResult;
+              rec.<%= camelize(singularizedName) %>PagerSettings = getODataPagerSettings({
+                gridData: payload.odataResult,
+                gridODataState: rec.<%= camelize(singularizedName) %>ODataState,
+            });
+          }),
+        },
+      }))];

package/schematics/imng-sub-list/files/+state/__singularizedName@dasherize__.selectors.ts.template

@@ -2,7 +2,7 @@ import { createSelector } from '@ngrx/store';
 import { PagerSettings } from '@progress/kendo-angular-grid';
 import { createEmptyODataResult } from 'imng-kendo-odata';
 import { getById } from 'imng-ngrx-utils';
-import { <%= camelize(pluralizedStoreName) %>Feature } from './<%= dasherize(singularizedStoreName) %>.reducer';
+import { <%= camelize(pluralizedStoreName) %>Feature } from './<%= dasherize(singularizedStoreName) %>.feature';
 <% if (openApiJsonUrl || openApiJsonFileName) { %>
 const select<%= classify(pluralizedName) %> = (<%= camelize(parentName) %>Id: string) => createSelector(
   <%= camelize(pluralizedStoreName) %>Feature.selectGridData,

package/schematics/imng-sub-list/files/__pluralizedName@dasherize__-list/index.ts.template

@@ -1,3 +1,4 @@
 export { <%= classify(singularizedName) %>ListComponent } from './list.component';
 export { <%= classify(singularizedName) %>ListFacade } from './list.facade';
 export { <%= classify(singularizedName) %>ApiService } from './api.service';
+export { <%= camelize(singularizedName) %>GridState } from './list.grid-state';

package/schematics/imng-sub-list/files/__pluralizedName@dasherize__-list/list.component.html.template

@@ -1,7 +1,7 @@
 <kendo-grid [height]="375" kendoGridFocusable [imngODataGrid]="this">
   <ng-template kendoGridToolbarTemplate>
     <div class="w-100 d-flex justify-content-between">
-      <h3><%= startCasedPluralName %></h3>
+      <h4><%= startCasedPluralName %></h4>
       <imng-kendo-odata-grid-header
         (reloadEntitiesClicked)="reloadEntities()"
         [hideClearFilters]="true"

package/schematics/imng-sub-list/files/__pluralizedName@dasherize__-list/list.component.ts.template

@@ -2,17 +2,7 @@ import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { KendoODataBasedComponent } from 'imng-kendo-grid-odata';
 import { ODataState } from 'imng-kendo-odata';
 import { <%= classify(singularizedName) %>ListFacade } from './list.facade';
-
-const initialGridState: ODataState = {
-  take: 5,
-  skip: 0,
-  selectors: [<% swaggerProperties.forEach(function(swaggerProperty){ %>
-    <%= classify(singularizedName) %>Properties.<%= swaggerProperty.snakeCaseName.toUpperCase() %>,<%})%>
-  ],
-  sort: [
-    { field: <%= classify(singularizedName) %>Properties.<%= firstProperty?.snakeCaseName.toUpperCase() %>, dir: 'asc' },
-  ],
-};
+import { <%= camelize(singularizedName) %>GridState } from './list.grid-state';
 
 @Component({
   selector: '<%= appPrefix %>-<%= dasherize(singularizedName) %>-list',
@@ -22,11 +12,11 @@ const initialGridState: ODataState = {
 })
 export class <%= classify(singularizedName) %>ListComponent extends KendoODataBasedComponent<I<%= classify(singularizedName) %>, <%= classify(singularizedName) %>ListFacade> {
   public readonly props = <%= classify(singularizedName) %>Properties;<% swaggerObjectProperties.filter(t=> !t.enum).forEach(function(swaggerProperty){ %>
-  public readonly <%= camelize(swaggerProperty.name) %>props = <%= classify(swaggerProperty.propertyTypeName) %>Properties;<% }) %>
+  public readonly <%= camelize(swaggerProperty.name) %>Props = <%= classify(swaggerProperty.propertyTypeName) %>Properties;<% }) %>
   public currentItem: I<%= classify(singularizedName) %> | undefined;
 
   constructor(facade: <%= classify(singularizedName) %>ListFacade) {
-    super(facade, initialGridState);
+    super(facade, <%= camelize(singularizedName) %>GridState);
   }
 
   @Input()

package/schematics/imng-sub-list/files/__pluralizedName@dasherize__-list/list.facade.spec.ts.template

@@ -11,9 +11,9 @@ import { Observable, of } from 'rxjs';
 import * as <%= camelize(parentName) %>ActionTypes from '../+state/<%= dasherize(parentName) %>.actions';
 import * as <%= camelize(singularizedName) %>ActionTypes from '../+state/<%= dasherize(singularizedName) %>.actions';
 import { <%= classify(singularizedName) %>Effects } from '../+state/<%= dasherize(singularizedName) %>.effects';
-import { <%= camelize(pluralizedStoreName) %>Feature } from '../+state/<%= dasherize(singularizedStoreName) %>.reducer';
+import { <%= camelize(pluralizedStoreName) %>Feature } from '../+state/<%= dasherize(singularizedStoreName) %>.feature';
 import { <%= classify(singularizedName) %>ListFacade } from './list.facade';
-import { <%= classify(parentName) %>Effects } from '../+state/<%= dasherize(parentName) %>.effects';
+import { <%= classify(parentName) %>ListEffects } from '../+state/<%= dasherize(parentName) %>-list.effects';
 import { environment } from '@env';
 
 describe('<%= classify(singularizedName) %>ListFacade', () => {
@@ -29,7 +29,7 @@ describe('<%= classify(singularizedName) %>ListFacade', () => {
       @NgModule({
         imports: [
           StoreModule.forFeature(<%= camelize(pluralizedStoreName) %>Feature),
-          EffectsModule.forFeature([<%= classify(singularizedStoreName) %>Effects, <%= classify(singularizedName) %>Effects]),
+          EffectsModule.forFeature([<%= classify(singularizedStoreName) %>Effects, <%= classify(singularizedName) %>ListEffects]),
         ],
         providers: [
           <%= classify(singularizedName) %>ListFacade,
@@ -67,7 +67,7 @@ describe('<%= classify(singularizedName) %>ListFacade', () => {
 
       list = await readFirst(facade.gridData$);
       const loading = await readFirst(facade.loading$);
-      expect(list.?data.length).toBe(1);
+      expect(list?.data.length).toBe(1);
       expect(loading).toBe(false);
 
       const gridPagerSettings$ = await readFirst(facade.gridPagerSettings$);

package/schematics/imng-sub-list/files/__pluralizedName@dasherize__-list/list.facade.ts.template

@@ -7,7 +7,7 @@ import { applyFilter, ODataResult, ODataState } from 'imng-kendo-odata';
 import { BehaviorSubject, Observable, switchMap } from 'rxjs';
 
 import * as <%= camelize(singularizedName) %>ActionTypes from '../+state/<%= dasherize(singularizedName) %>.actions';
-import { <%= camelize(pluralizedStoreName) %>Feature } from '../+state/<%= dasherize(singularizedStoreName) %>.reducer';
+import { <%= camelize(pluralizedStoreName) %>Feature } from '../+state/<%= dasherize(singularizedStoreName) %>.feature';
 import { <%= camelize(singularizedName) %>Selectors } from '../+state/<%= dasherize(singularizedName) %>.selectors';
 
 @Injectable()

package/schematics/imng-sub-list/files/__pluralizedName@dasherize__-list/list.grid-state.ts.template

@@ -0,0 +1,19 @@
+import { ODataState } from 'imng-kendo-odata';
+
+export const <%= camelize(singularizedName) %>GridState: ODataState = {
+  take: 20,
+  skip: 0,
+  selectors: [<% swaggerProperties.filter(t => t.htmlInputType !== 'object' || t.enum).forEach(function (swaggerProperty) { %>
+    <%= classify(singularizedName) %>Properties.<%= swaggerProperty.snakeCaseName.toUpperCase() %>, <%}) %>
+  ],
+  sort: [
+    { field: <%= classify(singularizedName) %>Properties.<%= firstProperty?.snakeCaseName.toUpperCase() %>, dir: 'asc' },
+  ], <% if (hasObjects) { %>
+  expanders: [<% swaggerObjectProperties.filter(t => !t.enum).forEach(function (swaggerProperty) { %>
+    { table: <%= classify(singularizedName) %>Properties.<%= swaggerProperty.snakeCaseName.toUpperCase() %>,
+      selectors: [<% swaggerProperty.properties.forEach(function (subSwaggerProperty) { %>
+        <%= classify(swaggerProperty.propertyTypeName) %>Properties.<%= subSwaggerProperty.snakeCaseName.toUpperCase() %>, <%}) %>
+        ]
+  }, <% }) %>
+  ]<% } %>
+};