Merge branch 'main' of https://github.com/platform-mesh/portal-ui-lib into strict-null-check

Author: Sobyt483

CODEOWNERS

@@ -0,0 +1,4 @@
+# Default code owners
+* @platform-mesh/tsc @platform-mesh/ui-approvers @platform-mesh/frame
+package.json
+package-lock.json

docs/readme-generic-ui.md

@@ -58,6 +58,7 @@ Each field definition supports the following properties:
   - `"fontStyle"`: Font style for the value (CSS font-style value)
   - `"textDecoration"`: Text decoration for the value (CSS text-decoration value)
   - `"textTransform"`: Text transformation for the value (CSS text-transform value)
+- `"displayAsPlainText"`: Boolean valu that give you ability to render value as it is, without any built-in transformation.
 - `"dynamicValuesDefinition"`: Configuration for dynamic value loading:
   - `"operation"`: GraphQL operation name
   - `"gqlQuery"`: GraphQL query string

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@platform-mesh/portal-ui-lib",
-  "version": "0.15.4",
+  "version": "0.16.1",
   "scripts": {
     "ng": "ng",
     "build": "npm run build:lib && npm run build:wc",
@@ -18,7 +18,7 @@
   },
   "prettier": "@openmfp/config-prettier",
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "2.8.1"
   },
   "devDependencies": {
     "@angular-builders/jest": "^20.0.0",
@@ -28,22 +28,22 @@
     "@angular/cli": "^20.2.0",
     "@angular/compiler-cli": "^20.2.1",
     "@angular/localize": "^20.2.1",
-    "@briebug/jest-schematic": "^6.0.0",
-    "@openmfp/portal-ui-lib": ">=0.180.0",
-    "@openmfp/config-prettier": "^0.8.1",
+    "@briebug/jest-schematic": "6.0.0",
+    "@openmfp/portal-ui-lib": "0.181.8",
+    "@openmfp/config-prettier": "0.8.1",
     "@types/jest": "^30.0.0",
     "@types/jmespath": "0.15.2",
-    "@types/jsonpath": "^0.2.4",
-    "@ui5/webcomponents-ngx": "^0.5.0",
-    "kubernetes-types": "^1.30.0",
-    "cpx2": "^8.0.0",
+    "@types/jsonpath": "0.2.4",
+    "@ui5/webcomponents-ngx": "0.5.6",
+    "kubernetes-types": "1.30.0",
+    "cpx2": "8.0.0",
     "jest": "^29.7.0",
     "jest-jasmine2": "29.7.0",
     "jest-junit": "16.0.0",
     "jest-mock-extended": "3.0.7",
     "jmespath": "0.16.0",
-    "mkdirp": "^3.0.1",
-    "move-cli": "^2.0.0",
+    "mkdirp": "3.0.1",
+    "move-cli": "2.0.0",
     "ng-packagr": "^20.2.0",
     "ngx-build-plus": "^20.0.0",
     "nodemon": "3.1.10",

package.json

@@ -23,6 +23,7 @@ export interface FieldDefinition {
     multiline?: boolean;
   };
   labelDisplay?: LabelDisplay | boolean;
+  displayAsPlainText?: boolean;
   dynamicValuesDefinition?: {
     operation: string;
     gqlQuery: string;

projects/lib/models/models/resource.ts

@@ -2,11 +2,11 @@
   "name": "@platform-mesh/portal-ui-lib",
   "version": "0.0.0",
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "2.8.1"
   },
   "prettier": "@openmfp/config-prettier",
   "peerDependencies": {
-    "@openmfp/portal-ui-lib": ">=0.180.0",
+    "@openmfp/portal-ui-lib": "0.181.8",
     "@angular/common": "^19.0.0 || ^20.0.0",
     "@angular/compiler": "^19.0.0 || ^20.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0",
@@ -15,13 +15,13 @@
     "@angular/platform-browser": "^19.0.0 || ^20.0.0",
     "@angular/platform-browser-dynamic": "^19.0.0 || ^20.0.0",
     "@angular/router": "^19.0.0 || ^20.0.0",
-    "@ui5/webcomponents-ngx": "^0.4.8 || ^0.5.0",
+    "@ui5/webcomponents-ngx": "0.5.6",
     "apollo-angular": "^10.0.0 || ^11.0.0",
-    "gql-query-builder": "^3.8.0",
-    "graphql": "^17.0.0 || ^16.10.0",
+    "gql-query-builder": "3.8.0",
+    "graphql": "16.11.0",
     "graphql-sse": "2.6.0",
     "rxjs": "~7.8.0",
     "zone.js": "~0.15.1",
-    "jsonpath": "^1.1.1"
+    "jsonpath": "1.1.1"
   }
 }

projects/lib/package.json

@@ -48,7 +48,10 @@
                 @for (field of viewField.group.fields; let last = $last; track field.label) {
                   <span [class.multiline]="viewField.group.multiline ?? true">
                     <span>{{ field.label }}: </span>
-                    <value-cell  [labelDisplay]="field.labelDisplay" [value]="getResourceValueByJsonPath(resource, field)"></value-cell>
+                    <value-cell
+                    [labelDisplay]="field.labelDisplay"
+                    [value]="getResourceValueByJsonPath(resource, field)"
+                    [displayAsPlainText]="!!field.displayAsPlainText" />
                   </span>
                   @if (!last && viewField.group.delimiter) {
                     <span>{{ viewField.group.delimiter }}</span>
@@ -58,7 +61,10 @@
             } @else {
               <ui5-label>{{ viewField.label }}</ui5-label>
               <p>
-                <value-cell [labelDisplay]="viewField.labelDisplay" [value]="getResourceValueByJsonPath(resource, viewField)"></value-cell>
+                <value-cell
+                [labelDisplay]="viewField.labelDisplay"
+                [value]="getResourceValueByJsonPath(resource, viewField)"
+                [displayAsPlainText]="!!viewField.displayAsPlainText" />
               </p>
             }
           </div>

projects/wc/src/app/components/generic-ui/detail-view/detail-view.component.html

@@ -67,7 +67,10 @@
               @for (field of column.group.fields; let last = $last; track field.label) {
                 <div>
                   <span>{{ field.label }}: </span>
-                  <value-cell [labelDisplay]="field.labelDisplay" [value]="getResourceValueByJsonPath(item, field)"></value-cell>
+                  <value-cell
+                    [labelDisplay]="field.labelDisplay"
+                    [displayAsPlainText]="!!field.displayAsPlainText"
+                    [value]="getResourceValueByJsonPath(item, field)" />
                 </div>
                 @if (!last && column.group.delimiter) {
                   <span>{{ column.group.delimiter }}</span>
@@ -76,7 +79,10 @@
             </ui5-table-cell>
           } @else {
             <ui5-table-cell>
-              <value-cell [labelDisplay]="column.labelDisplay" [value]="getResourceValueByJsonPath(item, column)"></value-cell>
+              <value-cell
+                [labelDisplay]="column.labelDisplay"
+                [displayAsPlainText]="!!column.displayAsPlainText"
+                [value]="getResourceValueByJsonPath(item, column)" />
             </ui5-table-cell>
           }
         }