RED-3800: update common-ui

apps/red-ui/jest.config.ts

@@ -1,6 +1,8 @@
 import type { Config } from 'jest';
+import { defaults } from 'jest-config';
 
-const config: Config = {
+export default {
+    ...defaults,
     displayName: 'red-ui',
     preset: '../../jest.preset.js',
     setupFilesAfterEnv: ['jest-preset-angular/setup-jest.js', 'jest-extended/all'],
@@ -14,12 +16,11 @@ const config: Config = {
             },
         ],
     },
+    testEnvironment: 'jest-environment-jsdom',
     transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
     snapshotSerializers: [
         'jest-preset-angular/build/serializers/no-ng-attributes',
         'jest-preset-angular/build/serializers/ng-snapshot',
         'jest-preset-angular/build/serializers/html-comment',
     ],
-};
-
-export default config;
+} as Config;

apps/red-ui/src/app/app.module.ts

@@ -17,6 +17,7 @@ import {
     IqserAllowDirective,
     IqserDenyDirective,
     IqserHelpModeModule,
+    IqserListingModule,
     IqserLoadingModule,
     IqserPermissionsService,
     IqserTranslateModule,
@@ -169,6 +170,7 @@ export const appModuleFactory = (config: AppConfig) => {
             RoundCheckboxComponent,
             IqserAllowDirective,
             IqserDenyDirective,
+            IqserListingModule,
         ],
         providers: [
             {

apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html

@@ -5,11 +5,11 @@
         <div class="content-container">
             <iqser-table
                 [bulkActions]="bulkActions"
+                [headerHelpModeKey]="'my_downloads'"
                 [itemSize]="80"
                 [noDataText]="'downloads-list.no-data.title' | translate"
                 [selectionEnabled]="true"
                 [tableColumnConfigs]="tableColumnConfigs"
-                [headerHelpModeKey]="'my_downloads'"
                 noDataIcon="iqser:download"
             ></iqser-table>
         </div>
@@ -26,6 +26,7 @@
     ></iqser-circle-button>
 </ng-template>
 
+<!--TODO: move to a separate component-->
 <ng-template #tableItemTemplate let-entity="entity">
     <div *ngIf="cast(entity) as download">
         <div class="cell">
@@ -42,7 +43,7 @@
 
         <div class="cell">
             <div class="small-label">
-                {{ download.creationDate | date: 'd MMM yyyy, hh:mm a' }}
+                {{ download.creationDate | date : 'd MMM yyyy, hh:mm a' }}
             </div>
         </div>
 

libs/common-ui

@@ -1 +1 @@
-Subproject commit 39e862b1298ba1930bde9e71f39778bc51c5185f
+Subproject commit cb8a0ddcf9a3858ec698e52488a51fabaff55849